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

*{
	margin: 0;
	font-family: 'Maven Pro', sans-serif;
}

.top-header {background: #d3f0ff; width: 100%; position: relative;}
.call-phone h5 {font-size: 18px; color: #000; padding: 12px 0px; margin: 0; font-weight: 300;}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
      .call-phone h5 {
           font-size: 20px;
      }
    }



.call-phone .fa {font-size: 18px; padding-right: 20px; color: #000;}

.lower-footer .icon-2 .fa { color: #fff; margin: 10px 20px 0px 0px;}

.top-header h4 {color: #000; font-size: 14px; letter-spacing: 1px; float: right; margin-top: 16px;} 


.top-header input[type=text] {
  width: 100%;
  box-sizing: border-box;
  border: none;
  border-radius: 200px;
  margin: 8px 0px;
  font-size: 15px;
  background-color: #fff;
	text-align: center;
/*  background-image:url(../img/searchicon.png);*/
/*	margin-top: 25px;*/
  background-position: 7px 3px;
  background-repeat: no-repeat;
  padding: -1px 7px 8px 40px;
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
}

@media screen and (min-width: 375px) {
  .top-header input[type=text] {
    z-index: 99;
  }
}



.about-03 img {margin: 60px 0px 20px 0px;}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
      .about-03 img {
           margin: 10px 0px 0px 0px;
      }
    }

.contact img {margin: 12px 0px -11px 0px;}
/*
.ribbon {background-image: url(../img/ribbon-2.png); background-repeat: no-repeat; background-position: center;}
.ribbon-2 {position: relative; border-left-style: }
*/
.board {border-right: 2px solid #000; border-width: 3px;
  border-style: solid;
  border-image: 
    linear-gradient(
      to bottom, 
      red, 
      rgba(0, 0, 0, 0)
    ) 1 100%;}

a {
  text-decoration: none;
  color: #000;
}

a:hover {
  color: #0097fd;
	text-decoration: none;
}

/* Dropdown */
/*.main-header {background: #fff; position: sticky; top: 0; z-index: 999999;}*/








.main-banner {background-image: url(../img/main-banner.jpg); background-position: center; background-size: cover; width:100%; height:500px;}

/*.lower-footer{background:#1c1e1f; width:100%;padding: 20px 0px 20px 0px; border-top: 5px solid #0097fd;}*/

.lower-footer {background-image: url(../img/footer.jpg); width: 100%; height: auto;  background-position: center; background-size: cover; background-repeat: no-repeat; padding-bottom: 70px;}
 
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
      .lower-footer {
         padding-bottom: 120px;
      }
    }

.box-0121 img {display: inline; margin-left: 10px; margin-top: 16px;}
.lower-footer ul {list-style-type:none; margin-top: 20px;}
.lower-footer ul li {color: #fff; line-height: 30px;}
.lower-footer p {text-align: left; color: #fff;}
.lower-footer h2 {color: #fff;}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
   .lower-footer h2 {
    margin-top: 0px;
	font-size: 24px;
	color: #f9d009;
  }
}


.lower-footer ul li{text-decoration: none;}
.lower-footer ul li:hover {color: #f9d009;}
.box-0121 {border-top: 1px solid #f9d009; margin-top: 9px;}
.box-0121 p {text-align: center; color: #fff; margin-top: 30px; letter-spacing: 1px;}
.box-0121 span {color: #f9d009; font-weight: 500;}

/*scroll top button*/
.scrollToTop {
    position: fixed;
    right: 10px;
    bottom: 100px;
    width: 50px;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    color: #f5d962;
    z-index: 999;
    display: none;
    transition: all 0.3s ease;
    background: #0097fd;
    border-radius: 50%;
    text-decoration: none !important;
}

.scrollToTop span {
    display: block;
    margin-top: 15px;
    margin-right: -1px;
    transition: all 0.2s ease-in-out;
    color: #fff;
    font-size: 25px;
}

.scrollToTop:hover span {
    margin-top: 10px;
}

/*.box-01 { background: #000; background-image:url(../img/Background-01.jpg);  width: 100%; padding-bottom: 50px; background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed;}*/
.box-01 h2 {font-size: 11px; color: #000; padding: -1px 16px 0px 16px; text-align: center; font-weight: 600; letter-spacing: 0.3px;}
.box-01 {padding: 50px 0px;}
/*.inner-box-1 img {width: 65px; height: 65px; position: absolute; left: 39%; top: 28%;}*/
.box-01 h3 {font-size: 34px; color: #000;text-align: center;}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
  .box-01 h3 {
    font-size: 30px;
  }
}




.box-01 span {color: #fff; font-weight: 500; font-family: 'Maven Pro', sans-serif; text-transform: lowercase;}
.inner-box {width:115px; height: 115px; border-radius: 50%; background: #f6f9f6; position: absolute; top: 6%; right: 6%;}
.inner-box img {width: 48px; height: 48px; position: relative; left: 28%; top: 6%;}


.box-01 h2:hover{cursor: pointer; transition:all 0.8s ease-in-out; transform: rotate(360deg);}

/*.inner-box:hover {background: #f8ea8a;  cursor: pointer; transition:all 0.8s ease-in-out; transform: rotate(360deg);}*/

.inner-box-1 {width:140px; height: 140px; border-radius: 50%; border: 5px solid #0097fd; border-top: 5px solid #fff; border-bottom: 5px solid #fff; position: relative; margin: auto; margin-top: 6px;}

/*.inner-box-1 {background-image: url(../img/inner-box.png); width: 300px; height:300px; background-position: center; background-repeat: no-repeat; background-size: cover; margin: auto; position: relative;}*/


.box-03 img  {margin: auto; display: block; margin-bottom: 24px;}
.box-03  p {text-align: center; letter-spacing: 1px; line-height: 25px; margin-bottom: 15px;}

.box-02 {background: #d9edf7; width: 100%; padding: 50px 0px; margin-top: 20px;}
.box-02 h2 {font-size: 18px; color: #0097fd; text-align:center;}
.box-02 ul {list-style:none; text-align: center; margin: 0; padding: 0;}
.box-02 ul li a {color: #000;}
.vision {background: linear-gradient(to right,#dcd7b5,#e0e5eb); padding-bottom: 50px;}
.vision p {line-height: 25px; color: #000; letter-spacing: 1px;}

.address-01 .fa {font-size:16px; text-align: left; padding-right: 20px; color: #e4b300;}
.address-01 h2 {font-size: 16px; color: #fff; text-align: left; font-family: 'Poppins', sans-serif; letter-spacing: 1px;}


.miss-01 {background-image: url(../img/vission-mission.jpg); background-position: center; background-size: cover; padding: 20px 0px;}
.miss-02 {background-image:url(../img/80.jpg); background-position: center; background-size: cover; padding: 20px 0px;}
.testi {background-image:url(../img/testi.jpg); background-position: center; background-size: cover; height:auto; padding-bottom: 20px; padding-top: 20px;}

.rates {background-image:url(../img/rates.jpg); background-position: center; background-size: cover; height:auto; padding-bottom: 20px; padding-top: 20px;}


/*start mission and vision*/

.mission h2 {text-align: center; margin-top: 50px; font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";  padding: 15px; width: 300px; box-shadow: 0 8px 6px -6px black;  border-left: 3px solid #009846; border-top: 1px solid #009846;}

.miss-box {border:1px solid #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(128, 128, 128, 0.1); margin-bottom: 17px;}

.box-float {padding: 15px;}
.box-float-01 {padding: 15px;}

.miss-box ul li  {line-height: 30px; letter-spacing: 1px; text-align: left; list-style-type:none; position: relative;}

.miss-box ul li::after{ content: ''; width: 8px; height: 8px; background:#009846; position: absolute; transform: rotate(45deg); top: 10px; left: -25px;}

/*start css here*/

.box-05 {background: #ccc; width: 100%; height: 300px;}

.about-02 {background-image:linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),url(../img/middle-banner.jpg); width: 100%; height:auto; background-position: center; background-size: cover; background-attachment: fixed; margin-top: 90px; padding-bottom:20px;}

.about-04 {width: 100%; background: #aed6d8; height: auto; position: relative;}
.about-04 {padding-top: 40px; margin-top: 60px;}
.box-001 {background: #ffffffa8;
    width: 121%;
    height: 350px;
    position: relative;
    right: 22%;
    top: 50%;
    margin-top: 66px;
}

@media only screen and (max-width: 480px) {
.box-001 {background: #ffffffa8;
    width: 109%;
    height: auto;
    position: relative;
    right: 4%;
    top: 50%;
    margin-top: 15px;
}
}




.box-001 p {text-align: justify; padding: 15px; line-height: 25px;	}

.box-06 p {margin-top: 90px; line-height: 35px; text-align: justify;}
.about-01 {margin-top: 40px;}
.about-02 p {text-align: justify; color: #fff; line-height: 25px;letter-spacing: 1px;}
.about-02 h3 {text-align: left; color: #fff; padding-top: 80px;}

.about-03 h2 {text-align: center; margin-top: 60px; font-weight: 600; position: relative;}
.about-03 h2::after {position:absolute; content: ''; width: 300px; height: 2px; background: #009846; top: 117%; left: 39%;}

.apple {width: 50%; height:auto; background: #777;  padding-bottom:10px; padding-top: 10px;}

@media only screen and (max-width: 480px) {
      .apple {
           width:100%;
           margin-top:0;
      }
    }

.mac {width: 50%; height: auto; background: #ccc; padding-bottom:10px; padding-top: 10px;}

@media only screen and (max-width: 480px) {
      .mac {
           width:100%;
           margin-top:0;
      }
    }


.like {width: 230px; height: 230px; border: 2px solid #fff; border-radius: 50%; margin: auto; margin-top: 20px; position: relative;}

.like-2 {width: 200px; height: 200px; background: #fff; border-radius: 50%; margin: auto; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;}

.like-2 img {border-radius: 50%; position: absolute; bottom: -10%;}

.icon {width: 30px; height: 30px; background: #fff; transform: rotate(45deg); position: relative; bottom: 50%; left: 10%; margin-top: 20px;}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
      .icon {
           left:0%;
      }
    }


.apple h3 {text-align: center; color: #fff;}
.apple p {text-align: center; color: #fcc045;}

.icon .fa {transform: rotate(310deg); position: absolute; top: 4px; left: 15px; right: 0px; bottom: 0px; margin: auto;}


.like-1 {width: 230px; height: 230px; border: 2px solid #fff; border-radius: 50%; margin: auto; margin-top: 20px; position: relative;}

.like-3 {width: 200px; height: 200px; background: #fff; border-radius: 50%; margin: auto; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;}

.like-3 img {border-radius: 50%; position: absolute; bottom: -10%;}

.icon-1 {width: 30px; height: 30px; background: #000; transform: rotate(45deg); position: relative; bottom: 50%; left: 10%; margin-top: 20px;}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
      .icon-1 {
           left:0%;
      }
    }


.icon-1 .fa {transform: rotate(310deg); position: absolute; top: 4px; left: 15px; right: 0px; bottom: 0px; margin: auto; color: #fff;}

.mac h3 {text-align: center; color: #0097fd;}
.mac p {text-align: center; color: #000;}
.content-001 p {text-align: justify; color: #000;  font-size:14px; font-weight:200;}

.about-01 h3 {text-align:center;}
.about-01 p {text-align:center; line-height: 35px;}
.feedback img {margin-bottom:30px;}




/*=============start feedback===================*/

.testimonial{
    padding: 70px 30px 50px;
    margin: 50px 30px 30px;
    border: 1px solid #000;
    position: relative;
}
.testimonial .pic{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 5px solid #000;
    overflow: hidden;
    margin: 0 auto;
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
}
.testimonial .pic img{
    width: 100%;
    height: auto;
}
.testimonial .description{
    font-size: 15px;
    color: #5e595b;
    line-height: 27px;
    text-align: center;
    margin: -23px;
    position: relative;
}
.testimonial .description:before{
    content: "\f10d";
    font-family: "Font Awesome 5 Free"; font-weight: 900;
    font-size: 25px;
    color: #0097fd;
    position: absolute;
    top: 0;
    left: -2px;
}
.testimonial .title{
    display: inline-table;
    padding: 10px;
    margin: 0 auto;
    background: #000;
    border: 1px solid #000;
    font-size: 20px;
    font-weight: 500;
    color: #f9d009;
    letter-spacing: 1px;
    text-transform: uppercase;
    position: absolute;
    bottom: -22px;
    left: 0;
    right: 0;
}
.testimonial .post{
    font-size: 15px;
    color: #fff;
}
.owl-theme .owl-controls{
    width: 100%;
    height: 50px;
    opacity: 1;
    position: absolute;
    top: 38%;
}
.owl-theme .owl-controls .owl-buttons div{
    width: 50px;
    height: 50px;
    line-height: 40px;
    border-radius: 0;
    background: transparent;
}
.owl-prev{
    position: absolute;
    left: -5%;
}
.owl-next{
    position: absolute;
    right: -5%;
}
.owl-prev:after,
.owl-next:after{
    content: "\f104";
    font-family: "Font Awesome 5 Free"; font-weight: 900;
    font-size: 30px;
    color: #0097fd;
    opacity: 1;
}
.owl-next:after{ content: "\f105"; }
 
@media only screen and (max-width: 479px){
    .testimonial{ padding: 70px 10px 30px; }
    .testimonial .description:before{ top: -20px }
    .testimonial .title{ font-size: 12px; }
    .testimonial .post{ font-size: 11px; }
}


.form-bg{
    background-image: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)), url(../img/contact-bg.jpg);background-position: center;
    background-size: cover;
    background-attachment: fixed; width: 100%; height: 100%; border-bottom:3px solid #0097fd;
}
form{
    font-family: 'Roboto', sans-serif;
}
.form-horizontal .header{
    background:none;
    padding: 30px 0px;
    font-size: 30px;
    color: #e6d9de;
    border-radius: 3px 3px 0 0;
}
.form-horizontal .form-content{
    padding: 25px;
    background: #f9fafd;
}
.form-horizontal .form-control{
    padding: 10px 50px 10px 15px;
    height: 50px;
    font-size: 18px;
    color: #000;
    border: 2px solid #acacac;
    margin-bottom: 15px;
}
.form-horizontal .form-control:hover{
    border-color: #0097fd;
}
.form-horizontal .form-control:focus{
    border-color: #0097fd;
    box-shadow: none;
}
.form-horizontal .control-label{
    width: 42px;
    height: 40px;
    font-size: 17px;
    color: #acacac;
    border-left: 1px solid #acacac;
    position: absolute;
    top: 5px;
    right: 20px;
    text-align: center;
}
.form-horizontal .captcha{
    padding-right: 0;
}
.form-horizontal .captcha label{
    background: #e0e0e0;
    display: block;
    height: 50px;
    font-size: 16px;
    color: #acacac;
    line-height: 45px;
    text-align: center;
    border-radius: 3px 0 0 3px;
}
.form-horizontal .captcha-text{
    padding-left: 0;
}
.form-horizontal .captcha-text input{
    border-radius: 0 3px 3px 0;
}
.form-horizontal .footer{
    background: #e8eaf6;
    border-top: 1px solid #b90a0a;
    padding: 10px 25px;
}
.form-horizontal .footer .btn{
    background: #0097fd;
    font-size: 18px;
    color: #fff;
    float: right;
    margin: 10px 0;
    clear: both;
    padding: 10px 25px;
    transition: all 0.5s ease 0s;
}
.form-horizontal .name{
    padding: 10px 15px;
}
@media only screen and (max-width:767px){
    .form-horizontal .control-label i{

        line-height: 40px;
    }
    .form-horizontal .captcha label{
        font-size: 13px;
    }
}

/*===============start innerpage here======================*/

.private-limited {padding: 15px 15px 30px; background-image: radial-gradient(#f5f5f5 15%, transparent 5%), radial-gradient(#f5f5f5 15%, transparent 5%);background-color: #fff;background-position: 0 0, 50px 50px;background-size: 20px 20px;}
.private-limited h2 {text-align: center;}
.private-limited h3 {text-align: center; font-size: 16px;}
.private-limited p {text-align: center; color: #0097fd; letter-spacing: 2px;}
.private-limited img {margin: auto; display: block;}
.private-limited h4 {text-align: center; font-size: 14px;}

.news-01 h3 {text-align: center; margin: 0; padding: 0; color: #0097fd;}

/*=======-----start new css online here-----=============*/

.about-05 {margin: 50px 0px;}
.about-05 h2 {margin: 0; padding-bottom: 10px; color: #0097fd;}
.about-05 p {text-align: justify; line-height: 25px; letter-spacing: 0.7px;}
.about-05 input[type=submit] {width: 150px; height: 50px; border: 2px solid #e30000; background: none; color: #000; margin-right: 20px;}
.why input[type=submit] {width: 150px; height: 50px; border: none; background: none; color: #000;}

@media (max-width:320px) and (min-width:360px){

  .why input{
   margin:auto;
   display:block;
  }
}

@media (max-width:361px) and (min-width:480px){

 .why input{
   margin:auto;
   display:block;
  }
}

@media (max-width:481px) and (min-width:580px){

  .why input{
   margin:auto;
   display:block;
  }
}

@media (max-width:581px) and (min-width:768px){

  .why input{
   margin:auto;
   display:block;
  }
}

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
    
   .why input{
   margin:auto;
   display:block;
  }

    }



.why input[type=submit]:hover {background: #0097fd; color: #fff; transition: all 0.7s ease-in-out; }
.about-05 input[type=submit]:hover {background: #0097fd; color: #fff; transition: all 0.7s ease-in-out; }    

.box-01 input[type=submit] {width: 100%; height: 50px; border: none; background: none; color: #000; border-radius:2px;}

@media (max-width:320px) and (min-width:360px){

  .box-01 input{
   margin:auto;
   display:block;
  }
}

@media (max-width:361px) and (min-width:480px){

 .box-01 input{
   margin:auto;
   display:block;
  }
}

@media (max-width:481px) and (min-width:580px){

  .box-01 input{
   margin:auto;
   display:block;
  }
}

@media (max-width:581px) and (min-width:768px){

  .box-01 input{
   margin:auto;
   display:block;
  }
}

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
    
   .box-01 input{
   margin:auto;
   display:block;
  }

    }





.box-01 input[type=submit]:hover {background: #0097fd; color: #fff; transition: all 0.7s ease-in-out; }

.app-store input[type=submit] {width: 220px; height: 50px; border: 2px solid #e30000; background: none; color: #000; margin-top: 20px;}

@media (max-width:320px) and (min-width:360px){

  .app-store input{
   margin:auto;
   display:block;
  }
}

@media (max-width:361px) and (min-width:480px){

 .app-store input{
   margin:auto;
   display:block;
  }
}

@media (max-width:481px) and (min-width:580px){

  .app-store input{
   margin:auto;
   display:block;
  }
}

@media (max-width:581px) and (min-width:768px){ 

  .box-01 input{
   margin:auto;
   display:block;
  }
}


.app-store input[type=submit]:hover {background: #0097fd; color: #fff; transition: all 0.7s ease-in-out; }


.term {background-image: url(../img/term.jpg); width: 100%; background-position: center; background-repeat: no-repeat; height:auto; background-attachment: fixed; padding-bottom: 20px;}
.term h2 {text-align: center;font-size: 36px; margin-top: 40px;}
.term h3 {font-size: 36px; margin-top: 20px; color:#0097fd; font-weight:600;}

.term img {margin: auto; display: block; padding-bottom: 10px;}
.term p {text-align: justify; line-height: 25px; letter-spacing: 0.8px;}
.term h3 {color: #0097fd;}
.term ul {list-style-type: circle;}
.term ul li {color: #0097fd; line-height: 25px;}
.term span {color: #0097fd;}

.call-to-action:before {
    position: absolute;
    top: 10px;
    width: 100%;
    bottom: 10px;
    border-top: 2px dashed #000;
    border-bottom: 2px dashed #000;
    content: "";
}

.call-to-action {
    position: relative;
    background-color: #d3f0ff;
    padding: 30px 0 35px;
    
}

.call-to-action p {font-size: 18px; letter-spacing: 1px; color: #0a578a; margin: 0; padding-bottom: 10px;}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
  .call-to-action p {
    font-size: 14px;
  }
}

.call-to-action h3 {color: #000; margin: 0;}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
  .call-to-action h3 {
    font-size: 17px; margin-bottom: 20px; 
  }
}

.call-to-action input[type=submit] {width: 100%; height: 60px; background: #0097fd; color: #fff; border: none; border-radius:4px; font-size: 13px; text-transform:uppercase; letter-spacing: 2px; margin: 0;
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
  .call-to-action input[type=submit] {
    width: 50%;
	height: 49px;
	margin: auto; display: block;
  }
}

.call-to-action input[type=submit]:hover {background: #000; color: #fff; transition: all 0.7s ease-in-out; }

/*===========track fixed footer here==============*/

.french {position: fixed; bottom: 0%; width: 100%; z-index: 99;}


.italy input[type=submit] {
    width: 120px;
    height: 45px;
	font-weight: 600;
    padding: 0;
    background: #fff;
	border: none;
    color: #df2328;
    letter-spacing: 0.7px;
	position: absolute;
	left: 69%;
}

@media (min-width: 320px) and (max-width: 568px) {
      .italy input[type=submit] {
          width: 120px;
          position: absolute;
	      right: 10%;
	      bottom:18%;
      }
    }



.italy input[type=submit]:focus {outline: none;}

.italy input {
    width: 75%;
    height: 45px;
    background: none;
	border: 2px solid #fff;
	color: #fff;
    padding-left: 40px;
    position:relative;
    left:13%;
    border-radius: 50px;
    font-family: 'Maven Pro', sans-serif;
}

@media (min-width: 320px) and (max-width: 568px) {
      .italy input {
          width: 100%;
          position:relative;
          left:0%;
          padding-left: 10px;
      }
    }



.italy input:focus { outline: none;}

.italy ::placeholder {
  color: #fff;
  letter-spacing: 1px;	
}

.japan ::placeholder {
  color: #000;
  letter-spacing: 1px;	
}

.italy {width:33.33%; background:#0097fd; height:auto; padding: 13px; float:left; position:relative;}

@media (min-width: 320px) and (max-width: 568px) {
      .italy {
           width:100%; float:none; 
      }
    }


.japan {width:33.33%; background:#71c4ef; height:auto; padding: 13px; float:left; position:relative;} 

@media (min-width: 320px) and (max-width: 568px) {
      .japan {
           width:100%;  float:none; 
      }
    }


.japan input[type=submit] {
    width: 120px;
    height: 45px;
	font-weight: 600;
    padding: 0;
    background: #000;
	border: none;
    color: #fff;
    letter-spacing: 0.7px;
	position: absolute;
	left: 69%;
}

@media (min-width: 320px) and (max-width: 568px) {
      .japan input[type=submit] {
          width: 120px;
          position: absolute;
	      right: 10%;
	      bottom:18%;
      }
    }



.japan input[type=submit]:focus {outline: none;}

.japan input {
    width: 75%;
    height: 45px;
    background: none;
	border: 2px solid #000;
	color: #000;
    padding-left: 40px;
    border-radius: 50px;
    position:relative;
    left:13%;
    font-family: 'Maven Pro', sans-serif;
}

@media (min-width: 320px) and (max-width: 568px) {
      .japan input {
          width: 100%;
          position:relative;
          left:0%;
          padding-left: 10px;
      }
    }



.japan input:focus { outline: none;}


.nepal {width:33.33%; background:#000; height:auto; padding: 23px; float:left; position:relative;}





@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
      .french input[type=submit] {
          margin:auto;
          display:block;
      }
    }


.french .fa {position: absolute; right: 31%; top: 22%; color: #fbf7f8; font-size: 22px;}

.french input[type=submit]:hover {background: #fff; transition: all 0.7s ease-in-out; color: #0097fd;}


.french label {color: #fff; font-size: 16px; letter-spacing: 1px;}
    @media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
      .french label {
       text-indent: 10px;
      }
    }

.enquery {background-image: url(../img/enquery.jpg); width: 100%; height:100%;  background-attachment: fixed; background-position: center; background-size: cover; padding: 120px 0px;}

.cases {background: linear-gradient(-45deg, #fcc045, #fff, #000, #fff); background-size: 400% 400%; animation: gradient 15s ease infinite; width: 100%; height:auto; padding-bottom: 50px; padding-top: 50px;}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}


.cases h2 {text-align:center; color:#fff;}
.cases img {margin:auto; display:block; margin-bottom: 40px;}



.cases-01 {background:#dfeaf3; width:100%; padding:10px 0px;}
.cases-01 h2 {text-align:center; color:#000;}

.cas {width:50%; background:#fff; padding:35px 15px; box-shadow: 0px 8px 6px -6px #666}

.cas img {float:left;}


.top-header input[type=submit] {width: 100px; height: 30px; background: #fff; color: #0097fd; border: none; border-radius: 1px; margin-right:10px; margin-top: 10px;}

/*start term insurance here*/

.term-insurance h1 {font-size: 20px; color: #000; background: #e0e0de; padding: 10px;}
.term-insurance h2 {font-size: 18px; color: #0097fd; }
.term-insurance h3 {font-size: 18px; color: #0097fd; }
.term-insurance p {text-align: justify; line-height: 25px; letter-spacing: 0.5px;} 
.term-insurance span {color:#0097fd;}

.term-insurance ul {list-style-type: none;}

.term-insurance ul li {line-height: 30px;}
.term-insurance .fa {color: #0097fd; margin-right: 20px;}

.get-in-touch input[type=submit] {width: 150px; height: 50px; background: #0097fd; color: #fff; border: none; border-radius: 1px; position: fixed; right: 0px; bottom: 200px; z-index: 1000; font-size: 18px; letter-spacing: 0.7px; border-bottom-left-radius: 200px;
    border-top-left-radius: 200px;}

.online {margin:100px 0px;}

.online h1 {font-size:26px; color:#0097fd;}
.online h2 {font-size:22px; color:#0097fd;}
.online h3 {font-size:18px; color:#0097fd;}
.online p {line-height:25px;}

.gallery {margin-top:30px; margin-bottom:50px;}



.gallery-01 h1 {margin-top:20px; text-align:center;}

.broucher {padding-top:30px; padding-bottom:30px; background:#f1f1f1;}

.broucher img {border-radius:50%; width:200px; height:200px; border:2px dotted #0097fd; padding:10px;}

.flip-box {
  background-color: transparent;
  width: 200px;
  height: 200px;
  border-radius:50%;
  border: 1px solid #f1f1f1;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-box-front {
  border-radius: 50%;
  color: black;
}

/* Style the back side */
.flip-box-back {
  background-color: #0097fd;
  border-radius: 50%;
  color: white;
  transform: rotateY(180deg);
}

.flip-box-back h2 {text-align:center; font-size:16px; margin-top: 90px;}



.grocery input[type=submit] {width: 20%; height: 60px; background: #0097fd; color: #fff; border: none; border-radius:4px; font-size: 13px; text-transform:uppercase; letter-spacing: 2px; margin: auto; display:block; line-height:60px;} 


.online-digital {background-image: url(../img/services/online-digital-service.jpg); width: 100%; height:300px; background-size: cover; background-repeat:no-repeat;}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
.online-digital {
   background-image: url(../img/services/career-and-job.jpg); width:100%;  height:13vh; background-size: contain; background-repeat:no-repeat;
 }
}

.e-way {background-image: url(../img/services/E-Way.jpg); width: 100%; height:300px; background-size: cover; background-repeat:no-repeat;}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
.e-way {
   background-image: url(../img/services/E-Way.jpg); width:100%;  height:13vh; background-size: contain; background-repeat:no-repeat;
 }
}


.property {background-image: url(../img/services/real-estate.jpg); width: 100%; height:300px; background-size: cover; background-repeat:no-repeat;}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
.property {
   background-image: url(../img/services/real-estate.jpg); width:100%;  height:13vh; background-size: contain; background-repeat:no-repeat;
 }
}



.documentation {background-image: url(../img/services/documentation.jpg); width: 100%; height:300px; background-size: cover; background-repeat:no-repeat;}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
.documentation {
   background-image: url(../img/services/career-and-job.jpg); width:100%;  height:13vh; background-size: contain; background-repeat:no-repeat;
 }
}

.community {background-image: url(../img/services/professional-comunity.jpg); width: 100%; height:300px; background-size: cover; background-repeat:no-repeat;}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
.community {
   background-image: url(../img/services/career-and-job.jpg); width:100%;  height:13vh; background-size: contain; background-repeat:no-repeat;
 }
}


.website {background-image: url(../img/services/software-&-app-development.jpg); width: 100%; height:300px; background-size: cover; background-repeat:no-repeat;}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
.website {
   background-image: url(../img/services/career-and-job.jpg); width:100%;  height:13vh; background-size: contain; background-repeat:no-repeat;
 }
}


.marrige {background-image: url(../img/services/professional-marriage.jpg); width: 100%; height:300px; background-size: cover; background-repeat:no-repeat;}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
.marrage {
   background-image: url(../img/services/career-and-job.jpg); width:100%;  height:13vh; background-size: contain; background-repeat:no-repeat;
 }
}

.career {background-image: url(../img/services/career-and-job.jpg); width:100%;  height:300px; background-size: cover; background-repeat:no-repeat;}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
.career {
   background-image: url(../img/services/career-and-job.jpg); width:100%;  height:13vh; background-size: contain; background-repeat:no-repeat;
 }
}

.gst-return {background-image: url(../img/gst-return.jpg); width:100%;  height:300px; background-size: cover; background-repeat:no-repeat;}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
.gst-return {
   background-image: url(../img/gst-return.jpg); width:100%;  height:13vh; background-size: contain; background-repeat:no-repeat;
 }
}


.tds-tcs {background-image: url(../img/income-tax.jpg); width:100%;  height:300px; background-size: cover; background-repeat:no-repeat;}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
.tds-tcs {
   background-image: url(../img/income-tax.jpg); width:100%;  height:13vh; background-size: contain; background-repeat:no-repeat;
 }
}


.e-invoice {background-image: url(../img/gst-invoice.jpg); width:100%;  height:300px; background-size: cover; background-repeat:no-repeat;}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
.e-invoice {
   background-image: url(../img/gst-invoice.jpg); width:100%;  height:13vh; background-size: contain; background-repeat:no-repeat;
 }
}



.loan {background-image: url(../img/services/loan-and-funding.jpg); width: 100%; height:300px; background-size: cover; background-repeat:no-repeat;}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
.loan {
   background-image: url(../img/services/career-and-job.jpg); width:100%;  height:13vh; background-size: contain; background-repeat:no-repeat;
 }
}

.tax {background-image: url(../img/services/tax-saving.jpg); width: 100%; height:300px; background-size: cover; background-repeat:no-repeat;}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
.tax {
   background-image: url(../img/services/career-and-job.jpg); width:100%;  height:13vh; background-size: contain; background-repeat:no-repeat;
 }
}


.entertainment {background-image: url(../img/services/entertenment.jpg); width: 100%; height:300px; background-size: cover; background-repeat:no-repeat;}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
.entertainment {
   background-image: url(../img/services/career-and-job.jpg); width:100%;  height:13vh; background-size: contain; background-repeat:no-repeat;
 }
}

.tenders {background-image: url(../img/services/tender.jpg); width: 100%; height:300px; background-size: cover; background-repeat:no-repeat;}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
.tenders {
   background-image: url(../img/services/career-and-job.jpg); width:100%;  height:13vh; background-size: contain; background-repeat:no-repeat;
 }
}

.business {background-image: url(../img/services/business-classified-service.jpg); width: 100%; height:300px; background-size: cover; background-repeat:no-repeat;}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
.business {
   background-image: url(../img/services/career-and-job.jpg); width:100%;  height:13vh; background-size: contain; background-repeat:no-repeat;
 }
}


.grocery-1 {background-image: url(../img/services/grocery.jpg); width: 100%; height:300px; background-size: cover; background-repeat:no-repeat;}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
.grocery-1 {
   background-image: url(../img/services/career-and-job.jpg); width:100%;  height:13vh; background-size: contain; background-repeat:no-repeat;
 }
}


.hospital {background-image: url(../img/services/Hospital.jpg); width: 100%; height:300px; background-size: cover; background-repeat:no-repeat;}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
.hospital {
   background-image: url(../img/services/Hospital.jpg); width:100%;  height:13vh; background-size: contain; background-repeat:no-repeat;
 }
}

.digital {background-image: url(../img/digital-signature.jpg); width:100%;  height:300px; background-size: cover; background-repeat:no-repeat;}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
.digital {
   background-image: url(../img/digital-signature.jpg); width:100%;  height:13vh; background-size: contain; background-repeat:no-repeat;
 }
}

/*.franchisee {background-image: url(../img/franchisee-banner.jpg); width:100%;  height:300px; background-size: cover; background-repeat:no-repeat;}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
.franchisee {
   background-image: url(../img/franchisee-banner.jpg); width:100%;  height:13vh; background-size: contain; background-repeat:no-repeat;
 }
}*/
.franchisee { width:100%;  height:300px; background-size: cover; background-repeat:no-repeat;}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
.franchisee {   width:100%;  height:13vh; background-size: contain; background-repeat:no-repeat;
 }
}




.payroll {background-image: url(../img/payroll.jpg); width:100%;  height:300px; background-size: cover; background-repeat:no-repeat;}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
.payroll {
   background-image: url(../img/payroll.jpg); width:100%;  height:13vh; background-size: contain; background-repeat:no-repeat; 
 }
}

.school {background-image: url(../img/school01.jpg); width:100%;  height:300px; background-size: cover; background-repeat:no-repeat;}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
.school {
   background-image: url(../img/school01.jpg); width:100%;  height:13vh; background-size: contain; background-repeat:no-repeat; 
 }
}

.hotel {background-image: url(../img/Hotel.jpg); width:100%;  height:300px; background-size: cover; background-repeat:no-repeat;}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
.hotel {
   background-image: url(../img/Hotel.jpg); width:100%;  height:13vh; background-size: contain; background-repeat:no-repeat; 
 }
}


.crm {background-image: url(../img/crm01.jpg); width:100%;  height:300px; background-size: cover; background-repeat:no-repeat;}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
.crm {
   background-image: url(../img/crm01.jpg); width:100%;  height:13vh; background-size: contain; background-repeat:no-repeat; 
 }
}






.money {background-image: url(../img/money-transfer.jpg); width:100%;  height:300px; background-size: cover; background-repeat:no-repeat;}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
.money {
   background-image: url(../img/money-transfer.jpg); width:100%;  height:13vh; background-size: contain; background-repeat:no-repeat; 
 }
}

.construction {background-image: url(../img/services/cons.jpg); width:100%;  height:300px; background-size: cover; background-repeat:no-repeat;}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
.construction {
   background-image: url(../img/services/cons.jpg); width:100%;  height:13vh; background-size: contain; background-repeat:no-repeat; 
 }
}


.real-estate {background-image: url(../img/real-estate.jpg); width:100%;  height:300px; background-size: cover; background-repeat:no-repeat;}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
.real-estate {
   background-image: url(../img/real-estate.jpg); width:100%;  height:13vh; background-size: contain; background-repeat:no-repeat; 
 }
}




/*=========private limited company price table==============*/

/*=========Gallery here==============*/

.gallery-03 {margin-top:20px;}

.box-003 {width:120px; height:120px; border:3px solid #0097fd;  border-radius:50%; margin:auto; display:block; position:relative; cursor:pointer;}


.box-003:hover {background:#0097fd; color:#fff;}

.gallery-03 h2  {transform: rotate(360deg); position:absolute; left: 19%; top: 16%;}


/*============start breadcrumb here===========*/


.breadcrumb{
    display: inline-block;
    padding: 0;
    margin: 0;
    border-radius: 5px 25px 25px 5px;
    overflow: hidden;
}
.breadcrumb li{
    float: left;
    margin-right: 3px;
    position: relative;
    z-index: 1;
}
.breadcrumb li:before{ display: none; }
.breadcrumb li:after{
    content: "";
    width: 40px;
    height: 100%;
   background: #0097fd;
    position: absolute;
    top: 0;
    right: -20px;
    z-index: -1;
}
.breadcrumb li:nth-last-child(2):after,
.breadcrumb li:last-child:after{ display: none; }
.breadcrumb li a,
.breadcrumb li:last-child{
    display: block;
    padding: 8px 15px;
    font-size: 14px;
    color: #fff;
    border-radius: 0 25px 25px 0;
    box-shadow: 5px 0 5px -5px #333;
}
.breadcrumb li a{ background: #0097fd; }
.breadcrumb li:last-child{
    background: #0097fd;
    color: #428dff;
    margin-right: 0;
}
@media only screen and (max-width: 479px){
    .breadcrumb li a,
    .breadcrumb li:last-child{ padding: 8px 10px; }
}
@media only screen and (max-width: 359px){
    .breadcrumb li a,
    .breadcrumb li:last-child{ padding: 8px 7px; }
}

.gallery img {width:300px; height:300px;}

/*.rates{background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab); background-size: 400% 400%; animation: gradient 15s ease infinite; padding:50px 0px;}*/

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}


.content-0001 h4 {color:#fff;}
.content-0001 p {
    text-align: justify;
    color: #fff;
    font-size: 14px;
    font-weight: 200;
}

.calculator h1 {font-size:20px; color:#fff; background:#e30000; padding:10px; margin:50px 0px; text-align:center;}

/*===========start return here================*/

.return {background:#fffff4; padding-top: 30px; padding-bottom: 60px; width:100%; height:auto;}
.return h2 {text-align:center; color:#000; margin:20px 0px 0px 0px;}
.return img {margin:auto; display:block; padding-bottom:40px;} 

.lt {margin-right: 20px; color: #0097fd;}  
.lt-2 {margin-right: 10px; color: #000;}


.success {padding:80px 0px; background:#ccc;}
.succ {width:100%; height:150px; background:#009846; border-top-left-radius: 3px; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}
.succ-01 {width:100%; height:170px; background:#fff; margin-top: -20px; border-bottom-right-radius: 3px; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}

.success input[type=submit] {
    width: 30%;
    height: 40px;
    background: #009846;
    color: #fff;
    border: none;
    border-radius: 20px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: auto;
    display:block;
    padding-left: 13px;
    text-align: left
}

.success .fa {position:absolute; right:38%; bottom:8%; color:#fff; font-size:21px;}


.success img { margin:auto; padding-top:25px;}
.success h2 {font-size:35px; color:#3bb54a; text-align:center; padding-top:30px;}
.success h3 {font-size:20px; color:#3bb54a; text-align:center; margin:0; padding-bottom:15px;}

.fail {width:100%; height:150px; background:#0097fd; border-top-left-radius: 3px; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}
.fail-01 {width:100%; height:170px; background:#fff; margin-top: -20px; border-bottom-right-radius: 3px; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}
.failure {margin:80px 0px;}
.failure img {margin:auto;padding-top:25px;}
.failure h2 {font-size:35px; color:#ed1b24; text-align:center;padding-top:30px;}
.failure h3 {font-size:20px; color:#ed1b24; text-align:center; margin:0;padding-bottom:15px;}

.failure input[type=submit] {
    width: 25%;
    height: 40px;
    background: #0097fd;
    color: #fff;
    border: none;
    border-radius: 20px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: auto;
    display:block;
    padding-left: 16px;
    text-align: left
}

.failure .fa {position:absolute; right:41%; bottom:7.5%; color:#fff; font-size:21px;}

.video {margin:80px 0px;}
.video h2 {font-size:16px; color:#0097fd;}

.royal {width:100%; height:250px; border:5px solid #ccc; position:relative;}

.royal img {width:65px; margin:auto; display:block; padding-top:90px;}

/*==============start overlay popup css here==========*/

.overlay {
        background-color: rgba(0, 0, 0, 0.8);
        position:absolute;
        top:0px;
        bottom:0px;
        left:0px;
        right:0px;
        display:none;
	    z-index: 100;
      }
      .modelBox {
        width:50%;
        /*min-height:250px;*/
		/*padding: 20px;*/
        margin:0px auto;
        /*background-color:#fff;*/
        top:22%;
        position:relative;
        opacity:1;
      } 

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
      .modelBox {
          width:90%;
      }
    }






.online-payment {width:100%; padding:20px 0px; background: #000; border-top:4px solid #0097fd; margin-bottom:0;}
.online-payment p {color:#fff; font-size:22px; margin:0;}

.payment {margin:30px 0px;}

.payment h2 {color:#fff; text-align:center;}

.payment img {margin:auto; display:block;}



.pay {width:100%; height:auto; padding:20px; background:#fff; box-shadow: 0 0px 3px rgba(0,0,0,0.19), 0 2px 6px rgba(0,0,0,0.23);}

.payment img {width:200px; margin:auto; display:block;}

.payment .pay h3 {font-size:16px; text-align:center; color:#0097fd;}

.payment h3 {color:#0097fd; font-size:18px; text-align:center; margin:0; padding-top:10px;}
.payment h4 {color:#000; font-size:22px;  margin:0; padding-top:10px; text-align:center;}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
     .payment h4 {
          text-align:center; margin-bottom:30px;
      }
    }



.online-payment input[type=submit] {
    width: 100%;
    height: 45px;
    font-weight: 600;
    padding: 0;
    background: #fff;
    border: none;
    color: #df2328;
    letter-spacing: 0.7px;
}

.action {margin-bottom:40px;}
.action .fa {margin-right:15px; color:#0097fd; font-weight:600;}
.action span {margin-right:10px; color:#de9704; font-weight:500;}
.del {margin-bottom:30px; background:#ccc; padding:10px;}

.del p {color:#000;}


.big {font-size:22px;}

.result {background:#eae4e4; width:100%; height:auto; padding-bottom:40px;}

.result h2 {text-align:center;}
.result img {margin:auto; display:block;}


.boss {background:#b3c8f7;}

.inner-limited span {color:#0097fd; font-size:18px;}

.next {float:right;}

.ashok-action { margin:80px 0px;}

.ashok-action .fa {color:#0097fd; font-size:18px; margin-right:15px;}
.ashok-action p {text-align:justify;}


.ram {width: 100%;  background: #000; width: 150px; height: 150px; border-radius: 50%;}
.ram img {width: 147px; height: 147px; border-radius: 50%;}
.team h4 {font-size: 14px; color: #000;}
.team p {font-size: 12px; color: #0097fd;}
.team {margin-top:30px; margin-bottom: 40px; padding-bottom: 70px;}

.ashok {margin: 50px 0px;}

.ask {width: 150px; height: 150px; margin: auto; display: block;background: #0097fd; border-radius: 50%; padding: 8px;}
.ask img {width: 140px; height: 140px; margin: auto; display: block; border-radius: 50%;}
.ashok h5 {text-align: center; font-size: 18px;}
.ashok h6 {text-align: center; color: #0097fd; font-size: 14px;}
.ashok h4 {font-size: 16px; color: #0097fd;}
.ashok p {text-align: justify;}

.box-0025 {width:33%; padding: 4px;}

.box-0025 img {border-radius:4px;}

.menu-left001 {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: right; 
    min-width: 760px;
    margin-top:50px;
    padding: 5px 10px;
    margin: 2px 0 0;
    font-size: 14px;
    line-height:25px;
    letter-spacing:0.8px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}