*{
    margin:0;
    padding:0;
}
html, body{
    height:100%;
}
/*Прижатый футер*/
.wrapper{
    display:table;
    height:100%;
    width:100%;
    table-layout:fixed;
    position:relative;
}
.wrapper > .content{
    display:table-row;
    height:100%;
}
.img{
    height:auto;
    width:100%;
}
input, button, div, img:hover, img:focus, img:active,
a:hover, a:focus, a:active{
    border:none;
    outline:none;
}
.marginB0{
    margin-bottom:0 !important;
}
.marginB30{
    margin-bottom:30px !important;
}
.marginB60{
    margin-bottom:60px !important;
}
.paddingT65{
    padding-top:65px;
}
/*div{outline:1px solid #3278b3}*/

/*  Header.
************************************/
.header{
    height:100px;
    background:#fff;
    box-shadow:0 0 10px 1px rgba(0,0,0,0.5);
    -o-box-shadow:0 0 10px 1px rgba(0,0,0,0.5);
    -moz-box-shadow:0 0 10px 1px rgba(0,0,0,0.5);
    -webkit-box-shadow:0 0 10px 1px rgba(0,0,0,0.5);
    position:relative;
}
.header_in{
    margin:0 auto;
    padding:10px 0;
    width:960px;
}
a.sscl_logo{
    margin-right:60px;
    display:inline-block;
}
a.orexim_logo{
    display:inline-block;
}
a.orexim_logo img{
    width:94px;
    display:inline-block;
}
a.sscl_logo img{
    width:93px;
    display:inline-block;
}
ul.head_nav_menu{
    margin:0 55px 0 0;
    display:inline-block;
    vertical-align:middle;
    list-style-type:none;
}
ul.head_nav_menu li{
    margin-right:10px;
    display:inline-block;
}
ul.head_nav_menu li:last-child{
    margin-right:0;
}
ul.head_nav_menu li a{
    padding:10px 17px;
    font:400 14px/15px 'Roboto', sens-sarif;
    color:#000;
}
ul.head_nav_menu li a:focus,
ul.head_nav_menu li a:hover,
ul.head_nav_menu li a.active{
    padding:10px 15px;
    color:#0066b3;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:2px solid #0066b3;
    text-decoration:none;
}
ul.language{
    margin-right:60px;
    list-style-type:none;
    display:inline-block;
}
ul.language li{
    display:inline-block;
}
ul.language li a{
    font:400 14px/15px 'Roboto', sens-sarif;
    color:#000;
    text-decoration:none;
}
ul.language li a:focus,
ul.language li a:hover,
ul.language li a.lang_active{
    color:#34709d;
    text-decoration:none;
}
ul.language > li:nth-child(1) > span{
    margin:0 0 0 5px;
}
.main_img_head{
    margin-bottom:60px;
    height:300px;
    background:url("/pictures/img_head.jpg")no-repeat center center;
    background-size:cover;
    -o-background-size:cover;
    -moz-background-size:cover;
    -webkit-background-size:cover;
}
.pro_img_head{
    margin-bottom:30px;
    height:300px;
    background:url("/pictures/img_head1.jpg")no-repeat center center;
    background-size:cover;
    -o-background-size:cover;
    -moz-background-size:cover;
    -webkit-background-size:cover;
}
.act_img_head{
    margin-bottom:30px;
    height:300px;
    background:url("/pictures/img_head2.jpg")no-repeat center center;
    background-size:cover;
    -o-background-size:cover;
    -moz-background-size:cover;
    -webkit-background-size:cover;
}
.oport_img_head{
    margin-bottom:30px;
    height:300px;
    background:url("/pictures/img_head3.jpg")no-repeat center center;
    background-size:cover;
    -o-background-size:cover;
    -moz-background-size:cover;
    -webkit-background-size:cover;
}
.contact_img_head{
    margin-bottom:30px;
    height:300px;
    background:url("/pictures/img_head4.jpg")no-repeat center center;
    background-size:cover;
    -o-background-size:cover;
    -moz-background-size:cover;
    -webkit-background-size:cover;
}
/*  Footer.
************************************/
.footer{
    box-shadow:inset 0 1px 1px rgba(0,0,0,0.5);
    -o-box-shadow:inset 0 1px 1px rgba(0,0,0,0.5);
    -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.5);
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.5);
    background:#245ea7;
}
.footer_in{
    padding:18px;
    text-align:center;
    color:#fff;
    font:300 11px/12px Arial, sans-serif;
}
.support_development{
    margin:0 auto;
}
.support_development > div a{
    color:#fff;
    font:300 11px/12px Arial, sans-serif;
    text-decoration:underline;
}
.support_development > div a:hover{
    text-decoration:none;
}

