body {
	font-family:"Core Sans";
	font-size:1.3em;
	margin:0;
	line-height:1.3;
	
}
@media (max-width : 768px ){
	body { font-size:1.2em}}
	
a { text-decoration:none; color:inherit}
img {max-width:100%}
.head {width:100%; font-size:0.7em; text-align:right; background:#ff5f00; color:#fff}
@media (max-width : 768px ){
	.head{ text-align:left}}
.head ul {margin:0px 10px; padding:10px 0}

.head li { display:inline-block; margin:0 20px ; text-align:center}
@media (max-width : 830px ){
	.head li { margin:10px}}
h1 {
	color:#3c3c3b;
	font-size:2.7em;
	letter-spacing: 1px;
}
@media (max-width : 760px ){
	h1 { font-size:2.0em}}
.top {
	background-image:url(img/multiokno3.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
	text-align:center;
	padding:10px 0 20px;
	box-sizing:border-box;
	border-top:10px solid #FF5500;
	border-bottom:10px solid #FF5500;
}
@media (max-width : 1024px ){
	.top { background-size:35% }}
@media (max-width : 768px ){
	.top { background:none }}
.fones1 { font-size:0.85em; margin: 0;background:#fff; margin-bottom:0px; }
.top-item {
	display:inline-block; 
	text-align:left;
	margin:28px 16px;
	vertical-align: middle
}

.top-item1 {
	display:inline-block;
	text-align:left;
	margin:16px;
	font-size:1.2em;
	font-weight:bold;
	vertical-align:middle;
	line-height:1.7
}
.top-item2 {
	display:inline-block; 
	text-align:left;
	margin:28px 16px;
	vertical-align:middle
}
.top-item2 a {color:#000000; border-bottom: dotted; font-size:0.9em }
@media (max-width : 1024px ){
	.top-item2 { display:none}}
.time { font-size:0.75em; font-weight:normal}
.logotip { width:60px; vertical-align:middle}
.logo-title {
	font-family:"Museo";
	font-weight:bold;
	border:4px solid #ff5500;
	border-radius: 10px;
	padding:20px 10px;
	text-align:center;
	box-sizing:border-box
}
.pic { width:20px; margin:5px; vertical-align:middle}
.zvonok { width:170px}
.zvonok1 {border:1px solid #ff5500;border-radius: 20px; padding:10px 5px; font-size:0.85em;}
.zvonok1:hover {border:2px solid #ff5500}
.zvonok1 img { float:left; width:40px;margin:5px 15px 0 0; vertical-align:middle}
.akcia {
	background:#ff4000;
	text-align:center;
	color:#fff;
	font-size:1.3em;
	margin:10px 0;
	padding:10px 0;
	font-family:Museo;
}
.utp {
	display:table;
	margin:auto;
	text-align:left;
	width:90%
}
@media (max-width : 760px ){
	.utp { width:100%}}
.utp-item {
	display:inline-block;
	vertical-align: top;
	font-size:0.8em;
	margin:0 10px 0 60px;
    text-align:left;
}
@media (max-width : 768px ){
	.utp-item { margin: 5px;}}
.utp-item1 {
	display:inline-block;
	margin:10px 5px;
	vertical-align:top
}
.utp-item2 {
	display:inline-block;
	margin:10px 5px
}

.utp img { width:40px; }
.callback {
	margin:40px auto;
}
.input {
	width:170px;
	height:40px;
	border:none;
	border-bottom:2px solid #999;
	background: rgba(255,255,255,0.8);
	text-align:center;
	font-size:1.1em
}
.input2 {
	width:170px;
	height:50px;
	border:none;
	text-align:center;
	font-size:0.85em
}
.input3 {
	width:200px;
	height:30px;
	text-align:center;
	font-size:0.85em
}
.knopka {
	width:200px;
	border:2px solid #fff;
	color:#fff;
	cursor:pointer;
	font-size:0.60em;
	text-align:center;
	padding:10px 0 ;
	margin:10px 0
}
.six {
	width:98%;
    display:table;
    padding:40px 0;
	text-align:center;
	margin:0
}
.six p { margin:10px; font-size:1.2em}
.six1 {
	display:inline-block;
	margin:5px;
	text-align:center;
	width:240px;
	height:344px;
	box-shadow:0 0 10px #CCCCCC;
	vertical-align:top
}
.six1 p {margin:15px auto; font-size:1.2em; font-weight:bold; }
.six2 {
	display:inline-block;
	margin:20px 5px;
	text-align:center;
	width:240px;
	height:260px;
	vertical-align:top
}
.six2 p {margin:15px auto; font-size:1.2em; font-weight:bold;}
.six3 {
	display:table;
	margin:auto;
	width:80%;
	font-size:0.8em;
	padding:10px;
	font-family:"Lato";
	border-bottom:2px solid #ff5500;
	border-top:2px solid #ff5500;
	background:#FBFBFB
}
@media (max-width : 760px ){
	.six3 { width:90%}}
.six3 p{ text-align:left}
.icon { width:200px; margin:10px 0; vertical-align:middle}
.ustanovka { float:right; margin:0 0 0 10px;}
.gift {
	display:table;
	border:2px solid;
	border-radius: 2px;
	padding:5px 10px;
	margin:30px auto;
	font-size:1.0em;
	color:#ff5500;
	background:#fff;
}
.gift:hover { opacity:1; background:#ff5500; color:#FFFFFF}
.content {

	text-align:center;
	padding:40px 0;
	margin-top:50px
}
.window {
	display:inline-block;
	width:300px;
	margin:5px
}
@media (max-width : 360px ){
	.window { width:285px}}
.window-img {
	margin:auto;
}

.window-size { font-size:0.8em; margin:20px 0}
.window-old-price {margin:20px 0; text-decoration:line-through; font-weight:bold}
.window-new-price { font-size:1.3em; color:#ff5500; margin:20px 0;font-weight:bold}
.window-name { font-size:0.9em; margin:20px 0;}

.calc {
	font-size:1.7em;
	font-family:"Lato";
	background:#ccc;
	background-image:url(img/langai2.jpg);
	background-repeat:no-repeat;
	background-size:100%;
	background-size:cover;
	background-position: center;
	text-align:center;
	margin:50px 0 0px;
	padding:50px 0 0;
}
.calc1 {
	display:inline-block;
	vertical-align:middle;
	padding:0px 10px;
	margin:40px 0;
	text-align:left;
	max-width:480px
}

.deshevle {
	margin:0px auto;
	text-align:center;
	padding:40px 0;
	background:#fff;
}
.low-price {
	display:table;
	margin:auto;
	border:5px double #ff5500;
	border-radius:5px
}

.sp {
	display: inline-block;
	margin:0 10px;
	text-align:right;
	font-size:1.5em;
	color:#FF3300;
	font-family:"Museo900"
}
.callback2 {
	display:inline-block;
	width:290px;
	text-align:center;
	vertical-align:top;
	color:#ff4000;
	padding:20px 5px;
	box-sizing:border-box;
	line-height:1.2;
	border:1px solid
}
.inside { font-size:1.1em; padding:5px; background:#ff5500; color:#FFFFFF; margin:0 10px}
.knopka2 {
	background:linear-gradient(to top,#ff4000,#FF6633 );
	width:150px; 
	height:50px;
	border-radius:10px;
	border:1px solid #FF6633 ;
	margin:10px 40px;
	color: #FFF ;
	font-family:inherit;
	font-size:0.8em;
	font-weight:bold;
	cursor:pointer
}
.knopka3 {
	width:200px;
	height:40px;
	background:#FF5500;
	cursor:pointer;
	text-align:center;
	padding-top:15px;
	font-size:0.5em;
	margin:20px 0;
	color:#FFFFFF
}
.knopka3:hover { box-shadow: 0 0 10px #333}
.knopka4 {
	display:inline-block;
	width:180px;
	border:2px solid #fff;
	color:#fff;
	cursor:pointer;
	font-size:0.70em;
	text-align:center;
	padding:10px 0 ;
	margin:10px;
	border-radius:5px
}
.knopka4:hover { background:#fff; color:#FF4000}
.knopka5 {
	display:inline-block;
	width:200px;
	height:40px;
	cursor:pointer;
	text-align:center;
	padding-top:15px;
	font-size:0.8em;
	margin:20px 0;
	color:#ffffff;
	background-image:url(img/orange-texture.jpg)
}
.knopka5:hover { box-shadow: 0 0 10px #555}
.knopka6 {
	background:linear-gradient(to top, #FF5500, #FF784B);
	width:170px;
	height:56px;
	border-radius:5px;
	border:1px solid #FF784B;
	margin:20px 5px;
	cursor:pointer;
	font-family:"RailwayBold";
	color:#fff;
	font-size:0.8em;
}
.content1 {
	margin:3px auto;
	text-align:center;
	padding-bottom: 20px;
	color:#fff;
	padding:30px 0;
	background-image:url(img/orange-texture.jpg);
	box-shadow: 0 2px 4px #999 , 0 -2px 4px #999;
}
.content2 {
	display: inline-block;
	margin:20px;
	margin-right:50px;
	text-align:left;
	font-size:1.5em;
}
.content3 {
	display: inline-block;
	margin:20px 10px;
	text-align:center;
	font-size:1.7em;
	vertical-align:top;
	line-height:1
}
.content3 span{ font-size:2.5em; font-weight:bold}
.dveri {
	margin: 90px auto 20px;
	text-align:center;
	color:#ff5500;
	padding:30px 0
}
.dveri1 {
	background-image:url(img/doors-bg1.jpg);
	background-size:100%;
	background-size:cover;
	color:#FFFFFF;
	text-align:center;
	font-size:0.9em
	
}
.dveri1-overlay {
	background-color:rgba(0,0,204,0.7);
}
.elporta {border:2px solid #000; border-radius:2px; padding:3px; width:150px}
.dveri-text {
	text-align:left;
	margin:5%;
	color:#fff;
	padding:50px 0 10px;
	text-shadow: 0 0 1px #000
}

.balkon {
	background-image:url(img/balkon8.jpg);
	background-repeat:no-repeat;
	background-position: left;
	padding:40px 0 10px;
	text-align:right;
	max-width:1200px
}
.text {
	font-family:"Museo";
	display:inline-block;
	margin:0;
	padding:20px 5px;
	font-size:1.3em;
	text-align:center;
	line-height:1.2;
	
}
.text1 {
	font-size:1.8em;
	margin: 0;
	color:#ff5500;
	font-weight:bold
}
@media (max-width : 520px ){
	.text1 {font-size:1.5em}}
.steklo {
	display:inline-block;
	text-align:center;
	margin:40px 5px;
	font-family:"Core Sans"
	
}
.okno {
	width:100px;
	margin:10px 0;
	border: 4px solid #ff5500;
}
.works {
	text-align:center;
	margin: 0;
	padding:80px 0;
	background: #FFFFFF
}
.works img {
	margin: 10px;
	border-radius:5px;
	box-shadow: 0 0 6px #ccc;
}
@media (max-width : 520px ){
	.works img {margin:5px 0 }}
.poloska { border-top:3px solid #ff5500; width:190px; height:30px; margin:auto; margin-top:-20px}

.vyzov {
	display:table;
	text-align:center;
	width:90%;
	margin:40px auto
}
.vyzov h2 { color:#ff5500}
.tehnolog {
	background-image:url(img/proizvodstvo-plastikovyh-okon.jpg);
	background-size:100%;
	background-size:cover;
	color:#FFFFFF;
	text-align:center;
	font-size:0.85em
	
}
.tehnolog-overlay {
	background-color:rgba(0,0,204,0.6);
}
.calc2 {
	display:inline-block;
	vertical-align:middle;
	padding:0px 10px;
	margin:10px 0 0;
	text-align:left;
	max-width:480px
}
.zamer { margin-bottom:-5px}
@media (max-width : 767px ){
	.zamer { display:none}}
.fones {
	font-size:0.9em;
	margin:50px auto;
	text-align:center;
	line-height:1.0
}
.fones a { color:#000}
.fones ul { margin:40px 0; padding:0}
.fones li { display:inline-block; margin:15px 20px;text-align:left; list-style:none; vertical-align:top}
.map { display:inline-block; width:50%}
.map2 {display:inline-block; margin:5px auto; vertical-align:bottom}
@media (max-width : 767px ){
	.map, .map2 { width:95%}}
.map-inside { display:inline-block; width:30px; margin: 0 10px 0 0}
.map-inside2 {display:inline-block; vertical-align:top}
.footer {
	margin:0;
	text-align:center;
	color:#fff;
	background:#333 repeating-linear-gradient(90deg,
    rgba(255,255,255,.1), rgba(255,255,255,.1) 5px, rgba(255,255,255,0) 5px, rgba(255,255,255,0) 10px);
	font-size:0.7em;
	padding:20px 0;
	text-shadow:#222 1px 1px 1px, -1px 1px 1px #222;
}
@font-face { 
			font-family: "Lato";
			src: url("fonts/LatoRegular/LatoRegular.eot");
			src: url("fonts/LatoRegular/LatoRegular.eot?#iefix")format("embedded-opentype"),
			url("fonts/LatoRegular/LatoRegular.woff") format("woff"),
			url("fonts/LatoRegular/LatoRegular.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}
@font-face { font-family:"Core Sans";
src:url(fonts/Core-Sans-N-45-Regular.ttf)
}
@font-face { font-family:"CoreBold";
src:url(fonts/Core-Sans-Bold.ttf)
}
@font-face { font-family:"Museo";
src:url(fonts/Museo_Cyrl_500.otf)
}
@font-face { font-family:"Museo900";
src:url(fonts/Museo_Cyrl_900.ttf)
}

.overlay {
    top: 0;
    right:0;
    bottom:0;
    left: 0;
    z-index: 10;
    display: none;
    background-color: rgba(0, 0, 0, 0.50) ; /* фон затемнения */
    position: fixed; /* фиксированное поцизионирование */
    cursor: default; /* тип курсара */
}
/* активируем слой затемнения */
.overlay:target {
    display: block;
}
/* стили модального окна */
.popup {
	top: -50%;
    right: 0;
    left: 50%;
    color:#111;
	text-align:center;
    z-index: 20;
    margin: 0;
	width:300px;
    background-color:#f3f4f5;
	font-size:18px;
    position:fixed; 
    padding:16px 5px 0;
    border: 1px solid #ff5f00;
/* скругление углов */
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    
/* внешняя тень */
    -webkit-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -moz-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -ms-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -webkit-transform: translate(-50%, -500%);
    -ms-transform: translate(-50%, -500%);
    -o-transform: translate(-50%, -500%);
    transform: translate(-50%, -500%);
    -webkit-transition: -webkit-transform 0.6s ease-out;
    -moz-transition: -moz-transform 0.6s ease-out;
    -o-transition: -o-transform 0.6s ease-out;
    transition: transform 0.6s ease-out;
}

/* активируем модальный блок */
.overlay:target+.popup {
      -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    top: 20%;
}
@media (max-width : 767px ){
	.overlay:target+.popup {
	top: 5%;}}
/* формируем кнопку закрытия */
.close {
    top: 0px;
    right: -3px;
    width: 24px;
    height: 24px;
    position: absolute;
    padding: 0;
    text-align: center;
    font-weight: bold;
	border:none
}
.close:before {
    color:#222;
    content: "X";
    font-size: 14px;
	border:none
}

/* User styles */


@media (min-width: 911px) {
  .ant-carousel {
    max-width: 890px;
  }
}

@media (min-width: 641px) and (max-width: 910px) {
  .ant-carousel {
    max-width: 450px;
  }
}

@media (max-width: 640px) {
  .ant-carousel {
    max-width: 200px;
  }
}

.ant-carousel {
  margin: 50px auto;
  padding-top: 10px;
  border: 1px solid #ccd;
  background-color: white;
}

.ant-carousel-element {
  width: 200px;
  text-align: center;
  margin:0 10px;
  color:#000000;
  font-size:0.9em
}
.ant-carousel-element span { font-size:1.0em; color:#e70e07}
/* General styles */
.ant-carousel {
  width: auto;
  position: relative;
}

.ant-carousel-hider {
  overflow: hidden;
}

.ant-carousel-list {
  width: auto;
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  justify-content: flex-start;
}

.ant-carousel-element {
  display: block;
  flex: 0 0 auto;
}

/* Navigation item styles */
.ant-carousel-arrow-left,
.ant-carousel-arrow-right {
  width: 22px;
  height: 40px;
  position: absolute;
  cursor: pointer;
  opacity: 0.6;
  z-index: 32;
}

.ant-carousel-arrow-left {
  left: -35px;
  top: 40%;
  display: block;
  background: url(img/ant-arrow-left.png) no-repeat;
}

.ant-carousel-arrow-right {
  right: -35px;
  top: 40%;
  display: block;
  background: url(img/ant-arrow-right.png) no-repeat;
}

.ant-carousel-arrow-left:hover {
  opacity: 1.0;
}

.ant-carousel-arrow-right:hover {
  opacity: 1.0;
}

.ant-carousel-dots {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  bottom: -30px;
  z-index: 30;
  text-align: center;
}

span.ant-dot {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  padding: 0;
  display: inline-block;
  background-color: #BBB;
  border-radius: 5px;
  cursor: pointer;
}

.reklama {
	margin:auto
}