/*



Theme Name: Observer



Theme URI: http://cyberspacebuilder.com



Author: Cyberspace Builder



Author URI: http://cyberspacebuilder.com



Description: Observer is a Retina Ready Responsive WordPress theme it adapts to any device. This theme comes with many amazing features as 35+ short-codes, 30+ amazing widgets, 1250+ vector icons, premium plugins and even more!



Version: 1.0



License: GNU General Public License



Tags: black, blue, white, two-columns, three-columns, right-sidebar, flexible-width, custom-menu, editor-style, featured-images, post-formats, threaded-comments, theme-options, translation-ready



*/



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



Common styles



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



@font-face {



    font-family: 'icomoon';



    src:url('fonts/icomoon.eot');



    src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),



        url('fonts/icomoon.woff') format('woff'),



        url('fonts/icomoon.ttf') format('truetype'),



        url('fonts/icomoon.svg#icomoon') format('svg');



    font-weight: normal;



    font-style: normal;



}







body {



    color: #666;



    font-family: 'Open Sans', sans-serif;



    font-size: 13px;



    background-color:#f9f9f9;   



}







pre, code {



    font-family: 'DejaVu Sans Mono',Menlo,Consolas,monospace;



}



hr {



    -moz-border-bottom-colors: none;



    -moz-border-image: none;



    -moz-border-left-colors: none;



    -moz-border-right-colors: none;



    -moz-border-top-colors: none;



    border-color: #eee;



    border-style: solid;



    border-width: 1px 0 0;



    clear: both;



    height: 0;



    margin:20px 0;



}







ol {



    margin:0px;



}



ul {



    margin:0px;



}



ul li {



    list-style:inside disc;



    margin-bottom:10px;



}



ol li {



    list-style:inside disc;



    margin-bottom:10px;



}



i {



	display:inline-block;



}



/*------responsive image----------------*/



.responsive-img{



    max-width: 100%;



    height: auto;



    width: auto\9; /* ie8 */



}



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



Elements



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



.csob-button {



    display:inline-block;



    color:#fff;



    font-size:15px;



    padding:15px;



    border-radius:0px;



    -moz-border-radius:0px;



    -webkit-border-radius:0px;



    position:relative;



    z-index:0;



}



.small-button {



    padding:10px 15px;



}



.medium-button {



    padding:15px 20px;



    font-size:18px;



}



.big-button {



    padding:20px 30px;



    font-size:20px;



}



.blue-button,



.border-button:hover {



    background-color:#2da5da;



    border:1px solid #2da5da;



    color:#fff;



}



.blue-button:hover,



.border-button {



    background-color:#fff;



    border:1px solid #e4e4e4;



    color:#333;



}







.video-wrapper {



    position: relative;



    padding-bottom: 56.25%;



    padding-top: 0px;



    height: 0;    



}



.video-wrapper iframe,



.video-wrapper object,



.video-wrapper video{



    position: absolute;



    top: 0;



    left: 0;



    width: 100%;



    height: 100%;



}







blockquote {



    border-left-color:#2da5da;



    background-color:#fff;



    color: #777;



    font-family: Georgia,"Times New Roman",Times,serif;



    font-style: italic;



    line-height: 24px;



    padding: 10px 15px 10px 20px;



}







/*-DropCap-*/



.cs-dropcap {



    color: #fff;



    background-color:#2da5da;



    display: inline-block;



    *display:inline;



    zoom:1;



    float: left;



    font-size: 36px;



    height: 36px;



    line-height: 38px;



    margin: 5px 10px 0 0;



    text-align: center;



    width: 34px;



}



.cs-dropcap.color {



    background-color: #2da5da;



    font-size:30px;



    color: #FFFFFF;



    height: 36px;



    line-height: 36px;



    position: relative;



    border-radius:50%;



    -moz-border-radius:50%;



    -webkit-border-radius:50%;



    width: 36px;



    z-index: 0;



    margin: 5px 10px 0 0;



}







.hover-effect{



    cursor:pointer;



    position:relative;



}







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



Heading



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



h1 {



    color: #222;



    font: 800 32px/34px  'Open Sans', sans-serif;



    letter-spacing: 0;



    margin-bottom:5px;







}



h2 {



    color: #222;



    font: 800 28px/30px 'Open Sans', sans-serif;



    letter-spacing: 0;



    margin-bottom:5px;



}



h3 {



    color: #222;



    font: 800 24px/26px 'Open Sans', sans-serif;



    letter-spacing: 0;



    margin-bottom:5px;



}



h4 {



    color: #222;



    font: 600 20px/22px 'Open Sans', sans-serif;



    letter-spacing: 0;



    margin-bottom:5px;







}



h5 {



    color: #222;



    font: 800 16px/20px 'Open Sans', sans-serif;



    letter-spacing: 0;



    margin-bottom:5px;







}



h6 {



    color: #222;



    font: 800 14px/20px 'Open Sans', sans-serif;



    letter-spacing: 0;



    margin-bottom:5px;







}







h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {



    color: #222;



}







h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, a:hover,



.home-slider .entry-item .entry-content header .entry-categories a:hover,



.home-slider .entry-item .entry-content header .entry-title a:hover,



.top-sidebar .csob-latest-post-widget ul li a:hover,



.csob-social-widget ul li a:hover,



.csob-carousel-widget .list-carousel ul li .entry-content .entry-title a:hover,



.csob-article-list-widget .tab-container-1 .entry-title a:hover,



.csob-video-widget .entry-item .entry-title a:hover,



.csob-video-widget .older-post .entry-content .entry-title a:hover,



.csob-popular-post-widget .entry-content .entry-title a:hover,



.csob-latest-comments header .commenter-name:hover,



.widget_categories ul li a:hover,



#bottom-sidebar .csob-social-widget ul li a:hover,



#footer-menu li a:hover,



#pf-items .element .entry-content .entry-title a:hover,



#pf-items .element .entry-content .entry-author a:hover,



#pf-items .element .entry-content footer .entry-comments a:hover,



.widget_archive li a:hover,



.csob-article-tab-widget .entry-author a:hover,



.csob-article-tab-widget .entry-title a:hover,



.breadcrumb a:hover,



.entry-list li .entry-item .entry-content header .meta-box .entry-author a:hover,



.entry-box .social-link li a:hover,



.entry-box footer div a:hover,



.entry-box footer div a.article-title:hover,



.entry-box footer div .entry-author a:hover,



.about-author .social-link li a:hover,



.csob-related-post .list-carousel ul li .entry-content .entry-title a:hover,



#comments .comment-body .comment-reply-link:hover,



#comments .comment-body .comment-edit-link:hover,



.entry-list li .entry-item .entry-content header .entry-title a:hover {



    color: #2da5da;



    text-decoration:none;



}



p { 



    margin-bottom:10px;



    line-height:20px;



}







.page-title h2 {



	color: #222;



    font: 800 24px/26px 'Open Sans', sans-serif;



    letter-spacing: 0;



    margin:15px 0;



}







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



Clear Floated Elements



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



.left{ 



    float:left;



}



.right{



    float:right;



}



.clear {  



    clear: both;  



    display: block;  



    overflow: hidden;  



    visibility: hidden;  



    width: 0;  height: 0;



}



.clearfix:before, .clearfix:after{



    content: '.';  



    display: block;  



    overflow: hidden;  



    visibility: hidden;  



    font-size: 0;  



    line-height: 0;  



    width: 0;  



    height: 0;



}



.clearfix:after{  



    clear: both;



}



.clearfix{  



    zoom: 1;



}











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



CSS3 Transition



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



a,



.mask,



.play-icon,



.csob-carousel-2-widget ul li .entry-item .entry-content,



#main-menu li ul li,



.csob-button,



#comments-form #comment_name,



#comments-form #comment_email,



#comments-form #comment_url,



#comments-form #comment_message,



#contact-form #contact_name,



#contact-form #contact_email,



#contact-form #contact_url,



#contact-form #contact_message,



#comments-form #submit-comment,



#contact-form #submit-contact,



#mobile-menu > span,



#toggle-view-menu li,



.wpcf7-form .wpcf7-submit,



.wpcf7-form .wpcf7-text,



.wpcf7-form .wpcf7-textarea {



    -webkit-transition: all 0.3s ease-in-out;



    -moz-transition: all 0.3s ease-in-out;



    -o-transition: all 0.3s ease-in-out;



    transition: all 0.3s ease-in-out;



}



.loadmore:hover span.loadmore-icon {



    -webkit-transition: all 1s ease-in-out;



    -moz-transition: all 1s ease-in-out;



    -o-transition: all 1s ease-in-out;



    transition: all 1s ease-in-out;



}



select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {



	-webkit-border-radius: 0px;



     -moz-border-radius: 0px;



          border-radius: 0px;



}



#comment_name, #comment_email {



	padding-left:140px !important;



}







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



Colunms



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



.wrapper{



    width:1146px;



    margin: 0 auto;



}







.mb-20 {



    margin-bottom:20px;



}







.l-col {



    float: left;



    width: 795px;



    padding-right: 25px;



    position: relative;



}



.r-col {



    float: left;



    width: 300px;



    padding-left: 25px;



    height:100%;



    position:relative;



    z-index:0;



}







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



