/*
 Theme Name: Business Pro 4
 Theme URI: https://cyberchimps.com/store/business-pro/
 Author: CyberChimps
 Author URI: http://www.cyberchimps.com/
 Description: Business Pro 4 is one of the best Gutenberg Compatible business theme suitable for corporate, institutional, informative websites. This theme is 100% responsive and fully SEO Optimized. It comes with Drag and Drops Page elements. All of these elements can be used on a per-page basis using options like including a Responsive Slider, Portfolio Element, Page Content, Image Carousel, Twitter bar, Widgetized boxes, and Callout section. It also includes sidebar and layout options giving you the power to control the look and feel of every page.
 Version: 4.3
 License: GNU General Public License
 License URI: http://www.opensource.org/licenses/gpl-license.php GPL v3.0 (or later)
 */

/********************************************************************************************************************/
/******************************************** MAIN HTML STYLES ******************************************************/
/********************************************************************************************************************/
body {
  color: #828282;
  font-weight: 300;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

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

}

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

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

td {
  padding: 5px;
}

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

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

ul, ol {
  margin: 0 0 10px 0;
}

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

pre {
  -moz-border-radius: 0;
  border-radius: 0;
}

code {
  white-space: pre-wrap;
}

.clear {
  clear: both;
}

.clear-right {
  clear: right;
}

.clear-left {
  clear: left;
}

a {
  color: #4c8eb8;
}

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

header#cc_header {
  padding: 15px 0;
  background: #dadada;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#dadada));
  background-image: -webkit-linear-gradient(top, #ffffff, #dadada);
  background-image: -moz-linear-gradient(top, #ffffff, #dadada);
  background-image: -ms-linear-gradient(top, #ffffff, #dadada);
  background-image: -o-linear-gradient(top, #ffffff, #dadada);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#dadada, GradientType=0)";
}

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

header#cc_header #social {
  float: right;
  clear: right;
  margin-bottom: 10px;
}

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

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

header#cc_header .span7 {
  width: 100%;
}

header#cc_header .span5 {
  margin-left: 0;
  width: 100%;
}

header#cc_header h2.site-title {
  margin-top: 15px;
  margin-bottom: 5px;
}

header#cc_header h2.site-title a {
  color: #333333;
  font-size: 28px;
}

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

header#cc_header #logo {
  margin-top: 20px;
}

header#cc_header .contact_details {
  float: right;
  clear: right;
  margin-bottom: 10px;
}

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

header#cc_header .register {
  float: right;
  clear: right;
  margin-bottom: 10px;
}

header#cc_header .header-search {
  float: right;
  clear: right;
  margin-bottom: 10px;
}

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

#navigation {
  float: right;
  clear: right;
  margin: 0;
  padding: 20px 0 30px 0;
}

.main-navigation.navbar {
  margin-bottom: 0;
}

.main-navigation .navbar-inner {
  padding: 0;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  filter: none;
}

.main-navigation .nav {
  margin-right: 0;
}

.main-navigation .nav li ul.dropdown-menu {
  padding: 10px 0 10px 0;
}

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

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

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

.main-navigation .nav li:last-child a {
  margin-right: 0;
}

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

.main-navigation .nav li ul li a {
}

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

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

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

