body{background: none;}
.tickercontainer{heigt:40px;}
.mask{height: 30px;}

.catf-format .fdate{line-height: 17px;}
.authorname h3 a{color:#000!important;}
.authorname h3 a:hover{color:#FF0000!important;}
.orignal_height{height: auto!important;}
/*.imgslide{max-height: 475px;
    overflow: hidden;
}*/
//img.slidefeatured{ height: 100%!important; max-height: 475px;}

/*.flex-control-thumbs{
    max-height: 121px;
}
.flex-control-thumbs li{
    margin-right: 4px;
}*/

#carousel{height:148px; overflow: hidden;}
#carousel .flex-viewport{max-height:100%;}
.boxvid_custom{ margin-top: 0px!important;}
.blocktitle_custom{ margin-bottom: 0px!important}
.maincontainer_custom{ margin-top: 0px!important}
.vidpost{overflow: hidden;}
ul.nav-carousel li:hover,ul.nav-carousel li.active
{
    text-decoration: underline;
    color:#FF0000;
}
ul.nav-carousel li{
    float: left;
    list-style: none;
    line-height: 45px;
    padding: 0 10px;
    color: #fff;
    cursor: pointer;
}
.contentBox img{
    max-height: 172px;
}
.contentBox2 img{
    max-height: 172px;
}

#mixedContent .mix{
    opacity: 0;
    display: none;
}
.getcat .lthumb{
    /*    height: auto;*/
}
.lthumb{
    height: auto;
}

#listnews .lthumb{
    max-height:400px;
}
.radio{
    margin-top:18px;
}
.descreview{

    width: 100%;
    font-size: 26px;
    cursor: pointer;
}
.list-topcat .tthumb{max-height:182px;}
.topcat img{height: auto;}
.topcat .tthumb {
    position: relative;
    overflow: hidden;
/*    max-height: 121px;*/
}
.olay {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    //background: #000;
    background: rgba(0,0,0,.5);
    z-index: 10000000000000000000000;
    color: #fff;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    -ms-transition: all 300ms;
}

.olay h2{
    color: #fff;
    font-size: 17px;
    padding: 10px;
    padding-top: 60px;
    padding-left: 80px;
    //background: rgba(0,0,0,.8);
}
.olay h2 a{
    color:#fff;

}
.list-topcat li .olay{
    top:0;
    visibility:visible;
    opacity:1;
    cursor: pointer;
}
.list-topcat li{
   // background: rgba(0,0,0,1)
}

.list-topcat li:hover .olay{
    top:0;
    visibility:visible;
    opacity:0;
    cursor: pointer;
}

    // Override position for title
    .list-topcat .tthumb .olay h2{
        padding-top: 60px !important;
    }
    .list-topcat .tthumb .overlay .number{
        margin-top: 20% !important;
    }


.nav-bar li img.logo{
    margin: 4px 0 0;
}
.flex-viewport{
    max-height: 485px;
    overflow: hidden;
}

#tabs .active{
    color:#fff;
    text_decoration:underline;
}
.see_more{
    padding: 10px;
    text-align: center;
}

ul.listreview li .cc{ width: 65px;}

.feedback_body{ background: none;}
.feedback_body #maincontainer{border: none; margin: 0 auto;}
#recaptcha_image{ height:65px!important;}
recaptchatable recaptcha_theme_clean tr{height: 80!important;}

#news_ticker eleven{ margin-top: -5px;}

.img_bckg{background-position:top center !important; background-size:cover !important; }

