figure, figcaption {
	display: block;
}

.transition {
    -webkit-transition: top 400ms linear;
    -moz-transition: top 400ms linear;
    -ms-transition: top 400ms linear;
    -o-transition: top 400ms linear;
    transition: top 400ms linear;
}

.timeTo {
	font-family: Tahoma, Verdana, Aial, sans-serif;
	font-size: 28px;
	line-height: 108%;
	font-weight: bold;
	height: 32px;
}

.timeTo span {
	vertical-align: top;
}

.timeTo.timeTo-white div {
	color: black;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 38%, #cccccc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(38%,#ffffff), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 38%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 38%,#cccccc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 38%,#cccccc 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 38%,#cccccc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}
.timeTo.timeTo-black div {
	color: white;
    background: #45484d; /* Old browsers */
    background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */
    background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

.timeTo.timeTo-black .timeTo-alert {
    background: #a74444; /* Old browsers */
    background: -moz-linear-gradient(top, #a74444 0%, #3f0000 67%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a74444), color-stop(67%,#3f0000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a74444 0%,#3f0000 67%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a74444 0%,#3f0000 67%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #a74444 0%,#3f0000 67%); /* IE10+ */
    background: linear-gradient(to bottom, #a74444 0%,#3f0000 67%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a74444', endColorstr='#3f0000',GradientType=0 ); /* IE6-9 */
}

.timeTo.timeTo-white .timeTo-alert {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 35%, #e17373 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(35%,#ffffff), color-stop(100%,#e17373)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 35%,#e17373 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 35%,#e17373 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 35%,#e17373 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 35%,#e17373 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e17373',GradientType=0 ); /* IE6-9 */
}

.timeTo figure {
	display: inline-block;
	margin: 0;
	padding: 0;
}
.timeTo figcaption {
	text-align: center;
	/*font-size: 12px;*/
	line-height: 80%;
	font-weight: normal;
	color: #888;
}

.timeTo div {
	position: relative;
	display: inline-block;
	width: 25px;
	height: 30px;
	border-top: 1px solid silver;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
	overflow: hidden;
}
.timeTo div.first {
	border-left: 1px solid silver;
}

.timeTo ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 3px;
}

.timeTo ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.spacer {width:100%; clear:both; float:none}
.spacer60 {width:100%; clear:both; float:none; height:60px;}
.spacer40 {width:100%; clear:both; float:none; height:40px;}
.spacer20 {width:100%; clear:both; float:none; height:20px;}
    
.middle_navbar {background-color: #ffffff;
    
    padding-top: 35px; }


.legend_amber {background: #FBCF01}



.legend_amber:before  {content:""; position:absolute;
    margin-top:-9px!important;
    margin-left:-72px;
    width: 0;
    height: 0;
    border-bottom: 38px solid #FBCF01;
    border-left: 38px solid transparent;
}




.w3-opennav a {display:block; border:0!important; padding:0;}
.w3-navbar li.w3-opennav {display:block; margin-right:15px; font-size:20px;  border:3px solid transparent; padding: 1px!important; -webkit-transition:border .3s; transition:border .3s}
.w3-navbar li.w3-opennav:hover {border:3px solid #F8B02A}
.w3-col.m4 .pict img {margin-top:-20px; margin-left:40px}


.w3-slider .innerblock {color:#fff; padding: 10px 25px 20px; margin:0 auto; text-align:left!important}
.w3-slider .innerblock .w3-col.m7 {background:url(/assets/images/border.png) right center no-repeat }
.w3-slider .innerblock p {margin:8px 0}
.w3-section{margin-top:16px!important;margin-bottom:16px!important}
.w3-slider {top:30%}
.w3-image {width:100%}
.w3-top {position:fixed;width:100%;z-index:1;top:0}
.w3-border{border:2px solid transparent!important}
.w3-border-grey,.w3-hover-border-grey:hover{border-color: #d0d0d0 !important}
.w3-navbar a,.w3-sidenav a,.w3-dropnav a,.w3-pagination li a,.w3-hoverable tbody tr,.w3-hoverable li,.w3-accordion-content a,.w3-dropdown-content a,.w3-dropdown-click:hover,.w3-dropdown-hover:hover,.w3-opennav,.w3-closenav,.w3-closebtn,
.w3-hover-amber,.w3-hover-aqua,.w3-hover-blue,.w3-hover-light-blue,.w3-hover-brown,.w3-hover-cyan,.w3-hover-blue-grey,.w3-hover-green,.w3-hover-light-green,.w3-hover-indigo,.w3-hover-khaki,.w3-hover-lime,.w3-hover-orange,.w3-hover-deep-orange,.w3-hover-pink,.call-back,.kalkulate,.measurer,
.w3-hover-purple,.w3-hover-deep-purple,.w3-hover-red,.w3-hover-sand,.w3-hover-teal,.w3-hover-yellow,.w3-hover-white,.w3-hover-black,.w3-hover-grey,.w3-hover-light-grey,.w3-hover-dark-grey,.w3-hover-text-amber,.w3-hover-text-aqua,.w3-hover-text-blue,.w3-hover-text-light-blue,
.w3-hover-text-brown,.w3-hover-text-cyan,.w3-hover-text-blue-grey,.w3-hover-text-green,.w3-hover-text-light-green,.w3-hover-text-indigo,.w3-hover-text-khaki,.w3-hover-text-lime,.w3-hover-text-orange,.w3-hover-text-deep-orange,.w3-hover-text-pink,.w3-hover-text-purple,.phone,
.w3-hover-text-deep-purple,.w3-hover-text-red,.w3-hover-text-sand,.w3-hover-text-teal,.w3-hover-text-yellow,.w3-hover-text-white,.w3-hover-text-black,.w3-hover-text-grey,.w3-hover-text-light-grey,.w3-hover-text-dark-grey
{-webkit-transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s;transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s}
.w3-btn,.w3-btn-floating,.w3-btn-floating-large,.w3-btn-block,.w3-hover-shadow,.w3-hover-opacity,
.w3-navbar a,.w3-sidenav a,.w3-dropnav a,.w3-pagination li a,.w3-hoverable tbody tr,.w3-hoverable li,.w3-accordion-content a,.w3-dropdown-content a,.w3-dropdown-click:hover,.w3-dropdown-hover:hover,.w3-opennav,.w3-closenav,.w3-closebtn,
.w3-hover-amber,.w3-hover-aqua,.w3-hover-blue,.w3-hover-light-blue,.w3-hover-brown,.w3-hover-cyan,.w3-hover-blue-grey,.w3-hover-green,.w3-hover-light-green,.w3-hover-indigo,.w3-hover-khaki,.w3-hover-lime,.w3-hover-orange,.w3-hover-deep-orange,.w3-hover-pink,.call-back,.kalkulate,.measurer,
.w3-hover-purple,.w3-hover-deep-purple,.w3-hover-red,.w3-hover-sand,.w3-hover-teal,.w3-hover-yellow,.w3-hover-white,.w3-hover-black,.w3-hover-grey,.w3-hover-light-grey,.w3-hover-dark-grey,.w3-hover-text-amber,.w3-hover-text-aqua,.w3-hover-text-blue,.w3-hover-text-light-blue,
.w3-hover-text-brown,.w3-hover-text-cyan,.w3-hover-text-blue-grey,.w3-hover-text-green,.w3-hover-text-light-green,.w3-hover-text-indigo,.w3-hover-text-khaki,.w3-hover-text-lime,.w3-hover-text-orange,.w3-hover-text-deep-orange,.w3-hover-text-pink,.w3-hover-text-purple,.phone,
.w3-hover-text-deep-purple,.w3-hover-text-red,.w3-hover-text-sand,.w3-hover-text-teal,.w3-hover-text-yellow,.w3-hover-text-white,.w3-hover-text-black,.w3-hover-text-grey,.w3-hover-text-light-grey,.w3-hover-text-dark-grey
{-webkit-transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s;transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s}
ul.w3-ul{list-style-type:none;padding:0;margin:0}
ul.w3-ul li{padding:6px 2px 6px 16px;border-bottom:transparent}
ul.w3-ul li:last-child{border-bottom:none}
.w3-tiny{font-size:10px!important; display:none!important}.w3-small{font-size:12px!important}
.w3-medium{font-size:15px!important}
.w3-large{font-size:18px!important}
.w3-xlarge{font-size:24px!important}
.w3-xxlarge{font-size:36px!important;line-height:1.2!important}
.w3-xxxlarge{font-size:48px!important; line-height:1.2!important}
.w3-jumbo{font-size:64px!important;line-height:1.2!important}
.w3-giant{font-size:74px!important;line-height:1.2!important}
.w3-center{text-align:center!important}
.w3-navbar{list-style-type:none;margin:0;padding:0;overflow:hidden}
.w3-navbar li {float:left}
.w3-navbar li a {font-size:17px; display:block; padding: 0 11px; border-top:3px solid transparent; -webkit-transition:border .3s,color .3s}
.w3-navbar li a:hover {
    border-top:3px solid #F8B02A; color:#000
}



.w3-tooltip,.w3-display-container{position:relative}
.w3-tooltip .w3-text{display:none}
.w3-tooltip:hover .w3-text{display:block; color:#fff!important}
.w3-navbar a,.w3-topnav a,.w3-sidenav a,.w3-dropnav a,.w3-dropdown-content a,.w3-accordion-content a{text-decoration:none!important}
.w3-navbar .w3-opennav.w3-right{float:right!important}
.w3-topnav{padding:8px 8px}
.w3-left{float:left!important}.w3-right{float:right!important}
.w3-topnav a{padding:0 8px;border-bottom:3px solid transparent;-webkit-transition:border-bottom .3s;transition:border-bottom .3s}
.w3-hover-nopacity:hover {opacity:1.0!important}
.w3-nopacity {opacity:1.0!important}
.w3-topnav a:hover{border-bottom:3px solid #fff}.w3-topnav .w3-dropdown-hover a{border-bottom:0}
.w3-opennav,.w3-closenav{color:inherit}.w3-opennav:hover,.w3-closenav:hover{cursor:pointer;opacity:0.8}
.w3-container{padding:0.01em 16px}
.w3-container:after,.w3-row:after,.w3-row-padding:after,.w3-topnav:after,.w3-clear:after,.w3-btn-group:before,.w3-btn-group:after {content:"";display:table;clear:both}
.w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0}
.w3-display-bottomleft{position:absolute;left:0;bottom:0}.w3-display-bottomright{position:absolute;right:0;bottom:0}
.w3-display-middle{position:absolute;left:0;bottom:20%;width:100%;text-align:center}
.w3-display-topmiddle{position:absolute;left:0;top:0;width:100%;text-align:center}.w3-display-bottommiddle{position:absolute;left:0;bottom:0;width:100%;text-align:center}
.w3-margin{margin:16px!important}.w3-margin-0{margin:0!important}
.w3-margin-top{margin-top:16px!important}.w3-margin-bottom{margin-bottom:16px!important}
.w3-margin-left{margin-left:16px!important}.w3-margin-right{margin-right:16px!important}
.w3-padding-0{padding:0!important}
.w3-padding-tiny{padding:2px 4px!important}
.w3-padding-small{padding:4px 8px!important}
.w3-padding-medium,.w3-padding,.w3-form{padding:8px 16px!important}
.w3-padding-large{padding:12px 24px!important}
.w3-padding-xlarge{padding:16px 32px!important}
.w3-padding-xxlarge{padding:24px 48px!important}
.w3-padding-jumbo{padding:32px 64px!important}
.w3-padding-top{padding-top:8px!important}.w3-padding-bottom{padding-bottom:8px!important}
.w3-padding-left{padding-left:16px!important}.w3-padding-right{padding-right:16px!important}
.w3-img800 {max-width:800px}
.w3-img600 {max-width:600px}
.w3-white {background-color:#fff;}
.w3-text-white,.w3-hover-text-white:hover{color:#fff!important}
.w3-amber,.w3-hover-amber:hover{color:#000!important;background-color:#f7b027!important}
.w3-text-deep-orange,.w3-hover-text-deep-orange:hover{color:#ff5722!important}
.w3-border-amber,.w3-hover-border-amber:hover{border:2px solid #ffc107!important}
.w3-text-amber,.w3-hover-text-amber:hover{color:#f7b027!important}
.w3-text-shadow{text-shadow:1px 1px 0 #999}.w3-text-shadow-white{text-shadow:1px 1px 0 #ddd}
.w3-message h1 {font-weight:bold; text-align:left; font-size:45px; line-height:1.1; }
.w3-message p {font-size:24px; text-align:left; font-weight:bold; line-height:1.3}
.w3-message .price {font-size:50px; color:#FF5722; font-weight:bold; text-shadow: 2px 2px 2px #333}
.w3-message .manufacturer {font-size:20px!important}
.w3-content{max-width:1200px;margin:auto}
.w3-right-align{text-align:right!important}
.w3-padding-medium, .w3-padding, .w3-form { padding: 8px 16px!important;}
.w3-padding-16,.w3-padding-hor-16{padding-top:16px!important;padding-bottom:16px!important}
.w3-padding-24,.w3-padding-hor-24{padding-top:24px!important;padding-bottom:24px!important}
.w3-modal{z-index:3;display:none;padding-top:80px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.w3-modal-content{text-align:left!important; margin:auto; background-color: #ffffff;
    background-image: url("/assets/images/clean-textile.png");position:relative;padding:0;outline:0;width:700px}.w3-closebtn{text-decoration:none;float:right;font-size:24px;font-weight:bold;color:inherit}
.w3-modal-content.kalk {background-image: none!important}
 .gallery.w3-modal-content img {padding:0!important}
.w3-closebtn:hover,.w3-closebtn:focus{color:#000;text-decoration:none;cursor:pointer}
.w3-opacity,.w3-hover-opacity:hover{opacity:0.35}
.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding:0 8px}
.w3-animate-opacity{-webkit-animation:opac 1.5s;animation:opac 1.5s}
@-webkit-keyframes opac{from{opacity:0} to{opacity:1}}
@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-zoom {-webkit-animation:animatezoom 0.6s;animation:animatezoom 0.6s}
@-webkit-keyframes animatezoom{from{-webkit-transform:scale(0)} to{-webkit-transform:scale(1)}}
@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.w3-animate-top{position:relative;-webkit-animation:animatetop 0.4s;animation:animatetop 0.4s}
@-webkit-keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-dropdown {position:relative;-webkit-animation:animatedropdown 0.4s;animation:animatedropdown 0.4s}
@-webkit-keyframes animatedropdown{from{top:-40px;opacity:0} to{top:0;opacity:1}}
@keyframes animatedropdown{from{top:-40px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;-webkit-animation:animateleft 0.4s;animation:animateleft 0.4s}
@-webkit-keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;-webkit-animation:animateright 0.4s;animation:animateright 0.4s}
@-webkit-keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-card-2,.w3-example{box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important}
.w3-card-4 {box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)!important}
.w3-card-8, .w3-hover-shadow:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)!important}
.w3-card-16{box-shadow:0 16px 24px 0 rgba(0,0,0,0.22),0 25px 55px 0 rgba(0,0,0,0.21)!important}
.w3-label{display:block; padding-bottom:10px!important}.w3-input:not(:valid)~.w3-validate{color:#f44336}
.w3-border-0{border:0!important}
.w3-table td,.w3-table th,.w3-table-all td,.w3-table-all th{padding:10px 12px;display:table-cell;text-align:left;vertical-align:top}
.w3-table th:first-child,.w3-table td:first-child,.w3-table-all th:first-child,.w3-table-all td:first-child{padding-left:16px}
.w3-striped tbody tr:nth-child(even){background-color:#fffeda}
.w3-table th:first-child,.w3-table td:first-child,.w3-table-all th:first-child,
.w3-responsive{overflow-x:auto}

.w3-table th {background-color: #ffe590 !important}
.w3-table th, .w3-table td {border:3px solid #fff}
.w3-table td {background:#FFF5C9}
.w3-table-white th, .w3-table-white td {background-color: #fff; padding:10px 12px;display:table-cell;text-align:left;vertical-align:top}

.w3-btn,.w3-btn-block{border:none;display:inline-block;outline:0;padding:6px 16px;vertical-align:middle;overflow:hidden;text-decoration:none!important;text-align:center;cursor:pointer;white-space:nowrap; background:#000; color:#fff}
.w3-btn:hover,.w3-btn-block:hover,.w3-btn-floating:hover,.w3-btn-floating-large:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.w3-btn-block{width:100%}
.w3-light-grey,.w3-hover-light-grey:hover{color:#000!important;background-color:#f1f1f1!important}
.w3-input{padding:8px;display:block;border:none;border-bottom:1px solid #808080;width:100%}
.w3-select{padding:8px 0;width:100%; color:#000; border:2px solid transparent;border-bottom:2px solid #f7b027}
.w3-select select:focus{color:#000;border:1px solid #f7b027}.w3-select option[disabled]{color:#f7b027}
input[type=checkbox].w3-check,input[type=radio].w3-radio{width:24px;height:24px;position:relative;top:6px}
input[type=checkbox].w3-check:checked+.w3-validate,input[type=radio].w3-radio:checked+.w3-validate{color:#009688}
input[type=checkbox].w3-check:disabled+.w3-validate,input[type=radio].w3-radio:disabled+.w3-validate{color:#aaa}
.w3-dropdown-click,.w3-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
.w3-dropdown-hover:hover .w3-dropdown-content{display:block;z-index:1}
.w3-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0}
.w3-dropdown-content a{padding:6px 16px;display:block}
.w3-dropdown-content a:hover{background-color:#ccc}

.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;width:100%}
.w3-col.s1{width:8.33333%}
.w3-col.s2{width:16.66666%}
.w3-col.s3{width:24.99999%}
.w3-col.s4{width:33.33333%}
.w3-col.s5{width:41.66666%}
.w3-col.s6{width:49.99999%}
.w3-col.s7{width:58.33333%}
.w3-col.s8{width:66.66666%}
.w3-col.s9{width:74.99999%}
.w3-col.s10{width:83.33333%}
.w3-col.s11{width:91.66666%}
.w3-col.s12,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{width:99.99999%}
@media only screen and (min-width:601px){
    .w3-col.m1{width:8.33333%}
    .w3-col.m2{width:16.66666%}
    .w3-col.m3,.w3-quarter{width:24.99999%}
    .w3-col.m4,.w3-third{width:33.33333%}
    .w3-col.m5{width:41.66666%}
    .w3-col.m6,.w3-half{width:49.99999%}
    .w3-col.m7{width:58.33333%}
    .w3-col.m8,.w3-twothird{width:66.66666%}
    .w3-col.m9,.w3-threequarter{width:74.99999%}
    .w3-col.m10{width:83.33333%}
    .w3-col.m11{width:91.66666%}
    .w3-col.m12{width:99.99999%}}
@media only screen and (min-width:993px){
    .w3-col.l1{width:8.33333%}
    .w3-col.l2{width:16.66666%}
    .w3-col.l3,.w3-quarter{width:24.99999%}
    .w3-col.l4,.w3-third{width:33.33333%}
    .w3-col.l5{width:41.66666%}
    .w3-col.l6,.w3-half{width:49.99999%}
    .w3-col.l7{width:58.33333%}
    .w3-col.l8,.w3-twothird{width:66.66666%}
    .w3-col.l9,.w3-threequarter{width:74.99999%}
    .w3-col.l10{width:83.33333%}
    .w3-col.l11{width:91.66666%}
    .w3-col.l12{width:99.99999%}}
.w3-hide{display:none!important}
.w3-show-block,.w3-show{display:block!important}
.w3-show-inline-block{display:inline-block!important}

.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important}
.w3-text-black,.w3-hover-text-black:hover{color:#000!important}
.w3-blue-light-grey {background-color:#d2d9dd}
.w3-text-light-grey,.w3-hover-text-light-grey:hover{color:#f1f1f1!important}

@media screen and (max-width:360px) {
    .phone {float:right!important; margin-right:5px}
    .phone a {font-size:13px!important}
    .w3-navbar li a {font-size:15px}
    ul.sidebar_page li:nth-child(2) a {text-transform: lowercase!important; font-weight:normal!important}
    li.w3-opennav {font-size:14px; margin-right:5px}
    .w3-navbar li a {padding:0 5px!important; margin-right:0px!important}
    ul li.logo img {width:120px!important; margin-right:0;}
    img.mobSlides {margin-top:45px}
    .sidebar_page {padding:60px 10px 10px 25px!important}
}

@media screen and (min-width:361px) and (max-width:380px) {
    .phone {float:right!important; margin-right:10px}
    .phone a {font-size:14px!important}
    .w3-navbar li a {font-size:16px}
    li.w3-opennav {font-size:14px; margin-right:5px}
    .w3-navbar li a {padding:0 5px!important; margin-right:0px!important}
    ul li.logo img {width:140px!important; margin-right: 10px;}
    img.mobSlides {margin-top:50px}
}

@media screen and (min-width:381px) and (max-width:480px) {
    .construct img {float:none!important; max-width:220px; margin:0 auto!important}
    .phone {float:right!important; margin-right:10px}
    .phone a {font-size:15px!important}
    .w3-navbar li a {font-size:16px}
    li.w3-opennav {font-size:14px; margin-right:5px}
    .w3-navbar li a {padding:0 5px!important; margin-right:0px!important}
    ul li.logo img {width:140px!important; margin-right: 10px;}
    img.mobSlides {margin-top:55px}

}

@media screen and (max-width:480px) {
    ul li.logo img {width:140px; margin-right: 10px;}
    .infobox p {float:left; text-align:left; margin:0!important; font-size:13px; font-weight:bold}
    .infobox svg {float:left; width:40px; height:35px; margin: 0 15px}
    .sidebar_page {width:100%!important; padding:60px 10px 10px 30px!important}
    article h1 {font-size:30px}
    article h2 {font-size:22px!important}
    .construct img {max-height:400px; margin:auto; float:none;}

}

@media screen and (min-width:481px) and (max-width:600px) {
    ul li.logo img {width:180px; margin-right: 10px;}
    .phone {float:right!important; margin-right:30px; margin-top:0}
    img.mobSlides {margin-top:60px}
    .infobox p {float:left; text-align:left; margin:0!important; font-size:14px; font-weight:bold}
    .infobox svg {float:left; width:48px; height:42px; margin: 0 20px}
    .sidebar_page {width:100%!important; padding:80px 10px 10px 30px!important}
}


@media screen and (max-width:600px){
    .w3-display-middle {position:relative!important; top:0;}
    .block-box {margin: 0 auto; max-width:280px;}
    .w3-large {font-size:16px!important;}
    .content_part h1.w3-xxxlarge {font-size:36px!important;}
    .infobox {margin: 20px 0}
    h2{font-size:24px!important}
    h3 {font-size:20px!important; margin: 0 20px}
    .w3-xxlarge {font-size:28px!important}
    .w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px}
    .header_1 {font-size:26px}
    .construct {margin: 0 15px 30px; font-size:14px; line-height:1.6}
    .legend_amber:before,.legend_violet:before,.legend_blue:before {display:none!important}
    .map {display:none}
    .middle_navbar {padding: 20px 0}
    .middle_navbar h1 {font-size:30px; line-height:1.2; margin: 10px 20px}
    .infobox {padding-bottom:20px}
    .features {margin-bottom:20px}
    .content_part {padding: 30px 30px 20px}
    ul.sidebar_page li:nth-child(1) a {display:block; color:#fff; font-weight:bold; padding: 1px 10px; background:#8b8fd1; margin-right:14px; box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
    ul.sidebar_page li:nth-child(1) a:hover {box-shadow:0 3px 8px 0 rgba(0,0,0,0.2),0 4px 12px 0 rgba(0,0,0,0.19); cursor: pointer}
    ul.sidebar_page li:nth-child(2) a {text-transform: uppercase;font-size:14px; font-weight:normal!important}
    #demo ul {padding: 0px 50px 30px}
    .block_choice p {font-size:14px}
    .weare {min-height: 150px!important; background:none!important}
    .weare h1 {color:#3d3d3d!important; font-size:26px!important; padding: 0 20px; text-align:center!important}
    .weare h3 {font-size:24px!important; color:#5f6396!important; margin-top:10px;}
    .construct p.w3-xxlarge {font-size:16px!important; color:#ffa50a}
    .colours ul li span {width:30px; height:30px}
    .addons-pages {font-size:12px}
    .addons-pages .w3-col.l3 {border-left:none; padding:8px!important; border-bottom:none}
    .addons-pages .w3-col.l3:first-child {border-left:none}
}

@media screen and (min-width:601px) and (max-width:853px) {
    ul li.logo img {width:220px; margin-right: 20px;}
    img.mobSlides {margin-top:60px}

}

@media screen and (min-width:601px) and (max-width:768px) {
    footer {font-size:13px;}
    .footlinks .address p, footer h4 {margin-left: 15px!important}
    .footlinks .address p:before, .footlinks .tels p:before {width:12px; height:12px}
}

@media screen and (max-width:992px) {
    .topnavbar {padding-top:15px; padding-bottom:10px; background:#f1f1f1;}
    .topnavbar #collapse ul li {padding:2px 10px; font-size:16px}
    .topnavbar #collapse ul li:hover {background: #8b8fd1; color:#fff;}
    .w3-navbar li a, .w3-navbar li a:hover {border-top:none!important}
    .phone {font-family:"Segoe UI",Arial,sans-serif; background:#F8B02A; float:left; display:inline-block; padding:1px!important; box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
    .phone a, .phone a:hover{color:#fff!important}
    .phone:hover {box-shadow:0 3px 8px 0 rgba(0,0,0,0.2),0 4px 12px 0 rgba(0,0,0,0.19); cursor: pointer}
    .mobile_wrapper {margin-top:60px}
    .header_wrapper {display:none}
    .action_wrapper {min-height:900px!important}
    h1.errorpage {font-size:40px;}
    .w3-tooltip .w3-text{display:block; color:#fff!important}
}



@media screen and (min-width:854px) and (max-width:992px) {
    .topnavbar #collapse ul li {text-align:left; display:inline-block; font-size: 14px}
    ul li.logo img {width:220px; margin-right: 20px;}
    img.mobSlides {margin-top:60px}
}

@media screen and (min-width:601px) and (max-width:1200px) {
    ul li.logo {padding-bottom:10px}

}

@media screen and (min-width:601px) and (max-width:992px) {
    .phone {float:right!important; margin-top:0;margin-right:15px; min-height:35px!important}
    .phone a {font-size:20px!important}
    .w3-quarter{width:49.9999%}
    .g-blocks {display:block; margin:0 auto}
    .block-box {max-width:300px; margin-bottom:10px}
    .infobox {margin: 35px 0}
    .infobox p {font-size:14px}
    .infobox svg {width:68px; height:62px}
    .header_1 {font-size:26px}
    .spacer60 {display:none;}
    .testimonials {padding: 20px 15px 60px!important}
    .testimonials .w3-xxlarge {font-size: 28px!important}
    .testimonials .carusel img {max-width:100px;}
    .testimonials .carusel p {max-width:400px; font-size:16px}
    .testimonials .carusel svg { display: block; width: 50px; height:50px;  margin: 30px -12px 0 -12px}
    .testimonials h2 {font-size:28px}
    .block-box .block_factory {font-size:17px}
    .block-box .block_price {font-size:22px; padding:15px 0}
    .block-box .block_price span {font-size:34px}
    .construct {margin:0 20px 35px; font-size:15px; line-height:1.6}
    .addons {font-size:15px; margin-top:20px}
    .addons .w3-col.m3 {border-left:2px solid #fff; padding:10px!important; }
    .addons .w3-col.m3:nth-child(4) {border-right:2px solid #fff;}
    .addons-pages {font-size:14px}
    .addons-pages .w3-col.l3 {border-left:none; padding:10px!important; border-bottom:1px solid #fff}
    .addons-pages .w3-col.l3:first-child {border-left:none}
    .item {margin-top:30px;}
}

@media screen and (min-width:601px) and (max-width:800px) {
    .sidebar_page {padding:90px 30px 40px 25px!important}
    .content_part {padding: 90px 30px 20px 30px}
    .weare h1 {font-size: 32px; padding:0 35px}
    .legend_amber:before,.legend_violet:before,.legend_blue:before {display:none!important}
}

@media screen and (max-width:800px) {
    .topnavbar li.kalkulate {display:none}
    .block_choice p {font-size:14px}
}

@media screen and (min-width:801px) and (max-width:992px) {
    .topnavbar li.kalkulate {min-height:35px!important; float:right}
    .content_part {padding: 100px 35px 20px 35px}
    .sidebar_page {padding:100px 30px 40px 35px!important; }
    .weare h1 {font-size: 38px; padding:0 35px}
}

@media screen and (min-width:993px) and (max-width:1023px) {
    ul li.logo img {width:200px}
    ul li.logo {width:240px}
    .w3-navbar li a {font-size:15px}
    .block-box .block_price {font-size:18px;}
    .infobox {font-size:20px!important}
    .testimonials {padding: 20px 15px 30px}
    .testimonials .w3-xxlarge {font-size: 32px!important}
    nav.shrink .logo-shrink svg {display:none!important}
    nav.shrink .w3-content.feedback {margin:0 auto}
    .header_wrapper {margin-top:140px}
    .w3-jumbo {font-size:50px!important}
    .w3-xxxlarge {font-size:36px!important}
    .w3-col.m4 .pict img {max-height:120px; margin-top: 0;}
    .w3-slider .innerblock {margin-top:-5%}
}

@media screen and (min-width:993px) {
    .mobile_wrapper {display:none}
}

@media screen and (min-width:993px) and (max-width:1199px){
    .construct {margin:0 20px 35px; font-size:16px; line-height:1.6}
    .block-box .block_price {font-size:24px;}
    .infobox {margin: 60px 0}
    .infobox p {font-size:14px}
    .infobox svg {width:68px; height:62px}
    .phone {font-size:22px;}
    .testimonials .carusel svg { display: block; width: 60px; height:60px;  margin-top: 30px -12px 0 -12px}
    .addons-pages {font-size:14px!important}
    .addons-pages .w3-col.l3 {border-left:1px solid #fff; padding:10px!important; }
    .addons-pages .w3-col.l3:first-child {border-left:none}
}

@media screen and (min-width:1024px) and (max-width:1199px) {
    ul li.logo img {width:220px}
    ul li.logo {width:260px}
    .w3-navbar li a {font-size:15px}
    .infobox {font-size:20px!important}
    .testimonials {padding: 20px 15px 30px}
    .testimonials .w3-xxlarge {font-size: 32px!important}
    nav.shrink .logo-shrink svg {max-width:150px; margin-right:20px}
    .w3-jumbo {font-size:50px!important}
    .w3-xxxlarge {font-size:36px!important}
    .w3-col.m4 .pict img {max-height:140px; margin-top: 0;}
    .w3-slider .innerblock {margin-top:-4%}

}


@media (min-width:1024px) and (max-width:1460px) {
    .w3-jumbo {font-size: 48px!important}
    .w3-xxxlarge {font-size:36px!important}
    .header_wrapper {margin-top:120px}
}

@media (min-width:1200px) and (max-width:1460px) {
    .construct {margin:0 20px 35px; font-size:17px; line-height:1.6}
    .infobox {margin: 60px 0}
    .infobox p {font-size:14px}
    .infobox svg {width:68px; height:62px}
    .w3-jumbo {font-size:52px!important}
    .w3-xxxlarge {font-size:40px!important}
    .w3-col.m4 .pict img {max-height:170px; margin-top: 0;}
    .w3-slider .innerblock {margin-top:-3%}

}

@media (min-width:1461px) and (max-width:1600px) {
    .w3-jumbo {font-size:52px!important}
    .w3-xxxlarge {font-size:40px!important}
    .w3-col.m4 .pict img {max-height:170px; margin-top: 0;}

}


@media (max-width:768px){.w3-modal-content{width:500px}.w3-modal{padding-top:50px}}
@media (min-width:993px){.w3-modal-content{width:700px}}
@media (max-width:600px){.w3-hide-small{display:none!important}}
@media (max-width:992px) and (min-width:601px){.w3-hide-medium{display:none!important}}
@media (min-width:993px){.w3-hide-large{display:none!important}}
@media screen and (max-width:600px){}