:root{
    
    --bg-color1:#a2cf00;
    --bg-color2:#00b0f2;
    --bg-color3:#4b4b4b;
    --bg-color4:#e8e8e8;

    --title-black:'latobold';    
    --font-regular:'latoregular';
}
/*Fonts*/
HTML BODY h1, HTML BODY h2,HTML BODY h3{font-family: var(--title-black);}
HTML BODY h4,HTML BODY h5,HTML BODY h6, HTML BODY p,HTML BODY small, strong, li{font-family: var(--font-regular);}

/* text color span*/
.spanColor1{color: var(--bg-color1)!important}
.spanColor2{color: var(--bg-color2)}
.spanColor3{color: var(--bg-color3)}
.spanColor4{color: var(--bg-color4)}

/* section banner and background-header */
.bg-header-img1,.bg-header-img2,.bg-header-img3{background:#fff}

.bg-img1{background:url(../../images/funnels/bg_1.jpg);}
.bg-img2{background:url(../../images/funnels/bg_2.jpg);}
.bg-img3{background:url(../../images/funnels/bg_3.jpg);}
.bg-img4{background:url(../../images/funnels/bg_4.jpg);}

.bg-img{background-size: cover;}
.bg-img-fixed{background-attachment: fixed;}
.bg-img-right-center{background-position: right center;}

a{text-decoration: none!important}

/* modal style */
.buttonModal{white-space: initial!important;color: #fff; font-weight: 600; background-color: rgb(91, 157, 12); box-shadow: inset 0 0 0 2px rgba(255,255,255,0.2);}

.input-group-text{background: var(--bg-color2)!important; border: 2px solid var(--bg-color4)!important; color: #fff!important;}
#modalSecondContactForm{background:rgba(0, 0, 0, 0.65); }
#modalSecondContactForm .buttonModal{font-family: var(--title-black);font-size: 32px;}
#modalSecondContactForm .modal-header{border-bottom: 0px;display: block!important; }
#modalSecondContactForm .modal-header h5{font-size: 37px;}
#modalSecondContactForm .modal-title{font-family: var(--title-black);color: #fff!important;text-align: center!important}
#modalSecondContactForm .modal-header p{color: #fff!important;text-align: center!important}
#modalSecondContactForm .modal-header p span.fontH4{font-size: 20px!important;}
#modalSecondContactForm .modal-content{background:rgba(0, 82, 113, 0.75); border-width: 2px; border-color: var(--bg-color4)!important; border-style: dashed; padding: 5px; }
#modalSecondContactForm .close{border: 2px solid #bfbdbd!important; border-radius: 50%;color: white; padding: 0px 10px 10px 10px; }
#modalSecondContactForm .close span{vertical-align: middle; }

#modalFirstContactForm{z-index: 9999;}

/* sectionHeader */
.sectionHeader h4{font-size: 16px;color: var(--bg-color3)}
.sectionHeader h1 span{font-size: 25px;color: var(--bg-color2);}
.sectionHeader h1 a{font-size: 35px;color: var(--bg-color2);}

/* bannerMain */
.bannerMain h2{font-size: 34px; text-shadow: 1px 1px 3px rgba(0,0,0,0.5);}
.bannerMain h4{font-size: 26px; color: var(--bg-color4)!important;}
.bannerMain p{font-size: 16px;color: var(--bg-color4)!important;}
.bannerMain .bgBlue{background: rgba(0, 176, 242, 0.78);}
.bannerMain .buttonModal{font-family: var(--title-black);font-size: 22px}
.bannerMain h3 a{font-size: 35px;color: var(--bg-color1)!important;text-shadow: 1px 1px 3px rgba(0,0,0,0.5);}

/* section-1 */
.section-1{background: var(--bg-color4)!important}
.section-1 h3{font-size: 36px;font-family: var(--font-bold);line-height: 1.3em;}
.section-1 .fontH1{font-size: 40px;}
.section-1 .fontH2{font-size: 34px;}
.section-1 img{border:6px solid #ddd;box-shadow: 0 4px 3px rgba(0,0,0,0.075);}
.section-1 .buttonModal {font-family: var(--title-black); font-size: 38px; }

/* section-2 */
.section-2 h3{font-size: 48px;line-height: 1.3em;}
.section-2 .fontH1{font-size: 40px;}
.section-2 img{border:6px solid #ddd;box-shadow: 0 4px 3px rgba(0,0,0,0.075);}
.section-2 i{font-size: 41px}
.section-2 .buttonModal{font-family: var(--title-black);font-size: 25px}
.section-2 svg{position: absolute!important;}

/* section-3 */
.section-3 {background: var(--bg-color3)!important}
.section-3 h3{font-family: var(--title-black)!important;line-height: 1.6em;}
.section-3 .fontH1{font-size: 47px;}
.section-3 .fontH2{font-size: 45px;}
.section-3 .fontH3{font-size: 36px;}
.section-3 img{border:3px solid #ddd;box-shadow: 0 4px 3px rgba(0,0,0,0.075);border-radius: 4px}
.section-3 .buttonModal{font-family: var(--title-black);font-size: 32px}

/* section-4 */
.section-4 h3{font-family: var(--title-black)!important;line-height: 1.3em;}
.section-4 .fontH1{font-size: 47px;}
.section-4 .fontH2{font-size: 25px;}
.section-4 .fontH3{font-size: 20px;line-height: 1.8em;}
.section-4 .fontH4{font-size: 22px}
.section-4 hr{width: 80%; border-top-width: 4px; border-color: var(--bg-color2)!important; border-style: dashed; margin-bottom: -20px} 
.section-4 .buttonModal{font-family: var(--title-black);font-size: 48px}

/* sectionFooter */
.sectionfooter small{font-size:14px;color:var(--bg-color3) }

/* mobile version*/
@media(max-width: 548px){
	#modalSecondContactForm .buttonModal {font-size: 27px!important; }
	.bannerMain .buttonModal{font-size: 20px; }
	.section-1 h3 {font-size: 32px!important;}
	.section-2 .buttonModal {font-size: 24px!important; }
	.section-2 h3 {font-size: 34px!important; }
	.section-2 li h4 em{font-size: 21px!important; }
	.section-3 .buttonModal {font-size: 35px!important;}
	.section-3 .fontH3 {font-size: 28px!important; }
	.section-3 .fontH2 {font-size: 34px!important; }
	.section-4 .fontH1 {font-size: 40px!important; }
	.section-4 .fontH3 {font-size: 18px!important;}
	.section-4 .buttonModal {font-size: 42px!important; }
}