/*
Theme Name: chargebox
Theme URI: http://chargebox.com
Author: V. Popov
Description: 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
body{font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 17px; font-weight:300;}
body.admin-bar .navbar-default{margin-top:32px;}
@media screen and (max-width:782px){
	body.admin-bar .navbar-default{margin-top:46px;}
}
.h1, .h2, .h3, h1, h2, h3{color:#203c88; font-family: "omnes-pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:400; margin:20px 0;}

blockquote::before {
    color: #203c88;
    content: "\201C";
    display: block;
    font-size: 100px;
    height: 0;
    left: -40px;
    position: relative;
    top: -55px;
}

blockquote {
	border: none;
	padding: 24px 24px 0 24px;
}

.text-white{color:#fff;}
.text-darkblue{color:#203c88;}
.text-light{font-weight:300;}
.text-regular{font-weight:400;}
.text-medium{font-weight:500;}
.text-semi-bold{font-weight:600;}
.text-bold{font-weight:700;}

a,
button,
.button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.gallery img {
  	-webkit-transition: all 0.3s ease-in-out;
  	-moz-transition: all 0.3s ease-in-out;
  	-ms-transition: all 0.3s ease-in-out;
  	-o-transition: all 0.3s ease-in-out;
  	transition: all 0.3s ease-in-out;
}

.intro a, .below-intro a, .below-intro .button, .button, .left-inner a {
	background: #203c88;
	border: none;
	border-radius: 5px;
	color: white;
	cursor: pointer;
	display: inline-block;
	font-weight: 700;
	padding: 12px 24px;
	width: auto;
}

.below-intro a, .below-intro .button {
	background: white;
	color:#203c88;
}

.intro a:hover, .intro a:active, .intro a:focus, .button:hover, .button:active, .button:focus, .left-inner a:hover, .left-inner a:active, .left-inner a:focus {
	background: #2b7de1;
	color: white;
	text-decoration: none;
}

.below-intro a:hover, .below-intro a:active, .below-intro a:focus, .below-intro .button:hover, .below-intro .button:active, .below-intro .button:focus {
	background: #e4e4e4;
	color: #203c88;
	text-decoration: none;
}

div.container {padding-right: 6%; padding-left: 6%; max-width: 1100px; width: 100%;} 

.utility-bar {background: #e4e4e4; color:#203c88; font-size: 16px; font-weight:700; min-height: 32px; padding-top: 5px; text-align: center; width: 100%;}
.utility-bar a {color:#203c88;}
.navbar-default .navbar-toggle{border-color:#fff;}
.navbar-default .navbar-toggle .icon-bar{background-color:#fff;}
.navbar-default{background-color:#203c88;border:none;}
li.redhighlight {background-color:#E73A4F!important;border:none;}
.navbar-brand{height:65px;}
.navbar-default li a{font-size:16px;color:#fff !important;height:65px;line-height:65px;padding:0 15px;}
.navbar-right {padding-right:20px;}
.current_page_item,
.navbar-default a:hover{background-color:rgba(255, 255, 255, 0.2) !important;}
#main-content{margin-top:162px;}
.site-footer{background:#203c88;color:#fff;padding:50px 0 20px 0; text-align: center;}
.site-footer .img-responsive {display: inline-block;}
.site-footer a, .site-footer a:hover {color: white;}
.footer-info {clear: both; font-size: 15px; min-height: 65px;}
.social {padding: 24px 0;}
#menu-footer-menu{list-style:none; padding:0;}

#menu-footer-menu li a{font-size:16px;color:#fff !important;height:65px;display:block;}
.error-template{padding:40px 15px;text-align:center;}
.error-actions{margin-top:15px;margin-bottom:15px;}
.error-actions .btn{margin-right:10px;}

.post.type-post { background: #e4e4e4; padding: 20px; margin: 10px 0px; transition: all, 0.5s, ease; }
.post.type-post:hover { background: #fff; }
.post.type-post .entry-title, .post.type-post .entry-title a { color: #000; font-size: 24px; font-weight: 700; margin: 0 0 10px 0; }

.cookiebanner-close {
	color: #FFB43D;
}

/* New Home page stuff */
.page-template-page-home {
	
}

.intro {
	margin-top: 24px;
}

.chargebox-container {
	margin: 24px 0 48px 0;
	overflow: hidden;
}

.below-intro {
	background: #203c88;
	color: white;
	padding: 48px 0;
}

.below-intro h2 {
	color: white;
}

.client-logos {
	padding: 36px 0 6px 0;
}

.home-spec-slider.slick-slider div figure {
	text-align: center;
}

.home-spec-slider.slick-slider div img {
    display: inline-block;
    padding: 0 12px;
    min-height: 80px;
    max-height: 80px;
}

