/*  
Theme Name: masstter 2.0
Theme URI: http://masster.com
Description: This theme for masster.com
*/

/************************* MAIN *************************/
body{
    font-family: Verdana,Tahoma,Arial,sans-serif!important;
    font-size: 16px!important;
    line-height: 1.7!important;
    color: #333;
    overflow-x: hidden;
}
.clear{
    clear: both;
}
a, 
#page a,
#primary a {
    color: #596e9a;
    text-decoration: underline;
}
a:hover, 
#page a:hover,
#primary a:hover{
    text-decoration: none;
}
a img:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    box-shadow: #000 0 0 0;
}
.alignleft {
    display: inline;
    float: left;
    margin-right: 30px;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 30px;
}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignleft, 
img.alignright, 
img.aligncenter {
    margin-bottom: 15px;
}
.wp-caption {
    border:0;
    margin-bottom: 15px;
    max-width: 100%;
    background: #f5f7fa;
}
.wp-caption img{
    padding: 0;
    width: 100%;
}
.wp-caption-text {
    text-align: center;
    margin:0;
    padding:20px;
    font-size: 16px;
    line-height: 18px;
}
.bold{
    font-weight: bold;
}
.step {
    font-style: italic;
    font-weight: bold;
}
a, a:hover, a:active, a:focus, input, input:hover, input:focus, input:active, textarea, textarea:hover, textarea:active, textarea:focus, button, button:hover, button:focus, button:active {
    outline: none;
}
p {
    margin: 0 0 20px;
    word-wrap: break-word;
}
.disnone .postbl,
.disnone .prombl,
.disnone .prrtopwid{
    display: none;
}






/************************* HEADER *************************/
header{
    height: 160px;
    z-index: 9999;
    clear: both;
    margin: 0 0 10px 0;
    position: relative;
}
.log-m_h{
    overflow: hidden;
    clear: both;
    padding: 0 0 0 90px;
    background: url(img/logo_ico.png) no-repeat 0 0;
    height:79px;
}
.logover{
    width:300px;
    overflow: hidden;
    margin:10px 0 0 0;
}
.logo img{
    width:280px;
    margin: 10px;
}
.gohom{
    text-decoration: none;
}
.gohom:hover{
    opacity: 0.6;
}
.toplogo{
    font-size: 30px;
    line-height: 30px;
    font-weight: bold;
    color:#005f7d;
}
.coltwo{
    color: #0488b9;
}
.descrlogo{
    font-size: 13px;
    color:#222222;
    margin: 4px 0 0 0;
    text-align: right;
}
.foolog{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: url(grayscale.svg#greyscale); /* Firefox 4+ */
    filter: gray; /* IE 6-9 */
    padding: 0 0 0 55px;
    background: url(img/logo_ico_min.png) no-repeat 0 0;
    height: 50px;
}
.foolog .toplogo{
    font-size: 16px;
    line-height: 16px;
}
.foolog .logover{
    width:193px;
}
.foolog .descrlogo{
    margin:0px;
    font-size: 11px;
}
.main-head{
    overflow: hidden;
    clear: both;
    background: url(img/headerbg_n.jpg);
    background-size: cover;
    background-position: center center;
    height: 110px;
}
.top-search{
    overflow: hidden;
    text-align: right;
    padding-right: 0px;
    padding: 15px 15px;
}
.main-nav-t{
    clear: both;
    padding: 0px;
    position: relative;
}
#menu-mainnav .menu-item-152 a,
#menu-mainnav .menu-item-152 span{
    border-radius: 8px 0 0 0;
}
#menu-mainnav{
    display: block;
    margin: 4px 0 0 0;
}
#menu-mainnav li a:hover,
#menu-mainnav li a:focus,
#menu-mainnav li span,
#footer_mainnav li a:hover,
#footer_mainnav li a:focus,
#footer_mainnav li span{
    background: #D7E4A3;
    border-radius: 8px 8px 0 0;
}
#menu-mainnav .menu-item-has-children a,
#footer_mainnav .menu-item-has-children a{

}

.buth{
    overflow: hidden;
    clear: both;
    float: right;
    background: #fbca2e url(img/butt_orang.png) repeat-x;
    padding: 11px 15px;
    box-shadow: 0 2px 0 #e5ae07;
    border-radius: 6px;
}
.buth:hover,
.buth:focus{
    background: #fbca2e url(img/butt_orang_hover.png) repeat-x;
}
.buttorang{
    display: block;
    font-size: 16px;
    text-shadow: 0 1px 0 rgba(0,0,0,.16);
    color: #fff;
    text-decoration: none;
    background: url(img/but_orange_ico.png) no-repeat 0 50%;
    padding-left:30px;
    line-height: 23px;
    text-transform: uppercase;
}
.buth:hover a{
    color: #fff;
}

.va,
.go{
    color: #005f7d;
    font-weight: bold;
}
.go{
    color: #0488b9;
}


.contbg {
    clear: both;
    background: url(img/mainnav_n.jpg);
    background-size: cover;
    background-position: center center;
    height: 50px;
}
.main-nav-t ul li {
    list-style: none;
    padding: 15px;
    margin: 0;
}
.main-nav-t ul li {
    background: #c1e4a3;
    border-radius: 8px 8px 0 0;
    margin: 0 5px 0 0;
}
.main-nav-t ul li:hover,
.main-nav-t ul li.current-post-ancestor{
    background: #D7E4A3;
}
.main-nav-t ul li a, .main-nav-t ul li span {
    color: #000000;
    font-size: 16px;
    line-height: 16px;
    display: block;
    padding: 0px;
    text-decoration: none;
}
.topsoc .top-social{
    display: none;
}
.topsoc, .topq {
    margin-top: 15px;
    text-align: center;
}
.top-social {
    overflow: hidden;
    padding: 5px 0px 5px 5px;
    width: 150px;
    background: url(img/bg_social.png) repeat-x 0 0;
    border-radius: 8px;
    margin: 0 auto;
}
.top-social ul {
    margin: 0px 0 0 17px;
    padding: 0px;
    overflow: hidden;
}
.top-social ul li, .bottom-social ul li {
    list-style: none;
    float: left;
    padding: 0 7px 0 0;
    margin: 0px;
}
.top-social ul li a.vk, .bottom-social ul li a.vk {
    background: url(img/vk.png) no-repeat 0 0;
}
.top-social ul li a.tw, .bottom-social ul li a.tw {
    background: url(img/tw.png) no-repeat 0 0;
}
.top-social ul li a.ok, .bottom-social ul li a.ok {
    background: url(img/od.png) no-repeat 0 0;
}
.soc-text {
    margin: 5px 0 0 0;
    line-height: 15px;
    font-size: 11px;
    color: #424242;
    text-align: center;
}
.top-social ul li a, .bottom-social ul li a {
    display: block;
    background: url(img/vk.png) no-repeat 0 0;
    width: 32px;
    height: 32px;
}
.topq img {
    width: 385px;
}

