/*
Theme Name: Twenty Sixteen
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
Text Domain: twentysixteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
@font-face{
	font-family: 'AvantGarde-Demi';
	src: url('fonts/avantgarde-demi-bt.ttf');
}
@font-face{
	font-family: 'AvantGarde-Book';
	src: url('fonts/avantgarde-bk-bt.ttf');
}
body{
	font-family: 'AvantGarde-Demi';
}
.no-margin{
	margin:0;
}
.post-thumbnail img.wp-post-image{
	width: 100% !important;
	height: auto;
}
.header{
	background-color: #57AC1E;
	color:white;
}
.header a{
	color:white;
}
.header .header-logo, .header-content{
display: inline-block;
}

.header .header-logo{
	float:left;
	padding-top: 25px;

}
.header .header-content{
	text-align: right;
}
.header .header-content-bottom{
	float:right;
	font-size:18px;
}
#bs-example-navbar-collapse-1{
	padding-left: 0;
	padding-right: 0;
}
.clearfix{
	clear:both;
}
.container{
	width: 100%;
	margin:0;
	padding:0;
}
.wrapper-header .row{
	margin:0;
	padding:0;
}
.header-content-top li{
	background-color: inherit;
	border:none;

}
.header-btn{
	background-color: #EFE82D;
	color:black;
	width:198px;
	border-radius: 30px;
}
.header-btn:hover{
	background-color: black;
	color:#EFE82D;
}
.navbar-custom{
	background-color: inherit;
	border: none;
}
.navbar-custom .navbar-nav > li > a, .navbar-custom .navbar-nav > li > a:hover{
	color:white;
}
.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:hover{
	background-color: transparent;
	color:white;
}

.banner img{
	width: 100%;
}
.banner{
	margin:0;
	padding:0;
	position: relative;
}
.wrapper-main .row{
	padding:0;
	margin:0;
}
.welcome{
	padding-top: 86px;
	padding-bottom: 100px;
}
.welcome .welome-heading{
	text-align: center !important;
	padding-bottom: 27px;
}
.welcome h1{
	font-size: 42px;
	text-align: center;
	color:#57ac1e;
	position: relative;
	display: inline-block;
}

.welcome h1:after{
	content:'';
    position:absolute;
    left:0;right:0;
    top:100%;
    margin: 10px auto;
    width:50%;
    height:3px;
    background:#57AC1E;
}
.welcome p{
	font-family: 'AvantGarde-Book';
	font-size:20px;
	text-align: center;
}
.coverage-bg{
	background-color: #DDF1CF;
}
.coverage h1{
	color:#57ac1e;
	text-align: center;
	font-size: 30px;
}
.coverage p{
	font-family: 'AvantGarde-Book';
	font-size: 18px;
	text-align: center;
}
/*.circle-inner{
	background-color: #57AC1E;
	width: 100%;
	min-height: 227px;
	border-radius: 100%;
	border:4px solid #ffffff;
}
.circle-inner div{
	position: relative;
	top:60px;
	width: 100%;
	height: 227px;
	color:white;
	text-align: center;
	white-space: normal;
}
.circle-inner div > p{
	font-size: 14px;
	text-align: center;
	padding:5px;
}
.circle-inner div > img{
	margin:0 auto;
}
.circle{
	position: relative;
}
.circle-tick{
	position: absolute;
	top:20px;
	right:20px;
}
.circle{
	padding:20px;
}
.circle:last-child .circle-inner{
	background-color:#1EAC9D;
	color:white;
}
*/
/* circles */
.coverage{
	text-align: center;
}
.coverage ul li{
	background: url('images/circle-green.png') no-repeat center top;
	display: inline-block;
	min-height: 234px;
	vertical-align: middle;
	width: 234px;
	padding-top: 35px;
	margin:10px;

}
.coverage ul li:last-child{
	background: url('images/circle-blue.png') no-repeat center top;
}
.coverage ul li img{
	vertical-align: middle;
}
.coverage ul li h6{
	color:#fff;
	display: inline-block;
	padding:15px 30px;
	text-align: center;
	text-transform: uppercase;
	font-size: 16px;
}
.coverage ul li h6 a{
	color:#fff;
	text-align: center;
}
.coverage i{
	color:#fff;
}
/* circles end */
.quote-banner{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1eac9d+48,1eac9d+50,57ac1e+51,57ac1e+51,57ac1e+96,57ac1e+96,57ac1e+97,1eac9d+97,57ac1e+97,57ac1e+100,57ac1e+100,57ac1e+100,2989d8+100,1eac9d+100,57ac1e+100,57ac1e+100 */
background: #1eac9d; /* Old browsers */
background: -moz-linear-gradient(-45deg, #1eac9d 48%, #1eac9d 50%, #57ac1e 51%, #57ac1e 51%, #57ac1e 96%, #57ac1e 96%, #57ac1e 97%, #1eac9d 97%, #57ac1e 97%, #57ac1e 100%, #57ac1e 100%, #57ac1e 100%, #2989d8 100%, #1eac9d 100%, #57ac1e 100%, #57ac1e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #1eac9d 48%,#1eac9d 50%,#57ac1e 51%,#57ac1e 51%,#57ac1e 96%,#57ac1e 96%,#57ac1e 97%,#1eac9d 97%,#57ac1e 97%,#57ac1e 100%,#57ac1e 100%,#57ac1e 100%,#2989d8 100%,#1eac9d 100%,#57ac1e 100%,#57ac1e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #1eac9d 48%,#1eac9d 50%,#57ac1e 51%,#57ac1e 51%,#57ac1e 96%,#57ac1e 96%,#57ac1e 97%,#1eac9d 97%,#57ac1e 97%,#57ac1e 100%,#57ac1e 100%,#57ac1e 100%,#2989d8 100%,#1eac9d 100%,#57ac1e 100%,#57ac1e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1eac9d', endColorstr='#57ac1e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.quote-banner .quote-banner-left{
	/*background-color: #1EAC9D;*/
	color:white;
	padding-top: 76px;
	padding-bottom: 74px;
}
.quote-banner .quote-banner-left a{
	color:#EFE82D;
}
.quote-banner .quote-banner-right{
	/*background-color: #57AC1E;*/
	color:white;
}
.quote-banner-btn{
	background-color: #ffffff;
	width: 322px;
	height: 68px;
	color:#57AC1E;
	border-radius: 32px;
	font-size: 22px;
}
.quote-banner-btn:hover{
	background-color: #1EAC9D;
	color:white;
}
.quote-banner-left p{
	/*padding-top: 76px;
	padding-bottom: 74px;*/
	text-align: left;
	font-family:'AvantGarde-Book';
	font-size: 22px;
	white-space: normal;	 
}
.quote-banner-right{
	text-align: center;
	padding-top: 120px;
	padding-left: 100px;
	padding-bottom: 60px;
}
.quote-banner-right a{
	color:white;
	font-size: 18px;
}
.quote-banner-right p{
	margin-top: 31px;
}
.quote-banner{
	margin-top: 49px;
	margin-bottom:45px;
}
.casestudy-claim-section{
	padding-bottom: 20px;
}
.casestudy-claim-section h1{
	font-size:30px;
	color: #57ac1e;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;

}
.casestudy-claim-section .cs-group{
	padding:15px 0px;
}
.casestudy-claim-section .cs-group .heading p{
	font-size: 20px;
	color:#646568;
	text-align: center;
}
.casestudy-claim-section .cs-group .text p{
	font-size: 14px;
	color:#333333;
	text-align: justify;
}
.case-studies-left-section{
	padding-right:40px;
}
.case-studies-right-section{
	padding-right:40px;
	padding-left: 30px;
	border-left: 2px double #1EAC9D;
}

.upper-footer-bg{
	background: #DDF1CF;
}
.upper-footer{
	padding-top: 62px;
	padding-bottom: 55px;
}
.upper-footer a{
	color:black;
} 
.upper-footer-middle ul{
	list-style-type: none;
}
.upper-footer h3{
	font-size: 24px;
	color:#57ac1e;
}
.upper-footer-middle h3{
		padding-left: 40px;
}
.upper-footer-middle ul li{
	padding-bottom: 10px;
}
.quick-contact-btn{
	background-color: #57AC1E;
	color:white;
	width: 140px;
	height: 35px;
	border-radius: 35px;
}
.quick-contact-btn:hover{
	background-color: white;
	color:#57AC1E;
	border:1px solid #57AC1E;
}
.footer p{
	text-align: center;
	color:#57ac1e;
	font-family:'AvantGarde-Book';
	font-size: 16px; 
	padding-top: 30px;
	padding-bottom: 40px;
}
footer .container .row{
	margin:0;
	padding:0;
}
footer .navbar-custom .navbar-nav > li > a{
	color:#57ac1e;
	font-size: 18px;

}
footer .navbar-custom .navbar-nav > li > a:hover{
	font-weight: bold;
	color:#57ac1e;
}
footer .navbar-custom .navbar-nav > .active >a{
	background-color: transparent;
	color:#57ac1e;
}
footer .navbar-custom .navbar-nav > .active >a:hover{
	background-color: transparent;
	color:#1EAC9D;
}
.vc_row{
	margin:0 !important;
}
#wordpress_file_upload_block_1 td.file_td_clean{
	padding: 0 15px 0 0 !important;
}
@media screen and (max-width: 576px)
{
	.header .header-logo,.header-content-bottom{
		float:none;
	}
	.header-content-top ul li{
		display: inline;
	}
	.header-btn{
		width:100%;
	}
	.header .header-content{
		text-align: center;
	}
	.header .header-logo{
		padding-left: 45px;
		padding-bottom: 20px;
	}
	.navbar-default .navbar-toggle .icon-bar{
		background-color: #ffffff;
	}
	.navbar-default .navbar-toggle{
		border-color: #ffffff;
	}
	.quote-banner-btn{
		width: 122px;
		height: 35px;
	}
	.quote-banner-right a{
		font-size: 14px;
	}
	.quote-banner-left p{
		font-size: 20px;
	}
	.upper-footer-middle ul{
		padding-left: 1px !important;
	}
	.upper-footer-middle h3{
		padding-left: 1px !important;
	}
	.circle-inner div > p{
		padding-left: 6px;
		padding-right: 6px;
	}
}
@media screen and (min-width: 577px) and (max-width: 768px)
{
	.header .header-logo,.header-content-bottom{
		float:none;
	}
	.header-content-top{
		text-align: center;
	}
	.header-content-bottom{
		padding-right: 120px;
	}
	.header-logo{
		padding-left: 220px;
	}
	.circle-inner div > p{
		padding-left: 6px;
		padding-right: 6px;
	}
	.upper-footer-middle ul{
		padding-left: 1px !important;
	}
	.upper-footer-middle h3{
		padding-left: 1px !important;
	}
	.quote-banner-right{
		padding-left: 300px;
	}
}
@media (min-width: 1025px)
{
	.offset-circle.circle{
		margin-left: 12%;
	}
}
@media screen and (min-width: 321px) and (max-width: 375px)
{
	.circle{
		width: 83.33333333% !important;
		margin-left: 8.33333333% !important; 
	}
}
@media screen and (min-width: 376px) and (max-width: 414px)
{
		.circle{
		width: 83.33333333% !important;
		margin-left: 8.33333333% !important; 
	}
}
@media screen and (min-width: 415px) and (max-width: 768px)
{
	.coverage .row{
		padding-left: 55px;
		padding-right: 55px;
	}
}