body {
	font-family: 'Roboto', Helvetica, Arial;
	font-size: 15px;
	color: #fff;
	background: #0C0C0C;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	opacity: 0;
	overflow-x: hidden;

}
body.fixed {
	padding-top: 55px;
}

body.loaded {
  opacity: 1;
  transition: 1s opacity;
}


.wow {
	visibility: hidden;
}

.overh {
	overflow: hidden;
}

*:focus {
	outline: none !important;
}

a,
a:hover,
a:focus,
a:visited {
	color: inherit;
	text-decoration: none;
	transition: 0.3s all;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', Helvetica, Arial;
	font-weight: 400;
	line-height: 1.2;
	color: inherit;
}

h1 { font-size: 26px; }
h2 { font-size: 18px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 16px; }

@media screen and (min-width: 992px) {

	h1 { font-size: 30px; }
	h2 { font-size: 24px; }
	h3 { font-size: 22px; }
	h4 { font-size: 20px; }
	h5 { font-size: 18px; }
	h6 { font-size: 18px; }
}

p{
	color: inherit;
}

.map {
	mix-blend-mode: exclusion !important;
}

.map .gm-style {
    mix-blend-mode: exclusion !important;
}
/* Framework */

.main {
	width: 100%;
	min-height: 500px;
	overflow: hidden;
	background: #fff;
}

.link {
	color: #D72229 !important;
}

.link:before{
	content: '\279E';
	margin-right: 10px;
}

.link:hover{
	margin-left: 20px;
    color: red;
    transition: 0.3s all;
}

.container{
	width: 100%;
	max-width: 100%;
}
@media screen and (min-width: 992px) {
	.container {
		max-width: 1440px;
		padding: 0 70px;
	}
}

/* Colors */

.bg-primary {
	background-color: #D72229 !important;

}

.text-primary{
	color: #D72229 !important;
}

.btn{
	position: relative;
	border-radius: 0;
	padding: 8px 32px;
	text-transform: uppercase;
}
.btn:after {
	content: '+';
	position: absolute;
	top: -1px;
	right: -50px;
	height: calc(100% + 2px);
	width: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #000;
	transition: 0.3s all;
}

.btn-lg {
	padding: 18px 32px;
}

.btn-primary {
    background: #D82230;
    border-color: #D82230;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not([disabled]):not(.disabled):active {
	color: #D82230;
	background: transparent;
	border-color: #D82230;
	box-shadow: none;
}

.btn-outline-primary {
    color: #D82230;
    background: transparent;
	border-color: #D82230;
}

.btn-outline-primary:active,
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not([disabled]):not(.disabled):active {
	color: #fff;
	background: #D82230;
	border-color: #D82230;
	box-shadow: none;
}

.btn-outline-primary:after{
	border-color: #D82230;
	color: #D82230;
}
.btn-outline-primary:hover:after,
.btn-outline-primary:focus:after,
.btn-outline-primary:active:after {
	background: #D82230;
	color: #fff;
}

.btn-outline-secondary {
    color: #909193;
    background: transparent;
	border-color: #909193;
}
.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary:not([disabled]):not(.disabled):active {
	color: #fff;
	background: #909193;
	border-color: #909193;
}

.btn-outline-secondary:after{
	border-color: #909193;
	color: #909193;
}
.btn-outline-secondary:hover:after,
.btn-outline-secondary:focus:after,
.btn-outline-secondary:active:after {
	background: #909193;
	color: #fff;
}

.btn-outline-light:after{
	border-color: #fff;
	color: #fff;
}
.btn-outline-light:hover:after,
.btn-outline-light:focus:after,
.btn-outline-light:active:after {
	background: #fff;
	color: #000;
}

.btn-disabled {
	display: none;
}

/*Form */

label{
	text-transform: uppercase;
	font-size: 12px;
	width: 100%;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
    color: #fff;
    border: 1px solid #fff;
    border-radius: 0px;
    padding: 8px;
    width: 100%;
    font-size: 16px;
    background: transparent;
}