/*  All Content.
************************************/
.section{
    margin-bottom:30px;
}
.section_silver{
    padding-top:50px;
    padding-bottom:1px;
    /*height:100%;*/
    background:#eeeeee;
    border-top:4px solid #e2e2e2;
    text-align:center;
}
.content_silver{
    /*height:100%;*/
    background:#eeeeee;
}
.main_content{
    margin:0 auto;
    width:960px;
}
.main_content:last-child{
    margin-bottom:60px;
}
.main_content_second{
    margin:0 auto 30px;
    width:960px;
    border-bottom:2px dotted #e2e2e2;
}
.main_content_second:last-child{
    margin-bottom:60px;
    border-bottom:none;
}
.limited_company{
    margin-bottom:10px;
    font:400 18px/19px 'Roboto', sans-serif;
    color:#000;
}
.caption{
    margin-bottom:30px;
    display:inline-block;
    font:300 34px/35px 'Roboto', sans-serif;
    color:#000;
}
.caption_description{
    margin-bottom:30px;
    font:300 20px/21px 'Roboto', sans-serif;
    color:#000;
}
.text_block p{
    margin-bottom:30px;
}
.text_block p:last-child{
    margin-bottom:0;
}
.text_block{
    margin-bottom:30px;
    font:300 15px/24px 'Roboto', sans-serif;
    color:#5f6368;
}
.years{
    margin-bottom:30px;
    font:400 50px/51px 'Roboto', sans-serif;
    color:#000;
}
.div_border{
    margin:0 auto;
    height:80px;
    width:642px;
    display:inline-block;
    background:url("/img/div_border.png")no-repeat 0 0;
    background-size:cover;
    -o-background-size:cover;
    -moz-background-size:cover;
    -webkit-background-size:cover;
}
.processing_counter_in{
    margin-right:20px;
    display:inline-block;
    vertical-align:top;
    background:#fff;
}
.processing_counter_in:last-child{
    margin-right:0;
}
.processing_counter_title{
    font:400 18px/19px 'Roboto', sans-serif;
    color:#fff;
    background:#245ea7;
    padding:20px 60px;
}
.processing_counter_in .train{
    margin:56px auto 30px;
    height:44px;
    width:86px;
    display:inline-block;
    background:url("/img/train.png")no-repeat 0 0;
}
.processing_counter_in .ship{
    margin:50px auto 30px;
    height:50px;
    width:67px;
    display:inline-block;
    background:url("/img/ship.png")no-repeat 0 0;
}
.processing_counter_in .cargo_ship{
    margin:50px auto 30px;
    height:50px;
    width:87px;
    display:inline-block;
    background:url("/img/cargo_ship.png")no-repeat 0 0;
}
.processing_counter_in .counter{
    margin-bottom:30px;
    font:400 50px/51px 'Roboto', sans-serif;
    color:#4a4a4a;
}
.processing_counter{
    margin-bottom:30px;
}

.bread_crumbs{
    margin:0 auto;
    display:inline-block;
    text-align:left;
}
.bread_crumbs_in{
    padding:5px 0 5px;
    margin-bottom:30px;
}
.bread_crumbs_in > div{
    font:300 13px/14px 'Roboto', sans-serif;
    float:left;
}
.bread_crumbs_in a{
    color:#0066b3;
    font:300 13px/14px 'Roboto', sans-serif;
    text-decoration:none;
}
.bread_crumbs_in .arrow{
    margin:0 9px 0 7px;
    font:300 13px/14px 'Roboto', sans-serif;
    color:#808080;
    display:inline-block;
}
.bread_crumbs_in .breadCrumbsSpan{
    font:300 13px/14px 'Roboto', sans-serif;
    color:#808080;
    vertical-align:top;
}

ol.production_capacity_list{
    margin-left:20px;
    display:inline-block;
    width:540px;
}
ol.production_capacity_list li{
    margin-bottom:15px;
    color:#5f6368;
    font:300 15px/26px 'Roboto', sans-serif;
}

