/*
Theme Name: Blox
Theme URI: http://cyberchimps.com/blox-free/
Author: CyberChimps
Author URI: http://www.cyberchimps.com/
Description: Blox Free is a fully Responsive Drag & Drop Starter WordPress Theme that adds amazing new functionality to your WordPress website. Featuring Twitter Bootstrap, and responsive touch friendly theme options that work on any device. Blox Free has visible edit links in the customizer preview. For Support - <a href="https://cyberchimps.com/forum/free/blox/" target="_blank"> Support forum</a> (https://cyberchimps.com/forum/free/blox/).
Version: 1.3
Tags: two-columns, right-sidebar, custom-background, custom-colors, custom-menu, featured-images, post-formats, theme-options, sticky-post, blog, threaded-comments, custom-logo, footer-widgets
Text Domain: blox
License: GNU General Public License version 3
License URI: http://www.opensource.org/licenses/gpl-license.php GPL v3.0 (or later)
*/

@import url(//fonts.googleapis.com/css?family=Arimo|Autour+One);

/********************************************************************************************************************/
/******************************************** MAIN HTML STYLES ******************************************************/
/********************************************************************************************************************/
body {
	background-color: #4c4d4c;
	color: #999;
	word-wrap: break-word;
}

a {
	margin: 1px;
	color: #e76d33;
	text-decoration: none;
	-webkit-transition: color .3s, background-color .3s;
	-moz-transition: color .3s, background-color .3s;
	-ms-transition: color .3s, background-color .3s;
	-o-transition: color .3s, background-color .3s;
	transition: color .3s, background-color .3s;
}

a:hover {
	color: #fbb963;
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
	margin-bottom: 15px;
	font-weight: 400;
}

#archive_page h1 {
	color: #cccccc;
	font-size: 1.3em;
}

table .label {
	padding: 7px;
	background: none;
	text-shadow: none;
	line-height: normal;
}

tr {
	border-bottom: 1px solid #cccccc;
}

tr.odd {
	background-color: #333;
}

td {
	padding: 5px;
}

dt {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 26px;
	font-weight: bold;
}

dd {
	margin-bottom: 15px;
	margin-left: 26px;
}

table {
	margin-bottom: 25px;
}
ul, ol {
	margin: 0 0 25px 0;
}
ol, ul {
  margin-left: 21px;
  list-style-position: inside;
}

pre {
	-moz-border-radius: 0;
	border-radius: 0;
	background-color: #666666;
	color: #eeeeee;
	margin-bottom: 25px;
}

code {
	white-space: pre-wrap;
}

header {
	margin-top: 15px;
	margin-bottom: 15px;
}

.clear {
	clear: both;
}

.clear-right {
	clear: right;
}

.clear-left {
	clear: left;
}
.site-title, .box-widget-title, .entry-title, .widget-title, .recent_posts_post_title,
#callout_section_section, .carousel_caption, .cyberchimps-product-title, .respond-title, .comments-title, #portfolio_pro_section h2, #blox_testimonial_top h2, #contact_us h2 {
  font-family: lobster, cursive;
}
/********************************************************************************************************************/
/******************************************** HEADER ****************************************************************/
/********************************************************************************************************************/

#header_section.container-full-width {
	padding-top: 40px;
	background: #000000;
}

/*======================================= SOCIAL ==============================================*/

header #social .icons a {
	float: right;
	margin-left: 5px;
}

.icons {
	margin-top: 15px;
}

/*======================================= DETAILS =============================================*/

header#cc-header h2.site-title {
	margin-bottom: 20px;
	padding-bottom: 5px;
	font-size: 66px;
	font-size: 5vw;
	line-height: 1;
}

header#cc-header h2.site-title a {
	color: #fbb963;
}

header#cc-header h2.site-title a:hover {
	color: #ffffff;
	text-decoration: none;
}

header#cc-header h2.site-title {
	color: #ffffff;
}

header#cc-header h2.site-description {
	margin: 0;
	font-size: 14px;
}

header#cc-header .contact_details {
	float: right;
}

header#cc-header .register {
	float: right;
}

header#cc-header .blog_description {
	float: right;
}