input[type="text"]:focus, 
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus{
	color: #fff;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
	background: red;
	color: #fff;
	border-radius: 0;
	border: solid 1px red;
	padding: 10px 40px;
}

::-webkit-input-placeholder { /* Edge */
  color: #fff;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

::placeholder {
  color: #fff;
}

/* Header */

.header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 55px;
	background: transparent;
	transition: 0.5s all;
}
.header.fixed{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	background: #0C0C0C;
	box-shadow: 0 0 3px 0 rgba(0,0,0,0.1);
	visibility: visible !important;
}
.header.active {
	background: #0C0C0C;
}

.header .logo {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	max-width: 80px;
	padding: 8px 0;
	z-index: 1;
}
.header.active .logo {
	filter: brightness(0) invert(1);
	-webkit-filter: brightness(0) invert(1);
}

.header .nav-menu {
	position: relative; 
	float: right; 
	width: 45px; 
	padding: 18px 0; 
	cursor: pointer; 
	z-index: 999; 
	overflow: hidden; 
}
.header .nav-menu .menu-line { 
	float: right; 
	display: block; 
	width: 100%; 
	height: 2px; 
	margin: 4px 0; 
	background: #fff; 
	transition: 0.3s; }

.header .nav-menu.active .menu-line { background: #fff }
.header .nav-menu.active .menu-line:nth-child(1) { transform: rotate(45deg); width: 40px; margin-top: 14px; }
.header .nav-menu.active .menu-line:nth-child(3) { transform: rotate(-45deg); width: 40px; margin-top: -15px; }
.header .nav-menu.active .menu-line:nth-child(2) { opacity: 0; }


.header .navigation {
	position: fixed;
	top: 55px;
	left: 0;
	display: none;
	align-items: center;
	justify-content: center;
	width: 100vw;
	height: calc(100vh - 55px);
	background: #0C0C0C;
	z-index: 99;
}
.header .navigation.active {
	display: flex;
}

.header .navigation ul {
	margin: 0 0 32px;
	padding: 0;
	text-align: center;
	max-width: 1015px;
}
.header .navigation ul li a {
	display: block;
	padding: 15px 10px;
	font-size: 18px;
	font-weight: 100;
	color: #fff;
}
.header .navigation .menu .sub-menu {
	display: none;
}

.header .navigation ul li a,
.header .navigation ul li a:before {
	transition: 0.3s all;
}

.header .navigation ul li a:hover,
.header .navigation ul li a:hover:before,
.header .navigation ul li.active a,
.header .navigation ul li.active a:before {
	color: #D72229;
}


.header .navigation ul li a:before {
	font-size: 40px;
	margin-bottom: 12px;
	display: block;
	font-family: 'autopro' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
}


@media screen and (min-width: 992px) {
	.header {
		min-height: 85px;
	}
	.header .logo {
		max-width: 120px;
		padding: 15px 0;
	}
	.header .nav-menu {
		padding: 30px 0;
	}

	.header.fixed {
		min-height: 55px;
	}
	.header.fixed .logo {
		max-width: 120px;
		padding: 12px 0;
		position: absolute;
	}
	.header.fixed .nav-menu {
		padding: 12px 0;
	}

	.header .navigation {
		top: 0px;
		height: calc(100vh - 5px);
	}
	.header .navigation ul li {
		display: inline-block;
		vertical-align: middle;
		/*width: 19%;*/
	}
	.header .navigation ul li a {
		font-size: 27px;
		padding:15px 30px;
	}
	.header .navigation ul li a:before {
		font-size: 90px;
		margin-bottom: 32px;
	}

	.header.fixed .navigation{
		top: 55px;
		height: calc(100vh - 55px);
	}

}

@media screen and (max-width: 991px) {
	.header .navigation ul li {
		display: inline-block;
		vertical-align: top;
		width: 40%;
	}
}

/* Title */

.title{
	position: relative;
	margin-bottom: 50px;
}

.title h1{
	font-size: 30px;
}
.title h3{
	font-size: 24px;
}

.title.line h3{
    padding-bottom: 30px;
}

.title.line h3:after{
	content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 45px;
    height: 5px;
    background: #d72229;
}

/*.title.line h1:after{
	content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 45px;
    height: 5px;
    background: #d72229;
}*/

.title h4{
	font-size: 22px;
}
.title b{
	font-weight: bold;
}
.title span{
	color: #D72229;
	font-weight: bold;
}
.title p{
	margin: 0;
	margin-top: 16px;
}
.title .icon{
	margin-bottom: 15px;
}
.title .subtitle{
	margin-bottom: 10px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    background: red;
    padding: 10px;
    display: inline-block;
}
.title .btn{
	margin-top: 50px;
}

.title.max-width{
	max-width: 500px;
}


@media screen and (min-width: 992px){
	.title h1{
		font-size: 45px;
	}
	.title h3{
		font-size: 48px;
	}
	.title h4{
		font-size: 30px;
	}
	.title p{
		margin-top: 32px;
	}

}
@media screen and (max-width: 991px){
	.title br{
		display: none;
	}
}



/*  Modals */

.modal{
	z-index: 99999;
}
.modal-backdrop{
	z-index: 9999;
}
.modal .modal-content{
	border: 0;
	border-radius: 0;
}

.modal .close{
	position: absolute;
	top: 15px;
	right: 15px;
	width: 30px;
	height: 30px;
	background: url('assets/img/icons/icon-cross.svg') no-repeat center;
	background-size: contain;
	z-index: 10;
}
.modal .close.outside{
	right: -60px;
	filter: brightness(0) invert(1);
	-webkit-filter: brightness(0) invert(1);
}


#modalVideo .modal-dialog{
    display: flex;
    align-items: center;
	height: 100%;
	margin-top: 0;
}
#modalVideo .modal-content{
	border-radius: 0;
	border: 0;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1)
}
#modalVideo .modal-body{
	padding: 0;
}
#modalVideo .close{
	position: absolute;
	top: -40px;
	right: ;
	width: 20px;
	filter: brightness(0) invert(1);
	-webkit-filter: brightness(0) invert(1);
}

