@font-face {
    font-family: 'american-san';
    src: url('../fonts/american-san.otf');
    src: url('../fonts/american-san.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{padding: 30px 0 0; height: 140px;}
.logo{float: left;}
.right-top{float: right; margin-top: 10px;}
.right-top ul li{float: left; margin-left: 50px;}
.right-top ul li:first-child{margin: 0;}
.right-top ul li a strong:before,
.right-top ul li:before{content: ''; float: left; width: 36px; height: 36px; background: url(../images/front/sprite.png) no-repeat; margin-right: 10px;}
.right-top ul li.block_addr:before{background-position: -38px 0px;}
.right-top ul li.block_log strong:before{background-position: -80px 0px; width: 20px; height: 22px;}
.right-top ul li.block_cart strong:before{background-position: -105px 0px; width: 20px; height: 22px;}
.right-top ul li.block_cart:before,
.right-top ul li.block_log:before{display: none;}

.right-top ul li div{overflow: hidden;}
.right-top ul li a{display: block;}
.right-top ul li strong{font: 400 16px/20px 'Roboto', sans-serif; color: #555; display: inline-block;}
.right-top ul li span{font: 400 13px/20px 'Roboto', sans-serif; color: #9c9c9c; display: block;}

.header-bot{position: relative;}
.block-menu{position: absolute; width: 100%;left: 0; background: #008dff; top: 20px;z-index: 10;}
.block-menu ul{padding: 0 20px;}
.block-menu ul li{float: left;}
.block-menu ul li a{display: inline-block; font: 700 13px/20px 'Open Sans', sans-serif; color: #fff; text-transform: uppercase; padding: 18px 15px; border-top: 6px solid transparent;}
.block-menu ul li.active a,
.block-menu ul li:hover a{border-color: #97d1ff;}

.slider{overflow: hidden;position: relative;}
.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 li .block-txt{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.rslides li .table{display: table;width: 100%;height: 100%;margin: 0;}
.rslides li .table-cell{display: table-cell;width: 100%;height: 100%; vertical-align: middle;color: #fff;}
.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;border-radius: 100%;}
.rslides_tabs li a{display: block;width: 10px;height: 10px; background: #fff; margin: 1px;text-indent: -9999px;border-radius: 100%;}
.rslides_tabs li.rslides_here{border: 1px solid #fff;}

.table-cell .txt{width: 540px; margin: auto; background: #fff;text-transform: uppercase;text-align: center;padding: 25px 0 7px;}
.table-cell .txt h2{font: 400 34px/normal 'american-san', sans-serif; color: #1eaa46;}
.table-cell .txt p{font: 400 14px/20px 'Roboto', sans-serif; color: #333;}



.footer-top{background: url(../images/front/bg_footer.png) repeat; padding: 60px 0 30px;}
.footer-top h3{font: 500 16px/20px 'Roboto', sans-serif; color: #fff; padding-top: 20px; border-top: 5px solid #008dff; display: inline-block;text-transform: uppercase; margin-bottom: 25px;}
.footer-top p a{font: 400 13px/22px 'Roboto', sans-serif; color: #ccc;}
.footer-top p{font: 400 13px/22px 'Roboto', sans-serif; color: #ccc;padding-right: 40px;}
.social{overflow: hidden;margin-top: 25px;}
.social a{height: 36px; width: 36px; margin-right: 10px; text-indent: -9999px; float: left; background: url(../images/front/sprite.png) no-repeat;}
.social a.icon_f{background-position: -30px -104px;}
.social a.icon_g{background-position: -30px -141px;}
.social a.icon_t{background-position: -72px -104px;}

.footer-top ul.account li{width: 50%; float: left;margin-bottom: 7px;}
.footer-top ul.account li a{font: 400 13px/20px 'Roboto', sans-serif; color: #fff;}
.footer-top ul.contact li{font: 400 13px/20px 'Roboto', sans-serif; color: #ccc;overflow: hidden;margin-bottom: 10px;}
.footer-top ul.contact li:before{content: ''; width: 17px; margin-right: 10px; float: left; background: url(../images/front/sprite.png) no-repeat;margin-top: 3px;}
.footer-top ul.contact li.icon_1:before{background-position: 0px -107px; height: 13px;}
.footer-top ul.contact li.icon_2:before{background-position: -1px -127px; height: 15px;}
.footer-top ul.contact li.icon_3:before{background-position: 0px -148px; height: 18px;}
.footer-top ul.contact li.icon_4:before{background-position: 0px -173px; height: 14px;}
.footer-top ul.contact li span{display: block;overflow: hidden;}

.footer-bot{background: #141414; font: 300 13px/20px 'Roboto', sans-serif; color: #c9c9c9; padding: 20px 0 18px;}
.footer-bot a{color: #c9c9c9;}




.block-intro{padding: 60px 0;}
.block_n .img{display: block;}
.block_n h4{margin: 15px 0 5px; overflow: hidden;}
.block_n h4 a{font: 500 14px/20px 'Roboto', sans-serif; color: #2c2c2c; text-transform: uppercase;}
.block_n p{font: 400 13px/20px 'Roboto', sans-serif; color: #555; margin-bottom: 10px;}
.block_n a.view-more{font: 400 13px/20px 'Roboto', sans-serif; color: #6a6a6a; width: 95px; display: block; padding: 5px 0; border: 1px solid #e1e1e1;text-align: center;}
.block_n a.view-more:before{content: ''; border: 4px solid transparent; border-left: 4px solid #9c9c9c; display: inline-block;margin-right: 5px;}

.block-project{background: url(../images/front/bg_footer.png) repeat; padding: 40px 0 60px;}
.block-project .container{position: relative;}
.title{padding-bottom: 30px; border-bottom: 1px solid #333;}
.title h3{font: 700 18px/20px 'Roboto', sans-serif; color: #fff; text-transform: uppercase;padding-top: 15px;position: relative;}
.title h3:before{width: 70px; height: 5px; background: #008dff; display: block; position: absolute; top: -5px;left: 0; content: '';}

.tab_title{position: absolute;right: 15px;top: -47px;}
.tab_title ul{margin: 0 -20px;float: right;}
.tab_title ul li{padding: 0 20px; float: left;}
.tab_title ul li a{font: 400 13px/20px 'Roboto', sans-serif; color: #ccc; text-transform: uppercase;}
.tab_title ul li:hover a,
.tab_title ul li a.active{color: #42ff00;}

.tab_content{margin-top: 35px;}
.tab_content .tab_detail{display: none;}
.tab_content ul li{padding: 0 15px;}
.tab_content .slick-list{width: 1030px; margin: auto;}
.lits_part button,
.list_com button,
.tab_content button{border: none; padding: 0; width: 26px; height: 27px; text-indent: -9999px; background: url(../images/front/sprite.png) no-repeat; position: absolute; top: 50%; margin-top: -13px;}

.tab_content button.slick-prev{background-position: 0px -45px; left: 0px;}
.tab_content button.slick-next{background-position: -30px -45px; right: 0px;}
.lits_part button.slick-prev:hover,
.list_com button.slick-prev:hover,
.tab_content button.slick-prev:hover{background-position: 0px -73px;}
.lits_part button.slick-next:hover,
.list_com button.slick-next:hover,
.tab_content button.slick-next:hover{background-position: -30px -73px;}


.block-news{padding: 60px 0;}
.block-news .title{border: none;}
.block-news h3{color: #333;}
.block-news h4 a{text-transform: inherit;}

.list_com button.slick-prev{background-position: 0px -45px; right: 30px;top: -34px;}
.list_com button.slick-next{background-position: -30px -45px; right: 0px; top: -34px;}
.lits_part button.slick-prev{background-position: 0px -45px; right: 30px;top: -34px;}
.lits_part button.slick-next{background-position: -30px -45px; right: 0px; top: -34px;}

.partner-comment {padding-bottom: 60px;}
.partner-comment .title{border: none;padding-bottom: 20px;}
.partner-comment h3{color: #333;}
.comment,
.partner{position: relative;}
.partner ul .slick-list{margin: 0 -5px;}
.partner ul li{padding: 0 5px;}
.partner ul li a{border: 1px solid #e1e1e1;display: block;margin-bottom: 10px;}

.comment p{background: #f7f7f7; padding: 20px; font: italic 13px/20px 'Roboto', sans-serif; color: #555; margin-bottom: 20px;position: relative;}
.comment p:after{content: ''; width: 0; height: 0; border-top: 15px solid #d6d6d6; border-left: 24px solid transparent; position: absolute; bottom: -15px; left: 0;}
.user,
.user .txt{overflow: hidden;}
.user .img{width: 60px; height: 60px; float: left; border-radius: 100%; margin-right: 20px;}
.user .img img{width: 60px; height: 60px; float: left; border-radius: 100%;}
.user h5{font: 500 14px/20px 'Roboto', sans-serif; color: #2c2c2c; text-transform: capitalize; margin-top: 10px;}
.user span{font: 400 13px/20px 'Roboto', sans-serif; color: #9c9c9c;}

.footer-bot a:hover,
.footer-top p a:hover,
.footer-top ul.account li a:hover,
.block_n h4 a:hover{color: #008dff;}
.partner ul li a:hover,
.block_n a.view-more:hover{color: #008dff; border-color: #008dff;}
.block_n a.view-more:hover:before{border-left-color: #008dff;}


.search_{position: absolute; right: 30px; top: 34px;z-index: 22;border-left: 1px solid #42abff;padding-left: 20px;height: 38px;}
.search_ span{display: block; width: 15px; height: 16px; text-indent: -9999px; background: url(../images/front/sprite.png) no-repeat -133px 0px; margin-top: 10px; cursor: pointer;}
.search_ input.form-control{animation: left_ 1s forwards; width: 200px; height: 38px; background: #fff; position: absolute; right: 40px; top: 0; border-radius: 0;display: none;}
@keyframes left_ {    
    0%   {right:0;}
    100%  {right:40px;}
}

a.smobitrigger{display: none;}

.tab_content ul li .detail{position: relative;}
.tab_content ul li .txt{position: absolute; width: 100%;left: 0; bottom: 0;height: 100%;background: rgba(0, 0, 0, 0.66);padding-left: 30px;display: none;}
.tab_content ul li .txt h4{animation: top_ 1s forwards;width: 170px;position: absolute;left: 30px; top:80px;}
.tab_content ul li .txt h4 a{font: 700 14px/20px 'Roboto', sans-serif; color: #fff;text-transform: uppercase; width: 145px;}
.tab_content a.view{animation: bot_ 1s forwards;position: absolute;left: 30px; bottom:30px;font: 400 13px/20px 'Roboto', sans-serif; color: #fff; width: 95px; display: block; padding: 5px 0;text-align: center;background: #008dff;margin-top: 5px;}
.tab_content a.view:before{content: ''; border: 4px solid transparent; border-left: 4px solid #fff; display: inline-block;margin-right: 5px;}
.tab_content ul li:hover .txt{display: block;}
@keyframes top_ {    
    0%   {top:0;}
    100%  {top:80px;}
}
@keyframes bot_ {    
    0%   {bottom:0;}
    25%  {bottom:10px;}
    50%  {bottom:20px;}
    75%  {bottom:25px;}
    100%  {bottom:30px;}
}

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

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

@media (max-width: 1190px){
    .right-top ul li{margin-left: 20px;}
    .block-menu ul li a{padding: 18px 10px;}
    .tab_content .slick-list{width: 90%;}
    .block_n h4{height: 40px; overflow: hidden;}
}
@media (max-width: 990px){
    .right-top ul li.block_p,
    .right-top ul li.block_addr{display: none;}
    .block-menu ul li a{padding: 18px 6px; font: 500 11px/20px 'Open Sans', sans-serif;}
    .footer-top .col-md-4{margin-bottom: 20px;}
    .block-news h4{overflow: hidden; height: 20px;}
}
@media (max-width: 750px){
    #header{height: auto;}
    a.smobitrigger {display: block;width: 32px;height:19px;overflow: hidden; padding: 5px 0; position: absolute; top: 10px; left: 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; font-size: 13px;}
    .block-menu ul li:hover a, 
    .block-menu ul li.active a{color: #008cdc !important;}
    .block-menu{position: relative; left: 0;top: 0;margin: 20px 0; height: 38px;z-index: inherit;}
    .search_{top: 0;}
    .block-news .col-md-4{margin: 0 0 20px;}
    .comment{margin-top: 20px;}
    .block-news,
    .block-intro{padding: 20px 0;}
    .table-cell .txt h2{font-size: 23px;}
    .partner-comment{padding-bottom: 20px;}
}
@media (max-width: 680px){
    .tab_title{position: inherit; left: auto; top: auto;}
    .tab_title ul{margin: 20px -20px;}
}
@media (max-width: 630px){
    .rslides li .block-txt{display: none;}
}
@media (max-width: 500px){
    .right-top{position: absolute; top: 0; right: 15px; width: 100%;text-align: center;}
    .right-top ul li{display: inline-block; float: none;}
    .logo{margin-top: 40px;width: 100%;text-align: center;}
    .logo a{display: inline-block;}
    .block-news .col-md-4,
    .footer-top .col-md-4,
    .block-intro .col-md-6{width: 100%; margin-bottom: 20px;}
    .tab_title ul{float: none;margin: 20px 0 0;}
    .tab_title ul li{width: 100%; float: none;}
}
@media (max-width: 1190px){}
@media (max-width: 1190px){}