@font-face {

	font-family:DINPro;

	src:url(fonts/DINPro/DINPro-Light.otf);

	font-weight: normal;

}

@font-face {

	font-family:DINPro;

	src:url(fonts/DINPro/DINPro-Bold.otf);

	font-weight: bold;

}

@font-face {

	font-family:DINPro;

	src:url(fonts/DINPro/DINPro-Black.otf);

	font-weight: 900;

}



* {

	box-sizing: border-box;

	font-family: DINPro;

}

html, body { margin: 0; /*overflow-x: hidden*/ }

a { text-decoration: none; outline: none }

a:active, a:focus, button:active, button:focus { outline: none }

.container {

	width: 90%;

	max-width: 1200px;

	margin: 0 auto;

}

.flex {

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	justify-content: space-between;

}

.clear{ clear: both }

.btn {

	color: #fff;

	background: #d0a285;

    padding: 15px 22px;

    border-radius: 30px;

    align-items: center;

    cursor: pointer;

    transition: 0.54s;

    position: relative;

}

.btn::before {

	content: '';

	position: absolute;

    top: 2px;

    left: 3px;

    width: calc(100% - 10px);

    height: calc(100% - 8px);

    border: 2px solid #fff;

    border-radius: 40px;

    opacity: 0;

    transition: 0.54s;

    display: block;

}

.btn:hover{ background: #b17d5d }

.btn:hover::before{ opacity: 0.5 }

section .btn {

	text-transform: uppercase;

	font-size: 18px;

	font-family:DINPro;

	font-weight: bold;

	padding: 22px 30px;

    border-radius: 40px;

    border: none;

}

.inverte{ filter: invert(100%) }

section > .container > article { width: 45%; position: relative }

article > h2 {

	font-size: 50px;

    font-weight: lighter;

    margin: -15px 0 0;

}

article > h2 > strong {

	/*font-family: DINPro;

	font-weight: bold;*/

	color: #d0a285;

	display: block;

}

article > .line {

	width: 70px;

	height: 3px;

	background: #fff;

	position: absolute;

	top: 20px;

	left: -100px;

}

/*p.strong, 

p > strong,*/ 

header div.languages ul a { /*font-family: DINPro;*/ font-weight: bold; }

.mobile { display: none }



header {

	position: absolute;

	top: 40px;

	left: 0;

	width: 100%;

	z-index: 1000;

}

header nav, section#question .flex { align-items: center }

header a, footer a { color: #fff }

header a.logo { margin-right: 100px; width: 160px }

header a.hover, footer nav a { position: relative; display: block; padding: 15px 20px }

header a.hover:after, footer nav a:after {

    content: '';

    display: block;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    border: 1px solid #fff;

    border-radius: 40px;

    opacity: 0;

    -webkit-transition: all 500ms ease;

	-moz-transition: all 500ms ease;

	-ms-transition: all 500ms ease;

	-o-transition: all 500ms ease;

	transition: all 500ms ease;

}

header a.btn { width: 260px; align-items: center }

header div.languages {

	position: relative;

	color: #fff;

	text-transform: none;

	background: none;

	border: 1px solid #fff;

	margin-right: 15px;

}

header div.languages.dark { color: #2a4354; border-color: #2a4354 }

header div.languages ul {

	position: absolute;

	top: 50px;

	left: -15px;

	list-style: none;

	opacity: 0;

	-webkit-transition: all 500ms ease;

	-moz-transition: all 500ms ease;

	-ms-transition: all 500ms ease;

	-o-transition: all 500ms ease;

	transition: all 500ms ease; 

}

header div.languages ul li { margin-bottom: 10px }

header div.languages:hover { background: none }

header div.languages:hover ul,

header a.hover:hover:after,

footer nav a:hover:after { opacity: 1 }



section#top {

	background: url(images/main_bg.jpg);

	height: 110vh;

	position: relative;

}

section#top img, #dark { position: absolute; bottom: 0 }

#bg1 { top: 0; 

	right: 0;

	width: 100%;

	height: 100%;

	background-repeat: no-repeat;

	background-position-x: right !important;}

#bg2, #dark { width: 100% }

section#top #dark {

	height: 100%;

	background: -moz-linear-gradient(bottom, rgba(42,66,82,1) 0%, rgba(125,185,232,0) 100%); /* FF3.6-15 */

	background: -webkit-linear-gradient(bottom, rgba(42,66,82,1) 0%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */

	background: linear-gradient(to top, rgba(42,66,82,1) 0%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */

}

section#top article {

	padding-top: 100px;

	text-align: center;

	color: #fff;

	max-width: 700px;

	margin: auto;

}

section#top h1 {

	font-family:DINPro;

	font-weight: bold;

	font-size: 120px;

	line-height: 100px;

	margin-top: calc(100vh - 590px);

	margin-bottom: 0;

}

