/*
	Theme Name: Divi child
	Theme URI: 	upthinksolutions.com
	Template: 	Divi
	Version: 	2.6.1
*/
@import url("../Divi/style.css");
@import url('https://fonts.googleapis.com/css?family=PT+Serif:400,400i,700,700i');

/*-----------------------------------------------------------------------------------------------------------
==> Style
-----------------------------------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	padding-bottom:0px !important;
	margin-bottom:20px;
	line-height:1.2 !important;
}
p {
	padding-bottom:0px !important;
	margin-bottom:20px;
}


/*--------Header---------*/
.top-header-bar {
	padding: 10px 0px;
    	min-height: 52px;
	background: url(images/strip-bg.jpg) repeat-x;
	overflow: hidden;
	margin-bottom:10px;
}
#main-header {
	padding-bottom: 10px;
}

#top-menu li a:hover, 
.et-fixed-header #top-menu li a:hover {
	color:#0f4c89 !important;
	opacity:1 !important;
}

a.header-phone {
	float: left;
	font-weight: bold;
	color: #fff;
}

span.free-consultation {
	float: right;
	color: #b7d433;
	font-size: 16px;
	font-weight: bold;
	margin-left: 10px;
}
.phone-section-header {
	width: 33%;
	float: right;
}
.phone-section-header .fa {
	float: left;
	color: #fff;
	background: #232323;
	width: 30px;
	height: 30px;
	border-radius: 500px;
	text-align: center;
	padding-top: 7px;
	margin: -4px 15px 0px 0px;
}

.top-header-bar h5 {
	color: #fff;
	float: left;
	font-size: 18px;
	font-weight: 300;
	margin-bottom: 0;
	font-family: 'PT Serif', serif;
}
/*--------End-Header---------*/

.home-slider .et_pb_slide_title {
	color: #0f4c89 !important;
	/*text-shadow: 0px 0px 7px #fff !important;*/
	font-size: 40px !important;
	font-weight: bold;
	margin-bottom:10px;

}
.home-slider .et_pb_slide_description {
	float: left;
	/*width: 74%;*/
	padding-left: 310px;
	text-align:left;
	padding-top:70px;
}
.home-slider .et_pb_slider .et_pb_container {
	width: 100%;
}

.home-slider .et_pb_slide_content p {
	color: #000 !important;
	line-height: 1.3;
	font-weight: bold;
    	padding-right: 150px;
    	font-size: 16px;
    	text-shadow: 1px 1px 6px #fff;
}
.home-slider .et_pb_slide {
	min-height:600px !important;
}

a.et-pb-arrow-next:before,
a.et-pb-arrow-prev:before{
	display:none;
}
a.et-pb-arrow-next,
a.et-pb-arrow-prev {
	background: rgba(0, 0, 0, 0.65);
	height:145px;
	width:34px;
	margin-top:-50px;
}
a.et-pb-arrow-next {
	background:url("images/arrow-right.png") no-repeat;
}

a.et-pb-arrow-prev {
	background:url("images/arrow-left.png") no-repeat;
}

.home-testimonial-section .testimonial-para {
	font-size: 24px;
	font-family: 'PT Serif', serif;
	font-style: italic;
	line-height: 1.6;
}

.servies-boxes {
	min-height: 500px;
	background: #ddd;
    	background-size: cover;
	overflow:hidden;
}

.bussiness-services-area {
	padding: 180px 50px 0px 0px;
	text-align: center;
	color: #fff;
}
.residential-services-area {
	padding: 180px 0px 0px 50px;
	text-align: center;
	color: #fff;
}
.bussiness-services-area h2, .residential-services-area h2{
    	color: #fff;
    	font-size: 32px;
    	line-height: 1.2;
    	font-weight: bold;
}
.services-section {
	border-top: 6px solid #9fc53b;
	border-bottom: 6px solid #9fc53b;
}
.remington-section h4 {
	color: #0f4c89;
	font-size: 27px;
	line-height: 1.3 !important;
}

.item {
	float: left;
	width: 18%;
	padding-top:15px;
	margin: 0px 10px;
}
.item:hover {
	background: rgba(142, 178, 62, 0.31);
}
.item h5 {
	font-size: 18px;
	color: #fff;
	font-weight: bold;
}

.what-we-do-section {
	overflow: hidden;
	border: 2px solid #fff;
	padding: 40px 0px;
}

