*, *:before, *:after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    font-family: 'Fira Sans', sans-serif;
    font-weight: 300;
}
ul, li {
    list-style: none;
}
.container {
    max-width: 1200px;
    margin: 0 auto;
}
.glassDress {
    height: 534px;
    background: #E8E8E8 url(images/GlassDress_bg2.jpg);
    background-repeat: no-repeat;
    /* background-position: 127%; */
    background-position: top right;
    /* background-size: cover; */
    padding-top: 35px;
    padding-left: 43px;
    position: relative;
    user-select: none;
}
.glassDress__title {
    font-family: Fira Sans;
    font-weight: 300;
    font-size: 36px;
    line-height: 150%;
    color: #333333;
    /*margin-bottom: 22px;*/
}
.glassDress__select-wrap {
    position: relative;
    width: 300px;
    height: 30px;
}


.glassDress__select-wrap:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 1px;
    background-color: #E0E0E0;
    top: 0;
    right: 29px;
}
.glassDress__select-wrap:after {
    position: absolute;
    content: "";
    height: 6px;
    width: 8px;
    background-image: url(images/arrowSelectorDown.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    top: 50%;
    transform: translateY(-50%);
    right: 12px;
}
.glassDress__select {
    width: 100%;
    height: 100%;
    border: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: #F2F2F2;
    padding-left: 14px;
    font-family: Fira Sans;
    font-weight: normal;
    font-size: 14px;
    line-height: 130%;
    text-transform: uppercase;
    color: #2B4F91;
}
.glassDress__text {
    width: 260px;
    font-family: Fira Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 150%;
    color: #000000;
    margin-top: 20px;
    margin-bottom: 25px;
}
.tinting__title {
    font-family: Fira Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 150%;
    color: #000000;
    margin-bottom: 8px;
}
.tinting__list {
    display: flex;
    flex-wrap: wrap;
    width: 280px;
    justify-content: space-between;
    
}
.tinting__item {
    width: 30px;
    height: 30px;
    margin: 8px;
}
.drawing__title {
    font-family: Fira Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 150%;
    color: #000000;
    margin-bottom: 17px;
}
.drawing__list {
    display: flex !important;
    /* flex-wrap: nowrap; */
    /* overflow: hidden; */
    width: 265px;
    /*background-color: #000;*/
    background-color: #E8E8E8;
    height: 100%;
}
.drawing__item {
    /* margin: 10px; */
    width: 116px;
    height: 64px;
    background-color: #000;
}
.drawing__img {
    width: 100%;
    height: 100%;
}
/* overlay block + handler */

.glassDress__overlay {
    position: absolute;
    /* width: 50%; */
    /* height: 100%; */
    top: 0;
    right: 0;
    left: 50%;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.5);
    background-repeat: no-repeat;
    background-position: top right;
    
}
.animateSmart {
    animation: smart;
    animation-iteration-count: infinite;
    animation-duration: 2s;
}
@keyframes smart {

    0% {
        background-color: rgba(255, 255, 255, .1);
    }
    50% {
        background-color: rgba(255, 255, 255, 1);
    }
    100% {
        background-color: rgba(255, 255, 255, .1);
    }
}

.glassDress__overlay:before {
    content: "";
    position: absolute;
    top: 0;
    left: -5px;
    width: 5px;
    height: 100%;
    background-color: rgba(200, 255, 237, 0.75);
    /* opacity: 0.5; */
}
/* .glassDress__overlay:before { */
    .glassDress__overlay-line {
    /* content: ""; */
    position: absolute;
    display: block;
    height: 100%;
    width: 2px;
    background-color: #2B4F91;
    top: 0;
    left: 0;
    cursor: e-resize;
}
/* .glassDress__overlay:after { */

    .glassDress__overlay-circle {
    /* content: ""; */
    position: absolute;
    display: block;
    height: 54px;
    width: 54px;
    background-image: url(images/GlassDress_handler.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    top: 50%;
    transform: translateY(-50%);
    left: -27px;
    cursor: e-resize;
}

.glassDress .owl-prev {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -10px;
}
.glassDress .owl-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -10px;
}
.owl-carousel .owl-stage {
    display: flex;
    align-items: center;
  }
  
  /*  reset cascade styles from old style*/

.steklo17 .inner-content.container li {
    list-style: none;
    margin-bottom: 0;
}

.steklo17 .inner-content.container img  {
    margin: 0;
}

.steklo17  .owl-carousel {
    width: 265px;
}

.glassDress__overlay-wrap::after {
	content: "";
	position: absolute;
	/* bottom: -160%;
	left: -100%; */
	width: 100%;
	height: 200%;
    /* background: linear-gradient(90deg,transparent,rgba(255, 255, 255, .4),transparent); */
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0));
	/* transition: 0.4s; */
    transform: rotate(-45deg);
    transform-origin: center;
    animation: glass;
    animation-iteration-count: infinite;
    animation-duration: 6s;
}

.glassDress__overlay-wrap {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.glassDress__overlay-wrap:hover:after {
    /* bottom: 37%;
    left: 85%; */
}
@keyframes glass {
    0% {
        bottom: -160%;
        left: -100%;
    }
    50% {
        bottom: 37%;
        left: 85%;
    }
    100% {
        bottom: -160%;
        left: -100%;
    }
}
.glassDress__drawing.drawing {
	display: flex;
	flex-direction: column;
	/*align-items: center;*/
	justify-content: center;
	width: 100%;
}

@media (max-width: 768px) {
    .glassDress {
        background-position: top left;
        background-size: 100vw;
        padding-top: 70vw;
        display: flex;
/*flex-direction: column;*/
        flex-wrap: wrap;
        align-items: baseline;
        padding-left: 0;
        height: auto;
    }
    .glassDress__title {
        width: 50%;
    }
    .glassDress__select-wrap {
        width: 50%;
        min-width: 286px;
    }
    .glassDress__text {
        width: 100%;
        margin: 0;
    }
    .glassDress__tinting.tinting {
        width: 100%;
    }
    .tinting__list {
        width: 100%;
    }
    .steklo17 .owl-carousel {
        /*width: 100%;*/
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    .glassDress__overlay {
        height: 68vw;
    }
    .glassDress__overlay-circle {
        top: 34vw;
    }
}