.nav li.current-menu-item > a, .navbar .nav > li > a:hover, .main-navigation .nav li ul li a:hover, .nav li.current_page_item > a, #respond p.form-submit input[type=submit], .main-navigation .current-menu-ancestor.dropdown > a {
  border-top: 1px solid #4085b2;
  border-right: 1px solid #306d94;
  border-bottom: 1px solid #1f5374;
  border-left: 1px solid #306d94;
  background-color: #4181ab;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6eb1dc), to(#4181ab));
  background-image: -webkit-linear-gradient(top, #6eb1dc, #4181ab);
  background-image: -moz-linear-gradient(top, #6eb1dc, #4181ab);
  background-image: -ms-linear-gradient(top, #6eb1dc, #4181ab);
  background-image: -o-linear-gradient(top, #6eb1dc, #4181ab);
  color: #ffffff;
  text-shadow: none;
  filter: none;
}

#cc_header .nav li.current-menu-item > a, #cc_header nav li a:hover, #cc_header .main-navigation .nav li ul li a:hover, #cc_header .nav li.current_page_item > a, #cc_header .navbar-inverse .current-menu-ancestor.dropdown > a {
  	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#6eb1dc, endColorstr=#4181ab, GradientType=0)";
}

.main-navigation.navbar .nav li.current_page_item > a, .navbar .nav li.dropdown.open>.dropdown-toggle, .navbar .nav li.dropdown.active>.dropdown-toggle, .navbar .nav li.dropdown.open.active>.dropdown-toggle, .navbar .nav>li>a:focus, .navbar .nav>li>a:hover {
  color: #ffffff;
}

.main-navigation.navbar .nav li.current_page_item > a.dropdown-toggle .caret, .main-navigation.navbar .nav li.current-page-ancestor > a.dropdown-toggle .caret, .navbar .nav li.dropdown>a:hover .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.nav > li > a {
  margin-right: 7px;
  margin-bottom: 7px;
  border-top: 1px solid #d2d2d2;
  border-right: 1px solid #adadad;
  border-bottom: 1px solid #8b8b8b;
  border-left: 1px solid #adadad;
  border-radius: 5px;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#e0e0e0));
  background-image: -webkit-linear-gradient(top, #ffffff, #e0e0e0);
  background-image: -moz-linear-gradient(top, #ffffff, #e0e0e0);
  background-image: -ms-linear-gradient(top, #ffffff, #e0e0e0);
  background-image: -o-linear-gradient(top, #ffffff, #e0e0e0);
  filter: none;
}
#cc_header .nav > li > a {
  	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#dadada, GradientType=0)";
}

.main-navigation .navbar-inner {
  border: none;
  background: none;
  box-shadow: none !important;
}

.dropdown-menu li a {
  margin-right: 0;
  border-top: 1px solid transparent;
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-left: 1px solid transparent;
  border-radius: 0;
  background: none;
}

.main-navigation .brand, .main-navigation .nav > li > a {
  padding: 7px 15px 7px;
  color: #646464;
  text-shadow: none;
}

.main-navigation .navbar-search .search-query:focus {
  background-color: #515151;
  color: #ffffff;
  text-shadow: none;
}

@media (max-width: 979px) {
  #navigation {
    width: 100%;
  }

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

  .main-navigation.navbar .nav li.current_page_item > a, .navbar .nav li.dropdown.open>.dropdown-toggle, .navbar .nav li.dropdown.active>.dropdown-toggle, .navbar .nav li.dropdown.open.active>.dropdown-toggle, .navbar .nav>li>a:focus, .navbar .nav>li>a:hover, .nav li.current-menu-item > a, .navbar .nav > li > a:hover, .main-navigation .nav li ul li a:hover, .nav li.current_page_item > a, #respond p.form-submit input[type=submit], .main-navigation .current-menu-ancestor.dropdown > a {
    border: none;
    background-color: transparent;
    background-image: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #6eb1dc;
  }

  .nav-collapse .dropdown .caret {
    display: none;
  }

  .nav-collapse .dropdown-menu {
    display: block;
  }

  .navbar-inverse .nav-collapse .dropdown-menu .active > a {
    background-color: #000000;
    background-image: none;
    color: #ffffff;
  }
}

/********************************************************************************************************************/
/******************************************** SECONDARY MENU ********************************************************/
/********************************************************************************************************************/

#second_menu {
  background: #232323;
  background-image: url('images/secondary-menu-bg.jpg');
}

#second_menu #navigation {
  padding: 10px 0;
}

#second_menu .title {
  margin-left: 0;
}

#second_menu h1, #second_menu h2 {
  color: #dedede;
  font-size: 21px;
}

#second_menu .nav > li > a {
  margin-top: 8px;
  margin-right: 0;
  margin-left: 17px;
  padding: 0;
  border: none;
  border-bottom: 1px dotted white;
  border-radius: 0;
  background: none;
  color: white;
  text-shadow: none;
  font-size: 15px;
}

#second_menu .nav > li > a:hover,
#second_menu .nav > li.current-menu-item > a {
  border-bottom: 1px dotted #67c4ff;
  background: none;
  box-shadow: none;
  color: #67c4ff;
}

