body {
    margin:0;
    color:#111111;
    font: 16px/23px "johnsans_lite_proregular", "Arial",sans-serif;
    background:#fff;
}
img {
    border-style:none;
}
a {
    color:#111111;
    outline:none;
}
a:hover {
    text-decoration:underline;
}
* {
    outline:none;
}
input, textarea, select {
    font:100% "Arial",sans-serif;
    vertical-align:middle;
    -webkit-appearance:none;
}
form, fieldset {
    margin:0;
    padding:0;
    border-style:none;
}
header,
nav,
section,
article,
aside,
footer,
figure,
menu,
dialog {
    display: block;
}
ul, ol {list-style:none; margin:0; padding:0;}
ul li {list-style: none; list-style: none outside;}
dl {margin:0 0 10px;}
nav ul, nav ol {list-style:none; list-style-image: none; margin:0; padding:0;}
p {margin:0 0 15px;}
h1 {font-size:40px; line-height:42px; margin:0 0 20px;}
h2 {font-size:30px; line-height:32px; margin:0 0 27px;}
h3 {font-size:24px; line-height:26px; margin:0 0 16px;}
h4 {font-size:22px; line-height:24px; margin:0 0 14px;}
h5 {font-size:20px; line-height:22px; margin:0 0 12px;}
h6 {font-size:18px; line-height:20px; margin:0 0 10px;}
a { text-decoration:none; outline:none;}
button,
input[type="submit"],
input[type="file"]::-webkit-file-upload-button {
    cursor: pointer;
}
textarea:-moz-placeholder {color:#cccccc;}
textarea::-moz-placeholder {color:#cccccc;opacity:1;}
textarea::-webkit-input-placeholder {color:#cccccc;}
textarea:-ms-input-placeholder {color:#cccccc;}
textarea::placeholder {color:#cccccc;}
input:-moz-placeholder {color:#cccccc;}
input::-moz-placeholder {color:#cccccc;opacity:1;}
input::-webkit-input-placeholder {color:#cccccc;}
input:-ms-input-placeholder {color:#cccccc;}
input::placeholder {color:#cccccc;}
/* =============================================================================
	MAIN
	========================================================================== */
html,body {
    height: 100%;
    margin: 0;
     min-width: 1290px;
    -webkit-text-size-adjust: none;
}
#wrapper {
    min-height: 100%;
}
.w1 {
    padding-bottom: 392px; /* footer height */
}
* html #wrapper {
    height: 100%;
}
.container{
    width: 1270px;
    margin: 0 auto;
}
#header{
    padding: 35px 0 0;
}
#header .container{
    position: relative;
}
.logo {
    position: absolute;
    left: 50%;
    top: 0;
    display: block;
    background:url("../images/bg-logo.png") no-repeat;
    width: 248px;/*154px;*/
    height: 23px;
    text-indent:-9999px;
    overflow:hidden;
    margin:0;
    -webkit-transform: translateX(-50%) translateY(0);
    -moz-transform: translateX(-50%) translateY(0);
    -ms-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0);
}
.logo a{
    display: block;
    height: 100%;
}
#nav{
    padding: 0 50px;
}
#nav ul:after{
    display:block;
    content:"";
    clear:both;
}
#nav li{
    float: left;
    padding: 0 11px 0 17px;
    border-bottom: 12px solid transparent;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
#nav li:hover,
#nav li.active{
    border-color: #fbcf33;
}
#nav li+li+li+li {
    float: right;
}
#nav a{
    display: inline-block;
    padding: 0 0 27px;
    font: 18px/20px "johnsans_lite_proregular", "Arial",sans-serif;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
#nav a:hover,
#nav li.active a{
    color: #e9b602;
}
.promo{
    padding: 170px 0 193px;
    background: url("../images/img-2.jpg") no-repeat center;
    background-size: cover;
}
.title-promo{
    display: block;
    margin: 0 0 15px;
    text-align: center;
    font: 30px/32px "johnsans_lite_proregular", "Arial",sans-serif;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}