header#cc-header p {
	font-size: 1.2em;
}

/*======================================= SEARCH ===============================================*/

header #search #searchform {
	float: right;
}

/********************************************************************************************************************/
/******************************************** MENU ******************************************************************/
/********************************************************************************************************************/

#navigation_menu.container-full-width {
	margin-bottom: 25px;
	background: #333333;
}

.main-navigation.navbar {
	margin-top: 12px;
}

.main-navigation .navbar-inner {
	padding: 0;
	border: none;
	background-color: transparent;
	background-image: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.main-navigation .nav > li {
	position: relative;
	margin-right: 14px;
	margin-bottom: 10px;
	background: #000000;
	-webkit-box-shadow: 1px 1px 0 1px #444444, 2px 2px 0 1px #444444, 3px 3px 0 1px #444444, 4px 4px 0 1px #444444, 5px 5px 0 1px #444444, 6px 6px 0 1px #444444, 7px 7px 0 1px #444444, 8px 8px 0 1px #444444, 9px 9px 0 1px #444444, 10px 10px 0 1px #444444;
	-moz-box-shadow: 1px 1px 0 1px #444444, 2px 2px 0 1px #444444, 3px 3px 0 1px #444444, 4px 4px 0 1px #444444, 5px 5px 0 1px #444444, 6px 6px 0 1px #444444, 7px 7px 0 1px #444444, 8px 8px 0 1px #444444, 9px 9px 0 1px #444444, 10px 10px 0 1px #444444;
	box-shadow: 1px 1px 0 1px #444444, 2px 2px 0 1px #444444, 3px 3px 0 1px #444444, 4px 4px 0 1px #444444, 5px 5px 0 1px #444444;
	text-transform: uppercase;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.main-navigation .nav > li > a {
	position: relative;
	padding-left: 30px;
	border: none;
	color: #ffffff;
	text-shadow: none;
}

.main-navigation .nav > li > a:before {
	position: absolute;
	top: 15px;
	left: 0;
	margin-left: 10px;
	width: 10px;
	height: 10px;
	background: #fbb963;
	content: "";
}

.main-navigation .nav > li:hover {
	position: relative;
	top: 5px;
	left: 5px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.main-navigation .nav > li:hover > a {
	border: none;
	background: #222222;
	color: #fbb963;
}

.main-navigation .nav li ul li ul {
	margin-left: 0;
	list-style: none;
}

.main-navigation .nav li ul li ul li a {
	padding-left: 24px;
}

.main-navigation .nav li ul li ul li ul li a {
	padding-left: 30px;
}

.main-navigation .nav li.dropdown:hover ul.dropdown-menu {
	display: block;
	margin-top: 0;
}

.main-navigation .nav li ul li a:hover {
	background: none;
	color: #fab863;
}

#navigation #searchform {
	margin-top: 10px;
}

.navbar-search .search-query {
	outline: none;
	border: 1px solid #111111;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background: #777777;
	color: #eeeeee;
}

.navbar-search input[type=text] {
	outline: none;
	-webkit-transition: border 0.30s ease-in-out;
	-moz-transition: border 0.30s ease-in-out;
	-ms-transition: border 0.30s ease-in-out;
	-o-transition: border 0.30s ease-in-out;
}

.navbar-search input[type=text]:focus {
	border: 1px solid rgba(250, 184, 99, 1);
	box-shadow: 0 0 5px rgba(250, 184, 99, 1);
}

.navbar-search .search-query::-webkit-input-placeholder {
	color: #eeeeee;
}

.navbar-search .search-query:-moz-placeholder {
	color: #eeeeee;
}

.navbar-search .search-query::-moz-placeholder {
	color: #eeeeee;
}

.navbar-search .search-query:-ms-input-placeholder {
	color: #eeeeee;
}

.dropdown-menu {
	/*display: block;*/
	background-color: #555555;
}

.dropdown-menu li >a {
	color: #eeeeee;
}

.navbar .nav>li>.dropdown-menu:before {
	border-bottom: 7px solid #555555;
}

.navbar .nav>li>.dropdown-menu:after {
	border-bottom: 6px solid #555555;
}

.navbar .btn-navbar {
	margin-right: 20px;
	margin-bottom: 5px;
}

.navbar .btn-navbar {
	border-color: #f99c22;
	background: #fab863;
}
.navbar .btn-navbar:hover,
.navbar .btn-navbar:active,
.navbar .btn-navbar.active {
	background: #f99c22;
	color: #fff;
}

.navbar .current-menu-ancestor.dropdown > a {
	color: #ffffff;
}

.navbar .nav li.current-menu-ancestor.dropdown > .dropdown-toggle .caret {
	border-top-color: #ffffff;
	border-bottom-color: #ffffff;
}

@media (max-width: 979px) {

	.main-navigation .nav {
		padding: 0 5px 0 15px;
	}

	.main-navigation .nav > li:hover {
		top: 0px;
		left: 0;
		-webkit-box-shadow: 1px 1px 0 1px #444444, 2px 2px 0 1px #444444, 3px 3px 0 1px #444444, 4px 4px 0 1px #444444, 5px 5px 0 1px #444444;
		-moz-box-shadow: 1px 1px 0 1px #444444, 2px 2px 0 1px #444444, 3px 3px 0 1px #444444, 4px 4px 0 1px #444444, 5px 5px 0 1px #444444;
		box-shadow: 1px 1px 0 1px #444444, 2px 2px 0 1px #444444, 3px 3px 0 1px #444444, 4px 4px 0 1px #444444, 5px 5px 0 1px #444444;
	}

	.main-navigation .nav > li > ul {
		display: block;
	}

	.nav-collapse .nav > li > a,
	.nav-collapse .dropdown-menu a, .nav-collapse .dropdown-menu a {
		font-weight: normal;
	}

	.navbar .nav-collapse .nav > li > a {
		color: #ffffff;
	}

	.nav-collapse .nav > li > a:hover,
	.navbar .nav-collapse .dropdown-menu a:hover {
		text-decoration: none;
	}

	.navbar .nav-collapse .dropdown-menu {
		color: #eeeeee;
	}

	.navbar .nav-collapse .dropdown-menu a {
		color: #eeeeee;
	}

	.navbar .nav-collapse .dropdown-menu a:before {
		padding-right: 5px;
		color: #cccccc;
		content: "»";
	}

	.navbar .nav-collapse .nav > li > a:hover,
	.navbar .nav-collapse .dropdown-menu a:hover {
		border-radius: 0;
		background: #444444;
		color: #ffffff;
	}

	.navbar .nav-collapse .nav > li.current-menu-item > a, .navbar .nav-collapse .nav > li.current-menu-ancestor > a {
		color: #eeeeee;
	}
}

/********************************************************************************************************************/
/******************************************** MAIN CONTENT **********************************************************/
/********************************************************************************************************************/

.container {
	background: transparent;
}

article.post, article.page, article.attachment {
	margin-bottom: 35px;
	padding: 25px;
}

.entry-content {
	margin: 20px 0;
}

.page-header {
	margin-top: 0;
	padding: 0;
	border: none;
}

/*==================================== POST AND PAGE CONTENT ===========================================*/

article {
	background: #222222;
	-webkit-box-shadow: 1px 1px 0 1px #3a3a3a, 2px 2px 0 1px #3a3a3a, 3px 3px 0 1px #3a3a3a, 4px 4px 0 1px #3a3a3a, 5px 5px 0 1px #3a3a3a, 6px 6px 0 1px #3a3a3a, 7px 7px 0 1px #3a3a3a, 8px 8px 0 1px #3a3a3a, 9px 9px 0 1px #3a3a3a, 10px 10px 0 1px #3a3a3a;
	-moz-box-shadow: 1px 1px 0 1px #3a3a3a, 2px 2px 0 1px #3a3a3a, 3px 3px 0 1px #3a3a3a, 4px 4px 0 1px #3a3a3a, 5px 5px 0 1px #3a3a3a, 6px 6px 0 1px #3a3a3a, 7px 7px 0 1px #3a3a3a, 8px 8px 0 1px #3a3a3a, 9px 9px 0 1px #3a3a3a, 10px 10px 0 1px #3a3a3a;
	box-shadow: 1px 1px 0 1px #3a3a3a, 2px 2px 0 1px #3a3a3a, 3px 3px 0 1px #3a3a3a, 4px 4px 0 1px #3a3a3a, 5px 5px 0 1px #3a3a3a, 6px 6px 0 1px #3a3a3a, 7px 7px 0 1px #3a3a3a, 8px 8px 0 1px #3a3a3a, 9px 9px 0 1px #3a3a3a, 10px 10px 0 1px #3a3a3a;
}

.entry-header {
	margin-top: 0;
}

.entry-summary {
	margin: 10px 0;
}

.postformats {
	float: right;
}

.postformats .glyphicon {
	color: #444;
}

blockquote {
	margin: 20px 10px 30px;
	padding: 3px;
	border-left: 2px solid #cccccc;
	background-color: #333;
}

blockquote p {
	margin: 10px;
}

blockquote cite {
	font-size: 0.9em;
}

blockquote cite:before {
	position: relative;
	top: -2px;
	margin: 0 5px;
	content: ' ̶ ';
}

.page-links {
	clear: both;
}

.more-content {
	margin-bottom: 35px;
	padding: 10px;
	background: #222222;
	-webkit-box-shadow: 1px 1px 0 1px #3a3a3a, 2px 2px 0 1px #3a3a3a, 3px 3px 0 1px #3a3a3a, 4px 4px 0 1px #3a3a3a, 5px 5px 0 1px #3a3a3a, 6px 6px 0 1px #3a3a3a, 7px 7px 0 1px #3a3a3a, 8px 8px 0 1px #3a3a3a, 9px 9px 0 1px #3a3a3a, 10px 10px 0 1px #3a3a3a;
	-moz-box-shadow: 1px 1px 0 1px #3a3a3a, 2px 2px 0 1px #3a3a3a, 3px 3px 0 1px #3a3a3a, 4px 4px 0 1px #3a3a3a, 5px 5px 0 1px #3a3a3a, 6px 6px 0 1px #3a3a3a, 7px 7px 0 1px #3a3a3a, 8px 8px 0 1px #3a3a3a, 9px 9px 0 1px #3a3a3a, 10px 10px 0 1px #3a3a3a;
	box-shadow: 1px 1px 0 1px #3a3a3a, 2px 2px 0 1px #3a3a3a, 3px 3px 0 1px #3a3a3a, 4px 4px 0 1px #3a3a3a, 5px 5px 0 1px #3a3a3a, 6px 6px 0 1px #3a3a3a, 7px 7px 0 1px #3a3a3a, 8px 8px 0 1px #3a3a3a, 9px 9px 0 1px #3a3a3a, 10px 10px 0 1px #3a3a3a;
}

.previous-post {
	margin-top: 5px;
	margin-bottom: 0;
	padding-bottom: 0;
	text-align: left;
}

.next-post {
	margin-top: 5px;
	margin-bottom: 0;
	padding-bottom: 0;
	text-align: right;
}

/*==================================== TAXONOMY ========================================================*/

.entry-title {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 2.3em;
	line-height: 1.3em;
}

.entry-title a {
}

.entry-title a:hover {
	color: #f9a435;
	text-decoration: none;
}

article.post p, article.page p {
	font-size: 1.1em;
	line-height: 1.5em;
}

/*==================================== IMAGES ==========================================================*/

.alignnone {
	display: block;
	margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto
}

img.size-full {
	max-width: 100%;
	height: auto;
}

.wp-caption {
	padding: 15px 3px 10px;
	max-width: 96%;
	border: 1px solid #f0f0f0; /* Image does not overflow the content area */
	background: #ffffff;
	text-align: center;
}

.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	max-width: 95%;
	width: auto;
	height: auto;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	margin: 0;
	padding: 0 4px 5px;
	font-size: 11px;
	line-height: 17px;
}

.caption_title {
	font-size: 16px;
}

.gallery-pagination {
	margin: 20px 0;
}

.gallery-pagination .previous-image a {
	float: left;
}

.gallery-pagination .next-image a {
	float: right;
}

article .featured-image {
	float: left;
	margin: 0 10px 10px 0;
}

/*==================================== META ============================================================*/

.entry-meta {
	margin-top: 6px;
	margin-bottom: 0;
	margin-left: -25px;
	padding-top: 0;
	padding-bottom: 0;
	/*background: #eee;*/
	padding-left: 25px;
	color: #999999;
	font-size: 0.9em;
}

.entry-meta a {
	color: #999999;
}

footer.entry-meta {
	clear: both;
	margin: 0 -25px -25px;
	padding-top: 10px;
	padding-bottom: 11px;
	background: none;
	background: #000000;
	color: #999999;
}

footer.entry-meta a {
	color: #999999;
}

.edit-link {
	margin-bottom: 10px;
}

.edit-link a {
	padding: 2px 4px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #333;
	color: #ccc;
}

.edit-link a:visited {
	color: #ccc;
}

.edit-link a:hover {
	color: #fff;
	text-decoration: none;
}

.cyberchimps_article_share {
	float: right;
}

/*==================================== COMMENTS ========================================================*/

.comments-area {
	margin-bottom: 15px;
	padding: 15px;
	background: #4b4d4b;
}

#comments .navigation {
	padding: 0 0 18px 0;
}