.second-navigation.navbar {
  margin: 0;
}

#second_menu .second-navigation .navbar-inner {
  border: none;
  background: none;
  background-color: transparent;
  background-image: none;
  filter: none;
}

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

article {
  margin: 40px 0 0 0;
  padding-bottom: 40px;
  border-bottom: 1px solid #e4e4e4;
}

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

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

.container {
  background: transparent;
}

#content.content-sidebar-right article {
  margin-right: 20px;
}

#content.content-sidebar-left article {
  margin-left: 20px;
}

#content.content-sidebar-2 article {
  margin-right: 10px;
  margin-left: 10px;
}

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

article {
  background: #ffffff;
}

article.post p {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 25px;
}

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

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

.postformats {
  float: right;
}

.postformats .glyphicon {
	font-size: 1.1em;
	color: #fff;
	background: #4e9eca;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	padding: 7px;
}

.postformats .glyphicon-file {
	padding-left: 8px;
	padding-right: 6px;
}

blockquote {
  margin: 20px 10px;
  padding: 3px;
  background-color: #cccccc;
}

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: 15px;
  padding: 10px;
  border: 1px solid #dddddd;
  background: #ffffff;
}

.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: 0;
  margin-bottom: 5px;
  font-size: 1.6em;
  line-height: 1em;
}

.entry-title a {
  color: #383838;
}

.entry-title a:hover {
  color: #0088cc;
}

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 {
  margin-bottom: 20px;
  padding: 7px;
  border: 1px solid #c2c2c2;
}

article .featured-image img {
  max-height: 200px;
  width: 100%;
}

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

.entry-meta {
  margin-top: 0;
  color: #818181;
  font-size: 13px;
}

.entry-meta span {
  display: inline-block;
  margin-right: 15px;
}

.entry-meta .author, .entry-meta .comments {
  color: #535353;
}

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

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

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

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

.cyberchimps_article_share {
  float: right;
}

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

.comments-area {
  clear: both;
  margin-bottom: 40px;
  background: #ffffff;
}

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

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

ol.commentlist {
  margin: 0;
  width: 100%;
  list-style: none;
}

ol.commentlist p {
  clear: left;
  margin: 0 0 0 8px;
  color: #828282;
}

ol.commentlist li.comment {
  position: relative;
  padding: 18px;
  border: 1px solid #e2e2e2;
  background: #fcfcfc;
}

ol.commentlist li.comment article {
  margin: 0;
  padding: 0;
  background: #fcfcfc;
}

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

ol.commentlist li.comment div.vcard cite.fn a {
  color: #423f3f;
}

ol.commentlist li.comment div.vcard img.avatar {
  display: none;
}

ol.commentlist li.comment div.comment-meta {
  position: absolute;
  top: 20px;
  right: 60px;
  font-size: 11px;
}

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

ol.commentlist li.comment div.reply {
  position: absolute;
  top: 20px;
  right: 20px;
  margin-left: 8px;
  width: 30px;
  font-size: 11px;
}

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

ol.commentlist .says {
  display: none;
}

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 #cccccc;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #fafafa;
}

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

.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;
}

#respond h3#reply-title {
  color: #6d6d6d;
  font-size: 19px;
}

.comment-content {
  margin-top: 15px;
}

#respond p.comment-form-author {
  float: left;
  width: 50%;
}

#respond p.comment-form-email {
  float: left;
  width: 50%;
}

#respond p.comment-form-email label, #respond p.comment-form-author label {
  color: #828282;
  font-size: 14px;
}

#respond p.comment-form-comment {
  width: 100%;
}

#respond p.comment-form-comment label {
  display: none;
}

#respond textarea {
  margin: 0;
  padding: 0;
}

#respond input, #respond textarea {
  border: 1px solid #e0e0e0;
  background: #f6f6f6;
}

#respond input {
  width: 95%;
}

#respond p.form-submit {
  margin: 0;
}

#respond p.form-submit input[type=submit] {
  display: block;
  width: 100%;
  border-right: 1px solid #3677a1;
  border-left: 1px solid #3677a1;
  border-radius: 5px;
  text-align: center;
}

