.btn-good {
	color: #fff;
	background: #ed503c;
	border-radius: 0;
}
.btn-good:hover,  .btn-good:focus {
	color: #fff;
	background: rgba(237, 80, 60, .5);
}
.text-right {
	text-align: left;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 9px;
	font-size: 16px;
}
.text-center {
	text-align: center
}
.text-justify {
	text-align: justify
}
.text-left {
	text-align: left;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 11px;
	font-size: 16px;
}
#summ p {
	font-size: 20px;
}
h5#cost {
	font-size: 30px;
	color: #2B2B2B;
}
h5#cost span {
	font-size: 20px;
}
h5#cost1 {
	font-size: 30px;
	color: #2B2B2B;
}
h5#cost1 span {
	font-size: 20px;
}
 #spinner123::-webkit-inner-spin-button {
 opacity: 1;
}
 #sliderd-form::-webkit-inner-spin-button {
 opacity: 1;
}
 #sliders-form::-webkit-inner-spin-button {
 opacity: 1;
}
 #sliderv-form::-webkit-inner-spin-button {
 opacity: 1;
}
#summ {
	padding: 10px;
	border: #ED503C solid 2px;
}
/* ==========================================================================

   Author's custom styles

   ========================================================================== */



        

body,  html {
	height: 100% !important;
	min-height: 100%;
	font-family: 'Exo 2', 'san-serif';
}
input,  select,  textarea {
	border-radius: 0 !important;
}
.title {
	text-align: center;
}
.title h2 {
	font-size: 3rem;
	color: #424242;
	margin-top: 0px;
    margin-bottom: 10px;
	line-height: 1.0;
}
.title hr {
	width: 5rem;
	border-bottom: .5rem solid #ffd33c;
}
.logo-top {
	margin: 0 auto;
	
}
.grey {
	color: #999;
}
.bold {
	font-weight: 600;
}
#header {
	height: 100%;
	width: 100%;
	/*background-size: cover;

	overflow-y: visible;

	overflow-x: hidden;*/

	z-index: 3;/*position: relative;*/

}
     #header:before {
	content: '';
	position: absolute;
	top: -23%;
	left: 0;
	width: 100%;
	height: 146%;
	background-color: #fff;
	background-image: url('../img/main.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	z-index: 3;
}     
.header-inner {
	position: relative;
	margin-top: 10%;
	text-align: center;
	z-index: 4;
	padding: 4rem 0;
	background: rgba(255,255,255,.5);
}
.header-inner h1 {
	font-size: 6.5rem;
	margin: 0 3rem;
	color: #333;
	line-height: 1.0;
}
.header-inner h1 .bold {
	font-weight: 800;
}
.header-inner h1 .small {
	display: block;
	font-size: 3rem;
	line-height: 6rem;
	color: #666;
}
.header-inner hr {
	border-color: #ccc;
	width: 50%;
	margin: 4rem auto;
}
.header-additional {
	/*line-height: 5rem;*/

	margin-bottom: 7rem;
}
.header-tel {
	font-size: 5rem;
	vertical-align: middle;/*color: #848484;*/

}
.header-or {
	font-size: 2rem;
	margin: 0 3rem;
	vertical-align: middle;
	color: #848484;
}
.header-scroll {
}
.header-scroll a:link,  .header-scroll a:visited {
	font-size: 5rem;
	color: #333;
	-webkit-animation: vertical 2s ease infinite;
	-moz-animation: vertical 2s ease infinite;
	animation: vertical 2s ease infinite;
}
.header-scroll a:hover,  .header-scroll a:focus {
	opacity: .5;
}
.img_calc {
	height: 87px;
	width: 304px;
	background: url(../img/calc-icon-.png) no-repeat;
	transition: all .3s 0s ease-in-out;
}
.img_calc:hover {
	background: url(../img/calc-icon-hov.png) no-repeat;
}
.img_calc:active {
	background: url(../img/calc-icon-foc.png) no-repeat;
}
 @-webkit-keyframes vertical {
 0% {
-webkit-transform:translate(0, -3px)
}
 4% {
-webkit-transform:translate(0, 3px)
}
 8% {
-webkit-transform:translate(0, -3px)
}
 12% {
-webkit-transform:translate(0, 3px)
}
 16% {
-webkit-transform:translate(0, -3px)
}
 20% {
-webkit-transform:translate(0, 3px)
}
 22% {
-webkit-transform:translate(0, 0)
}
}
 @-moz-keyframes vertical {
 0% {
-webkit-transform:translate(0, -3px)
}
 4% {
-webkit-transform:translate(0, 3px)
}
 8% {
-webkit-transform:translate(0, -3px)
}
 12% {
-webkit-transform:translate(0, 3px)
}
 16% {
-webkit-transform:translate(0, -3px)
}
 20% {
-webkit-transform:translate(0, 3px)
}
 22% {
-webkit-transform:translate(0, 0)
}
}
 @keyframes vertical {
 0% {
transform:translate(0, -3px)
}
 4% {
transform:translate(0, 3px)
}
 8% {
transform:translate(0, -3px)
}
 12% {
transform:translate(0, 3px)
}
 16% {
transform:translate(0, -3px)
}
 20% {
transform:translate(0, 3px)
}
 22% {
transform:translate(0, 0)
}
}
.why {
	position: relative;
	background: #fff;
	z-index: 2;
	padding-top: 8rem;
	padding-bottom: 8rem;
}
.why img {
	float: left;
}
.why h3 {
	margin-top: 0;
}
.why h3,  .why .desc {
	padding-left: 150px;
}
.why-item {
	margin-top: 7rem;
}
.why a:link,  .why a:visited {
	color: #ed503c;
}
.what {
	position: relative;
	z-index: 2;
	background-color: #fff;
	padding-top: 6rem;
	text-align: center;
	padding-bottom: 10rem;
}
.what .title {
	margin-bottom: 3rem;
	overflow: hidden;
}
.what-item {
	margin-top: 4rem;
}
.catalog {
	position: relative;
	z-index: 2;
	background-color: #fff;
	padding-top: 12rem;
	padding-bottom: 8rem;
	text-align: center;
}
.catalog-item {
	margin-top: 1rem;
	padding: 6rem 0;
	overflow: hidden;
	position: relative;
}
.catalog-item img {
	/*max-width: 80%;*/

	max-height: 200px;
}
.catalog-item .mask {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0 1rem;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.catalog-item .mask .inner-mask {
	width: 100%;
	height: 100%;
	background: rgba(51,51,51,0);
	transition: all .4s ease-in-out;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.catalog-item .mask .inner-mask:hover {
	width: 100%;
	height: 100%;
	background: rgba(51,51,51,0.9);
}
.catalog-item .mask h3 {
	opacity: 0;
	transition: all .5s 0s ease-in-out;
	padding-top: 0;
	font-size: 3rem;
	font-weight: 400;
	color: #fff;
	margin: 0;
	padding: 0;
}
.catalog-item .mask .inner-mask:hover h3 {
	opacity: 1;
	padding-top: 30%;
	transition-delay: .3s;
}
.inner-mask a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}
.inner-mask a:focus {
	outline: none;
}
.box {
/*margin-top: 8rem;*/

}
.box h3 {
	margin: 5rem 0 3rem;
}
.separator {
	position: relative;
	z-index: 4;
	background-color: #fff;
}
.separator-one,  .separator-two {
	background-image: none;
	padding: 1rem 0 3rem;
	color: #fff;
	background: #fff;
}
.separator-one .container,  .separator-two .container {
	position: relative;
	z-index: 6;
}
.separator-one form,  .separator-two form {
	text-align: center;
	margin-top: 6rem;
}
.separator-one .title h2,  .separator-two .title h2 {
	color: #1D1D1D;
}
.separator-one .title hr,  .separator-two .title hr {
	border-color: #ffd33c;
}
.separator-one:after,  .separator-two:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.separator-one:after,  .separator-two:after {
	background-color: #fff;
	z-index: 2;
}
.separator-one input,  .separator-one button {
	width: 80% !important;
	text-align: center;
	margin: 0 auto;
}
.separator-two input,  .separator-two select {
	width: 35%;
	text-align: left;/*margin: 0 auto;*/

}
.separator-two label {
	font-size: 1.6rem;
	font-weight: 400;
}
.separator-two h3 {
	line-height: 4rem;
}
.separator-two #calcResult {
	text-align: center;
}
.separator-two .big {
	color: #000;
	font-size: 4rem;
}
.qw {
	position: relative;
	background: #fff;
	z-index: 2;
	padding-top: 6rem;
	padding-bottom: 6rem;
}
.copyright {
	background: #222;
	text-align: right;
	line-height: 3em;
	line-height: 6rem;
	font-size: 1.7rem;
	color: #ccc;
}
.copyright p {
	margin: 0;
	padding: 0;
}
.copyright a {
	color: rgba(255, 255, 255, 1);
	display: inline-block;
	line-height: normal;
}
.copyright a:hover,  .copyright a:focus {
	text-decoration: none;
	border-bottom: 1px solid rgba(255, 211, 60, .6);
}
.add {
	position: relative;
	z-index: 2;
	background-color: #fff;
	padding-top: 6rem;
	padding-bottom: 8rem;
}
.add h3 span {
	margin-right: 1rem;
	color: #ED503C;
	padding: 1rem;
	padding-left: 0;
	font-size: 4rem;
	vertical-align: middle;
}
.add p {
	color: #828282;
}
.calc-price-lg{
	display:block;
}
 .calc-price-xs{
display: none;
clear:both;
    margin-top: 20px!important;
    float: left;
 }
