@font-face {
    font-family: Blisspro-Bold;
    src: url(../fonts/Blisspro-Bold.otf);
    font-weight: normal;
    font-style: normal; }
@font-face {
    font-family: Blisspro-Light;
    src: url(../fonts/Blisspro-Light.otf);
    font-weight: normal;
    font-style: normal; }
@font-face {
    font-family: Blisspro-Medium;
    src: url(../fonts/Blisspro-Medium.otf);
    font-weight: normal;
    font-style: normal; }
@font-face {
    font-family: Blisspro-Regular;
    src: url(../fonts/Blisspro-Regular.otf);
    font-weight: normal;
    font-style: normal; }

body {
    font-family: Blisspro-Medium, sans-serif;
}

/* popup wallpaper*/
.like-wallpaper{
    position: relative;
    background: #d7dae1;
    width: auto;
    max-width: 377px;
    margin: 20px auto;
    border-radius: 3px;
}
.like-wallpaper div{
    padding: 1rem 1.7rem;
    text-align: center;
    color:#313134;
}
.like-wallpaper div img{
    width: 2.5rem;
    height: 2.5rem;
}
.like-wallpaper div h4{
    font-size: 1.4rem;
    margin: 1rem 0 0;
}
.like-wallpaper div p{
    font-family: Blisspro-Regula, sans-serif;
    font-size: 1.1rem;
    line-height: 24px;
}
.like-wallpaper div form .form-group{
    padding: 1rem 0.5rem 0;
}
.like-wallpaper div form input{
    font-family: Blisspro-Light, sans-serif;
    font-size: 0.9rem;
    color:#899095;
    height: 2.5rem;
}
.btn-want-such, .wallpaper-you-have form button,
.fast-order, .why-you-leaving form button,
.best-option form button, .secret-stocks .container form button,
.like-wallpaper div form button {
    font-family: Blisspro-Light, sans-serif;
    font-size: 1.1rem;
    padding: 0.45rem 2.5rem;
    background: linear-gradient(to top, rgba(246, 199, 60, 1), rgba(232, 213, 109, 1));
    width: 68%;
}
.btn-want-such:hover, .wallpaper-you-have form button:hover,
.fast-order:hover, .why-you-leaving form button:hover,
.best-option form button:hover, .secret-stocks .container form button:hover,
.like-wallpaper div form button:hover{
    background: linear-gradient(to bottom, rgba(246, 199, 60, 1), rgba(232, 213, 109, 1));
    color:#fff;
}
.like-wallpaper .popup-family{
    width: 100%;
    height: auto;
    margin: -2rem 0 -0.3rem 0;
}
.mfp-close {
    padding: 15px 10px;
}

/*popup best-option*/
.wallpaper-you-have,
.best-option{
    max-width: 561px;
    height: auto;
    position: relative;
    margin: 20px auto;
    border-radius: 3px;
    background: url("../img/png/support-girl.jpg");
    background-size: auto;
    background-position: 100% 100%;
}
.wallpaper-you-have .popup-header,
.why-you-leaving .popup-header,
.best-option .popup-header{
    background: linear-gradient(to right, #28c2dc, #0cc8b0);
    padding: 2rem 3.1rem;
    color: #fff;
    font-size: 1.45rem;
    border-radius: 3px 3px 0 0;
}
.why-you-leaving .content-form,
.best-option .content-form{
    padding: 2rem 3.1rem 4.75rem;
}
.wallpaper-you-have .content-form p,
.why-you-leaving .content-form p,
.best-option .content-form p{
    font-family: Blisspro-Regula, sans-serif;
    font-size: 1.1rem;
    color: #313134;
    margin-bottom: 1.4rem;
}
.why-you-leaving .content-form p span,
.best-option .content-form p span{
    font-family: Blisspro-Bold, sans-serif;
}
.why-you-leaving form input,
.wallpaper-you-have form input,
.best-option form input{
    font-family: Blisspro-Light, sans-serif;
    color: #899095;
    box-shadow: 0 0 10px #ededed;
    border: none;
    height: 2.5rem;
    width: 61%;
}
.why-you-leaving form button,
.best-option form button{
    width: 48%;
    margin-bottom: 1.4rem;
}
.why-you-leaving .content-form a,
.best-option .content-form a{
    font-family: Blisspro-Light, sans-serif;
    font-size: 1.1rem;
    color: #14a2ba;
    text-decoration: underline;
}
.best-option .content-form a:hover{
    color: #313134;
}
#successful-bid .content-form img{
    margin: 1.3rem 0 2.2rem;
    width: 3.2rem;
    height: 3.2rem;
}
#successful-bid .content-form p{
    color: #313134;
    font-family: Blisspro-Regula, sans-serif;
    font-size: 1.1rem;
    line-height: 22px;
}
.select-time{
    margin-bottom: 1rem;
}
.select-time .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-family: Blisspro-Light, sans-serif;
    color: #899095;
    line-height: 28px;
}
#select-date .select2-container--default .select2-selection--single .select2-selection__arrow {
    content: url(../img/svg/down-arrow2.svg) !important;
    height: 15px;
    top: 12px;
    right: 10px;
    width: 15px;
}

