@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;600&display=swap');

#block-block-29 {
  display: none;
}

#calculator {
	background: #ffffff;
	border-radius: 8px;
	width: 900px;
	margin: 0px auto 60px auto;
	padding: 30px;
	font-family: 'Jost';
	font-size: 16px;
	color: #363636;
	box-shadow: 0px 0px 15px #dddddd;
	box-sizing: border-box;
}


#calculator h2.calculator_title {
	font-family: 'Jost';
	font-size: 38px;
	color: #363636;
	text-align: center;
}


#calculator div#tabs {
	width: 100%;
	text-align: center;
}

#calculator div#tabs strong {
	font-size: 22px;
	font-weight: bold;
	display: block;
	margin-bottom: 20px;
}


#calculator div#tabs a.tab {
	background-color: #f5f5f5;
	border-radius: 25px;
	color: #363636;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	padding: 8px 25px;
}


#calculator div#tabs a.tab:hover {
	background-color: #f5f5f5;
	color: #363636;
	text-decoration: none;
}


#calculator div#tabs a.tab:focus {
	background-color: #f5f5f5;
	color: #363636;
	text-decoration: none;
}


#calculator div#tabs a.active {
	background-color: #d8d8d8 ;
	color: #363636;
	text-decoration: none;
}


#calculator div#tabs a.active:hover {
	background-color: #d8d8d8 ;
	color: #363636;
	text-decoration: none;
}


#calculator div#tabs a.active:focus {
	background-color: #d8d8d8 ;
	color: #363636;
	text-decoration: none;
}

#calculator div#tabs div.colors {
	margin-top: 20px;
	margin-bottom: 20px;
}

/* colors start */

