/*
 Theme Name:   Ralph Rose Child
 Description:  Ralph Rose Child Theme
 Template:     ralphrose
 Version:      1.0.0
*/

@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oxygen&display=swap');

@font-face {
	font-family: 'Optima';
	font-style: normal;
	font-weight: normal;
	src: local('Optima'), url('fonts/OPTIMA.woff') format('woff');
}

@font-face {
	font-family: 'Optima Bold';
	font-style: normal;
	font-weight: normal;
	src: local('Optima Bold'), url('fonts/OPTIMA_B.woff') format('woff');
}

*{ margin:0; padding:0; box-sizing:border-box; line-height: 1.5em; }
a{text-decoration:none;}
body,p,li{font-family: "Rubik", sans-serif;font-style: normal;font-weight: 400;background: none;color:#222222;line-height:1.5em;}
h1, h2, h3, h4, h5, h6{font-family: "Rubik", sans-serif;font-weight:bold;color:#222222;line-height:1.2em;}
p{font-size:16px;line-height:1.5em;color:#222222;}

.hide, .show-mobile{display:none;}
.align-right{text-align:right;}
.align-left{text-align:left;}
.align-center{text-align:center;}
.row{align-items: center;}
.txt-white{color:#fff !important;}

form input[type="submit"]{font-family: "Rubik", sans-serif;display:block;width:100%;font-size:16px;font-weight:bold;text-transform:uppercase;background:#222222 !important;color:#fff !important;padding:10px 20px;}
form input[type="submit"]:hover, form input[type="submit"]:focus{border-color:#FFD100 !important;background:#FFD100 !important;color:#222 !important;}
form .wpcf7-spinner{position:absolute;}
.wpcf7 form .wpcf7-response-output{margin:15px 0 0;font-size:14px;}
.wpcf7 form .wpcf7-not-valid-tip{font-size:13px;}

.btn{background:#FFD100;min-width:180px;padding:12px 30px;color:#222;font-size:16px;font-weight:700;border-radius:0px;display:inline-block;text-align:center;border:1px solid transparent;line-height:35px;}
.btn img{height: 24px;vertical-align: middle;display: inline-block;margin: -3px 5px 0 0;}
.btn:hover{background:#FFD100;outline: none;text-decoration: none;}
.btn + .btn{margin:0 0 0 15px;}
.btn-solid{background:#FFD100;color:#222222;}
.btn-solid:hover{background:#fff;}
.btn-outline{background:none;border-color:#fff;}
.btn-outline:hover{background:#FFD100;border-color:#FFD100;}
.btn-dark-outline{background:none;border-color:#000;color:#000;}
.btn-dark-outline:hover{background:#000;color:#fff;}
.btn-arrow{padding:0 10px 0 30px;line-height:60px;}
.btn-arrow img{margin:-6px 0 0 15px;width:42px;height: 42px;}
.btn-arrow{padding:0 10px 0 30px;line-height:60px;}
.btn-arrow img{margin:-6px 0 0 15px;width:42px;height: 42px;}
.btn-black{background:#222222;color:#fff;}
.btn-black:hover{background:#FFD100;}

header .container, section .container, footer .container{width:100%;max-width:1280px;padding:0 20px;}
section{padding:80px 0;}
section .toptextarea{max-width:1240px; margin:0 auto 50px;}
section .main-title{font-size:47px;font-weight:600;margin: 0 0 15px;}
section .section-title{font-size:40px;font-weight:600;margin: 0 0 25px;}
section .quote-title{font-size:32px;padding:0 0 0 20px;border-left:6px solid #2EAE6B;}
section .subtitle{font-size:25px;margin:0 0 10px;}
section .subtext{font-size:16px;margin:0;}

#header-section{position:fixed;width:100%;z-index:10;padding:10px 0;transition: all 0.5s ease;background:#222222;}
#header-section.transparent-header{background:transparent;}
#header-section.fixed{background:rgba(0,0,0,0.7);}
#header-section img{max-width:100%;height:auto;vertical-align:middle;display:inline-block;}
#header-section a{color:#fff;font-size:28px;font-weight:600;}
#header-section a:hover{color:#FFD100;}
#header-section a img{margin: -5px 0 0;}

#banner-section{background-repeat:no-repeat;background-size:cover;padding:185px 0 100px;position:relative;min-height:100vh; display:flex;position:relative;}
#banner-section.bg-overlay:before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(34,34,34,0.65);}
#banner-section .container{position:relative;display:flex;}
#banner-section .container .row{align-items: center;padding-top:12px;}
#banner-section .banner-list ul, #banner-section .banner-list li{padding:0;margin:0;list-style:none;}
#banner-section .banner-list ul{margin:30px 0;}
#banner-section .banner-list li{padding:30px 0;font-size:48px;color:#fff;line-height:1em;font-weight:bold;}
#banner-section .banner-list li + li{border-top:1px solid rgba(255,255,255,0.6);}
#banner-section .banner-list li span{font-size:20px;display:block;font-weight:normal;}

.banner-form{background-size:100% 100%;background-repeat:no-repeat;padding:55px;}
.banner-form h3{font-size:22px;text-align:center;line-height:1em;margin:0 0 10px;}
.banner-form .subtitle{font-size:18px;text-align:center;line-height:1.2em;margin:0 0 10px;}
.banner-form input[type="text"], .banner-form input[type="email"], .banner-form input[type="tel"], .banner-form input[type="checkbox"]{border:1px solid #B2B2B2;width:100%;background:#fff;padding:10px 15px;font-size:16px;line-height:22px;}

.footer-text{padding:30px;color:#fff;border:4px solid #fff;}
.footer-text p, .footer-text li, .footer-text h4{color:#fff;}
.footer-text ul{padding:20px 0 0;margin:0;list-style:none;}
.footer-text ul li{background:url(images/checkmark.svg) 0 10px no-repeat;padding:5px 0 5px 25px;font-size:16px;}


footer#colophon{padding:30px 0;background:#000;color:rgba(255,255,255,0.75);max-width:100%;font-size:15px;margin:0;}
footer#colophon .container{margin:0 auto;}
footer#colophon a, footer#colophon p{color:rgba(255,255,255,0.75);font-size:15px;}
footer#colophon a:hover{color:#fff;}
footer#colophon ul{list-style:none;margin:0;padding:0;display:flex;}
footer#colophon .footerMenu1 ul{gap:20px;justify-content: end;}
footer#colophon .footerMenu1 li a{margin:0 20px 0 0;font-size:15px;}
footer#colophon .footerMenu1 li:not(:last-child):after{content:'';width:1px; height:15px;background:rgba(255,255,255,0.75);display:inline-block;vertical-align:middle;}
footer#colophon .footerMenu2 li:last-child a{margin:0;}
footer#colophon .copyrights{font-size:15px;}

#thankyou-section{position:relative;background-repeat:no-repeat;background-size:cover;min-height:100vh;width:100%;display:flex;flex-direction:column;color:#fff;justify-content: center;padding:100px 0 50px;}
#thankyou-section:before {content: '';width: 100%;height: 100%;background: rgba(0,0,0,0.7); position: absolute; top: 0;}
#thankyou-section .m-container{max-width:900px;}
#thankyou-section > div{position:relative;}
#thankyou-section h2{color:#fff;font-size:35px;font-weight:600;margin:0 0 20px;}
#thankyou-section p{color:#fff;line-height:1.5em;}
#thankyou-section a:not(.btn){color:#F94D2D;font-weight:700;}

#thankyou-section .info-box{border:3px solid #fff;padding:30px;margin:30px 0 0;}
#thankyou-section .info-box:hover{border-color:#FFD100;cursor:pointer;}
#thankyou-section .info-box h3{color:#FFD100;font-size:25px;font-weight:600;margin:0 0 10px;}
#thankyou-section .info-box p{font-size:16px;}

/* SCROLL TOP
----------------------*/
.scroll-top{display:none;position:fixed;bottom:50px;right:20px;z-index:999;background:#000;width:25px;border-radius:15px;}
.wpsisac-slick-variable.wpsisac-prodesign-10 .slick-arrow {top: 50% !important;}



@media(max-width:1023px){
	section .main-title{font-size: 38px;}
	#banner-section .banner-txt, #banner-section .banner-txt p{font-size:16px;}
	#banner-section .banner-list li{font-size:38px;}
	#banner-section .banner-list li span{font-size:18px;}
	.banner-form .subtitle{font-size:16px;}
	.btn, #primary input.btn{font-size:16px;padding:6px 20px;}
	
	
}

@media(max-width:767px){
	.show-web{display:none !important;}
	.show-mobile{display:block;}
	
	#footer-section .formarea form input[type="submit"], .btn{font-size:15px;padding:6px 20px;width:100%;}
	.btn-arrow {line-height:30px;}
	.btn-arrow.btn-dark-outline img{margin:0 -12px 0 15px;}
	.btn-arrow img{margin:0 -20px 0 15px;}
	#banner-section .btn-arrow img{margin:0 -15px 0 15px;}
	section .section-title{font-size:30px;}
	section .quote-title{font-size:22px;}
	#header-section .col-xs-5{flex-basis: 71.66666667%;max-width: 71.66666667%;}
	#header-section .col-xs-7{flex-basis: 28.333%;max-width: 28.333%;}
	header .container, section .container, footer .container{max-width:350px;padding:0;}
	#banner-section{padding:80px 0 40px;}
	section{padding:40px 0;}
	section .toptextarea{margin:0 0 20px;}
	
	.banner-form{margin:20px auto 0;}

	#banner-section .banner-list{text-align:center;}
	#banner-section .banner-list li:first-child{padding-top:0;}
	
	footer#colophon .copyrights{font-size:14px;text-align:center;padding:0 0 15px;}
	footer#colophon .footerMenu1 ul{gap:8px;}
	footer#colophon .footerMenu1 li a{font-size:13px;margin: 0 8px 0 0;}
    #thankyou-section h2{ font-size: 28px;padding: 0 20px;}
	
	#intro-section .row.reverse > .col-sm-6{order:2;}
	#intro-section .row.reverse > .col-sm-5{margin:0 0 20px;order:1;}
	.footer-text{margin-bottom:20px;}
	#footer-section .formarea form .row + .row{padding:0 !important;}
	#footer-section .formarea form .row > div{padding:10px 0;}
	.wpsisac-slick-variable.wpsisac-image-fit .wpsisac-img-wrap{height:250px !important;}
	
}

@media(max-width:450px){	
	
	#thankyou-section a:not(.btn){display:block;}
}

@media(max-width:380px){	
	
	header .container, section .container, footer .container{padding:0 15px;}
}