body{

	margin: 0;

	padding: 0;

	font-family: Montserrat,eleget_light,arial;

	background: #f8f5f0;

    color: #ca805b;

	/*border-bottom: 35px solid #ed7d31;*/

}




.d-none{

	display: none !important;

}



footer{

}



#content-container{

	min-height: 400px;

	margin: 25px;

	margin-bottom: 50px;

    margin-top: 100px;
}



.nav_bar{

	/*border-top: 35px solid #ed7d31;*/

	width: 100%;

	height: 60px;

    display: flex;
    background: rgb(255 255 255 / 25%);
    position: fixed;
    top: 0px;
    z-index: 100;
    justify-content: center;

}



.nav_logo{

    width: 67px;
    height: 50px;
    margin-top: 5px;
}





#bot-panel-bg-spacer {

    height: 100px;

}

.sm-view-flex{
    display: flex !important;
}

.lg-view-flex{
    display: none !important;
}

@media only screen and (min-width: 768px) {


    .sm-view-flex{
        display: none !important;
    }

    .lg-view-flex{
        display: flex !important;
    }

    .nav_logo{

        width: 134px;
        height: 100px;

    }

    .nav_bar{

        height: 110px;

    }



	#intro-quiz-title {

	    /*font-size: 40px !important;*/
        /*Replace by title_1*/

	}



	.intro-quiz-desc-container {

	}





	.title-1 {

	    font-size: 20px !important;

	}




    #interior-quiz-container {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-content: center;
        align-items: center;
    }



    #result-quiz-container{

        display: flex;

        flex-direction: column;

        flex-wrap: nowrap;

        justify-content: center;

    }



    .mansory-module-quiz-container{
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-content: center;
        align-items: center;
    }



    #style-picker-quiz-container{

        width: 60%;

    }



	.interior-quiz-text-container {

		width: 60% !important;

	}



    .result-quiz-content-container {

        width: 45% !important;

        border-radius: 25px 0 0 25px !important;

    }



    .result-quiz-gallery-container {

        width: 40% !important;

    }



	.interior-quiz-gallery-container {

		width: 60% !important;

	}



	#interior-quiz-title{

	}



    #interior-quiz-desc{

    }



    .mansory-module-quiz-text-container {

        width: 60% !important;

    }



    .mansory-module-quiz-gallery-container {

        width: 60% !important;

    }



    .mansory-module-quiz-title{

    }



    .mansory-module-quiz-desc{

    }



    .style-picker-quiz-text-container {

        width: 60% !important;

    }



    .style-picker-quiz-gallery-container {

        width: 60%;

    }



    #style-picker-quiz-title{

    }



	.mtop-150-lg{

    	margin-top: 150px !important;

	}



	.mtop-100-lg{

    	margin-top: 100px !important;

	}



    #style-picker-quiz-desc{

    }



	#texture-quiz-container{
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
	}



	.texture-quiz-text-container {
        width: 60% !important;
	}



	.texture-quiz-gallery-container {

		width: 60% !important;

	}



	#texture-quiz-title{

	}



	#texture-quiz-desc{

	}




	.userinfo-quiz-gallery-container {

		width: 55% !important;

	}



	#userinfo-quiz-title{

	}



	#userinfo-quiz-desc{

	}





	.userinfo-quiz-input {

	    font-size: 25px !important;

	}




	.intro-consult-title {

	    font-size: 30px !important;

	}



	.consult-title {

	    font-size: 30px !important;

	}



    .consult-contact-title {

        font-size: 30px !important;

    }



    .style-picker-quiz-gallery-container .gallery-img-container {

        width: 31%;

    }



    #half-userinfo-bg {

        /*position: absolute;

        background: #f6f6f6;

        width: 50vw;

        height: 100vh;

        right: 0;

        z-index: 1;*/

    }





    #result-quiz-title {    

        font-size: 40px !important;

    }





    #result-quiz-label {

        margin-left: 10% !important;

        font-size: 22px !important;

        text-align: left !important;

    }





    #result-quiz-desc {

        text-align: left !important;

        margin-left: 10% !important;

        font-size: 16px !important;

    }


    .result-texture-container {

        text-align: left !important;

        margin-left: 10% !important;

    }

    .result-texture-wrapper {
        flex-direction: row !important;
    }

    .result-texture-title {
        text-align: left !important;
    }

    .result-texture-desc {
        text-align: left !important;
    }


    .result-texture-text-wrapper {
        margin-left: 10px;
    }



    #result-substyle-label {

        margin-left: 10% !important;

        text-align: left !important;

    }





    #result-quiz-container .masonry {

    }



    .result-substyle-container {

        margin-left: 10% !important;

        justify-content: space-between;

    }



    .result-substyle-wrapper {

        width: 45% !important;

        margin-right: 15px !important;

        text-align: left !important;

    }



    .start_consult_link {

        margin-left: 10%;

    }



    .retake_quiz_link {

        margin-left: 10%;

    }


    .interior-quiz-gallery-container .masonry{
        column-count: 3 !important;
    }


    .mansory-module-quiz-gallery-container .masonry{
        column-count: 3 !important;
    }

    #consultation_modal .modal-content {

        border-radius: 25px;

        top: 50px;

    }


    .modal-content {

      width: 80% !important;

      height: fit-content !important;

      padding: 20px !important;

    }


    #content-container{

        margin-top: 150px;
    }

    #userinfo-quiz-container {
        width: 60% !important;
    }

    #intro-quiz-container {
        width: 60% !important;
    }


    #quiz_next_btn{
        margin-right: 50px;
    }



    #bot-action-panel{

        justify-content: flex-end !important;
        
        flex-direction: row !important;

    }

    .back-btn {
        top: 110px !important;
    }

}



