.window-choose .container{width:997px;}
.inter .container{width:1170px;}
.window-choose {
    background: radial-gradient(circle at center, #e0e4e5 20%, #2fa3cc 100%);
    padding-top: 0px
}
.cottage-style .window-choose {
  padding-bottom: 0;
}

.cottage-style .bx-wrapper .gallery img {
  width: 300px;
  height: 200px;
}

.cottage-style .bx-wrapper .bx-prev {
  left: -50px;
}
section.win-for-you {
    padding: 48px 0;
}
#kl3 {
    padding: 48px 0;
}
#kl3 ul li.active{    height: 79px;}
.cottage-style .bx-wrapper .bx-next {
  right: -50px;
}

.plashka-row .plashka {
  display: inline-block;
  margin-bottom: 0;
}
.window-choose h2 span {
    display: block;
    font: 400 35px "PTSansRegular", sans-serif;
}
.window-choose h2 {
    text-shadow: 1px 1px 0 #8DC6DA;
    margin: 30px 0 50px 0;
    font-size: 72px;
    color: #fff;
    font: 53px "PTSansBold", sans-serif;
    line-height: 1em;
    font-weight: 600;
    text-transform: unset;
}
.plashka-row .plashka p {
  font-size: 18px;
  margin-top: 10px;
      color: black;
}

.plashka-row .plashka:nth-child(2) {
  margin: 0 190px;
}
.window-choose .col-sm-12 {
    width: auto;
}
.cottage-bg {
  background: url("/assets/images/brt/cottage.png") center 0 no-repeat;
  min-height: 390px;
}

.cottage-bg .plus-box {
  float: left;
  width: 130px;
  height: 295px;
  position: relative;
}

.cottage-bg .opacity {
  position: relative;
  opacity: 0;
  width: 220px;
  z-index: 99;
  transition: all 0.3s;
}

.cottage-bg .opacity span {
  position: absolute;
  top: 50px;
  width: 100%;
  text-align: center;
  left: 0;
  color: #a90c00;
  transition: all 0.4s;
  text-transform: uppercase;
  font-weight: bold;
}

.cottage-bg .opacity.jfjfjfj {
  opacity: 1;
}

.cottage-bg .opacity.jfjfjfj span {
  top: 70px;
}

.cottage-bg .plus {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 999;
}

.cottage-bg .stamp {
  float: right;
  margin: 150px 0 0 -50px;
}

.first-plus {
  margin: 0 0 0 50px;
}

.first-plus .opacity {
  margin: -61px 0 0 -77px;
}

.second-plus .opacity {
  margin: -120px 0 0 48px;
}

.third-plus .opacity {
  margin: -32px 0 0 18px;
}

.fourth-plus {
  margin: 0 30px 0 0;
}

.fourth-plus .opacity {
  margin: -125px 0 0 120px;
}

.fifth-plus {
  width: 50px;
}

.fifth-plus .opacity {
  margin: -65px 0 0 37px;
}

#first-plus {
  left: auto;
  right: 0;
}

#second-plus {
  bottom: 54px;
  left: 60px;
}

#third-plus {
  bottom: -30px;
  left: 30px;
}

#fourth-plus {
  bottom: 63px;
  right: -44px;
  left: auto;
}

#fifth-plus {
  left: 50px;
}

.progres-section .main-win {
  padding: 20px 0;
}

.progres-section .thumb-win {
  padding-bottom: 10px;
}

.progres-section .character li {
  margin: 0;
}

.progres-section .p0 {
  padding: 0;
}

.progres-section .middle-block h3 {
  margin: 0;
}

.progres-section .win-choise .col-xs-3 img {
  margin-top: 50px;
}

.progres-section .character p {
  margin-bottom: 0;
}

.progres-section .right-block a {
  margin: 0;
}

.progres-section .right-block h4 {
  color: #089ECF;
  font: 24px "PTSansBold", sans-serif;
  margin: 0 0 20px 0;
}

.progres-section .right-block p {
  text-transform: none;
}

.progres-section .wrong-price,
.progres-section .right-price {
  line-height: 1;
}

.progres-section .new {
  font: 24px "PTSansBold", sans-serif;
}

.progress {
  overflow: hidden;
  height: 24px;
  border-radius: 10px;
  position: relative;
  padding: 3px;
  box-shadow: 0 -1px 2px #000, 0 1px 0 #ccc;
  width: 216px;
}

.progress-bar {
  border-radius: 10px;
  margin: 0 !important;
}

.progress-bar.scale-gray {
  background-color: #e3e3e3;
}