.what-we-do-section h3 {
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
    	letter-spacing: 3px;
    	font-size: 50px;
    	text-shadow: 2px 2px 2px #000;
	margin-bottom:50px;
}

p.contact-btn-what-do {
	margin-top: -25px;
}

a#what-we-do-contact-btn {
	background: #0f4c89;
	font-weight: bold;
	text-transform: uppercase;
}

.what-we-work-with-section h2 {
	font-size: 40px;
    	font-weight: 800;
    	margin-bottom: 0;
    	text-align: center;
    	text-transform: uppercase;
}

.work-with span {
	margin: 0px 9px;
	font-size: 24px;
	text-align: center;
	text-transform: capitalize;
	float: left;
}
.work-with {
	padding-top: 35px;
}

.footer-form-section {
	background: #dfdfdf;
	padding: 50px 0px;
}

.footer-form-section .footer-form-title {
	font-size: 20px;
	font-weight: 900;
	color: #02417f;
	text-transform: uppercase;
	text-align: center;
	display: block;
	position: relative;
}

.footer-form-section .footer-form-title:before {
    	content: "";
    	position: absolute;
    	width: 29%;
    	height: 1px;
    	background-color: #151515;
    	right: 0;
    	bottom: 11px;
}
.footer-form-section .footer-form-title:after {
    	content: "";
    	position: absolute;
    	width: 29%;
    	height: 1px;
    	background-color: #151515;
    	left:0px;
    	bottom: 11px;
}

/*------------------------------------Footer form-Css------------------------------------*/

.footer-form-area .wpforms-field {
	clear: none !important;
	width: 32% !important;
	float: left !important;
	margin: 0px 5px !important;
}

.footer-form-area .wpforms-field-textarea {
	width: 98% !important;
}

.footer-form-area .wpforms-field-large {
	height: 45px !important;
	color: #000 !important;
	text-align: center;
    	font-weight: bold;
}
.footer-form-area .wpforms-field-textarea .wpforms-field-large {
	height: 120px !important;
}

.footer-form-area .wpforms-submit {
    	background: #8eb23e !important;
    	color: #fff !important;
    	width: 200px !important;
    	border-radius: 5px !important;
    	height: 45px !important;
    	text-transform: uppercase !important;
}
.footer-form-area .wpforms-submit:hover {
    	background: #0f4c89 !important;
}

.footer-form-area ::-webkit-input-placeholder {
   	color: black;
}

.footer-form-area .wpforms-submit-container {
	text-align:center;
}

.footer-form-area :-moz-placeholder { 
   	color: black;
}

.footer-form-area ::-moz-placeholder { 
   	color: black;
}

.footer-form-area :-ms-input-placeholder {  
   	color: black;
}

/*------------------------------------Footer form-Css------------------------------------*/
#footer-info {
	margin-bottom:0px;
	color:#fff;
	text-align: center;
    	float: none;
}

#main-footer {
	background-color: #dfdfdf;
	border-top: 20px solid #7d7d7d;
}

#footer-widgets {
	padding: 3% 0 0;
}

#main-footer .fwidget {
	width: 100%;
}

.services-area {
    font-size: 20px;
    font-weight: 900;
    color: #02417f;
    text-transform: uppercase;
    text-align: center;
    display: block;
    position: relative;
}

.services-area:before {
    	content: "";
    	position: absolute;
    	width: 29%;
    	height: 1px;
    	background-color: #151515;
    	right: 0;
    	bottom: 11px;
}
.services-area:after {
    	content: "";
    	position: absolute;
    	width: 29%;
    	height: 1px;
    	background-color: #151515;
    	left:0px;
    	bottom: 11px;
}

p.info-footer {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	margin-bottom:10px;
}

.info-footer a {
	color: #0f4c89;
}

.inner-page-title {
	padding: 10px 0px !important;
}
.inner-page-title h1 {
	margin-bottom:0px;
	color:#fff; 
	font-weight: 800;
    	text-transform: uppercase;
    	font-size: 31px;
}

.inner-page-banner {
	min-height: 300px;
	padding: 0;
}
/*-----------Banner Form----------------*/

.directives-contact-form {
    	width: 335px;
    	min-height: 430px;
    	overflow: hidden;
	float: right;
	padding: 10px 30px;
    	position: relative;
    	z-index: 9999;
    	background: #9fc53b url(images/form-bg.png)no-repeat top center;
}

.directives-form-section {
    margin-top: -520px;
    position: relative;
}
.directives-contact-form h4 {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-align:center;
    	margin-bottom: 50px;
}

