html,body {width:100%; height:100%; margin:0; padding:0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-size:16px; font-size:1rem; color:#808080; font-family:'Open Sans Condensed',Arial,Verdana,Helvetica,sans-serif; background-size:cover; }
html {-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-rendering:optimizeLegibility; background:url(../comingsoon/bkg.jpg) center center no-repeat; background-size:cover; background-attachment:fixed;}
body {}
a:active,a:focus{outline:none;}
a {outline:none; color:#808080; text-decoration:none;
	transition:all 0.2s;
	-moz-transition:all 0.2s;
	-webkit-transition:all 0.2s;
	-o-transition:all 0.2s;
}
a:hover {outline:none; color:#333;
	transition:all 0.4s;
	-moz-transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-o-transition:all 0.4s;
}
table {border-collapse:collapse; border-spacing:0;}
ul, ul li, ol, ol li {margin:0; padding:0; list-style-type:none;}
h1 {font-weight:normal; font-size:16px; color:#333; display:block;}
h2 {color:#ed2024; font-size:18px; display:block;}
img {outline:none; border:none;}
.clear {clear:both; line-height:0; height:0; font-size:0; display:block;}
.hidden {display:none; height:0; border:none; background:none; line-height:0;}


input[type="text"], input[type="email"], input[type="select"], input[type="password"], input[type="submit"], input[type="button"], input[type="file"], textarea {background:none; outline:none; font-family:'Open Sans Condensed',Arial,Verdana,Helvetica,sans-serif; font-size:14px;}


.page {padding:20px; min-width:280px;}

.header {width:450px; margin:0 0 30px 0; text-align:center; font-size:20px; color:#000; font-weight:bold; float:right;}
.header .box {line-height:27px; padding:20px; background:rgba(255,255,255,0.3);}
.header  h1 {display:block; margin:25px 0; padding:0;}
.img {display:none;}


.logos {width:626px; position:relative; text-align:center; margin:0 auto;}
.logos h2 {display:block; color:#333; letter-spacing:10px; text-align:center; margin:0 0 20px 0; font-size:40px; text-transform:uppercase; font-weight:normal; font-family:'Open Sans',sans-serif;}

.wrapper {width:182px; height:182px; margin:0 40px; overflow:hidden; float:left;}
.wrapper.first,
.wrapper.last {margin:0;}


.wrapper .circle {width:182px; height:182px; position:relative; margin:0 auto; background:url(circle.png) center center no-repeat;}
.wrapper .banner {width:141px; height:156px; position:absolute; margin:-174px 0 0 22px; z-index:1;}


.address {text-align:center; font-size:14px; color:#333;}
.address a {color:#333;}
.address a:hover {color:#eb0082;}

.wrapper.first .circle,
.wrapper.second .circle {
	-ms-transform: rotate(200deg); 
	-moz-transform: rotate(200deg); 
	-webkit-transform: rotate(200deg);
	transform: rotate(200deg); 
}





.wrapper.last .circle {
  animation-duration: 3s;
  animation-name: slidein;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@-ms-keyframes slidein { 
	from {-ms-transform: rotate(0deg);}
	to {-ms-transform: rotate(359deg);}
}
@-moz-keyframes slidein { 
	from {-moz-transform: rotate(0deg);}
	to {-moz-transform: rotate(359deg);}
}
@-webkit-keyframes slidein { 
	from {-webkit-transform: rotate(0deg);}
	to {-webkit-transform: rotate(359deg);}
}

@keyframes slidein { 
	from {transform: rotate(0deg);}
	to {transform: rotate(359deg);}
}




/* FULL HD MONITORS */
@media (min-width:1480px) {
	.logos {position:fixed; bottom:60px; left:50%; margin-left:-313px;}
	.address {position:fixed; bottom:20px; left:0; width:100%; }
}


/* LARGE LANDSCAPE PHONES AND DOWN */
/* LANDSCAPE PHONES AND DOWN */
@media (max-width: 526px) { /* 480*/
	html {background:none;}
	.header {width:100%; padding:0; float:none; position:relative; font-size:14px; line-height:18px; margin:0 auto;}
	.header .box {line-height:22px; padding:0; background:none; margin-bottom:30px;}
	.logos {width:100%; min-width:280px;}
	.img {display:block; margin-bottom:60px; width:100%;}
	.img img {width:100%; height:auto;}
	.logos h2 {font-size:20px;}
	
	.wrapper { overflow:hidden; float:none; display:inline-block;}
	
	.wrapper,
	.wrapper.first,
	.wrapper.last {margin:0 5px;}
}

@media (max-width: 480px) {
	html {background:none;}
	
}

/* SMARTPHONE PORTRAIT */
@media (min-width: 320px) and (max-width: 479px) {
	html {background:none;}
	
}