/*
Theme Name: Eclipse Pro 2
Theme URI: http://cyberchimps.com/eclipsepro/
Author: CyberChimps
Author URI: http://www.cyberchimps.com/
Description: Eclipse 2 now offers touch friendly Responsive design, as well as Responsive Drag and Drop Theme Options that responds automatically to mobile devices such as the iPhone, iPad, and Android. Eclipse Pro also includes Drag and Drop Elements such as the Portfolio Element, Responsive Feature Slider, Product Element, Page Content, Image Carousel, Twitter bar, Widgetized boxes, and Callout section. All of which can be used on a per-page basis using Drag and Drop Page Options that also include sidebar and layout options giving you the power to control the look and feel of every page of your website. We have also added 5 new colored skins to select from!
Version: 2.0.1.3
Tags: white, black, silver, light, two-columns, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-menu, featured-images, flexible-header, post-formats, theme-options, threaded-comments, sticky-post
License: GNU General Public License
License URI: http://www.opensource.org/licenses/gpl-license.php GPL v2.0 (or later)
*/


/********************************************************************************************************************/
/******************************************** MAIN HTML STYLES ******************************************************/
/********************************************************************************************************************/
body {
	color: #ccc;
	background: url('images/bg.png');
	font-family: 'Open Sans', sans-serif;
}
h1, h3, h4, h5, h6 {
	color: #666;
 	margin-bottom: 15px;
	font-weight: 400;
}
h2 {
	color: #ff4200;
	margin-bottom: 10px;
	line-height: 1.25em;
	font-size: 28px;
	font-weight: 400;
}
a {
	color: #696969;
}
a:hover {
	color: #ff6600;
}
table .label {
  background: none;
  padding: 7px;
  line-height: normal;
  text-shadow: none;
}
tr {
  border-bottom: 1px solid #ccc;
}
td { 
	padding: 2px 2px 2px 2px;
}
dt {
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 26px; 
}
dd {
  margin-bottom: 15px;
  margin-left: 26px;
}
ul, ol { 
	margin: 0 0 10px 0;
}
ol, ul {
  list-style-position: inside;
  margin-left: 21px;
}
pre {
  -moz-border-radius: 0;
  border-radius: 0;
}
code {
	white-space: pre-wrap;
}
header {
	margin-top: 15px;
  margin-bottom: 15px;
}
input[type=submit] {
	font-size: 18px;
	padding: 4px 57px 4px 57px;
	margin-top: 0px;
	border: 1px solid #484848;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #ff7200;
	color: #fff;
	font-weight: 350;
}
input[type=submit]:hover {
	background: #ff4800;
}
.clear {
  clear: both;
}
.clear-right {
	clear: right;
}
.clear-left {
	clear: left;
}

/********************************************************************************************************************/
/******************************************** HEADER ****************************************************************/
/********************************************************************************************************************/

/*======================================= TOP HEADER ==========================================*/

#top_header {
	padding: 5px 0;
	background: #000 url('images/mainbg.jpg') no-repeat top center;
	border-bottom: 1px solid #3d3d3d;
	padding-right: 0px;
	padding-left: 0px;
}
@media (max-width: 980px) {
	#top_header {
	margin-left: 0px;
	margin-right; 0px;
	padding-right: 0px;
	padding-left: 0px;
	}
}
#top_header .top-head-description {
	display: table;
	width: 100%;
	margin-top: 0px;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	line-height: 1em;
	margin-left: 0px;
	margin-right; 0px;
	padding-right: 0px;
	padding-left: 0px;
}

/*======================================= MAIN HEADER =========================================*/

#main_header {
	position: relative;
	margin-bottom: 2px;
	border-top: 0px solid #2E2F30;
	border-bottom: 1px solid #2E2F30;
	min-height: 49px;
	max-height:49px;
	background: #000 url('images/headerbgdark.png');
}
	

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

.top-head-social #social .icons a {
  float: left;
	width: 20px;
	height: auto;
	margin-top: 5px;
  margin-left: 5px;
}
.top-head-social #social .icons a img {
	width: 20px;
	height: auto;
}

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