.main_slider_img{ height: 456px; width:554px;}
.other_clients{            
    display: inline-block;
    margin-right: 5px;
    margin-left: 5px;
    padding-bottom: 7px;           
    padding-top: 0px;
    font-family: Arial, Georgia, sans-serif;
    font-size: 10px; 
    margin-top: 0px; float: right; padding-right: 10px;
}
.other_clients>span{

    cursor: pointer;
    text-transform: uppercase;
    font-size: 14px;
    font-family: Lato;
} 
.other_clients_list .connect_with_us_container .inner_box .subscribe_text
{
    height: 30px; 
    border: 1px solid #c5c5c5;
    float: left;
    direction: ltr;
    font-family:Arial, Helvetica, sans-serif;
    margin-left:5px;
    width: 70%;
}
.other_clients_list .connect_with_us_container .inner_box .button
{
    height: 29px; 
    width: 82px;

    float: left;
    border: none;
    color: #fff;
    //font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;	
    margin-left: 3px;
    cursor: pointer;
}
.other_clients_list .connect_with_us_container
{
    width: 100%;
    padding: 0px;
}
.other_clients_list .connect_with_us_container .inner_box .social_icons
{
    width: 92%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: #fff;
    padding: 5px;
    display: inline-block;
}
.other_clients_list .connect_with_us_container .inner_box .social_icons .social_icon{
    float: left;
    margin-left: 5px;
    text-align: center;

    padding: 0px;
    width: 50px;
}
.other_clients_list .connect_with_us_container .inner_box .social_icons .social_icon .text{
    color: #000;
    font-size: 9px;
    width: 100%;
    text-align: center;

}
.other_clients_list .connect_with_us_container .inner_box a{
    color: #000;
}
.other_clients_list .connect_with_us_container .inner_box
{
    width: 100%;
    margin: auto;
}
.app_icons{

    width: 100%;
    height: 60px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
    margin-top: 10px;

}
.other_clients_list{
    display: none;
    background-color: #393939;  
    z-index: 9999;
    width: 109%;
    margin-left: -7px;
}
.other_clients_list {border-radius: 0 0 5px 5px;}
.other_clients_list li{padding: 5px; padding-top: 10px; z-index: 9999;}
.other_clients_list li a{
    z-index: 9999;
    font-family: Arial, Georgia, sans-serif;
    font-size: 8px;
    margin-right: 5px;
    margin-left: 5px;
    padding-bottom: 7px;           
    padding-top: 5px;
    color: #fff;
}
.other_clients_list li a:hover{text-decoration: underline;}
.other_clients:hover #social_widget_box_header{
    display: block!important;
    top: 21px!important;
}

.other_clients_list li a:hover{text-decoration: underline;}
.other_clients:hover .other_clients_list{
    display: block;
}

.footer_links{height:55px;}
ul.footer_links li{ list-style: none; width: auto; padding-right:10px; float: left;

}


.boxscroll {
    height: 340px;

    overflow: auto;
    background-color:#FFFFFF;
}

div:focus {
    outline:0;
}

.btnpage {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #123d54;
    background: -moz-linear-gradient(
        top,
        #afd9fa 0%,
        #588fad);
    background: -webkit-gradient(
        linear, left top, left bottom, 
        from(#afd9fa),
        to(#588fad));
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;

}
.padding_bottom{padding-bottom: 15px;}
#singlepost header h1{width:85%;}
.fa-star:before {
	content: "N";
}
/*for fixed side bar*/
#floater{
    position:relative;
    //z-index: 999;

    top:3% !important;

}
#sharebar {
    position: relative;
    border:1px solid #E5E5E5;
    background-color:#fff;
    width:80px;
    height:300px;

}
#sharebar.fixed {

    //top: 19%;

}
.fixed{left:6px;}
.send_to_friend
{
    vertical-align: middle;
    width: 35px;
}
//.timer{display: none;}
.news_link_hidden { display: none; }
.post-author .at-thumb{width: 80px;
                       margin: 0 0 15px 20px;
                       float: left;}
br{margin-bottom: 2px;}
.wtitle strong{color:#FF0000;}  
a.opinion_column strong{color:#FF0000}
a.opinion_column{color:#000!important;}

.top-center-contain{
    background-position: top center !important;
    background-size:contain !important;
}

#mixedContentSnippets .overlay, #mixedContentSnippets .overlay-active {
    height: 100%;
    width: 100%;
    margin-top: -172px;
    color: #FFFFFF;
    padding: 0 10px 10px 10px;
    position: absolute;
}

#mixedContentSnippets .overlay:hover > .title-carousel > a .ticarousel {
    border-left: 3px solid #FFFFFF !important;
}
#mixedContentSnippets .overlay:hover > .title-carousel {
    background: #FF0000;
    opacity:0.8;
}
#mixedContentSnippets .overlay-active > .title-carousel {
    background: #FF0000;
    opacity: 0.5;
}
#mixedContentSnippets .overlay-active .title-carousel > a .ticarousel {
    border-left: 3px solid #FFFFFF !important;
}