section#top h4 {

	font-family:DINPro;

	font-weight: bold;

	font-size: 28px;

    margin: 40px 0;

}

section#top a {

	display: block;

	font-family:DINPro;

	font-weight: bold;

	font-size: 20px;

	color: #fff;

	margin-bottom: 15px;

}

section#top .btn {

    margin: 0 0 20px;

    display: inline-block;

}



section#vikings {

	background: #2a4252;

	background-image: url(images/vikings.svg);

	background-position-x: right;

	background-position-y: calc(100% - 70px);

	background-repeat: no-repeat;

	color: #fff;

	padding-bottom: 140px;

}

section#vikings .container > img { width: 45%; object-fit: contain }

section#vikings .container > iframe { width: 45%; align-self: center }

section#vikings .line~img {

	position: absolute;

	top: 0;

	right: 0;

}

section#vikings img#bird2 { right: -100px }

section#vikings p, section#partners article p { font-size: 19px }

/*section#vikings h4 { font-size: 30px; font-family: DINPro; font-weight: bold; }*/

section#vikings .btn { min-width: 300px }

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

	section#vikings p, section#partners article p { max-width: 600px }

}



section#birdsview img { width: 100%; display: block }



section#parts, section#comfort {

	background: #2a4252;

	padding: 140px 0;

}

section#parts a.part {

	display: block;

	width: 50%;

	position: relative;

	text-align: center;

}

section#parts a.part > img {

	width: 80%;

	-webkit-transition: all 500ms ease;

	-moz-transition: all 500ms ease;

	-ms-transition: all 500ms ease;

	-o-transition: all 500ms ease;

	transition: all 500ms ease; 

}

section#parts a.part:hover > img { transform: scale(1.4) }

section#parts a.part > h4 {

	position: absolute;

	bottom: 50px;

	-webkit-text-stroke: 1px #fff;

/*	font-family: DINPro;

	font-weight: bold;*/

	font-size: 100px;

	font-weight: 900;

/*	font-style: normal;

	font-stretch: normal;

	line-height: normal;

	letter-spacing: normal;*/

	color: rgba(255, 255, 255, 0);

	margin: 0;

    left: 0;

}

section#parts a.part:hover > h4 { color: #fff }



section#partners, section#question, section#vikings.about {

	background-color: #fbf9f8;

	padding: 140px 0;

}

section#partners .main-partners {

	background: #fff;

	text-align: center;

	color: #2a4354;

	width: 80%;

    max-width: 350px;

	margin: auto;

	padding: 20px 0 0;

}

section#partners .main-partners h4 { color: #d0a285; margin: 10px 0 30px }

section#partners .main-partners h5 { margin: 10px 0 0; /*font-family: DINPro; font-weight: bold;*/ }

section#partners .main-partners p { margin: 0 0 25px }

section#partners .main-partners img { max-width: 90px }

section#partners article a > div { background: #000; margin-top: 20px; margin-right: 15px; display: inline-block }

