/* || MBT3TH NETWORK - By. Mohamed Yahia - CRTIVO.com || */

/* || General Elements layout || */
	html{background: #eff3fa; color: #303d50; font-size: 14px; font-family:"Frutiger",Helvetica,Helvetica,Arial,sans-serif; font-weight: 400; direction: rtl;}
	body{padding: 0; line-height: 20pt;}
	h1,h2,h3,h4,h5,h6{font-size:18px; }
    h2{ font-size: 30px;} h3{font-size: 25px;} h4{ font-size: 20px;}
	a{text-decoration: none; color: #303D50;}
	ul,li,ol{list-style: none;}
    input{ font-family:Frutiger; }
    img{ max-width: 100%; width: auto; height: auto;}
    /* foundation update */
    .row{ max-width: 1200px; margin:auto; }
    /* icons btns */
    .oc,.mbt{font-size: 0px;}
    .oc:before, .mbtui:before { content: attr(data-icon); font-family: mbtui; font-size: 12pt; text-align: center; display: block; }
    .ocui,.mbui, i{ font-family: mbtui; font-size: 16px;}
    *{ word-wrap:break-word; }

/* || general animation || */
    .center{ margin: auto; }
    .tr2,.addnew #advOption, header,nav.searchnav ul, header nav#subnav ul,div#addNew, header .forum_icon:before, header .forum_icon:after, article.post_time, article.post_time a, header nav#main ul, header .uesr_areaBox{transition:all 0.2s ease-in; -webkit-transition:all 0.2s ease-in;}
	.hide{ display:none;}
	.pad15top{ padding-top: 15px;}
	    /* icon menu */

.icon_menu {
	cursor: pointer;
	float: right;
	width: 61px;
	position: relative;
	height: 61px;
}

.icon_menu i {
	position: absolute;
	left: 50%;
	top: 58%;
	-webkit-transform: translateX(-50%) translateY(-6px);
	transform: translateX(-50%) translateY(-6px);
	display: block;
	width: 18px;
	height: 1px;
	z-index: 999;
	background: #fff;
}

.icon_menu.active i {
    background: none;
}

.icon_menu.active i:before,
.icon_menu.active i:after {
    top: 0;
}

.icon_menu.active i:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.icon_menu.active i:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.icon_menu i,
.icon_menu i:before,
.icon_menu i:after {
    width: 18px;
    height: 2px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    background: #fff;
    border-radius: 1px;
}

.icon_menu i:before,
.icon_menu i:after {
    content: "";
    position: absolute;
}

.icon_menu i:before {
    top: -6px;
}

.icon_menu i:after {
    top: 6px;
}

/* || Header Layout || */

    /* header Fixed area */
 header {
  background: none repeat scroll 0 0 #43c5f2;
	box-shadow: 2px 3px 8px -1px rgba(0, 0, 0, 0.06);
  background-image: -moz-linear-gradient( 90deg, rgb(97,215,255) 0%, rgb(67,197,242) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(97,215,255) 0%, rgb(67,197,242) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(97,215,255) 0%, rgb(67,197,242) 100%);
  height: 105px;
  padding: 6px 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 999;
}

		/* logo */
header nav#main a.logo {
  background: url("../imgs/logo.png") no-repeat scroll right center rgba(0, 0, 0, 0);
  color: rgb(255, 255, 255);
  float: right;
  line-height: 48px;
  padding-bottom: 4px;
  position:relative;
  z-index:9;
  padding-left: 30px;
  padding-right: 35px;
}
        /* header menu */
        header nav#main ul {
  display: block;
  height: 100%;
  padding-top: 8px;
  position: relative;
  top: -6px;
  width: 100%;
}
header nav#main ul li {
  display: inline-block;
  height: 50px;
  line-height: 44px;
  margin-left: 20px;
  position: relative;
}
.NoMorePost{ opacity: 0.7; }
        header nav#main ul li a{ height: 100%; width: 100%; display: block; color:#f3ffff; word-wrap: normal;}

            /* hover and current */
			header nav#main ul li:before {
  background: #43C5F2;
  content: "";
  display: block;
  height: 3px;
  position: absolute;
  top: -8px;
  width: 100%;
}
            header nav#main ul li.current a, header nav#main ul li:hover a{ color: #fff}
            header nav#main ul li.current:before, header nav#main ul li:hover:before{ background: #fff; }
            header nav#main ul li a, header nav#main ul li:before{ transition:all 0.2s ease-in; -webkit-transition:all 0.2s ease-in; }

        /* seach area */
        form#search { background:#fff; height: 45px; margin-top: 2.5px; border-radius: 1px; overflow: hidden; }
