html, body{background:#121314; color: #fff; width:100%; position:relative; font-family: "robotolight",Arial,sans-serif; font-size: 12px; line-height: 1.6;}
body.white{background:#e2e2e2; color:#000;}
body.showMobileMenu {overflow: hidden;}
body.showMobileMenu .blurBg {background-image: url("https://www.9tro.com/images/bg-blur.png"); background-repeat: no-repeat; background-size: cover; height: 100%; position: fixed; top: 0; width: 100%; z-index: 11;}
ul, li{margin:0; padding:0; list-style-type:none;}
a, a:focus{color:#fff; text-decoration:none; outline:none;}
a:hover, a:active{color:#1ecd02; text-decoration:none;}
span{border-radius:0 !important; }
p{margin:0 0 27px;}
.note{font-size:11px;}
img:not(.notransform){width:100%; -webkit-transition: transform 0.3s ease 0s; transition: transform 0.3s ease 0s; -moz-transition: transform 0.3s ease 0s;}
.width100{width:100%;}
.left{float:left !important;}
.right{float:right !important;}
.marg0{margin:0 !important;}
.marbot10{margin-bottom:10px !important;}
.marbot20{margin-bottom:20px !important;}
.marbot30{margin-bottom:30px !important;}
.martop4{margin-top:4px !important;}
.martop10{margin-top:10px !important;}
.martop20{margin-top:20px !important;}
.martop30{margin-top:30px !important;}
.marright10{margin-right:10px !important;}
.padtop0{padding-top:0 !important;}
.padd0{padding:0 !important;}
.padbot10{padding-bottom:10px !important;}
.w65{width:65% !important;}
.w15p{width:15px !important;}
.w25p{width:25px !important;}
.w35p{width:35px !important;}
.w60p{width:60px !important;}
.display-none{display:none;}
.display{display:block !important;}
.display-inline{display:inline-block !important;}
.underline {text-decoration:underline;}
a.underline {text-decoration:underline;}
a.whiteColor,.whiteColor {color:#fff !important;}
a.blackColor,.blackColor {color:#000 !important;}
a.greenColor,.greenColor {color:#169e00 !important;}
a.greenlight,.greenlight {color:#1ecd02 !important;}
.reddot{color:#f00; font-size:25px; line-height:0;}
.reddot.top-right{position:absolute; top:0; right:-12px;}
#wrapper{width:100%; margin:0 auto; position:relative; display:block; text-align:center;}
hr{border:none; border-bottom:1px solid #ececec; border-top:1px solid #bababa; width:100%;}
.cursor{cursor:pointer;}
.overhidden{overflow:hidden;}
iframe.dis-click{pointer-events: none;}

.report{float:right; color:#9e9e9e !important; cursor:pointer;}
.report:hover{color:#000 !important;}
.report.reported:hover{color:#9e9e9e !important;}

h1, h2, h4, h5{
    font-family: "robotomedium",Arial,sans-serif;
    font-weight: normal;
	letter-spacing: 1px; 
    margin: 0 0 21px;
}
h1 {
    
    font-size: 26px;
    line-height: 1.2;
}
h2{
	font-size: 24px; 
}
h4 {
    font-size: 20px;
    line-height: 1.2;
}
h5 {
    font-size: 18px;
    line-height: 1.2;
}
/*============================== Control ==============================
====================================================================*/
textarea:focus, input:focus, button:focus, submit:focus{outline: none;}
.form-group{text-align:left; display:inline-block; width:100%;}
.form-group label{font-size:16px; float:left; margin-top:12px; font-weight:normal; width:100%;}
.form-group.haft{width:49%;}
.form-group.haft.last{width:49%; float:right;}
.form-group.fourth{width:24%;}
.form-group.eighth{width:74%;}
.form-group select{background:#383838; border:none; width:100%; font-family: "robotolight",Arial,sans-serif; font-size: 16px; height: 50px; padding:0 15px; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px;}
.form-group select.dropDown{background:url("../images/dropdown-ico.png") no-repeat right center #383838;}
.form-group.white select{background:transparent !important; border:2px solid #121314; width:100%; font-size: 14px; padding:0 5px; height:34px; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px;}
.form-group.white select.dropDown{background:url("../images/dropdown-ico_black.png") no-repeat right center !important;}
.form-group .combodate select{background:url("../images/dropdown-ico.png") no-repeat right center #383838; width:80px !important;}
.form-group .combodate select.month{width:140px !important;}
.form-group .combodate select.year{width:100px !important;}
.form-group input, .form-group textarea, input.fieldControl{background:#383838; border:none; color:#fff; width:100%; font-family: "robotolight",Arial,sans-serif; font-size: 16px; height: 50px; padding:10px 20px; float:left;}
.form-group textarea{height:100%; resize: none;}
.form-group button, submit{width:100%; background:#1ecd02; font-family:"roboto",Arial,sans-serif; font-size:16px; border:0; font-weight:bold; height:50px; text-align:center; color:#010101;}
.form-group .button-red{width:100%; background:#d9534f; font-family:"roboto",Arial,sans-serif; font-size:16px; border:0; font-weight:bold; height:50px; text-align:center; color:#fff;}
.form-group .button-black{width:100%; background:#383838; font-family:"roboto",Arial,sans-serif; font-size:18px; border:0; font-weight:bold; height:50px; text-align:center; color:#1ecd02;}
.form-group a.button{width:100%; background:#1ecd02; font-family:"roboto",Arial,sans-serif; font-size:16px; border:0; font-weight:bold; padding:12px 0; text-align:center; color:#010101; display:block;}

.form-group.button{position:relative;}
.form-group.button input{padding-right:70px;}
.form-group.button span.button{position:absolute; top:0; right:0; font-size:20px; background:#1c1c1f; padding:15px;}

.form-group .radiobutton{float:left; margin-right:50px;}
.form-group [type="radio"]:checked, .form-group [type="radio"]:not(:checked) {position: absolute; left: -9999px;}
.form-group [type="radio"]:checked + label, .form-group [type="radio"]:not(:checked) + label{position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; color: #fff;}
.form-group [type="radio"]:checked + label:before, .form-group [type="radio"]:not(:checked) + label:before {content: ""; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border-radius: 100%; background: #383838;}
.form-group [type="radio"]:checked + label:after, .form-group [type="radio"]:not(:checked) + label:after {content: ""; width: 8px; height: 8px; background: #1ecd02; position: absolute; top: 5px; left: 5px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
.form-group [type="radio"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
.form-group [type="radio"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1);}

.form-group [type="checkbox"]:not(:checked), .form-group [type="checkbox"]:checked {position: absolute; left: -9999px;}
.form-group [type="checkbox"]:not(:checked) + label, .form-group [type="checkbox"]:checked + label {position: relative; padding-left: 40px; cursor: pointer;}
.form-group [type="checkbox"]:not(:checked) + label:before, .form-group [type="checkbox"]:checked + label:before {content: ''; position: absolute; left: 0; top: 0; width:30px; height: 30px; background: #383838;}
.form-group [type="checkbox"]:not(:checked) + label:after, .form-group [type="checkbox"]:checked + label:after {content: '✔'; position: absolute; top: .18em; left: .25em; font-size: 22px; line-height: 0.8; color: #1ecd02 !important; transition: all .2s;}
.form-group [type="checkbox"]:not(:checked) + label:after {opacity: 0; transform: scale(0);}
.form-group [type="checkbox"]:checked + label:after {opacity: 1; transform: scale(1);}
.form-group [type="checkbox"]:disabled:not(:checked) + label:before, .form-group [type="checkbox"]:disabled:checked + label:before {box-shadow: none; border-color: #bbb; background-color: #ddd;}
.form-group [type="checkbox"]:disabled:checked + label:after {color: #999;}
.form-group [type="checkbox"]:disabled + label {color: #aaa;}

.form-groups .image-upload, .form-group .image-upload{border:2px dashed #383838; width:100px; height:100px; position:relative;}
.form-groups .image-upload img, .form-group .image-upload img{width:100%; height: 100%; object-fit: contain; overflow: hidden;}
.sortable_placeholder {width:100px; height:100px; border:2px dashed #383838; background: rgba(180,180,180,0.1)}
.upload_remove {position:absolute; top:-6px; right:-6px; background:#fff; font-size:16px; color:#1ecd02; display:inline-block; padding:0; border-radius:100%; text-align:center; width:16px; height:16px; line-height:none; cursor: pointer;}
.upload_remove span{position:absolute; top:0.5px; right:0.2px;}
.form-groups .video-upload, .form-group .video-upload{border:2px dashed #383838; width:120px; padding:20px 0 10px; text-align:center;}

.upload_edit {position:absolute; bottom:6px; left:6px; background:#fff; color:#1ecd02; display:inline-block; padding:0; border-radius:100%; text-align:center; width:25px; height:25px; line-height:none; cursor: pointer;}
.upload_edit span{position:absolute; top:5.5px; left:5.5px; font-size:14px;}

.upload_sort {position:absolute; bottom:6px; right:6px; background:#fff; color:#1ecd02; display:inline-block; padding:0; border-radius:100%; text-align:center; width:25px; height:25px; line-height:none; cursor: move;}
.upload_sort span{position:absolute; top:5.5px; left:5.5px; font-size:14px;}

.upload_change {position:absolute; bottom:6px; left:35px; background:#fff; color:#1ecd02; display:inline-block; padding:0; border-radius:100%; text-align:center; width:22px; height:22px; line-height:none; cursor: pointer;}
.upload_change span{position:absolute; top:4px; left:5.5px; font-size:12px;}

.form-group .add-link{border:2px dashed #383838; width:100px; height:100px; overflow:hidden; display:block; position:relative;}
.form-group .add-link span.icon{position:absolute; top:50%; left:50%; margin-left:-12px; margin-top:-12px; color:#383838; font-size:24px;}

.upload_loading{background:#383838; position:absolute; bottom:10px; left:15%; width:70%; overflow:hidden;}
.upload_loading div {width: 30px; height: 4px; background-color: #1ecd02; position: relative; -webkit-animation: mymove 2s infinite; animation: mymove 2s infinite;}
.upload_loading div {-webkit-animation-timing-function: linear; animation-timing-function: linear;}

@-webkit-keyframes mymove {
    from {left: 0%;}
    to {left: 100%;}
}

@keyframes mymove {
    from {left: 0%;}
    to {left: 100%;}
}

.text-danger{color:#f00 !important;}
.text-success{color:#1ecd02 !important;}

.agreement a {color: #1ecd02;}
.sending-message{font-size:16px; display:none;}
.error-message{font-size:16px; color:#d9534f;}
.required{color:#d9534f;}
.info{color:#1ecd02; font-size:11px; cursor:pointer; vertical-align:text-top;}
/*============================== Header ==============================
====================================================================*/
#header{background: #222326; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.5); width:100%; position:fixed; z-index:1000}
#header .logo{display:none; background: #222326; width: 200px; padding:0 20px; position:absolute; z-index:1000; left:50%; top:0; transform: translate(-50%, 30%); -webkit-transition: transform 0.3s ease 0s; transition: transform 0.3s ease 0s; -moz-transition: transform 0.3s ease 0s;}

#header .top{width:1400px; display:block; margin:0 auto; padding:14px 0 9px;}
#header .top{width:90%;}

.nav{display:none; width:1400px; margin:0 auto; padding:10px 0 0; font-family: "roboto",Arial,sans-serif; font-size:15px;}
.nav{width:90%;}
.nav .nav-bar > li{float:left; padding:13px 26px 23px; position:relative;}
.nav .nav-bar > li:hover > .arrow{background-position: right -92px !important; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}
.nav .nav-bar > li:hover > ul{display:block;}
.nav .nav-bar > li > ul{display:none; position:absolute; top:60px; margin-left:-15px; background:#000; padding:5px 15px}
.nav .nav-bar > li > ul > li{float:left; clear:both; text-align:left; padding:8px 0;}
.nav .nav-bar > li > ul > li > a{display:block; white-space: nowrap;}

.socials{display:inline-block;}
.socials li{float:left; padding:0 20px;}
.socials li img{height:19px; width: auto !important;}
.socials li img:hover{transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3);}

.links{padding-left:20px; display:inline-block;}
.links > li{float:left; padding:0 20px; position:relative;}
.links > li > a{display:block; padding:4px 0;}

.links > li:hover >ul{display:block;}
.links > li > ul{background:#222326; display:none; position:absolute; margin-left:-10px; z-index:9}
.links > li > ul > li{float:left; clear:both; min-width:140px;}
.links > li > ul > li > a{display:block; padding:0 7px 5px 7px; text-align:left;}
.top-wrap ul.child{text-align:left;}
.top-wrap ul.child > li > a{padding: 0 7px 5px 20px; display:block;}

.search .btn {background: rgba(0, 0, 0, 0) url("../images/search-ico.png") no-repeat 100%; background-size:contain; display: block; margin-top:2px; height: 20px; text-indent: -9999em; width: 20px; -webkit-transition: transform 0.3s ease 0s; transition: transform 0.3s ease 0s; -moz-transition: transform 0.3s ease 0s;}
.search .btn:hover{transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3);}

#header.scroll .top{display:none;}
#header.scroll .logo{width: 150px; transform: translate(-50%, 12%); }

/*____________ Mobile Menu____________*/
.nav-mobile{display: none;}
.mobileMenu{position: absolute; right: 30px; top: 25px; width: 36px;}
.mobileMenu span {background: #fff none repeat scroll 0 0; display: block; height: 4px; margin-bottom: 7px;}

#mobileNavi {background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0; bottom: 0; color: #fff; display: none; font-size: 16px; left: 0; margin-top: 70px; overflow: auto; position: fixed; right: 0; top: 0; z-index: 99999;}
#mobileNavi a:hover{color:#fff !important;}
#mobileNavi .topLinks {border-bottom: 1px solid #363636; border-collapse: separate; border-right: 1px solid #363636; border-spacing: 0; border-top: 1px solid #363636; display: table; font-size: 1.46em; margin: 0 0 1.07021em; padding: 0; table-layout: fixed; width: 100%;}
#mobileNavi .topLinks li {background: #000 none repeat scroll 0 0; color: #fff; display: table-cell; margin: 0; padding: 0; text-align: center; vertical-align: middle; position: relative;}
#mobileNavi .topLinks li a {border-left: 1px solid #363636; display: block; height: 100%; line-height: 1.2; font-size: 18px; padding: 20px; cursor:pointer;}
#mobileNavi .topLinks.bottom {margin: 0;}

#mobileNavi .search {font-size: 10px; margin: 0 2em 1em; position:relative;}
#mobileNavi .search {background: #fff none repeat scroll 0 0;}
#mobileNavi .search .query {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; font-size: 18px; letter-spacing: 1px; margin: 0; padding: 0.439338em; width: 100%; color:#222326;}
#mobileNavi .search a.submitBtn {background: #222326; border: 0 none; color: #1ecd02; cursor: pointer; font-family: "roboto",Arial,sans-serif; font-size: 1.2em; letter-spacing: 1px; margin: 0; padding:1.1em; position: absolute; right: 0; top: 0; width:90px; text-align:center;}
#mobileNavi .search a.submitBtn:hover{color: #1ecd02 !important;}

#mobileNavi .bottomLinksContainer {position: fixed; background: #000000 none repeat scroll 0 0; bottom: 0; z-index: 99999;}

#mobileNavi ul#aboutSub {display: none; position: absolute; top: -370px; width: 100%;}
ul#aboutSub {margin: 0; padding: 5px 0 10px;}
#mobileNavi ul#aboutSub li {display: block !important;}
#mobileNavi ul#aboutSub li a {border: 0 none;}

#mobileNavi ul#loginSub {display: none; position: absolute; top:84px; width: 100%; z-index:9;}
ul#loginSub {margin: 0; padding: 0 0 10px;}
#mobileNavi ul#loginSub li {display: block !important;}
#mobileNavi ul#loginSub li a {border: 0 none;}

.mobile_links{display:inline-block; width:100%; padding:0 20px; margin-bottom:10em !important;}
.mobile_links > li{display:block; width:100%; position:relative;}
.mobile_links > li > a{padding:8px 0; font-size:18px; display:block;}
.mobile_links > li .arrow {background: url(../images/navi-arrow-down.png) no-repeat 10px 18px; -webkit-background-size: 17px; -moz-background-size: 17px; background-size: 17px; display: inline-block; height: 45px; width: 40px; position:absolute; top:0; right:0; z-index:1; cursor:pointer; -webkit-transition: transform 0.3s ease 0s; transition: transform 0.3s ease 0s; -moz-transition: transform 0.3s ease 0s;}
.mobile_links > li.opened .arrow {background-position: 10px 18px !important; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}
.mobile_links > li.opened > a{color:#2db017;}

.mobile_links > li > ul{display:none;}
.mobile_links > li.opened > ul{display:block;}
.mobile_links > li > ul > li{width:100%; position:relative;}
.mobile_links > li >  ul > li > a{padding:8px 0 8px 15px; font-size:18px; display:block;}

.mobile_links.showoff{display:none;}

#mobileNavi .socials {margin: 0 auto; padding: 10px; text-align: center; width: 100%;}
#mobileNavi .socials li {display: inline-block; float: initial; margin: 0 20px !important; padding:0;}

.arrow {background: url(../images/navi-arrow-down.png) no-repeat right 0; -webkit-background-size: 17px; -moz-background-size: 17px; background-size: 17px; display: inline-block; height: 8px; margin-left: 10px; width: 17px; -webkit-transition: transform 0.3s ease 0s; transition: transform 0.3s ease 0s; -moz-transition: transform 0.3s ease 0s;}
/*============================== Body ==============================
====================================================================*/
#content-nav{width:90%; display:inline-block; text-align:left;}
#content{width:1400px; min-height:620px; display:inline-block; padding-top:50px; margin:0 auto; margin-bottom:60px; text-align:left;}
#content{width:90%;}
body.home #content-nav, body.home #content{max-width:1140px;}

.content-full{width:100%;}
.content-left{width:84%; float:left; padding-bottom:20px;}
.content-right{width:15%; height:100%; float:right;}

.img-wrap{overflow:hidden;}
.overlay{background:rgba(0,0,0,0.7); padding:20px 15px 10px; overflow:hidden; position:absolute; bottom:0; color:#fff; width:100%;}
.overlay .title{font-family: "roboto",Arial,sans-serif; font-size: 18px; font-weight: bold; margin: 0;}
.overlay .desc{font-family: "robotolight",Arial,sans-serif; font-size: 14px; height:0; transform: translate(-120%,0); -webkit-transform: translate(-120%,0); -moz-transform:translate(-120%,0); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}

.loadmore{font-family: "roboto",Arial,sans-serif; font-size: 0; margin-bottom: 16px; text-align: center; text-transform:uppercase;}
.loadmore a{ background: rgba(0, 0, 0, 0) url("../images/loadmore-ico.png") no-repeat scroll 0 0 / 33px auto; display: inline-block; font-size: 15px; line-height: 33px; padding-left: 54px; position: relative; cursor:pointer;}
.loadmore.black a{background: rgba(0, 0, 0, 0) url("../images/loadmore-ico-black.png") no-repeat scroll 0 0 / contain ; color:#000;}
.loadmore.black a:hover {color:#1ecd02 !important;}
.loadmore .loading{width:80px; display:none;}

.homepage .loadmore{margin:0;}
.homepage .loadmore a:hover {color:#fff !important;}
.feature-mobile-button-wrap{color: #fff !important;
    background: #37393e;
    font-size: 16px;
    width: 100%;
    display: inline-block;
    padding: 12px 0;
    font-family: "roboto",Arial,sans-serif;
    text-align: center;
    text-transform: uppercase;
    position: relative;
}
/*____________ Left Menu ____________*/
.sidebar{position:fixed; background:#121314; padding:0; width:15%; height:100%; top:0; padding:70px 10px 0; z-index:99;}
.sidebar a.logo{padding:30px; margin-bottom:20px; display:block;}
.sidebar .mainmenu > li:first-child,
.sidebar .mainmenu > li >ul > li:first-child{border-top:1px solid #232426;}
.sidebar .mainmenu > li >ul > li:last-child{border-bottom:none;}
.sidebar .mainmenu > li{border-bottom:1px solid #232426; font-size:15px; position:relative; display:block;}
.sidebar .mainmenu > li > a{display: inline-block; padding: 12px 45px 13px 10px;}
.sidebar .mainmenu > li:hover >ul{display:block;}
.sidebar .mainmenu > li:hover > a{color:#1ccd02;}
.sidebar .mainmenu > li:hover > .arrow{background-position: right -92px !important; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}

.sidebar .mainmenu > li >ul{display:none;}
.sidebar .mainmenu > li >ul > li{border-bottom:1px solid #232426; font-size:15px;}
.sidebar .mainmenu > li > ul > li > a{padding: 12px 45px 13px 20px; display:block;}

.sidebar .mainmenu > li > .arrow{ position: absolute; right: 10px; top: 23px;}

.sidebar .mainmenu > li.opened >ul{display:block;}
.sidebar .mainmenu > li.opened > .arrow{background-position: right -92px !important; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}

.sidebar .mainmenu.showoff{display:none;}
.sidebar .mainmenu.showoff > li > a{padding:12px 10px 13px 10px;}

/*____________ Slider ____________*/
.content-wrapper{padding:30px 0 0; width:80%; float:right;}
.content-wrapper span.label{font-size:13px; color:#000; padding:10px 15px; z-index:99; text-transform:uppercase; position:absolute; top:10px; right:10px; background: rgba(65, 234, 38, 0.55) none repeat scroll 0 0;}

.slider-item{overflow:hidden; padding:0; position:relative;}
.slider-item:hover .img-wrap img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.slider-item .overlay .title{font-size:24px;}
.slider-item .overlay .desc{font-family: "roboto",Arial,sans-serif; font-size:16px;}
.slider-item :hover .overlay .desc{display:block; height: auto; transform: translate(0,0); -webkit-transform: translate(0,0); -moz-transform: delay(2s) translate(0,0)}

.slider-item .img-wide{width:100%; height:480px; background-size:cover; background-position:center; background-repeat:no-repeat;}

.banner-item:first-child{margin:0;}
.banner-item{margin-top:15px; position:relative;}
.banner-item:hover .img-wrap img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.banner-item :hover .overlay .desc{display:block; height: auto; transform: translate(0,0); -webkit-transform: translate(0,0); -moz-transform: delay(2s) translate(0,0)}

/*____________ Featured ____________*/
.featured a.title{color:#fff !important; background:#37393e; font-size:16px; width:100%; display:inline-block; padding:12px 0; font-family:"roboto",Arial,sans-serif; text-align:center; text-transform:uppercase; position:relative;}
.featured a.title.top:after {border-color: #37393e transparent transparent; border-style: solid; border-width: 12px 11.5px 0; bottom: -11px; content: ""; height: 0; left: 50%; margin-left: -11.5px; position: absolute; width: 0;}
.featured a:hover{color:#fff !important;}
.featured a.title.bot{background:#37393e;}
.featured a:hover.title.bot{background:#222326;}

.article-item .details{padding:10px 10px 20px;background:#222326;}
.article-item .details .date{color:#a4a4a4; font-family:"roboto",Arial,sans-serif; font-size:12px; display:block; margin-bottom:5px;}
.article-item .details  .name{color:#fff; font-family:"roboto",Arial,sans-serif; font-size:16px; line-height: 1.2;}
.article-item:hover .details .name{color:#1ecd02;}
.article-item:hover .img-wrap img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.article-item .details  .desc{font-size: 14px; line-height: 1.3; display:block;}

.article-item .list .col-[*]{padding:0}
.article-item .list a{width:calc(100% - 10px);}
.article-item .list .detail {background:#222326; padding:10px; height:100%; font-size:14px;}
.article-item .list .detail .name{font-weight:bold; font-size:22px; padding-bottom:10px; display:block;}
.article-item .list .detail .date{position:absolute; bottom:10px; right:10px;}

.article-item .img-wide{width:100%; height:170px; background-size:cover; background-position:center; background-repeat:no-repeat;}

.feature-button-wrap{height:255px; position:relative;}
.feature-title-ver{
    top:50%; right:30px; min-width:210px;
    -webkit-transform: translate(0, -50%) rotate(-90deg);
    -moz-transform: translate(0, -50%) rotate(-90deg);
    -ms-transform: translate(0, -50%) rotate(-90deg);
    -o-transform: translate(0, -50%) rotate(-90deg);
    transform: translate(0, -50%) rotate(-90deg);
}
.feature-bot-ver{
    top:50%; left:-70px; min-width:210px;
    -webkit-transform: translate(0, -50%) rotate(90deg);
    -moz-transform: translate(0, -50%) rotate(90deg);
    -ms-transform: translate(0, -50%) rotate(90deg);
    -o-transform: translate(0, -50%) rotate(90deg);
    transform: translate(0, -50%) rotate(90deg);
}

/*____________ breadcrumbs ____________*/
.breadcrumbs {font-size: 0; margin: 0 0 17px; padding: 0;}
.breadcrumbs li {display: inline-block; font-size: 12px; padding-left: 5px; vertical-align: top;}
.breadcrumbs li {background-position: 0 -37px; color:#000;}
.breadcrumbs li:first-child {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; margin-left: 0; padding-left: 0;}
.breadcrumbs li a {text-decoration: underline; color:#000;}
.breadcrumbs li img {margin-left: 5px; width:20px;}
.breadcrumbs.white span{color:#aaa;}
.breadcrumbs.white a{color:#fff;}

.backHome{background:#1c1c1f; font-family: "roboto",Arial,sans-serif; font-size: 22.5px; margin-bottom: 32px; padding: 23px 72px; display:block; position:relative; display:none;}
.backHome span{position:absolute; left:25px; top:30px;}
.backHome:hover{color:#fff;}

/*____________ Search ____________*/
#searchOverlay {background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0; bottom: 0; display: none; left: 0; padding-left: 15px; padding-right: 15px; position: fixed; right: 0; top: 0; z-index: 100;}
#searchOverlay .fields {margin: 330px auto 0; max-width: 760px; transition: margin-top 0.3s ease 0s;}
#searchOverlay .close-search {cursor: pointer; float: right; height: 20px; transition: all 0.5s ease 0s; width: 20px;}
#searchOverlay .fields .query {font-size: 26px;}
#searchOverlay .fields .query {-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-color: currentcolor currentcolor #ffffff; border-image: none; border-style: none none solid; border-width: 0 0 1px; color: #fff; display: block; font-family: "robotolight",Arial,sans-serif; font-size: 29.59px; margin: 0 0 24px; outline: medium none; padding: 14px 0; width: 100%;}
#searchOverlay .fields .submitBtn {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 0 none; color: #1ecd02; cursor: pointer; float: right; font-family: "roboto",Arial,sans-serif; font-size: 18.8px; margin: 0; padding: 0 4px;}

/*____________ Custom Col ____________*/
.hide{display:none;}
.tablet-show{display:none;}
.mobile-show{display:none;}
.col-md-hide{display:none;}
@media (min-width: 992px)
{
    .col-md-1_5{float:left; width:12.499999995%;}
}
/*============================== Footer ==============================
====================================================================*/
#footer{background:#1c1c1f; padding:30px 0 15px 0; width:100%; font-size:15px; z-index:999; position:relative;}
#footer .arrow-footer {background-image: url("../images/footer-arrow.png"); background-size: 100% 88px; height: 20px; cursor:pointer; margin: 0 auto; width: 60px; position:absolute; top:-20px; left:0;right:0;}
#footer .arrow-footer:hover{background-position: 100% -1.44em;}
#footer .arrow-footer.active{background-position: 100% -2.9em;}
#footer .arrow-footer.active:hover{background-position: 100% -4.4em;}

.footer-content{margin-bottom:40px; display:none;}
.copyright{text-align:left; color:#fff;}
.footer-links > li{float:left; width: 13.5%; text-align: center; font-weight:bold; font-size:17px;}
.footer-links > li > ul{padding-top:10px;}
.footer-links > li > ul > li{text-align:center; font-weight:normal; font-size:15px;}

/*============================== Category ==============================
====================================================================*/
.desktop{margin-bottom:20px;}
.desktop span.section{float: left; font-family: "roboto",Arial,sans-serif; font-size: 15px; font-weight: normal; margin:10px 20px 0 0}
.desktop ul{padding: 0; text-align: left;}
.desktop ul > li{ display: inline-block; font-size: 15px; list-style: outside none none; margin: 0 10px 10px 0; padding: 0; vertical-align: top;}
.desktop ul > li > a{background: #222326 none repeat scroll 0 0; display:block; padding: 11px 13px; transition: background-color 0.3s ease 0s;}
.desktop ul > li.active a, .desktop ul > li > a:hover{background:#1ecd02; color:#000 !important;}

.desktop ul.pagebreak > li > a{padding: 8px 15px;}
/*____________ Article List ____________*/
.article-list a.title{color:#fff !important; background:#1c1c1f; font-size:16px; width:100%; display:inline-block; padding:12px 0; font-family:"roboto",Arial,sans-serif; text-align:center; text-transform:uppercase;}
.article-list a:hover{color:#fff !important;}
.article-list a.title.bot{background:#37393e;}
.article-list a:hover.title.bot{background:#222326;}

.article-list .article-item .details{padding:10px 10px 20px;background:#222326;}
.article-list .article-item .details .date{color:#a4a4a4; font-family:"roboto",Arial,sans-serif; font-size:12px; display:block; margin-bottom:5px;}
.article-list .article-item .details  .name{color:#fff; font-family:"roboto",Arial,sans-serif; font-size:16px; line-height: 1.2;}
.article-list .article-item:hover .details .name{color:#1ecd02;}
.article-list .article-item:hover .img-wrap img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}

.categoryTitle{background:#1c1c1f; font-family: "roboto",Arial,sans-serif; font-size: 22.5px; margin-bottom: 32px; padding: 23px; display:none; position:relative; cursor:pointer;}
.categoryTitle span{position:absolute; top:30px; right:23px;}

.desktop .categoryTitle_Mobile{background:#1c1c1f; display:inline-block; width:100%; margin-top:-19px;}
.desktop .categoryTitle_Mobile > li{margin:0; width:100%; display:block;}
.desktop .categoryTitle_Mobile > li > a{background:none !important; padding:10px !important; display:block; font-size:18px;}
.desktop .categoryTitle_Mobile > li.active > a, .desktop .categoryTitle_Mobile > li > a:hover{ color:#fff !important; background:#121314 !important;}
/*============================== Detail ==============================
====================================================================*/
p.short_desc {font-size: 15px; margin: 0 0 10px;}
.article-detail .img-wrap{margin-bottom:10px;}
.article-detail img{width:100%; height:auto}
.article-detail .meta{margin-bottom:10px;}
.article-detail .meta .date {float: left; margin-top: 6px;}
.article-detail a:hover{color:#148802 !important;}
.meta.social{display:inline-block; width:100%;}
.zoomFont{float:right;}
.zoomFont .zoomIn, .zoomFont .zoomOut{width:40px; cursor:pointer;}
.fb-like{float:left;}
.viewCount{float:left; font-size:16px;}
.viewCount span{font-size:20px; margin-right:5px; color:#1ecd02;}

.article-content{ float: right; font-size: 16px; line-height: 24px; width: 79.4872%;}
.article-content-full{font-size: 16px; line-height: 24px; width: 100%;}
.article-content-full a{color:#1ecd02; text-decoration:underline;}
.article-content strong, .article-content b{font-weight:600;}
.article-content p {line-height: 24px; margin-bottom: 15px !important;}
.article-content a{color:#1ecd02; text-decoration:underline;}
.article-content img{width:100% !important; height:auto !important; margin-bottom:10px;}
.article-content.zoomText{font-size:19px;}
.article-content .video iframe {height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
.article-content .video {height: 0; margin-bottom: 3.58974%; padding-bottom: 56.25%; padding-top: 25px; position: relative;}
.article-content .fb-video{margin-bottom:20px;}

.article-content ul{margin:0 0 10px 10px;}
.article-content ul > li{list-style-type:initial; list-style-position:inside;}

.article-content .image img{margin-bottom:0;}
.article-content .image .caption{background:#d0d0d0; padding:5px 20px; font-style:italic; font-size:15px;}

p.pagination-message {color: #01c302; font-style: italic; font-weight: bold; text-align: right;}
ul#pagination-section.page-right {text-align: right;}
#pagination-section #disabled {background: #5f5f5f none repeat scroll 0 0 !important;}
#pagination-section li.pagination-list {background: #1ecd02 none repeat scroll 0 0; display: inline-block; line-height: 30px; margin-right: 5px; max-height: 50px; text-align: center;}
#pagination-section li.pagination-list a {color: #000; display: block; font-size: 11px; font-weight: bold; height: 30px; min-width: 30px; padding: 0; text-decoration: none;}
#pagination-section li.pagination-list a img{width:30px !important;}

.authors {float: left; width: 17.9487%;}
.authors .listing li {line-height: 1.3; list-style: outside none none; margin: 0 0 20px; padding: 0; text-align: center;}
.authors .listing li .type {display: block; font-family: "roboto",Arial,sans-serif; font-size: 16px; margin: 0 0 25px;}
.authors .listing li a.author-credits {padding-bottom: 20px;}
.authors .listing li a {display: inline-block !important; color:#169e00;}
.authors .listing li .image {border-radius: 50%; display: block; margin: 0 auto 10px; width: 101px;}
.authors .listing li .authorItem{background-position:center; background-repeat:no-repeat; background-size:cover; width:110px; height:110px; border-radius:100%; margin:auto;}
.authors .listing li .name {display: block; font-family: "roboto",Arial,sans-serif; font-size: 16px; margin: 6px 0 0;}
.authors .addCredHeader{margin-top:30px;}
.authors li.credits-list {text-align: center !important;}

h3.addCredHeader {display: block; font-family: "roboto",Arial,sans-serif; font-size: 16px; letter-spacing: 0; margin: 0 0 10px; text-align: center;}

.related_wrap {padding: 10px 0 5px;}
.related_wrap .caption {background: #222326 none repeat scroll 0 0; color: #fff; display: inline-block; font-family: "roboto",Arial,sans-serif; font-size: 16px; letter-spacing: 1px; line-height: 48px; margin-bottom: 10px; padding: 0 10px; width: 100%;}
.related_wrap .caption img.close {cursor: pointer; float: right; height: 23px !important; margin-top: 12.5px; width: 23px !important; opacity:1;}
.related_list {display: inline-block; padding: 0; width:100%; margin:0 !important;}
.related_list > li {float: left; list-style-type: none !important; margin-bottom: 10px; padding: 0 10px 0 0; width: 50%;}
.related_list > li:last-child{padding: 0 !important;}
.related_list > li .related_item {background: #1c1c1f none repeat scroll 0 0; color: #fff; display: inline-block; padding: 10px; width: 100%;}
.related_list > li .related_item .img-wrapp {float: left; margin:0 10px 10px 0; width: 130px;}
.related_list > li .related_item span.name {color: #fff; font-size: 15px; line-height: 1.4em; margin-bottom: 0;}
.related_list > li .related_item span.date {color: #a4a4a4; display: block; font-size: 12px; margin-bottom: 3px;}
.related_list > li .related_item span.description {color: #a4a4a4; float: left; font-size: 14px; line-height: 1.2em; margin-bottom: 3px; min-height: 35px; width: 100%;}

/*related Slider*/
.relatedSlider {border-top: 1px solid #c8c3c3; padding-top: 36px;}
.relatedSlider .naviBar {background: #222326 none repeat scroll 0 0; color: #fff; height: 48px; line-height: 1.2; margin-bottom: 20px; padding: 0 10px 0 20px;}
.relatedSlider .naviBar .caption {font-family: "roboto",Arial,sans-serif; font-size: 16px; letter-spacing: 1px; line-height: 48px;}

.related-list a.title{color:#fff !important; background:#1c1c1f; font-size:16px; width:100%; display:inline-block; padding:12px 0; font-family:"roboto",Arial,sans-serif; text-align:center; text-transform:uppercase;}
.related-list a:hover{color:#fff !important;}
.related-list a.title.bot{background:#37393e;}
.related-list a:hover.title.bot{background:#222326;}

.related-list .related-item a{background:#222326; padding:10px 10px 40px; display:inline-block; width:100%;}
.related-list .related-item .details  .name{color:#fff; font-family:"robotomedium",Arial,sans-serif; font-size:16px; line-height: 1.2; margin-bottom:10px; display:block;}
.related-list .related-item .details .date{color:#a4a4a4; font-family:"roboto",Arial,sans-serif; font-size:12px; display:block; margin-bottom:5px;}
.related-list .related-item:hover .details .name{color:#1ecd02;}
.related-list .related-item:hover .img-wrap img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}

.gallery{margin:0 0 30px 0;}
.gallery h3{text-decoration:underline;font-family: "robotomedium",Arial,sans-serif; font-size: 22px; margin-bottom:20px;}
#lightgallery{display:inline-block; width:100%;}

.thumb-hide{display:none;}
.thumbnail-wrapper.very-large-thumb {width: 100%; padding: 0 0 10px 0; }
.thumbnail-wrapper.very-large-thumb > div {background-repeat: no-repeat; background-size: cover; height: 100% ; background-position:center;}
.thumbnail-wrapper.very-large-thumb > div .viewGallery {height: 325px;}

.thumbnail-wrapper.large-thumb {width: 50%; padding: 0 10px 0 0; }
.thumbnail-wrapper {float: left; position: relative; text-decoration: none !important;}
.thumbnail-wrapper.large-thumb > div {background-repeat: no-repeat; background-size: cover; height: 300px; background-position:center;}
.thumbnail-wrapper.large-thumb > div .viewGallery {height: 300px;}
.viewGallery {align-items: center; background: rgba(30, 205, 2, 0.9) none repeat scroll 0 0; color: #000; display: flex; flex-wrap: wrap; font-family: "robotomedium",Arial,sans-serif; font-size: 13px; justify-content: center; line-height: 1; opacity: 0; text-align: center; transition: all 0.3s ease 0s;}
.thumbnail-wrapper:hover .viewGallery{opacity:1;}
.thumbnail-wrapper p {line-height: 14px !important; margin-bottom: 0 !important;}

.thumbnail-wrapper.small-thumb-third {margin-bottom: 10px; width: 33.3333%; padding: 0 10px 0 0; }
.thumbnail-wrapper.small-thumb-third > div {background-repeat: no-repeat; background-size: cover; background-position:center;}
.thumbnail-wrapper.small-thumb-third > div .viewGallery {height: 145px;}

.thumbnail-wrapper.small-thumb {margin-bottom: 10px; width: 25%; padding: 0 10px 0 0;}
.thumbnail-wrapper.small-thumb > div {background-repeat: no-repeat; background-size: cover; height: 145px; background-position:center;}
.thumbnail-wrapper.small-thumb > div .viewGallery {height: 145px;}

.thumbnail-wrapper-disable.small-thumb-third {margin-bottom: 10px; width: 33.3333%; padding: 0 10px 0 0; display:inline-block; float:left; cursor:pointer;}
.thumbnail-wrapper-disable.small-thumb-third > div {background-repeat: no-repeat; background-size: cover; height: 130px; background-position:center;}
.thumbnail-wrapper-disable.small-thumb-third > div .viewGallery {height: 145px;}

.thumbnail-wrapper-disable.small-thumb {margin-bottom: 10px; width: 25%; padding: 0 10px 0 0;}
.thumbnail-wrapper-disable.small-thumb > div {background-repeat: no-repeat; background-size: cover; height: 145px; background-position:center;}
.thumbnail-wrapper-disable.small-thumb > div .viewGallery {height: 145px;}

.totalImages-wrapper > div {align-items: center; background: rgba(30, 205, 2, 0.9) none repeat scroll 0 0; color: #000; display: flex; flex-flow: column wrap; font-family: "robotomedium",Arial,sans-serif; font-size: 13px; height: 145px; justify-content: center; text-align: center;}
span.number-wrapper {background-repeat: no-repeat !important; background-size: 36px auto !important; display: inline-block; margin: 0 auto; padding: 2px 0 4px 34px; text-align: center; vertical-align: middle; width: 70px;}

.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover{border-color:#09a907 !important}

/*____________ Quick Post ____________*/
.quick-post-form{display:none; text-align:left; color:#555;}
.quick-post-bg{background:rgba(0,0,0, 0.6); position:fixed; overflow-y:auto; width:100%; height:100%; top:0; left:0; z-index:1001;}
.quick-post{position:relative; top:10%; left:50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); max-width:600px; min-width:500px; z-index:1002; background:#fff; margin-bottom:10%; font-family: "robotolight",Arial,sans-serif;}
.quick-post .quick-post-title{position:relative; background:#121314; color:#fff; width:100%; padding:10px 0 5px;}
.quick-post .quick-post-title #close{position:absolute; font-size:16px; top:10px; right:10px; cursor:pointer;}
.quick-post .quick-post-title ul{display:inline-block; margin:0; padding:0;}
.quick-post .quick-post-title ul > li{float:left; padding:0 10px; border-right:1px solid #ddd; cursor:pointer; font-weight:bold;}
.quick-post .quick-post-title ul > li:last-child{border:none;}
.quick-post .quick-post-title ul > li > span{margin-right:5px;}
.quick-post ul.quick-post-image{display:inline-block; margin:0 -5px; width:100%;}
.quick-post ul.quick-post-image > li{float:left; padding:5px;}
.quick-post ul.quick-post-image .image-upload{border:2px dashed #dddfe2;}
.quick-post ul.quick-post-image > li .add-link{border:2px dashed #dddfe2; width:100px; height:100px; display:block; position:relative;}
.quick-post ul.quick-post-image > li .add-link span.icon{position:absolute; top:50%; left:50%; margin-left:-12px; margin-top:-12px; color:#dddfe2; font-size:24px;}
.quick-post ul.quick-post-image > li.sortable_placeholder {width:100px; height:100px; margin-top:5px; border:2px dashed #dddfe2; background:#f6f7f9;}
.quick-post ul.video > li{margin-bottom:10px;}
.quick-post ul.video > li a{color:#1ecd02; font-weight:bold; padding:5px 0;}
.quick-post ul.video .video-upload{border:2px dashed #dddfe2; width:120px; text-align:center; padding:20px 0 10px 0;}
.quick-post .quick-post-button:not(.quick-post-button-clear){background:#f6f7f9; padding:10px;}
.quick-post .quick-post-button .button{background: #1ecd02 none repeat scroll 0 0; border: 0 none; color: #010101; text-transform:uppercase; font-weight:bold; height:30px; padding:0 15px; text-align: center;}
.quick-post .quick-post-button .button.video{height:34px; width:100%;}
.quick-post .quick-post-content{padding:10px;}
.quick-post .quick-post-content hr{border-style:none; border-top:1px solid #dddfe2; margin:10px 0;}
.quick-post .quick-post-content .form-groups{margin-bottom:10px;}
.quick-post .quick-post-content .form-control{outline: none; box-shadow:none; border-radius:0; border:1px solid #dddfe2; background:#eee; font-size:14px;}
.quick-post .quick-post-content .form-control:focus{border:1px solid #dddfe2;}
.quick-post .quick-post-content select{background:#eee !important; border:1px solid #dddfe2; width:100%; font-size: 14px; padding:0 5px; height:34px; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px;}
.quick-post .quick-post-content select.dropDown{background:url("../images/dropdown-ico_black.png") no-repeat right center #eee !important;}
.quick-post .quick-post-content textarea{resize:vertical; min-height:100px; overflow-x:hidden;}

a.quick-create{border:2px solid #121314; color: #000; font-family: "robotomedium",Arial,sans-serif; font-weight:400; text-transform:uppercase; width:100%; padding:8px 20px; display:inline-block; max-width:190px; float:left;}
a.quick-create:hover{color:#000 !important;}
a.quick-create img{width:24px; float:left; margin:-4px 5px 0 0;}

.video-click{display:none;}
/*============================== Team ==============================
====================================================================*/
.team-detail{background:#1c1c1f; padding:30px; font-size:16px; display:inline-block; width:100%;}
.team-detail .img-wrap{width:300px; float:left; margin-right:20px;}
.team-detail .author-desc{padding-top:10px;}
.team-detail a{color:#1ecd02; text-decoration:underline;}

/*============================== Contact ==============================
====================================================================*/
.contact-us h5{margin-bottom:10px;}
.contact-us address, .contact-us  p{font-style: normal; margin: 0 0 25px; padding: 0; font-size:16px; line-height:1.5em;}
.contact-us a{color:#169e00;}

.contact-form .form-group label{width:20%;}
.contact-form .form-group select{width:80%;}
.contact-form .form-group input, .contact-form .form-group textarea{width:80%;}
.contact-form .form-group button, .contact-form .form-group submit{width:80%;}

#contactThank{display:none;}

/*============================== Register Checkout ==============================
====================================================================*/
#checkoutForm h5{margin-bottom:10px;}
#checkoutForm address, .contact-us  p{font-style: normal; margin: 0 0 25px; padding: 0; font-size:16px; line-height:1.5em;}
#checkoutForm a{color:#169e00;}

#checkoutForm .form-group label{width:26%;}
#checkoutForm .form-group select{width:74%;}
#checkoutForm .form-group input, .checkoutForm .form-group textarea{width:74%;}
#checkoutForm .form-group button, .checkoutForm .form-group submit{width:74%;}

/*============================== Member ==============================
====================================================================*/
.member-menu{margin-top:-5px;}
.member-menu span.name{text-transform:uppercase; padding: 0 0 0 10px; line-height:2em;}
.member-menu .sub-menu{padding-top:10px;}
.member-menu .sub-menu a{cursor:pointer;}

.register-form .maintitle{margin-top:30px; margin-bottom:40px; text-align:center;}
.register-form button, .register-form submit{width:80%; margin-left:10%;}
#registerThank{display:none;}
.agre, .captcha{display:none;}

.login-form .maintitle{margin-top:30px; margin-bottom:40px; text-align:center;}
.login-form button, .login-form submit{width:100%;}
.login-form .options{display:inline-block; width:100%; color:#c8c3c3; margin:10px 0;}
.login-form .options a{color:#c8c3c3; text-decoration:underline;}
.login-form .options .createAccount{float:left;}
.login-form .options .forgetPassword{float:right;}
.login-form .options .login{float:right;}
.login-form .remember{float:right;}
.login-form .remember label{font-size:12px; color:#c8c3c3;}
.login-form .remember [type="checkbox"]:not(:checked) + label:before, .login-form .remember [type="checkbox"]:checked + label:before {width:20px; height: 20px;}
.login-form .remember [type="checkbox"]:not(:checked) + label:after, .login-form .remember [type="checkbox"]:checked + label:after {top: .12em; left: .15em; font-size: 18px;}
.login-form .remember [type="checkbox"]:not(:checked) + label, .login-form .remember  [type="checkbox"]:checked + label {padding-left:25px;}
.login-form .logo-white{max-width:300px; margin-bottom:50px;}

#frmSocial .another_login{position:relative; color:#c8c3c3;}
#frmSocial .another_login span:before{content: ""; border-top:1px solid #c8c3c3; width:30%; position:absolute; top:10px; left:0;}
#frmSocial .another_login span:after{content: ""; border-top:1px solid #c8c3c3; width:30%; position:absolute; top:10px; right:0;}

.btn_social{text-align:center; margin-bottom:10px;}
.btn_social .fa{float:left; font-size:32px; padding:10px 20px; min-width:70px;}
.btn_social .btn_text{font-size:20px; font-family: "roboto",Arial,sans-serif; font-weight:bold; padding:10px 0; display:block;}

.btn_social.google{background:#cf4332;; color:#fff;}
.btn_social.google .fa{background:#af3222;}

.btn_social.facebook{background:#4064ad; color:#fff;}
.btn_social.facebook .fa{background:#39569a;}

#frmForgot{display:none;}

.avatar{background-image:url('../images/9tro_alliance_profile_default.png'); background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:100%; margin:auto; float:left;}
.avatar.w25{width:25px !important; height:25px !important;}
.avatar.w30{width:30px !important; height:30px !important;}
.avatar.w35{width:35px !important; height:35px !important;}
.avatar.w40{width:40px !important; height:40px !important;}
.avatar.w100{width:100px; height:100px;}

.overview{background:#e2e2e2;}

/*.profile-cover{background-size:cover; background-repeat:no-repeat; background-color:#e2e2e2; background-position:center; color:#fff; line-height:0;}*/
.profile-avatar{background-size:cover; background-repeat:no-repeat; background-position:center; width:67px; height:67px; cursor:pointer;}

.profile-wrap{position:relative; padding:50px 40px 15px 40px; display:inline-block; width:100%; line-height:1.6;}/*background:rgba(0,0,0,0.5); */
.profile-wrap .profile-inner{width:80%; float:right;}
.profile-wrap .profile-inner a:hover{color:#fff !important;}

.profile-wrap .profile-inner ul.mobile-btn{position:absolute; top:5px; right:0; display:none;}
.profile-wrap .profile-inner ul.mobile-btn > li{float:left; margin-right:20px; position:relative;}
.profile-wrap .profile-inner ul.mobile-btn > li > a{color:#707070; padding:5px 20px; border:1px solid #707070; border-radius: 5px; cursor:pointer; font-size:15px; text-transform:uppercase; text-align:center; min-width:180px;}
.profile-wrap .profile-inner ul.mobile-btn > li > a:hover{color:#1ecd02 !important; border-color:#1ecd02;}
.profile-wrap .profile-inner ul.mobile-btn > li::before {background:#b7b7b7; content: ""; right: -10px; position: absolute; width: 1px; height:100%;}
.profile-wrap .profile-inner ul.mobile-btn > li:last-child{margin-right:0;}
.profile-wrap .profile-inner ul.mobile-btn > li:last-child::before {background:none;}

.profile-user{display:table; text-align:left;}
.profile-user .name{display: table-cell; font-family: "roboto",Arial,sans-serif; font-size: 24px; font-style: normal; font-weight: bold; color:#000; padding-left:20px; vertical-align:middle; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width:300px;}
.profile-user .flag{width:28px; display:block;}

.socials.profile{display:inline-block; float:right;}
.socials.profile li{float:left; padding:30px 20px;}
.socials.profile li img{height:30px; width: auto !important;}
.socials.profile li img:hover{transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3);}

.profile-stats{background:#1c1c1f; border-top:2px solid #575759; padding:10px 40px 20px; color:#fff; text-align:left; float:left; display:inline-block; width:100%;}
.profile-stats .profile-inner{width:80%; float:right;}
.profile-stats .profile-inner ul {display:inline-block; width:100%;}
.profile-stats .profile-inner ul.sm-right{float:right;}
.profile-stats .profile-inner ul > li{float:left; margin-right:30px; padding-right:30px; position: relative;}
.profile-stats .profile-inner ul > li a:hover{color:#fff !important;}
.profile-stats .profile-inner ul > li .text{display: block; font-size: 15px; font-weight: bold;}
.profile-stats .profile-inner ul > li .number{font-size: 36px;}
.profile-stats .profile-inner ul > li .number img{height:30px; width:auto;}
.profile-stats .profile-inner ul > li::before {background: #6c6c6c none repeat scroll 0 0; bottom: 18px; content: ""; right: 0; position: absolute; top: 18px; width: 1px;}
.profile-stats .profile-inner ul > li:last-child{padding-right:0; margin-right:0}
.profile-stats .profile-inner ul > li:last-child::before{background:none;}

.profile-stats_mobile{color:#fff; position:absolute; right:0; bottom:0; display:none;}
.profile-stats_mobile .profile-inner ul {display:inline-block; width:100%;}
.profile-stats_mobile .profile-inner ul > li{float:left; margin:0; padding:0 30px; position: relative; text-align:center;}
.profile-stats_mobile .profile-inner ul > li a{color:#707070;}
.profile-stats_mobile .profile-inner ul > li a:hover{color:#707070 !important;}
.profile-stats_mobile .profile-inner ul > li .text{display: block; font-size: 15px;}
.profile-stats_mobile .profile-inner ul > li .number{color:#000; font-size: 36px; font-weight:bold;}
.profile-stats_mobile .profile-inner ul > li .number img{height:30px; width:auto;}
.profile-stats_mobile .profile-inner ul > li::before {background: #b7b7b7 none repeat scroll 0 0; bottom: 18px; content: ""; right: 0; position: absolute; top: 18px; width: 1px;}
.profile-stats_mobile .profile-inner ul > li:last-child::before{background:none;}

/*____________ Interactive ____________*/
.profile-interactive{position:absolute; right:0; bottom:0;}
.profile-interactive .title{color:#707070; font-size: 15px;}
.profile-interactive ul{display:inline-block;}
.profile-interactive ul > li{float:left; margin-right:40px; position:relative;}
.profile-interactive ul > li:last-child{margin-right:0;}
.profile-interactive ul > li a{color:#000 !important; display:inline-block;}
.profile-interactive ul > li a.hover-black:hover{color:#000 !important;}
.profile-interactive ul > li > a .number, .profile-interactive ul > li > a .text{font-size: 26px;}
.profile-interactive ul > li > a .number{margin-right:5px;}
.profile-interactive ul > li::before {background: #b7b7b7 none repeat scroll 0 0; content: ""; right: -20px; position: absolute; width: 1px; height:100%;}
.profile-interactive ul > li:last-child::before{background:none;}

.profile-interactive_mobile{display:none;}
.profile-interactive_mobile .profile-inner{display:inline-block; width:100%; padding:0 40px; width:100%;}
.profile-interactive_mobile .profile-inner a, .profile-interactive .profile-inner a:hover{color:#000 !important;}
.profile-interactive_mobile .profile-inner .title{color:#707070; font-size: 15px;}
.profile-interactive_mobile .profile-inner .icon{font-size: 32px; margin-right:10px;}
.profile-interactive_mobile .profile-inner .number, .profile-interactive_mobile .profile-inner .text{font-size: 30px;}
.profile-interactive_mobile .profile-inner .number{margin-right:5px;}

.profile-menu_mobile {display:none; background:#e2e2e2; position:fixed; width:100%; bottom:0; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.5); z-index:1;}
.profile-menu_mobile .profile-inner ul{display: flex; width:100%; padding:14px 0 7px; }
.profile-menu_mobile .profile-inner ul > li{float:left; width:100%; margin:0; padding:0; position: relative;}

.profile-menu_mobile .profile-inner ul > li a{width:28px; height:28px; display:inline-block; position:relative; background-repeat:no-repeat; background-position: center center;}
.profile-menu_mobile .profile-inner ul > li.timeline a{background-image:url('../images/mobiles/timeline.png'); background-size:contain;}
.profile-menu_mobile .profile-inner ul > li.profile a{background-image:url('../images/mobiles/profile.png'); background-size:contain;}
.profile-menu_mobile .profile-inner ul > li.inbox a{background-image:url('../images/mobiles/messages.png'); background-size:contain;}
.profile-menu_mobile .profile-inner ul > li.notification a{background-image:url('../images/mobiles/notifications.png'); background-size:contain;}
.profile-menu_mobile .profile-inner ul > li.upload a{background-image:url('../images/mobiles/upload.png'); background-size:contain;}
.profile-menu_mobile .profile-inner ul > li.setting a{background-image:url('../images/mobiles/settings.png'); background-size:contain;}

.profile-menu_mobile .profile-inner ul > li.timeline.current a{background-image:url('../images/mobiles/timeline_green.png');}
.profile-menu_mobile .profile-inner ul > li.profile.current a{background-image:url('../images/mobiles/profile_green.png');}
.profile-menu_mobile .profile-inner ul > li.inbox.current a{background-image:url('../images/mobiles/messages_green.png');}
.profile-menu_mobile .profile-inner ul > li.notification.current a{background-image:url('../images/mobiles/notifications_green.png');}
.profile-menu_mobile .profile-inner ul > li.upload.current a{background-image:url('../images/mobiles/upload_green.png');}
.profile-menu_mobile .profile-inner ul > li.setting.current a{background-image:url('../images/mobiles/settings_green.png');}

.icon-showoff{background-repeat:no-repeat; background-size:contain; width:30px; height:30px; margin-right:5px; display:inline-block; vertical-align:-35%;}
.icon-showoff.halloffame{background-image:url('../images/mobiles/halloffame.png');}
.icon-showoff.heart{background-image:url('../images/mobiles/heart.png');}
.icon-showoff.comment{background-image:url('../images/mobiles/comment.png');}
.icon-showoff.helmet{background-image:url('../images/mobiles/profile.png');}

/*____________ Notification ____________*/
.notif{display:inline-block; width:100%; font-size:14px; margin-bottom:20px;}
.notif li.notif-title{border-bottom:1px solid #575759;}
.notif li .notif-button{background:#383838; padding:8px 15px; font-weight:bold; margin-right:10px; display:inline-block; cursor:pointer;}
.notif li{padding:10px; border-bottom:1px solid #383838;}
.notif li.unread{background:#1c1c1f;}
.notif li table tr td{padding:5px;}
.notif li .notif-content{margin-left:50px;}
.notif li .notif-content .reddot{float:left; display:block; margin-top:10px; height:20px;}
.notif li .notif-content .notif-info{float:left;}
.notif li .notif-content .notif-info .date{display:block; color:#9e9e9e; font-size:13px;}
/*============================== Post ==============================
====================================================================*/
.post-content{ font-size: 15px; line-height: 24px; width:100%; position:relative;}
.post-content strong, .post-content b{font-weight:600;}
.post-content p {line-height: 24px; margin-bottom: 10px !important;}
.post-content a{color:#1ecd02; text-decoration:none;}
.post-content img{width:100% !important; height:auto !important; margin-bottom:10px;}
.post-content.zoomText{font-size:19px;}
.post-content .video iframe {height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
.post-content .video {height: 0; margin-bottom: 3.58974%; padding-bottom: 56.25%; padding-top: 25px; position: relative;}
.post-content .image img{margin-bottom:0;}
.post-content .image .caption{background:#d0d0d0; padding:5px 20px; font-style:italic; font-size:15px;}

.post-list label.filter-title{display:inline-block; padding:0 10px 0 0; font-family: "robotomedium",Arial,sans-serif; font-weight: 400; text-transform: uppercase;}
.post-list a.title{color:#fff !important; background:#1c1c1f; font-size:16px; width:100%; display:inline-block; padding:12px 0; font-family:"roboto",Arial,sans-serif; text-align:center; text-transform:uppercase;}
.post-list a:hover{color:#fff;}
.post-list a.title.bot{background:#37393e;}
.post-list a:hover.title.bot{background:#222326;}
.post-list .Loadmore{display:block; text-align:center; margin:50px 0;}
.post-list .Loadmore a{border: 2px solid #121314; color:#000; font-family: "roboto",Arial,sans-serif; font-size: 18px; padding: 10px 45px; text-align: center;}
.post-list .Loadmore a:hover{background:#121314;}

.post-list .post-item{font-size:14px; background:#fff; border-bottom:1px solid #ccc; padding:0; position:relative;}
.post-list .post-item p{margin-bottom:10px;}
.post-list .post-item a, .post-list .post-item a:hover{color:#1ecd02;}
.post-list .post-item a.readmore {color: #9e9e9e;}
.post-list .post-item h3 {font-family: "robotomedium",Arial,sans-serif; font-size: 22px; font-weight: normal; letter-spacing: 1px; line-height: 1.2; margin: 0 0 10px;}
.post-list .post-item .avatar{width:40px; margin-right:5px;}
.post-list .post-item .meta {color: #9e9e9e; padding:10px 10px 0 10px; display:flex; align-items:center; width:100%; font-size:13px;}
.post-list .post-item .meta i.date{font-size:12px;}
/*.post-list .post-item .meta i.date:before {content:"|"; font-style:normal; margin:0 5px;}*/
.post-list .post-item .meta.top{margin-bottom:10px; margin-top:0;}
.post-list .post-item .meta.top a{color:#000;}
.post-list .post-item .meta span {display: inline-block; margin-left: 10px; padding-top: 6px;}
.post-list .post-item .meta.top .avatar-name{display:inline-block; width:100%; font-family:'robotomedium',Arial,sans-serif; color:#333;}

.post-list .post-item .post-media{position:relative;}
.post-list .post-item .post-media a{color:#000;}
.post-list .post-item .image{background-repeat: no-repeat; background-size: cover; background-position:center; position:relative; height: 327.50px;}/*380px*/
.post-list .post-item .edit{position:absolute; top:0; right:0; background:#1ecd02; color:#000; padding:8px 12px; z-index:1;}
.post-list .post-item .delete{position:absolute; top:0; right:40px; background:#1ecd02; color:#000; padding:8px 12px; cursor:pointer; z-index:1;}
.post-list .post-item .video iframe {height: 100%; left: 0; position: absolute; top: 0; width: 100%; border:none; overflow:hidden;}
.post-list .post-item .video {height: 0; margin-bottom: 3.58974%; padding-bottom: 50%; padding-top: 25px; position: relative;}
.post-list .post-item .multi_layer, .post-content-list .multi_layer{width:40px; position:absolute; bottom:10px; right:10px;}

.post-list .post-item .description{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding:0 10px;}

.post-list .post-item .post-rating{color:#9e9e9e;}
.post-list .post-item .post-rating .fa-heart{color:#1ecd02;}
.post-list .post-item .post-rating a:not(.readmore){color:#9e9e9e;}

.post-list .post-item .list{display:flex;}
.post-list .post-item .list .layout-left{width:calc(100% - 110px);}
.post-list .post-item .list .description{-webkit-line-clamp: 3;}
.post-list .post-item .list .post-media{width:110px; padding:10px 10px 0 0; align-self:flex-end;}
.post-list .post-item .list .post-media .image{height:70px; width:100%; border-radius:5px;}
.post-list .post-item .list .multi_layer{width:30px; bottom:5px; right:5px;}

.post-list .post-item .post-bottom{display:flex; justify-content:space-around; align-items:center; padding:7px 0; font-size:13px;}
.post-list .post-item .post-bottom span.fa{margin-right:3px;}

.post-list .widget{width:100%; margin-bottom:55px;}
.post-list .widget .title {border: 2px solid #121314; display: block; font-family: "roboto",Arial,sans-serif; font-size: 16px; letter-spacing: 1px; line-height: 1; margin-bottom: 18px; padding: 9px 0 8px; text-align: center; transition: background-color 0.3s ease 0s;}
.post-list .widget ul li {clear: both; font-size: 16px; list-style: outside none none; margin: 0 0 6px; padding: 0;}
.post-list .widget ul li.active a{font-family: "roboto",Arial,sans-serif;}
.post-list .widget ul li span {color: #9e9e9e; font-family: "robotothin",Arial,sans-serif; font-size: 16px; list-style: outside none none; margin: 0 0 6px; padding: 0;}
.post-list .widget ul li a, .post-list .widget ul li a:hover{color:#000 !important;}
.post-list .widget ul.with_img li .image{background-position:center; background-repeat:no-repeat; background-size:cover; width:75px; height:45px; margin:auto; float:left; margin:0 10px 10px 0;}
.post-list .widget ul.with_img li .desc{line-height: 1.1; margin-bottom: 30px; margin-left: 90px;}
.post-list .widget ul.with_img.user li .desc{margin-left: 55px;}
.post-list .widget ul.with_img li .desc .name {font-family: "robotomedium",Arial,sans-serif; font-size: 14px; margin: 0 0 8px;}
.post-list .widget ul.with_img li .desc .author {font-size: 12px; margin: 0 0 2px;}
.post-list .widget ul.with_img li .desc .photos {color: #9e9e9e; font-size: 12px; margin: 0;}
.post-list .widget a.button{display:block; background:#1ecd02; font-family: "roboto",Arial,sans-serif; font-size:16px; padding:9px 0; border:0; font-weight:bold; text-align:center; color:#010101;}
.post-list .widget a.button:hover{color:#010101 !important;}
.post-list .widget .video{float:left;}

control-showofftype .layout-mobile{background:#383838; padding:14px 10px; color:#fff; align-self:center; line-height:1.2em; cursor:pointer;}
control-showofftype .layout-mobile span{font-size:23px;}
control-showofftype .layout-white{border:2px solid #121314; padding:8px 10px; color:#000; align-self:center; line-height:1em; float:right; cursor:pointer;}
control-showofftype .layout-white span{font-size:20px;}

.post-list .stick{background:#e2e2e2;}
.post-list .sticked{position:fixed; padding:20px 0 0 0; z-index:99;}

.post-content-list{position:relative;}
.post-content-list h2{width:100%; margin-bottom:10px;}
.post-content-list h2 a{color: #676767; font-family: "roboto",Arial,sans-serif; font-size: 18px; font-weight: bold; margin: 0 0 15px;}
.post-content-list h2 a:hover{color: #676767 !important;}
.post-content-list p.desc{font-family: "robotothin",Arial,sans-serif; font-size: 16px; padding: 0 0 10px 0; margin:0;}
.post-content-list .image{background-repeat: no-repeat; background-size: cover; height: 320px; background-position:center; margin-bottom:10px;}
.post-content-list .video{background:#1c1c1f; height:320px;}
.post-content-list .edit, .post-content-list .delete, .post-content-list .status{position:absolute; top:0; font-size:14px; z-index:1; background:#1ecd02; color:#000; padding:8px 12px; cursor:pointer;}
.post-content-list .edit:hover, .post-content-list .delete:hover, .post-content-list .status:hover{color:#000;}
.post-content-list .edit{right:0; }
.post-content-list .delete{right:40px;}
.post-content-list .status{right:80px;}

.post-content-list .profile-user{background:#1c1c1f; padding:10px 20px 10px 10px; width:100%;}
.post-content-list .profile-user .name{font-size:20px; padding-left:10px; color:#fff; float:left;}

.post-content-list.inlineStyle{background:#1c1c1f; display:flex; justify-content: space-between;}
.post-content-list.inlineStyle .profile-user{display:inline-block; width:auto;}
.post-content-list.inlineStyle .form-group{display:inline-block; width:auto; padding:10px;}

.post-detail .img-wrap{margin-bottom:10px;}
.post-detail img{width:100%; height:auto}
.post-detail .meta{margin-bottom:10px; display:inline-block; width:100%;}
.post-detail .meta .date {float: left; margin-top: 6px;}
.post-detail .meta .report{float:right; color:#9e9e9e !important; cursor:pointer;}
.post-detail .meta .report:hover{color:#000 !important;}
.post-detail .meta .report.reported:hover{color:#9e9e9e !important;}
.post-detail a:hover{color:#148802 !important;}
.post-detail .video iframe {height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
.post-detail .video {height: 0; margin-bottom: 3.58974%; padding-bottom: 56.25%; padding-top: 25px; position: relative;}
.post-detail .edit{position:absolute; top:0; right:0; background:#1ecd02; padding:8px 12px; z-index:1; color:#000;}
.post-detail .delete{position:absolute; top:0; right:42px; background:#1ecd02; padding:8px 12px; cursor:pointer; z-index:1;  color:#000;}
.post-detail .edit:hover, .post-detail .delete:hover{color:#000 !important;}

.post-detail .rating{display:inline-block;}
.post-detail .rating .hand{cursor:pointer; font-size:25px; margin-right:10px;}
.post-detail .rating span{float:left; margin-right:5px;}
.post-detail .rating .showoff_rating{float:left; margin-right:10px;}
.post-detail .rating .showoff_rating a{text-decoration:none;}

.showoff-widget{padding:0 10px 0 80px}
.joinBanner {background-repeat: no-repeat; background-position:center; color: #fff; margin-bottom: 55px; position: relative; background-image: url("../images/join-banner.jpg"); background-size:cover;}
.joinBanner a {display: block; height: 360px;}
.joinBanner .title {font-family: "roboto",Arial,sans-serif; left: 0; line-height: 1.3; position: absolute; right: 0; text-align: center; top: 15px; display:block !important; margin:0;}
.joinBanner .title em {display: block; font-size: 38px; font-style: normal;}
.joinBanner .title span {border-bottom: 2px solid #1ecd02; display: inline-block; font-size: 18px; padding: 0 2px 2px;}
.joinBanner .registration {border: 2px solid #1ecd02; bottom: 12px; font-family: "roboto",Arial,sans-serif; font-size: 18px; left: 12px; letter-spacing: 0.5px; line-height: 1; padding: 11px 0; position: absolute; right: 12px; text-align: center; transition: background-color 0.3s ease 0s, border-color 0.3s ease 0s;}

.joinedBanner {color: #fff; margin-bottom: 30px; position: relative; width:100%;}

.blog-widget{background:#1c1c1f; padding:20px;}
.blog-widget ul > li{font-family: "robotomedium",Arial,sans-serif; font-size: 14px; margin: 0 0 8px;}
.blog-search{background:#1c1c1f; padding:20px;}

.blog-form .form-group label{width:20%;}
.blog-form .form-group select{width:80%;}
.blog-form .form-group input{width:80%;}
.blog-form .form-group textarea{width:80%; resize: vertical; min-height:200px;}
.blog-form button, .blog-form submit{width:80%;}
.blog-form ul.gallery{display:inline-block; margin:0; width:80%;}
.blog-form ul.gallery > li{float:left; margin:0 10px 10px 0;}
.blog-form ul.video{display:inline-block; margin:0; width:80%;}
.blog-form ul.video > li{float:left; width:100%; margin:0 10px 10px 0;}
.blog-form ul.video > li input{width:100%;}

.metadate{margin-bottom:10px; display:block; color:#888; font-style:italic;}
.metadate span.icon{margin-right:10px;}

/*____________ Comment ____________*/
.post-comment{font-size: 15px; font-weight: 300; line-height: 24px; display:none;}
.comment-post {width:100%; padding-bottom:30px; display:inline-block;}
.comment-list .comment-item{width:100%; padding-bottom:20px; display:inline-block;}
.post-comment .avatar{margin-right:15px; float:left;}
.post-comment a{color:#1ecd02;}

.post-comment .comment-content .content{ overflow:hidden; word-wrap: break-word;}
.post-comment .comment-content .title{display:inline-block; width:100%; font-size:14px; margin-top:5px;}
.post-comment .comment-content .title .user{color:#9e9e9e;}
.post-comment .comment-content .title .report{float:right;}
.post-comment .comment-readmore{color:#9e9e9e; cursor:pointer; font-size:14px; display:none;}

.post-comment .comment-content{width: calc(100% - 55px); float:left;}
.post-comment .comment-content textarea{background:none; color:#000; border:none; border-bottom:1px solid #bababa; font-size:15px; padding:0; width:100%; height:30px; resize:none; box-sizing: border-box;}
.post-comment .comment-button{margin-top:5px; display:none; width:100%; font-weight: 400; text-transform:uppercase; font-size:14px;}
.post-comment .comment-item .comment-button{display:inline-block !important;}
.post-comment .comment-content .button-cancel{color:#000; cursor:pointer;}
.post-comment .comment-content .button-comment{background: #1ecd02; padding:8px 15px 6px; display:inline-block; margin-left:20px; cursor:pointer;}
.post-comment .comment-content .button-cancel:hover, .button-comment:hover{color:#000 !important;}
.post-comment .comment-content .remaining-comment{float:left;}

.post-comment .rating{float:none; margin-top:0;}
.post-comment .rating span{float:none; margin:0; color:#9e9e9e;}
.post-comment .rating .hand{font-size:14px; margin:0;}

/*____________ Private Message ____________*/
.character-count{position:absolute; bottom:-10px; right:10px; font-style:italic;}
.message-form{display:none;}
.message-bg{background:rgba(0,0,0, 0.6); position:fixed; overflow-y:auto; width:100%; height:100%; top:0; left:0; z-index:1001;}
.message-post{position:relative; top:10%; left:50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); max-width:500px; min-width:450px; min-height:200px; z-index:1002; background:#fff; margin-bottom:10%; font-family: "robotolight",Arial,sans-serif; font-size:12px; line-height:1.6; color:#010101;}
#popReport .message-post{top:20%}

.message-post .message-post-title{position:relative; background:#121314; color:#fff; width:100%; padding:10px 0 5px;}
.message-post .message-post-title #close{position:absolute; font-size:16px; top:10px; right:10px; cursor:pointer;}
.message-post .message-post-title ul{display:inline-block; margin:0; padding:0;}
.message-post .message-post-title ul > li{float:left; padding:0 10px; border-right:1px solid #ddd; font-weight:bold;}
.message-post .message-post-title ul > li:last-child{border:none;}
.message-post .message-post-title ul > li > span{margin-right:5px;}

.message-post .message-post-button{background:#f6f7f9; padding:10px;}
.message-post .message-post-button .button{background: #1ecd02; border: 0 none; font-weight:bold; height:30px; text-transform:uppercase; padding:0 15px; text-align: center;}
.message-post .message-post-button .button-cancel{margin-right:10px; text-transform:uppercase; font-weight:bold; cursor:pointer;}
.message-post .message-post-button .message-loading{width:20px !important; margin:0 5px 0 0 !important;}
.message-post .message-post-content{padding:10px 15px; min-height:120px;}
.message-post .message-post-content hr{border-style:none; border-top:1px solid #dddfe2; margin:10px 0;}
.message-post .message-post-content .form-groups{margin-bottom:10px;}
.message-post .message-post-content .form-control{outline: none; box-shadow:none; border-radius:0; border:1px solid #dddfe2; background:#eee; font-size:14px;}
.message-post .message-post-content textarea{resize:none; min-height:100px; overflow-x:hidden;}
.message-post .message-post-content p{margin-bottom:10px;}

.message-post .message-post-content .message-chat-box{background:#fafafa; padding:10px 15px; max-height:250px; overflow-y:auto;}
.message-post .message-post-content .message-chat-box .item{float:left; width:100%; clear:both; margin-top:10px;}
.message-post .message-post-content .message-chat-box .item .message-item .message a{color:#1ecd02 !important;}
.message-post .message-post-content .message-chat-box .item.same{margin-top:-6px;}
.message-post .message-post-content .message-chat-box .item:last-child{margin-bottom:30px;}
.message-post .message-post-content .message-chat-box .item .date{margin:10px 0 10px 0; text-align:center; color:#888; position:relative;}
.message-post .message-post-content .message-chat-box .item .date:before{content:''; position:absolute; background:#ddd; top:50%; left:0; width:30%; height: 1px;}
.message-post .message-post-content .message-chat-box .item .date:after{content:''; position:absolute; background:#ddd; top:50%; right:0; width:30%; height: 1px;}
.message-post .message-post-content .message-chat-box .item .avatar-parent{float:left; margin-right:5px; width:25px; height:25px;}
.message-post .message-post-content .message-chat-box .item .message-item{display:table;}
.message-post .message-post-content .message-chat-box .item.own .message-item{float:right; clear:left;}
.message-post .message-post-content .message-chat-box .item .message-item .message{background:#eee; padding:5px 10px; border-radius:0 5px 5px 5px; white-space: -moz-pre-wrap; white-space: pre-wrap; white-space: -o-pre-wrap;}
.message-post .message-post-content .message-chat-box .item.own .message-item .message{ background:#a5eb9a; border-radius:5px 5px 0 5px; text-align:right; }
.message-post .message-post-content .message-chat-box .item.own .message-item .message a{color:#000 !important; text-decoration:underline;}
.message-post .message-post-content .message-chat-box .item .message-item .time{font-size:11px; color:#888;}
.message-post .message-post-content .message-chat-box .item.own .message-item .time{text-align:right;}

.message-post .message-post-content .image-wrap{margin-bottom:10px; overflow:hidden; text-align:center;}
.message-post .message-post-content .image-wrap .rotate{width: 100%; height: 100%; object-fit: contain; overflow: hidden;}

.message-post .message-post-content .control{position:absolute; bottom:10px; text-align:center; width:100%;}
.message-post .message-post-content .control > li{display:inline-block; background:#1ecd02; padding:5px 13px; font-size:16px; margin:0 3px; cursor:pointer;}

.searchUser-wrap{width:100%; max-height:600px; overflow-y:auto;}
.searchUser_dropdown{position:relative;}
.searchUser_dropdown .searchUser_list{background:#fafafa; padding:5px 10px; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.5); position:absolute; z-index:9; width:100%; max-height: 250px; overflow-y: auto;}
.searchUser_dropdown .searchUser_list .profile-member{background:#eee; color:#000; display:inline-block; width:100%; padding:5px;}
.searchUser_dropdown .searchUser_list .profile-member:hover{background:#ddd;}

.searchUser .searchUser_list{width:100%; max-height: 250px; overflow-y: auto;}
.searchUser .searchUser_list .profile-member{color:#000; background:#eee; display:inline-block; width:100%; padding:8px 5px; margin-bottom:5px; position:relative;}
.searchUser .searchUser_list .profile-member:hover{background:#ddd;}


/*____________ Advertise Popup ____________*/
.adversPopup{display:none;}
.adversPopup-bg{background:rgba(0,0,0, 0.6); position:fixed; overflow-y:auto; width:100%; height:100%; top:0; left:0; z-index:1001; padding:0 20px;}
.adversPopup-post{position:relative; border:2px solid #fff; top:50%; left:50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index:1002; background:#000; display:inline-block;}
.adversPopup-post .image{min-width:350px; min-height:250px; background-position:center center; background-size:cover; background-repeat:no-repeat;}
.adversPopup #close{position:absolute; background:rgba(0,0,0,0.8); color:#1ccd02; padding:10px 12px; font-size:20px; top:0; right:0; cursor:pointer;}
/*____________ Article List ____________*/
.showoff-search a.title{color:#fff !important; background:#1c1c1f; font-size:16px; width:100%; display:inline-block; padding:12px 0; font-family:"roboto",Arial,sans-serif; text-align:center; text-transform:uppercase;}
.showoff-search a:hover{color:#fff !important;}
.showoff-search a.title.bot{background:#37393e;}
.showoff-search a:hover.title.bot{background:#222326;}

.showoff-search .search-item .details{padding:10px 10px 20px;background:#222326;}
.showoff-search .search-item .details .date{color:#a4a4a4; font-family:"roboto",Arial,sans-serif; font-size:12px; display:block; margin-bottom:5px;}
.showoff-search .search-item .details  .name{color:#fff; font-family:"roboto",Arial,sans-serif; font-size:16px; line-height: 1.2; display:block;}
.showoff-search .search-item:hover .details .name{color:#1ecd02;}
.showoff-search .search-item:hover .img-wrap img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}

.showoff-search .search-item .meta {color: #9e9e9e; margin:10px 0 0; display:inline-block; width:100%;}
.showoff-search .search-item .meta span {display: inline-block; margin-left: 10px; padding-top: 2px;}

.showoff-search .search-item .image{height: 0; margin-bottom: 0; padding-bottom: 56.25%; padding-top: 25px; position: relative; background-position:center center; background-size:contain; background-repeat:no-repeat;}
.showoff-search .search-item .video iframe {height: 100%; left: 0; position: absolute; top: 0; width: 100%; border:none; overflow:hidden;}
.showoff-search .search-item .video {height: 0; margin-bottom:0; padding-bottom: 56.25%; padding-top: 25px; position: relative;}

.showoff_description{word-wrap:break-word;}
.showoff-type-hide{display:none;}

/*____________ Top Stats ____________*/
.showoff-stats h1{font-family: "robotolight",Arial,sans-serif; margin-bottom:5px;}
.showoff-stats .title{display:table; margin-bottom:25px;}
.showoff-stats .title .icon-showoff{display:table-cell; vertical-align:middle; width:50px; height:50px;}
.showoff-stats .title .icon-showoff.halloffame{width:90px; height:90px;}
.showoff-stats .title .desc{text-align:center; color:#707070; font-size:14px; padding-left:10px;}
.showoff-stats .title .desc h1{color:#000;}
.showoff-stats .stats-item{text-align:center; padding:0 0 15px 0;}
.showoff-stats .stats-item a{ color:#000; font-size:15px; display:inline-block; width:100%;}
.showoff-stats .stats-item a .stat-image{width:95%; height:200px; margin-bottom:5px; background-repeat: no-repeat; background-size: cover; background-position: center;}
.showoff-stats .stats-item a .number{color:#707070;}
.showoff-stats .stats-item a .stats-info{position:absolute; bottom:35px; left:50%; transform: translate(-50%, 0); width:100%;}
.showoff-stats .stats-item a .stats-info .icon-showoff{width:20px; height:20px; vertical-align:middle;}
.showoff-stats .stats-item .video iframe {height: 200px; left: 0; position: absolute; top: 0; width: 95%; border:none;overflow:hidden}
.showoff-stats .stats-item .video {height: 0; margin-bottom: 3.58974%; padding-bottom: 56.25%; padding-top: 25px; position: relative;}
/*============================== Event ==============================
====================================================================*/
.upcoming-event{padding:120px 0 60px;}
.upcoming-event .event-header{text-align:center; margin-bottom:250px;}
.upcoming-event .event-header .logo{width:58px; margin-bottom:22px;}
.upcoming-event .event-header h1.title{font-size:36px;}
.upcoming-event .event-header .dateTime{font-size:18px; margin:0;}
.upcoming-event .event-header .registerNow{background: #1ecd02; display: inline-block; font-size: 18px; margin: 30px 4px 0 8px; padding: 15px 32px; transition: background-color 0.3s ease 0s;}
.upcoming-event .event-header .registerNow:hover{background: #1bb902; color:#fff;}
.upcoming-event .event-header .moreInfo{border: 3px solid #e2e2e2; display: inline-block; font-size: 18px; margin: 30px 4px 0 8px; padding: 12px 20px; transition: background-color 0.3s ease 0s;}
.upcoming-event .event-header .moreInfo:hover{background:#e2e2e2; color:#000;}

.upcoming-event .event-list{max-width:850px; margin:0 auto;}
.upcoming-event .event-list .months{border-collapse: collapse; border-spacing: 0; display: table; margin: 0 0 43px; padding: 0; table-layout: fixed; text-align: center; width: 100%;}
.upcoming-event .event-list .months li {display: table-cell; font-size: 18px; list-style: outside none none; margin: 0; padding: 0 10px; text-align: center; text-transform: uppercase; transition: color 0.3s ease 0s; vertical-align: middle;}
.upcoming-event .event-list .months li span{cursor:pointer;}
.upcoming-event .event-list .months li.active span{color: #00ff00; font-family: "roboto",Arial,sans-serif; font-weight: bold;}
.upcoming_event_year {background: #121314; color: #fff; padding: 3px 15px; font-size:14px;}
.upcoming_event_message{background: #1ecd02; color: #121314; font-weight: bold; font-size:16px; margin: 0 auto; padding: 10px; text-align: center; width: 200px;}

.upcoming-event .event-list .items::after{background: #1c1c1f; bottom: 65px; content: ""; left: 99px; position: absolute; top: 65px; width: 4px;}
.upcoming-event .event-list .items {padding-left: 198px; padding-right: 89px; position: relative;}
.upcoming-event .event-list .items ul{margin-bottom:40px;}
.upcoming-event .event-list .items ul li {background: #1c1c1f; list-style: outside none none; margin: 0 0 50px; padding: 0; position: relative;}
.upcoming-event .event-list .items ul li::after {background: #1ecd02; border: 13px solid #1c1c1f; border-radius: 50%; content: ""; height: 40px; left: -118.5px; position: absolute; top: 47px; width: 40px; z-index: 1;}
.upcoming-event .event-list .items ul li a {display: block; padding: 18px 20px; position: relative;}
.upcoming-event .event-list .items ul li a:hover{color:#fff;}
.upcoming-event .event-list .items ul li a::after {border-color: transparent #1c1c1f transparent transparent; border-style: solid; border-width: 16px 11px 16px 0; content: ""; height: 0; left: -10px; position: absolute; top: 53px; width: 0;}
.upcoming-event .event-list .items ul li .image {float: left; width: 153px;}

.upcoming-event .event-list .items ul li .details {font-size: 14px; line-height: 1.3; margin-left: 171px; font-weight: bold;}
.upcoming-event .event-list .items ul li .details .date {margin: 0 0 8px;}
.upcoming-event .event-list .items ul li .details .title {font-family: "roboto",Arial,sans-serif; font-size: 21px; margin: 0 0 12px;}
.upcoming-event .event-list .items ul li .details .location {margin: 0;}

.upcoming-event .event-list .loadMore {font-family: "roboto",Arial,sans-serif; font-size: 0; margin-bottom: 16px; text-align: center;}
.upcoming-event .event-list .loadMore > span {cursor: pointer; font-size: 15px;}

/*============================== Event Detail ==============================
====================================================================*/
.event-left{width:68%; float:left; padding-bottom:20px; font-size:18px;}
.event-right{width:30%; height:100%; float:right;}

.event-left p{margin:0; padding:0 0 20px;}
.event-left span.title{display: block; font-family: "roboto",Arial,sans-serif; font-weight: bold;}
.event-detail-box{background:#fff; margin-bottom:20px; padding:20px 25px;}
.event-detail-image{background:#fff; margin-bottom:20px;}
.event-detail-image h2.caption {color: #464646; display: block; line-height: 1.3; padding: 25px; margin:0;}
.event-detail-position{display:inline-block; width:100%; margin-bottom:20px;}
.event-detail-position img{width:28px; float:left; margin-right:20px;}
.event-detail-position .map {width: 100%;  height: 350px; margin-top:20px; border-top: solid 1px #eee; border-bottom: solid 1px #eee;}
.event-detail-position .map a{color:#169e00;}
.event-detail-ticket table{width:100%;}
.event-detail-ticket table tr th, .event-detail-ticket table tr td{padding:0 30px 10px 0;}
.event-detail-ticket a.button{background: #1ecd02;border: 0 none; color: #fff; font-family: "roboto",Arial,sans-serif; font-size: 15px; padding:8px 50px;}
.event-detail-ticket .button{background: #1ecd02;border: 0 none; color: #fff; font-family: "roboto",Arial,sans-serif; font-size: 14px; height: 35px; width: 200px;}

.event-right .widget{background:#1c1c1f; padding:20px; color:#fff;}
.event-right .widget h2 {margin-bottom:30px;}
.event-right .widget h2 a{ background: rgba(0, 0, 0, 0) url("../images/right-sided-arrow.png") no-repeat scroll right 10px / 8px auto; padding-right: 24px;}
.event-right .widget h2 a:hover{color:#fff;}

.event-right .widget .slider-item a:hover{color:#fff;}
.event-right .widget .slider-item .image {width:100%; margin-bottom:10px;}
.event-right .widget .slider-item .details {font-size: 14px; line-height: 1.3; font-weight: bold;}
.event-right .widget .slider-item .details .date {margin: 0 0 8px;}
.event-right .widget .slider-item .details .title {font-family: "roboto",Arial,sans-serif; font-size: 20px; margin: 0 0 10px;}
.event-right .widget .slider-item .details .location {margin: 0;}

.event-right .owl-carousel .owl-dots .owl-dot span{background:rgba(30, 205, 2, 0.3 ); border-radius:50% !important;}
.event-right .owl-dots .owl-dot.active span{background:rgba(30, 205, 2, 1 );}

/*============================== Event Checkout ==============================
====================================================================*/
.event-checkout{max-width:900px; margin:0 auto; padding:20px 0; font-size:16px;}
.event-checkout .checkout-box{border-top:5px solid #1ecd02; padding-top:20px;}
.event-checkout .checkout-box .detail{margin-bottom:30px;}
.event-checkout .checkout-box .detail table tr th, .event-checkout .checkout-box .detail table tr td{padding:0 5px 5px 0; min-width:100px;}
/*============================== Advs ==============================
====================================================================*/
.advs a{ display:block; width:100%;}
.advs img {border:2px solid #fff;}
a.AdsMobile{margin:20px 0 0 0; display:none;}
a.AdsMobile.bot{margin:0 0 20px 0; }

.zoomFont li{    
    margin:0 0 7px 7px;
    float:left;
}
.zoomFont li a
{
    font-family: "roboto",Arial,sans-serif;
    background: #1ecd02;
    color: #3f3f3f;
    width: 40px;
    height: 40px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    cursor:pointer;
}

/*============================== Comingsoon ==============================
====================================================================*/
.comingsoon {
    color: #1ecd02;
    height: 400px;
    padding-top: 150px;
    text-align: center;
}

.comingsoon h2 {
    font-size: 60px;
    margin: 0;
}

.comingsoon h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}

/*============================== Custom ==============================
====================================================================*/
.profile-member {display:table;}
.profile-member .avatar{background-position: center center; background-repeat: no-repeat; background-size: cover; border-radius: 100%; float: left; margin: 0 5px 0 0;}
.profile-member .name{ display:table-cell; font-family: "roboto",Arial,sans-serif; font-size: 16px; font-style: normal; font-weight: bold; vertical-align: middle;}

.alertify-notifier{font-weight:bold; color:#fff;}

/* Tooltip container */
.tooltips {
  position: relative;
  display: inline-block;
}

.tooltips .tooltiptext {
  visibility: hidden;
  white-space:nowrap;
  background-color: black;
  color: #fff;
  text-align: center;
  font-size:12px;
  padding: 0 7px;
  border-radius: 5px !important;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  transform: translate(-50%, 0);
}

.tooltips .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

.tooltips:hover .tooltiptext {
  visibility: visible;
}