.logo img {
    margin: 10px auto 50px auto;
    max-width: 240px !important;
    height: auto;
}
.col,
body {
    padding: 0;
}
.return-home-link,
a.qem-main-button {
    font-size: 16px;
    text-decoration: none;
}
.container {
    max-width: 1621px !important;
}
.left {
    float: left;
}
.right {
    float: right;
}
.clear {
    clear: both;
}
body {
    margin: 15px 0 15px;
    font-family: fieldwork, Arial, sans-serif;
}
a.qem-main-button {
    text-transform: uppercase;
    color: #fff;
    padding: 10px 20px 8px;
    border-radius: 5px;
    margin-left: 12px;
    float: left;
}
.qem-main-button.green {
    background: #124735;
}
.qem-main-button.green:hover {
    background: #09231a;
}
.qem-main-button.brown {
    background: #bc955c;
}
.accordion-body,
.accordion-button:not(.collapsed),
.menu {
    background: url(../img/menu_tile_not_collapsed_bg.png) top right repeat-y #1e1e1e;
}
.qem-main-button.brown:hover {
    background: #644b29;
}
.configurator-name {
    display: block;
}
.configurator-name h1 {
    font-size: 30px;
    margin: 0;
}
.configurator-header .top-buttons {
    padding-bottom: 12px;
}
.configurator-header .top-buttons a {
    float: right !important;
}
.return-home-link {
    color: #595959;
    margin-right: 10px;
}
.container.home a,
.container.home h1 {
    text-transform: uppercase;
    text-decoration: none !important;
    color: #000;
}
.container.home h1 {
    font-size: 45px;
    margin-bottom: 27px;
}
.container.home h2 {
    font-size: 35px;
    margin-top: 10px;
}
.container.home img {
    max-width: 100%;
    height: auto;
}
.menu {
    width: 32.7%;
    padding: 0;
}
.accordion-button {
    font-size: 20px;
    cursor: pointer;
}
.menu .selection_text {
    width: 40%;
    font-size: 14px;
    text-align: right;
    color: #fff;
    position: absolute;
    right: 15px;
    top: 35%;
}
.menu .selection_icon {
    position: absolute;
    right: 3%;
    top: 12%;
    cursor: pointer;
}
.menu .selection_icon img {
    max-width: 35px;
    max-height: 35px;
    border-radius: 7px;
    box-shadow: 1px 8px 9px -5px rgba(0, 0, 0, 0.42);
    -webkit-box-shadow: 1px 8px 9px -5px rgba(0, 0, 0, 0.42);
    -moz-box-shadow: 1px 8px 9px -5px rgba(0, 0, 0, 0.42);
}
.accordion-button:not(.collapsed) {
    color: #fff;
    box-shadow: none;
}
.accordion-button.collapsed::after,
.accordion-button:not(.collapsed)::after {
    background-image: none;
}
.accordion-item:last-of-type .accordion-button.collapsed {
    border-radius: 0;
}
.accordion-button.collapsed {
    color: #959495;
    background: url(../img/menu_tile_collapsed_bg.png) top right repeat-y #3f3f3f;
}
.accordion-button.collapsed:hover {
    color: #ebebeb;
}
.accordion-body {
    font-size: 16px;
    padding: 0 20px;
    color: #fff;
    min-height: 250px;
}
.accordion-body .submenu,
.accordion-body .thumb-list {
    margin: 0;
    padding: 0;
}
.accordion-body .submenu li {
    float: left;
    display: inline;
    margin: 10px 16px 15px 0;
    text-align: center;
}
.accordion-body .submenu li a {
    text-decoration: none;
    color: #7f7f7f;
    background: #3f3f3f;
    padding: 8px 27px 7px;
    border-radius: 20px;
}
.accordion-body .submenu li a:hover {
    background: #5a5a5a;
}
.accordion-body .submenu li.active a {
    color: #fff;
    background: #5a5a5a;
}
.area-wall-design .accordion-body {
    padding-bottom: 0;
    padding-top: 6.5%;
}
.accordion-body .thumb-list li {
    float: left;
    display: inline;
    margin: 0;
    text-align: center;
}
.accordion-body .thumb-list li img {
    vertical-align: middle;
    max-width: 95%;
}
.accordion-body .thumb-list.rounded li img {
    border-radius: 8px;
}
.accordion-body .thumb-list.thirds li {
    display: block;
    width: 33%;
    padding: 5px;
    margin-bottom: 10px;
}
.accordion-body.tile_shape .thumb-list.thirds li {
    min-height: 150px;
    line-height: 127px;
}
.accordion-body .thumb-list.thirds li.selected img {
    border: 2px solid #fff;
}
.accordion-body.tile_shape .thumb-list.thirds li.selected img {
    padding: 1px;
}
.accordion-body .thumb-list.fourths li {
    display: block;
    width: 22%;
    margin: 1.5%;
}
.accordion-body .thumb-list.fourths li img {
    vertical-align: middle;
    border-radius: 10px;
}
.accordion-body .thumb-list.fourths li.selected img {
    border: 3px solid #fff;
}
.menu.walls .accordion-button,
.menu.walls .accordion-button:not(.collapsed) {
    padding: 3.5% 4% 3%;
}
.area-wall-design .thumb-list.thirds li img {
    max-height: 110px;
}
.menu.walls .wall-block {
    line-height: 95px;
}
.accordion-button:not(.collapsed) {
    padding: 42px 25px 30px;
}
.menu.tiles .accordion-button.collapsed {
    padding: 6.5% 25px;
}
.menu.tiles .selection_icon {
    top: 32%;
}
.menu.walls .content_selection {
    padding: 0.2% 0 33%;
}
.menu.tiles .content_selection {
    padding: 0.2% 0 35%;
}
#qem_area_tiles_carousel {
    min-height: 320px;
}
.menu.tiles .area-1 .carousel {
    padding-bottom: 7.5%;
}
.menu.tiles .carousel-inner {
    padding-top: 2%;
}
.menu.ezo_on_ezo .accordion-button.collapsed {
    padding: 33px 25px;
}
.menu.ezo_on_ezo .accordion-button:not(.collapsed) {
    padding: 20px 25px 7px;
}
.ezo_on_ezo_design .carousel-inner {
    width: 98%;
}
.menu.ezo_on_ezo .selection_icon {
    top: 28%;
}
.menu.ezo_on_ezo li.ezo_on_ezo-block {
    width: 26.5%;
    margin: 10px 2% 10px 4% !important;
}
.menu.ezo_on_ezo .content_selection {
    padding: 0.2% 0 25%;
}
.area-ezo_on_ezo .carousel-control-prev {
    left: -2px;
}
.area-ezo_on_ezo .carousel-control-next {
    right: -2px;
}
.carousel {
    padding-bottom: 7px;
}
.carousel_loading {
    width: 100%;
    min-height: 220px;
    background: url(../img/menu/loading.gif) center center no-repeat;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: 13px 15px;
}
.carousel-inner {
    margin: 0 5px;
}
.carousel-item {
    width: 99%;
}
.carousel-control-prev {
    left: -20px;
    width: auto;
}
.carousel-control-prev-icon {
    background-image: url(../img/menu/icon_carousel_prev.png) !important;
    width: 2rem;
}
.carousel-control-next {
    right: -20px;
    width: auto;
}
.carousel-control-next-icon {
    background-image: url(../img/menu/icon_carousel_next.png) !important;
    width: 2rem;
}
.menu.walls .carousel {
    padding-bottom: 5.5%;
}
.menu.walls .carousel-inner {
    padding-top: 2.5%;
}
.whiteboard {
    width: 67.3%;
    max-height: 630px;
    padding: 0;
    -webkit-transition: background 0.2s, border 0.2s;
    -moz-transition: background 0.2s, border 0.2s;
    -o-transition: background 0.2s, border 0.2s;
    transition: background 0.2s, border 0.2s;
}
.whiteboard.tiles,
.whiteboard.walls {
    background: url(../img/whiteboard/background_new.jpg) 50% / cover no-repeat;
}
.whiteboard.ezo_on_ezo {
    background: url(../img/whiteboard/moss_on_ezo_bg.jpg) 50% / cover no-repeat;
}
.whiteboard.tiles .hero {
    position: relative;
    width: 95%;
    height: 94%;
    min-height: 349px;
    left: 0;
    top: 10px;
    padding-top: 10px;
    margin-left: 25px;
}
.whiteboard.walls .hero {
    position: relative;
    width: 423px;
    height: 339px;
    left: 31%;
    top: 9%;
    background-size: cover;
}
.whiteboard.walls .edge_ezobord {
    border: 5px solid #fff;
}
.whiteboard .edge_moss {
    border: 2px solid #447431;
}
.whiteboard.tiles .edge_moss {
    border: none !important;
    filter: drop-shadow(1px 1px 0 #447431) drop-shadow(-1px 1px 0 #447431) drop-shadow(1px -1px 0 #447431) drop-shadow(-1px -1px 0 #447431);
    -webkit-filter: drop-shadow(1px 1px 0 #447431) drop-shadow(-1px 1px 0 #447431) drop-shadow(1px -1px 0 #447431) drop-shadow(-1px -1px 0 #447431);
}
.whiteboard.walls .edge_noedge {
    border: none;
    -webkit-filter: none !important;
    filter: none !important;
}
.hero-area-1,
.hero-area-2,
.hero-area-3,
.hero-area-4 {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: repeat;
    mask-repeat: repeat;
}
.whiteboard .tile_container {
    width: 190px;
    height: 190px;
    z-index: 50;
    position: absolute;
}
.tile_container.small {
    width: 190px;
    height: 190px;
}
.tile_container.large {
    width: 240px;
    height: 240px;
}
.whiteboard .tile-rotation-border {
    width: 102%;
    padding: 20px;
    background: url("") center center/cover no-repeat;
    position: absolute;
    text-align: center;
    z-index: 10;
}
.whiteboard .tile-hero {
    text-align: center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    cursor: all-scroll;
    border: 1px solid transparent !important;
}
.whiteboard .tile-hero img {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    visibility: hidden;
}
.tile-edge {
    filter: drop-shadow(2px 2px 7px rgba(0, 0, 0, 0.2));
    -webkit-filter: drop-shadow(2px 2px 7px rgba(0, 0, 0, 0.2));
    -moz-filter: drop-shadow(2px 2px 7px rgba(0, 0, 0, 0.2));
}
.tile_border {
    position: absolute;
    transform: translateX(-50%) translateY(-50%);
    z-index: -20;
    text-align: center;
    border-radius: 50%;
}
.popup,
.tile_container .tile-actions {
    border: 1px solid #f7f7f7;
    color: #fff;
    position: absolute;
}
.quote_popup input,
.quote_popup textarea {
    color: #595959;
    padding: 10px 10px 5px;
    border: 1px solid #757675;
}
.tile_container .tile_border {
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    left: 50%;
    top: 50%;
}
.tile_container.small .tile_border {
    width: 118%;
    height: 118%;
}
.tile_container.large .tile_border {
    width: 116%;
    height: 116%;
}
.diamond.small .tile_border {
    width: 124%;
    height: 124%;
    left: 49.7%;
}
.diamond.large .tile_border {
    width: 124%;
    height: 124%;
}
.triangle.small .tile_border {
    width: 124%;
    height: 124%;
    top: 46.5%;
}
.triangle.large .tile_border {
    width: 124%;
    height: 124%;
    top: 47%;
}
.trapezoid.small .tile_border {
    height: 132%;
}
.trapezoid.large .tile_border {
    height: 126%;
}
.tile_container .tile-actions {
    background: #3f3f3f;
    width: 184px;
    box-shadow: 1px 1px 13px -1px rgba(0, 0, 0, 0.42);
    -webkit-box-shadow: 1px 1px 13px -1px rgba(0, 0, 0, 0.42);
    -moz-box-shadow: 1px 1px 13px -1px rgba(0, 0, 0, 0.42);
    font-size: 14px;
    padding: 3px 0 0;
    z-index: 100;
}
.tile_container .tile-actions hr {
    display: block;
    height: 0;
    border: 0;
    color: #fff;
    background-color: #f7f7f7;
    border-bottom: 1px solid #f7f7f7;
    border-top: 1px solid #4b4b4b;
    opacity: 1;
    margin: 0;
}
.tile_container .tile-actions a {
    text-decoration: none;
    color: #fff;
}
.tile_container .tile-actions span {
    display: block;
    line-height: 0;
    width: 100%;
    padding: 16px 14px 15px 37px;
    background-position: 12px 8px !important;
}
.tile_container .tile-actions span.forward {
    background: url(../img/whiteboard/tiles/actions/forward.png) no-repeat;
}
.tile_container .tile-actions span.backward {
    background: url(../img/whiteboard/tiles/actions/back.png) no-repeat;
}
.tile_container .tile-actions span.smaller {
    background: url(../img/whiteboard/tiles/actions/large.png) no-repeat;
}
.tile_container .tile-actions span.larger {
    background: url(../img/whiteboard/tiles/actions/small.png) no-repeat;
}
.tile_container .tile-actions span.delete {
    padding: 10px 7px 8px 36px;
    margin: 0;
    line-height: 23px;
    background: url(../img/whiteboard/tiles/actions/delete.png) no-repeat red;
    background-position: 10px 10px !important;
}
.tile_container .tile-actions span:hover {
    background-color: #1f1f1f;
}
.tile_container .tile-actions span.delete:hover {
    background-color: #800500;
}
.whiteboard.ezo_on_ezo .hero {
    position: relative;
    left: 38.5%;
    max-width: 268px;
    height: 500px;
    background-size: cover;
    margin: 15px 0;
}
.design_ideas {
    z-index: 100;
    position: absolute;
    background: rgba(0, 0, 0, 0.85);
    display: none;
}
.design_ideas .close_design_ideas {
    position: absolute;
    top: 3%;
    right: 1%;
    z-index: 99;
}
.design_ideas .carousel-inner {
    margin-top: 2%;
}
.design_ideas .carousel-item {
    height: 100%;
    width: 100%;
    text-align: center;
}
.design_ideas .carousel-item img {
    max-width: 1062px;
    max-height: 566px;
    margin: 0 auto;
}
.design_ideas .carousel-control-next-icon,
.design_ideas .carousel-control-prev-icon {
    background-size: 23px 25px;
    z-index: 90;
}
.design_ideas .carousel-control-next {
    right: -10px;
}
.design_ideas .carousel-control-next,
.design_ideas .carousel-control-prev {
    margin: 0 10px;
}
.whiteboard-bottom-actions {
    margin-top: 18px;
}
.whiteboard-bottom-actions .qem-main-button {
    float: none !important;
}
.popup {
    width: 47.6%;
    background: #000;
    box-shadow: 1px 1px 13px -1px rgba(0, 0, 0, 0.42);
    -webkit-box-shadow: 1px 1px 13px -1px rgba(0, 0, 0, 0.42);
    -moz-box-shadow: 1px 1px 13px -1px rgba(0, 0, 0, 0.42);
    max-width: 773px;
    min-width: 375px;
    min-height: 204px;
    top: 50%;
    left: 30%;
    text-align: center;
    font-size: 30px;
    padding: 70px 76px 32px;
    z-index: 99;
    display: none;
}
.popup .close {
    position: absolute;
    top: 15px;
    right: 20px;
    width: 35px;
}
.popup .message {
    line-height: 36px;
    margin-bottom: 30px;
    display: block;
}
.upload_image .message {
    margin-bottom: 0;
}
.upload_image .scene_background {
    padding: 34px 0;
    height: 120px;
    display: block;
}
.popup .small_message {
    font-size: 19px;
}
.popup .buttons {
    width: 235px;
    margin: 0 auto;
    text-align: center;
}
.popup .buttons a.qem-main-button {
    min-width: 100px;
}
.quote_popup {
    text-align: left;
    max-width: 30%;
    top: 25%;
    left: 36%;
    padding: 70px 3% 32px;
}
.quote_loading {
    width: 100%;
    min-height: 130px;
    background: url(../img/menu/loading.gif) center center no-repeat;
}
.response_message {
    min-height: 130px;
    text-align: center;
}
.input_fields select {
    width: 100%;
    height: 67px;
    background: #fff;
    margin-bottom: 17px;
    text-transform: uppercase;
    color: #bfbfbf;
    padding: 10px 10px 5px;
    border: 1px solid #757675;
}

.quote_popup input {
    margin: 0 0 10px;
    width: 100%;
}
.quote_popup textarea {
    margin: 0 0 15px;
    width: 100%;
}
.quote_popup .buttons {
    width: 125px;
}
.quote_popup ::placeholder {
    color: #b3b3b3;
}
.quote_popup :-ms-input-placeholder {
    color: #b3b3b3;
}
.quote_popup ::-ms-input-placeholder {
    color: #b3b3b3;
}