/*
Theme Name: Twenty Seventeen Child
Theme URI: https://wordpress.org/themes/twentyseventeen/
Template: twentyseventeen
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Tags: one-column,two-columns,right-sidebar,flexible-header,accessibility-ready,custom-colors,custom-header,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,post-formats,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready
Version: 1.6.1532195520
Updated: 2018-07-21 17:52:00

*/

body{
	background: #fff;	
	font-family: arial;
	font-size: 15px;
	line-height: 24px;
	color: #333;
}
h1, h2, h3, h4, h5, h6{
	margin: 0 0 20px;
	padding: 0;
	color: #ff0100;
}
h1{
	font-size: 26px;
	line-height: 30px;
	font-weight: bold;	
}
a{	
	color: #333;	
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}
ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
ul li{
	list-style: none;
}
.container{
	width: 100%;
	max-width: 980px;
}
.ptb20{
	padding-top: 20px;
	padding-bottom: 20px;
}
.ptb40{
	padding-top: 40px;
	padding-bottom: 40px;
}

/*---- Header ----*/
header{
	padding: 30px 0;
}
.logo a{
	padding: 0;
}
.logo img{
	max-width: 100%;
	max-height: 49px;
}
.tagline{
	font-family: Georgia;
	font-size: 21px;
	line-height: 32px;
	color: #7f7b7c;
}

/*---- Content ----*/
.content a,
.content a:hover{	
	box-shadow: none;		
}

/*---- Welcome ----*/
.welcome{
	max-width: 600px;
	margin: 0 auto;
	font-size: 18px;
	line-height: 26px;
}

