.logotype {
	width: 150px;
	height: 150px;
}
.logotype  img {
height: auto;
width: auto;
max-height: 100%;
max-width: 100%;
}

#slider1, .nivo-slice1 { background-size: contain !important; }
.main_image { width: 100%; }
.main_image img { width: 100%; height: auto; }


body {
background-color: #a7a4a4;//#fbebb9;
background-image:none;
}
.content {
  position: relative;
  z-index: 0;
  background: unset;
}
.content__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 100% auto;
  background-repeat: repeat-y;
  pointer-events: none;
  z-index: -1;
}

.wrapper { background: rgba(255,255,255,0.7); }
.inner { background: unset; }
h1, ul, p, span { /* background-color: rgba(242, 242, 145, 0.6); */ border-radius: 10px; }

html, body { min-width:unset; }
#wrapper, ul.menu, div.description { width:unset; }
.main-slider { display: none; }

img.preloading { opacity: 0; } .proj-img img, .proj-img1 img { visibility: unset; } .project { margin: -10px; padding: 10px;  background: rgba(255,255,255,0.7); }
img.preloading:before { width:100%; height: 100%; position:absolute; content: "..."; line-height: 100%; text-align:center; display: block; z-index: -1; }
.inside-icon { margin: 20px; }
.inside-operable { height: 20px; margin-top: -20px; z-index: 3; }

.nav-menu li.active { background-color: white; color: olive; }
.nav-menu ul.submenu li.active { background-color: olivedrab; color: black; }


.page-header-section img { display: none; }

.inner {
 // background: rgba(255,255,255,0.6);
 // background: #020202;
}


.single-project { 
  width: 90%;
  margin-left: 3%;
  margin-right: 3%;
  display: inline-block;
  padding: 0 10px;
  box-sizing: border-box;
  border-radius: 3px;
  vertical-align: top;
	text-align: center;

}
.project-content {
   margin: 0 20px 0;
}
.projects-slider {
	width: 350px; margin-left: 5%; 
	/*border: #100000 2px solid;
	border-radius: 3px;
	border-radius: 10px;*/
	/*background-color: #f5deb3b2;*/
	display: inline-block;
}
.js-slide { 
	text-align: center;
}
.js-slide img {
	height: 500px; width: auto; display: inline;
}

.divider-text {
	text-align: left;
	background: none;
}

#projects-advert {
	float: right;
	margin-right: 50px;
	margin-top: 50px;
	padding-top: 75px;
	padding-bottom: 80px;
	width:280px;
}
#projects-advert p { color: brown; font-family: "font-st-warmovie-personal0"; font-size: 20px; line-height: 130%; }
.top-heading {
  font-family: font-st-warmovie-personal0, undefined;
  font-weight: 400;
  font-style: normal;
}
#projects-carousel h2 {
     font-family: font-st-warmovie-personal0, undefined; //line-height: 
}
@font-face {
	font-family: "font-st-warmovie-personal0";
	src: url('/css/font/ST-Warmovie-noncommercial.otf');
	font-display: swap;
}
.projects-slider { background-image: url(/css/papeeree.png); background-size: cover; background-position: center; }

div.description { text-align: center; float: unset; }
div.description h1 { font-size: 40px;}
#projects-carousel { padding-top: 55px; box-sizing: border-box; background-size: 100% 100%; }

.inner, ul.menu { border: none; }
.inner { padding-top: 30px; }


#runningManford { width: 100%; overflow: hidden; white-space: nowrap; background: wheat; border: solid 3px brown; z-index: 99; position: relative; }
#runningManford > * { display: inline-block; width:auto; padding: 5px; font-size: 22px; }

.border-black-1px { border: dashed black 1px; }
.color-white { color:white; }
h1, .fontfaced { font-family: font-st-warmovie-personal0, undefined;  }
.va-middle { vertical-align:middle; }
.bg-gray  { background-color: teal; }
.font-bold { font-weight:  bold; }


.hover-sub { position: relative; cursor: pointer; }
.hover-sub .sub-hover { display: none; }
.hover-sub.hover .sub-hover {
    display: inline-block;
    position: absolute;
    top: 12%; left: 80%;
    z-index: 9;
    width: 250%;
    padding-left: 30%;
}

.sub-hover span {
    font-family: font-st-warmovie-personal0, undefined;
    font-size: 28px;
    border: dotted 2px brown;
    margin: 0 20px;
    background-image: url(/assets/img/papiree-lt.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;

    text-align: center;
    padding: 90px 25px;
    min-width: 190px;
    display: inline-block;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0);
    margin-top: -100px;
}

