/**
################################################################################
Theme_Name:	Navoi
Theme_URI:	https://SMSdesign.com.ua/upload/demo/themeforest/navoi/html/index.html
Autor_URI:	https://SMSdesign.com.ua/

Version:			1.0
		1) PRELOADER_SECTION
		2) NAVIGATION_SECTION
		3) MOBILE_NAVIGATION_SECTION
		4) HIGHLIGHTS_SECTION
		5) NEWS_SECTION
		6) EXPLORE_SECTION
		7) DISCOVER_SECTION
		8) LATEST_SECTION
		9) GALLERY_SECTION
		10) FOOTER
		11) INTRO_SECTION
		12) ARTICLE_SECTION
		15) MORE_SECTION
		16) ALTERNATIVE_MAIN_PAGE_SECTION
		17) MAIN_HIGHLIGHT_SECTION
		18) STICKY_SECTION
		19) SLIDER_SECTION
		20) PAGE_TITLE_SECTION
		21) PARALLAX_IMAGE_SECTION
		22) CONTACT_SECTION
		23) ACCORDEON_SECTION
		24) TERMS_AND_CONDITIONS_SECTION
		25) THEME_SELECTION_PAGE_OR_DEMO_PAGE

[Color_code]

Background:	 #f6f4f2 (light_grey)
Content:	#1f1f1f (light_black)
Footer:		#1f1f1f (light_black)

a_(standard): #1f1f1f (light_black)
a_(active):	 #cb9274 (light_orange)

[Typography]

Body:	16px/20px_'Roboto'_sans-serif, 20px/96px,_'Newsreader',_serif;
Input,_textarea:	14px/16px_Roboto'_sans-serif;

################################################################################
**/

/* BODY */

html, body {
	opacity: 1;
	font-family: 'Roboto', serif, 'Newsreader', serif;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	color: #1f1f1f;
	margin: 0;
}

body a {
	text-decoration: none;
	color: #000;
}

* {
	box-sizing: border-box;
	color: #1f1f1f;
}


h3 {
	font-family: 'Newsreader', serif;
	font-weight: 500;
	font-size: 20px;
	margin: 0 0 21px 0;
}

img {
	border: 0;
	vertical-align: middle;
	display: inline-block;
}

.row,
.col {
	width: 100%;
	margin: 0 auto;
	display: flex;
}

.col {
	flex-direction: column!important;
}

.row {
	flex-direction: row!important;
}

.row-wrap {
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-direction: row!important;
	flex-wrap: wrap;
}

/* PRELOADER SECTION*/

.preloader {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: #FFF;
	z-index: 1001;
}

.preloader-container {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	position: relative;
}

.preloader-container svg {
	animation: rotate 3s linear infinite;
}

.progress-ring__circle {
	fill: none;
	stroke-width: 3px;
	animation: animate-stroke 1.5s ease infinite;
	stroke-linecap: round;
}

.blocked {
	overflow: hidden!important;
}

@keyframes rotate {
	100% {
		transform: rotate(360deg);
	}
}

@keyframes animate-stroke {
	0% {
		stroke-dasharray: 20, 20;
		stroke-dashoffset: 0;
		stroke: #000;
	}
	50% {
		stroke-dasharray: 65, 10, 15;
		stroke-dashoffset: 30;
		stroke: #000;
	}
	100% {
		stroke-dasharray: 20, 20;
		stroke-dashoffset: 0;
		stroke: #000;
	}
}

.loaded {
	overflow: auto;
}

.loaded .preloader {
	display: none;
}

.main-container {
	width: 100%;
	opacity: 0;
	transition: all 1.5s linear;
}

.loaded .main-container {
	opacity: 1;
}

/* NAVIGATION SECTION */

.nav-container {
	width: 100%;
	position: fixed;
	top: 0;
	padding: 0;
	font-family: 'Roboto', sans-serif;
	background-color: #FFFFFF;
	z-index: 10;
	transform: translateY(0%);
	transition: transform .5s linear;
}

.nav-main {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	height: 80px;
	max-width: 1152px;
}

.nav-right {
	display: flex;
	flex-flow: row;
	justify-content: flex-start;
	align-items: center;
}

.logo {
	display: flex;
	width: 200px;
	height: 100%;
	padding: 0;
	justify-content: space-around;
	align-items: center;
}

.nav-button {
	padding: 0 10px;
}

.more-button {
	padding: 0;
	margin: 0 0;
}

.nav-button a,
.more-button a {
	font-family: 'Roboto', sans-serif;
	font-size: 10px;
	line-height: 1.5em;
	font-weight: bold;
	text-transform: uppercase;
	position: relative;
	overflow: hidden;
}

.more-button a {
	font-family: 'Roboto';
	font-size: 12px;
}


.nav-button a:before,
.more-button a:before {
	content: "";
	display: inline-block;
	position: absolute;
	bottom: -3px;
	left: 0;
	transform: translateX(-102%);
	width: 0;
	height: 1px;
	background-color: #cb9274;
	transition: all .4s ease;
}

.nav-button a:hover:before,
.more-button a:hover:before {
	transform: translateX(0%);
	width: 100%;
}