/*---- Offers ----*/
.offers .panel-grid-cell{
	position: relative;	
}
.offers .widget{	
	padding: 0;	
}
.offers .panel-grid{
	padding: 0 0 15px;
}
.cmnofr{
	font-size: 22px;
	line-height: 32px;
	color: #ff0100;
	position: relative;
}
.cmnofr i{
	width: 88px;
	height: 88px;
	line-height: 80px;
	margin: 0 auto;
	background: #d8d8d8;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	display: block;
	text-align: center;	
}
.cmnofr img{
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
.cmnofr p{
	width: 100%;
	height: 110px;
	margin: 0;
	display: table;
}
.cmnofr .ofrtitle{
	display: table-cell;
	vertical-align: middle;
}
.leftofr{
	margin: 0 100px 0 0;
	padding: 0 125px 0 0;
	text-align: right;
}
.rightofr{
	margin: 0 0 0 100px;
	padding: 0 0 0 125px;
}
.cmnofr span.bordcir{
	width: 110px;
	height: 110px;			
	padding: 11px 0 0 1px;
	background: #fff;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	display: block;
	font-size: 115px;	
	position: absolute;
	position: absolute;
	top: 0;			
	transition: all ease 0.6s;	
}
.cmnofr span.ofricon::before,
.cmnofr span.ofricon::after{
	width: 110px;
  	height: 110px;	
  	border: 4px solid #4372c4;  	
  	clip: rect(0em, 0.42em, 1em, 0em);
 	border-radius: 50%;
  	display: block;
  	content: "";
  	position: absolute;
  	top: 0;
  	left: 0;
  	transform: rotate(-35deg);
  	transition: all ease 0.6s;
}
.cmnofr span.ofricon::after{
	transform: rotate(146deg);		
}
.leftofr span.bordcir{
	right: 0;
}
.rightofr span.bordcir{
	left: 0;
}
.ofrrow2{
	padding-top: 15px;
	padding-bottom: 15px;	
}
.ofrrow2 .cmnofr{
	color: #fff;
}
.ofrrow2 .cmnofr span.bordcir{
	background: #566b88;
}
.ofrrow2 .cmnofr span.ofricon::before, 
.ofrrow2 .cmnofr span.ofricon::after{
	border-color: #a3a3a3;
}

/*---- Get In Touch ----*/
.getoffer{
	max-width: 196px;
	height: 421px;
	margin: 0 auto;
	padding: 66px 0 0;
	background-position: top center !important;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
.getoffer form{
	max-width: 164px;
	height: 100%;
	margin: 0 auto;
	background: #fff;
	padding: 12px 12px 12px;	
}

/*---- Contact Information ----*/
.continfo{
	padding: 40px 0 0;
	font-size: 18px;
	line-height: 22px;
}

/*---- Input ----*/
.wpcf7 form br{
	display: none;
}
.wpcf7 .formcontrol{
	width: 100%;
	height: 32px;	
	margin: 0 0 6px;
	border: 1px solid #ddd;
	border-radius: 0;
	font-size: 11px;	
	}
.wpcf7 textarea.formcontrol{
	height: 70px;
}
.wpcf7 .formcontrol:focus{
	border: 1px solid #bbb;	
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: red;
    }
.wpcf7 .wpcf7-submit{	
	background: #ff0100;
	margin: 0 auto;
	padding: 10px 20px;
	border: none;	
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;;
}
.wpcf7 .wpcf7-submit:hover,
.wpcf7 .wpcf7-submit:focus{
	background: #000;
}
.wpcf7 .wpcf7-not-valid{
	border-color: #f00;
}
.wpcf7 .wpcf7-not-valid-tip{
	display: none;
}
.wpcf7 .wpcf7-response-output{
	background: #fff;
	border-width: 1px;
	padding: 8px;
	font-size: 11px;
	line-height: 14px;
	position: absolute;
	bottom: -70px;
	right: 0;
}

/*---- Footer ----*/
footer{
	background: #596c8a;
	margin: 80px 0 0;
	padding: 0 0 30px;
}
footer .widget{
	padding: 0;
}
footer .widget ul{
	margin: 0;
}
footer .widget ul li a{
	color: #fff;
	box-shadow: none;
}
footer .widget ul li a:hover{
	color: #fff;
	box-shadow: none;
}
.footer1 ul{
	text-align: center;
}
.footer1 ul li{
	margin: 0 35px;
	padding: 50px 0 0;
	display: inline-block;
	font-size: 19px;
	color: #fff;
	text-align: center;
	position: relative;
}
.footer1 ul li span.bordcir{
	width: 125px;
	height: 125px;		
	margin: 0 auto;	
	padding: 12px 0 0 1px;
	background: #fff;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	display: block;
	font-size: 130px;
	position: absolute;
	position: absolute;
	top: -80px;
	left: 0;
	right: 0;	
	transition: all ease 0.6s;	
}
.footer1 ul li span::before,
.footer1 ul li span::after{
	width: 125px;
  	height: 125px;	
  	border: 4px solid #a5a5a5;  	
  	clip: rect(0em, 0.42em, 1em, 0em);
 	border-radius: 50%;
  	display: block;
  	content: "";
  	position: absolute;
  	top: 0;
  	left: 0;
  	transform: rotate(42deg);
  	transition: all ease 0.6s;
}
.footer1 ul li span::after{
	transform: rotate(-139deg);		
}
.footer1 ul li i{
	width: 100px;
	height: 100px;
	line-height: 100px;	
	margin: 0 auto;
	background: #a5a5a5;	
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	display: block;
	font-size: 60px;	
}
.footer1 ul li:nth-child(even) i{
	background: #4372c4;
}
.footer1 ul li:nth-child(even) span::before,
.footer1 ul li:nth-child(even) span::after{
	border-color: #4372c4;
}
.footer1 ul li a:hover span.bordcir{
	background: #a5a5a5;
}
.footer1 ul li:nth-child(even) a:hover span.bordcir{
	background: #4372c4;
}
.footer1 ul li a:hover span::before,
.footer1 ul li a:hover span::after{
	clip: rect(0em, 4em, 1em, 0em);
}

/*---- Responsive ----*/
@media(max-width: 800px){
	
	.offers{
		padding: 0 !important;
	}
	.offers .panel-grid-cell{
		margin: 0 !important;
	}
	.continfo,
	.offers .panel-grid,
	.ofrrow2{
		float: left;
		width: 100%;
		display: block !important;
	}
	.continfo .panel-grid-cell,
	.offers .panel-grid .panel-grid-cell{
		float: left;
		width: 50% !important;
	}
	.leftofr {
  		margin: 0 10px 0 0;  
	}
	.rightofr {
  		margin: 0 0 0 10px;  
	}	
	.getoffer{
		position: static;
	}	
	.footer1 ul li{
		margin: 0 15px;		
	}	

}

@media(max-width: 640px){

	.cmnofr {  		
	  	font-size: 18px;
	  	line-height: 26px;	  
	}
	.cmnofr span.bordcir{
		width: 80px;
		height: 80px;					
		font-size: 80px;
		padding: 10px 0 0 1px;			
	}
	.cmnofr span.ofricon::before,
	.cmnofr span.ofricon::after{
		width: 80px;
  		height: 80px;	  	
	}
	.cmnofr i{
		width: 60px;
		height: 60px;					
		line-height: inherit;
		padding: 10px;
	}
	.leftofr { 
  		padding: 0 95px 0 0;  		
	}
	.rightofr { 
  		padding: 0 0 0 95px;  		
	}
	.cmnofr p{
		height: 80px;
	}
	.continfo{
		font-size: 14px;
		line-height: 22px;
	}
	.continfo .widget{
		padding: 0;
	}
	.footer1 ul li{
		margin: 0 10px;		
	}
	.footer1 ul li span.bordcir{
		width: 80px;
		height: 80px;
		padding: 10px 0 0 1px;
		font-size: 80px;
		top: -40px;			
	}
	.footer1 ul li span::before,
	.footer1 ul li span::after{
		width: 80px;
	  	height: 80px;	  			  	
	}
	.footer1 ul li i{
		width: 60px;
		height: 60px;
		line-height: 60px;					
		font-size: 40px;	
	}
	.footer1 ul li a{
		font-size: 14px;
	}

}

@media(max-width: 480px){

	h1{
		font-size: 36px;
		line-height: 42px;
	}
	.tagline{
		font-size: 15px;
	}		
	.offers .panel-grid .panel-grid-cell{		
		width: 100% !important;
	}
	.cmnofr{
		max-width: 240px;
		margin: 0 auto 20px;
	}
	.cmnofr span.bordcir{
		left: 0;
	}
	.leftofr,
	.rightofr {
  		padding: 0 0 0 95px;
  		text-align: left;
	}
	.offers .panel-grid	{
		padding: 0;
	}
	.ofrrow2{
		margin: 0 0 20px;
	}
	.footer1 ul li{
		width: 49%;
		margin: 0 0 10px;		
		padding: 105px 0 0 0;
	}
	.footer1 ul li span.bordcir{		
		top: 20px;		
	}	
	.footer1 ul li a{
		font-size: 17px;
	}

}

@media(max-width: 360px){

	.continfo .panel-grid-cell{		
		width: 100% !important;
	}
}