#calculator div.colors span {width:26px; height:26px; display:inline-block; cursor:pointer; border-radius: 6px;}
#calculator div.colors span.n1 {background:#dbdfe8;}
#calculator div.colors span.n2 {background:#d5dde8;}
#calculator div.colors span.n3 {background:#b8cedb;}
#calculator div.colors span.n4 {background:#c0dee6;}
#calculator div.colors span.n5 {background:#85afc7;}
#calculator div.colors span.n6 {background:#527fb8;}
#calculator div.colors span.n7 {background:#241bac;}
#calculator div.colors span.n8 {background:#6cb5e2;}
#calculator div.colors span.n9 {background:#3a9bc5;}
#calculator div.colors span.n10 {background:#2769ca;}
#calculator div.colors span.n11 {background:#1b197c;}
#calculator div.colors span.n12 {background:#1b1263;}
#calculator div.colors span.n13 {background:#262a35;}
#calculator div.colors span.n14 {background:#dad9e7;}
#calculator div.colors span.n15 {background:#aaaeb9;}
#calculator div.colors span.n16 {background:#b4a0dd;}
#calculator div.colors span.n17 {background:#c9b6ee;}
#calculator div.colors span.n18 {background:#a78dce;}
#calculator div.colors span.n19 {background:#42297c;}
#calculator div.colors span.n20 {background:#f6f8f7;}
#calculator div.colors span.n21 {background:#626c6e;}
#calculator div.colors span.n22 {background:#0a1010;}
#calculator div.colors span.n23 {background:#98549d;}
#calculator div.colors span.n24 {background:#752d6f;}
#calculator div.colors span.n25 {background:#711234;}
#calculator div.colors span.n26 {background:#eceeed;}
#calculator div.colors span.n27 {background:#f1eada;}
#calculator div.colors span.n28 {background:#e1ddd4;}
#calculator div.colors span.n29 {background:#dbdad8;}
#calculator div.colors span.n30 {background:#c7c3c2;}
#calculator div.colors span.n31 {background:#c2cacd;}
#calculator div.colors span.n32 {background:#a0a5a9;}
#calculator div.colors span.n33 {background:#63747b;}
#calculator div.colors span.n34 {background:#ebc0d4;}
#calculator div.colors span.n35 {background:#db3b23;}
#calculator div.colors span.n36 {background:#cd3728;}
#calculator div.colors span.n37 {background:#b31925;}
#calculator div.colors span.n38 {background:#921825;}
#calculator div.colors span.n39 {background:#5a1122;}
#calculator div.colors span.n40 {background:#d57090;}
#calculator div.colors span.n41 {background:#e874bd;}
#calculator div.colors span.n42 {background:#cd5b99;}
#calculator div.colors span.n43 {background:#c73485;}
#calculator div.colors span.n44 {background:#a32048;}
#calculator div.colors span.n45 {background:#271315;}
#calculator div.colors span.n46 {background:#d3a4b8;}
#calculator div.colors span.n47 {background:#8a2f2c;}
#calculator div.colors span.n48 {background:#9a6150;}
#calculator div.colors span.n49 {background:#8a4929;}
#calculator div.colors span.n50 {background:#382217;}
#calculator div.colors span.n51 {background:#ece5d2;}
#calculator div.colors span.n52 {background:#edc4ac;}
#calculator div.colors span.n53 {background:#e9d3ad;}
#calculator div.colors span.n54 {background:#d58a22;}
#calculator div.colors span.n55 {background:#b47733;}
#calculator div.colors span.n56 {background:#58282f;}
#calculator div.colors span.n57 {background:#211618;}
#calculator div.colors span.n58 {background:#ece2e0;}
#calculator div.colors span.n59 {background:#efe6e6;}
#calculator div.colors span.n60 {background:#eeccdd;}
#calculator div.colors span.n61 {background:#dca7ad;}
#calculator div.colors span.n62 {background:#ef9d88;}
#calculator div.colors span.n63 {background:#bc7071;}
#calculator div.colors span.n64 {background:#e97732;}
#calculator div.colors span.n65 {background:#c64020;}
#calculator div.colors span.n66 {background:#d53b36;}
#calculator div.colors span.n67 {background:#dcb95e;}
#calculator div.colors span.n68 {background:#cd8c0f;}
#calculator div.colors span.n69 {background:#cf6622;}
#calculator div.colors span.n70 {background:#f6f3d4;}
#calculator div.colors span.n71 {background:#f6f098;}
#calculator div.colors span.n72 {background:#eeec36;}
#calculator div.colors span.n73 {background:#f6f161;}
#calculator div.colors span.n74 {background:#f5e344;}
#calculator div.colors span.n75 {background:#f4c223;}          
#calculator div.colors span.n76 {background:#ececea;}
#calculator div.colors span.n77 {background:#eef2eb;}
#calculator div.colors span.n78 {background:#5db27d;}
#calculator div.colors span.n79 {background:#97d36e;}
#calculator div.colors span.n80 {background:#44bd54;}
#calculator div.colors span.n81 {background:#18a054;}
#calculator div.colors span.n82 {background:#329e7a;}
#calculator div.colors span.n83 {background:#1f6f5b;}
#calculator div.colors span.n84 {background:#22534e;}
#calculator div.colors span.n85 {background:#243b31;}
#calculator div.colors span.n86 {background:#88ddeb;}
#calculator div.colors span.n87 {background:#48afbf;}
#calculator div.colors span.n88 {background:#288d95;}
#calculator div.colors span.n89 {background:#d2c9ab;}
#calculator div.colors span.n90 {background:#ccd1ac;}
#calculator div.colors span.n100 {background:#a6ae41;}
#calculator div.colors span.n101 {background:#93b190;}
#calculator div.colors span.n102 {background:#5e6934;}
#calculator div.colors span.n103 {background:#e0eaeb;}
#calculator div.colors span.n104 {background:#d4e4e3;}
#calculator div.colors span.n105 {background:#bcd9e4;}
#calculator div.colors span.n106 {background:#a0b9ba;}
#calculator div.colors span.n107 {background:#3a97b7;}
#calculator div.colors span.n108 {background:#2e515e;}
#calculator div.colors span.n109 {background:#d2b6ac;}
#calculator div.colors span.n110 {background:#ee9faa;}
#calculator div.colors span.n111 {background:#dda880;}
#calculator div.colors span.n112 {background:#dda584;}
#calculator div.colors span.n113 {background:#a5c8db;}
#calculator div.colors span.n114 {background:#adcedf;}
#calculator div.colors span.n115 {background:#c5dfe0;}
#calculator div.colors span.n116 {background:#c5dfde;}
#calculator div.colors span.n117 {background:#f4e3d3;}
#calculator div.colors span.n118 {background:#f3e2d2;}
#calculator div.colors span.n119 {background:#eae5c5;}
#calculator div.colors span.n120 {background:#e6e6c4;}
#calculator div.colors span.n121 {background:#f7e9c6;}
#calculator div.colors span.n122 {background:#f6e8c5;}
#calculator div.colors span.n123 {background:#1b1263;}
#calculator div.colors span.n124 {background:#b4a0dd;}
#calculator div.colors span.n125 {background:#626c6e;}
#calculator div.colors span.n126 {background:#0a1010;}
#calculator div.colors span.n127 {background:#752d6f;}
#calculator div.colors span.n128 {background:#711234;}
#calculator div.colors span.n129 {background:#e874bd;}
#calculator div.colors span.n130 {background:#382217;}
#calculator div.colors span.n131 {background:#44bd54;}
#calculator div.colors span.n132 {background:#a6ae41;}

/* colors end */

#calculator div#images {
	text-align: center;
}

#calculator div#images strong {
	font-size: 22px;
	display: block;
	margin-bottom: 15px;
}

