.back-pg{position: absolute;top: 0;left: 0;height: calc(100% - 50px);}
.back-pg .owl-stage-outer,.back-pg .owl-stage{height: 100%;}
#carousel-example-generic .carousel-inner>.item{transition: .1s!important;}
.back-pg .owl-nav .owl-prev{left: 30px;width: 50px;color: transparent;position: absolute;top: 40%;height: 50px;background: rgba(204, 204, 204, 0);}
.back-pg .owl-nav .owl-next:before{content: "";position: absolute;top: 13px;left: 0;width: 70%;height: 2px;background: #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);}
.back-pg .owl-nav .owl-next:after{content: "";position: absolute;top: 36px;left: 0;width: 70%;height: 2px;background: #fff;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);}
.back-pg .owl-nav .owl-prev:after{content: "";position: absolute;top: 36px;left: 0;width: 70%;height: 2px;background: #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);}
.back-pg .owl-nav .owl-prev:before{content: "";position: absolute;top: 13px;left: 0;width: 70%;height: 2px;background: #fff;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);}
.popup-design {
    width: 100%;
    position: absolute;
    padding: 50px 0;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 20;
}
.popup-design-overlay {
    width: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.6);
    top: 50%;
    left: 50%;
    height: 150%;
    z-index: -1;
    transform: translateX(-50%) translateY(-50%);
}
.show-popup{display: block;}
.popup-design-inner {
    max-width: 984px;
    position: relative;
    min-width: 984px;
    margin: auto;
}
body:before {
    content: "";
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -10;
    /*background: url(../banner.jpg) no-repeat center center;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.back-pg .owl-nav .owl-next{width: 50px;color: transparent;position: absolute;right: 30px;top: 40%;height: 50px;background: rgba(204, 204, 204, 0);}
.back-pg .item figure{width: 100%;height: 200px;position: relative;margin-top: 2%;}
.back-pg .item figure img{width: auto;max-height: 100%;max-width: 100%;top: 0;left: 0;right: 0;bottom: 0;position: absolute;margin: auto;margin-top: 50px;}
#carousel-example-generic .item{min-height: 728px;text-align: center;}
.carousel-control{background: transparent!important;}
.owl-drag .item .carousel-details{width: 60%;display: inline-block;margin-top: 12%;}
.owl-drag .item{text-align: center;}
.carousel-details h3{font-weight: bold;color: #fff;    text-transform: uppercase;}
.carousel-details p{font-size: 16px;color: #fff;}
.back-pg .owl-item{opacity: .5}
.back-pg .owl-item.active{opacity: 1;height: 100%;}
.carousel-indicators .active {
    border: 5px solid #fff;
    margin: -3px 5px;
    width: 8px;
    height: 8px;
}
.owl-nav .disabled{opacity: .3;}
.carousel-indicators li {
    margin: 0px 5px 0;
    background-color: rgb(209, 209, 209);
    border: 1px solid rgba(255, 255, 255, 0);
    width: 5px;
    height: 5px;
}
.design-nav{position: relative;}
.design-nav div{position: relative;}
.carousel-details button{padding: 5px 15px;background: #fff!important;color: #000!important;border: none;outline: none;box-shadow: none;min-width: 120px;margin-top: 10px;font-size: 16px;font-weight: 700;border-radius: 3px;text-align: center;}
.carousel-close{background: #fff;border-radius: 50%;width: 25px;height: 25px;text-align: center;border: none;outline: none;color: #000;margin-bottom: -10px;float: right;margin-right: -10px;z-index: 9999;position: relative;font-weight: bold;font-size: 13px;padding: 0;padding-left: 1px;}
@media only screen and (max-width: 1000px){
    .popup-design-inner{max-width: 100%;min-width: 100%;width: 100%;}
    .carousel-close {
        margin-right: 0;
        border-radius: 0;
        margin-bottom: -25px;
    }
}

@media only screen and (max-width: 480px)
{.owl-drag .item .carousel-details {
     width: 75%;
 }
 .back-pg .owl-nav .owl-next {
     width: 30px;
     right: 10px;
     top: 40%;
     height: 30px;
 }
 .back-pg .owl-nav .owl-prev {
     width: 30px;
     left: 10px;
     top: 40%;
     height: 30px;
 }
 .back-pg .owl-nav .owl-next::before {
     top: 8px;
 }
 .back-pg .owl-nav .owl-prev::after {
     top: 22px;
 }
 .back-pg .owl-nav .owl-prev::before {
     top: 8px;
 }
 .back-pg .owl-nav .owl-next:after{top: 22px;}
 #carousel-example-generic .item{min-height: 600px}
 .carousel-indicators li {
     margin: 0px 2px 0;
 }
 .carousel-indicators .active {
     margin: -3px 0px;
 }
}