header#cc-header h1.site-title {
	font-size: 34px;
	font-weight: 600;
	margin-top: 20px;
	line-height: 47.5px;
}
header#cc-header h1.site-title a {
	color: #f8f8f8;
}
header#cc-header h1.site-title a:hover {
	color: #ccc;
	text-decoration: none;
}
header#cc-header h2.site-description {
	font-size: 14px;
	margin: 0;
}
header#cc-header #logo {
  margin-top: 30px;
}
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 {
	position: relative;
 	margin: 0px 0px 0px 0px;
	text-align: center;
}
.main-navigation.navbar {
	margin: 0 0 0 0;
}
.main-navigation .navbar-inner {
	display:block;
	padding: 0 0 0 0;
	background-color: transparent;
	background-image: none;
	height:100%;
	width:100%;
	filter: none;
	border: none;
  -webkit-border-radius: 0;
  border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.main-navigation .nav > li {
	position: center;
	margin: 0px 5px 0px 5px;
}
.main-navigation .nav > li > a {
	position: top;
	background: url('images/headerbgdark1.png') no-repeat top;
	color: #b3b3b3;
	font-size: 19px;
	line-height: 49px;
	cursor: pointer;
	margin: 0px 5px 0px 5px;
	padding: 0px 5px 0px 5px;
	width: 100%;
	text-shadow: none;
}
.main-navigation .nav > li > a:hover, .main-navigation .nav > li.current-page-ancestor > a {
	position: center;
	color: #fff;
	background: url('images/headerbgdarkhover.png') no-repeat top;
	margin: 0px 5px 0px 5px;
	height: 49px;
	width: 100%;
	text-decoration: none;
}
.main-navigation .nav > .active > a, .main-navigation .nav > .active > a:hover, .main-navigation .nav > .active > a:focus, .main-navigation .nav li.dropdown.open > .dropdown-toggle, .main-navigation .nav li.dropdown.active > .dropdown-toggle, .main-navigation .nav li.dropdown.open.active > .dropdown-toggle {
	color: #ffffff;
	background: url('images/headerbgdarkactive.png') no-repeat top center;
	text-decoration: none;
	margin: 0px 5px 0px 5px
	background-color: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.main-navigation .nav li.dropdown > a.dropdown-toggle .caret, .caret {
	border-top-color: #b3b3b3;
	border-bottom-color: #b3b3b3;
}
.main-navigation .nav li.dropdown > a.dropdown-toggle:hover .caret, .main-navigation .nav li.dropdown.open > .dropdown-toggle .caret, .main-navigation .nav li.dropdown.active > .dropdown-toggle .caret, .main-navigation .nav li.dropdown.open.active > .dropdown-toggle .caret, .main-navigation .nav li.current-page-ancestor > a.dropdown-toggle > .caret {
	border-top-color: #fff;
	border-bottom-color: #fff;
}
.main-navigation .nav li.dropdown:hover ul.dropdown-menu {
  display: block;
	margin-top: 0;
}
.dropdown-menu {
	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}
.main-navigation .nav > li > .dropdown-menu:before {
	position: absolute;
	top: -7px;
	left: 9px;
	display: inline-block;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #000;
	border-left: 7px solid transparent;
	border-bottom-color: rgba(0,0,0,0.75);
	content: '';
}
.main-navigation .nav > li > .dropdown-menu:after {
	position: absolute;
	top: -6px;
	left: 10px;
	display: inline-block;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #000;
	border-left: 6px solid transparent;
	border-bottom-color: rgba(0,0,0,0.75);
	content: '';
}
.dropdown-menu li > a {
	color: #ccc;
}
.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
	color: #fff;
	background-color: transparent;
	background-image: none;
	filter: none;
}
.main-navigation .nav li ul li ul {
  list-style: none;
  margin-left: 0;
}
.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;
}

/* Mobile Menu */

