@font-face {
    font-family: 'altergothic';
    src: url('../fonts/altergothic.otf');
    src: url('../fonts/altergothic.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;
}


.header-top{background: #00a8ff;font: 400 13px/20px 'Roboto', sans-serif;color: #fff;}
.header-top p.pull-left{margin-top: 9px;}
.header-top p.pull-left:before{content: ''; width: 12px; height: 27px; background: url(../images/front/sprite.png) no-repeat 0 0; margin-right: 5px; display: inline-block; vertical-align: middle;}
.right-top li{float: left;border-left: 1px solid #41beff; position: relative;padding: 0 20px;}
.right-top li:last-child{border-right: 1px solid #41beff;}
.right-top .block-input input{width: 270px; height: 42px; background: transparent; border: none;padding: 0 40px 0 0;color: #fff;}
.right-top .block-input button{width: 16px; height: 16px; border: none;padding: 0; text-indent: -9999px; background: url(../images/front/sprite.png) no-repeat -17px 0;position: absolute; top: 14px; right: 20px;}
.right-top .block-input:after{width: 1px; height: 16px;background: #41beff;display: inline-block;content: ''; position: absolute; right: 45px ;top: 13px;}
.header-top ::-webkit-input-placeholder {color: #fff; }
.header-top :-moz-placeholder {color: #fff; }
.header-top ::-moz-placeholder {color: #fff; }
.header-top :-ms-input-placeholder {color: #fff; }

.block-account{padding: 11px 0 10px 20px;}
.block-account .dropdown-toggle{cursor: pointer;}
.block-account .caret{margin: 10px 0 0 10px;}
.block-account .dropdown-menu {padding: 0; top: 28px; border-radius: 0 0 4px 4px; left: auto; right: -20px; text-transform: capitalize; }
.block-account .dropdown-menu li{padding: 0;border: none; float: none;}

.logo a{display: inline-block;margin-top: 20px;}
.block-menu{}
.block-menu ul{}
.block-menu ul li{float: left;text-transform: uppercase;padding: 25px 10px;}
.block-menu ul li a{display: block; font: 500 14px/30px 'Roboto', sans-serif; color: #3a3d35;}
.block-menu ul li:hover,
.block-menu ul li.active{background: #00a8ff;}
.block-menu ul li:hover a,
.block-menu ul li.active a{color: #fff;}

.cart_{}
.cart_ a{font: 400 13px/20px 'Roboto', sans-serif; color: #555;margin-top: 25px;margin-right: 20px;display: inline-block;}
.cart_ a:before{width: 19px;height: 22px; display: inline-block; background: url(../images/front/sprite.png) no-repeat 0 -28px; margin-right: 10px; content: ''; vertical-align: bottom;}

.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; }
.rslides_tabs{position: absolute; bottom: 10px; z-index: 10; text-align: center;width: 100%;}
.rslides_tabs li{display: inline-block;margin: 0 4px; border: 1px solid transparent;}
.rslides_tabs li a{display: block;width: 10px;height: 10px; background: #fff; margin: 1px;text-indent: -9999px;}
.rslides_tabs li.rslides_here{border: 1px solid #fff;}

h3{border-bottom: 1px solid #ececec;text-transform: uppercase;margin-bottom: 20px;font: 400 20px/20px 'Arimo', sans-serif;}
h3 span{border-bottom: 1px solid #00a8ff;  color: #2c2c2c; padding-bottom: 10px; display: inline-block; margin-bottom: -1px;}
h4{overflow: hidden;}
h4 a{font: 500 15px/20px 'Roboto', sans-serif; color: #333;}
h4 a:hover{color: #00A8FF;}
.banner{margin-bottom: 25px;}
.block-product{margin-bottom: 10px;overflow: hidden;}
.block-product ul{margin: 0 -15px;}
.block-product ul li{float: left; padding: 0 15px; margin-bottom: 20px; width: 20%;text-align: center;}
.block-product ul li a.img{overflow: hidden;display: inline-block; border: 1px solid #ececec;margin-bottom: 10px;}
.block-product ul li h4{margin-bottom: 5px; height: 20px;}
.price{display: inline-block; font: 500 15px/20px 'Roboto', sans-serif; color: #ff3f25;}

.block-news{font: 400 13px/20px 'Roboto', sans-serif; margin-bottom: 30px;}
.block-news a.img{display: inline-block;}
.block-news h4{margin: 10px 0 5px;}
.block-news p{color: #555; margin-bottom: 5px;}
.block-news .date{display: inline-block; color: #9c9c9c;}
.block-news ul li{overflow: hidden;margin-bottom: 30px;}
.block-news ul li:last-child{margin-bottom: 0;}
.block-news ul li a.img{width: 200px; height: 120px; float: left; margin-right: 10px;}
.block-news ul li div{overflow: hidden;}

.partner{overflow: hidden;margin-bottom: 15px;}
.partner ul .slick-list{margin: 0 -15px;}
.partner ul li{padding: 0 15px;}
.partner ul li a{display: inline-block; border: 1px solid #ececec; overflow: hidden; height: 115px;}
#footer{background: url(../images/front/bg_footer.png) no-repeat; background-size: cover;padding: 40px 0 30px;}
#footer .row{margin-bottom: 40px;}
#footer h3{border: none; color: #fff;}
#footer a,
#footer p{font: 400 13px/20px 'Roboto', sans-serif; color: #81a6c8;}
#footer ul li,
#footer p span{display: block;margin-bottom: 5px;}

#footer a:hover{color: #fff;}
.block-product ul li a.img:hover,
.partner ul li a:hover{border-color: #00A8FF; border-radius: 4px;}
.block-news a.img:hover img{border-radius: 5px;}


a.smobitrigger{display: none;}
/*==========================================================================*/

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

@media (max-width: 1190px){
    .block-menu ul{margin-top: 15px;}
    .block-menu ul li{padding: 10px 7px;}
    .block-menu ul li a{font-size: 12px;}
}
@media (max-width: 990px){
    .header-top p.pull-left{display: none;}
    .cart_ a:before{background: url(../images/front/sprite.png) no-repeat -21px -28px}
    .cart_{position: absolute;top: 0;}
    .cart_ a{float: left !important; margin-top: 10px; color: #fff;}
    .block-menu ul li {padding: 10px 8px;}
    .logo a{margin: 15px 0;}
    .block-product ul li{width: 25%;}
    .block-product ul li h4{height: 40px;}
}
@media (max-width: 750px){
    a.smobitrigger {display: block;width: 32px;height:19px;overflow: hidden; padding: 5px 0; position: absolute; top: 30px; right: 15px; background: url(../images/front/line.png) no-repeat; text-indent: -9999px;}
    a.mnuclose{padding: 15px 20px; width: 100%; background: #277AA5  url(../images/front/bg-close.png) no-repeat center; display: block; text-indent: -9999px;}
    .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{right: 0px !important;}
    .block-menu ul{display: none; margin: 0;}
    .block-menu ul.mobimenu {display: block;overflow-y: auto;padding: 0;width: 280px; position: fixed; height: 100%; top: 0px; right: -280px; background-color: #fff !important;z-index: 9999;display: block;}
    .block-menu ul li{float: none;padding: 5px 20px;border-top: 1px solid #277AA5; margin: 0;}
    .block-menu ul li a{padding: 0; border: none; color: #444 !important;text-transform: capitalize;}
    .block-menu ul li:hover a, 
    .block-menu ul li.active a{color: #fff !important;}
}
@media (max-width: 680px){
    .right-top .block-input input{width: 180px;}
    .block-news ul li h4{height: 60px;}
}
@media (max-width: 630px){
    .header-top{height: 80px;}
    .right-top .block-input input{height: 40px;}
    .cart_{top: 40px; border-top: 1px solid #41beff;width: 100%;}
    .cart_ a{float: right !important; }
    .block-product ul li{width: 33.33%;}
    .block-news .col-md-5{width: 100%;margin-bottom: 20px;}
    .block-news .col-md-7{width: 100%;}

}
@media (max-width: 500px){
    .logo{width: 75%;}
    .header-bot .col-sm-8{width: 25%;}
}
@media (max-width: 420px){
    .right-top li{padding: 0 5px;}
    .right-top .block-input input{width: 170px;}
    .block-account .dropdown-menu{right: -6px;}
    .block-product ul li{width: 50%;}
    .block-news ul li a.img{float: none; margin: 0 auto;display: block;}
    .block-news ul li h4{height: auto;}
    #footer .row{margin-bottom: 0;}
    #footer .col-xs-6{width: 100%; margin-bottom: 20px;}
}