/*
 Theme Name:   Vast
*/

body {}
@font-face { font-family:FoundersGroteskTest; src:url(fonts/FoundersGroteskTest-Light.otf); }
@font-face { font-family:Graphik-Regular; src:url(fonts/Graphik-Regular.otf); }
@font-face { font-family:Graphik-Medium; src:url(fonts/Graphik-Medium.otf); }
@font-face { font-family:TradeGothic; src:url(fonts/TradeGothicLTStd-BoldExt.otf); }

:root { --main-color:#0084E6;--main-color-1:#FFFFFF;}
a, i { transition:all 0.4s ease-in 0s; -webkit-transition:all 0.4s ease-in 0s; }
a:hover { text-decoration:none; }
ul { list-style:none; margin:0; padding:0; }
.con-info h3{font-family:Graphik-Medium !important;}

/**** Navbar CSS Starts Here ****/

header .col-lg-3 header .col-lg-2 { align-self:center; }
header .navbar-dark .navbar-nav .nav-link {color: #fff;font-size: 15px;margin: 0;padding: 17px 136px;text-transform: uppercase;letter-spacing: 0.05em;font-weight: 500;}
header .navbar-dark .navbar-nav .nav-link:hover, header .navbar-dark .navbar-nav .nav-link:focus, footer li a:hover, footer i:hover { color:var(--main-color); }
header .dropdown-menu { border:none; border-radius:0; margin:0; min-width:max-content; padding:0; background: #efefef;}
header .dropdown-menu li a {color:#000; display:block !important; font-size:13px; padding:8px 20px; }
header .nav-link:after { content: ''; position: absolute; width: 2px; height: 17px;background: #fff; top: 28px;margin-left: 60px;}
header .navbar-dark .navbar-nav a:first-child{padding-left: 0;}
.last-link .nav-link:after{display: none;}
header .dropdown:after { content: ''; position: absolute; width: 2px; height: 17px;background: #fff; top: 20px;margin-left: 140px;}
header .last-link .nav-link {padding-right: 0 !important;}

.bottom-head {padding: 10px 0;background: #fff;}
.logo {width: 82%;height: 40px;padding: 5px;}

/**** Navbar CSS End Here ****/



.carousel-fade .carousel-item {opacity: 0 !important;transition-duration: .6s !important;transition-property: opacity !important;}
#menuToggle{display: block;position: absolute;top: -8px;right: 50px;z-index: 1;-webkit-user-select: none;user-select: none;}
#menuToggle input{display: block;width: 40px;height: 32px;position: absolute;top: -7px;left: -5px;cursor: pointer;opacity: 0;z-index: 2;-webkit-touch-callout: none;}
#menuToggle span{display: block;width: 24px;height: 2px;margin-bottom: 4px;position: relative;background: #0180f1;border-radius: 3px;z-index: 1;transform-origin: 4px 0px;transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease;}
#menuToggle span:first-child{transform-origin: 0% 0%;}
#menuToggle span:nth-last-child(2){transform-origin: 0% 100%;}
#menuToggle input:checked ~ span{ opacity: 1;transform: rotate(45deg) translate(-2px, -1px);background: #fff;}
#menuToggle input:checked ~ span:nth-last-child(3){opacity: 0;transform: rotate(0deg) scale(0.2, 0.2);}
#menuToggle input:checked ~ span:nth-last-child(2){opacity: 1;transform: rotate(-45deg) translate(0, -1px);}
#menu li{padding: 12px 0;font-size:34px;font-family:FoundersGroteskTest;text-align: center;transition: all 0.5s ease;}
#menu a{color: #fff;}
#menuToggle input:checked ~ ul{transform: none;opacity: 1;}
@media screen and (max-width: 768px) {
#menu { transform: none; opacity: 0;transition: opacity 0.5s cubic-bezier(0.77,0.2,0.05,1.0);  }
}

#menu {position: fixed;width: 100%;margin: 0px 0 0 0;padding: 50px;opacity: 0;padding-top: 180px;right: 0;top: 0; height: 100%;background: #397debd9;list-style-type: none;-webkit-font-smoothing: antialiased;transform-origin: 0% 0%;transform: translate(0, 100%);transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);}
#menuToggle input:checked ~ ul {transform: translate(0);opacity: 1;transition: opacity .5s cubic-bezier(.215,.61,.355,1);}
#menu li:hover {transform: scale(1.1);transition: all 0.5s ease;color: #76D57B;}







.main .carousel-caption { width: 90%; bottom:0; display:flex; flex-direction:column; left:8%; justify-content:center; right:3%; text-align: left;top: 0;}
.main .carousel-control-prev, .carousel-control-next { display: none; }
.main h1{font-family:FoundersGroteskTest;color: #fff;font-size: 28px;font-weight: 300;letter-spacing: 1.2px;line-height: 1.4;text-shadow: 0 0 7px #000;}
.main h4{font-family:TradeGothic;font-size: 12px; margin-top: 30px;color: #fff;text-shadow: 0 0 4px #5f5f5f;}
.main .carousel-indicators{display: none;}
.main{padding: 22% 0 15%;background:url('images/banner.jpg') no-repeat center;background-size: cover;animation: zoom 15s infinite;-webkit-animation: zoom 15s infinite;background-attachment: fixed;}
@keyframes zoom {
        0% {background-size: 100%;}
        50% {background-size: 110%;}
        100% {background-size: 100%;}
      } 



.improve, .promote, .increase, .inc, .disrupt{background:url('images/improve-bg.jpg') no-repeat center; background-size: cover;background-attachment: fixed;padding: 22% 0 7%;background-position: 100% 100%; }
.improve h2, .promote h2, .increase h2, .inc h2, .disrupt h2, .happy h2{font-family:FoundersGroteskTest !important;color: #fff;font-size: 40px;font-weight: 400;letter-spacing: 1px}
.improve h6, .promote h6, .increase h6, .inc h6, .disrupt h6{font-family:Graphik-Regular !important;color: #fff;font-size: 13px;margin: 50px 0 20px;}
.mar-img{margin-top: 10px;}
.improve a img, .promote a img, .increase a img, .inc a img, .disrupt a img {width: 90px;margin-bottom: 12px;}


.promote{background:url('images/promote-bg.jpg') no-repeat center;background-size: cover;background-attachment: fixed;}
.increase{background:url('images/increase-bg.jpg') no-repeat center;background-size: cover;background-attachment: fixed;}
.inc{background:url('images/inc.jpg') no-repeat center;background-size: cover;background-attachment: fixed;}
.disrupt{background:url('images/disrupt.jpg') no-repeat center;background-size: cover;background-attachment: fixed;}


footer {background:#fff;padding: 22px 0 10px;}
footer a {font-family: TradeGothic !important;text-transform: uppercase;font-size: 12px;letter-spacing: 1px;}
footer p {text-align: right;font-size: 11px;font-family: Graphik-Regular;color: #007bff;}

/*.................. Home-Page-Media .................. */
@media (min-width:320px) and (max-width:767px){	
header .col-lg-2 { width:100%; }
header .col-lg-8 { width:40%; }
.main .container{width: 100%;}
.main .carousel-caption{top: 0;}
.logo {width: 50%;}
#menu{padding-top: 125px;}
#menu li{font-size: 20px;}
#menuToggle{top: -26px;right: 25px;}
.main h1{font-size: 25px;text-shadow: 0 0 5px #6d6d6d;}
.col-lg-3.col-md-6 {max-width: 33%;}
.improve, .promote, .increase, .inc, .disrupt{padding: 14% 0 12%;}
.improve h2, .promote h2, .increase h2, .inc h2, .disrupt h2{font-size: 30px;text-shadow: 0 0 5px #a79999;}
.improve h6, .promote h6, .increase h6, .inc h6, .disrupt h6{margin: 25px 0 20px;}
footer .col-lg-6.col-md-6 {width: 50%;}
img.logo.normal-view {display: none;}
img.logo.mobile-view {width: 53%; height: 35px;}	
.test p{width: 100% !important;}
	.banner { padding: 30px 0;}
}


@media (min-width:320px) and (max-width:991px){		
header {background-color: #ffffff;padding: 10px 0;z-index: 11;    position: fixed;}	
.logo {width: 165px;padding: 5px;}
header .navbar { display:block; padding:0; text-align:right; top: 5px;}
header .navbar-expand-md .navbar-toggler { border-color:transparent; color:var(--main-color); padding:0; }
header .nav-link:after{display: none;}	
 header .dropdown-menu li a{color: #000 !important;}
header #navbarCollapse button {display: none; background-color:transparent; border:none; color:#000; font-size:40px; line-height:1; padding:10px 15px 0 0; }
header .navbar-collapse { background-color:#151515; height:100%; width: 270px;box-shadow: 0 0 10px #fff; left:0; position:fixed; right:0; top:0; transform:translateX(-100%); transition:0.3s cubic-bezier(0.55,0,0.1,1); z-index:11; -webkit-transform:translateX(-100%); -webkit-transition:0.3s cubic-bezier(0.55,0,0.1,1); }
header .collapse.show { transform:translateX(0); -webkit-transform:translateX(0); } 
header .navbar-nav { padding:0 15px; text-align:left; }
header .navbar-toggler:focus { outline:none; }
header .navbar-toggler .icon-bar { background-color:#fff; display:block; height:2px; margin:5px 0; outline:none; transition:all 500ms; width:25px; }
header .navbar-toggler:not(.collapsed) .icon-bar { position:relative; transition:all 300ms ease-in-out 0s; }
header .navbar-toggler:not(.collapsed) .icon-bar:nth-child(2) { top:7px; transform:rotate(45deg); }
header .navbar-toggler:not(.collapsed) .icon-bar:nth-child(3) { opacity:0; }
header .navbar-toggler:not(.collapsed) .icon-bar:last-child { top:-7px; transform:rotate(-45deg); }
header .navbar-dark .navbar-nav .nav-link, header .dropdown-menu li a { border-bottom:1px solid #cecece; color:#fff; padding:12px 15px; }
header .dropdown-menu li a:hover { color:var(--main-color); }
header .navbar-nav .dropdown-menu li a { padding-left:20px; }
.improve h2 br, .promote h2 br, .increase h2 br, .inc h2 br, .disrupt h2 br{display: none;}
.main{animation: none;}
}

@media (min-width:320px) and (max-width:360px){
.main img { height:45vh; object-fit:cover; width: 100%;}
}

@media (min-width:480px) and (max-width:767px){	
footer .col-lg-3 { width:50%; }
}

@media (min-width:768px){
header { transition:all 500ms; width:100%; z-index:11;position: fixed; }
header.smaller { box-shadow:0 0 5px #999;}	
img.logo.mobile-view {display: none;}
.banner {padding: 30px 0;}	

	
}

@media (min-width:768px) and (max-width:991px){
header .navbar-expand-md .navbar-toggler { display:inline-block; }
header .navbar-expand-md .navbar-collapse, header .navbar-nav { display:block !important; }
header .navbar-expand-md .dropdown-menu { position:relative !important; }
header .navbar-collapse { box-shadow:0 0 10px #e5e5e5; right:auto;}
.improve h2, .promote h2, .increase h2, .inc h2, .disrupt h2{font-size: 35px;}
.main h1{font-size: 26px;}
#menu li{font-size: 22px;}
}

@media (min-width:992px){
header {padding:  0; transition:all 500ms; width:100%; z-index:111;}
header.smaller .logo{transition:all 500ms;}
header .navbar-nav .active a{ color: var(--main-color) !important;}
header #navbarCollapse button, header .dropdown-toggle::after { display:none; }
header .collapse ul li:hover > ul { display:block; }
header .collapse ul ul { border-top:2px solid var(--main-color-1); box-shadow:0 0 2px #333; left:15px; }
header .dropdown-menu li a:hover { background-color:var(--main-color); color:#fff; }

header .head-icon{display: none !important;}
.main { align-items:center; display:flex; position:relative; }
.main img { width:100%;  }
.mob_img{display: none;}
footer .col-lg-3.col-md-3:nth-child(2) {padding-left: 50px;}
.foot-col span {margin-left: 30px;display: block;}
}

@media (min-width:992px) and (max-width:1199px){	
header.smaller{margin-top: 0;}	
header .navbar-dark .navbar-nav .nav-link{padding: 17px 100px;font-size: 14px;}
header .collapse ul ul { left:10px; }
.improve h2 br, .promote h2 br, .increase h2 br, .inc h2 br, .disrupt h2 br{display: none;}
.improve h2, .promote h2, .increase h2, .inc h2, .disrupt h2{font-size: 35px;}
}

@media (min-width:1380px) and (max-width:1600px){


}

@media (min-width:1240px){
.container { max-width:1180px; }
header .container {max-width: 100%;}
.logo {width: 60%;}
}
@media (min-width:1540px){

}
@media (min-width:1800px){

}
@media (min-width:1920px){
	
header .container {max-width: 1180px;}
.logo {width: 82%;}
}