.progress-bar.scale-blue {
  background-color: #22bbf3;
}

.progress-bar.scale-red {
  background-color: #e53b06;
}

.progress-bar.scale-dark {
  background-color: #676767;
}

header {
  z-index: 9911;
}

.hid {
  z-index: 99500;
}
.window-choose h1 {
      text-shadow: 1px 1px 0 #8DC6DA;
    margin: 30px 0 50px 0;
    font-size: 72px;
    color: #fff;
    font: 53px "PTSansBold", sans-serif;
    line-height: 1em;
    font-weight: 600;
    text-transform: unset;
}
.window-choose h1 span {
    display: block;
    font: 400 35px "PTSansRegular", sans-serif;
}
.blue-with-manager {
  background: radial-gradient(circle at center, #fff 20%, #2fa3cc 100%);
  padding: 0;
}

.blue-with-manager .container {
  background: url(/assets/images/brt/operator.png) no-repeat right bottom;
  padding: 30px 0 0 0;
  min-height: 380px;
}

.blue-with-manager h2 {
  font-variant: small-caps;
  font-size: 30px;
  color: #c00000;
  padding: 0 0 30px;
  text-transform: uppercase;
}

.blue-with-manager form {
  margin: 30px auto;
  width: 400px;
}

.blue-with-manager form p {
  margin: 0 15px 10px;
}

.blue-with-manager form input {
  width: 300px;
  height: 39px;
  border: none;
  border-radius: 25px;
  text-align: center;
  box-shadow: inset 0 1px 2px #000, 0 1px 0 #eee;
  background: #ededed;
}

.blue-with-manager form button {
  background: #c00000;
  text-align: center;
  color: #fff;
  border-radius: 25px;
  border: 2px solid #fff;
  box-shadow: 0 2px 3px #000;
  width: 300px;
  height: 39px;
  display: block;
}

.blue-with-manager form button:hover {
  background: red;
}

#slide-calc {
box-shadow: 0 1px 1px #666;
    border-top: 1px solid #9f9f9f;
    padding: 0 0 20px 0;
    position: relative;
}

.free-zamer {
  background: radial-gradient(circle at center, #CDDEE2 20%, #2fa3cc 100%);
}

.free-zamer h2 {
  font: 65px "PTSansBold", sans-serif;
  text-transform: uppercase;
  color: #fff;
  font-style: italic;
  margin: 0 0 30px 0;
}

.free-zamer .diagram-info h3 span {
  color: #115592;
}

.free-zamer .modalka {
  margin: 36px auto 0;
  color: #fff !important;
}

#slide7 h2 {
  color: #115592;
}

.plashka {
    width: 179px;
    height: 70px;
    -webkit-transform: skewX(-30deg);
    -ms-transform: skewX(-30deg);
    transform: skewX(-30deg);
    background-color: #fff;
    box-shadow: 0 2px 2px #313131;
    border-radius: 20px;
    text-align: center;
    margin-bottom: 54px;
    position: relative;
	
}

.plashka p {
    -webkit-transform: skewX(30deg);
    -ms-transform: skewX(30deg);
    transform: skewX(30deg);
    vertical-align: -24px;
    font-weight: bold;
    display: inline-block
}

.plashka img {
    position: absolute;
    top: 14px;
    -webkit-transform: skewX(30deg);
    -ms-transform: skewX(30deg);
    transform: skewX(30deg)
}

.plashka .person {
    right: -24px;
    top: 10px
}

.plashka .number-plashka {
    font: 23px "PTSansBold", sans-serif;
    color: #cc0000;
    -webkit-transform: skewX(28deg);
    -ms-transform: skewX(28deg);
    transform: skewX(28deg);
    display: block;
    text-shadow: 3px 0 3px #fff, -3px 0 3px #fff, 3px -3px 3px #fff, -3px 3px 3px #fff, 0 -3px 3px #fff, 0 3px 3px #fff, -3px -3px 3px #fff, 3px 3px 3px #fff, 3px 0 3px #fff, -3px 0 3px #fff, 3px -3px 3px #fff, -3px 3px 3px #fff, 0 -3px 3px #fff, 0 3px 3px #fff, -3px -3px 3px #fff, 3px 3px 3px #fff, 3px 0 3px #fff, -3px 0 3px #fff, 3px -3px 3px #fff, -3px 3px 3px #fff, 0 -3px 3px #fff, 0 3px 3px #fff, -3px -3px 3px #fff, 3px 3px 3px #fff, 5px 5px 15px #000;
    position: absolute;
    right: -21px;
    top: 22px;
	font-weight: 600;
}

