/* google-fonts */

@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600,700,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


:root {
  --main-color: black;
}


body {
    font-family: 'Poppins', sans-serif;
    font-weight: normal;
    font-style: normal;
    color: black;
	background: white;
    font-size: 14px;
	min-height: 100%;
    width: 100vw;
	overflow-x: hidden;
	padding-top: 69px;
}

html,
body {
	overflow-x: hidden;	
}

.flex { 
	display: flex;
    align-items: center;
    justify-content: center;
}

.flex-vertical-center { 
	display: flex !important;
    align-items: center;
}

.flex-horizonal-center { 
	display: flex !important;
    justify-content: center;
}

.flex-bottom { 
	display: flex !important;
    align-items: flex-end;
    justify-content: center;
}

.flex-left { 
	display: flex !important;
    align-items: center;
    justify-content: flex-start;
}

.flex-bottom-left { 
	display: flex !important;
    align-items: flex-end;
    justify-content: flex-start;
}

.flex-right { 
	display: flex !important;
    align-items: center;
    justify-content: flex-end;
}

.flex-top-right { 
	display: flex !important;
    align-items: flex-start;
    justify-content: flex-end;
}

.lowercase{
	text-transform: none !important;
}

.black{ color: black; }
.white { color: white; }
.black-bg { background: black; }
.grey-bg { background: #f6f6f6; }
.main-color { color: var(--main-color) !important; }
.main-color-bg { background: var(--main-color) !important; }

.center-bs{
	float: none;
	margin-left: auto;
	margin-right: auto;
}

.font-w-300 { font-weight: 300 !important; }
.font-w-400 { font-weight: 400 !important; }
.font-w-500 { font-weight: 500 !important; }
.font-w-600 { font-weight: 600 !important; }
.font-w-700 { font-weight: 700 !important; }


.mt-10 { margin-top: 10px; }
.mt-20 { margin-top: 20px; }
.mt-30 { margin-top: 30px; }
.mt-40 { margin-top: 40px; }
.mt-50 { margin-top: 50px; }
.mt-60 { margin-top: 60px; }
.mt-70 { margin-top: 70px; }
.mt-80 { margin-top: 80px; }
.mt-90 { margin-top: 90px; }
.mt-100 { margin-top: 100px; }
.mt-110 { margin-top: 110px; }

.vimeo-embed-wrapper { padding-bottom: 56.25%; position: relative;}
.vimeo-embed-wrapper2 { padding-bottom: 56.25%; position: relative;}
.video-side-side { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.heading { width: 100%; }
.heading h2 { font-size: 25px; font-weight: 400; text-align: center; margin-bottom: 10px; line-height: 1.4;  max-width: 800px; display: block; margin: 0 auto; }
.heading hr { width: 180px; margin-bottom: 35px; margin-top: 13px; background: var(--main-color); height: 1px; } 
.heading p { text-align: center; line-height: 1.8; font-weight: 300; font-size: 16px; }

.container-fixed { width: 90%; max-width: 1100px; display: block; margin: 0 auto; }
.container-wide { width: 90%; max-width: 1250px; display: block; margin: 0 auto; }

.section-padding { padding: 50px 0px; }
.section-padding-lg { padding: 90px 0px; }

.btn-reg { background: var(--main-color); padding: 8px 26px; color: white !important; font-weight: 500; border-radius: 5px; display: block; width: 130px; }
.btn-menu { background: var(--main-color); padding: 8px 26px; color: white !important; font-weight: 500; border-radius: 5px; display: block; }

.full-sample-img { transition: all 0.2s ease; cursor: pointer;  }
.full-sample-img:hover { transform: scale(1.03); transition: all 0.2s ease;}


/* MENU */
#menu { z-index: 99999999; position: fixed; top: 0; left: 0; width: 100vw; transition: all 0.5s ease; background: black;  padding: 5px 0px; }
.menu-top-wrapper { height: 60px; }
.navbar { background: rgba(0,0,0,0.0);}
.navbar-nav { padding: 0px; float: right; }
.nav-item {color: white; margin-right: 11px; font-size: 13px; font-weight: 400; letter-spacing: 1px; cursor: pointer; }
.nav-item:hover { color: var(--main-color); }
.nav-link {color: white; margin-right: 11px; font-size: 13px; font-weight: 400; letter-spacing: 1px; cursor: pointer; }
.nav-link:hover { color: var(--main-color); }
.menu-top-center { padding: 10px 0; height: 60px; }
.navbar-collapse { justify-content: flex-end; }
.dropdown-menu.show {background: rgba(0,0,0,0.8); border-radius: 0; top: 49px; padding: 10px 0px; transition: all 0.4s ease;}
.dropdown-item { color: white !important; font-size: 13px; cursor: pointer; }
.dropdown-item:hover { text-decoration: underline; background: none; color: white;  }
.nav-link.active { color: rgba(14,147,108,1); }
.navbar-toggler { position: fixed; top: 22px; right: 20px;}
.menu-logo { position: absolute; top: 50%; transform: translateY(-50%); left: 50px; }
.menu-logo img { height: 100px; }
.triangle-up {
	width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid rgba(0,0,0,0.8);
    position: absolute;
    top: -11px;
    left: 10px;
}
.navbar-toggler .icon-bar {
    display: block;
    width: 21px;
    height: 2px;
    border-radius: 1px;
	background: white;
    transform: scale(1.5);
}
.navbar-toggler .icon-bar.two { margin: 8px 0px; }
.menu-logo .logo-img { height: 38px; }

.navbar-custom {
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-preferred-size: auto;
	justify-content: flex-end;
	flex-grow: 1;
	transition: all 0.3s ease; 
}

.body-section { padding: 40px 0px 120px 0px; position: relative; }
.sub-footer-section { background: var(--main-color); }




/* HOME */
.home-side-side-row { margin-top: 100px; }
.home-side-side-text .heading h2 { text-align: center;  }
.home-side-side-text p { font-size: 14px; width: 100%; text-align: center; max-width: 600px;}
.home-side-side-text img { height: 55px; display: block; margin: 0 auto; }

.home-side-side-img img { width: 100%; }

#home-carousel  .carousel-item { min-height: 510px; }
#home-carousel  .carousel-item div {     position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%; }
#home-carousel  .carousel-item img { width: 100%; margin-top: 8px; }
#home-carousel  .carousel-item p { text-align: center; font-size: 16px; }

#home-carousel .carousel-control-next { right: -95px; }
#home-carousel .carousel-control-prev { left: -95px; }
#home-carousel .carousel-indicators { bottom: -55px; }


.pricing-wrapper {transition: all 0.3s ease;}
.pricing-wrapper:hover { transform: scale(1); transition: all 0.3s ease; }
.pricing-wrapper .heading h2 { font-size: 23px; margin-bottom: 0; }
.pricing-wrapper .heading p { font-size: 14px; margin-bottom: 0; }
.pricing-list { list-style-type: none; columns: 2; -webkit-columns: 2; margin-top: 30px; padding: 0;}
.pricing-list li span { margin-right: 15px; }
.pricing-list li { border-bottom:1px solid #ddd; padding: 5px 0; text-align: left; font-size: 13px; }
.pricing-list li a { color: white; }
.pricing-list li a:hover { color: blue; }
.pricing-list li:hover { border-left: 3px solid #ee3e41; }
.pricing-teaser-box { padding: 30px; background: white; border: 1px solid black; }
.pricing-teaser-box p { margin: 0; font-size: 18px; color: black; font-weight: 600; text-align: center; }
.pricing-teaser-box p.small { margin: 0; font-size: 14px; color: black; font-weight: 500; text-align: center; }
.pricing-top-icon { background: white; border-radius: 50px; width: 90px; height: 90px; position: absolute; top: -45px; left: 50%; transform: translateX(-50%); box-shadow: 0px -10px 17px 0px rgb(0 0 0 / 5%);}
.pricing-top-icon img { width: 55%; }

.testi-col { background: white; border-radius: 20px; width: 100%; box-shadow: 0 1px 3px 0 #e6ebf1; padding: 30px 40px; padding-top: 30px;}
.testi-quote-left { font-size: 72px; color: red; text-align: right; }
.testi-quote-right { font-size: 72px; color: red; position: relative; }
.testi-quote-right span { position: absolute; bottom: 0; left: 0; max-height: 30px;}
.testi-text p { color: grey;  margin-bottom: 0; text-align: center; }
.testi-text { padding-top: 40px; }
.steps-inner-num { margin: 0 auto; font-family: 'Poppins', sans-serif; color: var(--main-color); font-size: 42px; font-weight: 300; text-align: center; border-radius: 50px; border: 2px solid var(--main-color); height: 50px; width: 50px; }




/* PHOTO EDITING */
.photo-editing-carousel-top img { width: 100%; }
.photo-editing-carousel-bottom img { width: 19%; margin-right: 1.5%; }
.photo-editing-carousel .carousel-control-next { right: -95px; filter: invert(1);}
.photo-editing-carousel .carousel-control-prev { left: -95px; filter: invert(1); }
.photo-editing-carousel .carousel-indicators { bottom: -55px; }

.express-banner-black { background: black; padding: 20px 30px; }
.express-banner-black img { height: 30px; margin-right: 20px; }
.express-banner-black h3 { font-size: 20.5px; margin: 0; }
.express-banner-black p { font-size: 14px; margin: 0; }


.no-wait-wrapper { background: black; border-radius: 20px; padding: 20px 80px; }
.no-wait-row { padding: 40px 0px; border-bottom: 2px solid #333333; }
.no-wait-left img { height: 54px; }
.no-wait-right p { color: white; font-size: 14px; margin: 0; }





/* SPW */
.tour-headers p { text-align: center; font-size: 16px; margin: 0; }
.tour-headers img { width: 95%; display: block; margin: 0 auto; margin-top: 10px; outline: 4px solid #474747; }

.spw-icon img { height: 50px; display: block; margin: 0 auto; }
.spw-icon h3 { font-size: 18px; margin: 25px 0; text-align: center; }
.spw-icon p { font-size: 13px; margin: 0; text-align: center; }



/* VIDEO */
.lvids-header-link.active { color: var(--main-color); }
 


/* LOGIN */
.login-1 { height: 100vh; width: 100vw; overflow: hidden; background: white; }
.login-1 label { font-size: 13px; font-weight: 600; margin-bottom: 3px;}
.login-wrapper { width: 100%; max-width: 950px; border-radius: 5px; background: white; box-shadow: 0px 2px 18px 0px rgb(0 0 0 / 15%); padding-right: 30px; margin-top: -40px; }
.login-form-input {
    border: 1px solid #ddd;
    border-radius: 5px;
    width: 100%;
    height: 34px;
    padding-left: 8px;
	margin-top: 3px;
    background: white;
	margin-bottom: 10px;
}
.login-left-wrapper { background: var(--main-color); border-radius: 5px 0px 0px 5px; }
.login-left-wrapper h3 { font-size: 24px; text-align: left; margin: 0; }
.login-left-wrapper p { font-size: 14px; text-align: left; margin: 0; }
.login-right-wrapper { padding: 80px 20px; }
.login-divider { height: 1px; background: #ddd; margin-top: 30px; margin-bottom: 30px; }
.forgot-password-text { color: #e10025; font-size: 13px; text-align: center; font-weight: 600; }





/* FOOTER */
#footer { padding: 20px 0px 40px 0px; background: black; }
.footer-nav p { color: white; font-size: 15px; font-weight: 200; line-height: 1; margin: 0;}
.footer-nav .separator { margin: 0 13px; line-height: 1;  }
.footer-img img { height: 40px; }
.footer-socials i { color: white; font-size: 18px; margin: 0 10px; }
.footer-locations { display: flex; flex-direction: row; flex-wrap: wrap; } 
.footer-locations p { color: white; font-size: 15px; font-weight: 200; line-height: 1; margin: 0; width: 25%; text-align: center; }


.contact-section { background: black; }
.contact-field-wrapper { margin-bottom: 45px; }
.contact-field-wrapper p { color: white; font-size: 14px; font-weight: 300; margin: 0;  margin-bottom: 10px; }
.contact-field-wrapper input { border: none; border-bottom: 1px solid #ababab; background: black; height: 30px; font-size: 15px; color: white; width: 100%;}
.contact-field-wrapper input:focus-visible { outline: none; }

.contact-info h3 { font-weight: 600; font-size: 14px; margin: 0; margin-bottom: 5px; }
.contact-info p { color: white; font-weight: 400; font-size: 14px; margin: 0; margin-bottom: 5px; }


.mw-60 { max-width: 60%; display: block; margin: 0 auto; }



/* MEDIA QUERIES */

@media screen and (max-width: 1550px) {



}


@media screen and (max-width: 1100px) {



}


@media screen and (max-width: 800px) {

	.mt-100 { margin-top: 30px; }
	.mw-60 { max-width: 100%; }
	.section-padding-lg { padding: 50px 0px; }
	.no-wait-wrapper { padding: 20px 50px; }
	.no-wait-right { margin-top: 20px; }
	.heading h2 {  font-size: 22px; max-width: 100%; display: block; margin: 0 auto; }
	.home-side-side-text p { font-size: 14px; }

	/* MENU */
	#menu { background: black; height: 75px; border-bottom: 1px solid #ddd;}
	.menu-logo { left: 25px; }
	.navbar-toggler { background: black; }
	.fa-bars { font-size: 34px !important; color: white; }
	.navbar-nav { width: 100%; margin-top: 30px; }
	.navbar-custom { position: fixed; right: 0; top: 0; background: white; height: 100%; padding: 15px; width: 65vw;}
	.navbar-custom .nav-item { border-bottom: 1px solid #ddd; padding: 10px; margin: 0;}
	.navbar-custom .nav-item .nav-link { color: black; text-align: right; font-size: 13px; margin: 0; }
	.menu-login-btn { width: 100% !important;  margin-left: auto;}
	.menu-mobile-close { display: block; position: absolute; font-size: 18px; }
	.navbar-custom.hidden { width: 0px; padding: 0px; pointer-events: none;  }
	.navbar-custom.hidden .menu-mobile-close { pointer-events: none; display: none; }
	.navbar-custom.hidden .menu-login-btn { display: none; }
	.menu-overlay { display: none; position: fixed; width: 100vw; height: 100vh; top: 0; left: 0; z-index: 99; background: rgba(0,0,0,0.5); }
	.mobile-logo { display: flex; }
	.dropdown-menu.show { background: white; border: none; }
	.dropdown-menu.show .triangle-up { display: none; }
	.dropdown-item { color: black !important; text-align: right; padding: 0; padding-right: 10px; margin-bottom: 10px; }
	.nav-item .btn-menu { display: inline-block; float: right; }
	.navbar-custom.hidden .nav-item .btn-menu { display: none; }



	/* HOME */
	.home-side-side-text img { height: 45px;  }
	#home-carousel .carousel-item { min-height: 300px; }
	.pricing-list { columns: 1; -webkit-columns: 1; }


	/* SPW */
	.tour-headers { margin-top: 30px; }
	.spw-icon { margin-bottom: 50px; }


	/* VIDEO */
	.video-editing-video-margin { margin-top: 20px; }

	/* SIGNUP */
	.login-wrapper { padding-right: 0; border-radius: 5px; }
	.login-left-wrapper { border-radius: 5px 5px 0px 0px; padding: 20px; }
	.login-right-wrapper { padding: 0; padding: 20px; padding-top: 30px; }
	.login-wrapper-row-mob { width: 100%; margin: 0; }


}