/*
Theme Name: See Pakistan VT - Child
Description: Child theme for See Pakistan VT
Author: EMHI Solutions
Template: seepakistanvt
Version: 1.0
*/
/* Add your custom CSS below */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@font-face {
    font-family: 'CentraMonoTrial';
    src: url('../centramonotrial-medium.html');
    src: url('../centramonotrial-medium.html#iefix') format('embedded-opentype'),
    url('../woff2/centramonotrial-medium.woff2') format('woff2'),
    url('../woff/centramonotrial-medium.woff') format('woff'),
    url('../index.html') format('truetype'),
    url('../index.html') format('opentype'),
    url('../svg/centramonotrial-medium.svg#CentraMonoTrial-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'CentraMonoTrial';
    src: url('../centramonotrial-bold.html');
    src: url('../centramonotrial-bold.html#iefix') format('embedded-opentype'),
    url('../woff2/centramonotrial-bold.woff2') format('woff2'),
    url('../woff/centramonotrial-bold.woff') format('woff'),
    url('../index.html') format('truetype'),
    url('../index.html') format('opentype'),
    url('../svg/centramonotrial-bold.svg#CentraMonoTrial-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'GTSuperDsTrialBd';
    src: url('../gtsuperdstrial-bd.html');
    src: url('../gtsuperdstrial-bd.html#iefix') format('embedded-opentype'),
    url('../woff2/gtsuperdstrial-bd.woff2') format('woff2'),
    url('../woff/gtsuperdstrial-bd.woff') format('woff'),
    url('../ttf/gtsuperdstrial-bd.ttf') format('truetype'),
    url('../svg/gtsuperdstrial-bd.svg#GTSuperDsTrial-Bd') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'GTSuperDsTrialBd';
    src: url('../gtsuperdstrial-bdit.html');
    src: url('../gtsuperdstrial-bdit.html#iefix') format('embedded-opentype'),
    url('../woff2/gtsuperdstrial-bdit.woff2') format('woff2'),
    url('../woff/gtsuperdstrial-bdit.woff') format('woff'),
    url('../ttf/gtsuperdstrial-bdit.ttf') format('truetype'),
    url('../svg/gtsuperdstrial-bdit.svg#GTSuperDsTrial-BdIt') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}


*{  text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}
body{color:#000;}
#top-bar, .site-header{ font-family: 'Roboto';}
#top-bar{background: #000000; padding: 10px 0; color: #ffffff; letter-spacing: 3px;}
.topbar{font-size: 18px;  font-weight: 500; font-style: normal;}
.topbar span, .topbar a{color:#ffb600; font-weight: 800; font-style: normal; }
#site-header{ min-height: 90px;}
#site-header .row{display: flex; align-items: center;}
.seepakistan img {
    max-width: 100%;
    object-fit: cover;
}
#navbar{background: #ffffff;}
.stickynav .seepakistan{/*padding: 3px 15px;*/}
.stickynav .seepakistan img{/*max-height: 40px;*/}
.primaryMenu {
    width: 100%;
    float: left;
    text-transform: uppercase;
    text-align: center;
}
.primaryMenu .menu{ width: initial; float: right;}
.primaryMenu ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    text-align: center;
}
.primaryMenu ul li {
    display: inline-block;
    margin: 0px;
}
.primaryMenu ul li:last-child {
    background: none;
}
.primaryMenu ul li a {
    text-decoration: none;
    color: #010101;
    display: inline-block;
    font-family: 'Roboto';
    padding: 15px 16px ;
    letter-spacing: 0.2px;
    font-size: 14px;
    font-weight: 800;
    line-height: 18px;
    text-transform:capitalize;
}
.primaryMenu ul li a:hover, .menu ul li.current_page_item a {
    text-decoration: none;
    color: #ffb600;
}
.caretblock{color: #010101; right: 0; cursor: pointer;
    left: 0; bottom: 1px; top: auto;}
.menu ul li a{letter-spacing: initial !important;}
.menu .dropdown .dropdown-menu{background: #fff;}
.menu .dropdown .dropdown-menu li a{color: #010101 !important; font-family: 'Roboto'; font-weight: 500; display: block;}
.menu ul li a:hover, .menu ul li.current_page_item a{background: #ffb600;}
.menu .dropdown .dropdown-menu li a:hover, .menu .dropdown .dropdown-menu li.current_page_item a{color: #010101 !important; background: #ffb600;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{background: #ffb600;}
.header-right{display: flex; align-items: center; justify-content: space-around;}
.header-btn{
    display: inline-block;
    padding: 10px 10px;
    font-family: 'Roboto';
    font-weight: bold;
    font-size: 19px;
    text-transform: uppercase;
    color:#000000;
    text-shadow: 0px 1px 0px rgba(255,255,255,1);
    background: linear-gradient(to bottom,  #ffde00 0%,#fdba1e 100%,#7db9e8 100%);
    box-shadow: 0 0 0 1px #fdb614,
    inset 0 0 0 1px #fff;
    border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
}
.header-btn:hover{ color:#000000;
    background: linear-gradient(to bottom,  #fdba1e 0%,#ffde00 82%,#ffde00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#header-search{cursor: pointer;}
.navbar-toggle{ position: initial !important;right: 0px !important;margin-top: 10px !important;}
.carousel-inner>.item>a>img{width: 100%; object-fit: cover;}
.dropdown-menu{min-width: 180px;}
.rating-container{margin-top: -40px; position: relative;}
.rating-block{padding: 26px 0; background: #ffffff;
    box-shadow: 0px 4px 17px 2px #dfdfdf;
    border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;}
.rating-block .rating-heading, .rating-block .sub-rating-heading {font-family: 'GTSuperDsTrialBd'; font-weight: bold; font-size: 30px;}
.rating-block .sub-rating-heading{font-style: italic;color: #ffb600;}
.rating-block .rating{font-family: "Lato", sans-serif; font-size: 33px; }
.rating-block .rating img{margin-left: 5px;}
.rating-block .rating-content{font-family: "Lato", sans-serif; font-size: 10px; font-weight: bold;}
.border-right{ border-right: solid 1px #e5e5e5;}
.topdestinations{margin-top: 50px;}
.topdestinations h2, .pack-v-duration h2,
.best-deals h2, .deal-list a.tour h2,
.c-review h2, .insmaintitle, .blog-art h2.h_title{font-family: 'GTSuperDsTrialBd'; font-weight: bold; font-size: 38px; text-align: center;}
.topdestinations .destination{margin-top: 30px; text-align: center; min-height: 276px;}
.topdestinations .destination h3{font-family: 'Roboto'; font-weight: bold; font-size: 25px;}
.topdestinations .destination a{color: #000; display: inline-block;}
.topdestinations .destination a:hover{color: #ffb600;}
.pack-v-duration{background: #000; color: #fff; padding: 40px 0; min-height: 550px;}
.pack-v-duration .exp-list{box-shadow: none; background: #fff;padding: 8px; border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px;}
.pack-v-duration .exp-list h2{font-size: 17px;}
.pack-v-duration .exp-list p{font-family: Lato; font-weight: 800; margin: 6px 0; }
.tabs-box{padding-top: 0;}
.css-si4oav, .css-tabs.active > span{ font-family: bosun; text-transform: capitalize; font-size: 15px;}
.css-si4oav{background: none; color: #8dcdf1;}
.css-tabs.active > span{background: none; color: #fff;}
.css-tabs:hover > span{background: none;}
#tabs-nights-content{min-height: 320px;}
.see-btn{background: #8dcdf1; color: #010101; font-family: 'Roboto'; font-weight: bold; line-height: normal; font-size:15px; padding: 10px 10px; display: inline-block; border-radius: 6px;}
.see-btn:hover{color:#010101; background: #ffb600;}
.itinerary-label{font-size: 11px; padding:4px 1px; border-radius: 4px;
    -webkit-border-radius: 4px; -moz-border-radius: 4px;}
.best-deals {margin: 40px 0;}
.subheading { font-size: 15px; text-align: center; font-family: 'Roboto'; font-weight: bold;}
.deal-list a.tour h2{text-transform: capitalize; text-shadow: 3px 2px 4px rgba(0,0,0,1); margin-bottom: 3px;}
.deal-list a.tour p{text-transform: capitalize; font-family: lato; font-size: 15px; font-weight: bold;}
.ab-container{text-align: center;}
.ab-container span{background: #fff; color: #000; font-family: 'Roboto'; font-weight: bold; padding: 6px 9px;  border-radius: 4px;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; margin-top: 8px; display: inline-block;}
.deal-list a.tour:hover .ab-container span{background: #ffb600; color: #fff;}
.best-deals-btn{background: #000000; color:#fff;}
.c-review{background: #efefef; padding: 40px 0;}
.review-list{margin-top: 40px;}
.see-content, .learn-more{font-family: "Open Sans"; }
.see-content h2{font-family: bosun; font-size: 20px;}
.see-content h3{font-family: bosun; font-size: 18px;}
.see-content p{margin-bottom: 25px;}
.homeblogarea h2{ background: #efefef; font-size: 14px; margin-bottom: 24px;}

#excon{background: url(../png/read-icon.png) no-repeat; height: 38px; width: 38px;}
.header-search{position: relative;}
.header-search .search-input{position: absolute; margin-top: -2.6rem; right: 2.5rem; display: none;}
.header-search .search-input input{border: 1px solid #acaaaa; height: 36px; width: 250px; padding: 0 10px;}
@media screen and (max-width: 767px) {
    .topbar {
        font-size: 14px;}
    .header-center{order: 1;}
    .seepakistan{text-align: left !important;     padding: 8px 15px !important;}
    #pnave{position: absolute;
        z-index: 1; overflow: visible;
        right: 0;
        /*min-width: 260px;*/
		width: 100vw;
        background: #000;}
	.menu .dropdown .dropdown-menu { background: #000000;}
	.menu .dropdown .dropdown-menu li a{color:#ffffff !important;}
    .primaryMenu ul li{width: 100%;text-align: left; }
    .caretblock{left: inherit; top: 0;  height: 35px; width: 35px;}
    .primaryMenu ul li a{padding: 10px 0 10px 8px; color: #fff;}
    .dropdown-menu{border: 0; position: relative; box-shadow: none; border-radius: 0 !important;}
    .menu .dropdown .dropdown-menu li a,
    .menu .dropdown .dropdown-menu li a:hover,
    .menu .dropdown .dropdown-menu li.current_page_item a{padding: 10px 0 8px 18px !important;}
	.rating-block .rating-heading{font-size: 4.5vw;}
    .rating-container {margin-top: -12vh;}
    .rating-block .d-flex{display: block;}
    .rating-container .social-review{margin: 25px 0;}
    .rating-container .social-review .rating img{margin-top: -10px}
	.topdestinations .destination h3{font-size: 4vw;}
}
@media screen and (max-width: 570px) {
	.topbar span{display: block;}
    .header-right{width: 80%;}
    .rating-container .social-review.facebook,
    .rating-container .social-review.google{width: 50%;}
    .rating-container .social-review.tripadv{width: 100%; margin-top: 0;}
}
@media screen and (max-width: 535px){
	.rating-container {margin-top: 40px;}
    .css-si4oav, .css-tabs.active > span{font-size: 12px;}
}
@media screen and (max-width: 488px){
    
    .seepakistan{padding: 11px 0 7px !important;}
}
@media (max-width: 479px){
    #site-header {
        min-height: 7vh;
    }
.seepakistan img {max-width: 80%;}
}
@media (max-width: 400px){
    .topdestinations .destination,.tabs-content .itnry-package{width: 100%;}
    .topdestinations h2, .pack-v-duration h2, .best-deals h2, .deal-list a.tour h2, .c-review h2, .insmaintitle, .blog-art h2.h_title{ font-size: 28px; }
    
    .deal-list a.tour p{font-size: 12px;}
    .ab-container span{padding: 4px 7px; font-size: 12px;}
    .rating-block .rating-heading, .rating-block .sub-rating-heading{font-size: 20px;}
    .rating-container .social-review img{max-width: 80%;}
}
@media (max-width: 385px){
    .topbar {
        font-size: 12px;
    }
    .header-btn{font-size: 12px;}
    .learn-more .abtn{font-size: 16px;}
}
/**/
.banner {
    position: relative;
    height: 500px;
}
@media (min-width:768px){
	.banner {height: 800px;}
}

.banner-video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: -1;
}

.banner-video video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
}

.banner-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 1;
    color: #fff;
}

.banner-text h1 {
    font-size: 3rem;
    margin-bottom: 20px;
}

.banner-text p {
    font-size: 1.5rem;
    margin-bottom: 30px;
}