.main-nav-t ul li:hover ul {
    display: block;
}
.main-nav-t ul li ul {
    display: none;
    position: absolute;
    top: 33px;
    left: 0px;
    color: #ffffff;
    padding: 20px 10px;
    width: 100%;
    min-width: 220px;
}
.main-nav-t ul li ul,
.main-nav-t ul li ul li{
    background: #D7E4A3;
}
.main-nav-t ul li ul li {
    clear: both;
    overflow: hidden;
    border-top: 1px solid #d4e4c7;
    padding: 0;
    display: block;
    margin: 0px;
    z-index: 100;
    border-radius: 0px;
}
#menu-mainnav li ul li a:hover{
    background: #c1e4a3;
}
.main-nav-t ul li ul li a, .main-nav-t ul li ul li span {
    display: block;
    clear: both;
    overflow: hidden;
    padding: 15px 5px;
    line-height: 24px;
}
.tophea{
    margin-top:0;
}

/************************* BODY *************************/
#mcontent{
    overflow: hidden;
    clear: both;
    background: #fff;
    color: #373737;
}
#mcontent.faqpostin{
    background-image: none;
}
.main-content{
    margin-bottom:30px;
}

.fx{
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfcfd+0,eff1f5+100 */
    background: #fcfcfd; /* Old browsers */
    background: -moz-linear-gradient(top,  #fcfcfd 0%, #eff1f5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #fcfcfd 0%,#eff1f5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #fcfcfd 0%,#eff1f5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfd', endColorstr='#eff1f5',GradientType=0 ); /* IE6-9 */
    padding: 15px 20px;
    margin: 0 -20px 20px -20px;
}
h1{
    margin: 0 0 5px 0;
    font-size: 38px;
    line-height: 42px;
    color:#4B7341;
}
#posthe h1{
    color: #373737;
    font-size: 38px;
    line-height: 42px;
    padding: 5px 0;
    border-top:1px solid #e2e3e7;
    margin:15px 0 0 0;
}
h2, h3, .hh, .hhh, .title-bo{
    font-size: 28px;
    line-height: 34px;
    margin: 30px 0 20px 0;
    display: block;
    color:#4B7341;
}
h3, hhh, .title-bo{
    font-size: 24px;
    line-height: 30px;
}

blockquote {
    padding: 40px 120px 40px 20px;
    margin: 0 0 20px;
    font-size: 17px;
    border: 0;
    background: #f5f7fa url(img/bg_blockquote.png) right center no-repeat;
    min-height: 120px;
}


#breadcrumbs_y{
    overflow: hidden;
    clear: both;
    margin: 0;
    background: url(img/bradcr_hom.png) no-repeat 0 67%;
    padding-left: 18px;
    line-height: 12px;
}
#breadcrumbs_y a,
#breadcrumbs_y span{
    font-size: 12px;
    color: #596e9a;
    line-height: 13px;
}
#breadcrumbs_y a{
    background: url(img/bradcr_next.png) no-repeat 100% 67%;
    padding: 0 20px 0 5px;
}
span.breadcrumb_last{
    display: none;
}

#toc_container{
    padding: 20px;
    background: #f5f7fa;
    position: relative;
    margin: 25px 0 25px 0;
    width: 70%;
}
.toc_title{
    position: absolute;
    top:0px;
    left:20px;
    background: #4B7341;
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    padding:5px;
}
.main-content .toc_list_pr{
    overflow: hidden;
    clear: both;
    margin: 20px 0 5px 0;
    padding:0px;
}
.main-content .toc_list_pr li{
    color: #787878;
    padding: 0;
    list-style: disc;
    background: none;
}
.main-content .toc_list_pr li:before{
    background: none;
}
.main-content .toc_list_pr a{
    color: #02a0b8;
    display: block;
    text-decoration: underline;
}
.main-content .toc_list_pr a:hover{
    text-decoration: none;
}
.kc_gotop{
    display: block;
    clear: both;
    text-align: right;
    overflow: hidden;
    font-size: 16px;
    font-weight: 100;
}

.main-content ul{
    margin: 0 0 20px;
    padding: 0;
}
.main-content ul li{
    display: list-item;
    padding: 0 0 0 25px;
    margin: 0 0 10px;
    list-style: none;
    background: url(img/bg_li.png) no-repeat 0 8px;
}
.main-content ol{
    margin: 0 0 20px;
    padding: 0;
    counter-reset: li;
}
.main-content ol li{
    display: list-item;
    padding: 0 0 0 35px;
    margin: 0 0 10px;
    list-style: none;
    position: relative;
}
.main-content ol li:before{
    content: counter(li) " ";
    counter-increment: li;
    position: absolute;
    top: 5px;
    left: 0;
    font-size: 14px;
    background: #4B7341;
    border-radius: 50%;
    border:1px solid #4B7341;
    color: #fff;
    text-align: center;
    padding: 5px;
    line-height: 13px;
    width:25px;
    height:25px;
    
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    color: #333;
    line-height: 24px;
    margin: 15px 0 25px 0;
    border-bottom: 1px solid #02a0b8;
    border-left: 1px solid #02a0b8;
    width: 100%;
}
#content table iframe,
#content table .bb-a,
#content table .rcblo{
    display: none;
} 
table td, 
table th {
    border-top: 1px solid #02a0b8;
    border-right: 1px solid #02a0b8;
    padding: 15px;
    font-weight: normal;
    text-align: left;
    vertical-align: top;
}
table th {
    background: #f5f7fa;
    text-align: center;
}


