html {
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 60px;
}

#footer {
  bottom: 0;
  min-height: 50px;
}
.brd {border: 1px solid #000;}
p {font-family: "PTSansRegular"; font-size: 1.4em;}
ol,li {font-family: "PTSansRegular"; font-size: 1.15em; line-height: 1.8;}
.phone-text {
    font-weight: bold;
    color: #eb3d00;
}
.text-left-head {text-align: right;}
.logo-div a{
    text-align: center;
}
.logo-div img{
    display: inline-block;
    width: 114px;
}
.telefon {
	font-family: "PTSansRegular";
	font-size: 1.5em;
	color: #333;
	text-align: left;
}
.header-parallax, .header-parallax-2 {
	height: 500px;
	background: transparent;
	color: #fff;
	display:flex;
	flex-direction: column;
	justify-content: center;
	background-color: rgba(0,0,0,.5)
}


.header-parallax-2 {
    height: 600px;
    margin-top: 30px;
}
.header-parallax  h2, .header-parallax  p, .header-parallax-2 h2, .header-parallax-2 h3, .header-parallax-2 p{text-align: center; font-family: "PTSansRegular";}
.header-parallax  h2, .header-parallax-2 h2 {font-size: 2em; text-transform: uppercase;  line-height: 1.5;}
.header-parallax-2 h3 {font-size: 1.5em;}
.header-parallax  p, .header-parallax-2 p {font-size: 1.5em;}
.header-parallax-2 p {line-height: 1.3;}
.our-garanti-wrap {
	display:flex;
	flex-direction: row;
	justify-content: space-around;
}
.glyphicon-arrow-right {
	border: 0px solid #000;
	color: #eb3d00;
	font-size: 1.2em;
	display: flex;
	flex-direction: column;
	justify-content: center;
	}
.quranty-p {
    display: inline-block;
    font-size: 1.4em;
    font-family: "PTSansRegular";
    transition: 0.3s;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #fff;
    cursor: default;
}
.quranty-p:hover {
    border: 1px solid #333;
    background-color: #006699;
    color: #fff;
    border-radius: 5px;
    transition: 0.3s;
}
.h-100 {height: 100%;}
.shema-wraper, .shema-wraper-prom {position: relative;}
.opt11,.opt12,.opt13,.opt14,.opt15,.opt16,.opt31,.opt32{position: absolute; font-family: "UbuntuRegular";}
.opt11, .opt12, .opt13, .opt14, .opt15,.opt16, .opt31, .opt32 {
	border: 1px solid #000;
	font-size: 0.8em;
	background-color: #fff;
	position: absolute;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	cursor: default;
}
.opt11-red, .opt12-red, .opt13-red, .opt14-red, .opt15-red,.opt16-red {
    color: #fff;
    background-color: #eb3d00;
}
.opt31,.opt32 {
    border: 0px solid #000;
    background: none;
    color: #fff;
}
.opt31-red,.opt32-red {color:#eb3d00;}
.opt11 {top: 7px;left: 57px;}
.opt12 {top: 7px;left: 321px;}
.opt13 {top: 7px;left: 349px;}
.opt14 {top: 7px;left: 430px;}
.opt15 {top: 80px;left: 58px;}
.opt16 {top: 528px;left: 58px;}
.opt31 {top: 5px;left: 218px;}
.opt32 {top: 27px;left: 218px;}

.shema-wraper-1a-p,.shema-wraper-1b-p,.shema-wraper-1c-p,.shema-wraper-1d-p,.shema-wraper-1f-p,.shema-wraper-2a-p,.shema-wraper-2a-red-p,.shema-wraper-2b-p,.shema-wraper-2b-red-p,.shema-wraper-2v-p,.shema-wraper-2v-red-p,.shema-wraper-2g-p,.shema-wraper-2g-red-p,.shema-wraper-2d-p,.shema-wraper-2d-red-p,.shema-wraper-2e-p,.shema-wraper-2e-red-p,.shema-wraper-2z-p,.shema-wraper-2z-red-p,.shema-wraper-2s-p,  .shema-wraper-2s-red-p,.shema-wraper-2i-p,  .shema-wraper-2i-red-p,.shema-wraper-2k-p,  .shema-wraper-2k-red-p,.shema-wraper-2m-p,  .shema-wraper-2m-red-p,.shema-wraper-2n-p,  .shema-wraper-2n-red-p{
	font-family: "UbuntuRegular";
	border: 1px solid #000;
	font-size: 1em;
	background-color: #fff;
	position: absolute;
	width: 24px;
	height: 24px;
	line-height: 20px;
	text-align: center;
	border-radius: 12px;
	cursor: default;
}
.shema-wraper-1a-red-p,.shema-wraper-1b-red-p,.shema-wraper-1c-red-p,.shema-wraper-1d-red-p,.shema-wraper-1f-red-p,.shema-wraper-2a-red-p,.shema-wraper-2b-red-p,.shema-wraper-2v-red-p,.shema-wraper-2g-red-p,.shema-wraper-2d-red-p,.shema-wraper-2e-red-p,.shema-wraper-2z-red-p,.shema-wraper-2s-red-p,.shema-wraper-2i-red-p,.shema-wraper-2k-red-p,.shema-wraper-2m-red-p,.shema-wraper-2n-red-p{
    color:#fff;
    background-color: #eb3d00;
}
.shema-wraper-1a-p{top: 285px; left:113px;}
.shema-wraper-1b-p{top: 246px; left:165px;}
.shema-wraper-1c-p{top: 322px; left:165px;}
.shema-wraper-1d-p{top: 398px; left:113px;}
.shema-wraper-1f-p{top: 398px; left:170px;}

.shema-wraper-2a-p{top: 216px; left:307px;}
.shema-wraper-2b-p{top: 277px; left:307px;}
.shema-wraper-2v-p{top: 221px; left:425px;}
.shema-wraper-2g-p{top: 350px; left:307px;}
.shema-wraper-2d-p{top: 367px; left:425px;}
.shema-wraper-2e-p{top: 429px; left:425px;}
.shema-wraper-2z-p{top: 537px; left:297px;}
.shema-wraper-2s-p{top: 537px; left:370px;}
.shema-wraper-2i-p{top: 523px; left:425px;}
.shema-wraper-2k-p{top: 606px; left:425px;}
.shema-wraper-2m-p{top: 634px; left:254px;}
.shema-wraper-2n-p{top: 477px; left:254px;}

.img-sklad img {margin-bottom: 15px; margin-top: 30px;}
/*storage - 2*/
 .shema-wraper-optovik-1a,.shema-wraper-optovik-1b,.shema-wraper-optovik-1p,.shema-wraper-optovik-3a,.shema-wraper-optovik-3b,.shema-wraper-optovik-3v,.shema-wraper-optovik-4a,.shema-wraper-optovik-4b {
    font-family: "UbuntuRegular";
	border: 1px solid #000;
	font-size: 1em;
	background-color: #fff;
	position: absolute;
	width: 24px;
	height: 24px;
	line-height: 20px;
	text-align: center;
	border-radius: 12px;
	z-index: 100;
    cursor: default;
 }
.shema-wraper-optovik-1a-red,.shema-wraper-optovik-1b-red,.shema-wraper-optovik-3a-red,.shema-wraper-optovik-3b-red,.shema-wraper-optovik-3v-red,.shema-wraper-optovik-4a-red,.shema-wraper-optovik-4b-red {
    	background-color: #eb3d00;
    	color: #fff;
}
.descrip-1a,.descrip-1a-red {
    display: inline-block;
    font-family: "UbuntuRegular";
	border: 1px solid #000;
	font-size: 1em;
	background-color: #fff;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	border-radius: 12px;
}
.descrip-1a-red {
    background-color: #eb3d00;
    color: #fff;}
.shema-wraper-optovik-1a {top: 169px; Left:299px;}
.shema-wraper-optovik-1b {top: 222px; Left:299px;}
.shema-wraper-optovik-3a {top: 351px; Left:222px;}
.shema-wraper-optovik-3b {top: 418px; Left:222px;}
.shema-wraper-optovik-3v {top: 479px; Left:222px;}
.shema-wraper-optovik-4a {top: 364px; Left:112px;}
.shema-wraper-optovik-4b {top: 454px; Left:112px;}

/*squares*/
.optovik-square-1,.optovik-square-2,.optovik-square-3,.optovik-square-4,.optovik-square-5,.optovik-square-6,.optovik-square-1-red,.optovik-square-2-red,.optovik-square-3-red,.optovik-square-4-red,.optovik-square-5-red,.optovik-square-6-red {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border: 1px solid #000;
    text-align: center;
    background-color: #fff;
    position: absolute;
    cursor: default;
}
.descrip-square-1 {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border: 1px solid #000;
    text-align: center;
    background-color: #fff;
}
.descrip-square-1-red {
     display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border: 1px solid #000;
    text-align: center;
    background-color: #eb3d00;
}
.descripo-cont {
    display: inline-block;
    width: 40px;
    height: 20px;
    background-color: #4e80be;
}
.optovik-square-1-red,.optovik-square-2-red,.optovik-square-3-red,.optovik-square-4-red,.optovik-square-5-red,.optovik-square-6-red {
    color: #fff;
    background-color: #eb3d00;
}
.optovik-square-1 {top: 60px;left: 84px;}
.optovik-square-2 {top: 166px;left: 109px;}
.optovik-square-3 {top: 181px;left: 203px;}
.optovik-square-4 {top: 686px;left: 118px;}
.optovik-square-5 {top: 686px;left: 229px;}
.optovik-square-6 {top: 588px;left: 223px;}
.npz {
    text-align: center;
    background-color: #f7f7f7;
    padding: 15px;
    margin-bottom: 15px;
    font-weight: bold;
}
.shema-wraper-optovik {position: relative;}
#myyandexmap, #myyandexmapopt,#myyandexmapBig {margin-top: 60px;}
#myyandexmapBig {}
#successMessage {
    padding: 15px;
}
.div-agree {text-transform: uppercase; margin-top: 5px;}
.panel {
    background-color: #f2f2f2;
    padding: 15px;
    margin-bottom: 60px;
}
#img-captcha {height: 33px;}
.mini-cont {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.p-forma {
    margin-bottom: 25px;
    text-transform: uppercase;
}
.form-control {
    border-radius: 0!important;
    color: #313131;
    border: solid 1px #e2e2e2;
}
.submit-but {
    background-color: #006699;
    border: 1px solid #006699;
}
.submit-but:hover, .submit-but:focus {
    background-color: #fff;
    color: #006699!important;
}
.button-align-my {text-align: right;}
.phone-class {
    text-align: text-center;
    font-family: "PTSansRegular";;
    border: 2px solid #fff;
    background-color: #006699;
    font-size: 32px;
    color: #fff;
    border-radius: 15px;
    padding: 15px;
    display: inline-block;
    width: 300px;
    margin: 15px auto 0 auto;
}
.metka-dop span{
    position: absolute;
    font-size: 12px;
    text-align: left;
    border: 1px solid #333333;
    background-color: #006699;
    color: #fff;
    padding: 5px;
    width: 140px;
    right: -150px;
    top: -1px;
    z-index: 100;
    display: none;
}
.metka-dop span:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 5px solid #333333;
    border-bottom: 5px solid transparent;
    left: -6px;
    top: -1px;
    z-index: 101;
}
.politika h1{font-size: 1.5em; text-align: center;}
.politika h2{font-size: 1.4em; text-align: center;}
.text-muted {font-size: 1.2em;}
.under-building {
    height: 100%;
    padding-bottom: 120px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.under-building div {text-align: center;}
.under-building h1 {
    font-size: 1.5em;
    color: #eb3d00;
}
.under-building p {}
.under-building a {text-decoration: underline;}


.highlight-sale-test {
  display: inline-block;
  position: relative;
  animation: bounce 5s ease-in-out forwards;
  background-color: #ff0000;
  padding: 0 12px;
  border-radius: 5px;
  
}

.highlight-sale {
  display: inline-block;
  position: relative;
  animation: bounce 5s ease-in-out forwards; 
  animation-iteration-count: 10;
  background-color: #ff0000;
  padding: 0 12px;
  border-radius: 5px;
  
}
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes bounce {
	from {
		bottom: 0px;
	}
	5% {
		bottom: 25px;
	}
	10% {
		bottom: 0px;
	}
	15% {
		bottom: 21px;
	}
	20% {
		bottom: 0px;
	}
	25% {
		bottom: 17px;
	}
	30% {
		bottom: 0px;
	}
	35% {
		bottom: 13px;
	}
	40% {
		bottom: 0px;
	}
	45% {
		bottom: 9px;
	}
	50% {
		bottom: 0px;
	}
	55% {
		bottom: 6px;
	}
	60% {
		bottom: 0px;
	}
	to {
		bottom: 0px;
	}
}