label[for="comment"] {
	display: block;
}

ol.commentlist {
	list-style: none;
}

ol.commentlist p {
	clear: left;
	margin-left: 8px;
}

ol.commentlist li.comment {
	padding: 10px;
}

ol.commentlist li.comment div.vcard cite.fn {
	font-style: normal;
}

ol.commentlist li.comment div.vcard img.avatar {
	margin: 0 10px 10px 10px;
}

ol.commentlist li.comment div.comment-meta {
	font-size: 11px;
}

ol.commentlist li.comment div.comment-meta a {
	color: #888888;
}

ol.commentlist li.comment div.reply {
	margin-left: 8px;
	font-size: 11px;
}

ol.commentlist li.comment div.reply a {
	font-weight: bold;
}

ol.commentlist li.comment ul.children {
	margin: 10px 0 0;
	list-style: none;
}

ol.commentlist li.comment ul.children li.depth-2 {
	margin: 0 0 10px 10px;
}

ol.commentlist li.comment ul.children li.depth-3 {
	margin: 0 0 10px 10px;
}

ol.commentlist li.comment ul.children li.depth-4 {
	margin: 0 0 10px 10px;
}

ol.commentlist li.even {
	border: 1px solid #4a4d4a;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #4a4d4a;
}

ol.commentlist li.odd {
	border: 1px solid #4a4d4a;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #4a4d4a;
}