.navbar .btn-navbar {
	background-image: url('http://www.f1wheelandtyre.com.au/wp-content/themes/f1/images/mobilebutton.gif');
	background-position: left;
	background-repeat: no-repeat;
	background-color: #333;
	border-color: #1a1a1a #1a1a1a #111;
	border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	filter: none;
	min-width: 200px;
	max-width: 200px;
	z-index: 100;
	color: #333;
}
.navbar .btn-navbar .icon-bar {
	background-color: #ff4e00;
}
.navbar .btn-navbar:hover,
.navbar .btn-navbar:active,
.navbar .btn-navbar.active {
	background-color: #333;
	color: #333;
	z-index: 100;
	background-position: left;
}
.main-navigation .nav-collapse.in.collapse .nav li a {
	color: #666;
	font-weight: normal;
	position: relative;
	z-index: 100;
}
.main-navigation .nav-collapse.in.collapse .nav li.dropdown a .caret {
	display: none;
}
.main-navigation .nav-collapse.in.collapse .nav li a:hover,
.main-navigation .nav-collapse.in.collapse .dropdown-menu a:hover {
	color: #fff;
	background-color: transparent;
}
.main-navigation .nav-collapse.in.collapse .dropdown-menu {
	display: block;
}
.main-navigation .nav-collapse.in.collapse .dropdown-menu::before {
	display: none;
}
.main-navigation .nav-collapse.in.collapse .dropdown-menu::after {
	display: none;
}
.main-navigation .nav-collapse.in.collapse .nav li.current_page_item > a,
.main-navigation .nav-collapse.in.collapse .nav li.current-menu-item > a {
	color: #fff;
}

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

.container {
  background: transparent;
}
article.post, article.page, article.attachment {
  margin-bottom: 20px;
  padding-bottom: 10px;
}
article.single {
	border-bottom: none;
}
.entry-content {
  margin: 20px 0;
}
.page-header {
  margin-top: 0;
  padding: 0;
  border: none;
}
.featured-image {
margin-top: 4px;
margin-right: 12px;
margin-bottom: 10px;
float: left;
}

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