.select-time  .select2-container .select2-selection--single {
    height: 40px;
    padding: 6px;
}
.select-time .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: none;
    border-radius: 4px;
}

/*END popup best-optio*/

/*popup search-picture*/
#find-image{
    background: linear-gradient(45deg, #28c2dc, #0cc8b0);
}
#find-image div h4 {
    color: #fff;
}
#find-image{
    padding: 1rem 1.7rem 2rem;
}
#find-image div form button {
    font-family: Blisspro-Light, sans-serif;
    padding: 0.45rem 1.2rem;
}
/*END popup search-picture*/

/*popup why you leaving*/
.why-you-leaving{
    max-width: 561px;
    height: auto;
    position: relative;
    margin: 20px auto;
    border-radius: 3px;
    background: url(../img/png/support-girl2.jpg) no-repeat;
    background-size: auto;
    background-position: 100% 100%;
}
.why-you-leaving .popup-header {
    padding: 1rem 3.1rem;
}
.why-you-leaving p{
    font-size: 1rem;
    margin-top: 0.4rem;
}
.why-you-leaving .content-form {
    padding: 2rem 3.1rem 2.2rem;
}
/*END popup why you leaving*/

/*popup why you leaving TWO*/
#why-you-leaving-two {
    background: url(../img/png/support-girl2.jpg) no-repeat;
    background-size: 100% 68%;
    background-position: 100% 100%;
    background-color: #ebf4fd;
}
#why-you-leaving-two .content-form {
    padding: 1rem 2.1rem 1.2rem;
}
#why-you-leaving-two .popup-header {
    padding: 0.7rem 2.1rem;
}
.why-you-leaving .content-form li{
    list-style: none;
    padding: 1rem 0;
}
.why-you-leaving .content-form li svg{
    width: 1.1rem;
    height: 1.1rem;
    fill:#72747c;
    float: left;
    margin: 0 0.5rem 0 0;
}
.why-you-leaving .content-form li svg:focus,
.why-you-leaving .content-form li svg:active,
.why-you-leaving .content-form li svg:hover{
    fill:#28c2dc;
}
/*END popup why you leaving TWO*/

/*popup wallpaper-you-have*/
.wallpaper-you-have{
    background: #edeef0;
}
.wallpaper-you-have .content-form{
    padding: 2rem;
}
.wallpaper-you-have .popup-img{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 2rem;
}
.wallpaper-you-have .form-inline .form-control {
    width: 282px;
}
.wallpaper-you-have form button {
    width: 40%;
    margin: 0 0 0 1rem;
    padding: 0.45rem 1.5rem;
}
/*END popup wallpaper-you-have*/

/*secret-stocks*/
.secret-stocks{
    position: absolute;
    background-color: rgba(141, 147, 152, 0.7);
    padding: 1rem 0;
    width: 100%;
    bottom: 0;
}
.secret-stocks .container{
    display: flex;
    justify-content: left;
    align-items: center;
    color: #fff;
}
.secret-stocks .container h4{
    font-size: 1.45rem;
    margin: 0 1.4rem;
}
.secret-stocks .container p{
    font-size: 1.1rem;
}
.secret-stocks .container .form-inline{
    flex-wrap: nowrap;
}
.secret-stocks .container .form-control{
    font-family: Blisspro-Light, sans-serif;
    color: #899095;
    font-size: 1rem;
    height: 2.5rem;
    width: 18rem;
    margin: 0 1.3rem 0 1.8rem;
}
.secret-stocks .container form button {
    width: 9rem;
    height: 2.5rem;
    text-align: center;
    padding: 0;
    margin-right: 9rem;
}

/*END secret-stocks*/

/* END popup wallpaper*/