.win-menu li {
    margin-bottom: 20px;
    position: relative;
    z-index: 3;
    cursor: pointer;
    transition: all .3s
}

.win-menu li div {
    background: url(../images-okna/win-sprite.png) no-repeat;
    height: 38px;
    width: 40px;
    display: inline-block;
    margin: 0 40px 0 20px
}

.win-menu li p {
    display: inline-block;
    vertical-align: 15px;
    color: #000
}

.win-menu li::before {
    content: '';
    display: block;
    position: absolute;
    left: -18px;
    top: 1px;
    width: 36px;
    height: 36px;
    background: #fff;
    z-index: -1;
    -webkit-transform: rotateZ(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotateZ(-45deg);
    box-shadow: 0 2px 2px 0px #000;
    opacity: 0
}

.win-menu li::after {
    display: block;
    content: '';
    position: absolute;
    width: 220px;
    height: 50px;
    background: #fff;
    top: -6px;
    z-index: -1;
    box-shadow: 0 4px 2px -2px #000;
    opacity: 0
}

.win-menu li:hover:after,
.win-menu li:hover:before {
    opacity: 1
}

.win-menu li:last-child::after {
    height: 70px
}

.win-menu li:last-child::before {
    left: -25px;
    top: 5px;
    width: 49px;
    height: 49px
}

.win-menu .treshka {
    background-position: 0 -59px;
    width: 60px;
    margin-right: 20px
}

.win-menu .bb {
    background-position: 0 -122px;
    height: 60px
}

.win-menu .bb+p {
    vertical-align: 37px
}

.win-menu li:first-child:hover div {
    background-position: -70px 0
}

.win-menu li:nth-of-type(2):hover div {
    background-position: -70px -59px
}

.win-menu li:last-child:hover div {
    background-position: -70px -122px
}

.window-full {
    position: relative
}

.window-full img {
    display: block;
    margin: 0 auto;
    text-align: center
}

.window-full .weather {
    display: none
}

#cs3 {
    display: block
}

.plashka-grey {
    background-color: #E6E6E6;
    position: absolute;
    bottom: -73px;
    left: 100px
}

.plashka-grey img {
    float: left;
    position: relative;
    left: 25px;
    top: 10px
}

.plashka-grey figure {
    display: none
}

.plashka-grey #s1 {
    display: block
}

.plashka-grey figcaption {
    display: inline-block;
    -webkit-transform: skewX(30deg);
    -ms-transform: skewX(30deg);
    transform: skewX(30deg);
    line-height: 14px;
    margin-top: 10px
}

.plashka-grey ul {
    margin-top: 8px
}

.plashka-grey li {
    width: 15px;
    display: inline-block;
    height: 15px;
    border-radius: 50%;
    border: 2px solid #33618b;
    background: #fff;
    -webkit-transform: skew(30deg);
    -ms-transform: skew(30deg);
    transform: skew(30deg);
    margin: 0 5px;
    cursor: pointer
}

.stamp {
    width: 247px;
    height: 230px;
    background: url(/assets/images/brt/stamp.png) no-repeat;
    position: relative
}

.stamp a {
    color: #fff;
    background: #c00000;
    width: 198px;
    border-radius: 30px;
    text-align: center;
    padding: 5px 0;
    border: 2px solid #fff;
    position: absolute;
    bottom: 15px;
    left: 34px;
    font-size: 20px;
    font-variant: small-caps;
    box-shadow: 0 2px 2px #000;
	text-decoration: none;
}

.stamp a:hover {
    background: red
}

.stamp-block {
    width: 105px;
    height: 105px;
    position: absolute;
    left: 13px;
    top: 5px
}

.stamp-block p {
    text-align: center;
    font-size: 13px;
    margin-top: 35px;
    line-height: 19px;
    color: black;
}

.stamp-block span {
    display: block;
    color: #c00000;
    font: 26px "PTSansBold", sans-serif
}

.stamp-blue {
    width: 96px;
    height: 51px;
    position: absolute;
    left: 121px;
    top: 29px
}

.stamp-blue p {
    color: #fff;
    font: 18px "PTSansBold", sans-serif;
    line-height: 30px
}

.stamp-blue span {
    display: block;
    font-size: 27px
}

.stamp-price {
    min-height: 40px;
    position: absolute;
    top: 115px;
    left: 37px
}

.stamp-price b {
    font: 23px "PTSansBold", sans-serif;
    color: #000;
	    font-weight: 600;
}

.stamp-price b span {
    color: #c00000;
   font-size: 24px;
}

