@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600,700,800,900');

body {
  /*font-family: 'Montserrat', sans-serif;*/
  font-size: 14px;
  overflow-x: hidden;

}
h1 {
  font-size: 50px;
  margin-bottom: 25px;
}
h2 {
  font-size: 40px;  
  margin-bottom: 20px;
}
h3 {
  font-size: 35px;
 margin-bottom: 20px;
}
h4 {
  font-size: 32px;
  margin-bottom: 20px;
}
h5 {
  font-size: 26px;
 margin-bottom: 20px;
}
h6 {
  font-size: 18px;
 margin-bottom: 20px;
}
a {
  display: block;
  transition: 0.2s linear;
  text-decoration: none;
  outline: none !important;
}
a:hover {
  text-decoration: none;
}
p {
  color: #000;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 1px;
  text-align: justify;
}
.mb-0{margin-bottom: 0;}
.margin-bottom-70{
  margin-bottom: 70px;
}
.margin-top-70{
  margin-top: 70px;
}
.margin-bottom-0{
  margin-bottom: 0px;
}

.mt-50{margin-top: 50px;}
.mb-80{margin-bottom: 80px;}
ul li,
ol li {
  color: #7782aa;
  font-size: 15px;
  margin-bottom: 10px;
  letter-spacing: 1px;
}
img{
  max-width: 100%;
}
ul{
  margin:0px;
  padding: 0px;
  list-style-type: none;
}
ul > li{
  margin-bottom: 0px;
  color: #fff;
  margin-bottom: 7px;
}
ul > li::before {
  content: '\27A6';
  color: #fff;
  padding-right: 0.5em;
  font-size: 14px;
  vertical-align: middle;
}
.btn-generic {
  background-color: #ffa300;
  color: #fff;
  padding: 15px 40px;
  display: inline-block;
  font-size: 24px;
  font-weight: 700;
  margin: 10px 0px;
}
/* 02. Input
   ==================================== */
input {
  color: #524f6f;
  background-color: transparent;
}
input::-webkit-input-placeholder {
  font-size: 16px;
}
input::-moz-placeholder {
  font-size: 16px;
}
input:-ms-input-placeholder {
  font-size: 16px;
}
input:-moz-placeholder {
  font-size: 16px;
}
/* start **************************************************/
/* header **************************************************/
.container{
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
}
.header{
  background-color: #fff;
  padding: 15px 0px;
}
.header .logo{
  display: inline-block;
}
.header .header-mb-no{
  padding-top: 20px;
}
.header .header-mb-no a{
 font-size: 30px;
 color: #006496 !important;
 float: right;
 background: url(../images/phone.png) no-repeat center left;
 padding-left: 40px;
}
.side-box-height{min-height: 700px;max-height: 500px;}
.center-box{margin-top: -76px;min-height: 776px;}
/* header end **************************************************/
/* navbar **************************************************/
.navbar {
  background: #001D37;
  border-bottom: none;
  padding: 5px 0;
  transition-duration: 0.6s;
  margin-bottom: 0px;
  border: 0px;
  border-radius: 0px;
}
.navbar-default .navbar-brand,
.navbar-default .navbar-nav > li > a {
  color: #fff;
}
.navbar-nav{
  float: none;
}
.navbar-nav > li {
    float: none;
    display: inline-block;
    margin-bottom: 0px;
  }
  .navbar-collapse{
    text-align: center;
  }
  .navbar-nav > li:before{
    content: "";
    padding: 0px;
    display: none;
  }
  .navbar-default .navbar-brand, .navbar-default .navbar-nav > li > a{
    font-size: 18px;
  }
  .navbar-default .navbar-brand, .navbar-default .navbar-nav > li > a:hover ,  .navbar-default .navbar-brand, .navbar-default .navbar-nav > li > a.active{
    background-color: #0077BC;
    color: #fff;
    background: rgb(2,0,36);
   background: linear-gradient(299deg, rgba(2,0,36,1) 0%, rgba(0,48,90,1) 85%);
  }

/* navbar end **************************************************/
/* banner **************************************************/
.banner-wrap{
  background-color: #02a9df;
   color: #fff;
   padding: 50px 0px 50px;
}