.aempty {
	position: relative;
	z-index: 2;
	background-color: #fff;
	text-align: center;
	padding-top: 20rem;
	padding-bottom: 0rem;
}
.aempty h3 span {
	color: #ED503C;
	padding-left: 0;
	font-size: 8rem;
	font-weight: 100;
	vertical-align: middle;
}
.aempty p {
	font-size: 2rem;
	font-weight: 300;
	color: #828282;
}

@media (max-width: 768px) {
.header-inner h1 {
	font-size: 3rem;
}
.header-inner h1 .small {
	line-height: 4rem;
}
.header-tel {
	font-size: 4rem;
}
/*body, html {

		overflow-y: auto !important; 

		height: auto !important; 

	}*/

body, html {
	overflow-y: auto;
	height: auto;
}
.aempty {
	padding-top: 22rem;
}
.title h2 {
	font-size: 3rem;
}
.header-inner h1 .small {
	font-size: 16px;
}
.header-tel {
	font-size: 3rem;
}
.header-or,  .header-additional a {
	display: none;
}
.calc-price-lg{
font-size: 16px;
}
	.warning-int {

    font-size: 12px;

}
	.calc-info {
		display: none;
	}
 .calc-price-xs{
display: block;
 }

}

@media (min-width: 768px) and (max-width: 1170px) {
body, html {
	overflow-y: auto!important;
	height: auto !important;
}
.header-inner {
	padding: 6rem 0 2rem;
}
.header-inner h1 {
	font-size: 4rem;
}
.aempty {
	padding-top: 32rem;
}
.catalog-item img {
	max-width: 90%;
}
}
/* -------------------------------- 



Primary style



-------------------------------- */