.nav-store {
	margin: 0 10px;
	padding: 4px 12px;
	border: 1px solid #e9e1da;
	border-radius: 100px;
	color: #000;
	font-size: 10px;
	line-height: 2;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: uppercase;
	transition: all .25s ease-out;
	background: linear-gradient(#1f2532,#1f2532) bottom/100% 0% no-repeat;
}

.nav-store span {
	transition: all .25s ease-out;
}

.nav-store:hover {
	background: linear-gradient(#1f2532,#1f2532) bottom/100% 100% no-repeat;
}

.nav-store:hover span {
	color: #FFF;
}

.nav-humb {
	margin: 0 12px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 48px;
	height: 48px;
	border: 1px solid #e9e1da;
	border-radius: 100px;
	transition: all .5s ease;
}

.nav-humb span {
	position: relative;
	height: 2px;
	background-color: #000;
	width: 16px;
	transition: all .25s ease;
}

.nav-humb span:after {
	position: absolute;
	content: "";
	top: 3px;
	height: 2px;
	width: 16px;
	background-color: #000;
	width: 16px;
	transition: all .25s ease;
}

.nav-humb span:before {
	position: absolute;
	content: "";
	bottom: 3px;
	height: 2px;
	width: 16px;
	background-color: #000;
	width: 16px;
	transition: all .25s ease;
}

.nav-humb:hover {
	border-color: rgb(203, 146, 116);
}

/* MOBILE NAVIGATION SECTION */

.mobile-wrapper {
	position: relative;
	top: 0;
}

.nav-mobile {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100vh;
	align-items: stretch;
	z-index: 100;
	background: linear-gradient(180deg, #1F1F1F 0%, #26282C 100%);
	transition: transform 1s ease-in-out 0s;
	transform: translateY(-100%);
	overflow: hidden;
}

.mobile-container {
	width: 100%;
	max-width: 920px;
	height: 100vh;
	padding: 80px 0;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	transition: transform 1s ease-in-out 0s;
	align-items: center;
	transform: translateY(100%);
}

.mobile-head span {
	font-family: 'Roboto',sans-serif;
	color: #cb9274;
	font-size: 10px;
	line-height: 1.2;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: uppercase;
}

.mobile-topics {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: flex-start;
	margin: 5px 0 0 0;
	padding: 0;
	list-style: none;
}

.mobile-topics li a {
	display: inline-block;
	position: relative;
	font: 40px 'Newsreader', sans-serif;
	color: #FFF;
	padding: 0.2em 20px 0.2em 25px;
	overflow: hidden;
}

.mobile-topics li a:after {
	content: '•';
	display: inline-block;
	position: absolute;
	left: 0;
	color: #FFFFFF;
}

.mobile-topics li a:before {
	content: '';
	display: block;
	position: absolute;
	left: 25px;
	bottom: 10px;
	width: calc(100% - 45px);
	height: 1px;
	background-color: #cb9274;
	transition: all .25s ease-in-out;
	transform: translateX(-100%);
	opacity: 0;
}

.mobile-topics li a:hover:before {
	transform: translateX(0%);
	opacity: 1;
}

.mobile-links {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 40px 0;
}

.mobile-container .form-field {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
}

.mobile-container .form-field .submit-button {
	color: #FFF;
}

.mobile-container .adress {
	padding: 40px 0;
}

.mobile-container .adress p {
	color: #FFF;
	text-align: center;
	line-height: 1.25em;
	font: 12px 'Roboto', sans-serif;
}

.mobile-links .nav-button a {
	color: #FFFFFF;
	font: 16px 'Roboto', sans-serif ;
}

.close-button .cross {
	display: inline-block;
	width: 84px;
	height: 84px;
	position: relative;
	border: 1px solid #323130;
	border-radius: 50%;
	transition: all .5s ease;
}

.cross:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
	height: 2px;
	width: 20px;
	background-color: #FFF;
}

.cross:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(-45deg);
	height: 2px;
	width: 20px;
	background-color: #FFF;
}

.close-button .cross:hover {
	border: 1px solid #cb9274;
}

/* HIGHLIGHTS SECTION */

.main-content {
	position: relative;
	padding: 80px 0 0;
}

.sticky-switch-bar {
	position: fixed;
	height: 120px;
	bottom: 0;
	right: 100px;
	z-index: 2;
	transition: transform .5s linear;
	transform: translateY(0%);
	display: flex;
	align-items: center;
}


.sticky-switch-bar a {
	display: block;
	padding: 16px 36px;
	border: 1px solid #e9e1da;
	text-align: center;
	line-height: 1;
	background-color: #FFF;
	transition: all .5s ease;
}


.sticky-switch-bar a span {
	color: #000;
	font: 10px "Roboto Condensed", sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	line-height: 1;
	transition: all .5s ease;
}

.sticky-switch-bar a:hover {
	background-color: #cb9274;
	border-color: #cb9274;
}

.sticky-switch-bar a:hover span {
	color: #FFF;
}

.feed,
.cream-frame {
	background-color: #f6f4f2;
	width: 100%;
	border: 16px solid #FFF;
	border-top: 0;
	padding: 80px 64px;
	display: flex;
	flex: 0 1 auto;
	flex-direction: row;
	justify-content: flex-start;
}

.search-container{
	width: 100%;
	border-top: 0;
	padding: 80px 64px;
}

.grey {
	background-color: #f3f3f3!important;	 border: 0px solid #FFF;
}

.pink {
	background-color: #fff4f4!important; border: 0px solid #FFF;
}

.evening {
	background-color: #969696!important;
}

.fevening {
	color: #333!important;
}

.snow {
	background-color: #fff!important;
}

.purple {
	background-color:#e99090!important;
}

.withe {
	color:#fff!important;
}

.w100 {width: 100%;}
.p35 {padding: 35px;}
.mb0 {margin-bottom: 0px!important;}
.pb0 {padding-bottom: 0px!important;}
.pt0 {padding-top: 0px!important;}
.bb0 {border: 0px!important;}



.highlights {
	width: 55%;
	padding: 0 3vw 0 0;
	border-right: 1px solid #e9e1da;
	overflow: hidden;
}

.search-highlights {
	display: grid;
    justify-content: center;
    grid-row-gap: 20px;
    grid-column-gap: 20px;
    grid-template-columns: repeat(auto-fit, minmax(250px,450px));
}

.search-highlights .image-link{
	height: 100%;
	min-height: 75vh;
	padding: 0 80px 60px;
	margin: 0;
}

.parallax {
	position: relative;
}

.image-link {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	overflow: hidden;
	position: relative;
	height: 75vh;
	padding: 0 80px 60px;
	margin: 0 0 80px 0;
	background: rgb(0, 0, 0);
}

.image-link * {
	transition: all .5s ease;
}

.image-link img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: .85;
	transform: scale(1.025);
}

