/**
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Project Name: Centr Norm
 * Project Description: Центр нормативной документаци и сертификации
 * File Name: style.css
 * Author: info@adtrust.ru
 * Author URI: http://adtrust.ru/
 * Version: 1.0.0
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

* { margin: 0; padding: 0; }
html, body { position: relative; height: 100%; background: #fff; }
body {  font-family: 'Roboto', sans-serif;  font-size: 14px; min-width: 960px; }
img { border: none; }
.clr { clear: both; }
.center_960 { width: 960px; margin: 0 auto; }
.hide { display: none; }
.request_callback input { color: #fff; font-size: 16px; }
.form1 input { color: #fff; font-size: 16px; }
.tu input { color: #222; font-size: 16px; }

p {
	margin:0;
}
.animatedBorder {
position: relative;
}

.alpha {
  height: auto;
      width: 300px;
}

#phone {
    background-color: #fff;
    border: 1px solid #c0c0c0;
    border-radius: 3px;
    color: #555;
    display: block;
    font-size: 12pt;
    height: 28px;
    margin: 17px 6px 0 0;
    padding: 5px;
    width: 360px;
}

.kons-block { width: 230px; margin: 22px 0 0px 10px; display: inline-block; vertical-align: top; border: 2px red solid; padding: 10px; }
.kons-block p { font-weight: 700; font-size: 15px; color: color: #101010;; text-align: center; padding-bottom: 10px; }
.kons-block .submit {
    display: block;
  float: left;
    height: 48px; 
  width: 100%;
    line-height: 48px;
    font-size: 14px;
    font-weight: 700;
  border: 0px solid #fcc42e;
    color: #fff !important;
  /* text-shadow: 0.03em 0.03em 0.03em #333; */
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    background: red;
  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;   
  margin-bottom: 0px;
}

.kons-block .submit:hover  {
    background: #ff7543; 
}

/*=============================================
	header 
 =============================================*/
 
 
.nm {
  /*float: right;*/
  color: #101010;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  text-align: right;
  text-transform:uppercase;
}

 .header {    height: 725px; background:  url('images/header-bg.jpg') center top no-repeat;   }