#cd-google-map * {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#cd-google-map, #cd-google-map:after, #cd-google-map:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#cd-google-map {
	font-size: 100%;
	color: #2d313f;
	background-color: #e7eaf0;
}
/* -------------------------------- 



Main components 



-------------------------------- */

#google-container {
	position: relative;
	width: 100%;
	height: 200px;
	background-color: #e7eaf0;
}

@media only screen and (min-width: 768px) {
#google-container {
	height: 300px;
}
}

@media only screen and (min-width: 1170px) {
#google-container {
	height: 400px;
}
}
#cd-google-map {
	position: relative;
}
#cd-google-map address {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	padding: 1em 1em;
	background-color: rgba(255, 211, 60, 0.9);
	color: white;
	font-size: 2rem;
	font-size: 0.8125rem;
	color: #000;
}

@media only screen and (min-width: 768px) {
#cd-google-map address {
	font-size: 2rem;
	/*font-size: 0.9375rem;*/

	text-align: center;
}
}
#cd-zoom-in, #cd-zoom-out {
	height: 32px;
	width: 32px;
	cursor: pointer;
	margin-left: 10px;
	background-color: rgba(255, 211, 60, 0.9);
	background-repeat: no-repeat;
	background-size: 32px 64px;
	background-image: url("../img/cd-icon-controller.svg");
}
.no-touch #cd-zoom-in:hover, .no-touch #cd-zoom-out:hover {
	background-color: rgba(255, 211, 60, .6);
}