.directives-contact-form h4 span {
	font-size: 24px;
	display: block;
}
.directives-contact-form .wpforms-field {
	padding: 3px 0 !important;
}

.directives-contact-form .wpforms-form textarea.wpforms-field-large {
    	height: 100px !important;
}

.directives-contact-form .wpforms-field-large {
	background: #8eb23e !important;
	color: #fff !important;
}

.directives-contact-form ::-webkit-input-placeholder {
   	color: white;
}

.directives-contact-form :-moz-placeholder { 
   	color: white;
}

.directives-contact-form ::-moz-placeholder { 
   	color: white;
}

.directives-contact-form :-ms-input-placeholder {  
   	color: white;
}

.directives-contact-form .wpforms-submit {
    	background: #013e7e !important;
    	color: #fff !important;
    	width: 278px !important;
    	border-radius: 0px !important;
}
.directives-contact-form .wpforms-submit:hover {
    	background: #8eb23e !important;
}

/*-----------Banner Form----------------*/
.home-testimonial-section h1 {
	font-size: 29px;
	text-align: center;
}

h2.heading-center {
	text-align: center;
	margin-bottom: 50px;
	color: #0f4c89;
	font-weight: bold;
}
.img-right-section {
	float: right;
	width: 400px;
	border:2px solid #ddd;
	margin: 0px 0px 30px 30px;
}

.img-left-section {
	float: left;
	width: 400px;
	border:2px solid #ddd;
	margin: 0px 30px 30px 0px;
}

.color-heading {
	color:#0f4c89;
}

.services-includes h5 {
	font-size: 20px;
	font-weight: bold;
	color: #0f4c89;
}

.services-includes p {
	font-size: 18px;
	line-height: 1.2;
}

/*------------------------------------contact-page-form-Css------------------------------------*/

.contact-page-form .wpforms-field {
	clear: none !important;
	width: 31.7% !important;
	float: left !important;
	margin: 0px 5px !important;
}

.contact-page-form .wpforms-field-textarea {
	width: 98% !important;
}

.contact-page-form .wpforms-field-large {
	height: 45px !important;
	border: none !important;
	background: rgba(159, 207, 222, 0.79) !important;
	color: #000 !important;
}
.contact-page-form .wpforms-field-textarea .wpforms-field-large {
	height: 120px !important;
}

.contact-page-form .wpforms-submit {
    	background: #8eb23e !important;
    	color: #fff !important;
    	width: 200px !important;
    	border-radius: 0px !important;
    	text-transform: uppercase !important;
}
.contact-page-form .wpforms-submit:hover {
    	background: #0f4c89 !important;
}

.contact-page-form ::-webkit-input-placeholder {
   	color: black;
}

.contact-page-form :-moz-placeholder { 
   	color: black;
}

.contact-page-form ::-moz-placeholder { 
   	color: black;
}

.contact-page-form :-ms-input-placeholder {  
   	color: black;
}

.page-id-42 .footer-form-section {
	display: none;
}
/*------------------------------------form-Css------------------------------------*/
.phone-section h6 {
	margin-bottom: 0;
	margin-top: 45px;
}

.phone-section h6 a {
	color: #8eb23e;
	font-weight: bold;
}

.home-tech-banner h6 {
	margin-bottom: 0;
}
.home-tech-banner h1, .home-tech-banner h6, .home-tech-banner p {
	color:#fff !important; 
}

.home-tech-banner h1 {
	font-weight: bold;
	font-size: 50px;
}

.icon {
	float: left;
	margin-right: 30px;
	min-height: 190px;
}

.home-tech-icons-section h6 {
	font-weight: bold;
	color: #8eb23e;
}

.hometech-cta h2 {
	color: #fff;
	margin-bottom: 50px;
}
.home-tech-footer p {
	color: #fff;
	margin-bottom: 0;
	font-size: 26px;
	font-weight: 300;
}

.additional-info-section h4 {
	font-weight: 900;
	color: #0f4c89;
	font-size: 36px;
	padding: 0px 140px;
}
#top-menu li li a {
	font-size: 16px !important;
	line-height:1.2;
}

