/*
8px = 0.5
9px = 0.5625
10px = 0.625
11px = 0.6875
12px = 0.75
13px = 0.8125
14px = 0.875
15px = 0.9375
17px = 1.0625rem
18px = 1.125rem
19px = 1.1875rem
20px = 1.25rem
21px = 1.3125rem
22px = 1.375rem
23px = 1.4375rem
24px	1.5
25px	1.5625
26px	1.625
27px	1.6875
28px	1.75
29px	1.8125
30px	1.875
36px = 2.25rem
79px = 4.9375rem


200 60 +9

 */
html,
body {height: 100%;
    color: #000;
    background-color: #f8fafb;
    font-family: "OpenSansRegular";
    font-size: 16px;
}
.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0 0 ;
}
.wrap .main-container{padding-top: 120px;}
.wrap  .container {width: 100%;max-width: 1300px;margin-left: auto;margin-right: auto;}
/***********************  system ***************************/
a:link,a:visited,a:active,a:hover {text-decoration: none;}
.clear{clear: both}
.link-social span{
    display: inline-block;
    margin-top: 9px;
    margin-right: 8px;
    width: 24px;
    height: 24px;
}
.facebook{background: url("../images/icon/social/top_facebook.png") no-repeat;}
.instagram{background: url("../images/icon/social/top_instagram.png") no-repeat;}
.slogan-main {font-size: 1.4375rem;margin-top: 35px}
.slogan-main span{font-family: "OpenSansBold"}
a.btn-default{line-height: 2.25rem}
.btn-default {
    font-family: "OpenSansBold";
    font-size: 1.125rem;
    width: 100%;
    height: 50px;
    color: #333;

    background: rgba(235,199,0,1);
    background: -moz-linear-gradient(top, rgba(235,199,0,1) 0%, rgba(235,199,0,1) 32%, rgba(235,149,0,1) 67%, rgba(235,149,0,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(235,199,0,1)), color-stop(32%, rgba(235,199,0,1)), color-stop(67%, rgba(235,149,0,1)), color-stop(100%, rgba(235,149,0,1)));
    background: -webkit-linear-gradient(top, rgba(235,199,0,1) 0%, rgba(235,199,0,1) 32%, rgba(235,149,0,1) 67%, rgba(235,149,0,1) 100%);
    background: -o-linear-gradient(top, rgba(235,199,0,1) 0%, rgba(235,199,0,1) 32%, rgba(235,149,0,1) 67%, rgba(235,149,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(235,199,0,1) 0%, rgba(235,199,0,1) 32%, rgba(235,149,0,1) 67%, rgba(235,149,0,1) 100%);
    background: linear-gradient(to bottom, rgba(235,199,0,1) 0%, rgba(235,199,0,1) 32%, rgba(235,149,0,1) 67%, rgba(235,149,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebc700', endColorstr='#eb9500', GradientType=0 );


    border-color: transparent;
}
.btn-default:hover {
    font-family: "OpenSansBold";
    font-size: 1.125rem;
    width: 100%;
    height: 50px;
    color: #333;

    background: rgba(255,149,0,1);
    background: -moz-linear-gradient(top, rgba(255,149,0,1) 0%, rgba(255,149,0,1) 32%, rgba(255,89,0,1) 77%, rgba(255,89,0,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,149,0,1)), color-stop(32%, rgba(255,149,0,1)), color-stop(77%, rgba(255,89,0,1)), color-stop(100%, rgba(255,89,0,1)));
    background: -webkit-linear-gradient(top, rgba(255,149,0,1) 0%, rgba(255,149,0,1) 32%, rgba(255,89,0,1) 77%, rgba(255,89,0,1) 100%);
    background: -o-linear-gradient(top, rgba(255,149,0,1) 0%, rgba(255,149,0,1) 32%, rgba(255,89,0,1) 77%, rgba(255,89,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,149,0,1) 0%, rgba(255,149,0,1) 32%, rgba(255,89,0,1) 77%, rgba(255,89,0,1) 100%);
    background: linear-gradient(to bottom, rgba(255,149,0,1) 0%, rgba(255,149,0,1) 32%, rgba(255,89,0,1) 77%, rgba(255,89,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9500', endColorstr='#ff5900', GradientType=0 );

    border-color: transparent;
}
h1 {font-family: "OpenSansBold";color: #195d8e; font-size: 2rem;text-align: center}
h2 {font-family: "OpenSansBold";color: #195d8e; font-size: 2rem;padding-top: 27px;padding-bottom: 7px}
a, a:hover,a:link,a:focus {color: #000}
.bg-gray{background: #f8fafb}
.bg-white{background: #fff}
p {font-family: "OpenSansRegular";margin: 0 0 3px;}
/***********************  header ***************************/
header {
    background: url("../images/header/header_bg.jpg") no-repeat;
    background-size: cover;
}
header .top{background: rgba(20,80,128,0.45);height: 43px;}
header .top .text{
    font-family: "OpenSansBold";
    font-size: 1.125rem;
    color: #fff;
    text-transform: uppercase;
    line-height: 43px;
}
header .top .text span{font-size: 1.3125rem;color: #12486f;padding-left: 12px;}
header .top .lang{text-align: right}
header .top .link-lang{
    display: inline-block;
    font-family: "OpenSansLight";
    font-size: 1.125rem;
    color: #fff;
    text-transform: uppercase;
    line-height: 43px;
    margin-left: 20px;
}
header .top .link-lang.active{font-family: "OpenSansBold";}
header .bottom{height: 152px}
header .bottom .logo  {float: left; padding: 35px 0 0 0 ;}
header .bottom .logo-2 { padding-top: 20px;padding-left: 48px }
header .bottom .slogan{margin-left: -58px;}
header .bottom .slogan .text {
     font-family: "OpenSansBold";
     font-size: 1.4375rem;
     color: #fff;
     margin-top: 19px;
     text-transform: uppercase;
 }
header .bottom .time{font-family: "OpenSansBold"; margin-top: 30px;margin-left:-8px;text-transform: uppercase;}
header .bottom .time .text {font-size: 1.4375rem;color: #fff;}
header .bottom .time .num {font-size: 4.9375rem;color: #195d8e;padding: 0 12px}
header .bottom .right {float: right;text-align: right}
header .bottom .right img {display:inline-block; margin-top: 18px;}
/***********************  menu ***************************/
section.menu {
    background: #195d8e;
    width: 100%;
    height: 42px;
    margin: 0;padding: 0;
}
#navbar-xs {}
#navbar-xs ul{
    background: #195d8e;
    text-align: center;
    padding-top: 20px;
    -webkit-box-shadow: 0px 10px 25px -7px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 25px -7px rgba(0,0,0,0.75);
    box-shadow: 0px 10px 25px -7px rgba(0,0,0,0.75);
}
.nav-bar ul {
    font-family: "OpenSansBold";
    font-size: 0.9375rem;
    color: #fff;
    list-style: none;
}
.nav-bar ul li {
    position: relative;
    padding: 10px 8px 10px 14px;
    display: inline-block;
    margin-right: 0;
}
#navbar-xs.nav-bar ul li {
    position: relative;
    padding: 10px 8px 10px 14px;
    display: block;
    margin-right: 0;
}
.nav-bar ul li:hover,.nav-bar ul li.active {background: #104972;}
.nav-bar ul li:before {
    position: relative;
    width: 8px;
    height: 8px;
    background: #6ec6e8;
    content: "\00a0\00a0\00a0\00a0\00a0";
    font-size: 6px;
    left: -6px;
    top: -3px;
}
.nav-bar ul li:hover:before,.nav-bar ul li.active:before {background: #ffd400;}
li a {display: inline-block;color: #fff;}
li a:hover,li a:link,li a:active,li a:focus {color: #fff;}
/************** form **********************/
section#form {
    background: #195d8e;
    margin-top: 25px;
}
section#form .block{
    background: #fff;
    margin: 37px 20px;
    padding: 20px 20px;
    width: 28%;
    float: left;

    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border: 0 solid #000000;
}
section#form .block.left{margin-left: 5%}
section#form .sale {
    font-family: "OpenSansBold";
    font-size: 0.9rem;
    text-align: center;
    color: #f32938;
}
section#form .counter-title{
    font-family: "OpenSansBold";
    font-size: 0.9rem;
    text-align: center;
    margin-top: 4px;
}
section#form .counter{margin-top: 4px;}
section#form .counter .desc span{
    display: inline-block;
    font-size: 0.75rem;
    margin-top: -4px;
    text-align: right;
}
section#form .counter .desc span.h{text-align: center;}
section#form .counter .desc span.m{text-align: left;}
section#form .price-title{
     font-family: "OpenSansBold";
     font-size: 1.1rem;
     margin-top: 20px;
     text-align: center;
 }
section#form .price{margin-top: 2px;text-align: center}
section#form .price .old{
    font-family: "OpenSansBold";
    font-size: 1.4375rem;
    text-align: right;
    margin-top: 7px;
    text-decoration: line-through;
}
section#form .price .new{
     font-family: "OpenSansBold";
     font-size: 2rem;
     color: #f32938;
     text-align: left;
     margin-left: 4px;
 }
section#form .description{
    font-family: "OpenSansLight";
    font-size: 0.625rem;
    margin-left: 4px;
}
section#form .block-form .title{
    font-family: "OpenSansBold";
    font-size: 2rem;
    color: #195d8e;
    margin-top: -12px;
    text-align: center;
}
section#form .block-form .sub-title{
    font-family: "OpenSansBold";
    font-size: 1rem;
    text-align: center;
}
section#form .div-form {margin-top: 11px}
section#form .order .title {
     font-family: "OpenSansBold";
     font-size: 1.4375rem;
     color: #195d8e;
     text-align: center;
 }
section#form .order .sub-title {font-family: "OpenSansBold";margin-top: 24px;}
section#form .order .tel{line-height: 1.875rem}
section#form .order .home{
    background: url("../images/icon/phone_st.jpg") no-repeat  center;
    display: inline-block;
    height: 24px;
    width: 24px;
    margin-top: 4px;
}
section#form .order .home-num{
    position: relative;
    display: inline-block;
    top:-7px;
    margin-left: 8px
}
section#form .order .email span{font-family: "OpenSansBold";}
section#form .order a{margin-top: 23px}
/************** manufacture ********************/
#manufacture{background: #e8eef3; padding-top: 16px;padding-bottom: 50px}
#manufacture a:hover{margin-top: -2px}
#manufacture .blocks{margin-top: 20px}
#manufacture .block{
    display: inline-block;
    background: #fff;
    height: 80px;
    padding: 20px 10px;
}
#manufacture .block .title{font-family: "OpenSansBold"; }
/************** list ********************/
#list .wrap-list{padding-bottom: 44px}
#list .block-right{
    margin-top: 47px;
    background: #fff;
    text-align: center;
    padding: 32px 36px;
    border: 1px #d9dfe3 solid;
}
#list .block-right .img{text-align: center;}
#list .block-right .img img{display: inline-block;}
#list .block-right a{margin-top: 27px;}
/************** certificate ********************/
#certificate {padding-bottom: 60px}
#certificate h2 {text-align: center;margin: 0;padding-top: 40px;margin-bottom: 20px}
#certificate .owl-carousel div img{
    -webkit-box-shadow: 0px 4px 31px -2px rgba(150,139,150,1);
    -moz-box-shadow: 0px 4px 31px -2px rgba(150,139,150,1);
    box-shadow: 0px 4px 31px -2px rgba(150,139,150,1);
}
#certificate .wrap-carousel  {
    /**/ width: 820px;
    margin: 0 auto;
}
/************** video ********************/
#video {background: #c3cdd4;width: 98%}
#video .block{padding: 40px 0;}
/************** link ********************/
#link {padding: 55px 0}
#link h3{font-family: "OpenSansBold"; font-size: 1.3125rem;}
#link ul {
    list-style-type: none;
    padding-left: 0;
    color: #111;
}
#link ul a,#link ul a:link,#link ul a:focus{color: #111;}
#link ul a:hover{text-decoration: underline}
#link .tag{font-size:  0.6875rem}
/************** seo ********************/
#seo {padding: 50px 0 0 0}
#seo .block{margin-bottom: 40px}
#seo h4{font-family: "OpenSansBold"; font-size: 1.3125rem;color:  #195d8e;margin-bottom: 21px }
#seo ul {padding-left: 20px}
/************** reviews ********************/
#reviews{margin: 30px 0}
#reviews a{display: inline-block}
#reviews h4{font-family: "OpenSansBold"; font-size: 1.3125rem;color:  #195d8e;margin-bottom: 21px }
#reviews .top .block{display: inline-block}
#reviews .top .num{font-family: "OpenSansBold";display: inline-block}
#reviews .top .link{margin-left: 4px;}
#reviews .top .link a{color: #195d8e}
#reviews .top  a:hover{text-decoration: underline}
#reviews .top .line-bottom{margin-top: 6px}
#reviews .top .recommend {
    background: url("../images/icon/recommend.png") no-repeat left center;
    height: 24px;
    padding-left: 28px;
}
#reviews .top .share-is {
    background: url("../images/icon/share.png") no-repeat left center;
    height: 24px;
    padding-left: 25px;
    margin-left: 13px;
}
#reviews .top .enter {
    background: url("../images/icon/enter.png") no-repeat left center;
    height: 24px;
    padding-left: 32px;
    margin-left: 12px;
}
#reviews .top .right{float: right;margin-top: 38px;}
#reviews .form .img{padding: 0}
#reviews form img{display: inline-block;width: 38px; height: 38px}
#reviews .discussion{margin-top: 28px;padding-top: 28px;padding-bottom: 50px}
#reviews textarea {
    resize: none;
    outline: none;
    -moz-appearance: none;
    border: 0px solid #999; /* указание этого свойства также удалит обводку в FireFox */
}
#reviews .disc-form{
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border: 1px solid #516270;
}
#reviews .form-group { margin-bottom: 0;}
#reviews .get-img{
    background: #f8fafb;
    height: 40px;
}
#reviews .get-img a{display: inline-block;padding: 12px 0 0 21px;}
#reviews .get-img a:hover{padding: 10px 0 0 21px;}
#reviews .enter-more{margin-top: 8px;margin-bottom: 40px}
#reviews .enter-more .right{text-align: right}
#reviews .icon{display: inline-block;width: 26px; height: 26px;}
#reviews .facebook{background: url("../images/icon/social/facebook.png") no-repeat;}
#reviews .twitter{background: url("../images/icon/social/twitter.png") no-repeat;}
#reviews .google_plus{background: url("../images/icon/social/google_plus.png") no-repeat;}
#reviews .question{background: url("../images/icon/social/question.png") no-repeat;}
#reviews .enter-more .icon{
    position: relative;
    display: inline-block;
    top: 7px;
    margin-left: 4px;
}
#reviews .enter-more .title{color: #195d8e;font-size: 0.875rem}
#reviews .enter-more .right a:hover{text-decoration: underline}
#reviews .dispute{margin-top: 4px}
#reviews .dispute .top .username{font-family: "OpenSansBold";margin-right: 4px}
#reviews .dispute .top .data{color: #929191;font-size: 0.875rem}
#reviews .dispute .content{margin-top: 20px}
#reviews .dispute hr{
    color: #000; /*для IE */
    background-color:#000; /*для Firefox, Opera, Safari*/
    border:0px none;
    height:1px; /* высота 1px IE, Firefox, Opera, Safari */
    clear:both; /* для очистки, если тег идет после float елемента */
    width: 120%;
    margin-left: -10%;
}
/************** footer ********************/
footer {
    background: #195d8e;
    padding: 20px 0 10px 0;
}
footer a{
    display: block;
    font-size: 0.8125rem;
    color: #fff;
    margin-bottom: 20px;
}
footer a:hover,footer a:focus,footer a:link{color: #fff}
footer a:hover{text-decoration: underline}
footer .contact div{
    font-size: 0.8125rem;
    color: #fff;
    margin-bottom: 7px;
}