@font-face{font-family:'Utm-Avo';src:url('../fonts/Utm-Avo/UTMAVO.eot');src:url('../fonts/Utm-Avo/UTMAVO.eot') format('embedded-opentype'),url('../fonts/Utm-Avo/UTMAVO.woff') format('woff'),url('../fonts/Utm-Avo/UTMAVO.ttf') format('truetype'),url('../fonts/Utm-Avo/UTMAVO.svg#UTMAVO') format('svg');}
@font-face{font-family:'Utm-AvoB';src:url('../fonts/Utm-Avo/UTM-AvoBold.eot');src:url('../fonts/Utm-Avo/UTM-AvoBold.eot') format('embedded-opentype'),url('../fonts/Utm-Avo/UTM-AvoBold.woff') format('woff'),url('../fonts/Utm-Avo/UTM-AvoBold.ttf') format('truetype'),url('../fonts/Utm-Avo/UTM-AvoBold.svg#UTM-AvoBold') format('svg');}
@font-face{font-family:'Utm-Neutra';src:url('../fonts/Utm-Neutra/UTMNEUTRA.eot');src:url('../fonts/Utm-Neutra/UTMNEUTRA.eot') format('embedded-opentype'),url('../fonts/Utm-Neutra/UTMNEUTRA.woff') format('woff'),url('../fonts/Utm-Neutra/UTMNEUTRA.ttf') format('truetype'),url('../fonts/Utm-Neutra/UTMNEUTRA.svg#UTMNEUTRA') format('svg');}
@font-face{font-family:'UTM-CopperplateB';src:url('../fonts/UTM-CopperplateB/UTM-CopperplateB.eot');src:url('../fonts/UTM-CopperplateB/UTM-CopperplateB.eot') format('embedded-opentype'),url('../fonts/UTM-CopperplateB/UTM-CopperplateB.woff') format('woff'),url('../fonts/UTM-CopperplateB/UTM-CopperplateB.ttf') format('truetype'),url('../fonts/UTM-CopperplateB/UTM-CopperplateB.svg#UTMCopperplateB') format('svg');}
@font-face{font-family:'Utm-Alberta';src:url('../fonts/Utm-Albert/UTM-Alberta-Heavy.eot');src:url('../fonts/Utm-Albert/UTM-Alberta-Heavy.eot') format('embedded-opentype'),url('../fonts/Utm-Albert/UTM-Alberta-Heavy.woff') format('woff'),url('../fonts/Utm-Albert/UTM-Alberta-Heavy.ttf') format('truetype'),url('../fonts/Utm-Albert/UTM-Alberta-Heavy.svg#UTM-Alberta-Heavy') format('svg');}

/*----- 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;}
a{-webkit-transition:color .35s ease-in-out,background .35s ease-in-out,border .35s ease-in-out;-moz-transition:color .35s ease-in-out,background .35s ease-in-out,border .35s ease-in-out;-o-transition:color .35s ease-in-out,background .35s ease-in-out,border .35s ease-in-out;transition:color .35s ease-in-out,background .35s ease-in-out,border .35s ease-in-out;}

/*.tm-ic{background: url(../images/front/sprite.png) no-repeat;}

.mcn-ic{background: url(../images/front/sprite.png) no-repeat;}*/

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