/* popup fast-order*/
#fast-order{
    position: relative;
    background: #FFF;
    padding: 1rem;
    /*width: auto;*/
    max-width: 970px;
    height: 600px;
    margin: 20px auto;
    display: flex;
    justify-content: left;
}
.card-product-block {
    width: 615px;
    height: 533px;
    margin-right: 2rem;
}
.fast-order-popup .owl-nav {
    position: absolute;
    top: 50%;
    right: auto;
    width: 100%;
}
.fast-order-popup .owl-nav .owl-prev {
    float: right;
    margin-right: 3%;
}
.fast-order-popup .owl-nav .owl-next {
    float: left;
    margin-left: 3%;
    transform: rotate(180deg);
}
.fast-order-popup  .owl-nav button svg {
    fill: #fff;
    width: 42px !important;
    height: 42px !important;
    padding: 10px;
    background: #19c5c4 !important;
    border-radius: 50% !important;
}
.fast-order-popup  .owl-nav button:active,
.fast-order-popup  .owl-nav button:focus,
.fast-order-popup  .owl-nav button:hover {
   opacity: 0.8;
    outline: none;
}
.fast-order-popup .owl-item img {
    display: block;
    width: 615px;
    height: 534px;
}
.fast-order-text{
    width: 30%;
}
.fast-order-text ul li{
    list-style: none;
    padding-bottom: 0.5rem;
}
.fast-order-text h5{
    color: #2f3b44;
    font-size: 1.9rem;
}
.fast-order-price {
    font-size: 0.95rem;
    color: #2f3b44;
}
.fast-order-price span {
    font-size: 1.1rem;
}
.fast-order-add,
.fast-order-code{
    font-family: Blisspro-Light, sans-serif;
    font-size: 1rem;
    color: #899197;
}
.fast-order-delivery:hover,
.fast-order-add:hover,
.fast-order-code:hover{
    text-decoration: none;
    color: #899197;
}
.fast-order-text ul li a svg {
    width: 20px;
    height: 18px;
    fill: #899197;
    margin: 0 0.5rem 0 0;
}
.fast-order-text ul li a svg:hover {
    fill: #fcce42;
}
.fast-order-text .number-phone{
    display: flex;
    justify-content: space-between;
}
.fast-order-text .number-phone div{
    width: 97%;
}
.fast-order-text .number-phone p{
    margin: 0 0.5rem 0 0.4rem;
}
.fast-order-delivery{
    font-family: Blisspro-Light, sans-serif;
    text-decoration: none;
    color: #899197;
    font-size: 0.8rem;
    text-transform: uppercase;
}
.fast-order-delivery img{
    margin: 0 0.5rem -0.2rem 0;
}
.fast-order-text h3{
    font-size: 0.95rem;
    color: #0fc7b5;
    text-transform: uppercase;
    margin: 1rem 0;
}
.fast-order-text .your-question {
    padding: 1.2rem 1.2rem 0.5rem;
    margin-bottom: 0;
}
.find-price{
    text-align: center;
}
.find-price a{
    display: block;
    font-family: Blisspro-Light, sans-serif;
    color:#16a1b8;
    font-size: 1.1rem;
    margin: 0.5rem;
}
.find-price a:hover{
    text-decoration: none;
    color: #899197;
}
.fast-order-text .number-phone img {
    float: left;
    margin: -0.3rem 0.3rem 0 -0.3rem;
}
/* END popup fast-order*/

/*wallpaper-color*/
  .wallpaper-color{
      display: flex;
      justify-content: space-between;
      position: relative;
      max-width: 800px;
      height: auto;
      margin: 20px auto;
  }
  .wall-color{
      background: #ededed;
      width: 40%;
      padding: 2rem;
  }
.wall-color h4 {
    font-size: 1.4rem;
    color: #2f3b44;
    margin-bottom: 2rem;
}
.wall-color ul{
    display: flex;
    flex-direction: column;
}
.wall-color ul li{
    list-style: none;
    padding: 0.5rem 0;
}

.wall-color ul li:hover p{
    color: #00c6ff;
}
.wall-color span {
    float: left;
    margin-right: 1rem;
}
.wall-color li span img{
    background: #ccc;
    width: 50px;
    height: 50px;
    padding: 0.5rem;
}
.wall-color ul li p {
    overflow: hidden;
    font-size: 0.8rem;
    color: #2f3b44;
    margin-top: 1rem;
    text-transform: uppercase;
}
.wall-color ul li div {
    display: flex;
    flex-direction: column;
    margin-right: 0.5rem;
}
.wall-color ul li .black {
    background: #000;
    height: 25px;
    width: 50px;
}
.wall-color ul li .wighte {
    background: #fff;
    height: 25px;
    width: 50px;
}
.wall-color .two-color{
    display: flex;
    justify-content: left;
}
.pink span, .blue span, .green span,
.sepia span{
    width: 50px;
    height: 50px;
    background-color: #643b0f;
}
.pink span{
    background-color: #ff6cd4;
}
 .blue span{
     background-color: #6c7aff;
}
.green span{
    background-color: #03cb0d;
}
.wall-color-cheange {
    background: #ccc;
    width: 60%;
    padding: 3rem 2.5rem;
    text-align: center;
}
.wall-color-cheange img{
    width: 320px;
    height: 320px;
}
.wall-color-cheange a {
    font-family: Blisspro-Light, sans-serif;
    background: linear-gradient(to bottom, #fcdd6a, #fccd3f);
    color: #323234;
    font-size: 1.1rem;
    padding: 0.4rem 1.3rem 0.5rem;
    text-align: center;
    margin: 2rem 0 0 0;
}
.wall-color-cheange a:hover {
    background: linear-gradient(to top, #fcdd6a, #fccd3f);
    color: #fff;
}
#wallpaper-reflection .hor-arrow span img{
    transform: rotate(180deg);
}
#wallpaper-reflection .vert-arrow span img{
    transform: rotate(270deg);
}
/* END wallpaper-color*/