@media screen and (min-width: 992px) {
	#modalVideo .close {
		top: 0px;
		right: -40px;
	}
}



/* Modules */

.banner{
	position: relative;
	display: flex;
	align-items: center;
	padding: 50px 0;
	min-height: 350px;
	background: no-repeat center;
	background-size: cover;
	overflow: hidden;
	background-position: center center !important;
	color: #fff;
	backface-visibility: hidden;
}

.banner .background {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	transform: translateX(-50px) scale(1.25);
	/*transform: translate3d(0,0,0) scale(1.25);*/
 	background: no-repeat center;
	background-size: cover;
	background-position: center center !important;
}

.loaded .banner .background {
  transform: scale(1);
  transition: 6.5s transform;
}

.banner .title h1{
	font-size: 42px;
}

.banner .title.line:after {
    content: '';
    height: 5px;
    width: 50px;
    position: absolute;
    background: red;
    }


.banner .arrow-down{
	display: inline-block;
	vertical-align: middle;
	margin-top: 50px;
	width: 32px;
	height: 44px;
	background: url('assets/img/icons/icon-arrow-down.png') no-repeat center;
	background-size: contain;
	animation: bounce 3s infinite;
	-webkit-animation: bounce 3s infinite;
}

.banner:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgb(0 0 0 / 60%);
}

@media screen and (min-width: 992px){
	.banner{
		position: relative;
		min-height: 90vh;
	}
	
	.banner .title h1{
		font-size: 78px;
	}
	
	.banner .arrow-down{
		position: absolute;
		bottom: 30px;

	}

	.banner .background {
		transform: translateX(120px) scale(1.2);
	}
}

/* Tab Menu */

.tab_menu{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	background: #8EC641;
	color: #fff;
	min-height: 80px;
}
.tab_menu ul{
	margin: 0 -15px;
	padding: 0 15px;
	text-align: center;
	white-space: nowrap;
	overflow: auto;
}
.tab_menu ul li{
	display: inline-block;
	vertical-align: middle;
}
.tab_menu ul li a{
	display: block;
	font-size: 16px;
	font-weight: 600;
	padding: 30px 10px;
}
.tab_menu ul li.current-menu-item a,
.tab_menu ul li.active a,
.tab_menu ul li a:hover{
	text-decoration: underline;
}

