html{overflow-x:hidden;}
html, body {height: 100%;}

body{color:#555; font-size:14px; font-family: 'Poppins', sans-serif; font-weight:300;}
 
a{color:#720303; font-weight:bold;}
a:hover, a:focus{color:#15bae9; text-decoration:none;}
img{max-width:100%; vertical-align:middle;}
p{line-height:24px; margin:0 0 15px; text-align:justify;}

h1, h2, h3, h4, h5, h6{color:#000;font-family: 'Poppins', sans-serif; font-weight:600; margin:0 0 10px;background:  
    background-clip: border-box;
    -webkit-background-clip: text;
    background-clip: text;
   
    margin: 0 0 10px;
    display: block; 
    font-weight: 700;
    line-height: normal;}
h2{color:#000;}
h3{color:#720303;}
h4{color:#15bae9;}

.pad-0{padding:0 !important;}
.mrb-0{margin-bottom:0px !important;}
.mrb-10{margin-bottom:10px !important;}
.mrb-20{margin-bottom:20px !important;}
.mrb-30{margin-bottom:30px !important;}
.mrb-40{margin-bottom:40px !important;}
.mrb-50{margin-bottom:50px !important;}

.fix-button{position: fixed; bottom: 100px; right: 20px; z-index: 8;}
  .fix-button a{display: block;}
  .fix-button i{background: #720303; /* Old browsers */
background: -moz-linear-gradient(left,  #720303 0%, #15bae9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #720303 0%,#15bae9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #720303 0%,#15bae9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#720303', endColorstr='#15bae9',GradientType=1 );/ height: 50px; width: 54px; color:#fff; text-align: center; font-size: 25px; line-height: 50px; margin: 0 0 20px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid #fff; -moz-box-shadow: 0 0 5px 3px #acacac; -webkit-box-shadow: 0 0 5px 3px #acacac; box-shadow: 0 0 5px 3px #acacac;}
  .fix-button .fa.fa-skype{background: #01a9ea;}
  .fix-button .fa.fa-whatsapp{background: #4dc247;}
  .fix-button .fa.fa-phone-square{}
 
.header{position: fixed; top: 0; left: 0; width: 100%; z-index: 999;  background: #222; padding:15px 0;} 
 

.banner{position: relative; padding: 0;margin:0; background: #222; }
.menu-head{padding:10px; text-align:center; background:#222;}
  .banner::before{ background-attachment:fixed; background-repeat: no-repeat; background-position: center center; background-size: cover; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.1;}
  .banner .container{position: relative;z-index: 10;}
  .banner .curve-shape{position: absolute;left: 0;bottom: 0;width: 100%;right: 0;}
  .banner-left{margin:0; padding:250px 15px 30px;}
  .banner-right{padding:160px 15px 30px;  text-align:center;}
  .banner-right h1{color:#fff;}
  .banner-right figure{position:relative; display:inline-block}
    .banner-right figure img{-webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
     
.about-sec{padding:60px 0 30px; position:relative; z-index:2;}    
  .about-sec h2{color:#000; font-size: 28px; line-height: 40px; position: relative; margin: 0 0 30px; font-weight:600; text-transform:capitalize;}
  .about-sec h2 span{background: -webkit-linear-gradient( #720303,#15bae9);background-clip: border-box;-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent; letter-spacing:1px; color: #720303; font-size: 18px; margin:0 0 10px; display:block; text-transform:uppercase; font-weight:700; line-height:normal;}
          
@media(max-width:767px){
    .packageMobile{
        display:block
    }
}
.packageMobile ul{
    list-style-type:none; margin:0; padding:0;
}
.packageMobile-inner{
    padding:1.5rem;
    border-radius:.7rem;
    background-color:#fff;
    text-align:center;
    position:relative
}
.packageMobile-inner h3{
    color:#323e49;
    font-weight:500;
    font-size:18px;
    font-family:Montserrat;
    margin-bottom:0;
    text-align:center;
    padding-left:1.5rem;
    z-index:10;
    position:relative
}
.packageMobile-inner .btn-bg{
    padding:.6rem 1rem;
    margin:0 auto;
    display:inline-block;
    text-align:center
}
.packageMobile-image{
    width:65px;
    height:100%;
    position:absolute;
    bottom:0;
    left:-5px;
    margin:0 auto
}
.packageMobile-image img{
    width:100%;
    height:100%
}
.comP-inner{
    padding:1.1rem;
    background-color:#fff;
    border-radius:.7rem
}
.comP-inner h4{
    font-weight:500;
    margin-bottom:1.5rem;
    font-size:.9rem
}
.comP-inner h5{
    font-weight:300;
    font-size:.9rem
}
.comP-items{
    border-bottom:1px solid #d8ddde;
    padding-bottom:1rem
}
.comP-items:last-child{
    border-bottom:0;
    padding-bottom:0
}
.comP-items .TheIcon i{
    position:relative;
    top:1px
}
.comP-items p{
    font-size:.8rem
}
.t-right{
    text-align:right
}
.ti{
    color:#4429b7;
}
.none{
    width:18px;
    height:3px;
    background-color:#d19599;
    border-radius:10px;
    display:inline-block
}
.ctaComparePackages{
    position:fixed;
    bottom:-100px;
    left:0;
    right:0;
    width:100%;
    z-index:100;
    background-color:#fff;
    padding:1rem;
    border-radius:.7rem .7rem 0 0;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,.1);
    box-shadow:0 0 20px rgba(0,0,0,.1);
    text-align:center;
    -webkit-transition:all .9s cubic-bezier(.42,0,.58,1);
    transition:all .9s cubic-bezier(.42,0,.58,1)
}
.ctaComparePackages.show{
    bottom:0
}

.circle-col{position: absolute; left: -20%; top: 0; width: 50%; height: 100%;  background-repeat: no-repeat; background-size: cover;} 

.contact-wrap{padding:45px 0px 90px; position:relative;background: url(images/dc.jpg) fixed top;}  
  .contact-wrap h3{color:#000; font-size: 28px; line-height: 40px; position: relative; margin: 0 0 20px; font-weight:600;text-transform:capitalize;}
  .contact-wrap h3 span{background: -webkit-linear-gradient( #720303,#15bae9);background-clip: border-box;-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent; letter-spacing:1px; color: #720303; font-size: 18px; margin:0 0 10px; display:block; text-transform:uppercase; font-weight:700; line-height:normal;}
  .contact-wrap p{text-align:left;}
  .contact-wrap .contact-box{background: #fff; margin: 0 0 30px; padding: 30px 30px 22px; position: relative; cursor: pointer;text-align: center; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.08);}
  .contact-wrap .contact-box .icon{font-size: 30px; width: 70px; height: 70px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; text-align: center; line-height: 70px;display: inline-block; position: relative;  margin: 0 0 20px;} 
  .contact-wrap .contact-box .icon::after{position: absolute;content: "";top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;border: 1px dashed #720303;animation: shapeani2 10s linear infinite;}
  .contact-wrap .contact-box .icon i{background-image: linear-gradient(55deg, #720303 0%, #15bae9 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent; line-height:70px;}  
  .contact-wrap .contact-box .content p{margin: 0;}
  .contact-wrap .contact-box .content a{color:#555;}
  .contact-wrap .contact-box .content a:hover{text-decoration:underline;}
  .contact-wrap .detailbox{background: #fff; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.08); padding: 25px 25px 15px; transition: 0.3s ease-in; text-align:center;}
  
  .contact-wrap .contact-form form{background: #fff; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.08); padding: 25px 25px 15px; transition: 0.3s ease-in;}
  .contact-wrap .contact-form form .form-control{padding: 6px 0; background:none; border: none; box-shadow:none; border-bottom:1px solid #e6f0fa; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #000; height:40px;}
  .contact-wrap .contact-form form .form-control::-webkit-input-placeholder {color: #6c757d;}
  .contact-wrap .contact-form form .form-control::-moz-placeholder {color: #6c757d;}
  .contact-wrap .contact-form form .form-control:-ms-input-placeholder {color: #6c757d;}
  .contact-wrap .contact-form form .form-control:-moz-placeholder {color: #6c757d;}
  .contact-wrap .contact-form form textarea{height:100px !important;}
  .contact-wrap .contact-form form .form-group{margin:0 0 25px;}
  .contact-wrap .contact-form form .btn{background: #720303; /* Old browsers */
background: -moz-linear-gradient(left,  #720303 0%, #15bae9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #720303 0%,#15bae9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #720303 0%,#15bae9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#720303', endColorstr='#15bae9',GradientType=1 ); /* IE6-9 */ color: #fff; letter-spacing:0.5px; text-align: center; font-size:16px; font-weight:600; padding: 12px 30px; border:0; position:relative; text-shadow:none; text-transform:uppercase; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; transition: background 0.3s ease-in-out, color 0.3s ease-in-out; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}
  .contact-wrap .contact-form form .btn:hover, .contact-form form form .btn:active{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#15bae9+0,720303+100 */
background: #15bae9; /* Old browsers */
background: -moz-linear-gradient(left,  #15bae9 0%, #720303 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #15bae9 0%,#720303 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #15bae9 0%,#720303 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15bae9', endColorstr='#720303',GradientType=1 ); /* IE6-9 */ color: #fff;}
  .contact-wrap .contact-form{margin:0 0 30px;}
  .contact-wrap .contact-map{margin:0 0 30px;}
  .contact-wrap .map-padd{border: 10px solid #fff; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.08);}
  
.footer{position: relative; padding: 0 0px 0px; background-color:#000; /*background-image: url(images/footer.png);background-attachment: scroll;background-size: cover;background-repeat: no-repeat;*/}  
  .footer .container{position: relative; z-index:1;}  
  .footer a{color:#fff;}
  .footer a:hover{color:#720303;}  
  .footer .footer-right{padding:60px 15px 0 60px;}  
  .wg-1{padding:30px 0; text-align:center;}  
  .wg-1 h4{text-transform: capitalize; color:#fff; font-size:22px; margin:0 0 20px; padding: 0; position:relative;}  
  .wg-1 h4::after{content: ""; background: #720303; width: 35px; height: 3px; display: inline-block; vertical-align: middle;margin: 0 0 0 10px;} 
  .Newsletter{position: relative; background: #720303; margin: 0; color:#fff;}
  .Newsletter::before{content: "";position: absolute;top: calc(0px - 30px);left: 0;right: 0;bottom: calc(0px - 30px);background: #720303;z-index: 1;}
  .Newsletter::after{content: "";position: absolute;top: calc(0px - 30px);left: 0;right: 0;bottom: calc(0px - 30px);background-image: url(images/bg-04.png);background-size: cover;background-position: center;background-repeat: no-repeat;opacity: 0.3;z-index: 1;}
  .wg-1 .Newsletter h4{margin:0 0 20px; padding:0; font-size:26px;}
  .wg-1 .Newsletter h4:before, .wg-1 .Newsletter h4:after{display:none;}
  .Newsletter .Newsletter-padd{position: relative; padding: 60px 30px 90px; z-index:5;}
  .Newsletter .Newsletter-padd:before{content: "";border-top: 30px solid transparent;border-bottom: 0px solid transparent;border-left: 21px solid #0025cf;position: absolute;top: -30px;right: -21px;}
  .Newsletter .Newsletter-padd:after{content: "";border-top: 0 solid transparent;border-bottom: 30px solid transparent;border-left: 21px solid #0025cf;position: absolute;bottom: -30px;right: -21px;}
  .Newsletter form{position:relative; padding:15px 0 0;}
  .Newsletter form .form-control{background:#fff; border: none; box-shadow:none; -webkit-border-radius:10px 10px 0 10px; -moz-border-radius:10px 10px 0 10px; border-radius:10px 10px 0 10px; color: #000; height:50px;}
  .Newsletter form .form-control::-webkit-input-placeholder {color: #555;}
  .Newsletter form .form-control::-moz-placeholder {color: #555;}
  .Newsletter form .form-control:-ms-input-placeholder {color: #555;}
  .Newsletter form .form-control:-moz-placeholder {color: #555;}
  .Newsletter form .form-group{margin:0 0 25px;}
  .Newsletter form .btn{background: #0025cf; color: #fff; text-align: center; padding: 10px 30px; border:0; position:absolute; text-shadow:none; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; transition: background 0.3s ease-in-out, color 0.3s ease-in-out; -webkit-border-radius:10px 10px 0 10px; -moz-border-radius:10px 10px 0 10px; border-radius:10px 10px 0 10px; font-weight:500; text-transform:uppercase; right: -50px; top: 5px;}
  .Newsletter form .btn:hover, .Newsletter form .btn:active{background: #051a7d; color: #fff;}
  .wg-1 ul{margin:0; padding:0;}
  .wg-1 ul li{list-style:none; position:relative; margin: 0 0 5px; padding: 0 0 5px 15px; line-height: 28px; display: block;}
  .wg-1 ul li a{display:block;}
  .wg-1 ul li:last-child{border-bottom:0;}
  .wg-1 ul li:last-child:before{display:none;}
  .wg-1 ul li::before{content: ""; position: absolute;left: 0;right: 100%;bottom: -1px;height: 1px;-webkit-transition-property: right;transition-property: right;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;background-color:#720303;}
  .wg-1 ul li:hover::before{right: 15px;}
  .wg-1 ul li::after{width: 4px; height: 4px; position: absolute; left: 0; top: 13px; content: ""; display: block; background-color: #720303; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}
  
  .wg-1 address{margin: 0 0 20px; overflow: hidden; position: relative;}  
  .wg-1 address i{color:#720303; font-size:18px; float: left; height:30px; line-height:30px; margin:0 10px 0 0; text-align:center; width:30px;}
  .wg-1 address div{margin:5px 0 0; overflow:hidden;}
   
  .ft-logo{margin: 0 0 15px;}
  .ft-bottom{background:#fff; margin:0; padding:20px 0 0;}
  .ft-bottom a{font-weight: 600;}  
  .ft-bottom p{text-align:right; margin:0 0 20px;}  

/* Large Display */
@media (min-width: 1367px) { }