/*@import url(https://fonts.googleapis.com/css?family=Lora);
@import url(https://fonts.googleapis.com/css?family=Nunito);
@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url(https://fonts.googleapis.com/css?family=Raleway);*/

:root {
    --main-color: #F6931E;
    --main-color-hover: #6E4410;
    --main-color-light: #B4CDED;
    /* --wall-color: #C7D8F9;
    --floor-color: #7DA4F2; */
    --wall-color: #FFFFFF;
    --floor-color: #FFFFFF;
    --primary: #F6931E;
    --primary-dark: #CB7A17;
}

* {
    box-sizing: border-box;
    font-family: inherit;
    line-height: inherit;
}

*:before, *:after {
	content: '';
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.position-absolute.top-0, .position-fixed.top-0 { top: 0; }
.position-absolute.top-100, .position-fixed.top-100 { top: 100; }
.position-absolute.bottom-0, .position-fixed.bottom-0 { bottom: 0; }
.position-absolute.bottom-100, .position-fixed.bottom-100 { bottom: 100; }
.position-absolute.left-0, .position-fixed.left-0 { left: 0; }
.position-absolute.right-0, .position-fixed.right-0 { right: 0; }

.z-index--1 { z-index: -1; }
.z-index-0 { z-index: 0; }
.z-index-1 { z-index: 1; }
.z-index-2 { z-index: 2; }

.width-auto, .w-auto { width: auto; }
.height-auto, .h-auto { height: auto; }
.width-100, .w-100 { width: 100%; }
.height-100, .h-100 { height: 100%; }
.width-40, .w-40 { width: 40%; }
.height-40, .h-40 { height: 40%; }
.width-30, .w-30 { width: 30%; }
.height-30, .h-30 { height: 30%; }
.width-20, .w-20 { width: 20%; }
.height-20, .h-20 { height: 20%; }

.overflow-x-scroll { overflow-x: scroll; }
.overflow-x-hidden { overflow-x: hidden; }

.wrapper { min-height: 100%; }

.bg-room, .bg-room:before, .bg-room:after {
    background-color:  var(--floor-color);
    background-image: url('../img/background.png');
    background-size: cover;
    background-position: center;
}

.bg-illustration, .bg-illustration:before, .bg-illustration:after {
    background-image: url('../img/illustration.png');
    /*background-size: cover;*/
    background-position: center center;
    background-repeat: no-repeat;
}

.bg-wall-color, .bg-wall-color:before, .bg-wall-color:after {
    background-color: var(--wall-color);
}

.bg-floor-color, .bg-floor-color:before, .bg-floor-color:after {
    background-color: var(--floor-color);
}

.bg-main-color, .bg-main-color:before, .bg-main-color:after {
    background-color: var(--main-color);
}

.bg-white, .bg-white:before, .bg-white:after {
    background-color: #fff;
}

.bg-dark {
    background-color: #000000;
}

.border-main-color {
    border-color: var(--main-color) !important;
}

.text-main-color {
    color: var(--main-color);
}

.btn-primary {
    background-color: var(--primary);
    border-color: var(--primary-dark);
}

.btn-primary:hover {
    background-color: var(--primary-dark);
    border-color: var(--primary-dark);
}

.btn-primary:active {
    background-color: var(--primary-dark) !important;
    border-color: var(--primary-dark) !important;
}

.btn-outline-primary {
    border-color: var(--primary-dark);
    color: var(--primary);
}

.btn-outline-primary:hover {
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn-outline-primary:active {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

.btn-outline-main-color {
    border-color: var(--main-color);
    color: var(--main-color);
}

.btn-outline-main-color:hover {
    background-color: var(--main-color);
    border-color: var(--main-color);
    color: var(--main-color-light);
}

.btn-outline-main-color:active {
    background-color: var(--main-color);
    border-color: var(--main-color);
    color: var(--main-color-light);
}

.btn-text-primary {
    color: var(--primary);
}

.btn-text-primary:hover {
    color: var(--primary);
    font-weight: bold;
}

.btn-text-primary:active {
    border-color: var(--main-color) !important;
    color: var(--primary) !important;
    font-weight: bold;
}

.btn-rounded {
    border-radius: 50%;
}

.overflow-hidden {
    overflow: hidden !important;
}

.overflow-y-hidden {
    overflow-y: hidden !important;
}

.overflow-visible {
    overflow: visible !important;
}

.overflow-y-visible {
    overflow-y: visible !important;
}

.overflow-x-scroll {
    overflow-x: scroll !important;
}

.overflow-auto {
    overflow: auto !important;
}

.hide-scrollbar {
    -ms-overflow-style: autohiding-scrollbar;
}

.hide-scrollbar::-webkit-scrollbar{
    display: none;
}

.hide-scrollbar::scrollbar{
    display: none;
}

.no-wrap {
    white-space: nowrap;
}

.container {
    /*width: 940px;*/
    /*max-width: 1024px;*/
    max-width: 1150px;
    max-width: 1024px;
    margin: 0 auto
}

.container.full-width {
    max-width: 100%;
}

.container.no-padding {
    padding: 0;
}

.container.no-margin {
    margin: 0;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.overlay:not(.transparent) {
    background-color: rgba(0, 0, 0, .4);
}

h1, h2, h3, h4, h5, h6 {
    /*font-family: 'Bodoni 72', serif !important;*/
}

form label {
    font-size: .85em;
}

@media screen and (min-width: 768px) {
    form label {
        padding-top: .45rem;
    }
}

form .form-control, form .custom-select {
    /*color: var(--main-color);*/
}

form .form-control {
    padding-left: 1.2rem !important;
    padding-right: 1.2rem !important;
    padding-top: .9rem;
    padding-bottom: .9rem;
}

form .form-control:not(.form-control-plaintext):hover, form .custom-select:hover {
    border-color: var(--main-color);
}

form .form-control:focus, form .custom-select:focus {
    /*border-color: var(--main-color);
    outline-color: var(--main-color);
    box-shadow: 0 0 0 .2rem rgba(192, 59, 43, .25);*/
}

form .verification-control .form-control {
    width: 16%;
    text-align: center;
}

form .show-password-control {
    padding: .4rem;
    cursor: pointer;
}

form .show-password-control.password-visible .show-password { display: none; }

form .show-password-control .hide-password:not(.show-password-control.password-visible .hide-password) { display: none; }


input:-webkit-autofill, input:-autofill {
    -webkit-text-fill-color: inherit !important;
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
 -webkit-box-shadow: 0 0 0 30px transparent inset !important;
 background-color: transparent !important;
}

input:-webkit-internal-autofill-selected, input:-internal-autofill-selected {
    appearance: none;
    background-color: transparent !important;
    color: inherit !important;
}

html {
    width: 100vw;
    height: 100vh;
    overflow-x: hidden;
    padding: 0;
    margin: 0;
}

/** Body */
body {
    width: 100%;
    min-height: 100%;
    overflow-x: hidden;
    padding: 0;
    margin: 0;
    font-family: Nunito, Raleway, Roboto, Lora, 'San Fransisco', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, sans-serif;
    line-height: 1.6;
    /*background-color: var(--main-color);*/
}

@media (min-width: 768px) {
    body { height: 100%; }
}

/** Body Container */
.body-container { min-height: 100%; }

@media (min-width: 768px) {
    .body-container { height: 100%; }
}

/** Header */
.header {}

.header .header-container {
    height: 64px;
}
/** Logo */
.header .header-container .logo {
    width: 128px;
}

/** Content */
.content {}

.content .content-container {}

/** Footer */
.footer {
    font-size: .8rem;
}