/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 02 2022 | 06:54:40 */
/* Add your CSS code here.

For example:
.example {
color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');

body {
font-family: 'Montserrat', sans-serif !important;   
}

.top_header {
padding-top: 15px; 
padding-bottom: 15px; 	
align-items: flex-start !important;	
}

.wp-site-blocks {
max-width: 1900px;
margin: auto;
}

.wp-site-blocks > * {
margin-block-start: 0 !important;
margin-block-end: 0;
}

input[type="submit"], .btn_yellow a, .block_contact_us input[type="submit"] {
padding: 13px 29px;
line-height: 17px;
font-size: 14px; 
font-weight: 400;
font-style: normal;
letter-spacing: 2px;
text-transform: uppercase;
transition: all .2s;    
background: #fed03d;
color: #333333;
border-color: #333333;
cursor: pointer;
}

.uacf7-next, .uacf7-prev {
    padding: 10px 30px;
    line-height: 18px;
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 2px;
    transition: all .2s;
    background: #fed03d;
    color: #333333;
    border-color: #333333;
    cursor: pointer;
}

input[type="submit"]:hover, .btn_yellow:hover a, .uacf7-next:hover, .uacf7-prev:hover {
background: #333333;
color: #ffffff;
border-color: #ffffff;
}

.btn_blue a {
padding: 13px 29px;
line-height: 17px;
font-size: 14px; 
font-weight: 400;
font-style: normal;
letter-spacing: 2px;
text-transform: uppercase;
transition: all .2s;    
background: #002561;
color: #fff;
border-color: #fff;
border-style: solid;	
cursor: pointer;
}

.btn_blue:hover a{
background: #fff;
color: #333;
opacity: 1;	
border-color: #333333;
}

.btn_grey a {
padding: 13px 29px;
line-height: 17px;
font-size: 14px; 
font-weight: 400;
font-style: normal;
letter-spacing: 2px;
text-transform: uppercase;
transition: all .2s;    
background: #333;
color: #fff;
border-color: #333;
border-style: solid;	
cursor: pointer;
}

.btn_grey:hover a{
background: #fed03d;
color: #333;
opacity: 1;	
border-color: #fed03d;
}

.btn_lg a {
line-height: 21px;
font-size: 18px; 	
padding: 17px 35px;	
}

.before_header img {
margin: 2px 7px 0 0;    
}

.top_menu {
letter-spacing: 1px;    
}

.top_menu li:not(.btn_top_link) a {
position: relative; 
letter-spacing: 1px;
}

.top_menu li.btn_top_link a {
padding: 13px 29px !important; 	
}

.top_menu a:hover, .top_menu .current-menu-item:not(.btn_top_link) a {
text-decoration: underline !important;   
}

.top_menu li:not(.btn_top_link) a:hover:after {
content: "";
display: none;
border: solid black; 
border-width: 0 1px 1px 0;
position: absolute;
padding: 7px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
bottom: 0;
left: calc(50% - 5px);
}

.top_menu .current-menu-item:not(.btn_top_link) a:after {
content: "";
display: none;
border: solid black;
border-width: 0 1px 1px 0;
position: absolute;
padding: 7px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
bottom: 0;
left: calc(50% - 5px);
}

.wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg {
width: 36px;
height: 36px;	
}

@media (max-width: 600px) {
	.top_menu li:not(.btn_top_link) a {
		line-height: 40px;
	}	
}

.block_contact_us, .form_quote  {
font-size: 15px;
line-height: 27px;
font-weight: 400;
max-width:900px;
margin: auto;   
}
.block_contact_us input, .form_quote input, .block_contact_us select {
padding-top: 0;
padding-bottom: 0;
height: 50px;
font-size: 13px;
border: 1px solid #d2d2d2;
text-indent: 20px;
}

.block_contact_us input[type="radio"] {
height: auto;	
}

.block_contact_us input[type="date"] {
text-indent: 10px;	
}

.block_contact_us input[type="submit"], .form_quote input[type="submit"] {
text-indent: 0;	
}

.block_contact_us input[type="checkbox"] {
height: auto;	
}

.block_contact_us input[type="text"], 
.block_contact_us input[type="email"], 
.block_contact_us input[type="tel"],
.block_contact_us input[type="date"],
.block_contact_us input[type="url"],
.block_contact_us select.wpcf7-form-control,
.block_contact_us textarea {
width: calc(100% - 30px) !important;    
}

.block_contact_us input[type="file"] {
border: none;
margin-top: 15px;	
}

.footer_list {
list-style: none    
}

.footer_list li {
font-size: 14px;
line-height: 23.8px;
font-weight: 400;
color: #a1a1a1; 
padding: 5px 0
}
.footer_list h4 {
margin: 0;
text-transform: uppercase;
font-family: Montserrat, Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: 700;
}
.footer_list li span { 
margin-right: 10px
}

.footer_list a, .footer_list a:hover {
color: #a1a1a1;	
}

.heading_contact {
text-align: center;
margin-top: 40px;	
height: 200px;
color: #333;
font-size: 60px;
justify-content: center;
align-items: center;
width: 100%;
background-color: #f6f6f6;
border-top: 1px solid;
border-bottom: 1px solid;
border-color: #d2d3d4;
display: flex;
font-weight: 700;
font-family: 'Montserrat', sans-serif !important;
margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
width: unset;
}

.block_form_quote_top {
background-color: #f5f5f5;
padding-bottom: 70px;
border-width: 0px 0px 0px 0px;
border-color: #eae9e9;
border-style: solid;
margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
height: 170px;  
}

.block_form_quote {
margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
width: unset;
padding-top: 100px;
padding-bottom: 90px;
background: url(/wp-content/uploads/2022/08/services-call-to-action-345344531.jpg);
background-size:cover;
margin-block-start: 0 !important;
}

.form_quote_block {
background:#efedec; 
max-width: 900px;
margin: auto;
}

.form_quote_block h2 {
background-color: #fed03d;
text-align: center;
padding: 28px 28px 27px 31px;
font-weight: 500;
font-family: "Montserrat";
font-size: 36px;
}
.form_quote {
padding: 5% 6% 6%;
}

.form_quote .row {
display: flex;
}

.form_quote .col-lg-6 {
width: 50%;
padding: 0 10px;
}
.form_quote .col-lg-12 {
width: 100%;
padding: 0 10px;
}

.form_quote input[type="text"], .form_quote input[type="email"],  .form_quote input[type="tel"], .form_quote textarea {
width: 100%;
}

.services_buttons, .mainpage_yellowblock {
margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;  
margin-block-start: 0 !important;   
}

.services_buttons .wp-block-buttons, .mainpage_yellowblock .wp-block-buttons {
position: relative;
bottom: -20px;  
}

.services_buttons .wp-block-button__link {
padding: 13px 29px;
line-height: 17px;
font-size: 14px;
background: #333333;
border-color: #ffffff;
border-width: 2px;
border-radius: 0px;
border-style: solid;
font-weight: 400;
letter-spacing: 2px;
text-transform: uppercase;  
transition: 0.2s;
}

.services_buttons .wp-block-button__link:hover {
background: #ffffff;
border-color: #333333;
border-width: 2px;
color: #333333; 
opacity: 1; 
}

.services_slide, .get_quote_slide {
margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
background-size: cover;
width: unset;
}

.services_slide h2, .get_quote_slide h2 {
font-family: 'Montserrat', sans-serif !important;   
}

.get_quote_slide h2 {
margin-bottom:0;	
}

.main_page_banner {
margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
background-size: cover;
width: unset;   
margin-block-start: 0 !important;
}

.main_page_columns {
max-width: 1120px;
margin: auto;   
}

.main_page_banner h5 {
position: relative; 
}

.main_page_banner h5:after {
content: "";
background: #fed03d;
width: 200px;
height: 2px;
display: block;
position: absolute;
bottom: -20px;
left: 0;    
}

.block_flipbox h3 {
font-weight: 400;	
font-family: 'Montserrat';
}

.block_flipbox h3.eb-flipbox-back-title { color: #fff  !important; }

.block_flipbox a.eb-flipbox-button-link {
display: none;	
padding: 13px 29px;
line-height: 17px;
font-size: 14px;
font-weight: 400;
font-style: normal;
letter-spacing: 2px;
text-transform: uppercase;
transition: all .2s;
background: #fed03d;
color: #333333;
border-color: #333333;
cursor: pointer;	
width: 190px;	
}

.block_flipbox a.eb-flipbox-button-link:hover {
background: #333333;
color: #fff;	
}

.block_flipbox span.fab, .block_flipbox span.fas, .block_flipbox span.far {
background-color: #333333;
border-color: #333333;
color: #fff;
border-radius: 50%;
font-size: 31px;
width: 64px;
height: 64px;
display: flex;
align-items: center;
justify-content: space-around;
}

.block_flipbox a.eb-flipbox-button-link:hover a {
background: #333333;
color: #ffffff;
border-color: #ffffff;
}

.block_flipbox .eb-flipbox-front-image-container img {
margin-bottom: 20px;
}

.line_separator {
margin: 50px auto 50px !important;
}

.line_separator2 {
margin: 70px auto 70px !important;
}

.line_separator_tile {
background: #f5f5f5;
margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
width: unset;
padding: 90px 0 0;
margin-block-start: 0 !important;
}

.mainpage_banner {
margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
background-size: cover;
width: unset;   
text-align: center;	
}
.mainpage_banner p {
display: inline-block;	
background-color: #002561;
color: #ccc !important;
padding: 0.1em 0.3em !important;
line-height: 1.7em;
font-size: 60px !important;
font-weight: 600;	
}

.block_advantages {
padding: 100px 0;
background:#f5f5f5;
margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
margin-block-start: 0 !important;
}

.advantages {
text-align: center;	  
padding: 0 30px;
line-height: 2em;
transition: 0.5s;
}

.advantages .icon {
margin-bottom: 15px;
}


.advantages .icon {
margin-bottom: 15px;
}

.advantages .icon i {
border-color: #333333;
border-width: 0px;
background-color: #000000;
box-sizing: content-box;
height: 120px;
width: 120px;
line-height: 120px;
border-radius: 50%;
color: #ffffff;
font-size: 60px;
transition: 0.5s;
position: relative;

-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
-moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
transition: transform ease-out 0.1s, background 0.2s;
}

.advantages .icon i:after {
bottom: 0px;
left: 0;
padding: 0;
position: absolute;
z-index: -1;
box-shadow: 0 0 0 2px rgba(255,255,255,1);
opacity: 1;
display: block;
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
content: "";
border-radius: 50%;
height: 120px;
width: 120px;
}

.advantages .icon:hover i {
background: rgba(255,255,255,1);
-webkit-transform: scale(0.93);
-moz-transform: scale(0.93);
-ms-transform: scale(0.93);
transform: scale(0.93);
color: #fff;
}

.advantages .icon:hover i:after {
-webkit-animation: sonarEffect 1.3s ease-out 75ms;
-moz-animation: sonarEffect 1.3s ease-out 75ms;
animation: sonarEffect 1.3s ease-out 75ms;
}

@-webkit-keyframes sonarEffect {
0% {
opacity: 0.3;
}
40% {
opacity: 0.5;
box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);
}
100% {
box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);
-webkit-transform: scale(1.5);
opacity: 0;
}
}
@-moz-keyframes sonarEffect {
0% {
opacity: 0.3;
}
40% {
opacity: 0.5;
box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);
}
100% {
box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);
-moz-transform: scale(1.5);
opacity: 0;
}
}
@keyframes sonarEffect {
0% {
opacity: 0.3;
}
40% {
opacity: 0.5;
box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fed03d, 0 0 0 10px rgba(255,255,255,0.5);
}
100% {
box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fed03d, 0 0 0 10px rgba(255,255,255,0.5);
transform: scale(1.5);
opacity: 0;
}
}

.advantages h2 {
font-size: 16px;
line-height: 2em;
font-family: 'Montserrat';
margin-bottom: 15px;
font-weight: 500;
transition: 0.5s;
}

.advantages p {
color: #747474;
font-weight: 500;
line-height: 2em;
}


.advantages:hover .icon i {
border-color: #fed03d;
border-width: 0px;
background-color: #fed03d;
}
.advantages:hover h2 {
color: #fed03d;}

.my_block_counter, .block_real_estate {
margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
width: unset;	
display: block !important;
}

.anc-6310-counter-3-paralax {
background: url(https://thefirstshield.intelexcanada.com/wp-content/uploads/2022/08/home-244125289.jpg) !important;
background-position: center center !important;
padding: 50px 0;
}

.anc-6310-counter-3-paralax .anc-6310-col-4:first-child { order: 4; }

.anc-6310-counter-3-paralax .anc-6310-col-4 i {
color: #fed03d;
font-size: 60px;
margin-bottom: 40px;
}

.anc-6310-counter-3-count-number {
color: #fed03d !important;  
font-size: 60px !important;
}

.anc-6310-counter-3-count-content-inner:after {
display: none;	
}

.block_counter_top {
position: absolute;
width: 100%;
background-color: #f5f5f500;
padding-bottom: 70px;
border-width: 0px 0px 0px 0px;
border-color: #eae9e9;
border-style: solid;   
height: 170px;
}

.block_counter_bottom {
position: absolute;
width: 100%;
background-color: #f5f5f500;
padding-bottom: 70px;
border-width: 0px 0px 0px 0px;
border-color: #eae9e9;
border-style: solid;   
height: 170px;
}

.block_counter_bottom > div {
transform: rotate(180deg);
margin-top: -106px;
}

.title {
font-family: 'Montserrat';
font-weight: bold;	
}

.title2 {
position: relative;
padding-bottom: 30px;	
}

.title2:after {
content: "";
display: block;
width: 150px;
position: relative;
left: calc(50% - 75px);
bottom: -20px;
height: 2px;
background: #fed03d;
}

.title3 {
position: relative;
padding-bottom: 30px;		
}

.title3:after {
content: "";
display: block;
width: 50px;
position: relative;
left: 0;
bottom: -20px;
height: 2px;
background: #fed03d;
}

.title4 {
font-family: 'Montserrat';
font-weight: bold;	
font-size: 30px;	
}

.title5 {
font-family: 'Montserrat';
font-weight: bold;	
font-size: 40px;	
}

.get_free_quote {
padding: 0 30px;	
}

.address_left {
background: #f5f5f5;
padding: 70px 0 90px 90px;	
}

.page_free_quote {
margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
width: unset;		
}

.page_tabs {
max-width: 900px;
margin: auto;
}

.page_tabs.page_tabs_wide {
max-width: 1200px;	
}

.page_tabs li[role="presentation"] a {
font-weight: 400;	
}

.page_tabs #tab_container_323 .wpsm_nav-tabs > li > a, .page_tabs #tab_container_365 .wpsm_nav-tabs > li > a {
font-family: 'Montserrat' !important;		
}

.page_tabs p {
color: #333;
font-weight: 400;	
font-family: 'Montserrat';
padding: 15px 0;
}

.page_tabs #tab_container_323 .tab-content, .page_tabs #tab_container_365 .tab-content {
border: none !important;
padding: 0;
}

.page_tabs #tab_container_323 .form_quote, .page_tabs #tab_container_365 .form_quote {
padding: 0;
}

.block_real_estate h2 {
margin-bottom: 0;	
}

.page_tabs.page_tabs_wide .form_quote {
max-width: 1200px;	
}

.real_estate_slide {
margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
width: unset;	
}

.real_estate_slide h2 {
font-family: 'Montserrat';
margin-bottom: 0;	
}

.block_advanced {
margin-top: 50px;	
color: #2a426a;
}

.checkmark_list {
list-style: none;
margin: 0;
padding: 0;	
}

.checkmark_list i {
margin-right: 10px;	
}

.container_step1 {
padding: 50px;
color: #fff;	
text-align: center;	
}

.uacf7-step > p {
text-align: center;	
margin-block-start: 0;
margin-block-end: 0;	
}
.uacf7-step.step-content button.uacf7-next {
    float: unset;
}
.wpcf7-spinner { display: block; margin: auto; }
.mt15 { margin-top: 15px !important; }
.mr10 { margin-right: 10px; }

.block_prefilled {
margin-top: 30px;	
}

.block_prefilled_item {
display: flex;	
}

.block_prefilled_item div {
margin-left: 10px	
}
.wp-container-5 .alignfull {
margin: 0;	
}

.block_contact_us input.form-sign {
	background: transparent;
	border: none;
	border-bottom: 1px solid #ccc;
	font-size: 24px;
	font-style: italic;
	padding: 0;
	height: 25px;
	text-indent: 0;
	margin-top: 15px;
	font-family: cursive;
}

.block_contact_us input.form-sign:focus, .block_contact_us input.form-sign:active {
background: transparent;
	border: none;
	border-bottom: 1px solid #646464;	
	outline: none;
} 

@media (min-width: 1199px) {
	.block_advanced > div.wp-container-18 {
	flex-grow: 2 !important;	
	}
	.block_advanced ul {
	height: 76px;	
	}
	.wp-block-buttons>.wp-block-button.btn_margin {
	margin-left: 55px;	
	}
	
	.block_contact_us .uacf7-row {
	display: flex;	
	}
}
@media (min-width: 768px) {
	#step-1 .block_contact_us {
	padding-left: 30px;	
	}
	.uacf7-form-301 #step-1 .uacf7-next { float: right; margin-right: 20%; }
	.block_questions { text-align: right; padding-right: 30px; }
}
@media (max-width: 767px) {
	.block_contact_us { padding: 0 30px; }
	.block_contact_us input[type="text"], .block_contact_us input[type="email"], .block_contact_us input[type="tel"], .block_contact_us input[type="date"], .block_contact_us input[type="url"], .block_contact_us select.wpcf7-form-control, .block_contact_us textarea {
		width: 100% !important;
		padding: 0;
	}
	.uacf7-row { margin: 0; }
	.uacf7-col-6 { padding: 0; }
	.main_banner { min-height: 355px !important; }
	.main_banner img { object-position: unset !important; }
	.main_banner .title { font-size: 30px !important; }
	.main_banner p { font-size: 20px !important; }	
	.main_banner2 { min-height: 355px !important; }
	
   
}