#mixedContentSnippets {
    width: 100%;
    height: 172px;
    position: relative;
    display: block;
    margin-bottom: 1px;
}
#mixedContentSnippets .contentBox {
    position: relative;
    float: left;
    display: block;
    height: 172px;
    width: 291px;
    border: solid 0px #ccc;
    margin: 0px 1px;
    background: #000000;
    /* If you don't want the images in the scroller to be selectable, try the following
       block of code. It's just a nice feature that prevent the images from
       accidentally becoming selected/inverted when the user interacts with the scroller. */
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}
#mixedContentSnippets .contentBox img {
    margin-bottom: 10px;
    width: 100%;
    opacity: 0.5;
}
#mixedContentSnippets .overlay:hover > .contentBox img {
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}
#mixedContentSnippets .contentBox p {
    font-size: 10px;
}

// cartoon slider css

#mixedContentCartoons .overlay, #mixedContentCartoons .overlay-active {
    height: 100%;
    width: 100%;
    margin-top: -172px;
    color: #FFFFFF;
    padding: 0 10px 10px 10px;
    position: absolute;
}

#mixedContentCartoons .overlay:hover > .title-carousel > a .ticarousel {
    border-left: 3px solid #FFFFFF !important;
}
#mixedContentCartoons .overlay:hover > .title-carousel {
    background: #FF0000;
    opacity:0.8;
}
#mixedContentCartoons .overlay-active > .title-carousel {
    background: #FF0000;
    opacity: 0.5;
}
#mixedContentCartoons .overlay-active .title-carousel > a .ticarousel {
    border-left: 3px solid #FFFFFF !important;
}

#mixedContentCartoons {
    width: 100%;
    height: 172px;
    position: relative;
    display: block;
    margin-bottom: 1px;
}
#mixedContentCartoons .contentBox {
    position: relative;
    float: left;
    display: block;
    height: 172px;
    width: 291px;
    border: solid 0px #ccc;
    margin: 0px 1px;
    background: #000000;
    /* If you don't want the images in the scroller to be selectable, try the following
       block of code. It's just a nice feature that prevent the images from
       accidentally becoming selected/inverted when the user interacts with the scroller. */
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}
#mixedContentCartoons .contentBox img {
    margin-bottom: 10px;
    width: 100%;
    opacity: 0.5;
}
#mixedContentCartoons .overlay:hover > .contentBox img {
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}
#mixedContentCartoons .contentBox p {
    font-size: 10px;
}

// caption slider css

#mixedContentCaption .overlay, #mixedContentCaption .overlay-active {
    height: 100%;
    width: 100%;
    margin-top: -172px;
    color: #FFFFFF;
    padding: 0 10px 10px 10px;
    position: absolute;
}

#mixedContentCaption .overlay:hover > .title-carousel > a .ticarousel {
    border-left: 3px solid #FFFFFF !important;
}
#mixedContentCaption .overlay:hover > .title-carousel {
    background: #FF0000;
    opacity:0.8;
}
#mixedContentCaption .overlay-active > .title-carousel {
    background: #FF0000;
    opacity: 0.5;
}
#mixedContentCaption .overlay-active .title-carousel > a .ticarousel {
    border-left: 3px solid #FFFFFF !important;
}

#mixedContentCaption {
    width: 100%;
    height: 172px;
    position: relative;
    display: block;
    margin-bottom: 1px;
}
#mixedContentCaption .contentBox {
    position: relative;
    float: left;
    display: block;
    height: 172px;
    width: 291px;
    border: solid 0px #ccc;
    margin: 0px 1px;
    background: #000000;
    /* If you don't want the images in the scroller to be selectable, try the following
       block of code. It's just a nice feature that prevent the images from
       accidentally becoming selected/inverted when the user interacts with the scroller. */
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}
#mixedContentCaption .contentBox img {
    margin-bottom: 10px;
    width: 100%;
    opacity: 0.5;
}
#mixedContentCaption .overlay:hover > .contentBox img {
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}
#mixedContentCaption .contentBox p {
    font-size: 10px;
}
#mixedContentSnippets{display:none}
#mixedContentCartoons{display:none}
#mixedContentCaption{display:none}