.vido-box-a{
    background-color: #f5f7fa;
    padding: 25px 20px 30px;
    margin: 30px 0 15px;
    text-align: left;
}
.vido-box-a p{
    padding:0px;
    margin:25px 0 0 0;
}
#rs-s .vido-box-a p iframe{
    width:798px;
    height:420px;
    margin:0px;
    padding:0px;
}
.video > a, 
.video img.video_lightbox_auto_anchor_image {
    width: 259px;
    height: 259px;
}
.video .wpvl_auto_thumb_play {
    left: 33%;
    top: 48%;
}
.wpvl_auto_thumb_play:before{
    background: url(img/play.png) no-repeat 0 0;
    z-index: 102;
    content: "";
    width: 74px;
    height: 48px;
    overflow: hidden;
    display: block;
}
.wpvl_auto_thumb_play img{
    display: none;
}
.wpvl_auto_thumb_box {
    position: relative;
    width: 259px;
    height: 259px;
}
.video img.video_lightbox_auto_anchor_image, 
.video .wpvl_playbutton {
    padding: 0px;
    border: 0px;
    margin: 0px;
    overflow: hidden;
    clear: both;
    background: transparent;
}
.video > a {
    display: inline-block;
    margin: 0 10px 0 0;
}
#rs-s iframe{
    width:100%;
    height:420px;
    background-color: #f5f7fa;
    padding: 20px 20px;
    margin: 0;
}
.img-inline{
    overflow: hidden;
    clear: both;
    margin: 0 0 20px 0;
    padding:0px;
    background-color: #f5f7fa;
    padding: 25px 20px 20px;
}
.img-inline a{
    float: left;
    overflow: hidden;
    display: block;
    margin: 0 10px 0 0;
    padding: 0;
}
.img-inline a img{
    width: 193px;
    height: 193px;
    clear: both;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #D4D4D4;
    margin: 0 0 10px 0;
    padding: 0px;
}
#primary .yarpp-related-none,
#primary .yarpp-related{
    margin:0px;
    padding:0px;
    display: none;
}

.auor-post-rate{
    overflow: hidden;
    clear: both;
    margin: 30px 0 40px 0;
    padding:0 0 30px 0;
    background: #fff url(img/bg_line_post.png) repeat-x left bottom;
}
.img-autor{
    overflow: hidden;
    float:left;
    margin: 0 20px 0 0;
}
.img-autor img{
    width:120px;
    height:120px;
    overflow: hidden;
    border-radius: 50%;
}
.autor-info{
    float: left;
    overflow: hidden;
    width: 195px;
}
.auor-post-rate .autor-info{
    width: 250px;
}
.ai-name{
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 10px;
}
.ai-rol{
    color: #888;
    width:150px;
    margin-bottom: 0;
    line-height: 20px;
}
.ai-descr{
    overflow: hidden;
    clear: both;
    margin-bottom: 20px;
}
.rp-txt{
    text-align: center;
    font-size: 22px;
    overflow: hidden;
    clear: both;
    line-height: 22px;
    margin:0 0 10px 0;
}
.rp-txt_a{
    text-align: center;
    color: #888;
    margin: 0 0 25px 0;
    line-height: 20px;
}
.rp-star{
    text-align: center;
}
#mmcontent{
    overflow: hidden;
    clear: both;
}
#content{
    float: right;
    overflow: hidden;
    width: 80%;
    padding: 0 0 0 5px;

}
.homtxt{
    overflow: hidden;
    clear: both;
}
.homtxt .maintxt{
    margin-bottom: 15px;
}
.hom-tabs,
.hom-tabs blockquote{
    font-size: 16px;
    line-height: 18px;
}

#text-14{
    text-align: center;
}

.listing-post{
    width:100%;
    float: left;
    clear: both;
}
.listtiel{
    clear: both;
    margin: 0;
    padding: 0px;
    background: url(img/dotted2.png) repeat-x;
}
.ppm-t{
    position: relative;
    top: -21px;
    font-size: 21px;
    background: #fff;
    padding: 0;
    margin: 0 auto;
    text-align: center;
    display: block;
    width: 300px;
    color: #1e95bb;
}
.read-analog:before{
    content:"Почитать еще:";
    display: block;
    font-size: 20px;
    line-height: 20px;
    margin: 0 0 30px 0;
    color: #5c5c5c;
    text-align: center;
}
.main-content .read-analog{
    overflow: hidden;
    clear: both;
    margin: 0 0 20px 0;
}
.main-content .read-analog li{
    list-style: none;
    margin:0px;
    padding:0 15px 0 15px;
    background: none;
}
.rite-side li blockquote{
    margin-top:20px;
}


.catdescr,
.catdescr blockquote{
    font-size: 16px;
    line-height: 20px;
}
.qotziv,
.q{
    background: #f5f7fa;
    padding: 25px;
    margin: 0 0 20px 0;
}
.q:before,
.kardiolog:before{
    display: block;
    content:"Клинический пример:";
    overflow: hidden;
    clear: both;
    font-size: 24px;
    margin: 0 0 15px 0;
    text-transform: uppercase;
}
.kardiolog:before{
    content:"Мнение врача:";
}
.page-nav-c{
    margin: 0 0 60px 0;
    overflow: hidden;
}
.navi{
    margin:4px 0 0 0;
}
.navigation{
    overflow: hidden;
    clear: both;
}
.navigation a,
.navigation span{
    background: #F5F7FA;
    padding:9px;
    overflow: hidden;
    display: block;
    float: left;
    color: #215061;
    font-size: 18px;
    text-align: center;
    border-radius: 4px;
    margin: 0 8px 0 0;
    text-decoration: none;
    line-height: 18px;
}
#mcontent .navigation span,
#mcontent .navigation a:hover,
#mcontent .navigation a:focus{
    background: #738197;
    color: #fff;
}