.image-link .link-title {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	transform: translateY(30%);
}

.image-link .link-title *{
	z-index: 2;
	color: #FFF;
	text-align: center;
}

.link-title .date {
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	padding: 0 0 20px 0;
}

.link-title .date span:nth-child(-n+2):after {
	content: '';
	display: inline-block;
	background-color: #e9e1da;
	width: 1px;
	height: 1px;
	border-radius: 50%;
	vertical-align: middle;
	margin: 0 4px;
}

.title,
.title-l {
	font-size: 44px;
	font-family: 'Newsreader', serif;
	line-height: 1.25;
	font-weight: 400;
	padding: 0 0 20px 0;
	letter-spacing: 0;
}

.title-s {
	font-family: 'Newsreader', sans-serif;
	font-size: 20px;
	line-height: 1.5;
	font-weight: 400;
	letter-spacing: 0;
}

.link-title .autor {
	font-size: 16px;
	font-family: 'Newsreader', serif;
	font-style: italic;
}

.link-title .intro-link {
	font-family: 'Roboto',sans-serif;
	font-size: 16px;
	line-height: 1.45;
	font-weight: 400;
	letter-spacing: 0;
	opacity: 0;
	transform: translateY(100%);
}


.image-link:hover .intro-link {
	transform: translateY(0%);
	opacity: 1;
}

.image-link:hover .link-title{
	transform: translateY(0%);
}

.image-link:hover img {
	transform: scale(1);
	opacity: .6;
}

.highlights .fade-out:last-child .image-link,
.news .fade-out:last-child .small-image-link {
	margin: 0;
}

/* NEWS SECTION */

.news {
	width: 45%;
	display: flex;
	flex-direction: column;
	padding: 0 3vw;
	border-right: 1px solid #e9e1da;
}

.small-image-link {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	overflow: hidden;
	position: relative;
	height: 49vh;
	padding: 0 0 40px 0;
	margin: 0 0 80px 0;
	border-bottom: 1px solid #e9e1da;
	font-size: .875rem;
	line-height: 1.25;
}

.small-image-link:after {
	content: "";
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: 0;
	transform: translateX(-102%);
	width: 0;
	height: 1px;
	background-color: #cb9274;
	transition: all .4s ease;
}

.small-image-link:hover:after {
	animation: animate .5s ease-in-out;
}

@keyframes animate {
	0% {
		width: 100%;
		right: 100%;
	}
	100% {
		width: 50%;
		left: 100%;
	}
}

.small-image-link div {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin-bottom: 16px;
	flex: 1;
}

.small-image-link img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.small-image-link p {
	line-height: 1.25;
	font-family: 'Roboto', sans-serif;
}

.text-l {
	font: 20px "Newsreader", serif;
	line-height: 1.5;
	letter-spacing: 0;
}

/* EXPLORE SECTION */

.explore {
	display: none;
}

.sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 160px;
}

.sticky-autor {
	padding: 0 0 40px 0;
	border-bottom: 1px solid #e9e1da;
	display: none;
}

.sticky-autor .tags {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	padding: 0 0 25px 0;
	border-bottom: 1px solid #e9e1da;
}

.sticky-autor .tags a {
	font-family: "Roboto", sans-serif;
	display: inline-block;
	font-size: 12px;
	padding: 10px;
	background-color: #FFF;
	border-radius: 5px;
	margin: 2px;
	position: relative;
}

.sticky-autor .tags a:after {
	content: "";
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: 0;
	transform: translateX(-102%);
	width: 0;
	height: 1px;
	background-color: #cb9274;
	transition: all .4s ease;
}

.sticky-autor .tags a:hover:after {
	transform: translateX(0%);
	width: 100%;
}

.sticky-autor .photo {
	padding: 20px 0;
	text-align: center;
}

.sticky-autor .photo img {
	overflow: hidden;
	width: 12vw;
	height: 12vw;
	border-radius: 50%;
}

.sticky-autor p {
	font-family: 'Roboto', sans-serif;
	color: #1f1f1f;
	font-size: 16px;
	margin: 0 0 16px 0;
	line-height: 1.5;
}

.sticky-autor .nav-button {
	width: fit-content;
	margin: 0 auto;
}

.left, .right {
	position: relative;
	display: inline-block;
}

.left:after, .right:after {
	clear: both;
}

/* DISCOVER SECTION */

.discover {
	position: relative;
}

.discover-container {
	width: 100%;
	padding: 80px;
	background-color: #1f1f1f;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: flex-start;
}



.text-sticky {
	position: -webkit-sticky;
	position: sticky;
	bottom: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 40%;
	height: 100vh;
}

.text-container {
	padding: 40px;
	background-color: #FFFFFF;
}

.text-container .title {
	font-size: 32px;
	font-family: 'Newsreader', serif;
	line-height: 1.25;
	font-weight: 400;
	padding: 0 0 15px 0;
	letter-spacing: 0;
}

.text-container .intro-link {
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	line-height: 1.5;
	font-weight: 400;
	padding: 0 0 15px 0;
	letter-spacing: 0;
}

.text-container .nav-button {
	padding: 0;
}