Header



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



#header-top,



#header-top .l-col {



    background-color: #fff;



    position: relative;



}



#header-top {



	border-top:1px solid #d9d9d9;



}



.r-color {



    height: 100%;



    width: 50%;



    position: absolute;



    top: 0;



    right: 0;



}



#header-top .r-color,



#header-top .r-col {



    background-color: #fff;



}







/*----- Main Menu -----*/



#main-nav,



#main-menu {



    position: relative;



    z-index: 9999;



}



#main-menu > li {



    list-style: none;



    float: left;



    margin:0;



    position:relative;



    z-index: 9999;



}



#main-menu > li > a {



    font-size: 14px;



    font-weight: 600;



    color:#5d5d5d;



    padding: 10px 15px;



    display: block;



}



#main-menu > li:hover > a,



#main-menu > li.current-menu-item > a {



    border-top: 5px solid #2da5da;



}



#main-menu > li > a {



	border-top: 5px solid #fff;



}



.sf-arrows .sf-with-ul {



    padding-right:0;



}



.sf-arrows > li > .sf-with-ul:after {



    border-width:0px;



}







/*---Sub menu---*/



#main-menu li ul {



    display:none;



    position:absolute;



    width:200px;



    top:50px;



    left:0;



    background-color:#fff;



    z-index:9999;



	-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.2);



	-moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.2);



	box-shadow:         0px 0px 10px rgba(50, 50, 50, 0.2);



	padding:2px;



}



#main-menu li ul li {



    position:relative;



    list-style:none;



    margin:0;



    z-index:9999;



	border-bottom:1px dotted #d9d9d9;



	border-bottom-color:#d9d9d9;



}







#main-menu li ul li:hover,



#main-menu li ul li.current-menu-item {



    background-color:#2da5da;



}



#main-menu li ul li.current-menu-item a,



#main-menu li ul li a:hover {



	color:#fff !important;



}



#main-menu li ul li a {



    display:block;



    font-size:14px;



	padding:10px 15px;



}



#main-menu li ul li.sfHover a.sf-with-ul { color: #fff !important; }



#main-menu li ul li a:hover {



	color:#fff !important;



}



#main-menu li ul li ul {



    top:-2px;



    left:203px;



}







/*--------------Mobile Menu-------------------*/



#mobile-menu {



    display:none;



    position:relative;



    padding: 15px 15px 10px;



}



#mobile-menu > span {



    display:inline-block;



    font-size:24px;



    cursor:pointer;



    color:#2da5da;



	padding-left:10px;



}



#mobile-menu > span:hover {



    color:#fff;



}



#toggle-view-menu {



    display:none;



    list-style: none;



    margin: 0;



    padding: 0; 



    border-top: none;



    position:absolute;



    top:44px;



    left:15px;



    z-index:99999;



    width:220px;



	-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.3);



	-moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.3);



	box-shadow:         0px 0px 10px rgba(50, 50, 50, 0.3);



}



#toggle-view-menu > li {



    margin: 0;



    position: relative;



    cursor: pointer;



    list-style: none;



    background-color:#2da5da;



    border-top:1px solid #fff;



}



#toggle-view-menu > li:first-child {



    border-top:none;



}



#toggle-view-menu h3 {



    font-size: 16px;



    font-weight: 600;



    margin: 0;  



    float: left;



    line-height: 40px;  



    padding: 0 15px;



}



#toggle-view-menu h3 a {



    color: #fff !important;



    width:100%;



    display:block;



}



#toggle-view-menu li:hover {



	color:#2da5da;



}



#toggle-view-menu span {



    float: right;



    font-size: 26px;



    width: 40px;



    height: 40px;



    text-align: center;



    color: #fff;



    line-height: 40px;



    background-color: rgba(0,0,0,.6);



}



#toggle-view-menu li.active {



    color:#2da5da;



}



#toggle-view-menu li.active span,



#toggle-view-menu li.active h3 a {



    color:#fff;



}



#toggle-view-menu .menu-panel {



    margin: 0px;



    display: none;



    padding: 10px 15px 0;



    font-size: 14px;



    color: #fff;



    background-color: rgba(0,0,0,.6);



    border-top:1px solid #fff;



}



#toggle-view-menu .menu-panel ul {



    margin:0;



}



#toggle-view-menu li .menu-panel ul li {



    border:none;



    list-style:disc inside;



    margin: 0 0 10px 0;



    color:#fff;



}



#toggle-view-menu .menu-panel ul li a {



    display:inline-block;



    *display:inline;



    zoom:1;



    color:#fff;



    font-size:12px;



}



#toggle-view-menu .menu-panel ul li ul {



    margin-left:40px;



    margin-top:10px;



}







/*----- Search form -----*/



.search-box {



    margin:8px 0;



}



.search-box .search-form {



    margin: 0;



    position: relative;



}



.search-box .search-form .search-text {



    margin: 0;



    box-sizing: border-box;



    -moz-box-sizing: border-box;



    -webkit-box-sizing: border-box;



    width: 99%;



    padding:0 70px 0 6px;



    border: none;



    box-shadow: none;



    font-family:Arial, Helvetica, sans-serif;



    font-size:12px;



    color: #a3a3a3;



    height: 35px;



    line-height: 30px;



    border-radius: 0;



    -moz-border-radius: 0;



    -webkit-border-radius: 0;



	border:1px solid #d9d9d9;



}



.search-box .search-form .search-submit {



    border: none;



    position:absolute;



    right:0;



    width:32px;



    box-sizing: border-box;



    -moz-box-sizing: border-box;



    -webkit-box-sizing: border-box;



    height:18px;



    font-family:Arial, Helvetica, sans-serif;



    font-size:11px;



    color: #fff;



    line-height:18px;



    text-transform:uppercase;



    border-radius: 0;



    -moz-border-radius: 0;



    -webkit-border-radius: 0;



	padding:17.5px 22px;



}







#header-bottom,



#header-bottom .span12 {



    background-color:#fff;



    position:relative;



}



#header-bottom .r-color,



#header-bottom .r-col {



    background-color: #fff;



}



#header-bottom .span12 {



    padding:15px 25px 15px 0;



}







#logo-image {



    float:left;



    margin-top:30px;



}



.retina-logo {display:none;}



.top-banner {



    float:right;



}







.widget-area-2 {



	border-right:1px solid #d9d9d9;



	padding-top:15px;



}



.widget-area-3 {



	padding-top:15px;



}



.cs-headline-wrapper .l-col,



.dark-block .l-col {



 	border-right: 1px solid rgba(0,0,0,.3);



}







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



Top Sidebar



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



.top-sidebar {



	border-bottom:1px solid #d9d9d9;



}



.top-sidebar,



.top-sidebar .l-col {



    background:#fff;



    position: relative;



}



.top-sidebar .l-col {



    z-index: 1;



}



.top-sidebar .csob-home-slider-widget .widget-title {



    font-size: 18px;



    color: #f1f3f8;



    margin: 0;



    line-height: 40px;



    position: relative;



}



.top-sidebar .csob-home-slider-widget .widget-title span {



    font-weight: 400;



}



.top-sidebar .csob-home-slider-widget .widget-title span.arrow {



    position: absolute;



    bottom: -13px;



    left: 0;



    border-top: 13px solid #282828;



    border-left: 12px solid transparent;



    border-right: 12px solid transparent;



    display: block;



    height: 0;



    width: 0;



}







.top-sidebar .csob-latest-post-widget .widget-title {



    font-size: 18px;



    color: #222;



    margin: 0 0 30px -25px;



    padding-left:25px;



    line-height: 40px;



    position: relative;



    z-index:2;



}



.top-sidebar .csob-latest-post-widget .widget-title span {



    font-weight: 400;



}



.top-sidebar .csob-latest-post-widget ul li {



    list-style: none;



    border-top: 1px solid #343434;



    padding-top: 15px;



    margin: 15px 0 0;



}



.top-sidebar .csob-latest-post-widget ul li:first-child {



    border-top: none !important;



    padding-top: 0px;



    margin: 0;



}



.top-sidebar .csob-latest-post-widget ul li a {



    color:#5d5d5d;



    font-size:14px;



    font-weight:600;



}



.top-sidebar .csob-latest-post-widget ul li .entry-date {



    color:#2da5da;



    font-size:12px;



    text-transform:uppercase;



    display:block;



    margin-bottom:10px;



    font-weight:600;



}







.cs-headline-wrapper {



    max-height: 50px;



    overflow: hidden;



}



.cs-headline-wrapper,



.cs-headline-wrapper .l-col {



    position:relative;



}



.cs-headline-wrapper .r-color,



.cs-headline-wrapper .r-col {



}



.cs-headline {



    float:left;



    width:560px;



    margin-left:10px;



}



.cs-headline dl {



    display: block;



    margin: 0;



}



.cs-headline dd {



    display: block;



    float: left;



    margin: 0 250px;



    padding: 15px 10px;



    color: #fff;



}



.cs-headline dd a {



    color: #fff;



}



.cs-headline dd a:hover {



    color: rgba(0,0,0,.6);



}