#calculator div#images span.n1 {
	background-image: url('/sites/all/themes/alma/images/sky.png');
	background-repeat: no-repeat;
	background-size: cover;
	border: 6px solid #dddddd;
	border-radius: 20px;
	width: 90px;
	height: 90px;
	display: block;
	margin: 0px auto 30px auto;
	cursor: pointer;
}

#calculator div#image {
	width: 842px;
	height: 574px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

#calculator div#wall-color {
	text-align: center;
}


#calculator div#wall-color strong {
	font-size: 22px;
}


#calculator div#wall-color div.colors {
	max-width: 420px;
	margin: auto;
	padding-top: 15px;
	padding-bottom: 15px;
}


#calculator div#floor-color {
	text-align: center;
}


#calculator div#floor-color strong {
	font-size: 22px;
}


#calculator div#floor-color div.colors {
	max-width: 420px;
	margin: auto;
	padding-top: 15px;
	padding-bottom: 15px;
}


/* Потолок */

#calculator div#image div.ceiling {
	position: absolute;
	width: 100%;
	height: 130px;
}

#calculator div#image div.ceiling div.shadow {
	background-image: url("/sites/all/themes/alma/images/ceiling.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 130px;
	position: absolute;
	top: 0;
	z-index: 13;
}

#calculator div#image div.ceiling div.image-bg {
	background-image: url("/sites/all/themes/alma/images/sky-bg.png");
	background-repeat: no-repeat;
	background-position: center;
    background-size: cover;
	width: 100%;
	height: 130px;
	position: absolute;
	top: 0;
	z-index: 11;
}

#calculator div#image div.ceiling div.glose-bg {
	background-image: url('/sites/all/themes/alma/images/glose.png');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	position: absolute;
	top: 0;
	width: 100%;
  	height: 90px;
	z-index: 11;
}

#calculator div#image div.ceiling div.matte-bg {
	background-image: url('/sites/all/themes/alma/images/matte.png');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	position: absolute;
	top: 0;
	width: 100%;
  	height: 130px;
	z-index: 9;
}

#calculator div#image div.ceiling div.satin-bg {
	background-image: url('/sites/all/themes/alma/images/satin.png');
	background-repeat: no-repeat;
	background-position: top center;	
	background-size: cover;
	position: absolute;
	top: 0;
	width: 100%;
  	height: 130px;
	z-index: 9;
}


#calculator div#image div.ceiling div.color-bg {
	position: absolute;
	top: 0;
	width: 100%;
  	height: 130px;
	z-index: 10;
}


#calculator div#image div.ceiling div.color-bg svg {
	width: 842px;
  	height: 130px;
}

/* Потолок */

/* Стены */

#calculator div#image div.walls {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}


#calculator div#image div.walls div.room {
	background-image: url('/sites/all/themes/alma/images/room.png');
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 7;
}



#calculator div#image div.walls div.shadow {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 6;
}


#calculator div#image div.walls div.color-bg {
	background: #e3ded1;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 2;
}

/* Стены */

/* Пол */

#calculator div.flooring {
	width: 100%;
	height: 230px;
	position: absolute;
	bottom: 0;
}


#calculator div.flooring div.shadow {
	background-image: url("/sites/all/themes/alma/images/flooring.png");
	background-repeat: no-repeat;
	background-position: center;
    background-size: cover;
	width: 100%;
	height: 230px;
	position: absolute;
	bottom: 0;
	z-index: 4;
}

#calculator div.flooring div.color-bg {
	position: absolute;
	width: 100%;
	height: 230px;
	bottom: 0;
	z-index: 3;
}


#calculator div.flooring div.color-bg svg {
	width: 842px;
	height: 230px;
}

/* Пол */

#calculator div#params {
	padding-top: 30px;
}


#calculator div#params div.param-form {
	margin-bottom: 15px;
}


#calculator div#params div.param-form div {
	position: relative;
	width: 50%;
	float: left;
	box-sizing: border-box;
	margin-bottom: 30px;
}


#calculator div#params div.param-form label {
	font-size: 18px;
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
}


#calculator div#params div.param-form input {
	border: 1px solid #dddddd;
	border-radius: 4px;
	width: 80%;
	padding: 8px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}

#calculator div#params div.param-form div.description {
	font-size: 12px;
	color: #808080;
	margin-top: 5px;
	width: 230px;
	position: absolute;
	top: 0;
	left: 50px;
}


#calculator div#params div.param-form span {
	font-size: 14px;
	font-weight: bold;
	display: inline-block;
	vertical-align: middle;
}


#calculator div#sub {
	text-align: center;
}


#calculator div#sub strong {
	font-size: 28px;
}



#calculator div#sub div.price {
	font-size: 42px;
	font-weight: bold;
	color: #009f9b;
	margin-top: 20px;
}

