/* ------------------------------------------------------------ *\
	Responsive
\* ------------------------------------------------------------ */

body { min-width: 320px; }
.wrapper { overflow: hidden; }
.burger { display: none; }
.body-contactform { min-width: auto; margin: 0; }

@media (max-width: 1160px ) {
	
	/*  Reset  */

	*,
	*:before,
	*:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }
	
	.shell { width: 100%; padding: 0 10px; }

	/*  Header  */

	.header .slogan { left: 0; margin: 0; display: block; text-align: right; transform: translateX(0); }
	.header .logo { left: 10px; top: 10px; }

	/*  Nav  */

	.nav { font-size: 16px; }
	.nav ul { display: block; }
	.nav ul:after { content: ''; display: table; clear: both; line-height: 0; }
	.nav ul li { display: block; float: left; width: 12.5%; }
	.nav ul li a { padding: 4px 0 7px; text-align: center; }

	/*  Section  */

	.section iframe { width: 50% !important;  }

	.section .section-content { padding-right: 25px; }

	/*  Form Info  */

	.form-info { width: 100%; }
	.form-info:after { width: calc(100% + 20px); }

}

@media (max-width: 1023px) {
	
	body { font-size: 14px; }
	h3 { font-size: 27px; }
	
	/*  Header  */

	.header .phone { font-size: 21px; }

	/*  Nav  */

	.nav { font-size: 12px; }
	
	/*  Form Info  */

	.form-info { margin-top: -165px; }
	.form-info .form-title { font-size: 20px; }
	.form-info .form-label { font-size: 17px; }
	
	/*  Btn  */

	.btn { font-size: 18px; }
	.btn-secondary { font-size: 15px; }
	.btn-small { font-size: 20px; }

	/*  Slider */

	.slider .slide-content h1 { font-size: 31px; }

	/*  Section Tour  */

	.section-tour { padding: 15px 0 20px; }



	/*  Map Canvas  */

	#map-canvas { width: 100% !important; }

	/*  Photogallery  */

	.popup-gallery a + a { margin-top: 8px; }
	.popup-gallery a { display: inline-block; }

	/*  Contact Form  */

	#docContainer { width: 100%; margin: 0; }
	#docContainer input[type=text], #docContainer input[type=password], #docContainer input[type=email], #docContainer input[type=number], #docContainer input[type=date], #docContainer input[type=tel], #docContainer input[type=url], #docContainer textarea, #docContainer select, #docContainer input[type=file] { max-width: 100%; }

	#docContainer #fb-submit-button-div.fb-item-alignment-left { text-align: center; }
	#docContainer #fb-submit-button-div.fb-item-alignment-left input { width: 200px; height: 50px; font-size: 16px; }

	.fb-toplabel .fb-input-box, .fb-toplabel .fb-dropdown, .fb-toplabel .fb-listbox, .fb-toplabel .fb-button, .fb-toplabel .fb-input-number, .fb-toplabel .fb-textarea, .fb-toplabel .fb-radio, .fb-toplabel .fb-checkbox, .fb-toplabel .fb-input-date, .fb-toplabel .fb-phone, .fb-toplabel .fb-regex, .fb-toplabel .fb-hint, .fb-toplabel  label.error { width: 100%; }
	#docContainer .fb-grouplabel label,
	#docContainer .column,
	#docContainer .fb-item { padding: 0; }
	
	#docContainer .fb-item.fb-100-item-column { width: 100%; }
	#fb-submit-button { appearance: none; }

	/*  Footer  */

	.footer td:last-child { display: none; }
	.footer td:nth-child(3) { padding-left: 8px; }
}

