@charset "utf-8";
/* CSS Document */



#popmodel,#popmodelconfirm{ padding:0px }
#popmodel .closex,#popmodelconfirm .closex{ color:#fff; margin-top: -4px; margin-right: 4px; }
#popmodel .insidepopup,#popmodelconfirm .insidepopup{ padding:0px 20px 20px 20px;}
.hidden-part-alert,.hidden-part-confirm{ position:absolute; visibility:hidden; }
.ajax-wait{ padding:0px; display:none; }
.field-checking{ margin-bottom: 0; }

.no-pad-right { padding-right: 0 !important; }
.no-pad-left{ padding-left: 0 !important; }
.no-pad-top { padding-top: 0 !important; }
.no-pad-bottom{ padding-bottom: 0 !important; }

.no-mar-right {  margin-right: 0 !important; }
.no-mar-left{ margin-left: 0 !important; }
.no-mar-top { margin-top: 0 !important; }
.no-mar-bottom{ margin-bottom: 0 !important; }

.margintop5{ margin-top:5px; }
.margintop10{ margin-top:10px; }
.margintop20{ margin-top:20px; }
.margintop40{ margin-top:40px; }
.margintop60{ margin-top:60px; }

.marginbot5{ margin-bottom:5px; }
.marginbot10{ margin-bottom:10px; }
.marginbot20{ margin-bottom:20px; }
.marginbot40{ margin-bottom:40px; }
.marginbot60{ margin-bottom:60px; }

.narrow-padding{ padding-right:0.4632rem; padding-left:0.4632rem; }





*{
	font-family: 'Roboto', sans-serif;
}

/* footer css start*/

  p, select{
    margin-bottom: 0px;
  }
  footer{
    background-color: #6b7c92;
    color: #aeb8c5;
  }
  ul{
    margin-left: 0px !important;
    margin-bottom: 0px;
    list-style: none;
  }
  footer a, footer a:hover{
    color: #b5bdc8;
  }
  .foot-cont div{
    display: flex;
    margin-bottom: 0px;
    align-items: center;

  }
  footer p{
    width: 300px;
    font-size: 14px;
  }
.foot-cont ul, .foot-cont ul li, .foot-bottom ul, .foot-bottom ul li{
  display: inline-block;
  padding: 0px 30px 0px 0px;
}
.foot-cont ul, .foot-cont ul li{
  display: inline-block;
  padding: 0px 5px 0px 0px;
}

.foot-cont img{
  margin-right: 20px;
}
.foot-cont ul li a{
  padding-right: 20px;
}
.foot-bottom p{
  padding: 0px 0px 30px;
}
.foot-bottom ul{
  display:flex !important;
  align-items: center;
  justify-content: flex-start;
  padding: 30px 0px;
  border-top: 1px solid #798a9e;
  width:100%;
}
.chosen-container .chosen-results {padding:0px !important;}
.chosen-select.chosen-container .chosen-results {padding:0px !important;}
.r-btn{
  padding: 8px 20px;
  border-radius: 25px;
  color: #6b7c92;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 170px;
}
.r-btn:hover{
  color: #6b7c92;
}
.r-btn img{
  margin-right: 8px;
}

.foot-top ul{
  margin: 30px 0px;
}
.foot-menu h5{
  text-transform: uppercase;
  font-size: 16px;
  color: #fff;
}
.foot-top{
  padding-top: 50px;
}
.foot-menu ul li{
  line-height:2;
}
.chosen-single{
    background: unset !important;
    border: none !important;
    color: #b5bdc8 !important;
    box-shadow: none !important;
}

footer .row{
  max-width: 1050px !important;
}
/* footer css end*/


/* Home page css start*/
.section7{
	background-color: #f0f4f7;
	padding:0px 0px;
  position: relative;

}

     .section7:before {
    content: '';
    height: 196px;
    width: 100%;
    background: linear-gradient(185deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgb(107, 124, 146) 51%, rgb(107, 124, 146) 100%);
    position: absolute;
    top: -195px;
}

.section7 .payment-logo{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;

}
.section7 .payment-logo img{
	padding:0px 40px 30px;
}

.section6{
	background: url(../images_1/sec-bg.png) center center;

	width: 100%;
	padding: 250px 0px;
	background-attachment: fixed;
}