@media only screen and (min-width: 768px) {
#cd-zoom-in, #cd-zoom-out {
	margin-left: 50px;
}
}
#cd-zoom-in {
	background-position: 50% 0;
	margin-top: 10px;
	margin-bottom: 1px;
}

@media only screen and (min-width: 768px) {
#cd-zoom-in {
	margin-top: 50px;
}
}
#cd-zoom-out {
	background-position: 50% -32px;
}
.footer {
	position: relative;
	bottom: 0;
	z-index: 999;
	width: 100%;
}
.footer {
	font-weight: 300;
}
.footer section {
	padding: 10px 0;
}
.qw {
	margin-bottom: 460px;
}
.what {
/*padding-top: 75%;*/

}
/* Preloader */



#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	/* change if the mask should have another color then white */

	z-index: 99;/* makes sure it stays on top */

}
#status {
	width: 200px;
	height: 200px;
	position: absolute;
	left: 50%;
	/* centers the loading animation horizontally one the screen */

	top: 50%;
	/* centers the loading animation vertically one the screen */

	background-image: url(../img/loading-animations-preloader-gifs-ui-ux-effects-18.gif);
	/* path to your loading animation */

	background-repeat: no-repeat;
	background-position: center;
	margin: -100px 0 0 -100px;/* is width and height divided by two */

}





	.separator-one{
		z-index: 2;
	}

.hidden_lg{
display:none;
}


 .aempty{
	    padding-top: 26vh!important;
 }

 header{
	 height: 100vh!important;
 }
 .header-inner{
	 margin-top: 0;
	position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translate(0,-50%);
}




/* @media (max-width: 1170px) and (min-width: 768px){
 .aempty {
    padding-top: 50rem;
} 
} */

/* Portrait */
/*  @media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
.aempty {
    padding-top: 102rem;
}
}
 */

/* 
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
.aempty {
    padding-top: 79rem;
}
}
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
.aempty {
    padding-top: 29rem!important;
}
}

@media only screen and (max-device-width: 667px) 
    and (-webkit-device-pixel-ratio: 2) {
.aempty {
    padding-top: 3rem!important;
}
.header-inner {
    margin-top: 2%;
}
 }

 @media screen and (min-device-width : 414px) 
    and (-webkit-device-pixel-ratio: 3) {
		.header-inner {
    margin-top: 4%;
}
.aempty {
    padding-top: 5rem!important;
}
	}  */

@media screen and (max-width:992px){
.calc{
    width: 99%!important;

}	
.what-item h3{
	font-size: 19px!important;
}
.form4ajax2send .btn-good{
	    margin-top: 30px;
    max-width: 390px;
}
#calc-close{
	    z-index: 99999;
}
	.calc p.h1{
		padding-right: 50px;
   font-size: 25px!important;
	}
.calc .span_1_of_2-1{
width: 100%;
}
.title h2 {
    padding: 0 53px;
}
.hidden_lg{
display:block;
	margin-top: 5px;
	    margin-bottom: 30px;
}
.hidden_xs{
	    display: none;

}
	.aempty {
    padding-top: 20vh!important;
}
}
@media screen and (min-width:767px) and (max-width: 992px){
 	.calc-3d{
       height: auto!important;
    margin-top: 0px!important;
	}
.calc-wrapper canvas{
width: 100%!important;
    height: auto!important;
    margin: 0 auto;
    display: block;
}
.qw {
    margin-bottom: 355px;
}
}