article {
  background: transparent;
}
@media (max-width: 980px) {
	article .row-fluid .span12 {
		width: 100%;
		margin-left: 0;
	}
}
.entry-header {
  margin-top: 0;
}
.entry-summary {
  margin: 10px 0;
}
.postformats {
  float: right;
	margin-bottom: 25px;
	background: #08c;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
@media (max-width: 980px) {
	.postformats {
		float: left;
		margin: 0 10px 0 0;
	}
	.postformats img {
		width: 20px;
		height: auto;
	}
}
blockquote { 
	background-color: #333;
	background-color: rgba(0,0,0,0.1);
	margin: 20px 10px;
	padding: 3px;
	border-left: 5px solid #1a1a1a;
}
blockquote p {
  margin: 10px;
}
blockquote cite {
  font-size: 0.9em;
}
blockquote cite:before {
  content: ' ? ';
  position: relative;
  top: -2px;
  margin: 0 5px; 
}
.page-links {
  clear: both;
}
.more-content {
  border-top: 1px solid #3D3D3D;
	border-bottom: 1px solid #3D3D3D;
	margin-bottom: 15px;
	padding: 10px 0;
  background: transparent;
}
.more-content a {
	color: #555;
	line-height: 1em;
	text-decoration: none;
}
.more-content a:hover {
	color: #ff6600;
	text-decoration: none;
}
.more-content .previous-post {
  text-align: left;
	min-height: 1px;
  padding: 0 0 0 25px;
	background: url('images/previouspost.png') 0 50% no-repeat;
}
.more-content .next-post {
  text-align: right;
	min-height: 1px;
  padding: 0 25px 0 0;
	background: url('images/nextpost.png') 100% 50% no-repeat;
}

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

h2.entry-title {
  margin-top: 0;
  margin-bottom: 32px;
  line-height: 1.25em;
	font-size: 26px;
	font-weight: 400;
}
h2.entry-title a {
  color: #000;
}
h2.entry-title a:hover {
  color: #ccc;
	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-left: auto;
  margin-right: auto
}
img.size-full {
	max-width: 100%;
	height: auto;
}
.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%; /* Image does not overflow the content area */
  padding: 15px 3px 10px;
  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 {
  border: 0 none;
  height: auto;
  margin:0;
  max-width: 95%;
  padding:0;
  width: auto;
}
.wp-caption p.wp-caption-text {
  font-size:11px;
  line-height:17px;
  margin:0;
  padding:0 4px 5px;
}
.caption_title {
  font-size:16px;
}
.gallery-pagination {
  margin: 20px 0;
}
.gallery-pagination .previous-image a {
  float: left;
}
.gallery-pagination .next-image a {
  float: right;
}

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

footer .entry-meta {
  color: #e6e6e6;
  margin-top: 0;
	margin-right: 25px;
  font-size: 0.85em;
}
footer .entry-meta:after {
	display: table;
	content: '';
	line-height: 0;
	clear: both;
}
footer .meta-item {
	float: right;
	clear: right;
	margin-bottom: 5px;
	padding-right: 25px;
	text-align: right;
}
footer .meta-item a {
	color: #666;
}
footer .meta-item a:hover {
	color: #aaa;
	text-decoration: none;
}
footer .entry-date {
	background: url('images/icons/cal.png') 100% 50% no-repeat;
}
footer .entry-author {
	background: url('images/icons/author.png') 100% 50% no-repeat;
}
footer .entry-cats {
	background: url('images/icons/cat.png') 100% 50% no-repeat;
}
footer .entry-tags {
	background: url('images/icons/tags.png') 100% 50% no-repeat;
}
footer .entry-comments {
	background: url('images/icons/comments.png') 100% 50% no-repeat;
}
.edit-link {
	float: right;
	clear: right;
	margin-top: 10px;
  margin-bottom: 10px;
}
.edit-link a {
  color: #fff;
  background: #888;
  padding: 2px 4px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.edit-link a:visited {
  color: #fff;
}
.edit-link a:hover {
  text-decoration: none;
  color: #ccc;
}
.cyberchimps_article_share {
  float: right;
}
@media (max-width: 980px) {
	footer .entry-meta {
		color: #e6e6e6;
		margin-top: 0;
		margin-right: 25px;
		font-size: 0.85em;
	}
	footer .meta-item {
		float: left;
		clear: none;
		margin-right: 10px;
		margin-bottom: 5px;
		padding-right: 25px;
		text-align: left;
	}
	footer .meta-item a {
		color: #e6e6e6;
	}
	footer .meta-item a:hover {
		color: #aaa;
		text-decoration: underline;
	}
	footer .entry-date {
		background: url('images/icons/cal.png') 100% 50% no-repeat;
	}
	footer .entry-author {
		background: url('images/icons/author.png') 100% 50% no-repeat;
	}
	footer .entry-cats {
		background: url('images/icons/cat.png') 100% 50% no-repeat;
	}
	footer .entry-tags {
		background: url('images/icons/tags.png') 100% 50% no-repeat;
	}
	footer .entry-comments {
		background: url('images/icons/comments.png') 100% 50% no-repeat;
	}
	.edit-link {
		float: left;
		clear: none;
		margin: 0;
	}
}

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

.comments-area {
  margin-bottom: 15px;
  padding: 15px;
  background: transparent;
}
#comments .navigation {
  padding: 0 0 18px 0;
}
label[for="comment"] {
  display: block;
}
ol.commentlist {
  list-style: none;
}
ol.commentlist li.comment {
	width: 100%;
	margin-bottom: 40px
}
ol.commentlist li.comment::after {
	clear: both;
	display: table;
	line-height: 0;
	content: "";
}
ol.commentlist li.comment .comment-avatar {
	float: left;
	width: 15%;
}
ol.commentlist li.comment .comment-avatar img {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 3px;
}
ol.commentlist li.comment section.comment-main-container {
	position: relative;
	float: left;
	width: 85%;
	background: #ffffff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 3px;
}
ol.commentlist li.comment section.comment-main-container::before {
	position: absolute;
	top: 30px;
	left: -10px;
	display: inline-block;
	border-top: 10px solid transparent;
	border-right: 10px solid #1a1a1a;
	border-bottom: 10px solid transparent;
	content: '';
}
ol.commentlist li.comment .comment-main {
	padding: 20px;
}
ol.commentlist li.comment .comment-main .comment-author {
	float: left;
	width: 49%;
}
ol.commentlist li.comment .comment-main a {
	color: #aaa;
	font-weight: bold;
	text-decoration: underline;
}
ol.commentlist li.comment .comment-main a:hover {
	text-decoration: none;
}
ol.commentlist li.comment .comment-main .comment-meta {
	float: left;
	width: 49%;
	font-size: 12px;
	text-align: right;
}
ol.commentlist li.comment .comment-main .comment-meta span.reply a {
	color: #55b8d5;
	font-weight: bold;
}
ol.commentlist li.comment ul.children {
  list-style: none;
  margin: 10px 0 0;
}
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;
}
#form-allowed-tags code {
  font-size:12px;
}
#respond input, #respond textarea {
  margin:0 5px 5px 0;
  overflow:auto;
}
#respond textarea {
  width:99%;
  height:150px;
}
.avatar {
  float:left;
}


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

