*, *:before, *:after {
margin:0px;
padding:0px;
font-family:'Open Sans', Tahoma, Helvetica, sans-serif;
font-weight: 300;
outline:none;
box-sizing: border-box;
-webkit-font-smoothing: antialiased; 
}
body {
background:#efefef;
}
div {
font-size:16px;
color:#191919;
}
table {
border-collapse:collapse;
}
@media (max-width:1024px){
div {
font-size:15px;
}
}
@media (max-width:600px){
div {
font-size:14px;
}
}
.clear {
display:block;
clear:both;
height:0px;
overflow:hidden;
}
div.hr_line {
height:1px;
overflow:hidden;
margin-bottom:40px;
border-bottom:2px dotted #e5e5e5;
}
b, strong {
font-weight: 600;
}
h1, h2, .h2, .page h2.h1 {
font-size:42px;
line-height:52px;
margin-bottom:50px;
font-weight:100;
position:relative;
}
.content_block h1 {
text-align:center;
}
.content_block.cols h1 {
text-align:left;
}
.page h2 {
font-size:34px;
line-height:46px;
margin-bottom:40px;
}
h3 {
font-weight:100;
font-size:30px;
line-height:32px;
margin-bottom:20px;
}
h4 {
font-size:17px;
line-height:22px;
margin-bottom:20px;
font-weight:normal;
font-weight:400;
}
.h4, h4 a {
font-weight:400;
}
.h6 {
font-size:13px;
}
@media (max-width:1280px){
h1, h2, .h2, .page h2.h1 {
font-size:42px;
line-height:52px;
margin-bottom:50px;
}
.page h2 {
font-size:32px;
line-height:42px;
margin-bottom:40px;
}
h3 {
font-size:26px;
line-height:30px;
}
}
@media (max-width:800px){
h1, h2, .h2, .page h2.h1 {
font-size:30px;
line-height:32px;
margin-bottom:30px;
}
.page h2 {
font-size:26px;
line-height:32px;
margin-bottom:30px;
}
h3 {
font-size:22px;
line-height:26px;
}
h4 {
font-size:15px;
line-height:20px;
}
}
@media (max-width:360px){

}

a {
color:#1e79be;
outline:none;
}
a.nocolor {
color:#2e3133;
}
a.nocolor:hover {
color:#1e79be;
}
a:hover {
text-decoration:none;
}
a.noline {
text-decoration:none;
}
a.noline:hover {
text-decoration:underline;
}
a.dotted {
text-decoration:none;
border-bottom:1px dotted #1e79be;
}
a.dotted:hover {
border-bottom:1px dotted transparent;
}
a img {
border:none;
}
p {
line-height:30px;
padding-bottom:30px;
}
p.bigger {
font-size:20px; 
line-height:34px;
padding-bottom:50px;
}
p.smaller {
font-size:14px; 
line-height:16px;
}
@media (max-width:1024px){
p {
line-height:26px;
padding-bottom:25px;
}
p.bigger {
font-size:18px; 
line-height:30px;
padding-bottom:40px;
}
p.smaller {
font-size:13px; 
line-height:15px;
}
}
@media (max-width:600px){
p {
line-height:24px;
padding-bottom:20px;
}
p.bigger {
font-size:16px; 
line-height:28px;
padding-bottom:30px;
}
p.smaller {
font-size:12px; 
line-height:14px;
}
}
a.more, a.back {
font-size:14px;
color:#1e79be;
text-decoration:none;
border-bottom:1px dotted #1e79be;
position:relative;
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
transition: all .3s ease;
}
a.back {
margin-left:10px;
}
a.more:hover, a.back:hover {
border-bottom:1px dotted transparent;
color:#1e79be;
}

.more:after {
content:'';
display:block;
position:absolute;
border-right:1px solid #1e79be;
border-bottom:1px solid #1e79be;
width:7px;
height:7px;
top:7px;
right:-10px;
background:none;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
-khtml-border-radius:0;
transform: rotate(-45deg); -webkit-transform: rotate(-45deg);
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
transition: all .3s ease;
}
.more:hover:after {
right:-15px;
}
.back:after {
content:'';
display:block;
position:absolute;
border-right:1px solid #1e79be;
border-bottom:1px solid #1e79be;
width:7px;
height:7px;
top:7px;
left:-10px;
background:none;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
-khtml-border-radius:0;
transform: rotate(135deg); 
-webkit-transform: rotate(135deg);
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
transition: all .3s ease;
}
.back:hover:after {
right:-15px;
}
/*--*/
.h_more {
font-size:20px;
line-height:25px;
font-weight:300;
color:#1e79be;
text-decoration:none;
border-bottom:1px dotted #1e79be;
position:relative;
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
transition: all .3s ease;
}
.h_more:hover {
border-bottom:1px dotted transparent;
color:#1e79be;
}
.h_more:after {
content:'';
display:block;
position:absolute;
border-right:2px solid #1e79be;
border-bottom:2px solid #1e79be;
width:11px;
height:11px;
top:10px;
right:-16px;
background:none;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
-khtml-border-radius:0;
transform: rotate(-45deg); -webkit-transform: rotate(-45deg);
-webkit-transition: all .5s ease; 
-moz-transition: all .5s ease; 
transition: all .5s ease
}
.h_more:hover:after {
right:-21px;
}
@media (max-width:600px){
.h_more {
font-size:16px;
line-height:20px;
}
.h_more:after {
top:7px;
}
}
/*----------------*/
.work_area ul   {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px 0px 20px 0px;
padding:0px 0px 0px 20px;
}
.work_area ol {
margin:0px 0px 10px 20px;
padding:0px 0px 0px 20px;
}
.work_area ul li, .work_area ol li {
margin:0px 0px 0px 0px;
padding:0px 0px 20px 24px;
line-height:24px;
position:relative;
}
.work_area ol li {
padding:0px 0px 10px 0px;
}
.work_area ul li {

}
.work_area ul li:before {
content:'';
display:block;
position:absolute;
width:6px;
height:6px;
background:#1e79be;
top:10px;
left:0;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px; 
}
.work_area ul ol li:before {
display:none;
}
.work_area ul li ul {
margin:10px 0px 0px 0px;
}
.work_area ul li ol {
margin:10px 0px 0px 0px;
}
@media (max-width:1024px){
.work_area ul   {
padding:0px 0px 0px 10px;
}
.work_area ul li, .work_area ol li {
line-height:20px;
}
}
@media (max-width:600px){
div {
font-size:14px;
}
}
/*------------------------*/
.field, .text_area, .sel {
border:0;
border:2px solid #cccccc;
padding:8px;
font-size:18px;
font-weight:300;
margin-bottom:30px;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px; 
background:#ffffff;
color:#000000;
}
.inverted .field, .inverted .text_area, .inverted .sel {
border:2px solid #0b5893;
background:#1e79be;
color:#ffffff;
}
.text_area {
resize:none;
}
label {
font-size:18px;
padding-right:10px;
color:#666;
}
.inverted label {
color:#ffcb99;
}
.check {
border:1px solid #e0e0d6; 
}
.btn {
border:0px;
padding:8px 30px 11px 30px;
color:#ffffff;
font-size:22px;
font-weight:400;
text-align:center;
background:#1e79be;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px; 
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
transition: all .3s ease;
text-decoration:none;
white-space:nowrap;
-webkit-appearance: none;
}
.btn:hover {
background:#158ae3;
}
a.btn {
display:inline-block;
}
.btn.big {
padding:12px 40px 15px 40px;
font-size:26px;
}
.btn.small {
padding:6px 20px 9px 20px;
font-size:18px;
}
.inverted .btn {
background:#0b5893;
}
.inverted .btn:hover { 
background:#0b64a7;
}
.btn.trans {
background:transparent;
color:#1e79be;
border:2px solid #1e79be;
}
.inverted .btn.trans {
color:#ffffff;
border:2px solid #ffffff;
}
.btn.trans:hover {
color:#ffffff;
background:#1e79be;
}
.center_btn {
display:inline-block;

margin:0 auto 50px;
}
@media (max-width:600px){
.btn {
padding:8px 20px 11px 20px;
font-size:20px;
}
.btn.small {
padding:4px 15px 7px 15px;
font-size:16px;
}
.btn.big {
padding:12px 30px 15px;
font-size:24px;
}
}
@media (max-width:480px){
.btn.big {
padding:12px 20px 15px;
font-size:22px;
}
}
/*------------------------------------*/
.form_block {
position:relative;
}
.form_block p.req:before {
content: "* ";
color:#1e79be;
}
.form_block label {
display:block;
float:left;
width:30%;
padding:3px 20px 0 0;
}
.form_block label.req:after {
content: " *";
color:#1e79be;
}
.form_block .f_input {
position:relative;
float:left;
width:70%;
padding-bottom:25px;
}
.form_block .f_input.half_size {
width:35%;
}
.form_block .f_input.f_error {
padding-bottom:0;
}
.form_block .f_input .field,
.form_block .f_input .sel {
display:block;
margin-bottom:0;
width:100%;
}
.form_block .f_input .text_area {
display:block;
margin-bottom:0;
width:100%;
height:150px;
}
.form_block .f_input .error {
position:relative;
color:#1e79be;
font-weight:400;
display:none;
font-size:14px;
line-height:18px;
min-height:25px;
padding:3px 0 3px 35px;
}
.form_block.inverted .f_input .error {
color:#ffc516;
}
.form_block .f_input .error:before {
content:'';
display: block;
height: 0;
width: 0;
position: absolute;
top:0px;
left:20px;
border-color:#1e79be #1e79be transparent transparent ;
border-style: solid;
border-width: 8px;
margin-left:-10px;
z-index:2;
}
.form_block.inverted .f_input .error:before {
border-color:#ffc516 #ffc516 transparent transparent ;
}
.form_block .f_input.f_error .error {
display:block;
}
.form_block .f_error .field,
.form_block .f_error .text_area {
border:2px solid #1e79be;
}
.form_block.inverted .f_error .field,
.form_block.inverted .f_error .text_area,
.form_block.inverted .f_error .sel {
border:2px solid #ffc516;
}
.form_block .btn {
display:block;
margin:20px auto 30px;
}
@media (max-width:600px){
.form_block label {
float:none;
width:auto;
padding:0 0 5px 0;
}
.form_block .f_input,
.form_block .f_input.half_size {
float:none;
width:auto;
}
.form_block .f_input .field {
width:100%;
}
.form_block .btn {
display:block;
margin:10px auto 30px;
}
}	
/*----*/
.wrap {
overflow:hidden;
padding-top:0px;
margin:auto;
max-width:2560px;
background:#ffffff;
}
.wrap.page {
padding-top:148px;
}
.pdd {
padding:0 35px 0 35px;
}
.container {
margin:auto;
position:relative;
max-width:1400px;
}
.std {
padding:100px 0;
}