ul.production_capacity_list_second{
    margin-bottom:30px;
    margin-left:20px;
    list-style-type:none;
}
ul.production_capacity_list_other{
    margin-bottom:30px;
    list-style-type:none;
}
ul.production_capacity_list_second li,
ul.production_capacity_list_other li{
    padding-left:20px;
    margin-bottom:10px;
    color:#5f6368;
    font:300 15px/16px 'Roboto', sans-serif;
    background:url("/img/blue_dot.png")no-repeat 0 50%;
}
.text_block div{
    margin-bottom:10px;
}
.kontakt_info{
    margin-bottom:30px;
}
.telfax_description, .address_description{
    margin-bottom:20px;
    text-align:left;
    color:#5f6368;
    font:400 20px/30px 'Roboto', sans-serif;
}
.telfax_description a{
    color:#0066b3;
    text-decoration:none;
}

.contact_info{
    margin-bottom:30px;
}
.contact_name, .contact_position, .contact_phone{
    margin-bottom:30px;
    padding-bottom:10px;
    color:#5f6368;
    font:400 20px/30px 'Roboto', sans-serif;
    width:33%;
    display:inline-block;
    vertical-align:middle;
}
.contact_name{
    text-align:center;
}
.contact_position{
    text-align:center;
}
.contact_phone{
    text-align:right;
}