#mixedContentSports .overlay, #mixedContent .overlay-active {
    height: 100%;
    width: 100%;
    margin-top: -172px;
    color: #FFFFFF;
    padding: 0 10px 10px 10px;
    position: absolute;
}
#mixedContentSports .overlay:hover > .title-carousel > a .ticarousel {
    border-left: 3px solid #FFFFFF !important;
}
#mixedContentSports .overlay:hover > .title-carousel {
    background: #FF0000;
    opacity:0.8;
}
#mixedContentSports .overlay-active > .title-carousel {
    background: #FF0000;
    opacity: 0.5;
}
#mixedContentSports .overlay-active .title-carousel > a .ticarousel {
    border-left: 3px solid #FFFFFF !important;
}
#mixedContentSports {
    width: 100%;
    height: 172px;
    position: relative;
    display: block;
    margin-bottom: 1px;
}
#mixedContentSports .contentBox2 {
    position: relative;
    float: left;
    display: block;
    height: 172px;
    width: 291px;
    border: solid 0px #ccc;
    margin: 0px 1px;
    background: #000000;
    /* If you don't want the images in the scroller to be selectable, try the following
       block of code. It's just a nice feature that prevent the images from
       accidentally becoming selected/inverted when the user interacts with the scroller. */
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}
#mixedContentSports .contentBox2 .img_bckg {
    margin-bottom: 10px;
    width: 100%;
    opacity: 0.5;
}
#mixedContentSports .overlay:hover > .contentBox2 .img_bckg {
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}
#mixedContentSports .contentBox2 p {
    font-size: 10px;
}

#mixedContentSnippets .contentBox {
	position: relative;
	float: left;
	display: block;
	height: 172px;
	width: 291px;
	border: solid 0px #ccc;
	margin: 0px 1px;
	background: #000000;
	/* If you don't want the images in the scroller to be selectable, try the following
	   block of code. It's just a nice feature that prevent the images from
	   accidentally becoming selected/inverted when the user interacts with the scroller. */
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
#mixedContentSnippets .contentBox .img_bckg {
	margin-bottom: 10px;
	width: 100%;
	opacity: 0.5;
}
#mixedContentSnippets .overlay:hover > .contentBox .img_bckg {
	opacity: 1;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
}
#mixedContentSnippets .contentBox p {
	font-size: 10px;
}

#mixedContentCartoons .contentBox {
	position: relative;
	float: left;
	display: block;
	height: 172px;
	width: 291px;
	border: solid 0px #ccc;
	margin: 0px 1px;
	background: #000000;
	/* If you don't want the images in the scroller to be selectable, try the following
	   block of code. It's just a nice feature that prevent the images from
	   accidentally becoming selected/inverted when the user interacts with the scroller. */
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
#mixedContentCartoons .contentBox .img_bckg {
	margin-bottom: 10px;
	width: 100%;
	opacity: 0.5;
}
#mixedContentCartoons .overlay:hover > .contentBox .img_bckg {
	opacity: 1;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
}
#mixedContentCartoons .contentBox p {
	font-size: 10px;
}

#mixedContentCaption .contentBox {
	position: relative;
	float: left;
	display: block;
	height: 172px;
	width: 291px;
	border: solid 0px #ccc;
	margin: 0px 1px;
	background: #000000;
	/* If you don't want the images in the scroller to be selectable, try the following
	   block of code. It's just a nice feature that prevent the images from
	   accidentally becoming selected/inverted when the user interacts with the scroller. */
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
#mixedContentCaption .contentBox .img_bckg {
	margin-bottom: 10px;
	width: 100%;
	opacity: 0.5;
}
#mixedContentCaption .overlay:hover > .contentBox .img_bckg {
	opacity: 1;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
}
#mixedContentCaption .contentBox p {
	font-size: 10px;
}



.bck_li{height:120px}
.bck_li_octhumb{width: 82px; height: 82px; position: absolute; float: left;}

@media only screen and (max-width: 1025px) {
    #floater {
        display:none;
    }

}