.avtora{
overflow: hidden;
    clear: both;
    margin: 25px 0;
    padding: 20px;
    background: rgba(240, 255, 254, 0.38);
}
.avtora img{
    width: 160px;
    height: 160px;
    overflow: hidden;
    border-radius: 50%;
    padding: 0px;
    background: transparent;
}
.mapon{
    overflow: hidden;
    clear: both;
    margin: 25px 0;
}

#doclistp .dd-widget-list-container{
    width:100%;
}
#doclistp .dd-widget-list-container .dd-list-top-container{
    margin: auto 0;
}

.rada_all img{
    border-radius: 50%;
}

/***home page*/
#redaks_main{
    margin: 10px 0 0 0;
    padding: 0;
    float:left;
    width:100%;
}
.twoautor{
    overflow: hidden;
    clear: both;
    background: url(img/dotted2.png) repeat-x left bottom;
    padding: 0 0 30px 0;
}
.re-title{
    clear: both;
    margin: 0;
    padding:0px;
    background: url(img/dotted2.png) repeat-x;
}
.re-title span{
    background: #fff;
    position: relative;
    top: -15px;
    color: #1c1c1c;
    font-size: 21px;
}
#redaks_main .autor-info{
    width:195px;
}
.maintxt{
    float:left;
    width: 100%;
    clear: both;
    margin: 0 0 25px 0;
}
.lost-post.maintxt{
    margin-bottom: 10px;
}
.allcon #primary{
    padding-top:0;
}
.allcon h1{
    margin:0 0 30px 0;
}
.ds_docpost{
    margin: 0 0 20px 0;
}




/***tabs hom*/
ul#Tabs {
    clear: both;
    overflow: hidden;
    margin: 0px 0 20px 0;
    padding: 0px;
    border-bottom: 3px solid #f2f2f2;
}
#content #Tabs li {
    list-style: none;
    padding: 15px;
    margin:0px;
    width: 152px;
    text-align: center;
    line-height: 18px;
    font-size: 16px;
    background: #f8f8f8; /* Old browsers */
    background: -moz-linear-gradient(top,  #f8f8f8 0%, #f2f2f2 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f8f8f8 0%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f8f8f8 0%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}
#content #Tabs li:hover,
#content #Tabs li.SelectedTab{
    background: #f2f2f2; /* Old browsers */
    background: -moz-linear-gradient(top,  #f2f2f2 0%, #f8f8f8 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f2f2f2 0%,#f8f8f8 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f2f2f2 0%,#f8f8f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */
}
#content #Tabs li.Tab,
#content #Tabs li.SelectedTab {
    margin: 0 4px 0 0;
    border: 0;
    float: left;
}
#content #Tabs li.SelectedTab A,
#content #Tabs li.Tab a {
    color: #515e6d;
    text-decoration: none;
}
#content #Tabs li.SelectedTab A{
    font-weight: bold;
}
#tab_content,
#tab_content blockquote,
.fstandsize{
    font-size: 16px;
}
#tab_content iframe{
    width:100%;
    height:450px;
    padding: 25px;
    background: #f0fbff;
}



/***listing post*/
.box-post{
    padding: 0;
    overflow: hidden;
}
.box-post:hover {
    background: rgb(245, 247, 250);
}
#rs-s img{
    max-width: 100%;
}
.raz-img img,
.blperel img{
    height: 245px;
    overflow: hidden;
    padding: 0px;
    width: 245px;
}
.raz-info,
.blperel a{
    height: 130px;
    display: block;
    padding: 10px 10px 30px 10px;
    overflow: hidden;
}
.raz-info a,
.blperel a {
    color: #02749b;
    line-height: 28px;
    display: block;
    font-size: 16px;
}
.raz-info a:hover,
.blperel a:hover{
    border:0px;
    text-decoration: none;
}
.on-post {
    overflow: hidden;
    margin-bottom: 35px;
}
.listing-post-cat{
    overflow: hidden;
    clear: both;
    margin: 0;
}
.hom_bl1-cl,
.siavtors{
    width:100%;
    float: left;
    clear: both;
}
.siavtors{
    margin: 30px 0;
}


.faqblo{
    background: #f5f7fa;
    padding: 20px 0;
    border-radius: 10px;
    overflow: hidden;
    clear: both;
    font-size: 16px;
}
.blfqm-o{
    overflow: hidden;
    float: left;
    width:40%;
    max-width: 240px;
}
.blfqm-t{
    overflow: hidden;
    float: left;
    width:60%;
    max-width: 570px;
}
.gaqb-one,
.gaqb-two{
    padding: 20px 25px;
}
.gati{
    overflow: hidden;
    color: #535353;
    font-size: 18px;
    margin:0 0 20px;
    line-height: 18px;
}
.gablo ul{
    overflow: hidden;
    margin:0px;
    padding: 0px;
    list-style: none;
}
.gablo ul li{
    list-style: none;
    margin:0px;
    padding: 0 0 10px 25px;
    line-height: 18px;
    background: url(img/bg_li_faq.png) no-repeat 0 20%;
}
.gablo ul li a{
    font-size: 16px;
    color: #02a0b8;
    display: block;
    text-decoration: none;
}
.gablo ul li a:hover{
    text-decoration: underline;
}
.fti{
    text-align: center;
    font-size: 18px;
    margin:0 0 15px 0;
    line-height: 18px;
}
.fte{
    text-align: center;
    font-size: 12px;
    color: #535353;
    margin:0 0 15px 0;
    line-height: 20px;
}
#mcontent .fbut a{
    display: block;
    line-height: 24px;
    background: #738197;
    color: #fff;
    border: 1px solid #2A4877;
    padding: 12px 20px;
    text-align: center;
    text-decoration: none;
}
#mcontent .fbut a:hover{
    background: #7185A5;
}