/* Medium devices (desktops, 992px and up) */
@media (max-width: 992px) {
#calculator {
	width: 640px;
}

#calculator div#tabs a.tab {
	display: block;
	margin-bottom: 5px;
}


#calculator div#image {
	width: 580px;
	height: 395px;
}


/* Потолок */

#calculator div#image div.ceiling {
	height: 90px;
}

#calculator div#image div.ceiling div.shadow {
	height: 90px;
}

#calculator div#image div.ceiling div.image-bg {
	height: 90px;
}

#calculator div#image div.ceiling div.glose-bg {
  	height: 90px;
}

#calculator div#image div.ceiling div.matte-bg {
  	height: 90px;
}

#calculator div#image div.ceiling div.satin-bg {
  	height: 90px;
}


#calculator div#image div.ceiling div.color-bg {
  	height: 90px;
}


#calculator div#image div.ceiling div.color-bg svg {
	width: 580px;
  	height: 90px;
}

/* Потолок */


/* Стены */

/* Стены */


/* Пол */

#calculator div.flooring {
	height: 158px;
}


#calculator div.flooring div.shadow {
	height: 158px;
}

#calculator div.flooring div.color-bg {
	height: 158px;
}


#calculator div.flooring div.color-bg svg {
	width: 580px;
	height: 158px;
}

/* Пол */


#calculator div#params div.param-form {
	text-align: center;
}


#calculator div#params div.param-form div {
	width: 100%;
	float: none;
}



#calculator div#params div.param-form div.description {
	position: relative;
	top: 0;
	left: 0;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
}


/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) {
#calculator {
	width: 340px;
}


#calculator div#tabs a.tab {
	display: block;
	margin-bottom: 5px;
}


#calculator div#image {
	width: 280px;
	height: 190px;
}


/* Потолок */

#calculator div#image div.ceiling {
	height: 55px;
}

#calculator div#image div.ceiling div.shadow {
	height: 43px;
}

#calculator div#image div.ceiling div.image-bg {
	height: 43px;
}

#calculator div#image div.ceiling div.glose-bg {
  	height: 40px;
}

#calculator div#image div.ceiling div.matte-bg {
  	height: 55px;
}

#calculator div#image div.ceiling div.satin-bg {
  	height: 55px;
}


#calculator div#image div.ceiling div.color-bg {
  	height: 43px;
}


#calculator div#image div.ceiling div.color-bg svg {
	width: 280px;
  	height: 43px;
}

/* Потолок */


/* Стены */

/* Стены */


/* Пол */

#calculator div.flooring {
	height: 76px;
}


#calculator div.flooring div.shadow {
	height: 76px;
}

#calculator div.flooring div.color-bg {
	height: 76px;
}


#calculator div.flooring div.color-bg svg {
	height: 76px;
}

/* Пол */


#calculator div#params div.param-form {
	text-align: center;
}


#calculator div#params div.param-form div {
	width: 100%;
	float: none;
}



#calculator div#params div.param-form div.description {
	position: relative;
	top: 0;
	left: 0;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
}


/* Small devices (tablets, 768px and up) */
@media (max-width: 320px) {
#calculator {
	width: 280px;
}


#calculator div#tabs a.tab {
	display: block;
	margin-bottom: 5px;
}


#calculator div#image {
	width: 220px;
	height: 150px;
}


/* Потолок */

#calculator div#image div.ceiling {
	height: 40px;
}

#calculator div#image div.ceiling div.shadow {
	height: 40px;
}

#calculator div#image div.ceiling div.image-bg {
	width: 210px;
	height: 40px;
}

#calculator div#image div.ceiling div.glose-bg {
	width: 210px;	
  	height: 25px;
}

#calculator div#image div.ceiling div.matte-bg {
	width: 220px;
  	height: 40px;
}

#calculator div#image div.ceiling div.satin-bg {
	width: 220px;
  	height: 40px;
}


#calculator div#image div.ceiling div.color-bg {
	width: 220px;
  	height: 40px;
}


#calculator div#image div.ceiling div.color-bg svg {
	width: 220px;
  	height: 40px;
}

/* Потолок */


/* Стены */

/* Стены */


/* Пол */

#calculator div.flooring {
	width: 220px;
	height: 61px;
}


#calculator div.flooring div.shadow {
	height: 61px;
}

#calculator div.flooring div.color-bg {
	width: 220px;
	height: 61px;
}


#calculator div.flooring div.color-bg svg {
	width: 220px;
	height: 61px;
}

/* Пол */


#calculator div#params div.param-form {
	text-align: center;
}


#calculator div#params div.param-form div {
	width: 100%;
	float: none;
}



#calculator div#params div.param-form div.description {
	position: relative;
	top: 0;
	left: 0;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
}