.widget-container {
  margin-bottom: 15px;
  padding: 20px;
  background: transparent;
}
h3.widget-title {
	color: #ff4200;
	font-size: 15px;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 5px;
  line-height: 1em;
}
.widget-container ul, .widget ul {
  margin-left: 5px;
}
.widget-container ul li, .widget ul li {
  font-size: 13px;
  line-height: 1.8em;
  list-style: none;
}
.widget-container ul li a, .widget ul li a {
	color: #777;
	text-decoration: none;
}
.widget-container ul li a:hover, .widget ul li a:hover {
	color: #ffa200;
	text-decoration: none;
}
table#wp-calendar {
  width: 100%;
}
table#wp-calendar th {
	font-size: 14px;
}
table#wp-calendar td {
	font-size: 14px;
	width: 14.28571428571429%;
	padding: 5px 0;
  text-align: center;
}
table#wp-calendar td {
  text-align: center;
}
.widget-container #searchform.pull-right {
	margin-right: 30px;
}
.widget-container #searchform input.input-medium {
	float: none;
	display: inline-block;
	width: 100%;
}

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

#searchform {
	margin-bottom: 5px;
}
#searchform .search-query {
	line-height: 1.5em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

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

#footer-full {
	margin-top: 10px;
	padding-top: 10px;
	background: #000 url('images/footer.png');
	background-repeat: repeat-x;
}
#footer-widgets {
  margin-bottom: 5px;
}
#footer-widgets .widget-container {
  border: none;
}
#footer-widget-container {
	color: #5b5b5b;
  background: transparent;
}
#footer-widget-container h3.widget-title {
	text-transform: uppercase;
}
#footer-widget-container li {
	padding-left: 0;
	color: #777;
	font-size: 13px;
	border-bottom: 0px solid #3d3d3d;
}
#footer-widget-container a {
	line-height: 2em;
	color: #d4d4d4;
}
#footer-widget-container a:hover {
	color: #ff6600;
	text-decoration: underline;
}
#after_footer {
	padding: 0 0 0 0;
	background: #000 url('images/afterfooter.png') repeat;
	background-color: #000;
}
@media (max-width: 767px) {
	#footer-full-sub {
		padding-right: 0px;
		padding-left: 0px;
	}
}
.site-footer #copyright {
	text-align: right;
}

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

#footer_menu {
	padding: 20px 0 0;
	text-align: center;
  background: #000 url('images/afterfooter.png') repeat;
}
#footer_menu ul {
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#footer_menu li {
	display: inline;
	margin-right: 5px;
}
#footer_menu li a {
	color: #ccc;
	text-decoration: none;
}
#footer_menu li a:hover {
	color: #fff;
}
#footer_menu li a::after {
	content: ' | ';
	margin-left: 5px;
}
#footer_menu li a:hover::after {
	color: #ccc;
}
#footer_menu li:last-child a::after {
	content: '';
}

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

.sticky{}
.gallery-caption{}
.bypostauthor{}

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

/*==================================== RECENT POSTS ===============================================*/

