html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
}
a {
    color: #2c67bd;
    text-decoration: underline;
}
a:hover{text-decoration: none;}
ul {list-style: none;}
ol{list-style: decimal;}
blockquote, q {quotes: none;}

ins {text-decoration: none;}
del {text-decoration: line-through;}
table {

}
td{vertical-align: top;}
*:focus {outline: none;}

html, body {width: 100%;  position: relative;}
body{background: #fff; font-family: Arial; font-size:14px; color: #3A3A3A;}
h1 {font-size: 24px;
    margin: 35px 0 25px 0;
    color: #000;
    font-weight: 300;
    display:block;
}
h2 {
    font-size: 20px;
    line-height: 22px;
    padding: 15px 0px 10px;
    font-weight: 300;
}
h3 {
    font-size: 14px;
    line-height: 22px;
    padding: 10px 0px 5px;
}
#container{background:#688A33; position: relative; width: 905px; margin: 0 auto; padding:10px}
#header{position: relative;  width: 1110px; margin: 0 auto; overflow: hidden; }
/*#virt {width:900px;position:relative;height:534px;text-align:center;margin-left:250px;}*/
#virt {width: 662px; margin-left: 237px; height: 401px;position: relative; text-align: center;}
#footer{position: relative; width: 970px; margin: 0 auto; overflow: hidden; background-color: #222; color: #888; padding:5px;font-size:10px; text-align: center}
#picture-slider{width: 216px;height:95px;margin-bottom:10px;}
#picture-slider img{width: 216px;}

.layer{position: absolute; left: 0; top: 0px; z-index: 10;width:100%}
/*.scena{height:534px;overflow: hidden;}*/
.scena{overflow: hidden;}

.menu{position: relative; top: 0; left: 0; bottom:0; width: 227px; height:620px;padding:0 5px; z-index: 300;float:left;}
.menu div.col{height:500px; overflow-y:auto; margin:5px 0;}
.menu ul,.menu2 ul {list-style: none;position:relative;}
.menu ul li, .menu2 ul li {display: inline-table; margin: 2px; position:relative;float:left;}
.menu ul li a{color: #fff; text-decoration: none;width:50px;height:50px;display:block;}
.menu select{width:216px}
.menu2{margin-left:180px;width:900px;position:relative;}
.color {float:left;margin:5px 15px 5px 0;color: #fff;line-height:auto;}
.color a{color:#ebb5bb;}
.color li a {text-decoration: none;width:20px;height:20px;display:block;}
.menu ul li a h2 {color: #fff; font-weight: normal; font-size: 14px; padding: 3px 0 10px 3px; }
.menu  h2,.menu h3 {color: #fff}
.floor-list{width: 100%; z-index: 301;text-align:center;}
#col1 ul li a,#col2 ul li a,#col3 ul li a {margin: 1px;width: 50px;height:50px;}
.menu ul li:hover, .menu ul li.act,.menu2 ul li:hover, .menu2 ul li.act{border: #fff 1px solid;margin: 1px;}
.menu  ul li.act h2{color: #A7FF7C;}

#preloader{width: 100%; height: 550px; top:0; left:0; background: rgba(0,0,0,1) url(../img/preloader.gif) 50% 50% no-repeat; position: fixed; z-index: 900; display: block;}


.clearfix{display:block!important;clear:both;text-align:right;width:100%}
.clearfix a{text-align:right;}
.op1 img {width:300px; height:50px; overflow:hidden}
.logo {float:left;margin:20px 100px 20px 0px;}
.int {float:left;text-align:center;margin-bottom:5px}
.int img{width: 160px; }
.close-top {position:absolute;top:10px; right:30px;z-index:999}
.close-top img,.close-bottom img{width:25px !important;height:25px!important;margin:-5px 10px 0px 0px!important;vertical-align:middle;}
.close-bottom {position:absolute;bottom:10px; right:30px;z-index:999}

@-webkit-keyframes anim {
    from {opacity:0;}
    to {opacity:1;}
}

@keyframes anim {
    from {opacity:0;}
    to {opacity:1;}
}

#mask img {animation-name:anim;
    animation-duration:1s;
    animation-iteration-count:1;
    -moz-animation-name:anim;
    -moz-animation-duration:1s;
    -moz-animation-iteration-count:1;
    -webkit-animation-name:anim;
    -webkit-animation-duration:1s;
    -webkit-animation-iteration-count:1;
}

#url{
    position: absolute;
    top: 70px;
    left: 58px;
}

.wrapper .content {
    padding: 0;
}

.picture-slider__slide {
    position: relative;
    height: 95px;
    background-repeat: no-repeat;
    background-size: cover;
}

.interior-constructor__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.interior-constructor__side {
    width: 216px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 10px;
}

.interior-constructor__tiles-items {
    margin: 5px 0 0;
}

.interior-constructor__scene {
    width: calc(100% - 226px);
}

.interiors-scene__img {
    width: 100%;
}

.interiors-scene__parts {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.interiors-scene__part {
    margin-right: 15px;
}

.interiors-scene__part:last-child {
    margin-right: 0;
}

.interiors-scene__part-title {
    font: 700 14px/22px Arial, sans-serif;
    color: #fff;
}

.interiors-scene__colors-list {
    margin: 5px 0 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.interiors-scene__color {
    margin: 2px;
    padding: 0;
}

.interiors-scene__color_active .interiors-scene__color-button {
    border-color: #fff;
    cursor: default;
}

.interiors-scene__color-button {
    width: 20px;
    height: 20px;
    border: 1px solid transparent;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.interiors-scene__color-button:hover {
    border-color: #fff;
}

.interiors-scene__info {
    margin-bottom: 15px;
}

.interiors-scene__demo {
    position: relative;
}

.interiors-scene__floor {
    position: absolute;
}

.interiors-scene__floor,
.interiors-scene__floor img,
.interiors-scene__demo-part,
.interiors-scene__demo-part img {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}

.tiles-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    list-style: none;
}

.tiles-items__item {
    padding: 0;
    margin: 2px;
    border: 1px solid transparent;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.tiles-items__item_active {
    border-color: #fff;
}

.tiles-items__item_active a {
    cursor: default;
}

.tiles-items__item:hover {
    border-color: #fff;
}

.tiles-items__item-link {
    display: block;
    width: 48px;
    height: 48px;
}

.tiles-list {
    padding: 0;
    width: 100%;
}

.interiors-scene__tile-name {
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    margin: 0;
    padding: 10px 0 5px;
}

.interiors-scene__tile-link {
    color: #ebb5bb;
}

.picture-slider {
    position: relative;
    z-index: 0;
}

.picture-slider:hover .slick-arrow {
    opacity: 1;
}

.picture-slider .slick-list,
.picture-slider .slick-track {
    height: 100%;
}

.picture-slider .slick-arrow {
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 32px;
    top: 0;
    font-size: 0;
    border: none;
    background: url('img/rightarrow-medium.png') no-repeat;
    background-position: center right 8px;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}

.picture-slider .slick-prev {
    left: 0;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
}

.picture-slider .slick-next {
    right: 0;
}

@media screen and (min-width: 960px) {
    .wrapper .content_constructor, .wrapper .content_constructor #container {
        width: 100%;
        box-sizing: border-box;
        min-height: 500px;
    }
}