@CHARSET "UTF-8";

@media screen and (max-width: 1590px) {
	#indexBlockMenu .item {width:33.33%;}
}

@media screen and (max-width: 1450px) {
	#mainLogo {top:11px;}
	#mainLogo a {width:200px; height:36px;}
	#mainLogo a img {width:40px;}
	#mainLogo a span {left:55px; font-size:36px; line-height:36px; }
	#headerPhone {right:215px;}
	#mainMenuData {padding:15px 375px 0 215px;}
	#pageContent .indexCenterHeader h2 {font-size:40px; line-height:50px;}
	
	#topImages .image1 .caption {font-size:50px; line-height:52px; }
	#topImages .image1 .caption span {display:block;}
	
	#indexSliderHeader h2 {font-size:40px; line-height:50px;}
	
	#indexFormSize .formData .formSizeText {position:relative; right:auto; bottom:auto; width:auto; }
	
	#footerContent {padding:20px 230px 20px 245px; }
}

@media screen and (max-width: 1300px) {
	.marginBottom {margin-bottom:70px;}
	.marginBottom-20 {margin-bottom:50px;}
	.paddingBottom {padding-bottom:70px;}
	#mainMenuData {padding-top:5px;}
	#mainMenu span.sep {display:block;}
	#pageContent .indexCenterHeader h2 {font-size:32px; line-height:40px;}
	
	#topImages .image1 .caption {bottom:125px;}
	
	#indexSliderHeader h2 {padding:0 465px 0 0; font-size:32px; line-height:40px;}
	#indexSliderHeader .text {width:240px;}
	
	#selectedLines {margin-bottom:30px; }
	#selectedLines .line1 .col1 {padding-right:30px; }
	#selectedLines .line1 .col2 {width:50%; padding-right:0;}
	#selectedLines .line1 .col3 {display:none;}
	
	#selectedLines .line2 .col1 {width:40%; padding-right:0; margin-bottom:40px; order:2;}
	#selectedLines .line2 .col2 {width:60%; padding-left:0; padding-right:30px; margin-bottom:40px; order:1; }
	#selectedLines .line2 .col3 {width:40%; padding-right:0; order:3;}
	#selectedLines .line2 .col4 {width:60%; padding-left:30px; order:4;}
	
	#selectedLines .line3 .col1 {width:50%; padding-right:30px; }
	#selectedLines .line3 .col2 {width:50%; padding:0; }
	#selectedLines .line3 .col3 {display:none;}
	
	#indexFormSize .image .imageData {background-size:cover; }
	#indexFormSize .image .imageData img {display:none; }
	
	#indexFormSize .image {padding-right:30px;}
	#indexFormSize .formData {padding:30px;}
	#indexFormSize .formData h3 {font-size:26px;}
	#indexFormSize .formData .stdFormData {position:relative; left:auto; bottom:auto; width:100%; }
	#indexFormSize .formData .stdFormData .rowList {padding-top:15px;}
	
	#indexDelivery .left {width:100%; padding:0; order:2; }
	#indexDelivery .left .data {border-radius:0 0 10px 10px; }
	#indexDelivery .right {width:100%; padding:0; order:1; }
	#indexDelivery .right .data {border-radius:10px 10px 0 0; height:300px; }
	
	#indexQuestion .images {width:100%; padding:0 0 30px 0;}
	#indexQuestion .images .imageList {display:flex; flex-wrap:wrap;}
	#indexQuestion .images .imageList .img1 {width:50%; padding-right:15px;}
	#indexQuestion .images .imageList .img2 {width:50%; padding-left:15px; position:relative; left:auto; bottom:auto; }
	#indexQuestion .list {width:100%; padding:0;}
	#indexQuestion .list .item .answer {font-size:20px;}

	
	
	
	.textstyle h1, .textstyle .h1 {font-size:52px; line-height:52px; padding-bottom:25px;}
	.textstyle h2, .textstyle .h2 {font-size:42px; line-height:44px; padding-top:10px; padding-bottom:15px;}
	.textstyle h3, .textstyle .h3 {font-size:32px; line-height:34px; }
	
	#footerContent {padding:20px 210px 20px 20px; }
	#footerLogo {top:auto; bottom:20px; }
	#footerBottom {display:inline-block; left:50%; width:auto; transform:translateX(-50%); }
	#footerDev {left:auto; right:20px; text-align:right; }
}