/***contact form 7*/
.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar {
    background-color: #eee !important;
    border: none !important;
    width: 100% !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    font-size: 16px;
    color: #000 !important;
    padding: 16px !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.wpcf7-submit {
    color: #2EA3F2 !important;
    margin: 8px auto 0;
    cursor: pointer;
    font-size: 20px;
    font-weight: 500;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 6px 20px;
    line-height: 1.7em;
    background: transparent;
    border: 2px solid;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.wpcf7-submit:hover {
    background-color: #eee;
    border-color:#eee;
    padding: 6px 20px !important;
}
 
/* CF7 Messages - Стиль сообщений об успешной отправке, ошибках и т.д. */
    .wpcf7 .wpcf7-validation-errors{ /* Стиль сообщений при ошибках валидации */
    border:none; /* Рамка блока сообщения */
    background-color:#f98953; /* Фон */
    color:#fff; /* Цвет текста */
    margin:0; /* Внешний отступ */
    padding:20px; /* Внутренний отступ */
}
.wpcf7 .wpcf7-mail-sent-ok{ /* Стиль сообщений об успешной отправке */
    border:none; /* Рамка блока сообщения */
    color:#fff;
    background-color:#70b240; /* Фон */
    margin:0; /* Внешний отступ */
    padding:20px; /* Внутренний отступ */
}
.wpcf7 .wpcf7-mail-sent-ng{
    border:none;
    background-color:#f98953;
    margin:0;
    padding:20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: white;
}
.wpcf7 span.wpcf7-not-valid-tip{
    border:none;
    background-color:#f98953;
    padding:5px;
    padding-left: 5px;
    padding-right: 5px;
    width: 80%;
    color: white;
}
.wpcf7-form .fleft{
    float: left;
}
.wpcf7-form .mright20{
    margin-right: 20px;
}
.wpcf7-form .mright40{
    margin-right: 40px;
}
.wpcf7-form .clear{
    clear: both;
}


/***faq*/
.faqpage .fx_a{
    margin: 25px 0 0 0;
}
.faqpage h1{
    margin:0px;
    background: #fdfdfe; /* Old browsers */
    background: -moz-linear-gradient(top,  #fdfdfe 0%, #fafafc 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #fdfdfe 0%,#fafafc 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #fdfdfe 0%,#fafafc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfe', endColorstr='#fafafc',GradientType=0 ); /* IE6-9 */
    padding:10px 20px;
    margin: 15px -20px 0 -20px;
    border-bottom: 2px solid #e2e3e7;
    border-top: 1px solid #e2e3e7;
    line-height: 32px;
}
.vopros{
    clear: both;
    margin: 0 -20px 0 -20px;
    padding:20px 20px 30px 20px;
    overflow: hidden;
    background: #fafafc; /* Old browsers */
    background: -moz-linear-gradient(top,  #fafafc 0%, #eff1f5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #fafafc 0%,#eff1f5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #fafafc 0%,#eff1f5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafc', endColorstr='#eff1f5',GradientType=0 ); /* IE6-9 */
}
.vopros img{
    float: left;
    width:20%;
    margin: 10px;
    max-height: 220px;
}
.faqpage #content{
    overflow: inherit;
}
.bod-otv{
    padding: 25px;
    margin: 0;
    border: 1px solid #d7d7d7;
}
.otvet:before{
    content: "Ответ:";
    display: block;
    font-size: 36px;
    margin: 0 0 15px 0;
    line-height: 36px;
}
.bltitq{
    font-size: 36px;
    margin: 0 0 15px 0;
}
.auor-post-rate-fq{
    overflow: hidden;
    clear: both;
    float: none;
    margin: 0 0 5px 0;
}
.otvet{
    overflow: hidden;
    clear: both;
    margin: 30px 0 0 0;
}
.faqpage .auor-post-rate-fq img{
    width:90px;
    height: 90px;
}
.faqpage .auor-post-rate-fq .ai-rol,
.faqpage .auor-post-rate-fq .at-n{
    font-size: 12px;
    margin: 0 0 5px 0;
    line-height: 16px;
}
.faqpage .auor-post-rate-fq .ai-name{
    font-size: 16px;
}
#recdoc .dd-widget-list-container{
    width:100%;
}
#recdoc .dd-widget-list-container .dd-list-top-container{
    margin:0px;
}

.vo-raz{
    overflow: hidden;
    clear: both;
    margin: 50px 0 30px 0;
}
.title-q{
    overflow: hidden;
    clear: both;
    margin: 0 0 20px 0;
    font-size: 30px;
    line-height: 38px;
    color: #1c1c1c;
}
.item-quest{
    overflow: hidden;
    clear: both;
    margin:0 0 25px 0;
    padding: 0 0 0 60px;
    position: relative;
}
.item-quest::before{
    content: "?";
    width: 40px;
    height: 40px;
    border: 1px solid #7db9e8;
    border-radius: 30px;
    line-height: 30px;
    left: 0px;
    top: 10px;
    text-align: center;
    font-weight: bold;
    font-size: 30px;
    color: #fff;
    display: block;
    position: absolute;
    left:0px;
    top:10px;
    background: #0eb7d6; /* Old browsers */
    background: -moz-linear-gradient(top,  #0eb7d6 0%, #019eb5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #0eb7d6 0%,#019eb5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #0eb7d6 0%,#019eb5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0eb7d6', endColorstr='#019eb5',GradientType=0 ); /* IE6-9 */
}
.post-header{
    font-size: 20px;
    line-height: 28px;
    display: block;
    clear: both;
    margin: 0 0 10px 0;
    padding: 0px;
}
.post-description{
    overflow: hidden;
    clear: both;
    margin:0px;
    padding:0px;
    font-size: 16px;
}
.sectdesc-f{
    font-size: 16px;
}



/************************* SIDEBAR *************************/
#sidebar{
    padding-left:25px;
    padding-right: 20px;
    padding-top:0;
}
.side-box{
    overflow: hidden;
    clear: both;
    margin: 0 0 45px 0;
    padding: 0px;
}
.ppost.side-box{
    margin-bottom: 30px;
}
.post-li{
    overflow: hidden;
    clear: both;
    margin: 0 0 20px 0;
}
.pliimg{
    overflow: hidden;
    float: left;
}
.pliimg img{
    width:80px;
    height: 80px;
    border-radius: 6px;
}
.post-li a{
    overflow: inherit;
    float: left;
    margin: 0 0 0 15px;
    font-size: 16px;
    line-height: 19px;
    display: block;
    width:120px;
    text-decoration: underline;
}
.post-li a:hover{
    text-decoration: none;
}
.title-f{
    color:#0381af;
    display: block;
    font-size: 22px;
    margin: 0 0 15px 0;
    line-height: 24px;
}
.sub-email{
    overflow: hidden;
    clear: both;
    padding: 25px 0 0 0;
    background: #fff url(img/email_line.png) repeat-x left top;
}
#outer_alignment{
    background: #fff url(img/email_line.png) repeat-x left bottom;
    padding: 0 0 40px 0;
}
.fotmem-bod{
    padding:0 20px;
}
.hdng{
    display: block;
    clear: both;
    overflow: hidden;
    font-size: 22px;
    color: #367D43;
    margin: 0 0 10px 0;
    line-height: 22px;
    text-align: center;
}
.hdc{
    overflow: hidden;
    clear: both;
    display: block;
    font-size: 16px;
    color:#949494;
    text-align: center;
    margin: 0 0 20px 0;
    line-height: 20px;
}
.sr-required{
    display: block;
    overflow: hidden;
    text-align: center;
    clear: both;
    margin: 0 0 10px;
    border-radius: 6px;
    font-size: 16px;
    color: #c9c9c9;
    border: 1px solid #c9c9c9;
    width: 100%;
    padding: 10px;
}
.subm_email{
    overflow: hidden;
    clear: both;
    width: 100%;
    border-radius: 6px;
    color: #fff;
    background: #f8be0b url(img/bg_butt_all.png) repeat-x;
    padding: 13px 10px;
    font-size: 16px;
    line-height: 14px;
    border: 0px;
}
.subm_email:hover{
    background: #f8be0a url(img/bg_butt_all-hover.png) repeat-x
}
.faqli ul{
    list-style: none;
    margin:0px;
    padding:0px;
    overflow: hidden;
    clear: both;
}
.faqli ul li{
    overflow: hidden;
    clear: both;
    display: list-item;
    padding: 0 0 10px 25px;
    list-style: none;
    position: relative;
    background: none;
    margin:0px;
}
.faqli ul li:before{
    content: "";
    display: block;
    background: url(img/bg_li_faq.png) no-repeat;
    position: absolute;
    top: 5px;
    z-index: 10;
    left: 0;
    width: 11px;
    height: 11px;
}
.faqli ul li a{
    display: block;
    text-decoration: none;
    color: #02749b;
    font-size: 16px;
    line-height: 21px;
}
.faqli ul li a:hover{
    text-decoration: underline;
}