#recent_posts {
	padding: 0 20px;
	padding-bottom: 25px;
	margin-bottom: 15px;
}
.recent-posts-container {
	margin-bottom: 20px;
}

/*==================================== CALLOUT ====================================================*/

#callout-container {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 0px solid #3d3d3d;
}
.callout-text h2.callout-title {
  font-size: 1.6em;
}
.callout-text p {
  font-size: 1.2em;
}
#callout_button a {
 	margin-top: 5px;
  float: right;
}

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

#widget-boxes-container {
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 2px;
	margin-bottom: 2px;
	border-bottom: 0px solid #3d3d3d;
}
.box {
  padding: 0 2px;
  margin-bottom: 2px;
  background: transparent;
}
#widget-boxes-container h2 {
	margin-top: 0;
	line-height: 1em;
}

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

#boxes-container {
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 0px solid #3d3d3d;
}
#boxes-container .box a {
  display: block;
  width: 100%;
  text-align: center;
}
#boxes-container .box-no-url {
	cursor: default;
}
#boxes-container .box img {
	display: block;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}
#boxes-container .box h2 {
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 5px;

}
#boxes-container .box p {
	margin-left: auto;
	margin-right: auto;
	color: #9a9a9a;
	font-size: 13px;
}

/*==================================== CAROUSEL ===================================================*/

#carousel {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 0px solid #3d3d3d;
}
#carousel ul {
  max-height: 200px;
  width: 100%;
  margin: 0;
  padding: 0; 
}
#carousel ul li {
  position: relative;
  display: inline-block;
  margin-bottom: 0;
}
#carousel ul li .carousel_item {
}  
#carousel ul li .carousel_caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0,0,0,0.5);
}
#carousel ul li .carousel_caption p {
  color: #fff;
  font-size: 1em;
  font-weight: normal;
  text-align: center;
  margin: 0;
}
#carousel .carousel-control {
  top: 50%;
  border: none;
}
#carousel .carousel-control.left {
  left: -15px;
}
#carousel .carousel-control.right {
  right: -15px;
}
@media (max-width: 767px) {
  carousel [class*="span"], .row-fluid #carousel [class*="span"] {
    float: left;
    width: 14.364640883%;
    margin-left: 2.762430939%;
  }
  carousel [class*="span"]:first-child, .row-fluid #carousel [class*="span"]:first-child {
    margin-left: 0;
  }
}

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

#portfolio {
	padding-bottom: 2px;
	margin-bottom: 2px;
	border-bottom: 0px solid #3d3d3d;
}
#gallery {
  background: transparent;
  padding: 0 2px;
}
#gallery ul.row-fluid {
  margin: 0;
  padding: 0;
}
#gallery h2 {
	margin-top: 0;
}
#gallery ul.row-fluid li#portfolio_wrap {
  text-align: center;
	margin-bottom: 2px;
}
#gallery ul.row-fluid li#portfolio_wrap .portfolio_item {
	position: relative;
}
#gallery ul.row-fluid li#portfolio_wrap .portfolio_item a {
	display: block;
}
#gallery ul.row-fluid li#portfolio_wrap .portfolio_item a:hover img {
	opacity: 0.5;
}
#gallery ul.row-fluid li#portfolio_wrap .portfolio_item .portfolio_caption {
	display: none;
	position: absolute;
	width: 100%;
	top: 40%;
	font-size: 18px;
	text-align: center;
	background: none;
}
#gallery ul.row-fluid li#portfolio_wrap .portfolio_item a:hover .portfolio_caption {
	display: block;
}
	

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

#slider {
	padding-bottom: 5px;
	margin-bottom: 2px;
        margin-top: 7px;
	border-bottom: 0px solid #3d3d3d;
}
#slider .carousel-control {
	position: absolute;
	top: 40%;
	left: -20px;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	font-size: 60px;
	font-weight: bold;
	line-height: 30px;
	color: #2B2B2B;
	text-align: center;
	background: #ffffff;
	border: 3px solid #2B2B2B;
	-webkit-border-radius: 23px;
	-moz-border-radius: 23px;
	border-radius: 23px;
	opacity: 1;
	filter: none;
}
#slider .carousel-control.right {
	right: -20px;
	left: auto;
}

