/**
* @package cbusiness-investment
*/
/*extra Classes */
.nav-links a {    background: none;    color: #228be6;    padding: 10px 13px;    margin: 10px 0 0;    display: inline-block;}
.learnmore {    background-color: rgba(0,0,0,0.8);    color: #ffffff;    padding: 5px 20px; font-size: 14px;}
a.learnmore:hover { color: #ffffff; text-decoration: underline;}
.postmeta {    margin: 0 0 0;    font-size: 12px;}
.wp-caption, .wp-caption-text, .sticky, .gallery-caption, .aligncenter{ margin:0; padding:0;}
.gallery img{width: 100%;}
.gallery .gallery-item{ margin-top: 0 !important; }
.clear{ clear:both;}
.container{ width: 1100px; margin:0 auto; }


.alignnone{ width:100% !important;}
img.alignleft, .alignleft{ float:left; margin:0 15px 0 0; padding:5px; border:1px solid #cccccc;}
img.alignright, .alignright{ float:right; margin:0 0 0 15px; padding:5px; border:1px solid #cccccc;}
.left{ float:left;}
.right{ float:right;}

#comment-nav-above .nav-previous, #comment-nav-below .nav-previous{ float:none !important; margin:10px 0;}
ol.comment-list li{ list-style:none; margin-bottom:5px;}

/* header */
.headercommon{ width:48%; }
.header_left { float: left; }
.header_right{ float: right; }
.header_right.headercommon {	float: right;		text-align: right;}

.bannercontent {
	position: absolute;
	
	left: 10%;
	right: 10%;
	
	text-align: left;
	background-color:none;
	padding: 15px 13px 19px;
	bottom: 34%;
}
.bannercaption{width: auto; float: right;}
.bannercontent h3 {
  margin-top: 10px;
  margin-bottom: 20px;
  text-transform: none;
  color: #444444;
  text-shadow: none;
  font-size: 38px;  
  font: 600 32px/36px 'Roboto Condensed', sans-serif;
}
.banner_sub_heading {
    font-size: 16px;
    color:#444444;
    font-weight: normal;
    text-shadow: none;
    line-height: 27px;
}
.banner_button{margin: 22px 0 0 0;}
.bannerbutton{ text-transform: uppercase; }
/* widget search */
#searchform{margin-bottom: 25px;}

/* resource section */
section#pageboxes {    padding: 50px 0;}
.fourbox{ color:#333333; width:23.9%; float:none; margin:0 .4% 0; text-align:center; position:relative; min-height:280px;padding:0; background:#ffffff; display: inline-block; vertical-align: top;}
#pageboxes .pageclmn { display: inline-block; text-align: center; }
.fourbox:hover .thumbbx img{opacity: 0.8;}
.fourbox p{line-height:20px; text-align: left; }
.fourbox h3{ font-size:18px; font-weight:400; color:#333333; margin:15px 0;}
.fourbox:hover h3{ color:#28374a;}
.resourcebox{ border: none; padding: 5px;  text-align: center;}
.top-resourcebox{ border:none; padding: 5px; text-align: center; }
.fourbox .resourcebox p{ text-align: center; }
.fourbox .thumbbx {
    border: 0;
    width: auto;
    height: auto;
    overflow: hidden;
    margin: 0 auto 0;
    border-radius: 0;
    -moz-border-radius: 50%;
    -wbkit-border-radius: 50%;
}
.fourbox .thumbbx img { width: 100%;  height: auto; min-height:auto;  margin: 0 0 0 0;}
.fourbox a.rdmore {
    color: #ffffff;
    background-color: #015cd3;
}
a.rdmore {
    background: #333333;
        background-color: rgb(51, 51, 51);
    color: #ffffff;
    margin-top: 25px;
    display: inline-block;
    padding: 5px 15px;
    border: 1px solid #A8B1B8;
    width: auto;
}

/*==home page =*/
.home .pageheading h1{    font-weight: 400;
    font-size: 30px;
    margin-bottom: 20px;
    text-align: center;
    text-transform: capitalize;
}
.home .pagecontent{ text-align: center;margin-bottom: 35px; }
.home .pagecontent p{font-size: 15px;line-height: 24px;}

/* = Page lay out css
-------------------------------------------------------------- */
.site-main {
    margin: 0 0 0 2%;
    padding: 0;
    float: right;
    width: 70%;
}
#sitefull, .sitefull{ width:100%; float:none;}
#sitefull p{ margin-bottom:15px;}
.page_content{ padding:25px 0;}
.page_content p{ margin-bottom:15px; line-height:normal;}

.blog_lists{ margin-bottom:30px; }
.blog_lists h3{ margin-bottom:0px;}
.blog_lists h3 a{ color:#484f5e;}
.blog_lists h3 a:hover{ color:#000;}
.blog_lists p{ margin-bottom:10px;}
.blog-meta{ font-style:italic; margin-bottom:8px; }
.post-date, .post-comment, .post-categories{ display:inline; background: none;    color: #228be6;    padding:4px 12px 4px 0px;} 
.post-comment a{color:#228be6;}
.single_title{ margin-bottom:5px;}
.BlogPosts{ width:31.2%; float:left; margin:0 3% 0 0;}
.BlogPosts img{ width:100%;}
.BlogPosts h2{ margin:10px 0; font-size:22px; }
.post-thumb{ width:30%; float:left; margin:5px 25px 5px 0;}
.post-thumb img{ width:100%; }
.recent_articles {    margin: 0;    border-bottom: 1px solid #cccccc;    padding: 11px 11px;box-shadow: none;}
.recent_articles h3{ margin-bottom: 8px; }

/* = sidebar
-------------------------------------------------------------- */
#sidebar {
    float: left;
    width: 28%;
    margin: 0;
}
aside.widget{margin-bottom:30px; background-color:none; padding:20px; border:1px solid #edecec;}
aside.widget ul{ list-style:disc; }
h3.widget-title{ background-color:rgba(20,22,24,0.8); padding:12px 15px; margin-bottom:1px; color:#ffffff; font-size: 18px; text-align: left; text-transform: capitalize;}
#sidebar ul li{ list-style:none; border-bottom:1px solid #d0cfcf; padding:10px 0 10px 10px;}
#sidebar ul li li{border:none; padding-bottom: 0;}
#sidebar ul li a{ color:#5c5c5c;  display:inline-block; font-size: 16px;}
#sidebar ul li:last-child a{ border:none;}
#sidebar select{ width: 100%; padding:5px; }
#sidebar table{ width: 100%;}
#sidebar img{ width: 100%; }
#wp-calendar th { text-align: left; }
#sidebar ul li.recentcomments .url{color:#228be6;}
.rss-date{color:#228be6;}
cite{color:#228be6;}

/* Buttons */
.button{ background-color:rgba(1,92,211,1.0);  color:#ffffff; padding:8px 20px; display:inline-block; font:400 14px/22px 'PT Sans', sans-serif; }
.button:hover{background-color:#34c6f6; border-color:#1898c2; color:#fff;}

/* woocommerce CSS
================================================*/
a.added_to_cart{background:#e1472f; padding:5px; display:inline-block; color:#fff; line-height:1;}
a.added_to_cart:hover{background:rgba(20,22,24,0.8);}
a.button.added:before{content:'' !important;}
#bbpress-forums ul li{padding:0;}
#subscription-toggle a.subscription-toggle{padding:5px 10px; display:inline-block; color:#e1472f; margin-top:4px;}
textarea.wp-editor-area{border:1px #ccc solid;}
.woocommerce input[type=text], .woocommerce textarea{border:1px #ccc solid; padding:4px;}
form.woocommerce-ordering select{ padding:5px; color:#777777;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'raleway',san-serif; color:#ff8a00;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
h1.product_title, p.price{ margin-bottom:10px;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'raleway',san-serif; color:#ff6d84;}
.woocommerce ul.products li, #payment ul.payment_methods li{ list-style:none !important;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
.woocommerce table.shop_table th, .woocommerce table.shop_table td{ border-bottom:0px !important}

/* Text meant only for screen readers. */
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;	height: 1px;width: 1px;	overflow: hidden;}
.screen-reader-text:focus {	background-color: #f1f1f1;	border-radius: 3px;	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);	clip: auto !important;	color: #21759b;	display: block;
	font-size: 14px;font-size: 0.875rem;font-weight: bold;	height: auto;left: 5px;	line-height: normal;padding: 15px 23px 14px;text-decoration: none;	top: 5px;	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
/* ============= Contact Page =========== */
.wpcf7{ margin:30px 0 0; padding:0;}
.wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"]{ width:40%; border:1px solid #cccccc; box-shadow:inset 1px 1px 2px #ccc; height:35px; padding:0 15px; color:#797979; margin-bottom:0;}
.wpcf7 textarea{width:60%; border:1px solid #cccccc; box-shadow:inset 1px 1px 2px #ccc; height:150px; color:#797979; margin-bottom:25px; font:12px arial; padding:10px; padding-right:0;}
.wpcf7 input[type="submit"]{background-color:rgba(20,22,24,0.8); width:auto; border:none; cursor:pointer; font:18px 'raleway',san-serif; color:#ffffff; padding:10px 40px; border-radius:3px;}	

/* ============= Comment Form ============ */
h1.screen-reader-text{font:22px 'raleway',san-serif;}
.site-nav-previous, .nav-previous{ float:left;}
.site-nav-next, .nav-next{ float:right;}
h3#reply-title{font:300 18px 'raleway',san-serif;}
#comments{ margin:30px 0 0; padding:0;}
nav#nav-below{ margin-top:15px;}

/* header */
.header_top{ padding: 4px 0; }
.header_left{    margin: 0;}
section#header{ width:100%;padding: 0 0;  background-color: rgba(34,139,230,0.9);}

.header_left li{padding:5px 0;}
.header_right a{ color: #fff; }
.header_right a:hover{text-decoration: underline; color: #fff;}
.header_right {  padding: 0 0;}
.header_right{margin:0;}
.header_middle li{ margin:0 20px;}
#header_bottom .logo h1{ margin:0 0;}
#header_bottom .logo a{ color:#228be6; text-transform:unset;}
#header_bottom .logo a:hover{text-decoration:none;}
#header_bottom .logo p{ color:#444444; text-align:left;}
#header_bottom .logo h1{ margin-bottom: 0;}
#header_bottom .custom-logo {    width: auto;    height: 56px;}
.banner img{ width:100%; text-align:center;}
.homeslider{ position: relative; }
#banner{ clear: both; }
.single #banner, .archive #banner, .author #banner{border-bottom: 1px solid rgba(20,22,24,0.8);}
.bannerlogo {
	position: absolute;
	top: 35%;
	left: 30%;
	right: 30%;
	color: #ffffff;
	text-align: center;
	background-color: rgba(66,94,121, 0.7);
	padding: 11px 10px;
	/* margin: 0 auto; */
}
.bannerlogo h1{text-transform: uppercase; margin-bottom: 5px;}
.bannerlogo h1 a{color: #ffffff;}

section li{ list-style:none;}
.header_right li {
float: none;
width: auto;
margin: 0 0px;
display: inline-block;
text-align: center;
border: none;
padding: 0;
border-radius: 0;
}
.header_middle a:hover{text-decoration:none;}
.header_middle.headercommon{ padding: 0; text-align: center; margin: 11px 0 0 0;}
.phone-email .fa, .phone-email a{ color: #ffffff; }
.phone-email a:hover{ text-decoration:underline; }

/*footer*/
footer h3 {	border-bottom: 1px solid #fff; border-top: 1px solid #fff;	padding: 16px 0 16px 0;	margin: 26px 0 26px 0; color: #ffffff; text-transform: uppercase; font-size: 20px; text-align: left;}
.footerinner-top{ background:#4C4C4C; color:#fff; padding-bottom:20px;}
.footerinner-top a{color:#fff;}
.footerinner-bottom{ background:#015cd3; text-align:center; color:#fff; padding:12px 0;}
.footersocial ul{display:inline-block; text-align:center;}
.footersocial li{ list-style:none; display:inline-block; text-align:center; margin:0 5px;}
.footersocial li a.fa,
.header_right li a.fa{font-size:20px; color: #f03e3e;}
.headercommon li a.fa{font-size: 14px;
  color: #228be6;
border-color: #ffffff;
background-color: #ffffff;
  border-radius: 25%;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 33px;
  border: 1px solid #ffffff;
  margin-right: 4px;
}


.phone-email{ color: #ffffff; margin-top: 0;}
.phone-email li{margin:0 22px 0 0 ; display: inline-block;}
.footcommon {
    width: 21%;
    float: none;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin: 0 20px;
}
.footer-top.row {
    text-align: center;
    display: inline-block;
    width: 100%;
}
.creditcopy{ float: right; width: 48%; text-align: right; }
.creditlink{ float: left; width: 48%; text-align: left; }


/*header menu css*/
.toggle{display: block;}
.toggle a{width:100%; color:rgba(0,0,0,0.8); background: #fff; padding:10px 10px; margin-top:0; font-size:16px; text-align:center;}
.toggle a:hover{color:rgba(0,0,0,0.8) !important;}
.sitenav{display:block;}
#main_navigation{ background-color:#ffffff; }
.main_header{width:100%; z-index:999999; top:0; background-color:#fff; box-shadow:0 2px 2px #F6F4F4; }

.sitenav ul li a:focus {    color: #228be6;}
a[href]:focus {    background: #1864ab;    color: #fff;    padding: 5px;}
.headercommon li a.fa:focus{ color: #ffffff;background: #364558; padding:5px;  }
#sidebar ul li a:focus{ color:#ffffff; background: #228be6;}
.header_top .logo a:focus{background: #f8f8f8;
background:
rgba(75%, 75%, 75%, .25);
border-bottom-width: 3px;
margin-bottom: -2px;}

.recent_articles a[href]:focus, #sidebar ul li.recentcomments a.url:focus{
  background-color:#228be6; color: #ffffff;padding: 5px !important;
}
/*.sitenav{display:block;}


/* menu accessibility */
#main_navigation .nav {
  font-family:'Open Sans', sans-serif; font-weight:400; font-size:15px; text-transform:capitalize;
}
#main_navigation .nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#main_navigation .nav ul li {
  float: left;
  position: relative;  
}
#main_navigation .nav ul li a{padding:20px; color:#444444; font-weight:400; }
#main_navigation .nav ul li a:hover{color: #228be6}
#main_navigation .nav ul li:hover, #main_navigation .nav ul li.hover {  z-index: 100;}
#main_navigation .nav ul li:hover ul, #main_navigation .nav ul li.hover ul { left: 0;}
 
#main_navigation .nav ul ul li:hover ul{left: 169px;    top: 0;}
#main_navigation .nav ul li:hover ul li:hover > ul,
#main_navigation .nav ul li.hover ul li.hover > ul,
#main_navigation .nav ul li:focus ul li:focus > ul {
    display: block;
    position: absolute;
    left: 188px;
    top: 1px;
}
#main_navigation .nav ul li:hover ul ul,
#main_navigation .nav ul li:hover ul ul ul,
#main_navigation .nav ul li:hover ul ul ul ul,
#main_navigation .nav ul li:focus ul ul,
#main_navigation .nav ul li:focus ul ul ul,
#main_navigation .nav ul li:focus ul ul ul ul,
#main_navigation .nav ul li.hover ul ul,
#main_navigation .nav ul li.hover ul ul ul,
#main_navigation .nav ul li.hover ul ul ul ul
{
  left: -9999em;
}


#main_navigation .nav ul li:hover ul a, #main_navigation .nav ul li.hover ul a {
  background: white;
  color: #444444;
  padding: 5px 10px;
  width: 168px;
  text-shadow: none;
  margin-top: -1px;
  /* collapses top border */
}
#main_navigation .nav ul li:hover ul a:hover,#main_navigation .nav ul li.current_page_item a , #main_navigation .nav ul li.hover ul a:hover, #main_navigation .nav ul li:hover ul a:focus, #main_navigation .nav ul li.hover ul a:focus, #main_navigation .nav ul li:hover ul a:active,#main_navigation .nav ul li.hover ul a:active {
  /*background: #228be6;*/
  color: #228be6;
  background-color: none;
}
#main_navigation .nav ul a {
  background: none;
  color: #444444;
  text-decoration: none;
  text-shadow: none;
  font-weight: bold;
  padding: 10px;
  display: block;
  position: relative;
  margin-left: -1px;
  /* collapses the left border */
}
#main_navigation .nav ul a:hover, #main_navigation .nav ul a:focus, #main_navigation .nav ul a:active, #main_navigation .nav ul li.hover a {
  /* <- keeps the tab hover state on as the dropdown gets explored */
  background: none;
  color: #228be6;  
}
#main_navigation .nav ul ul,  #main_navigation .nav ul ul ul{
  position: absolute;
  top: 100%;
  left: -9999em;
  width: 180px;
}
#main_navigation .nav ul ul li, #main_navigation .nav ul ul ul li {
  float: none;
  position: static;
}

/*comment */
#comments {	clear: both;	padding: 2em 0 0.5em;}
.comments-title {	font-size: 20px;	font-size: 1.25rem;	margin-bottom: 1.5em;}
.comment-list,
.comment-list .children {	list-style: none;	margin: 0;	padding: 0;}
.comment-list li:before {	display: none;}
.comment-body {	margin-left: 65px;}
.comment-author {	font-size: 16px;	font-size: 1rem;	margin-bottom: 0.4em;	position: relative;	z-index: 2;}
.comment-author .avatar {	height: 50px;	left: -65px;	position: absolute;	width: 50px;}
.comment-author .says {	display: none;}
.comment-meta {	margin-bottom: 1.5em;}
.comment-metadata {	color: #767676;	font-size: 10px;	font-size: 0.625rem;	font-weight: 800;	letter-spacing: 0.1818em;	text-transform: uppercase;}
.comment-metadata a {	color: #767676;}
.comment-metadata a.comment-edit-link {	color: #222;	margin-left: 1em;}
.comment-body {	color: #333;	font-size: 14px;	font-size: 0.875rem;	margin-bottom: 4em;}
.comment-reply-link {	font-weight: 800;	position: relative;}
.comment-reply-link .icon {	color: #222;	left: -2em;	height: 1em;	position: absolute;	top: 0;	width: 1em;}
.children .comment-author .avatar {	height: 30px;	left: -45px;	width: 30px;}
.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {	border: 1px solid #333;	padding: 2px;}
.no-comments,.comment-awaiting-moderation {	color: #767676;	font-size: 14px;	font-size: 0.875rem;	font-style: italic;}
.comments-pagination {	margin: 2em 0 3em;}
.form-submit {	text-align: right;}
#submit, .btn.btn-default, .search-submit {
	background-color: rgba(20,22,24,0.8);
	border: none;
	color: #fff;
	padding: 5px 10px;
}
.search-field {
	display: inline-block;
	width: auto;
	vertical-align: middle;
}
.search-form{ margin-bottom: 5px; }
#searchform input[type="text"]{ padding: 4px; }
#searchform input[type="text"]:focus {
  background-color: #cccccc;
}


/* ============= Comment Form ============ */
h1.screen-reader-text{font:22px 'raleway',san-serif;}
.site-nav-previous, .nav-previous{ float:left;}
.site-nav-next, .nav-next{ float:right;}
h3#reply-title{font:300 18px 'raleway',san-serif;}
#comments{ margin:30px 0 0; padding:0;}
nav#nav-below{ margin-top:15px;}
.single .form-submit {    text-align: left;}
#submit, .btn.btn-default, input[type="submit"]{cursor: pointer; background-color: rgba(20,22,24,0.8); border: none; color: #fff; padding: 5px 10px;}
#submit:hover, .btn.btn-default:hover, input[type="submit"]:hover,
#submit:focus, .btn.btn-default:focus, input[type="submit"]:focus{ background-color: #228be6; color: #ffffff; }
#commentform label{ width: 100%; text-align: left; display: block;}
#commentform #comment{width: 90%; text-align: left;}
#commentform #comment:focus{background-color: #cccccc;}
#commentform .form-submit{text-align: left;}
#commentform .form-submit input{ width: auto; cursor: pointer;; }
#commentform input{ width: 90%; padding: 7px; text-align: left;}