.pp-title {
    color: #496b41;
    font-size: 18px;
    clear: both;
    display: block;
    padding-bottom: 30px;
}
.pp-title:before {
    content: "";
    position: relative;
    display: block;
    background: url(img/star.png) 0 0 no-repeat;
    width: 45px;
    height: 35px;
    left: -15px;
    float: left;
}
.poppost ol {
    margin: 0px 10px 20px 15px;
    padding: 0px;
    list-style: none;
    overflow: hidden;
    clear: both;
    counter-reset: li;
}
.poppost ol li {
    list-style: none;
    margin: 0px;
    padding: 0px 0 25px;
    overflow: hidden;
    clear: both;
    position: relative;
    line-height: 20px;
}
.poppost ol li:before {
    content: counter(li) " ";
    counter-increment: li;
    position: absolute;
    top: 10px;
    left: 0;
    font-weight: bold;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    background: #738197;
    height: 25px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -khtml-border-radius: 20px;
    width: 25px;
    line-height: 16px;
    font-size: 12px;
}
.poppost ol li a {
    display: block;
    text-decoration: none;
    padding: 0 10px 0 40px;
    color: #496b41;
    text-decoration: underline;
    border: 0px;
}
.side-p {
    clear: both;
    width: 100%;
    background: #f5f7fa;
    padding: 25px 0 0;
    border-radius: 10px;
    float: left;
    margin: 0 0 30px 0;
}





/************************* FOOTER *************************/
footer {
    border-top: 10px solid #e9ebf0;
    background: #f5f7fa;
    padding: 30px 0 40px;
    margin: 60px 0 0 0;
    color: #818f9a;
    font-size: 14px;
    line-height: 24px;
}
.minlogo .log-m {
    overflow: hidden;
    margin: 0 auto 70px auto;
    width: 240px;
}
.log-m a, .topq a, .topsoc a, .bottom-social a {
    border: 0px;
}
.minlogo img {
    width: 240px;
}
.bottom-social ul {
    overflow: hidden;
    margin: 0px auto;
    text-align: center;
    padding: 0px;
    width: 117px;
}
.top-social ul li, .bottom-social ul li {
    list-style: none;
    float: left;
    padding: 0 7px 0 0;
    margin: 0px;
}
.continfo {
    margin: 20px 0 0 0;
    overflow: hidden;
    text-align: center;
}
.mabout {
    padding: 20px;
    border: 2px dashed #8da7d3;
    border-radius: 8px;
}
.bltree ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.bltree ul li:nth-child(odd) {
    background: #fff;
}
.bltree ul li {
    list-style: none;
    padding: 15px;
    margin: 0px;
}
.bltree ul li a {
    padding: 0 0 3px;
    line-height: 20px;
}
footer a {
    text-decoration: none;
    color: #8da7d3;
    border-bottom: 1px dashed #8da7d3;
}




