/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* Primary: #d0202c */
/* Secondary: #0a1d4e */

body{ font-family: 'Open Sans', sans-serif; scroll-behavior: smooth; font-size: 16px; line-height: 24px; }

.txt-primary{ color: #d0202c; }
.bg-primary{ background: #d0202c; color: #fff !important; }
.btn.bg-primary:hover{ background: #b1111c !important; }

.txt-secondary{ color: #0a1d4e; }
.bg-secondary{ background: #0a1d4e; color: #fff !important;}
.btn.bg-secondary:hover{ background: #1559a4 !important; }

.btn{ transition: background 0.3s; }

h4{ font-size: 1.5em; }

.navbar{ margin-bottom: 0px; border-radius: 0px;  }
.navbar .container{ display: flex !important; align-items: center; }
.navbar-collapse{  }
.navbar-brand{ height: auto !important; }

.header-phone{ float:right; text-align: center; font-size: 32px; color: #d0202c; line-height: 32px; margin-left: auto; }
.header-phone span{ color: #1559a4; font-size: 18px; }

.hero{ background-image: url('../img/hero.jpg'); color: #fff; height: 700px; width: 100%; display: flex; align-items: center; background-size: cover; background-position: 50%; justify-content: center; font-size: 28px; line-height: 40px; }
.hero h1{ font-size: 48px; margin-bottom: 30px; }
.hero small{ font-size: 20px; }
.hero .btn{ display: block;
    width: 300px;
    padding: 10px 20px;
    text-align: center;
    transition: background 0.3s;
    font-size: 24px;
    margin: 60px auto 0 auto; }


.split-bar{ display: none; }

@media(min-width: 992px ){
	.pest{ width: 12.5%; }
}

.feature-circle{ text-align: center; margin-bottom: 30px; }
.feature-circle img{ background: #fff; border: 4px solid #d0202c; border-radius: 999px; width: 100px; display: block; margin: 0 auto 15px auto; }

.segment{ padding: 60px 0; }

.benefits{ text-align: center; }
.benefits .fas{ font-size: 64px; color: #d0202c; }
.benefits .col-md-4{ margin: 30px 0; }

.testimonial{ background-image: url('../img/testimonial-back.jpg'); background-size: cover; color: #fff; background-position: 50% 35%; font-size: 18px; line-height: 28px; padding: 100px 0; }
.testimonial h3{ font-weight: bold; color: #fff; font-size: 28px; }
.testimonial i{ color: #d0202c; }

.footer-cta{ text-align: center;  }
.footer-cta .btn{ font-size: 24px; padding: 10px 20px; margin-bottom: 10px; margin-top: 20px; }
.footer-cta small{ font-size: 18px; }

.website{ position: absolute !important; opacity: 0 !important; }
 
.result{ margin-bottom: 30px; border: 1px solid; padding: 10px; font-size: 24px; }
.result.success{ border-color: #09a90c; }
.result.failure{ border-color: #ff3030; } 


@media(max-width: 575px){

	body{ padding-bottom: 44px; }

	.split-bar{ position: fixed; bottom: 0; width: 100%; border-top: 1px dotted #fff; display: block; }
	.split-bar a{ display: block; color: #fff; text-align: center; width: 100%; text-align: center; text-decoration: none !important; padding: 10px 0;}


	.split-bar .call{ background: #d0202c; width: 50%; float: left; position: relative; }
	.split-bar .call:before{ width: 0;
		height: 0;
		border-style: solid;
		border-width: 20.5px 5px 0 0;
		border-color: #0a1d4e transparent transparent transparent;
		content: " ";
		position: absolute; left: 0; top: 0;
	 }

	.split-bar .enquire{ background: #0a1d4e; width: 50%; float: left; position: relative;}
	.split-bar .enquire:after{ width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 0 20.5px 5px;
		border-color:  transparent transparent #d0202c transparent;
		content: " "; 
		position: absolute; right: 0; bottom: 0;
	}

	.hero-content h1{ font-size: 32px; }
	.hero-content{ font-size: 22px; line-height: 28px; }
	.hero-content br{ display: none; }


}

@media(max-width: 635px){
	.navbar .container{ flex-direction: column; }
	.navbar-header{ width: 100%; }
	.navbar-brand{ float: none; display: block; }
	.navbar-brand img{ margin: 0 auto; }
	.header-phone{ float: none; width: 100%; padding-bottom: 15px; }
}

iframe{ border: none; border-radius: 10px; transition: height 0.5s; }