@media only screen and  (min-width: 1280px)
{
    
ul.list-latestcat li{height: 96px;}
    // #mainbar{overflow: hidden;}
}
@media only screen and (max-width: 940px) {
    .header-banner{margin-top:5px;}

}
@media only screen and (max-width: 1024px) {
    .nav-bar {
        height: 55px;
        background: #fff;
        margin-top: 10px;
    }
    .nav-bar li img.logo {
        margin: 13px 0 0 0;
        float: left;
        //width:75%;
    }
    .nav-bar>li:hover.logo {
        background: none;
    }
    .nav-bar>li.logos:hover {
        height: 55px;
        background: #fff;
    }
    .menu-btn {
        margin-right: 0px;
        width: 40px;
        margin-top: 9px;
        background: none repeat scroll 0 0 #fff;
        color: #000;
        font-size: 40px;
    }


}

#cat2news .title-carousel{width:100%}
.logo-header{
    background: none repeat scroll 0 0 #fff;
    float: left;
    height: 60px;
    margin-left: -3px;
    margin-top: -5px;
    padding: 0 2px 0 0;
    width: 16.84% !important;
}
.header{ padding:0px !important; width: 83.4%!important}
#mainbar .ten, .row .ten {width:83.4% !important}
.header-banner{padding:0px; text-align: center;}
.header-banner img{width:83%;}
.poll a{font-size:20px;}

#maincontainer .authorpost .share-post a{color: #ff0000}

#maincontainer .authorpost .share-post a:hover {
    color: #000 !important;
}
.share-post a .fa { color: #ff0000 !important;}
.share-post a .fa:hover { color: #000 !important;}
#singlepost p{font-size:16px;}
.meta-carousel{padding: 20px; color: #ff0000;}
.bg1{background-color: #c5c5c5 !important;}
.bg2{background-color: #E5E5E5 !important;}
.bg3{background-color: #f0f0f0 !important;}
.result_vote{background: none repeat scroll 0 0 #2ba6cb}
#message{color: red;
font-size: 13px;
font-weight: normal;
margin-left: 5px;
padding-top: 10px;
text-align: center;}

.authorname_coulum{font-size: 24px;}
.no-border{border: none;}
.align_left { float: left; }
.fb_recommended{padding:10px;}
.slider-ad{max-height: 300px; margin-top: 40px;}
.ad-slider{background: #000;}
.ad-title{background: #ff0000;}
.sticky-widget{position:fixed; display: block; top:42%; width: 28.8%; z-index: 999;}

#sidebar.sticky { float: none; position: fixed; top: 20px; z-index: 6; left: auto; }
.inside { background-color: #f4f4f4; padding: 10px; }
#sidebar.sticky { float: none; position: fixed; top: 20px; z-index: 6; left: auto; }
.custom_link{color:#fff !important;}
.custom_link:hover{color:red !important;}

#tiles-blog {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
}

#tiles-blog li {
    background-color: #ffffff;
    border: 1px solid #dedede;
    border-radius: 2px;
    cursor: pointer;
    display: none;
    padding: 4px;
    width: 354px;
}

.twitter-timeline
{
    height: 520px;
}
#maincontainer a.comments_a{color: #000}
#maincontainer a.comments_a:hover{color:#fff; background: #000}
#mixedContent .overlay:hover > .title-carousel {
    //background: #FF0000;
    opacity:0.8;
}
#mixedContent3 .overlay:hover > .title-carousel{ opacity:0.8;}


#trending-tags{}
    #trending-tags ul.breadcrumbs{
        width: 100%;
    }
    #trending-tags ul.breadcrumbs li:first-child:before{
        content: " " !important;
    } 
    #trending-tags ul.breadcrumbs li:nth-child(2):before{
        content: " " !important;
    } 
    #trending-tags .header-title{ 
      font-weight: bold;
      color: #ff0000 !important;
    }
    #trending-tags ul.breadcrumbs li a{ 
        color: #000;
    }
        #trending-tags ul.breadcrumbs li a:hover{ 
            color: #ff0000;
        }
	#singlepost blockquote h2{
		font-size: 16px;
		font-weight: normal;
		line-height: 24px;
		margin-bottom: 17px;
		font-family: 'Open Sans', sans-serif;
		color: #6f6f6f;
	}