#top-link {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100px!important;
    padding: 0!important;
    height: 100%;
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: pointer;
    display: none;
}
#top-link:hover {
    background:rgba(226, 245, 251, 0.62);;
    opacity: 1;
    filter: alpha(opacity=100);
}
#top-link:hover a{
    opacity: 1;
}
#top-link a {
height: 60px;
    width: 34px;
    display: block;
    padding: 0;
    margin: 0 auto 0 auto;
    font-weight: normal;
    color: #45688E;
    background: url(img/gotop.png) no-repeat 0 0;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 50px;
    opacity: 0.4;
}
.fourf .buth{
    margin: 0 0 15px 0;
}
.fourf .buth a{
    font-size: 12px;
}

.twof a,
.treef a{
    font-size: 14px;
}

/************************* PROMO *************************/
#lefbar{
    float:left;
    width:160px;
    overflow: hidden;
}

.bb-a {
    background: #EAF6FA;
    padding: 20px;
    border-radius: 5px;
    margin: 20px 0;
    min-height: 80px;
    border: 3px dashed #f00;
    text-align: left;
}
.bb-b {
    font-size: 22px;
    display: block;
    margin: -5px 0 8px 0;
    text-transform: uppercase;
    color: #007FB2;
    font-weight: bold;
    text-align: left;
}
.bb-a a {
    font-weight: bold;
}
.linkri{
    text-align: right; 
    display: block; 
    margin-top: -10px;
}

.blhr {
    font-weight: bold;
    font-size: 15px;
}
.offblo{
    margin-bottom: 15px;
}

#slidebox {
    width: 400px;
    height: 240px;
    margin-bottom: 30px;
    background-color: #efefef;
    position: fixed;
    bottom: 0;
    left: -415px;
    box-shadow: 0 0 10px #aaa;
    -moz-box-shadow: 0 0 10px #aaa;
    -webkit-box-shadow: 0 0 10px #aaa;
    z-index: 9999;
    border-radius: 0 10px 10px 0;
    overflow: hidden;
}
.sbtitle {
    font-size: 22px;
    display: block;
    padding: 5px 40px 5px 20px;
    text-transform: uppercase;
    color: #efefef;
    font-weight: bold;
    background-color: #007FB2;
}
.sblink {
    display: block;
    padding: 15px;
    text-decoration: none;
}
.sblink img {
    width: 130px;
    float: left;
    margin-right: 15px;
    border-radius: 5px;
    max-height: 160px;
}
.sbtext {
    display: block;
    color: #000;
    font-size: 15px;
    line-height: 1.5;
}
.sblink2 {
    text-decoration: none !important;
    color: #007FB2;
    display: inline;
    transition: all .2s ease-in-out;
    padding: 0 3px;
    font-weight: bold;
    box-shadow: inset 0 -1px 0 0 #007FB2;
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 13px;
}
.close {
    position: absolute;
    cursor: pointer;
    top: 10px;
    right: 11px;
    z-index: 99999;
    font-size: 20px;
    opacity: 0.8;
    font-weight: bold;
    color: #fff;
    text-decoration: none !important;
}
.close:hover {
    opacity: 1;
    text-decoration: none !important;
    color: #fff;
}
a.sblink:hover {
    text-decoration: none !important;
}
.sblink2:hover {
    text-decoration: none !important;
    color: #fff !important;
    transition: all .2s ease-in-out;
    box-shadow: inset 0 -100px 0 0 #007FB2;
}

.bltitle{
    text-transform: uppercase;
    font-size: 30px;
    margin-top: 0;
    margin-bottom: 10px;
    line-height: 36px;
}
#content .bobl-bott ul li{
    margin-bottom: 7px;
}

.rembl{
    margin-bottom: 20px;
}
.rembl a{
    color: #F00;
    text-decoration: underline;
    display: block;
}
.rembl a:hover{
    text-decoration: none;
}

.noofo .bb-a{
    border:0px;
}
.tblall table,
.tblall th,
.tblall td,
.tblall tr{
    margin:0px;
    padding: 0px;
    border:0px;
}
.tblall{
    margin: 0 0 55px;
}
.treebl tr.tizdiv_table_tr_43{
    overflow: hidden;
    margin: 0 0 20px;
    display: block;
}
.treebl #tizdiv_table_43 td.top{
    vertical-align: middle;
}
.fleftv{
    float: left;
    margin: 0 10px 0 0;
}
.bobl-bott{
    overflow: hidden;
    clear: both;
    margin: 0 0 30px 0;
}
#rs-s .prrtop{
    clear: both;
    margin: 10px 0 10px 0;
}
#rs-s .prrtop iframe,
#rs-s .prombl iframe{
    margin: 0px;
    padding: 0px;
    clear: both;
    background: transparent;
    width:100%;
    height: 100%;
}
.prombl{
    margin: 0 0 25px 0;
}
#rs-s .prrtopwid iframe{
    padding:0px;
    margin: 0 0 25px 0;
}
.top-bat-a{
    margin: 20px 0 20px 0;
}
.top-bat-a a{
    text-decoration: none;
    color: #333;
    display: block;
    clear: both;
}
.bikone{
    overflow: hidden;
    clear: both;
    padding: 0 0 20px 0;
}
.bikimg{
    overflow: hidden;
    float: left;
    width:14%;
}
.bikimg img{
    width:104px;
    max-height: 104px;
    overflow: hidden;
    clear: both;
}
.bimeta{
    overflow: hidden;
    float: left;
    width:84%;
    padding: 0 0 0 10px;
}
.biktitle{
    font-size: 23px;
    line-height: 28px;
    margin: 0 0 10px 0;
    color: #02749b;
    text-decoration: underline;
}
.biktitle:hover,
.bikurl:hover{
    color: #02A0B8;
}
.bikdescr{
    font-size: 16px;
    line-height: 16px;
    margin: 0 0 10px 0;
}
.bikurl{
    font-size: 16px;
    line-height: 14px;
}
.rcblo{
    font-size: 15px;
    border-left-width: 5px;
    border-left-style: solid;
    border-left-color: #02749b;
    padding: 10px 0 0 10px;
}