#map{
    height:478px;
}
.mobile_buttn{
    margin-right:315px;
    padding:5px 3px;
    height:40px;
    width:60px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:2px solid #0066b3;
    display:none;
    vertical-align:middle;
    cursor:pointer;
}
.mobile_buttn span{
    margin-bottom:5px;
    height:5px;
    width:50px;
    background:#0066b3;
    display:block;
}
.display{
    display:inline-block !important;
}
.right_head{
    margin-top:30px;
    float:right;
}
.language{
    display:none !important;
}
/*  Adaptive to different devices.
************************************/
@media (min-width:992px) and (max-width: 1199px){
    .header_in{
        padding:10px 15px;
        width:100%;
    }
    a.sscl_logo{
        margin-right:45px;
    }
    .main_content, .main_content_second{
        margin:0 auto 30px;
        padding:0 15px;
        width:100%;
    }
    .contact_position, .contact_name{
        text-align:center;
    }
}
@media (min-width:768px) and (max-width:991px){
    .header_in{
        padding:10px 15px;
        width:100%;
    }
    a.sscl_logo{
        margin-right:45px;
    }
    .main_content,.main_content_second{
        margin:0 auto 30px;
        padding:0 15px;
        width:100%;
    }
    ul.head_nav_menu{
        display:none;
        position:absolute;
        left:155px;
        top:100px;
        background:#fff;
        padding:10px 0;
        border-bottom-left-radius:4px;
        -moz-border-radius-bottomleft:4px;
        -webkit-border-bottom-left-radius:4px;
        border-bottom-right-radius:4px;
        -moz-border-radius-bottomright:4px;
        -webkit-border-bottom-right-radius:4px;
    }
    .mobile_buttn{
        display:inline-block;
    }
    .div_border{
        display:none;
    }
    .processing_counter_in{
        margin-bottom:30px;
    }
    .processing_counter_in:last-child{
        margin-bottom:auto;
    }
    .processing_counter_in:nth-of-type(2){
        margin-right:20px;
    }
    ol.production_capacity_list{
        width:auto;
    }
    .processing_counter_in{
        margin-bottom:30px;
        margin-right:20px;
    }
    .contact_name, .contact_position, .contact_phone{
        width:32%;
        display:inline-block;
        vertical-align:middle;
    }
    .contact_position, .contact_name{
        text-align:center;
    }
}
@media (min-width:480px) and (max-width: 767px){
    .header_in{
        padding:10px 15px;
        width:100%;
    }
    a.sscl_logo{
        margin-right:30px;
    }
    .main_content, .main_content_second{
        margin:0 auto 30px;
        padding:0 15px;
        width:100%;
    }
    ul.head_nav_menu{
        margin-right:auto;
        width:100%;
        display:none;
        position:absolute;
        left:0;
        top:100px;
        background:#fff;
        padding:10px 0;
        border-bottom-left-radius:4px;
        -moz-border-radius-bottomleft:4px;
        -webkit-border-bottom-left-radius:4px;
        border-bottom-right-radius:4px;
        -moz-border-radius-bottomright:4px;
        -webkit-border-bottom-right-radius:4px;
    }
    ul.head_nav_menu li{
        margin-right:0;
        margin-left:5px;
    }
    ul.head_nav_menu li a{
        padding:10px 10px;
        font:400 12px/13px 'Roboto', sens-sarif;
    }
    ul.head_nav_menu li a:hover,
    ul.head_nav_menu li a:focus{
        padding:10px 8px;
        font:400 12px/13px 'Roboto', sens-sarif;
    }
    .mobile_buttn{
        margin-right:auto;
        display:inline-block;
    }
    .div_border{
        display:none;
    }
    .processing_counter_in{
        margin-bottom:30px;
    }
    .main_img_head, .pro_img_head, .act_img_head, .oport_img_head, .contact_img_head{
        margin-bottom:30px;
        height:200px;
    }
    .address{
        margin-right:auto;
        display:block;
        margin-bottom:30px;
    }
    .caption{
        margin-bottom:30px;
        font:300 28px/29px 'Roboto', sans-serif;
    }
    ol.production_capacity_list{
        width:auto;
    }
    #map{
        height:278px;
    }
    .processing_counter_in{
        margin-bottom:30px;
        width: 270px;
    }
    .telfax_description{
        text-align:left;
    }
    .contact_name, .contact_position, .contact_phone{
        font:400 18px/19px 'Roboto', sans-serif;
        width:32%;
        display:inline-block;
        vertical-align:middle;
    }
    .contact_phone{
        font:500 15px/15px 'Roboto', sans-serif;
    }
    .contact_position, .contact_name{
        text-align:center;
    }
}
@media (max-width:479px){
    .header_in{
        padding:10px 15px;
        width:100%;
    }
    a.sscl_logo{
        margin-right:10px;
        margin-top:15px;
    }
    a.sscl_logo img{
        width:60px;
    }
    .main_content, .main_content_second{
        margin:0 auto 30px;
        padding:0 15px;
        width:100%;
    }
    ul.head_nav_menu{
        margin-right:auto;
        width:auto;
        display:none;
        position:absolute;
        left:88px;
        top:88px;
        background:#fff;
        padding:10px 0;
        border-bottom-left-radius:4px;
        -moz-border-radius-bottomleft:4px;
        -webkit-border-bottom-left-radius:4px;
        border-bottom-right-radius:4px;
        -moz-border-radius-bottomright:4px;
        -webkit-border-bottom-right-radius:4px;
    }
    ul.head_nav_menu li{
        margin-right:0;
        margin-left:auto;
        display:block;
        margin-bottom:4px;
    }
    ul.head_nav_menu li:last-child{
        margin-bottom:0;
    }
    ul.head_nav_menu li a{
        padding:10px 10px;
        font:400 12px/13px 'Roboto', sens-sarif;
        width:100%;
        display:block;
    }
    ul.head_nav_menu li a:hover,
    ul.head_nav_menu li a:focus{
        padding:10px 8px;
        font:400 12px/13px 'Roboto', sens-sarif;
    }
    .mobile_buttn{
        margin-right:auto;
        display:inline-block;
    }
    .div_border{
        display:none;
    }
    .processing_counter_in{
        margin:0 auto 30px;
        width: 270px;
    }
    ul.language{
        margin-right:5px;
    }
    .main_img_head, .pro_img_head, .act_img_head, .oport_img_head, .contact_img_head{
        margin-bottom:30px;
        height:150px;
    }
    ol.production_capacity_list li{
        font:300 13px/14px 'Roboto', sans-serif;
    }
    ul.production_capacity_list_second li{
        font:300 13px/14px 'Roboto', sans-serif;
    }
    .caption{
        margin-bottom:20px;
        font:300 21px/22px 'Roboto', sans-serif;
    }
    .limited_company{
        margin-bottom:10px;
        font:400 14px/16px 'Roboto', sans-serif;
    }
    .years{
        margin-bottom:30px;
        font:400 34px/35px 'Roboto', sans-serif;
    }
    .processing_counter_title{
        font:400 15px/16px 'Roboto', sans-serif;
    }
    .processing_counter_in .counter{
        margin-bottom:30px;
        font:400 34px/35px 'Roboto', sans-serif;
    }
    .text_block{
        margin-bottom:30px;
        font:300 13px/14px 'Roboto', sans-serif;
    }
    ol.production_capacity_list{
        width:auto;
    }
    .address{
        margin-right:auto;
        margin-bottom:30px;
    }
    .address_description{
        text-align:center;
        color:#5f6368;
        font:400 18px/24px 'Roboto', sans-serif;
    }
    .telfax_description{
        text-align:center;
    }
    .contact_name, .contact_position, .contact_phone{
        font:400 24px/25px 'Roboto', sans-serif;
        width:100%;
        display:inline-block;
        vertical-align:middle;
    }
    .contact_name, .contact_position, .contact_phone{
        display:inline-block;
        text-align:center;
    }
}