section#partners article img { width: 100% }

section#partners article a > div:hover > img, #slider-row .slide:hover img { opacity: 0.8 }

section#partners .line, section#vikings.about .line { background: #2a4354 }

section#partners .btn {

	margin-top: 50px;

	text-align: center;

	display: block;

	width: 300px;

}


section#comfort { overflow: hidden; }
section#comfort article { margin: 120px 0 0 100px; width: 550px; float: left }

section#comfort .line { top: 30px }

section#comfort h2 span { color: #d0a285 }

section#comfort article, section#comfort h2 strong { color: #fff }

section#comfort article p { margin: 50px 0 100px}

#slider { float: left }

#slider, #slider-row .slide { position: relative; height: 600px }

#slider-row {

	position: absolute;

	top: 0;

	left: 0;

	width: calc((100vw - 1500px) / 2 + 800px);

	height: 700px;

	overflow: hidden;

}

#slider-row .slide img {

	height: 600px;

	object-fit: cover;

}

#slider-row .slide .info {

	position: absolute;

	bottom: 30px;

	left: 30px;

	color: #fff;

}

#slider-row .slide .info p { /*font-family: DINPro;*/ font-weight: bold; margin: 10px 0 }

#slider-row .slide .info p.time { margin-left: -5px; font-size: 60px }

#slider-row .slide .info p.time span {

	font-size: 35px;

	/*font-family: DINPro;*/

	font-weight: bold;

    position: absolute;

    top: 12px;

    left: 70px;

}

#slider-row .slide .info p.address { font-size: 25px }



section#flats { overflow: hidden }

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

	section#flats { flex-direction: column }

}

section#flats article {

	width: 25%;

	height: 600px;

	position: relative;

	background-size: cover;

	background-position: center center;

	-webkit-flex: 1;

	-ms-flex: 1;

	flex: 1;

	cursor: pointer;

	-webkit-transition: all 500ms ease;

	-moz-transition: all 500ms ease;

	-ms-transition: all 500ms ease;

	-o-transition: all 500ms ease;

	transition: all 500ms ease;

	overflow: hidden;

}

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

	section#flats article {

	  overflow: auto;

	  overflow-x: hidden;

	}

}

section#flats article:hover {

  -webkit-flex-grow: 2;

  flex-grow: 2;

}

section#flats article div {

	position: absolute;

	left: -30px;

	top: 300px;

	color: #fff;

	-webkit-transition: all 500ms ease;

	-moz-transition: all 500ms ease;

	-ms-transition: all 500ms ease;

	-o-transition: all 500ms ease;

	transition: all 500ms ease;

}

section#flats article span {

	/*font-family: DINPro;*/

	font-weight: bold;

	font-size: 200px;

}

section#flats article h4 {

	max-width: 465px;

	font-size: 95px;

    line-height: 100px;

	margin: 0 0 50px;

    /*font-family: DINPro;*/

	/*font-weight: bold;*/

    -webkit-text-stroke: 1px #ffffff;

    font-weight: 900;

	/*font-style: normal;

	font-stretch: normal;

	letter-spacing: normal;*/

	color: rgba(255, 255, 255, 0);

	opacity: 0;

}

section#flats article .btn {opacity: 0}

section#flats article:hover div {

	left: 40px;

	top: 120px;

}

section#flats article:hover span {

	font-size: 100px;

    line-height: 120px;

	-webkit-text-stroke: 1px #ffffff;

	color: rgba(255, 255, 255, 0);

}

section#flats article:hover h4,

section#flats article:hover .btn {

	opacity: 1

}



section#question h2 {

	/*font-family: DINPro;

	font-weight: bold;*/

	font-size: 50px;

	color: #2a4354;

}

section#question .btn {

	height: 67px;

	width: 300px;

}



footer {

	background: #192730;

	padding: 50px 0 15px;

}