.bb-a_b {
    background: #EAF6FA;
    padding: 20px;
    border-radius: 5px;
    margin: 20px 0;
    min-height: 80px;
    border: 3px dashed #f00;
    text-align: left;
    overflow: hidden;
    width: 100%;
}
.lefbl-a {
    overflow: hidden;
    float: left;
    width: 20%;
}
.lefbl-a img {
    width: 154px;
    height: 154px;
}
.lefbl-b {
    width: 80%;
    float: left;
    padding: 0 0 0 20px;
    overflow: hidden;
}
p.bothref {
    margin: 0px;
    text-align: right;
    margin-top: -10px;
}

.recommended {
    background: #f1f1f1;
    border-left: 4px solid #f00;
    margin: 10px 0;
    padding: 20px;
}
.recommended_title {
    color: #333;
    font-weight: 300;
    font-size: 20px;
    display: block;
    margin-bottom: 10px;
}
p.bothref {
    margin: 0px;
    text-align: right;
    margin-top: -10px;
}
.gmast {
    display: block;
    margin: 0 0 20px 0;
}
.gmast a {
    text-decoration: none;
    color: #F00;
}
.gmast a:hover {
    text-decoration: underline;
}
.posek{
    overflow: hidden;
    margin: 0 0 35px 0;
}
.hh{
    margin: 0 0 20px 0;
}

.leftbar{
    overflow: hidden;
    width:240px;
    float:left;
}
.rite-side{
    float: right;
    overflow: hidden;
    width:71%;
    padding:0 0 0 10px;
}

.postbl{
    margin: 0 0 20px 0;
}
.fixrc{
    display: none;
}



/************************* ADAPTIV *************************/
.navbar-toggle{
    background: #5262B7; /* Old browsers */
    background: -moz-linear-gradient(top,  #5262B7 0%, #4B5AA6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5262B7), color-stop(100%,#4B5AA6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #5262B7 0%,#4B5AA6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #5262B7 0%,#4B5AA6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #5262B7 0%,#4B5AA6 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #5262B7 0%,#4B5AA6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5262B7', endColorstr='#4B5AA6',GradientType=0 ); /* IE6-9 */
}
.navbar-toggle .icon-bar{
    background: #fff;
}
@media (max-width: 2560px){ 

}

@media (max-width: 1280px){ 

}

@media (max-width: 1200px){ 
        #content{
        width:80%;
    }

}

@media (max-width: 1188px){

}

@media (min-width: 1100px) and (max-width: 1153px){
    .rite-side{
        width: 71%;
    }
    .container {
        width: 1153px; 
        padding-left: 5px;
        padding-right: 5px;
    }
    #content{
        width:71%;
    }    
}

@media (min-width: 1000px) and (max-width: 1025px){
    .rite-side{
        width: 67%;
    }
    .container {
        width: 1024px;
        padding-left: 5px;
        padding-right: 5px;
    }
    #content{
        width:67%;
    }    
}

@media (min-width: 962px) and (max-width: 999px){
    .rite-side {
        width: 65%;
    }
    .container{
        width:962px;
        padding-left: 5px;
        padding-right: 5px;
    }
    #content{
        width:67%;
    }       
}
@media (max-width: 900px){
    #content{
        width:75%;
    }
}

@media (max-width: 850px){
    #content{
        width:74%;
    }
}

@media (max-width: 800px){
    .rite-side {
        width: 66%;
    }
    .topq {
        display: none;
    }
    #toc_container{
        width:100%;
        padding:15px 10px;
    }
    blockquote{
        background-image: none;
        padding:15px 10px;
    }
    #sidebar{
        display: none;
    }
    #primary{
        width:100%;
    }
}

@media (max-width: 768px){
    .rite-side{
        width: 66%;
    }
    .topq{
        display: none;
    }
    .logo{
        width:100%;
        text-align: center;
    }
    #lefbar{
        width:160px;
    }
    #content{
        width:75%;
    }  
    .container{
        padding-right: 5px;
        padding-left: 5px; 
    } 
}

@media (max-width: 720px){
    .rite-side {
        width: 65%;
    }
    #content{
        width:76%;
    }    
}

@media (max-width: 641px){
    .rite-side {
        width:100%;
    }
    .leftbar{
        display: none;
    }
    #rs-s_page iframe{
        width:100%;
    }
    .logo img{
        width: 100%;
        max-width: 290px;
    }
    #content{
        width:74%;
    }    
}

@media (max-width: 601px){
    #content{
        width:72%;
    }
}

@media (max-width: 569px){
    
}

@media (max-width: 540px){
    #content{
        width:69%;
    }    
}

@media (max-width: 515px){

}
@media (max-width: 487px){
    #content{
        width:65%;
    }
    .container{
        padding-right: 5px;
        padding-left: 5px; 
    }     
}
@media (max-width: 480px){

}

@media (max-width: 414px){
    #content{
        width:57%;
    } 
    .container{
        padding-right: 5px;
        padding-left: 5px; 
    } 
}
@media (max-width: 403px){
    #content{
        width:59%;
    }
}

@media (max-width: 400px){
    #content{
        width:58%;
    }
    .container{
        padding-right: 5px;
        padding-left: 5px; 
    }     
}

@media (max-width: 376px){
    #content{
        width:55%;
    }
    .container{
        padding-right: 5px;
        padding-left: 5px; 
    }     
}
@media (max-width: 383px){
    #content{
        width:55%;
    }
    .container{
        padding-right: 5px;
        padding-left: 5px; 
    }     
}
@media (max-width: 360px){
    #content{
        width:54%;
    }   
    .container{
        padding-right: 5px;
        padding-left: 5px; 
    } 
}
@media (max-width: 342px){

}

@media (max-width: 320px){
    .fixrc{
        display: block;
        position: fixed;
        left: 0px;
        bottom: 0px;
        background: #fff;
        z-index: 100;
        right: 0px;
        padding: 5px;
    }
    #fixblock_2 .yap-layout__picture{
        display: none!important;
    }
    #content{
        width:48%;
    } 
    .container{
        padding-right: 5px;
        padding-left: 5px; 
    }        
}
@media (max-width: 318px){

}
@media (max-width: 300px){
    #content{
        width:100%;
    }
    #lefbar{
        display: none;
    }
}
@media (max-width: 299px){

}