/*

THIS FILE IS OVERWRITTEN WHEN THE SOLUTION IS UPDATED
--------
FAIL ZATIRAETSY PRI OBNOVLENII RESHENIY

*/

article, aside, details, figcaption, figure, footer, header, hgroup, section, main {display: block;}
ol, ul {list-style-position: inside;}
ul, dir {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 {margin: 0;}
input, button, textarea {font-family: 'Montserrat', sans-serif; outline: none;}
p {margin: 0;}
a {color: #3F51B5; text-decoration: none;}
a:hover {color: #ad0079;}
img {border: none;}
html {height: 100%;}
body {color: #121212; font-size: 15px; background: #fff; font-family: 'Montserrat', sans-serif; margin: 0; -webkit-font-smoothing: antialiased;}
.clear {clear: both;}

.QRCode
{
	max-width:200px;
	text-align:center;
	margin:15px auto 0;
}
.QRCode img
{
	display:inline-block;
}
/*------------------
--- MAIN STYLES ---
----------------*/
.indexContainer {display: flex; flex-direction: column;}
	.indexBlock.hidden {display: none;}
	.indexBlock[data-order="1"] {order: 1;}
	.indexBlock[data-order="2"] {order: 2;}
	.indexBlock[data-order="3"] {order: 3;}
	.indexBlock[data-order="4"] {order: 4;}
	.indexBlock[data-order="5"] {order: 5;}
	.indexBlock[data-order="6"] {order: 6;}
		.indexWrapper {max-width: 1160px; margin: 0 auto;}

.mainTitle {margin: 64px auto 68px; max-width: 1160px;}
	.mainTitle h1 {font-size: 29px; max-width: 750px; line-height: 47px;}
	.mainTitle h1.max {font-size: 34px;}
	.mainTitle h1.min {font-size: 24px;}

#workArea {max-width: 1160px; margin: 0 auto 90px auto;}
	.divFlex {display: flex; align-items: flex-start;}
		main {margin: 0 0 0 65px; width: 100%;}
			main.fullMain {margin: 0;}
		.sidebar {width: 325px; min-width: 325px; padding: 5px 0 0 0;}
		
		#wrapper.animationON main {animation: fadeInUp_30px 1.2s ease;}
		#wrapper.animationON .sidebar {animation: fadeIn 1.2s ease;}
	
/*------------------
--- MAIN STYLES ---
----------------*/



/*------------------
-- HEADER SITE ---
----------------*/

header {z-index: 99;}
#wrapper.animationON header {animation: fadeIn 1.1s ease;}
	.headerTop {border-bottom: 1px solid #F4F4F4; background: #fff; z-index: 3; position: relative;}
		.headerTopWrap {max-width: 1160px; margin: 0 auto; padding: 21px 0 21px 0; display: flex; justify-content: space-between;}
			.headerTopWrap > div {display: flex; justify-content: space-between; align-items: center;}
				.headerTop .headerSearch {margin: 0 0 0 39px; cursor: pointer; font-size: 13px; display: flex; align-items: center;}
					.headerTop .headerSearch svg {margin: 0 9px 0 0;}
				
	body.detailed .headerBottom {border-bottom: 1px solid #F4F4F4;} /* position: relative; z-index: 2; background: #fff; */
		.headerBottomWrap {max-width: 1200px; margin: 0 auto; padding: 33px 0 35px 0; display: flex; justify-content: space-between;}
			.headerBottomWrap > div {display: flex; justify-content: space-between; align-items: center;}	
				#menuButton {font-size: 22px; text-align: center; line-height: 45px; width: 19px; margin-right: 35px; cursor: pointer; display: none;}
				#logo {}
					#logo img, #logo svg {max-width: 185px; max-height: 70px; display: block;}
				.buttonTopMenu {color: #121212; letter-spacing: .02em; cursor: default; position: relative; padding: 0 18px 0 0; height: 40px;
					line-height: 40px; margin: 0 0 0 62px;
				}
				.buttonTopMenu.open svg {transform: rotate(180deg);}
				.buttonTopMenu svg {position: absolute; top: 50%; right: 0; margin: -2px 0 0 0; transition: transform .2s linear;}
				.buttonTopMenu.open:after {position: absolute; height: 40px; content: ''; width: 100%; top: 100%; margin: -10px 0 0 0; left: 0;}
				
				
				.marginBottomMenu {margin: 0 0 0 36px;}
				.headerBottom .headerSearch {width: 46px; height: 46px; border-radius: 50%; box-sizing: border-box;
					line-height: 51px; cursor: pointer; text-align: center; display: none;
					box-shadow: 0px 20px 20px rgba(0, 0, 0, .05), 0px 10px 10px rgba(0, 0, 0, .05), 0px 5px 5px rgba(0, 0, 0, .05), 0px 2px 2px rgba(0, 0, 0, .05);
				}
				header .requestCall {display: inline-block; cursor: pointer; font-size: 13px; border-radius: 100px; color: #fff;
					 padding: 15px 25px 15px 25px;
				}
				header .requestCall a
				{ 
					color: #fff;
				}
					header .requestCall svg {display: none;}
				.basketHeader {margin: 0 0 0 25px;}


	#mobileMenu {background: #fff; position: fixed; top: 0; bottom: 0; z-index: 1000; overflow: hidden;
		width: 310px; display: none; box-shadow: 0px 4px 40px rgba(0, 0, 0, .25);
	}
	#mobileMenu.redcodeVisible {animation: mobileMenuVisible .5s ease;}
		#mobileMenu .mobileMenu {overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: none; width: 106%;
			height: 100%;
		}
			.mobileMenuWrap {transition: transform .2s ease-in-out; margin: 0 4% 0 0;}
				.mobileMenuBasket {display: flex; align-items: center; padding: 12.5px 29px; cursor: pointer; border-bottom: 1px solid #F0F0F0;
					color: #121212; justify-content: space-between;
				}
					.mobileMenuBasket > p {display: flex; align-items: center;}
						.mobileMenuBasket .openBasket {margin: 0 20px 0 0;}
				.mobileMenuCallBack {display: flex; align-items: center; padding: 12.5px 29px; cursor: pointer; border-bottom: 1px solid #F0F0F0;
					justify-content: space-between;
				}
					.mobileMenuCallBack div {display: flex; align-items: center;}
						.mobileMenuCallBack p {width: 45px; height: 45px; text-align: center; margin: 0 20px 0 0; border-radius: 50%; line-height: 52px;
							box-shadow: 0px 20px 20px rgba(0, 0, 0, .05), 0px 10px 10px rgba(0, 0, 0, .05), 0px 5px 5px rgba(0, 0, 0, .05), 0px 1px 1px rgba(0, 0, 0, .05);
						}
				
				#mobileMenu .mobileContacts {padding: 0 30px; font-size: 13px; line-height: 22px; margin: 35px 0 0 0;}
					#mobileMenu .mobileContacts > div {margin: 30px 0 0 0; display: flex;}
					#mobileMenu .mobileContacts > div:first-child {margin-top: 0;}
						#mobileMenu .mobileContacts > div:first-child svg {width: 18px;}
						#mobileMenu .mobileContacts svg {padding: 5px 0 0 0; margin: 0 10px 0 0;}
				#mobileMenu .social {display: flex; align-items: center; flex-wrap: wrap; padding: 0 26px 26px 26px; margin: 35px 0 0 0;}
					#mobileMenu .social a {margin: 0 14px 0 0; border-radius: 50%; padding: 12px;}
					#mobileMenu .social a:last-child {margin-right: 0;}
						#mobileMenu .social img{display: block; max-width: 16px;}
						
		#mobileScrollBar {position: absolute; top: 2px; right: 3px; width: 4px; height: 0; -webkit-user-select: none; background: #C2C2C2;
			-moz-user-select: none; -ms-user-select: none; user-select: none; border-radius: 4px;
		}

@keyframes mobileMenuVisible{
	0% {
		left: -100%;
	}
	100% {
		left: 0;
	}
}

/*------------------
-- HEADER SITE ---
----------------*/



/*------------------------
------- FOOTER SITE -------
------------------------*/

footer {padding: 68px 0 47px 0; background: #121212;}
	.footerWrap {max-width: 1160px; margin: 0 auto;}
		.footerTop {margin: 0 0 82px 0; display: flex; align-items: flex-start; justify-content: space-between;}
			.footerTop > div:first-child {width: 70%;}
			#footerContacts {width: 25%; margin: 0 0 0 5%;}
				#footerContacts h3 {margin: 0 0 33px 0; color: #fff; font-size: 15px;}
				#footerContacts > div {margin: -9px 0 31px 0; line-height: 28px; font-size: 14px; color: #fff; display: flex;
					justify-content: space-between; align-items: flex-start;
				}
				#footerContacts > div:last-child {margin-bottom: 0;}
					#footerContacts > div > svg {height: 28px;}
					#footerContacts > div > div {width: 88.5%;}
			
		.footerBottom {display: flex; justify-content: space-between; align-items: center;}
			.footerCopyright {color: #aeaeae; font-size: 13px;}
				.footerCopyright div {margin: 0 0 10px 0;}
				.footerCopyright a:not(.redcodeColor) {color: #fff;}
			.footerSocial{}


.buttonPosition{position: fixed; right: 31px; bottom: -61px; z-index: 9; min-width: 12px;}
.animationFooterButton {transition: bottom .3s ease;}
.buttonTop{width: 48px; border-radius: 50%; height: 48px; text-align: center; line-height: 54px; cursor: pointer;}
.buttonMenu{position: fixed; right: 36px; bottom: -61px; width: 47px; border-radius: 50%; height: 47px; transition: bottom .3s ease;
	cursor: pointer; background: #fff; z-index: 9; box-shadow: 0 4px 7px 0 rgba(0,0,0,.15), rgba(0, 0, 0, .2) 0px 0px 1px 0px;
	color: #000; font-size: 28px; text-align: center; line-height: 47px; display: none;
}
.buttonSearch{position: fixed; right: 36px; bottom: -61px; width: 47px; border-radius: 50%; height: 47px; transition: bottom .3s ease;
	cursor: pointer; background: #fff; z-index: 9; box-shadow: 0 4px 7px 0 rgba(0,0,0, .15), rgba(0, 0, 0, .2) 0px 0px 1px 0px;
	color: #000; font-size: 27px; text-align: center; line-height: 47px; display: none;
}

/*------------------------
------- FOOTER SITE -------
------------------------*/



/*--------------------------------
--- ABOUT THE COMPANY (DETAILED) ---
--------------------------------*/

.company{}

/*--------------------------------
--- ABOUT THE COMPANY (DETAILED) ---
--------------------------------*/



/*----------------------------------
--- CONTACTS - DETAILED PAGE ---
-----------------------------------*/

#mainAddress {padding: 72px 0; margin: 0 50px;}
	#mainAddress > div {display: flex; justify-content: space-between;}
		#mainAddress > div > div {box-shadow: 0px 30px 70px rgba(0, 0, 0, .075); border-radius: 5px; width: 360px;
			padding: 50px 15px 55px 15px; text-align: center; box-sizing: border-box; font-size: 16px; line-height: 30px; background: #fff;
		}
			#mainAddress svg {margin: 0 0 29px 0;}
			#mainAddress h3 {line-height: normal; margin: 0 0 29px 0; font-size: 18px;}

/*----------------------------------
--- CONTACTS - DETAILED PAGE ---
-----------------------------------*/



/*----------------------------------
--- MODAL WINDOWS SENDING MESSAGES ---
----------------------------------*/

.modal {display: none; position: fixed; overflow: hidden; bottom: 0; right: 0; left: 0; top: 0; z-index: 100;}
	.modalWrapper {margin: 50px auto; background: #fff; max-width: 560px; border-radius: 5px;}
	.modalWrapper.smallModal {max-width: 490px;}
	
		.modalHeader {position: relative; padding: 48px 90px 33px 90px;}
		.modalWrapper.smallModal .modalHeader {padding: 48px 60px 28px 60px;}
			.modalHeader h3 {font-size: 23px; line-height: 34px;}
			.modalHeader p {font-size: 13px; line-height: 24px; color: #717171; margin: 26px 0 0 0;}
			.modalClose {width: 43px; height: 43px; cursor: pointer; border-radius: 50%; border: 2px solid #FFF;
				position: absolute; top: 0; right: -63px; box-sizing: border-box;
			}
				.modalClose:before, .modalClose:after {position: absolute; content: ''; width: 18px; height: 2px; background: #fff; margin: -1px 0 0 -9px;
					left: 50%; top: 50%;
				}
				.modalClose:before {transform: rotate(45deg);}
				.modalClose:after {transform: rotate(-45deg);}
				.modalClose span {font-size: 9px; color: #fff; text-transform: uppercase; bottom: -21px; position: absolute; left: -2px;}

		.modalBody {padding: 20px 90px 50px 90px;}
		.modalWrapper.smallModal .modalBody {padding: 20px 60px 50px 60px;}
			.modalField {margin: 0 0 58px 0; position: relative; padding: 0 0 1px 0; border-bottom-width: 1px; border-bottom-style: solid;
				border-bottom-color: #EAEAEA;
			}
			.modalField:last-child {margin: 0;}
			
				.inputField {position: relative; font-size: 15px; display: block; width: 100%; padding: 0 0 10px 0; border: none;}
				.inputLabel {position: absolute; top: 0; color: #828282; width: 100%; pointer-events: none; transition: transform .3s;
					transform-origin: 0 0;
				}
				.messageField {font-size: 17px; color: #121822; outline: none; min-height: 20px; padding: 0 0 10px 0;}
				.fileForm {}
					.fileForm input[name='userFile'] {cursor: pointer; position: absolute; top: 0; left: 0; right: 0; bottom: 0; filter: alpha(opacity=0); opacity: 0;}
					.fileForm span {display: block; height: 22px; overflow: hidden;}
				.fileID {display: none;}
				
				.inputField:focus + .inputLabel, .changeInput .inputLabel, .messageField:focus + .inputLabel {
					transform: translate(0, -23px) scale(0.8);
				}
		
		.modalWrapper .personalInfo {padding: 0 90px;}
		.modalWrapper.smallModal .personalInfo {padding: 0 60px;}
			.modalWrapper .personalInfo label:after {border: 1px solid #E4E4E4; top: 2px;}
			.modalWrapper .personalInfo label.ckecked:after {line-height: 18px;}
		
		.modalFooter {padding: 0 90px 50px 90px;}
		.modalWrapper.smallModal .modalFooter {padding: 0 60px 50px 60px;}
			.modalSend {color: #fff; font-size: 14px; border-radius: 100px; padding: 18px; margin: 0 auto; display: block; letter-spacing: .04em;
				cursor: pointer; width: 100%; max-width: 197px; -webkit-appearance: none; border: none;
				transition: width .3s ease, height .3s ease, background .3s ease, border .3s ease, box-shadow .2s ease;;
			}
			.modalFooter .disabled {cursor: not-allowed; background: #ccc !important; box-shadow: none !important;}

.modalBody .errorInput {border-bottom-color: #D50000;}
	.modalBody .errorInput .inputLabel {color: #D50000;}

.sendOkey {background: #494949; font-size: 34px; display: none; border-radius: 2px; line-height: 45px; width: 180px; height: 45px;}

.modalOpen {overflow: hidden; padding: 0 17px 0 0;}
	.modalOpen .modal {overflow-x: hidden; overflow-y: auto;}
	
	
input.animationButton {width: 50px; text-indent: -999px; cursor: default; border-width: 2px; border-style: dotted; height: 50px;
	background: none; box-sizing: border-box;
}
input.animationSuccess {background: #494949;}

.modalSend.animationRotate {animation: rotating 4s linear infinite;}
.modal.redcodeVisible .modalWrapper {animation: modalVisible .5s ease;}

#blackBack {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; background: rgba(76, 84, 92, .6); display: none;}
/*
#blackBack.redcodeVisible {animation: fadeIn .2s ease-in-out;}
#wrapper.redcodeBlur {animation: fadeIn .2s ease-in-out;}
*/

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

@keyframes modalVisible{
	0%{
		opacity: .4;
		transform: scale(.9);
	}
	100%{
		opacity: 1;
		transform: scale(1);
	}
}

/*----------------------------------
--- MODAL WINDOWS SENDING MESSAGES ---
----------------------------------*/



/*------------------------------
------ ADD PRODUCT (BUTTON) ------
------------------------------*/

.addProduct {position: absolute; bottom: 25px; right: 0; width: 48px; height: 48px; border-radius: 50%;
	transition: opacity .2s ease, box-shadow .2s ease;
}
	.addProduct div {position: absolute; width: 100%; height: 100%; border-radius: 50%;}
		.addProduct div.ready {cursor: pointer;}
		.addProduct div.ready .svgBasket {opacity: 1;}
		.addProduct div:not(.ready) ~ .svgOk {opacity: 1;}
	.addProduct svg {position: absolute; top: 50%; left: 50%; opacity: 0;}
		.addProduct .svgBasket {margin: -8.5px 0 0 -11.5px; transition: opacity .3s ease; z-index: 2;}
			.addProduct div.ready .svgBasket {transition-delay: .4s}
		.addProduct .svgOk {margin: -7px 0 0 -9.5px; transition: opacity .3s ease .4s;}
			.addProduct div.ready ~ .svgOk {transition-delay: 0s}

/*------------------------------
------ ADD PRODUCT (BUTTON) ------
------------------------------*/



/*------------------------
------ ERROR 404 ------
------------------------*/

.error404 {display: flex; justify-content: space-between; align-items: center; margin-top: -20px; padding-bottom: 20px;}
	.error404 > div:first-child {font-size: 340px;}
	.error404 > div:last-child {padding: 0 0 0 115px;}

		.error404 .title404 {font-size: 29px; margin: 0 0 27px 0; text-transform: uppercase;}
		.error404 .description404 {color: #4D4D4D; margin: 0 0 34px 0; line-height: 28px;}
		
		.error404 a {display: inline-block;}
		.url404 {padding: 15px 38px; font-size: 13px; color: #fff; border-radius: 50px;}
		.back404 {color: #A2A2A2; text-decoration: underline;}
			.back404:hover {text-decoration: none;}

/*------------------------
------ ERROR 404 ------
------------------------*/



/*------------------------
-------- SHARE ----------
------------------------*/

.shareBlock li.ya-share2__item {margin: 0 10px 0 0;}
.shareBlock span.ya-share2__icon {height: 30px; width: 30px; background-size: 20px; background-position: center; background-repeat: no-repeat;}
.shareBlock .ya-share2__badge {border-radius: 50%;}

/*------------------------
-------- SHARE ----------
------------------------*/



/*---------------------------------------
------ PERSONAL_INFO (FORMS/FOOTER) ------
---------------------------------------*/

.personalInfo {padding: 0 40px; margin: 0 0 50px 0; font-size: 13px; line-height: 24px;}
	.checkboxError {display: none; color: #d41b1b; margin: 0 0 10px 0;}
	.personalInfo input {display: none;}
	.personalInfo label {cursor: pointer; position: relative; padding: 0 0 0 33px; display: inline-block;}
		.personalInfo a:hover {text-decoration: underline;}
		.personalInfo label:after {border: 2px solid #E4E4E4; position: absolute; height: 19px; width: 19px;
			content: ''; left: 0; box-sizing: border-box; top: 5px; border-radius: 2px;
		}
		.personalInfo label.ckecked:after {font-family: FontAwesome; text-align: center; content: "\f00c";
			font-size: 12px; background-color: #E4E4E4; line-height: 14px;
		}
		.personalInfo label:hover:after {background-color: #D9D9D9; border-color: #D9D9D9;}
	
/*---------------------------------------
------ PERSONAL_INFO (FORMS/FOOTER) ------
---------------------------------------*/



/*------------------------------------
------ ADAPTIVE SITE LAYOUT ------
------------------------------------*/

@media all and (max-width: 1270px) {
	.headerTopWrap {padding: 21px 50px;}
	.headerBottomWrap {padding: 33px 25px 35px 25px;}
	
	.mainTitle {padding: 0 50px;}
	#workArea {padding: 0 50px;}
	.mobileHeader {padding: 0 20px;}
	#mainAddress div div {width: 31%;}
	
	footer {padding: 50px 50px;}
}

@media all and (max-width: 1180px) {
	.headerTop .headerSearch, .marginBottomMenu {display: none;}
		.headerBottom .headerSearch {display: block;}
		header .requestCall {margin: 0 0 0 25px;}
	.mainTitle {margin: 54px auto 58px;}
	main {margin: 0 0 0 55px;}
	#workArea {margin: 0 auto 60px auto;}
	.headerBottomWrap {padding: 28px 25px 30px 25px;}
	.headerTopWrap {padding: 19px 25px;}
}

@media all and (max-width: 1140px) {
	#footerContacts {display: none;}
	.footerTop > div:first-child {width: 100%;}
	.error404 > div:first-child {font-size: 280px;}
}

@media all and (max-width: 1090px) {
	.error404 {padding: 0;}
		.error404 > div:first-child {font-size: 220px;}
		.error404 .title404 {margin: 0 0 20px 0; font-size: 27px;}
		.error404 .description404 {margin: 0 0 30px 0;}
	#mainAddress h3 {font-size: 15px; margin-bottom: 14px;}
	#mainAddress div div {width: 31%; font-size: 14px; padding: 35px 40px 35px 40px;}	
}

@media all and (max-width: 990px) {
	.headerTop, .buttonTopMenu {display: none;}
	#menuButton {display: block;}
		.headerBottomWrap {padding: 25px 25px;}
	
	.sidebar {display: none;}
	main {width: 100%; margin: 0;}
	.error404 > div:last-child {padding: 0 0 0 80px;}
}

@media all and (max-width: 900px) {
	.error404 > div:first-child {font-size: 180px;}
	.error404 .title404 {margin: 0 0 15px 0;}
	.error404 .description404 {line-height: 23px;}
		#mainAddress > div {flex-wrap: wrap; justify-content: space-around;}
			#mainAddress div div {width: 45%;}
			#mainAddress div div:last-child {margin: 30px 0 0 0;}
}

@media all and (max-width: 780px) {
	.footerMenu > ul, .footerMenu > div {flex-basis: 50%; margin: 40px 0 0 0;}
	.footerMenu > ul:nth-child(3), .footerMenu > div:nth-child(3) {margin: 40px 0 0 0;}
		.footerMenu > ul > li > a, .footerMenu span {margin: 0 0 20px 0;}
}

@media all and (max-width: 760px) {
	.indexBlock:last-child {margin: 0;}
	
	.error404 {flex-direction: column;}
		.error404 > div:last-child {padding: 30px 0 0 0; text-align: center; max-width: 450px;}
		.url404 {margin: 0;}
		
	.modalClose {top: 10px; right: 10px;}
		.modalClose:before, .modalClose:after {background: #121212; margin: -1px 0 0 -9px;}
		.modalClose span {display: none;}
}

@media all and (max-width: 740px) {
	.modalWrapper {max-width: 490px !important;}
		.modalHeader {padding: 48px 60px 28px 60px !important;}
		.modalBody {padding: 20px 60px 50px 60px !important;}
		.modalWrapper .personalInfo {padding: 0 60px !important;}
		.modalFooter {padding: 0 60px 50px 60px !important;}
}

@media all and (max-width: 715px) {
	#mainAddress > div {display: block;}
		#mainAddress div div {margin: 0 0 30px 0; width: auto;}
		#mainAddress div div:last-child {margin: 0;}
}

@media all and (max-width: 580px) {
	.headerBottomWrap {display: block;}
		.headerBottomWrap > div:first-child {justify-content: flex-start; margin: 0 0 15px 0;}
		.headerBottomWrap > div:last-child {justify-content: center;}
	
	.footerBottom {display: block;}
		.footerCopyright {text-align: center; margin: 0 0 30px 0;}
		footer .social {display: flex; justify-content: center; align-items: center;}
		.footerTop {margin: 0 0 40px 0;}
		.footerMenu > ul, .footerMenu > div {flex-basis: 100%; text-align: center;}
		.footerMenu > ul:nth-child(2), .footerMenu > div:nth-child(2) {margin: 40px 0 0 0;}
}

@media all and (max-width: 550px) {
	.buttonPosition {right: 20px;}
}

@media all and (max-width: 520px) {
	.modalWrapper {margin: 50px 15px 50px 15px;}
}

@media all and (max-width: 500px) {
	.mainTitle h1 {font-size: 26px;}

	.headerTopWrap {padding: 21px 20px;}
	.headerBottomWrap {padding: 33px 20px 35px 20px;}
	
	.mainTitle {padding: 0 20px;}
	#workArea {padding: 0 20px;}
	
	footer {padding: 50px 20px;}
}

@media all and (max-width: 480px)
{
	header .requestCall {
    margin: 0 15px 0 0;
}
}
@media all and (max-width: 430px) {
	#mainAddress div div {width: 100%;}

	.error404 > div:first-child {font-size: 130px; line-height: 100px;}
	.error404 > div:last-child {padding: 30px 0 0 0;}

	.modalHeader {padding: 40px 40px 28px 40px !important;}
	.modalBody {padding: 20px 40px 50px 40px !important;}
	.modalWrapper .personalInfo {padding: 0 40px !important;}
	.modalFooter {padding: 0 40px 50px 40px !important;}
}

@media all and (max-width: 340px) {
	.modalWrapper {margin: 50px 0;}
		.modalHeader {padding: 40px 35px 28px 35px !important;}
		.modalBody {padding: 20px 35px 50px 35px !important;}
		.modalWrapper .personalInfo {padding: 0 35px !important;}
		.modalFooter {padding: 0 35px 50px 35px !important;}

	#mobileMenu {width: 100%;}
}


/*------------------
--- REDCODE CLASS ---
-------------------*/

.redcodeColor {color: #E81C34;}
.redcodeFill {fill: #E81C34;}
.redcodeStroke {stroke: #E81C34;}
.redcodeBG_color {background-color: #E81C34;}
.redcodeBorderColor {border-color: #E81C34;}
.redcodeBlur {filter: blur(5.5px);}
.redcodeVisible {display: block !important;}
.redcodeButtonHover:not(.modalSend):not(.addProduct) {transition: box-shadow .2s ease;}
	.redcodeButtonHover:hover {box-shadow: inset 1000px 0 0 rgba(255,255,255, .12);}

/*------------------
--- REDCODE CLASS ---
-------------------*/



/*------------------
---- ANIMATION ----
-------------------*/

@keyframes fadeInUp_7px {
	from {
		opacity: 0;
		transform: translateY(7px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}


@keyframes fadeInUp_15px {
	from {
		opacity: 0;
		transform: translateY(15px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}


@keyframes fadeInUp_30px {
	from {
		opacity: 0;
		transform: translateY(30px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}


@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}


.animationAddProduct {animation: animationAddProduct .4s ease;}
@keyframes animationAddProduct {
	0% {
		opacity: .8;
	}
	100% {
		opacity: 0;
		transform: translate(15px, -30px);
	}
}

/*------------------
---- ANIMATION ----
-------------------*/
.Popup.Volonter .modalHeader
{
	padding:30px 30px 0;
}