@media screen and (max-width: 970px) {
	.maxWidth {padding:0 20px;}
	.marginBottom {margin-bottom:50px;}
	.marginBottom-20 {margin-bottom:30px;}
	.paddingBottom {padding-bottom:50px;}
	#headerMainData {padding-top:20px;}
	#headerContainer {margin-bottom:20px;}
	#headerWhatsapp {right:65px; }
	#headerPhone {right:280px;}
	#mainMenuData {display:none;}
	#mobileMenuOpen {display:block;}
	#pageContent .indexCenterHeader h2 {font-size:34px; line-height:42px;}
	
	#topImages .image1 .caption {font-size:44px; line-height:48px;}
	#topImages .image1 {width:100%; border:none; }
	#topImages .image2 {float:left; border:none; padding:20px 10px 0 0; width:50%;}
	#topImages .image3 {float:left; border:none; padding:20px 0 0 10px; width:50%;}
	#topImages .image1 .caption {bottom:auto; top:50px; }
	#topImages .image1 .caption span {display:none;}
	
	#indexSliderHeader h2 {padding:0 0 30px 0; font-size:34px; line-height:42px;}
	#indexSliderHeader .text {position:relative; bottom:auto; right:auto; width:auto; padding-right:210px; font-size:20px; line-height:22px;}
	#indexSliderHeader .link {bottom:0; }
	
	#indexFormSize .formData .stdFormData .stdLineInput {float:none; width:100%; }
	#indexFormSize .formData .stdFormData .stdLineInput:nth-child(1) {padding-right:0px;}
	#indexFormSize .formData .stdFormData .stdLineInput:nth-child(2) {padding-left:0px;}
	
	#indexFormSalon .fullData {background-size:cover; padding:30px;}
	#indexFormSalon .fullData .image {display:none;}
	#indexFormSalon .fullData .overlay {background:linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.4) 40%, rgba(0,0,0,0.5) 100%)}
	#indexFormSalon .fullData .cols {position:relative; left:auto; bottom:auto; }
	#indexFormSalon .fullData .cols .formText {width:100%; padding:0 0 40px 0;}
	#indexFormSalon .fullData .cols .formData {padding:0; width:100%; }



	#footerData {padding-bottom:20px;}
}


@media screen and (max-width:780px) {
	
	#headerMainContent {height:41px;}
	#mainLogo {top:2px;}
	#headerPhone {top:9px; right:255px;}
	#mobileMenuOpen {top:4px;}
	a.stdButton {padding:0 15px; line-height:40px;}
	#pageContent .indexCenterHeader {margin-bottom:25px;}
	
	#indexSlider2 .slideData .name {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; line-height:18px; height:38px;}
	#indexSlider2 .slideData .price {height:auto; padding:5px 0 35px 0; }
	#indexSlider2 .slideData .price .value {width:100%; text-align:center; }
	#indexSlider2 .slideData .price .select {left:50%; right:auto; transform:translateX(-50%); }
	
	#selectedLines .line1 {margin-bottom:25px;}
	#selectedLines .line1 .col1 {width:66.66%; padding:0 10px 0 0; order:1; }
	#selectedLines .line1 .col2 {width:100%; margin-top:15px; order:3;}
	#selectedLines .line1 .col3 {width:33.33%; padding:0 0 0 5px; display:block; order:2; }
	
	#selectedLines .line3 .col1 {width:100%; padding:0; order:3; margin-top:15px; }
	#selectedLines .line3 .col2 {width:66.66%; padding:0 10px 0 0; order:1; }
	#selectedLines .line3 .col3 {width:33.33%; padding:0 0 0 5px; display:block; order:2; }

	#indexFormSize .image {padding-right:15px; }
	#indexFormSize .formData {padding:25px;}
	
	#indexBlockMenu .item {width:50%;}
	
	#indexQuestion .images .imageList .img1 {padding-right:8px;}
	#indexQuestion .images .imageList .img2 {padding-left:8px;}
	
	
	
	.textstyle h1, .textstyle .h1 {font-size:36px; line-height:38px; padding-bottom:20px;}
	.textstyle h2, .textstyle .h2 {font-size:32px; line-height:34px; }
	.textstyle h3, .textstyle .h3 {font-size:28px; line-height:30px; }
	
	html {height:auto;}
	body {min-height:auto; height:auto; }
	#pageFrames {min-height:auto; height:auto !important; margin-bottom:0;}
	#footerProtect {height:30px;}
	#footer {height:auto;}
	#footerContent {padding:20px 20px 280px 20px;}
	#footerContent:after {content:""; display:block; clear:both; }
	#footerWhatsapp {right:auto; top:auto; left:50%; bottom:200px; transform:translateX(-50%);}
	#footerContent .cols.last {padding-right:0; }
	#footerBottom {width:calc(100% - 40px); text-align:center; bottom:60px; }
	#footerLogo {bottom:140px; left:50%; transform:translateX(-50%);}
	#footerDev {width:calc(100% - 40px); text-align:center; }
	#footerDev br {display:none; }
	
	
	
}