.cs-headline-title {



    float:left;



    display:inline-block;



    font-size:16px;



    margin:0;



    color:#fff !important;



    padding:13px 0 15px;



    position:relative;



    text-transform:uppercase;



}



.cs-headline-title span {



    font-weight:400;



}







.csob-social-widget ul li {



    list-style:none;



    float:left;



    margin:0 0 0 10px;



}



.csob-social-widget {



    margin:10px 0;



}



.csob-social-widget ul li:first-child {



    margin:0;



}



.csob-social-widget ul li a {



    display:block;



    width:30px;



    height:30px;



    border-radius:50%;



    -moz-border-radius:50%;



    -webkit-border-radius:50%;



    background-color:#fff;



    line-height:32px;



    text-align:center;



    font-size:14px;



}



.csob-social-widget ul li a:hover {



	opacity:.6;



}



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



Main Content



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



/*-----------------Carousel------------------*/



.csob-carousel-widget,



.csob-related-post {



    overflow:hidden;



    position:relative;



}



.csob-carousel-widget .list-carousel.responsive,



.csob-related-post .list-carousel.responsive {



    width: auto;



    margin: 0 -13px;



    position:relative;



}



.csob-carousel-widget .list-carousel > ul,



.csob-related-post .list-carousel > ul {



    display: block;



    height: 100%;



    list-style: none outside none;



    margin: 0;



    padding: 0;



}



.csob-carousel-widget .list-carousel ul li,



.csob-related-post .list-carousel ul li {



    display: block;



    float: left;



    margin: 0 13px;



    padding: 0;



    width:249px;



}



.csob-related-post .list-carousel ul li:first-child, .csob-related-post .list-carousel ul li:nth-child(1n+1) {



	width:249px !important;



}



.csob-related-post .list-carousel ul li .csob-rating li {



	width:auto !important;



}







.csob-carousel-widget .pager,



.csob-related-post .pager {



    margin:0;



    position:absolute;



    right:15px;



    top:-60px;



}



.csob-carousel-widget .pager a,



.csob-related-post .pager a {



    width:6px;



    height:6px;



    border:2px solid #cacaca;



    border-radius:50%;



    -moz-border-radius:50%;



    -webkit-border-radius:50%;



    background-color:#fff;



    text-indent:-99999px;



    font-size:0px;



    line-height:0;



    display:inline-block;



    margin-left:8px;



    outline:none;



    position:relative;



    z-index:0;



}



.csob-carousel-widget .pager a.selected,



.csob-carousel-widget .pager a:hover,



.csob-related-post .pager a.selected,



.csob-related-post .pager a:hover {



    background-color:#cacaca;



}







.csob-carousel-widget .list-carousel ul li .entry-thumb,



.csob-related-post .list-carousel ul li .entry-thumb {



    position:relative;



    margin-bottom:5px;



	overflow:hidden;



}



.csob-carousel-widget .list-carousel ul li .entry-thumb img,



.csob-article-list-widget .tab-container-1 .entry-thumb img {



    display: block;



    width: 100%;



}







.csob-carousel-widget .list-carousel ul li .entry-date,



.csob-related-post .list-carousel ul li .entry-date {



    font-size:12px;



    text-transform:uppercase;



    font-weight:600;



    float:left;



}



.csob-carousel-widget .list-carousel ul li .csob-rating,



.csob-related-post .list-carousel ul li .csob-rating {



    float:right;



}



.csob-carousel-widget .list-carousel ul li .csob-rating li,



.csob-related-post .list-carousel ul li .csob-rating li {



    width:auto;



    margin:0 0 0 2px;



}



.csob-carousel-widget .list-carousel ul li .entry-content header,



.csob-related-post .list-carousel ul li .entry-content header {



    margin-bottom:10px;



}







.csob-carousel-widget .list-carousel ul li .entry-content .entry-title,



.csob-related-post .list-carousel ul li .entry-content .entry-title {



    font-weight: 600;



    font-size: 14px;



    margin:0;



}



.csob-carousel-widget .list-carousel ul li .entry-content .entry-title a,



.csob-related-post .list-carousel ul li .entry-content .entry-title a {



    color:#333;



}



.csob-carousel-widget .list-carousel ul li .entry-content .entry-title {



	overflow:hidden;



	max-height:45px;



	margin-bottom:5px;



}



.csob-carousel-widget .list-carousel ul li .entry-content .entry-title span,



.csob-related-post .list-carousel ul li .entry-content .entry-title span {



    display: block;



    background-color: #2da5da;



    color: #fff;



    padding: 3px 7px 2px;



    margin-right: 10px;



    float: left;



    font-size:16px;



    margin-top: 5px;



}



.for-carousel {



	border-top:1px solid #d9d9d9;



	border-bottom:1px solid #d9d9d9;



	min-height: 20px;



	padding: 4px 0;



	margin-bottom: 20px;



}







.widget-area-6 .widget {



    margin-bottom:30px;



}



.widget-area-6 .widget .widget-title,



.widget-area-12 .widget .widget-title {



    font-size:16px;



    border-bottom:1px solid #d6d6d6;



    padding-bottom:10px;



    margin:0 0 25px;



}



.widget-area-6 .widget .widget-title span,



.widget-area-12 .widget .widget-title span {



    font-size:13px;



    text-transform:none;



    font-weight:400;



}



.widget-area-6 .widget ul li {



    list-style:none;



}







.entry-date {



    color:#4b4b4b;



    font-size:13px;



	font-weight:600;



}







/*----- Tab -----*/



.list-container-1 ul {



    margin: 0 0 25px;



    border-bottom:1px solid #d6d6d6;



}



.list-container-1 ul li {



    float: left;



    list-style: none outside none;



    margin: 0;



    border:none;



    padding:0;



}



.list-container-1 ul li a {



    border-left:1px solid #d6d6d6;



    border-top:1px solid #fff;



    color: #575757;



    display: block;



    font-size: 16px;



    padding:10px 20px;



    line-height:1;



    font-weight:800;



    outline:none;



    transition: all 0.3s ease-in-out 0s;



    -moz-transition: all 0.3s ease-in-out 0s;



    -webkit-transition: all 0.3s ease-in-out 0s;



	text-transform:capitalize;



}







.list-container-1 ul li.active a, 



.list-container-1 ul li:hover a {



    color: #222;



    text-decoration: none;



    border-top:1px solid #d6d6d6;



	background:#f5f5f5;



}



.csob-article-list-widget .tab-container-1 ul li {



    margin:0 0 25px;



	list-style:none;



}



.csob-article-list-widget .tab-container-1 .entry-thumb {



    float:left;



    position:relative;



    margin-right:25px;



	overflow:hidden;



}



.csob-article-list-widget .tab-container-1 .entry-content {



    float:left;



    width:521px;



    margin-top:-5px;



}



.csob-article-list-widget .tab-container-1 .entry-title,



.csob-video-widget .entry-item .entry-title {



    font-weight: 600;



    font-size: 16px;



    margin:0 0 10px;



	display:inline-block;



	margin: 5px 0 5px 0;



}



.csob-article-list-widget .tab-container-1 .entry-title a,



.csob-video-widget .entry-item .entry-title a {



    color:#404040;



}



.csob-article-list-widget .tab-container-1 .entry-title span,



.csob-video-widget .entry-item .entry-title span {



    display: block;



    background-color: #2da5da;



    color: #fff;



    padding: 3px 7px 2px;



    margin-right: 15px;



    float: left;



    margin-top: 5px;



}



.csob-article-list-widget .tab-container-1 header {



    margin-bottom:10px;



}



.csob-article-list-widget .tab-container-1 header .meta-box {



    float:left;



}



.csob-article-list-widget .tab-container-1 header .entry-date,



.csob-article-list-widget .tab-container-1 header .entry-comments,



.csob-article-list-widget .tab-container-1 header .entry-view {



    margin-right:15px;



}







.entry-categories i, .entry-date i,



.entry-author i, .entry-comments i,



.entry-view i {



    margin-right: 5px;



    color: #000;



}







.csob-article-list-widget .tab-container-1 header .csob-rating li {



    margin: 0 0 0 2px;



}







.csob-video-widget .entry-item {



    float:left;



    width:522px;



    margin-right:25px;



}



.csob-video-widget .entry-item .entry-thumb {



    position:relative;



    margin-bottom:15px;



	overflow:hidden;



}



.csob-video-widget .entry-item .entry-thumb img {



    display:block;



    width:100%;



}



.mask {



    position:absolute;



    top:0;



    left:0;



    width:100%;



    height:100%;



    background-color:rgba(0,0,0,.41);



}











.csob-video-widget .entry-item .entry-title {



    margin:0;



}







.csob-video-widget {



	margin-bottom:20px;



}







.csob-video-widget .older-post {



    float:left;



    width:248px;



}



.csob-video-widget .older-post li {



    border-top:1px solid #e7e7e7;



    padding-top:20px;



	list-style: none;



    margin-top:20px;



}



.csob-latest-comments ul li {



	list-style: none;



}



.csob-video-widget .older-post li:first-child {



    border-top:none;



    padding-top:0px;



    margin-top:0px;



}



.csob-video-widget .older-post .entry-thumb {



    position:relative;



    float:left;



    margin-right:15px;



}



