@font-face {
    font-family: bodoniRegular;
    src: url('fonts/BodoniFLF-Roman.ttf');
}
@font-face {
    font-family: bodoniBold;
    src: url('fonts/BodoniFLF-Bold.ttf');
}
@font-face {
    font-family: bodoniItalic;
    src: url('fonts/BodoniFLF-Italic.ttf');
}

.trans {transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s;}
a,
a:active,
a:hover,
a:focus {text-decoration: none !important;}


body {background: #fff; font-family: 'Montserrat', sans-serif; font-weight: 200;}
.instructions_mask {display: none; width: 100%; height: 100%; position: fixed; z-index: 9999; left: 0; top: 0; background: rgba(0,0,0,0.8);}
.instructions_wrapper {width: 100%; text-align: center; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.instructions_wrapper p {color: #fff; font-size: 16px; line-height: 1.5; text-align: center; font-weight: 600;}
.row_header {position: fixed; top: 0; left: 0; width: 100%; z-index: 99; border-bottom: 1px solid #000; background: #fff;}
.logo_fc {display: block; float: left; width: 230px; height: 43px; background: url(images/logo_fc.svg) no-repeat center center; background-size: 133px; position: relative; z-index: -1}
.logo_fc.activate {z-index: 9;}
.main_menu {padding-left: 0; display: block; width: 100%; position: absolute; left: 0; top: 12px; z-index: 0; text-align: center;}
.main_menu li {display: inline-block; margin: 0 50px;}
.main_menu a {font-size: 14px; color: #000 !important; font-weight: 400;}
.icon_menu {display: none;}
.phone_number {position: absolute; right: 0;}

.back {display: none; font-size: 14px; position: absolute; left: 20px; top: 80px; color: #000; background: url(images/icon_back.svg) no-repeat left center; padding-left: 15px;}
.img_360 {display: none; position: absolute; left: 36%; top: 80px; width: 100px;}
.shirt_type {display: none; font-size: 14px; font-weight: 600; position: absolute; right: 20px; top: 80px; color: #000; z-index: 2;}
.reset {display: none; font-size: 14px; position: fixed; left: 20px; bottom: 40px; color: #000; background: url(images/icon_reset.png) no-repeat left center; padding-left: 15px; background-size: 10px; z-index: 2;}
.disclaimer_color {font-size: 12px; clear: both; font-style: italic;}
.button_ghost {display: inline-block; border: 1px solid #000; font-size: 14px; height: 35px; line-height: 35px; padding: 0 50px; color: #000 !important; transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s;}
.button_ghost.active,
.button_ghost:hover {background: #000; color: #fff !important;}
.button_black {display: inline-block; border: 1px solid #000; font-size: 14px; height: 35px; line-height: 35px; padding: 0 50px; color: #fff !important; background: #000; font-weight: 400;}
.trimite_comanda {display: none; position: absolute; right: 20px; top: 70px;}
.order_pay input[type="submit"] {white-space: normal; border: none; background: none; font-size: 14px; color: #000; font-weight: 400;}

.first_screen {width: 100%; height: 100%;position: fixed; top: 0; left: 0; z-index: 98; background: #fff url(images/bg_home.png) no-repeat center center; background-size: cover; text-align: center;}
.first_screen h1 {font-size: 22px; letter-spacing: 30px; margin-top: 12%; font-weight: 600; background: rgba(255,255,255,0.5); padding: 10px 0;}
.first_screen p {font-size: 14px; line-height: 28px; margin-top: 6%;}
.first_screen_buttons {position: absolute; bottom: 20%; left: 0; width: 100%;}
.first_screen_buttons a {background: #fff; display: inline-block; margin: 0 25px; height: 40px; line-height: 40px; width: 263px; border: 1px solid #000; font-size: 18px; color: #000;}
.option[data-shirt="ceremony"],
.option[data-shirt="business"],
.option[data-shirt="both"]{display: none;}
.canvas_wrapper {display: none; position: fixed; z-index: 1; left: 0; top: 44px; width: 50%; height: calc(100vh - 45px);}
/*.canvas_wrapper .shadow_top {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 50px;
    background: -moz-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.68) 50%, rgba(255,255,255,0.99) 99%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.68) 50%,rgba(255,255,255,0.99) 99%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.68) 50%,rgba(255,255,255,0.99) 99%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );}*/
.canvas_wrapper .shadow_right {content: ''; display: block; position: absolute; top: 0; right: -1px; width: 50px; height: 100%;
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.68) 50%, rgba(255,255,255,0.99) 99%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.68) 50%,rgba(255,255,255,0.99) 99%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.68) 50%,rgba(255,255,255,0.99) 99%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );}
/*.canvas_wrapper .shadow_bottom {content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 50px;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.68) 50%, rgba(255,255,255,0.99) 99%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.68) 50%,rgba(255,255,255,0.99) 99%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.68) 50%,rgba(255,255,255,0.99) 99%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );}
.canvas_wrapper .shadow_left {content: ''; display: block; position: absolute; top: 0; left: 0; width: 50px; height: 100%;
    background: -moz-linear-gradient(right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.68) 50%, rgba(255,255,255,0.99) 99%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.68) 50%,rgba(255,255,255,0.99) 99%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.68) 50%,rgba(255,255,255,0.99) 99%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );}*/

.progress {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background: rgba(255,255,255,0.9);}
.progress_bar_wrapper {width: 80%; top: 50vh; left: 10%; text-align: center; position: absolute; z-index: 2;}
.progress_bar {width: 100%; height: 5px; background: #000;}
.progress_percentage {font-size: 20px;}

.interface_mobile {display: none !important;}
.icon_arrows {display: block; width: 22px; height: 22px; background: url(images/icon_arrows.svg) no-repeat center center; background-size: 22px;}
.icon_arrows.active {background-image: url(images/icon_arrows_down.svg);}
.interface {display: none; position: fixed; right: 0; top: 44px; height: calc(100vh - 44px); z-index: 3; width: 50%;}
.interface_screen {display: none; width: 75%; position: absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); height: 90%;}
.interface_screen_inner {position: absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%;}
.makeScrollable {overflow: auto; height: 100%; padding-bottom: 50px;}
.interface_screen_wrapper {margin-bottom: 80px;}
.wrapper_dimensiuni {margin-bottom: 0;}
.wrapper_manseta {margin-bottom: 0;}
.simplebar-scrollbar {width: 2px;}
.simplebar-scrollbar:before {opacity: 1 !important;}
.simplebar-content {padding-bottom: 50px !important;}
.makeScrollable {position: relative}
.makeScrollable:after {content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 50px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,ffffff+99&0+0,0.68+50,1+100 */
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.68) 50%, rgba(255,255,255,0.99) 99%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.68) 50%,rgba(255,255,255,0.99) 99%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.68) 50%,rgba(255,255,255,0.99) 99%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}
.jspTrack {background: #fff;}
.jspDrag {background: #000;}
.jspVerticalBar {width: 5px;}
.makeScrollable.options_wrapper {padding-bottom: 80px;}
.interface_desktop .interface_screen_wrapper.wrapper_textil {margin-bottom: 0;}
.interface_desktop .interface_screen_wrapper.wrapper_textil .makeScrollable.options_textil {padding-bottom: 0 !important; height: 70%;}
.interface h2 {font-family: bodoniRegular, sans-serif; font-size: 14px; line-height: 1.2;}
.interface h2 span {font-size: 36px; margin-right: 10px; display: inline-block; transform: translateY(-15px); -moz-transform: translateY(-15px); -webkit-transform: translateY(-15px);}
.options_wrapper {padding-left: 50px;}
.options_sizes {padding-left: 80px;}
.link_masuratori {margin: 15px 0; font-size: 14px; padding: 0 5px; display: inline-block; margin-left: 5px; color: #000 !important;}
.option {display: block; width: 25%; color: #000; position: relative; float: left; text-align: center; padding: 0 10px; font-size: 10px;}
.option:before,
.option:after {content: ''; width: 1px; height: 15px; display: block; background: #000; position: absolute; bottom: -15px; left: 50%; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s;}
.option.active:after {transform: rotate(45deg) !important; -moz-transform: rotate(45deg) !important; -webkit-transform: rotate(45deg) !important; background: #1893D3 !important;}
.option:hover:after {transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); background: #1893D3;}
.option.active:before {transform: rotate(-45deg) !important; -moz-transform: rotate(-45deg) !important; -webkit-transform: rotate(-45deg) !important; background: #1893D3 !important;}
.option:hover:before {transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); background: #1893D3;}
.option img {width: 60px; display: block; margin: 0 auto; margin-bottom: 10px;}
.input_detalii {display: block; width: 96%; border: none; border-bottom: 1px solid #000000; text-indent: 15px; font-style: italic; font-size: 14px; line-height: 17px; outline: none !important;}
.option_nasturi {margin: 60px 0;}
.error_sizes {display: none; font-size: 10px; color: #ff0000;}
.wrapper_dimensiuni .option {width: auto; display: inline-block; float: none; text-align: left; padding-left: 20px;}
.wrapper_dimensiuni select {display: inline-block; margin-left: 10px;}
.wrapper_dimensiuni .option:before,
.wrapper_dimensiuni .option:after {bottom: 0; left: 0;}
.wrapper_dimensiuni .see_sizes_form {color: #aaa; font-style: italic; display: inline-block; margin-left: 10px; background: url(images/icon_info.svg) no-repeat right center; background-size: 10px; padding-right: 15px;}
.wrapper_guler .input_detalii,
.wrapper_manseta .input_detalii {margin-top: 30px;}

.mask {display: none; background: rgba(0,0,0,0.5); position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%;}
.modal_sizes {padding: 20px; display: none; position: fixed; background: #fff; width: 80%; left: 10%; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.modal_close {position: absolute; right: 5px; top: 5px; font-size: 20px; width: 15px; height: 15px; color: #000; z-index: 9;}
.modal_close:before {content: ''; width: 1px; height: 15px; display: block; background: #000; position: absolute; bottom: 0; left: 50%; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.modal_close:after {content: ''; width: 1px; height: 15px; display: block; background: #000; position: absolute; bottom: 0; left: 50%; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.modal_sizes input[type="text"] {border: 1px solid transparent; background: #f3f3f3; width: 100%; height: 20px; line-height: 20px; text-indent: 10px; outline: none !important;}
.modal_sizes label {font-weight: 300; font-size: 10px;}
.modal_sizes .modal_title {font-weight: 600; font-size: 12px;}
.sizes_guide {width: 65%;}

.modal_rezumat {padding: 20px; display: none; position: fixed; background: #fff; width: 50%; left: 25%; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); max-height: 90%;}
.modal_rezumat p span {font-weight: 600;}
.rezumat_inner {overflow-y: scroll; max-height: 210px; margin-bottom: 10px;}
.screenshot {max-width: 100%;}

.modal_sure,
.modal_confirm {background: #fff; padding: 20px; display: none; position: fixed; width: 50%; left: 25%; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.modal_sure p,
.modal_confirm p {font-size: 18px; line-height: 1.5; font-family: bodoniRegular, sans-serif;}

.screen_nav {position: absolute; bottom: 40px; width: 30px; right: 20px;}
.screen_nav .prev_screen {margin-bottom: 20px; display: block;}
.screen_nav .disable_nav {opacity: 0.1;}
.vertical_navigation svg {position: absolute; bottom: 0; height: 90%; right: 10%; display: none;}
.vertical_navigation svg.active {display: block;}
.vertical_navigation svg .active .svg_line {stroke: #000000 !important;}
.vertical_navigation svg .active .svg_text {fill: #000000 !important;}
.vertical_navigation svg .active text {fill: #000000 !important;}
.vertical_navigation svg .clickable {cursor: pointer;}

.vertical_navigation ul {list-style: none; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.vertical_navigation li {display: block; width: auto; text-align: right; padding-right: 20px; position: relative; font-size: 14px; font-weight: 600; margin-bottom: 20px; cursor: pointer;}
.vertical_navigation li:before,
.vertical_navigation li:after {content: ''; width: 1px; height: 15px; display: block; background: #000; position: absolute; bottom: 0px; right: 0; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s;}
.vertical_navigation li.active:after {transform: rotate(45deg) !important; -moz-transform: rotate(45deg) !important; -webkit-transform: rotate(45deg) !important; background: #1893D3 !important;}
.vertical_navigation li:hover:after {transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); background: #1893D3;}
.vertical_navigation li.active:before {transform: rotate(-45deg) !important; -moz-transform: rotate(-45deg) !important; -webkit-transform: rotate(-45deg) !important; background: #1893D3 !important;}
.vertical_navigation li:hover:before {transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); background: #1893D3;}

.textil_category_wrapper {padding-left: 50px; width: 95%; margin-bottom: 30px;}
.textil_category_text {display: none; text-align: left; margin-top: 20px; font-size: 10px; margin-bottom: 0;}
.textil_category_text.active {display: block;}
.small_disclaimer {font-style: italic; display: block;}
.wrapper_textil {max-height: 100%;}
.wrapper_textil .textil_category[data-category="premium"] {float: left;}
.wrapper_textil .textil_category[data-category="standard"] {float: right;}
.option_textil {display: block; width: 85%; margin: 0; height: 100px; margin-bottom: 40px; margin-left: 5%;}
.option_textil:before,
.option_textil:after {bottom: 50%; left: -15px;}
.option_textil svg {width: .9cm;}
.option_textil span {background: #fff; width: 100%; display: block; position: absolute; left: 0; bottom: 0; border: 1px solid #aaa; text-align: left; padding: 5px 10px;}

.price_wrapper {font-size: 24px; font-family: bodoniRegular, sans-serif; margin-top: 30px; margin-bottom: 30px;}
.price_wrapper .pret {font-family: bodoniBold, sans-serif;}
.button_showroom {padding: 0 10px; line-height: 30px; height: 30px; float: right;}
.button_comanda {padding: 0 10px; line-height: 30px; height: 30px; float: left;}

.showroom {display: none;}
.trimite_comanda {display: none;}

.wrapper_plastron .options_wrapper {margin-bottom: 40px;}

.modal_order {padding: 20px; display: none; position: fixed; background: #fff; width: 50%; left: 25%; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.modal_order input[type="text"],
.modal_order input[type="email"] {border: 1px solid transparent; background: #f3f3f3; width: 100%; height: 20px; line-height: 20px; text-indent: 10px; outline: none !important;}
.modal_order label {font-weight: 300; font-size: 10px;}
.modal_order h3 {font-family: bodoniRegular, sans-serif; font-size: 18px; line-height: 1.5; margin: 0; margin-bottom: 30px;}
.modal_order h3 span {color: #f00}
.order_total {font-family: bodoniRegular, sans-serif; font-size: 12px;}
.order_total span {font-family: bodoniBold, sans-serif;}
.order_avans {font-family: bodoniRegular, sans-serif; color: #f00; font-size: 12px;}
.order_avans span {font-family: bodoniBold, sans-serif;}
.order_disclaimer {font-family: bodoniItalic, sans-serif; font-size: 10px;}
.terms_and_conditions {cursor: pointer;}
.terms_and_conditions a {color: #000; font-weight: 400;}
.terms_and_conditions input {margin-right: 5px; vertical-align: bottom;}
.order_response,
.showroom_response {color: #f00; font-size: 14px; margin-bottom: 10px;}
.wrapper_nasturi .pl_50{
    padding-left: 50px;
}

.underline{
    text-decoration: underline;
}



.modal_showroom {padding: 20px; display: none; position: fixed; background: #fff; width: 50%; left: 25%; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.modal_showroom input[type="text"],
.modal_showroom input[type="email"] {border: 1px solid transparent; background: #f3f3f3; width: 100%; height: 20px; line-height: 20px; text-indent: 10px; outline: none !important;}
.modal_showroom textarea {border: 1px solid transparent; background: #f3f3f3; width: 100%; display: block; height: 100px; text-indent: 10px; outline: none !important;}
.modal_showroom label {font-weight: 300; font-size: 10px;}
.modal_showroom h3 {font-size: 14px; font-weight: 600; margin-top: 0; margin-bottom: 30px;}
.modal_showroom p {margin-bottom: 20px; font-size: 10px;}
.modal_showroom .button_black {margin-top: 20px;}

@media only screen and (max-width: 768px){
    .logo_fc {float: none; margin: 0 auto;}
    .icon_menu {display: block; position: absolute; right: 10px; top: 15px; width: 30px; height: 30px;}
    .img_360 {left: initial; right: 20px; width: 65px; top: 100px; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s;}
    .img_360.hideIt{opacity: 0;}
    .main_menu {max-height: 0; overflow: hidden; top: 44px; background: #fff; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; z-index: 1;}
    .main_menu.active {max-height: 300px;}
    .main_menu li {margin-bottom: 20px; display: block;}
    .main_menu li:first-child {margin-top: 20px;}
    .phone_number {position: static;}
    .modal_sure,
    .modal_confirm {width: 90%; left: 5%;}
    .button_black {padding: 0 40px;}
    .back {top: 60px;}
    .reset {bottom: 70px;}
    .shirt_type {bottom: 70px; top: auto; position: fixed;}
    .trimite_comanda {padding: 0 5px; height: 23px; line-height: 23px; font-size: 10px; font-weight: 600; top: 58px; left: 50%; right: auto; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%);}
    .showroom {display: none; padding: 0 5px; height: 23px; line-height: 23px; font-size: 10px; font-weight: 600; right: 10px; top: 58px; position: absolute;}
    .interface {display: none !important;}
    .interface_mobile {display: block !important; width: 100%; left: 0; bottom: 0; top: auto; height: auto; border-top: 1px solid #000; background: #fff;}
    .interface_mobile h2 span {margin-right: 2px; display: none;}
    .interface_mobile .options_wrapper {padding-left: 0;}
    .interface_mobile .option {width: 50%; margin: 15px 0; font-size: 14px; padding: 0 5px;}
    .interface_mobile .option:hover:before,
    .interface_mobile .option:hover:after {transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); background: #000;}
    .link_masuratori {margin: 0; margin-left: 20px; margin-bottom: 10px; font-size: 14px; margin-top: 15px;}
    .interface_mobile .options_croiala .option {width: 33%;}
    .interface_mobile .option_textil {width: 80%; margin-left: 10%;}
    .interface_mobile .options_sizes .option {width: auto; padding-left: 45px; float: left; clear: both;}
    .interface_mobile .options_sizes .option:before,
    .interface_mobile .options_sizes .option:after {bottom: 0; left: 15%;}
    .interface_mobile .options_guler .option {min-height: 110px;}
    .interface_mobile .options_manseta .option {min-height: 110px;}
    .interface_mobile .option_nasturi {width: 50%;}
    .interface_mobile .option_view_nasturi {margin-bottom: 30px;}
    .interface_mobile .option img {width: auto; height: 60px;}
    .interface_mobile .wrapper_plastron .option {width: 50%;}
    .interface_mobile .wrapper_plastron .option[data-id="1"]:before,
    .interface_mobile .wrapper_plastron .option[data-id="1"]:after {bottom: 0; left: 10%;}
    .interface_mobile .interface_screen {display: none; width: 100%; height: auto; position: relative; z-index: 2; background: #fff; overflow: visible; padding: 10px 0 20px; top: auto; transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); max-height: 100%;}
    h2.displayNone, .interface_mobile .interface_screen.displayNone {display: none !important;}
    .interface_mobile .makeScrollable {height: calc(100vh - 210px); padding-bottom: 0;}
    .interface_mobile .makeScrollable.options_textil{
        height: 45vh;
    }
    .options_textil {padding-top: 30px;}
    .icon_arrows {width: 40px; height: 40px; position: absolute; top: -40px; left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%);}
    .interface_navigation {border-top: 1px solid #000; text-align: center; position: relative;}
    .interface_navigation:after {content: ''; display: block; position: absolute; top: 0; right: 0; width: 50px; height: 100%; z-index: 99;
        background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.68) 50%, rgba(255,255,255,0.99) 99%, rgba(255,255,255,1) 100%);
        background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.68) 50%,rgba(255,255,255,0.99) 99%,rgba(255,255,255,1) 100%);
        background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.68) 50%,rgba(255,255,255,0.99) 99%,rgba(255,255,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );}
    .interface_navigation:before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 50px; height: 100%; z-index: 99;
        background: -moz-linear-gradient(right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.68) 50%, rgba(255,255,255,0.99) 99%, rgba(255,255,255,1) 100%);
        background: -webkit-linear-gradient(right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.68) 50%,rgba(255,255,255,0.99) 99%,rgba(255,255,255,1) 100%);
        background: linear-gradient(to left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.68) 50%,rgba(255,255,255,0.99) 99%,rgba(255,255,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );}

    .interface h2 {font-size: 17px; white-space: nowrap;} /*font-size: 14px;*/
    .interface h2 span {font-size: 24px; transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0);}
    .options_sizes br {display: none;}

    .first_screen {background-image: url(images/bg_home_mobile.png);}
    .first_screen h1 {letter-spacing: 5px; line-height: 50px;}
    .first_screen p {display: none;}
    .first_screen_buttons {bottom: 0px;}
    .first_screen_buttons a {margin-bottom: 20px;}

    .canvas_wrapper {width: 100%;}
    .canvas_wrapper .shadow_right {display: none;}

    .textil_category_wrapper {margin-bottom: 0; padding-left: 10px; padding-right: 10px; width: 100%; text-align: center;}
    .textil_category_wrapper .button_ghost {padding: 0 20px; margin: 0 10px;}
    .textil_category_text {text-align: left; padding: 0 10px; margin:0;}

    .sumar_comanda {position: fixed; z-index: 1; right: calc(-90% + 5px); top: 50%; width: 90%; background: #fff; padding: 50px 15px 20px; border: 1px solid #000; border-left: 5px solid #000; border-right: none; border-bottom-left-radius: 5px; border-top-left-radius: 5px; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s;}
    .sumar_comanda.active {right: 0;}
    .sumar_comanda .trimite_comanda,
    .sumar_comanda .showroom {position: static; display: inline-block; width: 180px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; padding: 0; margin-bottom: 10px; transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0);}
    .sumar_comanda .price_disclaimer {font-size: 14px; font-family: bodoniItalic, sans-serif; opacity: 0.3; margin: 10px 0;}
    .sumar_comanda .price_wrapper {margin-bottom: 20px;}
    .sumar_comanda input {text-indent: 0;}
    .sumar_close {position: absolute; display: block; width: 15px; height: 15px; right: 10px; top: 5px; font-size: 40px; line-height: 40px; color: #000;}
    .sumar_close:before {content: ''; width: 1px; height: 15px; display: block; background: #000; position: absolute; bottom: 0; left: 50%; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
    .sumar_close:after {content: ''; width: 1px; height: 15px; display: block; background: #000; position: absolute; bottom: 0; left: 50%; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg);}
    .sumar_comanda .sumar_open{position: absolute; top: 50%; transform: translateY(-50%); left: -50px; width: 40px; text-align: right; z-index: 9;}

    .order_total {text-align: left;}
    .screenshot {max-width: 50%;}

    .disclaimer_mobile .disclaimer_color {text-align: left; padding: 0 10px; margin: 0; font-size: 10px;}
}

@media only screen and (max-width: 767px){
    .modal_sizes {height: 80%; overflow: scroll;}
    .modal_rezumat {width: 90%; left: 5%;}
    .modal_sizes img {display: none;}
    .modal_order,
    .modal_showroom {width: 90%; left: 5%; padding: 10px 0; height: 80%; overflow: scroll;}
    .interface_mobile .interface_screen[data-id="2"] .disclaimer_color {padding: 0 10px;}

    .modal_rezumat h2 {margin: 0 0 10px; font-size: 25px;}
}

@media only screen and (max-width: 320px){
    .disclaimer_mobile {height: 36px; overflow-y: auto;}
}

@media only screen and (min-width: 1800px){
    .option img {width: 100px;}
}