h2.comments-title {
  color: #6d6d6d;
  font-size: 19px;
}

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

.widget-area {
  margin: 40px 0 0 0;
}

.widget-container {
  margin-bottom: 15px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px dotted #b9b9b9;
  background: transparent;
}

h3.widget-title {
  margin-top: 0;
  margin-bottom: 10px;
  color: #6d6d6d;
  font-weight: normal;
  font-size: 19px;
  line-height: 1em;
}

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

.widget-container ul li, .widget ul li {
  list-style: none;
  font-size: 14px;
  line-height: 1.8em;
}

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

.widget-container ul li img {
  display: block;
  float: left;
  margin-right: 15px;
  padding: 4px;
  border: 1px solid #c2c2c2;
  background: white;
}

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 {
  float: none;
  margin-right: 30px;
}

.widget-container #searchform input.input-medium {
  display: inline-block;
  float: none;
  width: 100%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #f6f6f6 url('images/search-icon.png') 95% 7px no-repeat;
}

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

#searchform {
  margin-bottom: 5px;
}

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

#footer_widgets_wrapper {
  margin-top: 40px;
  background-color: #4e4e4e;
  background-image: url('images/footer-bg.jpg');
}

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

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

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

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

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

#footer-widgets .widget-container #searchform input.input-medium {
  border: none;
  background: #373737 url('images/search-icon.png') 95% 7px no-repeat;
  box-shadow: none;
  color: #d6d6d6;
}

#footer-widgets {
  margin: 0;
  border-bottom: none !important;
}

#footer-widget-container {
  padding: 40px 0;
  background: transparent;
  color: #d6d6d6;
}

#footer-widget-container img {
  padding: 3px;
  border: 1px solid #fbfbfb;
  background: white;
}

#footer-widgets h3.widget-title {
  margin: 25px 0;
  color: #f3f3f3;
  font-size: 19px;
}

#footer-widgets .widget-container ul li a {
  color: #d6d6d6;
}

#after_footer {
  background-color: #3b3b3b;
  background-image: url('images/after-footer-bg.jpg');
}

#footer_social_icons, #footer_menu  {
  padding: 20px 0 0 0;
  background: #3b3b3b;
  background-image: url('images/after-footer-bg.jpg');
}

#footer_social_icons #social {
  float: right;
}

#footer_social_icons #social a {
  margin-left: 5px;
}

#footer_menu {
  text-align: center;
}

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

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

#footer_menu li a:hover {
  color: #fff;
}

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

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

.site-footer {
  margin: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: none !important;
  background: #3b3b3b;
}

.site-footer #copyright {
  color: #d6d6d6;
}

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

.sticky {
}

.gallery-caption {
}

.bypostauthor {
}

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

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

#page_slider_section {
  padding: 40px 0;
  background: #272727;
}

#slider .carousel-control {
  line-height: 30px;
}

#slider .container {
  position: relative;
}

#slider.carousel {
  margin-bottom: 0;
}

.carousel-control {
  border: none;
  border-radius: 0;
  text-indent: -9999px;
}

.carousel-control.slider-left {
  background: url('images/arrow-prev.png') 0 0 no-repeat;
}

.carousel-control.slider-right {
  background: url('images/arrow-next.png') 0 0 no-repeat;
}

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

#callout_section_section {
  padding: 40px 0;
  border-bottom: 1px solid #e4e4e4;
  background: #f5f5f5;
  text-align: center;
}

#callout_container .span9, #callout_container .span3 {
  margin: 0;
  width: 100%;
}

.callout-text h2.callout-title {
  margin-top: 0;
  font-size: 1.6em;
  line-height: 1em;
}

.callout-text p {
  font-size: 1.2em;
}

.callout-text p:last-child {
  margin-bottom: 0;
}

#callout_container #callout_button {
  margin-top: 20px;
}

#callout_container #callout_button a {
  float: none;
}

