@charset "utf-8";/* CSS Document */
*, *:before, *:after{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html, body{font-family: "Roboto", sans-serif;font-weight: 400;}
html{position: relative;min-height: 100%;}
body{background:#fff;}
.transitionAll, .transitionAll *{transition: all .35s ease-out;-webkit-transition: all .35s ease-out;}
.m0px{margin:0 !important;} .mt0px{margin-top:0 !important;} .mb0px{margin-bottom:0 !important;} .ml0px{margin-left:0 !important;} .mr0px{margin-right:0 !important;} .mt1px{margin-top:1px;} .mt2px{margin-top:2px;} .mt3px{margin-top:3px;} .mt4px{margin-top:4px;} .mt5px{margin-top:5px;} .mt6px{margin-top:6px;} .mt7px{margin-top:7px;} .mt8px{margin-top:8px;} .mt9px{margin-top:9px;} .mt10px{margin-top:10px;} .mt11px{margin-top:11px;} .mt12px{margin-top:12px;} .mt13px{margin-top:13px;} .mt14px{margin-top:14px;} .mt15px{margin-top:15px;} .mt16px{margin-top:16px;} .mt17px{margin-top:17px;} .mt18px{margin-top:18px;} .mt19px{margin-top:19px;} .mt20px{margin-top:20px;} .mt21px{margin-top:21px;} .mt22px{margin-top:22px;} .mt23px{margin-top:23px;} .mt24px{margin-top:24px;} .mt25px{margin-top:25px;} .mt26px{margin-top:26px;} .mt27px{margin-top:27px;} .mt28px{margin-top:28px;} .mt29px{margin-top:29px;} .mt30px{margin-top:30px;} .mb1px{margin-bottom:1px;} .mb2px{margin-bottom:2px;} .mb3px{margin-bottom:3px;} .mb4px{margin-bottom:4px;} .mb5px{margin-bottom:5px;} .mb6px{margin-bottom:6px;} .mb7px{margin-bottom:7px;} .mb8px{margin-bottom:8px;} .mb9px{margin-bottom:9px;} .mb10px{margin-bottom:10px;} .mb11px{margin-bottom:11px;} .mb12px{margin-bottom:12px;} .mb13px{margin-bottom:13px;} .mb14px{margin-bottom:14px;} .mb15px{margin-bottom:15px;} .mb16px{margin-bottom:16px;} .mb17px{margin-bottom:17px;} .mb18px{margin-bottom:18px;} .mb19px{margin-bottom:19px;} .mb20px{margin-bottom:20px;} .mb21px{margin-bottom:21px;} .mb22px{margin-bottom:22px;} .mb23px{margin-bottom:23px;} .mb24px{margin-bottom:24px;} .mb25px{margin-bottom:25px;} .mb26px{margin-bottom:26px;} .mb27px{margin-bottom:27px;} .mb28px{margin-bottom:28px;} .mb29px{margin-bottom:29px;} .mb30px{margin-bottom:30px;} .ml1px{margin-left:1px;} .ml2px{margin-left:2px;} .ml3px{margin-left:3px;} .ml4px{margin-left:4px;} .ml5px{margin-left:5px;} .ml6px{margin-left:6px;} .ml7px{margin-left:7px;} .ml8px{margin-left:8px;} .ml9px{margin-left:9px;} .ml10px{margin-left:10px;} .ml11px{margin-left:11px;} .ml12px{margin-left:12px;} .ml13px{margin-left:13px;} .ml14px{margin-left:14px;} .ml15px{margin-left:15px;} .ml16px{margin-left:16px;} .ml17px{margin-left:17px;} .ml18px{margin-left:18px;} .ml19px{margin-left:19px;} .ml20px{margin-left:20px;} .ml21px{margin-left:21px;} .ml22px{margin-left:22px;} .ml23px{margin-left:23px;} .ml24px{margin-left:24px;} .ml25px{margin-left:25px;} .ml26px{margin-left:26px;} .ml27px{margin-left:27px;} .ml28px{margin-left:28px;} .ml29px{margin-left:29px;} .ml30px{margin-left:30px;} .mr1px{margin-right:1px;} .mr2px{margin-right:2px;} .mr3px{margin-right:3px;} .mr4px{margin-right:4px;} .mr5px{margin-right:5px;} .mr6px{margin-right:6px;} .mr7px{margin-right:7px;} .mr8px{margin-right:8px;} .mr9px{margin-right:9px;} .mr10px{margin-right:10px;} .mr11px{margin-right:11px;} .mr12px{margin-right:12px;} .mr13px{margin-right:13px;} .mr14px{margin-right:14px;} .mr15px{margin-right:15px;} .mr16px{margin-right:16px;} .mr17px{margin-right:17px;} .mr18px{margin-right:18px;} .mr19px{margin-right:19px;} .mr20px{margin-right:20px;} .mr21px{margin-right:21px;} .mr22px{margin-right:22px;} .mr23px{margin-right:23px;} .mr24px{margin-right:24px;} .mr25px{margin-right:25px;} .mr26px{margin-right:26px;} .mr27px{margin-right:27px;} .mr28px{margin-right:28px;} .mr29px{margin-right:29px;} .mr30px{margin-right:30px;} .m1px{margin:1px;} .m2px{margin:2px;} .m3px{margin:3px;} .m4px{margin:4px;} .m5px{margin:5px;} .m6px{margin:6px;} .m7px{margin:7px;} .m8px{margin:8px;} .m9px{margin:9px;} .m10px{margin:10px;} .m11px{margin:11px;} .m12px{margin:12px;} .m13px{margin:13px;} .m14px{margin:14px;} .m15px{margin:15px;} .m16px{margin:16px;} .m17px{margin:17px;} .m18px{margin:18px;} .m19px{margin:19px;} .m20px{margin:20px;} .m21px{margin:21px;} .m22px{margin:22px;} .m23px{margin:23px;} .m24px{margin:24px;} .m25px{margin:25px;} .m26px{margin:26px;} .m27px{margin:27px;} .m28px{margin:28px;} .m29px{margin:29px;} .m30px{margin:30px;}

.p0px{padding:0 !important;} .pt0px{padding-top:0 !important;} .pb0px{padding-bottom:0 !important;} .pl0px{padding-left:0 !important;} .pr0px{padding-right:0 !important;} .pt1px{padding-top:1px;} .pt2px{padding-top:2px;} .pt3px{padding-top:3px;} .pt4px{padding-top:4px;} .pt5px{padding-top:5px;} .pt6px{padding-top:6px;} .pt7px{padding-top:7px;} .pt8px{padding-top:8px;} .pt9px{padding-top:9px;} .pt10px{padding-top:10px;} .pt11px{padding-top:11px;} .pt12px{padding-top:12px;} .pt13px{padding-top:13px;} .pt14px{padding-top:14px;} .pt15px{padding-top:15px;} .pt16px{padding-top:16px;} .pt17px{padding-top:17px;} .pt18px{padding-top:18px;} .pt19px{padding-top:19px;} .pt20px{padding-top:20px;} .pt21px{padding-top:21px;} .pt22px{padding-top:22px;} .pt23px{padding-top:23px;} .pt24px{padding-top:24px;} .pt25px{padding-top:25px;} .pt26px{padding-top:26px;} .pt27px{padding-top:27px;} .pt28px{padding-top:28px;} .pt29px{padding-top:29px;} .pt30px{padding-top:30px;} .pb1px{padding-bottom:1px;} .pb2px{padding-bottom:2px;} .pb3px{padding-bottom:3px;} .pb4px{padding-bottom:4px;} .pb5px{padding-bottom:5px;} .pb6px{padding-bottom:6px;} .pb7px{padding-bottom:7px;} .pb8px{padding-bottom:8px;} .pb9px{padding-bottom:9px;} .pb10px{padding-bottom:10px;} .pb11px{padding-bottom:11px;} .pb12px{padding-bottom:12px;} .pb13px{padding-bottom:13px;} .pb14px{padding-bottom:14px;} .pb15px{padding-bottom:15px;} .pb16px{padding-bottom:16px;} .pb17px{padding-bottom:17px;} .pb18px{padding-bottom:18px;} .pb19px{padding-bottom:19px;} .pb20px{padding-bottom:20px;} .pb21px{padding-bottom:21px;} .pb22px{padding-bottom:22px;} .pb23px{padding-bottom:23px;} .pb24px{padding-bottom:24px;} .pb25px{padding-bottom:25px;} .pb26px{padding-bottom:26px;} .pb27px{padding-bottom:27px;} .pb28px{padding-bottom:28px;} .pb29px{padding-bottom:29px;} .pb30px{padding-bottom:30px;} .pl1px{padding-left:1px;} .pl2px{padding-left:2px;} .pl3px{padding-left:3px;} .pl4px{padding-left:4px;} .pl5px{padding-left:5px;} .pl6px{padding-left:6px;} .pl7px{padding-left:7px;} .pl8px{padding-left:8px;} .pl9px{padding-left:9px;} .pl10px{padding-left:10px;} .pl11px{padding-left:11px;} .pl12px{padding-left:12px;} .pl13px{padding-left:13px;} .pl14px{padding-left:14px;} .pl15px{padding-left:15px;} .pl16px{padding-left:16px;} .pl17px{padding-left:17px;} .pl18px{padding-left:18px;} .pl19px{padding-left:19px;} .pl20px{padding-left:20px;} .pl21px{padding-left:21px;} .pl22px{padding-left:22px;} .pl23px{padding-left:23px;} .pl24px{padding-left:24px;} .pl25px{padding-left:25px;} .pl26px{padding-left:26px;} .pl27px{padding-left:27px;} .pl28px{padding-left:28px;} .pl29px{padding-left:29px;} .pl30px{padding-left:30px;} .pr1px{padding-right:1px;} .pr2px{padding-right:2px;} .pr3px{padding-right:3px;} .pr4px{padding-right:4px;} .pr5px{padding-right:5px;} .pr6px{padding-right:6px;} .pr7px{padding-right:7px;} .pr8px{padding-right:8px;} .pr9px{padding-right:9px;} .pr10px{padding-right:10px;} .pr11px{padding-right:11px;} .pr12px{padding-right:12px;} .pr13px{padding-right:13px;} .pr14px{padding-right:14px;} .pr15px{padding-right:15px;} .pr16px{padding-right:16px;} .pr17px{padding-right:17px;} .pr18px{padding-right:18px;} .pr19px{padding-right:19px;} .pr20px{padding-right:20px;} .pr21px{padding-right:21px;} .pr22px{padding-right:22px;} .pr23px{padding-right:23px;} .pr24px{padding-right:24px;} .pr25px{padding-right:25px;} .pr26px{padding-right:26px;} .pr27px{padding-right:27px;} .pr28px{padding-right:28px;} .pr29px{padding-right:29px;} .pr30px{padding-right:30px;} .p1px{padding:1px;} .p2px{padding:2px;} .p3px{padding:3px;} .p4px{padding:4px;} .p5px{padding:5px;} .p6px{padding:6px;} .p7px{padding:7px;} .p8px{padding:8px;} .p9px{padding:9px;} .p10px{padding:10px;} .p11px{padding:11px;} .p12px{padding:12px;} .p13px{padding:13px;} .p14px{padding:14px;} .p15px{padding:15px;} .p16px{padding:16px;} .p17px{padding:17px;} .p18px{padding:18px;} .p19px{padding:19px;} .p20px{padding:20px;} .p21px{padding:21px;} .p22px{padding:22px;} .p23px{padding:23px;} .p24px{padding:24px;} .p25px{padding:25px;} .p26px{padding:26px;} .p27px{padding:27px;} .p28px{padding:28px;} .p29px{padding:29px;} .p30px{padding:30px;}

.w1{width:1%;} .w2{width:2%;} .w3{width:3%;} .w4{width:4%;} .w5{width:5%;} .w6{width:6%;} .w7{width:7%;} .w8{width:8%;} .w9{width:9%;} .w10{width:10%;} .w11{width:11%;} .w12{width:12%;} .w13{width:13%;} .w14{width:14%;} .w15{width:15%;} .w16{width:16%;} .w17{width:17%;} .w18{width:18%;} .w19{width:19%;} .w20{width:20%;} .w21{width:21%;} .w22{width:22%;} .w23{width:23%;} .w24{width:24%;} .w25{width:25%;} .w26{width:26%;} .w27{width:27%;} .w28{width:28%;} .w29{width:29%;} .w30{width:30%;} .w31{width:31%;} .w32{width:32%;} .w33{width:33%;} .w34{width:34%;} .w35{width:35%;} .w36{width:36%;} .w37{width:37%;} .w38{width:38%;} .w39{width:39%;} .w40{width:40%;} .w41{width:41%;} .w42{width:42%;} .w43{width:43%;} .w44{width:44%;} .w45{width:45%;} .w46{width:46%;} .w47{width:47%;} .w48{width:48%;} .w49{width:49%;} .w50{width:50%;} .w51{width:51%;} .w52{width:52%;} .w53{width:53%;} .w54{width:54%;} .w55{width:55%;} .w56{width:56%;} .w57{width:57%;} .w58{width:58%;} .w59{width:59%;} .w60{width:60%;} .w61{width:61%;} .w62{width:62%;} .w63{width:63%;} .w64{width:64%;} .w65{width:65%;} .w66{width:66%;} .w67{width:67%;} .w68{width:68%;} .w69{width:69%;} .w70{width:70%;} .w71{width:71%;} .w72{width:72%;} .w73{width:73%;} .w74{width:74%;} .w75{width:75%;} .w76{width:76%;} .w77{width:77%;} .w78{width:78%;} .w79{width:79%;} .w80{width:80%;} .w81{width:81%;} .w82{width:82%;} .w83{width:83%;} .w84{width:84%;} .w85{width:85%;} .w86{width:86%;} .w87{width:87%;} .w88{width:88%;} .w89{width:89%;} .w90{width:90%;} .w91{width:91%;} .w92{width:92%;} .w93{width:93%;} .w94{width:94%;} .w95{width:95%;} .w96{width:96%;} .w97{width:97%;} .w98{width:98%;} .w99{width:99%;} .w100{width:100%;}

a{color:#333;}
a:hover,a:focus{color:#e93235; outline: none !important;}
a{text-decoration:none; color:#333;transition:all .35s ease-out; -webkit-transition:all .35s ease-out;}
a:hover{color:#e93235;}
.red{color:#e93f3f !important;}
.pink{color:#f33e6b;}
.black{color:#1a171b;}
.blue{color:#0b3e56;}
.green{color:#00702e;}
.grayL{color:#666;}
.grayDark{color:#333;}
.yellow{color:#ffba1c;}
.white{color:#fff;}
.orange{color:#e93235;}
.blue{color:#2f50a1;}
a.black:hover{color:#f33e6b;}
.u{text-decoration:underline;}
.u:hover{text-decoration:none;}
.small{font-size:11px; line-height:normal;}
.al{text-align:left !important;}
.ac{text-align:center !important;}
.ar{text-align:right !important;}
.aj{text-align:justify !important;}
h1,h2,h3,h4{font-size:40px; position:relative; font-family: 'Roboto', sans-serif; font-weight:bold;}
h3, h4{font-size:24px; text-transform:none;}
h4{font-size:20px;}

.fl{float:left;}
.fr{float:right;}
.i{font-style:italic;}
.dib100{display:inline-block; width:100%;}
.dib{display:inline-block;}
p{margin:0 0 15px;}
.b{font-weight:bold;}
img{max-width:100%;}

.ttu{text-transform:uppercase !important;}
.ttc{text-transform:capitalize !important;}
.ttn{text-transform:none !important;}
b,strong{font-weight:bold;}
.contentTxt b, .contentTxt strong{color:#333;}
.contentTxt .orange{color: #e93235;}
a.orange > strong{color:#e93235;}

div.error, label.error{background-color: #e73535; color: #fff; margin: 0 0 15px; padding: 5px 10px; position: relative; text-shadow: none; display: inline-block; line-height: normal; border-radius: 3px;}
div.error:before, label.error:before{background-color:#e73535; content:""; display:block; height:10px; left:15px; position:absolute; top:-5px; transform:rotate(45deg); width:10px;}
.dn{display:none;}
.positionR{position:relative;}
.table{width: 100%;}
.table td, .table th{padding: 10px; color:#333; text-align:left;}
.table th{font-weight:600;}
.table tr{background-color:#f4f4f4;}
.table tr:nth-child(2n){background-color:#fff;}
body.pushable > .pusher{background: #fff;}
body p:last-of-type{margin-bottom:0;}

.col{margin:0 -10px;}
.col > li{float:left; width:20%; padding:10px;}
.col4 > li{width:25%;}
.col3 > li{width:33.333%;}
.col2 > li{width:50%;}

.section{padding:30px 0;}
.sectionBg{background-color:#f2efeb;}
.sectionBgDark{background-color:#29343a; color:#fff;}
.lhn{line-height:normal;}
.fs11px{font-size:11px; line-height:normal;} .fs12px{font-size:12px; line-height:normal;} .fs13px{font-size:13px; line-height:normal;} .fs14px{font-size:14px;} .fs15px{font-size:15px;} .fs16px{font-size:16px;} .fs17px{font-size:17px;} .fs18px{font-size:18px;} .fs20px{font-size:20px;} .fs22px{font-size:22px;} .fs24px{font-size:24px;}
.fa{font-family:FontAwesome !important;}
.fa{font-family:FontAwesome !important;}
.roboto{font-family: 'Roboto', sans-serif;}
textarea.form-control{min-height:150px;}
.form-control{border:1px solid #ddd; box-shadow: none !important; font-size: 13px; border-radius:3px;}
.form-control:focus{border-color: #aaa;}

.btn{border-radius:3px; font-family: 'Roboto', sans-serif; font-weight: bold;font-size: 14px; background-color:#ffd73f; color:#000; border:0; text-transform:uppercase;}
.btn-primary{color:#000;}
.btn-primary:hover{background:#e6b706 !important;color:#000 !important;}
.btn-info{color:#222; border-color:#222;}
.btn-info:hover{background-color:#222; color:#fff;}
.btn.focus, .btn:focus, .btn:hover{color:#fff;text-decoration: none; background-color:#333;}

@media screen and (min-width:1400px){
.col-xlg-1{width:8.333333333333332%;}
.col-xlg-2{width:16.666666666666664%;}
.col-xlg-3{width:25%;}
.col-xlg-4{width:33.33333333333333%;}
.col-xlg-5{width:41.66666666666667%;}
.col-xlg-6{width:50%;}
.col-xlg-7{width:58.333333333333336%;}
.col-xlg-8{width:66.66666666666666%;}
.col-xlg-9{width:75%;}
.col-xlg-10{width:83.33333333333334%;}
.col-xlg-11{width:91.66666666666666%;}
.col-xlg-12{width:100%;}
}

/*********************** Main *****************************/
.container{position:relative; display:table; margin:0 auto; width:1200px; position:relative;}
.ui.sidebar{padding:0 !important;}
.ui.sidebar ul{margin: 0; padding: 0; list-style: none;}
.ui.sidebar li{position:relative;}
.ui.sidebar li a{display:block; font-size:14px; font-weight:bold; line-height:140%; padding:13px 50px 13px 20px; transition:none; -webkit-transition:none; -ms-transition:none; border-bottom:1px solid #eaeaea;}
.ui.sidebar li a:hover, .ui.sidebar li.active > a{color: #e6b706;font-weight: bold;text-decoration: none;}
.ui.sidebar .sub-menu{display:none; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.ui.sidebar .sub-menu a{font-size:16px; background-color:#f6f7f7; padding:13px 20px 13px 40px;}
.ui.sidebar .sub-menu a:hover, .ui.sidebar .sub-menu li.active > a{background-color:#fff; position:relative;}
.ui.sidebar .sub-menu a:before{content:""; width:0; height:100%; background-color:#e93235; position:absolute; left:0; top:0;}
.ui.sidebar .sub-menu a:hover:before, .ui.sidebar .sub-menu li.active > a:before{width:4px;}
.ui.sidebar img{border-radius:3px;}
.openSub{cursor:pointer; display:block; height:45px; position:absolute; right:0; top:0; width:40px; }
.openSub .icon-chevron-thin-down{font-family:'icomoon'; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1; transition:all .35s ease-out; -webkit-transition:all .35s ease-out; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; position:absolute; top:21px;}
.openSub .icon-chevron-thin-down.opened{transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg);}
.ui.sidebar{background-color:#fff;}
.ui.right.sidebar .small{line-height:20px; font-size:14px; font-weight:300;}
.closeSidebar{color:#3b3b3b; cursor:pointer; font-size:28px; position:absolute; right:30px; top:30px; z-index:1;}
.closeSidebar:hover{color:#f15959;}
.fbBtn, .googleBtn{font-size:14px; text-transform:none; padding:0;}
.fbBtn{background-color:#3b589e;}
.googleBtn{background-color:#d44936;}

.header{background-color:#333; position:fixed; left:0; top:0; z-index:9; width:100%;}
.header .container-fluid{overflow: hidden; padding: 0; max-width: 1220px;}
.logo{margin:10px 0;}
.topNav > ul{float:left; margin:0; padding:0;}
.topNav > ul > li{float: left;}
.topNav > ul > li > a{color:#fff; font-size:14px; font-weight:bold; text-transform:uppercase; display:inline-block; line-height:60px; padding:0 15px; text-decoration:none;}
.topNav{margin-top:17px;}
.searchBtnTop .toggle:hover, .topNav > ul > li:hover > a, .topNav > ul > li.active > a{color:#e6b706;}
.searchBtnTop{float:right; position:relative;}
.searchBtnTop .toggle{font-size:20px; cursor:pointer; line-height:60px; display:inline-block; margin-left:15px; color:#fff;}
.searchBtnTop .form{position: absolute; right: 0; top: 10px; z-index:1; width:0; overflow: hidden;}
.searchBtnTop .form .inputField{position: relative;}
.searchBtnTop .form input#searchScrollInput{ border: 0; width: 100%; display: inline-block; line-height: 40px; padding:0; border-radius: 3px;}
.searchBtnTop .form button{position: absolute; right: 0; top: 0; padding: 6px 13px; border:0; background:none; font-size:20px; color:#333;}
.searchOpen .overlayTopSearch{position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,.7); left: 0; top: 0;}
.searchOpen.searchBtnTop .form {width:450px; overflow: visible;}
.searchBtnTop .form input#searchScrollInput{padding:0 95px 0 15px;}
.mainContent{margin-top:90px; margin-bottom:234px;}
.asideTitle{ display: inline-block; background: #f8e71c; padding: 8px; margin-top: 0; font-size: 10px; text-transform: uppercase; font-weight: 600;}
.asideList{list-style: none; margin: 0; padding: 0;}
.asideList > li{position: relative; display: inline-block; width: 100%; min-height:50px; margin-bottom:10px;}
.asideList > li:last-child{margin-bottom:0;}
.asideList > li .img{position: absolute; width: 53px; height: 49px; overflow: hidden; background-color:#eaeaea;}
.asideList > li .img img{position: absolute; left: 50%; top: 50%; height: 100%; width: auto; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); max-width: none;}
.asideList > li .txt{padding-left: 60px; line-height: normal; font-size: 13px;}
.asideList > li .name{font-size: 14px; font-weight: bold; text-decoration: none; display: block; overflow: hidden; text-overflow: ellipsis; width: 100%; white-space: inherit;}
.asideList > li .date{color: #999;}
.bgBoxTitle {padding-bottom:15px; color: #e6b706; font-size:30px; margin: 0; font-weight: 400;}
.blogListMain{margin-left:-15px; margin-right:-15px;}
.blogListMain .post{display: inline-block; float: left; width: 50%; padding:15px 15px; position: relative; min-height: 165px;}
.blogListMain .post .img{width: 100%; height: 200px; overflow: hidden; background-color: #eaeaea; position: relative; display: block;}
.blogListMain .post .img:before{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,.5);z-index:1; transition:all .35s ease-out; -webkit-transition:all .35s ease-out; opacity:0;}
.blogListMain .post .img:hover:before{opacity:1;}
.blogListMain .post .img:after{content:"\f0c1"; font-family:FontAwesome; color:#e6b706; position:absolute; left:50%; bottom:50%; width:50px; height:50px; line-height:50px; margin:0 0 -25px -25px; text-align:center; background-color:#fff; z-index:2; font-size:18px; border-radius: 50px; transition:all .35s ease-out; -webkit-transition:all .35s ease-out; transform:scale(0); -webkit-transform:scale(0); opacity:0;}
.blogListMain .post .img:hover:after{left:50%; bottom:50%; transform:scale(1); -webkit-transform:scale(1); opacity:1;}
.blogListMain .post .img img{position: absolute; left: 50%; top: 50%; width: 100%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.blogListMain .post .detail{color: #666; line-height: normal;}
.authorDate{position: relative; padding-left: 110px; padding-top: 10px; display: inline-block; width: 100%; padding-bottom: 25px; color: #999; z-index: 2;}
.authorDate .userImg{width: 80px; height: 80px; display: block; border-radius: 80px; overflow: hidden; position: absolute; left: 10px; top: -40px; border:2px solid #fff;}
.blogListMain .post .authorDate .date{margin: 0; float: right;}
.blogListMain .post .name{font-size: 24px; font-weight: bold; text-decoration: none; display: block; overflow: hidden; text-overflow: ellipsis; width: 100%; white-space: nowrap;text-transform:uppercase;color:#000;}
.blogListMain .post .date a, .postDetail .date a{color:#999;}
.blogListMain .post .date a:hover, .postDetail .date a:hover{color:#333;}
.blogListMain .post .date, .blogListMain .post .view, .postDetail .date, .postDetail .view{color:#999; margin:10px 0; font-size:13px;}
.blogListMain .post .view, .postDetail .view{margin-bottom:0;}
.blogListMain .post .view{margin-top:30px;}
.blogListMain .post .btnReadMore{background:#ffd73f; color:#000; display: inline-block; padding: 10px 15px; font-size: 14px; text-transform: uppercase; border-radius: 3px;text-decoration: none; margin-top: 20px; margin-right: 20px;font-family: 'Montserrat', sans-serif;font-weight: bold;}
.blogListMain .post .btnReadMore:hover{background:#e6b706;}
.footer{background:#242424; position:absolute; bottom:0; left:0; width:100%; font-size:13px; color:#666; letter-spacing:.05px;}
.footer .social a{font-size: 18px; display: inline-block; color: #fff; width:32px;height:32px;text-align: center; border-radius:3px; font-weight: normal; line-height: 33px;}
.footer .social a:hover{background-color:#ffd73f;}
.scrollToTop:hover{background-color:#e6b706;}
.footer .btnApp{color: #fff; font-size: 16px; padding: 4px 10px 7px; line-height: 18px; margin-bottom: 5px; font-weight:normal; text-align:left;}
.footer .btnApp .icon{width: 20px; float: left; margin-top: 7px;}
.scrollToTop{background-color:#ffd73f; bottom: 10px; color: #000; cursor: pointer; font-size: 16px; position: fixed; right: 10px; z-index: 9; width: 50px; height: 50px; line-height: 50px; text-align: center; border-radius: 3px;}
.postSlider{background-color: #f4f4f4; text-align: center;}
.postSliderDiv, .postSlider .slick-slide{height: 400px; overflow: hidden;}
.postSlider img{width: 100%; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); z-index: 1; display: inherit;}

.footer h4{color:#e6b706; text-transform: uppercase; font-size: 16px;}
.formNewsletter{position: relative; display: inline-block; width: 100%;}
.formNewsletter .form-control{padding-right: 130px;}
.formNewsletter .btn{position: absolute; right: 0; top: 0; height: 34px; width: 120px; border-radius: 0 3px 3px 0;}

.fl.leftTitle{width:950px;}
.topics article{background: #f9f9f9 none repeat scroll 0 0; border: 1px solid #ddd; margin: 15px 0; padding: 12px 0 0; position: relative; display: inline-block; width: 100%; border-radius: 3px;}
.head h4{margin:0;}
.timg{border-radius: 3px;font-size: 29px;position: absolute;right: 0;text-align: center;top: 0;width: 50px;}
.timg img{width: 30px;}
.topics .head{background: #222; color: #fff; height: auto; padding: 10px 15px; border-radius: 3px; display: inline-block; width: 100%;}
.topics .head h4 a{color:#fff;display:block;text-decoration:none}
.tavatar img{border-radius: 36px;height: 36px;left: 0;position: absolute;top: 0;width: 36px;}
.tread{background-color: #fff;padding: 0 15px 10px;}
.lhead .pull-right{font-family: oswald;}
.tmsg{background:#fff;border-top:1px dashed #ddd;color:#585858;margin-bottom:0;max-height:260px;min-height:40px;overflow:hidden;padding:15px 15px 10px;position:relative;word-wrap:break-word;z-index:1}
.tfoot{background-color: #fafafa;border-top: 1px solid #ddd;color: #585858;font-size: 12px;padding: 6px 10px;}
.trep{color:#717171;float:left;padding-left:5px;padding-right:10px;font-size:14px;width: 100px;}
.tname a{color:#585858;font-weight:600;}
.tname span{color:#7f7f7f;font-size:12px;padding-left:4px}
.tset{margin-bottom:10px;margin-left:62px;margin-right:46px}
.tavatar{left:15px;position:absolute;top:14px;background-color: #e75177;border-radius: 36px;color: #fff;display: block;font-size: 21px;font-weight: 300;height: 36px;line-height: 36px;text-align: center;text-transform: uppercase;width: 36px;color:#fff;}
.topics article:nth-child(2) .tavatar{background-color:#924565;}
.topics article:nth-child(3) .tavatar{background-color:#0078ad;}
.topics article:nth-child(4) .tavatar{background-color:#62c0dc;}
.topics article:nth-child(5) .tavatar{background-color:#999647;}
.topics article:nth-child(6) .tavatar{background-color:#f38725;}
.topics article:nth-child(7) .tavatar{background-color:#ef6a47;}
.topics article:nth-child(8) .tavatar{background-color:#cb1e31;}
.topics article:nth-child(9) .tavatar{background-color:#daca8f;}
.topics article:nth-child(10) .tavatar{background-color:#654641;}
.topics article:nth-child(11) .tavatar{background-color:#8a704d;}
.topics article:nth-child(12) .tavatar{background-color:#bca68e;}
.topics article:nth-child(13) .tavatar{background-color:#707175;}
.topics article:nth-child(14) .tavatar{background-color:#282629;}
.topics article:nth-child(15) .tavatar{background-color:#55405f;}
.topics article:nth-child(16) .tavatar{background-color:#30445d;}
.topics article:nth-child(17) .tavatar{background-color:#366378;}
.topics article:nth-child(18) .tavatar{background-color:#727155;}
.topics article:nth-child(19) .tavatar{background-color:#5c8158;}
.topics article:nth-child(20) .tavatar{background-color:#e4a146;}
.topics article:nth-child(21) .tavatar{background-color:#ae4a32;}
.topics article:nth-child(22) .tavatar{background-color:#b93d48;}
.topics article:nth-child(23) .tavatar{background-color:#803f43;}
.topics article:nth-child(24) .tavatar{background-color:#c74a6c;}
.topics article:nth-child(25) .tavatar{background-color:#88697b;}
.topics article:nth-child(26) .tavatar{background-color:#6ea6bf;}
.topics article:nth-child(27) .tavatar{background-color:#99c1c3;}
.topics article:nth-child(28) .tavatar{background-color:#8db173;}
.topics article:nth-child(29) .tavatar{background-color:#cfce95;}
.topics article:nth-child(30) .tavatar{background-color:#e4a146;}
.tavatar a{color:#fff;}
.ttitle a{line-height:22px;font-weight:600;font-size:16px;}
.lsrc{position:relative}
.lsrc i{color:#717171;cursor:pointer;position:absolute;right:10px;top:10px}
.lsrc{position:relative}
.lsrc input.int{padding-right:28px}
.lhead{color:#fff;font-size:16px;margin-bottom:10px;cursor:pointer;}
.lhead.clicked .arrow{transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.lsrc.inp{background-color: #fff;margin-top: 10px;overflow: hidden;transition: border 1s linear 0s;}
.sbar{clear:both;height:auto;overflow:hidden;padding:10px;width:100%}
.leftUl ul{padding:0;background:#fff;list-style-type:none;margin:0;}
.leftUl .lcat{cursor: pointer; min-height: 50px; padding: 5px 25px 5px 45px; position: relative; width: 100%; display: flex; align-items: center;}
.leftUl .lnum {font-family: "Oswald", sans-serif; font-size: 12px; position: absolute; right: 10px; top: 15px;}
.lcat .ltitle{display: inline-block;float: left;font-size: 14px;font-weight: 600;}
.leftUl{border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-radius: 0 0 3px 3px; overflow: hidden; border-bottom: 1px solid #ddd;}
.leftUl li{border-bottom: 1px solid #ddd; position:relative;}
.leftUl > ul > li:last-child{border: 0;}
.leftUl li:hover{background-color:#f8f8f8;}
.leftUl li:hover .lcat .ltitle{color:#e93235;}
.leftUl li ul{border:0 none;margin-left:1em;position:relative}
.leftUl li ul li::before{border-top:1px dotted;content:"";display:block;height:0;left:0;margin-top:-1px;position:absolute;top:22px;width:10px}
.topics .head h2 a{color:#fff;display:block;height:31px;line-height:31px;padding:0 12px;text-decoration:none}
.topics .head h2{font-size: 24px;line-height: normal;margin: 0;}
.topics .head h2 a{color:#fff;display:block;font-size:21px;font-weight:700;height:auto;line-height:33px;margin:0;padding:8px 12px;text-decoration:none}
.breadcrumb{border-radius:0;}
#breadcrumb{background:#e4e4e4;color:#717171;line-height:30px;margin-bottom:20px;padding:0;position:absolute;top:42px;width:100%}
#breadcrumb .codo_breadcrumb_list a::after{color:#999;content:"";display:inline-block;font-family:"Glyphicons Halflings";font-size:10px;position:absolute;right:-20px;top:0}
.btn-breadcrumb a div{max-width:170px}
#breadcrumb .codo_breadcrumb_list a{color:#666;display:block;float:left;height:30px;margin-right:20px;padding-left:10px;position:relative}
#sidebar{background-color: #fff;border: 1px solid #ddd;overflow: hidden; border-radius:3px;}
.tnum{float:left;padding:12px 0;text-align:center;width:50%}
.tnum.mdl{border-left:1px dotted #ccc}
.tviews{color:#e93235;font-size:28px;font-weight:700}
.btn-breadcrumb > a > div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#breadcrumb .codo_breadcrumb_list a:first-of-type{padding-left:20px}
.breadcrumb a:hover{color:#000;}
.cell{padding:10px;}
.nft{position:relative;padding:0;padding:10px;margin-bottom:8px;margin-top:2px;background:#f9f9f9;-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.25);-moz-box-shadow:0 2px 5px rgba(0, 0, 0, 0.25);box-shadow:0 2px 5px rgba(0, 0, 0, 0.25);-webkit-transition:1s border linear;-moz-transition:1s border linear;-o-transition:1s border linear;transition:1s border linear;margin-top:10px;}
.trep span{color:#585858;font-family: oswald;padding-right:5px;}

.lrs > .bg{background-color: #222; padding: 10px 15px; border-radius: 3px 3px 0 0;}
.bg{background-color: #222; padding: 10px 15px; border-radius: 3px;}
.searchLeft input{border:0;}
.searchLeft .form-control:focus{outline:none !important;box-shadow:none;-webkit-box-shadow:none;}
.codo_category_img{background-color: #f8f8f8; padding: 5px; text-align: center; position: absolute; left: 0; top: 0; width: 35px; height: 100%; display: flex; align-items: center;}
.leftUl li:hover .codo_category_img{background-color:#eee;}
.codo_category_img img{width:100%; height:auto;}
.navbar-default .navbar-brand{color: #e93235;font-weight: 600;}
.ttin > span{color: #e93235;font-size:10px;}
.lsrc.inp .form-control{box-shadow: none;}
.topics .head.reply{margin-top: 40px;background:#666;}
.head.reply h2{font-size: 16px;}
.tmsg2{background-color:#fff;border:1px solid #ddd;border-top:0;padding:15px;}
.tmsg2 .cke_skin_kama{background-color: #fff;border-radius: 0 !important;border:0 !important;width: 100% !important;padding:0 !important;}
.button{background-color: #e93235;border: 0 none;color: #fff;cursor: pointer;height: 40px;margin-top: 10px;padding: 0 20px;}
.dib100{display:inline-block;width:100%;}
.button:hover{background-color:#333;}
.warning{color: red;}
/* QPaginator */
span.paginator{display:block;padding:0; text-align:left;}
span.paginator span{list-style-type:none;display:inline-block;padding:0;margin:0; background-color:#fff;}
span.paginator span.arrow::after,span.paginator span.arrow::before,span.paginator span.break{display:none}
span.paginator span.arrow.hasLink>a,span.paginator span.page a{border:1px solid #ddd;border-radius:3px;color:#333;margin:0;padding:5px 10px;display:inline-block; text-decoration:none;}
span.paginator span.arrow.hasLink>a:hover,span.paginator span.page a:hover, span.paginator span.arrow:hover a{color:#e6b706;}
span.paginator span.arrow{border:1px solid #ddd;height:auto;border-radius:3px;color:#ccc;padding:5px 10px;position:static!important;width:auto}
span.paginator span.arrow.hasLink{padding:0;border:0}
span.paginator span.arrow a{color:#333;text-decoration:none}
span.paginator span.selected{background-color:#ffd73f;border:1px solid #e6b706;border-radius:3px;color:#fff;padding:5px 10px}
span.paginator span.ellipsis{color: #333;margin-right:5px; padding: 10px 5px 0; background: none;}
span.paginator span.arrow,span.paginator span.page,span.paginator span.selected{margin-right:5px; margin-bottom:5px;}

.border{background-color: #fff;border: 1px solid #ddd;padding: 10px 20px;}
.statistics ul{list-style:none;margin: 0;padding: 0;}
.statistics table{width:100%;}
.statistics table td, .statistics table th{border-top: 1px solid #ddd;padding: 10px 0;}
.attachment{font-size:12px;}
.attachment > a{color: #e93235;font-weight: 600;text-decoration: none;display:inline-block;}
.attachment > a:hover{color:#e93235;}
.topics article.hidden_post{border: 1px solid #FF0000;}

.topics article.hidden_post{border: 1px solid #FF0000;}
.timg{font-size: 10px; padding-top: 10px;}
.unread_post{background-color: #390; color: #fff; font-size: 10px; left: -5px; padding: 1px 5px; position: absolute; text-transform: uppercase; top: -7px;}
.unread_post::after{bottom: -7px; content: ""; height: 0; position: absolute; right: 0; width: 0; border-left: 5px solid transparent; border-right: 0 none; border-top: 7px solid #08682e; left: 0; right: auto;}
.btn-likes{float: left; padding: 0px 5px; cursor: pointer;}
.like{background: rgba(0, 0, 0, 0) url("/blog/images/like.png") repeat scroll 0 0; border: 0 none; height: 23px; width: 23px;}
.like_blue{background: rgba(0, 0, 0, 0) url("/blog/images/like_blue.png") repeat scroll 0 0; border: 0 none; height: 20px; width: 20px; display:inline-block; padding:0 !important; margin-right:5px; float:left; background-size: 100% 100%;}
.likeBtn{float: right;}
.label-likes{display: inline-block; padding-top: 4px; float: left;}
.tset{margin: 0; padding: 0 20px 10px 70px;}
.likeBtnBlue .like{background: rgba(0, 0, 0, 0) url("/blog/images/like_blue.png") repeat scroll 0 0 !important;}
.likeBtnBlue .btn-likes img{border-radius:100%;}

a.fb{color:#3c599f}
a.twitter{color:#24a9e2}
a.google{color:#e03030}
a.feed{color:#e75700}
a.android{color:#779d00}
a.apple{color:#999}
a.windows8{color:#00adef}
a.linkedin{color:#0077b5;}
.shareBtns ul{background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.5);left:0;position:absolute;width:auto;z-index:2;border-radius:3px;display:none;padding:10px 0; margin:0; list-style:none;}
.clicked.shareBtns ul{display:block}
.clicked.shareBtns .btnBdrGray{background-color:#333!important;color:#fff!important}
.shareBtns ul:before{border-bottom:10px solid #fff;border-left:11px solid transparent;border-right:11px solid transparent;height:0;left:43px;position:absolute;top:-6px;width:0;z-index:1}
.shareBtns ul li a{display: block; padding: 7px 12px; white-space: pre; text-align: left; text-decoration: none; margin: 0 !important;}
.shareBtns ul li a:hover{background-color:#eee;}
.shareBtns ul li a i{align-items:center;background-color:#ccc;border-radius:3px;color:#fff;display:inline-flex;height:25px;justify-content:center;margin-right:5px;width:25px}
.shareBtns ul li a.fb i{background-color:#3c599f}
.shareBtns ul li a.twitter i{background-color:#24a9e2}
.shareBtns ul li a.google i{background-color:#e03030}
.shareBtns ul li a.linkedin i{background-color:#0077b5}

.container-fluid{max-width:1250px;}
.catMenu{position: relative; display: inline-block;}
.catMenu .trigger{background-color: #666; color: #fff; padding: 10px 20px; width: 250px; cursor: pointer;}
.catMenu ul{position: absolute; left: 0; top: 40px; width: 100%; z-index: 9; display:none;}
.catMenu.clicked ul{display:block;}
.catMenu ul > li > a{background-color: #333; display: block; color: #fff; padding: 10px 20px; border-top: 1px solid #888; text-decoration: none;}
.catMenu ul > li:hover > a{background-color:#454545;}
.postDetail .authorDate .userImg{top: -20px;}
.postDetail{color: #666;}

.fb{background:#4e71a8;}
.twitter{background:#1cb7eb;}
.gplus{background:#cc3d27;}
.linkedin{background:#2a6e92;}

@media screen and (max-width:1250px){
.container-fluid{max-width:960px;}
.header .container-fluid{max-width:930px;}
.topNav > ul > li > a{padding:0 5px;}
.blogListMain .post .name{font-size: 18px;}
.mainContent{margin-bottom: 252px;}
.fl.leftTitle{width:650px;}
.bgBoxTitle{font-size:24px;}
.postSliderDiv, .postSlider .slick-slide{height:300px;}
}

@media screen and (max-width:1170px){
.copyright .social.fr{float: left; margin-left: 20px;}
}
	
@media screen and (max-width:900px){
.header .container-fluid{padding-left:15px; padding-right:15px;}
.logo img{width:70px;}
.footer h4, .asideMain{margin-top: 30px;}
.searchBtnTop .toggle{line-height: 40px;}
.menuToggleAnimated{display: block; float: left; color: #fff; font-size: 21px; line-height: 75px; margin-right: 15px; cursor:pointer;}
.topNav > ul{display:none;}
.searchBtnTop{position:static;}
.header .container-fluid{position:relative;}
.searchOpen.searchBtnTop .form{width: 100%; padding: 0 15px;}
.footer{position: static;}
.mainContent{margin-bottom: 0;}
.catMenu, .catMenu .trigger, .fl.leftTitle, .blogListMain .post{width:100%;}
.blogListMain .post .name{white-space: inherit;}

}

@media screen and (max-width:700px){
.blogListMain .post{border-bottom: 1px solid #eaeaea; padding-bottom: 15px;}
.blogListMain .post:last-child{border-bottom: 0; padding-bottom: 0;}
.blogListMain .post .img{position: relative; width: 100%; height: auto; left: auto; top: auto; display:block;}
.blogListMain .post .img img{position: static; width: 100%; transform: translate(0); -webkit-transform: translate(0); -ms-transform: translate(0);}
.blogListMain .post .detail{padding: 0; margin-top: 10px;}
.scrollToTop{width: 30px; height: 30px; line-height: 30px; right: 0; bottom: 0; border-radius: 0; font-size: 12px;}
.bgBoxTitle{font-size:20px;}
.copyright .social.fr{margin-top: 20px; margin-left:0; width:100%;}
.postSliderDiv, .postSlider .slick-slide{height:180px;}
.authorDate .shareBtns{float: left;}
.authorDate .userImg{width: 40px; height: 40px; left: 0; top: 0 !important; border:0;}
.postDetail .authorDate .userImg{top: 10px !important;}
.authorDate{padding-left: 50px; padding-bottom: 20px;}


}