.header_logo { display: block; position: relative; float: left; width: 338px; height: 80px; padding: 0px 0 0 0px; margin: 45px 0 0 10px;  background: url('images/logo.png') no-repeat;  	text-decoration: none; display: block; }
.header_logo a { text-decoration: none; border-bottom: none; }
.header_logo .r1 { font-size: 36px; color: #db073d; font-weight: 700; margin-left: 52px; }
 
/* phone block */ 
.header_phone {  
	margin-top: 15px;
	float: right; 
	padding: 10px;
	margin-right: 10px;
	 }
.header_phone .r0 {  padding: 3px 10px 0 0; font-size: 16px; font-weight: 700; color: #232323;  line-height: 25px;  }
.header_phone .r1 {  padding: 5px 0px 0 0; font-size: 32px; font-weight: 700; color: #ffd800;  line-height: 35px; font-family: 'Roboto', sans-serif; 
	text-align: right; background: url('images/phoneico.png') left 10px no-repeat; }
.header_phone .r1 a {  color: #fb4a29;  text-decoration: none;  }
.r2t { padding: 8px 0px 0 0;
    font-size: 14px;
    line-height: 18px;
    color: #101010;
    font-family: 'Roboto', serif;
    text-align: right;
    float: right;
}
.header_phone .r2 span {color:#303135;font-size: 16px;font-weight: 700;}
/* left txt */
.header_text {  padding: 40px 0 0 10px;  font-family: 'Roboto', sans-serif;
   height: 278px; clear: both; letter-spacing: 1px;}
   
   .zv{    text-align: center;
    color: #FFF;
    margin-top: 0px;
    padding-bottom: 22px;}
	
	
	.inputs .zv {
    text-align: center;
    color: #9e9e9e;
    margin-top: 71px;
    /* padding-top: 14px; */
    font-size: 14px;
    display: block;
}
.header_text .r1 { 
color: red;
font-size: 48px;
line-height: 48px;
font-weight: 400; 
text-align:left;
letter-spacing: 0px;
text-transform: uppercase;
 }
 .header_text .r2 { 
color: #101010;
font-size: 32px;
line-height: 42px;
font-weight: 800; 
text-align:left;
letter-spacing: 0px;
text-transform: uppercase;
padding-top:5px;
 }
 .header_text .r2 span { color: red; }
 
.image2-tu {
    background: url('images/tu2.jpg') center top no-repeat;
    width: 479px;
    height: 539px;
    position: absolute;
}

.image3-tu {
    background: url('images/tu3.jpg') center top no-repeat;
    width: 479px;
    height: 539px;
    position: absolute;
} 
 
 .request_callback {
	 background: url('images/request_callback.jpg') repeat-x;
	 height:421px;
 }
 
 .leftform {float:left;width:460px;margin-right:20px;}
 .rightform {float:right;}
.header_text sup { font-size: 10px; margin-left: -7px; }
.header_text b { text-transform: none; }

.header_text ul { padding: 25px 0 0 0px; display: block; height: 240px; }
.header_text ul li {   font-family: 'Roboto', sans-serif; 
	font-size: 18px; font-weight: 400;  list-style: none; color:#101010; 
	text-transform: none;
	 background-image: url('images/li.png'); 
	 background-position:  left 8px ; 
	background-repeat: no-repeat; 
	 padding: 0 0 0 40px; 
	margin: 0px 0 10px 0;
	    letter-spacing: 0;
	}

#girl {
position: absolute;
margin: 536px 0 0 745px;
Z-INDEX: 50;
width: 230px;
}

.circle {
	background:  url('images/circle.png') top left no-repeat;
	position: absolute;
margin: 416px 0 0 445px;
Z-INDEX: 50;
width: 175px;
height: 175px;
color:#FFF;
}

.st {
	transform: rotate(6deg);
-ms-transform: rotate(6deg);
-webkit-transform: rotate(6deg);
-o-transform: rotate(6deg);
-moz-transform: rotate(6deg);
margin: 35px 0 0 40px;
	font-size:20px;
	line-height: 18px;
}

.st span.first{
line-height:5px;
	
}

.st b{
font-size:28px;
font-weight:700;
	margin-bottom: -15px;
display: block;
}

.st span.two{
font-size:20px;
font-weight:700;

}

.st span.day {
	font-size:26px;
	font-weight:700;
	line-height: 28px;
}

.st span.two span{
font-size:20px;
font-weight:400;
margin-left: 25px;
}

.st span.one{
font-size:56px;
font-weight:700;
	
}

.header .g1 {
color: #fff;
font-size: 16px;
font-weight: 700;
font-style: italic;
text-align: right;
}

.header .g2 {
color: #fff;
font-size: 16px;
font-weight: 300;
font-style: italic;
line-height: 16px;
text-align: right;
}	


.str { position: absolute;   margin-top: -6px; margin-left: 10px; }	



.timer-end {
    text-align: center;
    font-size: 21px;
    color: #FFFFFF;
	font-family: 'Roboto', serif;
    font-style: italic;
	padding-top: 10px;
}

.timer {
    margin-top: 5px;
}

/*=============================================
request
=============================================*/
.request_callback_style {  /* margin: 260px 0 0 0; */ height: 345px; width: 380px; position: absolute; margin-top: 135px; margin-left: 570px; padding-right: 10px; }

.request_callback .r1 {  
	font-family: 'Roboto', sans-serif;
    padding: 60px 0 5px 0;
    font-size: 24px;
    font-weight: 700;
        line-height: 36px;
    color: #fff;
    text-align: left;
    text-transform: uppercase;
	margin-bottom: 6px;
	}
  
.request_callback .r1 span { color: #fc622a; } 
.request_callback .r1 .sk {     font-size: 64px;
        line-height: 72px; } 

.request_callback .inputs {     padding: 66px 0 20px 0px; width: 445px; 
	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;   margin: 0 auto;   }
	
.request_callback .input_text input { width: 445px; height: 59px; background: none; border: none; outline: none; line-height: 24px;   }
::-webkit-input-placeholder {  color: #fff; font-size: 16px;  }
::-moz-placeholder { /* Firefox 19+ */  color: #fff; font-size: 16px; }
:-ms-input-placeholder {   color: #fff; font-size: 16px; }
:-moz-placeholder { /* Firefox 18- */  color: #fff;  font-size: 16px;}

.request_callback .input_text { float: left;     width: 445px; margin: 0 0 20px 0; padding-left: 20px; background:none; border: 2px solid #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;  } 

.button-offer { font-size: 23px; margin: 0px 0 0 15px;   } /* for a awesome arrow*/
.request_callback .submit {
	font-family: 'Roboto', sans-serif;
    display: block;
	letter-spacing: 0px;
    float: right;
    height: 63px; 
	width: 445px;
        padding: 1px 7px 2px;
    font-size: 16px;
    font-weight: 700;
    -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    background: red;   
	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;   
}

.request_callback .submit:hover  {
	font-family: 'Roboto', sans-serif; 
    display: block;
	letter-spacing: 0px;
    float: right;
    height: 63px; 
	width: 445px;
    padding: 20px  0 0 0px;
    font-size: 16px;
    font-weight: 700;
    -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    background: #ff7543;
   -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;   
}


/*=============================================
	tu
=============================================*/
.tu {  padding: 0px 0 40px 0; 
	 -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;  }
	
.tu h2 { font-family: 'Roboto', sans-serif;
	padding: 65px 0 0px 0; font-size: 21px; line-height: 47px;  font-weight: 700; color: #222; 
	text-transform: uppercase; text-align: center;  }
.tu h2 span { color: red; }
.block-tu { padding: 30px 0 30px 0; }
.block-tu h3{ text-align:center;font-size:18px; font-weight:700;}
.image1-tu { background:  url('images/tu11.jpg') center top no-repeat; width: 479px; height: 539px; position: absolute; }
.image2-tu { background:  url('images/tu22.jpg') center top no-repeat; width: 479px; height: 539px; position: absolute; }	
.image3-tu { background:  url('images/tu3.jpg') center top no-repeat; width: 479px; height: 539px; position: absolute; }	
.image4-tu { background:  url('images/tu4.jpg') center top no-repeat; width: 479px; height: 539px; position: absolute; }	
.image5-tu { background:  url('images/tu5.jpg') center top no-repeat; width: 479px; height: 539px; position: absolute; }		
.right-tu { padding-left: 470px; padding-top: 38px; font-size: 18px; color: #324dcf; line-height: 31px; width: 450px; }
.b { text-transform: uppercase; font-size: 14px; font-weight: 700; color: #000; text-align: left;}
.block-tu .throug	 {
    text-decoration: line-through;
    font-size: 16px;
    font-weight: 300;
	color:#4b4a49;
	}
	table.sro tr {width:470px; border-bottom:1px solid #dadadc;    display: block;margin-bottom: 10px; padding-bottom: 10px;}
	.lt {text-align:left;width: 250px;vertical-align: top;}
	.lt2 {text-align:left;width: 381px;vertical-align: top;}
	.rt {text-align:left;}
	
.tu ul {  padding: 0px 0px 30px 0px; display: block; }
.tu ul li {
    list-style: none;
    background: url('images/li.png');
    background-position: left 12px;
    background-repeat: no-repeat;
    padding: 0px 0 0 22px;
    margin: 1px 0 0 0;
}
.cena { font-weight: bold; font-size: 36px; color: #0c7bf8; padding-left: 12px; }
.rub { font-weight: bold; font-size: 16px; color: #0c7bf8; }
.tu .inputs { padding: 35px 0 0 0px; width: 470px; 
	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;    }
   
.tu .input_text input { width: 450px; height: 59px; background: none; border: none; outline: none; line-height: 24px;    }
.tu ::-webkit-input-placeholder {  color: #222; font-size: 16px;  }
.tu ::-moz-placeholder { /* Firefox 19+ */  color: #222; font-size: 16px; }
.tu :-ms-input-placeholder {   color: #222; font-size: 16px; }
.tu :-moz-placeholder { /* Firefox 18- */  color: #222;  font-size: 16px;}

.tu .input_text { float: left;     width: 470px; margin: 0 0 20px 0; padding-left: 20px; background: #fff; border: 2px solid #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;  } 

.tu .submit {
	font-family: 'Roboto', sans-serif;
    display: block;
	letter-spacing: 0px;
    float: right;
    height: 63px; 
	    width: 470px;
        padding: 1px 7px 2px
    font-size: 14px;
    font-weight: 700;
    -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    background: red;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a5bcde', GradientType=0 );
	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;   
}

.tu .submit:hover  {
	font-family: 'Roboto', sans-serif; 
    display: block;
	letter-spacing: 0px;
    float: right;
    height: 63px; 
	width: 470px;
    padding: 17px  0 0 0px;
    font-size: 14px;
    font-weight: 700;
    -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    background: #ff7543;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a5bcde', GradientType=0 );
	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;   
}

/*=============================================
	form1
=============================================*/
.form1 { height: 352px; background:url('images/form1-bg.jpg') center top no-repeat;
	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;}

.form1 h2  { font-family: 'Roboto', sans-serif; 
	padding: 45px 0 5px 0; font-size: 21px; line-height: 47px;  font-weight: 700; color: #fff; 
	text-transform: uppercase; text-align: center; }

.form1 .inputs { padding: 35px 0 0 0px; width: 760px; margin: 0 auto;
	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;    }
.form1 .input_text input { width: 100%; height: 59px; background: none; border: none; outline: none; line-height: 24px;   }
::-webkit-input-placeholder {  color: #fff; font-size: 16px;  }
::-moz-placeholder { /* Firefox 19+ */  color: #fff; font-size: 16px; }
:-ms-input-placeholder {   color: #fff; font-size: 16px; }
:-moz-placeholder { /* Firefox 18- */  color: #fff;  font-size: 16px;}
.form1 .input_text { float: left; width: 360px; margin: 0 10px 20px 10px; padding-left: 20px; background:none; border: 2px solid #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;  } 
.subm-centr { margin: 0 auto; width: 360px; }
.form1 .submit {
	font-family: 'Roboto', sans-serif;
    display: block;
	letter-spacing: 0px;
    float: left;
    height: 63px; 
	width: 360px;
    padding: 1px 7px 2px;
    font-size: 18px;
    font-weight: 700;
    -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    background: red;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a5bcde', GradientType=0 );
	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;   
	    margin-bottom: 14px;
}

.form1 .submit:hover  {
	font-family: 'Roboto', sans-serif; 
    display: block;
	letter-spacing: 0px;
    float: left;
    height: 63px; 
	width: 360px;
    padding: 20px  0 0 0px;
    font-size: 18px;
    font-weight: 700;
    -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    background: #ff7543;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a5bcde', GradientType=0 );
	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;   
}

/*=============================================
	spoiler
=============================================*/


.spoiler1 { background: #f5f8fa; padding: 10px 0 70px 0; }
.spoiler1 ol { margin: 5px 0 5px 40px; }
.h { font-family: 'Roboto', sans-serif; 
	padding: 30px 0 35px 0; font-size: 21px; line-height: 47px;  font-weight: 700; color: #101010; 
	text-transform: uppercase; text-align: center;  }
.bl { width: 909px; margin: 0 auto; }
.spoiler h2,
.spoiler.close h2{
	font-size:16px;
	color:#4b4a49;
	font-weight: 600;
	line-height: 51px;
	cursor:pointer;
	margin:10px 0 0 0;
	padding-left: 30px;
	width: 909px;
	height: 51px;
	border:1px solid #d7d7d7;
}
.cl {background:url('images/close.png') center top no-repeat; width: 10px; height: 6px;}
.sh {background:url('images/show.png') center top no-repeat; width: 10px; height: 6px; }
.close.spoiler h2{background:#fff;  }
.close.spoiler h2.bgcolor{background:#f5f8fa; color: #101010; }
.spoiler h2{background:#f5f8fa;}
.spoiler h2.bgcolor{background:#fff;}
.spoiler h2 span{
	float:right;
}
.spoiler .block{
	padding:20px 30px;
	background:#f5f8fa;
	overflow:hidden;
	width: 909px;
	font-family: 'Roboto', serif;
    font-style: italic;
	color: #101010;
	font-size: 16px;
	
}

.show {display: none; padding: 22px 20px 0px 0px;  }
.bgcolor .show {display: block;}
.hide  {display: block; padding: 22px 20px 0px 0px; }
.bgcolor .hide {display: none;}
.close .show {display: block;}
.close .bgcolor .show {display: none;}
.close .hide  {display: none;}
.close .bgcolor .hide {display: block;}

/*=============================================
	form2
=============================================*/
.form2 { height: 383px; background:url('images/form2-bg.jpg') center top no-repeat;
	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;}

.form2 h2  { font-family: 'Roboto', sans-serif; 
	padding: 45px 0 5px 0; font-size: 21px; line-height: 47px;  font-weight: 700; color: #fff; 
	text-transform: uppercase; text-align: center; }
.opis { font-family: 'Roboto', serif; font-weight:700; font-size: 24px; color: #fff; text-align: center;     padding-top: 45px; }
.opis span { color: #fc622a; }
.form2 .inputs { padding: 35px 0 0 0px; width: 580px; margin: 0 auto;
	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;    }
.form2 .input_text input { width: 100%; height: 59px; background: none; border: none; outline: none; line-height: 24px;   }
::-webkit-input-placeholder {  color: #fff; font-size: 16px;  }
::-moz-placeholder { /* Firefox 19+ */  color: #fff; font-size: 16px; }
:-ms-input-placeholder {   color: #fff; font-size: 16px; }
:-moz-placeholder { /* Firefox 18- */  color: #fff;  font-size: 16px;}
.form2 .input_text { float: left; width: 580px; margin: 0 0 20px 0; padding-left: 20px; background:none; border: 2px solid #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;  } 
.form2 .submit {
	font-family: 'Roboto', sans-serif;
    display: block;
	letter-spacing: 0px;
    float: right;
    height: 63px; 
	width: 580px;
        padding: 1px 7px 2px
	  padding-left: 32px;
    font-size: 18px;
    font-weight: 700;
    -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
    color: #101010;
    text-align: left;
    text-transform: uppercase;
    text-decoration: none;
    background: #ffd800;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a5bcde', GradientType=0 );
	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;   
}

.form2 .submit:hover  {
	font-family: 'Roboto', sans-serif; 
    display: block;
	letter-spacing: 0px;
    float: right;
    height: 63px; 
	width: 580px;
        padding: 1px 7px 2px
	  padding-left: 32px;
    font-size: 18px;
    font-weight: 700;
    -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
    color: #101010;
    text-align: left;
    text-transform: uppercase;
    text-decoration: none;
    background: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a5bcde', GradientType=0 );
	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;   
}
/*=============================================
	docum
=============================================*/
.docum {  padding-bottom: 100px; background: #232527;
	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;}

.docum h2  { font-family: 'Roboto', sans-serif; 
	padding: 45px 0 5px 0; font-size: 21px; line-height: 47px;  font-weight: 700; color: #fff; 
	text-transform: uppercase; text-align: center; }
.txt { font-family: 'Roboto', serif; font-style: italic; font-size: 16px; color: #0c7bf8; text-align: center; }
.docum .title { font-size: 18px; font-weight: 700; color: #fff; text-transform: uppercase; text-align: center; padding: 50px 0 40px 0; }
.prom1 { background:url('images/prom1.png') center top no-repeat; width: 800px; height: 336px; margin: 0 auto;}
.prom2 { background:url('images/prom2.png') center top no-repeat; width: 800px; height: 352px; margin: 0 auto;}
.prom3 { background:url('images/prom3.png') center top no-repeat; width: 940px; height: 274px; margin: 0 auto;}
.prom4 { background:url('images/prom4.png') center top no-repeat; width: 940px; height: 312px; margin: 0 auto;}
.prom5 { background:url('images/prom5.png') center top no-repeat; width: 800px; height: 352px; margin: 0 auto;}


/*=============================================
	logo
=============================================*/
	.logo {  }
	.logo  h2  { font-family: 'Roboto', sans-serif; 
	padding: 40px 0 40px 0; font-size: 21px; line-height: 47px;  font-weight: 700; color: #101010; 
	text-transform: uppercase; text-align: center; }
	
	#container{	
		margin:0 auto;
		text-align:left;
		position:relative;
		
		}
		
	ul#items{		
		
		width:auto;
		height:120px;
		overflow:hidden;
		}
	ul#items li{
		list-style:none;
		float:left;
		height:150px;
		overflow:hidden;
		margin: 10px 0px 0px 0px;
		color:#fff;
		text-align:left;
		color:#555;
		}
	ul#items li:hover{color:#333;}
	ul#items li .image{
		height:70px;
		overflow:hidden;
		float: left;
		margin: 5px 75px 0px 0px;}
	
	ul#items li .image1{
		height:70px;
		overflow:hidden;
		float: left;
		margin: 5px 0px 0px 0px;
		
		}	
	ul#items .r3{font-size:16px;font-weight:300;margin:25px 0 0 0; color:#fff; text-transform: uppercase;}	
	ul#items .r5 {font-size:16px;font-weight:300;margin-left:20px; color:#06a0d6;}
	ul#items .info{color:#fff;font-size:16px; font-weight: 300; margin-top:25px; line-height: 27px;}	
	ol#pagination{position:relative;text-align:center;}
	ol#pagination li{
		display:inline-block;
		width:12px;
		height:12px;
		text-align:left;
		text-indent:-8000px;
		list-style:none;
		cursor:pointer;
		margin:0 10px;
		}
	ol#pagination li:hover{ width: 12px; height: 12px;}
	ol#pagination li.current{color:#f00;font-weight:bold; width: 12px; height: 12px;}
	ol#pagination li.prev, ol#pagination li.next{
		position:absolute;
		top: -90px;
		}
	ol#pagination li.prev{left:-90px;background:url('images/left.png') no-repeat; width: 14px; height: 26px;}
	ol#pagination li.prev:hover{left:-90px;background:url('images/left-hover.png') no-repeat; width: 14px; height: 26px;}
	ol#pagination li.next{right:-90px;background:url('images/right.png') no-repeat; width: 14px; height: 26px;}
	ol#pagination li.next:hover{right:-90px;background:url('images/right-hover.png') no-repeat; width: 14px; height: 26px;}
	
	
/*=============================================
	exp
=============================================*/
.exp{  padding-bottom: 100px; background: #f5f8fa; height: 1070px;
	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;}

.exp h2  { font-family: 'Roboto', sans-serif; 
	padding: 40px 0 10px 0; font-size: 21px; line-height: 47px;  font-weight: 700; color: #101010; 
	text-transform: uppercase; text-align: center;  }
.exp-t1 { font-family: 'Roboto', serif; font-style: italic; font-size: 16px; color: #4b4a48; text-align: center;  }
.exp-block1 { width: 300px; height: 450px; position: absolute; margin-top: 40px;}
.exp-block2{ width: 300px; height: 450px; position: absolute; margin-left: 320px; margin-top: 40px;}
.exp-block3{ width: 300px; height: 450px; position: absolute; margin-left: 640px; margin-top: 40px; }
.exp-block4 { width: 300px; height: 450px; position: absolute; margin-top: 490px;}
.exp-block5{ width: 300px; height: 450px; position: absolute; margin-left: 320px; margin-top: 490px; }
.exp-block6{ width: 300px; height: 450px; position: absolute; margin-left: 640px; margin-top: 490px; }
.exp1 { background:url('images/eksp1.jpg') center top no-repeat; width: 300px; height: 300px; }
.exp2 { background:url('images/eksp2.jpg') center top no-repeat; width: 300px; height: 300px; }
.exp3 { background:url('images/eksp3.jpg') center top no-repeat; width: 300px; height: 300px; }
.exp4 { background:url('images/eksp4.jpg') center top no-repeat; width: 300px; height: 300px; }
.exp5 { background:url('images/eksp5.jpg') center top no-repeat; width: 300px; height: 300px; }
.exp6 { background:url('images/eksp6.jpg') center top no-repeat; width: 300px; height: 300px; }
.exp-t2 { font-size: 16px; color: #4b4a48; text-align: center; font-weight: 700; padding: 30px 0 0px 0; }	
.exp-t3 { font-family: 'Roboto', serif; font-style: italic; font-size: 16px; color: #4b4a48; text-align: center; padding: 10px 0 0px 0; }
/*=============================================
	dopusk sro
=============================================*/
.d-sro { height: 424px; padding:  0; background:url('images/blag-bg.jpg') center top no-repeat;
	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;}

.d-sro  h2  { font-family: 'Roboto', sans-serif; 
	padding: 40px 0 30px 0; font-size: 21px; line-height: 47px;  font-weight: 700; color: #FFF; 
	text-transform: uppercase; text-align: center; }

.d-sro ul { list-style: none; overflow: auto; padding: 15px 5px 5px 5px; }
.d-sro ul li {margin: 0 0px 0 70px; position: relative; float: left; width: 180px; }
.d-sro ul li:first-child { margin: 0; }
.d-sro ul li img {padding-bottom: 20px; vertical-align: top; }
.d-sro ul li .hover-bg { display: none; position: absolute; left: 0; top: 0; width: 100%;   height: 232px; background: #fc622a; opacity: 0.8; margin-top: 0px; }
.d-sro ul li:hover .hover-bg { display: block; }
.d-sro ul li .hover_ico { display: none; position: absolute; left: 70px; top: 105px; width: 46px; height: 25px; background: url('images/plus.png');  }
.d-sro ul li:hover .hover_ico { display: block; }
.d-sro ul li a {line-height: 22px; display: block; padding:  0; font-size: 16px; color: #303135; font-family: 'Roboto', sans-serif;
	text-decoration: none; text-align: center; font-weight: 300; }



/*=============================================
	benefits
=============================================*/
.benefits { height: 702px; padding: 0px 0 0px 0; 
	background: #f5f8fa; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;  }
	
.benefits h2 { font-family: 'Roboto', sans-serif;
	padding: 45px 0 40px 0; font-size: 21px; line-height: 47px;  font-weight: 700; color: #101010; 
	text-transform: uppercase; text-align: center; letter-spacing: 0.5px; }

.benefits ul { list-style: none; overflow: hidden; padding: 0 5px 0 5px; }
.benefits li { height: 280px;  width: 310px;  vertical-align: top; padding: 0 0 0 0px;}

.benefits li span {color:#303135;text-transform: uppercase;font-weight: 700;}

.benefits ul li div {  font-style: normal; font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 22px;
	/* text-transform: uppercase; */ font-weight: 400; color: #4b4a49; text-align: center; padding: 155px 0 0px 0px; }
.benefits .i1 {	background-image: url('images/item1.png'); background-position: center 0px; background-repeat: no-repeat; }
.benefits .i2 {	background-image: url('images/item2.png'); background-position: center 0px; background-repeat: no-repeat; }
.benefits .i3 {	background-image: url('images/item3.png'); background-position: center 0px; background-repeat: no-repeat; }
.benefits .i4 {	background-image: url('images/item4.png'); background-position: center 0px; background-repeat: no-repeat; }
.benefits .i5 {	background-image: url('images/item5.png'); background-position: center 0px; background-repeat: no-repeat; }
.benefits .i6 {	background-image: url('images/item6.png'); background-position: center 0px; background-repeat: no-repeat; }

		
		/*=============================================
	base
=============================================*/
.base {   height: 880px; padding: 0px 0 0px 0; 
	background:url('images/map-bg.jpg') center top no-repeat; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;  }
	
.base h2 { font-family: 'Roboto', sans-serif;  
	padding: 50px 0 40px 0; font-size: 24px; line-height: 47px;  font-weight: 700; color: #101010; 
	text-transform: uppercase; text-align: center; }
.b1 { position: absolute; font-family: 'Roboto', serif; font-size: 16px; color: #101010; padding-top: 520px;     padding-left: 10px;  }
.b2 { position: absolute; font-family: 'Roboto', serif; font-size: 16px; color: #101010; padding-top: 520px; padding-left: 222px;   }
.b3 { position: absolute; font-family: 'Roboto', serif; font-size: 16px; color: #101010; padding-top: 520px; padding-left: 449px;  }
.b4 { position: absolute; font-family: 'Roboto', serif; font-size: 16px; color: #101010; padding-top: 520px; padding-left: 638px;  }
.b5 { position: absolute; font-family: 'Roboto', serif; font-size: 16px; color: #101010; padding-top: 520px; padding-left: 844px;  }


/*=============================================
	recom
=============================================*/
.recom { padding: 0px 0 0px 0; 
-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;  }
	
.recom h2 { font-family: 'Roboto', sans-serif;
	padding: 70px 0 50px 0; font-size: 24px; line-height: 47px;  font-weight: 700; color: #232323; 
	text-transform: uppercase; text-align: center; letter-spacing: 4px; }
.company { background:url('images/company.png') center top no-repeat; width: 930px; height: 76px; margin: 0 auto;  padding-bottom: 70px; }




/*=============================================
	otz
=============================================*/
.otz {  padding: 0px 0 0px 0; background: #e5eef5;
	 -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;  margin: 0; }
	
.otz h2 { font-family: 'Roboto', sans-serif;
	padding: 40px 0 40px 0; font-size: 30px; line-height: 47px;  font-weight: 700; color: #0069b4; 
	text-transform: uppercase; text-align: center; }

	
.pre-block {
	width: 1000px; 
	padding: 10px 0 10px 0;
	clear: both; 
}
.pre-photo { width: 210px; 
	height: 210px; float: left; 
	background:  url('images/pre-photo.png') top left repeat-x;
	display: block;
}
.pre-txt {
	color: #000;
	background: #fff;
	border: 1px solid #cdcdcd;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin-left: 200px;
	min-height: 102px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box;    
	padding: 20px;
	font-size: 15px;
	}	
	
	.woman {height:796px;background:  url('images/woman.jpg') top center no-repeat;}
	.woman h2 {  font-size: 54px; font-weight: 500; color: #324dcf; text-align: left; text-transform: uppercase; padding-top:90px; padding-bottom:54px; }
	
	.woman ul { padding: 0px 0 0 0px; display: block;     height: 486px }
.woman ul li {   font-family: 'Roboto', sans-serif; 
	font-size: 18px; font-weight: 400;  list-style: none; color:#101010; 
	text-transform: none;
	 background-image: url('images/li.png'); 
	 background-position:  left 8px ; 
	background-repeat: no-repeat; 
	 padding: 0 0 0 40px; 
	margin: 0px 0 10px 0;
	    letter-spacing: 0;
	}
	.woman .name{     padding-left: 200px; font-size: 14px; font-weight: 400; color: #324dcf; text-align: right;float:left;
	}
	
	.woman .name span{text-transform: uppercase;}

/*=============================================
	on_map
=============================================*/
	
.on_map  { margin: 0;    }
#map-canvas { height: 600px; padding: 0px 0 0px 0; overflow: hidden; transform: translateZ(0px); }
.on_map h2 {  font-size: 24px; font-weight: 700; color: #000; line-height: 137px; text-align: center; text-transform: uppercase; margin: 0; height: 137px;  }
.on_map .center_960 { position: relative; z-index: 1;   }
#map-infowindow { position: absolute; right: 120px; top: 130px; width:429px; height:410px; background:  url('images/on-map-text.png') top center no-repeat;   
	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; padding:10px; display: block; }

 #map-infowindow-close {position: absolute;
  top: 44px;
  left: 351px;
  width: 34px;
  height: 34px;
  border-radius: 18px;}
  
 #map-marker {
  position: absolute;
  /* top: 38px;
  left: 39px;*/
  display: block; 
    /*   display: none; */
}


  
#on_map_address a { color: #a8355e; text-decoration: none; }
#on_map_address a:hover { text-decoration: underline; }
 .r0 { padding: 20px 0 0 95px; font-size: 16px; font-weight: 700; color: #2c2c2c; text-transform: uppercase; line-height: 20px; }
 #map-infowindow .r1 { padding: 0px 0 14px 15px; font-size: 16px; font-weight: 400; color: #101010; line-height: 20px; text-align: center; }
 #map-infowindow .r2 { padding: 5px 0 0 15px; font-size: 38px; line-height: 40px; color: #324dcf; font-weight: 700; text-align: center; }
 .r2 a {  color: #324dcf; text-decoration: none; }
 .r5 {  padding: 15px 0 0 15px; font-size: 16px; line-height: 20px; color: #101010; text-align: center;}
 .r3 { text-transform:uppercase; padding: 75px 0 10px 15px; font-size: 18px; line-height: 22px; color: #101010;font-weight: 700; text-align: center; }



/*=============================================
	footer
=============================================*/
.footer-logo-bg {height:252px;  width: 100%;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; 
	padding-bottom: 20px; position: relative;   }


/* --- to top ---- */
.footer-logo-bg { background:  url('images/quest-bg.jpg') top center no-repeat; height: 327px; }
.footer-logo-bg .scroll_top {  display: block; position: absolute; right: 80px; top: 220px; width: 68px; height: 68px;  background: url('images/page-top.png') no-repeat; text-decoration: none; z-index: 600; }
.footer-logo-bg .scroll_top:hover { background: url('images/page-top-hover.png') no-repeat;  right: 79px; }
.footer-logo-bg .center_960 { position: relative;
     /* Переход */
	-webkit-transition: 1.2s all;
	-moz-transition: 1.2s all;
	transition: 1.2s all;
	-o-transition: 1.2s all;
 }
 


/*=============================================
	footer-request
=============================================*/
.request_callback_text {  font-family: 'Roboto', sans-serif;
	font-weight: 300; text-align: center; 	width: 100%;  margin: 0 auto; }
.request_callback_text .r1 { padding: 85px 0 0 0; font-size: 24px;  font-weight:700;  color: #FFF;  text-transform: uppercase; letter-spacing: 0px; }
.request_callback_text .r2 { background:url(images/phoneico2.png) 230px 30px no-repeat; padding: 20px 0 10px 0; font-size: 47px;  font-weight: 700; letter-spacing: 1px; text-align: center; }
.request_callback_text .r2 a {  color: #fc622a; text-decoration: none;  }
.request_callback_text .r3 { padding: 10px 0 0px 0;
    font-family: 'Roboto', serif;
    /* font-style: italic; */
    font-size: 16px;
    color: #FFF;}
.request_callback_text .r4 {  padding: 45px 0 0px 0; font-family: 'Roboto', serif; font-style: italic; font-size: 14px;  color: #4b4a48; }
 




/*=============================================
	footer-copyright
=============================================*/
.footer-copyright {
float: left;
padding: 20px 0 0 9px;
color:#4b4a48;
font-size: 14px;
}

.footer_bot
{
	height:62px;
}

.creator {
float: right;
padding: 20px 30px 0 0;
color:#4b4a48;
font-size: 14px;
}

.adtrust_logo {
display: inline-block;
width: 101px;
height: 21px;
margin-left: 6px;
vertical-align: middle;
background: url('images/adtrust-logo.png');
text-decoration: none;
}
.adtrust_logo:hover { background: url('images/adtrust-logo-hover.png'); }

/*=============================================
	modal confirm form
=============================================*/
.modal_wrapper { display: none; z-index: 100; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.85; }
.modal_confirm_wrapper { display: none; z-index: 200; position: fixed; left: 0; top: 0; width: 100%; height: 0; }
.modal_confirm { width: 294px; margin: 256px auto 0 auto; padding: 70px 0; font-size: 18px; font-weight: bold; background: #fff; text-align: center; text-transform: uppercase; border-radius: 10px; }

.modal_confirm .r1 { color: #007eca; }
.modal_confirm .r2 { color: #053b5d; }
.show_confirm .modal_wrapper { display: block; }
.show_confirm .modal_confirm_wrapper { display: block; }

#popupform
{
    display: none;
}
 
#popupform .error {
    color: #c00000;
}
#popupform h2 {
    color: #353535;
    font: 1.714em/1em 'Trebuchet MS';
    margin-bottom: 8px;
}
#popupform .comment {
    color: #717171;
    font: 0.928em 'Trebuchet MS';
    margin-bottom: 3px;
}
#popupform label {
    display: block;
    padding: 16px 0 4px;
}
#popupform .input_text {
    background-color: #fff;
    border: 1px solid #c0c0c0;
    border-radius: 3px;
    color: #555;
    display: block;
    font-size: 12pt;
    height: 28px;
    margin: 17px 6px 0 0;
    padding: 5px;
    width: 360px;
}

	#popupform ::-webkit-input-placeholder {
    color: #555;
}
   #popupform :-moz-placeholder {
   color: #555;}
 
#popupform .button {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #555;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    height: 34px;
    margin: 10px 0;
    padding: 2px 16px;
    width: 185px;
}
#popupform .button:hover {
    background-color: #4683ea;
    border: 1px solid #4387fd;
    color: #fff;
}