form#search input {
  background: none ;
  border:0px;
  display: block;
  font-size: 14px;
  height: 43px;
  margin-top: 0;
  text-align: right;
  width: 100%;
}
form#search input.ocui { background:#fff; cursor: pointer; font-size: 15px; height: 45px; left: 0;position: absolute; text-align: center; top: 0; width: 40px; transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; line-height: 45px; }

            /* sub sections select */
            form#search i.forSelect { cursor: pointer; font-size: 15px; height: 45px; left: 41px; line-height: 47px; position: absolute; text-align: center; top: 0; width: 30px; visibility: hidden;}
            form#search:hover i.forSelect{ visibility: visible;} form#search i.forSelect.active{color:#43C5F2;}
            form#search ul.select { background:#fff; box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.020); -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.020); font-size: 12px; left: 0;position: absolute; top: 62px; width: 152px; max-height: 0px; overflow: hidden; padding:0 15px;transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in;}
            form#search ul.select li{ padding: 7.5px 0; cursor: pointer; border-bottom: 1px solid #F7FAFA; }  form#search ul.select li:last-child{ border: none;}
            form#search ul.select li:before { float: right; font-size: 13px; margin-left: 7px; }
            form#search ul.select li.current, form#search ul.select li:hover{ color: #43C5F2}
            form#search ul.select.active{ max-height: 1000px; }

            /* hover effect */
            form#search:hover input.ocui{ background: #40C4F4; color: #fff; }

        /* add area */
        header .headadd { background:#43c5f2; color: #fff; display: block; font-size: 13px;  height: 45px; line-height: 42px; margin-top: 3px; overflow: hidden; text-align: center; width: 100%; }
        /* log area */
        header .loghead { color: #fff; line-height: 18px; padding-top: 6px; position: relative; padding-right: 30px; cursor: pointer;}
        header .loghead span { color: #f3ffff; display: block; font-size: 11px; }
            /* icon */
            header .loghead:after { color:#43C5F2; background: #fff; border-radius: 50%; content: "\e02d"; font-family: mbtui; font-size: 11px; height: 30px; left: 0; line-height: 29px; position: absolute; text-align: center; top: 12px; width: 30px; }
            header .loghead:hover:after, header .loghead.clicked:after{ background:#43c5f2; color: #f7fafa; }  header .loghead.clicked:after{content: "\e02e";}

        /* login box */
        header .loginbox { background: #fff; height: 232px; padding: 15px; left: 0; position: absolute; top: 58px; z-index:9; -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.020); box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.020); width: 430px; max-height: 0; overflow: hidden; opacity: 0;}
header .loginbox.active { max-height: 1000px; transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; opacity: 1; z-index: 99;}
            /* list tabs */
            header .loginbox ul.tb li { display: inline-block; font-size: 13px; margin-bottom: 15px; margin-top: 20px; padding-right: 15px; position: relative; cursor: pointer; }
            header .loginbox ul.tb li:hover, header .loginbox ul.tb li.active{ color:#43c5f2 }
            header .loginbox ul.tb li:hover:before, header .loginbox ul.tb li.active:before { background:#43c5f2; border-radius: 50%; content: ""; display: block; height: 5px; left: 31%; position: absolute; top: -6px; width: 5px; }

            /* tabs content */
            header .loginbox .tabs{width: 100%;}

            /* site login */
            header form#login li { background:#f7fafa; height: 35px; margin-bottom: 10px; width: 100%; position: relative; border-radius: 1px; }
            header form#login li input { background: none; border: none; height: 35px; padding-bottom: 5px; padding-right: 35px; width: 100%; }
            header form#login li:before { content: attr(data-icon); display: block; font-family: mbtui; font-size: 14px; height: 35px; line-height: 33px; position: absolute; right: 10px; }
            header form#login li:hover:before{ color:#43C5F2; content: attr(data-ichover)}
            header .loginbox form#login input.ocui { background:#43c5f2; border: medium none; border-radius: 50%; color: #fff; float: left; font-size: 12px; height: 35px; text-align: center; width: 35px; cursor: pointer; }
            header .loginbox form#login input.ocui:hover { background: #80AA06; }
            header .loginbox form#login label { display: block; float: right; font-size: 13px; margin-top: 5px; }
            header .loginbox a.help { color: #2c384a; display: block; font-size: 13px; width: 100%; margin-top: 15px; } header .loginbox a.help:hover{ color:#43c5f2 }
            header .loginbox a.help:before { content: attr(data-icon); display: block; float: right; font-family: mbtui; font-size: 18px; margin-left: 5px; margin-top: 1px; }

            /* s login */
            header .loginbox ul.slogin { margin-top: -45px; position: relative; z-index: 6; }
            header .loginbox ul.slogin li { background:#F7FAFA; font-size: 12px; position: relative; height: 35px; margin-bottom: 10px; color: #fff; border-radius: 1px; }
            header .loginbox ul.slogin li a { color: #fff; display: block; height: 100%; line-height: 31px; padding-right: 30px; width: 100%; }
            header .loginbox ul.slogin li:before { content: attr(data-icon); font-family: mbtui; position: absolute; right: 9px; top: 5px; }
            header .loginbox ul.slogin li.fb{ background: #5889E3; }
            header .loginbox ul.slogin li.tw{ background: #5BC9F5; }
            header .loginbox ul.slogin li.gp{ background: #FF4A4A; }

    /* user profile area */
    header .uinfo{ cursor: pointer;}
        header .uinfo img { border-radius: 50%; float: right; height: 45px; margin-left: 20px; margin-right: 15px; margin-top: 3px; width: 45px; }
        header .uinfo h3 { color: #fff; float: right; font-size: 14px; height: 34px; line-height: 9px; margin-top: 8px; }
            header .uinfo h3 p { clear: both; color: #f3ffff; font-size: 12px; line-height: 30px; width: 62px; }
            header .uinfo h3 p:before { display: inline-block; float: left; font-size: 10px; line-height: 32px; }
            header .uinfo.active h3 p:before{ content: attr(data-ichover)}

            /* notify */
            header .notify { float: left; font-size: 0; color:#f3ffff; left: 0px; position: absolute; width: 40px; cursor: pointer;}
            header .notify:before { font-size: 18px; line-height: 50px;}  header .notify:hover, header .notify.active{ color: #fff;}
                /* if with notes */
                header .notify.new:after { background:#fff; border-radius: 50%; content: ""; display: block; height: 5px; left: 30px; position: absolute; top: 15px; width: 5px; }

            /* notify list */
            ul.notifyList, header ul.userlist { background:#fff;border-top: 1px solid #f7fafa; visibility: hidden; box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.01); -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.01); left: 13px; padding: 0 15px; position: absolute; top: 58px; width: 110%; z-index: 99; max-height: 0px; overflow: hidden;}
                ul.notifyList.active, header ul.userlist.active{ padding: 15px; max-height: 600px; visibility: visible;}
                /* items */
                ul.notifyList li { border-bottom: 1px solid #f7fafa; display: inline-block; font-size: 13px; line-height: 20px; min-height: 80px; width: 100%; padding: 15px 65px 15px 0; }
                ul.notifyList li:last-child{ border-bottom: 0px; padding-bottom: 0px;}
                ul.notifyList li:before { float: right; font-size: 14px; margin-left: 5px; }
                    ul.notifyList li img { float: right; height: 50px; margin-left: 10px; position: absolute; right: 15px; }
                    ul.notifyList li:hover a{color:#43c5f2 ;}

            /* user sub menu */
            header ul.userlist { right: 27px; width: 200px; }   header ul.userlist.active{ padding: 0 15px; }
                /* list */
                header ul.userlist li { border-bottom: 1px solid #f7fafa; font-size: 13px; height: 45px; line-height: 40px; }
                header ul.userlist li a{ display: block; height: 100%; width: 100%; }
                header ul.userlist li:last-child { border-bottom: 0 none; }
                header ul.userlist li a:before { float: right; line-height: 42px; margin-left: 10px; } header ul.userlist li:nth-child(2n) a:before { font-size: 18px; line-height: 40px; }
                header ul.userlist li:hover a{ color:#43c5f2;}
                    /* notes */
                    header ul.userlist li span { background:#43c5f2; color: #fff; float: left; font-size: 10px; height: 23px; line-height: 21px; margin-top: 10px; text-align: center; width: 40px; }




		/* sub nav */
		header nav#subnav{background: none repeat scroll 0% 0% rgb(255, 255, 255); height: 41px;}
        header nav#subnav .logo{ display: none; float: right; margin-left: 30px; }
body.scrolled header nav#subnav .logo {
  background: url("../imgs/logo_small.png") no-repeat scroll right 12px rgba(0, 0, 0, 0);
  color: #57d1f8;
  display: inline-block;
  line-height: 39px;
  padding-right: 25px;
}
    	header nav#subnav ul{ float:right; }
        header nav#subnav ul li {
            border-left:1px solid #f4f7f7;
            display: inline;
            font-size: 13px;
            line-height: 40px;
            padding: 0 20px;
        }
        header nav#subnav ul li:first-child {
          padding-right: 0;
        }
header nav#subnav ul li a:hover{ color: #55D0FA ;}
        header nav#subnav a.newpost, #above_postlist.above_postlist .newcontent_textcontrol, #commentPost input[type="submit"] , section#polloptions input.button, .button {
          background: none repeat scroll 0 0 #98c735;
  background-image: -moz-linear-gradient( 90deg, rgb(152,199,53) 0%, rgb(174,211,94) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(152,199,53) 0%, rgb(174,211,94) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(152,199,53) 0%, rgb(174,211,94) 100%);
          color: #fff;
          float: left;
          font-size: 13px;
          height: 30px;
          line-height: 26px;
          border-radius: 1px;
          margin-top: 5px;
          padding: 0 10px;
        }

		/* header after scroll */
		body.scrolled header{ top:-60px;}
		body.scrolled header:hover{ top:0px;}




        /* social area */
        aside#head ul.social { text-align: center; width: 100%; margin-top: 50px;}
        aside#head ul.social li{ font-size: 0px; height: 40px; position: relative; overflow:  hidden; width: 40px; background: #2c384a; display: inline-block; margin: 0 3px;}


        aside#head ul.social li a{ display: block; height: 100%; width: 100%; transition: all 0.2s; -webkit-transition: all 0.2s }
        aside#head ul.social li a:before{ content: attr(data-icon); font-family: mbtui; font-size: 13px; line-height: 41px; width: 100%; height: 100%; text-align: center; display: block;}
            /* cust. colors */
            aside#head ul.social li a.tw{ color: #5bc9f5} aside ul.social li a.tw:hover{ color: #fff; background: #5bc9f5; }
            aside#head ul.social li a.fb{ color: #6b72ff} aside ul.social li a.fb:hover{ color: #fff; background: #6b72ff; }
            aside#head ul.social li a.gp{ color: #ff4a4a} aside ul.social li a.gp:hover{ color: #fff; background: #ff4a4a; }
            aside#head ul.social li a.rs{ color: #fc9d6a} aside ul.social li a.rs:hover{ color: #fff; background: #fc9d6a; }
            aside#head ul.social li a:hover:before{ color: #fff;}

        /* copyrights */
        p.cpr{ text-align: center; margin-top: 25px; font-size: 12px; width: 100%; color:#f7fafa; line-height: 20px;}

        /* responsive elements */
            /* main menu */
            header .asideic, header .searchic { background:#fff; font-size: 19px; height: 100%; padding-top: 29px; line-height: 77px; padding-right: 30px; position: absolute; text-align: right; top: 0; width: 70px; cursor: pointer;}
            header .asideic{right: 0;}
            header .asideic:before, header .asideic:after, header .asideic i { border: 2px solid; margin-top: 2px; content: ""; display: block; height: 4px; width: 21px; }
            header .asideic:hover, header .asideic.active{color: #40C4F4;}
            /* search */
            header .searchic { font-size: 22px; left: 0; line-height: 24px; padding-left: 30px; }
            /* logo */
            header .show-for-small-only.logo { color: #43c5f2; font-size: 17px; line-height: 43px; padding-left: 30px; text-align: center; }
        /* action on body */
        body.aside_menu{ position: relative; right:315px;}
        body.aside_menu header{ right:285px;}
        body.aside_menu aside{ display: block !important;}




/* || Page Content || */
main{ display:block; margin:auto; width:100%; padding-top:135px;}
    /* general ads */
    div#top_ads{ margin-bottom: 30px; }
    div#top_ads.bottom{ margin:30px auto !important; }

    /* site content */
    .sitecontent{ margin-bottom: 30px; }

    /* title */
    .line_tit { display: block; margin-bottom: 30px; position: relative; font-size: 17px; }
    .line_tit:after, .line_tit:before { background:#fff; content: ""; display: block; height: 1px; position: absolute; top: 16px; width: 100%; z-index: -2; }
    .line_tit:before { background:#f7fafa; height: 30px; top: 0; width: 140px; z-index: -1; }

        /* Description */
        p.for_desc{font-size: 13px; margin-bottom: 30px; margin-top: -20px;}

    /* article post layout */
    article.post { background:#fff; margin-bottom: 15px; padding: 15px 15px 50px; border: 1px solid #ebeef4; height: 100px; max-height: 100px; overflow: hidden; position: relative; transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in;}
        /* hover and active */
        article.post:hover{box-shadow: 2px 3px 8px -1px rgba(0, 0, 0, 0.06); border: 1px #fff solid;}
        article.post.active{ max-height: 1000px; height: auto;}
        article.post.active:before { background:#f7fafa; content: ""; display: block; height: 1px; position: absolute; top: 100.5px; width: 100%; z-index: 1; }
        /* img */
        article.post img { background:#eff0f1; display: block; height: 100px; position: absolute; right: 0; top: 0; width: 100px; }
        /* title */
        article.post h1 { float: right; font-size: 14px; height: 42px; line-height: 21px; overflow: hidden; padding-right: 100px; width: 100%; }
        article.post h1 a{color: #40c4f4;}
        article.post h1 a span{ color: #303D50; }
        /* list info */
        article.post ul.main_info { clear: both; font-size: 12px; height: 40px; overflow: hidden; padding-right: 100px; padding-top: 6px; }
        article.post ul.main_info li{ float: right; display: inline-block; margin-left: 20px;}
        article.post ul.main_info li:last-child{ float: left; margin-left:0px;}
            /* icons */
            article.post ul.main_info li:before { content: ""; display: block; float: right; font-family: mbtui; font-size: 15px; margin-left: 10px; }
            article.post ul.main_info li.user:before{content: "\e003";}
            article.post ul.main_info li.cat:before{content: "{";}
            article.post ul.main_info li.time:before{content: "\e0fc";}
            /* hover */
            article.post ul.main_info li:hover, article.post ul.main_info li:hover *{ color: #40c4f4; transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in;}
        /* summary */
        article.post summary { display: block; font-size: 13px; padding: 15px 0; line-height: 20px; }

        /* loadmore only */
        article.post a.loadmore { background:#43c5f2; color: #fff; display: block; height: 40px; line-height: 37px; margin-bottom: -15px; margin-top: 20px; text-align: center; width: 100%; }
        article.post.readmoreex{ padding: 15px; }


        /* full info */
         ul.fullinfo { bottom: -1000px; color: #43c5f2; display: block; height: 45px; left: 0; position: absolute; width: 100%; background: #fff; opacity: 0; transition: all 0.2s ease-in; -webkit-transition: all 0.2s  ease-in; }
        article.post.active ul.fullinfo{ bottom: 0px; opacity: 1;}
        ul.fullinfo:before { background: #f7fafa; content: ""; display: block; height: 1px; width: 100%; }
        .fullinfo li,article.post ul.fullinfo a.more { display: inline-block; float: right; padding: 10px 15px; position: relative; }
            /* icons */
            .fullinfo li{ color:#43c5f2 important ;}
            .fullinfo li:after { background: #F7FAFA; content:""; height: 15px; left: 0; position: absolute; top: 15px; width: 1px; }
            .fullinfo li:last-child:after{ background: none;}
            .fullinfo li:before, ul.fullinfo a.more:before { content: attr(data-icon); display: block; float: right; font-family: mbtui; font-size: 14px; line-height: 22px; margin-left: 10px; }
            .userinfo .fullinfo li:after{ display: none; }

            /* OnComment */
            .fullinfo.onComment { background: none; bottom: inherit; opacity: 1; top: 14px; } ul.fullinfo.onComment:before, .fullinfo.onComment li:after{ display: none;}
            .fullinfo.onComment li { float: left; color:#707d90 }
            .fullinfo.onComment li:before{ line-height: 14px}
            .fullinfo.onComment li:hover{ color: #42C5F2; cursor: pointer;}


            /* OnComment */
            .fullinfo.onComment { background: none; bottom: inherit; opacity: 1; top: 14px; width: auto; float: left; } ul.fullinfo.onComment:before, .fullinfo.onComment li:after{ display: none;}
            .fullinfo.onComment li { float: left; color:#707d90 }
            .fullinfo.onComment li:before{ line-height: 14px}
            .fullinfo.onComment li:hover{ color: #42C5F2; cursor: pointer;}

        /* loadmore btn */
        ul.fullinfo a.more { background: #43c5f2; color: #fff; float: left !important; height: 44px; }

        /* article time_post */
        article.post_time { background:#fff; margin-bottom: 15px; padding: 60px 20px 30px; position: relative; border-radius: 1px; overflow: hidden; border: 1px solid #ebeef4; }
        article.post_time:hover{ box-shadow: 2px 3px 8px -1px rgba(0, 0, 0, 0.06);border: 1px solid #fff;}
            /* heading */
            article.post_time h1 { float: right; font-size: 14px; height: 25px; line-height: 21px; margin-top: 11px; overflow: hidden; width: 100%; margin-bottom:10px; }
            article.post_time h1 a{ color:#43C5F2}
            /* user info */
            article.post_time div.postinfo { /*background:#feffff;*/ border-bottom: 1px solid #F7FAFA; font-size: 13px; height: 60px; line-height: 13px; overflow: hidden; padding: 15px; position: absolute; right: 0; top: 0; width: 100%; }
            article.post_time div.postinfo a.img { float: right; margin-left: 10px; }
            article.post_time div.postinfo a.img img { border: 1px solid #fff; height: 32px; width: 32px; border-radius: 3px; }
            article.post_time div.postinfo p.time { color: #687282; font-size: 10px; line-height: 20px; }
            /* post info */
            article.post_time ul.infoBottom { background: #feffff; border-top: 1px solid #F7FAFA; bottom: 0; color: #687282; display: block; font-size: 10px; height: 33px; padding: 0 15px; position: absolute; right: 0; width: 100%; }
            article.post_time ul.infoBottom a{ color:#687282; }
            /* post summary */
            article.post_time summary { display: block; font-size: 12.5px; line-height: 20px; margin-bottom: 20px; margin-top: 40px; padding-right:15px; word-wrap:break-word; }
            article.post_time summary a { color:#303d50;}
            /* icons */
            article.post_time .mbtui:before { display: block; float: right; font-size: 10px; margin-left: 5px; }

		/* custome post styles */
		article.post_time .newgallery img { width: 100% !important; }
		article.post_time.album_comment summary img { margin-left: 20px; }
		article.post_time figure { padding-right: 15px; }


		/* Fixed Posts */
		#stickies article.post{ background:#4BCAF6;}
		#stickies article.post *{ color:#fff !important;}

		/* filltering */
		div#filters {
		  display: block;
		  height: 20px;
		  left: 14px;
		  position: absolute;
		  top: 8px;
		  width: 100px;
		  z-index: 80;
}
div#filters span.fltr_btn {
  cursor: pointer;
  display: block;
  background:#F7FAFA;
  float: left;
  height: 19px;
  width: 25px;
}
		div#filters span.fltr_btn i:before, div#filters span.fltr_btn i:after, div#filters span.fltr_btn i {
  background: none repeat scroll 0 0 #2c384a;
 transition:all 0.2s; -webkit-transition:all 0.2s;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  top: -5px;
  width: 15px;
  cursor:pointer;
}
div#filters span.fltr_btn i:after {
  top: 5px;
}
div#filters span.fltr_btn i { top: 7px;   opacity:0.5; }
div#filters span.fltr_btn:hover i:before{ top:-6px; background:#40C4F4;}
div#filters span.fltr_btn:hover i:after{ top:6px; background:#40C4F4;}
div#filters span.fltr_btn:hover *{ opacity:1; width:20px; background:#40C4F4;}


div#filters.active span.fltr_btn i { background: none; }
div#filters.active span.fltr_btn i:after,div#filters.active span.fltr_btn i:before { top: 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); background:#FF4A4A;}
div#filters.active span.fltr_btn i:before{ transform:rotate(-45deg); -webkit-transform:rotate(-45deg); background:#FF4A4A; }
div#filters.active div.hide {
  background: none repeat scroll 0 0 #fff;
  display: block !important;
  font-family: tahoma;
  font-size: 11px;
  font-weight: bold;
  left: -1px;
  padding: 15px;
  position: absolute;
  text-align: right;
  top: 24px;
  width: 300px;
  box-shadow:2px 2px 2px 0 rgba(0, 0, 0, 0.02);
  -moz-box-shadow:2px 2px 2px 0 rgba(0, 0, 0, 0.02);
}

div#filters.active div.hide table {
  width: 100%;
}
div#filters.active div.hide table thead{ background:#f7fafa;}
div#filters.active div.hide table thead th, div#filters.active div.hide table td {
  padding:0px 10px;
}
div#filters.active div.hide table a{ display:block; color:#43C5F2}
div#filters.active div.hide table a.unselected{ color:#303D50;}

    /* post icons */
        .activitybit .post_type_ic { color: #f1f4f4; font-size: 19px; left: 15px; position: absolute; top: 23px; }
        .activitybit:hover .post_type_ic{ color:#43c5f2;}
    /* load more btn */
    a.loadmorebtn, #moreactivitylink { background:#fff; display: block; font-size: 13px; height: 45px; line-height: 110px; overflow: hidden; border: 1px solid #ebeef4; text-align: center; width: 100%; position: relative; color: #43C5F2; transition: all 0.2s ease-in; -webkit-transition: all 0.2s  ease-in; border: 1px solid rgba(0, 0, 0, 0.03);}
    a.loadmorebtn i, #moreactivitylink i { display: block; font-size: 22px; position: absolute; text-align: center; top: -32px; width: 100%; }
        /* hover */
        a.loadmorebtn:hover, #moreactivitylink:hover { box-shadow:0 51px 0 #43c5f2 inset, 2px 3px 8px -1px rgba(0, 0, 0, 0.06) ; -webkit-box-shadow:0 51px 0 #43c5f2 inset, 2px 3px 8px -1px rgba(0, 0, 0, 0.06); color: #fff; line-height: 40px; }
    /* loader img */
        #moreactivityprogress{ margin: auto; margin-top: 30px; display: block;}

/* || Single Page || */

    /* main nav */
    nav#navg ul{ background: #fff; height: 45px; width: 100%; margin-bottom: 30px; border: 1px solid #ebeef4;}
    nav#navg ul li { display: inline-block; float: right; font-size: 13px; height: 45px; line-height: 41px; max-width: 49px; overflow: hidden; padding: 0 15px; position: relative; cursor: pointer; }
    nav#navg ul li:hover{ max-width: 100%; }
    nav#navg ul li:before { content: attr(data-icon); display: block; float: right; font-family: mbtui; font-size: 17px; margin-left: 10px; }
    nav#navg ul li:after { background:#f7fafa; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 1px; }
        /* customes */
        nav#navg ul li:last-child,nav#navg ul li:first-child { max-width: 100%; }
        nav#navg ul li:last-child:after{ display: none; }
        nav#navg ul li:hover a,nav#navg ul li:hover,nav#navg ul li:first-child a,nav#navg ul li:first-child{color: #43C5F2; transition: all 0.2s ease-in; -webkit-transition: all 0.2s  ease-in; }

    /* helpUX nav */
    nav#topic { background:#fff; height: 40px; line-height: 40px; overflow: hidden; padding: 0 300px 0 30px; position: fixed; width: 100%; z-index: 90; top: -41px; }
    nav#topic:hover { height: 80px; overflow: hidden; 0px; line-height:79px; }
    nav#topic.active{top:40px;}
        /* title */
        nav#topic span.title{ color:#43C5F2;}
        nav#topic span.title:before { content: attr(data-icon); display: block; float: right; font-family: mbtui; font-size: 17px; margin-left: 10px; }
        /* left area */
        nav#topic .leftarea .mbtui { display: inline-block; float: left; overflow: hidden; }
        nav#topic .leftarea .mbtui { background: #F7FAFA; display: block; float: left; height: 40px; width: 40px; line-height: 40px; margin: 1px; overflow: hidden;  text-align: center; font-size: 0; position: relative; margin-top: 20px;}
        nav#topic .leftarea .mbtui:before {height: 100%;position: absolute;width: 100%;}
        nav#topic .leftarea .mbtui:hover{ color:#fff; background: #43C5F2; cursor: pointer;}


    /* topic first post */
    .postediv { margin: 0px 0px 15px 0; border-radius: 1px; border: 1px solid #ebeef4;}
			.postediv:hover{ border: 1px solid #fff; box-shadow: 2px 3px 8px -1px rgba(0, 0, 0, 0.06);}
			    .postediv > .content { background:#fff; padding: 40px 0; min-height: 700px; }

    /* user info */
    .userinfo{ position: relative; height: 72px; margin-bottom: 15px; padding-right:0px; }
    .userinfo .basic{ display: inline-block; height: 100%; width: 100%; border-bottom: 1px solid #F7FAFA; position: relative; cursor: help;}
    .userinfo .basic:after { content: "a"; font-family: mbtui; font-size: 17px; left: 0; line-height: 60px; position: absolute; top: 0; }   .userinfo:hover .basic:after{color: #43c5f2;}
    .userinfo .basic > img { float: right; margin-left: 20px; height: 70px; width: 70px; }
    .userinfo .basic > h6 { line-height: 0; padding-top:5px; }   .userinfo .basic > h6 a { color: #40c4f4; font-size: 14px; }		.userinfo .basic > h6 p { display: inline-block; font-size: 10px; padding-right: 10px; }
    .userinfo .basic > p { display: block; font-size: 12px; margin-top: -10px; }
    .userinfo .basic > p img { margin-left: 2.5px; opacity: 0.7; position: relative; top: -1px; width: 15px; }  .userinfo:hover .basic > p img{ opacity: 1;}

        /* sub on hover */
        .userinfo .fullinfo { visibility: hidden; margin-bottom: 15px; background:#fff; border: 1px solid #f7fafa; box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.020); -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.020); display: inline-block; max-width: 400px; padding: 15px; position: absolute; z-index: 9; width: 450px; max-height: 0px;  opacity: 0; top: 80px; padding-bottom: 55px; }
        .userinfo .fullinfo:after, .postediv div.updatebox:after { bottom: 100%; right: 10px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #F7FAFA; border-width: 5px; margin-left: -5px; }
        .userinfo .fullinfo summary { border-bottom: 1px solid #f7fafa; display: block; font-size: 12px; line-height: 20px; margin-bottom: 15px; padding-bottom: 15px; }
        /* info list */
        .userinfo .fullinfo ul li:before { color: #43c5f2; content: attr(data-icon); display: block; float: right; font-family: mbtui; font-size: 15px; margin-left: 10px; }
        .userinfo .fullinfo ul li { float: right !important; font-size: 12px; height: 35px; }
        /* shown */
        .userinfo:hover .fullinfo { visibility: visible; max-height: 700px; opacity: 1;  transition: all 0.2s ease-in; -webkit-transition: all 0.2s  ease-in;}
        /* loadmore */
        .fullinfo .loadmorebtn {  margin-bottom: -35px;
  margin-top: 140px;}



    /* post title */
    .postediv .title{ height: 50px; border-bottom: 1px solid #F7FAFA; }
    .postediv .title h1 { line-height: 26px; margin-bottom: 5px; margin-top: -10px; font-size: 14px; }
    .postediv .title h1 a { color: #43c5f2; }
        /* time */
        .postediv .title p { font-size: 11px; }
        .postediv .title p:before{ content: "\e0fc";   display: block; float: right; font-family: mbtui; font-size: 13px; margin-left: 5px; margin-top: 0.5px;}

    /* topic content */
    .postediv .topiccontent { font-size: 14px; line-height: 30px; padding: 26px; }

    /* full info */
    .postediv ul.fullinfo{ bottom: 0; opacity: 1; width: 100%; font-size: 13px; line-height: 21px; }
    .postediv .fullinfo li.update { color: #303d50; float: left; cursor: pointer;} .postediv .fullinfo li.update:hover, .postediv .fullinfo li.update.active{ color: #43C5F2; }
    .postediv .fullinfo li.update:after { left: inherit; right: 0px; }

    /* update box */
    .postediv div.updatebox { background:#fff; bottom: -10px;  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.020); -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.020); height: 0; left: 0; padding: 15px; position: absolute; width: 180px; z-index: 9; opacity: 0;}
    .postediv div.updatebox.active{ height: 150px; bottom: -160px; opacity: 1;  transition: all 0.2s ease-in; -webkit-transition: all 0.2s  ease-in; }
    .postediv div.updatebox:after { border-bottom-color: #fff; bottom: 150px; right: 117px; }


    /* social share */
    .socialshare { margin-left: -12px; margin-top: 5px; text-align: left; }
    .socialshare > li { display: inline-block; position: relative; }
    .socialshare > li > a { opacity: 0.7; background: #5BC9F5 ; display: block; font-size: 0; height: 35px; width: 35px; }
    .socialshare > li > a:before { color: #fff; content: attr(data-icon); display: block; font-family: mbtui; font-size: 11px;  height: 100%; line-height: 34px; position: absolute; text-align: center; width: 100%; }
    .socialshare > li > a.fb{ background: #6B72FF; }
    .socialshare > li > a.gp{ background:#FF4A4A;}
    .socialshare > li > a:hover{ opacity: 1; transition: all 0.2s ease-in; -webkit-transition: all 0.2s  ease-in;}
        /* in comment */
        .socialshare.comment > li { float: right; margin-bottom: -10px; margin-left: 5px; opacity: 0.5; margin-top: 10px; }
        .socialshare.comment > li:hover{ opacity: 1; }

    /* ads-he */
    .ads-he{ text-align: center;}

    /* comments */
    .postediv { background:#fff; display: block; margin-top: 15px; padding: 30px 15px; position: relative;}
    .postediv div.commentbody { padding: 50px 25px; text-align:justify; }
        /* hover and active */
        .postediv:hover{box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.020); -webkit-box-shadow:2px 2px 2px 0px rgba(0,0,0,0.020);}
        .postediv.active{ overflow: visible; padding: 30px 15px 75px; transition: all 0.2s ease-in; -webkit-transition: all 0.2s  ease-in;}

        /* user info update */
        .postediv .topichead { height: 75px; }
        .postediv .userinfo .basic{ height: 50px; }
        .postediv .userinfo .basic > img { height: 50px; width: 50px; }
        .postediv .userinfo .fullinfo{ top: 65px; }
        .postediv .userinfo .basic > p{ margin-top: 10px; }
        .postediv .userinfo .basic:after { line-height: 40px; }

        /* Q Actions */
        .postediv .qaction { border-bottom: 1px solid #f7fafa; height: 50px; }
        /*
        .postediv .qaction a { display: inline-block; float: left; font-size: 12px; margin-right: 30px; opacity: 0.5; }
        .postediv .qaction a:before { content: attr(data-icon); display: block; float: right; font-family: mbtui; font-size: 13px; line-height: 31px; margin-left: 5px; }
        .postediv li .qaction a:hover{ color: #43C5F2 }        .postediv li:hover .qaction a{ opacity: 1; }
		*/

		/* update for first post */
		.postlist .postediv:first-child { padding-bottom: 70px; }

        /* loadmore */
        .postediv > a#loadmore { margin-top: 15px; }

        /* controles */
        .postediv li ul.fullinfo{ bottom: -45px; opacity: 0; visibility: hidden;}
        .postediv li.active ul.fullinfo{ bottom: 0; opacity: 1; visibility: visible; transition: all 0.2s ease-in; -webkit-transition: all 0.2s  ease-in;}

    /* add comment */
    #commentPost { margin-top: 15px; }
        #commentPost form { background:#fff; padding: 30px; display: inline-block; width: 100%;}
        #commentPost form textarea { background:#fff; border: 1px solid #f1f4f4; font-family: "Frutiger",Helvetica,Helvetica,Arial,sans-serif; font-size: 15px; height: 120px; max-height: 120px; padding: 15px; width: 100%; }

        #commentPost input[type="submit"], .button { float: left; font-size: 13px; height: 40px; margin-top: 15px; padding: 0 15px; border: none; cursor: pointer;}
            #commentPost input[type="submit"]:hover,  .button:hover{ background:#8bc815;}

        /* update comment editor */
        span.cke_skin_kama, .editor{ border: none !important; padding: 0px !important; margin: 0px !important;}

	/* NAV inside Post */
    .navlinks {
      clear: both;
      display: block;
      padding-bottom: 5px;
      padding-top: 30px;
      text-align: center;
    }
    .navlinks a {
      padding: 0 10px;
    }
    .navlinks a:hover{ color: #57D1F8;}

	/* Contrls For Admins */
	.post .admins_only { position: absolute; top: 10px; right: 10px; }
	/*.popupctrl { background:#43c5f2;
      display: block;
      font-size: 13px;
      height: 40px;
      line-height: 38px;
      margin-bottom: 30px;
      text-align: center;
      width: 100%;
    }*/

/* || User Profile || */

    #profile .head { background:#fff; margin-bottom: 60px; display: inline-block; }

    /* Basic Info */
    #profile .basic { border-bottom: 1px solid #F7FAFA; height: 170px; }
    #profile .head .basic .main { padding-right: 200px; }
        /* content */
        #profile .head .basic .main > img { height: 170px; position: absolute; right: 0; width: 170px; }
        /* info */
        #profile .basic h1 { font-size: 14px; line-height: 20px; margin-bottom: 5px; padding-top: 25px; }
        #profile .basic h1 a{color:#43C5F2;}
        #profile .basic h1 p{ font-size: 12px; }
        /* location */
        #profile .basic .main > p { font-size: 11px; margin-bottom: 5px; }
        #profile .basic .main > p > img { float: right; height: 11px; margin-left: 5px; margin-top: 8px; }
        /* summery */
        #profile .basic summary { display: block; font-size: 12px; height: 40px; line-height: 20px; overflow: hidden; }
        /* action btn */
        #profile .basic .pr-link { background:#f7fafa; display: block; height: 45px; line-height: 40px; margin-left: 15px; margin-top: 30px; }
            #profile .basic .pr-link:last-child{ margin-top: 15px; }
            /* icon */
            #profile .basic .pr-link:before { float: right; margin-left: 10px; margin-right: 15px; }
            #profile .basic .pr-link:hover{ background: #43C5F2; color: #fff; }

    /* full info */
    #profile .fullinfo { background:#fff; padding:20px 15px 30px 15px; }
    #profile .fullinfo ul { display: block; height: auto; max-height: 80px; overflow: hidden; width: 100%; }
         /* full view */
         #profile .fullinfo ul.active{ max-height:1000px;}
    /* btn more */
    #profile .fullinfo #loadmore { bottom: -46px; left: 0; position: absolute; }
    #profile .fullinfo #loadmore i{ font-size: 13px;}
            /* show and hide */
            #profile .fullinfo #loadmore .hide{ display: none;} #profile .fullinfo #loadmore .show{ display: block;}
            #profile .fullinfo #loadmore.active .hide{ display: block;} #profile .fullinfo #loadmore.active .show{ display: none;}

    /* filter and nav posts */
    nav#user_post { background:#fff; height: 45px; padding: 0 15px; line-height: 41px; margin-bottom: 15px; position: relative;}
        nav#user_post p{ float: right;}

        /* filter menu |General| */
        .view-opotion { float: left; position: relative; font-size: 0; }
            /* icon */
            .view-opotion:before { border-right: 1px solid #f7fafa; cursor: pointer; height: 35px; left: 0; line-height: 36px; margin-top: 5px; padding-right: 15px; position: absolute; top: 0; }
            .view-opotion:hover:before, .view-opotion.active:before{ color:#43C5F2}

                /* view-list */
                ul.view-list { background: #fff; -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.020); box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.020); left: 0; padding: 0 15px; position: absolute; top: 45px; max-height: 0px; overflow: hidden; height: 0px; width: 170px; z-index: 90; }
                ul.view-list.active{ max-height: 1000px; height: auto;}
                    /* list */
                    .view-list li { border-bottom: 1px solid #f7fafa; clear: both; padding-bottom: 4px; cursor: pointer; }
                    .view-list li:last-child{ border:none;}
                        .view-list li:before { display: block; float: right; line-height: 43px; margin-left: 10px; }
                        .view-list li.current, .view-list li:hover{ color:#43C5F2 }
            div.friendsmini .count {
  color: #808da0;
  left: 25px;
  position: absolute;
}


	/* Nav of ShowTheread "above_postlist" */
	#above_postlist.above_postlist {
  background: none repeat scroll 0 0 #fff;
  bottom: 0;
  box-shadow: 2px -2px 2px 0 rgba(0, 0, 0, 0.02);
  height: 45px;
  position: fixed;
  z-index:99;
}

.pagination_top .pagination{ margin-top:11px;}

/* nav */
#above_postlist .pagination span {
  padding: 0 10px; float:right; border-radius: 1px;
}

#above_postlist .pagination span.selected {
  background: none repeat scroll 0 0 #43c5f2;
}
#above_postlist .pagination span.selected a{ color:#fff;  }

/* frist & last */
.pagination_top .pagination i{color:#43C5F2;}
/* quiek go */
#above_postlist .popupbody.popuphover{ float:left; margin-right:15px; }
#above_postlist.above_postlist input {
  background: none repeat scroll 0 0 #f7fafa;
  border: medium none;
  height: 28px;
  float:right;
  //padding: 0 10px 3px;
  //padding: 0 2px 3px;
}
#above_postlist.above_postlist input[type="submit"] {
  background: none repeat scroll 0 0 #43c5f2;
  color: #fff;
}
 #above_postlist.above_postlist .newcontent_textcontrol { float:right; height:35px; line-height:31px;}
header nav#subnav a.newpost i, #above_postlist.above_postlist .newcontent_textcontrol i {
  display: block;
  float: right;
  font-size: 14px;
  line-height: 31px;
  padding-left: 5px;
}
/* || Search page || */
div#seresult { background:#fff; padding: 15px 15px 0px 15px; }

    /* posts */
    div#seresult article.post { border-bottom: 1px solid #f7fafa; height: 100px; overflow: hidden; padding: 15px 90px 15px 0; }
    div#seresult article.post:last-child{ border-bottom: 0;}
        /* post content */
        div#seresult article.post img { height: 75px; margin-top: 5px; width: 75px; }
        div#seresult article.post h1 { margin-bottom: -10px; padding-right: 0; }
        div#seresult article.post summary { display: inline-block; font-size: 13px; height: 40px; line-height: 20px; margin-top: -14px; overflow: hidden; }

    /* search custom */
    nav.search i.custom { border-right: 1px solid #f7fafa; left: 28px; padding-right: 15px;position: absolute; top: 8px; cursor: pointer;}
    nav.search i.custom:hover, nav.search i.custom.active{ color:#43C5F2 ;}
        /* custom box */

/* || Post Votes || */

    /* vote */
    section#polloptions .blockhead * {
      color: #43c5f2;
      padding: 0 15px;
      font-size: 18px;
    }
    .textcontrol.blockhead_info {
      float: left;
    }
    section#polloptions .blockbody h3.pollsubhead {
      border-bottom: 1px solid #f7fafa;
      font-size: 13px;
      margin-bottom: 30px;
      padding: 10px 15px 25px 15px;
    }
    section#polloptions div.blockfoot {
      margin-top: 15px;
    }
    section#polloptions input.button {
      border: medium none;
      clear: both;
      display: block;
      float: right;
      height: 33px;
      padding-bottom: 12px;
    }
    section#polloptions div.blockfoot a.textcontrol {
      display: inline-block;
      margin-right: 20px;
      color:#707d90;
      padding-top: 7px;
      font-size: 13px;
    }
    section#polloptions div#polloptions ul li {
      padding-bottom: 10px;
    }

    /* resutlts */
    section#polloptions .blockhead .stats *, section#polloptions .pollsubhead{
      color: #707d90;
      display: inline;
      font-size: 14px;
      line-height: 42px;
      padding-right: 0;
    }
    section#polloptions .pollsubhead {
      display: block;
      font-size: 11px;
      border-bottom: 1px solid #f7fafa;
      margin-top: -15px;
      opacity: 0.7;
      padding-right: 15px;
    }
    section#polloptions li.blockrow {
      border-bottom: 1px solid #f7fafa;
      font-size: 15px;
      line-height: 38px;
      margin: 5px 15px;
    }
    section#polloptions li.blockrow:last-child {
        border-bottom: 0 none;
        margin-bottom: -25px;
        padding-bottom: 0;
    }
    section#polloptions li.blockrow span {
      color: #707d90;
      font-size: 13px;
      padding-top: 0;
    }
    section#polloptions li.blockrow i {
      color: #43c5f2;
      display: block;
      font-family: Frutiger;
      padding-bottom: 5px;
    }

/* || Main Aside || */

    /* featured */
    aside#main_aside .featured { background:#fff; margin-bottom: 30px; padding: 15px; }
    aside#main_aside .featured img{ display: block; height: 100%; width: 100%; }

    /* social box */
    aside#main_aside .socialbox { background:#fff; margin-bottom: 30px; padding: 15px; position: relative; height: 15px; height: 390px; overflow: hidden;}
        /* headline */
        aside#main_aside .socialbox .head { border-bottom: 1px solid #F7FAFA; display: block; height: 42px; position: absolute; top: 15; width: 100%; right: 0px; padding: 0 15px;}
        aside#main_aside .socialbox h4{ font-size: 15px; float: right;}
        aside#main_aside .socialbox h4:before { content: attr(data-icon); display: block; float: right; font-family: mbtui; line-height: 30px; margin-left: 10px; }
        /* icons list */
        aside#main_aside .socialbox ul{ font-size: 0; float: left; margin-left: -15px;}
        aside#main_aside .socialbox ul li{ height: 42px; width: 40px; display: inline-block; float: left; position: relative; cursor: pointer; transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in;}
        aside#main_aside .socialbox ul li:before { content: attr(data-icon); display: block; font-family: mbtui; font-size: 15px; height: 100%; text-align: center; width: 100%; }
        aside#main_aside .socialbox ul li:after{content: ""; height: 2px; left: 4px; position: absolute; top: -14px; width: 80%; transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; }
            /* cust. colors */
            aside#main_aside .socialbox ul li.fb:hover, aside#main_aside .socialbox ul li.fb.active{ color: #5877CF;} aside#main_aside .socialbox ul li.fb.active:after, aside#main_aside .socialbox ul li.fb:hover:after{ background:#5877CF }
            aside#main_aside .socialbox ul li.tw:hover, aside#main_aside .socialbox ul li.tw.active{ color: #5BC9F5;} aside#main_aside .socialbox ul li.tw.active:after, aside#main_aside .socialbox ul li.tw:hover:after{ background:#5BC9F5 }
            aside#main_aside .socialbox ul li.gp:hover, aside#main_aside .socialbox ul li.gp.active{ color: #FF4A4A;} aside#main_aside .socialbox ul li.gp.active:after, aside#main_aside .socialbox ul li.gp:hover:after{ background:#FF4A4A }
        /* boxes */
        aside#main_aside .tabs { margin-top: 55px;}
            /* fb update */
            .fb_iframe_widget iframe, .fb_iframe_widget span, .fb_iframe_widget{ width: 100% !important; height: 260px !important; }
            aside#main_aside .tabs .fb_bottomarea { background:#fff; border-top: 1px solid #f7fafa; bottom: 0; color: #5877cf; height: 50px; left: 0; padding: 16px 15px; position: absolute; width: 100%; }
            aside#main_aside .tabs .fb_bottomarea h5 { float: right; font-size: 13px; line-height: 13px; }
            aside#main_aside .tabs .fb_bottomarea .buttonclick { display: block; position: relative; top: -15px; }

    /* ads box */
    aside#main_aside #ads{ background: #fff; padding: 15px; }
    input[name="preview"], input[type="reset"] { margin-left: 10px; }


/* || Footer Layout || */
footer { display: inline-block; margin-bottom: 90px; width: 100%; }
footer .copyrights { direction: ltr; float: left; font-size: 12px; line-height: 20px; }



/* || Add NewPst || */
div#addNew {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
  height: 100%;
  left: 0;
  position: fixed;
  top: -120vh;
  width: 100%;
  z-index: 999;
}
div#addNew.active{ top: 0px;}
div#addNew div#addNewPost {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 1px;
  box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.1);
  display: block;
  height: 27%;
  margin: 6vw auto auto;
  max-width: 100%;
  min-height: 300px;
  overflow: hidden;
  width: 960px;
}
#addNewPost > iframe {
  height: 100%;
  width: 100%;
}
#addNewPost > iframe header{ display: none; }
div#addNew .close {
  background: none repeat scroll 0 0 red;
  border-radius: 50%;
  color: #fff;
  display: block;
  height: 40px;
  line-height: 37px;
  position: absolute;
  cursor: pointer;
  right: 30px;
  text-align: center;
  top: 30px;
  width: 40px;
}

/* light form */
form#vsapnt_flist {
  background: none repeat scroll 0 0 #fff;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 30px 85px;
  width: 100%;
}
form#vsapnt_flist h1{ margin-bottom: 15px; color:#55D0FA;}
form#vsapnt_flist div{
    margin-top: 15px;
    color: #707d90;
    height: 80px;
    overflow: hidden;
    font-size: 13px;
    margin-bottom: 15px;
}

/* add page */
.vbform.border_box.addnew { padding: 30px; }
.addnew .editor_smiliebox{ display: none; }
.addnew #advOption { max-height: 0; overflow: hidden; }
.addnew #advOption.active{ max-height: 2000px; }
.addnew #moreactivitylink{ margin-top: 30px; cursor: pointer; cursor: pointer;}
.addnew #moreactivitylink .hide, .addnew #moreactivitylink.tohidden .show{ display: none; }
.addnew #moreactivitylink.tohidden .hide { display: block !important; }
.addnew legend {
  border-bottom: 1px solid #f7fafa;
  border-top: 1px solid #f7fafa;
  margin-bottom: 15px;
  margin-top: 15px;
  padding-bottom: 10px;
  padding-top: 10px;
  width: 100%;
}

/* Editor Style Update */
.cke_skin_kama .cke_wrapper{ background:#f7fafa !important;}
.cke_skin_kama .cke_toolbox {
  height: 40px;
}
.cke_skin_kama .cke_editor .cke_rcombo a, .cke_skin_kama .cke_editor .cke_toolgroup {
  background: none repeat scroll 0 0 #fff;
  height: 29px;
  margin-top: 6px;
  padding-top: 3px;
}
.editor_textbox_smilie{ margin: 0 !important; }
/* || Search Page || */

    /* search nav */
    nav.searchnav {
      height: 74px;
    }
    nav.searchnav ul{

    }
    nav.searchnav li i {
      border-left: 1px solid #f7fafa;
      float: right;
      margin-left: 20px;
      margin-top: 1px;
      padding-left: 15px;
    }
    nav.searchnav li a {
      display: block;
      float: right;
    }
    nav#navg.searchnav ul li:after{ display: none; }
    nav.searchnav li.networkSearch i {
        padding-right: 15px;
        border-right: 1px solid #f7fafa;
    }

    /* Google Search Update */
    .gs-result {
        border-bottom: 1px solid #F7FAFA;
        font-family: "Frutiger",Helvetica,Helvetica,Arial,sans-serif;
        padding-top: 0 !important;
    }
    .gs-result .gs-title, .gs-result .gs-title * {
        color: #56D0FA !important;
        font-weight: normal !important;
        text-decoration: none !important;
        line-height: 12px !important;
    }
    .gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl {
        color: #363636 !important;
    }
    .gsc-results .gsc-cursor-box {
        background: none repeat scroll 0 0 #fafafa !important;
        height: 40px;
        margin: 10px 0 !important;
    }
    .gsc-results .gsc-cursor-box .gsc-cursor-page {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
        color: #303d50 !important;
        display: block !important;
        float: right !important;
        height: 40px;
        line-height: 26px;
        margin: 0 !important;
        padding: 6px;
        text-align: center;
        text-decoration: none !important;
        width: 50px;
    }
    .gsc-results .gsc-cursor-box .gsc-cursor-page:hover, .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
        background: #55D0FA !important;
        color: #fff !important;
    }
    .gs-webResult .gs-snippet, .gs-imageResult .gs-snippet, .gs-fileFormatType {
        font-family: "Frutiger",Helvetica,Helvetica,Arial,sans-serif;
        font-weight: normal !important;
        line-height: 18px !important;
        padding-bottom: 20px;
        padding-top: 1px !important;
    }

    .SearchList input.gsc-input {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
        box-shadow: none !important;
        direction: rtl !important;
        height: inherit !important;
        padding: 0 !important;
    }
    .SearchList .gsc-input-box {
        height: 35px !important;
    }
    .cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
        background-color: #cb0000 !important;
        background-image: url("http://www.google.com/uds/css/v2/search_box_icon.png") !important;
        background-position: center center;
        background-repeat: no-repeat;
        border-color: #ab0000 !important;
        height: 32px !important;
        margin-top: 2px;
        min-width: 13px;
        padding: 6px 27px;
        width: 13px;
    }
    .gcsc-branding{ display: none !important;}
    .gsc-orderby-container {
        display: none;
    }

    /* after scroll */
    body.searchscroll nav.searchnav ul{
        max-width: 1174px;
        border-color: #fff !important;
        position: fixed;
        top: 44px;
        z-index: 9;
        box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.02);
        border: none;
    }

    /* User List */
    #memberlist_table .columnsort { background: none repeat scroll 0 0 #f7fafa; height: 40px; }
    #memberlist_table .columnsort th * { font-size: 14px; padding: 20px; }
    /* member info */
    #memberlist_table tr td{ border-bottom: 1px solid #f7fafa !important; }
    #memberlist a.username{ color:#53CFF9; font-size: 16px;}
    #memberlist span.usertitle{ color:#707d90; font-size: 13px;}
    /* members pager */
    #charnav { background: #f7fafa; border: 0px !important; border-radius: 1px !important; height: 50px;}
        #charnav dd a { background: #fff; border: 0px !important; border-radius: 1px !important; }
            #charnav dd a:hover{ background: #55D0FA; }
    /* member search */
    #above_memberlist.floatcontainer { display: none; }



/* || User CP Admin || */

    /* inner list */
    nav#usercp_nav ul.blockrow { padding: 0px 10px; font-size: 13px; }
        nav#usercp_nav ul.blockrow li { border-bottom: 1px solid #f7fafa; height: 40px; line-height: 35px; }
        nav#usercp_nav ul.blockrow li:last-child{ border-bottom: none;}
            nav#usercp_nav ul.blockrow li a{ height: 100%; width: 100%; display: block; }
            nav#usercp_nav ul.blockrow li ,nav#usercp_nav ul.blockrow li a:hover, nav#usercp_nav ul.blockrow li.active a{ color: #55D0FA; }

    /* content layout */
    section#userCPContent .border_box { padding: 20px; }
    section#userCPContent .blockhead, .addnew .blockhead { border-bottom: 1px solid #f7fafa; color: #55d0fa; font-size: 16px; margin-bottom: 15px ; padding-bottom: 15px; }
    section#userCPContent .blockbody { border-bottom: 1px solid #f7fafa; display: block; margin-bottom: 15px; padding-bottom: 15px; }

    /* home & new notifications */
    section#userCPContent .blocksubhead, section#userCPContent .blocksubhead *, .singledescription, .bccspan, .bccspan * { color: #707d90; font-size: 13px; text-align: left; margin-bottom: 15px; }

        /* msgs in home */
        .pmbit, .visitormessage { background:#f7fafa !important; border-radius: 2px; margin-bottom: 10px; padding:10px 20px; border: none !important; margin-bottom: 10px !important; }
        .pmlist .blockrow .datetime{ margin: 0px !important;}
        .pmlist .blockrow .unread, .pmlist .blockrow .unread *{ font-weight: normal !important; color:#55D0FA; }
        .pmlist .blockrow .title{ font-size: 16px !important; }
        .pmlist .blockrow img{ display: none !important;}
        .pmlist .datetime{ color:#707d90;}


        /* blockfoot */
        .blocksubfoot, .blockfoot, .description { display: inline-block; width: 100%; color: #707d90; font-size: 13px; padding: 10px 0; text-align: right; }
        .blocksubfoot a, .blockfoot a{ color: #707d90}


        /* msgInside */
        #usercp_content ul.fullinfo, #usercp_content .userinfo .fullinfo, #usercp_content .postediv .userinfo .basic:after, #usercp_content .postediv .topichead .medium-8.large-8 {display: none !important; }
        #usercp_content .userinfo, #usercp_content .userinfo *{cursor: default !important}
        #usercp_content .postediv .topichead .medium-4.large-4 { width: 100% !important; margin-left: 0px !important; padding-left: 0px !important; }
        #usercp_content .postediv{ box-shadow: none !important; }
        #usercp_content #message_form #cke_vB_Editor_QR_editor{ display: none !important; }
        #usercp_content #commentPost form{ padding: 0px; }



        /* sendNewMsg */
        .textbox, select { border: 2px solid #f7fafa; clear: both; display: block; margin-top: 6px; padding: 5px; width: 100%; font-size: 14px; }
        label.full {
          clear: both;
          color: #55d0fa;
          display: block;
          margin-top: 10px;
          padding-bottom: 10px;
          padding-top: 10px;
        }
        #usercp_content .posticons , #usercp_content .editor_smiliebox{ display: none; }



        /* subscribtion */
        #usercp_content #jump-to-folder , #usercp_content #forum_icon_legend{ display: none !important; }
        #usercp_content .groupcontrols a{ color:#55D0FA; margin-left: 10px; }

        /* userSettings */
        #usercp_content .settings_form_border .blocksubhead{ color:#55D0FA; font-size: 16px; text-align: right; }
        #usercp_content .section{ margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #F7FAFA;}
        #usercp_content .description{ color:#707d90 !important; }

        /* deleted */
        .deleted {
          opacity: 0.5;
        }

        /* quote */
        .quote_container {
          background: none repeat scroll 0 0 rgba(86, 207, 248, 0.29);
          border: 1px solid #f7fafa;
          border-radius: 1px;
          margin-bottom: 10px;
          margin-top: 5px;
          padding: 15px;
        }

/* || Custom Responsive Events || */

    /* header responsive update */
    @media only screen and (max-width: 920px) {

        /* update header */
        header nav#main{ margin-bottom:6px; }

			/* foundation update */
			.hide-for-small-only.custom{ display:none !important; }
			.show-for-small-only.custom{ display:block !important; }
			/*header .row{ padding:0 15px; }*/

			/* responsive header icons */
			header .menu_icon{ position:absolute; cursor:pointer; top:17px;}
			header .sections_icon { left: -7px; top: 2px; z-index: 9; }

            /* main menu active */
            header nav#main ul{ background:#fff; display: block !important; left: 0; margin: 0; padding: 30px; padding-top: 50px; position: fixed; top: 150vh; width: 100%; z-index: 100;    }
            header nav#main ul li{ word-wrap: normal; display: block; clear: both; border-bottom: #F7FAFA  solid 1px;}
                header nav#main ul li:before{ display: none;}
                    /* link inside */
                    header nav#main ul li a{color: #303d50 ; word-wrap: normal; }
                    header nav#main ul li a:hover , header nav#main ul li.current a{color: #43c5f2; }

                /* search */
                header.active_section form#search {
                    width: 100%;
  background:#F7FAFA;
  display: block !important;
  position: absolute;
  top: 61px;
  z-index: 100;
}

            /* active menu update header */
            body.scrolled header.active_section, body.scrolled header.active_User_area { top: 0 !important;}
            header.active_section nav#main ul{ top: 64px;}

			/* forums icon */
			header .forum_icon { z-index:99; right: 15px; top: 69px; padding-right:23px; }
			header .forum_icon:before, header .forum_icon:after { content: ""; display: block; background: #303d50; width: 15px; height: 2px; border-radius: 1px; position: absolute; top: 11px; right: 0px; }
			header .forum_icon:after{ top:17px;}
				/* active */
				header .forum_icon.active{ color:#43C5F2;}
				header .forum_icon.active:before, header .forum_icon.active:after { top: 14px; transform: rotate(45deg); background:#43C5F2; }
				header .forum_icon.active:after{ transform: rotate(-45deg); }

				/* list layout */
				header nav#subnav ul.active { background:#fff; border-top: 1px solid #f7fafa; display: block !important; height: 40px; left: 0; overflow-x: scroll; overflow-y: hidden; padding: 0 15px; position: absolute; top: 41px; width: 100%; }

        /* login & user area */
        header .user_icon {
          color: #fff;
          height: 61px;
          left: 53px;
          top: 1px;
          width: 36px;
        }
        header .user_icon i {
          display: block;
          font-size: 19px;
          line-height: 61px;
          padding-left: 5px;
          text-align: left;
          width: 100%;
        }
        ul.notifyList, header ul.userlist {
          background: none;
          border-top: none;
          box-shadow: none;
          left: inherit;
          max-height: inherit;
          overflow: inherit;
          padding: 0 15px;
          position: static;
          top: inherit;
          visibility: visible;
          width: 100%;
          z-index: 99;
        }
        header .uesr_areaBox.hide-for-small-only.custom{background:#fff; display: block !important; height: 100%; width: 100%; position: fixed; top: 150vh; z-index: 999; padding-top: 15px; }
        header .loghead{ display: none !important; }
        header .loginbox { box-shadow:none; left: inherit; max-height: none; opacity: 1; overflow: visible; padding: 15px; position: static; top: inherit; width: 100%; }
        header .loginbox ul.slogin { margin-top: 40px; }

			/* active log */
			header.active_User_area .uesr_areaBox.hide-for-small-only.custom{ top:64px;}

            /* update if logged in */
            header .notify, header .uinfo, ul.notifyList{ display: none !important; }

        body main{ padding: 135px 15px 5px 15px !important;}
        header .loghead:after{ left: -15px; }
        #top_ads > div:first-child { margin-bottom: 30px;}
        body nav#topic { margin-right: 60px; padding-right: 0; }
        body nav#topic div.row { padding-left: 40px; }
        aside#head{ overflow: scroll; }


    }
    /* mobile only */
    @media only screen and (max-width: 40em) {
        article.post h1, article.post ul.main_info{ padding: 0; }


				.taggedUsers h3{padding-top: 5px;
				  overflow: hidden;}
				.taggedUsers h3 input{margin-top: 30px !important;
				  width: 100%;}

    }
    /* large Screens */
    @media only screen and (min-width: 64.063em) {

    }

    /* X Large Screens */
    @media Only Screen and (min-width: 1200px) {

    }

    @media Only Screen and (max-width:1200px ){

    }

    /* small height devices */
    @media only screen and (max-height: 60em){

    }

    /* 1024 custom */
    @media Only Screen and (min-width: 1024px ){

    }

    @media Only Screen and (max-width: 1024px ){

    }

/* || Define Fonts || */
/*
@font-face{font-family:Frutiger;src:url(../fonts/kelma.eot);src:url(../fonts/kelma.eot?#iefix) format('embedded-opentype'),url(../fonts/kelma.woff) format('woff'),url(../fonts/kelma.ttf) format('truetype'),url(../fonts/kelma.svg#DINNextLTW23-Regular) format('svg');font-style:normal}
@font-face{font-family:Frutiger;src:url(../fonts/FrutigerRomal.eot);src:url(../fonts/FrutigerRomal.eot?#iefix) format('embedded-opentype'),url(../fonts/FrutigerRomal.woff) format('woff'),url(../fonts/FrutigerRomal.ttf) format('truetype'),url(../fonts/FrutigerRomal.svg#FrutigerLTArabic-55Roman) format('svg');font-style:normal}
*/
@font-face {
  font-family: 'Frutiger';
  src: url('../fonts/dinnextmid.eot'); /* IE9 Compat Modes */
  src: url('../fonts/dinnextmid.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/dinnextmid.woff') format('woff'), /* Modern Browsers */
			 url('../fonts/dinnextmid.woff2') format('woff2'),
       url('../fonts/dinnextmid.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/dinnextmid.svg#745e3c0b3ca991b86177792d1c7a7bce') format('svg'); /* Legacy iOS */

  font-style:   normal;
  font-weight:  400;
}


@font-face{font-family:mbtui;src:url(../fonts/mbtui.eot);src:url(../fonts/mbtui.eot?#iefix) format('embedded-opentype'),url(../fonts/mbtui.woff) format('woff'),url(../fonts/mbtui.ttf) format('truetype'),url(../fonts/mbtui.svg#mbtui) format('svg');font-weight:400;font-style:normal}

/* || RESET DEFULTS || */
input[type="radio"], input[type="checkbox"] {
  position: relative !important;
  top: 5px;
  width: 20px;
  height: 20px;
  background: #F7FAFA;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  outline: none;
  position: relative;
  margin-right: 0.5rem;
  z-index: 1000;
    border-radius: 1px;
}

input[type="radio"]:hover,  input[type="checkbox"]:hover { background: #54D0FA; }

input[type="radio"]:checked,  input[type="checkbox"]:checked { background: #54D0FA; }

input[type="radio"]:checked::before, input[type="checkbox"]:checked:before {
width: 20px;
height: 20px;
position: absolute;
content: '\2716';
display: inline-block;
font-size: 15px;
text-align: center;
line-height: 18px;
}

input[type="radio"]:checked::after, input[type="checkbox"]:checked::after {
  -webkit-animation: click-wave 0.65s;
  -moz-animation: click-wave 0.65s;
  animation: click-wave 0.65s;
  background: #40e0d0;
  content: '';
  display: block;
  position: relative;
  z-index: 100;
}

input[type="radio"] { border-radius: 50%; }

input[type="radio"]::after, input[type="checkbox"]:checked::after { border-radius: 50%; }
.oldthreadwarn span {
  background: none repeat scroll 0 0 #fff;
  color: #53cff9 !important;
  display: inline-block;
  padding: 30px;
  width: auto;
}
.oldthreadwarn img {
  display: none;
}
.oldthreadwarn {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
  border: medium none !important;
  display: inline-block;
  margin-bottom: 30px;
}
/* Adminstrator Area | inside Posts */
li.forum_post, li.postediv{ position: relative;}
li.forum_post .admin_check, li.postediv .admin_check {
  position: absolute;
  right: -35px;
  top: -5px;
}
ol#posts > .admin_check{ display: none;}
#inlinemod_formctrls .popupctrl {
	background: none repeat scroll 0 0 #98c735;
	background-image: -moz-linear-gradient( 90deg, rgb(152,199,53) 0%, rgb(174,211,94) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(152,199,53) 0%, rgb(174,211,94) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(152,199,53) 0%, rgb(174,211,94) 100%);color:#fff;font-size:14px; padding-bottom: 4px; text-align: center;border:0px;
  border-radius: 1px;
  color: #fff;
  display: block;
  float: right;
  height: 50px;
  padding: 10px;
  text-align: center;
  width: 240px;
}
#inlinemod_formctrls .popupbody {
  background: #fff none repeat scroll 0 0;
  float: right;
	display: none;
  margin-bottom: 65px;
  padding: 20px;
	top: 50px !important;
  width: 310px;
}
.pagination_top{ float: left !important;}
.threadimod input, .threadstatus{ z-index: 1 !important; }
input[type="radio"], input[type="checkbox"]{ position: static !important; }