/*==================================== TWITTER =====================================================*/
#twitter-container {
	padding-bottom: 0px;
	margin-bottom: 0px;
	border-bottom: 0px solid #3d3d3d;
}
#twitter-bar {
  background: #333;
	background: rgba(0,0,0,0.3);
	padding: 20px;
}
#twitter-bar #twitter-text img {
	float: left;
	margin-top: -5px;
}
#twitter-bar #twitter-text p {
	padding-left: 75px;
}
@media (max-width: 480px) { 
	#twitter-bar #twitter-text img {
		width: 30px;
		height: 21px;
		margin-top: 0;
	}
	#twitter-bar #twitter-text p {
		padding-left: 40px;
	}
}
/*==================================== BREADCRUMBS =================================================*/

.breadcrumbs {
  margin-bottom: 45px;
  padding: 10px 20px;
  font-size: 1.1em;
	border: 1px solid #3D3D3D;
	background: #222;
}

/*==================================== PAGINATION ==================================================*/

.pagination ul {
	display: inline-block;
	margin-bottom: 0;
	margin-left: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.pagination ul li a {
	margin-right: 3px;
	background: #555;
	border: none;
}
.pagination ul > li > span {
	float: left;
	margin-right: 3px;
	padding: 4px 12px;
	line-height: 20px;
	text-decoration: none;
	background-color: #555;
	border: none;
	border-left-width: 0;
}
.pagination ul > li:first-child > a, .pagination ul > li:first-child > span {
	border-left-width: 0;
	-webkit-border-bottom-left-radius: 0;
	border-bottom-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	border-top-left-radius: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topleft: 0;
}
.pagination ul > .active > a, .pagination ul > .active > span {
	color: #fff;
}
.pagination ul > li > a:hover, .pagination ul > .active > a, .pagination ul > .active > span {
	background-color: #3279BB;
}
.pagination ul > li:last-child > a, .pagination ul > li:last-child > span {
	-webkit-border-top-right-radius: 0;
	border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	border-bottom-right-radius: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
}

/*==================================== HTML ======================================================*/

#htmlbox-container {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 0px solid #3d3d3d;
}

/* ==================================== PRODUCT ================================================== */

#product_element_section {
  color: #333;
}
#product_element_section .row-fluid {
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 0px solid #3d3d3d;
}
#product_element_section #cyberchimps_product_media {
  text-align: center;
}
#product_element_section .flex-video {
  margin-bottom: 0;
}
#product_element_section .cyberchimps-product-link {
  text-align: center;
  margin-top: 5px;
}

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

/*==================================== 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;
	}
}

/************************* Style for portfolio starts **********************/
@media screen and (max-width: 979px) {
	.portfolio_caption {
		display: block !important;
		position: relative !important;
		text-decoration: none !important;
	}
}
/************************* Style for portfolio ends **********************/

/************************* To resize iFrames for YouTube starts **********************/
.auto-resizable-iframe {
  max-width: 950px;
  margin: 0px auto;
}

.auto-resizable-iframe > div {
  position: relative;
  padding-bottom: 75%;
  margin-bottom: -12%;
  height: 0px;
}

.auto-resizable-iframe iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 80%;
}
/************************* To resize iFrames for YouTube ends **********************/

/*********** Added to resize contact form 7 text field *********/
textarea {
width: 135px;
}
/*********** End contact form 7 text field *********/

/********** Hide slider on archives page *******/
.archive #slider {
display: none;
}



/*==================================== BRAND CATALOGUE PAGE =======================================*/

#brands-container {
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 10px solid #3d3d3d;
}
#brands-container .box a {
  display: block;
  width: 100%;
  text-align: center;
}
#brands-container .box-no-url {
	cursor: default;
}
#brands-container .box img {
	display: block;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}
#brands-container .box h2 {
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 5px;

}
#brands-container .box p {
	margin-left: auto;
	margin-right: auto;
	color: #9a9a9a;
	font-size: 13px;
}

.cf7dropdown{
width:157px;
}