.header-bot{padding:10px;}
.mcn-menu{height:50px;text-align:center;}
ul.menu{float:right;margin:0 -30px;}
ul.menu li{float:left;text-transform:uppercase;position:relative;z-index:100;padding: 0 30px 0;}
ul.menu li a{display:block;font:bold 16px/30px 'Open Sans',sans-serif;color:#00a54f;padding:25px 0;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;}
ul.menu li:hover a,ul.menu li.active a{text-decoration:none;}
.mcn-menu ul.menu li ul{width:205px;position:absolute;background:rgba(255,255,255,0.5);opacity:0;visibility:hidden;transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;-moz-transition:all 300ms linear;-webkit-transition:all 300ms linear;z-index:90;left:0px;top:100px;text-align:left;}
.mcn-menu ul.menu li:hover > ul{display:block;opacity:1;visibility:visible;top: 100%;}
.mcn-menu ul.menu li ul:before{content:'';display:block;width:100%;border-top:2px solid transparent;position:absolute;left:0;top:-2px;}
.mcn-menu ul.menu li ul li{float:none;padding:0;}
.mcn-menu ul.menu li ul li a{font-size:15px;line-height:20px;text-transform:initial;padding:12px 15px;color:#00a54f;background:rgba(255,255,255,0.5)}
.mcn-menu ul.menu li li a:before{display:none;}
.mcn-menu ul.menu li li:hover a{background:#00a54f;color:#fff;}
.mcn-menu ul.menu li ul.sub-menu ul.sub-menu{
    top: 0;
    left: -100%;
}
.mcn-menu ul.menu li ul.sub-menu ul.sub-menu li a{
background: rgba(255,255,255,0.5);
    color: #00a54f;
}
.mcn-menu ul.menu li ul.sub-menu ul.sub-menu li:hover a{
    background: #00a54f;
    color: #ffffff;
}
a.menu-mobile{display:none;width:32px;height:20px;background:url(../images/front/ic-menu.png) no-repeat;text-indent:-9999px;margin:15px 0;}
a.menu-mobile{text-indent:0}
.menu-mobile i{
        font-size: 30px;
    border: 1px solid #ccc;
    padding: 2px 5px;
}
.mm-menu{background:#000;z-index: 999}
.mm-listview>li>a,.mm-listview>li>span{font:400 14px/20px 'Open Sans',sans-serif;color:#fff;text-transform:uppercase;}
.mm-menu .mm-navbar a,.mm-menu .mm-navbar>*{font:700 18px/20px 'Open Sans',sans-serif;color:#fff;text-transform:uppercase;}
.mm-navbar,.mm-listview>li,.mm-listview>li .mm-next,.mm-listview>li .mm-next:before,.mm-listview>li:after,.mm-listview>li:not(.mm-divider):after{border-color:#270f00;}
.mm-listview>li:not(.mm-divider):after{left:0;z-index:3;}
.mm-menu .mm-btn:after,.mm-menu .mm-btn:before,.mm-menu .mm-listview>li .mm-arrow:after,.mm-menu .mm-listview>li .mm-next:after{border-color:#fff;}
.mm-menu .mm-listview>li.mm-selected>a,.mm-menu .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu .mm-listview>li.mm-selected>span{background:#f96a0e;border-radius:0;color:#fff;}
.mm-menu .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:#f96a0e;tap-highlight-color:#f96a0e;color:#fff;}
#mm-1 ul.mm-listview>li>a{text-transform:initial;}

/*MCN SLICER*/
.mcn-slider{position:relative;overflow:hidden;margin-bottom:50px}
.mcn-slider .camera_wrap{margin-bottom:0!important;}
.camera_pie{position:relative;z-index:-1;}
.camera_caption{height:100%;}
.camera_caption > div{position:absolute;left:0;top:0;width:100%;height:100%;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;align-items:center;background:transparent;padding:0;}
.yl-block{width:100%;text-align:left;margin-left:50px;}
.yl-block h3{}
.yl-block p{font:600 30px/20px 'Montserrat',sans-serif;color:#f6ff01;text-transform:uppercase;margin-bottom:19px}
.yl-block span{font:400 43px/20px 'UTM-Dinhtran',sans-serif;color:#fff;text-transform:inherit;padding-top:0px;letter-spacing:1px}
.camera_prev,.camera_next{background:transparent;width:36px;height:50px;opacity:1!important;}
.camera_prev{left:calc((100% - 1200px) / 2);}
.camera_next{right:calc((100% - 1200px) / 2);}
.camera_prev span{width:36px;height:50px;background:url(../images/front/sprite.png) no-repeat 0 -106px;transition:background .35s ease-in-out;}
.camera_next span{width:36px;height:50px;background:url(../images/front/sprite.png) no-repeat -46px -106px;transition:background .35s ease-in-out;}
.camera_prev span:hover{background-position-y:-156px}
.camera_next span:hover{background-position-y:-156px}
.camera_wrap{margin-bottom:0!important;}
.camera_pie{position:relative;z-index:-1;}
.camera_pag{position:absolute;left:0;bottom:25px;width:100%;}
.camera_wrap .camera_pag .camera_pag_ul{width:100%;text-align:center;}
.camera_wrap .camera_pag .camera_pag_ul li{background:white;width:18px;height:18px;cursor:pointer;padding:0;margin:0 5px;}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent{background:#464646;}
.camera_wrap .camera_pag .camera_pag_ul li span{display:none;}

/*Other*/
.m-title2 h4,.box__title .title__box{font:400 22px/30px 'Utm-Alberta';color:#454545;text-transform:uppercase;margin-bottom:45px;position:relative;}
.m-title2 h4:before,.box__title .title__box:before{display:block;position:absolute;content:'';width:100px;height:2px;background:#00a54f;bottom:-20px;}
.m-title2 h4:after,.box__title .title__box:after{display:block;position:absolute;content:'';width:20px;height:10px;background:#00a54f;bottom:-24px;left:40px}
.m-title h4{font:400 22px/30px 'Utm-Alberta';color:#454545;text-transform:uppercase;margin-bottom:55px;position:relative;}
.m-title h4:before{display:block;position:absolute;content:'';width:100px;height:2px;background:#00a54f;bottom:-20px;left:calc(50% - 50px);}
.m-title h4:after{display:block;position:absolute;content:'';width:20px;height:10px;background:#00a54f;bottom:-24px;left:calc(50% - 10px);}
.m-title h3{font:bold 22px/25px 'Open Sans',sans-serif;text-transform:uppercase;margin-bottom:30px;}

/*Header*/
.header-top{background:#00a54f;color:white;font:600 14px/30px 'Open Sans',sans-serif;padding:5px 0;}
ul.top-bar li{float:left;margin-right:35px;}
ul.top-bar li p i{font-size:18px;width:20px;}
ul.menu li a:before,ul.menu li a:after{transition:all .35s ease-in-out;-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;}
ul.menu li a:before,ul.menu li a:before{position:absolute;display:block;content:'';bottom:15px;left:calc(50% - 35px);width:70px;height:2px;background:#00a54f;visibility:hidden;opacity:0}
ul.menu li a:after,ul.menu li a:after{position:absolute;display:block;content:'';bottom:11px;left:calc(50% - 10px);width:20px;height:10px;background:#00a54f;visibility:hidden;opacity:0}
ul.menu li.active a:before,ul.menu li.active a:after,ul.menu li:hover a:before,ul.menu li:hover a:after{visibility:visible;opacity:1}
ul.sub-menu li a:before,ul.sub-menu li a:after{display:none;}

/*Product*/
.m-product{text-align:center;margin-bottom:30px;}
ul.nav-tabs{display:inline-block;border-bottom:1px solid #e1e1e1;padding:0 35px 20px;margin-bottom:40px;}
ul.nav-tabs li{float:none;display:inline-block;margin-bottom:0;}
ul.nav-tabs li a{padding:0 25px;border:0;font:bold 20px/24px 'Open Sans',sans-serif;text-transform:uppercase;color:#454545;position:relative;}
ul.nav-tabs li.active a,ul.nav-tabs li.active a:hover,ul.nav-tabs li.active a:focus,ul.nav-tabs li a:hover{background:none;border:0;}
ul.nav-tabs li a:before,ul.nav-tabs li a:after{transition:all .35s ease-in-out;-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;}
ul.nav-tabs li a:before,ul.nav-tabs li a:before{position:absolute;display:block;content:'';bottom:-21px;left:calc(50% - 50px);width:100px;height:2px;background:#00a54f;visibility:hidden;opacity:0;}
ul.nav-tabs li a:after,ul.nav-tabs li a:after{position:absolute;display:block;content:'';bottom:-25px;left:calc(50% - 10px);width:20px;height:10px;background:#00a54f;visibility:hidden;opacity:0;}
ul.nav-tabs li.active a:before,ul.nav-tabs li.active a:after,ul.nav-tabs li:hover a:before,ul.nav-tabs li:hover a:after{visibility:visible;opacity:1}
a.img img{width:100%;height:100%;}
ul.ct-tab li{margin-bottom:30px;}
ul.ct-tab li .detail{padding:20px 20px 30px;border:1px solid #adcaca;transition:all .35s ease-in-out;-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;}
ul.ct-tab li .detail a.img:after{display:block;position:absolute;content:'';width:30px;height:30px;background:url(../images/front/sprite.png) no-repeat;background-position:0 0;top:calc(50% - 15px);left:calc(50% - 15px);visibility:hidden;opacity:0;transition:all .35s ease-in-out;-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;}
ul.ct-tab li .detail h5{margin:20px 0 45px;position:relative;}
ul.ct-tab li .detail h5 a{
    font:bold 16px/24px 'Open Sans',sans-serif;
    text-transform:uppercase;
    color:#454545;
    @font-face{
    font-family:'Utm-Avo';
    src:url('../fonts/Utm-Avo/UTMAVO.eot');
    src:url('../fonts/Utm-Avo/UTMAVO.eot') format('embedded-opentype'),url('../fonts/Utm-Avo/UTMAVO.woff') format('woff'),url('../fonts/Utm-Avo/UTMAVO.ttf') format('truetype'),url('../fonts/Utm-Avo/UTMAVO.svg#UTMAVO') format('svg');}
    @font-face{
    font-family:'Utm-AvoB';
    src:url('../fonts/Utm-Avo/UTM-AvoBold.eot');
    src:url('../fonts/Utm-Avo/UTM-AvoBold.eot') format('embedded-opentype'),url('../fonts/Utm-Avo/UTM-AvoBold.woff') format('woff'),url('../fonts/Utm-Avo/UTM-AvoBold.ttf') format('truetype'),url('../fonts/Utm-Avo/UTM-AvoBold.svg#UTM-AvoBold') format('svg');}
    @font-face{
    font-family:'Utm-Neutra';
    src:url('../fonts/Utm-Neutra/UTMNEUTRA.eot');
    src:url('../fonts/Utm-Neutra/UTMNEUTRA.eot') format('embedded-opentype'),url('../fonts/Utm-Neutra/UTMNEUTRA.woff') format('woff'),url('../fonts/Utm-Neutra/UTMNEUTRA.ttf') format('truetype'),url('../fonts/Utm-Neutra/UTMNEUTRA.svg#UTMNEUTRA') format('svg');}
    @font-face{
    font-family:'UTM-CopperplateB';
    src:url('../fonts/UTM-CopperplateB/UTM-CopperplateB.eot');
    src:url('../fonts/UTM-CopperplateB/UTM-CopperplateB.eot') format('embedded-opentype'),url('../fonts/UTM-CopperplateB/UTM-CopperplateB.woff') format('woff'),url('../fonts/UTM-CopperplateB/UTM-CopperplateB.ttf') format('truetype'),url('../fonts/UTM-CopperplateB/UTM-CopperplateB.svg#UTMCopperplateB') format('svg');}
    @font-face{
    font-family:'Utm-Alberta';
    src:url('../fonts/Utm-Albert/UTM-Alberta-Heavy.eot');
    src:url('../fonts/Utm-Albert/UTM-Alberta-Heavy.eot') format('embedded-opentype'),url('../fonts/Utm-Albert/UTM-Alberta-Heavy.woff') format('woff'),url('../fonts/Utm-Albert/UTM-Alberta-Heavy.ttf') format('truetype'),url('../fonts/Utm-Albert/UTM-Alberta-Heavy.svg#UTM-Alberta-Heavy') format('svg');}

    /*----- 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;}
    a{-webkit-transition:color .35s ease-in-out,background .35s ease-in-out,border .35s ease-in-out;
    -moz-transition:color .35s ease-in-out,background .35s ease-in-out,border .35s ease-in-out;
    -o-transition:color .35s ease-in-out,background .35s ease-in-out,border .35s ease-in-out;
    transition:color .35s ease-in-out,background .35s ease-in-out,border .35s ease-in-out;}

    /*.tm-ic{background: url(../images/front/sprite.png) no-repeat;}  .mcn-ic{background: url(../images/front/sprite.png) no-repeat;}*/

    /*===================================================================*/    .header-bot{
    padding:10px;}
    .mcn-menu{
    height:50px;
    text-align:center;}
    ul.menu{float:right;
    margin:0 -30px;}
    ul.menu li{float:left;
    text-transform:uppercase;
    padding:0 30px 0;
    position:relative;
    z-index:100;}
    ul.menu li a{display:block;
    font:bold 16px/30px 'Open Sans',sans-serif;
    color:#00a54f;
    padding:25px 0;
    position:relative;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    overflow:hidden;}
    ul.menu li:hover a,ul.menu li.active a{text-decoration:none;}
    .mcn-menuul.menuliul{
    width:205px;
    position:absolute;
    background:rgba(255,255,255,0.5);
    opacity:0;
    visibility:hidden;
    transition:all 300ms linear;
    -o-transition:all 300ms linear;
    -ms-transition:all 300ms linear;
    -moz-transition:all 300ms linear;
    -webkit-transition:all 300ms linear;
    z-index:90;
    left:0px;
    top:100px;
    text-align:left;}
    .mcn-menuul.menuli:hover >
    ul{display:block;
    opacity:1;
    visibility:visible;
    top:90px;
    left:0;}
    .mcn-menuul.menuliul:before{
    content:'';
    display:block;
    width:100%;
    border-top:2px solid transparent;
    position:absolute;
    left:0;
    top:-2px;}
    .mcn-menuul.menuliulli{
    float:none;
    padding:0;}
    .mcn-menuul.menuliullia{
    font-size:15px;
    line-height:20px;
    text-transform:initial;
    padding:12px 15px;
    color:#00a54f;
    background:rgba(255,255,255,0.5);}
    .mcn-menuul.menulilia:before{
    display:none;}
    .mcn-menuul.menulili:hovera{
    background:#00a54f;
    color:#fff;}
    a.menu-mobile{display:none;
    width:32px;
    height:20px;
    background:url(../images/front/ic-menu.png) no-repeat;
    text-indent:-9999px;
    margin:15px 0;}
    .mm-menu{
    background:#000;}
    .mm-listview>
    li>a,.mm-listview>li>span{font:400 14px/20px 'Open Sans',sans-serif;
    color:#fff;
    text-transform:uppercase;}
    .mm-menu .mm-navbara,.mm-menu .mm-navbar>*{
    font:700 18px/20px 'Open Sans',sans-serif;
    color:#fff;
    text-transform:uppercase;}
    .mm-navbar,.mm-listview>
    li,.mm-listview>li .mm-next,.mm-listview>li .mm-next:before,.mm-listview>li:after,.mm-listview>li:not(.mm-divider):after{border-color:#270f00;}
    .mm-listview>
    li:not(.mm-divider):after{left:0;
    z-index:3;}
    .mm-menu .mm-btn:after,.mm-menu .mm-btn:before,.mm-menu .mm-listview>
    li .mm-arrow:after,.mm-menu .mm-listview>li .mm-next:after{border-color:#fff;}
    .mm-menu .mm-listview>
    li.mm-selected>a,.mm-menu .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu .mm-listview>li.mm-selected>span{background:#f96a0e;
    border-radius:0;
    color:#fff;}
    .mm-menu .mm-listview>
    li a:not(.mm-next){-webkit-tap-highlight-color:#f96a0e;
    tap-highlight-color:#f96a0e;
    color:#fff;}
    #mm-1ul.mm-listview>
    li>a{text-transform:initial;}

    /*MCN SLICER*/
    .mcn-slider{
    position:relative;
    overflow:hidden;
    margin-bottom:50px;}
    .mcn-slider .camera_wrap{
    margin-bottom:0!important;}
    .camera_pie{
    position:relative;
    z-index:-1;}
    .camera_caption{
    height:100%;}
    .camera_caption >
    div{position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    align-items:center;
    background:transparent;
    padding:0;}
    .yl-block{
    width:100%;
    text-align:left;
    margin-left:50px;}
    .yl-blockh3{}
    .yl-blockp{
    font:600 30px/20px 'Montserrat',sans-serif;
    color:#f6ff01;
    text-transform:uppercase;
    margin-bottom:19px;}
    .yl-blockspan{
    font:400 43px/20px 'UTM-Dinhtran',sans-serif;
    color:#fff;
    text-transform:inherit;
    padding-top:0px;
    letter-spacing:1px;}
    .camera_prev,.camera_next{
    background:transparent;
    width:36px;
    height:50px;
    opacity:1!important;}
    .camera_prev{
    left:calc((100% - 1200px) / 2);}
    .camera_next{
    right:calc((100% - 1200px) / 2);}
    .camera_prevspan{
    width:36px;
    height:50px;
    background:url(../images/front/sprite.png) no-repeat 0 -106px;
    transition:background .35s ease-in-out;}
    .camera_nextspan{
    width:36px;
    height:50px;
    background:url(../images/front/sprite.png) no-repeat -46px -106px;
    transition:background .35s ease-in-out;}
    .camera_prevspan:hover{
    background-position-y:-156px;}
    .camera_nextspan:hover{
    background-position-y:-156px;}
    .camera_wrap{
    margin-bottom:0!important;}
    .camera_pie{
    position:relative;
    z-index:-1;}
    .camera_pag{
    position:absolute;
    left:0;
    bottom:25px;
    width:100%;}
    .camera_wrap .camera_pag .camera_pag_ul{
    width:100%;
    text-align:center;}
    .camera_wrap .camera_pag .camera_pag_ulli{
    background:white;
    width:18px;
    height:18px;
    cursor:pointer;
    padding:0;
    margin:0 5px;}
    .camera_wrap .camera_pag .camera_pag_ulli.cameracurrent{
    background:#464646;}
    .camera_wrap .camera_pag .camera_pag_ullispan{
    display:none;}

    /*Other*/
    .m-title2h4,.box__title .title__box{
    font:400 22px/30px 'Utm-Alberta';
    color:#454545;
    text-transform:uppercase;
    margin-bottom:45px;
    position:relative;}
    .m-title2h4:before,.box__title .title__box:before{
    display:block;
    position:absolute;
    content:'';
    width:100px;
    height:2px;
    background:#00a54f;
    bottom:-20px;}
    .m-title2h4:after,.box__title .title__box:after{
    display:block;
    position:absolute;
    content:'';
    width:20px;
    height:10px;
    background:#00a54f;
    bottom:-24px;
    left:40px;}
    .m-titleh4{
    font:400 22px/30px 'Utm-Alberta';
    color:#454545;
    text-transform:uppercase;
    margin-bottom:55px;
    position:relative;}
    .m-titleh4:before{
    display:block;
    position:absolute;
    content:'';
    width:100px;
    height:2px;
    background:#00a54f;
    bottom:-20px;
    left:calc(50% - 50px);}
    .m-titleh4:after{
    display:block;
    position:absolute;
    content:'';
    width:20px;
    height:10px;
    background:#00a54f;
    bottom:-24px;
    left:calc(50% - 10px);}
    .m-titleh3{
    font:bold 22px/25px 'Open Sans',sans-serif;
    text-transform:uppercase;
    margin-bottom:30px;}

    /*Header*/
    .header-top{
    background:#00a54f;
    color:white;
    font:600 14px/30px 'Open Sans',sans-serif;
    padding:5px 0;}
    ul.top-bar li{float:left;
    margin-right:35px;}
    ul.top-bar li p i{font-size:18px;
    width:20px;}
    ul.menu li a:before,ul.menu li a:after{transition:all .35s ease-in-out;
    -webkit-transition:all .35s ease-in-out;
    -moz-transition:all .35s ease-in-out;
    -o-transition:all .35s ease-in-out;}
    ul.menu li a:before,ul.menu li a:before{position:absolute;
    display:block;
    content:'';
    bottom:15px;
    left:calc(50% - 35px);
    width:70px;
    height:2px;
    background:#00a54f;
    visibility:hidden;
    opacity:0;}
    ul.menu li a:after,ul.menu li a:after{position:absolute;
    display:block;
    content:'';
    bottom:11px;
    left:calc(50% - 10px);
    width:20px;
    height:10px;
    background:#00a54f;
    visibility:hidden;
    opacity:0;}
    ul.menu li.active a:before,ul.menu li.active a:after,ul.menu li:hover a:before,ul.menu li:hover a:after{visibility:visible;
    opacity:1;}
    ul.sub-menu li a:before,ul.sub-menu li a:after{display:none;}

    /*Product*/
    .m-product{
    text-align:center;
    margin-bottom:30px;}
    ul.nav-tabs{display:inline-block;
    border-bottom:1px solid #e1e1e1;
    padding:0 35px 20px;
    margin-bottom:40px;}
    ul.nav-tabs li{float:none;
    display:inline-block;
    margin-bottom:0;}
    ul.nav-tabs li a{padding:0 25px;
    border:0;
    font:bold 20px/24px 'Open Sans',sans-serif;
    text-transform:uppercase;
    color:#454545;
    position:relative;}
    ul.nav-tabs li.active a,ul.nav-tabs li.active a:hover,ul.nav-tabs li.active a:focus,ul.nav-tabs li a:hover{background:none;
    border:0;}
    ul.nav-tabs li a:before,ul.nav-tabs li a:after{transition:all .35s ease-in-out;
    -webkit-transition:all .35s ease-in-out;
    -moz-transition:all .35s ease-in-out;
    -o-transition:all .35s ease-in-out;}
    ul.nav-tabs li a:before,ul.nav-tabs li a:before{position:absolute;
    display:block;
    content:'';
    bottom:-21px;
    left:calc(50% - 50px);
    width:100px;
    height:2px;
    background:#00a54f;
    visibility:hidden;
    opacity:0;}
    ul.nav-tabs li a:after,ul.nav-tabs li a:after{position:absolute;
    display:block;
    content:'';
    bottom:-25px;
    left:calc(50% - 10px);
    width:20px;
    height:10px;
    background:#00a54f;
    visibility:hidden;
    opacity:0;}
    ul.nav-tabs li.active a:before,ul.nav-tabs li.active a:after,ul.nav-tabs li:hover a:before,ul.nav-tabs li:hover a:after{visibility:visible;
    opacity:1;}
    a.img img{width:100%;
    height:100%;}
    ul.ct-tab li{margin-bottom:30px;}
    ul.ct-tab li .detail{padding:20px 20px 30px;
    border:1px solid #adcaca;
    transition:all .35s ease-in-out;
    -webkit-transition:all .35s ease-in-out;
    -moz-transition:all .35s ease-in-out;
    -o-transition:all .35s ease-in-out;}
    ul.ct-tab li .detail a.img:after{display:block;
    position:absolute;
    content:'';
    width:30px;
    height:30px;
    background:url(../images/front/sprite.png) no-repeat;
    background-position:0 0;
    top:calc(50% - 15px);
    left:calc(50% - 15px);
    visibility:hidden;
    opacity:0;
    transition:all .35s ease-in-out;
    -webkit-transition:all .35s ease-in-out;
    -moz-transition:all .35s ease-in-out;
    -o-transition:all .35s ease-in-out;}
    ul.ct-tab li .detail h5{margin:20px 0 45px;
    position:relative;}
    ul.ct-tab li .detail h5 a{font:bold 16px/24px 'Open Sans',sans-serif;
    text-transform:uppercase;
    color:#454545;}
    ul.ct-tab li .detail h5:before{position:absolute;
    display:block;
    content:'';
    width:100px;
    height:2px;
    background:#00a54f;
    left:calc(50% - 50px);
    bottom:-20px;
    transition:all .35s ease-in-out;
    -webkit-transition:all .35s ease-in-out;
    -moz-transition:all .35s ease-in-out;
    -o-transition:all .35s ease-in-out;}
    ul.ct-tab li .detail h5:after{position:absolute;
    display:block;
    content:'';
    width:20px;
    height:10px;
    background:transparent;
    left:calc(50% - 10px);
    bottom:-24px;
    transition:all .35s ease-in-out;
    -webkit-transition:all .35s ease-in-out;
    -moz-transition:all .35s ease-in-out;
    -o-transition:all .35s ease-in-out;
    opacity:0;
    visibility:hidden;}
    ul.ct-tab li .detail span.ct__price{font:600 15px/24px 'Open Sans',sans-serif;
    color:white;
    background:#00a54f;
    border-radius:5px;
    padding:8px 10px;}
    ul.ct-tab li .detail:hover{box-shadow:-3px 3px 5px rgba(0,0,0,.5);}
    ul.ct-tab li .detail:hover a.img:after{opacity:1;
    visibility:visible;}
    ul.ct-tab li .detail:hover h5:before{background:#ec4f4d;}
    ul.ct-tab li .detail:hover h5:after{opacity:1;
    visibility:visible;
    background:#ec4f4d;}
    ul.ct-tab li .detail img{height:192px;}

    /*About*/
    .m-about{
    margin-bottom:50px;}
    .m-about .detail{
    padding:0 20px;
    border-left:2px solid #454545;}
    .m-about .detailp{
    font:400 14px/24px 'Open Sans',sans-serif;
    color:#454545;
    margin-bottom:25px;}
    .m-about .detailspana{
    padding:5px 20px;
    font:600 14px/24px 'Open Sans',sans-serif;
    color:white;
    background:#00a54f;
    border-radius:5px;
    text-transform:uppercase;}

    /*Project*/
    .m-project{
    margin-bottom:30px;}
    .project.row{
    padding:20px 5px;
    background:#faf6f6;
    box-shadow:-3px 3px 5px rgba(105,105,105,.75);
    margin:0;}
    .project-1 .detail,.project-2 .detail,.project-3 .detail,.project-4 .detail,.project-6 .detail{
    position:relative;
    overflow:hidden;}
    .project-1{
    margin-bottom:30px;}
    .project-6{
    margin-top:30px;}
    .project-1h5,.project-4h5{
    text-align:center;
    display:block;
    position:absolute;
    top:0;
    left:0;
    background:rgba(0,0,0,.3);
    padding:10px 20px;
    text-transform:uppercase;
    margin:10px;}
    .project-1h5a,.project-4h5a{
    color:white;
    font:bold 24px/30px 'Open Sans',sans-serif;}
    .project-2 .ct-project,.project-3 .ct-project,.project-6 .ct-project{
    position:absolute;
    display:block;
    width:100%;
    height:40px;
    background:rgba(0,0,0,.5);
    padding:10px;
    bottom:-40px;
    transition:all .35s ease-in-out;
    -webkit-transition:all .35s ease-in-out;
    -moz-transition:all .35s ease-in-out;
    -o-transition:all .35s ease-in-out;}
    .project-2:hover .ct-project,.project-3:hover .ct-project,.project-6:hover .ct-project{
    bottom:0;}
    .project-2 .ct-projecth5,.project-3 .ct-projecth5,.project-6 .ct-projecth5{
    font:bold 14px/20px 'Open Sans',sans-serif;}
    .project-2 .ct-projecth5a,.project-3 .ct-projecth5a,.project-6 .ct-projecth5a{
    color:white;}
    .project-3 .detaila.img,.project-4 .detaila.img{
    width:100%;
    height:386px;}
    .project-2 .detaila.img{
    width:100%;
    height:160px;}

    /*News*/
    .m-news{
    margin-bottom:55px;}
    ul.new{padding:20px 10px;
    background:#faf6f6;
    box-shadow:-3px 3px 5px rgba(105,105,105,.75);}
    ul.new li{width:50%;
    float:left;
    padding:0 10px;}
    ul.new li .detail{position:relative;}
    ul.new li .detail .ct-new{width:90%;
    float:right;
    background:white;
    padding:10px 20px;
    margin-top:-50px;
    position:relative;}
    ul.new li .detail .ct-new h5{font:bold 13px/20px 'Open Sans',sans-serif;
    margin-top:0;
    margin-bottom:5px;}
    ul.new li .detail .ct-new h5 a{color:#454545;}
    ul.new li .detail .ct-new h5 a:hover{color:#00a54f;}
    ul.new li .detail .ct-new p{font:500 12px/20px 'Open Sans',sans-serif;
    color:#454545;
    margin-bottom:5px;}
    ul.new li .detail .ct-new span.pull-left a{font:bold 12px/20px 'Open Sans',sans-serif;
    color:#454545;
    text-transform:uppercase;}
    ul.new li .detail .ct-new span.pull-left a:hover{color:#00a54f;}
    ul.new li .detail .ct-new span.pull-right{font:300 12px/20px 'Open Sans',sans-serif;
    color:#454545;
    font-style:italic;}
    .video{
    padding:20px;
    background:#faf6f6;
    width:100%;
    height:308px;
    box-shadow:-3px 3px 5px rgba(105,105,105,.75);}
    .videoa.img{
    width:100%;
    height:100%;}

    /*Footer*/
    footer{background:url(../images/front/bg-footer.png) no-repeat;
    background-size:cover;
    color:white;}
    .footer-top{
    padding:30px 0;}
    .footer-topp{
    font:400 14px/20px 'Arial';
    margin-bottom:20px;}
    .footer-topp:nth-child(3){
    font-weight:bold;}
    .footer-toppi{
    width:20px;}
    ul.pro-ft li a{font:400 14px/30px 'Arial';
    color:white;
    position:relative;
    padding-left:20px;
    transition:all .35s ease-in-out;
    -webkit-transition:all .35s ease-in-out;
    -moz-transition:all .35s ease-in-out;
    -o-transition:all .35s ease-in-out;}
    ul.pro-ft li a:before{display:block;
    position:absolute;
    content:'\f178';
    font-family:'FontAwesome';}
    ul.pro-ft li a:hover{padding-left:30px;}
    ul.sup-ft li a{font:400 14px/30px 'Arial';
    color:white;
    position:relative;
    padding-left:15px;
    transition:all .35s ease-in-out;
    -webkit-transition:all .35s ease-in-out;
    -moz-transition:all .35s ease-in-out;
    -o-transition:all .35s ease-in-out;}
    ul.sup-ft li a:before{display:block;
    position:absolute;
    content:'';
    width:6px;
    height:6px;
    background:white;
    border-radius:6px;
    top:5px;}
    ul.sup-ft li a:hover{padding-left:25px;}
    footer ul.product-categories li a{font:400 14px/30px 'Arial';
    color:white;
    position:relative;
    padding-left:20px;
    transition:all .35s ease-in-out;
    -webkit-transition:all .35s ease-in-out;
    -moz-transition:all .35s ease-in-out;
    -o-transition:all .35s ease-in-out;}
    footer ul.product-categories li a:before{display:block;
    position:absolute;
    content:'\f178';
    font-family:'FontAwesome';}
    footer ul.product-categories li a:hover{padding-left:30px;}
    ul.social-ft{display:inline-block;
    margin-top:20px;}
    ul.social-ft li{float:left;
    padding:0 10px;}
    .m-social{
    text-align:center;}
    ul.social-ft li a{color:white;}
    ul.social-ft li a:hover{color:#6be66b;}
    .footer-bot{
    padding:10px 0;
    border-top:1px solid white;}
    .footer-botp{
    font:400 14px/25px 'Roboto',sans-serif;}
    .footer-botpa{
    color:#6be66b;}

    /*Effect*/

    /* Shine */
    a.img{position:relative;
    display:block;
    overflow:hidden;}
    .m-shinea.img::before{
    position:absolute;
    top:0;
    left:-75%;
    z-index:2;
    display:block;
    content:'';
    width:50%;
    height:100%;
    background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);
    background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);
    -webkit-transform:skewX(-25deg);
    transform:skewX(-25deg);}
    .m-shinea.img:hover::before{
    -webkit-animation:shine 2.35s;
    animation:shine 2.35s;}
    @-webkit-keyframes shine{
        100%{
    left:125%;}
    }
    @keyframes shine{
        100%{
    left:125%;}
    }

    /*Zoomin*/
    .m-zoomina.imgimg{
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out;}
    .m-zoomina.img:hoverimg{
    -webkit-transform:scale(1.3);
    transform:scale(1.3);}
    @-moz-document url-prefix(){
    }
    @media (
    max-width:1190px){
        .camera_next{right:40px;}
        .camera_prev{
    left:40px;}
    }
    @media (
    max-width:990px){
        a.menu-mobile{display:block;}
        .yl-block{
    width:315px;}
        .yl-block p{
    font-size:15px;}
        .mcn-menu{
    height:auto;}
        .yl-block h3 img{
    width:100%;}
        .yl-block p{
    font-size:14px;
    padding-top:4px;}
        .yl-block p.hot-slider{
    padding:9px 0;
    margin-top:4px;}
        .yl-block p.hot-slider strong{
    font-size:17px;}
        .yl-block p.hot-slider span{
    font-size:17px;}
    }
    @media (
    max-width:750px){;}
    @media (
    max-width:680px){
        .camera_commands > .camera_stop{display:none;}
        .camera_next{
    right:60px;}
    }
    @media (
    max-width:630px){;}
    @media (
    max-width:500px){;}
    @media (
    max-width:420px){
        .camera_next,.camera_prev{display:none;}
        .yl-block{
    width:100%;}
        .yl-block p{
    font-size:12px;}
    }
    @media (
    max-width:375px){;}
    @media (
    max-width:320px){;}
    text-align:center;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    line-height: 22px;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    }
ul.ct-tab li .detail h5:before{position:absolute;display:block;content:'';width:100px;height:2px;background:#00a54f;left:calc(50% - 50px);bottom:-20px;transition:all .35s ease-in-out;-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;}
ul.ct-tab li .detail h5:after{position:absolute;display:block;content:'';width:20px;height:10px;background:transparent;left:calc(50% - 10px);bottom:-24px;transition:all .35s ease-in-out;-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;opacity:0;visibility:hidden;}
ul.ct-tab li .detail span.ct__price{font:600 15px/24px 'Open Sans',sans-serif;color:white;background:#00a54f;border-radius:5px;padding:8px 10px;}
ul.ct-tab li .detail:hover{box-shadow:-3px 3px 5px rgba(0,0,0,.5)}
ul.ct-tab li .detail:hover a.img:after{opacity:1;visibility:visible;}
ul.ct-tab li .detail:hover h5:before{background:#ec4f4d;}
ul.ct-tab li .detail:hover h5:after{opacity:1;visibility:visible;background:#ec4f4d}
ul.ct-tab li .detail img{height:192px;}

/*About*/
.m-about{margin-bottom:50px;}
.m-about .detail{padding:0 20px;border-left:2px solid #454545}
.m-about .detail p{font:400 14px/24px 'Open Sans',sans-serif;color:#454545;margin-bottom:25px;}
.m-about .detail span a{padding:5px 20px;font:600 14px/24px 'Open Sans',sans-serif;color:white;background:#00a54f;border-radius:5px;text-transform:uppercase;}

/*Project*/
.m-project{margin-bottom:30px;}
.project.row{padding:20px 5px;background:#faf6f6;box-shadow:-3px 3px 5px rgba(105,105,105,.75);margin:0;}
.project-1 .detail,.project-2 .detail,.project-3 .detail,.project-4 .detail,.project-6 .detail{position:relative;overflow:hidden;}
.project-1{margin-bottom:30px;}
.project-6{margin-top:30px;}
.project-1 h5,.project-4 h5{text-align:center;display:block;position:absolute;top:0;left:0;background:rgba(0,0,0,.3);padding:10px 20px;text-transform:uppercase;margin:10px;}
.project-1 h5 a,.project-4 h5 a{color:white;font:bold 24px/30px 'Open Sans',sans-serif;}
.project-2 .ct-project,.project-3 .ct-project,.project-6 .ct-project{position:absolute;display:block;width:100%;height:40px;background:rgba(0,0,0,.5);padding:10px;bottom:-40px;transition:all .35s ease-in-out;-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;}
.project-2:hover .ct-project,.project-3:hover .ct-project,.project-6:hover .ct-project{bottom:0;}
.project-2 .ct-project h5,.project-3 .ct-project h5,.project-6 .ct-project h5{font:bold 14px/20px 'Open Sans',sans-serif;}
.project-2 .ct-project h5 a,.project-3 .ct-project h5 a,.project-6 .ct-project h5 a{color:white;}
.project-3 .detail a.img,.project-4 .detail a.img{width:100%;height:386px;}
.project-2 .detail a.img{width:100%;height:160px}

/*News*/
.m-news{margin-bottom:55px;}
ul.new{padding: 20px 10px 0;background:#faf6f6;box-shadow:-3px 3px 5px rgba(105,105,105,.75);}
ul.new li{width:50%;float:left;padding:0 10px;margin-bottom: 15px;}
ul.new li .detail{position:relative;}
ul.new li .detail .ct-new{width:90%;float:right;background:white;padding:10px 20px;margin-top:-50px;position:relative;}
ul.new li .detail .ct-new h5{font:bold 13px/20px 'Open Sans',sans-serif;margin-top:0;margin-bottom:5px;}
ul.new li .detail .ct-new h5 a{color:#454545;}
ul.new li .detail .ct-new h5 a:hover{color:#00a54f}
ul.new li .detail .ct-new p{font:500 12px/20px 'Open Sans',sans-serif;color:#454545;margin-bottom:5px;}
ul.new li .detail .ct-new span.pull-left a{font:bold 12px/20px 'Open Sans',sans-serif;color:#454545;text-transform:uppercase;}
ul.new li .detail .ct-new span.pull-left a:hover{color:#00a54f;}
ul.new li .detail .ct-new span.pull-right{font:300 12px/20px 'Open Sans',sans-serif;color:#454545;font-style:italic;}
.video{padding:20px;background:#faf6f6;width:100%;height:308px;box-shadow:-3px 3px 5px rgba(105,105,105,.75)}
.video a.img{width:100%;height:100%;}

/*Footer*/
footer{background:url(../images/front/bg-footer.png) no-repeat;background-size:cover;color:white;}
.footer-top{padding:30px 0;}
.footer-top p{font:400 14px/20px 'Arial';margin-bottom:20px;}
.footer-top p:nth-child(3){font-weight:bold;}
.footer-top p i{width:20px;}
ul.pro-ft li a{font:400 14px/30px 'Arial';color:white;position:relative;padding-left:20px;transition:all .35s ease-in-out;-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;}
ul.pro-ft li a:before{display:block;position:absolute;content:'\f178';font-family:'FontAwesome';}
ul.pro-ft li a:hover{padding-left:30px;}
ul.sup-ft li a{font:400 14px/30px 'Arial';color:white;position:relative;padding-left:15px;transition:all .35s ease-in-out;-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;}
ul.sup-ft li a:before{display:block;position:absolute;content:'';width:6px;height:6px;background:white;border-radius:6px;top:5px;}
ul.sup-ft li a:hover{padding-left:25px;}
footer ul.product-categories li a{font:400 14px/30px 'Arial';color:white;position:relative;padding-left:20px;transition:all .35s ease-in-out;-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;}
footer ul.product-categories li a:before{display:block;position:absolute;content:'\f178';font-family:'FontAwesome';}
footer ul.product-categories li a:hover{padding-left:30px;}
ul.social-ft{display:inline-block;margin-top:20px;}
ul.social-ft li{float:left;padding:0 10px;}
.m-social{text-align:center;}
ul.social-ft li a{color:white;}
ul.social-ft li a:hover{color:#6be66b;}
.footer-bot{padding:10px 0;border-top:1px solid white;}
.footer-bot p{font:400 14px/25px 'Roboto',sans-serif;}
.footer-bot p a{color:#6be66b;}

/*Effect*/

/* Shine */

a.img{position:relative;display:block;overflow:hidden;}
.m-shine a.img::before{position:absolute;top:0;left:-75%;z-index:2;display:block;content:'';width:50%;height:100%;background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg);}
.m-shine a.img:hover::before{-webkit-animation:shine 2.35s;animation:shine 2.35s;}
@-webkit-keyframes shine{
    100%{left:125%;}
}
@keyframes shine{
    100%{left:125%;}
}

/*Zoomin*/
.m-zoomin a.img img{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;}
.m-zoomin a.img:hover img{-webkit-transform:scale(1.3);transform:scale(1.3);}
@-moz-document url-prefix(){
}
@media (max-width:1190px){
    .camera_next{right:40px}
    .camera_prev{left:40px}
}
@media (max-width:990px){
    a.menu-mobile{display:block;}
    .yl-block{width:315px;}
    .yl-block p{font-size:15px;}
    .mcn-menu{height:auto}
    .yl-block h3 img{width:100%}
    .yl-block p{font-size:14px;padding-top:4px}
    .yl-block p.hot-slider{padding:9px 0;margin-top:4px}
    .yl-block p.hot-slider strong{font-size:17px}
    .yl-block p.hot-slider span{font-size:17px}
}
@media (max-width:750px){
}
@media (max-width:680px){
    .camera_commands > .camera_stop{display:none}
    .camera_next{right:60px}
}
@media (max-width:630px){
}
@media (max-width:500px){
}
@media (max-width:420px){
    .camera_next,.camera_prev{display:none}
    .yl-block{width:100%}
    .yl-block p{font-size:12px}
}
@media (max-width:375px){
}
@media (max-width:320px){
}