/*-----------------------------------------------------------------------------------------------------------
==> Responsive
-----------------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 1179px) {

	.phone-section-header {
    		width: 35%;
	}

	.container {
    		width: 95%;
	}

	#top-menu li {
    		padding-right: 12px;
	}

	.home-slider .et_pb_slide_description {
    		width: 66%;
    		padding-left: 125px;
	}

	.et_pb_row {
    		width: 95%;
	}

	.home-testimonial-section h1 {
    		font-size: 25px;
	}

	.item {
    		width: 17%;
	}

	.work-with span {
    		font-size: 21px;
	}

}

@media only screen and (max-width: 980px) {

	.phone-section-header {
    		width: 47%;
	}

	.home-slider .et_pb_slide_title {
    		font-size: 30px !important;
	}

	.home-slider .et_pb_slide_description {
    		width: 63%;
    		padding-left: 0px;
	}

	.et_pb_section {
    		padding: 0;
	}

	.et_pb_column {
    		margin-bottom: 0px;
	}

	.work-with {
    		padding-top: 10px;
	}

	.footer-form-section .footer-form-title:before {
    		width: 20%;
	}

	.footer-form-section .footer-form-title:after {
    		width: 20%;
	}

	#text-5 iframe {
    		margin: 0 auto 20px;
    		display: block;
	}

	.footer-form-area .wpforms-field {
    		width: 31.6% !important;
	}

	.footer-form-area .wpforms-field.wpforms-field-textarea {
    		width: 98% !important;
	}

	.img-right-section {
   		width: auto;
	}

	.home-testimonial-section .testimonial-para {
    		font-size: 20px;
	}

}

@media only screen and (max-width: 736px) {

	.phone-section-header {
    		width: 44%;
	}

	.home-slider .et_pb_slide_description {
    		width: 59%;
    		padding-left: 0px;
	}

}

@media only screen and (max-width: 730px) {

	.top-header-bar h5 {
    		float: none;
    		text-align: center;
	}

	.top-header-bar {
    		background-size: cover;
	}

	.phone-section-header {
    		width: 60%;
    		float: none;
    		margin: 0 auto;
	}

	.directives-form-section {
    		margin-top: 0;
	}

	.home-slider .et_pb_slide_description {
    		width: 70%;
	}

	.directives-contact-form {
		float: none;
		margin: 0 auto;
	}

	.services-section .et_pb_row {
    		padding: 0px 0;
	}

	.item {
    		width: 30%;
    		float: none;
    		margin: 0 auto;
	}

	.footer-form-section .footer-form-title {
    		font-size: 15px;
    	}

	.footer-form-section .footer-form-title:before {
		bottom: 7px;
	}

	.footer-form-section .footer-form-title:after {
		bottom: 7px;
	}

	.footer-form-area .wpforms-field {
    		width: 31% !important;
	}

	.home-slider .et_pb_slide_description {
    		width: 100%;
    		text-align: center;
	}

	.bussiness-services-area {
    		padding: 180px 0px 0px 0px;
	}

	.residential-services-area {
    		padding: 180px 0px 0px 0px;
	}

	.what-we-work-with-section h2 {
    		font-size: 24px;
    	}

	.img-right-section {
    		float: none;
    		margin: 0 auto 10px;
		display: block;
		border: none;
	}

	.contact-page-form .wpforms-field {
   		width: 98% !important;
	}

}

@media only screen and (max-width: 414px) {

	.footer-form-area .wpforms-field {
    		width: 96% !important;
	}

	.footer-form-area .wpforms-field.wpforms-field-textarea {
    		width: 96% !important;
	}

	#main-footer .footer-widget h4 {
    		font-size: 16px;
	}

	.footer-form-section .footer-form-title:before {
		height: 0px;
	}

	.footer-form-section .footer-form-title:after {
		height: 0px;
	}

	.phone-section-header {
    		width: 100%;
	}

	.what-we-do-section h3 {
		font-size: 40px;
	}

	a.header-phone {
    		float: none;
    		text-align: center;
    		display: block;
	}

	span.free-consultation {
    		float: none;
    		text-align: center;
    		display: block;
	}

	.home-testimonial-section .testimonial-para {
    		font-size: 16px;
	}

	.remington-section h4 {
    		font-size: 20px;
	}

}

@media only screen and (max-width: 320px) {

	.directives-contact-form h4 span {
    		font-size: 20px;
	}

	.directives-contact-form h4 {
    		font-size: 16px;
	}

	.directives-contact-form {
    		width: 285px;
	}

	.directives-contact-form .wpforms-submit {
    		width: 225px !important;
	}

	.what-we-do-section h3 {
    		font-size: 30px;
	}

}
