@font-face {
    font-family: 'utm_alexander';
    src: url('../fonts/utm_alexander.otf');
    src: url('../fonts/utm_alexander.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*----- reset -----*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, em, img, strong, dl, dt, dd, ul, li, fieldset, form, label, legend {border: 0; font-family: inherit; font-size: 100%; margin: 0; outline: 0; padding: 0; }
:focus {outline: 0; }
ol,ul {list-style: none; }
img {width: auto\9; height: auto; max-width: 100%; vertical-align: middle; -ms-interpolation-mode: bicubic; }
table {border-collapse: collapse; border-spacing: 0; width: 100%; }
html,body {height: 100%; } 
/*----- common -----*/
body {background-color: #fff; color: #000; font: normal normal 100% Arial, Helvetica, sans-serif; line-height: 1.5em; font-size: .75em; }
h1,h2,h3, h4, h5, h6 {line-height: normal; font-weight: normal; }
input,select,textarea {color: #38444f; font: normal normal 1em Arial, Helvetica, sans-serif; }
input:focus,select:focus,textarea:focus,a:link,a:visited,a:hover,a:focus {outline: none; } a:link,a:visited,a:hover,a:focus {text-decoration: none; }
a:link,a:visited {color: #000; }
a:hover,a:focus {color: #43f812; }
.clear {clear: both; }
/*===================================================================*/

.bg-trans{
	-moz-transition: background, .4s ease;
	-o-transition: background, .4s ease;
	-webkit-transition: background, .4s ease;
	transition: background, .4s ease;
}



.slider{overflow: hidden; position: relative;margin-bottom: 30px;}
.rslides {position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides li {-webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child {position: relative; display: block; float: left; }
.rslides img {display: block; height: auto; float: left; width: 100%; border: 0; }
a.rslides_nav{display: block; width: 22px;height: 22px; background: url(../images/front/sprite.png) no-repeat; text-indent: -9999px; position: absolute; top: 50%; margin-top: -45px;z-index: 10;}
a.rslides_nav.prev{background-position: 0 -68px; left: 0;}
a.rslides_nav.next{background-position: -26px -68px; right: 0;}
a.rslides_nav.prev:hover{background-position: 0 -44px;}
a.rslides_nav.next:hover{background-position: -26px -44px;}
.slider .txt{position: absolute; width: 100%; height: 100%;top: 0; left: 0;}
.slider .table{display: table;width: 100%;height: 100%;}
.slider .table-cell{display: table-cell;width: 100%;height: 100%; vertical-align: middle; text-align: center;}
.slider .table-cell h2{font: 400 36px/20px 'utm_alexander', sans-serif; color: #fff; text-transform: uppercase; margin-bottom: 20px;}
.slider .table-cell a{font: 400 22px/20px 'utm_alexander', sans-serif; color: #fff; text-transform: uppercase; width: 465px; margin: auto; display: block; background: #f6b109; padding: 10px 0 6px; overflow: hidden; transition: all .2s ease;}
.slider .table-cell a:hover{background: #263247; border-radius: 4px;}


.header-top{background: #1b273d;}
.header-top ul li{float: left; padding: 6px 20px; border-left: 1px solid #263247;}
.header-top ul li:first-child{border-left: none;}
.header-top ul li a{display: block; font: 400 13px/20px 'Roboto', sans-serif; color: #8792a5; text-transform: capitalize;}

.header-content{background: #263247;padding: 30px 0;}
.right-top{padding: 10px 0 0;}
.right-top ul{float: right;}
.right-top ul li{float: left; padding: 0 20px;}
.right-top ul li div{overflow: hidden;}
.right-top ul li strong{display: block;font: 400 16px/20px 'Roboto', sans-serif; color: #fff; text-transform: uppercase;}
.right-top ul li span{display: block;font: 400 13px/20px 'Roboto', sans-serif; color: #a3a8b2;}
.right-top ul li:before{content: ''; width: 36px; height: 36px; display: inline-block; float: left; background: url(../images/front/sprite.png) no-repeat; margin-right: 10px;}
.right-top ul li.icon_1:before{background-position: 0 0;}
.right-top ul li.icon_2:before{background-position: -40px 0;}
.right-top ul li.icon_3:before,
.right-top ul li.icon_4:before{display: none;}
.right-top ul li a strong:before{content: ''; width: 19px; height: 20px; display: inline-block; background: url(../images/front/sprite.png) no-repeat; margin-right: 10px; vertical-align: bottom;}
.right-top ul li.icon_3 a strong:before{background-position: -80px 0;}
.right-top ul li.icon_4 a strong:before{background-position: -104px 0;}

.header-bot{background: #ffb600;}
.block-menu{float: left; position: relative;}
.block-menu ul li{float: left; text-transform: uppercase;border-left: 1px solid #e5a300;}
.block-menu ul li a{font: 400 13px/20px 'Roboto', sans-serif; color: #1b273d; display: block; border-bottom: 5px solid transparent;padding:15px 20px 10px;}
.block-menu ul li:hover a,
.block-menu ul li.active a{color: #fff; border-color: #d4951a;}

.block-search{overflow: hidden; position: relative;padding: 8px 20px;border-left: 1px solid #e5a300;border-right: 1px solid #e5a300; width: 200px; float: right;}
.block-search input{border: none; border-radius: 0; padding: 6px 20px 6px 0; background: transparent;box-shadow: 0 0 0 transparent !important; font: italic 400 13px/20px 'Roboto', sans-serif; color: #1b273d;}
.block-search button{border: none; border-radius: 0; position: absolute;top: 15px; right: 20px;background: url(../images/front/sprite.png) no-repeat -131px 0; width: 16px; height: 16px; text-indent: -9999px; display: block;}

#footer{background: url(../images/front/bg_footer.png) repeat; padding: 35px 0; text-align: center;}
#footer h2{font: 400 20px/20px 'utm_alexander', sans-serif; color: #fff; margin-bottom: 10px; text-transform: uppercase;}
#footer p a,
#footer p{font: 400 14px/20px 'Roboto', sans-serif; color: #dbe4f0;}
#footer p span{display: block; margin-bottom: 10px;}
#footer .block-bot{margin-top: 30px;}
#footer .block-bot p{margin-top: 10px;}

a.smobitrigger{display: none;}
.right-top ul li a strong:hover,
.right-top ul li a span:hover,
#footer p a:hover,
.header-top ul li a:hover{color: #FFB600;}






h3{font: 400 18px/26px 'utm_alexander', sans-serif; color: #333; text-transform: uppercase; border-bottom: 1px solid #ececec; margin-bottom: 20px;}
h3 span{display: inline-block; padding-bottom: 10px; border-bottom: 1px solid #ffb600;margin-bottom: -1px;}
h4{overflow: hidden;margin: 10px 0 5px;}
h4 a{font: 500 14px/20px 'Roboto', sans-serif; color: #333;}
h4 a:hover{color: #ffb600;}
.block-product{overflow: hidden;padding-top: 10px; margin-bottom: 25px;}
.slick-slider:before{content: ''; display: block; width: 32px;height: 1px; background-color: #ffb600; position: absolute; top: -21px; right: 0;}
.block-product .slick-list{margin: 0 -15px;}
.block-product li{padding: 0 15px; float: left;}
.block-items p,
.block-product p{font: 400 14px/20px 'Roboto', sans-serif; color: #ff2520;}
.slick-slider button{border: none; display: block; background: url(../images/front/sprite.png) no-repeat; text-indent: -9999px;width: 11px; height: 16px; position: absolute; top: -57px;padding: 0;}
.slick-slider button.slick-prev{background-position: -68px -44px; right: 21px;}
.slick-slider button.slick-next{background-position: -80px -44px; right: 0;}
.slick-slider button.slick-prev:hover{background-position: -68px -62px;}
.slick-slider button.slick-next:hover{background-position: -80px -62px;}

.banner{margin-bottom: 40px; overflow: hidden;}
.banner ul{margin: 0 -15px;}
.banner .col-50 li{width: 50%; float: left; padding: 0 15px;}
.banner .col-100 li{width: 100%; float: left;padding: 0 15px;}
.block-content{}

.block-items{margin-bottom: 40px;}
.title_img{width: 240px; float: left; margin-right: 30px;}
.info_items{overflow: hidden;padding-bottom: 20px; border-bottom: 1px solid #ececec;}
.block-items ul{margin: 0 -10px;}
.block-items ul li{width: 25%; float: left; box-sizing:border-box; padding: 0 10px;}
.block-items a.img{display: inline-block;}
.block-items h4{height: 20px;}
.block-items ul li.list-menu{}
.block-items ul li.list-menu li{text-align: left;width: 100%; display: block; float: none;margin-bottom: 2px;}
.block-items li.list-menu h5{font: 500 14px/20px 'Roboto', sans-serif; color: #fff;text-transform: uppercase; padding: 10px 15px; background-color: #ffb600;}
.block-items li.list-menu h5:before{content: '';width: 10px; height: 9px;background: url(../images/front/sprite.png) no-repeat -53px -44px; margin-right: 7px; display: inline-block;}
.block-items li.list-menu li a:before{content: '';width: 8px; height: 8px;background: url(../images/front/sprite.png) no-repeat -53px -55px; margin-right: 10px; display: inline-block;}
.block-items li.list-menu li a{font: 400 13px/20px 'Roboto', sans-serif; color: #888; padding: 8px 15px; display: block; background: #ececec;}
.block-items li.list-menu li a:hover{color: #49566e;}
.block-items li.list-menu li a:hover:before{background: url(../images/front/sprite.png) no-repeat -53px -66px;}



.block-news{font: 400 13px/20px 'Roboto', sans-serif; color: #555;margin-bottom: 20px;}
.block-news p{margin-bottom: 5px;}
.block-news ul li{margin-bottom: 20px;}



/*==========================================================================*/

@-moz-document url-prefix() { 
	
}

@media (max-width: 1190px){
    /*.right-top ul li.icon_2{display: none;}*/
    .right-top ul li.icon_3:before{background-position: -96px -44px;display: block;}
    .right-top ul li.icon_4:before{background-position: -134px -44px;display: block;}
    .right-top ul li.icon_3 a strong:before,
    .right-top ul li.icon_4 a strong:before{display: none;}
    .block-menu ul li a{padding: 15px 10px 10px;}
    .block-search{width: 155px;}
    
    .right-top ul li{padding: 0 10px; position: relative;}
    .right-top ul li:before{margin: 0;}
    .right-top ul li div{display: none;transition: all .2s ease;}
    .right-top ul li:hover:before{margin-right: 10px;}
    .right-top ul li:hover div{display: block;}

}
@media (max-width: 990px){
    /*.right-top ul li{padding: 0 10px;}*/
    a.smobitrigger {display: block;width: 32px;height:19px;overflow: hidden; position: absolute; top: 8px; left: 15px; background: url(../images/front/line.png) no-repeat; text-indent: -9999px;}
    a.mnuclose{padding: 15px 20px; width: 100%; background: #1b273d  url(../images/front/bg-close.png) no-repeat center; display: block; text-indent: -9999px;border-bottom: 1px solid #17243C;}
    .ovrActv {position: fixed; background: rgba(0, 0, 0, 0.79); width: 100%; height: 100%; z-index: 9998; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
    .mnuopn{left: 0px !important; }
    .title_img,
    .menu{display: none;}
    .block-menu ul.mobimenu {overflow-y: auto;padding: 0;width: 280px; position: fixed; height: 100%; top: 0px; left: -280px; background-color: #263247 !important;z-index: 9999;display: block;}
    .block-menu ul li{float: none;padding: 7px 20px;border:none;border-top: 1px solid #283C65; border-bottom: 1px solid #17243C;margin: 0;}
    .block-menu ul li:last-child{border-bottom: none;}
    .block-menu ul li a{font-size: 14px;padding: 0; border: none; color: #a3a8b2 !important;text-transform: capitalize;}
    .block-menu ul li:hover a, 
    .block-menu ul li.active a{color: #fff !important;}
    .block-search{width: 220px;padding: 0 20px;}
    .block-search button{top: 10px;}
}
@media (max-width: 680px){
    .info_items{padding: 0; border: none;}
    .block-items{margin-bottom: 20px;}
    .block-items ul li.list-menu{width: 100%;margin-bottom: 10px;}
    .block-items ul li{width: 33.33%;}
    .block-items .list-menu ul{display: none;}
    .block-items .list-menu .detail:hover ul{display: block;}
}
@media (max-width: 630px){
    .right-top ul li .detail {overflow: inherit;width:250px; position: absolute; top: 45px; right: 10px; background: #fff; padding: 10px; border-radius: 4px; z-index: 10; text-align: center;}
    .right-top ul li .detail:after{border: 7px solid transparent; border-bottom: 7px solid #fff; content: ''; position: absolute; top: -14px; right: 10px;}
    .right-top ul li span,
    .right-top ul li strong{color: #000;}
    .right-top ul li:hover:before{margin: 0;}
}
@media (max-width: 500px){
    .slider .txt{display: none;}
}
@media (max-width: 420px){
    .logo{width: 100%;text-align: center;float: none;}
    .logo a{display: inline-block;}
    .right-top{width: 225px; margin: 10px auto 0;float: none;}
    .right-top ul{position: relative; float: none;}
    .right-top ul li{position: initial;}
    .header-top ul li{padding: 6px 10px;}
    .right-top ul li .detail{left: 0;border-bottom: 1px solid #FFB600;}
    .slider,
    .right-top ul li .detail:after{display: none;}
    .block-product{padding-top: 25px;}
    .block-items ul li{float: none; text-align: center; margin-bottom: 15px; width: 100%;}
    .block-items ul li.list-menu{text-align: left;}
    .slick-initialized .slick-slide{text-align: center;}
    .slick-initialized .slick-slide img{display: inline-block;}
    .block-news ul li{width: 100%;}
}