@media screen and (min-width: 992px){
	.tab_menu ul li a{
		font-size: 18px;
	}
}

/* */

.section{
	position: relative;
	padding: 50px 0;
}

@media screen and (min-width: 992px){
	.section{
		padding: 100px 0;
	}
}

/* Module > Presentation */

.presentation .slider{
	position: relative;
	background: #fff;
	overflow: hidden;
}
.presentation .slider .slide{
	display: flex;
	align-items: center;
	padding: 50px 0;
	min-height: 500px;
	background: #fff no-repeat center;
	background-size: cover;
}

.presentation .slider .slide:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgb(0 0 0 / 60%);
}

.presentation .slider .slide .background {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	transform: translateX(-50px) scale(1.25);
	/*transform: translate3d(0,0,0) scale(1.25);*/
 	background: no-repeat center;
	background-size: cover;
	background-position: center center !important;
}

.loaded .presentation .slider .slide .background {
  transform: scale(1);
  transition: 6.5s transform;
}

.presentation .title {
	max-width: 730px;
}
.presentation .title h1{
	font-size: 24px;
	line-height: 30px;
}

.presentation .title .btn{
	margin-top: 50px;
}

.presentation .arrow-down{
	display: block;
	position: absolute;
	left: calc(50% - 20px);
	bottom: 0;
	width: 40px;
	height: 60px;
	background: url('assets/img/icons/icon-arrow-down.svg') no-repeat center;
	background-size: contain;
	z-index: 3;

	animation: bounce 3s infinite;
	-webkit-animation: bounce 3s infinite;
}

@media screen and (min-width: 992px) {
	.presentation .slider .slide{
		height: 95vh;
		max-height: 850px;
	}

	.presentation .title h2{
		font-size: 58px;
		font-weight: 600;
		letter-spacing: -1px;
		
	}
	.presentation .arrow-down{
		bottom: 55px;
	}

	.presentation .slider .slide .background {
		transform: translateX(130px) scale(1.2);
	}
}

/* Module > Video Player */