ol.commentlist li.odd article.hreview {
	background: #2b2c2b;
}

.comment, .trackback, .pingback {
	margin: 10px 0 10px 0;
	padding: 10px;
}

.odd {
	background: #f8f8f8;
}

#form-allowed-tags code {
	font-size: 12px;
}

#respond input, #respond textarea {
	overflow: auto;
	margin: 0 5px 5px 0;
}

#respond textarea {
	width: 99%;
	height: 150px;
}

.avatar {
	float: left;
}

/********************************************************************************************************************/
/******************************************** SIDEBAR & WIDGETS *****************************************************/
/********************************************************************************************************************/

.widget-container {
	margin-bottom: 20px;
	padding: 15px;
	background: #000000;
	-webkit-box-shadow: 1px 1px 0 1px #3a3a3a, 2px 2px 0 1px #3a3a3a, 3px 3px 0 1px #3a3a3a, 4px 4px 0 1px #3a3a3a, 5px 5px 0 1px #3a3a3a, 6px 6px 0 1px #3a3a3a, 7px 7px 0 1px #3a3a3a, 8px 8px 0 1px #3a3a3a, 9px 9px 0 1px #3a3a3a, 10px 10px 0 1px #3a3a3a;
	-moz-box-shadow: 1px 1px 0 1px #3a3a3a, 2px 2px 0 1px #3a3a3a, 3px 3px 0 1px #3a3a3a, 4px 4px 0 1px #3a3a3a, 5px 5px 0 1px #3a3a3a, 6px 6px 0 1px #3a3a3a, 7px 7px 0 1px #3a3a3a, 8px 8px 0 1px #3a3a3a, 9px 9px 0 1px #3a3a3a, 10px 10px 0 1px #3a3a3a;
	box-shadow: 1px 1px 0 1px #3a3a3a, 2px 2px 0 1px #3a3a3a, 3px 3px 0 1px #3a3a3a, 4px 4px 0 1px #3a3a3a, 5px 5px 0 1px #3a3a3a, 6px 6px 0 1px #3a3a3a, 7px 7px 0 1px #3a3a3a, 8px 8px 0 1px #3a3a3a, 9px 9px 0 1px #3a3a3a, 10px 10px 0 1px #3a3a3a;
}

