/*   
Theme Name: Mercedes for Ladies
Author: Sandlapper Creative
Author URI: http://www.sandlappercreative.com
Version: 1.0
*/

/*Reset*/
a,hr{padding:0}a,input[type=checkbox]{vertical-align:baseline}article,aside,figure,footer,header,hgroup,hr,img.aligncenter,nav,section{display:block}abbr,address,article,aside,audio,b,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0;margin:0;padding:0}td,td img{vertical-align:top}embed,img,object{max-width:100%;height:auto;}html{overflow-y:scroll}ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}a{font-size:100%;background:0 0;margin:0}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}.alignleft,img.alignleft{float:left;margin:15px 15px 15px 0}alignright,img.alignright{float:right;margin:15px 0 15px 15px}.aligncenter,img.aligncenter{margin:15px auto}table{border-collapse:collapse;border-spacing:0;font:100%}th{vertical-align:bottom}td{font-weight:400}hr{height:1px;border:0;border-top:1px solid #ccc;margin:1em 0}input,select{vertical-align:middle}pre{white-space:pre-line;word-wrap:break-word}input,select,textarea{font:99% sans-serif}a:active,a:hover{outline:0}small{font-size:85%}strong,th{font-weight:700}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}code,kbd,pre,samp{font-family:monospace,sans-serif}.clickable,button,input[type=button],input[type=submit],label{cursor:pointer}button,input,select,textarea{margin:0}button{width:auto;overflow:visible}.ie7 img{-ms-interpolation-mode:bicubic}.ie6 html{filter:expression(document.execCommand("BackgroundImageCache",false,true))}.clearfix:after,.clearfix:before{content:"\0020";display:block;height:0;overflow:hidden}.clearfix:after{clear:both}.clearfix{zoom:1}.ie6 input,input[type=radio]{vertical-align:text-bottom}


/*Styles*/

body{ background-color: #161212;}
body, select, input, textarea{ font-family: "Poppins", Helvetica, Arial, sans-serif;}

a{ color: #03f;}
a:hover, a:focus{ color: #69f;}
.button, .gform_button{ -webkit-appearance: none; display: inline-block; color: #fff; text-decoration: none; text-transform: uppercase; letter-spacing: .05em; font-size: 14px; line-height: 14px; padding: 15px 40px; border: 1px solid #f2c8b8; border-radius: 100px; font-weight: 400; background: none;}
.button:hover, .button:focus, .gform_button:hover{ background-color: #f2c8b8 !important; color: #161212 !important; border: 1px solid #f2c8b8 !important;}
.screen-reader{ position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden;}
a, img, .button, button{ transition: all .2s ease 0s;}

h1, h2, h3, h4, h5, h6{ line-height: normal; font-family: "Inter Tight", Helvetica, Arial, sans-serif;}
h1{}
h2{ font-size: 34px; color: #f2c8b8; font-weight: 500;}
h3{}
h4{}
h5{}
h6{}

.page-wrap{}
.wrapper, .container{ width: 90%; max-width: 1400px; margin: 0 auto;}
.container{ display: flex;}
.wrapper:after{ content: ""; display: table; clear: both;}

nav ul{ list-style: none; position: relative; float:left; margin:0; padding:0;}
nav ul a{ display: block; line-height: 32px; text-decoration: none;}
nav ul li{ position: relative; float: left; margin: 0; padding: 0;}
nav ul li.current-menu-item a, .nav ul li:hover > a{}
nav ul ul{ display: none; position: absolute; top: 100%; left: 0; padding: 0; text-align: left;}
nav ul ul li{ float: none; width: 200px;}
nav ul ul a{ line-height: 120%;}
nav ul ul ul{ top: 0; left: 100%;}
nav ul li:hover > ul{ display: block;}

.header{ position: fixed; top: 0; left: 0; width: 100%; padding: 25px 0; z-index: 99; transition: all .3s ease 0s;}
.header .container{ justify-content: space-between; align-items: center;}
.header .logo{ max-width: 200px;}
.header .nav li{ margin: 0 20px;}
.header .nav a{ color: #fff; font-size: 14px; text-transform: uppercase; letter-spacing: .053em;}
.header .nav li:hover > a{ color: #f2c8b8;}
.header.scroll{ background-color: #161212; transition: all .3s ease 0s; border-bottom: 1px solid #1e1a1a;}

.content{ font-weight: 300; font-size: 16px; line-height: 26px; color: #fff;}
.content p{ margin-top: 15px;}
.content ul{ list-style: disc; margin: 15px 0 0 30px;}
.content ol{ margin: 15px 0 0 30px;}
.default.content .wrapper{ max-width: 960px; margin: 150px auto 100px;}

.footer{ text-align: center; padding: 40px 0 100px; font-size: 14px; line-height: 14px; font-weight: 300; background-color: #fff;}
.footer .legal, .footer .legal ul{ display: flex; align-items: center; justify-content: center;}
.footer .legal li{ margin-left: 8px; padding-left: 6px; border-left: 1px solid #161212;}
.footer .legal a{ color: #161212; text-decoration: none;}
.footer .legal a:hover{ color: #aa9696;}
.footer .credit{ margin-top: 10px;}
.footer .credit a{ font-size: 12px; text-decoration: none; color: #aa9696;}

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

#payments{ padding: 40px 30px 60px; max-width: 500px !important; background-color: #fff; overflow-y: scroll;}
#payments .gform_body input{ background: none; border: none; -webkit-appearance: none; border: 1px solid #161616; padding: 15px 20px !important; font-size: 14px;}
#payments .gform_button{ color: #161616;}
.lity-close{ position: absolute !important; top: 0 !important; right: -35px !important}
#field_1_7{ margin-top: 30px;}
#field_1_8{ margin-bottom: 20px;}
#input_1_18{ border: none !important;}
.ginput_product_price_wrapper{ display: none !important;}
#payments p{ font-size: 14px; text-align: center; margin-bottom: 30px;}
#payments p a{ color: #aa9696; text-decoration: none;}

.home .hero{ background-size: cover; background-position: center center; background-color: #161616; position: relative; min-height: 800px;}
.home .hero:after{ content: ""; display: block; padding-bottom: 56.25%;}
.home .hero .hero-overlay{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; background: linear-gradient(to right,  rgba(21,16,16,1) 0%,rgba(21,16,16,1) 18%,rgba(21,16,16,0.7) 100%);}
.home .hero .hero-content{ width: 50%; font-size: 18px;}
.home .hero .lede{ font-size: 34px; font-weight: 400; letter-spacing: .025em;}
.home .hero h1{ font-size: 60px; line-height: 64px; font-weight: 700; color: #f2c8b8; margin: 20px 0 20px;}
.home .hero ul{ margin: 30px 0 0; list-style: none;}
.home .hero ul li{ display: inline; margin-right: 20px;}
.home .hero ul li:nth-of-type(1) .button{ background-color: #fff; border: 1px solid #fff; color: #161212; font-weight: 500;}

.home .about{ background-color: #161212; padding: 150px 0;}
.home .about .about-carousel{ width: 48%;}
.home .about .about-content{ width: calc(100% - 500px);}
.home .about .container{ justify-content: space-between; align-items: center;}
.home .about .about-carousel .single-slide .slide-image{ background-size: cover; background-position: center center; border-radius: 1000px; width: 400px; height: 400px; margin: 0 auto;}
.home .about .slick-dots{ bottom: -80px;}

.home .services{ background-color: #1e1a1a; padding: 130px 0 140px; position: relative;}
.home .services .services-content{ width: calc(100% - 520px);}
.home .services .services-content h2{ margin-bottom: 20px;}
.home .services .services-content ul{ list-style: none; margin: 0; padding: 0;}
.home .services .services-content ul li{ position: relative; padding-left: 36px; margin-bottom: 30px;}
.home .services .services-content ul li::before{ content: ""; position: absolute; left: 0; top: 2px; width: 20px; height: 20px; background-image: url(images/circle.png); background-size: cover; background-position: center;}
.home .services .services-content ul li .service-text{ display: block;}
.home .services .services-content ul li .service-text strong{ font-size: 21px; font-weight: 500; display: block; margin-bottom: 6px;}
.home .services .services-content ul li p{ margin: 0;}
.home .services .services-pricing{ width: 450px; background-color: #f2c8b8; padding: 30px 40px; box-sizing: border-box; color: #161212; font-size: 14px; line-height: 24px; position: absolute; right: 0; top: 200px; font-weight: 400;}
.home .services .services-pricing ul{ list-style: none; margin: 5px 0 10px;}
.home .services .services-pricing ul li{ margin: 0; display: flex; justify-content: space-between; border-bottom: 1px solid #161212; padding: 10px 0;}
.home .services .services-pricing ul li:nth-last-of-type(1){ border: none;}
.home .services .services-pricing ul li strong{ font-size: 14px; font-weight: 600;}
.home .services .services-pricing .gratuity{ font-size: 12px; line-height: 16px; font-style: italic;}

.home .testimonials{ background-image: url(images/testimonials.jpg); background-size: cover; background-position: center center; padding: 100px 0 150px; text-align: center;}
.home .testimonials .single-testimonial blockquote{ background-color: #1e1a1a; max-width: 700px; padding: 50px 60px; box-sizing: border-box; margin: 0 auto; font-size: 16px; line-height: 34px; font-weight: 300; font-style: italic; position: relative;}
.home .testimonials .single-testimonial blockquote:after{ content: ""; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 15px solid #1e1a1a;}
.home .testimonials .single-testimonial .quote-source{ font-size: 18px; font-weight: 500; margin-top: 40px;}
.home .slick-dots{ margin: 0; bottom: 75px;}
.home .slick-dots li{ width: 40px; height: 40px;}
.home .slick-dots li button{ width: 20px; height: 20px; background-image: url(images/circle.png); background-size: cover; background-position: center center; transition: all .5s ease 0s;}
.home .slick-dots li button::before{ display: none;}
.home .slick-dots li.slick-active button{ width: 26px; height: 26px; margin-left: -3px; transition: all .5s ease 0s;}
.home .slick-arrow{ z-index: 9; top: 40%; width: 20px; height: 10px; background-size: cover; background-position: center center;}
.home .slick-arrow:before{ display: none;}
.home .slick-prev{ left: 15%; background-image: url(images/left.png);}
.home .slick-next{ right: 15%; background-image: url(images/right.png);}
.home .slick-dotted.slick-slider{ margin-bottom: 0 !important;}

.home .cta{ background-color: #161212; padding: 120px 0; text-align: center;}
.home .cta p{ font-size: 16px; line-height: 30px; max-width: 700px; margin: 15px auto 0;}
.home .cta b{ font-weight: 600;}
.home .cta ul{ margin: 30px 0 0; list-style: none;}
.home .cta ul li{ margin: 0 10px; display: inline;}
.home .cta .headshot{ width: 150px; height: 150px; border-radius: 1000px; background-size: cover; background-position: center center; margin: 0 auto 30px;}


/* Media queries */

@media (max-width: 1200px) {
	.home .hero .hero-content{ width: 75%;}
}

@media (max-width: 1060px) {
	.header .nav{ display: none;}
	.home .hero:after{ padding-bottom: 100%;}
	.home .hero .hero-content{ width: 100%; text-align: center;}
	.home .about{ padding: 80px 0;}
	.home .about .container{ flex-direction: column;}
	.home .about .about-content, .home .about .about-carousel, .home .services .services-content{ width: 100%;}
	.home .about .about-content{ margin-top: 120px;}
	.home .about .about-carousel img{ max-height: auto; max-width: auto;}
	.home .services{ padding: 80px 0 0;}
	.home .services .services-pricing{ position: relative; width: 100%; top: 0; margin-top: 80px;}
	.home .testimonials .single-testimonial blockquote{ width: 80%;}
	.home .slick-prev{ left: 25px; background-image: url(images/left.png);}
	.home .slick-next{ right: 25px; background-image: url(images/right.png);}
}
@media (max-width: 800px) {
	.header{ padding: 15px 0 10px;}
	.header .container{ justify-content: center;}
	.header .button{ display: none;}
	.home .hero .lede{ font-size: 21px;}
	.home .hero h1{ font-size: 42px; line-height: 46px;}
	.content .button{ display: block; width: 100%; max-width: 400px; text-align: center; padding: 20px; box-sizing: border-box; margin: 0 auto;}
	.footer .legal, .footer ul{ flex-direction: column;}
	.footer .legal li{ margin: 8px 0 0; border: none;}
	.home .hero{ height: 100vh; min-height: 700px;}
	.home .hero:after{ padding-bottom: 0;}
	.home .hero .hero-content{ margin-top: 75px;}
}