#intro-quiz-container {

    display: flex;
    flex-direction: column;
    width: 100%;
    margin: auto;
    padding: 25px;
    background: rgb(255 255 255 / 25%);
    border-radius: 25px;
    justify-content: center;
    min-height: calc(100vh - 300px);
    align-items: center;
    align-content: center;

}



.title-1 {

    font-size: 20px;

    font-weight: bold;

}






.unbold {

    font-weight: 100 !important;

}



.desc-1 {

    font-size: 16px;

    line-height: 22px;

}



#intro-quiz-title {

    margin: 25px 0;

    font-size: 20px;

    font-weight: bold;

    max-width: 700px;

    text-align: center;

}



.intro-quiz-desc-container {

    display: flex;

    flex-wrap: wrap;

	margin: 25px 0;

    width: 100%;

}



.intro-quiz-desc-img-container {

    width: 200px;

    padding: 20px;

    margin: auto;

    text-align: center;

}



.intro-quiz-desc-img-container img{

    width: 80%;

}



.intro-quiz-desc-text-container {

    text-align: center;

    margin: auto;

}



.intro-quiz-desc-text-container p{

    font-size: 16px;

    line-height: 22px;

    text-align: center;

}



.m-auto{

	margin: auto;

}

.swal-button--confirm{
    background: #ca805b;
}

.swal-button--confirm:hover{
    background-color: #868686 !important;
}

.quiz-btn-1{

	color: white;

	background: #ca805b;

	border: 0;

	padding: 10px 25px;

	cursor: pointer;

	border-radius: 25px;	

}

.quiz-btn-1:hover{
    background-color: #868686;
}

.mtop-25{
    margin-top: 25px;
}

.mbot-25{
    margin-bottom: 25px;
}


.quiz-btn-2{

    color: #fffdfd;

    background: #ca805b;

    border: 0;

    padding: 10px 50px;

    cursor: pointer;

    border-radius: 25px;


}



.quiz-btn-2:hover {

    background: #868686;

}



#bot-action-panel{

    height: 100px;

    /*background: #ffffff8a;*/

	/*border-bottom: 35px solid #ed7d31;*/

	display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column-reverse;

    position: fixed;

    width: 100%;

    bottom: 0px;

    z-index: 10;

}



#interior-quiz-container {

    min-height: calc(100vh - 300px);

}



#result-quiz-container {

    min-height: calc(100vh - 300px);

}



.mansory-module-quiz-container {

    min-height: calc(100vh - 300px);

}



#style-picker-quiz-container {

    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    width: 100%;
    margin: auto;
    align-content: center;
    align-items: center;
    min-height: calc(100vh - 300px);

}



.interior-quiz-text-container {

    width: 100%;
    background: rgb(255 255 255 / 25%);
    padding: 25px;
    border-radius: 25px 25px 0px 0px;
}

.mansory-module-quiz-text-container {
    width: 100%;
    background: white;
    padding: 25px;
    border-radius: 25px 25px 0px 0px;
}


