/*-------------------- General Layout Styles --------------------*/
.clearfloat {
	clear:both; 
	height:0; 
	font-size:1px; 
	line-height:0
}
html{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; font-size:16px; -webkit-tap-highlight-color:transparent}
*,:after,:before{box-sizing:border-box}
*, #defaultTwcPageContainer .bk-edit-options *{outline-style:hidden !important; outline-width:0 !important; outline-color:transparent !important}

#defaultTwcPageContainer .block-item .columns .container.container-empty,
#defaultTwcPageContainer .block-item .twc-container{outline-style:dotted; outline-width:1px !important; outline-color:#ccc !important}
#defaultTwcPageContainer div.block-item.highlight > .bk-dropped-item > .bk-dropped-item-contents,
#defaultTwcPageContainer div.block-item.selected > .bk-dropped-item > .bk-dropped-item-contents,
#defaultTwcPageContainer div.block-item.resizing{outline-style:solid; outline-width:2px !important; outline-color:#555 !important}

*:focus{outline-style:hidden !important; outline-width:0 !important; outline-color:transparent !important}
img{max-width:100%; height:auto}

#cmsbody #nc-contact-header .nc-connect ul{margin:10px auto; display:table}
#cmsbody #nc-contact-page #nc-contact-header .nc-connect ul li a {background-image:url(nc-social-icons.png) !important}
#cmsbody #nc-contact-page #nc-contact-header .nc-connect ul li.nc-instagram a {background-position:-201px 0 !important}
#cmsbody #nc-contact-page #nc-contact-header .nc-connect ul li.nc-pinterest a {background-position:-168px 0 !important}
#cmsbody #nc-contact-page #nc-contact-header .nc-connect ul li.nc-flickr a {background-position:-234px 0 !important}
#cmsbody #nc-contact-page #nc-contact-header .nc-connect ul li.nc-tiktok a {background-position:-267px 0 !important}

/*===========Splash CSS S===========*/
html{background:#eeeee5; display:flex; justify-content:center; padding:0; height:100%}
body.splash{background:transparent; width:100%; display:flex}
body.splash *{font-family:'Poppins', sans-serif}
body.splash h1, body.splash h1 *{font-family:'Playfair Display', sans-serif; margin:0}
body.splash .splash-main-bg{display:flex; justify-content:center; width:100%}
body.splash .splash-main-bg-height{display:flex; width:100%; text-align:center; justify-content:center}
body.splash .splash-main-bg-height .container{width:100%; max-width:100%; display:flex; margin:0 auto; height:100vh; flex-direction:column}
body.splash .splash-main-bg-height > .container > .row{display:flex; justify-content:space-between; flex-wrap:nowrap; width:100%; height:100vh}
.splash-confirmation body.splash .splash-main-bg-height .row{flex-direction:column; justify-content:center}

.splash-left{display:flex; flex-direction:column; justify-content:space-evenly; width:100%; margin:0 auto; padding:47px 15px; flex:1.5}
.splash-right{background:url(splash-img.jpg) 50% 50% no-repeat; background-size:cover;  display:flex; flex-direction:column; justify-content:space-evenly; width:100%; max-width:800px; margin:0 0 0 auto; padding:0 15px; flex:1}

.splash-logo{margin:0 auto 30px; text-align:center; padding:0 15px}
.splash-logo a{display:table; margin:0 auto; text-decoration:none}
.splash-logo img{max-height:480px; width:auto}

.splash-head{padding:0 15px; text-align:center; margin:0 auto 50px auto}
.splash-head h1, .splash-head h1 span{font-size:72px; color:#231e20; font-weight:400; text-align:center; line-height:0.9; margin:0 auto; font-style:italic}
.splash-head h1 span{color:#231e20; display:table; font-style:normal}

.splash-content{margin:0 auto; padding:0 15px; display:flex; justify-content:space-around; align-items:center; max-width:750px; flex-direction:column}
.splash-content p{color:#231e20; font-size:24px; font-weight:600; line-height:1.6; padding:0; margin:10px 0; text-align:center}

.splash-cta{margin:0 auto; padding:0 15px; display:flex; justify-content:center; align-items:center; flex-wrap:wrap}

.splash-email{margin:10px auto; padding:0; width:100%}
.splash-email a{padding:0; margin:0 auto; color:#231e20; font-size:20px; font-weight:400; line-height:1; display:table; text-decoration:none}
.splash-email a:hover{color:#d57244}

.splash-phone{margin:10px auto; padding:0; width:100%}
.splash-phone a{padding:0; margin:0 auto; color:#231e20; font-size:20px; font-weight:400; line-height:1; display:table; text-decoration:none}
.splash-phone a:hover{color:#d57244}

.splash-website{margin:0 auto; padding:0; width:100%}
.splash-website a{margin:0 auto; color:#231e20; font-size:20px; font-weight:400; line-height:1.4; display:table; text-decoration:none}
.splash-website a:hover{color:#d57244}

.splash-main-bg #cmsbody {width:100%; max-width:1170px; padding:0 15px; margin:0 auto}
.splash-main-bg #cmsbody .container{height:auto !important}

@media screen and (max-width:991px) {	
	body.splash .splash-main-bg-height .row{flex-direction:column; justify-content:space-between}
	.splash-left, .splash-right{width:100%; padding:30px 15px 0; flex:unset; max-width:100%}
	.splash-right{min-height:350px}
	
	.splash-head h1, .splash-head h1 span{font-size:50px}
	.splash-logo img{max-height:225px; width:auto}
	
	.splash-logo, .splash-head, .splash-content{margin:0 auto 20px auto}
	.splash-phone, .splash-email, .splash-website {margin:5px auto}
	.splash-phone a, .splash-email a, .splash-website a{font-size:16px}	
}

@media screen and (max-width:767px) {
	body.splash .splash-main-bg-height .row{flex-direction:column}
	
	.splash-logo, .splash-head{margin:0 auto 20px}
	.splash-logo img{max-height:200px; width:auto}
	.splash-head h1, .splash-head h1 span{font-size:40px}

	.splash-phone, .splash-email, .splash-website{padding:0 5px; margin:5px auto; width:100%}
}