/*load-photo popup*/
.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.inputfile + label {
    font-size: 1em;
    font-weight: 100;
    padding: 0.6rem 2rem;
    color: white;
    background-color: #ff6cd4;
    display: inline-block;
    border-radius: 3px;
}
.inputfile:focus + label,
.inputfile + label:hover {
    background-color: red;
}
.inputfile + label {
    cursor: pointer; /* "hand" cursor */
}
.inputfile + label * {
    pointer-events: none;
}
#load-photo p{
    margin: 0 0 1rem 0;
}
#load-photo .form-control {
    font-family: Blisspro-Light, sans-serif;
    margin-bottom: 0.3rem;
}
#load-photo button {
    font-family: Blisspro-Light, sans-serif;
    background: linear-gradient(to bottom, #fcce42, #ffde68);
    color: #323234;
    font-size: 1rem;
    border-radius: 3px;
    height: 2.5rem;
    margin-left: 1rem;
    padding: 0.5rem 1rem 0.5rem 1rem;
}
#load-photo button:hover {
    background: linear-gradient(to top, #fcce42, #ffde68);
    color: #fff;
}
/* END load-photo popup*/

/*media*/
@media screen and (max-width: 1199px) {
    .secret-stocks .container {
        flex-direction: column;
    }
    .close-form{
        order: -1;
        margin-left: 14rem;
    }
    .secret-stocks .container .form-inline {
        flex-wrap: wrap;
        justify-content: center;
        margin: 1rem;
    }
    .secret-stocks .container h4 {
        margin: 1rem 1.4rem;
    }
    .secret-stocks .container form button {
        width: 65%;
        margin: 1rem 0 0 0.4rem;
    }
}
@media screen and (max-width: 992px) {
    #fast-order {
        max-width: 970px;
        height: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .fast-order-text {
        width: 100%;
        margin: 1rem 0 0 0;
    }
    .card-product-block {
        width: 100%;
        height: auto;
        margin: 1rem 0 0 0;
    }
    .fast-order-popup .owl-item img {
        display: block;
        max-width: 100%;
        height: 300px;
    }
    .card-product-block .mfp-close {
        width: 44px;
        height: 44px;
        line-height: 44px;
        position: absolute;
        right: -0.8rem;
        top: -0.8rem;
    }
}
@media screen and (max-width: 575px) {
    .wall-color-cheange img {
        width: 100%;
        height: auto;
    }
    .wallpaper-color {
        flex-wrap: wrap;
    }
    .wall-color ul {
        display: flex;
        justify-content: space-between;
        flex-direction: inherit;
        flex-wrap: wrap;
    }
    .wall-color .two-color {
        display: flex;
        justify-content: left;
        flex-direction: column;
    }
    .wall-color {
        background: #ededed;
        width: 100%;
        padding: 1rem;
    }
    .pink span, .blue span, .green span,
    .sepia span{
        display: grid;
    }
    .wall-color-cheange {
        background: #ccc;
        width: 100%;
        padding: 1rem 1rem;
        text-align: center;
    }
    .wall-color span {
        float: inherit;
        margin-right: 1rem;
    }
    .wallpaper-you-have .popup-img {
        flex-direction: column;
    }
    .wallpaper-you-have .popup-img  img:nth-child(2) {
        margin: 1rem 0;
        transform: rotate(90deg);
    }
    .wallpaper-you-have form button {
        width: 100%;
        margin: 0;
        padding: 0.45rem 1.5rem;
    }
    .wallpaper-you-have .content-form p {
        text-align: center;
    }
    .wallpaper-you-have .form-inline {
        justify-content: center;
    }
    .wallpaper-you-have .form-inline .form-control {
        width: 244px;
    }
    .best-option,
    #why-you-leaving-two {
        background: none;
    }
    .why-you-leaving {
        background: aliceblue;
    }
    .best-option .content-form,
    .why-you-leaving .content-form {
        padding: 1rem;
        background: aliceblue;
    }
    .why-you-leaving form input, .wallpaper-you-have form input, .best-option form input {
        width: 100%;
    }
    .why-you-leaving form button, .best-option form button {
        width: 100%;
    }
    .secret-stocks .container .form-control {
        margin: 0 1rem 0 1rem;
    }
}