.sub-banner {height:200px;margin-top:140px;}


.sub-banner .warp{color: #fff; font: 300 16px/36px Arial;padding:70px 20px 0 80px; }


.sub-banner .warp h2{ font: 300 30px/36px Arial; }


.sub-banner .warp a{color: #fff;}


@media only screen and (max-width: 767px) {


  .sub-banner {height: 150px;margin-top:0; text-align: center;}


  .sub-banner .warp{padding:60px 0 0 0; }


}


.inner-cont {font-size: 14px; color: #454545;}


.inner-cont  img{max-width: 100%;}





.content {padding:60px 0;}


.wrapper img{max-width: 100%;}





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


   Breadcrumbs


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





.breadcrumb-bar {line-height: 67px;height: 67px;font-size:16px;overflow: hidden;}


.breadcrumb-bar h2 { float: left;  font-size: 18px; color: #006db9; font-weight: 300; font-family: Arial;}


.breadcrumb-bar {  }


.breadcrumb-bar li {float: left;padding-right: 5px;}


.breadcrumb-bar .bc-arr {font-family: simsun;}


.breadcrumb-bar li,.breadcrumb-bar li a {   color: #333;}


.breadcrumb-bar a:last-of-type { color: #ff6c07;}


.breadcrumb-bar .fa { font-size: 18px; line-height: 34px; padding-right: 5px; color: #ff6c07;}


.overview{display: none;}





/* about */


.innerbg01{padding-top:230px;background: url(../../external.gif?link=http://www.hualifloors.com/en/images/homebg03.jpg) top center no-repeat;}


.inner_mode01{}


.companyinfo{font: 700 40px/48px Arial;}


.companyinfo span{display: block;}


.inner_about{margin-top:100px;}


.inner_about .txtarea{float: left;font: 300 14px/24px Arial;width: calc(100% - 550px);}


.inner_about .txtarea h3.tit{font-size: 32px;margin-bottom: 20px;}


.inner_about .txtarea .desc{height: 192px; overflow: hidden;}


.inner_about .pic{width:449px;height: 306px;float: right;position: relative;margin-right: -70px;}


.inner_about .pic img{width:449px;height: 306px;}


.inner_about .pic .owl-pagination{display: none;}


#owl-pic02 .owl-prev,#owl-pic02 .owl-next{opacity:1;top:40%; width:42px;height:42px;background: none; text-indent: 100px;overflow: hidden;padding:0;margin:0;


-webkit-border-radius:0;


    -moz-border-radius:0;


    border-radius:0;


}


#owl-pic02 .owl-prev{position: absolute;left:-42px; background: url(../../external.html?link=http://www.hualifloors.com/en/images/arr01.png) center no-repeat;}


#owl-pic02 .owl-next{position: absolute;right:-42px;background: url(../../external.html?link=http://www.hualifloors.com/en/images/arr02.png) center no-repeat;}


.company_mode02 img{width: 100%;}


.inner_mode02{background: url(../../external.gif?link=http://www.hualifloors.com/en/images/homebg04.jpg) top center no-repeat;margin-top: 500px;padding-bottom: 80px;}


.inner_mode02 img{max-width: 100%;}


.company_mode02{margin-top:-500px;}


.company_mode03{font: 700 35px/48px Arial;color: #fff;padding:50px 0;}


.company_mode04{color: #fff;font: 300 14px/24px Arial;}


.company_mode04 .txtarea{width:45%; float: left;height: 260px; overflow: hidden;}


.company_mode04 .pic{width: 45%;float: right;}


.company_mode04 .pic img{margin-bottom: 20px;max-width: 100%;}


@media only screen and (max-width:1260px) {


.inner_about .pic{;margin-right:40px;}


}


@media only screen and (max-width:767px) {


  .innerbg01{padding-top:150px;}


  .companyinfo{font: 700 24px/36px Arial;}


  .companyinfo span{display: inline;}


  .inner_about{margin-top:40px;}


.inner_about .txtarea{float: none;width:100%;margin-bottom: 10px;}


.inner_about .pic{width: calc(100% - 90px);height: auto;float: none;padding:0 42px;margin:0 auto;}


.inner_about .pic img{width:100%;height: auto;}


.inner_mode02{background: url(../../external.gif?link=http://www.hualifloors.com/en/images/homebg04.jpg) top center no-repeat;margin-top: 0;padding-bottom:50px;background-size: cover; }


.company_mode02{margin-top:0;}


.company_mode03{font: 700 24px/36px Arial;color: #fff;padding:50px 0;}


.company_mode04 .txtarea{width:100%; float: none;height: auto; overflow: hidden;margin-bottom:20px;}


.company_mode04 .pic{width:100%;float: none;}


}


/* proC */


.inner_mode01{position: relative;padding-top: 300px;}


.innerbg02{background: url(../../external.gif?link=http://www.hualifloors.com/en/images/homebg05.jpg) top center no-repeat; height: 75%;width: 100%;position:  absolute; left: 0;top:0;z-index:-9;}


.proinfo{font: 700 40px/48px Arial;color: #fff;margin-bottom: 40px;}


.prosystem{color: #fff;margin-top: 20px;}


.prosystem h3{font: 700 25px/36px Arial;margin-bottom: 30px;}


.prosystit h3{float: left;padding-right: 20px;}





.prosystit a{padding:0 15px;display: inline-block;font: 300 14px/30px Arial;background: #fff;margin-right: 10px;border:1px solid #fff;color: #000;margin-bottom: 20px;


  -webkit-border-radius:16px;


  -moz-border-radius:16px;


  -ms-border-radius:16px;


  -o-border-radius:16px;


  border-radius:16px;


}


.prosystem .promenu li{width:16.6%;float: left; }


.prosystem .promenu a{width:90%; text-align: center; display: inline-block;font: 300 14px/30px Arial;background: #fff;border:1px solid #fff;color: #000;margin-bottom: 20px;


  -webkit-border-radius:16px;


  -moz-border-radius:16px;


  -ms-border-radius:16px;


  -o-border-radius:16px;


  border-radius:16px;


}


.prosystem .promenu a.active{background: none;border:1px solid #fff;color: #fff;}


.protjlist{padding:30px 0;}


.protjlist li{width:16.6%;float: left;}


.protjlist li img{max-width: 90%;}





.innerpromode02 .mode01{float: right;width:50%;}


.innerpromode02 .mode02{float: left;width:50%;}


.innerpromode02 img{max-width: 100%;}


.innerprojt{text-align: center;margin-bottom:30px;}





@media only screen and (max-width:767px) {


  .innerbg02{height:85%;}


  .inner_mode01{padding-top:150px;}


  .proinfo{font: 700 24px/36px Arial;}


  .innerprojt img{width: 80px;}


  .innerpromode02 .mode01,.innerpromode02 .mode02{float: none;width:100%;}


  .prosystem .promenu li{width:30%;float: left; }


}


/*proseries*/


.innerbg06{padding-top:200px;background: url(../../external.gif?link=http://www.hualifloors.com/en/images/homebg10.jpg) top center no-repeat;padding-bottom:50px;}


.prosystem .promenu02 a{padding:0 15px;display: inline-block;font: 300 14px/30px Arial;background: #333;margin-right: 10px;border:1px solid #333;color: #fff;margin-bottom: 20px;


  -webkit-border-radius:16px;


  -moz-border-radius:16px;


  -ms-border-radius:16px;


  -o-border-radius:16px;


  border-radius:16px;


}


.prosystem .promenu02 a.active{background: none;border:1px solid #333;color: #333;}


.proseriesmode01 .imgarea{width: 327px;height: 319px; overflow: hidden;float: left; text-align: center; line-height: 319px;}


.proseriesmode01{margin-top: 40px;overflow: hidden;}


.proseriesmode01 .imgarea img{max-width: 327px;max-height: 319px;}


.proseriesmode01 .txtarea{width: calc(100% - 370px); float: right;}


.proseriesmode01 .txtarea h3{font: 700 36px/48px Arial;margin: 30px 0 10px 0;width:100%;height: 48px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}


.proseriesmode01 .txtarea .desc{font: 300 14px/30px Arial;height:160px;overflow: hidden;margin: 10px 0 10px 0;}


.proseriesmode01 .funcmode a{padding:0 20px;display: inline-block;font: 300 14px/30px Arial;background: #333;margin-right: 10px;border:1px solid #333;color: #fff;margin-bottom: 20px;


  -webkit-border-radius:16px;


  -moz-border-radius:16px;


  -ms-border-radius:16px;


  -o-border-radius:16px;


  border-radius:16px;


}


.proseriesmode01 .funcmode .share{float: right;}





.prodetial_box{margin-top:40px;}


.prodetial_box .hd {border-bottom: 1px solid #d2d2d2;padding-left: 10px;}


.prodetial_box .hd li{padding:0 10px;height: 38px;color:#fff;margin-right:1px;float: left; text-align: center;font: 300 16px/38px microsoft yahei; background: #333; }


.prodetial_box .hd li.on{background: #f7f6f4;color: #333;height:40px;border:1px solid #d2d2d2;margin-top: -3px;border-bottom: 1px;}


.prodetial_box .bd{margin:40px 0 0 0 ;}


@media only screen and (max-width:767px) {


.proseriesmode01 .imgarea{width: 100%;float: none; }


.proseriesmode01 .txtarea{width:100%; float: none;}


.prodetial_box .hd li{margin-bottom: 10px;}


}





.certlist03 li{width:100%;overflow: hidden; padding:0 0 25px 0;margin-bottom:30px;}


.certlist03 li .date{width:120px; height:120px;text-align: center; float: left;font: 300 16px/30px Arial;color: #fff;background: #333333;}


.certlist03 li .date h2{font: 600 48px/60px Arial;margin-top:20px;} 


.certlist03 li .mdate{display: none;}


.certlist03 li .txtarea{width: calc(100% - 330px); float: left;padding-left:20px;}


.certlist03 li .txtarea h3{font: 700 18px/30px Arial; margin-bottom: 5px;width:100%;height: 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}


.certlist03 li .txtarea h3 a{ color: #333333;}


.certlist03 li .txtarea .desc{font: 300 14px/24px Arial;height:72px;overflow: hidden;color: #6f6f6f;margin: 10px 0 0 10px;}


.certlist03 li .fuctionmode{width:180px;float: right;padding-top: 20px;}


.certlist03 li .fuctionmode .mode{width:80px; height: 80px; overflow:hidden; float: left; background: #bcbbba;color: #fff;margin-left: 10px; text-align: center;}


.certlist03 li .fuctionmode .mode:hover{background: #333333;}


.certlist03 li .fuctionmode .mode i{font-size: 28px;margin-top:15px;}


.certlist03 li .fuctionmode .mode a{color: #fff;font-size: 16px;}





@media only screen and (max-width:767px) {


.certlist03 li .txtarea{width: calc(100% - 200px); float: left;padding-left:0;}


.certlist03 li .mdate{display: block;padding-left: 10px;font: 300 14px/30px Arial;}


.certlist03 li .date{display: none;}


.certlist03 li .fuctionmode{padding-top:40px;}


}





.propiclist li{width:33.3%;float: left;margin-bottom:30px;}


.propiclist li .warp{padding-right:20px;}


.propiclist li img{width: 100%;}


.propiclist li .tit{background: #fff;border:1px solid #d2d2d2; line-height: 40px; text-align: center;}





@media only screen and (max-width:767px) {


.innerbg06{padding-top: 100px;}


.propiclist li{width:100%;float: none;}


.propiclist li .warp{padding-right:0;}


}





/*news*/


.innerbg03{padding-top:200px;background: url(../../external.gif?link=http://www.hualifloors.com/en/images/homebg07.jpg) top center no-repeat;}


.innernewmode01{text-align: center;font: 300 18px/24px Arial;margin-bottom:60px;}


.innernewmode01 h3{font: 700 40px/48px Arial;margin-bottom: 20px;}


.innernewsmenu{margin-top: 50px;}


.innernewsmenu a{padding:0 15px ;display: inline-block;font: 300 14px/30px Arial;background: #333333;margin-right: 10px;border:1px solid #fff;color: #fff;margin-bottom: 20px;


  -webkit-border-radius:16px;


  -moz-border-radius:16px;


  -ms-border-radius:16px;


  -o-border-radius:16px;


  border-radius:16px;}


.innernewsmenu a.active{background: none;border:1px solid #fff;color: #fff;}


.newslist02 li{width:100%;overflow: hidden; padding:0 0 25px 0;margin-bottom:30px;}


.newslist02 li .mdate{display: none;}


.newslist02 li .date{width:130px; height:130px;text-align: center; float: left;font: 300 16px/30px Arial;color: #fff;background: #333333;}


.newslist02 li .date h2{font: 600 48px/60px Arial;margin-top:20px;} 


.newslist02 li .txtarea{width: calc(100% - 160px); float: right;}


.newslist02 li .txtarea h3{font: 700 18px/30px Arial; margin-bottom: 5px;width:100%;height: 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}


.newslist02 li .txtarea h3 a{ color: #333333;}


.newslist02 li .txtarea .desc{font: 300 14px/24px Arial;height:72px;overflow: hidden;color: #6f6f6f;margin: 10px 0 0 10px;}


@media only screen and (max-width:767px) {


.innerbg03{padding-top: 100px;}


.newslist02 li .txtarea{width:100%; float: left;padding-left:0;}


.newslist02 li .mdate{display: block;padding-left: 10px;font: 300 14px/30px Arial;}


.newslist02 li .date{display: none;}


}





.newsh{width:100%;text-align: center;}


.newtitle{font: 18px/24px Arial;color:#666;}


.newsh_cn {padding:20px 0;}


.newsh_cn p{text-indent:20px; font: 14px/24px Arial;margin-top: 15px;}


.newsh .byline{height:50px;color:#999;line-height:50px;border-bottom:1px solid #e9e9e9; }


.newsh .byline span{margin-right:20px;}


.newsh .byline a{color: #999;}


.toolbar{padding:30px 0 0 0; border-top:1px solid #d8d8d8; position:relative;font: 14px/24px Arial; margin-top:20px;}


.fhshare{ position: absolute; right: 0; top:34px;}


.fhshare a{padding:8px 30px;border:1px solid #d8d8d8;color:#666;}


.fhshare a:hover{border:1px solid #e31210;color:#fff; background-color: #e31210; text-decoration: none;}


.fhshare .fa{margin-right:10px;}


.newsshare{float: right;}





@media only screen and (max-width: 420px) {


.toolbar{height:auto;padding-bottom: 40px;}


.fhshare{ position: absolute;left:0; bottom:0;top: auto; }


}





/*contact*/


.innerbg04{padding-top:200px;background: url(../../external.gif?link=http://www.hualifloors.com/en/images/homebg08.jpg) top center no-repeat;padding-bottom: 80px;}


.contactmode .map{width: calc(49% - 2px);float: left; border:1px solid #eae9e8;}


.contactmode .map img{max-width: 100%;}


.contactmode .txtarea{width: 47%;float: right;font: 300 14px/24px Arial;}


.contactmode .txtarea h3.tit{font: 700 30px/30px Arial;margin-bottom: 30px;}


.contactmode .txtarea .desc{margin:20px 0;}


.contactmode02{margin-top: 60px;font: 300 14px/24px Arial;}


.contactmode02 h3.tit{font: 700 24px/30px Arial;margin-bottom: 30px;color: #f87308;}


.contactmode02 li{width:25%;float: left;}


.contactmode02 li .warp{margin-right: 20px;border-bottom: 5px solid #fb6f00; height: 150px;overflow: hidden;}





.inner_contact{background:#333333;padding:80px 0; color:#fff;}


.inner_contact .mod01{width: 230px; height: 130px; overflow: hidden;float: left;}


.inner_contact .mod01 h3.tit{font: 700 24px/30px Arial;margin-bottom: 20px;}


.inner_contact .pic{text-align: right;}


.inner_contact .cont_right{width: calc(100% - 300px); height: 130px; overflow: hidden;float: right;}


.inner_contact .cont_right .mod02{width: 48%;float: left;}


.inner_contact .cont_right .mod03{width: 48%;float: right;}





.inner_contact input{width: calc(100% - 22px);}


.inner_contact input::-webkit-input-placeholder { color: #fff;}


.inner_contact textarea::-webkit-input-placeholder { color: #fff;}


.inner_contact input,.inner_contact textarea{padding: 8px 10px; font-size: 14px; font-family:microsoft yahei; margin-bottom:10px;background: #8e9092;border:1px solid #8e9092;}


.inner_contact textarea{height:68px;width: calc(100% - 22px);}


.inner_contact .ui-btn{cursor: pointer;text-align: center; padding:8px 0;width:100%;font-size:14px; font-family:microsoft yahei; text-align: center;


    border:0 none;background: #fb6f00; color: #fff;}





@media only screen and (max-width: 767px) {


.inner_contact{padding:40px 0;}


.contactmode .map{width:100%;float: none; text-align:center;margin-bottom:20px;}


.contactmode .txtarea{width:100%;float: none;}


.contactmode02 li{width:100%;float: left;padding-top:20px;}


.contactmode02 li .warp{margin-right:0px;}


.inner_contact .mod01{width:100%; float: none;}


.inner_contact .pic{text-align: left;}


.inner_contact .cont_right{width:100%;margin-top:10px;height: auto;}


.inner_contact .cont_right .mod02{width: 100%;float: left;}


.inner_contact .cont_right .mod03{width: 100%;float: right;}


}





/*Certificate*/


.innerbg05{padding-top:200px;background: url(../../external.gif?link=http://www.hualifloors.com/en/images/homebg09.jpg) top center no-repeat;padding-bottom:50px;}


.certificatelist li{width:33.3%; float: left; text-align: center;margin-bottom: 30px;}


.certificatelist {margin-top: 50px;}


.certificatelist li img{max-width: 90%;    max-height: 400px;}


.certificatelist li h3{font: 700 24px/30px Arial;margin-top:10px;}


.certmore{text-align: center;margin-top: 20px;}


.certmore a{font: 700 24px/30px Arial;}





@media only screen and (max-width: 767px) {


.certificatelist li{width:100%; float: none;}


.innerbg05{padding-top:100px;}


}





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


   Pagination


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


#Lb_pager {margin-top: 30px;margin-bottom: 30px; font-size: 14px;}


#Lb_pager .pages {text-align: center;}


#Lb_pager .pages a { display: inline-block; padding: 0 10px; margin: 0 3px 10px 3px; color: #999; cursor: pointer; line-height: 35px; height: 35px;}


#Lb_pager .pages a:hover {color: #333;border-bottom: 1px solid #727272;line-height: 34px; height: 34px;  }


#Lb_pager .pages .pgcurrent {color: #333;cursor: default;border-bottom: 1px solid #727272;line-height: 34px; height: 34px; }


#Lb_pager .pages .pgempty {cursor: not-allowed;}


#Lb_pager .pages .pgprev:hover{border-bottom:none;}


#Lb_pager .pages .pgnext:hover{border-bottom:none;}











@media only screen and (max-width: 767px) {


    .content {


        padding-top: 48px;


    }


}


.localnav,


.localnav:before,


.localnav:after,


.localnav *,


.localnav *:before,


.localnav *:after {


    -moz-box-sizing: content-box;


    box-sizing: content-box;


    margin: 0;


    padding: 0;


    pointer-events: auto;


}





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


   Sidebar


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


.overview {


    color: #fff;


    font: 300 18px/59px Arial;


    background: #006db9;


    padding-left: 18px;


}





.sidenav{background:#fff;}


.sidenav li {


    position: relative;


    display: inline-block;


    font-size: 14px;


    text-align: center; padding: 0 30px; 


}





.sub_nav {background:#fff; border-bottom:2px solid #d6d6d6;}





.sidenav li:hover,


.sidenav .active {}


.sidenav li a:hover,


.sidenav li.active a {border-bottom:3px solid #e61110;}


.sidenav li:last-of-type a {}





/* overview */


.ln-menu-link {


    display: block;


    font-size:16px; position: relative;


    *zoom: 1;


    font-family: Arial;


    line-height: 69px;}





#ln-menustate {


    display: none;


}


@media only screen and (max-width: 767px) {


.sidenav{background:#fff;}


    .sidenav li {


        width: 100%;


        text-align: center;border-right:0;padding:0;


    }


    .sub_nav {background:#fff;}


    .ln-menu-link .inco{width:30px; height: 30px;position: absolute;top: 10px; left: 30px;}


    .ln-menu-link {


        line-height: 20px;


        border-bottom: 1px solid #d7d7d7;


        border-right: none;


        border-left: none;


        border-top: none;


        margin: 0;


    }


    


    .overview.hidden {


        display: block;


    }


    


    .sidenav li.on {


        border-bottom: none;


    }


    


    .sub_nav li:first-child .ln-menu-link {


        border-left: none;


    }


}


.sidenav li.on a {


    color: #10924e;


}





}


#ln-menustate {


    display: none;


}


.localnav {


    position: relative;


    top: 0;


    left: 0;


    width: 100%;


    z-index: 9997;


}


.ln-wrapper {


    position: relative;


    top: 0;


    left: 0;


    width: 100%;


    height: auto;


    min-height: 100%;


    z-index: 1


}





/* background */


.ln-background {


    position: absolute;


    left: 0;


    top: 0;


    width: 100%;


    height: 100%;


    z-index: 1;


    background-color: rgba(255, 255, 255, 0.95);


    -webkit-transition: background-color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1);


    transition: background-color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1)


}





/*.ln-background:after { background-color: rgba(153,153,153,0.4); content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; }*/


#ln-menustate:checked ~ .localnav .ln-background,


#ln-menustate:target ~ .localnav .ln-background {


    background-color: rgba(255, 255, 255, 1);


    max-height: none;


    -webkit-transition: background-color 0.5s ease;


    transition: background-color 0.5s ease


}


#ln-menustate:checked ~ .localnav .ln-background:after,


#ln-menustate:target ~ .localnav .ln-background:after {


    background-color: #d6d6d6


}


.ln-content {


    margin: 0 auto;


    max-width: 1200px;


    position: relative;


    z-index: 2


}


.ln-curtain {


    background: rgba(0, 0, 0, 0.3);


    opacity: 0;


    position: fixed;


    top: 0;


    left: 0;


    width: 0;


    height: 0;


    z-index: 9996;


    -webkit-transition: opacity 0.2s ease;


    transition: opacity 0.2s ease;


}


#ln-menustate:checked ~ .localnav .ln-curtain,


#ln-menustate:target ~ .localnav .ln-curtain {


    -webkit-transition: opacity 1s ease 0.1s;


    transition: opacity 1s ease 0.1s


}


.ln-actions {


    float: left;


    display: none;


}


.ln-action {


    float: left;


    margin-left: 24px


}





/* chevron */


.ln-menucta {


    cursor: pointer;


    display: block;


    margin-right: -11px;


    overflow: hidden;


    width: 40px;


    height: 48px;


    -webkit-tap-highlight-color: transparent;


}


.ln-menucta-chevron {


    display: block;


    position: relative;


    width: 100%;


    height: 100%;


    z-index: 1;


    -webkit-transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1),


    -webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);


    transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1),


    -webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);


    transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1),


    transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);


    transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1),


    transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1),


    -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1),


    -webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1),


    -ms-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);


    -webkit-transform: translateY(10%);


    -ms-transform: translateY(10%);


    transform: translateY(10%)


}


.ln-menucta-chevron::before,


.ln-menucta-chevron::after {


    content: "";


    display: block;


    position: absolute;


    top: 50%;


    width: 12px;


    height: 1px;


    z-index: 1;


    -webkit-transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1),


    -webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);


    transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1),


    -webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);


    transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1),


    transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);


    transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1),


    transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1),


    -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1),


    -webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1),


    -ms-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1)


}


.ln-menucta-chevron::before,


.ln-menucta-chevron::after {


    background: #333


}


.ln-menucta-chevron::before {


    -webkit-transform-origin: 100% 100%;


    -ms-transform-origin: 100% 100%;


    transform-origin: 100% 100%;


    -webkit-transform: rotate(40deg) scaleY(1.5);


    -ms-transform: rotate(40deg) scaleY(1.5);


    transform: rotate(40deg) scaleY(1.5);


    right: 50%


}


.ln-menucta-chevron::after {


    -webkit-transform-origin: 0% 100%;


    -ms-transform-origin: 0% 100%;


    transform-origin: 0% 100%;


    -webkit-transform: rotate(-40deg) scaleY(1.5);


    -ms-transform: rotate(-40deg) scaleY(1.5);


    transform: rotate(-40deg) scaleY(1.5);


    left: 50%


}


#ln-menustate:checked ~ .localnav .ln-menucta-chevron,


#ln-menustate:target ~ .localnav .ln-menucta-chevron {


    -webkit-transform: translateY(-10%);


    -ms-transform: translateY(-10%);


    transform: translateY(-10%)


}


#ln-menustate:checked ~ .localnav .ln-menucta-chevron::before,


#ln-menustate:target ~ .localnav .ln-menucta-chevron::before {


    -webkit-transform-origin: 100% 0%;


    -ms-transform-origin: 100% 0%;


    transform-origin: 100% 0%;


    -webkit-transform: rotate(-40deg) scaleY(1.5);


    -ms-transform: rotate(-40deg) scaleY(1.5);


    transform: rotate(-40deg) scaleY(1.5)


}


#ln-menustate:checked ~ .localnav .ln-menucta-chevron::after,


#ln-menustate:target ~ .localnav .ln-menucta-chevron::after {


    -webkit-transform-origin: 0% 0%;


    -ms-transform-origin: 0% 0%;


    transform-origin: 0% 0%;


    -webkit-transform: rotate(40deg) scaleY(1.5);


    -ms-transform: rotate(40deg) scaleY(1.5);


    transform: rotate(40deg) scaleY(1.5)


}


.ln-menucta-anchor {


    display: none;


    position: absolute;


    top: 0;


    left: 0;


    width: 1px;


    height: 1px;


    z-index: 10


}


.ln-menucta-anchor:focus {


    outline-offset: -6px;


    width: 100%;


    height: 100%


}


.ln-menucta-anchor-close {


    display: none


}


.ln-menucta-anchor-label {


    position: absolute;


    top: 0;


    left: 0;


    clip: rect(1px 1px 1px 1px);


    clip: rect(1px, 1px, 1px, 1px);


    -webkit-clip-path: inset(0px 0px 99.9% 99.9%);


    clip-path: inset(0px 0px 99.9% 99.9%);


    overflow: hidden;


    height: 1px;


    width: 1px;


    padding: 0;


    border: 0


}


#ln-menustate:checked ~ .ln-menucta-anchor-open,


#ln-menustate:target ~ .ln-menucta-anchor-open {


    display: none


}


#ln-menustate:checked ~ .ln-menucta-anchor-close,


#ln-menustate:target ~ .ln-menucta-anchor-close {


    display: block


}





@media only screen and (max-width: 767px) {    


    .content {


        position: relative;


        padding-top: 50px;


    }


    .col-main {


        margin: 0;


    }


    .col-left {


        float: left;


        width: 200px;


        margin-left: -100%;


        margin: 0;


        width: 100%;


        position: absolute;


        left: 0;


        top: 0;


    }


    .localnav {


        height: 48px


    }


    .overview {


        float: left;


        line-height: 48px;


        padding: 0;


        background: none;


        color: #333;


    }


    .sidenav {


        border-width: 0;


    }


    .ln-menu-link {


        border-bottom: 0 none;


    }


    .ln-background {


        min-height: 48px;


        -webkit-transition: background-color 0.5s ease 0.7s;


        transition: background-color 0.5s ease 0.7s


    }


    .ln-menu {


        line-height: 48px;


        padding-top: 0;


        width: 100%


    }


    .ln-menu-tray {


        overflow: hidden;


        pointer-events: none;


        visibility: hidden;


        width: 100%;


        max-height: 0;


        -webkit-transition: max-height 0.5s cubic-bezier(0.28, 0.11, 0.32, 1) 0.4s, visibility 0s linear 1s;


        transition: max-height 0.5s cubic-bezier(0.28, 0.11, 0.32, 1) 0.4s, visibility 0s linear 1s;


    }


    #ln-menustate:checked ~ .localnav .ln-menu-tray,


    #ln-menustate:target ~ .localnav .ln-menu-tray {


        max-height: 400px;


        max-height: -webkit-calc(100vh - 48px - 48px);


        max-height: calc(100vh - 48px - 48px);


        overflow-y: auto;


        -webkit-overflow-scrolling: touch;


        pointer-events: auto;


        visibility: visible;


        -webkit-transition-delay: 0.2s, 0s;


        transition-delay: 0.2s, 0s


    }


    #ln-menustate:checked ~ .localnav.ln-opening .ln-menu-tray,


    #ln-menustate:target ~ .localnav.ln-opening .ln-menu-tray {


        overflow-y: hidden


    }


    #ln-menustate:checked ~ .localnav.ln-sticking .ln-menu-tray,


    #ln-menustate:target ~ .localnav.ln-sticking .ln-menu-tray {


        max-height: -webkit-calc(100vh - 48px);


        max-height: calc(100vh - 48px)


    }


    .ln-curtain {


        -webkit-transition: opacity 1s ease 0.2s, width 0s ease 1.2s, height 0s ease 1.2s;


        transition: opacity 1s ease 0.2s, width 0s ease 1.2s, height 0s ease 1.2s


    }


    #ln-menustate:checked ~ .ln-curtain,


    #ln-menustate:target ~ .ln-curtain {


        opacity: 1;


        right: 0;


        bottom: 0;


        width: 100%;


        height: 100%


    }


    .ln-actions {


        display: block;


        margin-left: 0;


        padding: 0 16px;


        position: absolute;


        top: 0;


        right: 0;


        z-index: 1;


        left: 50%


    }


    .ln-action {


        margin-left: 16px


    }


    .ln-action-menucta {


        margin-left: -20px;


        position: absolute;


        left: 0;


        z-index: 1


    }


    .ln-action-button {


        float: right;


        margin-left: 27px


    }


    .ln-content {


        padding: 0 20px;


    }


    .inner-cont {


        margin: 10px;


    }


    .sidenav {


        opacity: 1;


        padding: 17px 10px 28px 10px;


        -webkit-transform: translate3d(0, -150px, 0);


        transform: translate3d(0, -150px, 0);


        -webkit-transition: opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;


        transition: opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;


        transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s, opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;


        transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s, opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s


    }


    .sidenav .level2 li,


    .sidenav .level2 li a {


        line-height: 20px;


    }


    #ln-menustate:checked ~ .localnav .sidenav,


    #ln-menustate:target ~ .localnav .sidenav {


        opacity: 1;


        -webkit-transform: translate3d(0, 0, 0);


        transform: translate3d(0, 0, 0);


        -webkit-transition-delay: 0.2s, 0.4s;


        transition-delay: 0.2s, 0.4s


    }


    .ln-menu-item {


        display: block;


        line-height: 48px;


        margin-left: 0;


        width: 100%; padding:0;


    }


    .ln-menu-item:first-child .ln-menu-link {


        border-top: 0


    }


    .ln-menu-item:nth-child(1) .ln-menu-link {


        -webkit-transition-delay: 0.07s;


        transition-delay: 0.07s


    }


    .ln-menu-item:nth-child(2) .ln-menu-link {


        -webkit-transition-delay: 0.14s;


        transition-delay: 0.14s


    }


    .ln-menu-item:nth-child(3) .ln-menu-link {


        -webkit-transition-delay: 0.21s;


        transition-delay: 0.21s


    }


    .ln-menu-item:nth-child(4) .ln-menu-link {


        -webkit-transition-delay: 0.28s;


        transition-delay: 0.28s


    }


    .ln-menu-item:nth-child(5) .ln-menu-link {


        -webkit-transition-delay: 0.35s;


        transition-delay: 0.35s


    }


    .ln-menu-item:nth-child(6) .ln-menu-link {


        -webkit-transition-delay: 0.42s;


        transition-delay: 0.42s


    }


    .ln-menu-item:nth-child(7) .ln-menu-link {


        -webkit-transition-delay: 0.49s;


        transition-delay: 0.49s


    }


    #ln-menustate:checked ~ .localnav .ln-menu-item:nth-child(1) .ln-menu-link,


    #ln-menustate:target ~ .ln-menu-item:nth-child(1) .ln-menu-link {


        -webkit-transition-delay: 0.56s;


        transition-delay: 0.56s


    }


    #ln-menustate:checked ~ .ln-menu-item:nth-child(2) .ln-menu-link,


    #ln-menustate:target ~ .ln-menu-item:nth-child(2) .ln-menu-link {


        -webkit-transition-delay: 0.49s;


        transition-delay: 0.49s


    }


    #ln-menustate:checked ~ .ln-menu-item:nth-child(3) .ln-menu-link,


    #ln-menustate:target ~ .ln-menu-item:nth-child(3) .ln-menu-link {


        -webkit-transition-delay: 0.42s;


        transition-delay: 0.42s


    }


    #ln-menustate:checked ~ .ln-menu-item:nth-child(4) .ln-menu-link,


    #ln-menustate:target ~ .ln-menu-item:nth-child(4) .ln-menu-link {


        -webkit-transition-delay: 0.35s;


        transition-delay: 0.35s


    }


    #ln-menustate:checked ~ .ln-menu-item:nth-child(5) .ln-menu-link,


    #ln-menustate:target ~ .ln-menu-item:nth-child(5) .ln-menu-link {


        -webkit-transition-delay: 0.28s;


        transition-delay: 0.28s


    }


    #ln-menustate:checked ~ .ln-menu-item:nth-child(6) .ln-menu-link,


    #ln-menustate:target ~ .ln-menu-item:nth-child(6) .ln-menu-link {


        -webkit-transition-delay: 0.21s;


        transition-delay: 0.21s


    }


    #ln-menustate:checked ~ .ln-menu-item:nth-child(7) .ln-menu-link,


    #ln-menustate:target ~ .ln-menu-item:nth-child(7) .ln-menu-link {


        -webkit-transition-delay: 0.14s;


        transition-delay: 0.14s


    }


    .ln-menu-link {


        border-top: 1px solid rgba(214, 214, 214, 0.5);


        display: block;


        padding-top: 14px;


        padding-bottom: 14px;


        opacity: 0;


        -webkit-transform: translate3d(0, -25px, 0);


        transform: translate3d(0, -25px, 0);


        -webkit-transition: 0.5s ease;


        transition: 0.5s ease;


        -webkit-transition-property: opacity, -webkit-transform;


        transition-property: opacity, -webkit-transform;


        transition-property: transform, opacity;


        transition-property: transform, opacity, -webkit-transform


    }


    #ln-menustate:checked ~ .localnav .ln-menu-link,


    #ln-menustate:target ~ .localnav .ln-menu-link {


        opacity: 1;


        -webkit-transform: translate3d(0, 0, 0);


        transform: translate3d(0, 0, 0)


    }


    .ln-menucta-anchor {


        display: block


    }


}





@media only screen and (max-width: 767px) and (orientation: landscape) {


    #ln-menustate:checked ~ .ln-menu-tray,


    #ln-menustate:target ~ .ln-menu-tray {


        max-height: 280px;


        max-height: -webkit-calc(100vh - 48px - 48px);


        max-height: calc(100vh - 48px - 48px)


    }


}





@media only screen and (max-width: 767px) {


.ln-menu-link{    


-webkit-border-radius: 0px;


    -moz-border-radius: 0px;


    -ms-border-radius: 0px;


    -o-border-radius: 0px;


    border-radius: 0px;





}


}