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

body, html { height: auto; }
body { background-size: cover; }
.burger { display: none; }
.prev, .next { font-size: 0; }

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

	*,
	*:before,
	*:after { box-sizing: border-box; }

	.shell { width: 100%; padding: 0 10px; }

	/*  Header  */
	
	.header .header-inner-head { padding-top: 60px; }
	.header .header-inner h1.slogan { float: none; width: 504px; height: 70px; background-size: cover; background-position: 50% 50%; line-height: 18px; font-size: 25px; }

	.header .logo { left: 10px; }

	/*  Contacts  */

	.contacts:after { content: ''; display: table; clear: both; line-height: 0; }

	.contacts .socials { float: right; }
	.contacts .phone { float: left; margin-right: 20px; }

	/*  Nav  */
	
	.nav { position: absolute; top: 0; right: 0; width: 100%; height: auto; padding: 0; margin-top: 0; background: transparent; pointer-events: none; will-change: transform; transform: translateY(-100%); transition: transform .3s; }
	.nav > ul { height: auto; padding: 20px 0 90px; background-size: cover; }
	.nav > ul > li > a { font-size: 18px; }

	.nav--visible { pointer-events: all; transform: translateY(0); }

	/*  Burger  */

	.burger { display: block; position: absolute; z-index: 5; top: 30px; right: 20px; width: 30px; height: 30px; }
	.burger span { display: block; position: absolute; width: 100%; 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); }

	/*  Slider  */
	
	.slider { padding: 10px; background: #fff; border-radius: 10px; }
	
	.slider .slider-mask { display: none; }

	.slider,
	.slider .slider-mask,
	.slider .slider-clip,
	.slider .slide img { width: 100%; }

	.slider .slide-body { display: block; position: absolute; top: 155px; right: 0; padding: 0 20px; width: auto; }
	.slider .slide-body h2 { width: 180px; height: 82px; margin: auto; background-size: cover; font-size: 14px; line-height: 18px; padding-top: 20px; }
	.slider .slide .btn { position: relative; width: 130px; height: 43px; padding: 13px 0 0 0; margin: -13px auto 0;  font-size: 13px; background-size: cover; }
	.slider .ico-raquo { position: absolute; right: 25px; top: 13px; transform: scale(0.7); }

	.slider .slide-1 .slide-body h2 { padding-top: 36px; }

	.slider .slide-2 .slide-body a { width: 281px; height: 50px; padding: 10px 0 0 0; margin: -11px auto 0; background-size: contain; }
	.slider .slide-2 .ico-raquo { top: 10px; right: 30px; }

	/*  Cols  */

	.col-size1 { width: 100%; margin-bottom: 60px; }

	.col-size2,
	.col-size3 { width: 50%; }

	/*  Form Contact  */

	.form-contact .form-head { width: 346px; height: 89px; margin: 0 auto; }
	.form-contact .form-body { background-size: cover; }
	.form-contact .field { height: 25px; }
	.form-contact table .form-row { height: 30px; }
	.form-contact td { margin-top: 0 !important; display: table-cell !important; width: auto !important; }

	#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%; }
	
	/*  Testimonials  */

	.testimonials ul { padding-left: 0; }

	/*  Section Associates  */

	.section-associates { display: none; }

	/*  Section Partners  */

	.section-partners .section-head { text-align: center; }

	.section-partners .list-partners { height: 200px; width: 100%; }
	.section-partners .list-partners li { height: 100%; padding-top: 50px; text-align: center; }
	.section-partners .list-partners li img { transform: scale(2); }
	.section-partners .section-body { position: relative; }

	.section-partners .section-body .prev,
	.section-partners .section-body .next { position: absolute; top: 50%; transform: translateY(-50%); }
	
	.section-partners .section-body .prev { left: 100px; }
	.section-partners .section-body .next { right: 100px; }

	.section-partners .section-body .prev:after { content: '<'; font-size: 40px; color: #d22030; font-weight: 700; }
	.section-partners .section-body .next:after { content: '>'; font-size: 40px; color: #d22030; font-weight: 700; }

	/*  Content  */

	.content h2 { text-align: center; }

	.content .cols table td { display: block; width: 100%; }
	.content .cols table td:after { content .cols: ''; display: table; clear: both; line-height: 0; }
	.content .cols table td:first-child iframe { width: 100% !important; }
	.content .cols table td:last-child { margin-top: -90px;  }
	.content .cols table td:last-child iframe { width: 100%; }

	/*  Footer  */

	.footer { padding-top: 115px; margin: 0 -10px; background-size: cover; background-position: 50% 50%; }
	.footer-nav ul li { margin-left: 7px; padding-left: 7px; }

	/*  Fancybox  */

	#fancybox-title { width: 100% !important; }
}

@media (max-width: 767px) {
	/*  Header  */

	.header { height: auto; }
	.header .logo { position: static; transform: scale(0.75); margin-left: -20px; }
	.header .header-inner { padding: 0; }
	.header .header-inner-head { padding: 0; text-align: center; }
	.header .header-inner h1.slogan { width: 436px; height: 62px; padding: 28px 36px 0 13px; margin: 0 auto; font-size: 20px; }
	
	/*  Contacts  */

	.contacts { float: none; padding: 10px 0 0 0; text-align: center; }
	.contacts .phone { width: 180px; padding: 0; margin: 0; text-align: center; }
	.contacts .socials { text-align: right; }
	.contacts .socials ul { display: inline-block; }
	
	/*  Nav  */
	
	.nav > ul > li { float: none; text-align: center; }
	.nav > ul > li:first-child { margin-left: 0; }
	.nav > ul > li > a { position: relative; width: 100%; height: 45px; }

	.nav .nav-dropdown { position: static; }
	.nav .nav-dropdown li { text-align: center; }
	.nav .nav-dropdown a { font-size: 14px; }

	/*  Slider  */

	.slider .slide-body { position: static; }
	.slider .slide-body h2 { width: 135px; height: 70px; padding-top: 18px; font-size: 12px; }
	.slider .slide-body .btn { width: 110px; height: 33px; padding: 9px 0 0 0; font-size: 10px; }
	.slider .ico-raquo { right: 21px; top: 8px; }

	.slider .slide-1 .slide-body h2 { padding: 16px 3px; }

	.slider .slide-2 .ico-raquo { right: 47px; }
	.slider .slide-2 .slide-body a { width: 258px; }

	.slider .slide-4 h2 span { font-size: 22px; line-height: 22px; }
	
	/*  Feature  */

	.feature .map { text-align: center; }

	/*  Cols  */

	.cols { margin-bottom: 30px; }

	/*  Col  */

	.col { width: 100%; }
	.col + .col { margin-top: 20px; }

	/*  Form  */

	.form-contact .form-head { margin: auto; }
	.form-contact .form-label { font-size: 11px; }
	.form-contact .fb-fieldlabel { font-size: 11px !important; }

	.form-contact .form-body { background-size: cover; }
	.form-contact .form-body table { width: 100%; }
	.form-contact .form-body .field { width: 100%; }
	
	/*  Section Partners  */
	
	.section-partners { padding-bottom: 0; }
	.section-partners .section-head { padding-bottom: 0; }
	.section-partners .list-partners li img { transform: scale(1.5); }
	.section-partners .section-body .prev { left: 20px; }
	.section-partners .section-body .next { right: 20px; }

	.section-partners .section-body .prev:after,
	.section-partners .section-body .next:after { font-size: 30px; }

	/*  Footer  */

	.footer { padding: 75px 0 0 0; }
	
	.footer table td { display: none; }
	.footer table td:first-child { display: block; width: 100%; }

	.footer-nav ul li a { font-size: 10px; }

	/*  Copyright  */
	
	.copyright { font-size: 10px; }
	.copyright a { font-size: 10px; }

	/*  Fancybox  */

	#fancybox-title { width: calc(100% + 20px) !important; bottom: -36px !important; margin-left: 0 !important;  }
}

@media(max-width: 479px) { 
	
	/*  Header  */

	.header .contacts .phone { width: 60%; }
	.header .contacts .socials { width: 40%; } 
	.header .header-inner h1.slogan { padding-top: 18px; background-size: 100% 100%; line-height: 1; margin-left: -10px; width: 320px; }

	/*  Slider  */
	
	.slider { height: 250px; }
	
	/*  Form Contact  */

	.form-contact .form-head { margin-left: -14px; }
	.form-contact .form-body { padding: 30px 10px; }
	
	/*  Section Partners  */

	.section-partners .section-body .prev { left: 0; }
	.section-partners .section-body .next { right: 0; }

	/*  Footer  */

	.footer .footer-nav { padding: 10px 30px; margin-bottom: 10px; }
	.footer .footer-nav ul li { padding-left: 12px; margin-left: 12px; margin-bottom: 8px; }
	.footer .footer-nav ul li:nth-child(5) { border: 0; }

	/*  Copyright  */
	
	.copyright { padding: 0 60px; }
	.copyright span { display: none; }

}