#callout_container #callout_button .btn-primary {
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background-color: #64a8d2;
  background-image: -webkit-linear-gradient(#64a8d2 0%, #4583aa 100%);
  background-image: -moz-linear-gradient(#64a8d2 0%, #4583aa 100%);
  background-image: -o-linear-gradient(#64a8d2 0%, #4583aa 100%);
  background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#64a8d2), to(#4583aa));
  background-image: linear-gradient(#64a8d2 0%, #4583aa 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#64A8D2, endColorstr=#4583AA, GradientType=0)";
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
}

#callout_container #callout_button .btn-primary:hover {
  background-color: #4583aa;
}

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

#widgets_section_section {
  margin-top: 40px;
  border-bottom: 1px solid #e4e4e4;
}

.box {
  margin-bottom: 40px;
  padding: 0 10px;
  background: #ffffff;
}

h2.box-widget-title {
  margin-top: 0;
  color: #343434;
  text-align: center;
  font-size: 1.6em;
  line-height: 1em;
}

.box p {
  color: #828282;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
}

.box p:last-child {
  margin-bottom: 0;
}

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

#boxes_section {
  margin-top: 40px;
  border-bottom: 1px solid #e4e4e4;
}

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

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

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

#carousel_section_section {
  margin-top: 40px;
  border-bottom: 1px solid #e4e4e4;
}

#carousel_section_section .es-carousel-wrapper {
  padding: 0 40px;
}

#carousel_section_section .es-carousel ul li {
  height: 164px;
}

#carousel_section_section .es-carousel ul li a img {
  width: 138px;
  height: 138px;
}

.es-carousel ul li:hover .carousel-captions {
  display: block;
}

.es-carousel ul li {
  position: relative;
  padding: 12px;
  background: url('images/frame.png') 0 0 no-repeat;
}

.carousel-captions {
  position: absolute !important;
  top: 12px;
  left: 12px;
  display: none;
  padding-top: 10px;
  max-width: 138px;
  width: 138px;
  height: 128px;
  background: #636363;
  color: white;
  text-shadow: none;
  opacity: .6;
}

@media screen and (max-width: 979px) {
	.carousel-captions {
		position: static !important;
		display: none;
		margin-top: -40px;
		padding-top: 10px;
		padding-bottom: 10px;
		height: 20px;
	}
}

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

#portfolio_pro_section {
  margin-top: 40px;
}

#portfolio {
  padding-bottom: 20px;
}

#gallery {
  background: #ffffff;
}

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

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

#gallery .portfolio-item {
  margin-bottom: 20px;
  padding: 10px;
  border: 1px solid #cccccc;
  border-width: 9px 11px 20px 20px;
  border-style: solid;
  -webkit-border-image: url(images/frame-border.jpg) 9 11 20 20 stretch;
  -moz-border-image: url(images/frame-border.jpg) 9 11 20 20 stretch;
  -o-border-image: url(images/frame-border.jpg) 9 11 20 20 stretch;
  border-image: url(images/frame-border.jpg) 9 11 20 20 fill stretch;
  text-align: center;
}

/*ie fix for not allowing border images*/
.ie #gallery .portfolio-item {
  border-width: 1px;
}

/*==================================== TWITTER =====================================================*/

#twitterbar_section_section {
  margin-top: 40px;
  border-bottom: 1px solid #e4e4e4;
}

#twitter_bar #twitter_text li {
  margin-bottom: 20px;
}

#twitter_bar #twitter_text .odd {
  background: transparent;
}

#twitter_bar #twitter_text .twitter-img {
  float: left;
  clear: left;
}

#twitter_bar #twitter_text p {
  margin-left: 75px;
  padding: 10px 20px;
  border-radius: 35px;
  background: #f1f1f1;
  color: #838383;
}

#twitter_bar #twitter_text p.twitter-followers {
  float: left;
  margin-left: 10px;
  padding: 0;
  background: transparent;
}

#twitter_bar #twitter_text a {
  color: #444444;
}

@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: 40px 0 0 0;
  padding: 15px 0;
  border-bottom: 1px dotted #e6e6e6;
  background: #ffffff;
  font-size: 13px;
}

.breadcrumbs {

}

.breadcrumbs a {
  color: #7c7c7c;
}

.breadcrumbs .current a {
  color: #a1a1a1;
}

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

.pagination ul li a {
  background: #ffffff;
}

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

#recent_posts_section {
  margin-top: 40px;
  border-bottom: 1px solid #e4e4e4;
}