@media (max-width: 767px) {

	/*  Header  */

	.header { padding-top: 22px; text-align: center; }
	.header .logo { position: static; margin-bottom: 15px; transform: scale(.8); }
	.header .slogan { text-align: center; }
	.header .header-inner { float: none; }
	.header .header-inner .phone,
	.header .header-inner .email { float: none; display: inline-block; }

	/*  Burger  */

	.burger { display: block; position: absolute; z-index: 10; top: 25px; right: 20px; width: 30px; height: 30px; }
	.burger span { display: block; position: absolute; width: 30px; height: 5px; background: #d22030; transition: top .2s .25s, left .2s .25s, opacity .2s .25s, transform .2s 0s; }
	.burger span:nth-child(1) { top: 0; } 
	.burger span:nth-child(2) { top: 10px; }
	.burger span:nth-child(3) { top: 20px; }

	.burger--active span { transition: background .2s, top .2s, left .2s, opacity .2s, transform .2s .25s; }
	.burger--active span:nth-child(1),
	.burger--active span:nth-child(3) { top: 12px; }

	.burger--active span:nth-child(2) { opacity: 0; }
	.burger--active span:nth-child(1) { transform: rotate(45deg); }
	.burger--active span:nth-child(3) { transform: rotate(-45deg); }

	/*  Nav  */

	.nav { position: absolute; z-index: 5; top: 0; right: 0; width: 100%; padding: 20px 0 10px; margin-top: 0; pointer-events: none; will-change: transform; transform: translateY(-100%); transition: transform .3s; font-size: 14px; }

	.nav--visible { pointer-events: all; transform: translateY(0); }
	
	.nav ul li { float: none; display: block; width: calc(100% - 120px); padding: 0; margin: 0 auto; }
	.nav ul li + li { margin-top: 5px; }
	
	/*  Section  */
	
	.section { padding-top: 25px; }
	.section .section-content,
	.section .section-aside { float: none; width: 100%; }

	.section .section-content { padding-right: 0; margin-bottom: 25px; }

	.section iframe { width: 100% !important;  }

	/*  Form  */
	
	.form-info { margin-top: 0; }
	.form-info .form-title { font-size: 18px; }
	.form-info .field { width: 100%; }
	.form-info .form-row { text-align: left; }
	.form-info .form-label { font-size: 15px; }

	/*  Btn  */

	.btn-secondary { padding: 9px 10px 11px; }
	.btn-small { font-size: 16px; }
	.btn-small .ico-arrow-right { transform: scale(.8); }
	
	/*  Section Cols  */

	.section-cols { padding: 10px 0 20px; }

	/*  Cols  */

	.col { float: none; width: 100%; }
	.col + .col { margin-top: 15px; }
	
	.cols { margin-left: 0; }
	.cols .col { padding-left: 0; }

	.cols + p { margin-top: 30px; }

	/*  List Partners  */

	.list-partners li { margin-right: 15px; }
	
	/*  Footer  */

	.footer { text-align: left; }
	.footer td:nth-child(3) { transform: scale(.8); }
	
}

@media (max-width: 469px) {
	
	h3 { font-size: 25px; }

	/*  Header  */

	.header { padding-top: 30px; text-align: left; }
	.header .header-inner .phone { margin-left: 0; padding-left: 2px; }
	.header .slogan { text-align: left; }
	.header .logo { margin-left: -59px; transform: scale(.7); }

	/*  Burger  */

	.burger { top: 45px; right: 10px; }

	/*  Nav  */
	
	.nav { transform: translateX(-100%); left: 0; }
	.nav ul { margin-left: -10px; }
	.nav ul li { width: calc(100% - 40px); margin: 0; transform: translateX(-100%); transition: transform .3s; }
	.nav ul li + li { margin-top: 10px; }
	
	.nav--visible { transform: translateX(0); }
	.nav--visible ul li { transform: translateX(0); transition: transform .3s; }
	.nav--visible ul li:nth-child(1) { transition-delay: .2s }
	.nav--visible ul li:nth-child(2) { transition-delay: .25s }
	.nav--visible ul li:nth-child(3) { transition-delay: .3s }
	.nav--visible ul li:nth-child(4) { transition-delay: .35s }
	.nav--visible ul li:nth-child(5) { transition-delay: .4s }
	.nav--visible ul li:nth-child(6) { transition-delay: .45s }
	.nav--visible ul li:nth-child(7) { transition-delay: .5s }
	.nav--visible ul li:nth-child(8) { transition-delay: .55s }

	/*  Slider  */

	.slider .slide-content { position: static; }
	.slider .slide-actions { padding-left: 0; }
	.slider .slide-actions .btn { width: 100%; font-size: 14px; }
	.slider .slide-inner { padding: 16px 0 20px 10px; }
	.slider .slide-inner h1 { font-size: 24px; }

	/*  Section  */
	
	.section h3 { margin-bottom: 10px; }
	.section p { margin-bottom: 5px; }
	.section p img { display: block; float: none !important; margin: 0; }
	.section > img  { display: block; float: none !important; margin: 0; }

	/*  Footer  */

	.footer td:first-child { width: 60%; }
}