h3.widget-title {
	margin-top: 0;
	margin-bottom: 9px;
	color: #fbb963;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1.1em;
	line-height: 1.3em;
}

h3.widget-title:before {
	display: block;
	float: left;
	margin-top: 4px;
	margin-right: 8px;
	width: 10px;
	height: 10px;
	background: #f05927;
	content: "";
}

.widget-container ul, .widget ul {
	margin-left: 0px;
}

.widget-container ul li, .widget ul li {
	padding-top: 5px;
	padding-bottom: 5px;
	list-style: none;
	font-size: 14px;
	line-height: 1.3em;
}

.widget-container ul li a, .widget ul li a {
	color: #eeeeee;
}

table#wp-calendar {
	width: 100%;
}

table#wp-calendar th {
	font-size: 14px;
}

table#wp-calendar td {
	padding: 5px 0;
	width: 14.28571428571429%;
	text-align: center;
	font-size: 14px;
}

.widget-container #searchform.pull-right {
	margin-right: 30px;
}

.widget-container #searchform input.input-medium {
	display: inline-block;
	float: none;
	width: 100%;
}

/*==================================== SEARCH FORM ====================================================*/

#searchform {
	margin-bottom: 5px;
}

/********************************************************************************************************************/
/******************************************** FOOTER ****************************************************************/
/********************************************************************************************************************/