.csob-video-widget .older-post .entry-thumb .mask {



    background-color:rgba(0,0,0,.2);



}



.csob-video-widget .older-post .entry-content .entry-date {



    display:block;



    margin-bottom:5px;



}



.csob-video-widget .older-post .entry-content .entry-title {



    font-size:13px;



    font-weight:600;



    margin:0;



    line-height:18px;



}



.csob-video-widget .older-post .entry-content .entry-title a {



    color:#333;



}



.csob-video-widget .older-post .entry-thumb .play-icon {



    top:5px;



    left:5px;



    margin:0;



    width:30px;



    height:30px;



	background:rgba(0,0,0,.8);



    padding:1px 3px;



	color:#fff !important;



}







.csob-gallery-widget {



    overflow:hidden;



    position:relative;



}



.csob-gallery-widget .list-carousel.responsive {



    width: auto;



    margin: 0 -13px;



    position:relative;



}



.csob-gallery-widget .list-carousel > ul {



    display: block;



    height: 100%;



    list-style: none outside none;



    margin: 0;



    padding: 0;



}



.csob-gallery-widget .list-carousel ul li {



    display: block;



    float: left;



    margin: 0 13px;



    padding: 0;



    width:140px;



}



.csob-gallery-widget .list-carousel .carousel-nav a {



    display:block;



    width:33px;



    height:33px;



    background-color: #000;



    background-color:rgba(0,0,0,.56);



    background-repeat:no-repeat;



    background-position:center center;



    position:absolute;



    top:50%;



    margin-top:-16px;



    text-indent:-99999px;



    font-size:0;



    line-height:0;



}



.csob-gallery-widget .list-carousel .carousel-nav .carousel-prev {



    left:13px;



    background-image:url(images/slider/carousel-prev.png);



}



.csob-gallery-widget .list-carousel .carousel-nav .carousel-next {



    right:14px;



    background-image:url(images/slider/carousel-next.png);



}







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



Right Sidebar



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



#main-content {



    position:relative;



    background-color: #fff;



}



#main-content .l-col {



    background-color: #fff;



    padding-top: 30px;



	padding-bottom: 30px;



}



#main-content .l-col.full-width {



    float: none;



    padding-right: 0;



    width: 100%;



}







#main-content .r-col {



    padding-top: 30px;



}



.widget-area-7 ul li {



    list-style:none;



}



.widget-area-7 .widget {



    margin-bottom:30px;



}



.widget-area-7 .widget .widget-title {



    border-bottom:1px solid #b0b0b0;



    color:#404040;



    font-size:16px;



    padding-bottom:10px;



    margin:0 0 25px;



}



.widget-area-7 .widget .widget-title span {



    font-size:13px;



    text-transform:none;



    font-weight:400;



}



.widget-area-7 .widget.csob-popular-post-widget ul li {



    border-top:1px solid #dddee0;



    padding-top:25px;



    margin-top:20px;



	list-style:none;



}



.csob-popular-post-widget ul li {



	list-style:none;



}



.widget-area-7 .widget.csob-popular-post-widget ul.csob-rating li {



    border-top:none !important;



    padding-top:0;



    margin-top:0px;



}



.csob-popular-post-widget ul.csob-rating {



	float: right !important;



}



.csob-popular-post-widget span {



	display: inline-block !important;



}



.widget-area-7 .widget.csob-popular-post-widget ul li:first-child {



    border-top:none !important;



    padding-top:0px;



    margin-top:0px;



}



.csob-popular-post-widget .entry-item .entry-thumb {



	overflow:hidden;



    position:relative;



    margin-bottom:10px;



}



.csob-popular-post-widget .entry-item .entry-thumb img {



    display:block;



    width:100%;



}



.csob-popular-post-widget .entry-content p {



    color:#8a8a8a;



    margin-bottom:0;



    font-size:12px;



    line-height:18px;



}



.csob-popular-post-widget .entry-content .entry-title {



    font-weight: 600;



    font-size: 14px;



    margin:0 0 5px;



}



.csob-popular-post-widget .entry-content .entry-title a {



    color:#2b2c2e;



}



.csob-popular-post-widget .entry-content .entry-title span {



    display: block;



    background-color: #2da5da;



    color: #fff;



    padding: 3px 7px 2px;



    margin-right: 10px;



    float: left;



    margin-top: 5px;



    font-size:16px;



}



.csob-popular-post-widget .entry-content header .entry-date {



    display:block;



}



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



Bottom Sidebar



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



#bottom-sidebar {



    background-color:#111;



    position:relative;



	padding:35px 0 10px 0;



}



#bottom-sidebar .l-col {



    background-color:#111;



}



#bottom-sidebar .l-col,



#bottom-sidebar .r-col {



    padding-top: 35px;



}







#bottom-sidebar .widget {



    margin-bottom:25px;



}



#bottom-sidebar ul li {



    list-style:none;



}



#bottom-sidebar .widget .widget-title {



    font-size:16px;



    color:#2da5da;



    margin:0 0 20px;



    line-height:20px;



}



.csob-latest-comments header {



    margin-bottom:15px;



}



.csob-latest-comments header a {



    display:block;



    font-size:12px;



}



.csob-latest-comments header .commenter-name {



    text-transform:uppercase;



    font-weight:700;



}



.csob-latest-comments header .entry-title {



    color:#2da5da;



    font-weight:600;



}



.csob-latest-comments header .entry-title:hover {



    color:#fff;



}



.csob-latest-comments .entry-thumb {



    float:left;



    margin-right:15px;



}



.csob-latest-comments .entry-content {



    font-size:12px;



    font-weight:600;



    color:#dcdcdc;



    margin-top:-5px;



}



.csob-latest-comments .entry-content p {



    line-height:18px;



}







.widget_tag_cloud .tagcloud a {



    color:#fff;



    font-size:12px;



    border:1px solid #383838;



    display:inline-block;



    padding:3px 12px;



    margin-bottom:3px;



}



.widget_tag_cloud .tagcloud a:hover {



    color:#2da5da;



    border:1px solid #2da5da;



}



.csob-divider-1 {



    height:1px;



    max-height:1px;



    border-bottom:1px solid #383838;



    margin-bottom:25px;



}







.widget_categories ul li {



    font-size:12px;



    margin:5px 0 0;



    color:#d0d0d0;



    background:url(images/icons/list-icon.png) no-repeat 0 8px;



    padding-left:10px;



}



.widget_categories ul li:first-child {



    margin:0;



}



.widget_categories ul li a {



    color:#d0d0d0;



}







.csob-widget-flickr {



    margin-right:-13px;



}



.csob-widget-flickr li {



    display:inline-block;



    list-style:none;



    margin:0 13px 13px 0;



}



.csob-widget-flickr li img {



    display: block;



    width: 100% !important;



}







#bottom-sidebar .widget_text .widget-title {



    font-size:24px;



    color:#d8d8d8;



}



#bottom-sidebar .widget_text .textwidget {



    color:#b1b1b1;



    font-size:12px;



}



#bottom-sidebar .csob-social-widget {



    margin-top:0;



}



#bottom-sidebar .csob-social-widget ul li {



    margin:0 0 0 15px;



}



#bottom-sidebar .csob-social-widget ul li:first-child {



    margin:0;



}



#bottom-sidebar .csob-social-widget ul li a {



    background:none;



    color:#8e8e8e;



    font-size:16px;



    width:auto;



    height:auto;



    line-height:1;



}







.csob-newsletter-widget .newsletter-form {



    margin:0;



    position:relative;



}



.csob-newsletter-widget .newsletter-form .email {



    width:100%;



    box-sizing:border-box;



    -moz-box-sizing:border-box;



    -webkit-box-sizing:border-box;



    border-radius:0;



    box-shadow:none;



    background-color:#d8d8d8;



    font-size:12px;



    color:#696969;



    font-family: 'Open Sans', sans-serif;



    border:none;



    padding:15px;



    height:48px;



    line-height:18px;



}



.csob-newsletter-widget .newsletter-form .submit {



    width:48px;



    height:48px;



    border:none;



    border-radius:0;



    padding:0;



    background:url(images/icons/mail-icon.png) no-repeat center center #2da5da;



    position:absolute;



    top:0;



    right:0;



}



.csob-newsletter-widget .newsletter-form p {



    font-size:12px;



    color:#a1a1a1;



    margin-bottom:0;



}







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



Footer



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



#page-footer {



    background-color:#000;



    font-size:12px;



    position: relative;



}



#page-footer .r-color,



#page-footer .r-col {



    background-color: #0e0e0e;



}



#page-footer .l-col {



    background-color: #000;



	padding:0;



	border-right: none !important;



}



#copyright {



    float:left;



    color:#fff;



    margin:10px 0;



}



p#copyright, #footer-menu li a, #copyright a, #footer-menu li a {



	color:#fff !important;



}



#copyright a:hover, #footer-menu li a:hover {



	color: rgba(0,0,0,.6);



	text-decoration:underline;



}



#footer-menu {



    float:right;



    margin:10px 0;



}



#footer-menu li {



    float:left;



    list-style:none;



    margin:0;



}



#footer-menu li a {



    color:#777;



    border-left:1px solid #777;



    padding:0 12px;



}