.result-quiz-content-container {

    width: 100%;
    background: rgb(255 255 255 / 25%);
    padding: 25px;
    display: flex;
    border-radius: 25px;
    flex-direction: column;
    justify-content: flex-start;

}



.style-picker-quiz-text-container {

    width: 100%;

}



#interior-quiz-title {

    max-width: 80%;

    text-align: center;

    margin: auto;

    margin-bottom: 25px;

}



#interior-quiz-desc {

    max-width: 80%;

    text-align: center;

    margin: auto;

    margin-bottom: 25px;

}



.mansory-module-quiz-desc {

    max-width: 80%;

    text-align: center;

    margin: auto;

    margin-bottom: 25px;

}





#style-picker-quiz-desc {

    max-width: 80%;

    text-align: center;

    margin: auto;

    margin-bottom: 25px;

}



#result-quiz-title {    

    font-size: 20px;

    max-width: 70%;

    text-align: center;

}

.result-quiz-content-title {
    display: flex;
    justify-content: center;
}



.mansory-module-quiz-title {

    max-width: 80%;

    text-align: center;

    margin: auto;

    margin-bottom: 25px;

}



#style-picker-quiz-title {

    max-width: 80%;

    text-align: center;

    margin: auto;

    margin-bottom: 25px;

}


.mansory-module-quiz-gallery-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    border-radius: 0px 0px 25px 25px;
    justify-content: space-evenly;
    padding: 25px;
    background: white;
    width: 100%;
}

.mansory-module-quiz-gallery-container .masonry{
    column-count: 2;
}

.interior-quiz-gallery-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    border-radius: 0px 0px 25px 25px;
    justify-content: space-evenly;
    padding: 25px;
    background: rgb(255 255 255 / 25%);
    width: 100%;
}

.interior-quiz-gallery-container .masonry{
    column-count: 2;
}



.result-quiz-gallery-container {

    display: flex;
    flex-direction: row;
    background: rgb(255 255 255 / 25%);
    padding: 25px;
    border-radius: 0 25px 25px 0;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    width: 100%;

}



.style-picker-quiz-gallery-container {

    display: flex;

    flex-wrap: wrap;

    align-content: center;

    justify-content: space-around;


}



.style-picker-quiz-gallery-container .gallery-img-container {

    display: flex;

    padding: 25px;

    background-color: white;

    border-radius: 25px;

    align-items: center;

    margin-bottom: 20px;

    cursor: pointer;

    flex-direction: column;
}



.style-picker-quiz-gallery-container .gallery-text {

    padding: 10px;

}


.style-picker-quiz-gallery-container .gallery-title {

    text-align: center;
    font-weight: bold

}

.style-picker-quiz-gallery-container .gallery-desc {

    text-align: center;

}


.style-picker-quiz-gallery-container .gallery-img {

    border-radius: 150px;

    height: 150px;

    width: 150px;

}



#interior-quiz-container .gallery_column {

    flex-basis: 30%;

}



#interior-quiz-container .gallery-img {

    width: 100%;

    cursor: pointer;

    border-radius: 10px;

	-webkit-transform: scale(1);

	transform: scale(1);

	-webkit-transition: .3s ease-in-out;

	transition: .3s ease-in-out;

}



#result-quiz-container .gallery-img {

    width: 100%;

    cursor: pointer;

    border-radius: 10px;

    -webkit-transform: scale(1);

    transform: scale(1);

    -webkit-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

}



.mansory-module-quiz-container .gallery_column {

    flex-basis: 30%;

}



.mansory-module-quiz-container .gallery-img {

    width: 100%;

    cursor: pointer;

    border-radius: 10px;

    -webkit-transform: scale(1);

    transform: scale(1);

    -webkit-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

}



.gallery-img-container{

    position: relative;

}



.texture-img-container{

    position: relative;

    width: 30%;

    margin-bottom: 10px;

}



.selected_overlay{

    width: 100%;
    height: 100%;
    background: #fdfdfd59;

    right: 0;

    top: 0;

    z-index: 2;

    position: absolute;

}

.masonry .selected_overlay{
    height: calc(100% - 10px);
}



.selected_overlay{

    display: none;

}

.selected-img .gallery-img {
    transform: scale(0.9) !important;
}