.left {
float:left;
}
.right {
float:right;
}
.bged {
max-width:1700px;
margin:auto;
}
.work_area {
}
.fullscreen {
z-index:100;
}
.left_col {
position:relative;
float:left;
width:65%;
padding:0;
}
.right_col {
position:relative;
float:right;
width:30%;
padding:0;
padding-left:40px;
}
.grey_block {
position:relative;
background:#f5f5f5;
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
-khtml-border-radius:15px; 
padding:30px;
}
.grey_block p:last-of-type {
padding-bottom:0;
}
.grey_block.tip.bottom:before {
content:'';
display: block;
height: 0;
width: 0;
position: absolute;
bottom:-60px;
left:50%;
border-color:#f5f5f5 transparent transparent transparent ;
border-style: solid;
border-width: 30px;
margin-left:-30px;
z-index:2;
}
.whiteout {
display:none;
position:fixed;
top:0;
left:0;
width:100%;
background:#ffffff;
background: rgb(255, 255, 255) transparent;
background: rgba(255, 255, 255, 0.9);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff)";
z-index:999;
}
.whiteout .content {
position:relative;
margin:auto;
width:400px;
padding-top:25%;
}
.whiteout.video_wrap .content {
position:absolute;
margin:-357px 0 0 -600px;
width:1200px;
height:714px;
top:50%;
left:50%;
padding-top:0;
}
.whiteout.video_wrap .content video {
width:100%;
height:100%;
}
.whiteout .content.pic {
position:absolute;
margin:auto;
width:100%;
height:100%;
top:0;
padding-top:0;
padding:20px;
}
.whiteout .content.pic img {
display:block;
margin:auto;
max-height:100%;
max-width:100%;
}
.whiteout .close {
display:block;
position:absolute;
right:30px;
top:30px;
text-decoration:none;
font-size:50px;
color:#999999;
line-height:40px;
opacity:0.8;
cursor:pointer;
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
transition: all .3s ease;
}
.whiteout .close:hover {
opacity:1;
}
.whiteout.video_wrap .content .video-container {
    height: 0;
    margin-bottom: 50px;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
	box-shadow: 0 0 20px rgba(0,0,0,0.5);
}
.video-container iframe, .video-container object, .video-container embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.txt_pic {
max-width:100%;
}
@media (max-width:1366px){
.whiteout.video_wrap .content {
margin:-265px 0 0 -445px;
width:890px;
height:530px;
}
}
@media (max-width:1280px){
.wrap {
padding-top:0px;
}
.wrap.page {
padding-top:138px;
}
.std {
padding:70px 0;
}
}
@media (max-width:1024px){
.wrap {
padding-top:0px;
}
.std {
padding:50px 0;
}
.left_col {
width:60%;
}
.right_col {
width:35%;
}
.whiteout.video_wrap .content {
margin:-238px 0 0 -400px;
width:800px;
height:476px;
}
}
@media (max-width:800px){
.container {
max-width:1600px;
}
.pdd {
padding:0 25px 0 25px;
}
.wrap.page {
padding-top:178px;
}
.std {
padding:50px 0;
}
.left_col,
.right_col {
width:auto;
float:none;
}
.cols .left_col {
position:relative;
float:left;
width:50%;
padding:0 25px 0 25px;
}
.cols .right_col {
position:relative;
float:right;
width:50%;
padding:0 25px 0 25px;
}
.whiteout.video_wrap .content {
margin:-202px 0 0 -340px;
width:680px;
height:404px;
}
}
@media (max-width:600px){
.pdd {
padding:0 20px 0 20px;
}
.wrap.page {
padding-top:0;
}
.std {
padding:30px 0;
}
.grey_block {
padding:20px;
}
.cols .left_col {
padding:0 20px 0 20px;
}
.cols .right_col {
padding:0 20px 0 20px;
}
.whiteout.video_wrap .content {
margin:-143px 0 0 -240px;
width:480px;
height:286px;
}
}
@media (max-width:480px){
.whiteout.video_wrap .content {
margin:0 0 0 -190px;
width:380px;
height:100%;
top:0;
}
}
@media (max-width:360px){
.wrap {
padding-top:0;
}
.pdd {
padding:0 15px 0 15px;
}
.whiteout {
padding:30px 20px 20px 20px;
border-bottom:1px solid #ccc;
}
.whiteout .content {
margin:auto;
width:auto;
padding:0;
}
.whiteout .close {
right:20px;
top:10px;
font-size:30px;
line-height:30px;
}
.whiteout.video_wrap .content {
margin:-120px 0 0 0;
width:100%;
height:286px;
left:0;
top:50%;
}
}
/*-----------------------------------------------------------------*/
.login_form p {
padding-bottom:10px;
line-height:20px;
text-align:center;
}
.login_form .btn {
display:block;
margin:auto;
margin-bottom:20px;
}
.login_form .enter_error {
position:relative;
float:left;
font-size:18px;
line-height:20px;
margin:0 0 20px 35px;
}
.login_form .enter_error:before {
content:'!';
font-weight:600;
text-align:center;
text-indent:-2px;
font-size:18px;
line-height:25px;
display: block;
height: 0;
width: 0;
position: absolute;
top:-22px;
left:-25px;
border-color:transparent transparent #ffb400  transparent ;
border-style: solid;
border-width:22px 14px 22px 14px;
margin-left:-10px;
z-index:2;
}
@media (max-width:360px){
.login_form .btn {
font-size:16px;
padding:6px 20px 9px 20px;
}
}
/*-----------------------------------------------------------------*/
.hat_block {
background:none;
position:fixed;
top:0;
left:0;
width:100%;
z-index:998;
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
transition: all .3s ease;
padding-top:30px;
}
.page .hat_block {
background:#f5f5f5;
padding-top:0;
/*border-bottom:1px solid #eee;*/
}
.hat_block .container {
min-height:148px;
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
transition: all .3s ease;
}
.page .hat_block .container {

}
.hat_block.narrow {
background:none;
position:fixed;
box-shadow: 0 0 5px rgba(0,0,0,0.5);
border:none;
background:#f5f5f5;
padding-top:0;
}
.hat_block.narrow .container {
min-height:60px;
}
/*--*/
.hat_block .logo {
display:block;
position:absolute;
top:32px;
left:0;
width:187px;
height:85px;
background:url(/img16/logo.svg) left center no-repeat;
background-size:contain;
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
transition: all .3s ease;
z-index:10;
}
.page .hat_block .logo {
background:url(/img16/logo_page.svg) left center no-repeat;
background-size:contain;
}
.hat_block .logo_narrow {
top:-30px;
}
.hat_block.narrow .logo {
top:-84px;
opacity:0;
}
.hat_block.narrow .logo_narrow {
display:block;
position:absolute;
background:url(/img16/logo_narrow.svg) center center no-repeat;
background-size:100% auto;
top:15px;
width:210px;
height:30px;
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
transition: all .3s ease;
z-index:10;
}
/*--*/
.hat_block .auth {
position:absolute;
top:30px;
left:280px;
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
transition: all .3s ease;
}
.hat_block.narrow .auth {
top:-100px;
}
.hat_block .auth a {
position:relative;

text-decoration:none;
font-size:15px;
color:#ffffff;
border-bottom:1px dotted transparent;
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
transition: all .3s ease;
opacity:0.8;
}
.page .hat_block .auth a {
color:#373737;
}
.hat_block .auth a:hover {
opacity:1;
color:#ffffff;
border-bottom:1px dotted #ffffff;
}
.page .hat_block .auth a:hover {
opacity:1;
color:#373737;
border-bottom:1px dotted #373737;
}
.hat_block .auth a:before {
content:'';
display:block;
position:absolute;
width:25px;
height:25px;
top:0;
left:-30px;
opacity:0.7;
}
.page .hat_block .auth a:before {
opacity:1;
}
.hat_block .auth .tech_btn {
margin-right:50px;
}
.hat_block .auth .tech_btn:before {
background:url(/img16/tech_icon.png) center center no-repeat;
}
.hat_block .auth .login_btn:before {
background:url(/img16/login_icon.png) center center no-repeat;
}
/*--*/
.hat_block .search {
position:absolute;
right:0;
bottom:20px;
width:20%;
background:#fff;
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
transition: all .3s ease;
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
-khtml-border-radius:15px;
z-index:11;
}
.hat_block .search .s_field {
display:block;
width:auto;
margin:0 25px 0 15px;
width:82%;
border:none;
font-size:15px;
height:30px;
}
.hat_block .search .s_btn {
display:block;
position:absolute;
top:0;
right:5px;
border:none;
background: url(/img16/search_icon.png) center center no-repeat;
width:30px;
height:30px;
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
transition: all .3s ease;
}
.hat_block .search .s_btn:hover {
opacity:0.7;
}
.hat_block.narrow .search {
right:70px;
bottom:15px;
}
/*--*/
.hat_block .phone {
display:block;
position:absolute;
text-align:right;
right:0;
font-weight:300;
color:#ffffff;
line-height:30px;
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
transition: all .3s ease;
white-space:normal;
text-decoration:none;
white-space:nowrap;
z-index:10;
}
.page .hat_block .phone {
color:#373737;
}
.hat_block .phone.moscow {
top:30px;
font-size:34px;
}
.hat_block .phone.russia {
top:79px;
font-size:25px;
}
.hat_block .phone.russia:before {
display:block;
position:absolute;
content:url(/img16/russia_icon.png);
top:5px;
left:-62px;
opacity:0.7;
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
transition: all .3s ease;
}
.page .hat_block .phone.russia:before {
opacity:1;
}
.hat_block .phone span {
font-size:13px;
display:block;
color:#ffffff;
opacity:0.5;
text-align:right;
line-height:18px;
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
transition: all .3s ease;
}
.page .hat_block .phone span {
opacity:1;
color:#848484;
}
.hat_block.narrow .phone {
top:17px;
right:0;
font-size:22px;
line-height:25px;
color:#373737;
}
.hat_block.narrow .phone.moscow {
right:180px;
}
.hat_block.narrow .phone.moscow:after {
content:'';
display:block;
position:absolute;
top:0px;
right:-10px;
width:1px;
height:26px;
border-right:1px solid #ccc;
cursor:default;
}
.hat_block.narrow .phone.russia:before,
.hat_block.narrow .phone.russia span {
display:none;
}
.hat_block.narrow .phone a {
display:block;
width:30px;
height:30px;
overflow:hidden;
text-indent:-1000px;
background:url(/img16/phone_icon.png) center center no-repeat;
opacity:1;
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
transition: all .3s ease;
}
.hat_block.narrow .phone a:hover {
opacity:0.5;
}
/*--*/
.hat_block .top_menu_wrap {
display:block;
position:absolute;
width:100%;
left:0;
bottom:40px;
z-index:8;
padding:0 35px 0 35px;
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
transition: all .3s ease;
}
.hat_block.narrow .top_menu_wrap {
bottom:20px;
}
.hat_block .top_menu {
position:relative;
margin:auto;
max-width:1400px;
}
.hat_block .top_menu_content {
position:relative;
margin:0;
}
.hat_block .top_menu_btn {
position:absolute;
overflow:hidden;
bottom:15px;
cursor:pointer;
display:none;
width:30px;
height:30px;
right:0px;
background:url(/img16/top_menu_btn_bg.png) center center no-repeat;
opacity:1;
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
transition: all .3s ease;
}
.hat_block .top_menu_btn:hover {
opacity:0.5;
}
/*--*/