#footer-menu li:first-child a {



    border-left:none !important;



    padding-left:0;



}







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



Home style 2



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



.csob-home-2 .top-sidebar .csob-latest-post-widget ul li .entry-date {



    font-style:italic;



    text-transform:none;



}



.csob-home-2 .top-sidebar .csob-latest-post-widget ul li a {



    font-size:13px;



}







.dark-block {



    position:relative;



    background-color:#2da5da;



}



.dark-block .l-col {



    background-color:#2da5da;



    padding: 20px 25px 9px 0;



    min-height:70px;



}



.dark-block .block-title,



.dark-block .block-title a,



.dark-block .block-title span,



.dark-block .block-title label {



	color: #fff;



	font-weight: 600;



	border-bottom: none !important;



}



.dark-block .r-col {



    padding: 15px 0 5px 25px;



}



.dark-block .r-color {



    background-color:#2da5da;



	border-left:1px solid rgba(0,0,0,.6);



}







.tweetList {



    margin:0;



}



.tweetList li {



    list-style:none;



    float:left;



    width:330px;



    margin:0 0 0 25px;



    background:url(images/icons/twitter-icon.png) no-repeat 0 center;



    padding-left:55px;



    font-size:12px;



    color:#fff;



}



.tweetList li:first-child {



    margin:0;



}



.tweetList li a {



    color: rgba(0,0,0,.6);



}







.csob-social-static-widget {



}



.csob-social-static-widget ul li {



    list-style:none;



    float:left;



    width:70px;



    text-align:center;



    font-size:12px;



    color:#cfcfcf;



    margin:0 0 0 5px;



}



.csob-social-static-widget ul li:first-child {



    margin:0;



}



.csob-social-static-widget ul li span {



    display:block;



    text-align:center;



    line-height:16px;



}



.csob-social-static-widget ul li .social-icon {



    display:inline-block;



    width:37px;



    height:37px;



    border-radius:50%;



    color:#fff;



    line-height:37px;



    font-size:18px;



    margin-bottom:10px;



}



.csob-social-static-widget ul li.twitter-icon .social-icon {



    background-color:#33c6f4;



}



.csob-social-static-widget ul li.rss-icon .social-icon {



    background-color:#ff7e09;



}



.csob-social-static-widget ul li.facebook-icon .social-icon {



    background-color:#2d78bd;



}



.csob-social-static-widget ul li.gplus-icon .social-icon {



    background-color:#ffffff;



    color:#dc3939;



}







.light-block {



    position:relative;



    background-color: #fff;



}



.light-block .l-col {



    background-color: #fff;



}











.widget-area-12 {



    padding:20px 25px 30px 0;



}



.widget-area-13 {



    padding-top:25px;



}







.csob-carousel-2-widget ul li {



    list-style:none;



    float:left;



    margin:0;



}



.csob-carousel-2-widget ul li .entry-item {



    position:relative;



    overflow:hidden;



}



.csob-carousel-2-widget ul li .entry-item .entry-content {



    position:absolute;



    top:125px;



    left:0;



    width:179px;



    height:100%;



    background-color: #000;



    background-color:rgba(0,0,0,.73);



    padding:0 10px;



    font-size:12px;



    color:#fff;



    line-height:18px;



}



.csob-carousel-2-widget ul li .entry-item .entry-content .entry-title {



    font-size:13px;



    font-weight:700;



    line-height:18px;



    margin:5px 0 10px 0;



}



.csob-carousel-2-widget ul li .entry-item .entry-content .entry-title a {



    color:#fff;



}



.csob-carousel-2-widget ul li .entry-item .entry-content .entry-title a:hover,



.csob-carousel-2-widget ul li .entry-item .entry-content .entry-author a:hover {



    color:#C2374C;



}



.csob-carousel-2-widget ul li .entry-item .entry-content .entry-date,



.csob-carousel-2-widget ul li .entry-item .entry-content .entry-author {



    font-family:Arial, Helvetica, sans-serif;



    font-size:12px;



    font-style:italic;



    color:#d6d6d6;



    text-transform:none;



}



.csob-carousel-2-widget ul li .entry-item .entry-content .entry-author a {



    font-weight:700;



    color:#d6d6d6;



}



.csob-carousel-2-widget ul li .entry-item .entry-content .meta-box {



    margin-bottom:10px;



}



.csob-carousel-2-widget ul li .entry-item .entry-content p {



    height:60px;



    overflow:hidden;



    line-height: 18px;



}



.csob-carousel-2-widget ul li .entry-item:hover .entry-content {



    top:0;



    background-color: #2da5da;



    background-color:rgba(12,139,146,.87);



    padding:0 20px;



    width:159px;



}



.csob-carousel-2-widget ul li .entry-item:hover .entry-content .entry-title {



    margin:15px 0 10px 0;



}







/**** Isotope Filtering ****/



.isotope-item {



    z-index: 2;



}



.isotope-hidden.isotope-item {



    pointer-events: none;



    z-index: 1;



}



/**** Isotope CSS3 transitions ****/



.isotope,



.isotope .isotope-item {



    -webkit-transition-duration: 0.8s;



    -moz-transition-duration: 0.8s;



    -ms-transition-duration: 0.8s;



    -o-transition-duration: 0.8s;



    transition-duration: 0.8s;



}



.isotope {



    -webkit-transition-property: height, width;



    -moz-transition-property: height, width;



    -ms-transition-property: height, width;



    -o-transition-property: height, width;



    transition-property: height, width;



}



.isotope .isotope-item {



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



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



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



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



    transition-property:         transform, opacity;



}



/**** disabling Isotope CSS3 transitions ****/







.isotope.no-transition,



.isotope.no-transition .isotope-item,



.isotope .isotope-item.no-transition {



    -webkit-transition-duration: 0s;



    -moz-transition-duration: 0s;



    -ms-transition-duration: 0s;



    -o-transition-duration: 0s;



    transition-duration: 0s;



}



/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/



.isotope.infinite-scrolling {



    -webkit-transition: none;



    -moz-transition: none;



    -ms-transition: none;



    -o-transition: none;



    transition: none;



}



#isotop-container {



    margin-bottom: 30px;



}



#isotop-container .pf-title {



    font-size:16px;



    text-transform:uppercase;



    color:#404040;



    float:left;



    margin:0;



}



.pf-box-header {



    border-bottom:1px solid #d6d6d6;



    margin-bottom:25px;



    padding-bottom:10px;



}



#pf-filters {



    float:left;



}



#pf-filters li {



    float:left;



    list-style:none;



    margin:0 0 0 15px;



}



#pf-filters li a {



    color: #404040;



    font-size: 13px;



    display:block;



    font-weight:700;



    text-transform:uppercase;



}



#pf-filters li a.selected {



    color:#727272;



    



    text-decoration:none;



}







#pf-items article{



    margin-bottom: 25px;



    position:relative;



}



#pf-items article {



    width:248px;



}







#pf-items article img {



    display:block;



    width:100%;



}



#pf-items .element .entry-thumb {



    position:relative;



    margin-top:4px;



	overflow:hidden;



}











#pf-items .element .entry-content {



    border-bottom:1px solid #e2e2e2;



    border-left:1px solid #e2e2e2;



    border-right:1px solid #e2e2e2;



    padding:10px 0 10px;



}



#pf-items .element .entry-content .entry-title {



    font-size: 13px;



    font-weight: 700;



    margin: 0 0 10px;



    line-height:16px;



    text-transform:uppercase;



}



#pf-items .element .entry-content .entry-title a {



    color: #333;



}



#pf-items .element .entry-content .entry-title span {



    background-color: #18ADB5;



    color: #FFFFFF;



    display: block;



    float: left;



    font-size: 16px;



    margin-right: 10px;



    margin-top: 5px;



    padding: 3px 7px 2px;



}



#pf-items .element .entry-content .entry-date,



#pf-items .element .entry-content .entry-author {



    font-family:Arial, Helvetica, sans-serif;



    font-style:italic;



    text-transform:none;



    color:#2da5da;



    font-weight:400;



}



#pf-items .element .entry-content .entry-author a {



    font-weight:700;



    color:#727272;



}



#pf-items .element .entry-content header {



    padding: 5px 10px;



}



#pf-items .element .entry-content p {



    font-size:12px;



    line-height:18px;



    padding: 5px 10px;



}



#pf-items .element .entry-content footer {



    border-top:1px solid #e2e2e2;



    padding-top:10px;



}



#pf-items .element .entry-content footer .meta-box {



    float:left;



}



#pf-items .element .entry-content footer .csob-rating {



    float:right;



	padding-right: 11px;



}



#pf-items .element .entry-content footer .entry-comments, 



#pf-items .element .entry-content footer .entry-comments a, 



#pf-items .element .entry-content footer .entry-view {



    font-weight:400;



    color:#828282;



}



#pf-items .element .entry-content footer .entry-comments,



#pf-items .element .entry-content footer .entry-view {



	border-right: 1px solid rgb(217, 217, 217);



	padding: 11px;



}



#pf-items .element .top-line {







    background-color:#2da5da;



    position:absolute;



    top:0;



    left:2%;



    width:96%;



}











.social-count-plus .vertical li {



    border-top:1px dotted #c9c9c9;



    padding-top:10px;



    margin-top:10px;



}