#footer-widgets {
	margin-bottom: 20px;
}

#footer-widgets .widget-container {
	border: none;
}

#footer-widget-container {
	background: transparent;
}

#after_footer.container-full-width {
	background: #000000;
}

.site-footer {
	margin-top: 20px;
	margin-bottom: 20px;
}

.site-footer #copyright {
	text-align: right;
}

/*================================== FOOTER MENU ================================================= */

#footer_menu {
	padding: 20px 0 0;
	background: #000000;
	text-align: center;
}

#footer_menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}

#footer_menu li {
	display: inline;
	margin-right: 5px;
}

#footer_menu li a {
	text-decoration: none;
}

#footer_menu li a::after {
	margin-left: 5px;
	content: ' | ';
}

#footer_menu li a:hover::after {
	color: #0088cc;
}

#footer_menu li:last-child a::after {
	content: '';
}

/********************************************************************************************************************/
/******************************************** WORDPRESS DEFAULTS ****************************************************/
/********************************************************************************************************************/

.sticky {
}

.gallery-caption {
}

.bypostauthor {
}

/********************************************************************************************************************/
/******************************************** ELEMENTS **************************************************************/
/********************************************************************************************************************/

.box, .carousel, #recent_posts, #twitter_bar #twitter_text li, #cyberchimps_product, #portfolio #portfolio_wrap .portfolio-item, #callout {
	-webkit-box-shadow: 1px 1px 0 1px #3a3a3a, 2px 2px 0 1px #3a3a3a, 3px 3px 0 1px #3a3a3a, 4px 4px 0 1px #3a3a3a, 5px 5px 0 1px #3a3a3a, 6px 6px 0 1px #3a3a3a, 7px 7px 0 1px #3a3a3a, 8px 8px 0 1px #3a3a3a, 9px 9px 0 1px #3a3a3a, 10px 10px 0 1px #3a3a3a;
	-moz-box-shadow: 1px 1px 0 1px #3a3a3a, 2px 2px 0 1px #3a3a3a, 3px 3px 0 1px #3a3a3a, 4px 4px 0 1px #3a3a3a, 5px 5px 0 1px #3a3a3a, 6px 6px 0 1px #3a3a3a, 7px 7px 0 1px #3a3a3a, 8px 8px 0 1px #3a3a3a, 9px 9px 0 1px #3a3a3a, 10px 10px 0 1px #3a3a3a;
	box-shadow: 1px 1px 0 1px #3a3a3a, 2px 2px 0 1px #3a3a3a, 3px 3px 0 1px #3a3a3a, 4px 4px 0 1px #3a3a3a, 5px 5px 0 1px #3a3a3a, 6px 6px 0 1px #3a3a3a, 7px 7px 0 1px #3a3a3a, 8px 8px 0 1px #3a3a3a, 9px 9px 0 1px #3a3a3a, 10px 10px 0 1px #3a3a3a;
}