.o-btn{
	background-color: #f1611f !important;
	color: #fff;
	border-radius: 5px;
	text-transform: uppercase;
	padding:7px 15px;
	border: 1px solid #f1611f !important;
	opacity: 1 !important;
	min-width: 120px !important;
text-align: center;
}

.section6 .row{
	max-width: 700px;
}
 .section6 h5{
 	color: #fff;
 	margin-bottom: 30px;
 	text-align: center;
 	font-size: 30px;
 	font-weight: 400;
 	font-family: 'Roboto', sans-serif !important;
 }

 .section6  input, .section6  input:focus, .section6  input:hover{
 	background-color: #333b4c;
 	opacity: 0.6;
 	border:1px solid #333b4c;
 	height: 45px !important;
 }
 .section6 input{
 	width: 220px;
 	margin: 0px 15px;
 }
 .section6 .o-btn{
  max-width: unset;
  width: 120px;
 }
   .section6 .row{
   	display: flex;
   	align-items: center;
   	justify-content: center;
   }

   .section5{
   	background-color: #f0f4f7;
   	padding: 350px 0px 30px;
    position: relative;
   }

      .section5:before{
    content: '';
    height: 196px;
    width: 100%;
    background: linear-gradient(175deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(240,244,247,1) 51%, rgba(240,244,247,1) 100%);
    position: absolute;
    top: -195px;
      }
      .section5:after{
    content: '';
    height: 196px;
    width: 100%;
    background: linear-gradient(175deg, rgba(240,244,247,1) 0%, rgba(240,244,247,1) 50%, rgba(255,255,255,0) 51%, rgba(255,255,255,0) 100%);
    position: absolute;
    bottom: -195px;
      }

   .sect-content li{
   	 list-style-image: url('../images_1/tick.png') !important;
   	  	font-weight: 400;
 	font-family: 'Roboto', sans-serif !important;
 	font-size: 14px;
 	color: #636465;
   }
    .sect-content ul{
    	list-style: unset  !important;
    }
    .sect-content h5{
    	font-weight: 500;
      margin-bottom: 0px !important;
      font-size: 32px;
    }
    .sect-content ul{
      margin-top: 40px;
      margin-left: 25px !important;
    }
    .sect-content ul li{
      line-height:  2 !important;
      padding-left: 10px;
    }

    .section4{
  background: url(../images_1/sec-bg.png) center center;
  height: 1000px;
  width: 100%;
  padding: 180px 0px;
  background-attachment: fixed;
    }
    .section4 .row{
      max-width: 1000px;
    }
    .section4 .panel{
      background-image: linear-gradient(to right, #235976, #235876, #235775, #245575, #245474, #245273, #235172, #234f71, #234d70, #234a6f, #23486d, #24456c);
color: #fff;
padding: 20px;
margin-bottom: 30px;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: left;
    }
    .section4 .panel img{
      padding-right: 20px;
    }
      .section4  .panel2{
background-image: linear-gradient(to right, #24466c, #23446b, #23426a, #233f69, #233d68, #233b67, #243865, #243664, #253363, #263061, #272d60, #282a5e);
    }
      .section4  .panel1{
background-image: linear-gradient(to right, #245675, #235273, #224f71, #224b6f, #23476d, #23456c, #24426a, #254069, #263f68, #263d68, #273c67, #283a66);
    }
   .section4  .panel h5{
      text-transform: uppercase;
      font-size: 14px;
      font-weight: 500;
    }
    .section4 .panel p{
      font-size: 12px;
    }
   .section4  .customers{
    background-color: #fff;
    padding:30px 20px;
    text-align: center;
    margin-bottom: 30px;

    }

    .title h5{
      color:#fff;
            font-size: 36px;
            text-align: center;
            padding:30px 0px 50px;
    }
     .title h5 span{
      font-weight: 500;

     }

     .customers img{
      margin-bottom: 20px;
     }
     .customers  h5{
      font-size: 16px;
      color: #313131;
      margin-bottom: 0px;
      font-weight: 500;
     }
    .customers  span{
      font-size: 14px;
      color: #6b7c92;
      margin-bottom: 0px;
     }
    .customers  p{
      font-size: 14px;
      color: #5c489b;
      margin-bottom: 0px;
      
     }

     .customers div p{
      font-size: 16px;
      color: #6b7c92;
     }
      .customers div:before{
        content:url('../images_1/quotes.png') ;
        left: 0px;
        top: -20px;
        position: absolute;
      }
      .customers div{
        position: relative;
        margin-top: 30px;
      }
      .sect4{
        margin-bottom: 70px;
        position: absolute;
        margin:0px auto;
        display: block;
        z-index: 9999;
        width: 100%;
      }

      .sect4-sub{
        margin-bottom: 50px;
      }

      .section3{
        background: url(../images_1/sec1-bg.png);
        width: 100%;
        padding: 200px 0px;
        background-size: cover;
            margin-bottom: -160px;
    position: relative;

      }

      .sect3-img{
        text-align: center;    


      }
      .sect3-img img{
        margin-bottom: 20px;
      }
      .sect3-list{
          -webkit-column-count: 2; /* Old Chrome, Safari and Opera */
          -moz-column-count: 2; /* Old Firefox */
          column-count: 2;
          background-color: #f0f4f7;
          padding:30px;
          border-radius: 8px;
      }
      .sect3-list li{
        list-style-image: url(../images_1/tick.png) !important;
      }
       .sect3-list ul {
        list-style: unset !important;
        padding-left: 25px;
        font-weight: 400;
        font-family: 'Roboto', sans-serif !important;
        font-size: 14px;
        line-height: 2;
        color: #636465;
      }

    .sect3-content p{
      margin-bottom: 50px;
      font-family: 'Roboto', sans-serif !important;
    }
     .sect3-content h2 span{
      font-weight: 500;
       font-family: 'Roboto', sans-serif !important;
     }
     .sect3-content h2{
      font-size: 36px;
      font-weight: 300;
     }

     .section2{
      background-color: #19194b;
      position: relative;
      padding-bottom: 30px;
     }

     .sect2-img ul{
          -webkit-column-count: 2; /* Old Chrome, Safari and Opera */
          -moz-column-count: 2; /* Old Firefox */
          column-count: 2;
          color: #fff;
     }
     .sect2-img ul li{
      line-height: 5;
     }
     .sect2-img p{
      color: #fff;
      margin-bottom: 30px;
     }
     .section2 .row{
      max-width: 1200px;
          display: flex;
    align-items: center;
     }
     .sect2-img ul li img{
      padding-right: 10px;
     }

     .section1{
      background-image: linear-gradient(to right, #0fa89d, #008da5, #0070a7, #004f9b, #29297b);
      padding: 250px 0px 200px;
     }
      .section2:before{
    content: '';
    height: 196px;
    width: 100%;
    background: linear-gradient(175deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(25,25,75,1) 51%, rgba(25,25,75,1) 100%);
    position: absolute;
    z-index: 99999999;
    top: -195px;
      }
     .sect1-cont{
      color: #fff;
      text-align: center;
      margin-bottom: 30px;
     }
     .sect1-cont img{
      margin-bottom: 20px;
      width: 160px;
     }
     .sect1-cont h5{
      text-transform: uppercase;
      font-size: 16px;
      font-weight: 500;
     }

     .sect1-cont  p{
      color: #d9e7e9;
      font-size: 14px;
     }
     .banner{
      background:url(../images_1/banner.png) center bottom;
      height: 830px;
      width: 100%;
      background-size: cover;
      position: relative;
      margin-bottom: -230px;
    
      background-repeat: no-repeat;


     }
.bnr-img{
  position: absolute;
   
  left: 0px;
   
}
.bnr-cnt{
  z-index: 9;
  margin-top: 60%;
  text-align: center;
   color: #fff;
       position: relative;
    z-index: 99999999;
}
 .banner .row{
  max-width: 1200px;
 }
.bnr-cnt p{
  margin-bottom: 30px;
}
.bnr-cnt span{
  font-weight: 500;
}
.bnr-cnt input[type='email']{

  background-color:  #40385a !important;
  border:1px solid #40385a !important;
}
.bnr-cnt .o-btn{
    height: 39px;
}
.bnr-cnt form{
    margin: 0px 50px;
}

.home-page input{
  color: #fff;
}
/* Home page css end*/



/* header css start*/

.top-bar, .top-bar ul{
  background-color: #179b9f;
}
.top-bar-right .o-btn{
  width: unset !important;
  margin-right: 15px;
  font-size: 14px;
}
.top-bar li, .top-bar li a{
  color: #fff;
}
/* header css end*/




@media screen and (max-width: 39.9375em) {
	.row.inr-pg {
    padding: 20px !important;
}
.row.inr-pg h3 {
    font-size: 20px !important;
}
.row.inr-pg p {
    font-size: 14px !important;
}
.inner_banner h1 {
     top: 26% !important;
     font-size: 25px !important;
}

#country{
  width: 170px;
}
footer .foot-bottom .r-btn{
  margin: 0px auto;
}
.foot-bottom ul li{
  width: 100% !important;
}
  .section4 .sect4 .row{
    display: unset !important;
  }

.section6 .row{
    flex-wrap: wrap;
}

  .topbar-center-logo .top-bar-left {
    display: none;
  }
.top-bar-right .o-btn{
 margin-bottom: 15px;
}
  .title-bar{
    background-color: #179b9f;
  }

  .section2 .row {

    flex-wrap: wrap;
}

.foot-cont div{
  display: block;
}

.foot-bottom ul{
  flex-wrap: wrap;
  justify-content: space-around;
}
.foot-bottom ul li{
  margin-bottom: 20px;
}
footer, .foot-cont{
  text-align: center;
}
footer p{
  width: unset;
}
.section7 .payment-logo img {
    padding: 0px 20px 30px;
}

.bnr-img{
  top: 55px;
}
.bnr-cnt{
      margin-top: 10%;
}
.bnr-img{
  bottom: 10%;
  top: unset;
  display: none;
}
.banner{
  height: 320px;
}
.bnr-cnt form{
  margin: 0px 30px;
}
.title h5, .sect3-content h2{
  font-size: 24px;
}
.sect2-img ul, .sect3-list ul ,  .sect3-list{
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
}

.section4 {
  height: unset !important;
}
.section7 {
  padding: 0px 0px 0px;
}
.section6 input{
  margin: 0px 15px 15px;
  display: block;
  width: 100%;

}

.section3{
background: url(../images_1/sec1-bg.png) left no-repeat;
    padding: 70px 0px;
}
.sect4{
  position: relative;
}
.section5{
  padding: 0px;
}
.section5 .sect-img{
margin: 50px 0px 0px;
}
.foot-bottom ul{
      padding: 15px 0px;
}
.section7:before,  .section5:before, .section2:before{
  top: -195px;
}

.section5:after{
   bottom: -195px;
}
.sect3-img {
    margin-bottom: 30px;
}

}


/*Tab css start*/

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	.foot-cont ul, .foot-cont ul li, .foot-bottom ul, .foot-bottom ul li {
    display: inline-block;
    padding: 0px 14px 0px 0px;
}
.foot-menu ul li {
     
    font-size: 14px;
}
	.row.inr-pg {
    padding: 50px 30px;
}
	.row.inr-pg {
    padding: 20px !important;
}
.row.inr-pg h3 {
    font-size: 20px !important;
}
.row.inr-pg p {
    font-size: 14px !important;
}
.inner_banner h1 {
     top: 38% !important;
     font-size: 25px !important;
}


.foot-bottom ul{
  flex-wrap: wrap;
  justify-content: center;
  padding: 30px 0px 10px !important;

}

.foot-bottom ul li{
  padding-bottom: 20px;
}
.title-bar {
    background: #179b9f;
}
.top-bar-right ul{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.topbar-center-logo .top-bar-left{
  display: none;
}
.section4{
  height: unset !important;
  padding: 180px 0px 100px !important;
}
.section5{
  padding: 430px 0px 30px;
}
.section5:after{
  bottom: -195px;
}

.section5:before, .section2:before{
  top: -195px;
}
/*.sect2-img ul{
      -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
}
*/
.bnr-img {
    width: 400px;
    top: 55px;
}
.banner{
  height: 500px;
}

.bnr-cnt {
    margin-top: 30%;
    position: relative;
    z-index: 99999999;
  }


.section2 .row{
    flex-direction: column-reverse;
}
.section2 {
    padding-bottom: 50px;
}
.bnr-cnt form {
    margin: 0px 10px;
}
.title h5{
  font-size: 32px;
}
.section3{
  padding: 70px 0px 200px;
}
.section2{
    padding-bottom:  50px;
}
.section7{
  padding-bottom: 0px !important;
  padding-top: 0px !important;
}
}


/*Tab css end*/

.chosen-container .chosen-results li.active-result{
  width: 100%;
}

*{
  outline: none;
}

input[type="submit"] {
  cursor: pointer;

}

/*.sect4 .row > div{
  background-color: #FFF;
}*/

.top-bar-right{
  display: flex;
  align-items: center;
}

.top-bar-right .o-btn:hover, .top-bar-right .o-btn:focus, .top-bar-right .o-btn{
  color: #fff;
}



.topbar-center-logo .top-bar-center {
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.topbar-center-logo-mobile .menu-icon {
  vertical-align: text-top;
}


*{
  outline: none;
}

.o-btn{
  display: inline-block;
}

.o-btn:focus{
  border:none !important;
}
.o-btn:hover{
  color: #fff;
}

body .is-invalid-input:not(:focus){
  border:1px solid red !important;
}

#country{
  color:#a9bec9;
  border:none;
  background-color: transparent;
  box-shadow: none;
}


.chosen-container .chosen-results li.highlighted {
    background-color: #6b7c92 !important;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #3875d7), color-stop(90%, #2a62bc)) !important;
    background-image: linear-gradient(#6b7c92 20%, #6b7c92 90%) !important;

}

.chosen-container-single .chosen-single span{
  font-size: 16px;
}

.foot-bottom ul ul{
  display: block !important;
}

.chosen-container{
  width: 100px !important;
}

.chosen-single input{
  margin-bottom: 0px;
  padding: 0px;
  height: unset;
}

.active-result{
font-size: 16px;
}

footer .foot-menu ul li a:active, footer .foot-menu ul li a:focus, footer .foot-menu ul li a:hover
{
color: #b5bdc8  !important;
}


.section4 .sect4 .row{
  display: flex;
}

.section4 .sect4 .row > div .customers{
  height: 100%;
}
.chosen-container-active.chosen-with-drop .chosen-single{
  background-image: none !important;
}

.chosen-container-single .chosen-single span{
  background-color: transparent !important;
}
.chosen-container-single .chosen-single{
  background-color: transparent !important;
   background-image: none !important;

}




ul.menu.vertical.medium-horizontal li {
    display: none;
}
ul.menu.vertical.medium-horizontal li:nth-last-child(-n+2) {
    display: block;
}

 .section4 .panel {
    
    height: 150px;
}
.section4 {
    background: url(../images_1/sec-bg.png) center center;
    height: 820px;
    width: 100%;
    padding: 240px 0px;
    background-attachment: fixed;
}
.section5 {
    background-color: #f0f4f7;
    padding: 50px 0px 30px;
    position: relative;
}
.sect4 {
    display: none !important;
}


.inner_banner h1 {
    position: absolute;
    top: 42%;
    text-align: center;
    width: 100%;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 36px;
    text-transform: uppercase;
    font-weight: bold;
}

.inner_banner {
    position: relative;
}

.inner_banner img {
    width: 100%;
}
.row.inr-pg {
    padding: 50px 0px;
}

.row.inr-pg h3 {
    font-size: 25px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 0px;
    margin: 0px;
}

.row.inr-pg p {
    font-size: 16px;
    margin: 0px;
    margin-bottom: 10px;
	color:#4e4e4e;
}

 
.foot-cont ul li a {
    pointer-events: none;
}

.foot-bottom ul li {
    display: none;
    padding: 0px !important;
}

.foot-bottom ul {
    padding: 0px 0px !important;
}

.foot-bottom p {
    padding: 12px 0px;
    text-align: center;
    width: 100%;
}
.top-bar-left img {
    height: 50px;
}
div#title_alert {
    text-align: center;
    background: rgb(23, 155, 159);
    color: #fff;
    padding: 6px;
}

p#content_alert {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

.insidepopup .button {
    background: #f1611f !important;
    margin: 0px auto !important;
    float: none !important;
    display: block;
    color: #fff;
}