body { margin: 0; padding: 0; overflow-x: hidden; }

.logoBlock { margin: 0 auto; width: 100%; height: 80px; background: #ff862d; position: fixed; top: 0px; z-index: 9999;
box-shadow: 5px 0 15px #333;
}

.logo { margin: 0 auto; width: 1000px; height: 80px; position: relative; }
.gmenu { width: auto; height: 30px;  margin: auto; position: absolute; top: 30px; right: 10px; text-align: center;  }
.gmenu a { margin: 0 auto; font-family: sans-serif; font-size: 13pt; color: #fff;  text-decoration: none; padding: 15px 25px; 
border-radius: 10px; }
.gmenu a:hover { color: #fff; background: #444; }


/*NAVBLOCK************************************************************************************************/
.navBlock { margin: 0 auto; text-align: center; width: 100%; height: 600px; position: relative; top: 80px; background: #444; 
    border-bottom: 4px solid #ff9300;  }
.mdveri { margin: auto; position: absolute; top: 0; left: 0; width: 33%; height: 600px; background: url(../img/md.jpg) no-repeat; 
background-size: cover; transition: all 0.4s;  }
.mdveri p { margin: auto; position: absolute; bottom: 50px; width: 100%; height: auto; background: rgba(255, 147, 0, 0.9);  
    color: #fff; font-family: sans-serif; font-size: 27pt; text-align: center; padding-top: 40px; padding-bottom: 40px; opacity: 0; 
    transition: all 0.5s; }
.mdveri:hover { transform: scale(0.9); border-radius: 3px; box-shadow: 0 0 5px #222; transition: all 0.4s;  }
.mdveri:hover p { opacity: 1; transition: all 0.5s;  }

.okna { margin: auto; position: absolute; top: 0; left: 33%; width: 34%; height: 600px; background: url(../img/ok.jpg) no-repeat; 
background-size: cover; transition: all 0.4s; }
.okna p { margin: auto; position: absolute; bottom: 50px; width: 100%; height: auto; background: rgba(255, 147, 0, 0.9);  
    color: #fff; font-family: sans-serif; font-size: 27pt; text-align: center; padding-top: 40px; padding-bottom: 40px; opacity: 0;
    transition: all 0.5s; }

.okna:hover { transform: scale(0.9); border-radius: 3px; box-shadow: 0 0 5px #222; transition: all 0.4s;  }
.okna:hover p { opacity: 1; transition: all 0.5s;  }

.vdveri { margin: auto; position: absolute; top: 0; left: 67%; width: 33%; height: 600px; background: url(../img/vd.jpg) no-repeat; 
background-size: cover; transition: all 0.4s; }
.vdveri p { margin: auto; position: absolute; bottom: 50px; width: 100%; height: auto; background: rgba(255, 147, 0, 0.9); 
    color: #fff; font-family: sans-serif; font-size: 27pt; text-align: center; padding-top: 40px; padding-bottom: 40px; opacity: 0;
    transition: all 0.5s; }


.vdveri:hover { transform: scale(0.9); border-radius: 3px; box-shadow: 0 0 5px #222; transition: all 0.4s;  }
.vdveri:hover p { opacity: 1; transition: all 0.5s;  }


/*PROMO************************************************************************************************/
.promo { margin: 0 auto; text-align: center; width: 100%; height: 700px;  position: relative; top: 80px; }
.vpromo { margin: 0 auto; position: relative; top: 150px;  width: 1000px; height: 500px; }

.zakaz { position: relative; top: 40px; left: 580px; padding-top: 5px; width: 400px; height: 400px; background: rgba(255,255,255, 0.95); 
            text-align: center; border-radius: 5px;}


.zakaz h3 {font-family: sans-serif; font-size: 18pt; color: #444; text-shadow: 1px #222;}
.zakaz h4 {position: relative; top: -40px; font-family: sans-serif; font-size: 28pt; color: #ff9300; }
.zakaz h5 {position: relative; top: -80px; font-family: sans-serif; font-size: 18pt; color: #e52237; line-height: 22pt; }
/*PROMO ZAKAZ*/

.zakaz table {position: relative; top: -100px; left: 8px;}

#zakazform .contact { padding: 10px; width: 280px; font-family: sans-serif; font-size: 14pt; font-weight: normal; color: #888;
border: 1px solid #aaa; border-radius: 3px; }

#zakazform .button { position: relative; left: -8px; padding: 20px 15px; margin-top: 10px; width: 250px; height: 70px; font-family: sans-serif; font-size: 16pt; font-weight: bold; color: #fff; border: 1px solid #ff9300; border-radius: 10px; background: #ff9300; text-shadow: 0px 0px 5px #9d5a00; }

#zakazform .button:hover { background: #d87c00; border: 1px solid #d87c00; }







/*CATEGORY************************************************************************************************/
.catBlock { margin: 0 auto; width: 100%; height: auto; background: rgba(255,255,255, 0.8); position: relative; top: 80px; border-top: 4px solid #ff9300;  }

.category { margin: 0 auto; padding-top:20px; padding-bottom: 50px; width: 1000px; height: auto;  }
.category ul { margin: 0; padding: 0; list-style: none; text-align: center;}
.category li { margin: 0px; display: inline-block; width: 245px; height: 360px; 
}

.category h7 { position: relative; top:15px; font-family: sans-serif; font-size: 14pt; font-weight: bold; color: #444; text-align: center; }
.category h8 { position: relative; top:5px; font-family: sans-serif; font-size: 12pt; font-weight: bold; color: #444; text-align: center; }
.category h9 { position: relative; top:40px; font-family: sans-serif; font-size: 16pt; font-weight: bold; color: #fff; text-align: center; 
padding: 17px 27px; border-radius: 2px; background: #ff2e12; }

.category h3 { padding-bottom: 20px; font-family: sans-serif; font-size: 36pt; font-weight: normal; color: #444; text-align: center; }

/*MDCATEGORY************************************************************************************************/
.mdcategory { margin: 0 auto; padding-top:20px; padding-bottom: 100px; width: 1000px; height: auto;  }
.mdcategory ul { margin: 0; padding: 0; list-style: none; text-align: center;}
.mdcategory li { margin: 20px; margin-bottom: 50px; display: inline-block; width: 200px; height: 400px; 
}

.mdcategory h7 { position: relative; top:15px; font-family: sans-serif; font-size: 14pt; font-weight: bold; color: #444; text-align: center; }
.mdcategory h8 { position: relative; top:5px; font-family: sans-serif; font-size: 12pt; font-weight: bold; color: #444; text-align: center; }
.mdcategory h9 { position: relative; top:40px; font-family: sans-serif; font-size: 14pt; font-weight: bold; color: #fff; text-align: center; 
padding: 17px 27px; border-radius: 2px; background: #ff2e12; }

.mdcategory h3 { padding-bottom: 20px; font-family: sans-serif; font-size: 36pt; font-weight: normal; color: #444; text-align: center; }
.mdcategory a { position: relative; top: 50px; font-family: sans-serif; font-size: 18pt; font-weight: normal; color: #ff2e12; text-align: center;}


/*PARTNERS************************************************************************************************/
.partBlock { margin: 0 auto; width: 100%; height: 450px; background: #fff; position: relative; top: 80px; border-top: 4px solid #ff9300;  }

.part { margin: 0 auto; padding-top: 20px; padding-bottom: 50px; width: 1000px; height: 450px; position: relative; text-align: center; }
.part h3 { padding-bottom: 20px; font-family: sans-serif; font-size: 36pt; font-weight: normal; color: #444; text-align: center; }
.part a { position: relative; top: 50px; font-family: sans-serif; font-size: 18pt; font-weight: normal; color: #ff2e12; text-align: center;}
.part img { margin: 30px; }





/*ISTORIA************************************************************************************************/
.histBlock { margin: 0 auto; width: 100%; height: auto; background: #fff; position: relative; top: 80px; }

.history { margin: 0 auto; padding: 10px 30px 100px 30px; width:auto; height: auto; position: relative;  top: 0px; }
.history h3 { font-family: sans-serif; font-size: 36pt; font-weight: normal; color: #333; text-align: center; line-height: 20pt; }
.history p { font-family: sans-serif; font-size: 16.5pt; color: #333; text-align: justify; line-height: 17pt; }


/*RABOTA************************************************************************************************/
.rabotaBlock { margin: 0 auto; width: 100%; height: auto; background: #ff9300; position: relative; top: 80px;
            -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);
            -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);;
            box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);;
}
.rabota { margin: 0 auto; padding: 10px;  font-family: sans-serif; text-align: center; width: 960px; height: auto; padding-bottom: 100px;}
.rabota h3 { font-family: sans-serif; font-size: 36pt; font-weight: normal; color: #fff; text-align: center; }
/**.rabota a { position: relative; top: 80px; padding: 25px 50px ; text-decoration: none; margin-top: 10px; width: 300px; height: 85px; font-family: sans-serif; font-size: 20pt; color: #fff; border: 3px solid #fff; border-radius: 50px; background: #ff9300; }
.rabota a:hover { background: #555; border: 3px solid #fff; }**/
.rabota p { font-family: sans-serif; font-size: 14pt; color: #333; text-align: justify; line-height: 16pt; text-align: center; }
.rabota ul { text-align: center; margin: 0 0; padding: 0 0; }
.rabota li { list-style: none; display: inline-block; width: 140px; height: auto;  margin: 0px 20px; transition: all 0.3s; }
.rabota li:hover { transform: scale(1.1) rotate(-1deg); transition: all 0.3s; }
.rabota img { border-radius: 50%;
 -webkit-box-shadow:1px 1px 15px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 1px 15px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 1px 15px 0px rgba(50, 50, 50, 0.75);
}



/*PREIM************************************************************************************************/
.preimBlock { margin: 0 auto; width: 100%; height: auto; background: #eee; position: relative; top: 80px;
            -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);
            -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);;
            box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);;
}
.preim { margin: 0 auto; padding: 10px;  font-family: sans-serif; text-align: justify; width: 960px; height: auto; padding-bottom: 100px;}
.preim h3 { font-family: sans-serif; font-size: 36pt; font-weight: normal; color: #333; text-align: center; }
.preim p { font-family: sans-serif; font-size: 12pt; color: #333; font-weight: bold; line-height: 16pt; text-align: center; }
.preim ul { text-align: center; margin: 0 0; padding: 0 0; }
.preim li { list-style: none; display: inline-block; width: 160px; height: auto;  margin: 0px 30px; transition: all 0.5s; }




.maps { margin: 0 auto; width: 100%; height: auto; background: #555;  padding-top: 10px; position: relative; top: 80px;
-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.75);
box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.75);   
}
.maps h3 { font-family: sans-serif; font-size: 36pt; font-weight: normal; color: #fff; text-align: center;}



/*PORTFOLIO************************************************************************************************/
.portBlock { margin: 0 auto; width: 100%; height: auto; background: rgba(50, 50, 50, 0.9); padding-top: 20px; position: relative; top: 80px; 
    padding-bottom: 50px; 
 -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.75);
box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.75); }           

.portBlock h3 { font-family: sans-serif; font-size: 36pt; font-weight: normal; color: #fff; text-align: center;}
.portBlock ul { margin: 0; padding: 0; list-style: none; }
.portBlock li { display: inline; }
.portBlock img { transition: all 0.4s; }
.portBlock img:hover { transform: scale(0.9); transition: all 0.4s; }


/*FOOTER************************************************************************************************/
.footerBlock { margin: 0px auto; width: 100%; height: auto;; background: #ff862d; position: relative; top: 80px;
-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.95);
-moz-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.95);
box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.95);      
}
.footer { margin: 0 auto; padding-top: 20px; width: 1000px; height: 400px;  text-align: center;}
.footer p { padding-top: 230px; font-family: sans-serif; font-size: 11pt; color: #eee; }

.fcont { margin: 0 auto; width: 800px; height: 100px;  text-align: center;}
.fcont ul { margin: 0 0; padding: 0 0;  }
.fcont li { list-style: none; display: inline-block; width: 240px; margin: 20px 10px;}
.fcont h5 { font-family: sans-serif; font-size: 11pt; font-weight: normal; color: #fff;}

/* animate butoon*/
input.button4 {
  width: 160px;
  position: relative;
  display: inline-block;
  font-family: Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
  font-size: 24px;
  font-weight: 700;
  color: rgb(245,245,245);
  text-shadow: 0 -1px rgba(0,0,0,.1);
  text-decoration: none;
  user-select: none;
  padding: .3em 1em;
  outline: none;
  border: none;
  border-radius: 3px;
  background: #0c9c0d linear-gradient(#82d18d, #0c9c0d);
  box-shadow: inset #72de26 0 -1px 1px, inset 0 1px 1px #98ff98, #3caa3c 0 0 0 1px, rgba(0,0,0,.3) 0 2px 5px;
  -webkit-animation: pulsate 1.2s linear infinite;
  animation: pulsate 1.2s linear infinite;
}
input.button4:hover {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  cursor: pointer;
}
input.button4:active {
  top: 1px;
  color: #fff;
  text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;
  box-shadow: 0 -1px 3px rgba(0,0,0,.3), 0 1px 1px #fff, inset 0 1px 2px rgba(0,0,0,.8), inset 0 -1px 0 rgba(0,0,0,.05);
}
@-webkit-keyframes pulsate {
  50% {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;}
}
@keyframes pulsate {
  50% {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;}
}

/* таймер*/
#timer0e63e460e173cb584c54735beffac67b
{
    position: relative;
    
    left: 270px;
}

/* вхідні двері фото */
#vdv > ul > li:nth-child(2) > img
{
    width: 200px!important;
}
#vdv > ul > li:nth-child(3) > img
{
   width: 200px!important; 
}
#vdv > ul > li:nth-child(4) > img
{
   width: 200px!important; 
}

/* вікна маленькі логотипи*/
#okna_img > ul > li:nth-child(2) > img
{
    height: 174px;
    width: 90px;
}
#okna_img > ul > li:nth-child(1) > img
{
    height: 174px;
    width: 94px;
}
#okna_img > ul > li:nth-child(4) > img
{
    height: 174px;
    width: 120px;
}
/* флаєр vdveri */
#submitbtn\20 btn_vdveri{
    top:-17px;
}

/* флаєр окна */
#submitbtn\20 btn_okna{
    top:-17px;
}

/* footer adaptive */

body > div.footerBlock > div > div > ul > li
{
    vertical-align:top;
}

/*logo*/

body > div.logoBlock > div > div.logotip > a > img
{
    width: 150px;
}
/*custom css*/
@media(min-width:1200px){
body > div.logoBlock > div > div.logotip > a > img {
    width: 267px!important;
	margin-left:-115px!important;
	margin-top:-1px!important;
}}
i {
    border: solid white;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 2px;
	margin-right:2px;
}
.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

/*lightbox*/

.row > .column {
  padding: 0 8px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Create four equal columns that floats next to eachother */
.column {
  float: left;
  width: 25%;
}

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

/* Hide the slides by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Caption text */
.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

img.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
/*custom css*/
@media(min-width:1200px){
.gmenu {
    margin-left: 15%!important;
}}

@media(min-width:1200px){
.gmenu a{
   padding: 16px 12px!important;
}}
@media(min-width:300px) and (max-width:1199px){
.gmenu a {
    font-size: 14px!important;
}}
@media(min-width:300px) and (max-width:1199px){
body > div.logoBlock > div > div.logotip > a > img {
    background-image:url("logo2.png")!important;
}}

body > div.logoBlock > div > div.logotip > a > img {
    width: 220px!important;
}
@media(min-width:1200px) {
li#windowsimg {
    margin-right: 18%!important;
	margin-left:9%!important;
}}

@media(min-width:300px) and (max-width:1199px){
li#windowsimg {
    margin-right: 12%!important;
}}
div#timer0e63e460e173cb584c54735beffac67b {
    display: none!important;
}

section#mysection{
	background-color:#eee!important;
}
@media(min-width:1200px) {
div#mysection1 {
    margin-top: -82px!important;
}}

/*Контакти на домашній сторінці*/

li#firstblock h5 {
    height: 19px!important;
    margin-top: 21px!important;
}

li#secondblock h5 {
    margin-top: 8px!important;
}

table.wds td {
    border: 0.5px solid grey!important;
}
@media(min-width:2500px) {
table.wds {
    width: 150%!important;
    font-size: 21px!important;
}}