footer .logo { display: block; margin-bottom: 30px; width: 160px }

footer .flex * {

	display: block;

	color: #fff;

	margin: 0 0 20px;

}

footer .flex p > span { display: inline; font-size: 12px; margin-right: 15px }

footer .flex p > a { display: inline-block; margin: 0 10px 0 0 }

footer .flex p > a > img { margin: 0 }

footer nav { width: 60%; align-items: flex-start }

footer .mobileColumn { align-items: flex-start }

footer img.grim_logo { display: block; width: 50px; margin-bottom: 20px }

footer #copyright { width: 120px; opacity: 0.4; margin-right: 22px }

footer .copyright { text-align: center; opacity: 0.4; color: #fff }



#modal-bg {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	opacity: 0.9;

	background-color: #2a4354;

	z-index: 9998;

	display: none;

}

.modal-box {

	position: fixed;

	left: calc(50vw - 300px);

	top: calc(50vh - 300px);

	width: 600px;

	height: 600px;

	padding: 50px;

	background-color: #f6f1ee;

	z-index: 9999;

	display: none;

}

.modal-box .close {

	position: absolute;

	top: 15px;

	right: 15px;

	cursor: pointer;

}

.modal-box h2 {

	/*font-family: DINPro;*/

	font-size: 30px;

	/*font-weight: bold;*/

/*	font-style: normal;

	font-stretch: normal;*/

	line-height: 1.12;

	text-align: center;

	color: #2a4354;

	width: 400px;

	margin: 15px auto;

}

.modal-box .btn {

	font-family: DINPro;

	font-weight: bold;

	font-size: 20px;

	display: block;

	border: none;

	width: 400px;

	margin: 70px auto 0;

}



.inp {

  position: relative;

  margin: auto;

  width: 100%;

  display: block;

  margin-top: 40px;

}

.inp .label {

  position: absolute;

  top: 16px;

  left: 0;

  font-size: 16px;

  color: #9098a9;

  font-weight: 500;

  transform-origin: 0 0;

  transition: all 0.2s ease;

}

.inp .border {

  position: absolute;

  bottom: 0;

  left: 0;

  height: 2px;

  width: 100%;

  background: #d0a285;

  transform: scaleX(0);

  transform-origin: 0 0;

  transition: all 0.15s ease;

}

.inp input, .inp select {

  -webkit-appearance: none;

  width: 100%;

  border: 0;

  font-family: inherit;

  padding: 12px 0;

  height: 48px;

  font-size: 16px;

  font-weight: 500;

  border-bottom: 2px solid #c8ccd4;

  background: none;

  border-radius: 0;

  color: #223254;

  transition: all 0.15s ease;

}

.inp input:hover, .inp select:hover {

  background: rgba(34,50,84,0.03);

}

.inp input:not(:placeholder-shown) + span, .inp select:not(:placeholder-shown) + span {

  color: #5a667f;

  transform: translateY(-26px) scale(0.75);

}

.inp input:focus, .inp select:focus {

  background: none;

  outline: none;

}

.inp input:focus + span, .inp select:focus + span {

  color: #d0a285;

  transform: translateY(-26px) scale(0.75);

}

.inp input:focus + span + .border {

  transform: scaleX(1);

}



#divLoading {display : none;}

#divLoading.show {

    display : block;

    position : fixed;

    z-index: 10001;

    background-image : url('images/icon-loading.gif');

    background-color:#000;

    background-size: 80px;

    opacity : 0.7;

    background-repeat : no-repeat;

    background-position : center;

    left : 0;

    bottom : 0;

    right : 0;

    top : 0;

}

#ajaxFormResult {

	width: 0;

	height: 0;

}

#ajaxFormResult.show {

	position: fixed;

	background: rgba(0,0,0,0.9);

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	color: #fff;

	cursor: pointer;

	z-index: 10000;

	justify-content: center;

    align-items: center;

    flex-direction: column;

}

