/*PRELOADING------------ */
#overlayer {
width:100%;
height:100%;  
position:fixed;
z-index:10000;
background:Black;
}

.loader {
display: block;
width: 209px;
height: 204px;
position: absolute;
z-index:10010;
top: 50%;
left:50%;
margin-top:-104px;
margin-left:-102px;
background-image: url(../pcs/pcs_layout/preloader-logo.png);
background-position: center;
background-repeat: no-repeat;
}




/* -- start setup -- *//* font-family: 'Raleway', sans-serif; */
* {
font-family: 'Raleway', sans-serif, Arial, Verdana, Trebuchet MS,Helvetica,sans-serif;
font-size : 18px;
color:White;
}

/* -- common -- */
.horniIndex {vertical-align : super; font-size:9px;}
.i {font-style : italic;}
sup {font-size: 0.7em;}

/* -- float -- */
.floatLeft {float : left;}
.floatRight {float : right;}
.clear {clear : both;}
.textLeft {text-align:left !important;}
.pb90 {padding: 0 0 90px 0;}
.ml20 {margin-left:20px !important;}

/* -- all pages -- */
hr {display : none;}
body {background-color: #030003;}

.imgCenter {
display:block;
margin-left:auto;
margin-right:auto;
}

strong.claim { 
color:#7a868c; 
text-transform:uppercase;
}

h1, h2 { 
color:#7a868c;
text-transform:uppercase;
font-size: 25px;  
line-height: 35px; 
margin-bottom:10px;
}

@media only screen and (min-width : 480px) {
h1, h2 { 
font-size: 29px; 
line-height: 39px; 
}
}

@media only screen and (min-width : 768px) {
h1, h2 { 
font-size: 33px; 
line-height: 43px; 
}
}

@media only screen and (min-width : 992px) {
h1, h2 { 
font-size: 37px; 
line-height: 47px; 
margin-bottom:15px;
}
}

@media only screen and (min-width : 1200px) {
h1, h2 { 
font-size: 40px; 
line-height: 50px; 
}
}

.content p { 
font-size: 14px;  
line-height: 22px; 
}

.content p a { font-size: 14px;  }

.content a {
color:White;	
text-decoration:none;
transition: color 0.5s;
}

.content a:HOVER {
color:#7A868C;	
text-decoration:none; 
}


@media only screen and (min-width : 480px) {
.content p { 
font-size: 15px; 
line-height: 24px; 
}

.content p a { font-size: 15px;  }
}

@media only screen and (min-width : 768px) {
.content p { 
font-size: 16px; 
line-height: 26px; 
}

.content p a { font-size: 16px;  }
}

@media only screen and (min-width : 992px) {
.content p { 
font-size: 17px; 
line-height: 28px; 
}

.content p a { font-size: 17px;  }
}

@media only screen and (min-width : 1200px) {
.content p { 
font-size: 18px; 
line-height: 28px; 
}

.content p a { font-size: 18px;  }
}

.contacts strong { 
color:#7A868C;
font-weight:normal;	
font-size: 16px;  
line-height: 20px; 
}

@media only screen and (min-width : 480px) {
.contacts strong { 
font-size: 18px; 
line-height: 22px; 
}
}

@media only screen and (min-width : 768px) {
.contacts strong { 
font-size: 20px; 
line-height: 24px; 
}
}

@media only screen and (min-width : 992px) {
.contacts strong { 
font-size: 22px; 
line-height: 26px; 
}
}

@media only screen and (min-width : 1200px) {
.contacts strong { 
font-size: 24px; 
line-height: 28px; 
}
}

/* content */  
.content {
padding-top:20px;
padding-bottom:20px;
}


@media only screen and (min-width : 480px) {
.content {
padding-top:25px;
padding-bottom:25px;
}
}

@media only screen and (min-width : 768px) {
.content {
padding-top:35px;
padding-bottom:35px;
}
}

@media only screen and (min-width : 992px) {
.content {
padding-top:55px;
padding-bottom:55px;
padding-left:60px;
padding-right:60px;
}
}

.contacts {margin-bottom:7px !important;}
.contacts2 {margin-bottom:35px !important;;}

@media only screen and (min-width : 992px) {
.contacts {margin-bottom:20px;}
}


.image {
margin-top:50px;
margin-bottom:50px;
}

@media only screen and (min-width : 992px) {
.image {
margin-left:-60px;
margin-right:-60px;
}
}

.contacts a {
color:White;	
text-decoration:none;
transition: color 0.5s;
}

.contacts a:HOVER {
color:#7A868C;	
text-decoration:none; 
}

/* carosel */
.carouselTitle {
position:absolute;
top:20%;
width:96%;
left:2%;
z-index:999;
}

.footerLinks {
padding-bottom:20px;
}

@media only screen and (min-width : 1200px) {
.footerLinks {padding-left:80px !important;}
}


.footerLinks a {
display:block;
text-align:center;
color:White;
font-size:10px;
text-transform:uppercase;	
transition: color 0.5s;
}

.footerLinks p {
color:White;
font-size:10px;
}

@media only screen and (min-width : 700px) {
.footerLinks p, .footerLinks a {font-size:13px;}
}

.footerLinks a:HOVER {
text-decoration:none;
color:#7A868C;
}

@media only screen and (min-width : 1200px) {
.footerLinks {
padding-left:85px;	
padding-left:35px;	
}
}


/* 5colums */
@media only screen and (min-width : 700px) {
/*@media(min-width: 768px){*/
.col-1-5 {
    width: 20% !important;
    float: left!important;
    position: relative!important;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
.col-1-10 {
    width: 10% !important;
    float: left!important;
    position: relative!important;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
}

@media only screen and (max-width : 700px) {
.logaBox {
padding-left:30px;
padding-right:30px;
}
}