



	html{
		background-image:url("../images/background.jpg");
		background-repeat: no-repeat;
		background-attachment: fixed;
	}

/*use styles below only if you'd like to reset
the padding around the content asset*/
#main .site-wrapper { padding: 0!important; }
#page-main-content{padding-top:0!important;}
//Getting rid of recommendation holder
.recommendation-holder{display:none!important;}

.video-wrapper{
	position: relative;
	padding-bottom: 56%;
	height: 0;
	width: 100%;
}
.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.icon-link{
	text-decoration: none;
	margin-right: 20px;
	color: #B1B0B0;
	&:hover{color: rgba(000, 000, 000, 1);}
}

.social-icon{ font-size: 20px; }

.social-links{padding-left: 25px;}

.form-button-holder .btn-primary{
	background: transparent;
	color: #fff;
	border-color: #fff;
}

.section-bg-text-color{
	background-color: #1d0c1b;
	color: #fff;
}

.slick-arrow{
	color: #fff !important;
	font-weight: 600;
}
.icon-arrow-left, .icon-arrow-right{
	z-index: 1;
}
.slick-dots .slick-active button{
	background: #b6b4b7;
}
.slick-dots{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 60px;
}

.banner-text-padding{
	padding: 50px 0px;		
}

.white-text{
	color: white !important;
}

/*DESKTOP*/
@media only screen and (min-width : 1020px) {
	.dt-text-overlay{
		position:absolute;top:50%;
		left:0;right:0;
		-webkit-transform:translate(0,-50%);
		-ms-transform:translate(0,-50%);
		transform:translate(0,-50%)
	}

	.keyline-top, .keyline-bottom {
		border-bottom: 1px white solid;
		margin: 0 40px;
	}

	.keyline-top {margin-bottom: 36px;}
	.keyline-bottom {margin-top: 40px;}
	.tablet-bottom-banner .column-40{
		width: 45%;
	}
}

/*TABLET LANDSCAPE*/
@media only screen and (min-width : 960px) and (max-width: 1024px) {
	.tablet-bottom-banner .column-40{
		width: 60%;
	}
}

/*TABLET PORTRAIT*/
@media only screen and (min-width : 767px) and (max-width: 959px) {
	
}

/*MOBILE*/
@media only screen and (max-width : 767px) {
	.slick-dots{
		visibility: hidden;
	}
}






