﻿.btn-black {  background: black;
    padding: 7px 30px;
    color: white !important;
    font-weight: 500;
    border-radius: 0px;
	font-size: 12px;
	cursor: pointer;
	border: 1px solid white;
}
.btn-black i { margin-left: 10px; }

.btn-white {  background: white;
    padding: 7px 30px;
    color: black !important;
    font-weight: 500;
    border-radius: 0px;
	font-size: 12px;
	cursor: pointer;
	border: 1px solid white;
}
.btn-white i { margin-left: 10px; }

.menu-btns { position: absolute; top: 50%; transform: translateY(-50%); right: 50px; }

.pointer-events-none { pointer-events: none; }

.white-border-right { border-right: 1px solid white; } 
.white-border-bottom { border-bottom: 1px solid white; }

.para-section-1 { background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('/assets/img/home/1.jpg'); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: auto auto; min-height: 300px; }
.brokerage-logo { height: 45px; }


.about-header { background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url('/assets/img/about/header-bg.jpg'); background-size: cover; background-repeat: no-repeat; background-position-x: 100%; background-position-y: 30%; height: 85vh; }

.vimeo-embed-wrapper-reel { position: relative; position: relative; height: 550px; width: calc(550px/1.77777); display: block; margin: 0 auto; }

.pricing-section .heading h2 {  padding: 20px; border: 1px solid white; display: inline-block; font-size: 28px; }
.pricing-block { margin: 0 35px; max-width: 300px;  }
.pricing-block h3 { font-size: 16px !important; font-weight: 300; color: rgba(255,255,255,0.8); text-align: center; margin: 0; text-transform: uppercase; }
.pricing-block p { font-size: 32px !important; font-weight: 400; color: white; text-align: center; margin: 0; line-height: 1.2;  }
.pricing-block .separator { display: block; margin: 13px auto; height: 1px; background: white; width: 110px; }


.images-under-video { position: relative;  margin-top: 13px; max-width: 100%; width: 100%; height: 228px; overflow: hidden; }
.images-under-video .inner { position: absolute; top: 0; left: -10px; transition: all 1s ease; }
.images-under-video .inner img { width: 300px; margin: 0px 10px; }


.portfolio-header { background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url('/assets/img/portfolio/twi-2.jpg'); background-size: cover; background-repeat: no-repeat; background-position-x: 100%; background-position-y: 30%; height: 85vh; }
.photo-editing-item { padding: 0px 60px; }


.input-wrapper-contact label { margin-bottom: 10px; font-weight: 400; color: white; text-transform: uppercase; font-size: 15px; }
.input-wrapper-contact input { border: none; border-bottom: 1px solid white; width: 300px; background: black; font-weight: 400; color: var(--main-color); font-size: 15px; }
.input-wrapper-contact input:focus-visible { outline: none; border-bottom: 1px solid white; }
.input-wrapper-contact input::placeholder { color: red; font-style: italic; opacity: 0.8; }
.input-wrapper-contact textarea { border: none; border-bottom: 1px solid white; width: 630px; min-height: 70px; background: black; font-weight: 400; color: var(--main-color); font-size: 15px; }
.input-wrapper-contact textarea:focus-visible { outline: none; border-bottom: 1px solid white; }
.input-wrapper-contact textarea::placeholder { color: red; font-style: italic; opacity: 0.8; }


.blind-text-wrapper { position: relative; height: 48px; width: 360px; display: inline-block; }
.blind-text-wrapper h2 { position: absolute; left: 0; }

.idev { display: none; }

.buck-fots { z-index: -1; position: fixed; top: 0; left: 0; }


.reel-sample { padding: 0; margin: 15px; width: 275px; cursor: pointer; transition: all 0.2s ease; }
.reel-sample:hover { filter: brightness(1.35); transform: translateY(-5%); transition: all 0.2s ease; }

.reel-sample-single { padding: 0; margin: 15px; height: calc(23vw* 1.7777); width: auto; cursor: pointer; transition: all 0.2s ease; }
.reel-sample:hover { filter: brightness(1.35); transform: translateY(-5%); transition: all 0.2s ease; }







/* MEDIA QUERIES */

@media screen and (max-width: 1550px) {


}


@media screen and (min-width: 1500px) {


}

@media screen and (min-width: 1100px) {



}


@media screen and (max-width: 800px) {

	.menu-btns { display: none; }
	.white-border-right { border-right: none; }
	.white-border-bottom-md { border-bottom: 1px solid white; padding-bottom: 10px; }

	.about-header { height: 45vh; }
	.portfolio-header { height: 45vh; }

	.blind-text-wrapper { width: 100%; }
	.blind-text-wrapper h2 { position: absolute; width: 100%; }

	.input-wrapper-contact input { width: 100%; }
	.input-wrapper-contact textarea { width: 100%; }
	.input-wrapper-contact { width: 100%; }

	#portfolio-carousel .carousel-inner { padding: 0px 0px; padding-top: 115px; } 
	#portfolio-carousel .chicken-carousel { height: 338px; padding: 0px 20px; }
	#portfolio-carousel .chicken-carousel.compare { height: 55vw !important; }

	.photo-editing-item { padding: 0 5px; }
	.images-under-video .inner img { margin: 0 10px; width: 85vw; }

	.premium-reels-girl-wrapper { justify-content: center; padding-left: 15px !important;  }
	.premium-reels-girl { height: calc(60vw* 1.7777) !important; display: none; }
	.premium-reels-girl-video { width: 67vw !important; height: calc(67vw* 1.7777) !important; }

	.reel-sample-single { padding: 0; margin: 15px; height: calc(60vw* 1.7777); }

}