@media screen and (max-width:650px) {
	.maxWidth {padding:0 15px;}
	#headerMainData {padding-top:15px;}
	#headerMainContent {height:100px;}
	#mainLogo {top:0; }
	#mobileMenuOpen {top:1px;}
	#headerWhatsapp {padding:0; width:34px; height:34px; border-radius:100px; }
	#headerWhatsapp span {display:none;}
	#headerWhatsapp i {display:block;}
	#headerPhone {top:50px; right:0; width:100%; text-align:center; font-size:24px; padding-top:10px; border-top:1px solid #f2f2f2;}
	#pageContent .indexCenterHeader h2 {font-size:26px; line-height:34px;}
	
	#topImages .image2 {padding:15px 7px 0 0; }
	#topImages .image3 {padding:15px 0 0 7px; }
	#topImages .image1 .link {right:30px; bottom:30px;}
	#topImages .image1 .caption {font-size:40px; line-height:44px; top:30px; left:0; width:100%; padding:0 30px; }
	
	#indexSliderHeader h2 {padding:0 0 20px 0; font-size:26px; line-height:34px; text-align:center; }
	#indexSliderHeader .text {padding-right:0; padding-bottom:20px;}
	#indexSliderHeader .link {position:relative; right:auto; bottom:auto; width:100%; }
	
	#indexFormSize .formData h3 {font-size:24px;}
	#indexFormSize .image {width:100%; order:2; padding-right:0;}
	#indexFormSize .image .imageData {background-size:0;}
	#indexFormSize .image .imageData img {display:block; }
	#indexFormSize .form {width:100%; order:1; margin-bottom:30px; }
	
	#indexDelivery .left .data  {padding:20px 15px;}
	#indexDelivery .left .data .line1 {column-count:1; }
	#indexDelivery .left .data .line2 {column-count:1; }
	#indexDelivery .left .data .line3 {width:100%; padding:0 0 20px 0;}
	#indexDelivery .left .data .line4 {width:100%; padding:0;}
	#indexDelivery .left .data .line4 .link {position:relative; left:auto; top:auto; font-size:18px;}
	
	#indexQuestion .list .item .question {font-size:20px;}
	#indexQuestion .list .item .answer p {font-size:18px; line-height:21px;}
	
	.textstyle h1, .textstyle .h1 {font-size:32px; line-height:34px; padding-bottom:15px;}
	.textstyle h2, .textstyle .h2 {font-size:30px; line-height:32px; }
	.textstyle h3, .textstyle .h3 {font-size:28px; line-height:30px; }
	
	#footerContent .cols {float:none; width:100%; padding:0 0 20px 0px; text-align:center; }
	#footerContent .cols.last {width:100%; padding:0; }
	#footerBottom p {padding:3px 0; line-height:14px;}
}

@media screen and (max-width:500px) {
	#topImages .image1 .caption {font-size:34px; line-height:38px;}
	#indexSlider1 .slideData .name {font-size:16px;}
	
	#selectedLines .line2 {margin-bottom:25px; }
	#selectedLines .line2 .col1 {width:100%; padding:0; order:1; margin-bottom:15px; }
	#selectedLines .line2 .col2 {width:100%; padding:0; order:2; margin-bottom:30px; }
	#selectedLines .line2 .col3 {width:100%; padding:0; order:3; margin-bottom:15px; }
	#selectedLines .line2 .col4 {width:100%; padding:0; order:4; margin-bottom:0px; }
	
	#indexBlockMenu .item {width:100%;}
	
	#indexFormSalon .fullData {padding:25px;}
	#indexFormSalon .fullData .cols .formData .stdFormData .rowLine:nth-child(1) {width:100%; float:none; padding-right:0;}
	#indexFormSalon .fullData .cols .formData .stdFormData .rowLine:nth-child(2) {width:100%; float:none; padding-left:0;}
	#indexFormSalon .fullData .cols .formData .stdFormData .rowLine:nth-child(3) {width:100%; float:none; padding-right:0;}
	#indexFormSalon .fullData .cols .formData .stdFormData .rowLine:nth-child(4) {width:100%; float:none; padding-left:0;}
	
}

@media screen and (max-width:400px) {
	#topImages .image1 .caption {padding:0 20px; font-size:32px; line-height:36px; }
	#topImages .image1 .link {right:20px; bottom:20px;}
	
	#indexSlider2 .slideData .name {display:block; white-space:nowrap; height:auto; }
	#indexSlider2 .slideData .price {padding:10px 0 0 0; height:38px; }
	#indexSlider2 .slideData .price .value {width:calc(100% - 90px); text-align:left; }
	#indexSlider2 .slideData .price .select {right:0; left:auto; transform:none; }
	
}