.home-spec-slider .slick-prev::before, .home-spec-slider .slick-next::before {
	color: #203c88;
}

.home-spec-slider .slick-prev {
    left: 12px;
}

.home-spec-slider .slick-next {
    right: 12px;
}

.home-spec-slider .slick-prev, .home-spec-slider .slick-next {
	top: 64%;
}

.two-sides {
	background: #e4eef9;
	padding: 48px 0;
	position: relative;
}

.two-sides .button {
	margin: 24px 0 40px;
}

.two-sides .buy {
	display: none;
}

.testimonials {
	position: relative;
}

.testimonials .left-inner {
	margin-bottom: 40px;
}

.testimonials h2 {
	background: white;
	padding: 10px 0;
	text-align: center;
	width: 100%;
}

.testimonials footer {
	color: #203c88;
	text-align: right;
	width: 100%;
}

.testimonials .author {
	font-weight: 700;
}

.map-widgets .container {
	background: url(assets/images/map-backgr.svg) no-repeat center top;
	background-size: 100%;
}

.map-widgets h2 {
	padding: 120px 0;
	text-align: center;
	width: 100%;
}

.info-widget {
	background: #e4eef9;
	display: inline-block;
	float: left;
	margin-bottom: 120px;
	padding: 8% 6% 6%;
	position: relative;
	text-align: center;
	width: 100%;
}

.info-widget-heading:after {
	background: #203c88;
	content: " ";
	display: block;
	height: 2px;
	margin: 18px auto 0;
	width: 50px; 
}

.widget-icon {
	left: 50%;
	position: absolute;
	top: -100px;
	transform: translateX(-50%);
}

.home-image {
	margin-top: 40px;
}

.home-image .slick-slide img {
	padding: 0;
}

.left-inner a {
	margin: 24px 0;
}

@media only screen and (min-width: 800px) {
	
	.info-widget:last-child {
		margin-right: 0;
	}
	
	.site-footer {text-align: left;}
	.site-footer .col-md-6 {padding: 0;}
	.site-footer .row {
		padding-right: 15px; padding-left: 15px;
	}
	.footer-info {line-height: 65px;}
	.social {padding: 0;}
	#menu-footer-menu li{float:left;}
	#menu-footer-menu li a {line-height:65px;padding:0 30px 0 0;}
	
}

@media only screen and (min-width: 900px) {

	blockquote {
		padding: 24px 0 0;
	}
	
	.h2, h2 {
    	font-size: 36px;
	}
	
	.right {
		text-align: right;
	}
	
	.intro {
		margin-top: 48px;
		float: left;
		width: 30%;
	}
	
	.intro .h1 {
		font-size: 54px;
	}
	
	.below-intro {
		padding: 48px 0 60px 0;
		position: relative;
	}
	
	.below-intro h2 {
		color: white;
		font-size: 30px;
	}

	
	.below-intro .container {
		position: relative;
		z-index: 1;
	}
	
	.below-intro .content {
		padding-left: calc(50% + 72px);
	}
	
	.home-image {
		height: 100%;
		margin: 0;
		overflow: hidden;
		position: absolute;
		top: 0;
		width: 50%;
		z-index: 2;
	}
	
	.page-template-page-home .h1 {
		font-size: 54px;
	}
	
	.chargebox-container {
		float: right;
		width: 60%;
	}
	
	.two-sides:before {
		background: #d3e2f5;
		content: " ";
		display: block;
		height: 100%;
		position: absolute;
		top: 0;
		width: 50%;
	}
	
	.two-sides .buy {
		display: inline-block;
	}
	
	.left-inner a {
		display: none;
	}
	
	.col-md-6.left-inner {
		padding-right: 72px;
	}
	
	.col-md-6.right-inner {
		padding-left: 72px;
	}
	
	div.container {padding-right: 0; padding-left: 0;}
	
	.map-widgets h2 {
		padding: 120px 0 200px 0;
	}
	
	.map-widgets h2 span {
		font-size: 80px;
	}
	
	.info-widget {
		margin-right: 2.5%; 
		min-height: 330px;
		padding: 3% 2% 2%;
		width: 18%;
	}
	
	.widget-icon {
		top: -80px;
	}
	
}


/* custom navbar collapse point (obtained from internet) */

@media (max-width: 1064px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
}




/* expanded top section (utility-bar) 
@media (max-width: 999px) {
    .tve-page-section-in {
        padding-top: 25px;
    }
}*/

/* SmartSlider Caption Positions */
.MainContent {
	position: absolute !important;
	left: 20px;
	bottom: 100px;
}

.logotextcentre {
	max-width: 100% !important;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;	
}