/*

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;
width: 70%;
height: 100px;
}



.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:600px;

    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%;

}
.mapp-layout {
	border: none;
}