#recent_posts .recent-posts-container {
  margin-bottom: 40px;
}

#recent_posts h5.recent-posts-post-title {
  font-size: 1.2em;
  line-height: 1em;
}

.recent-posts-image {
  margin-bottom: 10px;
}

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

#htmlbox_container {
  margin-top: 40px;
  text-align: center;
  font-size: 23px;
  line-height: 30px;
}

/*==================================== MAGAZINE ==================================================*/

#magazine {
	margin-top: 20px;
}

#magazine .post-container {
	margin: 20px 0 0 0;
	padding-bottom: 20px;
	border-bottom: 1px solid #e4e4e4;
	color: #828282;
}

#magazine .featured-image {
	margin-bottom: 10px;
}

#magazine .magazine-metadata {
	margin-bottom: 10px;
}

#magazine .wide-post .magazine-metadata {
	margin-bottom: 20px;
}

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

#product_element_section {
  padding-top: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #e4e4e4;
  background: url('images/footer-bg.jpg');
  color: #ffffff;
}

#product_element_section #cyberchimps_product_media {
  text-align: center;
}

#product_element_section .flex-video {
  margin-bottom: 0;
}

#product_element_section .cyberchimps-product-link {
  margin-top: 20px;
  text-align: center;
}

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

@media (max-width: 767px) {
  body {
    padding: 0;
  }

  .container-full-width > .container {
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media (min-width: 1280px) {
  .carousel-control.right {
    top: 50%;
    right: -90px;
  }

  .carousel-control.left {
    top: 50%;
    left: -90px;
  }
}

/********************************************************************************************************************/
/****************************************** MISC STYLES *************************************************************/
/********************************************************************************************************************/
.container-fluid {
  padding: 0;
}

.postformats {
  float: left;
  margin-left: -50px;
}

.home .container > .row-fluid {
  border-bottom: 1px dotted #cecece;
}

.home .container > .row-fluid:last-child {
  border-bottom: none;
}

button.btn {
  padding: 10px 35px;
}

.home #wrapper > .row-fluid {
  border-bottom: 1px solid #cecece;
}

.home #wrapper > .row-fluid:first-child {
  border-bottom: none;
}

.home #wrapper > .row-fluid:last-child {
  border-bottom: none;
}

/********************************************************************************************************************/
/* Begin: Added by Sagar on 22nd March 2017 for submenu on hover issue */
/********************************************************************************************************************/
@media (min-width: 980px)
{

.nav li ul li
{
        position:relative;
}

.nav li ul li ul
{
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.nav li ul li:hover > ul
{
	display:block;
}

.nav li ul li ul:before
{
    position: absolute;
    top: 7px;
    left: -7px;
    display: inline-block;
    border-top: 7px solid transparent;
    border-right: 7px solid #666;
    border-right-color: rgba(255, 255, 255, 1);
    border-bottom: 7px solid transparent;
    content: '';
}
}
/********************************************************************************************************************/
/* End: Added by Sagar on 22nd March 2017 for submenu on hover issue */
/********************************************************************************************************************/

.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;
	margin-left: 0;
	margin-right: 0;
}
	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;
}

div.wp-block-cover .wp-block-cover-text{
 	position: absolute;
    color: #fff;
    font-size: 2em;
    line-height: 1.25;
    margin-bottom: 0;
    max-width: 610px;
    padding: 14px;
    text-align: center;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
}
div.wp-block-cover.aligncenter {
	clear: both;
}

.has-gray-background-color{
	background-color: #777;
}
.has-gray-color{
	color: #777;
}

.has-brown-background-color{
	background-color: #db933d;
}
.has-brown-color{
	color: #db933d;
}

.has-green-background-color{
	background-color: #4fc24b;
}
.has-green-color{
	color: #4fc24b;
}

.has-blue-background-color{
	background-color: #4c8eb8;
}
.has-blue-color{
	color: #4c8eb8;
}

.has-magenta-background-color{
	background-color: #dd88dd;
}
.has-magenta-color{
	color: #dd88dd;
}

.has-red-background-color{
	background-color: #dd160f;
}
.has-red-color{
	color: #dd160f;
}