/*
    Theme Name: TYT
    Tags: Blank, HTML5, CSS3
    License: MIT
    License URI: http://opensource.org/licenses/mit-license.php
*/

*{margin: 0; padding: 0; box-sizing: border-box;}
body{background:#fff url(imgs/bg.jpg) repeat; color:#000; font:14px/24px Arial, Helvetica, sans-serif ,'Roboto-Light';}
a{text-decoration: none; color: #000;}
a:hover, a:focus{text-decoration: none; color: #e30000;}

.font11{font-size: 11px;}
.font12{font-size: 12px;}
.font13{font-size: 13px;}
.font14{font-size: 14px;}
.font15{font-size: 15px;}
.font16{font-size: 16px;}
.font17{font-size: 17px;}
.font18{font-size: 18px;}
.font19{font-size: 19px;}
.font20{font-size: 20px;}
.font21{font-size: 21px;}
.font22{font-size: 22px !important;}
.font23{font-size: 23px;}
.font24{font-size: 24px;    line-height: 35px;}
.font25{font-size: 25px;    line-height: 35px;}
.font26{font-size: 26px;    line-height: 35px;}
.font27{font-size: 27px;    line-height: 35px;}
.font28{font-size: 28px;    line-height: 35px;}
.font29{font-size: 29px;    line-height: 35px;}
.font30{font-size: 30px;    line-height: 35px;}
.font31{font-size: 31px;    line-height: 35px;}
.font32{font-size: 32px;    line-height: 35px;}
.font33{font-size: 33px;    line-height: 35px;}
.font34{font-size: 34px;    line-height: 35px;}
.font35{font-size: 35px;    line-height: 35px;}
.font36{font-size: 36px;    line-height: 35px;}
.font37{font-size: 37px;    line-height: 42px;}
.font38{font-size: 38px;    line-height: 42px;}
.font39{font-size: 39px;    line-height: 42px;}
.font40{font-size: 40px;    line-height: 42px;}
.font41{font-size: 41px;    line-height: 42px;}
.font42{font-size: 42px;    line-height: 55px;}

.mar10{margin: 10px 0 !important;}
.mar20{margin: 20px 0;}
.mar30{margin: 30px 0;}
.mar40{margin: 40px 0;}
.mart10{margin-top: 10px !important;}
.mart20{margin-top: 20px;}
.mart30{margin-top: 30px;}
.mart40{margin-top: 40px;}
.marb20{margin-bottom: 20px;}
.marb30{margin-bottom: 30px;}
.marb40{margin-bottom: 40px;}
.marb10{margin-bottom: 10px !important;}
.marb50{margin-bottom: 50px;}
.mar5{margin: 5px;}
.h10{height: 10px;}
.h15{height: 15px;}
.h20{height: 20px;}
.h30{height: 30px;}
.h40{height: 40px;}
.h50{height: 50px;}
.h60{height: 60px;}

.no-margin{margin: 0 !important;}
.no-padding{padding: 0;}
.float_none{float: none !important;}
.no-border{border: none !important;}


.bg_xanh6{background: #67ad4a;}
.bg_black{background: #000;}
.bg_white{background: #fff;}

.cl_931e29, .cl_man{color: #931e29}
.cl_efa316, .cl_gold{color: #efa316;}
.cl_xanh1{color: #2b3d98;}
.cl_008fc5{color: #008fc5}
.cl_white{color: #fff;}
.cl_black{color: #000;}
.cl_666{color: #666;}
.cl_nav a{color: #3e3e3e;}
.cl_414141{color: #414141;}
.cl_xanh6{color: #00a651;}
.cl_cam{color: #ff7200;}
.cl_red, .cl_red a{color: #ff0000;}
.cl_e30000{color: #e30000}

.clear{clear: both;}
.none, .hamburger, .mobile{display: none;}
.block{display: block;}
.full{float: left;  width: 100%; margin: 0;}
.w50{width: 50%;}
.w100{width: 100%; display: inline-block;}
.relative{position: relative;}
.transition{-webkit-transition: all 0.3s; transition: all 0.3s;}
.border{border:1px solid #e1e1e1;}
.bold{font-weight: bold;}
.italic{font-style: italic;}

.pad15{padding: 15px;}
.pad30{padding:30px 0;}
.pad50{padding:50px 0;}
.padt50{padding-top: 50px;}
.padb50{padding-bottom: 50px;}

.no-pad-left-col-sm{padding-left: 0;}

ul{list-style: none;}
.txt_upcase, .text-uppercase{text-transform: uppercase;}
.txt-center, .text-center{text-align: center;}

.img-scale-in:hover img {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    cursor: pointer;
}
.img-scale img, .img-scale-in img {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.img-scale:hover img {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
    cursor: pointer;
}
p{text-align: justify;}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%}
/*effect*/
/*************** scroll *******************/
/*.abs::-webkit-scrollbar,.gallery_01 ul::-webkit-scrollbar{width:6px}.xoay360anh .large-image::-webkit-scrollbar{height:6px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);-webkit-border-radius:10px;border-radius:10px}::-webkit-scrollbar-thumb{-webkit-border-radius:10px;border-radius:10px;background:#b7b7b7;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5)}::-webkit-scrollbar-thumb:window-inactive{background:#b7b7b7}.abs::-webkit-scrollbar-thumb:window-inactive{background:#b7b7b7}.abs::-webkit-scrollbar-thumb{-webkit-border-radius:10px;border-radius:10px;background:#b7b7b7;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5)}.led{-webkit-animation-name:blinker;-webkit-animation-duration:2s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-name:blinker;-moz-animation-duration:2s;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;animation-name:blinker;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes blinker{0%,100%{opacity:1;color:#fe0202}25%{opacity:.5;color:#666}50%{opacity:1;color:#2fbb03}75%{opacity:.5;color:#fc6e0f}}@-moz-keyframes blinker{0%,100%{opacity:1;color:#fe0202}25%{opacity:.5;color:#666}50%{opacity:1;color:#2fbb03}75%{opacity:.5;color:#fc6e0f}}@-webkit-keyframes blinker{0%,100%{opacity:1;color:#fe0202}25%{opacity:.5;color:#666}50%{opacity:1;color:#2fbb03}75%{opacity:.5;color:#fc6e0f}}*/


/*------------------------------------*\
    TYPOGRAPHY
\*------------------------------------*/


@font-face {
    font-family:'Roboto';
    src:url('fonts/Roboto-Regular.ttf')  format('truetype');
}
@font-face {
    font-family:'Roboto-Light';
    src:url('fonts/Roboto-Light.ttf')  format('truetype');
}
@font-face {
    font-family:'Roboto-Thin';
    src:url('fonts/Roboto-Thin.ttf')  format('truetype');
}
@font-face {
    font-family:'Roboto-Bold';
    src:url('fonts/Roboto-Bold.ttf')  format('truetype');
}

.roboto{font-family: 'Roboto';}
.roboto-light, .r-light{font-family: 'Roboto-Light';}
.roboto-thin{font-family: 'Roboto-Thin';}
.roboto-bold, .r-bold{font-family: 'Roboto-Bold';}
/*------------------------------------*\
    IMAGES
\*------------------------------------*/
img{max-width: 100%;}
.the_content img{height: auto;}
.date{ font-size: 14px; font-family: 'Roboto-Light'; margin: 5px 0; color: #a4a4a4}
.photo:hover img{    -webkit-transform: scale(1.07);    transform: scale(1.07); cursor: pointer;}

.img1{width: 100%; overflow: hidden;}

.navbar-fixed-top{position: fixed; top: 0; z-index: 100;}
/*------------------------------------*\
    CUSTOMIZE
\*------------------------------------*/
.container{max-width: 1200px;}

#header{
    height: 83px;
    background: #fff url(imgs/bg-header.jpg) repeat-x bottom; 
}

.logo{line-height: 83px;}
.hotline-top{    margin-top: 15px; height: 60px;}
.hotline-top img{margin-right: 5px; margin-top: 7px;}


.search{margin-top: 20px; height: 35px; line-height: 35px; background: #ebebeb;  border-radius: 12px;}
.search input{border: 0; line-height: 35px; background: transparent; padding:0 15px; width: calc(98% - 35px);}
.search button{border: 0; line-height: 35px; background: transparent; padding: 0;}
.search button i{font-size: 25px;}
.search input:focus,.search button:focus{outline: none;}

.sec1{background: url(imgs/bg-sec1.jpg) repeat-x center -1px #fff;}

#mainnav >li{display: inline-block; line-height: 40px; font: 16px/40px 'Roboto-Bold'; padding: 0 2.5%; -webkit-transition: all 0.3s; transition: all 0.3s;}
#mainnav >li.current-menu-item, #mainnav >li:hover, #mainnav >li.current-menu-parent{background: #ed1b2f; color: #fff;}
#mainnav >li.current-menu-item >a, #mainnav >li:hover >a, #mainnav >li.current-menu-parent >a{color: #fff;}
#mainnav{text-align: center; border-bottom: 4px solid #ed1b2f;}

#mainnav .sub-menu li.current-menu-item a{color: #ed1b2f}
#mainnav .sub-menu{
    z-index: 20;
   display: none;
    position: absolute;
    top: 44px;
    left: calc((100% - 738px)/2);    
    width: 738px;
    margin: 0 auto;
    padding-bottom: 20px;
}

#mainnav .sub-menu li{
    width: 18%;
    margin: 30px 1% 0 1%;
    height: 110px;
    float: left;
    font-size: 15px;
    padding-top: 55px;
    -webkit-transition: all 0.3s; transition: all 0.3s;
}
#mainnav .sub-menu li:hover{padding-top: 50px;}
#mainnav .sub-menu li.i-camry{background: url(imgs/i-xe/camry.png) no-repeat center top;}
#mainnav .sub-menu li.i-corolla {background: url(imgs/i-xe/corolla.png) no-repeat center top;}
#mainnav .sub-menu li.i-fortuner {background: url(imgs/i-xe/fortuner.png) no-repeat center top;}
#mainnav .sub-menu li.i-hiace{background: url(imgs/i-xe/hiace.png) no-repeat center top;}
#mainnav .sub-menu li.i-hilux{background: url(imgs/i-xe/hilux.png) no-repeat center top;}
#mainnav .sub-menu li.i-innova {background: url(imgs/i-xe/innova.png) no-repeat center top;}
#mainnav .sub-menu li.i-land {background: url(imgs/i-xe/land.png) no-repeat center top;}
#mainnav .sub-menu li.i-landprodo{background: url(imgs/i-xe/landprado.png) no-repeat center top;}
#mainnav .sub-menu li.i-vios{background: url(imgs/i-xe/vios.png) no-repeat center top;}
#mainnav .sub-menu li.i-yaris{background: url(imgs/i-xe/yaris.png) no-repeat center top;}
#mainnav .sub-menu li.i-rush{background: url("https://toyotahaiduong.info/wp-content/uploads/2018/09/rush-2018.png") no-repeat center top;}
#mainnav .sub-menu li.i-wigo{background: url("https://toyotahaiduong.info/wp-content/uploads/2018/09/wigo-2018.png") no-repeat center top;}




.social-f-bar i.fa{font-size: 35px; line-height: 68px; margin-right: 15px; color: #fff;}
.social-f-bar i.fa:hover{color:#ccc;  }

.menu-bar{position: absolute; top: 20px; cursor: pointer;}
.fa-bars{ 
    font-size: 38px;
    background: -webkit-linear-gradient(left, #e30000, #667079);
    background: -o-linear-gradient(left, #e30000, #667079); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, #e30000, #667079); /* For Firefox 3.6 to 15 */
    background: linear-gradient(left, #e30000, #667079); /* Standard syntax */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}



.bg_special{    
    background: #4c2714; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #4c2714, #a37d2e, #7e5f1e); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left, #4c2714, #a37d2e, #7e5f1e); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, #4c2714, #a37d2e, #7e5f1e); /* For Firefox 3.6 to 15 */
    background: linear-gradient(left, #4c2714, #a37d2e, #7e5f1e); /* Standard syntax */
}


#carousel-1 img{width: 100%; max-height: 500px; text-align: center; max-width: 1600px; margin: 0 auto;}
#carousel-1 .carousel-indicators li{width: 6px; height: 6px; border-radius: 100%;  margin:0 4px;}
#carousel-1 .carousel-indicators li.active:before{content: ''; width: 2px; height: 2px; border-radius: 100%; border:1px solid #fff; position: absolute; top: 2px; left: 2px; background: #fff;}
#carousel-1 .carousel-indicators li.active{position: relative; background: transparent;}

.topbar-ttl:before{content:"\f04b"; font-family: 'FontAwesome' ; font-size: 17px; color: #ed1b2f; margin-left: -14px; margin-right: 10px;}
.topbar-ttl{font: 16px/60px 'Roboto-Bold'; color: #000;}
.single-page .topbar-ttl{line-height: 25px; padding: 10px 0;}
#tab-content h2:before, .main-content h2:before{content: "\f1b9"; font-family: 'FontAwesome' ; font-size: 17px; color: #ed1b2f; margin-right: 10px;}
#tab-content h2, .main-content h2{font-size: 17px; color: #ed1b2f; font-family: 'Roboto-Bold'}
#tab-content h3:before, .main-content h3:before{content: "\f046"; font-family: 'FontAwesome' ; font-size: 17px; color: #ed1b2f; margin-right: 10px;}
#tab-content .tab-pane h3, .main-content h2, #tab-content h2{display: inline-block; width: 100%; color: #ed1b2f; font-weight: bold;}

.ul-topbar{}
#topbar-1 li:after{content: '|';font-size: 14px;line-height: 24px;width: 10px;text-align: center;float: right;}
.ul-topbar li{float: left;}

#topbar-2 li, 
#topbar-3 li,
#footer-bar-1 li,
#footer-bar-2 li{width: 100%; text-decoration: underline;}
.hotline-topbar i.fa-envelope{margin-right: 20px;}

#owl-hangxe span{margin:15px 0; display: inline-block;}
#owl-hangxe{
    background: #f2f2f2;
    background: -webkit-linear-gradient(#fff, #f2f2f2); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff, #f2f2f2); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #f2f2f2); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff, #f2f2f2); /* Standard syntax */
}

.footer-bar{background: #ed1b2f; color: #fff; height: 68px; overflow-y: hidden;}
.hotline-fbar{    padding: 10px 0;    float: left;    width: 100%;}
.hotline-fbar img{margin-right: 6px;margin-top: 5px;}
.footer-bar .fa-whatsapp,.footer-bar .fa-map-o{font-size: 34px; margin-right: 5px;}

.form1 .form-group{margin-bottom: 5px; width: 100%;display: inline-block;}
.form1 .form-control{background-color: #ebebeb;}

.loop-tinmoi{background: #ebebeb; margin-bottom: 15px; padding: 9px 7px; text-align: justify; float: left; width: 100%;}
.loop-tinmoi .img-tinmoi{width: 45%; overflow: hidden; float: left;}
.loop-tinmoi .wr-sb-tinmoi{width: 50%; float: right; font-size: 14px; line-height: 20px;}

.home-tintuc .img-scale{max-height: 170px; overflow-y: hidden;}
/*Loop sanpham*/
.des_tax{}

.tit-loop-sp{font:24px/30px 'Roboto-Light'; color: #000;}
.tit-loop-sp:hover{text-decoration: underline;}

.loop-prod{margin-bottom: 20px;}

.price{font:14px/24px 'Roboto-Bold'; color: #ed1b2f;}
.wr-prod, 
#mainnav .sub-menu{
    background: #fff;
    background: -webkit-linear-gradient(#fff,#fff,#fff,#fff, #e6e6e6); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff,#fff,#fff,#fff, #e6e6e6); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff,#fff,#fff,#fff, #e6e6e6); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff,#fff,#fff,#fff, #e6e6e6); /* Standard syntax */
    border: 1px solid #e1e1e1; 
    padding: 10px;
}
.wr-prod .btn-chitiet, .wr-prod .btn-dathang{font:14px/30px 'Roboto-Bold'; color: #fff; background: #ed1b2f; text-transform: uppercase; padding: 5px 8px; border-radius: 4px; cursor: pointer;}
.wr-prod .btn-chitiet{ border:1px solid #ed1b2f;}
.wr-prod .btn-chitiet:hover{color: #ed1b2f; background: #fff; border: 1px solid #ed1b2f;}
.wr-prod .btn-dathang:hover{color: #686868; background: #fff; border: 1px solid #686868;}
.wr-prod .btn-dathang{background: #686868; border:1px solid #686868;}
.fotorama__nav-wrap{margin-top: 20px;}

.pagi_box li{display: inline-block;}
.pagi_box li span, .pagi_box li a{margin:2px; cursor: pointer; display: inline-block; line-height: 33px; width: 35px; height: 35px; text-align: center; border-radius: 50%; border:1px solid #a4a4a4; }
.pagi_box li a{background: #ebebeb;}
.pagi_box li span{background: #ed1b2f; color: #fff;}

/*
INDEX
*/
#left-panel .topbar-ttl:before, #sidebar .topbar-ttl:before{margin-left: 0;}
.tit-tin{ height: 48px; overflow: hidden; line-height: 24px; }

#owl-xebanchay .owl-controls{position: absolute;    top: -50px;    right: 15px;}
#owl-xebanchay .owl-controls .owl-page span{width: 6px; height: 6px; opacity: 1; border: 1px solid #e1e1e1; background: #fff; margin: 3px;}
#owl-xebanchay .owl-controls .owl-page.active span, #owl-xebanchay .owl-controls.clickable .owl-page:hover span{background: #e1e1e1;}

#breadcrumbs, #breadcrumbs a{color: #a4a4a4; font-size: 14px;}

#left-panel p{text-align: justify;}
#left-panel #single-page p, body.single-post #left-panel p, body.single-post #left-panel h2, body.single-post #left-panel h3{margin-bottom: 10px;}
#left-panel #single-page p a, #tab-content p a{color:#2C74BC; }

body.single-post #left-panel .tab-content ul{list-style: disc; margin-left: 30px;}



/*
SIDEBAR
*/
.bg-gradient{
    padding: 0px 8px 25px 8px; 
    background: #fff;
    background: -webkit-linear-gradient(#fff,#fff,#fff,#fff,#fff,#fff, #e6e6e6); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff,#fff,#fff,#fff,#fff,#fff, #e6e6e6); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff,#fff,#fff,#fff,#fff,#fff, #e6e6e6); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff,#fff,#fff,#fff,#fff,#fff, #e6e6e6); /* Standard syntax */
    border: 1px solid #e1e1e1;
}
.nut-tuvan{ background: #ebebeb; border-radius: 4px; margin-bottom: 10px; border: 1px solid #e2e0e0; padding: 5px 15px;}
.nut-tuvan i.fa{ width: 50px;}

.support-sb{background: #f7f7f7;padding: 10px;margin: 5px;border-radius: 6px;box-shadow: 0px 0px 6px #9e9c9c;}
.support-sb img{margin-right: 20px;}
.support-sb p{margin-bottom: 10px;}
/*
SINGLE PRODUCT
*/

#text-chonmau{ margin: 0 auto; float: right;}
#text-chonmau li{float: left; width: 40px; margin:10px; cursor: pointer;}
#text-chonmau li.active{color: #ed1b2f; }
#text-chonmau li.active img,#text-chonmau li:hover img{ -webkit-transform: scale(1);    transform: scale(1); }
#label_chonmau{margin-top: 30px; float: left; }

#ul-tab-content li{float: left; margin: 0 2px; line-height: 38px;}
#ul-tab-content li a{padding: 9px 10px; text-align: center;text-transform: uppercase;}
#ul-tab-content li.active a, #ul-tab-content li:hover a{background: #ed1b2f; color: #fff;}

#owl-ngoaithat .owl-next, #owl-ngoaithat .owl-prev, #owl-noithat .owl-prev ,#owl-noithat .owl-next{font-size: 32px; -webkit-transition: all 0.3s; transition: all 0.3s; opacity: 0.1; width: 35px; height: 35px; line-height: 35px; text-align: center; border: 1px solid #fff; background: rgba(255, 255, 255, 0.65);}
#owl-ngoaithat:hover .owl-next, #owl-ngoaithat:hover .owl-prev, #owl-noithat:hover .owl-prev ,#owl-noithat:hover .owl-next{opacity: 1; cursor: pointer;}


.form_quickbuy .form-group .field-input{    border: 0;    padding: 0 5px;    border-bottom: 1px solid #5a4902;}
.form_quickbuy .form-group .field-input:focus {outline: none;}

#ul-tab-content{margin-bottom: 20px;}
.related a.img-scale{max-height: 130px; overflow-y: hidden;}

#cfacebook{
        position: fixed; 
        bottom: 0px;
        z-index: 999999999999999;
        width: 250px; height: auto;
        box-shadow: 6px 6px 6px 10px rgba(0,0,0,0.2);
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        overflow: hidden;
        right:0;
        box-sizing: border-box;
    }

    #cfacebook .fchat{float: left; width: 100%; height: 295px; display: none; background-color: #fff;}
    #cfacebook .fchat .chat-single{float: left; line-height: 25px; line-height: 25px; color: #333; width: 100%;}
    #cfacebook .fchat .chat-single a{float: right; text-decoration: none; margin-right: 10px; color: #888; font-size: 12px;}
    #cfacebook .fchat .chat-single a:hover{color: #222;}

    #cfacebook .fchat .fb-page{margin-top: -130px; float: left;}
    #cfacebook .chat_fb{
        box-sizing: border-box;
        cursor: pointer;
        float: left;
        padding: 0 25px;
        width: 250px;
        color: #fff;
        text-decoration: none;
        height: 40px;
        line-height: 40px;
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);        
    
        background: #0065BF;
        border: 0;
        border-bottom: 1px solid #0065BF;
        z-index: 9999999;
        margin-right: 12px; font-size: 18px;}
    #cfacebook:hover .chat_fb{color: #DAE800; text-decoration: none;}


/*SINGLE NEWS*/
.content-news p a strong{color: #304da0;}
.content-news .social_single i.fa{font-size: 16px;color:#000;width: 29px;height: 29px;float: left;border:1px solid #ebebeb;margin-right: 15px;line-height: 29px;text-align: center; cursor: pointer;}
.content-news .social_single i.fa:hover{color:#fff; background: #000;}
.content-news .social_single {margin: 10px 0; }
/*PAGE LIEN HE*/
.form-lienhe .form-control{border:0; border-radius: 0; border-bottom: 1px solid #5a4902;}


.fixed-bottom{position: fixed; bottom: 0; line-height: 40px; background: rgba(62, 62, 62, 0.8); color: #fff; font:14px/40px 'Roboto-Bold'; width: 100%; float: left;}
.fixed-bottom li{border-right: 1px solid #fff; width: 50%; float: left;}
.support-mobile img{    margin-right: 10px;}
.support-mobile span{color: #fff;}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    
}
@-webkit-keyframes tada{from{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}10%, 20%{-webkit-transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)}30%, 50%, 70%, 90%{-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)}40%, 60%, 80%{-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)}to{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}@keyframes tada{from{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}10%, 20%{-webkit-transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)}30%, 50%, 70%, 90%{-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)}40%, 60%, 80%{-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)}to{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}
@keyframes blink-animation{to{visibility:hidden;}}
@-webkit-keyframes blink-animation{to{visibility:hidden;}}
/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media only screen and (max-width: 1365px) and (min-width: 991px) {

}

@media (max-width: 990px){    
}

@media (max-width: 767px){
    .destop{display: none;}
    .mobile, nav.mainnav{display: block;}
    .no-pad-left-col-sm{padding-left: 15px}
    #cfacebook .chat_fb {
        width: auto;
        margin-right: 0;
        bottom: 10px;
        right: 15px;
        border-radius: 40px;
        box-shadow: none;
        float: right;
    }
    #cfacebook{width: auto;}
}

@media (max-width: 600px){
/* #uhchatmobile{display: none!important} */

.fixed-bottom {
    background: transparent;
    bottom: inherit;
    top: 170px;
}
.fixed-bottom li {    float: right;
    text-align: right;}
	.fixed-bottom li:nth-child(2) {
	display: none; }
	
	.fixed-bottom li  a {
	text-align: right;}
	
		
	.fixed-bottom li  a img {
	margin-right: 10px;
    border-radius: 50%;
	}
	
	.support-mobile span {display: none;}
}

@media (min-width: 768px){
    /*nav.mainnav{background:#fff;line-height:58px}ul#mainnav,ul#mainnav>li{position:relative}ul#mainnav li:hover .sub-menu{visibility:visible;-webkit-transform:perspective(400) rotate3d(0,0,0,0);-moz-transform:perspective(400) rotate3d(0,0,0,0);transform:perspective(400) rotate3d(0,0,0,0)}ul#mainnav>li:hover>a{background:#414141;color:#fff;font-weight:700}ul#mainnav .sub-menu{position:absolute;top:59px;left:0;background:#fff;min-width:300px;overflow:hidden;-webkit-transform:perspective(400) rotate3d(1,0,0,-90deg);-webkit-transform-origin:50% 0;-moz-transform:perspective(400) rotate3d(1,0,0,-90deg);-moz-transform-origin:50% 0;transform:perspective(400) rotate3d(1,0,0,-90deg);transform-origin:50% 0;-webkit-transition:all 350ms;-moz-transition:all 350ms;-o-transition:all 350ms;transition:all 350ms;visibility:hidden;z-index:10000}ul#mainnav .sub-menu li{position:relative;height:36px}ul#mainnav .sub-menu li:hover a{color:#235F83!important;text-decoration:none}ul#mainnav .sub-menu li a{transition:all .5s;width:100%;padding:0 10px 0 20px;float:left;line-height:35px;color:#414141;border-bottom:1px solid #414141!important}ul#mainnav .sub-menu li a:before{position:absolute;font-family:FontAwesome;top:0;left:9px;content:"\f105";font-size:16px}*/  

}


/*.navbar-nav>li>a{position:relative;padding:17px 9px;line-height:58px;font-size:18px;text-transform:uppercase;color:#414141;background-color:transparent;font-weight:400;-webkit-transition:all 350ms ease-out;transition:all 350ms ease-out;border-right:1px solid #CFCFCF}.navbar-nav>li .caret{width:10px;border:0}.navbar-nav>li .caret:before{content:"\f107";font-family:FontAwesome;position:absolute;top:15px;right:20px;font-size:13px}.navbar-nav>li:first-child>a{padding-left:29px}.navbar-nav>li:first-child i.fa{position:absolute;left:0;top:17px}.menu-bar{left:15px;position:absolute}.flag-search{text-align:right;padding-top:10px;padding-bottom:10px}.flag-search p{text-align:inherit;line-height:22px;margin-bottom:5px}.adds i.fa{font-size:22px;margin-right:10px}.search-form{background:#fff;white-space:nowrap}.search-form button{border:0;background:0 0;padding:0 10px}.search-form input{border:0;border-right:1px solid #E0E0E2;margin:5px 7px}.search-form button:focus,.search-form input:focus{outline:0}.header-language ul li{display:inline-block;float:left}.header-language ul li a{float:left;margin:0 3px}.sec1{background:#eee;padding-top:15px;padding-bottom:15px}.tit-box{font-size:150%;border-bottom:1px solid #a2a2a2;margin:10px 0}.tit-box span{color:#235F83;position:relative}.tit-box span:after{content:'';width:100%;height:1px;position:absolute;bottom:-2px;left:0;background:#235F83}.btn.btn-footer{background:#404040;border:0;padding:5px 20px;color:#fff}footer{background:#15191c;padding:15px 0}.tit-footer{text-transform:uppercase;margin-bottom:25px;display:inline-block;width:100%;border-bottom:1px solid;padding-bottom:5px}footer h3{text-transform:capitalize;margin-bottom:25px}.copyright{padding:10px 0}.footer-social a{margin-left:15px;line-height:45px}.footer-social a:hover,footer h3:hover{color:#fff}.box-sb .ico-tv i.fa{font-size:35px;line-height:35px;margin-right:10px;float:left}.box-sb .ico-tv i.fa-phone-square,.box-sb .ico-tv i.fa-skype{color:#01AEF2}.box-sb .ico-tv span{height:35px;line-height:35px;float:left}#carousel-2 a{width:50%;float:left;padding:1px 1px 0 0}#carousel-2 a:hover .hover .overlay{opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}#carousel-2 a:hover .hover img{filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter');filter:brightness(.6);-webkit-filter:brightness(.6)}#carousel-2 a:hover .hover p{opacity:1;filter:alpha(opacity=100);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.hover{width:100%;height:100%;float:left;overflow:hidden;position:relative;text-align:center;cursor:pointer}.hover .overlay{position:absolute;overflow:hidden;width:80%;height:80%;left:10%;top:10%;border-bottom:1px solid #FFF;border-top:1px solid #FFF;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:scale(0,1);-ms-transform:scale(0,1);transform:scale(0,1);display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;align-items:center}.hover .overlay p{text-transform:uppercase;margin-bottom:0;width:100%;text-align:center;color:#fff}.hover img{display:block;position:relative;-webkit-transition:all .35s;transition:all .35s}.hover p{color:#FFF;padding:1em 0;opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}*/
/*--------------------------------------------- */
/* ## Comments
--------------------------------------------- */
.comment-respond #comment{width: 100%;}
.comment-respond #submit{background: #00818e; color: #fff; font-size: 22px; border: none; cursor: pointer; +margin-bottom: 0}
.comment-respond #comment,.comment-respond input{padding:14px 20px; margin-bottom: 30px;}
.entry-comments,.entry-pings{color:#444;padding:20px 45px 40px;border:1px solid #ccc;overflow:hidden;background:#fff;-webkit-box-shadow:0 0 8px rgba(0,0,0,.3);-moz-box-shadow:0 0 8px rgba(0,0,0,.3);box-shadow:0 0 8px rgba(0,0,0,.3);border-left:4px solid #444}.entry-comments h3{font-size:30px;margin-bottom:30px}.comment-respond h3,.entry-pings h3{font-size:20px;margin-bottom:30px}.comment-respond{margin:20px 1px 0 1px;border-left:none!important}.comment-header{color:#adaeb3;font-size:14px;margin-bottom:20px}.comment-header cite a{border:none;font-style:normal;font-size:16px;font-weight:700}.comment-header .comment-meta a{border:none;color:#adaeb3}li.comment{background-color:#fff;border-right:none;width:100%;display:inline-block}.comment-content{clear:both;overflow:hidden}.comment-list li{font-size:14px;padding:20px 30px 20px 50px}.comment-list .children{margin-top:40px;border:1px solid #ccc}.comment-list li li{background-color:#f5f5f6}.comment-list li li li{background-color:#fff}.comment-respond input[type=email],.comment-respond input[type=text],.comment-respond input[type=url]{width:100%}.comment-respond label{float:left;display:block;margin-right:12px}.comment-notes,.entry-pings .reply{display:none}.entry-comments .comment-author{margin-bottom:0;position:relative}.entry-comments .comment-author img{border-radius:50%;border:5px solid #fff;left:-80px;top:-5px;position:absolute;width:60px}.form-allowed-tags{background-color:#f5f5f5;font-size:16px;padding:24px}.comment-reply-link{cursor:pointer;background-color:#444;border:none;border-radius:3px;color:#fff;font-size:12px;font-weight:300;letter-spacing:1px;padding:4px 10px;text-transform:uppercase;width:auto}.comment-reply-link:hover{color:#fff}
.cm_fields{width: 32%; margin-right: 2%; float: left;}
.cm_fields.comment-form-url{margin-right: 0;}
/*------------------------------------*\

    WORDPRESS CORE

\*------------------------------------*/
.wp-caption-text{text-align: center; }.logged-in #wpadminbar {display: block;}#wpadminbar {display: none;}.alignnone{margin:5px 20px 20px 0}.aligncenter,div.aligncenter{display:block;margin:5px auto}.alignright{float:right;margin:5px 0 20px 20px}.alignleft{float:left;margin:5px 20px 20px 0}a img.alignright{float:right;margin:5px 0 20px 20px}a img.alignleft,a img.alignnone{margin:5px 20px 20px 0}a img.alignleft{float:left}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{background:#FFF;border:1px solid #F0F0F0;max-width:96%;padding:5px 3px 10px;text-align:center}.wp-caption.alignleft,.wp-caption.alignnone{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{border:0;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}.gallery-caption{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}