@media screen and (max-width:767px){
	.catalog{
		    padding-top: 5rem;
	}
/* .footer{
position: relative;
} */
.footer{
	z-index: -1;
}	
.row-title{
font-size: 22px!important;
letter-spacing: 3px!important;
}
.qw {
    margin-bottom: 225px;
}
.catalog-list{
    margin-left: 0px;
    margin-right: 0px;
}
.calc-right,
.calc-left{
		width: 100%!important;
		
}
.calc{
    width:99%!important;
    flex-wrap: wrap!important;
    flex-direction: column!important;
}	
.calc p.h1{
	font-size: 24px!important;
	padding: 0 50px 0 10px!important;
}
#calc-close{
		width: 50px;
	height: 50px;
	    top: 6px;
	right: 1px;
	    z-index: 99999;
}
#calc-close:after, #calc-close:before{
	width: 24px;
    top: 16px;
}
#calc-close:before{
	    right: 12px;
}
	#calc-close:after{
		    left: 14px;
	}
			#cboxClose{
		width: 50px;
	height: 50px;
	    top: 6px;
	right: 1px;
	    z-index: 99999;
	}
#cboxClose:after, #cboxClose:before{
	width: 24px;
    top: 16px;
}
#cboxClose:before{
	    right: 12px;
}
	#cboxClose:after{
		    left: 14px;
	}
		.title h2{
    font-size: 3rem;
        padding: 0 40px;
		}


		.calc .span_1_of_3{
			    text-align: center;
		}

/*.calc-count-wrapper{
	display:block!important;
}*/
	.calc-slider-input {
    margin-bottom: 0px;
}
.calc-select.opened .calc-options{
	    z-index: 999;
}
.calc-wrapper canvas{
    margin: 0 auto;
    display: block;
}
.calc-wrapper .span_1_of_3{
	margin-left: 0;
}
.calc-wrapper .calc-placeholder,
.calc-wrapper .calc-select{
    width: 100%;
}
.calc-count-wrapper label,
.calc-carton-select label{
	width: 100%!important;
}
.calc-top-w{
border-bottom: none!important;
}
.calc-right{
    padding-top: 20px!important;
}
.calc-top{
position: relative!important;
    left: 0px!important;
}
input[name="boxcount"] {
margin-bottom: 20px;
}
.calc-order{
	    margin-left: 0!important;
}
	.calc-count-wrapper label input{
		    line-height: 1;
	}
		.calc .group .span_1_of_2 p{
				text-align: center;
		}
/* .why,
.catalog,
.what,
.add,
.qw
{
    padding-top: 3rem;
    padding-bottom: 4rem;
}

.catalog-item{
	padding: 2rem 0;
} */
.catalog-item img{
	
    max-width: 100%;
}
.what .title{
	margin-bottom: 0;
}
.catalog-item .mask h3{
	    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.catalog-item .mask .inner-mask:hover h3{
	padding-top: 0;
}
 .aempty {
    padding-top: 14rem;
} 
.copyright,
.copyright p{
	    text-align: center!important;
}

#colorbox{
    position: fixed!important;
    top: 13px!important;
}	
.calc-wrapper{
	    z-index: 99999999;
}

}


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

	.calc-3d{
       height: auto!important;
    margin-top: 0px!important;
	}
.calc-wrapper canvas{
width: 100%!important;
    height: auto!important;
    margin: 0 auto;
    display: block;
}

.calc-wrapper .span_1_of_2-1,
.calc-wrapper .span_1_of_2-2{
	width: 100%!important;
	
}
.calc-slider{

}
.calc-reset-button{
	    position: relative!important;
    top: 0!important;
    right: 0!important;
    width: 100%!important;
    margin-bottom: 20px!important;
}

.calc-error{
	width: 100%!important;
	    left: 0px!important;
}
  .what-item img{
	      max-width: 90px;
  }
		.what-item h3 {
    font-size: 16px!important;
}
.what-item{
min-height: 160px;
}
    		.title h2{
    font-size: 2rem;
    
		}

	.box h3{
			    font-size: 19px;
		}
	.catalog-item .mask h3{
font-size: 26px;
	}
.header-tel{
    font-size: 28px;
}
}
/* 
body{
    background: #fff url(../img/main.png); 
    background-size: 139%;
    background-repeat: no-repeat;
    background-position: center top;	
}

.header__img{
 
    position: relative;
    height: 100vh;
}

.header{
  position:absolute;
  top:50%;

  width:100%;

  font-size:36px;
  -ms-transform: translate(0,-50%); 
    -webkit-transform: translate(0,-50%); 
    transform: translate(0,-50%);  

}

.footer{
	z-index: -1;
}

 */