.title-promo span{
    color: #facf33;
}
.promo form{
    width: 100%;
    max-width: 637px;
    margin: 0 auto;
}
.promo fieldset:after{
    content: '';
    clear: both;
    display: block;
}
.promo input[type='text']{
    float: left;
    width: 56.5%;
    margin: 0 0.5% 0 0;
    height: 60px;
    font: 30px/60px "johnsans_lite_proregular", "Arial",sans-serif;
    border: none;
    padding: 0 10px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.box-dropdown{
    float: left;
    background: #ffffff;
    width: 34%;
    margin: 0 0.5% 0 0;
    min-height: 60px;
}
.promo input[type='submit']{
    cursor: pointer;
    overflow: hidden;
    text-indent: -9999px;
    border: none;
    width: 8.5%;
    height: 60px;
    background: #fbcf33 url("../images/bg-1.png") no-repeat center;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.promo input[type='submit']:hover{
    opacity: 0.9;
}
#main .container:after {
    display:block;
    content:"";
    clear:both;
}
#sidebar{
    float: left;
    width: 268px;
    margin: 0 0 25px;
}
.menu{
    padding: 38px 0 0;
    background: #f8f8f8;
}
.menu ul{
    border-bottom: 1px solid #c7c7c7;
}
.menu li{
    border-top: 1px solid #c7c7c7;
}
.menu a{
    position: relative;
    display: block;
    padding: 18px 5px 18px 29px;
    font: 18px/20px "johnsans_lite_proregular", "Arial",sans-serif;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.menu a:before{
    content: '';
    position: absolute;
    left: 1px;
    top: 0;
    bottom: 0;
    border-left: 5px solid transparent;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.menu a:hover,
.menu li.active a{
    background: #ffffff;
}
.menu a:hover:before,
.menu li.active a:before{
    border-left-color:  #ffc402;
}
#content{
    overflow: hidden;
    padding: 36px 0 0 29px;
    margin: 0 0 25px;
}
#content a {color:#FB5A26;}
#content ul {margin:16px 0 16px 0;padding:0 0 0 40px;}
#content li {list-style:initial;}
h2{
    font: 18px/20px "johnsans_medium_proregular'", "Arial",sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.012em;
}
.commodity-supply{
    padding: 48px 4px 0 15px;
}
.sentence-list{
    font-size: 0;
    line-height:0;
    margin: 0 0 39px;
    border-bottom: 1px solid #bebebe;
}
.sentence-list li{
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 35px;
    text-transform: uppercase;
    font: 18px/20px "johnsans_medium_proregular'", "Arial",sans-serif;
}
.sentence-list li:before{
    content: '';
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 97px;
    border-bottom: 12px solid transparent;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.sentence-list li:hover:before,
.sentence-list li.active:before{
    border-bottom-color: #fbcf33;
}
.sentence-list li:first-child{
    margin: 0;
}
.sentence-list a{
    display: inline-block;
    padding: 0 0 19px;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.sentence-list a:hover,
.sentence-list li.active a{
    color: #e9b602;
}
.products-list{
    font-size: 0;
    line-height: 0;
    margin: 0 0 10px -14px;
}
.products-list li{
    display: inline-block;
    vertical-align: top;
    padding: 28px 0 0;
    margin: 0 0 14px 14px;
    width: 228px;
    border: 1px solid #c7c7c7;
    text-align: center;
    font: 16px/20px "johnsans_lite_proregular", "Arial",sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.products-list .holder-img{
    position: relative;
    width: 181px;
    height: 164px;
    line-height: 164px;
    margin: 0 auto 17px;
}
.products-list .holder-img img{
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
}
.products-list .discount{
    position: absolute;
    top: -20px;
    right: -18px;
    display: inline-block;
    background: #fb5a26;
    padding: 10px 12px 5px;
    font: 16px/18px "johnsans_lite_proregular", "Arial",sans-serif;
    color: #ffffff;
    overflow: hidden;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
}
.products-list .holder-text{
    padding: 6px 14px;
    border-top: 1px solid #c7c7c7;
    border-bottom: 1px solid #c7c7c7;
}
.products-list a{
    display: block;
    padding: 6px;
    background: #fbcf33;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.products-list a:hover{
    opacity: 0.8;
}
.subscription{
    background: #f7f7f7;
    padding: 43px 10%;
    margin: 0 0 20px;
}
.subscription .holder-table{
    display: table;
    width: 100%;
}
.subscription .holder-table-cell{
    display: table-cell;
    vertical-align: middle;
}
.subscription span{
    text-transform: uppercase;
    display: block;
    margin: 3px 0;
    font: 18px/20px "johnsans_medium_proregular'", "Arial",sans-serif;
}
.subscription span.subscription-title{
    font-size: 24px;
    line-height: 26px;
    color: #fbcf33;
}
.subscription .holder-input{
    width: 233px;
    margin: 3px 0;
}
.subscription input[type='text']{
    width: 100%;
    height: 51px;
    border: none;
    padding: 0 20px;
    text-transform: uppercase;
    font: 16px/51px "johnsans_medium_proregular'", "Arial",sans-serif;
    color: #cccccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.subscription input:focus::-webkit-input-placeholder{
    color:transparent;
}
.subscription input:focus:-moz-placeholder{
    color:transparent;
}
.subscription input:focus:-ms-input-placeholder{
    color:transparent;
}
.subscription input:focus::-moz-placeholder{
    color:transparent;
}
.subscription input[type='submit']{
    cursor: pointer;
    border: none;
    overflow: hidden;
    text-indent: -9999px;
    background: url("../images/bg-3.png") no-repeat;
    width: 25px;
    height: 28px;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.subscription input[type='submit']:hover{
    opacity: 0.8;
}
.consultation{
    background: #dddddd;
    padding: 25px;
    margin: 0 0 54px;
}
.consultation-form .holder-table{
    display: table;
    width: 100%;
}
.consultation-form .holder-table-cell{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.consultation-form{
    padding: 0 8% 0 15%;
}
.consultation-form span{
    text-transform: uppercase;
    display: block;
    margin: 3px 0;
    font: 16px/18px "johnsans_medium_proregular'", "Arial",sans-serif;
    color: #959595;
}
.consultation-form span.consultation-title{
    font-size: 24px;
    line-height: 26px;
    color: #111111;
}
.consultation-form .holder-input{
    width: 233px;
}
.consultation-form input[type='text']{
    width: 100%;
    height: 51px;
    border: none;
    padding: 0 20px;
    text-transform: uppercase;
    font: 16px/51px "johnsans_medium_proregular'", "Arial",sans-serif;
    color: #cccccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.consultation-form input:focus::-webkit-input-placeholder{
    color:transparent;
}
.consultation-form input:focus:-moz-placeholder{
    color:transparent;
}
.consultation-form input:focus:-ms-input-placeholder{
    color:transparent;
}
.consultation-form input:focus::-moz-placeholder{
    color:transparent;
}
.consultation-form input[type='submit']{
    cursor: pointer;
    margin: 0 0 0 5px;
    border: none;
    overflow: hidden;
    text-indent: -9999px;
    background: url("../images/bg-4.png") no-repeat;
    width: 25px;
    height: 28px;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.consultation-form input[type='submit']:hover{
    opacity: 0.8;
}
#footer {
    position:relative;
    width: 100%;
    /*height: 392px;*/
    margin-top: -392px;
    background: url("../images/img-1.jpg") no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.footer-nav{
    padding: 58px 0 0 135px;
    font-size: 0;
    line-height: 0;
    margin: 0 0 41px;
}
.footer-nav ul{
    display: inline-block;
    vertical-align: top;
    width: 20%;
    font-size: 18px;
    line-height: 20px;
}
.footer-nav li{
    margin: 0 0 16px;
}
.footer-nav a{
    color: #ffffff;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.footer-nav a:hover{
    opacity: 0.8;
}
.social-list{
    font-size: 0;
    line-height: 0;
    text-align: center;
}
.social-list li{
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
    border: 4px solid #dddddd;
    width: 23px;
    height: 23px;
    overflow: hidden;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.social-list a{
    display: block;
    height: 100%;
    line-height: 23px;

}
.social-list li:hover{
    opacity: 0.8;
}
.social-list img{
    display: inline-block;
    vertical-align: middle;
}
/* =============================================================================
	HasLayot
	========================================================================== */
.group:after{
    content: '';
    display: block;
    clear: both;
}