.social-count-plus .vertical li:first-child {



    border-top:none;



    padding:0px;



    margin-top:0px;



}



.widget_archive li:before {



    font-family: 'icomoon';



    content: "\e02f";



    color:#c2c2c2;



}



.widget_archive li,



.widget_archive li a {



    font-weight:600;



    color:#444;



}



.widget_archive li a {



    margin-left:15px;



}







.list-container-2 ul {



    margin: 0;



}



.tab-container-2 {



	padding:10px;



	border:1px solid #d9d9d9;



}



.tab-container-2 ul li {



	list-style:none;



}



.widget-area-7 .widget .list-container-2 ul li {



    border-top:none !important;



    float: left;



    list-style: none outside none;



    margin: 0px;



    padding:0;



    width:100px;



}



.list-container-2 ul li {



    float: left;



    list-style: none;



    width: 100px;



    margin: 0px;



}



.list-container-2 ul li:first-child {



    margin: 0;



}



.list-container-2 ul li a {



    display: block;



    font-size: 14px;







    padding:10px;



	color:#fff;



    line-height:1;



    font-weight:600;



    outline:none;



    transition: all 0.3s ease-in-out;



    -moz-transition: all 0.3s ease-in-out;



    -webkit-transition: all 0.3s ease-in-out;



	background:#2da5da;



	text-align:center;



	border-right:1px solid #fff;



}



.list-container-2 ul li:last-child a {



	border-right:none;



}



.list-container-2 ul li a:hover {



	background:#124257;



	color:#fff !important;



}



.list-container-2 ul li.active a, 



.list-container-2 ul li:hover a {



    text-decoration: none;



	background: rgba(0,0,0,.6);



	color:#fff !important;



}



.csob-article-tab-widget .entry-thumb {



    float:left;



    margin-right:15px;



}



.csob-article-tab-widget .entry-title {



    font-size:13px;



    line-height:16px;



    font-weight:600;



    margin:0 0 10px 0;



}



.csob-article-tab-widget .entry-title a {



    color:#333;



}



.csob-article-tab-widget .entry-date,



.csob-article-tab-widget .entry-author {



    text-transform:none;



    font-style:italic;



    color:#2da5da;



    font-weight:400;



}



.csob-article-tab-widget .entry-author a {



    font-weight:700;



    color:#727272;



}



.widget-area-7 .csob-article-tab-widget ul li {



    padding-top:15px;



    margin-top:15px;



}



.csob-video-widget .video-wrapper {



    margin-bottom:15px;



}







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



Elements page



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



.breadcrumb {



    background-color: transparent !important;



    margin:0 0 25px;



    border-radius:0;



    padding:10px;



    color:#5b5b5b;



    line-height: 16px;



}



.breadcrumb .current-page {



	font-weight:600;



}



.breadcrumb a {



    color:#5b5b5b;



	font-weight:600;



}











.elements-box h1,



.elements-box h2,



.elements-box h3,



.elements-box h4,



.elements-box h5,



.elements-box h6 {



    color:#313131;



    margin:0 0 10px;



}



.elements-box .element-title {



    font-size:20px;



    margin:0 0 20px;



    padding-bottom:10px;



    border-bottom:1px solid #d6d6d6;



    color:#464646;



    text-transform: uppercase;



}







.blank-page .elements-box {



	margin:30px auto;



}







.list-container-3 ul {



    margin: 0;



}



.list-container-3 ul li {



    float: left;



    list-style: none outside none;



    margin: 0 2px 0 0;



    border:none;



    padding:0;



    width:98px;



    box-sizing:border-box;



    -moz-box-sizing:border-box;



}



.list-container-3 ul li a {



    background-color: #f5f5f5;



    color: #333;



    display: block;



    font-size: 14px;



    font-weight: 600;



    padding: 8px 0;



    text-align:center;



    outline:none;



    text-transform: uppercase;



    transition: all 0.3s ease-in-out 0s;



    -moz-transition: all 0.3s ease-in-out 0s;



    -webkit-transition: all 0.3s ease-in-out 0s;



}



.list-container-3 ul li.active a, 



.list-container-3 ul li:hover a {



    border-top:1px solid #2da5da;



    color: #333;



    text-decoration: none;



    background-color: #fff;



}



.tab-container-3 {



    background-color:#fff;



    border:1px solid #e4e4e4;



    padding:15px 20px 5px;



    margin-top:-1px;



}



.tab-container-3 ul li {



    list-style:none;



    border-top:1px solid #ededed;



    padding-top:5px;



    margin-top:5px;



    color:#2da5da;



    font-size:10px;



}



.tab-container-3 {



    font-size: 12px;



}



.tab-container-3 ul li a {



    color: #777;



    font-size:12px;



    margin-left:10px;



}



.tab-container-3 ul li:first-child {



    border-top:none !important;



    padding-top:0px;



    margin-top:0px;



}



.tab-container-3 ul li:before {



    content: "\e016";



    font-family: 'icomoon';



}







/*-------------Toggle Boxes-----------*/



#toggle-view {



    list-style:none;   



    margin:0;



    padding:0;



}



#toggle-view p {



    margin-bottom:0;



}



#toggle-view li {



    margin:0 0 10px;



    position:relative;



    cursor:pointer;



    list-style:none;    



}







#toggle-view li h3 {



    font-size:14px;



    margin:0;



    color:#333;



    font-weight: 700;



    text-transform: uppercase;



    padding:0 20px 0 45px;



    line-height:24px;



}











#toggle-view li span {



    position:absolute;



    left:0px;



    top:0px;



    font-size:22px;



    width:30px;



    height:30px;



    text-align:center;



    color:#fff;



    line-height:27px;



    font-weight: 800;



    background-color:#2da5da;



}







#toggle-view .panel {



    margin:0;



    display:none;



}



#toggle-view .panel p {



    margin:10px 0;



}







.acc-wrapper {



    border: 1px solid #d6d6d6;



    padding: 10px 0 0;



    border-bottom: none;



}



.accordion-title {



    margin-bottom:10px;



    position:relative;



    border-bottom: 1px solid #d6d6d6;



    padding: 0 10px 10px;



}



.accordion-title span {



    display:block;



    position:absolute;



    width:30px;



    height:30px;



    color:#fff;



    background-color:#2da5da;



    line-height:27px;



    text-align:center;



    font-size:22px;



    font-weight: 800;



    left:10px;



    top:0;



    cursor:pointer;



}



.accordion-title h3{



    margin:0px 0 0 50px;



    font-size:14px;



    font-weight: 700;



    text-transform: uppercase;



    line-height: 30px;



}



.accordion-title a {



    color:#333;



    display: inline-block;



    *display:inline;



    zoom:1;



}



.accordion-container {



	margin: 10px 0px 5px;



	padding: 0px 15px;



	border-bottom: 1px solid rgb(214, 214, 214);



}







.elements-box .csob-button {



    margin-bottom: 10px;



    margin-right: 10px;



}







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



Categories page



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



.entry-list > li {



    list-style: none;



    border-bottom: 1px dotted #cecece;



    padding-bottom: 25px;



    margin: 0 0 25px 0;



}



.entry-list li .entry-item .entry-thumb {



    position: relative;



    float: left;



    margin-right: 25px;



    width: 324px;



	overflow:hidden;



}



.entry-list li .entry-item .entry-thumb img {



    display: block;



    width: 100%;



}



















.entry-list li .entry-item .entry-content {



    float: left;



    width: 446px;



}



.entry-list li .entry-item .entry-content header .entry-categories,



.entry-box header .entry-categories, .entry-box header .entry-date,



.entry-box header .meta-box .entry-author, .entry-box header .meta-box .entry-comments,



.entry-box header .meta-box .entry-view {



    color: #727272;



    font-size: 13px;



    display: inline-block;



	font-weight:600;



	float:left;



	margin:0 15px 5px 0;



}



.entry-list li .entry-item .entry-content header .entry-categories a,



.entry-box header .entry-categories a {



    color: #727272;



}



.entry-list li .entry-item .entry-content header .entry-categories span,



.entry-box header .entry-categories span {



    color: #2da5da;



    margin-right: 10px;



    font-size: 12px;



}







.entry-list li .entry-item .entry-content header .entry-title {



    margin: 0 0 15px;



    font-weight: 700;



    font-size: 18px;



	float:left;



}



.entry-list li .entry-item .entry-content header .entry-title a {



    color:#3a3a3a;



    float: left;



    width: 399px;



}



.entry-list li .entry-item .entry-content header .entry-title span {



    display: block;



    background-color: #2da5da;



    color: #fff;



    padding: 3px 7px 2px;



    margin-right: 15px;



    float: left;



    margin-top: 5px;



}



.entry-list li .entry-item .entry-content header .meta-box,



.entry-box header .meta-box {



    float: left;



}



.custom-post {



	width:100%;



}







.entry-list li .entry-item .entry-content header,



.entry-box header {



    margin-bottom: 10px;



}



.entry-list li .entry-item .entry-content header .meta-box .entry-date,



.entry-list li .entry-item .entry-content header .meta-box .entry-author,



.entry-list li .entry-item .entry-content header .meta-box .entry-comments,