/*==================================== SLIDER =====================================================*/

#page_slider_section.container-full-width {
	background: rgb(76, 77, 76);
}

#slider_lite .carousel-control {
	border-color: #fbb963;
	border-radius: 0;
	color: #fbb963;
	line-height: 30px;
}

#slider_lite {
	margin-bottom: 35px;
}

#slider_lite .item > a {
    margin: 0;
}

/*==================================== WIDGET BOXES ===============================================*/

.box {
	margin-bottom: 35px;
	padding: 20px;
	color: #777;
	background: #000000;
}

h2.box-widget-title {
	margin-top: 10px;
	margin-bottom: 15px;
	color: #fbb963;
	text-align: center;
	font-size: 1.4em;
	line-height: 1em;
}

.box p {
	text-align: center;
	font-size: 1.0em;
	line-height: 1.6em;
	margin-top: 15px;
}

/*==================================== BOXES ======================================================*/

#boxes_container .box a {
	display: block;
	width: 100%;
	color: #eeeeee;
	text-align: center;
}

#boxes_container .box a:hover {
	color: #cccccc;
}

#boxes_container .box-no-url {
	cursor: default;
}

/*==================================== PORTFOLIO ===================================================*/

#portfolio {
	margin-bottom: 15px;
}

#gallery {
	background: transparent;
}

#gallery ul.row-fluid {
	margin: 0;
	padding: 0;
}

#gallery h2 {
	margin-top: 0;
	font-weight: 400;
	font-size: 1.6em;
	line-height: 1em;
}

#gallery ul.row-fluid li#portfolio_wrap {
	text-align: center;
}

#gallery ul.row-fluid li#portfolio_wrap .portfolio-item {
	margin-top: 10px;
	margin-bottom: 25px;
	padding: 20px 20px;
	background: #000000;
}

a .portfolio-caption {
	padding-top: 10px;
}

/********************************************************************************************************************/
/****************************************** MEDIA QUERIES ***********************************************************/
/********************************************************************************************************************/

/*==================================== TABLETS ====================================================*/

@media (max-width: 767px) {
	header#cc-header h2.site-title {
		font-size: 45px;
		font-size: 7vw;
	}
}

/*==================================== PHONES ====================================================*/

@media (max-width: 480px) {
	header#cc-header .span7 {
		text-align: center;
	}

	header#cc-header .span5 {
		text-align: center;
	}

	header#cc-header .span5 div.icons a {
		float: none;
	}

	header#cc-header .span5 div.blog-description {
		float: none;
	}

	header#cc-header .span5 div.register {
		float: none;
	}

	header#cc-header .span5 #searchform {
		float: none;
	}

	header#cc-header h2.site-title {
		font-size: 30px;
		font-size: 10vw;
	}
}
/* For box content exceeding the box div*/
.box.span4 {
    display: flex;
    flex-wrap: wrap;
}



/*============= Testimonial ==========*/