.gallery-img-container.selected-img .selected_overlay{

    display: inline-block;

}



.selected-img .selected_overlay{

    display: inline-block;

}



#interior-quiz-container .gallery-img:hover {

	-webkit-transform: scale(1.3);

	transform: scale(1.02);

	opacity: 0.95;

}



#result-quiz-container .gallery-img:hover {

    -webkit-transform: scale(1.3);

    transform: scale(1.02);

    opacity: 0.95;

}



.mansory-module-quiz-container .gallery-img:hover {

    -webkit-transform: scale(1.3);

    transform: scale(1.02);

    opacity: 0.95;

}



#texture-quiz-container {

    min-height: calc(100vh - 300px);

}



.texture-quiz-text-container {

    width: 100%;
    background: rgb(255 255 255 / 25%);
    padding: 25px;
    border-radius: 25px 25px 0px 0px;
}



#texture-quiz-desc {

    max-width: 80%;

    text-align: center;

    margin: auto;

    margin-bottom: 25px;

}



#texture-quiz-title {

    max-width: 80%;

    text-align: center;

    margin: auto;

    margin-bottom: 25px;

}



.texture-quiz-gallery-container {

    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    padding: 25px;
    background: rgb(255 255 255 / 25%);
    border-radius: 0px 0px 25px 25px;

}



#texture-quiz-container .gallery_row {

    flex-basis: 100%;

    display: flex;

    flex-wrap: wrap;

    flex-direction: row;

    justify-content: space-around;

    align-items: flex-start;

}



#texture-quiz-container .gallery-img {

    cursor: pointer;

    -webkit-transform: scale(1);

    transform: scale(1);

    -webkit-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    padding-bottom: 100%;

    width: 100%;

    height: 0;

    background-size: cover;

}



#texture-quiz-container .gallery-img:hover {

	-webkit-transform: scale(1.3);

	transform: scale(1.02);

	opacity: 0.95;

}



.texture_type_title{

	margin-left: 10px;

}



#userinfo-quiz-container {

    min-height: calc(100vh - 300px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    background: rgb(255 255 255 / 25%);
    padding: 25px;
    border-radius: 25px;
    width: 100%;
    margin: auto;
    align-items: center;
    justify-content: center;
}



.userinfo-quiz-text-container {

    width: 100%;

}



.userinfo-quiz-input-container {

    width: 100%;

    z-index: 3;

}



#userinfo-quiz-desc {

    max-width: 80%;

    text-align: center;

    margin: auto;

    margin-bottom: 25px;

}



#userinfo-quiz-title {

    max-width: 80%;

    text-align: center;

    margin: auto;

    margin-bottom: 25px;

}



.userinfo-quiz-input {

    border: 0;

    border-bottom: 1px solid lightgrey;

    display: block;

    width: 90%;

    margin: auto;

    margin-bottom: 25px;

    background: transparent;

    font-size: 20px;

    padding: 10px;

}



.consult-input {

    border: 0;

    border-bottom: 1px solid lightgrey;

    display: block;

    width: 90%;

    max-width: 90%;

    margin: auto;

    margin-bottom: 25px;

    background: transparent;

    font-size: 20px;

    padding: 10px;

    max-height: 200px;

}



.userinfo-quiz-input-label {

    width: 90%;

    margin: auto;

    margin-bottom: 10px;

}



.consult-contact-input-label {

    width: 90%;

    margin-top: 25px;

    font-size: 15px;

    margin-bottom: 5px;

}

/*Modal CSS*/

/* The Modal (background) */

.modal {

  display: none; /* Hidden by default */

  position: fixed; /* Stay in place */

  z-index: 101; /* Sit on top */

  left: 0;

  top: 0;

  width: 100%; /* Full width */

  height: 100%; /* Full height */

  overflow: hidden; /* Enable scroll if needed */

  background-color: rgb(0,0,0); /* Fallback color */

  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */

}



/* Modal Content */

.modal-content {

  background-color: #f7f7f7;

  margin: auto;

  width: 100%;

  height: 100vh;

  padding: 20px 0 0 0;
    
    top: 0px;
    
    background-size: cover;
}



/* The Close Button */

.close {

  color: #aaaaaa;

  float: right;

  font-size: 28px;

  font-weight: bold;

  margin-right: 10px;

  position: absolute;
  right: 10px;
  top: 5px;
}



.close:hover,