#bg-packages{background-image: url("../../assets/images/banner.jpg")!important;
  background-size: cover;
}
.banner-wrap h3 > strong{
  color: #001D37;
}
.banner-left > span{
  margin-bottom: 20px;
  display: block;
}
.banner-right{
    /* background-color: #00629B; */
    /* padding: 20px; */
}
.banner-right h3{
  font-size: 20px;
  margin-bottom: 5px;
}
.banner-right h4{
  font-size: 18px;
  margin-bottom: 5px;
}
.banner-right h5{
  font-size: 14px;
  margin-bottom: 5px;
}
.banner-right h6 {
    font-size: 13px;
    margin-bottom: 0;
}
.banner-right-inner{
  margin-left: 8%;
}
.banner-right-inner span{
  font-size: 100px;
  /* font-weight: 700; */
  letter-spacing: -5px;
  line-height: 1;
}
.banner-right-inner span > sup{
  font-size: 50px;
}
.banner-right-inner span > sup > span{
 font-size: 10px;
 letter-spacing: 1px;
 position: relative;
 left: -46px;
 top: 16px;
}
.banner-right-inner span > sup > span:before{
  position: absolute;
  content: "";
  border-top: 1px solid #fff;
  width: 45px;
  top: -3px;
  left: 0;
}
.banner-right-play{
  clear: both;
  display: inline-block;
}
.banner-right-play h2{
  font-size: 18px;
  color: #faa41a;
  margin-bottom: 10px;
  margin-top: 10px;
  display: block;
}
.banner-right-play ul{
  margin:0px;
  padding: 0px;
}
.banner-right-play ul > li{
  margin-bottom: 0px;
  color: #fff;
}
.banner-right-play a {
    color: #fff;
    font-size: 30px;
    margin-top: 10px;
    position: relative;
    display: inline-block;
    font-weight: 700;
}
.banner-right-play ul > li::before {
  content: '\27A6';
  color: #fff;
  padding-right: 0.5em;
  font-size: 14px;
  vertical-align: middle;
}
/* banner End  **************************************************/
/* main **************************************************/
.main-section{
  color: #000;
}
.main-section h1 > strong{
  color: #001D37;
}
/* pricing tabe start **************************************************/
.pricing-table{
 /*  background-color: #001D37;*/
   /* padding: 30px 0px; */
}
.pricing-table h2{
 color: #faa41a;
font-size: 40px;
margin-bottom: 50px;
}
.pricing-table .table-wrap{
  background-color: #fff;
  padding: 20px 0px;
  margin-bottom: 40px;
border: 1px solid #ddd;
padding: 30px;
}
.pricing-table .table-wrap .table-sec-one{
  background-color: #00629B;
  padding: 20px 0px;
  color: #fff;
  margin-bottom: 20px;
  position: relative;
  height: 250px;
  background-image: linear-gradient( #00629B,  #00629B);
  clip-path: polygon(
    0 0,
    100% 0,
    100% 100%,
    0 calc(100% - 1vw)
  );
}
.pricing-table .table-wrap .table-sec-one h4{
  font-size: 50px;
  font-weight: 700;
}
.pricing-table .table-wrap p{
  font-size: 20px;
  color: #000;
  margin-bottom: 20px;
  text-align: center;
  
}
.pricing-table .table-wrap span{
  font-size: 30px;
  color: #019bd9;
}
.pricing-table .table-wrap h5 {

    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 300;
    padding: 0px 15px;
    line-height: 24px;

}
.pricing-table .table-wrap h2{
 /*color: #019bd9;*/
 color: black;
 margin-top: 0px;
}
.pricing-table .table-wrap .table-offer {

    padding: 10px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;

}
.pricing-table .table-wrap .table-offer a{
 /*background: rgb(2,0,36);
background: linear-gradient(299deg, rgba(2,0,36,1) 0%, rgba(0,48,90,1) 85%);*/
  padding: 20px;
  color: #fff;
  font-size: 25px;
  font-weight: 500;
  transition: 0.2s linear;
  border-bottom-right-radius: 15px;
  border-top-left-radius: 15px;
  background-color: #ffa300;
}
.pricing-table .table-wrap .table-offer a:hover{
  background-color: #00629B;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 0px;
}
/* pricing tabe End **************************************************/
/* text-section **************************************************/
.text-section h2{
 margin-top: 0px;
}
.text-section.bg-color{
  background-color: #F8F9F9;
  padding:70px 0px;
}
.text-section-lists ul > li{
  color: #000 !important;
  font-weight: 600;
}
.text-section-lists ul > li::before {
  content: '\27A6';
  color: #000;
  padding-right: 0.5em;
  font-size: 14px;
  vertical-align: middle;
}
/*  text-section end**************************************************/
/* footer contact **************************************************/
#footercontact{background-image: url("../../assets/images/greylayer.jpg")!important;
  background-size: cover;}

 .footer-contact {
 /*background: rgb(2,0,36);
background: linear-gradient(70deg, rgba(2,0,36,1) 0%, rgba(0,48,90,1) 0%, rgba(0,212,255,1) 100%);*/
background-position: bottom left;
/* background-color: #00305a; */
  -webkit-transition: all 0.85s ease-in;
  -moz-transition: all 0.85s ease-in;
  transition: all 0.85s ease-in;
  color: #fff;
  /* border-top: 1px solid #3e8fdf; */
  /* border-bottom: 1px solid #3e8fdf; */
  padding: 25px 0px;
 }
 .footer-contact .footer-contact-inner{
  border: 5px solid #ffa300;
  padding: 20px;
  border-radius: 5px;
 }
 .footer-contact .footer-contact-inner:hover{
  border: 5px solid #fff;
 }
 .footer-contact-inner:hover:before {
    content: "";
    position: absolute;
    width: 100px;
    height: 5px;
    background-color: #000;
    left: 0;
    margin-left: 20px;
    margin-right: 20px;
    top: 0;
    -webkit-animation: myfirst 10s 2; /* Safari 4.0 - 8.0 */
    -webkit-animation-direction: alternate; /* Safari 4.0 - 8.0 */
    animation: myfirst 10s 2;
    animation-direction: alternate;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes myfirst {
    0%   {background: #ffa300; left: 0px; top: 0px;}
    25%  {background: #ffa300; left: 90%; top: 0px;}
    
}

@keyframes myfirst {
    0%   {background: #ffa300; left: 0px; top: 0px;}
    25%  {background: #ffa300; left: 90%; top: 0px;}
    
}
.footer-contact h3 {
  margin-top: 16px;
  font-size: 20px;
  margin-bottom: 10px;
}
.footer-contact span{
  font-size: 14px;
  margin-bottom: 20px;
  display: block;
}
.footer-mb-no {
  margin-bottom: 15px;
}
.footer-contact .footer-mb-no > a{
  background-color: #ffa300;
  color: #fff;
  max-width: 280px;
  width: 100%;
  margin: 0 auto;
  font-weight: 600;
  font-size: 24px;
  padding: 15px;
  transition: 0.2s linear;
}
.footer-contact .footer-mb-no > a:hover{
 background-color: #00305a;
}
/* footer contact end **************************************************/
/* footer **************************************************/
.footer{
    padding-top: 40px;
    background-color: #297FB8;
    border-top: 6px solid #001d37; 
    padding-bottom: 40px;
}
.footer h4{
  color: #3e8fdf;
  font-size: 24px;
}
.footer .footer-widget{
  margin-bottom: 80px;
}
.footer .footer-widget ul{
  margin:0px;
  padding:0px;
}
.footer .footer-widget ul > li:before{
  content: '\27A6';
  color: #fff;
  padding-right: 0.5em;
  font-size: 14px;
  vertical-align: middle;
}
.footer .footer-widget ul > li > a , .header .header-mb-no a{
  position:relative;
  text-decoration:none;
  display:inline-block;
  color: #fff;
}
.footer .footer-widget ul > li > a:after ,
.header .header-mb-no a:after, .footer-btn > a:after,
.banner-right-play a:after {
  display:block;
  content: '';
  border-bottom: solid 1px #000;  
  transform: scaleX(0);  
  transition: transform 250ms ease-in-out;
  transform-origin: 100% 50%
}
.footer .footer-widget ul > li > a:hover:after,
 .header .header-mb-no a:hover:after,
  .footer-btn > a:hover:after,
  .banner-right-play a:hover:after{ 
  transform: scaleX(1);
  transform-origin:0 50%;
}
.footer-btn{
  margin-top: 20px;
  text-align: center;
  position: relative;
}
.footer-btn > a{
  color: #fff;
  font-size: 30px;
  display: inline-block;
}
/* copy-right **************************************************/
.copy-right p{
  color: #fff;
  font-size: 15px;
  padding-top: 30px;
  margin-bottom: 30px;
}
/*.copy-right .container{
  border-top: 1px solid #fff;
} */
/* accordian **************************************************/
.footer-accordian{
  margin-bottom: 50px;
}
.footer-accordian h4{
 /* background: rgb(2,0,36);
  background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(0,48,90,1) 26%, rgba(0,212,255,1) 100%);*/
  background-color: #00305a;
  background-size: 200% 100%;
  background-repeat: no-repeat;
  background-position: bottom left;
  -webkit-transition: all 0.85s ease-in;
  -moz-transition: all 0.85s ease-in;
  transition: all 0.85s ease-in;
  font-size: 16px;
}
.footer-accordian h4:hover{
 -webkit-transition: all 0.85s ease-in;
  -moz-transition: all 0.85s ease-in;
  transition: all 0.85s ease-in;
  background-position: bottom right;
  color: #fff;
  background-color: #3e8fdf;
}
.footer-accordian h4::before {
  content: '\27A6';
  color: #fff;
  padding-right: 0.5em;
  font-size: 14px;
  vertical-align: middle;
  position: absolute;
  padding-top: 17px;
  padding-left: 15px;
}
.footer-accordian i.more-less{
  font-size: 24px;
  line-height: 20px;
}
.panel-group .panel {
  border-radius: 0;
  box-shadow: none;
  border-color: #EEEEEE;
}
.panel-default > .panel-heading {
  padding: 0;
  border-radius: 0;
  color: #fff;
  background-color: #FAFAFA;
  border-color: #EEEEEE;
}
.panel-title {
  font-size: 14px;
}
.panel-title > a {
  display: block;
  padding: 15px 15px 15px 40px;
  text-decoration: none;
}
.more-less {
  float: right;
  color: #fff;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #EEEEEE;
    }
    .panel-group .panel-heading + .panel-collapse > .list-group,
     .panel-group .panel-heading + .panel-collapse > .panel-body {
      border: 1px solid #ccc;
    border-top: 5px solid #000;
  }

.panel-heading > h4.active {
  background-color: #3e8fdf !important;
}
/* scroll to top **************************************************/
#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}
/* google translater language **************************************************/
.select-language{
  position: absolute;
  right: 40px;
  top: 5px;
  cursor: pointer;
  max-width: 160px;
  width: 100%;
}
.select-language-list > a {
  display: none;
  color: #fff;
  font-size: 18px;
  margin-left: 5px;
}
.select-language-list > a:before {
 content: '\27A6';
 color: #fff;
 padding-right: 0.5em;
 font-size: 15px;
 vertical-align: middle;
}
.spectrum-content{
  margin-bottom: 50px;
}
.spectrum-content h3 {
    font-size: 25px;
    margin-bottom: 10px;
}
.screen-img{margin-bottom: -120px;}

/* .................side menu icon....................... */

.sidenav {
  height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #003057;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    text-align: center;
    opacity: 0.95;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 39px;
    color: #ffffff;
  display: block;
  transition: 0.3s;

}

.sidenav a:hover{
  color: #f2f2f2;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}
.custom-nav{
  display: flex;align-items: center;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
@media screen and (max-width: 767px) {
  .custom-nav{
    display: inline-block;align-items: center;
  }
  .toggler-btn{position: absolute;right: 25px;top: 20px;}
 
}
@media screen and (max-width: 767px) {
  
  .banner-wrap .banner_left h2{
    font-size: 25px!important;
  }
  .banner-wrap .banner_left h5 p{
    font-size: 15px!important;
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
.main-section h1{ font-size: 30px!important; }
.table-wrap h2{padding-top: 20px; font-size: 58px!important;}
}

/*end side menu icon*/