/* ==========================================================================
   Author's custom styles
   ========================================================================== */
@font-face {
    font-family: 'latoheavy';
    src: url('fonts/lato-heavy-webfont.eot');
    src: url('fonts/lato-heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-heavy-webfont.woff2') format('woff2'),
         url('fonts/lato-heavy-webfont.woff') format('woff'),
         url('fonts/lato-heavy-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

::selection { background:#fdedc2;  color: #000000;}
::-moz-selection { background:#fdedc2;  color: #000000;}
::-webkit-selection { background:#fdedc2;  color: #000000;}

body {font-family: 'Lato', sans-serif; font-weight: 400;}
a {color:#009fc6; text-decoration:none; transition: all 0.6s ease 0s; }
a:hover {color:#000; text-decoration:none; }
a:focus { outline: 0;}
img{max-width:100%;}
b,strong {font-weight: 700;}

ul,li {list-style: none;}
   
.aligncenter { margin:0 auto; display:block; }
.alignleft {padding:0 15px 0 0; margin:0; float:left;}
.alignright {padding:0 0 0 15px; margin:0; float:right;}
.fl {float:left; }
.fr {float:right; }
.clr {clear: both;}

h1,h2,h3,h4,h5,h6,p {
	margin:0; 
	padding:0 0 15px;
}
   
h1 {font-size:55px; line-height:100%; color:#0668A9; font-weight: 700;}
h2 {font-size:50px; line-height:110%; font-family: 'Lato', sans-serif; color:#000000;  font-weight: 700;}
h3 {font-size:28px; line-height:110%; font-family: 'Lato', sans-serif; color:#1c1c1c;}
h4 {font-size:23px; line-height:130%; color:#1c1c1c; font-weight: 400;}
h5 {font-size:18px; line-height:140%; font-family: 'Lato', sans-serif; color:#1c1c1c;}
h6 {font-size:16px; line-height:120%; font-weight:600; color:#414141;}
  
p {font-size:15px; line-height:150%; font-weight:400; color:#333333;font-family: 'Lato', sans-serif; }

#wrapper {max-width: 1900px; margin: 0 auto; width: 100%;}
.btn-all { background: transparent; padding: 10px 35px; font-size: 17px; color: #095aa6; margin-top: 10px; display: inline-block;
font-family: 'Lato', sans-serif; border-radius: 5px;}

.btn-green {background: #B5DC11; color: #000;}
.btn-green:hover {background: #fff;}
.btn-green.btn-green-new:hover {background: #000; color: #fff;}

.btn-blue {background-color: #095aa6; color: #fff; }
.btn-blue:hover {background: #70bd00; color: #fff;}

.blue-txt {color: #0668A9 !important;}
.green-txt {color: #B5DC11 !important;}

/*--------------------------------*/
header { margin:0; padding: 15px 0; width:100%; float:left;position: relative;}
.logo {}
/*----------------Nav----------------*/ 
.navbar {background:none; margin:0;}
.navbar {border: 0; margin: 0; min-height: 1px; width: auto; padding: 0; text-align: left; float: right;}
.navbar-collapse {padding:0;}
.navbar-nav { float: right; width: auto; margin: 7px 0 0; padding: 0; display: inline-block; text-align: left; }
.navbar-nav > li { text-align: center; margin: 0 15px; display: inline; font-size: 15px; font-weight: 400; 
padding: 0; line-height: 100%; position: relative; float: left;}
.navbar-nav > li > a {color:#333333 !important; padding: 10px 0; float: left;}
.navbar-nav > li > a:hover{color: #095aa6 !important; background-color: transparent !important;}
.navbar-nav > li.current-menu-item > a{color: #095aa6 !important; background-color: transparent!important;}

.navbar-nav > li.get_quote {border: 1px solid #095aa6;border-radius: 5px; transition: all 0.8s;}
.navbar-nav > li.get_quote:hover {background: #095aa6; transition: all 0.8s;}
.navbar-nav > li.get_quote a {color: #095aa6 !important;  padding: 10px 15px; }
.navbar-nav > li.get_quote a:hover {color: #ffffff !important; padding: 10px 15px; }
/*-----------------*/
section {width: 100%; float: left; margin: 0; }
/*---------Banner----------*/
.home-banner {background: linear-gradient(#074580,#074580 38%,#FFF 38%,#FFF 38%); background-size: 100% auto; padding: 40px 0;}
@media (min-width: 600px) {
   .home-banner {background: url("images/banner-home-300.jpg") no-repeat center top, linear-gradient(#074580,#074580 38%,#FFF 38%,#FFF 38%); background-size: 100% auto; padding: 40px 0;}
}

.home-banner h4 {color: rgba(255,255,255,0.5);}

.bnr-btm-box {margin-top: 20px; box-shadow: 0 0 20px rgba(0,0,0,0.3);}
.bnr-btm-lft {padding: 50px 55px 10px;}
ul.text-list {margin: 20px 0; padding: 0;}
ul.text-list li {margin: 0 0 10px; padding: 0 0 0 20px; font-size: 15px; background: url("images/blue-dot.png") no-repeat left center; color: #333;}

/*-----------Banner---------------*/

/*-----content------*/
.area_pddng {padding: 60px 0;}
.area_pddng_footer {padding: 30px 0;}
.bg_white {background: #fff;}
.p_relative {position: relative;}
.bg_grey {background: #eee;}

.test-block {margin-top: 20px;}
.test-block p {font-size: 18px; color: #636363;}
.testi-txt-lft {padding-left: 20px; padding-right: 20px; padding-top: 25px; line-height: 170%;}
.testi-txt-rght {padding-left: 20px; padding-right: 20px; padding-top: 25px; line-height: 170%;}
.testi-txt-btm {color: #636363; font-size: 22px; font-weight: 700; text-align: center; margin-top: 30px; padding-left: 5%; padding-right: 5%;}

#intro {background: url("images/grey-bg.jpg") repeat-x top;}
.intro-txt {padding-left: 15px; padding-right: 15px;}
.row-top-mrgn {margin-top: 2em;}
.img_style {box-shadow: 0 0 20px rgba(0,0,0,0.3);}
.who_txt {padding-right: 13%; padding-top: 20px;}
.who_txt .btn-all {margin-top: 30px;}

#testimonial {background: url("images/testi-bg.jpg") no-repeat; background-size: cover;}
#testi_carousel p {padding-left: 8%; padding-right: 8%;}
.quote {width: auto !important; display: inline-block !important; margin-top: -11px;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: rgba(255,255,255,0.5);}
#faq_accord .card-header h2 {font-size: 18px; line-height: 47px; padding-bottom: 0;}
#faq_accord button {color: #000; padding: 0 0 0 20px; position: relative; display: inline-block; width: 100%; height: 52px; 
    text-align: left; }
#faq_accord button:after {position: absolute; content: ''; top: -2px; right: -3px; background: url("images/green-arrow.png") no-repeat; 
width: 59px; height: 52px;}
#faq_accord button:hover, #faq_accord button:focus {text-decoration: none;}
#faq_accord .card-header {padding: 0; height: 50px; border: 0; background-color: rgba(0, 0, 0, 0.11);}
#faq_accord .card {margin-bottom: 10px;}
#faq_accord button.collapsed:after { background: url("images/green-arrow-up.png") no-repeat; }
#faq_accord p {padding-bottom: 0;}
#faq_accord {margin-top: 30px;}

/*--------------Footer--------------------*/
footer {margin:0; width:100%; float:left; position: relative; background: url("images/ftr-bg.jpg") no-repeat; background-size: cover; }

footer a {color: #fff;}
footer a:hover {color: #BFE22E;}

ul.btm-social {margin: 30px 0; padding: 0;}
ul.btm-social li {margin: 0 10px 0 0; padding: 0; display: inline-block; vertical-align: middle; line-height: 100%; 
font-size: 16px; font-weight: 400; color: #fa4913;}
ul.btm-social li a {transition: all 0.6s;}
ul.btm-social li a i {float: left; text-align: center; line-height: 100%; transition: all 1s; font-size: 19px;
color: #23acce;}
ul.btm-social li a i:hover, ul.top-social li a i.fa-facebook-f:hover, ul.top-social li a i.fa-instagram:hover 
ul.btm-social li a i.fa-twitter:hover {color: #fff;}

p.copyright { margin: 0; padding: 10px 0 0; font-size:13px; line-height:100%; font-weight:400; color: #fff; 
clear: both; text-align: center;}
#toTop { padding: 5px 3px; position: fixed; bottom: 0; right: 5px; display: none; cursor: pointer;}

.form_hldr {padding: 25px 5%;}
.input-style {background: #fff; height: 40px; width: 100%; padding: 0 10px 0 50px; margin-bottom: 15px; border: 1px solid #ddd; transition: all 0.8s; }
textarea.input-style {height: 100px;}
.input-style:focus, .input-style:hover {border-color: #70bd00;}
.sbmt {padding: 10px 30px; background: #095aa6; color: #fff; border-radius: 5px; cursor: pointer; border: 0; display: table; margin: 0 auto;
transition: all 0.8s;}
.sbmt:hover {background: #70bd00;}

.free-demo-img {position: absolute; max-width: 100%; bottom: 0; left: 0;}
.name_fld, .email_fld, .phone_fld, .web_fld, .comp_fld, .msg_fld {position: relative;}
.name_fld:after, .email_fld:after, .phone_fld:after, .web_fld:after, .comp_fld:after {position: absolute; width: 40px; height: 40px; background: #095aa6; content: ''; left: 0; top: -11px; z-index: 0; 
transition: all 0.8s;}
.msg_fld:after {position: absolute; width: 40px; height: 40px; background: #095aa6; content: ''; left: 0; top: -99px; z-index: 0; transition: all 0.8s;}
.name_fld:before {position: absolute; width: 26px; height: 24px; background: url("images/name.png") no-repeat; content: ''; left: 6px;
  top: -3px; z-index: 1;}
.msg_fld:before {position: absolute; width: 26px; height: 24px; background: url("images/message.png") no-repeat; content: ''; left: 6px;
top: -90px; z-index: 1;}
.email_fld:before {position: absolute; width: 26px; height: 17px; background: url("images/email.png") no-repeat; content: ''; left: 6px;
top: 0px; z-index: 1;}
.phone_fld:before {position: absolute; width: 26px; height: 27px; background: url("images/phone.png") no-repeat; content: ''; left: 6px;
top: -3px; z-index: 1;}
.web_fld:before {position: absolute; width: 26px; height: 27px; background: url("images/web.png") no-repeat; content: ''; left: 6px;
top: -3px; z-index: 1;}
.comp_fld:before {position: absolute; width: 26px; height: 24px; background: url("images/company.png") no-repeat; content: ''; left: 6px;
top: -3px; z-index: 1;}

h4.free-demo-hdng {color: #70bd00; font-weight: 700; padding-top: 20px; text-align: center;}
h4.free-demo-txt {color: #000; text-align: center; font-size: 18px; padding: 0 30px 10px;}
h2.frm-hdng {font-size: 35px; font-weight: 400;}
.inner-banner{background:#074381;padding:40px 0}

/*-----------Responsive----------*/
@media (min-width: 1200px) {
   
}
   
   /* md */
  @media (min-width: 992px) and (max-width: 1199px) {  

  h1 {font-size: 50px;} 
  h2 {font-size: 46px;}
  .bnr-btm-lft {padding: 20px 50px 10px;}
  ul.text-list {margin: 15px 0;}
  .testi-txt-btm {padding-left: 3%; padding-right: 3%;}
  .test-block p {font-size: 16px;}
  .testi-txt-rght {padding-left: 10px; padding-right: 10px;}
  .testi-txt-lft {padding-left: 10px; padding-right: 10px;}
  .who_txt {padding-right: 0%; padding-top: 0px;}
  .who_txt .btn-all {margin-top: 10px;}

 }
 
    /* sm */
  @media (min-width: 768px) and (max-width: 991px) {

  h1 {font-size: 40px;} 
  h2 {font-size: 40px;}
  .logo {margin-top: 9px;}
  .home-banner {padding-bottom: 0;}
  .bnr-btm-box {margin-top: 10px;}
  .bnr-btm-lft {padding: 15px 40px 20px;}
  .bnr-btm-lft h2 {padding: 0;}
  ul.text-list {margin: 10px 0;}
  ul.text-list li {margin: 0 0 5px;}
  .testi-txt-btm {padding-left: 0; padding-right: 0;}
  .test-block p {font-size: 15px; line-height: 150%;}
  .testi-txt-rght {padding-left: 0; padding-right: 0; padding-top: 0;}
  .testi-txt-lft {padding-left: 0; padding-right: 0; padding-top: 0;}
  .intro-txt {padding-left: 30px; padding-right: 30px;}
  .who_txt {padding-right: 0%; padding-top: 0px;}
  .who_txt .btn-all {margin-top: 10px;}
  .img_style {margin: 20px 0; width: 100%;}

}


  /* xs */
   @media (max-width: 767px) {

   
  h1 {font-size: 35px;} 
  .home-banner h4 {font-size: 18px;}
  h2 {font-size: 32px;}
  .home-banner {padding: 30px 0;}
  .bnr-btm-box img {padding: 10px; margin: 0 auto; display: table;}
  .area_pddng {padding: 30px 0;}
  .test-block {margin-top: 10px; text-align: center;}
  .testi-txt-rght {padding-top: 15px; padding-left: 0; padding-right: 0;} 
  .bnr-btm-box {margin-top: 10px;}
  .bnr-btm-lft {padding: 15px 40px 20px;}
  .bnr-btm-lft h2 {padding: 0;}
  ul.text-list {margin: 10px 0;}
  ul.text-list li {margin: 0 0 5px;}
  .testi-txt-btm {padding-left: 0; padding-right: 0; margin-top: 10px; font-size: 18px;}
  .test-block p {font-size: 15px; line-height: 150%;}
  .testi-txt-lft {padding-left: 0; padding-right: 0; padding-top: 0;}
  .intro-txt {padding-left: 0; padding-right: 0; font-size: 14px;}
  .who_txt {padding-right: 0%; padding-top: 0px;}
  .who_txt .btn-all {margin-top: 10px;}
  .img_style {margin: 20px 0; width: 100%;}
  #who_can {padding-top: 30px !important;}
  .row-top-mrgn {margin-top: 10px;}
  #testi_carousel p {padding-left: 0; padding-right: 0;}
  #faq_accord button {font-size: 14px; padding-right: 59px; white-space: normal; }

  .navbar-dark .navbar-toggler {background-color: #095aa6; padding: .15rem 0.45rem; margin-top: 5px;}
  header {height: 72px;}
  .navbar-collapse { overflow: hidden; position: absolute; right: 0; z-index: 999999; border: none; top: 42px; min-width: 200px;}
  .navbar-nav {background: #81c41d;}
  .navbar-nav > li {display: block; width: 100%; margin: 0; padding: 0;}
  .navbar-nav > li > a {color: #fff !important; padding: 10px 15px; width: 100%; text-align: left;}
  .navbar-nav > li.current-menu-item > a, .navbar-nav > li > a:hover {background: #095aa6 !important; color: #fff !important;}
  .navbar-nav > li.get_quote {border: 0; border-radius: 0;}
  .navbar-nav > li.get_quote a {color: #fff !important;}

  .logo {margin-top: -5px;}

  .free-demo-img {position: relative; padding: 0 !important;}
  h4.free-demo-txt {padding: 0 0 10px;}

}
   
   /* custom screen */

   @media (max-width: 639px) {

    h1 {font-size: 30px;} 
   .home-banner h4 {font-size: 16px;}
   .bnr-btm-box {margin-top: 25px;}
   .home-banner {padding: 30px 0 0;}
   .testi-txt-btm {font-size: 17px;}
   .intro-txt {font-size: 15px;}

   header {padding-top: 10px;}
   .navbar-dark .navbar-toggler {margin-top: 8px;}
   .logo {margin-top: 0;}

}


   /* XS Portrait */
   @media (max-width: 480px) {

    h1 {font-size: 21px;} 
    .home-banner {padding: 15px 0 0;}
    .home-banner h4 {font-size: 14px;}
    .home-banner h4 br {display: none;}
    .bnr-btm-lft {padding: 15px 20px 20px;}
    ul.text-list li {font-size: 14px;}
    .btn-all {font-size: 14px;}
   h2 {font-size: 26px;}
   .testi-txt-btm {font-size: 15px;}
   ul.text-list li {background: url(images/blue-dot.png) no-repeat scroll 0 8px;}
   #faq_accord {margin-top: 10px;}
   #faq_accord button {font-size: 14px; padding-right: 41px; white-space: normal; margin: -11px 0 0; line-height: 1.2; height: 40px;}
   #faq_accord button:after {width: 40px;height: 40px; background-size: 40px 40px!important;}
   #faq_accord .card-header {height: 40px;}
   .req-area {margin: 10px 0 !important;}
   .req-area .mt-4 {margin-top: 10px !important;}
   ul.btm-social {margin: 15px 0;}
   p.copyright {font-size: 12px;}
   .ftr-logo {max-width: 200px;}

   .logo {margin-top: 5px;}
   header {padding-top: 15px;}
   .navbar-dark .navbar-toggler {margin-top: 5px;}
   h2.frm-hdng {font-size: 26px;}

}


   @media (max-width: 359px) {

    h1 {font-size: 19px; padding-bottom: 5px;}
    .home-banner h4 {font-size: 12px;}
    h2 { font-size: 22px;}
    p {font-size: 14px;}
    .testi-txt-btm {font-size: 14px;}
    .intro-txt {font-size: 14px;}
    .area_pddng {padding: 20px 0;}
    h5 {font-size: 16px;}
    #faq_accord button:after {width: 0;}
    #faq_accord button {height: auto;}
    #faq_accord .card-header {height: auto; padding: 10px 0 5px;}

}

/*---------------------------*/

/* FAQ */
.faq-questions {color: #636363; font-size: 22px; font-weight: 700;}

/* Custom properties update for carousel */
.carousel-inner{
        padding: 0 6%;
        min-height: 9.5em;
      }
      .carousel-indicators{
        bottom: auto;
      }
      .carousel-indicators > li {
      border-radius: 50%;
      width: 10px;
      height: 10px;
      margin: auto 8px;
    }
    .carousel-inner > .item {
        -webkit-transition: 0.4s ease-in-out left;
        -moz-transition: 0.4s ease-in-out left;
        -o-transition: 0.4s ease-in-out left;
        transition: 0.4s ease-in-out left;
    }


/* Whatsapp floating button*/

.whatsapp-float {
    position: fixed;
    width: 80px;
    height: 80px;
    right: 6px;
    z-index: 100;
    outline: none;
    bottom: 9px;
}