.entry-list li .entry-item .entry-content header .meta-box .entry-view {



    font-size: 12px;



    text-transform: none;



    font-weight: 400;



    color: #2da5da;



    font-family:Arial, Helvetica, sans-serif;



    margin-right: 4px;



	float:left;



}



.entry-list li .entry-item .entry-content header .meta-box .entry-author a,



.entry-box header .meta-box .entry-author a, .entry-box header .meta-box .entry-comments a,  .entry-box header .meta-box .entry-view {



    color: #727272;



    font-weight: 600;



	text-transform:capitalize;



}



.entry-list li .entry-item .entry-content header .meta-box .entry-comments span, 



.entry-list li .entry-item .entry-content header .meta-box .entry-view span,



.entry-box header .meta-box .entry-comments span, 



.entry-box header .meta-box .entry-view span {



    margin-right: 5px;



}



.entry-list li .entry-item .entry-content header .meta-box .entry-comments a {



    font-weight: 400;



}



.entry-list li .entry-item .entry-content header .csob-rating,



.entry-box header .csob-rating {



   float: left;



	font-size: 12px;



	display: inline-block;



}







.pagination ul {



    box-shadow:none;



    border-radius:0;



}



.pagination .page-numbers li a,



.pagination .page-numbers li span {



    font-weight: 700;



    color:#333;



    border:1px solid #d9d9d9;



    padding:3px 10px;



	border-radius:3px;



    -moz-border-radius:3px;



    -webkit-border-radius:3px;



}



.pagination .page-numbers li a:hover {



	color:#fff !important;



}



.pagination .page-numbers li span.current {



	border:none;



}



.pagination ul > li {



    margin-left:5px;



    float:left;



    margin-bottom:0;



}



.pagination ul > li:first-child {



    margin-left:0;



}



.pagination ul > li:first-child > a, 



.pagination ul > li:first-child > span,



.pagination ul > li:last-child > a, 



.pagination ul > li:last-child > span {



    border-radius:3px;



    -moz-border-radius:3px;



    -webkit-border-radius:3px;



}



.pagination ul > li > span.current,



.pagination ul > li > a:hover {



    color:#fff;



    background:#2da5da;



}







.loadmore {



    background-color: #0c8b92;



    color: #fff;



    text-transform: uppercase;



    font-weight: 800;



    display: inline-block;



}



.loadmore span.loadmore-icon {



    



    padding: 7px 10px;



    float: left;



    font-size: 24px;



}



.loadmore span.loadmore-text {



    padding: 0 10px;



    float: left;



    line-height: 38px;



    background-color: #2da5da;



}



.loadmore:hover {



    color: #fff;



}



.loadmore:hover span.loadmore-icon {



    transform: rotate(360deg);



    -ms-transform: rotate(360deg); /* IE 9 */



    -webkit-transform: rotate(360deg); /* Safari and Chrome */



}







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



Single page



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



.entry-box {



    margin-bottom: 20px;



}



.entry-box header .entry-title {



    margin: 2px 0 15px;



    font-size: 20px;



}



.entry-box header .entry-title a {



    color:#3a3a3a;



}



.entry-box span.entry-box-icon {



    display: block;



    background-color: #2da5da;



    color: #fff;



    padding: 5px 7px 4px;



    margin-right: 15px;



    float: left;



    margin-top: 5px;



    font-size: 18px;



	border-radius:2px;



    -moz-border-radius:2px;



    -webkit-border-radius:2px;



}



.custom-post .entry-categories, .custom-post .entry-date,



.custom-post .entry-author, .custom-post .entry-comments,



.custom-post .entry-view,



.custom-post .csob-rating {



	background: #ececec;



	padding: 5px 10px;



	border-radius:2px;



    -moz-border-radius:2px;



    -webkit-border-radius:2px;



	margin: 0 10px 0 0;



	text-transform:capitalize;



}



.entry-box .entry-box-title {



    float: left;



    width: 726px;



    margin-bottom: 15px;



}



.entry-box .social-link {



    border-top: 1px solid #d6d6d6;



    border-bottom: 1px solid #d6d6d6;



    padding: 10px 0;



    margin-top: 10px;



    margin-bottom: 25px;



}



.csob-single-gallery .entry-box .social-link {



    margin-top: 25px;



}



.entry-box .social-link span {



	float:right;



}



.entry-box .social-link li {



    list-style: none;



    float: left;



    margin: 0;



}



.entry-box .social-link li:first-child {



    margin: 0;



}



.entry-box .social-link li a:hover {



	background:#727272;



	padding:7px 10px;



	border-radius:2px;



    -moz-border-radius:2px;



    -webkit-border-radius:2px;



	color:#fff !important;



}



.entry-box .social-link li a {



    color: #000;



	padding:10px;



}







.entry-box footer > div {



    float:left;



    margin:0;



}



.entry-box footer div.next-post {



    text-align:right;



	float:right;



}



.entry-box footer div.next-post a {







	padding:5px 10px;



	color:#fff;



	border-radius:2px;



    -moz-border-radius:2px;



    -webkit-border-radius:2px;



}



.entry-box footer div.next-post a:hover {



	background:#727272;



	color:#fff !important;



}



.entry-box footer div.prev-post a {







	padding:5px 10px;



	color:#fff;



	border-radius:2px;



    -moz-border-radius:2px;



    -webkit-border-radius:2px;



}



.entry-box footer div.prev-post a:hover {



	background:#727272;



	color:#fff !important;



}



.entry-box footer div a {



    color:#727272;



    font-size:18px;



    font-weight: 700;



    display:block;



    margin-bottom:10px;



}



.entry-box footer div a span {



    color: #2da5da;



    font-weight: 400;



}



.entry-box footer div p {



    border-top: 1px solid #d6d6d6;



    border-bottom: 1px solid #d6d6d6;



    padding: 15px 0;



    margin: 0;



}



.entry-box footer div.prev-post p {



    padding-left: 25px;



}



.entry-box footer div.next-post p {



    border-left: 1px solid #d6d6d6;



    text-align: left;



    padding-left: 25px;



}



.entry-box footer div a.article-title {



    font-size:14px;



    color: #555;



    margin-bottom: 5px;



	height:20px;



	overflow:hidden;



}



.entry-box footer div .entry-date,



.entry-box footer div .entry-author {



    color:#2da5da;



    font-family:Arial, Helvetica, sans-serif;



    font-style: italic;



    font-weight: 400;



    font-size: 12px;



    text-transform: none;



}



.entry-box footer div .entry-author a {



    font-weight: 700;



    color: #727272;



    font-size: 12px;



    display: inline;



}











/*----- About Author -----*/



.about-author {



    border-bottom: 1px dotted #cecece;



    padding-bottom: 25px;



    margin-bottom: 25px;



}



.about-author h4 {



    font-size: 14px;



    font-weight: 700;



    color: #555;



    display: inline-block;



    margin: 0 0 20px;



    line-height: 16px;



}



.author-name {



    font-size: 14px;



    font-weight: 800;



    color: #2da5da;



}



.author-name:hover {



    color: #555;



}



.about-author .avatar-thumb {



    float: left;



    margin-right: 20px;



}



.about-author .social-link li {



    list-style: none;



    float: left;



    margin:0 7px 0 0;



}



.about-author .author-content {



    float: left;



    width: 693px;



}



.about-author .social-link {



    margin-bottom: 10px;



}



.about-author .social-link li a {



    display: block;



    width: 32px;



    height: 32px;



    color: #535353;



    background-color: #f0f0f0;



    border: 1px solid #d8d8d8;



    text-align: center;



    line-height: 34px;



}



.about-author .author-content p {



    font-size: 12px;



    color: #555;



    margin-bottom: 0;



}



.tag-box {



    margin-bottom: 25px;



}



.tag-box a {



    display: inline-block;



    padding: 5px 15px;



    background-color: #ededed;



    color: #555;



}



.tag-box a:hover {



    background-color: #2da5da;



    color: #fff;



}







.csob-related-post {



    margin-bottom: 25px;



}







.csob-related-post .list-carousel ul li .entry-date {



    font-style: italic;



    font-weight: 400;



    font-family:Arial, Helvetica, sans-serif;



    text-transform: none;



}







/*---Comments List---*/



#comments {



    margin-bottom: 25px;



}



#comments > h4 {



    font-size: 16px;



    text-transform: uppercase;



    line-height: 16px;



    color: #222;



    padding-bottom: 10px;



    border-bottom: 1px solid #d6d6d6;



    margin:0 0 20px;



}



.comments-list .comment {



    margin-bottom:20px;



    list-style:none;



}



#comments .comment-avatar {



    float:left;



    margin-right:15px;



    width:69px;



}



#comments .comment-avatar img {



    display:block;



    width:100%;



}



#comments .comment-body {



    float:left;



    width:711px;



}



#comments .comment-body header {



    margin-bottom:10px;



}



#comments .comment-body .author {



    font-weight:800;



    font-size:12px;



    color:#2da5da;



    display: block;



    text-transform: uppercase;



    margin-bottom: 3px;



}



#comments .comment-body .date {



    font-weight: 600;



    color:#333;



}



#comments .comment-body p {



    color:#777;



    margin-bottom:5px;



}