.close:focus {

  color: #000;

  text-decoration: none;

  cursor: pointer;

}



#consultation_modal .modal-content {

	max-width: 900px;
    position: relative;

}

/*Modal CSS*/



#intro-consult-container {

    display: flex;

    flex-direction: column;

    align-items: center;

}



.intro-consult-title {

    font-size: 20px;

    width: 80%;

    text-align: center;

    margin-top: 100px;

    margin-bottom: 50px;

}



.intro-consult-yes-btn{

	margin-bottom: 25px;

}



.intro-consult-no-btn{

    margin-bottom: 100px;

    background: transparent;

    color: grey;

    border: 0;

    text-decoration: underline;

    cursor: pointer;

}

.intro-consult-no-btn:hover{
    border: 0px;
    background: none;
    color: #CA805E;
}



.consult-container {

    display: flex;

    flex-direction: column;

    align-items: center;

}



.consult-title {

    font-size: 20px;

    width: 80%;

    text-align: center;

    margin-top: 100px;

    margin-bottom: 50px;

}



.custom_module .consult-title {

    font-size: 20px;

    width: 80%;

    text-align: center;

    margin-top: 100px;

    margin-bottom: 10px;

}



.custom_module .consult-description {

    text-align: center;

    max-width: 80%;

    margin-bottom: 50px;

}



.consult-contact-title {

    font-size: 20px;

    font-weight: bold;

    width: 80%;

    text-align: center;

    margin-bottom: 50px;

}



.consultation_selection_container {

    display: flex;

    flex-direction: row;

    align-content: center;

    flex-wrap: wrap;

    align-items: center;

    margin-bottom: 100px;

    justify-content: center;

}



.consultation_selection_single {

    width: 140px;

    margin: 10px;

    text-align: center;

    background: #ebe0d6;

    border-radius: 150px;

    display: flex;

    height: 140px;

    flex-direction: column;

    cursor: pointer;

    justify-content: center;

    align-content: center;

    align-items: center;

}

.consultation_selection_single:hover{

	background: #f5e8dd;

}

img.consultation_selection_single_img {

    width: 30px;

}



p.consultation_selection_single_title {

    font-size: 12px;

    font-weight: bold;

    margin: 5px 0;

}



.consultation_selection_single_img_container {

    height: 35px;

    display: flex;

    margin-bottom: 5px;

    align-items: flex-end;

}



.active-step-disabled{

    animation: fadein 2s;

    -moz-animation: fadein 2s; /* Firefox */

    -webkit-animation: fadein 2s; /* Safari and Chrome */

    -o-animation: fadein 2s; /* Opera */

}



@keyframes fadein {

    from {

        opacity:0;

    }

    to {

        opacity:1;

    }

}

@-moz-keyframes fadein { /* Firefox */

    from {

        opacity:0;

    }

    to {

        opacity:1;

    }

}

@-webkit-keyframes fadein { /* Safari and Chrome */

    from {

        opacity:0;

    }

    to {

        opacity:1;

    }

}

@-o-keyframes fadein { /* Opera */

    from {

        opacity:0;

    }

    to {

        opacity: 1;

    }

}





.masonry {

  column-count: 3;

  column-gap: 15px;

}



#result-quiz-container .masonry {

  column-count: 2;

  column-gap: 15px;

  width: 100%;

}



.masonry .brick {

    box-sizing: border-box;

    -webkit-column-break-inside: avoid;

    page-break-inside: avoid;

    break-inside: avoid;

    counter-increment: brick-counter;

}

.masonry img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    margin-bottom: 10px;
}



/* ===== Scrollbar CSS ===== */

  /* Firefox */

  * {

    scrollbar-width: auto;

    scrollbar-color:  #ca805b #ffffff;

  }



  /* Chrome, Edge, and Safari */

  *::-webkit-scrollbar {

    width: 16px;

  }



  *::-webkit-scrollbar-track {

    background: #ffffff;

  }



  *::-webkit-scrollbar-thumb {

    background-color:  #ca805b;

    border-radius: 10px;

    border: 3px solid #ffffff;

  }



#userinfo-complete-container {

    background: white;

    position: fixed;

    top: 0;

    width: 100vw;

    display: flex;

    height: 100vh;

    z-index: 3;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}



#userinfo-complete-title {


    text-align: center;

}



#userinfo-complete-img {

    width: 100px;

}