@media (max-width:1280px){
.hat_block {
padding-top:20px;
}
.hat_block .container {
min-height:138px;
}
.hat_block .logo {
top:22px;
width:201px;
height:84px;
}
.hat_block .auth {
top:20px;
}
.hat_block .search .s_field {
width:79%;
}
.hat_block .phone.moscow {
top:20px;
}
.hat_block .phone.russia {
top:69px;
}
.hat_block.narrow .phone {
top:17px;
}
.hat_block.narrow .phone.russia {
right:40px;
}
.hat_block.narrow .phone.moscow {
right:220px;
}
.hat_block.narrow .top_menu_btn {
display:block;
}
.hat_block.narrow .top_menu_wrap {
display:none;
bottom:auto;
top:60px;
padding:0;
}
.hat_block.narrow .top_menu_content {
margin:0;	
}
.hat_block .top_menu_btn {
bottom:15px;
}
}
@media (max-width:1024px){
.hat_block {
padding-top:10px;
}
.hat_block .container {

}
.hat_block .logo {
top:25px;
width:130px;
height:56px;
}
.hat_block .auth {
left:200px;
}
.hat_block .search {
position:absolute;
right:250px;
bottom:70px;
}
.hat_block .phone span {
font-size:13px;
}
.hat_block  .top_menu_wrap {
bottom:20px;
}
}
@media (max-width:800px){
.hat_block {
padding-top:0px;
}
.hat_block .container {
min-height:178px;
}
.hat_block .auth {
left:30px;
top:95px;
}
.hat_block .phone.moscow {
top:30px;
}
.hat_block .phone.russia {
top:79px;
}
.hat_block.narrow .phone {
top:17px;
}
.hat_block.narrow .phone.russia {
right:40px;
}
.hat_block.narrow .phone.moscow {
right:220px;
}
}
@media (max-width:600px){
.hat_block {
position:relative;
top:auto;
left:auto;
width:auto;
z-index:998;
background:#f5f5f5;
}
.hat_block .container {
min-height:210px;
padding:10px 0 10px 0;
}
.hat_block .top_menu_btn {
display:block;
}
.hat_block .top_menu_wrap {
display:none;
bottom:auto;
top:100%;
padding:0;
}
.hat_block .top_menu_content {
margin:0;	
}
.hat_block.pdd {
padding:0;
}
.hat_block .container:before {
content:'';
display:block;
position:absolute;
bottom:0;
left:0;
width:100%;
height:50px;
background:#eee;
display:none;
}
.page .hat_block .logo,
.hat_block .logo {
background:url(/img16/logo_narrow.svg) center center no-repeat;
background-size:100% auto;
top:15px;
width:165px;
height:30px;
position:relative;
left:auto;
margin:0 auto 20px;
}
.hat_block .auth {
top:60px;
left:50px;
text-align:center;
}
.hat_block .auth a {
display:block;
position:absolute;
margin-bottom:5px;
white-space:nowrap;
color:#373737;
}
.hat_block .auth a:hover {
opacity:1;
color:#373737;
border-bottom:1px dotted #373737;
}
.hat_block .auth a:before {
opacity:1;
}
.hat_block .auth a.login_btn {
top:30px;
}
.hat_block .phone {
position:absolute;
text-align:left;
right:auto;
left:20px;
color:#373737;
}
.hat_block .phone span {
text-align:left;
color:#848484;
opacity:1;
}

.hat_block .phone.moscow {
top:120px;
font-size:25px;
}
.hat_block .phone.russia {
top:150px;
font-size:25px;
}
.hat_block .phone.russia:before {
display:none;
}
.hat_block .top_menu_wrap {
display:none;
bottom:auto;
top:auto;
position:relative;
padding:0;
margin:0;
width:auto;
}

.hat_block .top_menu_btn {
right:10px;
bottom:10px;
}
}
/*---------------------------------------------------------------------------------------------*/
.slider_block {
position:relative;
background:#eee;
background-size:auto 100%;
z-index:2;
}