#comments .comment-body .comment-reply-link,



#comments .comment-body .comment-edit-link {



    display:inline-block;



    color:#333;



    font-weight: 600;



}



#comments .comments-list .children {



    margin-left:84px;



}



#comments .comments-list .children .comment-body {



    width:627px;



}



.csob-comment-pagination {



    float:right;



    margin:0;



    font-size: 14px;



    font-weight: 600;



}



.csob-comment-pagination a {    



    color:#444;



    margin-left:15px;



}



.csob-comment-pagination a:hover {



    color:#2da5da;



}



.csob-comment-pagination .current {



    color:#2da5da;



    margin-left:15px;



}







/*---Comment form---*/



#respond {



    margin-bottom: 25px;



}



#respond > h4 {



    font-size: 16px;



    text-transform: uppercase;



    line-height: 16px;



    color: #222;



    padding-bottom: 10px;



    border-bottom: 1px solid #d6d6d6;



    margin:0 0 20px;



}



#comments-form .c-note, 



#contact-form .c-note {



    display: block;



    font-weight: 600;



    margin-bottom: 15px;



    font-size:12px;



    color:#666;



    font-family: 'Open Sans',sans-serif;



}



#comments-form .c-note strong, 



#contact-form .c-note strong {



    color: #e03d3d;



}







#comments-form p, 



#contact-form p {



    position: relative;



    margin-bottom: 25px;



}







#comments-form label.required,



#contact-form label.required {



    color:#333;



    position: absolute;



    left: 15px;



    top: 10px;



}



#comments-form label.required span,



#contact-form label.required span {



    color:#e03d3d;



}



#comments-form #comment_name,



#comments-form #comment_email,



#comments-form #comment_url,



#contact-form #contact_name,



#contact-form #contact_email,



#contact-form #contact_url,







.wpcf7-form .wpcf7-text {



    padding:10px 15px 10px 10px;



    width:460px;



    box-sizing:border-box;



    -moz-box-sizing:border-box;



    background-color:#fff;



    border:1px solid #ededed;



    border-radius:0;



    -moz-border-radius:0;



    -webkit-border-radius:0;



    box-shadow:none !important;



    height:40px;



    line-height:20px;



    margin:0;



}



#comments-form #comment_url,



#contact-form #contact_url {



    padding:10px 15px 10px 85px;



}



#comments-form #comment_message,



#contact-form #contact_message,



.wpcf7-form .wpcf7-textarea {



    padding:10px 15px 10px 10px;



    width:100%;



    box-sizing:border-box;



    -moz-box-sizing:border-box;



    background-color:#fff;



    border-radius:0;



    -moz-border-radius:0;



    -webkit-border-radius:0;



    box-shadow:none !important;



    margin:0;



    height:190px;



    font-family: 'Open Sans',sans-serif;



}



#contact-form #contact_message {



    padding:10px 15px 10px 175px;



}



#comments-form #submit-comment,



#contact-form #submit-contact,



.wpcf7-form .wpcf7-submit {



    display:inline-block;



    padding:8px 15px 10px;



    color:#fff;



    font-weight: 600;



    font-size: 13px;



    background-color:#2da5da;



    font-family: 'Open Sans',sans-serif;



}



.wpcf7-form .wpcf7-submit:hover,



#comments-form #submit-comment:hover {



background-color:#fff !important; 



}



#comments-form #submit-comment:hover,



#contact-form #submit-contact:hover {



    background-color:#141414;



}



#comments-form #comment_name:focus,



#comments-form #comment_email:focus,



#comments-form #comment_url:focus,



#comments-form #comment_message:focus,



#contact-form #contact_name:focus,



#contact-form #contact_email:focus,



#contact-form #contact_url:focus,



#contact-form #contact_message:focus {



    border:1px solid #2da5da;



}







#comments-form .textarea-block,



#contact-form .textarea-block {



    margin-bottom:20px;



}







label.error {



    color:#2da5da;



    font-style:italic;



}







.csob-rating-box {



    float: right;



    width: 310px;



    margin-left: 20px;



    border: 1px solid #e9e9e9;



}



.csob-rating-box > li {



    border-top: 1px solid #e9e9e9;



    padding: 10px 15px;



    list-style: none;



    margin: 0;



}



.csob-rating-box > li:first-child {



    border-top: none;    



}



.csob-rating-box > li > span {



    display: block;



    float: left;



    font-size: 14px;



    color: #333;



}



.csob-rating-box > li > .csob-rating {



    float: right;    



}



.csob-rating-box > li.total-score {



    background-color: #2da5da;



}



.csob-rating-box > li.total-score span {



    font-weight: 800;



    color: #fff;



    text-transform: uppercase;



}



.entry-box > p {



    margin-bottom: 15px;



}







.csob-single-2 {



    float: left;



    width: 324px;



    margin-right: 25px;



    margin-bottom: 0 !important;



}











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



Contact page



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



.cs-map {



    margin-bottom:30px;



}



.cs-map iframe {



    margin-bottom:15px;



}







#contact-box > h4 {



    font-size: 16px;



    text-transform: uppercase;



    line-height: 16px;



    color: #222;



    margin:0 0 20px;



}







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



404 Page



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



.error-404{



    margin:70px 10% 100px;



}



.error-404 .left-col{



    width:41%;



    float:left;



    margin:0 2%;



}



.error-404 .left-col p{



    font-size:120px;



    font-family:Arial, Helvetica, sans-serif;



    font-weight:700;



    color:#2da5da;



    line-height:100px;



    text-align:right;



}



.error-404 .right-col{



    width:50%;



    float:left;



    margin:0 2%;



}



.error-404 .right-col h1{



    margin-bottom:10px;



    font-size:29px;



    color:#2da5da;



    margin-top:0;



}



.error-404 .right-col a {



    color:#2da5da;



}



.error-404 .right-col a:hover {



    color:#666;



}



.csob-pagelink{



    margin-top:20px;



    margin-bottom:20px;



}



.csob-pagelink a{   



    color:#2da5da;



    text-decoration:underline;



    font-weight:700;



    padding-right:15px;



}







/* block title + line */



.block-title {



  position: relative;



  font-size: 20px;



  margin: 0px 0px 26px 0px;



  line-height: 30px;



  font-weight: normal;



}



.block-title a,



.block-title span,



.block-title label {



	z-index: 1;



	padding: 3px 0px 2px;



	background: none repeat scroll 0% 0% transparent !important;



	font-weight: 600;



	border-bottom: 1px solid rgb(45, 165, 218);



	display: inline-block !important;



	margin: 0px 0px -1px;



}



/* block title with subcategories */



.block-title-subcats {



  margin-bottom: 10px;



}



/* block title + line h2 */



h2.block-title {



  position: relative;



  font-size: 24px;



  margin: 20px 0px;



  line-height: 30px;



  font-weight: normal;



}







.read-more {	



	padding:6px 12px;



	margin: 5px 0px;



	float: left;



	color:#fff;



	border:1px solid #fff;



}



.read-more:hover {	



	background:#fff !important;



	padding:6px 12px;



}



.read-more i {	



	font-weight:bold;



	font-size:14px;



	margin:0 0 0 2px;



}







.video-icon-post { background:#e56053; }



.gallery-icon-post { background:#ec9344; }



.audio-icon-post { background:#34495e; }



.edit-icon-post { background:#3498db; }



.flexslider .slides > li { display:block !important; }







.error-page { margin-top:20px; }







/* Ads 125x125 */



ul.ads-125 {



	list-style:none;



}



ul.ads-125 li {



	display:inline-block;



	border: none !important;



	padding: 10px;



	margin:0px !important;



}











/* Author Banner Image */



.cus-author {



	background:#fff;



	border:1px solid #d9d9d9;



	min-height:300px;



	width:100%;



	margin: 0 auto 20px;



}



.author-banner {



	background: url("images/banner-img.jpg") repeat scroll 0% 0% / cover  transparent;



	min-height:128px;



}



.cus-author-avatar {



	height:100px;



	width:100px;



	background:url("images/user-avatar.jpg") no-repeat center center;



	margin:-50px auto 10px;



	-webkit-border-radius: 50%;



	-moz-border-radius: 50%;



	-o-border-radius:50%;



	border-radius: 50%;



}







/* Author Info */



.author-info {



	margin:0px auto;



	text-align:center;



	font-weight:bold;



	font-family: 'Open Sans', sans-serif;



	color:#5d5d5d;



}



.author-info h3 {



	text-align:center;



	font-size:20px;



	font-weight:bold;



	color:#5d5d5d;



	line-height:20px;



}



.author-info span {



	margin:0px auto 10px;



	text-align:center;



	font-size:14px;



	line-height:20px;



	font-weight:normal;



	font-family: 'Open Sans', sans-serif;



	color:#5d5d5d;



	display:block;



}



.author-info p {



	margin:0px auto;



	text-align:center;



	font-size:12px;



	width:90%;



	font-weight:normal;



	font-family: 'Open Sans', sans-serif;



	color:#5d5d5d;



	display:block;



	margin-bottom: 20px;



}



.flowplayer {



	max-width:100%;



}



.widget-area-8 .widget {

    margin-bottom: 30px;

}