@charset "utf-8"; 

html, body{    font-family:'pt_sansregular';     font-size:16px;     margin:0;     padding:0;     height:100%;     background:#f7f7f7;     color:#454545;     line-height:1.38em}

:focus{    outline:none}

h1{    color:#474747;     font-size:25px;     font-weight:normal;     margin:13px 0;     line-height:1.23em;     font-family:'pt_sansbold'; text-align: left;}

h2{    color:#474747;     font-size:23px;     font-weight:normal;     margin:13px 0;     line-height:1.23em;     font-family:'pt_sansbold'; text-align: left;}

h3, h4, h5{    font-size:19px;     font-weight:normal;     color:#454545;     margin:13px 0;     font-family:'pt_sansbold'}

h4{    border-bottom:1px solid #e3e3e3;     padding-bottom:10px;     color:#19a0d8}

a{    color:#19A0D8;     text-decoration:underline}

a:hover{    color:#1D6482}

p{    margin:12px 0}

img{    border:none}

.main{    min-height:100%;     float:left;     width:100%;     position:relative;     z-index:1}

.container{    max-width:1185px;     padding:0 10px;     margin:0 auto;     position:relative}

input[type="submit"], 
input[type="reset"], 
input[type="button"]{    cursor:pointer;     color:#fff;     background:#00aeef;     font-family:'pt_sansbold';     border-radius:3px;     -moz-border-radius:3px;     -webkit-border-radius:3px;     -khtml-border-radius:3px;     border:none; border-bottom:3px solid #2C98C5;     padding:3px 22px 1px;     font-size:20px;     text-transform:uppercase}

input[type="submit"]:hover, 
input[type="reset"]:hover, 
input[type="button"]:hover{    background:#2693c0}

input[type="text"], input[type="email"], input[type="site"], input[type="tel"], 
input[type="password"]{    font-size:16px;     padding:5px 12px 3px;     border:1px solid #bfbfbf;     font-family:'pt_sansregular';     border-radius:3px;     -moz-border-radius:3px;     -webkit-border-radius:3px;     -khtml-border-radius:3px}

textarea{    font-size:16px;     padding:6px 12px;     border:1px solid #bfbfbf;     font-family:'pt_sansregular';     border-radius:3px;     -moz-border-radius:3px;     -webkit-border-radius:3px;     -khtml-border-radius:3px}

:focus::-webkit-input-placeholder{    color:transparent}

:focus::-moz-placeholder{    color:transparent}

:focus:-moz-placeholder{    color:transparent}

:focus:-ms-input-placeholder{    color:transparent;     font-weight:normal}

@font-face{    font-family:'pt_sansregular';     src:url('font/pts55f.eot');     src:url('font/pts55f.eot?#iefix') format('embedded-opentype'),url('font/pts55f.woff') format('woff'),url('font/pts55f.ttf') format('truetype'),url('font/pts55f.svg#pt_sansregular') format('svg');     font-weight:normal;     font-style:normal; font-display: swap;}

@font-face{    font-family:'pt_sans_narrowregular';     src:url('font/ptn57f.eot');     src:url('font/ptn57f.eot?#iefix') format('embedded-opentype'),url('font/ptn57f.woff') format('woff'),url('font/ptn57f.ttf') format('truetype'),url('font/ptn57f.svg#pt_sans_narrowregular') format('svg');     font-weight:normal;     font-style:normal; font-display: swap;}

@font-face{    font-family:'pt_sansbold';     src:url('font/pts75f.eot');     src:url('font/pts75f.eot?#iefix') format('embedded-opentype'),url('font/pts75f.woff') format('woff'),url('font/pts75f.ttf') format('truetype'),url('font/pts75f.svg#pt_sansbold') format('svg');  font-weight:normal;  font-style:normal; font-display: swap;}

b, strong{ font-weight:normal;  font-family:'pt_sansbold'}

#header{    width:100%;     float:left;     height:203px;     position:relative;     z-index:2}

#header .logotip{    position:absolute;     top:30px;     left:0}

#header nav{    position:absolute;     max-width:60%;     top:28px;     right:0}

#header nav ul{    margin:0;     padding:0;     list-style:none}

#header nav ul li{    margin:0;     padding:0 0 0 30px;     float:left;     font-size:13px;     color:#797979}

#header nav ul li a{    color:#797979}

nav.menu .menu_link{    display:none}

nav.menu ul{    margin:0;     padding:0;     display:table;     width:100%;     list-style:none}

#header .search_box{    width:310px;      position:absolute;     height:28px;  top:57px;     right:0; background:#fff;   border:1px solid #F1F1F1;}
#header .ya-site-form__search-input  {padding:2px 5px 0px 5px !important; border:none !important;}
#header .ya-site-form__submit[type="button"]{    top:3px;     right:0;     width:42px ;     border:none;   border-left:1px solid #e3e3e3;     height:23px;     background:url(images/search_box.png) no-repeat center center;     margin:0;     padding:0;     display:block;     border-radius:0; cursor: pointer; top:  1px; position: relative;}
#content .ya-site-form__submit[type="button"]{ border-bottom: none; text-transform: none; color:#fff !important; font-family: none;}
#ya-site-form2 .ya-site-form__form .ya-site-form__input-text {padding-left: 5px; text-transform: none;}
#ya-site-form2 .ya-site-form__search, #ya-site-form2 .ya-site-form__search td, #ya-site-form2 .yaform__precise-i {border-radius: 5px;}

#header .ya-site-form__form .ya-site-form__input-text {border:none !important; margin-top:3px !important; color:#ffffff !important;}
#header .search_box input[type="text"]{font-family: 'Arial';}

nav.menu{    width:100%;     height:72px;     background:#19a0d8;     position:absolute;     top:108px;     left:0;     z-index:5}

nav.menu ul li{    margin:0;     padding:11px 1% 0;     display:table-cell;     position:relative;     height:61px;     cursor:default}

nav.menu ul li .img{    float:left;     margin-right:10px;     position:relative}

nav.menu ul li .img:before{    position:absolute;     top:36px;     left:50%;     margin-left:-8px;     width:15px;     height:10px;     content:"";     display:block;     background:url(images/nav_arrow_down.png) no-repeat}

nav.menu ul li .text{    color:#fff;     display:inline-block;     position:relative;     font-size:18px;     line-height:1.05em;     font-family:'pt_sans_narrowregular';     height:61px}

nav.menu ul li .text:before{    position:absolute;     left:0;     top:23px;     width:100%;     height:1px;     background:#fff;     content:""}

nav.menu ul li .text span{    font-size:12px;     line-height:1.1em;     margin-top:11px;     display:inline-block}

nav.menu ul li:hover{    background:#2e93bf}

nav.menu ul li ul{    display:none;     position:absolute;     top:70px;     left:0;     width:auto;     background:#2e93bf;     min-width:100%}

nav.menu ul ul li:hover ul{    display:block}

nav.menu>.container>ul>li:last-child>ul{    left:auto;     right:0}

nav.menu ul li ul li{    font-family:"pt_sans_narrowregular";     font-size:18px;     float:none;     padding:0;     display:block;     height:auto}

nav.menu ul li ul li a{    color:#fff;     padding:10px 23px;     text-decoration:none;     display:block;     white-space:nowrap}

nav.menu ul li ul li a:hover{    background:#19A0D8}

nav.menu ul li ul li.menu-item-has-children:before{    content:url(images/nav_arrow_right.png);     position:absolute;     top:15px;     right:9px}

nav.menu ul li ul li.menu-item-has-children a{    padding-right:35px}

nav.menu ul li ul li ul{    left:100%;     top:0;     display:none !important;     min-width:auto}

nav.menu ul li ul li:hover ul{    display:block !important}

nav.menu ul li:last-child ul li ul{    left:auto;     top:0;     right:100%}

nav.menu.scroll_down{    background:rgba(25,160,216,0.92);     top:0;     position:fixed;     height:39px}

nav.menu.scroll_down ul li{    height:28px;     float:left}

nav.menu.scroll_down ul li .img, 
nav.menu.scroll_down ul li .text span, 
nav.menu.scroll_down ul li .text:before{    display:none}

nav.menu.scroll_down ul li .text{    padding-right:19px;     height:24px}

nav.menu.scroll_down ul li .text:after{    content:url(images/nav_arrow_down_small.png);     position:absolute;     top:-1px;     right:0}

nav.menu.scroll_down ul li ul{    top:38px;     width:auto}

nav.menu.scroll_down ul li ul li{    float:none;     height:auto}

nav.menu.scroll_down ul li ul li ul{    top:0}

nav.menu a.search{    display:none}

nav.menu .search_box{    display:none}

nav.menu.scroll_down a.search{    display:block;     position:absolute;     top:0;     right:10px;     width:48px;     height:39px;     background:url(images/icon_search.png) no-repeat center center}

nav.menu.scroll_down a.search.active{    background:url(images/icon_search.png) no-repeat center center #2d93c1}

nav.menu.scroll_down .search_box{    position:absolute;     top:39px;     right:10px;     width:267px;     height:45px;     background:#2d93c1}

nav.menu.scroll_down .search_box input[type="submit"]{    width:48px;     height:39px;     background:url(images/icon_search.png) no-repeat center center #2d93c1;  position:absolute;  top:-39px;  right:0;  display:none;  border:none;  border-radius:0}

nav.menu.scroll_down .search_box input[type="text"]{ -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.2);  -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.2);  background:#fff}

#wrapper{    width:100%;     float:left}

#content{    width:75%;     float:left}

#content .article_list{    width:100%;     float:left}

#content .article_list section{    padding:13px 1.7% 5px;     width:96.6%;     margin-bottom:14px;     float:left;    -webkit-box-shadow:0 0 1px 1px #e4e4e4;     -moz-box-shadow:0 0 1px 1px #e4e4e4;     box-shadow:0 0 1px 1px #e4e4e4;     background:#fff;     border-radius:3px;     -moz-border-radius:3px;     -webkit-border-radius:3px;     -khtml-border-radius:3px}

#content .article_list section a{    font-size:18px;     margin-bottom:14px;     line-height:1.2em;     font-weight:normal !important}

#content .article_list section h2 a{font-family:"Arial",sans-serif}

#content .article_list section p{    margin:13px 0;     line-height:1.2em}

#content .article_list section .img{    width:190px;     float:left;     margin-right:15px}

#content .article_list section .img img{    border-radius:2px;     width:190px;     height:auto;     -moz-border-radius:2px;     -webkit-border-radius:2px;     -khtml-border-radius:2px}

#content .article_list section .text{    margin-left:207px;     line-height:1.2em}

#content .article_list section .text a{    font-size:20px;     line-height:1.2em;     display:inline-block;     margin-bottom:14px}

#content .article_list section .info{    width:100%;     margin-top:3px;     float:left;     font-family:'pt_sans_narrowregular';     font-size:14px}

#content .article_list section .info .left{    width:190px;     float:left}

#content .article_list section .info .left div{    width:50%;     float:left}

#content .article_list section .info .left a{    font-family:'pt_sans_narrowregular';     font-size:14px;     color:#474747;     text-decoration:none}

#content .article_list section .info .left a:hover{    text-decoration:underline}

#content .article_list section .info .left div img{    display:inline-block;     position:relative;     top:1px;     margin-right:10px}


#content .article_list section .info .left_v{width:50%;  float:left;  }
#content .article_list section .info .left_v div{float:left; margin-right: 25px;}
#content .article_list section .info .left_v a{    font-family:'pt_sans_narrowregular';     font-size:14px;     color:#474747;     text-decoration:none}
#content .article_list section .info .left_v a:hover{    text-decoration:underline}
#content .article_list section .info .left_v div img{    display:inline-block;     position:relative;     top:1px;     margin-right:10px}
#content .article_list section .question_img { float:left; margin: 17px 10px 0 0;}

#content .article_list section .info .right{    margin-left:207px}

#content .article_list section .info .right .category{    float:left;     color:#474747;     background:url(images/icon_category.png) no-repeat 0 1px;     padding-left:24px;     font-size:14px}
#content .article_list section .info .right .views{    float:left;     color:#474747;     background:url(images/vie.png) no-repeat 0 1px;     padding-left:28px;     font-size:14px; margin-right:15px}

#content .article_list section .info .right .category a{    color:#474747;     font-size:14px}

#content .article_list section .info .right a.more{    background:#75c6e8;     color:#fff;     padding:3px 7px 2px;     border-radius:3px;     -moz-border-radius:3px;     -webkit-border-radius:3px;     -khtml-border-radius:3px;     text-decoration:none;     font-size:16px;     float:right;     margin-top:-4px}

#content .article_list section .info .right a.more:hover{    background:#178bbb}

.pagination{    width:100%;     float:left;     text-align:center;     margin-bottom:16px;     font-family:'pt_sansbold';     font-size:24px}

.pagination a{    color:#474747;     display:inline-block;     padding:3px 5px;     margin:0 4px}

.pagination a.prev{    margin-right:10px}

.pagination a.next{    margin-left:10px}

.pagination span{    display:inline-block;     padding:2px 5px;     border-radius:3px;     -moz-border-radius:3px;     -webkit-border-radius:3px;     -khtml-border-radius:3px;     color:#fff;     background:#19a0d8}

.pagination img{    position:relative; top:5px; border: none !important;}

#rightColomn{    width:23.12%;     float:right;     //margin-right:1.12%}

aside{    width:100%;     float:left;     margin-bottom:13px;     -webkit-box-shadow:0 0 1px 1px #EBEBEB;     -moz-box-shadow:0 0 1px 1px #EBEBEB;     box-shadow:0 0 1px 1px #EBEBEB;     background:#fff;     border-radius:3px;     -moz-border-radius:3px;     -webkit-border-radius:3px;     -khtml-border-radius:3px}

aside .title{    width:90%;     padding:4px 5% 3px; float:left;     text-transform:uppercase;     font-family:'pt_sansbold';     background:#19a0d8;     -webkit-box-shadow:0 0 1px 1px #e4e4e4;     -moz-box-shadow:0 0 1px 1px #e4e4e4;     box-shadow:0 0 1px 1px #e4e4e4;     color:#fff;     position:relative;     border-radius:3px 3px 0 0;     -moz-border-radius:3px 3px 0 0;     -webkit-border-radius:3px 3px 0 0;     -khtml-border-radius:3px 3px 0 0}

aside .article_list{    width:90%;     margin:0 5%;     float:left}

aside .article_list section{    width:100%;     float:left;     border-top:1px dashed #d1d1d1;     padding:12px 0 15px;     font-size:13px;     line-height:1.25em}

aside .article_list section:first-child{    border:none}

aside .article_list section a{    color:#474747}

aside .article_list section a:hover{color:#1A93C6}

aside .article_list section img{    float:left;     margin-right:12px;     padding-bottom:10px;     width:64px;     border-radius:3px;     -moz-border-radius:3px;     -webkit-border-radius:3px;     -khtml-border-radius:3px;     position:relative;     top:2px}

aside .comment_list{    width:90%;     margin:0 5%;     float:left}

aside .comment_list section{    width:100%;     float:left;     padding:10px 0 7px 0;     font-size:12px;     line-height:1.25em;     border-top:1px dashed #d1d1d1;     color:#19a0d8}

aside .comment_list section:first-child{    padding-top:14px;     border:medium none currentColor}

aside .comment_list section img{    float:left;     margin:0 8px 3px 0; border-radius:4px;}

aside .comment_list section a{    color:#474747;}

aside .comment_list section a:hover{color:#1A93C6}

aside .comment_list section .info{    width:100%;     float:left;     font-size:10px;     margin-top:5px;     color:#A1A1A1}

aside .textwidget{    width:100%;     float:left;}

.line_link{    width:100%;     float:left;     position:relative;     background:#19a0d8;     padding:33px 0 12px}

.line_link a {color: #FFFFFF;}
.line_link a:hover {color: #F1F1F1;}

.line_link:before{    position:absolute;     top:8px;     left:0;     width:100%;     height:4px;     background:#fff;     content:""}

.line_link section{    width:26%;     margin-left:10%;     float:left}

.line_link .container section:first-child{    margin-left:0}

.line_link .container section .title{    width:100%;     float:left;     color:#fff;     margin-bottom:19px;     font-family:'pt_sansbold';     font-size:20px;     text-transform:uppercase}

.line_link .container section ul{    margin:0;     padding:0;     list-style:none;     width:100%;     float:left}

.line_link .container section ul li{    padding:0 0 0 16px;     margin:0 0 15px;     font-size:14px;     line-height:1.25em;     background:url(images/link_line.png) no-repeat 0 2px; color:#fff}

.line_link .container section ul li a{    color:#fff}
.line_link .container section ul li a:hover {    color:#F1F1F1}

a.up{    width:53px;     height:45px;     position:fixed;     right:20px;     background:url(images/up.png) no-repeat;  bottom:95px;  opacity:0.6;  z-index:90;  display:none;  border-radius:4px}

a.up:hover{ opacity:1}

.hfooter{ width:100%;  float:left;  height:154px}

footer{ width:100%;  float:left;  height:185px;  margin-top:-154px;  position:relative;  z-index:5;  background:#2693c0;  color:#2693c0;  font-size:13px;  background:#2693c0}

footer .logotip{ position:absolute;  top:20px;  left:10px}

footer .copy{ position:absolute;  top:65px;  left:10px;  width:40%;  color:#fff;  line-height:1.2em}

footer .copy p{margin:3px 0 0 0; !important}

footer .counter{ position:absolute;  top:140px;  left:10px}

footer nav{ position:absolute;  top:25px;  width:60%;  right:10px;  text-align:right}

footer nav ul{ margin:0;  padding:0;  line-height:1.6em}

footer nav ul li{ margin:0;  font-size:14px;  padding:0 0 0 25px;  display:inline-block;  color:#fff}

footer nav ul li a{ color:#fff}

footer nav ul li a:hover{ color:#EAEAEA}

footer .soc{ position:absolute;  top:65px;  right:10px;  text-align:right}

footer .soc .title{ color:#fff;  font-size:16px;  text-transform:uppercase}

footer .soc img{ margin:6px 0 0 23px}

#content .box{    padding:13px 1.7% 5px;     width:96.6%;     margin-bottom:14px;   -webkit-box-shadow:0 0 1px 1px #EBEBEB;     -moz-box-shadow:0 0 1px 1px #EBEBEB;     box-shadow:0 0 1px 1px #EBEBEB;   float:left; background:#fff;     border-radius:5px;     -moz-border-radius:5px;     -webkit-border-radius:5px;     -khtml-border-radius:5px; word-wrap: break-word;}

#content .box-top-l {padding:17px 1.7% 17px;     width:96.6%; max-height: 110px;     margin-bottom:14px;   -webkit-box-shadow:0 0 1px 1px #EBEBEB;     -moz-box-shadow:0 0 1px 1px #EBEBEB;     box-shadow:0 0 1px 1px #EBEBEB;   float:left; background:#fff;     border-radius:5px;     -moz-border-radius:5px;     -webkit-border-radius:5px;     -khtml-border-radius:5px}


.breadcrumbs{    width:100%;     float:left;     font-size:13px;     padding-bottom:8px;     border-bottom:1px dashed #d3d3d3}

.breadcrumbs a:after{    content:url('images/arrow_bread.png');     margin-left:7px;     display:inline-block;     border-bottom:3px solid #fff;     color:#474747;     margin-bottom:-3px}

.breadcrumbs a{    margin-right:6px;     color:#19a0d8}

.breadcrumbs a:hover{color:#1D6482}

.alignright{    float:right;     margin:0 0 10px 17px}

.alignleft{    float:right;     margin:0 17px 10px 0}

.article_prev{    width:100%;     float:left;     height:auto;     margin-bottom:8px;     overflow:hidden;     text-align:justify;     padding-bottom:15px;     position:relative}

.article_prev a.open{    width:30px;     height:16px;     background:url(images/articl_prev_open.png) no-repeat;     display:block;     bottom:26px;     left:50%;     z-index:5;     position:absolute;     margin-left:-15px}

.article_prev a.close{    width:30px;     height:16px;     background:url(images/articl_prev_close.png) no-repeat;     display:block;     bottom:26px;     left:50%;     z-index:5;     position:absolute;     margin-left:-15px}

.article_prev h2{font-size:19px !important; border-bottom:1px solid #E3E3E3; color:#19A0D8; padding-bottom:5px}

.tohide{    position:relative;     overflow:hidden}

.tohide:before{    position:absolute;     bottom:0;     left:0;     z-index:2;     background:url(images/article_prev_bg.png) repeat-x;  width:100%;  height:138px;  content:""}
 
.tohide:after{ width:100%;  height:2px;  background:#75c6e8;  content:"";  position:absolute;  bottom:40px;  left:0;  z-index:3}

.article_prev p{ margin:10px 0 10px 0}

.article_prev img{border:none}

.tohide.active{ height:auto;  padding-bottom:60px}

.tohide.active:before{ display:none}

.article_prev.new:before, .article_prev.new:after, .article_prev.new .open{ display:none}

article{    width:100%;     float:left;     text-align:justify}

.center_img{    width:100%;     float:left;     margin-bottom:20px;     text-align:center}

.center_img img{    border:1px solid #d9d9d9;     background:#fff;     padding:10px}

article ul{    margin:0 0 15px;     padding:0;     list-style:none;     width:100%;     float:left}

article ul li{    margin:0 0 5px 20px;     padding:0 0 0 22px;     background:url(images/marker.png) no-repeat 3px 4px}

article .advice{    padding:10px 2.6%;     width:94.8%;     float:left;     background:#f1fbff;     -webkit-box-shadow:0 0 1px 1px #c5ecfb;     -moz-box-shadow:0 0 1px 1px #c5ecfb;     box-shadow:0 0 1px 1px #c5ecfb;     border-radius:3px;     -moz-border-radius:3px;     -webkit-border-radius:3px;     -khtml-border-radius:3px;     margin-bottom:18px}

article .warning{    padding:10px 2.6%;     width:94.8%;    background:#fdf3f3;     -webkit-box-shadow:0 0 1px 1px #fde9e9;     -moz-box-shadow:0 0 1px 1px #fde9e9;     box-shadow:0 0 1px 1px #fde9e9;     border-radius:3px;     -moz-border-radius:3px;     -webkit-border-radius:3px;     -khtml-border-radius:3px;     margin-bottom:18px}

article .warning:before{    content:url(images/icon_warning.png);     float:left;     margin:4px 13px 0 0}

article ol{    counter-reset:point;     list-style:none;     margin:0 0 15px;     padding:0;     width:100%;     float:left}

article ol li{    position:relative;     padding:0 0 5px 40px;     margin:0}

article ol li:before{    content:counter(point) ".";     counter-increment:point 1;     color:#19a0d8;     position:absolute;     left:20px;     top:0;     font-weight:bold}

blockquote{    width:91.76%;     margin:0 0 23px 2%;     padding:10px 1.74% 10px 4.5%;     float:left;     background:#f7f7f7;     -webkit-box-shadow:-5px 0 0 0 #19a0d8;     -moz-box-shadow:-5px 0 0 0 #19a0d8;     box-shadow:-5px 0 0 0 #19a0d8;     position:relative}

blockquote:before{    position:absolute;     top:10px;     left:15px;     content:url(images/quote.png)}

.remark{    padding:15px 2.6%;     width:94.8%;     float:left;     background:#FDFDF7; border: 1px solid #F5F5C7;  border-radius:5px;   margin-bottom:18px; margin-top:10px;}

.accordion{    padding:10px 2.6% 8px;     width:94.8%;     float:left;     background:#f8f5f2;     -webkit-box-shadow:0 0 1px 1px #f4f0eb;     -moz-box-shadow:0 0 1px 1px #f4f0eb;     box-shadow:0 0 1px 1px #f4f0eb;     border-radius:3px;     -moz-border-radius:3px;     -webkit-border-radius:3px;     -khtml-border-radius:3px;     margin-bottom:18px}

.accordion .visible{    display:none}

.accordion >a{    color:#454545;     text-decoration:none;     padding-left:25px;     background:url(images/arrow_accordion_open.png) no-repeat 0 5px}

.accordion.active >a{    background:url(images/arrow_accordion_close.png) no-repeat 0 5px}

.accordion.active .visible{    display:block}

article .info{    width:100%;     float:left;     margin-bottom:30px;     margin-top:10px}
article .info2{    width:100%;     float:left;     margin-bottom:0;     margin:15px 0 15px 0}

article .info.spec{    padding:17px 0;     border-top:1px solid #dbdbdb;     border-bottom:1px solid #dbdbdb}

article .info .soc{    float:left}
article .info2 .soc_vop{    float:right}

article .info .right{    float:right;     color:#474747;     font-family:'pt_sans_narrowregular';     position:relative;     top:6px}

article .info .right img{    display:inline-block;     margin:0 8px 0 30px}

article .info .right a{    color:#474747}

article .info .right a.add_response{    color:#fff;     font-size:20px;     text-decoration:none;     font-family:'pt_sansregular';     background:#2aaadf;     border-radius:5px;     -moz-border-radius:5px;     -webkit-border-radius:5px;     -khtml-border-radius:5px;     padding:6px 12px 4px}

article .info .left{    float:left;     color:#474747;     margin-bottom:15px;     width:100%;     font-family:'pt_sans_narrowregular'}

article .info .left img{    display:inline-block;     margin:0 8px 0 30px}

article .info .left a{    color:#474747}

.other_article{    width:100%;     float:left;}

.other_article .title{    color:#474747;     font-size:24px;     margin-bottom:20px;     font-family:'pt_sansbold'}

.other_article .title:before{    content:url(images/icon_other_article.png);     display:inline-block;     margin:0 11px 0 2px;     position:relative;     top:2px}

.other_article .parent{    width:104%;     float:left;     margin:0 -2% 25px}

.other_article .parent section{    width:21%;     float:left;     margin:0 2%;     line-height:0.9em}

.other_article .parent section img{    width:100%;     height:auto;     margin-bottom:6px; border:1px solid #F3F3F3}

.other_article .parent section a{    font-size:13px;     color:#474747}

.other_article .parent section a:hover{color:#1A93C6}


.other_article .parent_question{    width:100%;     float:left;     margin:0 -2% 10px;}
.other_article .parent_question section{    width:100%;     float:left;     margin:0 2% 10px 2%;     line-height:1.5em;}
.other_article .parent_question section a{    font-size:17px;     color:#1A93C6;}
.other_article .parent_question section a:hover{color:#474747} 

.comment_box{    width:100%;     float:left;     position:relative;     border-top:1px solid #d7d7d7;     padding:22px 0 0}

.comment_box.nocomments{    border-top:none}

.comment_box a.add_comment{    position:absolute;     top:18px;     right:0;     background:#2aaadf;     color:#fff;     font-size:16px;     border-radius:3px;     border-bottom:3px solid #2C98C5;     -moz-border-radius:5px;     -webkit-border-radius:5px;     -khtml-border-radius:5px;     padding:6px 12px 4px;     text-decoration:none}

.comment_box a.add_comment:hover{    background:#2693c0}

.comment_box .title{    color:#474747;     font-size:24px;     margin-bottom:21px;     font-family:'pt_sansbold'}

.comment_box .title:before{    content:url(images/icon_comment_box.png);     display:inline-block;     margin:0 11px 0 2px;     position:relative;     top:2px}
.comment_box .comment-reply-title .title:before{display:none}

.comment_box .pagination{    text-align:left;     font-size:18px}

.comment_box .pagination a{    text-decoration:none;     border-bottom:2px solid #b2b2b2}

.comment_box .pagination a{    padding:0;     margin:3px 10px 2px}

.comment_box .pagination a:hover, 
.comment_box .pagination a.prev, 
.comment_box .pagination a.next{    border:none}

.comment_box .comment .cont{    float:left;     padding:12px 1.6% 0;     width:96.8%;     -webkit-box-shadow:0 0 1px 1px #eaecec;     -moz-box-shadow:0 0 1px 1px #eaecec;     box-shadow:0 0 1px 1px #eaecec;     margin-bottom:15px;     position:relative}

.comment_box .comment .img{    width:60px;     float:left}

.comment_box .comment .img img{    border-radius:3px;     -moz-border-radius:3px;     -webkit-border-radius:3px;     -khtml-border-radius:3px;     border:1px solid #ccc;     float:left;     padding:3px}

.comment_box .comment .text{    margin-left:70px;     font-size:15px}

.comment_box .comment .text p{    margin:10px 0}

.comment_box .comment .name{    font-family:'pt_sansbold';     font-size:16px;     position:relative;     margin-top:-5px}

.comment_box .answer_line{    position:absolute;     right:13px;     top:7px}

.comment_box .comment .date{    font-size:12px;     margin:0 0 -2px;     white-space:nowrap}

.comment_box .comment a.comment-reply-link{    padding:0 11px;     line-height:1.6em;     text-decoration:none;     color:#fff;     font-size:12px;     background:#8ECAE3;     font-family:'pt_sansbold';     border-radius:3px;     -moz-border-radius:3px;     -webkit-border-radius:3px;     -khtml-border-radius:3px;     display:inline-block; position:absolute;     top:3px;  right:5px;}

.comment_box .comment>.cont:hover>.answer_line>a.comment-reply-link{    background:#2693c0; opacity:0.8}

.comment_box .comment a.like{    opacity:0.45;     width:19px;     height:17px;     position:relative;     top:4px;     background:url(images/like.png) no-repeat;     display:inline-block;     margin-right:6px}

.comment_box .comment a.like:hover{    opacity:0.8}

.comment_box .comment span{   position:relative;     top:2px;     font-size:14px}

.comment_box .comment .comment{    margin-left:70px}

.comment_box .comment .comment_img{    float:left;     width:100%;     margin-bottom:10px}

.comment_box .comment .comment_img a{    display:inline-block;     position:relative;     margin-right:10px;     float:left;     width:108px;     height:59px;     overflow:hidden; border:1px solid #ECEEEE}

.comment_box .comment .comment_img img{    border:3px solid #fff;     border-radius:5px;     -moz-border-radius:5px;     -webkit-border-radius:5px;     -khtml-border-radius:5px;     float:left;     position:relative;     z-index:1;     width:100%;     height:auto}

.comment_box .comment .comment_img a:before{    position:absolute;     top:50%;     left:50%;     width:35px;     height:35px;     margin:-17px 0 0 -17px;     z-index:2;     content:"";     display:block;     background:url(images/zoom.png)}

.comment_box .add_comment_box{    width:100%;     float:left;     border-top:1px solid #d7d7d7;     padding:5px 0 0;     margin-top:5px}

.comment_box .add_comment_box .title:before{    display:none}

.rule{    width:100%;     float:left;     margin-bottom:15px;     font-size:15px}

.rule img{margin:0 5px -3px 0; border: none !important;}

.rule a{    color:#2aaadf;     font-size:16px;     text-decoration:none}

#content .rule a span{    display:inline-block;     height:19px;     border-bottom:1px dashed #2aaadf;     color:#2aaadf;     font-size:16px}

#content .rule a:hover span{    border-color:#fff}

.rule .rule_box{    padding:10px 23px 0;     display:none}

.rule.active .rule_box{    display:block;     padding:10px 23px 0}

.comment_box form{    width:100%;     float:left;     margin-bottom:4px}

.comment_box form input[type="text"]{    width:214px;     float:left;     margin-right:10px}

.line_form{    width:100%;     float:left;     margin-bottom:12px}

.comment_box form textarea{    width:97%;     height:92px;     padding:6px 12px 33px;     position:relative;     z-index:1}

.comment_box form .add_img{    width:95%;     float:left;     padding-left:3.5%;     background:url(images/add_img.gif) no-repeat 0 6px;     position:relative;     z-index:2;     padding-top:6px;     padding-bottom:6px;     font-size:12px;}

.comment_box form .add_img a{ color:#8d8d8d;  text-decoration:none;  position:relative;  top:1px}

.comment_box form .add_img a span{ display:inline-block;  border-bottom:1px dashed #8d8d8d;  height:16px}
.comment_box form .add_img a:hover span{border-color:#fff}

.slider{ width:335px;  height:290px;  overflow:hidden;  margin-right:10px}

.slider .big_img{ float:left;  width:329px;   height:219px;  margin-bottom:0px}

.slider .big_img a{ display:table-cell;  width:329px;  vertical-align:middle;  text-align:center;  height:219px}

.slider .big_img a:hover{opacity:0.9}
.slider .big_img img{ max-width:329px;  max-height:219px}

.slider .small_img{ width:330px;  float:left;  height:70px}

.slider .small_img ul{ margin:10px 0 0 0;  padding:0;  width:1000px}

.slider .small_img ul li{ background:none;  padding:0;  margin:0 11px 0 0;  float:left}

.slider .small_img ul li img{ height:68px}

.slider .small_img ul li img:hover{opacity:0.9}

@media screen and (max-width:1230px){ .aligncenter{ max-width:90%;  height:auto}

.model{width:45% !important}

 nav.menu ul li .text{ font-size:16px;  letter-spacing:-0.017em}

 nav.menu ul li .text span{ font-size:11px}

 nav.menu ul li .img{ display:none}

 nav.menu ul li{ vertical-align:top;  padding:11px 0.5% 0}

 nav.menu.scroll_down ul li .text{ font-size:14px;  position:relative;  top:-2px;  padding-right:13px}

 .comment_box form textarea{ padding:6px 1.5% 33px;  width:97%}

 .comment_box form .add_img{ padding-left:5%;  width:93%}

 .center_img img{ max-width:90%}

 .other_article .parent section{ width:20.5%}

 .other_article .parent{ margin:0 -2.5% 25px}

 blockquote{ padding:10px 2% 10px 7%;  width:89%;  margin-left:2%}

footer .counter{ top:145px}

 footer{ height:190px}


}

@media screen and (max-width:830px){ .aligncenter{ max-width:90%;  height:auto}

.model{width:45% !important}

 nav.menu ul li .text{ font-size:14px}

 nav.menu ul li .text::before{ top:17px}

 nav.menu ul li .text span{ margin-top:6px}

 blockquote{ padding:10px 2% 10px 10%;  width:86%;  margin-left:2%}

}

@media screen and (max-width:800px){ .aligncenter{        max-width:90%;         height:auto}

.model{width:45% !important}

    #header{        height:200px}

    .container{        padding:0}

   
    #header .search_box{        display:none}

 #header nav{position:absolute;     max-width:100%;     top:105px;     right:15px}

#header nav ul li{padding-left:10px; !important}
	#header .logotip{        left:50%;         margin-left:-141px}

    nav.menu{        height:52px;         top:130px}
nav.menu ul li .text{height:auto}
    nav.menu .menu_link{        width:32px;         height:28px;         background:url(images/icon_menu.png) no-repeat;         position:absolute;         top:12px;         left:12px;         display:block}

    nav.menu ul{        display:none;         position:absolute;         top:50px;         background:rgba(25,160,216,0.9);         width:100%;         float:left}

    nav.menu .container>ul{        padding-top:8px}

    nav.menu ul li{        display:block;         padding:5px 0;         width:100%;         float:left;         height:auto}

    nav.menu ul li ul{        position:relative !important;         top:0;         left:0;         width:100%;         display:none}

    nav.menu ul li .text span{        display:none}

    nav.menu ul li .text:before, 
    nav.menu ul li:hover ul{        display:none}

    nav.menu ul li .text{        font-size:18px;         position:relative;         top:4px;         cursor:pointer}

    nav.menu ul li:hover, 
    nav.menu ul li ul li a:hover{        background:none}

    nav.menu ul li ul li{        font-family:'pt_sans_narrowregular';         font-size:18px;         padding:0;         margin:0;         float:left}

    nav.menu ul li.menu-item-has-children:hover ul{        display:none !important}

    nav.menu ul li.sub_active ul{        display:block;         background:none;         position:relative;         top:0;         left:0}

    nav.menu ul li.sub_sub_active ul, 
    nav.menu ul li.sub_sub_active:hover ul{        display:block !important}

    nav.menu ul li.sub_active{        background:#189ad0}

    nav.menu ul li ul li.sub_active ul{        display:block !important;         position:relative;         top:0;         left:0}

    nav.menu ul li ul li.menu-item-has-children.sub_active:hover, 
    nav.menu ul li ul li.menu-item-has-children.sub_active{        display:block !important}

    nav.menu ul li .img{        display:block;         padding-left:3%;         width:25px;         text-align:center}

    nav.menu ul li .img:before{        display:none}

    nav.menu ul li ul li.menu-item-has-children.sub_sub_active{        background:#16a7e2 !important}

    nav.menu ul li ul li.menu-item-has-children:before{        display:none}

    nav.menu ul li ul li.menu-item-has-children a:after{        content:url(images/nav_arrow_down_small.png);         margin-left:7px}

    nav.menu ul li ul li.menu-item-has-children.sub_sub_active a:after{        content:url(images/nav_arrow_up_small.png)}

    nav.menu ul li ul li.menu-item-has-children.sub_sub_active ul li a:after{        display:none}

    nav.menu ul li ul li a{        display:inline-block;         padding:3px 0 3px 9%}

    nav.menu ul li ul li ul li a{        padding-left:13%}

    nav.menu ul li ul li.menu-item-has-children.sub_sub_active ul{        background:#16a7e2}

    nav.menu ul li:last-child ul li ul{        left:0}

    #content{        width:100%}

    nav.menu .search_box{ width:217px;         position:absolute;         height:28px;         top:12px;         right:15px;         background:#fff;         -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.2);         -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.2);         box-shadow:1px 1px 3px rgba(0,0,0,0.2); padding: 5;}

nav.menu #ya-site-form0 .ya-site-form__submit[type="button"] {
        
        top: 0px;
        right: 0;
        width: 42px;
        border: none;
        border-left: 1px solid #e3e3e3;
        height: 23px;
        background: url(images/search_box.png) no-repeat center center;
        margin: 0;
        padding: 0;
        display: block;
        border-radius: 0;
    }
nav.menu #ya-site-form0 .ya-site-form__search-input {padding: 2px 5px 0px 5px !important;}
nav.menu form input[type="text"]{font-family: 'Arial';}
    #content .article_list section, 
    aside .title{        border-radius:0;         -moz-border-radius:0;         -webkit-border-radius:0;         -khtml-border-radius:0}

    a.up{        width:30px;         height:30px;         background:url(images/up_small.png);  bottom:60px;  margin-left:36%}

 #rightColomn{ width:100%;  margin:0}

 #rightColomn aside{ width:48%;  margin-left:3.3%;  margin-bottom:16px;  border-radius:0;  -moz-border-radius:0;  -webkit-border-radius:0;  -khtml-border-radius:0;  float:none;  display:inline-block;  vertical-align:top}

 #rightColomn aside:nth-child(2n+1){ margin-left:0}

 .line_link section{ margin-left:3%;  width:30%}

 .line_link .container section:first-child{ margin-left:1.5%}

 footer .copy{ width:50%}

 footer nav{ width:45%}

 footer nav ul li a{ display:inline-block;  margin-bottom:-2px }

footer .counter{ top:145px}

 footer{ height:190px}

}

@media screen and (max-width:720px){.model{width:45% !important}

 #content .article_list section .img{ width:30%}

 #content .article_list section .img img{ width:100%}

 .aligncenter{ max-width:90%;  height:auto}

}

@media screen and (max-width:650px){ .aligncenter{ max-width:90%;  height:auto}

.model{width:45% !important}

 #content .article_list section .info .right{ width:100%;  margin:-22px 0 15px 0;  float:left}

 #content .article_list section .info .left{ top:22px;  position:relative;  margin-left:-25px}

 #content .article_list section .info .right a.more{ margin-top:0}

 .pagination a{ margin:0}

 .line_link section, 
 .line_link section:first-child{ width:90%;  padding:0 5%;  margin:0 !important}

 .hfooter{ display:none}

 footer{ height:300px;  margin-top:0}

 footer nav{ width:100%;  float:left;  position:relative;  top:0;  right:auto;  text-align:center;  padding:15px 0 5px}

 footer nav ul li{ padding:0 12px}

 footer .soc{ width:100%;  float:left;  position:relative;  top:0;  right:auto;  text-align:center}

 footer .soc img{ padding:6px 12px 0;  margin:0}

 footer .logotip{ position:absolute;  top:129px;  left:0;  width:100%;  text-align:center}

 footer .copy{ padding:0 5%;  width:90%;  top:180px;  left:0}

 footer .counter{ top:255px;  left:5%}

 .comment_box div.comment div.comment{ margin-left:20px}

 .comment_box div.comment div.comment div.comment{ margin-left:0}

}

@media screen and (max-width:600px){ .aligncenter{ max-width:90%;  height:auto}

.model{width:45% !important}

 #rightColomn aside{ width:100%;  margin:0 0 16px}

 .other_article .parent section{ width:46%;  margin-bottom:20px}

 article .info .right{ float:left;  margin-left:-25px}

 .comment_box a.add_comment{ left:50%;  right:auto;  margin-left:-85px;  display:inline-block}

 .comment_box .title{ margin-top:60px }

 .comment_box .pagination a{ margin:3px 8px 2px}

 .comment_box div.comment .text p{ margin-left:-15%;  display:block;  width:115%}

 .comment_box div.comment .date{ margin-bottom:27px}

 .comment_box div.comment{ position:relative}

 .comment_box div.comment .name{ position:static}

 .comment_box div.comment .cont{ position:relative}

 .comment_box .comment .date{ margin:0 0 27px}

 .comment_box .answer_line{ position:absolute;  top:46px;  left:79px}

 .comment_box .comment a.comment-reply-link{ position:relative;  top:0;  right:0}

 .comment_box form .add_img{ padding-left:9%;  width:90%}

}

@media screen and (max-width:550px){ .comment_box div.comment .text p{ margin-left:-17%;  display:block;  width:117%}

 .comment_box form .line_form input[type="text"]:first-child{ margin-bottom:12px}

 .aligncenter{ max-width:90%;  height:auto}
	
 .soc {
  margin: 0 0 15px 0;
}
}

@media screen and (max-width:480px){.aligncenter{ max-width:90%;  height:auto}

.model{width:89% !important}

 blockquote{ padding:10px 2% 10px 12%;  width:84%;  margin-left:2%}

 .comment_box div.comment .text p{ margin-left:-20%;  display:block;  width:120%}

 .comment_box form .add_img{ padding-left:8%;  width:88%}

 .slider{ width:270px}

 .slider .big_img{ width:268px}

 .slider .big_img img{ max-width:268px}

 .slider .small_img ul li img{ height:54px}

 .aligncenter{ max-width:100%;  height:auto}

 footer{ height:345px}

 footer nav{ margin-bottom:10px}

 footer .counter{ top:290px}

 footer .copy{ top:195px}

 footer .logotip{ top:140px}
	
 .soc {
  margin: 0 0 15px 0;}
}

@media screen and (max-width:400px){.aligncenter{ max-width:90%;  height:auto}

 .comment_box form .add_img{ padding-left:9%;  width:84%}

 footer .counter{ top:300px}

 footer .copy{ top:195px}

 footer .logotip{ top:145px}
	
.soc {
  margin: 0 0 15px 0;}

}

#comment-image-wrapper{ position:relative;  z-index:50;  top:-110px;  cursor:pointer;  margin-bottom:-33px;  display:none}

#comment-image-wrapper input{ cursor:pointer}

.aligncenter{ position:relative;  margin:15px auto;  border:1px solid #d9d9d9;  background:#fff;  padding:5px;  display:block;  clear:both}

.alignleft{ position:relative;  float:left;  border:1px solid #d9d9d9;  background:#fff;  margin-right:20px;  margin-top:10px;  display:block}

.alignright{ position:relative;  float:right;  border:1px solid #d9d9d9;  background:#fff;  margin-left:20px;  margin-top:10px;  display:block}

#reply-title{margin-bottom:-5px}

.comment #reply-title small{ display:inline-block;  font-size:12px; margin-left:20px}
.comment #reply-title small a{display:inline-block; height:17px; border-bottom:1px dashed #178bbb; text-decoration:none}
.comment #reply-title small a:hover{border-color:#fff}

.nowrap{ white-space:nowrap;  display:inline-block}

.specialpage h2, .specialpage h3, .specialpage h4, .specialpage h5, .specialpage h6{ color:#19a0d8}
article h2, article h3, article h4, article h5, article h6{ color:#19a0d8; border-bottom:1px solid #e3e3e3; padding-bottom:5px}

.comment_box .title{display:inline-block}

#header nav a:hover{color:#19a0d8}

.sitemap h2{color:#2384AE}

.modkom{padding:10px 10px 10px 10px;  color:#5E5C5C; border:1px solid #c6f3c7; font-size:15px;  background:#f7fff9; margin-bottom:15px; border-radius:3px;}

.modkomp{line-height: 2; font-size: 15px;}

.model{border:1px solid #E8E8E8; width:45%; float:left; margin:15px 7px 10px 11px; padding:10px; height:auto}
.model img{margin:0 5px 0 0; vertical-align:middle !important}
.model p{padding:0; margin:0; vertical-align:middle !important; text-align:left}
.model a{vertical-align:middle !important; text-align:left}

#comment-image-wrapper #comment-image-error{height:auto}
#comment-image-wrapper label{}
.no_border{border:none; background: none;}
.no_border_ots{border:none; background: none; margin-top: 0;}

.vblok {font-size:13px; color:#817F7F !important; margin: 12px 15px 8px 15px;}
.vblok a {font-size:17px;}

nav.menu.scroll_down .search_box #ya-site-form0 .ya-site-form__submit[type="button"] {
        
        top: 0px;
        right: 0;
        width: 42px;
        border: none;
        height: 35px;
        background: url(images/search_box_f.png) no-repeat center center;
        margin: 0;
        padding: 0;
        display: block;
        border-radius: 0;}

nav.menu.scroll_down .search_box #ya-site-form0 .ya-site-form__form .ya-site-form__input-text { height: 30px;}
.ya-share2 li {list-style-type: none !important; padding: 0 !important;}
.video-responsive { 
  position: relative; 
  padding-bottom: 56.25%; 
  height: 0; 
  overflow:hidden; 
} 
.video-responsive iframe, 
.video-responsive object, 
.video-responsive embed {
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%;
  height: 100%; 
}

.clearfix {clear:both;}

#comment-image-reloaded-wrapper {
display: none;}
.comment_box img {border: 1px solid #EAEAEA;}
.prog_hr {border: 1px solid #EAEAEA; padding: 10px; border-radius:3px; margin-bottom: 10px;}
.parsley-errors-list {list-style-type: none !important;}
.form-ok {display: block; border-radius: 3px; border: 1px solid #16B844; background:#EBF7EF; padding: 15px; margin: 15px 0 15px 0; font-weight: normal !important;}

#header .links {
    position: absolute;
    right: 380px;
    top: 32px;
}

#header .links a {
    display: block;
    padding-left: 25px;
    line-height: 1.9;
}

#header .links a.ask {
	background: url(images/question_header.png) no-repeat left center;
	padding-right: 20px;
}

#header .links a.faq {
	background: url(images/answer.png) no-repeat left center;
	padding-right: 10px;
}

@media screen and (max-width:950px) {
	#header {
		height: 220px;
	}

	nav.menu {
		top: 130px;
	}

	#header .links {
		top: 95px;
		right: 0;
	}

	#header .links a {
		float: left;
	}
}

@media screen and (max-width:800px) {
	#header .links {
		position: relative;
		float: right;
		top: 127px;
		right: auto;
	}

	#header .links a {
		float: left;
	}

	#header {
		height: 220px;
	}

	nav.menu {
		top: 160px;
	}
}

@media screen and (max-width:410px) {
	#header {
		height: 240px;
	}

	nav.menu {
		top: 180px;
	}

	#header .links a {
		float: right;
		padding-right: 15px !important;
                margin-bottom: -7px;
	}
}

.comimg {width: 100%;}
.rsj_r {padding: 3%;}
.a_link {margin: 30px auto 30px auto; max-width: 300px; display: block;}
.vblok_don {font-size:13px; color:#ee8d2c !important; margin: 12px 15px 8px 0;}
.vblok_don a {color:#ee8d2c !important; text-decoration: underline;}
.nativ_r {margin: 30px auto 30px auto;}
.rja_h3 {margin: 30px auto 30px auto; display: block;}


.rbottom {
margin: 20px auto 20px auto;
text-align:center;
}

.r_h1 {margin: 30px auto 30px auto; max-width: 300px; display: block;}

.ads_said {margin: 10px 0 6px 0; }
.ads_box {background: #FFFFFF;
border-radius: 5px;
float: left;
margin-bottom: 14px;
padding: 10px 1.7% 10px;
box-shadow: 0px 0px 1px 1px #EBEBEB;
width: 96.6%;}

.r_h3 {margin-bottom: 30px; margin-top: 30px;}

.r1-adapt {margin: 30px auto 30px auto; width: 350px; max-width: 100%; height: 280px;}
.rli {margin: 25px auto 30px auto; display: inline-block; text-align:justify; max-height: 100%; width: 100%;}
.rbottom-ua {margin: 25px auto 15px auto;}
.r4-rj {margin: 20px auto 20px auto; text-align:center; display: inline-block;}
.r3-336 {margin: 30px auto 25px auto; text-align:center;}
.ads_r_blok {margin: 25px auto 25px auto;}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxContent{margin-top:32px; overflow:visible; background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(images/controls.png) no-repeat 0 0;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}

#header .search_box {
	box-sizing: border-box;
	height:  30px;
}

nav.menu .search_box {
	
}

.search_box form {
	display:  flex;
	align-items: stretch;
	justify-content: space-between;
}

.search_box input[type="search"], .search_box input[type="text"] {
	width:  175px;
	height:  28px;
	border:  none;
	background: #fff;
	padding:  0 3px;
	flex:  1 1 auto;
	font-size: 13px;
}

.search_box button[type="submit"] {
    width: 42px;
    border: none;
    height: 28px;
	background: url(images/search_box.png) no-repeat center center;
    margin: 0;
    padding: 0;
    display: block;
    border-radius: 0;
    cursor: pointer;
}

nav.menu.scroll_down .search_box {
	box-sizing: border-box;
	padding: 7px 6px 6px;
}

nav.menu.scroll_down .search_box button[type="submit"] {
    background: url(images/search_box_f.png) no-repeat center center;
    height:  30px;
}

nav.menu.scroll_down .search_box input[type="search"], nav.menu.scroll_down .search_box input[type="text"] {
	width: 213px;
	height:  30px;
}


#header .search_box {
	padding-right: 5px;
}

#header .search_box input[type="search"],#header .search_box input[type="text"]  {
	padding-left: 7px;
}

#header .search_box button[type="submit"] {
	width:  42px;
	height:  24px;
	margin-top: 2px;
	border-left: 1px solid #e3e3e3;
}


.ds-search {
	display: none;
}


@media (max-width: 800px) {
	#header {
		display: none;
	}

	nav.menu {
		position: relative;
		top: 0;
		left: 0;
		margin-bottom: 7px;
	}

	nav.menu .container {
		height: 100%;
		position: relative;
	}

	nav.menu .search_box {
		display: none;
	}
	.ds-search {
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: absolute;
		right: 13px;
		top: 50%;
		transform: translateY(-50%);
		width: calc(100% - 79px);
	}
	.ds-search a {
		display: flex;
	}

	.ds-search form {
		width: 0;
		overflow: hidden;
		transition: width .3s ease;
		border-radius: 8px;
	}
	.ds-search form.active {
		width: calc(100% - 35px);
	}	

	.ds-search form input[type="text"] {
		height: 35px;
		padding: 0 15px;
		width: 100%;
	}

	.ds-search form button {
		display: none;
	}
 
}



.mobile-menu-open {
	 width: 30px;
	 height: 22px;
	 border: 0;
	 left: 13px;
	 position: absolute;
	 top: 50%;
	 margin-top: -11px;
	 background: transparent;
	 display: block;
	 cursor: pointer;
}
 @media (max-width: 800px) {
	 .mobile-menu-open {
		 display: block;
	}
}
 .mobile-menu-open span, .mobile-menu-open:before, .mobile-menu-open:after {
	 content: '';
	 position: absolute;
	 left: 0;
	 height: 4px;
	 background: #fff;
	 width: 100%;
	 top: 50%;
	 margin-top: -2px;
	 transition: all 0.5s ease;
	 border-radius: 8px;
}
 .mobile-menu-open:before {
	 top: 0;
	 margin: 0;
}
 .mobile-menu-open:after {
	 top: auto;
	 margin: 0;
	 bottom: 0;
}
 .mobile-menu-open.active {
 	margin-top: -12px;
 }
 .mobile-menu-open.active span {
	 opacity: 0;
}
 .mobile-menu-open.active:before {
	 transform: rotate(45deg);
	 top: 50%;
}
 .mobile-menu-open.active:after {
	 transform: rotate(-45deg);
	 top: 50%;
}


.ds-menu__bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(217, 217, 217, 0.42);
	z-index: 10;
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s ease;
}

.ds-menu__bg.active {
	visibility: visible;
	opacity: 1;
}


.ds-menu {
	width: 100%;
	max-width: 295px;
	height: 100%;
	overflow: auto;
	background: #1790C1;
	padding: 62px 15px 20px 19px;
	position: relative;
	transform: translateX(-100%);
	transition: transform .5s ease;
	z-index: 2;
	box-sizing: border-box;
}

.ds-menu.active {
	transform: translateY(0);
}

.ds-menu__close {
	display: flex;
	position: absolute;
	top: 5px;
	left: 10px;
}



.ds-menu ul {
	list-style: none;
	margin: 0 0 35px;
	padding: 0;
}

.ds-menu > ul > li > .text {
	color: #fff;
	display: flex;
	align-items: center;
	font-size: 20px;
	cursor: pointer;
}

.ds-menu > ul > li > .text.active img {
	transform: rotate(180deg);
}

.ds-menu > ul > li:not(:last-child) {
	margin-bottom: 25px;
}

.ds-menu > ul > li > .text img {
	margin-left: 7px;
	display: flex;
	position: relative;
	top: -2px;
	transition: transform .3s ease;
}

.ds-menu > ul > li ul {
	margin-top: 15px;
}

.ds-menu > ul > li ul li:not(:last-child) {
	margin-bottom: 10px;
}

.ds-menu > ul > li ul {
	display: none;
}

.ds-menu > ul > li ul li a {
	color: #fff;
	text-decoration: none;
	font-size: 17px;
	padding-left: 15px;
	display: block;
	padding-top: 5px;
}


.ds-menu-2 {
	display: flex;
	flex-direction: column;
	margin-bottom: 50px;
}

.ds-menu-2 a {
	font-size: 18px;
	color: #fff;
}

.ds-menu-2 a:not(:last-child) {
	margin-bottom: 12px;
}

.ds-menu-2 a:hover {
	text-decoration: none;
}

.ds-menu-3 {
	display: flex;
	flex-direction: column;
}

.ds-menu-3 {
	list-style: none;
	margin: 0;
	padding: 0;
}


.ds-menu-3 a {
	font-size: 16px;
	color: #fff;
}

.ds-menu-3 span {
	font-size: 16px;
	color: #fff;
}

.ds-menu-3 li:not(:last-child) {
	margin-bottom: 10px;
}

.ds-menu-3 a:hover {
	text-decoration: none;
}

body.b-hidden {
	overflow: hidden;
}

.ds-logo,
.mobile-menu-open {
	display: none;
}

@media (max-width: 800px) {
	.mobile-menu-open {
		display: block;
	}
	.ds-logo {
		display: flex;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
		z-index: 2;
	}
}

.ds-menu-close {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

@media (max-width: 800px) {
	body.mobile-menu-fixed {
		padding-top: 62px;
	}
	.mobile-menu-fixed nav.menu {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
	}

	.ds-menu-mob .img,
	.ds-menu-mob .text br {
		display: none;
	}

	.ds-menu-mob .text span {
		display: none;
	}

	.ds-menu-mob .text:after {
		content: '';
		position: relative;
		width: 17px;
		height: 10px;
		background: url('./images/arrow_back_ios_new.svg') center center / cover;
		margin-left: 10px;
	}

	.ds-menu-mob .text.active:after {
		transform: rotate(180deg);
	}

}