#ajaxFormResult img { width: 220px }

#ajaxFormResult p { text-align: center }





















/*



business-center



*/

section#top.business-center {

	background: url(images/business-center.jpg);

	background-size: cover;

	height: 100vh;

}

section#top.business-center article,

section#top.flats article { max-width: 800px }

section#top.business-center h1, section#top.flats h1 {

	margin-top: calc(50vh - 100px);

}

section#top.business-center article .btn,

section#top.flats article .btn {

	bottom: 100px;

	position: absolute;

	left: calc(50vw - 180px);

	width: 360px;

}

section#top.flats article .btn {

	left: calc(50% - 143px);

	width: 286px

}



section#vikings.about { background-image: url('images/Group 12.svg') }

section#vikings.about.flats { background-image: none }

section.about .info {

	background: #2a4354;

	background-image: url(images/skyline3.svg);

	background-position: right bottom;

	background-repeat: no-repeat;

	margin-left: 100px;

	padding: 100px 50px;

	width: 40%;

	min-width: 350px;

	max-width: 400px;

	font-size: 20px;

	color: #fff;

}

section#vikings.about .info .square { font-size: 70px; margin: 20px 0 }

section.about .info a { color: #fff; display: block; margin-top: 60px }

section.about article { color: #2a4354 }

section#vikings.about article > p {

	line-height: 1.78;

	margin: 50px 0 70px;

}

section.about article h4 { font-size: 23px; margin: 0 0 20px }

section.about article h4 li, 

section#flats.owl-carousel * { font-family:DINPro; font-weight: bold; }

section.about li { margin: 15px 0 }

section#comfort.business-center article { width: 450px }

#slider-row.bigIMG img { height: 600px; object-fit: contain }





section#top.flats {

	background: url(images/flats.jpg);

	background-size: cover;

	background-position-x: left !important;

	height: 100vh;

}

section#vikings.about.flats article { width: 45%; margin-left: 5%; }

section#flats.owl-carousel div { position: static; color: #2a4354 }

section#flats.owl-carousel article { width: 100% }

section#flats.owl-carousel .img,

section#flats.owl-carousel .info { width: 50%; padding: 20px 50px }

section#flats .img {

	background-position: center;

	background-repeat: no-repeat;

}

section#flats.owl-carousel article .row1 { height: 15%; align-items: center }

section#flats.owl-carousel article .row3 { height: 20%; align-items: center }

section#flats.owl-carousel article .row2 {

	height: 60%;

	align-items: center;

    justify-content: center;

    flex-direction: column;

}

section#flats.owl-carousel article .row1 p { font-size: 20px; margin: 0 }

section#flats.owl-carousel article .row1 p.page { font-size: 50px }

section#flats.owl-carousel article .row1 p.page sup { font-size: 25px }

section#flats.owl-carousel article .row2 h4 {

	color: #2a4354;

	margin: 0;

	font-size: 40px;

	width: auto;

}

section#flats.owl-carousel article .row2 strong {

	display: block;

	font-size: 100px;

}

section#flats.owl-carousel article .row2 strong sup { font-size: 65px }

section#flats.owl-carousel article * { opacity: 1 }

section#flats.owl-carousel article .row3 .next {

	border: none;

    background: no-repeat;

    font-size: 18px;

    color: #d0a285;

    text-transform: uppercase;

    cursor: pointer;

}

section#flats.owl-carousel article .row3 .next img{

	width: auto;

    display: inline;

}















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

	.container { max-width: 1500px }

	header a.logo { margin-right: 300px }

	section#top article { padding-top: 1px }

	section#flats article h4 { max-width: 700px;width: 700px;font-size: 70px; }

	/*section#flats article h4 { max-width: 500px; }*/

	section.about article > h2 > strong { display: inline }

}

