@charset "utf-8";
/* CSS Document */
body{font-family: 'Roboto-Light', sans-serif;}
.navbar{padding-top: 10px; padding-bottom: 10px;}
nav .navbar-nav li a{
color: #082b48 !important; font-size:12px; text-transform: uppercase;
background: none;  border-radius: 0px; transition: 0.5s; font-family: 'Roboto-Light', sans-serif; font-weight: bold;
  }
nav .navbar-nav li a:hover{
color: #ffffff !important; background:#f5620e; 
  }
  .dropdown-menu{
 background-color: #ffffff !important; padding-top:0px; padding-bottom:0px; border-radius: 0px;
}
.dropdown-menu .dropdown-item{padding-top: 10px !important; padding-bottom: 10px !important; border-bottom: #efefef solid 1px; text-transform: none; font-weight: normal;}

@media (min-width : 992px) {
  .offcanvas {
    visibility      : visible;
    position        : relative;
    background      : none;
    border          : none;
    justify-content : end;
    color           : red;
  }
}
@media (max-width : 992px) {
  .offcanvas {
    width : 100% !important; background:#ffffff;
  }
  .offcanvas-start-lg {
    top          : 0;
    left         : 0;
    border-right : 1px solid rgba(0, 0, 0, .2);
    transform    : translateX(-100%);
  }
}
.navbar-nav li a {
  color: white !important; 
}
@font-face {
        font-family: Roboto-Regular;
        src: url(../fonts/Roboto-Regular.ttf);
}
@font-face {
        font-family: Roboto-Bold;
        src: url(../fonts/Roboto-Bold.ttf);
}
@font-face {
        font-family: Teko-Bold;
        src: url(../fonts/Teko-Bold.ttf);
}
@font-face {
        font-family: Teko-Light;
        src: url(../fonts/Teko-Light.ttf);
}
@font-face {
         font-family:Oswald-SemiBold;
        src: url(../fonts/Oswald-SemiBold.ttf);
}
@font-face {
         font-family:Futura-CondensedLight;
        src: url(../fonts/Futura-CondensedLight.otf);
}
@font-face {
         font-family:Anton-Regular;
        src: url(../fonts/Anton-Regular.ttf);
}
.navbar-toggler{border:none !important;}
.navbar-brand{color: #ffffff !important;}
.formwidth{width: 50px;}
#quotediv{width: 100%; height: auto;}
#quotediv h2{color: #eeba4b;}
.mpm1{background: #24b5b0; padding-top: 3rem; padding-bottom: 3rem;}
.mpm2{background: url(../images/background.jpg) no-repeat bottom left; background-size:100%; padding-top: 3rem; padding-bottom: 3rem;}
.mpm3{margin: 5px 20px 30px 0px; float: left;}
.mpm4{color: #fdc900; margin: 0px 10px; text-transform: uppercase; font-weight: bold; font-size: 16px; text-align: center;}
.mpm5{width: 80px; height: 3px; background: #f43c3a; margin: auto;}
.mpm6{border-color: #99c7c7; box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;}
.mpm6:hover{background: #f3f6e8; border-color: #a9b38c; box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;}
.mpm7{color: #fd8f00; text-decoration: none;}
.mpm7:hover{color: #000000;}
.mpm8{box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px; transition: 0.3s;}
.mpm8:hover{box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 48px; border-color: #000000; margin-top: -10px;}
.mpm9{box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.tel{text-decoration: none; line-height: 20px; color: #3a3a3c; font-size: 25px; font-weight: bold;}
.tel:hover{color: #f43c3a;}
.tel2{text-decoration: none; line-height: 20px; color: #3a3a3c; font-size: 14px; font-weight: bold;}
.tel2:hover{color: #f43c3a;}
#homewelcome{width: 100%; height: auto; padding-top: 4rem; padding-bottom: 4rem;}
#homewelcome span{color: #ef9902; text-transform: uppercase;}
#howitworks{width: 100%; height: auto; padding-top: 4rem; padding-bottom: 4rem; background: #e8f6f6;}
#howitworks h2{color: #24b6b6;}
#howitworks strong{color: #000000;}
#homeservices{width: 100%; height: auto; padding-top: 4rem; padding-bottom: 4rem;}
#homeservices span{font-weight: bold; color: #fd8f00;}
#homeads{width: 100%; height: auto; padding-top: 4rem; padding-bottom: 4rem; background: #000000 url(../images/bg.jpg) no-repeat center center fixed; background-size: cover;}
#homeads h1{color: #ffffff;}
#homewhyus{width: 100%; height: auto; padding-top: 4rem;}
#homewhyus strong{color: #fb4f05;}
#jumbotron{width: 100%; height: auto; padding-top: 2rem; padding-bottom: 2rem; background: #B1B1B1 url(../images/bg.jpg) no-repeat center center fixed; background-size: cover;
}
#jumbotron h1{font-size: 40px; color: #24b5b0; text-transform: uppercase; margin: 0px !important; padding: 0px !important;}
#jumbotron strong{color: #fdd003;}
#jumbotron h3{text-decoration: underline; text-underline-offset: 10px; color: #ffffff;}

.bread{width: 100%; height: auto; background: #00b8de; padding-top: 20px;}
.breadcrumb-item a{color: #edb949; font-weight: bold; }
.breadcrumb-item a:hover{color: #ffffff;}
.clrb{color: #dadada;}
#aboutusmain{width: 100%; height: auto; padding-top: 4rem; padding-bottom: 4rem;}
#aboutusmain h2{color: #f43c3a;}
#aboutusmain ul{list-style-image: url(../images/arrow2.png); font-size: 18px;}
#servicesmain{width: 100%; height: auto; padding-top: 4rem; padding-bottom: 4rem;}
#servicesmain h1{color: #f43c3a;}
.nav .nav-link {
  color: #101721;
}
@media (min-width: 1200px) {
    .container{
        max-width: 90%;
    }
}
h1,h2,h3,h4,h5,h6{ font-family:'Anton-Regular', sans-serif; }
p {
    font-size: 16px; line-height: 25px; font-weight: normal !important; margin-bottom: 10px;
    margin-top: 5px; color:#535b69; font-family: 'Roboto-Regular' sans-serif;
    
}
.logo{width:200px; height:auto; margin-top: 0px; margin-bottom: 0px;}

/* icon bar bottom */
.icon-bar2 {
  width: 100%;
  background-color: #ef550a;
  overflow: auto; position:fixed; bottom:0; z-index:1200; border-top:#d34a07 solid 1px; }

.icon-bar2 a {
  float: left;
  width: 20%;
  text-align: center;
  padding: 10px 0;
  transition: all 0.3s ease; border-right:#d34a07 solid 1px; border-left:#ff7431 solid 1px; 
  color: white;
  font-size: 16px;
}

.icon-bar2 a:hover {
  background-color: #2226da;
}

.icon-bar2 a:active {
  background-color: #04183d;
}
.tt{font-size:10px; font-family:Arial, Helvetica, sans-serif;}
.fa_custom {
color: #ffffff;
}

/* All delay classes will take 2x longer to start */
:root {
  -animate-delay: 2s;
}

/* This only changes this particular animation duration */
.animate__animated.animate__bounce {
  -animate-duration: 2s;
}

/* This changes all the animations globally */
:root {
  -animate-duration: 800ms;
  -animate-delay: 0.9s;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #231813;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #231813;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #231813;
}
 ::-moz-selection { /* Code for Firefox */
  color: #c5c5c5;
  background: #35363a;
}
::selection {
  color: #c5c5c5;
  background: #35363a;
}
#footerbg{background: #25282d; padding-top: 3rem; width: 100%; height: auto;}
#footerbg h1{color: #ffffff; font-size: 35px;}
#footerbg span{font-size: 20px; color: #ffffff;}
#footerbg h2{color: #ffffff;}
#footerbg h3{color: #ef550a; font-size: 18px; font-family: 'Roboto-Light', sans-serif; }
#footerbg h5{color: #efbc0a; font-size: 15px; font-family: 'Roboto-Light', sans-serif; }
#footerbg p{color: #ebebeb; line-height:20px; font-size:14px; font-family: 'Roboto-Light', sans-serif; }
.footermenu{list-style-image:url(../images/arrow.png);}
.footermenu2{color:#ebebeb; text-decoration:none; line-height:20px; font-size:14px; font-family: 'Roboto-Light', sans-serif; }
.footermenu2:hover{color:#ef550a; text-decoration:none; }
.readmore{color:#353a57; text-decoration:none;}
.readmore:hover{color:#ff0000;}
.readmore2{color:#ebebeb; text-decoration:none;}
.readmore2:hover{color:#07e5ed;}
.more{color:#161e1e !important; font-size: 13px; border-bottom:#f6f6f6 dashed 1px;font-family: 'Roboto-Light', sans-serif; font-weight:lighter !important; line-height: 18px !important; padding-bottom: 3px; padding-top: 3px;}
.more:hover{color:#01539d !important; background: #e6ffff;}
.navbg2{background:#none; border:none !important; border-radius:0; width:100%;  height: 252px;  overflow-y: scroll;  overflow-x: hidden; padding:2px; display:inline-block; }
.navbg2aa{background:#none; border:none !important; border-radius:0;  padding:2px; }
.con_txt{width:100%; height:auto; background: #ffffff; border:#0f8f8b solid 1px; padding:8px; margin-bottom:8px; font-size: 13px;}

#backToTop{
    position: fixed;
	bottom: 120px;
	right: 10px;
	cursor: pointer;
	display: none;
    color: #fff;
    background: rgba(0,0,0,0.3);
    border: none;
}
@media (max-width: 768px) { 
.logo{width:200px; height:auto; margin-top: 7px; margin-bottom: 7px;}
nav .navbar-nav li a{padding: 10px 10px !important;}
nav .navbar-nav li a{padding: 10px 10px !important;}
.mpm2{background: #ffffff none;}
body{margin-bottom:60px;}
}