.discover-container .section-image {
	width: 73%;
	height: 100vh;
	margin: 0 0 90px -17%;
	position: relative;
	overflow: hidden;
	z-index: 0;
	transform: scale3d(0.7, 0.7, 1);
	transition: all .8s ease;
}

.discover-container .section-image:last-child {
	margin-bottom: 0;
}

.discover-container .section-image img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transform: scale3d(1.3, 1.3, 1);
	object-fit: cover;
	opacity: 0;
	transition: all .8s ease;
}

.visible {
	transform: scale3d(1, 1, 1)!important;
}

.visible img {
	transform: scale3d(1, 1, 1)!important;
	opacity: 1!important;
}

/* LATEST SECTION */

.latest {
	padding: 80px 0;
	overflow: hidden;
}

.latest .latest-header {
	margin: 0 auto 32px auto;
	width: 100%;
	max-width: 1152px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex: 1 1 auto;
}

.latest .latest-header .first,
.latest .latest-header .second {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

.latest .latest-header .first {
	flex-direction: column;
	justify-content: flex-start;
}

.latest .latest-header .first .main{
	font-family: 'Newsreader', serif;
	font-size: 20px;
	margin: 0 0 5px 0;
}

.latest .latest-header .first .strapline{
	font-family: 'Newsreader', serif;
	font-size: 14px;
	font-style: italic;
}

.latest .latest-header .second {
	flex-direction: row;
}

.latest .latest-header .gap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex: 1 1 0%;
	height: 1px;
	margin: 0 32px;
	background-color: rgba(20,20,19,.1);
}

.latest .latest-header .second img {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	object-fit: cover;
}

.latest .latest-header .second .account-info {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 10px;
}

.latest .latest-header .second .account-info .followers {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	margin: 0 0 10px 0;
}

.latest .latest-header .second .account-info .id {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

/* GALLERY SECTION */

.gallery-container {
	width: 200%;
	display: flex;
	flex-flow: row;
	justify-content: flex-start;
	z-index: 1;
	position: relative;
}

@keyframes slideInfin {
	0% {
		transform: translateX(0%);
	}
	50% {
		transform: translateX(-50%);
	}
	100% {
		transform: translateX(-101%);
	}
}

.gallery-container .gallery-wrapper {
	width: 50%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	animation: slideInfin 30s linear infinite!important;
}


.gallery-container .img-wrapper img {
	width: 100%;
	max-width: 25vw;
}

.gallery-container .img-wrapper:nth-child(even) {
	padding: 64px 16px 16px;
}

.gallery-container .img-wrapper:nth-child(odd) {
	padding: 16px;
}

/* FOOTER */

.footer {
	width: 100%;
	padding: 80px 80px 50px 80px;
	background-color: #1f1f1f;
}

.footer * {
	color: #FFFFFF;
}

.footer .sign-up {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 0 0 40px 0;
	border-bottom: 1px solid #363636;
}

.footer .sign-up .title,
.footer .sign-up .form-field {
	width: 50%;
	position: relative;
	display: flex;
}

.footer .sign-up .title {
	font-family: 'Newsreader', sans-serif;
	font-size: 32px;
}

.form-field .text-field {
	width: 100%;
	height: 64px;
	margin: 0;
	padding: 8px 12px;
	border: 1px solid #363636;
	background-color: #363636;
	color: #FFFFFF;
}

.form-field .submit-button {
	display: inline-block;
	height: 64px;
	border: 1px solid #363636;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	padding: 9px 40px;
	font-size: 12px;
	font-weight: 700;
	background-color: transparent;
	cursor: pointer;
	transition: all .2s ease;
}

*:focus {
	outline: none;
}

.form-field .submit-button:hover {
	background-color: #cb9274;
}

.footer-links {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 40px 120px 80px 0;
	font-family: 'Source Serif Pro', serif;
}

.about-us {
	width: 100%;
	max-width: 576px;
}

.about-us .title {
	font-size: 32px;
	font-weight: 500;
}

.about-us .about-us-text {
	font-size: 20px;
	line-height: 1.5;
}

@keyframes lazy-op{
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}

img[loading="lazy"] {
	animation: lazy-op 1s ease;
}

.footer-nav {
	display: flex;
	flex-direction: column;
	list-style: none;
	padding: 0;
}

.footer-nav .nav-button {
	padding: 8px 0;

}

.footer-nav .nav-button a {
	font: 12px 'Roboto', sans-serif;
}

.footer .year {
	font: 16px 'Roboto', sans-serif;
}

/* INTRO SECTION */

.intro {
	max-width: 1152px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

.intro:before {
	content: '';
	position: absolute;
	background-color: #FFF;
	left: 80px;
	top: 0;
	bottom: 0;
	right: 0;
	max-width: 1152px;
	z-index: 0;
}

.intro-wrap {
	width: 100%;
	padding: 0 120px 0 0;
}

.img-overlay {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: #e9e1da;
	transition: all 1.5s ease;
	transform: translateX(0%);
}

.intro-img {
	width: 100%;
	height: 64vh;
	position: relative;
	overflow: hidden;
	opacity: 1;
	margin: 0 20% 0 0;
}

.intro-img img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.intro-detail {
	position: relative;
	width: 100%;
	padding: 120px 0 120px 240px;
	z-index: 1;
}

.intro-date {
	font-size: 10px;
	margin: 0 0 20px 0;
}

.intro-date b {
	font-family:"Roboto Condensed", sans-serif;
	text-transform: uppercase;
}

.intro-title {
	font-family: "Mackay";
	font-size: 44px;
	margin: 0 0 40px;
	line-height: 1.25;
	font-weight: 400;
	letter-spacing: -.01em;
}

.intro-text-container {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 0 0 0 40%;
}

.intro-text {
	font-size: 20px;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #f6f4f2;
}

.intro-autor {
	margin: 20px 0 0 0;
}

.intro-autor .photo {
	display: inline-block;
}

.intro-autor .photo img {
	width: 36px;
	height: 36px;
	border-radius: 50%;
}

.intro-autor a {
	display: inline-block;
	margin: 0 0 0 10px;
	font-size: 12px;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}

/* ARTICLE */

.article {
	width: 100%;
	max-width: 1152px;
	margin: 0 auto;
	padding: 60px 0;
}

.article-p {
	padding: 0 80px 0 240px;
	font: 18px 'Roboto', sans-serif;
}

.article-p p {
	margin: 0 0 10px;
	line-height: 1.7;
	letter-spacing: 0;
}

.article-bq {
	font: 45px "Mackay", sans-serif;
	line-height: 1.25;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0;
	margin: 24px 0 32px;
	padding: 0 0 0 80px;
	border-left: 1px solid #000;
}

.article-img {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	margin: 30px 0;
}

.article-img span {
	display: block;
	width: calc(50% - 2px);
	position: relative;
	height: 574px;
}

.article-img span img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.article-img span:nth-child(odd) {
	margin: 0 2px 0 0;
}

.article-img span:nth-child(even) {
	margin: 0 0 0 2px;
}

/* MORE SECTION */

.more-cont {
	width: 100%;
	max-width: 1152px;
	margin: 0 auto;
	position: relative;
}

.more-list {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 160px 80px 160px 240px;
	margin: 0 0 0 160px;
	background-color: #FFF;
}

.more-title {
	position: absolute;
	padding: 160px 0 0 80px;
	width: 320px;
}

.img-cover {
	position: relative;
	display: block;
	overflow: hidden;
}

.img-cover img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.more-item {
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	flex: 1 1 auto;
	padding: 0 0 0 40px;
}

.more-item-title {
	transition: all .5s ease;
}

.more-item:first-child {
	padding: 0 40px 0 0;
}

.more-item > .more-wrapper > span,
.more-item > span,
.more-item > .more-wrapper > span,
.more-item > div.spn,
.more-item > .more-wrapper > div.spn,
.more-item > span,
.more-item > .more-wrapper > div.spn {
	width: 100%;
	display: block;
	position: relative;
	height: 35vh;
	overflow: hidden;
}

.more-item > .more-wrapper > div.spn > img,
.more-item > div.spn > img,
.more-item > .more-wrapper > span > img,
.more-item > span > img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .7s ease;
	transform: scale(1);
}

.more-item .date,
.hightlight-detail .date {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	flex: 0 1 auto;
	margin: 10px 0;
	font: 10px "Roboto Condensed", sans-serif;
	font-weight: bold;
}

.more-item .date span,
.hightlight-detail .date span {
	text-transform: uppercase;
}

.more-item .date span:first-child,
.hightlight-detail .date span:first-child {
	color: #cb9274;
}

.more-item .date span:after,
.hightlight-detail .date span:after {
	content: '·';
	margin: 4px 6px 4px 4px;
	color: #cb9274;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0;
	text-transform: uppercase;
}

.more-item .date span:last-child:after,
.hightlight-detail .date span:last-child:after {
	display: none;
}

.more-item-autor {
	margin: 5px 0;
	color: #1f1f1f;
	font: 16px 'Newsreader', serif;
	font-style: italic;
}

.more-item:hover .more-item-title {
	color: #e0694e;
}

.more-item:hover img,
.more-item:hover span img {
	transform: scale(1.1);
}

/* ALTERNATIVE MAIN PAGE SECTION */

.main-white-cont {
	width: 100%;
	position: relative;
	max-width: 1152px;
	margin: 0 auto 80px;
}

.main-white-cont:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 80px;
	background-color: #FFF;
	z-index: 0;
}

