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

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

#header{position: relative;}
.header-top{padding: 12px 0; background: #fff url(../images/front/bg_line.png) no-repeat bottom center;}
.header-top h2{font: 400 22px/normal 'utm_swiss', sans-serif; text-transform: uppercase; color: #555;margin: 10px 0 0;}
.block_so{}
.block_so ul{margin-top: 10px;text-align: right;}
.block_so ul li{display: inline-block;overflow: hidden; padding: 0 5px;}
.block_so ul li a{display: block; text-indent: 9999px; width: 32px; height: 32px; background: url(../images/front/sprite.png) no-repeat;}
.block_so ul li a.icon_1{background-position: 0 0;}
.block_so ul li a.icon_2{background-position: -47px 0;}
.block_so ul li a.icon_3{background-position: -94px 0;}


.header-bot{width: 100%; position: absolute; left: 0; bottom: -54px; z-index: 10;}
.header-bot .container{position: relative;}

.block-menu{background: #fff; padding: 10px 0;}
.block-menu ul{padding-left: 120px;}
.block-menu ul li{float: left;position: relative;border-radius: 3px;}
.block-menu ul li a{display: block; font: 400 13px/20px 'Roboto', sans-serif; color: #666; text-transform: uppercase; padding: 7px 20px; }
.block-menu ul li a .caret{border: none; background: url(../images/front/sprite.png) no-repeat -22px -38px; display: inline-block; width: 7px;height: 4px;}
.block-menu ul li:hover a .caret{background: url(../images/front/sprite.png) no-repeat -29px -38px;}
.block-menu ul li ul{animation: top_ .8s ease;display: none;position: absolute; top: 33px;padding: 0; left: 0;width: 200px; background: #00bff3; border-radius: 0 4px 4px 4px;}
.block-menu ul li ul li{width: 100%; float: none;}
.block-menu ul li ul li:first-child a{border-radius: 0 4px 0 0;}
.block-menu ul li ul li:last-child a{border-radius: 0 0 4px 4px;}
.block-menu ul li ul li:last-child:hover{border-radius: 0 0 4px 4px;}
.block-menu ul li ul li a{display: block; padding: 7px 15px; border-top: 1px solid #57D3F7; border-bottom: 1px solid #266577;text-transform: capitalize;}
.block-menu ul li ul li:hover{background: #6AC7E0;}
@-webkit-keyframes top_ {
    from {top: -100px;}
    to {top: 33px;}
} 
@keyframes top_ {
    from {top: -100px;}
    to {top: 33px;}
}
.block-menu ul li:hover > ul{display: block;}
.block-menu ul li:hover,
.block-menu ul li.active{background: #00bff3;}

.block-menu ul li:hover a,
.block-menu ul li.active a{color: #fff;}

.block-search{position: absolute;right: 130px; top: 20px;}
.block-search .form-control{z-index: 20;animation: width_ .2s ease; display: none;width: 250px; border-radius: 2px; position: absolute; top: -10px; right: 35px;}
@-webkit-keyframes width_ {
    from {width: 0px;}
    to {width: 250px;}
} 
@keyframes width_ {
    from {width: 0px;}
    to {width: 250px;}
}
.block-search button{border: none; padding: 0; margin: 0; background: url(../images/front/sprite.png) no-repeat 0px -38px; width: 16px; height: 16px; text-indent: -9999px; display: block; position: absolute; top: 0px; right: 15px;} 

.slider{position: relative; margin-bottom: 40px;}
.slider:after{content: ''; background: url(../images/front/bg_slider.png) repeat-x; width: 100%; height: 5px; position: absolute; bottom: 0px; left: 0; display: block; z-index: 10;}
.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; }
.slider .txt{position: absolute; top: 0;left: 0;width: 100%; height: 100%;}
.table_{display: table;width: 100%; height: 100%;}
.table_cell{display: table-cell; width: 100%; height: 100%; vertical-align: middle; text-transform: uppercase; color: #fff;}
.table_cell h4{font: 400 18px/20px 'Roboto', sans-serif;padding-left: 70px; margin-bottom: 10px;}
.table_cell h2{font: 400 48px/48px 'utm_swiss', sans-serif;padding-left: 70px;}


.block-product{margin-bottom: 20px;}
.block-product ul li{margin-bottom: 30px;}
.block-product .detail{position: relative;}
.block-product a.img{display: block;}
.block-product h4{font: 500 14px/20px 'Roboto', sans-serif; color: #fff; background: #00bff3; padding: 10px 20px; display: inline-block;position: absolute;bottom: -1px;left: 0; text-transform: uppercase;}


h3{font: 400 20px/27px 'utm_swiss', sans-serif; color: #254750; text-transform: uppercase; margin-bottom: 20px;}
h3:after{content: ''; width: 30px; height: 2px; background: #d4dee5; display: block;margin-top: 10px;}

.block-items{margin-bottom: 40px;}
.block-items .list_{width: 200px; float: left; margin-right: 30px;}
.block-items .list_ h5{text-transform: uppercase;font: 500 14px/20px 'Roboto', sans-serif; color: #fff; background: #00bff3; padding: 10px 15px;}
.block-items .list_ h5:before{content: ''; width: 10px; height: 9px; background: url(../images/front/sprite.png) no-repeat -22px -44px; display: inline-block; margin-right: 10px;}
.block-items .list_ ul{}
.block-items .list_ ul li{margin-bottom: 2px;}
.block-items .list_ ul li a{font: 400 13px/20px 'Roboto', sans-serif; color: #666; background: #e5ebf0;padding: 8px 15px; display: block; text-transform: capitalize;}
.block-items .list_ ul li a:before{content: ''; width: 8px; height: 8px; background: #3f8193; border-radius: 100%; display: inline-block; margin-right: 10px;}

.img_title{width: 240px; float: left; margin-right: 20px;}

.block-items ul.list_item{overflow: hidden;}
.block-items ul.list_item li{width: 33.33%; float: left; padding-right: 20px;}
.block-items ul.list_item li:last-child{padding-right: 0;}
.block-items ul.list_item li a.img{display: block; border: 1px solid #e1e1e1; height: 210px; overflow: hidden;}
.block-items ul.list_item li a.img img{display: block; width: 100%; height: 100%;}
.block-items ul.list_item li h4{overflow: hidden; height: 20px; margin: 10px 0;}
.block-items ul.list_item li h4 a{font: 500 14px/20px 'Roboto', sans-serif; color: #333; text-transform: capitalize;}


.block-us{font: 400 13px/20px 'Roboto', sans-serif; margin-bottom: 40px;}
.block-us p{color: #555; margin-bottom: 25px;}
.block-us a.read{color: #fff; background: #488a9b; display: block; width: 120px; padding: 8px 0; text-align: center;}


#footer{background: url(../images/front/bg_footer.png) no-repeat; background-size: cover; padding: 35px 0;}
#footer h2{font: 400 18px/20px 'utm_swiss', sans-serif; text-transform: uppercase; color: #fff;margin-bottom: 20px;}
#footer p.social{margin-bottom: 30px;}
#footer p.social span{display: block; margin-bottom: 10px;}
#footer p.social span:before{content: ''; display: inline-block; vertical-align: middle; height: 16px; width: 16px; background: url(../images/front/sprite.png) no-repeat; margin-right: 10px;}
#footer p.social span.icon_1:before{background-position: -38px -38px;}
#footer p.social span.icon_2:before{background-position: -57px -38px;}
#footer p.social span.icon_3:before{background-position: -74px -38px;}
#footer p.social span.icon_4:before{background-position: -93px -38px;}

#footer p a,
#footer p{font: 400 13px/20px 'Roboto', sans-serif; color: #ccc;}




.block-us a.read:hover,
.block-items .list_ ul li a:hover:before{background: #00BFF3;}
.block-items .list_ ul li a:hover{background: #C3DDF3; color: #000;}
.block-items ul.list_item li h4 a:hover{color: #00bff3;}

a.smobitrigger{display: none;}

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

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

@media (max-width: 1190px){
    .block-menu ul{padding-left: 20px;}
    .block-search{right: 30px;}
    .img_title{width: 200px;}
    .block-items ul.list_item li a.img{height: 170px;}
}
@media (max-width: 990px){
    .block-us img,
    .img_title{display: none;}
    .block-menu ul li a{padding: 7px 8px;}
    .block-menu ul{padding-left: 10px;}
    .block-search{right: 10px;}
    .header-top h2{font-size: 20px;}
}
@media (max-width: 750px){
    .block-search{top: 11px;}
    .header-bot{position: inherit; z-index: inherit; left: auto; bottom: auto; height: 35px;}
    a.smobitrigger {display: block;width: 32px;height:19px;overflow: hidden; padding: 5px 0; position: absolute; top: 9px; left: 15px; background: url(../images/front/line.png) no-repeat; text-indent: -9999px;}
    a.mnuclose{border-bottom: 1px solid #1E4D86;padding: 15px 20px; width: 100%; background: #0C284A 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: 999; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
    .mnuopn{left: 0px !important; }
    .menu{margin: 0;display: none;}
    .block-menu .mobimenu {display: block;overflow-y: auto;padding: 0;width: 280px; position: fixed; height: 100%; top: 0px; left: -280px; background-color: #073975 !important;z-index: 9999}
    .block-menu .menu li{float: none;padding: 7px 10px;border-top: 1px solid #072140; border-bottom: 1px solid #1E4D86; margin: 0;}
    .block-menu .menu li:last-child{border-bottom: 0;}
    .block-menu .menu li a{padding: 0; border: none; color: #fff !important; font-size: 13px;background: transparent;}
    .block-menu .menu li:hover, .header-bot .menu li.active,
    .block-menu .menu li.active{background: #2360AB;}
    .block_so ul {position: absolute; z-index: 1; width: 135px; left: 50%; margin-left: -67px; top: 15px; }
    .block-menu ul li ul {background: #2360ab; z-index: 1; left: 20px; top: 35px; border-radius: 0;}
    .block-menu ul.menu li ul li{border-top: none;}
	.header-bot{margin: 10px 0;}
}
@media (max-width: 680px){
    .block-items .list_{float: none; width: 100%; margin: 0 0 20px;}
}
@media (max-width: 630px){
    .header-top h2{font-size: 15px; text-align: center;}
    .block-product{margin-bottom: 0;}
    .block-items{margin-bottom: 20px;}
}
@media (max-width: 500px){
    .header-top h2{font-size: 14px; margin-top: 15px;}
    .block-product h4{padding: 5px 10px;}
}
@media (max-width: 420px){
    .slider{display: none;}
    .block-product ul li{width: 100%; margin-bottom: 20px;}
    .block-items ul.list_item li{width: 100%; padding: 0;}
    .block-items ul.list_item li a.img,
    .block-items ul.list_item li a.img img{height: auto;}
    #footer h2{font-size: 15px;}
	.header-top .col-md-6,
    .logo{width: 100%;text-align: center;}
}