@media screen and (max-width: 1900px) {

	section#top h1 { font-size: 69px; line-height: 50px; margin-top: calc(100vh - 470px) }

	section#top h4 { font-size: 22px }

}

@media screen and (max-width: 1500px) {

	section#vikings img#bird2 { right: -70px }

	section#comfort article { width: 500px }

	#slider-row { width: calc((100vw - 1200px) / 2 + 590px) }

	section#parts a.part > h4 { font-size: 60px }

	section#flats article:hover span, section#flats article:hover h4 { font-size: 80px }

	section#flats article:hover h4 { line-height: 80px }

}

@media screen and (max-width: 1300px) {

	header a.logo { margin-right: 40px }

	article > h2 { font-size: 40px }

	article > .line { width: 50px; left: -70px }

	section#vikings, section#parts, section#comfort, section#partners, section#question, section#vikings.about { padding: 40px 0 }

	section#vikings > .container > article { width: 50% }

	section#vikings img#bird2 { right: 60px }

	section#comfort .line { top: 12px }

	section#partners article p, section.about .info { margin: 0 }

	section#partners .main-partners { margin: 0 0 0 100px }

	section#partners article a div { width: 28% }

	section#partners .btn { margin-top: 20px }

	section#comfort article { width: 400px; margin-left: 70px }

	#slider-row { width: calc(100vw - 500px) }

	section#flats article:hover span, section#flats article:hover h4 { font-size: 70px }



	section.about .info { padding: 50px }

	section#vikings.about article > p { margin: 30px 0 }

}

@media screen and (max-width: 1100px) {

	section#flats article:hover div { top: 250px }

	section#partners .main-partners { margin: 0 }

}