.video-player{
	position: relative;
	width: 100%;
	padding: 40% 0;
	background: no-repeat center;
	background-size: cover;
}
.video-player .play{
	display: none;
	position: absolute;
	top: calc(50% - 35px);
	left: calc(50% - 35px);
	width: 90px;
	height: 90px;
	font-size: 30px;
	line-height: 95px;
	text-align: center;
	background: rgb(0 0 0 / 28%);
	color: #fff;
	border-radius: 50%;
	border: solid 2px #fff;
	transition: 0.3s all;
	cursor: pointer;
}
.video-player.active .play,
.video-player:hover .play{
	background: rgb(216 34 41 / 52%);
	color: #fff;
}
.video-player:hover .play{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.video-player .play i{
	margin-left: 4px;
}

.video-player.allowed{
	cursor: pointer;
}
.video-player.allowed .play{
	display: block;
}


/* Slider */

.slider {
	position: relative;
}
.slider .dots {
	position: absolute;
	width: 100%;
	z-index: 10;
	bottom: 20px;
}
.slider .dots .slick-dots {
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: center;
}
.slider .dots .slick-dots li {
	display: inline-block;
	vertical-align: top;
	margin: 10px 6px;
}
.slider .dots .slick-dots li button {
	display: block;
	width: 40px;
	height: 5px;
	padding: 0;
    text-indent: -9999px;
	background: rgba(255,255,255,0.25);
    border: 0;
	border-radius: 0;
    overflow: hidden;
    -webkit-appearance: none;
    cursor: pointer;
}
.slider .dots .slick-dots li.slick-active button {
	background: #fff;
}

.slider .arrows button {
	position: absolute;
	top: calc(50% - 20px);
	left: -45px;
	width: 15px;
	height: 27px;
	padding: 0;
	line-height: 300px;
	text-align: center;
	font-size: 50px;
	color: #fff;
	background: transparent;
	border: 0;
	border-radius: 50%;
	transition: 0.3s all;
	cursor: pointer;
	overflow: hidden;
}
.slider .arrows button:focus {
	outline: 0;
}
.slider .arrows button:after {
	content: '';
	position: absolute;
	top: 0;
	left: -1px;
	width: 15px;
	height: 27px;
	line-height: 27px;
	color: #000;
	background: url('assets/img/icons/icon-arrow-left.svg') no-repeat center;
	background-size: contain;
}
.slider .arrows button.slick-next {
	left: auto;
	right: -45px;
}
.slider .arrows button.slick-next:after {
	content: '';
	left: 1px;
	background: url('assets/img/icons/icon-arrow-right.svg') no-repeat center;
	background-size: contain;
}

@media screen and (min-width: 768px) {

	.slider .arrows button {
		left: -45px;
		top: calc(50% - 14px);
	}
	.slider .arrows button:after {
		width: 15px;
		height: 27px;
		line-height: 27px;

	}
	.slider .arrows button.slick-next {
		left: auto;
		right: -45px;
	}
}

/* Module */

.module{
	padding: 50px 0;
}
.module .data{
	width: 100%;
	max-width: 600px;
	padding: 50px 15px;
	margin: 0 auto;
}
.module .data .title{
	margin: 0;
}
.module .image .img{
	width: 100%;
	height: 100%;
	padding: 30% 0;
	background: #eee no-repeat center;
	background-size: cover;
}
@media screen and (min-width: 768px){
	.module .data{
		padding: 50px 30px;
	}
}
@media screen and (min-width: 992px){
	.module{
		padding: 100px 0;
	}
	.module .image .img{
		padding: 40% 0;
	}
	.module .text{		
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.module .text .data{
		padding: 0px 50px;
	}
	.module .text .data .title p{
		margin-top: 24px;
	}
	.module .text .data .title p.subtitle{
		margin-top: 32px;
	}
}

/* Separator */
.m-separator:before {
	content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgb(0 0 0 / 75%);
}

.m-separator {
	background-attachment: fixed;
}


/* Gallery */

.gallery .slider{
	position: relative;
	background: #f8f8f8;
	color: #fff;
	overflow: hidden;
}

.gallery .slick-initialized .slick-slide{
		max-height: 480px;
	}


.gallery .slide .img {
	background: #000 no-repeat center;
	background-size: cover;
	padding: 25%;
}

@media screen and (min-width: 992px){
	.gallery .title p{
		font-size: 18px;
		line-height: 27px;
	}

	.gallery .slick-initialized .slick-slide{
		max-height: 680px;
	}
}

/* Gallery 3 */

.gallery-3 .slider{
	position: relative;
	background: #000;
	color: #fff;
	overflow: hidden;
}

.gallery-3 .slick-initialized .slick-slide{
		max-height: 480px;
		background: ;
	}


.gallery-3 .slide .img {
	background: #000 no-repeat center;
	background-size: cover;
	padding: 50%;
}

.gallery-3 .slider .slide {
	padding: 30px;
}

@media screen and (min-width: 992px){

	.gallery-3 .slick-initialized .slick-slide{
		max-height: 680px;
	}
}

/* Pages > Home */

/* Services*/
.page.home .services .data .title h3 {
	font-size: 21px;
}
.page.home .services .text {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}

.page.home .services .items article {
	display: flex;
	flex-direction: column;
    display: inline-block;
    width: 40%;
    margin: 20px 30px 10px 0;
}

.page.home .services .items article .thumbnail {
	margin-bottom: 20px;
}
.page.home .services .items article .data {
	border-top: solid 2px #fff;
	padding: 0;
}
.page.home .services .items article .data h2{
	margin-top: 15px;
	font-size: 18px;
}

/* Investment*/
.page.home .investment {
	display: flex;
    justify-content: center;
    align-items: center;
    min-height: 480px;
    background: no-repeat center;
    background-size: cover;
    background-attachment: fixed;
}
.page.home .investment:before{
	content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    /*background-color: rgb(0 0 0 / 60%);*/
    background: rgb(142 6 11);
    mix-blend-mode: multiply;
}

/* Page > Projects*/
.page.projects .banner {
	padding: 0;
}
.page.projects .banner .banner-video{
	min-height: 700px;
    max-width: 100%;
    width: 100%;
    object-position: center top;
    object-fit: cover;
    z-index: -1;
}
/* Projects */

.feed-projects article {
	position: relative;
	margin: 40px 0;
}

.feed-projects article .thumbnail:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgb(0 0 0 / 58%);
}

.feed-projects article:hover .thumbnail:before {
	background: rgb(169 7 13 / 75%);
	transition: 0.3s all;
}

.feed-projects article .thumbnail .img {
	padding: 20% 0;
	background: #333 no-repeat center;
    background-size: cover;
    
}

.feed-projects article .data {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;

}

.feed-projects article .data h2{
	font-size: 26px;
}

.feed-projects article .data .see-more {
	font-size: 48px;
}


@media screen and (min-width: 992px){


	.feed-projects article .thumbnail .img {
		padding: 12% 0;
	    
	}

	.feed-projects article .data {
	    padding: 0 80px;
}

	.feed-projects article .data h2{
    	font-size: 42px;
    }
}


/* Page > Financing */
.page.financing .banner .title h1 {
	font-size: 42px;
}

.page.financing .m-separator .title.line h3:after{
	left: 50%;
}


/* Singles*/

/* Single > Project */
.single.project .about .items {
	border-bottom: solid 3px red;
	padding: 30px 0;
}
.single.project .about .items .item {
	display: flex;
	align-items: center;
	padding: 25px 0;
}

.single.project .about .items .item .icon{
	min-width: 80px;
}
.single.project .about .items .item .data h3{
	font-size: 15px;
}

/*Amenities*/
.single.project .amenities .items .item article {
    border-top: 1px solid #fff;
    padding-top: 15px;
    display: flex;
    align-items: center;
}

.single.project .amenities .items .item article .icon {
	width: 100px;
}
.single.project .amenities .items .item article h2{
	font-size: 15px;
	line-height: 18px;
}


@media screen and (min-width: 992px) {
	.single.project .amenities .items .item article h2{
		font-size: 18px;
		line-height: 22px;
	}
}

/*Tour*/
.single.project .tour .item {
	position: relative;
} 

.single.project .tour .item .img-360 {
	position: absolute;
	top: 40%;
    left: 40%;
    opacity: 0.6;
    transition: all 1s;
}

.single.project .tour .item:hover .img-360{
	opacity: 0.1;
}


/*Timeline*/

.single.project .timeline .data {
	padding: 10px;
	text-align: center;
}
.single.project .timeline .status {
    border-top: 2px solid red;
    position: relative;
    text-align: center;
}
.single.project .timeline .status span:before {
	content: "";
	width: 15px;
	height: 15px;
	background-color: #000;
	border: solid 2px red;
	border-radius: 15px;
	position: absolute;
	top: -10px;
	left: 50%;
}
.single.project .timeline .status span {
    line-height: 50px;
}

.single.project .timeline .slider {
	cursor: grab;
}
.single.project .timeline .slick-initialized .slick-slide{
	padding: 0;
}
.single.project .timeline .slick-list, .slick-slider, .slick-track {
	/*display: flex;*/
}


.single.project .contact {
	border-top: solid 2px #d72229;
}

/*Gallery Typo*/
.single.project .gallery-typo article {
	border: solid 1px red;
	padding: 50px;
	margin: 30px 0;
}
.single.project .gallery-typo article:hover{
	background: red;
	color: black;
}

/* Footer */

.footer{
	border-top: solid 1px red;
	padding: 15px 0;
}

.footer .menu {
	display: flex;
	justify-content: space-between;
}

.footer a:hover{
	color: red;
}



.footer .copyright {

}


@media screen and (min-width: 768px) {
	
}


.video-container{
  width: 100vw;
  height: 100vh;
}
    
.video-container iframe {
  position: absolute;
  /*top: 50%;*/
  /*left: 50%;*/
  width: 100vw;
  height: 100vh;
 /* transform: translate(-50%, -50%);*/
}