.main-white {
	position: relative;
	z-index: 1;
	padding: 0;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
}

.social-ref {
	width: 20%;
	padding: 120px 60px 120px 0;
	align-self: center;
}

.social-title {
	width: 100%;
	font: 20px "Mackay", sans-serif;
	padding: 0 0 10px 0;
	border-bottom: 4px solid #000;
	margin: 0 0 20px 0;
}

.social-list {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}

.social-list a {
	display: block;
	width: 100%;
	margin: 0 0 40px 0;
}

.social-list a span {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 0 20px 0;
	overflow: hidden;
}

.social-list a span img {
	width: 100%;
	height: auto;
	transform: scale(1);
	transition: all .5s ease-in-out;
}

.social-list a:hover span img {
	transform: scale(1.1);
}

.social-text {
	font: 12px 'Roboto', sans-serif;
	line-height: 1.7;
}

/* MAIN HIGHLIGHT SECTION */

.hightlight-img-wrapper img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.main-highlight {
	width: 80%;
	padding: 120px 120px 120px 60px;
}

.hightlight-img-wrapper {
	position: relative;
	overflow: hidden;
	width: 100%;
	min-height: 80vh;
	margin-bottom: 40px;
}

.hightlight-text-container {
	padding: 0 0 0 240px;
}

.more-button {
	padding: 20px 0;
}

/* STICKY SECTION */

.section-container {
	width: 100%;
	max-width: 1152px;
	margin: 0 auto;
}

.sticky-section {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin: 0 0 80px;
}

.sticky-section:last-child {
	margin: 0;
}

.sticky-card {
	width: 65%;
	padding: 0 40px 0 0;
	position: sticky;
	top: 40px;
}

.sticky-card .image-link {
	margin: 0;
	height: 90vh;
}

.parallax-cards {
	width: 35%;
	padding: 0 0 0 40px;
}

.parallax-cards .more-item {
	width: 100%;
	padding: 0;
	margin: 0 0 80px 0;
}