@media screen and (max-width: 800px) {

	.container { padding: 15px; width: 100% }

	header { top: 0 }

	header .flex.mobile a.logo { margin: 0 }

	section#vikings img#bird2 { display: none }

	section#vikings > .container > article { width: 53% }

	section#parts a.part > h4 { font-size: 45px }

	footer nav { width: 75% }



	.mobile { display: block }

	.flex.mobile { display: flex }

	.hideMobile { display: none }

	header { top: 15px }

	header nav.flex {

		position: fixed;

		width: 100%;

		height: 100%;

		left: 0;

		top: 0;

		opacity: 0.9;

		background-color: #2a4354;

		flex-direction: column;

		padding: 100px 20px;

		display: none;

	}

	header a.logo { margin: 0 0 20px }

	header a { color: #fff !important }

	header div.languages { margin: 0 0 20px }

	header div.languages ul { top: -22px; left: 72px }

	header div.languages ul li { margin-bottom: 20px }

	

	section#comfort { padding-bottom: 70px }

	section#comfort article, #slider, #slider-row { width: 100% }

	#slider, #slider-row .slide, #slider-row .slide img { height: 300px; object-fit: none }

	section#comfort article { margin: 20px 0 20px 70px }

	section#comfort article p { margin: 30px 0 }

}

@media screen and (max-width: 500px) {

	section#vikings { padding: 0 }

	section#parts a.part > h4 { left: 45px }

	.line { display: none }

	section#partners article a { text-align: center; display: block }

	section#partners article a div:last-child { margin-right: 0 }



	header div.languages.dark { color: #fff; border-color: #fff }

	header div.languages.dark .inverte { filter: none }

	.flex.mobileColumn { flex-direction: column }

	section#top.business-center h1, section#top.flats h1 { margin-top: calc(50vh - 200px); }

	section article,

	#slider-row, #slider,

	.modal-box h2,

	section#parts a.part img,

	section#parts a.part:last-child,

	section#flats.owl-carousel .img, section#flats.owl-carousel .info,

	section.about .info {

		width: 100% !important;

		margin: 0 !important;

	}

	section#top { height: 100vh }

	section#top img#bg2 { height: 50vh; object-fit: cover }

	section#top h1 { font-size: 60px; line-height: 70px; margin-top: calc(100vh - 570px) }

	section#top h4, .modal-box .btn { font-family: DINPro; width: 280px; margin: 30px auto }

	section#vikings .container > img,

	section#vikings .container > iframe,

	section#partners .main-partners, section#question h2 { width: 100%; margin-bottom: 50px }

	section#birdsview,

	#slider, #slider-row .slide { height: 500px }

	section#birdsview img { height: 100%; object-fit: cover }

	section#comfort, section#partners, section#question, section#vikings.about,

	section#vikings > .container > article, section#comfort.business-center article { padding: 40px 0 }

	section#parts { padding: 0 }

	section#parts a.part { width: 100%; margin-bottom: 15px }

	section#parts a.part > h4 { color: #fff; bottom: 30px; left: 30px }

	section#partners article h2 { text-align: center }

	section#partners .main-partners h4 { margin: 50px 0; text-transform: uppercase; /*font-family: DINPro; font-weight: bold;*/ }

	section#vikings .btn { margin: auto; display: block; text-align: center }

	section#partners .btn { margin: 50px auto 0 }

	section#comfort article p { margin: 20px 0 }

	#slider-row { position: static }

	section.about .info { min-width: 0 }

	section#vikings.about.flats article { padding-bottom: 20px }

	section#vikings.about article h2 { margin-top: 20px }

	section#flats { display: block }

	section#flats article, #slider-row.bigIMG img { height: 300px }

	section#flats article div,

	section#flats article:hover div { top: 120px; left: 15px }

	section#flats article span,

	section#flats article h4,

	section#flats article:hover span,

	section#flats article:hover h4 {

		width: 100%;

		font-size: 50px;

		line-height: 50px;

		opacity: 1;

		color: #fff;

		margin: 0;

	}

	section#flats.owl-carousel article,

	section#comfort.business-center #slider, section#comfort.business-center #slider-row { height: auto }

	section#flats.owl-carousel .img { min-height: 300px; background-size: cover }

	section#flats.owl-carousel .info { padding: 20px 30px }

	section#flats.owl-carousel article .row2 h4 { font-size: 30px }

	section#flats.owl-carousel article .row2 strong { font-size: 70px }

	section#flats.owl-carousel article .row2 strong sup,

	section#vikings.about .info .square { font-size: 50px }

	section#question .flex { text-align: center }

	.modal-box {

		left: 1%;

		width: 98%;

		padding: 50px 15px;

		height: 500px;

		top: calc(50vh - 250px);

	}

	footer .flex { justify-content: center }

	footer .mobileColumn { align-items: center }

	section#vikings h4, footer address, #doc figcaption { text-align: center }

	footer #copyright { margin: 50px 0 0 0 }

}







section#top.flats h1,

section#top.business-center h1.ru {

	margin-top: calc(50vh - 140px);

    line-height: 67px;

}



.cta-flats { z-index: 1000; position: fixed; right: 15px; bottom: 250px; width: 70px; height: 70px; background: #1abc9c; border-radius: 50%; box-shadow: 0 0 0 11px rgba(241,241,241,.2); animation: blink 3s infinite; font: 700 8px Arial; color: #fff; text-transform: uppercase; letter-spacing: .8px; display: flex; flex-direction: column; justify-content: center; align-items: center; }

.cta-flats img { width: 22px; margin-bottom: 8px; }



@keyframes blink{

    0%{box-shadow:0 0 0 10px rgba(241,241,241,.2)}

    30%{box-shadow:0 0 0 25px rgba(241,241,241,.2)}

    50%{box-shadow:0 0 0 10px rgba(241,241,241,.2)}

    80%{box-shadow:0 0 0 25px rgba(241,241,241,.2)}

    100%{box-shadow:0 0 0 10px rgba(241,241,241,.2)}

}



@media (min-width: 768px) {

    .cta-flats {right: 58px; bottom: calc(50% - 40px); }

}