.slider_block .static {
position:absolute;
width:100%;
bottom:50%;
z-index:998;
text-align:center;
}
.slider_block .static h2 {
display:block;
position:relative;
margin:auto;
max-width:1400px;
color:#ffffff;
text-align:center;
font-size:50px;
font-weight:600;
padding-bottom:30px;
}
.slider_block .static .btn {
display:block;
position:absolute;
width:360px;
height:80px;
line-height:80px;
left:50%;
margin-left:-180px;
bottom:-180px;
font-weight:300;
font-size:28px;
padding:0;
}
.slider_block .static .btn:hover {
width:370px;
margin-left:-185px;
}
.page .slider_block {
display:none;
}
.slider_block .container {
max-width:2560px;
min-height:630px;
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
transition: all .3s ease;
}
.slider {width:100%;  height:100%; position:absolute;  margin:0px 0px 0px 0px; margin:auto;    }
.slider:before {
content:'';
display:block;
height:0;
width:0;
position:absolute;
bottom:0px;
left:50%;
border-color:transparent transparent #ffffff transparent ;
border-style: solid;
border-width: 30px;
margin-left:-30px;
z-index:2;
}
.slider .s_pic {width:100%; height:100%; position:relative;}
.items {display:none;}
.pagination {
display:block;
position:absolute; 
bottom:68px; 
left:50%; 
margin-left:-60px;
z-index:10000; 
}
.pagination li {
float:left; 
margin:0 12px; 
padding:0; 
display:block;
}
.pagination li.current, .pagination li:hover {}
.pagination li a {
width:16px; 
height:16px; 
display:block;
background:transparent;
cursor:pointer;
opacity:0.5;
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
transition: all .3s ease;
border-radius:16px;
-moz-border-radius:16px;
-webkit-border-radius:16px;
-khtml-border-radius:16px;
border:1px solid #ffffff;
}
.pagination li a:hover {
background: #1e79be;
border:1px solid #1e79be;
opacity:1;
}
.pagination li.current a, .pagination li.current a:hover  {
border:1px solid #1e79be;
opacity:1;
}
.slider .arrows {
position:absolute;
width:100%;
left:0;
bottom:0;
z-index:10000;
}
.slider .arrows span {
display:block;
position:relative;
max-width:1400px;
width:100%;
margin:auto;
}
.slider .prev, .slider .next {
z-index:10000;
cursor:pointer;
top:-300px;
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
transition: all .3s ease;
opacity:0;
display:block;
position:absolute;
border-right:1px solid #ffffff;
border-bottom:1px solid #ffffff;
width:40px;
height:40px;
background:none;
-webkit-transition: all .5s ease; 
-moz-transition: all .5s ease; 
transition: all .5s ease;
}
.slider_block:hover .prev, .slider_block:hover .next {
opacity:0.5;
}
.slider .prev {
left:50px;
transform: rotate(135deg); -webkit-transform: rotate(135deg);
}
.slider .next {
right:50px;
transform: rotate(-45deg); -webkit-transform: rotate(-45deg);
}
.slider .prev:hover,
.slider .next:hover {
opacity:1;
}
.slider_txt {
position:absolute; 
top:auto;
height:50%; 
width:100%;
z-index:997 !important;
padding:0 35px;
}
.slider_txt .slider_txt_container {
width:auto;
margin:auto;
max-width:1000px;
padding:0 0 0 0;
}
.slider_txt .slider_txt_content {
display:table-cell;
vertical-align:middle;
height:auto;
width:1000px;
padding:0;
color:#ffffff;
text-align:center;
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
transition: all .3s ease;
}
.slider_txt h3 {
margin-bottom:0px;
position:relative;
font-size:30px;
line-height:30px;
color:#ffffff;
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
transition: all .3s ease;
font-weight:100;
}
.slider_txt h3 span {
font-weight:300;
}
.slider_txt p {
position:relative;
font-size:16px;
line-height:20px;
padding:0 0 40px 0;
}
.slider_txt .btn {
border:1px solid #ffffff;
opacity:0.5;
}
.slider_txt .btn:hover {
opacity:1;
background:#1a557f;
border:1px solid transparent;
}
@media (max-width:1280px){
.slider_block .container {
min-height:580px;
}
.slider_block .static h2 {
font-size:42px;
padding-bottom:10px;
}
.slider_block .static .btn {
height:70px;
line-height:70px;
margin-left:-180px;
bottom:-150px;
}
}
@media (max-width:1024px){
.slider_block .container {
min-height:520px;
}
.slider_block .static h2 {
font-size:40px;
padding-bottom:10px;
}
.slider_block .static .btn {
width:320px;
height:60px;
line-height:60px;
margin-left:-160px;
bottom:-120px;
font-size:24px;
}
.slider_block .static .btn:hover {
width:330px;
margin-left:-165px;
}
.slider_txt h3 {
font-size:28px;
line-height:28px;
}
}
@media (max-width:800px){
.slider_block .container {
min-height:620px;
}
.slider_block .static h2 {
font-size:40px;
line-height:40px;
padding-bottom:20px;
}
.slider_block .static .btn {
bottom:-150px;
}
.slider_txt h3 {
font-size:28px;
line-height:30px;
}
}
@media (max-width:600px){
.slider_block .container {
min-height:400px;
}
.pagination {
bottom:48px; 
}
.slider_block .static {
bottom:60%;
}
.slider_txt {
height:60%; 
}
.slider_block .static h2 {
font-size:36px;
line-height:36px;
padding:0 30px 20px 30px;
}
.slider_block .static .btn {
width:300px;
height:60px;
line-height:60px;
margin-left:-150px;
bottom:-150px;
font-size:24px;
}
.slider_block .static .btn:hover {
width:310px;
margin-left:-155px;
}
.slider_txt h3 {
font-size:24px;
line-height:30px;
padding:0 30px;
}
.slider .prev, .slider .next {
top:-135px;
width:30px;
height:30px;
}
}
@media (max-width:480px){
.slider_block .container {
min-height:350px;
}
.slider_block .static h2 {
font-size:26px;
line-height:26px;
padding:0 20px 10px 20px;
}
.slider:before {
display:none;
}
.slider_txt h3 {
font-size:20px;
line-height:20px;
padding:0 10px;
}
.slider_block .static .btn {
width:240px;
height:50px;
line-height:50px;
margin-left:-120px;
bottom:-150px;
font-size:20px;
}
.slider_block .static .btn:hover {
width:250px;
margin-left:-125px;
}
.slider .prev, .slider .next {
top:-190px;
width:20px;
height:20px;
}
.slider .prev {
left:20px;
}
.slider .next {
right:20px;
}
.pagination {
bottom:18px; 
}
}
/*----------------------------------------------------------------------------------------*/
.about_block {
position:relative;
background:#ffffff;
}
.about_block h2 {
width:45%;
}
.about_block .txt {
width:45%;
padding-right:50px;
}
.about_block .pic {
position:absolute;
width:55%;
height:100%;
bottom:0;
right:0;
text-align:center;
background:url(/img16/about_pic.png) center center no-repeat;
background-size:contain;
}
.about_block .pic img {
display:none;
max-width:100%;
}
@media (max-width:1280px){
.about_block h2 {
width:auto;
text-align:center;
}
.about_block .pic {
width:55%;
height:80%;
}
}
@media (max-width:800px){
.about_block .txt {
width:auto;
padding:0;
text-align:center;
}
.about_block .pic {
position:relative;
background:none;
bottom:auto;
right:auto;
height:auto;
width:auto;
}
.about_block .pic img {
display:block;
max-width:80%;
margin:0 auto 30px;
}
}
/*--------------------------------------------------------------------------*/
.anons_block {
position:relative;
background:#e5e9ed;
}
.anons_block h2 {
font-weight:400;
color:#1e79be;
}
.anons_block .txt {
width:50%;
padding-right:30px;
}
.anons_block .pic {
position:absolute;
bottom:0;
right:0;
width:50%;
height:100%;
}
.anons_block.anons_1 .pic {
background:url(/img16/anons_pic_1.svg) center center no-repeat;
background-size:500px auto;
}
.anons_block.anons_2 .pic {
background:url(/img16/anons_pic_2.svg) center center no-repeat;
background-size:500px auto;
}
.anons_block .pic img {
display:none;
}
@media (max-width:1024px){
.anons_block.anons_1 .pic {
background:url(/img16/anons_pic_1.svg) center center no-repeat;
background-size:90% auto;
}
.anons_block.anons_2 .pic {
background:url(/img16/anons_pic_2.svg) center center no-repeat;
background-size:90% auto;
}
}
@media (max-width:600px){
.anons_block .txt {
width:auto;
padding-right:0;
text-align:center;
}
.anons_block .pic {
position:relative;
bottom:auto;
right:auto;
width:auto;
height:auto;
}
.anons_block.anons_1 .pic,
.anons_block.anons_2 .pic {
background:none;
}
.anons_block .pic img {
display:block;
margin:0 auto 20px;
max-width:60%;
}
}
@media (max-width:480px){
.anons_block .pic img {
max-width:80%;
}
}
/*-----------------------------------------------------------------------------------------*/
.cp_block {
position:relative;
background:#ffffff;
z-index:3;
}
.cp_block:before {
/*content:'';
display:block;
position:absolute;
left:0;
top:0;
width:100%;
height:100px;
background:#ffffff;
background: -moz-linear-gradient(top, #f5f5f6, #ffffff);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f6), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, #f5f5f6, #ffffff);
background: -o-linear-gradient(top, #f5f5f6, #ffffff);
background: -ms-linear-gradient(top, #f5f5f6, #ffffff);
background: linear-gradient(top, #f5f5f6, #ffffff);
opacity:1;
z-index:1;*/
}
.cp_block .container {
z-index:2;
}
.cp_block h2 {
text-align:center;
}
.cp_block ul.capacity_list {
list-style:none;
padding:0;
margin:0 auto 0;
}
.cp_block ul.capacity_list li {
display:block;
position:relative;
float:left;
width:33.3%;
padding:0 0 0 0;
}
.cp_block ul.capacity_list li:nth-of-type(3n+3) {
clear:right;
}
.cp_block ul.capacity_list li:nth-of-type(3n+4) {
clear:left;
}
.cp_block ul.capacity_list li .cp_item {
display:block;
position:relative;
text-decoration:none;
padding:30px;
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
transition: all .3s ease;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
text-align:center;
}
.cp_block ul.capacity_list li .cp_item a {
text-decoration:none;
}
.cp_block ul.capacity_list li .cp_item h4 a {
border-bottom:2px dotted transparent;
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
transition: all .3s ease;
}
.cp_block ul.capacity_list li .cp_item h4 a:hover {
border-bottom:2px dotted #1e79be;
}
.cp_block ul.capacity_list li .cp_item img {
width:45%;
margin-bottom:10px;
}
.cp_block ul.capacity_list li .cp_item h4 {
font-size:20px;
line-height:26px;
}
.cp_block ul.capacity_list li .cp_item p {
padding-bottom:0;
}
@media (max-width:1366px){

}
@media (max-width:1024px){
.cp_block ul.capacity_list li .cp_item {
padding:20px;
}

}
@media (max-width:800px){
.cp_block ul.capacity_list li {
width:50%;
padding:0 0 0 0;
}
.cp_block ul.capacity_list li:nth-of-type(3n+3) {
clear:none;
}
.cp_block ul.capacity_list li:nth-of-type(3n+4) {
clear:none;
}
.cp_block ul.capacity_list li:nth-of-typee(2n+2) {
clear:right;
}
.cp_block ul.capacity_list li:nth-of-type(2n+3) {
clear:left;
}
}
@media (max-width:600px){
.cp_block ul.capacity_list li .cp_item {
padding:10px;
font-weight:400;
}
}
@media (max-width:480px){
.cp_block ul.capacity_list li {
float:none;
width:auto;
padding:0;
}
}
/*-----------------------------------------------------------------------------------------*/
.video_block,
.page .video_block.grey {
position:relative;
background:#f9f9f9;
}
.page .video_block {
background:none;
}
.video_block:before {
content:'';
display:none;
position:absolute;
left:0;
top:0;
width:100%;
height:100px;
background:#ffffff;
background: -moz-linear-gradient(top, #f5f5f6, #ffffff);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f6), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, #f5f5f6, #ffffff);
background: -o-linear-gradient(top, #f5f5f6, #ffffff);
background: -ms-linear-gradient(top, #f5f5f6, #ffffff);
background: linear-gradient(top, #f5f5f6, #ffffff);
opacity:1;
z-index:1;
}
.video_block .container {
z-index:2;
}
.video_block h2 {
text-align:center;
}
.video_block ul.video_list {
list-style:none;
padding:0;
margin:0 auto 40px;
}
.video_block ul.video_list li {
display:block;
position:relative;
float:left;
width:25%;
padding:20px;
}
.video_block ul.video_list li:nth-of-type(4n+4) {
clear:right;
}
.video_block ul.video_list li:nth-of-type(4n+5) {
clear:left;
}
.page .video_block ul.video_list li {
display:block;
position:relative;
float:left;
width:50%;
padding:20px;
}
.page .video_block ul.video_list li:nth-of-type(2n+2) {
clear:right;
}
.page .video_block ul.video_list li:nth-of-type(2n+3) {
clear:left;
}
.video_block ul li:before {
display:none;
}
.video_block ul.video_list li a {
display:block;
position:relative;
text-decoration:none;
font-size:24px;
line-height:30px;
padding:0;
min-height:220px;
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
transition: all .3s ease;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
text-align:center;
background:#1e79be;
color:#ffffff;
}
.video_block ul.video_list li a:hover {
background:#158ae3;
}
.video_block ul.video_list li a:before {
content:'';
display:block;
position:absolute;
bottom:50%;
left:50%;
margin-bottom:10px;
margin-left:-30px;
width:60px;
height:40px;
background:#ffffff;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
 -webkit-transition: all .3s ease; 
 -moz-transition: all .3s ease; 
 transition: all .3s ease;
}
.video_block ul.video_list li a:after {
content:'';
display: block;
height: 0;
width: 0;
position: absolute;
bottom:50%;
left:50%;
margin-bottom:20px;
margin-left:-5px;
border-color:transparent transparent transparent #1e79be ;
border-style: solid;
border-width: 10px 15px 10px 15px;
 -webkit-transition: all .3s ease; 
 -moz-transition: all .3s ease; 
 transition: all .3s ease;
z-index:3;
opacity:1;
}
.video_block ul.video_list li a:hover:before {
background:#ffffff;
margin-bottom:15px;
}
.video_block ul.video_list li a:hover:after {
border-color:transparent transparent transparent #158ae3 ;
margin-bottom:25px;
}
.video_block ul.video_list li a span {
display:block;
position:absolute;
top:50%;
margin-top:0;
left:0;
width:100%;
font-size:20px;
line-height:24px;
font-weight:400;
padding:0 20px;
 -webkit-transition: all .3s ease; 
 -moz-transition: all .3s ease; 
 transition: all .3s ease
}
.page .video_block ul.video_list li a span {
font-size:20px;
line-height:24px;
}
.video_block ul.video_list li a:hover span {
margin-top:5px;
}
@media (max-width:1024px){
.video_block ul.video_list li {
padding:15px;
}

.video_block ul.video_list li a {
min-height:200px;
}
.video_block ul.video_list li a span {
font-size:18px;
line-height:22px;
padding:0 20px;
}

}
@media (max-width:800px){
.video_block ul.video_list li {
width:50%;
}

.video_block ul.video_list li:nth-of-type(3n+3),
.video_block ul.video_list li:nth-of-type(3n+4) {
clear:none;
}
.video_block ul.video_list li:nth-of-type(2n+2) {
clear:right;
}
.video_block ul.video_list li:nth-of-type(2n+3) {
clear:left;
}
}
@media (max-width:600px){
.video_block ul.video_list li {
padding:10px;
}
.video_block ul.video_list li a {
min-height:180px;
}
.video_block ul.video_list li a span {
font-size:18px;
line-height:22px;
padding:0 20px;
}
.page .video_block ul.video_list li a span {
font-size:18px;
line-height:22px;
}
}
@media (max-width:480px){
.video_block ul.video_list li,
.page .video_block ul.video_list li {
width:auto;
float:none;
}
}
/*-----------------------------------------------------------------------------------------*/

.txt_block {
position:relative;
}
.txt_block.assurance {
background:#edf5df;
}
.txt_block.assurance .txt {
float:left;
width:40%;
}
.txt_block.assurance .pic {
position:relative;
float:right;
width:50%;
text-align:right;
}
.txt_block.assurance .pic img {
max-width:100%;
}

.txt_block:before {
content:'';
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:80px;
background:transparent;
background: -moz-linear-gradient(top, #f7f7f7, #ffffff);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, #f7f7f7, #ffffff);
background: -o-linear-gradient(top, #f7f7f7, #ffffff);
background: -ms-linear-gradient(top, #f7f7f7, #ffffff);
background: linear-gradient(top, #f7f7f7, #ffffff);
}
.txt_block.assurance:before {
display:none;
}
@media (max-width:1280px){
}
@media (max-width:1024px){
.txt_block.assurance .pic {
padding-top:40px;
}
}
@media (max-width:800px){
.txt_block.assurance .txt {
width:50%;
}
.txt_block.assurance .pic {
width:48%;
}
}
@media (max-width:600px){
.txt_block.assurance .txt {
float:none;
width:auto;
text-align:center;
}
.txt_block.assurance .pic {
float:none;
width:auto;
text-align:center;
}
.txt_block.assurance .pic img {
max-width:80%;
margin-bottom:30px;
}
}
@media (max-width:360px){
}
/*--------------------------------------------------------------------------------*/
.request_block {
position:relative;
background:#1e79be;
}
.request_block .container {
padding:60px 0;
}
.request_block h2 {
color:#ffffff;
text-align:center;
}
.request_block p {
display:block;
margin:auto;
font-size:18px;
text-align:center;
color:#ffffff;
padding-bottom:40px
}
.request_block .form_block {
margin:auto;
width:50%;
}
.request_block .form_block .left,
.request_block .form_block .right {
width:48%;
}
.request_block .form_block .f_input {
width:100%;
padding-bottom:40px;
}
.request_block .form_block .f_input.f_error {
padding-bottom:0;
}
.request_block .form_block label {
display:none;
}
.request_block .form_block .f_input .error {
min-height:40px;
}
@media (max-width:1024px){
.request_block .container {
padding:50px 0;
}
.request_block p {
width:auto;
font-size:16px;
}
.request_block .form_block {
margin:auto;
width:70%;
}
}
@media (max-width:600px){
.request_block .container {
padding:40px 0;
}
.request_block .form_block {
margin:auto;
width:auto;
}
}
@media (max-width:480px){
.request_block .container {
padding:30px 0;
}
.request_block .form_block .left,
.request_block .form_block .right {
width:auto;
float:none;
}
}
/*-----------------------------------------------------------------------------------------*/
.clients_block {
position:relative;
}
.clients_block h2 {
text-align:center;
}
.clients_block:before {
content:'';
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:80px;
background:transparent;
background: -moz-linear-gradient(top, #f7f7f7, transparent);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,transparent));
background: -webkit-linear-gradient(top, #f7f7f7, transparent);
background: -o-linear-gradient(top, #f7f7f7, transparent);
background: -ms-linear-gradient(top, #f7f7f7, transparent);
background: linear-gradient(top, #f7f7f7, transparent);
}
.carousel_wrap .products_item {
display:block;
position:relative;
margin:5px;
padding:10px;
text-decoration:none;
text-align:center;
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
transition: all .3s ease;
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
-khtml-border-radius:15px;
border:1px solid transparent;
}
.carousel_wrap .products_item:hover {
border:1px solid #fff;
box-shadow: 0 0 5px rgba(0,0,0,0.2);
background:#ffffff;
}
.carousel_wrap .products_item img {
max-width:100%;
margin-bottom:10px;
}
.carousel_wrap .products_item h3 {
text-align:center;
font-size:16px;
line-height:18px;
margin-bottom:20px;
}
.carousel_wrap .products_item h3 span {
border-bottom:1px dotted transparent;
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
transition: all .3s ease;
}
.carousel_wrap .products_item:hover h3 span {
border-bottom:1px dotted #0061ad;
}
/*---------------------------------------------------------------------------*/
.feedback_block {
position:relative;
}
.feedback_block .container {
border-top:1px dotted #b0b0b0;
}
.feedback_block p {
text-align:center;
}
.feedback_list {
display:block;
list-style:none;
margin:0 -15px;
}
.feedback_list li {
display:block;
float:left;
width:33.3%;
padding:0 20px;
}
.feedback_list li:before {
display:none;
}
.f_item {
display:block;
text-decoration:none;
text-align:center;
margin-bottom:20px;
}
.f_item img {
display:block;
margin:auto;
border-radius:90px;
-moz-border-radius:90px;
-webkit-border-radius:90px;
-khtml-border-radius:90px; 
behavior: url(js/PIE.htc);
margin-bottom:20px;
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
transition: all .3s ease;
}
.f_item h4 {
font-size:20px;
line-height:24px;
margin-bottom:10px;
}
.f_item h4 span {
border-bottom:1px dotted transparent;
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
transition: all .3s ease;
}
.f_item:hover h4 span {
border-bottom:1px dotted #007fd4;
}
.f_item:hover img {
opacity:0.8;
}
.f_item .status {
color:#929292;
font-size:14px;
margin-bottom:20px;
}
.f_item p {
}
@media (max-width:1280px){
.f_item h4 {
font-size:18px;
line-height:22px;
}
}
@media (max-width:1024px){
.f_item h4 {
font-size:16px;
line-height:22px;
}
}
@media (max-width:768px){
.feedback_list li {
width:50%;
}
.feedback_list li:last-of-type {
display:none;
}
}
@media (max-width:600px){
.feedback_list {
margin-bottom:20px;
}
.feedback_list li {
float:none;
width:auto;
}
.feedback_list li:last-of-type {
display:block;
}
}
/*-------------------------------------------------------------------------------*/
.contacts_block {
position:relative;
background:#f7f7f7;
}
.contacts_block .container {
min-height:800px;
}
.contacts_block h2 {
text-align:center;
}
.contacts_block .txt {
position:relative;
width:30%;
}
.contacts_block .pic {
position:absolute;
background:url(/img16/map.png) left bottom no-repeat;
height:95%;
width:100%;
left:30%;
top:0;
}
.contacts_block .c_item {
position:relative;
padding-left:40px;
margin-bottom:30px;
}
.contacts_block .c_item a {
text-decoration:none;
color:#373737;
border-bottom:1px dotted transparent;
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
transition: all .3s ease;
}
.contacts_block .c_item a:hover {
color:#373737;
border-bottom:1px dotted #373737;
}
.contacts_block .c_item.address {
line-height:26px;
font-size:16px;
}
.contacts_block .c_item.phone {
line-height:26px;
font-size:26px;
}
.contacts_block .c_item.phone a {
line-height:33px;
}
.contacts_block .c_item.phone span {
display:block;
font-size:14px;
color:#9f9f9f;
}
.contacts_block .c_item:before {
content:'';
display:block;
position:absolute;
width:30px;
height:30px;
top:0;
left:0;
}
.contacts_block .c_item.address:before {background:url(/img16/c_address_icon.png) center center no-repeat;}
.contacts_block .c_item.phone:before {background:url(/img16/c_phone_icon.png) center center no-repeat;}
.contacts_block .c_item.email:before {background:url(/img16/c_email_icon.png) center center no-repeat;}
.contacts_block .h_more {
display:block;
position:absolute;
bottom:50px;
right:0;
cursor:pointer;
}
.h_more:after {
top:7px;
right:auto;
left:-20px;
transform: rotate(45deg); -webkit-transform: rotate(45deg);
}
.h_more:hover:after {
right:auto;
top:6px;
}
.y_map_block {
height:0;
width:auto;
position:relative;
display:block;
overflow:hidden;
}
.y_map_block.open {
height:600px;
}
@media (max-width:1280px){
.contacts_block .container {
min-height:700px;
}
.contacts_block .pic {
background:url(/img16/map.png) left bottom no-repeat;
background-size:1000px auto;
}
}
@media (max-width:1024px){
.contacts_block .container {
min-height:600px;
}
.contacts_block .pic {
background:url(/img16/map.png) left bottom no-repeat;
background-size:800px auto;
}
.y_map_block.open {
height:500px;
}
}
@media (max-width:800px){
.contacts_block .container {
min-height:800px;
}
.contacts_block .txt {
position:relative;
width:auto;
}
.contacts_block .pic {
background:url(/img16/map.png) left bottom no-repeat;
background-size:800px auto;
left:35px;
top:auto;
bottom:30px;
}
}
@media (max-width:600px){
.contacts_block .container {
min-height:auto;
padding-bottom:280px;
}
.contacts_block .pic {
background:url(/img16/map.png) left bottom no-repeat;
background-size:110% auto;
left:35px;
top:auto;
bottom:5%;
}
}
@media (max-width:480px){
.contacts_block .container {
min-height:auto;
padding-bottom:250px;
}
.contacts_block .h_more {
display:block;
position:absolute;
bottom:30px;
right:0;
}
}
@media (max-width:360px){
.contacts_block .container {
padding-bottom:230px;
}
.contacts_block .pic {
background:url(/img16/map.png) left bottom no-repeat;
background-size:120% auto;
left:20px;
top:auto;
bottom:10%;
height:90%;
}
}
/*----------------------------------------------*/
.footer_block {
position:relative;
background:#ffffff;
border-top:1px solid #f0f0f0;
}
.footer_block .container {
min-height:170px;
}
.footer_block .nbs_logo {
display:block;
position:absolute;
width:177px;
height:106px;
top:44px;
left:0px;
background:url(/img16/logo-15-nbs.png) center center no-repeat;
}
.footer_block .f_contact {
position:absolute;
color:#5f5d5d;
padding-left:30px;
}
.footer_block .f_contact a {
text-decoration:none;
color:#5f5d5d;
border-bottom:1px dotted transparent;
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
transition: all .3s ease;
}
.footer_block .f_contact a:hover {
color:#373737;
border-bottom:1px dotted #373737;
}
.footer_block .f_contact.address {
line-height:20px;
font-size:13px;
top:50px;
left:250px;
}
.footer_block .f_contact.phone {
line-height:24px;
font-size:18px;
top:50px;
left:620px;
}
.footer_block .f_contact.phone a {
line-height:24px;
}
.footer_block .f_contact.email {
line-height:28px;
font-size:14px;
top:110px;
left:620px;
}
.footer_block .f_contact:before {
content:'';
display:block;
position:absolute;
width:30px;
height:30px;
top:0;
left:0;
}
.footer_block .f_contact.address:before {background:url(/img16/f_address_icon.png) center center no-repeat;}
.footer_block .f_contact.phone:before {background:url(/img16/f_phone_icon.png) center center no-repeat;}
.footer_block .f_contact.email:before {background:url(/img16/f_email_icon.png) center center no-repeat;}
.footer_block .kontur {
display:block;
position:absolute;
color:#777777;
font-size:13px;
line-height:13px;
background:url(/img16/kontur_logo.png) left bottom no-repeat;
top:45px;
right:0;
padding-bottom:32px;
white-space:nowrap;
}
@media (max-width:1280px){
.footer_block .f_contact.address {
left:230px;
}
.footer_block .f_contact.phone,
.footer_block .f_contact.email {
left:560px;
}
}
@media (max-width:1024px){
.footer_block .f_contact.address {
left:200px;
}
.footer_block .f_contact.phone,
.footer_block .f_contact.email {
left:520px;
}
}
@media (max-width:800px){
.footer_block .nbs_logo {
width:120px;
height:75px;
top:20px;
left:0px;
background:url(/img16/logo-15-nbs.png) left top no-repeat;
background-size:contain;
}
.footer_block .kontur {
font-size:12px;
line-height:13px;
background:url(/img16/kontur_logo.png) left bottom no-repeat;
background-size:contain;
top:110px;
right:auto;
left:0;
padding-bottom:28px;
}
.footer_block .f_contact.address {
left:160px;
}
.footer_block .f_contact.phone,
.footer_block .f_contact.email {
left:480px;
}
}
@media (max-width:600px){
.footer_block .container {
min-height:auto;
padding:100px 0 0 0;
}
.footer_block .nbs_logo {
width:100px;
height:75px;
top:20px;
left:auto;
right:55%;
background:url(/img16/logo-15-nbs.png) left top no-repeat;
background-size:contain;
margin-right:10px;
}
.footer_block .kontur {
font-size:12px;
line-height:13px;
background:url(/img16/kontur_logo.png) left bottom no-repeat;
background-size:contain;
top:30px;
right:auto;
left:45%;
padding-bottom:28px;
margin-left:10px;
}
.footer_block .f_contact {
position:relative;
text-align:center;
padding:30px 0 0 0;
}
.footer_block .f_contact:before {
content:'';
display:block;
position:absolute;
width:30px;
height:30px;
top:0;
left:50%;
margin-left:-15px;
}
.footer_block .f_contact.address,
.footer_block .f_contact.phone,
.footer_block .f_contact.email {
left:auto;
top:auto;
margin-bottom:10px;
}
}
@media (max-width:360px){
.footer_block .f_contact.address br {
display:none;
}
}
/*----------------------------------------------*/
.bottom_block {
background:#ffffff;
border-top:1px dotted #eeeeee;
}
.bottom_block .container {
height:70px;
}
.bottom_block .copy {
position:absolute;
font-size:13px;
color:#70777d;
top:20px;
left:0;
}
.bottom_block .copy a {
color:#70777d;
text-decoration:none;
border-bottom:1px dotted transparent;
}
.bottom_block .copy a:hover {
color:#1e79be;
border-bottom:1px dotted #1e79be;
}
.bottom_block .nbsmedia {
display:block;
position:absolute;
top:20px;
right:0;
font-size:13px;
color:#565c64;
text-decoration:none;
padding-left:50px;
}
.bottom_block .nbsmedia:hover {
color:#72848f;
}
.bottom_block .nbsmedia:before {
content:'';
display:block;
position:absolute;
width:42px;
height:25px;
background:url(/img16/nbsmedia_bg.png) 0 0 no-repeat;
top:-3px;
left:0;
}
.bottom_block .nbsmedia:hover:before {
background-position:0 -25px;
opacity:0.9;
}
@media (max-width:1024px){
.bottom_block .container {
height:80px;
}
.bottom_block .copy {
top:32px;
}
.bottom_block .nbsmedia {
top:32px;
}
}
@media (max-width:600px){
.bottom_block .container {
margin:auto;
position:relative;
height:auto;
padding-top:20px;
padding-bottom:20px;
}
.bottom_block.pdd {
padding:0;
} 
.bottom_block .copy {
position:relative;
top:auto;
left:auto;
padding:0 35px 20px 35px;
text-align:center;
}
.bottom_block .nbsmedia {
top:auto;
right:auto;
position:relative;
float:none;
margin:0 auto;
width:190px;
}
}
/*-------------------------------------------------------------------------*/
.content_block {position:relative;}
.content_block .container {
padding:50px 0 30px 0;
}
.content_block.cols .container:before {
content:'';
display:block;
position:absolute;
left:70%;
top:0;
width:100px;
height:100%;
background:#ffffff;
background: -moz-linear-gradient(left, #f7f7f7, #ffffff);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(left, #f7f7f7, #ffffff);
background: -o-linear-gradient(left, #f7f7f7, #ffffff);
background: -ms-linear-gradient(left, #f7f7f7, #ffffff);
background: linear-gradient(left, #f7f7f7, #ffffff);
opacity:1;
}
/*--*/
.breadcrumbs {
margin:0 0 20px 0;
font-size:13px;
}
.breadcrumbs a,
.breadcrumbs span {
position:relative;
text-decoration:none;
color:#a6a59c;
margin:0 13px 0 13px;
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
transition: all .3s ease;
}
.breadcrumbs a:hover {
color:#007fd4;
text-decoration:none;
}
.breadcrumbs a:after  {
content:'';
display:block;
position:absolute;
border-right:1px solid #1a557f;
border-bottom:1px solid #1a557f;
width:5px;
height:5px;
top:7px;
right:-15px;
background:none;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
-khtml-border-radius:0;
transform: rotate(-45deg); -webkit-transform: rotate(-45deg);
}
.breadcrumbs a.home:after {
display:none;
}
.breadcrumbs a.home {
margin:0;
}
.breadcrumbs a.home img {
opacity:0.8;
margin-top:2px;
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
transition: all .3s ease;
}
.breadcrumbs a.home:hover img {
opacity:1;
}
.side_menu_bar {
display:none;
position:absolute;
background:#f4f4f4;
width:100%;
height:40px;
top:0;
left:0;
z-index:10;
cursor:pointer;
overflow:hidden;
}
.side_menu_bar:before,
.side_menu_bar:after {
content:'';
display:block;
position:absolute;
border-left:2px solid #273441;
border-bottom:2px solid #273441;
width:15px;
height:15px;
top:12px;
left:-40px;
background:none;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
-khtml-border-radius:0;
transform: rotate(45deg); -webkit-transform: rotate(45deg);
opacity:0.5;
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
transition: all .3s ease;
}
.side_menu_bar.active:before {
left:20px;
}
.side_menu_bar:after {
left:auto;
right:20px;
transform: rotate(-135deg); -webkit-transform: rotate(-135deg);
}
.side_menu_bar.active:after {
right:-40px;
}
.side_menu_bar:hover:after,
.side_menu_bar.active:after,
.side_menu_bar.active:hover:before {
opacity:1;
}
.side_menu_bar.active:hover:after {
opacity:0.5;
}

.side_menu {
position:relative;
margin-left:0;
}
.cols .left_col:before {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border:10px solid transparent;
	border-top-color: #f4f4f4;
	top: -20px;
	left: 20px;
	display:none;
}
/*----*/
.side_menu ul   {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px 0px 0px 0px;
padding:0px 0px 40px 0px;
}
.side_menu ul li {
margin:0px 0px 0px 0px;
padding:15px 0px 15px 0px;
line-height:24px;
position:relative;
border-bottom:1px dotted #cccccc;
}
.side_menu ul li ul li {
border-bottom:none;
padding:10px 0px 10px 0px;
}
.side_menu ul li ul {
margin:10px 0px 0px 20px;
display:none;
}
.side_menu ul li.open ul {
display:block;
}
.side_menu ul li:before {
display:none;
}
.side_menu ul li a {
display:block;
position:relative;
text-decoration:none;
color:#2e3133;
font-size:16px;
line-height:22px;
font-weight:300;
padding-left:30px;
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
transition: all .3s ease;
}
.side_menu ul li a:hover {
padding-left:33px;
}
.side_menu ul li.active a {
color:#1e79be;
}
.side_menu ul li ul li a {
font-size:16px;
line-height:18px;
font-weight:300;
}
.side_menu ul li ul li ul li a {
font-size:14px;
line-height:16px;
}
.side_menu ul li a:before {
content:'';
display:block;
position:absolute;
border-right:2px solid #cccccc;
border-bottom:2px solid #cccccc;
width:10px;
height:10px;
top:6px;
left:0;
background:none;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
-khtml-border-radius:0;
transform: rotate(-45deg); -webkit-transform: rotate(-45deg);
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
transition: all .3s ease;
}
.side_menu ul li a:hover:before {
left:7px;
border-right:2px solid #1e79be;
border-bottom:2px solid #1e79be;
}
.side_menu ul li a.active:before {
border-right:2px solid #1e79be;
border-bottom:2px solid #1e79be;
transform: rotate(135deg); -webkit-transform: rotate(135deg);
}
.side_menu ul li ul li:before {
/*content:'';
display:block;
position:absolute;
top:13px;
left:-20px;
border-color:transparent transparent transparent #ccc ;
border-style: solid;
border-width: 6px;
width:auto;
height:auto;
*/
}
.side_menu ul li ul li.active:before,
.side_menu ul li ul li:hover:before {
border-color:transparent transparent transparent #007fd4;
}
.side_menu ul li.open:before,
.side_menu ul li.open:hover:before {
top:20px;
left:-25px;
border-color:#007fd4 transparent transparent transparent ;
}
@media (max-width:1024px){
.content_block.cols .container:before {
left:65%;
}
.side_menu ul li a {
font-size:16px;
line-height:20px;
}
}
@media (max-width:800px){
.content_block.cols .container:before {
display:none;
}
.cols .left_col:before {
	display:block;
}
.content_block.pdd.cols {
padding:0;
overflow:hidden;
}
.content_block.cols .container {
padding:60px 0 30px 0;
width:200%;
left:0;
}

.side_menu_bar {
display:block;
}
.side_menu {
position:relative;
margin-left:0px;
}

}
/*---------------------------------------------------*/
.c_data {
position:relative;
}
.c_data .txt {
position:relative;
}
.c_data .pic {
position:relative;
margin-bottom:30px;
}
.c_data .pic img {
max-width:100%;
}
.c_data .c_item {
position:relative;
padding-left:40px;
margin-bottom:30px;
}
.c_data .c_item a {
text-decoration:none;
color:#373737;
border-bottom:1px dotted transparent;
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
transition: all .3s ease;
}
.c_data .c_item a:hover {
color:#373737;
border-bottom:1px dotted #373737;
}
.c_data .c_item.address {
line-height:26px;
font-size:16px;
}
.c_data .c_item.phone {
line-height:26px;
font-size:26px;
}
.c_data .c_item.phone a {
line-height:33px;
}
.c_data .c_item.phone span {
display:block;
font-size:14px;
color:#9f9f9f;
}
.c_data .c_item:before {
content:'';
display:block;
position:absolute;
width:30px;
height:30px;
top:0;
left:0;
}
.c_data .c_item.address:before {background:url(/img16/c_address_icon.png) center center no-repeat;}
.c_data .c_item.phone:before {background:url(/img16/c_phone_icon.png) center center no-repeat;}
.c_data .c_item.email:before {background:url(/img16/c_email_icon.png) center center no-repeat;}
.c_data .h_more {
display:block;
position:absolute;
bottom:50px;
right:0;
cursor:pointer;
}
.h_more:after {
top:7px;
right:auto;
left:-20px;
transform: rotate(45deg); -webkit-transform: rotate(45deg);
}
.h_more:hover:after {
right:auto;
top:6px;
}
.y_map_block {
height:0;
width:auto;
position:relative;
display:block;
overflow:hidden;
}
.y_map_block.open {
height:600px;
}
@media (max-width:800px){
.c_data .h_more {
bottom:30px;
}
.y_map_block.inner {
margin:0 -25px;
}
}
@media (max-width:480px){
.c_data .h_more {
bottom:10px;
}
}
@media (max-width:360px){
.c_data .pic {
position:relative;
margin:0 -20px 30px -20px;
overflow:hidden;
padding-bottom:30px;
}
.c_data .pic img {
max-width:120%;
}
.c_data .h_more {
bottom:0px;
right:0;
}
}
/*---------------------------------*/
.right_form .form_block .f_input {
float:none;
width:100%;
}
.right_form  .form_block label {
float: none;
padding:0;
width:100%;
margin-bottom:10px;
}
/*-----------*/
.txt_feature {
padding-left:120px;
position:relative;
min-height:100px;
}
.txt_feature img {
display:block;
position:absolute;
top:0;
left:0;
}
@media (max-width:800px){
.txt_feature {
padding-left:80px;
min-height:80px;
}
.txt_feature img {
width:60px;
}
}
@media (max-width:480px){
.txt_feature {
padding-left:0;
min-height:1px;
}
.txt_feature img {
width:50px;
}
.txt_feature h3 {
padding-left:60px;
min-height:50px;
}
}
/*------------*/
.mapsHover {
	position:absolute;
	z-index:1000;
	height:100%;
	width:100%;
}
.doc_link {
position:relative;
padding-left:50px;
min-height:40px;
margin-bottom:10px;
}
.doc_link a {
position:relative;
text-decoration:none;
border-bottom:1px dotted #f15021;
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
transition: all .3s ease;
}
.doc_link a:hover {
border-bottom:1px dotted transparent;
}
.doc_link a:before {
content:'';
display:block;
position:absolute;
top:-5px;
left:-50px;
width:30px;
height:36px;
background:url(/img16/doc_icon.png) center center no-repeat;
background-size:contain;
}
/*---------------------------------*/
.right_form .form_block .f_input {
float:none;
width:100%;
}
.right_form  .form_block label {
float: none;
padding:0;
width:100%;
margin-bottom:10px;
}


.ruble-symbol:before {
  content: "\20BD";
  padding-left: 0.15em;
  font-weight:300;
}
/*--------------------------------------------*/
.form_success {
position:relative;
text-align:center;
}
.form_success.main_form {
color:#ffffff;
}
.form_success.page_form {
padding-top:30px;
color:#1e79be;
}
.form_success:before {
display:block;
text-align:center;
margin-bottom:20px;
}
.form_success.main_form:before {
content:url(/img16/success_main.png);
}
.form_success.page_form:before {
content:url(/img16/success_page.png);
}

/*------------------------------------*/
.tbl {
border-collapse:collapse;
width:100%;
margin-bottom:30px;
}
.tbl th,
.tbl td {
padding:10px 20px;
line-height:30px;
vertical-align:top;
}
.tbl th {
font-weight:600;
background:#eeeeee;
}
.tbl td {
border-bottom:1px dotted #ccc;
}
.tbl tbody tr:nth-of-type(even) {
background:#f8f8f8;
}
@media (max-width:1024px){
.tbl th,
.tbl td {
padding:10px 15px;
line-height:26px;
}
}
@media (max-width:600px){
.tbl th,
.tbl td {
padding:10px 10px;
line-height:24px;
}
}
/*-----------------------------------------------------------*/
.faq_list .faq_item {
padding:0 0 10px 0;
}
.faq_list .faq_item .question {
position:relative;
padding:0 0 20px 25px;
line-height:30px;
}
.faq_list .faq_item .question:before {
content:'';
display:block;
position:absolute;
border-right:2px solid #1e79be;
border-bottom:2px solid #1e79be;
width:10px;
height:10px;
top:10px;
left:0;
background:none;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
-khtml-border-radius:0;
transform: rotate(-45deg); -webkit-transform: rotate(-45deg);
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
transition: all .3s ease;
}
.faq_list .faq_item .question.active:before {
transform: rotate(45deg); -webkit-transform: rotate(45deg);
}
.faq_list .faq_item .question a {
font-weight:400;
cursor:pointer;
text-decoration:none;
border-bottom:1px dotted #1e79be;
}
.faq_list .faq_item .question a:hover {
border-bottom:1px dotted transparent;
}
.faq_list div.answer {
display:none;
padding-left:20px;
}
/*--------------------------------------------------------*/
.ruble-symbol:before {
  content: "\20BD";
  padding-left: 0.15em;
  font-weight:100;
}
ul.price_list {
list-style:none;
padding:0;
margin:0 auto 40px;
width:90%;
}
ul.price_list li {
display:block;
position:relative;
float:left;
width:33.3%;
padding:10px;
}
ul.price_list li:nth-of-type(3n+3) {
clear:right;
}
ul.price_list li:nth-of-type(3n+4) {
clear:left;
}
ul.price_list li:before {
display:none;
}
.single_price {
margin:0 auto 30px;
width:300px;
}
.price_item {
position:relative;
display:block;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
border:2px solid #e5e9ed;
text-decoration:none;
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
transition: all .3s ease;
}
.price_item.recommended {
border:2px solid #1e79be;
}
.price_item.recommended:before {
content:'';
display:block;
position:absolute;
top:-2px;
left:-2px;
width:130px;
height:130px;
background:url(/img16/recommend.svg) left top no-repeat;
background-size:contain;
z-index:3;
}
.price_item .docs {
font-size:40px;
line-height:40px;
padding:30px 30px;
position:relative;
font-weight:400;
background:#e5e9ed;
color:#1e79be;
text-align:center;
margin-bottom:20px;
border-radius:8px 8px 0 0;
-moz-border-radius:8px 8px 0 0;
-webkit-border-radius:8px 8px 0 0;
-khtml-border-radius:8px 8px 0 0;
}
.price_item.recommended .docs {
background:#1e79be;
color:#ffffff;
}
.price_item .docs span {
display:block;
font-size:16px;
line-height:24px;
font-weight:400;
}
.price_item p {
position:relative;
padding:0 30px 20px 60px;
line-height:24px;
}
.price_item p.no {
color:#6f6f6f;
}
.price_item p:before {
content:'';
display:block;
position:absolute;
top:0;
left:30px;
width:20px;
height:20px;
}
.price_item p.yes:before {
background:url(/img16/yes_icon.svg) center center no-repeat;
background-size:contain;
}
.price_item p.no:before {
background:url(/img16/no_icon.svg) center center no-repeat;
background-size:contain;
opacity:0.5;
}
.price_item .price {
position:relative;
background:#f7f7f7;
color:#1e79be;
padding:20px 30px 0 30px;
font-size:40px;
line-height:40px;
font-weight:400;
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
transition: all .3s ease;
}
.price_item.no_price .price {
padding:30px 20px 20px;
}
.price_item .price span.per_doc {
font-size:18px;
line-height:18px;
color:#333;
padding-left:15px;
font-weight:400;
}
.price_item .order {
background:#f7f7f7;
text-align:center;
padding:20px 30px 30px;
border-radius:8px 8px 0 0;
-moz-border-radius:0 0 8px 8px;
-webkit-border-radius:0 0 8px 8px;
-khtml-border-radius:0 0 8px 8px;
}


@media (max-width:1280px){
ul.price_list {
width:auto;
}
ul.price_list li {
padding:5px;
}
.price_item .docs {
padding:20px;
font-size:32px;
}
.price_item .price {
padding:20px 30px 0 30px;
font-size:32px;
line-height:32px;
}
.price_item .price span.per_doc {
font-size:16px;
line-height:18px;
}
}
@media (max-width:1024px){
.price_item .docs {
font-size:30px;
}
.price_item p {
padding:0 20px 20px 50px;
}
.price_item p:before {
left:20px;
}
.price_item .price {
padding:15px 20px 0 20px;
font-size:30px;
line-height:30px;
}
.price_item.recommended:before {
width:100px;
height:100px;
}
}
@media (max-width:800px){
ul.price_list {
list-style:none;
padding:0;
margin:0 auto 40px;
width:60%;
}
ul.price_list li {
display:block;
position:relative;
float:none;
width:auto;
padding:0 0 20px;
}
.price_item p.no {
display:none;
}
}
@media (max-width:600px){
ul.price_list {
margin:0 auto 30px;
width:70%;
}
}
@media (max-width:480px){
ul.price_list {
margin:0 auto 40px;
width:90%;
}
.price_item p {
padding:0 10px 20px 40px;
line-height:20px;
}
.price_item p:before {
left:10px;
}
.price_item .price {
padding:15px 20px 0 20px;
font-size:24px;
line-height:24px;
}
}
/*--------------------------------*/
.work_area ul.terms {
margin:0 auto 30px;
padding:0px 0px 0px 0px;
width:80%;
}
.work_area ul.terms li {
margin:0px 0px 0px 0px;
padding:0px 0px 10px 35px;
line-height:24px;
position:relative;
}
.work_area ul.terms ul li {
padding:0px 0px 10px 20px;
}
.work_area ul.terms li p {
padding-bottom:20px;
}
.work_area ul.terms li:before {
content:'';
display:block;
position:absolute;
width:20px;
height:20px;
background:url(/img16/feature_icon.svg) center center no-repeat;
background-size:contain;
top:5px;
left:0;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
-khtml-border-radius:0; 
}

.work_area ul.terms ul li:before {
content:'';
display:block;
position:absolute;
width:6px;
height:6px;
background:#1e79be;
top:10px;
left:0;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px; 
}
.work_area ul.terms li ul {
margin:0px 0px 0px 0px;
padding:0;
}
@media (max-width:1024px){
.work_area ul.terms {
width:auto;
}
}
@media (max-width:480px){
.work_area ul.terms {
margin:0 auto 30px;
padding:0px 0px 0px 0px;
}
}
/*-----------------------------------------------*/
.platform {
border-top:2px dotted #e5e5e5;
padding:30px 0;
}
.platform .left {
width:70%;
}
.platform .right {
width:30%;
text-align:center;
}
.platform .version {
font-size:14px;
color:#999;
margin-bottom:10px;
}
.platform ul li {
padding-bottom:10px;
}
.platform .btn {
margin-bottom:10px;
}
.platform .note {
font-size:14px;
color:#999;
}
@media (max-width:600px){
.platform .left,
.platform .right {
float:none;
width:auto;
margin-bottom:20px;
}
}