html, body{ height: 100%; font-family: 'Geogrotesque-Medium';}
body{margin:0px; padding-right:0!important; font-family: 'Geogrotesque-Medium';} 
*{margin:0px; padding:0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
ul{list-style-type:none; margin:0; padding:0;}
a{text-decoration:none; outline:none; -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out; color: #0980d4}
a:hover{text-decoration:none; outline:none;}
a:focus{text-decoration:none; outline:none;}

@font-face {
  font-family: 'Geogrotesque-Medium';
  src: url('../fonts/Geogrotesque-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/Geogrotesque-Medium.otf')  format('opentype'),
	     url('../fonts/Geogrotesque-Medium.woff') format('woff'), url('../fonts/Geogrotesque-Medium.ttf')  format('truetype'), url('../fonts/Geogrotesque-Medium.svg#Geogrotesque-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'merriweatherregular';
    src: url('../fonts/merriweather-regular-webfont.eot');
    src: url('../fonts/merriweather-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/merriweather-regular-webfont.woff2') format('woff2'),
         url('../fonts/merriweather-regular-webfont.woff') format('woff'),
         url('../fonts/merriweather-regular-webfont.ttf') format('truetype'),
         url('../fonts/merriweather-regular-webfont.svg#merriweatherregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


img{border:0;}
.btn-primary.focus, .btn-primary:focus{-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
.img-thumbnail{background:none; border:none; padding:0; border:0; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
.thumbnail img{margin:auto; display:block; padding:0; border:none; max-width:100%;}
textarea.form-control{resize: vertical;}
p{ font-size: 16px; color: #000; font-weight:600; margin-bottom: 24px; font-family: 'Roboto', sans-serif;}
p strong{ font-weight: 800}
.clear {clear:both;}


 
.m7 {margin-top:70px!important;}
.ml-110 {margin-left:117px!important;}
 

.container{width:100%; max-width:1070px; padding:0;}
header .bg-faded{ background:#FFF; padding:0; width:100%;}
header a.navbar-brand span{font-size:14px; font-weight:400; font-style:italic; color:#000; margin: 0 0 0 -70px; display: inline-block; top: 15px; position: relative;}
header .btn a {background:#ff9632; font-size:16px; color:#FFF; text-align:center; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; padding:15px; text-transform:uppercase;}

#cookiebanner{text-align:center; z-index:1; position: absolute; background-color: darkgray; padding: 10px; right:15px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size: 15px;}

.features {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1.5rem;
    }
    .feature {
      background-color: white;
      padding: 1rem;
      border-radius: 8px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    }


.main-top-con {background:url(../images/top-heading-bg.jpg) top no-repeat; background-size:cover; padding:40px 20px;}
.main-top-con h1 {color:#FFF; text-align:center; font-size:56px; }

.main-banner {background:url(../images/banner-img.png) top right no-repeat; padding:40px 20px; min-height:730px;}
.main-banner h2 {color:#09459f; text-align:left; font-size:51px; margin-top:120px; }
.main-banner p {font-size:22px; color:#999; text-align:left; font-weight:lighter; font-family: 'Geogrotesque-Medium';}
.main-banner img {display:none;}

.second {background:#e7eff5; padding:50px 20px;}

.do-it-yourself {background:#FFF; padding:50px 20px;}
.do-it-yourself h3 {font-family: 'merriweatherregular'; margin-bottom:50px; font-size:55px; font-weight:lighter; color:#09459f; text-align:center;}
.do-it-yourself img {margin-left:-150px;}
.do-it-yourself hr {width:65px; height:8px; background:#ff9632; margin-top:10px;}
.do-it-yourself h4 {color:#09459f; font-size:36px; margin-bottom:20px; font-weight:200;}
.do-it-yourself p {font-size:18px; line-height:30px; color:#222;}
.do-it-yourself .btn a {background:#ff9632; font-size:16px; color:#FFF; text-align:center; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; padding:15px 40px; text-transform:uppercase;}



.third-sec {margin:0px 0; background:#e6e6e6; text-align:center; padding:50px 0;}
.third-sec h4 {color:#09459f; font-size:44px; margin-bottom:20px; margin-top:30px; font-weight:200;}
.third-sec p {font-size:16px; line-height:30px; color:#222;}
.third-sec img {width:100%;}


.fourth-sec {padding:50px 20px; background:url(../images/bottom-video-bg.jpg) bottom right no-repeat;}
.fourth-sec h4 {color:#09459f; font-size:44px; margin-bottom:20px; font-weight:200;}
.fourth-sec h5 {color:#09459f; font-size:36px; margin-bottom:20px; font-weight:200;}
.fourth-sec p {font-size:16px; line-height:30px; color:#fff;}
.fourth-sec ul li {list-style:circle; margin:0 0 0 15px; font-size:18px;}

.fifth-sec {background:url(../images/fifth-sec-bg.jpg) top right no-repeat; padding:50px 0;}
.fifth-sec .shapes {background:#e7eff5; height:465px; clip-path: polygon(65% 0, 100% 20%, 100% 100%, 0 100%, 0 0);}
.fifth-sec .shapes h4 {color:#1b53a0; font-size:40px; padding:50px 0px 30px 30px; font-weight:200;}
.fifth-sec .shapes p {font-size:16px; line-height:24px; color:#000; font-weight:600; padding:0 30px;}
.fifth-sec .shapes .img {background:#de9016; margin-top:80px; padding-bottom:20px; text-align:center;}
.fifth-sec .shapes .img img {margin-top:-20px;}

.fifth-sec .bottom-part {margin-top:0px;}
.fifth-sec .bottom-part h4 {color:#09459f; font-size:44px; margin-bottom:20px; margin-top:00px; font-weight:200;}
.fifth-sec .bottom-part p {font-size:16px; line-height:30px; color:#000; font-weight:600;}
.fifth-sec .bottom-part ul li {font-size:18px; list-style:circle; margin:0 0 0 15px;}
.fifth-sec .bottom-part img {width:100%;}
.fifth-sec .bottom-part .btn {margin:20px 0 0 0;}
.fifth-sec .bottom-part .btn a {background:#ff9632; font-size:16px; color:#FFF; text-align:center; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; padding:15px 40px; text-transform:uppercase;}


.sixth-sec {background:url(../images/bottom-bg.jpg) no-repeat; background-size:cover; text-align:center; padding:120px 20px;}
.sixth-sec h5 {font-size:32px; color:#FFF; font-family: 'merriweatherregular'; margin-bottom:30px;}
.sixth-sec p {font-size:16px; color:#9293df; margin:60px 0;}
.sixth-sec .btn a {background:#ff9632; font-size:24px; color:#FFF; text-align:center; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; padding:15px 40px; text-transform:uppercase; margin-right:20px;}




.pull-right {margin-top:20px;}

footer {width:100%;}
.footer-white-bg{background:#FFF; padding:15px;}

.footer-white-bg p{margin:0; padding:0; font-size:12px; color:#666; font-family: 'Geogrotesque-Medium'; font-weight:lighter; display:inline-block; text-align:left;}
.footer-white-bg .bottom-nav ul li{float:left; margin:0 15px 0 0;}
.footer-white-bg .bottom-nav ul li a{font-size:14px; color:#094a9c;}
.footer-white-bg .bottom-nav ul li a:hover{text-decoration:underline;}


.scroll-txt{ width:100%; float:left; position:absolute; left:0; right:0; text-align:center; color:#FFF; bottom:10px; font-size:13px; font-weight:500; letter-spacing:4px; transform:translateY(-5px); animation:bounce .5s infinite alternate; -webkit-animation:bounce .5s infinite alternate;}

@keyframes bounce {
  from {
    transform: translateY(-10px);
  }

  to {
    transform: translateY(0);
  }
}

@-webkit-keyframes bounce {
  from {
    -webkit-transform: translateY(-10px);
  }

  to {
    -webkit-transform: translateY(0);
  }
}



 

.modal iframe{width:100%!important;}
.form-check-input {margin-left: -0.25rem!important;}
.modal-title h5 {font-size:24px!important;}