#result-loading-container {

    background: white;

    position: fixed;

    top: 0;

    width: 100vw;

    display: flex;

    height: 100vh;

    z-index: 3;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}



#result-loading-title {

    text-align: center;

}



#result-loading-img {

    width: 100px;

}



#style-picker-link {

    cursor: pointer;

    font-size: 11px;

    padding-top: 10px;

    text-decoration: underline;

    margin-right: 10px;
    margin-left: 10px;

    font-weight: bold;

}


#skip-texture-btn {

    cursor: pointer;

    font-size: 11px;

    padding-top: 10px;

    text-decoration: underline;

    margin-right: 10px;
    margin-left: 10px;

    font-weight: bold;

}


#result-quiz-label {

    margin-left: 0;

    text-align: center;

    font-size: 14px;

    text-transform: uppercase;

}



#result-substyle-label {

    margin-left: 0;

    margin-top: 50px;

    font-weight: bold;

    font-size: 10px;

    text-transform: uppercase;

    text-align: center;

}



#result-quiz-desc {

    margin-left: 0;

    line-height: 1.6;

    text-align: center;

    font-size: 14px;

}



.result-substyle-container {

    margin-left: 0;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

}



.result-substyle-wrapper {

    width: 100%;

    margin-right: 0;

    text-align: center;

}



.result-substyle-title {

    font-size: 14px;

    font-weight: bold;

}



.result-substyle-desc {

    font-size: 14px;

    line-height: 1.6;

}

.result-quiz-content{
    display: flex;
    justify-content: center;
}



.start_consult_link {

    margin-top: 60px !important;

    width: fit-content;

    text-align: center;

    margin: auto;

    margin-bottom: 25px;

    margin-top: 25px;

}

.retake_quiz_link {

    margin-top: 60px !important;

    width: fit-content;

    text-align: center;

    margin: auto;

    margin-bottom: 25px;

    margin-top: 25px;

}

.file_input{
    font-size: 15px;
}

.contact_checkbox_container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 90%;
    align-items: center;
}

.subscribe_checkbox_container {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 90%;
    margin: auto;
    align-items: center;
}

.contact_checkbox {
    width: 15px;
    margin: 10px;
}

.back-btn {
    position: fixed;
    top: 60px;
    padding: 5px;
    cursor: pointer;
    margin: 30px auto;
    background: #ca805b;
    height: 30px;
    z-index: 10;
    width: 30px;
    border-radius: 50%;
    transition: all 0.2s linear;
}

.back-btn:hover {
  transform: translate3d(0, 3px, 0);
}

.back-btn::after {
    content: "";
    position: absolute;
    left: 10px;
    z-index: 11;
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    top: 10px;
    transform: rotate(
        315deg);
}

.result-texture-container {
    margin-top: 25px;
}

.result-texture-wrapper {
    display: flex;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 4px rgb(0 0 0 / 24%);
    padding: 10px;
    border-radius: 10px;
    flex-direction: column;
    align-items: center;
    margin: 10px 0;
}

.result-texture-image {
    max-width: 100px;
}

.result-texture-title {
    font-weight: bold;
    text-align: center;
}

.result-texture-desc {
    text-align: center;
}


.title-2{
    font-family: Montserrat,eleget_light,arial;
    font-size: 30px !important;
    font-weight: bold;
    /*font-family: 'authentic_signature';
    font-weight: 500 !important;
    font-size: calc(44px + (65 - 34) * (100vw - 375px) / (1900 - 375)) !important;*/
}

@media only screen and (max-width: 768px) {
    .title-2{
        font-size: 20px !important;
    }


    .consult_back_btn{
    	top: 10px !important;
    }
}

.swal-overlay--show-modal .swal-modal {
    border-radius: 10px;
    opacity: 0.85;
}

.consult_back_btn{
	position: fixed;
	top: 60px;
	padding: 5px;
	cursor: pointer;
	margin: 0 15px;
	background: #ca805b;
	height: 30px;
	z-index: 10;
	width: 30px;
	border-radius: 50%;
	transition: all 0.2s linear;
}

.consult_back_btn:hover {
  transform: translate3d(0, 3px, 0);
}

.consult_back_btn::after {
    content: "";
    position: absolute;
    left: 10px;
    z-index: 11;
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    top: 10px;
    transform: rotate(
        315deg);
}