@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
body{margin:0;font-family: "Roboto", sans-serif;font-style:normal;font-size:16px;font-weight:400}
h1,h2,h3,h4{padding:0;margin:0;color:#000;}
h2,h3,h4{font-weight:500;}
h1{font-size:38px;line-height:48px;font-weight:700;}
h2{font-size:34px;line-height:44px;}
h3{font-size:30px;line-height:40px;}
h4{font-size:20px;line-height:30px;}
p{font-size:16px;font-weight:400;line-height:26px}
p a{text-decoration:none;color:#5373b8}
p a:hover{text-decoration:underline;}
.yellow{background-color:#f3bb1e;color:#000}
.black{background-color:#000;color:#fff}
.cta{border-radius:10px;border:none;text-align:center;font-size:18px;font-weight:500;padding:12px 28px;transition: all 0.5s;cursor:pointer;display:inline-block;}
.cta span{cursor:pointer;display:inline-block;position:relative;transition: 0.5s;}
.cta span:after{content: '\00bb';position:absolute;opacity:0;top:0;right:-20px;transition:0.5s;}
.cta:hover span{padding-right:25px;}
.cta:hover span:after{opacity:1;right:0;}
.container,.intro,.intro-container,.products,.pro-col,.txt-content,.txt-content-straight,.price-quote,.short-quote-form,.single-row,.help-sec,.heading-2,.heading-23{height:auto;overflow:hidden;}
.container{width:90%;margin:0 auto}
.breadcrumb{width:100%;margin:10px 0;}
.breadcrumb ol{margin:0;padding:0;}
.breadcrumb ol li{color:#000;display:inline;}
.breadcrumb ol li a{text-decoration:none;color:#000;font-weight:500}
.breadcrumb ol li a:hover{color:#5373b8}
.breadcrumb ol li:after{content:'\203A';margin:0 10px;color:#000}
.breadcrumb ol li:last-child:after{content:''}
.intro{width:100%;padding:60px 0;text-align:center;background-color:#eceff7}
.intro-container{width:50%;margin:0 auto}
.intro p{font-size:18px;line-height:26px;margin:25px auto}
.heading-2{width:100%;margin:0 0 35px 0;text-align:center;}
.heading-23{width:100%;margin:0 0 15px 0;text-align:center;background-color:#eceff7;padding:15px 0;border-radius:10px}
.heading-23 h2{font-size:28px;line-height:38px}
.products{width:100%;margin:60px 0}
.pro-col{width:22.5%;margin:20px 1%;display:inline-block;vertical-align:top;text-align:center;border-radius:0 0 10px 10px;background-color:#eceff7;}
.pro-col:hover{box-shadow: 0 6px 12px 0 rgba(0,0,0,0.2);transition: 0.3s;}
.pro-col a{display:block;color:inherit;text-decoration:none;}
.pro-col img{width:100%;height:auto;}
.pro-col h3{margin:10px 5px;font-size:18px;line-height:28px;font-weight:500}
.pro-col h3 a{text-decoration:none;color:#000}
.txt-content{width:100%;}
.txt-content p{line-height:26px}
.txt-content-cont{width:100%;display:table;}
.txt-content-left,.txt-content-right{width:50%;display:table-cell;vertical-align:top;}
.txt-content-left p{margin:20px 0}
.txt-content-right{padding:0 0 0 50px}
.txt-content-straight{width:100%}
.txt-content-straight h2{font-size:28px;line-height:38px}
.txt-content-straight h3{font-size:24px;line-height:34px}
.txt-content-parts{width:47%;display:inline-block;margin:35px 1.5% 0 0;vertical-align:top;}
.txt-content-parts h3{font-size:20px;font-weight:500;line-height:30px}
.txt-content-parts p{margin:0}
.txt-content-parts img{width:auto;height:50px;margin:0 0 20px 0}
.txt-content ul{list-style-type: circle;margin:0;padding:0}
.txt-content ul li{margin:10px 0 10px 20px;color:#000;font-size:16px;font-weight:400;line-height:26px}
.price-quote{width:100%;background-color:#f3bb1e;border-radius:10px;padding:50px 0}
.price-head{display:inline-block;background-color:#000;padding:20px 50px;border-radius:0 50px 50px 0}
.price-head h4{color:#fff}
.short-quote-form{width:90%;margin:45px auto 0 auto;}
.short-quote-form input[type="text"],.short-quote-form input[type="email"],.short-quote-form select{margin:0 2.5% 25px 2.5%;float:left;background-color:#f0f0f0;font-size:14px}
.short-quote-form input[type="text"],.short-quote-form input[type="email"]{width:45%;}
.short-quote-form select{width:45%}
.short-quote-form input[type="text"],.short-quote-form input[type="email"],.short-quote-form select,.short-quote-form textarea{border-radius:8px;padding:12px 14px;border:none;}
.short-quote-form textarea{font-family: "Roboto",sans-serif;font-style: normal;font-size:14px;width:98%;height:200px;border-radius:10px;margin:0 0 25px 0;background-color:#f0f0f0}
.short-quote-form input[type="text"]:focus,.short-quote-form input[type="email"]:focus,.short-quote-form select:focus{outline:none;background-color:#fff;}
.short-quote-form textarea:focus{outline:none;background-color:#fff}
.short-quote-form .cta{font-size:16px;margin:25px 0 0 0}
.maxx{margin:0 0 12px 12px;font-size:14px;color:#262626}
.single-row{width:100%}
.short-quote-form input[type="file"]{width:81%;margin:10px 2.5% 25px 2.5%}
.help-sec{width:90%;margin:50px auto 80px auto;padding:30px 0;border-radius:10px;background-color:#eceff7}
.help-sec p span{color:#5373b8}
.help-right p{color:#000;font-size:26px;line-height:36px;margin:10px auto;font-weight:500}
.help-left img{width:auto;height:100px}
.help-cont{width:90%;margin:0 auto;display:table;}
.help-left,.help-right{display:table-cell;vertical-align:middle;}
.help-left{width:30%;text-align:center;}
.help-right{width:70%;}

@media (min-width: 1680px) {
.container,.help-cont,.help-sec{width:1366px;}
}
@media (max-width: 1080px) {
.intro-container{width:75%;margin:0 auto}
}
@media (max-width: 900px) {
.pro-col{width:30%;margin:20px 1.25%;}
.txt-content-cont{display:block;}
.txt-content-left,.txt-content-right{width:100%;display:block;vertical-align:none;}
.txt-content-right{padding:80px 0 0 0}
.price-quote{border-radius:10px}
.help-cont{display:block;}
.help-left,.help-right{display:block;vertical-align:top;}
.help-left{width:100%;text-align:center;}
.help-right{width:100%;text-align:center;}
}
@media (max-width: 700px) {
.pro-col{width:46%;margin:20px 1.5%;}
}
@media (max-width: 600px) {
.intro-container{width:90%;margin:0 auto}
}
@media (max-width: 375px) {
.pro-col{width:98%;margin:20px 0;display:block;vertical-align:none;}
.short-quote-form input[type="text"],.short-quote-form input[type="email"],.short-quote-form select{width:95%;}
}

/*
font-family: "Roboto",sans-serif;font-style: normal;
Yellow: f3bb1e
Blue: 5373b8
Black: 000
*/