.blox_main_title{
      margin-top: 80px;
      text-align: center;
      font-size: 1.8em;
  }
  ul.slides {
      margin-left: 0;
  }
  .flexslider .slides > li {
    display: block;
    -webkit-backface-visibility: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
 }

	.slides.blox_carousel {
    max-width: 100%;
    display: inline-block;
    padding-top: 20px;
    width: auto !important;
}

	#testimonial_section .blox_short_desc {
      margin-top: 80px;
}

  #testimonial_section {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0% 0%; }
    #testimonial_section .img-responsive {
      -webkit-border-radius: 100%;
         -moz-border-radius: 100%;
              border-radius: 100%;
      border: 5px solid #fff; }
    #testimonial_section .flexslider {
      background: transparent;
      border: none;
      width: 100%;
      margin: 0 auto;
      left: 0;
      right: 0; }
    #testimonial_section .blox_slider_text_img {
      color: #fff; }
      #testimonial_section .blox_slider_text_img li {
	    width: auto;
        text-align: center;
	}

    #testimonial_section .blox_testimonial_author {
      font-weight: 600;
      font-size: 1.125em; }
    #testimonial_section .blox_testimonial_abt_author {
      font-weight: 500;
      margin-bottom: 12%; }
    #testimonial_section .after_testimonial_text {
      margin: 25px auto;
      padding: 0;
      max-width: 84px;
      border: 0;
      border-top: solid 2px #cd834a;
      text-align: center;
      background: transparent; }
    #testimonial_section #carousel2.flexslider {
      position: absolute;
      bottom: -20%; }
    #testimonial_section .flex-active-slide img {
      border-color: #cd834a; }
    #testimonial_section .flex-active-slide .arrow-top {
      position: absolute;
      border-right: 10px solid transparent;
      border-bottom: 10px solid #e14c3d;
      border-left: 10px solid transparent;
      top: 12px;
      left: 13%; }
    #testimonial_section .flex-viewport {
      text-align: center; }
    testimonial_section .flexslider .slides {
      padding-bottom: 30px; }

    #testimonial_section{
        color: #fff;
        position: relative;
        font-size: 16px;
    }
    .blox_main_title{
        margin-top: 80px;
        text-align: center;
    }
    .flex-direction-nav{
        display: none;
    }

	/* =============================== Contact Section  ========================== */
	.contactus_wrapper{
	    padding: 0 0 3% 0;
	    color: #fff;

	}
	.contactus_wrapper.span12
	{
	     margin: 0 auto;
	}

	#contact_us input[type="text"], #contact_us textarea{
	    width: 96%;
	    padding: 10px;
	    border: none;
	    border-radius: 2px;
	    margin-bottom: 12px;

	}
	.contact_left_sec{
	    font-size: 16px;
	    line-height: 1.8;
	}
	.fa
	{
	    font-size: 30px;
	}
	.contact_right_sec input[type="submit"]
	{
	    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #cd834a 0%, #9e663d 100%) repeat scroll 0 0;
	    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	    color: #fff;
	    font-family: lobster,cursive;
	    font-size: 17.5px;
	    border: none;
	    border-radius: 3px;
	    padding: 15px 55px;
	    margin: 2% 32%;


	}
	.contact_title{
	    text-align: center;
	    color: #fff;
	    padding-top: 20px;
	    font-size: 1.8em;
	}

	@media all and (max-width: 767px) {
	    .contact_left_sec
	    {
	        text-align: center;
	    }
	    .contactus_wrapper.span12
	    {
	        padding: 20px 30px;
	    }
	    .contact_addr {
	    padding-bottom: 10px;
	    }
	    .blox_testimonial_text{
	    padding: 0 20px;
	    }
	}
	/* ========================== Contact details in header  =========================== */

	.contact_details{
	    font-family: lobster,cursive;
	    font-size: 20px;
	    letter-spacing: 1px;
	}
	.contact_details:before{
	    font-family: "FontAwesome";
	    content: "\f095";
	}
	#register
	{
	    padding: 12px 0 0 0;
	}


	.entry-content ol,
	.entry-content ul,
	.entry-summary ol,
	.entry-summary ul{
		margin-left: 2.9em;
	}

	.entry-content ol.wp-block-gallery,
	.entry-content ul.wp-block-gallery,
	.entry-summary ol.wp-block-gallery,
	.entry-summary ul.wp-block-gallery {
		display: flex;
	    flex-wrap: wrap;
	    list-style-type: none;
	}

	audio, canvas, video {
	    display: inline-block;
	    width: 100%;
	}

	.wp-block-column p {
	    padding: 0 14px;
	}

	.wp-block-gallery .blocks-gallery-item figcaption {
	        padding: 40px 0;
	}