.stamp-price p {
    font-size: 12px;
    color: #000;
	    margin: 0;
}

#slide2,
#slide3,
#slide4 {
    min-height: 500px;
    background: radial-gradient(circle at center, #fff, #d5d5d5)
}

.diagram {
    background: url(../images-okna/diagram.png) no-repeat;
    width: 495px;
    height: 382px
}

.diagram h2 {
    font: 65px "PTSansBold", sans-serif;
    text-transform: uppercase;
    color: #7d7d7d;
    -webkit-transform: rotateZ(-21deg);
    -ms-transform: rotate(-21deg);
    transform: rotateZ(-21deg);
    font-style: italic;
    margin: 30px 0 0 67px
}

.diagram h2 span {
    font-size: 17px;
    color: #115592;
    display: block
}

.diagram-info {
    padding: 35px 43px 0;
    border: 4px solid #7d7d7d;
    border-bottom: none;
    width: 351px;
    height: 252px;
    margin: 0 auto;
    position: relative
}

.diagram-info h3 {
    font: 26px/1.2em "PTSansBold", sans-serif;
    color: #7d7d7d;
    text-transform: uppercase
}

.diagram-info h3 span {
    display: block;
    color: #115592
}

.diagram-info p {
    font: italic 18px/1em "PTSansRegular", sans-serif;
    color: #000;
    text-align: center;
    padding: 20px 0
}

.diagram-info::before,
.diagram-info::after {
    content: '';
    display: block;
    width: 50px;
    height: 4px;
    background: #7d7d7d;
    position: absolute;
    bottom: 0
}

.diagram-info::before {
    left: 0
}

.diagram-info::after {
    right: 0
}

.diagram-info2 {
    height: 190px
}

.diagram-info2 h3 {
    font: 19px/1.3em "PTSansBold", sans-serif;
    color: #7d7d7d;
    text-transform: uppercase
}

.diagram-info2 h3 span {
    display: block;
    color: #115592;
    font-size: 28px
}

.modalka {
    font: 24px "PTSansBold", sans-serif;
    display: block;
    text-align: center;
    padding: 5px 20px;
    border-radius: 5px;
    background: radial-gradient(#d00, #8d0000);
    color: #fff;
    margin: 70px auto 0;
    max-width: 70%
}

.modalka:hover {
    background: radial-gradient(#c00, #790303)
}

.timer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    text-align: center
}

.timer div {
    font: 50px 'bebas_neue';
    color: #7d7d7d;
    margin: 0 10px;
    position: relative;
    width: 40px
}

.timer div:not(:last-child)::after {
    content: ':';
    display: block;
    position: absolute;
    top: -3px;
    left: 46px
}

.timer div:last-child {
    color: #115592
}

.win-text {
    background: url("../images/win-text2.png") left center no-repeat;
    min-height: 455px;
    min-width: 495px
}

.win-text h2 {
    height: 118px;
    width: 80%;
    position: relative;
    -webkit-transform: rotateZ(-21deg);
    -ms-transform: rotate(-21deg);
    transform: rotateZ(-21deg);
    margin-top: 71px;
    margin-left: 176px;
    color: #c00000;
    font: bold 30px "PTSansItalic", sans-serif;
    text-transform: uppercase
}

.win-text span {
    font: italic 20px "PTSansBold", sans-serif;
    text-align: center;
    display: block;
    margin-top: 10px
}

.win-text span b {
    font: italic 50px "PTSansBold", sans-serif
}

.win-text em {
    position: absolute;
    font: 18px "PTSansRegular", sans-serif;
    color: #115592;
    left: 20px;
    top: 45px;
    text-transform: lowercase
}

.flat-prices div {
    display: inline-block;
    margin: 0 10px;
    font: 16px/1.2em "PTSansBold", sans-serif;
    text-transform: uppercase
}

.flat-prices div p {
    text-transform: uppercase;
    margin: 20px 0 10px
}

.flat-prices div span {
    display: block;
    padding: 5px 10px;
    background-color: #115592;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font: bold 30px "bebas_neue", sans-serif
}

.diagram-h3 {
    text-transform: uppercase;
    font-size: 26px;
    text-align: center;
    color: #115592;
    font-weight: bold
}

.diagram-h3 span {
    display: block;
    color: #c00000
}

.diagram-info3 {
    height: 170px
}

.diagram-info3 h4 {
    text-align: center;
    text-transform: uppercase;
    font: 30px "bebas_neue", sans-serif
}

.thumb-win {
    margin: 0 auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.18);
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.thumb-win img {
    display: block;
    float: left;
    margin-right: 20px
}

.thumb-win b {
    display: block;
    float: right;
    font-size: 21px;
    color: #17a4d7;
    padding-bottom: 20px
}

.thumb-win p {
    color: #111212;
    font-size: 14px
}

.middle-block h3 {
    font: 40px "PTSansBold", sans-serif;
    color: #adadad;
    text-transform: uppercase
}

.middle-block h3 span {
    display: block;
    color: #16a4d7
}

.character img {
    float: left;
    width: 41px;
    margin: 15px 20px 0 0
}

.character li {
    margin: 20px 0
}

.character li div {
    float: left;
    margin-top: 5px
}

.character li::after {
    content: '';
    display: table;
    clear: both;
    overflow: hidden;
    height: 0
}


.right-block p {
    margin: 10px 0;
    text-transform: lowercase
}

.right-block span {
    color: #c00000
}
.wrap-gallery .item img {
    height: 209px;
}

.right-block a {
    font-variant: small-caps;
    color: #fff;
    padding: 10px 20px;
    background: #c00000;
    width: 141px;
    display: block;
    border-radius: 25px;
    text-align: center;
    margin: 0 auto;
    border: 2px solid #fff;
    box-shadow: 0 2px 3px #000
}

.right-block a:hover {
    background: red
}

.wrong-price,
.right-price {
    font-size: 36px;
    color: #a0a0a0;
    display: block
}

.right-price {
    color: #c00000
}

.main-win {
    padding: 50px 0
}

#slide6 {
    background: url(../images/wall-okna.jpg) repeat-x;
    min-height: 750px
}

