/*
Theme Name: Brooklyn Child
Theme URI: http://www.unitedthemes.com
Description: Creative Portfolio
Version: 4.5.3.3
Author: United Themes
Author URI: http://www.unitedthemes.com
Template: brooklyn
*/

/* Tiger -ish
================================================== */
.modal-background {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 999 !important;
	width: 100%;
	height: 100% !important;
	min-height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	display: none;
}

#tiger_popup {
	position: fixed;
	right: -1000px;
	bottom: 0;
	width: 1000px;
	height: 675px;
	font-family: 'Open Sans', sans-serif;
	display: none;
}

#tiger_popup > div {
	position: relative;
	height: 100%;
	width: 100%;
}

#tiger_popup img {
	position: absolute;
	width: 975px;
	right: 0;
	bottom: 0;
}

.tiger_button {
	position: fixed;
	right: -620px;
	bottom: 75px;
	height: 600px;
	width: 600px;
	background-color: rgba(255, 255, 255, 1);
	text-align: center;
	display: none;
}

.buttons {
	position: fixed;
	right: -620px;
	bottom: 57px;
	height: 600px;
	width: 600px;
	text-align: center;
	z-index: 9999 !important;
	display: none;
}

.buttons .exit {
	position: absolute;
	right: 0;
	top: 0;
	margin: 10px;
	font-size: 1.5em;
	font-size: 1.25em;
	font-weight: bold;
	color: #000;
}

.buttons a, .buttons > button {
	z-index: 5000;
	cursor: pointer;
}

.buttons h3 {
	font-weight: 400;
	width: 70%;
	font-size: 1.25em;
	margin-top: 0;
	margin-bottom: 25px;

}

#form-trigger, #ignorance {
	margin-left: 140px;
}

.buttons > button {
	position: fixed;
	right: 0;
	margin: 10px;
	font-size: 1em;
	background-color: white;
	outline: none;
	border: none;
}

.buttons a > button {
	padding: 10px 25px;
	font-size: 1.5em;
	font-weight: 400;
	border-radius: 50px;
	outline: 0;
	border: 0;
	color: #FFF;
	cursor: pointer;
	margin-top: 430px;
	margin-right: 10px;
	margin-bottom: 20px;
}

.buttons a > button:nth-child(1) {
	background-color: #ab1f24;
}

.buttons a {
	color: black;
	font-weight: 400;
	font-size: 0.75em;
}

.button-div {
	width: 400px;
	height: 200px;
	position: relative;
}

.button-div a {
	display: block;
	
}

.form-div {
	width: 400px;
	height: 200px;
	margin-top: 360px;
	margin-left: 100px;
	font-family: sans-serif;
	display: none;
}

.form-div form {
	text-align: left;
	padding-top: 10px;
	padding-left: 20px;
}

.form-div .your-email input, .form-div .your-name input {
	padding: 5px;
	font-size: 14px;
	width: 300px;
	outline: none;
	z-index: 5000;
}

.form-div form > input {
	background-color: #ab1f24;
	color: white;
	padding: 10px 30px;
	font-size: 18px;
	outline: none;
	border: none;
	z-index: 5000;
}

/* Custom Styles
================================================== */
.home .section-title { display: none !important; }
.ut-parallax-quote-title { font-weight: bold; }
#work-with-us .ut-skill { text-align: left !important; }
#work-with-us .ut-skill span { color: #FFF !important; font-size: 16px !important; }
#work-with-us .main-content-background, #contact-us .main-content-background, .copyright { display: none !important; }
#what-we-do { margin-bottom: 40px; }
#what-we-do .grid-container { padding: 0px !important; width: 100% !important; }
#what-we-do .grid-100 { padding: 0px !important; }
#aod-interactive .ut-one-fifth { margin-left: 3% !important; margin-right: 0% !important; }
.ut-footer-area { background-color: rgba(7,7,7,0.29); }
.hero-title { background: transparent !important; font-family: 'Helvetica Neue', Helvetica !important; font-weight: bold; }
.widget_mc4wp_widget { margin-bottom: 7px !important; }
#mc4wp-form-1 { margin-bottom: 0px !important; }
.social-icons { margin-bottom: 40px !important; margin-left: 5px; }
.social-icon { font-size: 24px !important; color: #FFF !important; margin: 1px 3px; }
.social-icon:hover { color: #d30c13 !important; }
.phone-contain, .phone-contain a { letter-spacing: 1px !important; color: #FFF !important; }
.phone-contain p { margin-bottom: 11px !important; }
i.fa-phone { color: #FFF !important; }
.phone-contain a:hover, i.fa-phone:hover { color: #d30c13 !important; }

#portfolio .page-title { display: none !important; }

#social-media .hero-title { font-size: 40px !important; }
#social-media .main-content-background { height: 17px !important; background: #000 !important; }
#social-media .main-content-background .pt-style-1{ display: none !important; }

.woocommerce ul.products li.product a img { max-width: 300px; max-height: 300px; }

.vit-icon { float: right; height: 100%; margin-left: 11px; padding: 7px 4px 40px 0px !important; position: relative; left: 0px; }
.vit-icon-r { float: left; height: 100%; margin-right: 11px; padding: 7px 0px 54px 4px !important; position: relative; max-width: 66px; right: 0px; }
.vit-contain h4 { margin-bottom: 7px !important; font-weight: bold; color: #000 !important; }
.vit-contain p { font-size: 13px; color: #191919; line-height: 19px !important; }
.subtitle-txt { color: #292929 !important; }

/* Responsive
================================================== */
@media screen and (max-width: 480px) {
	.member-box { width: 96%; margin: 2%; }
}
@media screen and (max-width: 767px) {
	.member-box { width: 46%; margin: 2%; }
	#about-us { padding-top: 33px !important; padding-bottom: 0px !important; }
	.lead h2 { font-size: 15px !important; text-align: justify; }
	.subtitle-txt { width: 92%; margin: 0px auto; font-size: 1.1em; }
	.ut-one-third { width: 90%; margin-left: 6%; margin-bottom: 20px; clear: bottom !important; }
	.vit-contain > div { clear: both !important; }
	.vit-content { float: left; width: 80%; }
	.vit-content-r { float: right; width: 80%; }
	.vit-icon, .vit-icon-r { width: 50px; padding: 7px 0px 80px 4px !important; }
}

@media screen and (min-width: 1025px) {
	.home .grid-70 { width: 96% !important; margin: 0 17px !important; }
	.home .grid-100 { width: 96% !important; margin: 0 17px !important; }
	.site-logo img { vertical-align: middle; }
	#about-us .lead {
		font-size: 24px !important;
		display: -webkit-flex; /* Safari */
		-webkit-justify-content: center;
		display: flex;
		justify-content: center;
		text-align: justify;
		-moz-text-align-last: center;
		text-align-last: center;
	}
	.subtitle-txt { width: 66%; margin: 17px auto; font-size: 1.3em; }
	.member-box { width: 20% !important; }

}


@media only screen and (min-width: 940px) {
	.vit-icon { padding: 7px 0px 33px 4px !important; position: relative; left: 17px !important; }
	.vit-icon-r { padding: 7px 4px 57px 0px !important; max-width: 66px; right: 17px !important; }
}