body{
	margin:0;
	font-family: sans-serif;
	font-size:13px;
  	color:#6e6f71;
  position:relative;
	}
#mod-custom179, #mod-custom180, #mod-custom186, #mod-custom187{
 display:none;
 position:absolute;
 width:calc((100% - 1440px) / 2);
  z-index:-1;
  top:0;
  bottom:0;
  background-color:#0e5800;
  background-size:contain;
  background-repeat:repeat-y;
}
#mod-custom179 img, #mod-custom180 img, #mod-custom186 img, #mod-custom187 img{
   max-width:calc((100vw - 1460px) / 2);
}
#mod-custom179{
  left:0;
  background-image: url(../images/ligoleft.png);
}
#mod-custom180{
  right:0;
  background-image: url(../images/ligoright.png);
}
#mod-custom186{
  left:0;
  background-image: url(../images/lieldienasleft.jpg);
}
#mod-custom187{
  right:0;
  background-image: url(../images/lieldienasright.jpg);
}
.scrollup {
    width: 60px;
    height: 60px;
    position: fixed;
    bottom: 35px;
    right: 25px;
    display: none;
    text-indent: -9999px;
    background: url(../images/scroll.png) no-repeat;
    background-color: #f15a2b;
    background-position: center center;
    z-index: 1000;
    opacity: 0.8;
    border-radius: 60px;
}
h1,h2{text-align:center;color:#f15a2b}
h1{font-size:3em}
h2{font-size:3em}
h3{font-size:1.4em;text-align:center}
.gray{color:#6e6f71}
a, a:hover, a:visited{
	text-decoration:none;
 	color:#23a5dd;
	}
.phone a, .phone a:hover, .phone a:visited,.mapscontent p:not(.print-button) a, .mapscontent p:not(.print-button) a:hover, .mapscontent p:not(.print-button) a:visited {color:#fff}
.item-page{
  padding-bottom: 10px;
  padding-top:20px;
}
.item-page p{text-align:center;}
.item-page.sakumlapa,.item-page.cenas{padding-top:0}
.main-content{margin-top:20px;}
.main-content p, .item-page h3{margin: 8px 20px;}
/*.main:not(.en-gb) .main-content{margin-top:0}*/
.main .main-content{margin-top:0}
.page-header{
  	text-align:center;
	position: absolute;
    width: 100%;
 	z-index: 200;
    top: 41%;
}
.page-header h1{color: #fff;}
.clr{clear:both}
.main{
	max-width:1440px;
	margin: 0 auto;
	padding:0;
  position:relative;
	}
.header{
  	position:absolute;
  	z-index:100;
 	top:0px;
	margin:0;
	padding:0;
  	width:100%;
  	background-image: linear-gradient(#6e6f71, rgba(255,0,0,0)); 
	}
.logo{
	max-width: 180px;
    margin: 0px auto;
    padding: 5px;
    position: absolute;
    left: 5px;
  	top:5px;
	}

.topmenu{text-align:right;margin-right:10px}
.mobile-menu{
  display:none;
  position:absolute;
  top:3px;
  right:10px;
  height:50px;
  width:50px;
  background:url(../images/menu.png) no-repeat center center;
  background-position:contain;
  background-size: 80%!important;
  cursor: pointer;
}
.mobile-menu.active{
  background:url(../images/menu-close.png) no-repeat center center;
}
.topmenu ul{display:inline-block;margin:0;}
.topmenu ul li{
	display:inline-block;
	padding:5px 12px;
  	padding-top:20px;
  	position:relative;
	}
.topmenu ul li a,.topmenu ul li{
	text-transform:uppercase;
	color:#fff;
	}
.topmenu ul li a{
    display: inline-block;
    position: relative;
    z-index: 1;
    padding: 0.6em;
    margin: -1em;
}

.topmenu ul li:hover{
	background-color:#f15a2b;
	}
.topmenu ul li.active{
	background-color:#f15a2b;
	}
.topmenu ul li ul{
    position: absolute;
    padding-top: 5px;
    left: 0;
    min-width: max-content;
  	display:none;
}
.topmenu ul li:hover > ul,.topmenu ul li ul:hover{
  display:block;
}
.topmenu ul li ul li{
  padding:10px;
  display: block;
  text-align: left;
  background:#fff url(../images/dropdown-bg.png) no-repeat center top;
}
.topmenu ul li ul li a,.topmenu ul li ul li{
	text-transform:none;
	color:#6e6f71;
	}
.topmenu ul li ul li a{
  margin:0;
  padding:0;
}

.topmenu ul li ul li:hover,.topmenu ul li ul li:hover a,.topmenu ul li ul li.current a{background-color:#f15a2b;color:#fff;}

.phone,.phone-mob,.language{
  color:#fff;
  float:right;
  display:inline-block;
  font-size: 20px;
  margin-top: 15px;
}
.phone,.phone-mob{
  padding-top:5px;
  font-size:initial;
  margin-right:10px;
}
.footer .phone{
display:none;
}
span.phone-icon{

  	display:inline-block; 
  	width:20px;
  	margin:0 8px;
  	background-size:contain!important;
  	background:url(../images/phone-icon.png) no-repeat center center;
	}
.phone-mob span.phone-icon{margin:0;width:18px}

.header .phone-mob{display:none;margin-right:80px}
.header .phone-mob a{
  	color:#fff;
    border-radius: 15px;
    background: #f15a2b;
    padding: 5px 10px;
}
.language{margin-right:20px}
.header .menu-content .language{display:none}

div.mod-languages ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
div.mod-languages ul.lang-inline li {
    display: inline;
}
div.mod-languages ul li.lang-active{
  background:none!important
}
div.mod-languages li {
    margin-left: 3px;
    margin-right: 3px;
}
div.mod-languages a {
    text-decoration: none;
}
div.mod-languages img {
    height: 30px;
    width: 30px;
}
.headbanner{position:relative}
.headbanner .mobile{display:none}
.headtitle{
    position: absolute;
  	bottom:5%;
  	width:100%;
    text-align:center;
}
#mod-custom116 .full{height:350px;overflow:hidden}
.kontakti .headtitle{bottom:7%}
.headtitle h1{color:#fff;}
#mod-custom136, #mod-custom140, #mod-custom142, #mod-custom210, #mod-custom211, #mod-custom212{
    color: #fff;
    font-size: 1.4em;
    font-weight: bold;
    margin-bottom: 15px;
}
#mod-custom137, #mod-custom141, #mod-custom143{
  	color: #fff;
    margin-top: 20px;
}
.vm_weight{text-transform:lowercase}
.calculator{
    background: #fff;
    padding: 0px;
    display: inline-block;
  	border-radius:12px;
}
.calculator .category,.calculator .metal,.qty-price{display:inline-block}
.calculator input,.calculator select{
  height:34px;
  border:none;
  color:#6e6f71;
  font: 400 13px sans-serif;
}
.calculator select{
  border-radius:12px 0 0 12px;
  box-shadow:6px 0px 8px -6px #6e6f71;
  margin-right:8px;
  height:36px;
  -moz-appearance:none;
  -webkit-appearance:none;
  appearance:none;
  background:url(../images/select-bg.png) no-repeat right 16px;
  background-size: 25px;
  padding-right: 32px;
}
.calculator input:focus,.calculator select:focus{outline:none}
.calculator .category-icon{
  display:inline-block;
  width:40px;
  height:36px;
  background:url(../images/category-icon.png) no-repeat center center;
  background-size:20px;
  vertical-align:bottom;
}
.calculator .metal-icon{
  display:inline-block;
  width:40px;
  height:36px;
  background:url(../images/metal-icon.png) no-repeat center center;
  background-size:32px;
  vertical-align:bottom;
}
.calculator .weight-icon{
  display:inline-block;
  width:20px;
  height:36px;
  background:url(../images/weight-icon.png) no-repeat center center;
  background-size:16px;
  vertical-align:bottom;
}
.calculator .vm_qty_sec{display:inline-block}
.calculator #qty{width:30px;text-align:right}
.calculator #v_price{width:60px;text-align:right}
.calculator .buttons{
  display:inline-block;
  vertical-align:bottom;
  padding-right: 5px;
}
.calculator .buttons button{
  display:block;
  width: 15px;
  height: 15px;
  margin-bottom: 2px;
  padding: 0;
  background: #f15a2b;
  border: none;
  border-radius: 5px;
  color: #fff;
  outline: none;
  box-shadow: 0px 0 5px -2px #000;
}
.calculator .vm_final_price,.calculator .vm_final_price input{
  background:#f15a2b;
  border-radius: 0 12px 12px 0;
  color:#fff;
}
.calculator .vm_final_price{
  display:inline-block;
  box-shadow: 1px 0px 9px -1px #000;
}
.calculator .vm_currency{padding-right:10px}

h1.articletitle{}
.sakumlapa p {
  max-width: 800px;
  margin: 10px auto;
  padding: 0 10px;
}

.icons{display:none}
.advantages{text-align:center;margin:30px 0}
.advantages .icon{display:inline-block;width:25%}
.advantages .icon img{height:65px}
.konteineri .advantages .icon img{height:inherit}
.advantages .icon span{
  display:block;
  text-transform:uppercase;
  margin-top:10px;
}

.konteineri .advantages .icon span{text-transform:none}

span.sadarbiba{
  font-size:1.4em;
  display:block;
  margin-bottom:40px
}

.projects{text-align:center;margin:20px 0 40px 0}
.projects .project{display:inline-block;width:32.8%}
.projects .project.left{float:left}
.projects .project.mid{}
.projects .project.right{float:right}
.projects .project img{width:100%;margin-bottom:10px;}
.projects .project span {display:block;}

.partners{text-align:center}
.partners img{vertical-align:middle;margin:0 45px;}

.mapsmobile{display:none}
.mapsbackground{
  background-color:#f15a2b;
}
.mapscontent{
  margin:0 auto;
  text-align:center;
}
.tab {
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  padding-top: 25px;
  justify-content: center;
}
.main-content .tab{
	padding-top: 10px;
}
.tab *[role="button"] {
  color:#fff;
  background-color: inherit;
  display:inline-block;
  margin:0 5px 15px 5px;
  box-sizing:border-box;
  border: 1px solid #fff;
  outline: none;
  cursor: pointer;
  padding: 12px;
  transition: 0.3s;
  border-top: solid 1px;
  border-radius: 10px;
  padding:5px;
  min-width: 180px;
}
.main-content .tab *[role="button"] {
   min-width:140px;
}
/*.tab *[role="button"]:hover {
  background-color: #eee;
}*/
.tab *[role="button"].active,.riga.cenas #riga-button,.jekabpils.cenas #jekabpils-button,.daugavpils.cenas #daugavpils-button,.riga.cenas-test #riga-button,.jekabpils.cenas-test #jekabpils-button,.daugavpils.cenas-test #daugavpils-button {
  color:#f15a2b;
  background-color: #fff;
  border-top:1px solid #fff;
  box-shadow:0px 0px 15px #000;
}
.tab *[role="button"].active .hours,.tab *[role="button"].active .hours2 {
  color:#6e6f71;
}
.tab .title{
  display:block;
  font-size:1.8em;
  font-weight:bold;
}
.tab .address{
  	text-transform:uppercase;
    font-size: 0.9em;
    display: block;
    margin-bottom: 15px;
}
.tab .hours{
  font-size:0.8em;
  float:left;
  margin-left:54px;
}
.tab .hours2{
  font-size:0.8em;
  float:right;
  margin-right:36px;
}
.tab img{margin:0 auto}
.tab img.active, .tab .active img.default{display:none}
.tab img.default, .tab .active img.active{display:block}
.tabcontent,.storecontent {
  position:relative;
  display: none;
  width:1000px;
  height:600px;
  margin: 0px auto;
  padding: 15px 0;
}
.tabcontent .marsruts,.storecontent .marsruts{
  position:absolute;
  left:10px;
  top:25px;
  background-color:#fff;
  padding:10px;
  width:280px;
  max-width:60%;
  box-shadow: 2px 2px 5px #aaa;
}
.tabcontent .marsruts p,.storecontent .marsruts p{
  font-weight:bold;
  color:#555;
  margin-top:0;
  font-size:1.1em;
}
.marsruts .icons{
  display:flex;
  justify-content: space-evenly;
}
.marsruts .icons img{border-radius: 7px}
.marsruts .google-maps{margin-right:15px}
.tabcontent iframe,.storecontent iframe{
  width:100%;
  height:100%;
}
#KrustabaznicasStore.tabcontent,#KrustabaznicasStore.storecontent,.riga.cenas #Riga.tabcontent,.jekabpils.cenas #Jekabpils.tabcontent,.daugavpils.cenas #Daugavpils.tabcontent,.riga.cenas-test #Riga.tabcontent,.jekabpils.cenas-test #Jekabpils.tabcontent,.daugavpils.cenas-test #Daugavpils.tabcontent{display:block}

.print-button{
	background-color: #f15a2b;
	display: inline-flex;
	align-items: center;
	padding: 7px 20px;
	text-decoration: none;
	color: white;
	border-radius: 15px;
}

.print-button img{
	margin-right: 10px;
	width: 20px;
	height: 20px;
}
.print-button span {
	font-weight: bold;
}

.footer{
  background-color:#6e6f71;
  color:#fff;
  padding:10px 0;
  margin-top:10px;
  min-height:165px;
}
.subscribe{
  margin:10px auto;
  text-align:center;
}

.acymailing_introtext{font-weight:bold}

.acymailing_module_form div.acymailing_form{
	max-width: 346px;
    padding: 3px 1px 3px 15px!important;
    margin: 18px auto!important;
  	border-style:solid!important;
    border: 1px solid #fff;
    border-radius: 18px;
}

.fieldacyemail,.acysubbuttons{display:inline-block;}
.acymailing_form input,.acymailing_form input:focus{
  color:#fff;
  border:none;
  outline:none;
  font-weight:bold;
}
.fieldacyemail input {
  background: none;
}
.acysubbuttons input{
    height: 28px;
    padding: 0 20px;
    border-radius: 15px;
    background: #f15a2b;
}

.footer .left{
  width: 300px;
  display: inline-block;
  margin-top:10px;
}
.footer-logo{
    margin: 0px 10px;
    padding: 5px;
}
.footer-logo img{width:110px;}

.footer-text{
  	display:inline-block;
  	max-width:85%;
  	margin-left:15px;
}

.footermenu{
  display: inline-block;
  float: right;
}
.footermenu ul{padding:0;}
.footermenu ul li{
	display:inline-block;
    height: 25px;
    line-height: 25px;
    text-align: center;
    box-sizing: border-box;
  	padding: 0 10px;
}
/*.footermenu ul > li:first-child{border:0;}*/
.footermenu ul li a{color:#fff;}
.footermenu ul li a:hover{}
.footermenu ul li.current{}
.footerenu ul li.current a{}

.footermenu ul li:nth-child(even){border-left: solid 1px #fff;}

.cenas.item-page h3{min-height: 42px}

.cenas .tabcontent{
  background:#fff;
  width:inherit;
  height:inherit;
}
.cenas .moduletable,.cenas-test .moduletable{
  width:33%;
  display: inline-block;
  vertical-align: top;
}

.productdetails{
  display:table;
  margin:0 auto;
}

.productContainer {
  display: table-row;
  width: 100%;
  cursor: pointer;
  font-size:16px;
}

.productContainer:nth-child(odd){background-color:#eee}

.productContainer:hover{
  background: #f15a2b;
}

.productContainer.feat {
    background: #f15a2b;
    color: #fff;
}

.productImage, .productName, .productPrice {
    display: table-cell;
    vertical-align: middle;
  	text-align:left;
    padding: 2px 5px;
  color:#000;
}

.productImage img {
    width: 45px;
    margin-top: 3px;
}

.productName{text-transform:uppercase;}

.productPrice {min-width:64px}
.vmheader{
  font-weight: bold;
  margin: 15px 0;
}
.ktn-banner{background:#6e6f71;text-align:center;}
.ktn-banner .callout{
  background: url(../images/callout_1440.png) no-repeat center center;
  width:260px;
  height:167px;
  position:absolute;
  background-size:cover;
  left:66%;
  top:40%;
}
.ktn-banner .callout .text{
  color:#fff;
  font-size:2.4em;
  transform: rotate(-16deg);
  padding-top: 45px;
}
.ktn-banner .before{height:120px}
.ktn-banner .after{height:100px}

.ktn+div.headtitle{bottom:1%}
.ktn-container{
  background: url(../images/ktn_bg_1440.png) no-repeat center center;
  background-size:cover;
  position:relative;
}
.ktn-container .before, .ktn-container .after{height:170px}
.ktn-container img.mobile{display:none}
.ktn-container .steps{
  position:absolute;
  width:11%;
  text-align:center;
}
.ktn-container .steps img{
  display:block;
  margin:0 auto;
  margin-bottom:5px;
  max-width:60%;
}
.ktn-container .step1{top:0;left:6%}
.ktn-container .step2{top:23px;left:23%}
.ktn-container .step3{top:0;left:39%;width:13%}
.ktn-container .step4{top:50%;left:22%}
.ktn-container .step5{left:37.5%;top:82%}
.ktn-container .step6{left:58%;top:82%;width:15%}
.ktn-container .step6 img{max-width:47%;display:inline-block;}
.ktn-container .step7{right: 10%;top: 24%}
.ktn-container .step8{right: 2%;top: 75%}

#redim-cookiehint .cookiebuttons .btn,#redim-cookiehint .cookiebuttons .btn:hover{
  background-color:#f15a2b!important;
  border-radius:4px;
}

.eb-dialog{
  min-width:400px;
  border:10px solid #fff;
}

.eb-dialog{
  color:#fff;
  min-height:300px;
}
.eb-dialog#dialog2,.eb-dialog#dialog17{background:url(../images/notice-lv.png) center 15px no-repeat, radial-gradient(circle, rgba(240,90,41,1) 0%, rgba(195,36,45,1) 100%);}
.eb-dialog#dialog4,.eb-dialog#dialog15{background:url(../images/notice-ru.png) center 15px no-repeat, radial-gradient(circle, rgba(240,90,41,1) 0%, rgba(195,36,45,1) 100%);}
.eb-dialog#dialog3,.eb-dialog#dialog16{background:url(../images/notice-en.png) center 15px no-repeat, radial-gradient(circle, rgba(240,90,41,1) 0%, rgba(195,36,45,1) 100%);}

.eb-dialog#dialog5,.eb-dialog#dialog14{background:url(../images/offer-lv.png) left 0px no-repeat, radial-gradient(circle, rgba(0,168,156,1) 0%, rgba(0,102,130,1) 100%);}
.eb-dialog#dialog6,.eb-dialog#dialog13{background:url(../images/offer-ru.png) left 0px no-repeat, radial-gradient(circle, rgba(0,168,156,1) 0%, rgba(0,102,130,1) 100%);}
.eb-dialog#dialog7,.eb-dialog#dialog12{background:url(../images/offer-en.png) left 0px no-repeat, radial-gradient(circle, rgba(0,168,156,1) 0%, rgba(0,102,130,1) 100%);}

.eb-dialog#dialog2 div,.eb-dialog#dialog3 div,.eb-dialog#dialog4 div,.eb-dialog#dialog15 div,.eb-dialog#dialog16 div,.eb-dialog#dialog17 div{
    padding: 15px;
    padding-top: 50px;
    text-align: center;
}
.eb-dialog#dialog5 div,.eb-dialog#dialog6 div,.eb-dialog#dialog7 div,.eb-dialog#dialog12 div,.eb-dialog#dialog13 div,.eb-dialog#dialog14 div{
    padding: 15px;
    padding-left: 115px;
    text-align: left;
}
.eb-dialog button {
    right: 18px;
    position: absolute;
    top: 18px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    z-index: 8040;
    background: url(../images/close.png);
}
.eb-dialog button span {display:none}

body.contentpane{
  color:#000;
  padding: 15px 30px;
  -webkit-animation: none;
}

.contentpane .print-header{
  display:flex;
  align-items: center;
  margin-bottom:12px;
}

.contentpane .item-page{
  width:fit-content;
  padding-bottom: 0px;
  padding-top:0px;
}

.contentpane .logo-print {}
.logo-print img {
  border-radius:10px;
  width:80px;
}
.contacts-print {padding: 20px}
.date-print{text-align:right}


.contentpane .btn.hidden-print,.contentpane .tab,.contentpane .tab+p,.contentpane .print-button{display:none}

.contentpane .mapsbackground{background-color: inherit;}

.contentpane .tabcontent{padding:0}

.contentpane .item-page h3,.contentpane .mapscontent{
  margin:0;text-align:left;
  margin-block-start: 0;
  margin-block-end: 0;
  font-size: 14px;
  text-transform: uppercase;
}
  .contentpane .item-page h3{
display:none;
}

.print-title {display:none}
.printheader {margin-bottom:15px}
.mapsmobile .printheader {text-align: center}
.contentpane .printheader {
background-color:#F4B490;
padding-top: 3px;
padding-bottom:3px;
min-width:570px;
margin-bottom:0;
}
.contentpane .print-title {
display:initial;
font-size:14px;
font-weight:bold;
margin-right:15px;
}

.contentpane .vmheader{
display:inline-block;
margin: 0;
font-size:14px;
font-style: normal;
float:right;
}
.contentpane .vmgroup{
min-width:570px;
}
.contentpane .moduletable{
 display: block;
 width:100%;
 position: relative;
}
}

.contentpane .moduletable h3{
  margin-bottom:0px;
  font-size:14px;
  white-space: nowrap;
  padding-right: 60px;
}

.contentpane .moduletable br{display:none}

.contentpane p{
margin: 10px 0 0 0;
}

.contentpane .productdetails{
width:100%;
}

.contentpane .productContainer{
  border-bottom-width:thin;
  border-bottom-style:solid;
  border-bottom-color:black;
  font-size:13.5px;
  line-height:0.9;
}

.contentpane .productContainer:hover{background-color:white; color:black}

.contentpane .productContainer:nth-child(odd) {
    background-color: #FCE4D6;
}
.contentpane .productContainer.feat{background-color:inherit}

.contentpane .productName,.contentpane .productPrice{

}

.contentpane .productImage{
  display:none;
}

.contentpane .productName{
    padding:2px;
}

.contentpane .productPrice{
  padding: 2px;
  padding-left:10px;
  text-align:right;
}

.contentpane .productName a, .contentpane label img { display:none!important }


p.print-button{
  text-align:center;
  font-family: arial,helvetica,sans-serif;
  font-size:20px;
}

p.print-button img{
  margin-right:5px;
  margin-bottom: 7px;
  vertical-align:middle;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.acymailing_module .onefield.fieldacyemail{
  float: left;
  line-height: 2.1em;
}

.parent {
	cursor:pointer;
}

.child {
    display: none;
}

.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
    opacity: 0;
    transition: opacity 0.5s;
}

.modal-content {
	position:relative;
    background-color: #fefefe;
    margin: 10% auto;
    padding: 10px;
    width:800px;
	max-width:95%;
}

.modal-content .price{color:#f15a2b}
.modal-content img{
width:800px;
width: -moz-available;          
width: -webkit-fill-available;
width: fill-available;
}
.modal-content p{text-align:center}

.close {
	position:absolute;
	right:15px;
	top:15px;
	border-radius:20px;
	width:40px;
	height:40px;
	background:#fff url(../images/menu-close.png) no-repeat center center;
	background-size:90%;
}

.close:hover,
.close:focus {
    cursor: pointer;
}

@media ( min-width:1900px ) {
  #mod-custom179, #mod-custom180, #mod-custom186, #mod-custom187{display:block}
  }

@media (max-width: 1024px){
  .topmenu{
    margin-left:auto;
    margin-right:auto;
    margin-top:50px;
    text-align:center;
  }
  .topmenu ul.nav{padding-inline-start: 0px}
  .phone{
    position: absolute;
    top: 0;
    right: 200px;
  }
  .language{
    position: absolute;
    top: 0;
    right: 0px;
  }
  .partners img{
    margin: 0 10px;
  }
 /* .tab *[role="button"]{width:188px}
  .cenas .tab *[role="button"]{width:238px}*/
  .tab .hours{margin-left:32px}
  .tab .hours2{margin-right:6px}
  .tabcontent,.storecontent{width:100%}
  .calculator select{max-width:250px}
}

@media (max-width: 840px){

  .headbanner video,.headbanner .full{display:none}
  .headbanner .mobile{
    display:block;
    background-image: linear-gradient(#6e6f71, rgba(255,0,0,0));
  }
  .headbanner .mobile .gradient{
    height:15%;
    width:100%;
    background-image: linear-gradient(#6e6f71, rgba(255,0,0,0));
    position:absolute;
    top:0;
    z-index:2;
  }
  .headtitle h1{font-size:2em;padding:0 20px;}
  .header .phone, .header .language{display:none}
  .header .phone-mob{display:block}
  .header .menu-content .language{
    display:block;
    position:relative;
    float:inherit;
    margin:0;
    border-top:1px solid #6e6f71;
    border-bottom:1px solid #6e6f71;
    background-color:#d1d2d4;
  }
  .header .menu-content .language ul li{display:inline-block;}
  .header .menu-content .language ul li:hover{background:none;}

  .logo{max-width:130px}
  .mobile-menu{display:block;right:20px;}
  .topmenu{
    position: absolute;
    top: 0;
    margin-top: 0;
    width: 100%;
    z-index: 2;
  }
  .menu-content{
    display:none;
    background:#fff;
  }
  .topmenu ul.nav{
    display:block;
    padding-inline-start: 0;
    padding-top:60px;
    padding-bottom:20px;
  }
  .topmenu ul li:hover ul{display:none}
  .topmenu ul li{
    display: block;
  }
  .topmenu ul li a{
    display: block;
    color:#6e6f71;
    background-size: auto 80%!important;
    background-position:20px center!important;
    height: 37px;
    line-height: 37px;
  }
 
  .topmenu ul li:hover{background-color:#f15a2b;}
  .topmenu ul li:hover a, .topmenu ul li.active a{color:#fff;}
  
  .calculator{background:none}
  .calculator .category,.calculator .metal{
    display:block;
    background:#fff;
    margin-bottom:8px;
    border-radius:12px;    
  }
  .calculator .qty-price{display:block}
  .calculator select{
    box-shadow:none;
    max-width:inherit;
    min-width:377px;
  }
  .calculator .qty-price{background:#fff;border-radius:12px}
  .calculator .vm_qty_sec{
    background: #fff;
    border-radius: 12px 0 0 12px;
    width:50%;
    text-align:right;
  }
  .calculator .vm_qty_sec .weight-icon{float: left;padding-left: 15px}
  .calculator .buttons{
    display: inline-block;
    vertical-align: middle;
    padding-right: 5px;
    padding-bottom: 2px;
  }
  .calculator .buttons button {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-bottom: 2px;
    padding: 0;
    background: #f15a2b;
    border: none;
    border-radius: 8px;
    color: #fff;
    outline: none;
    font-size: 20px;
    box-shadow: 0px 0 5px -2px #000;
    float: right;
    margin-left: 3px;
}
  .calculator .vm_final_price, .calculator .vm_final_price #v_price{}
  .calculator .vm_final_price{
    width:50%;
    float:right;
    text-align:center;
  }
  
  .advantages .icon, .projects .project{
    width: 100%;
    margin: 12px 0;
  }
  .projects .project.left,.projects .project.right{float:none}
  
  .partners img{
    display: block;
    margin: 12px auto;
  }  
  
  .space{display:none}
  .project-images img, .customer{max-width:100%}
   .header .contact-icons{
	display:none;
}
/*
  .mapsbackground{display:none}
  .mapsmobile{display:block}
*/
  .button-block{
    background:#f15a2b;
    text-align:center;
    padding-bottom:20px;
  }
  .button-block .button{
    width: 250px;
    padding: 10px;
  }
  .button-block *[role="button"]{cursor:inherit}
  .hours-block{
    width:188px;
    margin:0 auto;
    padding:10px;
  }
  .hours-block img.active{display:block}
  .hours-block .hours {
    margin-left: 38px;
  }
    .hours-block .hours2 {
    margin-right: 18px;
  }
  .slides .tabcontent,  .slides .storecontent{display:block}
  .cenas .moduletable {
    width:100%;
    max-width: 360px;
    display: block;
    margin: 0 auto;
}
  
  .footer .left{width:50%}
  .footermenu{float:none;/*width:38%;*/}
  .footermenu ul{
    margin-left: auto;
    margin-right: 10px;
    width: 120px;
  }
  .footermenu ul li{
    display:block;
    list-style-type:none;
    border-left: 1px solid #fff;
    padding-left: 15px;
    width:inherit;
    white-space: nowrap;
    text-align:left;
  }
  
  .item-page.ktn{padding-top:0px}
  .ktn-banner img.mobile{display:inline-block}
  .ktn-banner .callout{
    width: 162px;
    height: 117px;
    background-size: contain;
  }
  .ktn-banner .callout .text{
    font-size: 1.7em;
    padding-top: 33px
  }
  
  .ktn-container img.mobile{
    display:inherit;
    max-width: 70%;
    margin-left: 20px;
  }
  .ktn-container img.full,.ktn-container .before{display:none}
  
  .ktn-container .steps {width:200px}

  .ktn-container .steps img{
    max-height: 50px;
    margin-right:4px;
    float: left;
  }
  .ktn-container .step4 img{max-width:60px}
  .ktn-container .step6 img{max-width:40px;display:inline-block;margin-right:5px}
  .ktn-container .step6 img+img{max-width:50px}
  .ktn-container .step8 img{float:inherit;margin-left:30px;}

.ktn-container .step1{top:3%;left:30%}
.ktn-container .step2{top:13%;left:30%}
.ktn-container .step3{top:23%;left: 30%}
.ktn-container .step4{top:32%;left:30%}
.ktn-container .step5{left:30%;top:41%}
.ktn-container .step6{left:30%;top:51%;width:60%}
.ktn-container .step7{left:52%;top:62%;max-width:160px}
.ktn-container .step8{left:59%;top:79%;max-width:100px}

}

@media (max-width: 480px){
	
.eb-dialog#dialog5 div,.eb-dialog#dialog6 div,.eb-dialog#dialog7 div,.eb-dialog#dialog12 div,.eb-dialog#dialog13 div,.eb-dialog#dialog14 div{
    padding: 125px 15px 15px 15px;
}	
.eb-dialog#dialog5,.eb-dialog#dialog14{background:url(../images/offer-lv.png) center 0px no-repeat, radial-gradient(circle, rgba(0,168,156,1) 0%, rgba(0,102,130,1) 100%);}
.eb-dialog#dialog6,.eb-dialog#dialog13{background:url(../images/offer-ru.png) center 0px no-repeat, radial-gradient(circle, rgba(0,168,156,1) 0%, rgba(0,102,130,1) 100%);}
.eb-dialog#dialog7,.eb-dialog#dialog12{background:url(../images/offer-en.png) center 0px no-repeat, radial-gradient(circle, rgba(0,168,156,1) 0%, rgba(0,102,130,1) 100%);}
	
  .calculator{width:95%}
  .calculator .category, .calculator .metal {}
  .calculator select{min-width:85%;max-width:85%}
  .vm_qty_sec{text-align:right}
  .calculator .vm_qty_sec #qty {}
  .calculator .vm_final_price {}
  .calculator .weight-icon{float:left}
  .calculator .butons{}
  .modal-content {margin:20% auto}
  
 .mapscontent .tab *[role="button"] {
    min-width: 160px;
	padding: 5px 0;
  }
 .main-content .mapscontent .tab *[role="button"] {
    min-width: initial;
	padding: 5px 6px;
  }
  .mapscontent .tab img.default,.mapscontent .tab img.active{width:80%}
  .mapscontent .tab .address{
    font-size: 0.8em;
    margin-top: 3px;
	}
  .mapscontent .tab .title {font-size:1.6em;} 
}

/* Released: 11th October 2014 - Beverley Hooton @ Focus on Function Web Design - http://fofwebdesign.co.uk */
/* Updated: 25th July 2015 - left and right swipe gesture support added for touch devices */
/* Updated: 11th November 2016 - basic tab-to support added for accessibility + js cleaned-up */
body { -webkit-animation:androidbugfix infinite 1s } /* http://timpietrusky.com/advanced-checkbox-hack */
@-webkit-keyframes androidbugfix { from {padding:0} to {padding:0} } /* http://timpietrusky.com/advanced-checkbox-hack */
#header { position:relative; top:0; left:0; right:0; height:4.0625em; background:#222 }
.page-content { padding:0 1em 1em; max-width:64em; margin:auto }
.breadcrumbs { font-size:.75em; border-bottom:7px solid #eee; margin:0 -1.25em 1.5em; padding:1em 1.25em }
.breadcrumbs span { display:none }
@media(min-width:30em) { .breadcrumbs { line-height:3.75; padding:0 1.25em } }
@media(min-width:60em) { .breadcrumbs span { display:inline-block } }
a, a:active, a:visited { color:#c30 }
a:visited { color:#c90 }
a:hover, a:focus { color:#666; text-decoration:none }
code { display:block; background:#ebebeb; font-size:0.875em; padding:1em 2em; overflow-x:scroll; white-space:nowrap }

/* #### - slider css below - #### */

#slider-outer { width:100%; position:relative;} /* change padding to move arrows */
#slider { display:block; overflow:hidden;}
#slider-outer .slide-check { position:absolute; left:-9999px }

#slider .slides { width:400% } /* #### (slides x 100) #### */
.cenas #slider .slides,.cenas-test #slider .slides { width:300% } /* #### (slides x 100) #### */

#slider .slides > div { width:100vw; /* #### (100 / slides) #### */
	display:table-cell; overflow:hidden; position:relative; 
	-webkit-transform:translate3d(0,0,0); /* http://davidwalsh.name/translate3d */
	-webkit-transition:-webkit-transform .5s ease-in-out; transition:transform .5s ease-in-out
	}

#slider-outer .arrows { font:1em/2em Arial; text-indent:0.1875em; text-align:center; position:absolute; display:none; z-index:1; top:30px; width:2em; cursor:pointer;
	}
.cenas #slider-outer .arrows,.cenas-test #slider-outer .arrows {top:18px}

/* #### - play/pause animations - #### */
.pause, .play { position:absolute; top:50%; left:50%; margin-top:-1.3em; margin-left:-1.3em; width:2em; height:2em }
.pause { border:0.3em solid #222; border-radius:50% }
.pause:before, .pause:after { content:""; position:absolute; top:0.4em; left:0.45em; width:0.4em; height:1.3em; background:#222 }
.pause:after { right:0.45em; left:auto }
.play { position:absolute; border:0.3em solid #222; border-radius:50% }
.play:before { content: ""; position:absolute; top:0.25em; left:0.75em; border-top:0.8em solid rgba(34,34,34,0); border-bottom:0.8em solid transparent; border-left:0.8em solid #222 }
.zoom { -webkit-animation:zoom 0.75s both; animation:zoom 0.75s both }
@-webkit-keyframes zoom { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:scale3d(3,3,3); transform:scale3d(3,3,3) } }
@keyframes zoom { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:scale3d(3,3,3); transform:scale3d(3,3,3) } }

/* #### - extra css for js enhancement - #### */
#toggle { display:none }
.js #toggle { display:block }
.js #slider {}

/* #### - define ids of checked buttons/arrows here - #### */
#btn-goto-first:checked ~ #arrow-1, 
#btn-1:checked ~ #arrow-2, 
#btn-2:checked ~ #arrow-3,
#btn-3:checked ~ #arrow-4,
#btn-4:checked ~ #arrow-1,
.cenas #btn-3:checked ~ #arrow-1,.cenas-test #btn-3:checked ~ #arrow-1{ /* last button always goes to #arrow-1 */
	right:12%; display:block
	}

/* #### - define ids of checked buttons/arrows here - reposition/rotate '>' arrows to fake '<' arrows - #### */
#btn-2:checked ~ #arrow-1, 
#btn-3:checked ~ #arrow-2,
#btn-4:checked ~ #arrow-3, 
#btn-1:checked ~ #arrow-4,
.cenas #btn-1:checked ~ #arrow-3{ /* #btn-1 always goes to last arrow */
	left:12%; display:block; -webkit-transform:scale(-1,1); -ms-transform:scale(-1,1); transform:scale(-1,1)
	}

/* #### - define ids of checked buttons/arrows here - (% increment per slide) - move slides when checked - #### */
#slider-outer #btn-1:checked ~ #slider .slides > div, #slider #btn-goto-first:checked ~ #slider .slides > div { -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0) }
#slider-outer #btn-2:checked ~ #slider .slides > div { -webkit-transform:translate(-100%,0); -ms-transform:translate(-100%,0); transform:translate(-100%,0) }
#slider-outer #btn-3:checked ~ #slider .slides > div { -webkit-transform:translate(-200%,0); -ms-transform:translate(-200%,0); transform:translate(-200%,0) }
#slider-outer #btn-4:checked ~ #slider .slides > div, #slider #btn-goto-last:checked ~ #slider .slides > div { -webkit-transform:translate(-300%,0); -ms-transform:translate(-300%,0); transform:translate(-300%,0) }


/* - #### custom styles for slide content - #### */
#slider .slides > div:focus { -webkit-animation:fadeoutbg 5s; animation:fadeoutbg 5s }
@-webkit-keyframes fadeoutbg { 0% { background:transparent } 10% { background:#ffd } 50% { background:#ffd } 100% { background:transparent } }
@keyframes fadeoutbg { 0% { background:transparent } 10% { background:#ffd } 50% { background:#ffd } 100% { background:transparent } }
#slider .slides .title { display:inline-block; margin-bottom:0.75em }
#slider .slides .num { float:right; font-size:0.625em; color:#999 }
#slider .slides .more { text-align:right; font-size:0.875em }


@media ( max-width:30em ) { /* #### - make better use of space at 480px (480/16=30 - 16px being default browser font-size) - #### */
	#slider-outer { font-size:0.9375em; line-height:1.5em; padding:0 0 1.125em 0 }
	#slider .slides > div > div {}
	#slider .slides .more { text-align:center }
	.pause, .play { margin-top:-1.875em }
}

*{
	-webkit-touch-callout: none;
	-webkit-user-drag: none;
	-webkit-user-select: none; /* Chrome */     
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; 
    -webkit-print-color-adjust: exact !important;  
    color-adjust: exact !important; 
    print-color-adjust: exact !important;
}
@media print {
  @page { margin: 0; }
  body { margin-left: 1cm; margin-top:0.5cm;}
}