.parallax-cards .more-item:last-child {
	margin: 0;
}

/* SLIDER SECTION */

.slider-section {
	width: 100%;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	position: relative;
	overflow: hidden;
	margin: 0 0 80px;
}

.slider-list {
	position: relative;
	width: 100%;
	min-height: 80vh;
	overflow: hidden;
	list-style-type: none;
	display: block;
	padding: 0;
	margin: 0;
}

.slide {
	width: 100%;
	min-height: 80vh;
	padding: 80px;
	display: block;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 1;
	transition: opacity 1s ease;
}

.slide-info {
	position: relative;
	padding: 40px;
	margin: 0 auto;
	z-index: 1;
	opacity: 0;
	background-color: #FFF;
	width: 100%;
	max-width: 576px;
	top: 50%;
	transform: translateY(-70%) scale(0.8);
	transition: all .75s ease;
}

.slide-info .slide-title {
	font: 32px "Mackay", serif;
	margin: 0 0 10px 0;
}

.slide-info .slide-text {
	font: 16px 'Roboto', sans-serif;
	line-height: 1.7;
}

.showing {
	opacity: 1;
	z-index: 2;
}

.showing .slide-info {
	opacity: 1;
	transform: translateY(-50%) scale(1);
}

#slider-prev,
#slider-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: inline-block;
	width: 48px;
	height: 48px;
	padding: 12px;
	background-color: #FFF;
	border-radius: 50%;
	text-align: center;
	margin: 20px;
	opacity: 0;
	z-index: 10;
	transition: all .5s ease;
}

#slider-prev {
	left: 0;
}

#slider-next {
	right: 0;
}

#slider-prev img,
#slider-next img {
	width: 16px;
	height: 16px;
}

.slider-section.active #slider-prev,
.slider-section.active #slider-next {
	opacity: 1;
}

.slider-section .dots-list {
	position: absolute;
	width: 100%;
	bottom: 0;
	padding: 15px 0;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	z-index: 5;
}

.slider-section .dots-list .dot {
	display: inline-block;
	width: 4px;
	height: 4px;
	background-color: #FFF;
	border-radius: 50%;
	margin: 0 10px;
	opacity: 0.5;
	transition: all .5s ease;
}

.slider-section .dots-list .dot.active {
	opacity: 1;
}

.sticky-card.revert{
	padding: 0 0 0 40px;
}

.parallax-cards.revert{
	padding: 0 40px 0 0;
}

/* PAGE TITLE SECTION */

.page-title-cont {
	width: 100%;
	padding: 80px;
	min-height: 80vh;
	background-color: #1f1f1f;
}

.page-title {
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	max-width: 768px;
	width: 100%;
}

.large-autor-photo {
	width: 12vw;
	height: 12vw;
}

.large-autor-photo img {
	border-radius: 50%;
}

.autor-name {
	color: #FFF;
	padding: 0;
	margin: 20px 0;
}

.autor-desc {
	font: 20px "Newsreader", serif;
	color: #FFF;
	text-align: center;
	line-height: 1.5;
}

.content-section {
	width: 100%;
	max-width: 1152px;
	position: relative;
	margin: 0 auto;
}

.white-frame {
	background-color: #FFF;
	padding: 80px;
}

.more-list-large {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	margin: 0 -40px;
	flex: 1 1 auto;
}

.more-list-large .more-item {
	padding: 0 40px 0 40px ;
	margin: 0 0 80px;
}

.more-list-large .more-item .more-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	padding-bottom: 80px;
	height: 100%;
	border-bottom: 1px solid #e9e1da;
}

.more-list-large .more-item:nth-child(1) {
	width: 50%;
	border-right: 1px solid #e9e1da;
}

.more-list-large .more-item:nth-child(2) {
	width: 50%;
}

.more-list-large .more-item:nth-child(n+3) {
	width: 33.3%;
	margin-bottom: 0
}

.more-list-large .more-item:nth-child(4) {
	border-left:1px solid #e9e1da;
	border-right: 1px solid #e9e1da
}

.cream {
	background-color: #f6f4f2;
	background-clip: content-box;
	padding: 16px;
	color:#FFF;
}

.cream .latest-header {
	margin: 64px auto 32px auto;
}

.cream .gallery-container {
	margin: 0 0 64px
}

.more-list-large .more-item-title {
	text-align: center;
}

.more-list-large .more-item:nth-child(-n+2) > .more-wrapper > span, .more-list-large .more-item:nth-child(-n+2) > .more-wrapper > div.spn {
	height: 538px;
}

.more-list-large .more-item:nth-child(-n+2) .more-item-title {
	font-size: 32px;
}

/* PARALLAX IMAGE SECTION */

