html,body,div,span,applet,object,iframe,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;font-family:'Roboto',Arial,Helvetica,sans-serif}
h1,h2,h3,h4,h5,h6{font-family:'Roboto',Arial,Helvetica,sans-serif; position: relative;}
p{font-size:17px}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
a,a:hover{text-decoration:none}
:root{--color1:#fcef00;--color2:#2e3192;--color3:#d5d6e9;}
body{font-family:'Roboto',Arial,Helvetica,sans-serif}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}

section{padding-bottom: 7%;}
.navigation{position:fixed;z-index:1;background-color:rgba(255,255,255,0.3);left:0;top:0;width:100%;transition:ease all .5s; padding: 0;}
.navbg{background-color:rgba(0,0,0,0.8);transition:ease all .5s}
.mynav .nav-link{color:#444}
.navbg .nav-link{color:#fff}
.mynav .navbar-collapse{justify-content:flex-end}
.navbar-brand{padding-top:0;padding-bottom:0}
.navbar-brand img{width:210px; transition: ease all 0.5s;}
.navbg .navbar-brand img {
    width: 160px;
    filter: brightness(20);
}
.closeMenu{display: none;}
.contactInfo a {
    color: #000;
    text-decoration: none;
    font-weight: bold;
}

.banner{margin:-100px 0 0;position:relative;z-index:0}
.banner .carousel-caption{position:absolute;right:auto;top:46%;left:10%;padding-top:1.25rem;padding-bottom:1.25rem;color:#fff;text-align:left;width:36%}
.banner h1{font-size:31px;text-shadow:3px 2px 5px #000;position:relative}
h1::before, h2.heading::before{position:absolute;content:"";width:70px;height:4px;background:var(--color1);top:-10px;left:-10px}
h1::after, h2.heading::after{position:absolute;content:"";width:4px;height:55px;background:var(--color1);top:-10px;left:-10px}
.sub-banner p{background:var(--color1);color:#000;padding:10px;font-weight:500;width:81%;position:relative;left:-10px; line-height: 20px;}
.sub-banner p:after{width:0;content:"";position:absolute;height:0;border-top:60px solid transparent;border-bottom:0 solid transparent;border-left:60px solid var(--color1);right:-60px;top:0}
.queryForm{width:30%;min-width:400px;position:absolute;top:29%;z-index:10;right:10%;background:url(../img/form-bg.jpg) right bottom /60% auto no-repeat,#fff;padding:25px;text-align:center;border-radius:20px;padding-bottom:100px}
.queryForm .form-group{margin:0 0 15px}
.queryForm h2{font-weight:400;font-size:22px;margin:0 0 20px;color: var(--color2);}
.queryForm h2 strong{font-weight:700}
.submitBtn.btn{background:var(--color2);color:#fff;width:160px;float:left}
.submitBtn.btn:hover{background:var(--color1);color:#000}

.heading{font-size:31px;color:var(--color2);margin:0 0 60px 10px;font-weight:700;letter-spacing:2px}
.hotDestinations{background:url(../img/hot-destinations-bg.png) top center /95% auto no-repeat}
.subHotDest{text-align:center}
.subHotDest a{text-align:center;box-shadow:0 0 10px #000;display:inline-block;width:80%;padding:15px;margin:0 0 80px;background:#fff;position:relative}
.subHotDest a .pin img{height:40px;display:inline-block;position:absolute;left:0;right:0;margin:0 auto;top:-15px;width:auto}
.subHotDest a img{width:100%}
.subHotDest h4{margin:10px 0 0;font-weight:400;font-size:21px;color:#444}
.photo1{transform:rotate(-2deg)}
.photo2{transform:rotate(3deg)}
.photo3{transform:rotate(-2deg)}
.photo4{transform:rotate(2deg)}
.photo5{transform:rotate(-3deg)}
.photo6{transform:rotate(2deg)}
.subAdBan img{width:100%;border-radius:30px}

.craft .heading{margin:0 0 20px}
.subCraft img{width:100%;display:inline-block;vertical-align:top}
.subCraft{text-align:center;border-radius:50px;overflow:hidden;position:relative;margin:60px auto 0;width:90%}
.subCraft::before{content:"";left: 0;position:absolute;height:90px;bottom:0;background:linear-gradient(180deg,rgba(238,163,68,0) 7%,rgba(0,0,0,1) 89%);z-index:0;width:100%;transition:ease all .5s}
.subCraft p{position:absolute;bottom:20px;transition:ease all .5s;left:0;right:0;margin:0 auto;font-size:24px;color:#fff}

.subCraft:hover:before{bottom:0}
.subCraft a {display: block;}

.subUsp{text-align:center;background:url(img/usp-bg1.png)-30px 100px /30% no-repeat var(--color3);padding:65px 30px 20px;border-radius:20px;min-height:430px}
.subUsp img{height:130px;margin:0 0 20px}
.subUsp h3{font-size:20px;color:var(--color2);margin:0 0 10px}
.subUsp p{font-size:15px;color:#444}

.trending .heading{margin:0 0 20px}
.subTrend{display:inline-block;vertical-align:top;border-radius:25px;overflow:hidden;margin:60px 0 0;width:95%;box-shadow:0 0 10px #000}
.subTrend img.trendImg{width:100%}
.subTrend h3{font-size:22px;font-weight:700;color:var(--color2);margin:15px 0}
.trendDetail{padding:0 20px 20px}
.packDetail{border-bottom:solid 2px #ccc;padding:0 0 10px;margin:0 0 20px}
.packDetail img{height:20px;display:inherit;vertical-align:top;margin:0 2px 0 0}
.packDetail span{margin:0 15px 0 0}
.packCta{background:var(--color1);width:100%;display:inline-block;text-align:center;vertical-align:top;padding:12px 0;border-radius:5px;color:#000;font-weight:700;margin:30px 0 0}
.packCta:hover{background:var(--color2);color:#fff}
.rel{position:relative}
.pricing{background:url(../img/price-tag.png) left center /auto 100% no-repeat;width:210px;height:45px;position:absolute;top:100px;left:-1px;padding:10px 0 0 50px;font-weight:700;font-size:17px}
.trendDetail p{min-height:140px}

.popForm{position:relative}
.formBox{position:absolute;text-align:center;top:50%;left:0;right:0;margin:0 auto;transform:translateY(-65%);background-color:rgba(255,255,255,0.3);width:70%;border-radius:20px;height:370px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:50px;box-shadow:0 0 10px #000}
.formBox p{align-self:flex-start;width:100%}
.popForm img{width:100%}
.formBox h2{align-self:flex-end;font-weight:700;color:var(--color2);text-transform:uppercase;font-size:40px}

.connectCta{width:300px;padding:11px 0;box-shadow:none;border:none;background:var(--color2);color:#fff;font-size:19px;border-radius:5px}
.connectCta:hover{background:var(--color1);color:#000}
.subReview{padding:25px 130px 25px 25px;border-radius:20px;box-shadow:0 0 7px #666;background:url(../img/quote.png) 20px 20px /100px no-repeat,url(../img/testimonial-bg.png) 102% 140% /150px no-repeat;min-height:210px;margin:30px 0 0}
.subReview h3{font-size:22px;font-weight:700;color:var(--color2);margin:0 0 20px}
.subContact{background:var(--color3);padding:25px;text-align:center;border-radius:20px;display:inline-block;width:100%}
.subContact .form-group{margin:0 0 15px}
.subContact h2{font-weight:400;font-size:22px;margin:0 0 20px;color:var(--color2);text-align:center;font-size:26px;margin:0 0 30px;color:var(--color2);text-align:center;font-weight:bold;border-bottom:solid 2px #fff;padding:0 0 10px}
.subContact .submitBtn{background:var(--color2);color:#fff;width:100%;padding:10px 0}
.subContact .submitBtn:hover{background:var(--color1);color:#000}
.subContact input.form-control{height:45px}

footer{background:var(--color2);padding:50px 0;color:#fff;position:relative;margin:90px 0 0}
footer::before{background:url(../img/foot-before.png) left bottom / auto 100% repeat-x;content:"";position:absolute;left:0;width:100%;height:110px;top:-110px}
.footAbout{padding:0 20px 0 0}
.quickLinks{padding:0 0 20px 40px;border-left:solid 2px #fff}
.quickLinks a{font-size:14px;color:#fff;margin:0 0 8px;display:block}

.copyright{background:var(--color3);padding:30px 0}
.copyright p{color:var(--color2);font-weight:700}

.popupForm .lft img{width:300px;margin:30px 0 20px}
.popupForm .modal-body{padding:0}
.popupForm .lft{text-align:center}
.popupForm .lft h3{font-weight:700;color:var(--color2);font-size:34px}
.popupForm .lft p{font-size:18px;margin:0 0 30px}
.popupForm form{background:var(--color3);width:100%;height:100%;padding:60px 20px 20px}
.popupForm .form-group{margin:0 0 15px}
.popupForm .submitBtn{background:var(--color2);color:#fff;width:100%;padding:10px 0}
.popupForm .submitBtn:hover{background:var(--color1);color:#000}
.popupForm input.form-control{height:55px}
.popupForm .modal-content{border-radius:25px;overflow:hidden}
.popupForm .submitBtn{background:var(--color2);color:#fff;width:100%;padding:10px 0;margin:0 0 25px}
.popupForm .btn-close{position:absolute;right:10px;z-index:1;top:10px;border:solid 3px var(--color2);border-radius:30px;padding:4px;background-size:12px}
  
/*********Inner Page************/

.innerBan {
    position: relative;
  }
  .innerBan img{width: 100%;}
.innerBan h1 {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-transform: capitalize;
    text-shadow: 0 3px 4px #000;
  }




























@media(max-width:767px){

    section{padding-bottom:15%}
    p{font-size:14px}
    .navigation{position:unset}
    .navbar-collapse{position:fixed;right:-280px;top:0;background:var(--color3);width:250px;height:100%;z-index:100;padding:20px 0 0 20px;transition:ease all 1s}
    .closeMenu{display:block;cursor:pointer}
    .closeMenu img{width:20px;float:right;margin:0 20px 0 0}
    .navbar-nav{width:90%;margin:50px 0 0}
    .navbar-nav li{border-bottom:solid 1px #fff}
    .mynav .nav-link{color:var(--color2);padding:20px 0}
    .navbar-toggler{background:var(--color1);padding:6px 10px 3px}
    .navbar-toggler img{width:24px}
    .navbar-toggler:focus{box-shadow:none}
    .navbar-collapse.show{right:0}
    .navigation.navbg{position:fixed}
    .banner{margin:0;position:relative;z-index:0}
    .queryForm{width:90%;min-width:auto;position:unset;margin:40px auto;box-shadow:0 0 10px #666}
    .banner h1{font-size:21px}
    .carousel-control-prev,.carousel-control-next{display:none}
    .sub-banner p::after{border-top:54px solid transparent;border-bottom:0 solid transparent;border-left:40px solid var(--color1);right:-40px}
    .banner .carousel-caption{top:46%;left:6%;width:95%}
    .subHotDest a{width:90%;padding:10px;margin:0 0 60px}
    .subHotDest h4{margin:5px 0 0;font-size:16px}
    .subHotDest a .pin img{height:26px;top:-5px}
    .craft .heading{margin:0 0 20px 10px}
    .subCraft{border-radius:20px;margin:30px auto 0;width:95%}
    .subCraft::before{bottom:0}
    .subCraft p{bottom:21px;font-size:19px}
    .hotDestinations{padding:0 0 4%}
    .heading{font-size:25px;color:var(--color2);margin:0 0 40px 10px;font-weight:700;letter-spacing:1px}
    .subUsp{padding:25px 30px 40px;min-height:auto;margin:0 0 30px}
    .trending .heading{margin:0 0 20px 10px}
    .subTrend{border-radius:25px;overflow:hidden;margin:60px auto 0;width:90%;box-shadow:0 0 10px #000;display:block}
    .pricing{left:19px}
    .trendDetail p{min-height:auto}
    .formBox h2 {font-size: 30px;}
    .formBox {width: 90%;padding: 40px; height: auto;top: 52%;}
    .formBox p {margin: 0 0 30px;}
    .subReview{margin:0 0 30px}
    .quickLinks{padding:30px 0 0 35px;border-left:none}
    .footAbout{text-align:center}
    .hotDestinations{background:url(../img/hot-destinations-bg.png) 0 20% /100% auto repeat-y}
    .popupForm .lft img{width:100px;margin:20px 0 10px}
    .popupForm .lft h3{font-size:21px}
    .popupForm form{padding:20px}
    .popupForm input.form-control{height:45px}
    .popupForm .lft p{font-size:18px;margin:0 0 20px}
   
}