.blinds {
    background: url(../images-okna/story.png) center bottom no-repeat;
    width: 652px;
    height: 674px
}

.blinds::after {
    content: '';
    display: table;
    clear: both;
    overflow: hidden;
    height: 0
}

.left-col {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    float: left
}

.left-col img {
    margin: 33px 0;
    opacity: 0
}

.left-col img:first-child {
    margin-bottom: 0
}

.right-col {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    float: right
}

.right-col img {
    margin: 33px 0;
    opacity: 0
}

.right-col img:first-child {
    margin-bottom: -134px
}

.small-layer {
    background: url("../images/layer.png") no-repeat;
    text-align: center;
    width: 146px;
    height: 62px;
    line-height: 62px;
    text-transform: uppercase;
    color: #1a8daf;
    font-weight: bold
}

.small-layers>div {
    margin-top: 40px
}

.small-layers s {
    font: 16px "PTSansBold", sans-serif
}

.small-layers s span {
    color: #c00000
}

.small-layers strong {
    display: block;
    text-align: center;
    font: 20px "PTSansBold", sans-serif;
    color: #1a8daf
}

.small-layers p {
    font-size: 18px
}

@media only screen and (max-width:768px){
	.window-choose .container {
    width: 100%;
}
.plus-box{display:none;}
.plashka-row .plashka:nth-child(2) {
    margin: 0;
}
.plashka-row .plashka {
    display: block;
	margin: 10px auto !important;
}
.container{width: 98%;
margin: 0 auto;}
.su-column-inner.su-clearfix {
    margin: 0 auto;
    width: 90%;
}
.inter .col-xs-12 {

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

	.inter li p {
    padding-top: 0;
    clear: both;
}
	.thumbs_color > a {
    position: relative;
    left: 0px;
    top: 0;
}
.offer .main_form label {

    border-radius: 25px;
    display: inline-block;
    width: 100%;
    height: 45px;
    position: relative;
    background: #fff;
    margin: 17px 0;

}

	.inter ul {
    float: left;
    position: relative;
    width: 200px;
    margin: 50px auto;
}
	.inter .left-spr div{margin-left:0;float: left;}
	.inter .left-spr {
    left: 0;
	text-align: left;

}
	.inter .right-spr {
    right: 0;
}
.inter .container {
    width: 100%;
}
#kl3 ul li.active {
    height: 49px;
}
.plashka{-webkit-transform: skewX(0deg);
    -ms-transform: skewX(0deg);
    transform: skewX(0deg);}
	.plashka p{-webkit-transform: skewX(0deg);
    -ms-transform: skewX(0deg);
    transform: skewX(0deg);}
	.plashka .number-plashka{-webkit-transform: skewX(0deg);
    -ms-transform: skewX(0deg);
    transform: skewX(0deg);}
	.plashka img
	{
	-webkit-transform: skewX(0deg);
    -ms-transform: skewX(0deg);
    transform: skewX(0deg);	
	}

	
	
}