.parallax-img-cont {
	width: 100%;
	position: relative;
	margin: 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.parallax-img-cont .img-l {
	width: calc(50% - 6px);
	height: 846px;
	transform: translateY(0%);
}

.parallax-img-cont .img-m {
	width: calc(30% - 6px);
	height: 507px;
	transform: translateY(0%);
}

.parallax-img-cont .img-s {
	width: calc(20% - 6px);
	height: 338px;
	transform: translateY(0%);
}

.title-m {
	font: 32px "Mackay", serif;
	line-height: 1.25;
	font-weight: 400;
}

.parallax-text-cont {
	position: relative;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
	padding: 80px 120px 80px 240px;

}

.parallax-text-cont .first {
	width: 50%;
	padding: 0 40px 0 0;
	line-height: 1.5;
}

.parallax-text-cont .first .paragraph-s:nth-child(1) {
	padding: 0 0 40px 0;
}

.parallax-text-cont .first .paragraph-s:nth-child(2) {
	padding: 40px 0 0 0;

}

.parallax-text-cont .second {
	width: 50%;
	padding: 0 0 0 40px;
	position: relative;
}

.parallax-text-cont p {
	line-height: 1.5;
}

.parallax-text-cont .paragrapg-text{
	font-size: 16px;
	font-family: 'Newsreader', serif;
	font-style: italic;
	line-height: 1;
	color: #1f1f1f;
}

.hero-title {
	padding: 80px;
	width: 100%;
}

.hero-wrapper {
	width: 100%;
	max-width: 1152px;
	margin: 0 auto;
}

.hero-date {
	font: 10px "Roboto Condensed", sans-serif;
	font-weight: bold;
	line-height: 1;
	text-transform: uppercase;
	margin: 0 0 40px;
}

.title-xl {
	font: 96px "Mackay", serif;
}

.title-xl span {
	display: block;
	margin: 0;
	line-height: 1.1em;
}

.narrow-frame {
	width: 100%;
	padding: 16px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex: 1 1 auto;
}

.img-txt-section {
	width: 100%;
	padding: 80px;
}

.narrow-frame .autors-card:nth-child(1) {
	border-right: 1px solid #FFF;
}

.narrow-frame .autors-card:nth-child(2) {
	border-left: 1px solid #FFF;
	flex-direction: column-reverse;
}

.narrow-frame .autors-card {
	width: 50%;
	padding: 80px;
	background-color: #f6f4f2;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	flex: 1 1 auto;
}

.narrow-frame .autors-card:nth-child(2) .autors-card-cap {
	align-items: flex-end;
}

.narrow-frame .autors-card:nth-child(2) .autors-card-about {
	padding: 0 0 80px 200px;
}

.autors-card-cap {
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: flex-start;
}

.autors-card-photo {
	width: 50%;
	min-height: 50vh;
}

.autors-card-data {
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-end;
}

.autors-card-about {
	width: 100%;
	padding: 80px 0 0 200px;
}

.autors-card-position {
	font: 10px "Roboto Condensed", sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	color: #CB9274;
}

.autors-card-about p {
	text-indent: 115px;
	font: 16px "Roboto", sans-serif;
	line-height: 1.5;
}

.autors-card-about p:first-letter {
	font: 24px "Mackay", serif;
	line-height: 1;
}

.img-txt-section .section-container {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
	flex: 1 1 auto;
}

.img-txt-section .section-container .txt-container {
	width: 40%;
	padding: 0 80px 0 0;
}

.img-txt-section .section-container .double-layer-container {
	width: 60%;
	display: flex;
	flex-direction: row-reverse;
}

.txt-section .txt-content {
	font: 16px "Roboto",sans-serif;
	line-height: 1.7;
}

.txt-section .txt-title {
	padding: 0 0 40px 0;
}

.img-txt-section .section-container .double-layer-container {
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-start;
	align-items: center;
}

.img-txt-section .section-container .double-layer-container .first-layer-l {
	width: 25vw;
	height: 77vh;
}

.img-txt-section .section-container .double-layer-container .second-layer-m {
	width: 15vw;
	height: 43vh;
	margin: 0 -5vw 0 0;
}

.row-wrap {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
}

.row-4 {
	width: 33%;
}

.pd-lr-40 {
	padding: 0 40px;
}

.mg-min-40 {
	margin: 0 -40px;
}

.thumb-title {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.thumb-title .line {
	position: relative;
	width: 80%;
	z-index: 2;
}

.thumb-title span {
	position: relative;
	top: 0;
	right: 0;
	width: fit-content;
	display: block;
	margin: 0 0 0 -45%;
	height: 100%;
	font: 128px "Mackay", serif;
	color: #FFF;
	line-height: 1;
	z-index: 1;
	text-transform: uppercase;
}

.row-4 .row-text {
	font: 16px "Roboto",sans-serif;
	line-height: 1.7;
}

/* CONTACT SECTION */

.hero-wrapper.contact-info {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.contact-info .title-xl {
	text-align: center;
}

.contact-info .contact-adress {
	margin: 80px 0 40px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.contact-info .contact-adress,
.contact-info .phone,
.contact-info .mail {
	font: 20px "Source Serif Pro", serif;
	line-height: 1.7;
}

.contact-info a {
	border-bottom: 1px solid #e9e1da;
}

.border-container {
	border: 16px solid transparent;
}

.border-container .row-wrap .advices,
.border-container .row-wrap .contact-form {
	width: 50%;
	padding: 80px;
	background-color: #f6f4f2;
}

.border-container .row-wrap .advices {
	border-right: 2px solid #FFF;
}

.border-container .row-wrap .advices .accordeon {
	display: block;
	margin: 40px 0;
}

.border-container .row-wrap .advices .accordeon:first-child{
	margin: 0 0 40px 0;
}

.border-container .row-wrap .advices .accordeon:last-child{
	margin: 40px 0 0 0;
}

.border-container .row-wrap .advices .accordeon .hidden-text {
	padding: 20px 0;
	width: 100%;
	max-height: 0;
	overflow: hidden;
	border-bottom: 1px solid #e9e1da;
	transition: all .5s ease;
}

.border-container .row-wrap .advices .accordeon .hidden-text div {
	position: relative;
	overflow: hidden;
	margin: 20px 0 0 0;
	font: 16px "Roboto", sans-serif;
	line-height: 1.7;
}

.border-container .row-wrap .advices .accordeon .title-s {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.border-container .row-wrap .advices .accordeon .title-s .arrow {
	display: inline-block;
	width: 48px;
	height: 48px;
	border: 1px solid #e9e1da;
	border-radius: 50%;
	background-image: url(https://smsdesign.com.ua/upload/demo/themeforest/navoi/html/img/arrow-down.svg);
	background-size: 14px 14px;
	background-position: center;
	background-repeat: no-repeat;
	transition: all .5s ease;
}

/* ACCORDEON SECTION */

.accordeon.open .title-s .arrow {
	transform: rotate(180deg);
}

.accordeon:hover .arrow {
	border: 1px solid #cb9274!important;
}

.accordeon:hover .hidden-text {
	border-bottom: 1px solid #cb9274!important;
}

.border-container .row-wrap .contact-form-title {
	padding: 0 0 40px 0;
}

.border-field-1x,
.border-field-2x {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.border-field-1x {
	padding: 24px 0;
	border-top: 0;
	border-bottom: 1px solid #0000001a;
}

.border-field-2x {
	border-top: 1px solid #0000001a;
	border-bottom: 1px solid #0000001a;
}

.border-field-2x .name-field,
.border-field-2x .email-field {
	width: 50%;
	padding: 24px 0;
}

.border-field-2x .email-field {
	padding-left: 24px;
	border-left: 1px solid #0000001a;
}

.border-field-2x label,
.border-field-2x input,
.border-field-1x label,
.border-field-1x input,
.border-field-1x textarea {
	width: 100%;
	display: block;
}

.border-field-2x label,
.border-field-1x label {
	font: 10px "Roboto Condensed", sans-serif;
	color: #CB9274;
	margin: 0 0 5px 0;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 1.2;
}

.border-field-1x input,
.border-field-2x input {
	height: 48px;
	background: transparent;
	border:0;
	padding: 8px 0 12px;
	margin: 0 0 10px 0;
	color: #333;
}

.border-field-1x textarea {
	height: auto;
	background: transparent;
	border:0;
	padding: 8px 0 12px;
	margin: 0 0 10px 0;
	color: #333;
}

.border-field-2x input::placeholder,
.border-field-1x input::placeholder,
.border-field-1x textarea::placeholder {
	color: #b7aeae;
	font: 14px "Roboto", sans-serif;
}

.contact-form .submit-button {
	margin: 24px 0 0 0;
	display: inline-block;
	height: 48px;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	padding: 4px 24px;
	font-size: 12px;
	font-weight: 700;
	background-color: #1f1f1f;
	cursor: pointer;
	color: #FFF;
	transition: all .2s ease;
	outline: none;
	border: 0;
}

.contact-form .submit-button:hover {
	background-color: #cb9274;
}

.to-top {
	transform: translateY(25px);
	transition: all 1.5s ease;
	opacity: 0;
}

.to-top.is-on{
	transform: translateY(0px);
	opacity: 1;
}

/* TERMS AND CONDITIONS PAGE */

.article ol,
.article ul {
	margin: 0 0 10px;
}

.article ol li,
.article ul li{
	padding: 5px 0;
}

/* THEME SELECTION PAGE OR DEMO PAGE */

.indigo-black {
	background-color: #0a0b0f;
}

.demo-title {
	text-align: center;
}

.demo-list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	padding: 30px 0;
}

.demo-list .demo-section {
	width: 100%;
/*	background-color: #15171d; */
}

.demo-container {
	padding: 40px 0;
}

.demo-list .demo-section .overflow-cont {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 6px;
}

.demo-list .demo-section .demo-item {
	display: flex;
	flex-direction: column;
	border: 1px solid #dfdfdf;
	/* box-shadow:	0 0 15px 4px rgb(41,151,255 / 40%);*/
	box-shadow:	0 0 15px 4px	#dfdfdf;
	transition: all 1s ease;
	padding: 15px;
	background: #fff;
	overflow: hidden;
}

.tr-del-25 {
	transition-delay: .25s;
}

.tr-del-50 {
	transition-delay: .50s;
}

.tr-del-75 {
	transition-delay: .75s;
}

.demo-list .demo-section .demo-item img {
	transition: .7s;
}

.demo-list .demo-section .demo-item:hover img {
	transform: scale(1.1);
}

.demo-list .demo-section .demo-item .img-cover {
	height: 30vh;
	width: 100%;
}

.demo-list .demo-section .demo-item .img-cover::before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: -50%;
	background: rgba(235,235,235,0.4);
	pointer-events: none;
	transform: skewX(345deg);
	transition: .7s;
	z-index: 1;
}

.demo-list .demo-section .demo-item:hover .img-cover::before {
	left: -75%;
}

.demo-list .demo-section .demo-item .img-overlay {
	background-color: #f0f0f0;
	z-index: 2;
}

.demo-list .demo-section .demo-item .demo-item-title {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	padding: 10px 20px;
	background-color: #FFF;
	font: 16px "Roboto", sans-serif;
}

.demo-item-title span {
	padding: 2px 0;
}

.demo-item-title .item-title {
	font-weight: bold;
}

.demo-section .demo-title .demo-strapline span {
	color: #63636e;
	font: 14px "Roboto", sans-serif;
	font-weight: bold;
}

.demo-section .demo-title .title span {
	font: 32px "Roboto", sans-serif;
	color: #FFF;
	font-weight: bold;
}



/* FONTS ADDONS*/

.f6 {
	font-family: 'Newsreader', serif;
}

.title-wrap	 {
	margin: 0px auto;
	text-align: center;
	max-width: 70%;
}

.title-wrap h1 {
	font-size: 110px;
	letter-spacing: -1px;
}

.title-wrap p {
	font-size: 22px;
	line-height:1.75;
}
.all-caps-text strong {
	font-size: 14px;
}

.all-caps-text {
	text-transform: uppercase;
}

h2.demo {
	font-size: 96px;
	font-weight: 400;
	margin: 32px 0px;
}

.align-left {
	float: left;
	width: 80%;
}

.align-right {
	float: right;
	width: 10%;
}

.both {
	clear: both;
}