@media (max-width:1024px) {
    .projects-slider {
        width: 280px;
    }
    .sub-hover span {
        font-size: 22px;
        min-width: 150px;
        margin: 0 10px;
        padding: 60px 20px;
    }

    .hover-sub.hover .sub-hover {
        left: 70%;
        padding-left: 20%;
        top: -40px;
    }
}

@media (max-width:800px) {
    div.description h1 { font-size:20px; }
    #projects-advert { width: 250px; margin: 0 10px; }
    h2, #projects-advert p { font-size: 18px; }
    .projects-slider {
        width: 230px;
    }

    .sub-hover span {
        font-size: 16px;
        min-width: 100px;
        padding: 40px 15px;

    }

    .hover-sub.hover .sub-hover {
        left: 70%;
        padding-left: 15%;
    }
}
@media (max-width:600px) {
    .projects-slider {
        width: 200px;
    }
    div.description h1 { font-size:16px; }
    h2, #projects-advert p { font-size: 12px; }
    #projects-advert { display: none !important; }

    .sub-hover span {
        min-width: 60px;
        padding: 20px 0px;
        margin: 0 10px;
        font-size: 10px;
    }

    .hover-sub.hover .sub-hover {
        left: 50%;
        padding-left: 10%;
        width: 400%;

    }
}
@media (max-width:400px) {
    .projects-slider {
        width: 120px;
    }
    div.description h1 { font-size:10px; }
    h2, #projects-advert p { font-size: 8px; }
    .hover-sub.hover .sub-hover {
        left: 120%;
        padding-left: 10%;
        width: 400%;
        top: -25px;
    }
}
#pricelist p {
    vertical-align: middle;
    display: inline-block;
    margin: auto;
    height: auto;
    line-height: 55px;
    font-size: 18px;
}

#pricelist img {
    margin: 10px auto;
    display: inline-block;
}
#pricelist > div > div {
    height: 95px;
}

.description h1 span {
    background-color: #d3d3d3a1;
    padding: 0 10px;
}

.font-faced {
    font-family: font-st-warmovie-personal0, undefined;
    color: white;
}


#runningManford {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

#wrapper.pricelist {
    background-size:contain ;
    background-repeat: repeat;
}

#wrapper.pricelist .top-heading span { background-color: #373a3d80; }

#wrapper._pivobeers {
    background-image: url('/uploads/images/bg/bg_1.png');
}
#wrapper._3d-panels {
    background-image: url('/uploads/images/bg/bg_3p-panels_2.jpg');
}

#wrapper._souvegnirs {
    background-image: url('/uploads/images/bg/bg_4.png');
}

#wrapper._decorative {
    background-image: url('/uploads/images/bg/bg_2.png');
}

#wrapper._bustes {
    background-image: url('/uploads/images/bg/bg_9.png');
}

#wrapper._parts {
    background-image: url('/uploads/images/bg/bg_15.jpg');
}

#wrapper._pivobeers h1, #wrapper._pivobeers h2 {
    color: white;
}

#wrapper._3d-panels h1, #wrapper._3d-panels h2 {
    color: white;
}

#wrapper._decorative h1, #wrapper._decorative h2 {
    color: black;
}

#wrapper.pricelist._souvegnirs .top-heading span {
    color: white;
}

#wrapper.pricelist._parts .top-heading span {
    color: #4de7efc2;
}
#wrapper._parts h1, #wrapper._parts h2 {
    color: black;
  }
#wrapper._about {
    background-image: url('/uploads/images/bg/bg_9.png');
}

.warning {
    border: solid 6px yellow;
    color: yellow;
    font-size: 24px;
    background-color: #ee2f0f;
    padding: 20px;
}
ul.menu {
    background-color: wheat;
}
#wrapper.contacts {
    background: lightgrey;
}
#wrapper.contacts .intro-text {
    font-size: 25px;
}


.vocabulary-head {
    background: yellow;
    color: red;
    font-size: 20px;
}
.vocabulary-head li { display: inline-block; }
.vocabulary-item {
    color: black;
    font-size: 18px;
    background-color: wheat;
    margin: 5px 10px;
}

.aligned-photo {
	//display: none;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}


.fontfaced {
  color: maroon;
  background: rgba(242, 242, 145, 0.6);
  padding: 0 115px;
  border-radius: 15px;
  margin-top: 15px;
  psdding: 15px 5px;