html, body{ font-family: 'Open Sans', Arial, Helvetica, sans-serif !important; font-size: 16px !important; line-height: 1.5em !important; margin: 0; padding: 0; width: 100%; height: 100%; } html{} body{ overflow-y: scroll; overflow-x: hidden; padding-top: 4rem; background-color: var(--color-primary); color: black; } input, textarea, button, select, a { -webkit-tap-highlight-color: none; } label{ color: black !important; } h1, h2, h3, h4, h5, h6{line-height: 1.3em; width: 100%; font-size: inherit; font-family: 'Roboto', serif; font-weight: 300;} h1{font-size: 3rem; font-weight: 500;} h2{font-size: 1.8rem; font-weight: 400;} h3{font-size: 1.5rem;} h4{font-size: 1.2rem;} h5{} h6{} i{font-family: arial;} hr{margin: 0.5rem auto;} legend{font-weight: bold;} ul, ul li{list-style: none; list-style-type: none; margin: 0;} li{} a{text-decoration: none; color: var(--color-accent);} iframe{width: 100%; max-width: 100%;} table{font-size: 0.8rem;} table caption{} td, th{vertical-align: top;} table thead{} table thead tr{} table thead tr th{font-weight: normal; text-align: center; font-weight: bold;} table tbody{} table tbody tr{} table tbody td{} table tfoot{} table tfoot tr{} table tfoot tr td{font-weight: normal;} .tbl_wrapper{overflow-x: scroll;} .tbl_records{} .tbl_records tr{background: none !important;} .tbl_records tr th, .tbl_records tr td{border: 1px solid #e2e2e2; font-size: 0.7rem; padding: 0.3rem;} .tbl_records tr th a, .tbl_records tr td a{color: black !important; text-decoration: underline;} .tbl_records img{margin: 0.1rem;} .tbl_records .rec_mess{font-style: italic; font-family: Arial; } .tbl_records .btn_del{color: red;} .tbl_compact_borderless{ border-collapse:collapse; border: none; } .tbl_compact_borderless tr{ background: none !important; border: none; } .tbl_compact_borderless tr th, .tbl_compact_borderless tr td{ font-size: 0.7rem; padding: 0.3rem; border: none; } .tbl_compact_bordered{ border-collapse:collapse; } .tbl_compact_bordered tr{ background: none !important; } .tbl_compact_bordered tr th, .tbl_compact_bordered tr td{ font-size: 0.7rem; padding: 0.3rem; border: 1px solid black; } .record_item{ display: block; margin-top: 0.5rem; margin-bottom: 0.5rem; border: none; background-color: none; font-size: 0.8rem; } .record_item a i{ font-size: 1rem; } form{} input[type="text"], input[type="password"], textarea{ -moz-border-radius: 5px !important; -webkit-border-radius: 5px !important; border-radius: 5px !important; behavior: url(images/border-radius.htc);} input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; } .input-group input[type="text"]{ -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; } .frm{} input.error, select.error, .error{ color: red !important; } input.success, select.success, .success{ color: green !important; } input.error, select.error{ border-color: red !important; } .inp_mess{ padding: 0.2rem; margin-top: -.5rem; padding-top: 0; margin-bottom: 0.5rem; color: red; font-size: 0.8rem; text-indent: 0; font-style: italic; } .button.success { color: white !important; } .button{ background-color: var(--color-accent); color: #fefefe; } .box_shadow_1{-webkit-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.2); box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.2);} .box_shadow_2{-webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2); box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);} .box_shadow_5{-webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.2); box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.2);} .box_shadow_15{-webkit-box-shadow: 0px 15px 15px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 15px 15px 0px rgba(50, 50, 50, 0.2); box-shadow: 0px 15px 15px 0px rgba(50, 50, 50, 0.2);} .box_shadow_50{-webkit-box-shadow: 2px 0px 68px 2px rgba(0,0,0,0.05); -moz-box-shadow: 2px 0px 68px 2px rgba(0,0,0,0.05); box-shadow: 2px 0px 68px 2px rgba(0,0,0,0.05);} .box_shadow_2_top{-webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.2); box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.2);} .box_shadow_5_top{-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);} .text_shadow{text-shadow:#000 1px 1px 5px} .rounded{ -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; behavior: url(media/images/border-radius.htc);} .rounded_5 { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .rounded_10 {-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;} .rounded_20 {-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;} .rounded_10p {-moz-border-radius: 10%; -webkit-border-radius: 10%; border-radius: 10%;} .rounded_50p {-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;} .loading{width: 20px; height: 20px; display: inline-block; background-image: url("media/images/ajax-loader.gif"); background-repeat: no-repeat} .loading:before{content: '';} #content_end{margin-top: 7rem;} #noscript{} .overflow_x_scroll{width: 100%; overflow-x: scroll;} .overflow_y_scroll{height: 100%; overflow-y: scroll;} .block{border: 1px solid #fbfbfb; background-color: white;} .block_header{font-size: 1rem;} .block_title{font-weight: bold; text-align: left;} .block_buttons{text-align: right;} .block_buttons a{font-size: 0.8rem; display: inline-block; margin: auto 0.5rem; padding: auto 0.5rem;} .block_buttons a i{margin-right: 0.2rem;} .button i{margin-right: 0.2rem;} .lbl{color: gray; font-size: 0.75rem; font-weight: normal;} .text_left{text-align: left;} .text_right{text-align: right;} .pagination li {display: inline-block;} .clr{clear: both;} .df_menu{display: inline-block;} .df_menu ul, .df_menu ul li{margin: 0; padding: 0; list-style: none; list-style-type: none; } .df_menu ul{} .df_menu ul li{position: relative; } .df_menu ul li a{display: block; padding: 0.5rem; color: var(--color-alt-text-accent); text-decoration: none; } .df_menu ul li a:hover{} .df_menu ul li a:active{} .df_menu ul li a i{margin-right: 0.2rem;} .df_menu ul li a span{margin-left: 0.2rem;} .df_menu ul > li ul{display: inline-block;} .df_menu ul > li ul a{} .df_menu_scr > ul > li{float: left;} .df_menu_scr > ul > li ul{display: none;} .df_menu_scr > ul > li > ul{position: absolute; z-index: 910; } .df_menu_scr > ul > li:hover > ul{display: block !important;} .df_menu_scr > ul > li > ul > li{position: relative;} .df_menu_scrr > ul > li > ul > li > ul{position: absolute; left: 230px; top: 0; z-index: 920;} .df_menu_scr > ul > li > ul > li:hover > ul{display: block !important;} .df_menu_scr_right > ul > li > ul > li > ul{left: -230px;} .df_menu_scr ul li a{ display: block; color: var(--color-alt-text-accent); text-align: left;} .df_menu_scr ul li a:hover{} .df_menu_scr ul li a:active{} .df_menu_scr ul li a i{} .df_menu_scr ul li a span{} .df_menu_scr ul > li ul{background-color: var(--color-alt-primary); color: black; -webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.3); -moz-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.3); box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.3);} .df_menu_scr ul > li ul a{width: 230px; font-weight: normal;} .df_menu_scr ul > li ul a:hover{} #df_menu_mobile_togler{ padding: 0.5rem; color: var(--color-alt-text-accent); text-decoration: none; float: right;} #df_menu_mobile_togler:hover{background-color: none;} #df_menu_mobile_togler:active{background-color: none;} #df_menu_mobile_togler i{} #df_menu_mobile_togler span{margin-left: 0.2rem;} #df_menu_mobile_wrapper{display: none; z-index: 10000; position: fixed; top:0; bottom: 0; width: 100%; padding-bottom: 5rem; height: 100%; background-color: var(--color-alt-primary); overflow-y: scroll;} .df_menu_mobile ul, .df_menu_mobile ul li {width: 100%;} .df_menu_mobile ul li a{padding: 0.5rem; color: var(--color-alt-text-accent); } .df_menu_mobile > ul{padding-top: 85px;} .df_menu_mobile > ul > li ul{display: inline-block;} .df_menu_mobile > ul > li > a{padding-left: 3rem; font-weight: bold;} .df_menu_mobile > ul > li > ul > li > a{padding-left: 5rem; font-weight: normal;} #fixed_header_wrapper{position: fixed; top: 0; left: 0; width: 100%; margin: 0; padding: 0.5rem; z-index: 10000; background-color: var(--color-alt-primary); color: black;} #fixed_header{} #fixed_header_left{padding: 0rem;} #fixed_header_left #logo{height: 2rem; margin-top: 0.3rem;} #fixed_header_right{padding: 0rem; text-align: right;} #fixed_footer_wrapper{position: fixed; bottom: 0; left: 0; width: 100%; margin: 0; padding-top: 0.3rem; padding-bottom: 0.3rem; z-index: 900; background-color: white; color: black;} #fixed_footer{} #fixed_footer a{ display: inline-block; font-size: 1.2rem !important; color: black; margin: 0; padding: 0.7rem 0.3rem; width: 40px; height: 40px; behavior: url(media/images/border-radius.htc); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background-color: none; } #fixed_footer_left{padding: 0;} #fixed_footer_right{padding: 0; text-align: right;} .df_show_small{display: none;} .df_show_medium{display: none;} .df_show_large{display: none;} .df_show_only_small{display: none;} .df_show_only_medium{display: none;} .df_show_only_large{display: none;} .df_hide_small{display: none;} .df_hide_medium{display: none;} .df_hide_large{display: none;} .df_hide_only_small{display: none;} .df_hide_only_medium{display: none;} .df_hide_only_large{display: none;} #sys_mess_wrapper{display: none; bottom: 55px; position: fixed; text-align: center; width: 100%; z-index: 900;} #sys_mess{background: rgba(175, 0, 0, 0.7); padding: 0.5rem; color: white; margin: auto; display: inline-block; max-width: 600px;} .dlg_wrapper{width: 100%;height: 100%;top: 0;left: 0;position: fixed;display: none;z-index: 900; background-color: rgba(0, 0, 0, 0.8);} .dlg{margin: auto;width: 100%;max-width: 1000px;position: relative; background-color: white; margin-top: 4rem; padding: 1rem;} .dlg_small{max-width: 400px;} .dlg_medium{max-width: 700px;} .dlg_close{position: absolute;right: 5px;top: 5px;width: 30px;height: 30px;text-align: center;} .dlg_title{} .tag{display: inline-block; padding: 0.2rem; margin: 0.2rem; background-color: white; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; behavior: url(images/border-radius.htc);} .tag_paid{background-color: white; padding: 0.1rem;} .tag_paid_partial{background-color: white; padding: 0.1rem;} .tag_unpaid{background-color: white; padding: 0.1rem;} ul.context_nav{ display: inline-block; } ul.context_nav, ul.context_nav li , ul.context_nav li ul{ list-style: none; list-style-type: none; margin: 0; padding: 0; } ul.context_nav li a{display: block; padding: 0.5rem; color: black; text-decoration: none; text-align: left !important;} ul.context_nav li{ position: relative; } ul.context_nav li ul{ display: none; position: absolute; background-color: white; width: 300px; border: 1px solid gray; z-index: 99999; } ul.context_nav li:hover ul{ } .btn_whatsapp, .btn_call{ padding: 0.2rem; } .btn_whatsapp{ color: green; } .btn_call{ color: red; } .btn_count_decrease ,.btn_count_increase{ padding: 5px; } .btn_count_decrease{ } .btn_count_increase{ } .b_title ,.b_stitle ,.b_desc ,.b_text ,.b_text ,.b_fmsg{ display: inline-block; width: 100%; padding: 15px; } .b_title{ font-size: 3rem; line-height: 3.5rem; font-weight: bold; } .b_stitle{ font-size: 2rem; line-height: 2.5rem; } .b_desc{ font-size: 1.3rem; line-height: 1.8rem; font-style: italic; } .b_text{ font-size: 1rem; line-height: 1.5rem; } .b_main_button{ font-size: 1.7rem; line-height: 2.2rem; display: inline-block; vertical-align: middle; width: 100%; padding: .85em 1em; margin: 0 0 1rem 0; text-align: center; color: white; background-color: #398fd6; border: 1px solid transparent; -webkit-appearance: none; cursor: pointer; -webkit-transition: background-color .25s ease-out,color .25s ease-out; transition: background-color .25s ease-out,color .25s ease-out; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; behavior: url(media/images/border-radius.htc); -webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.2); box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.2); } .b_fmsg{ font-size: 0.9rem; line-height: 1.1rem; } .ava_wrapper{ display: inline-block; width: 150px; height: 150px; overflow: hidden; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; behavior: url(media/images/border-radius.htc); } .ava_wrapper_extra_large{ width: 150px; height: 150px; } .ava_wrapper_large{ width: 100px; height: 100px; } .ava_wrapper_medium{ width: 50px; height: 50px; } .ava_wrapper_small{ width: 25px; height: 25px; } .comments_wrapper{ font-size: 0.8rem; } .comments{ } .comments hr{ color: #333437; border-color: #333437; } .comment{ } .frm_comment{ } .comment_text{ } .btn_comment_send{ } .states_nav{ } .states_nav div{ width: 20%; float: left; padding: 5px; text-align: center; } .states_nav .states_nav_title{ font-size: 0.7rem; } .states_nav a{ display: inline-block; width: 43px; height: 43px; margin: 1px; padding: 6px; padding-top: 10px; border: none; position: relative; text-align: center; color: none; background-color: white; color: #474b4e; } .states_nav a.selected{ border-color: none; color: white !important; background-color: var(--color-accent ) !important; border-width: 2px; } .states_nav a:hover, .states_nav a:active, .states_nav a:focus{ color: none; background-color: none; } .states_nav a i{ font-size: 1.1rem; padding-top: .2rem; } .states_nav a .items_count{ display: inline-block; position: absolute; right: -5px; top: -10px; font-size: 0.8rem; line-height: 1rem; background-color: yellow; border: 1px solid #a6ac00; width: 20px; height: 20px; margin: 0; padding: 0; text-align: center; font-weight: bold; color: black !important; } .prod_item{position: relative; display: block; float: left; width: 100%; margin: 2%; padding: 10px; border: 1px solid #cfcfcf; background-color: white;} .prod_item .photo-wrapper{overflow: hidden; position: relative; width: 100%; height: 150px; background-size: cover; background-repeat: no-repeat; background-position: center center;} .prod_item .prod_title{position: relative; width: 100%; color: black; padding: 5px; font-size: 0.8rem; text-align: center;} .prod_item .cost{padding:15px 5px 5px 5px ; font-size: 1rem; font-weight: bold; font-weight: normal; color: black; text-align: center;} .prod_item .tag{font-size: 0.7rem; color: white;} .prod_item .hit{background-color: #faff00; color: red;} .prod_item .new{background-color: #2692f0; } .dash_block{ text-align: center; font-size: 1rem; } .dash_block .dash_block_title ,.dash_block .dash_block_label ,.dash_block .dash_block_sublabel ,.dash_block .dash_block_value ,.dash_block .dash_block_subvalue { display: block; padding: 3px; } .dash_block .dash_block_title{ font-weight: bold; font-size: 1rem; } .dash_block .dash_block_label{ font-size: 0.8rem; color: gray; padding-top: 10px; } .dash_block .dash_block_sublabel{ font-size: 0.7rem; color: gray; padding-top: 10px; } .dash_block .dash_block_value{ font-size: 1.2rem; font-weight: bold; } .dash_block .dash_block_subvalue{ font-size: 0.9rem; } .scale2{ -ms-transform: scale(1.5); -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); padding: 10px; } .text_blur{ color: transparent; text-shadow: 0 0 10px rgba(0,0,0,0.8); } .checkbox_styled_wrapper { position: relative; overflow: hidden; } .checkbox_styled { position: absolute; top: -100px; left: -100px; } .checkbox_styled_inner { display: inline-block; width: 24px; height: 24px; border-radius: 50%; border: 1px solid #626262; background: transparent no-repeat center; } .checkbox_styled:checked + .checkbox_styled_inner { border-color: #52C6C4; background-color: #52C6C4; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='14px' height='10px' viewBox='0 0 14 10' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 59.1 (86144) - https://sketch.com --%3E%3Ctitle%3Echeck%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='ios_modification' transform='translate(-27.000000, -191.000000)' fill='%23FFFFFF' fill-rule='nonzero'%3E%3Cg id='Group-Copy' transform='translate(0.000000, 164.000000)'%3E%3Cg id='ic-check-18px' transform='translate(25.000000, 23.000000)'%3E%3Cpolygon id='check' points='6.61 11.89 3.5 8.78 2.44 9.84 6.61 14 15.56 5.05 14.5 4'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-size: 14px 10px; } @media only screen and (max-width: 640px) and (orientation: portrait) { .prod_item{} .prod_item .photo-wrapper{} .prod_item .offer-title{} .prod_item .cena{} .prod_item .cena .cena-old{} } @media only screen and (max-width: 640px) and (orientation: landscape) { .prod_item{} .prod_item .photo-wrapper{} .prod_item .offer-title{} .prod_item .cena{} .prod_item .cena .cena-old{} } @media only screen and (max-width: 480px) { #fixed_header_wrapper{} #fixed_header{} #fixed_header_left{} #fixed_header_left #logo{} #fixed_header_right{} .df_show_small{display: inline-block !important;} .df_show_medium{} .df_show_large{} .df_show_only_small{display: inline-block !important;} .df_show_only_medium{display: none;} .df_show_only_large{display: none;} .df_hide_small{display: none;} .df_hide_medium{} .df_hide_large{} .df_hide_only_small{display: none;} .df_hide_only_medium{display: inline-block !important;} .df_hide_only_large{display: inline-block !important;} .offer_item{padding: 0.3rem; margin: 0.1;} .btn_resp span{display: none;} } @media only screen and (max-width: 767px) { .df_show_small{display: inline-block !important;} .df_show_medium{} .df_show_large{} .df_show_only_small{display: inline-block !important;} .df_show_only_medium{display: none;} .df_show_only_large{display: none;} .df_hide_small{display: none;} .df_hide_medium{} .df_hide_large{} .df_hide_only_small{display: none;} .df_hide_only_medium{display: inline-block !important;} .df_hide_only_large{display: inline-block !important;} .offer_item{padding: 0.3rem; margin: 0.1;} .btn_resp span{display: none;} } @media only screen and (min-width: 768px) and (max-width: 991px) { .df_show_small{} .df_show_medium{display: inline-block !important;} .df_show_large{} .df_show_only_small{display: none;} .df_show_only_medium{display: inline-block !important;} .df_show_only_large{display: none;} .df_hide_small{} .df_hide_medium{display: none;} .df_hide_large{} .df_hide_only_small{display: inline-block !important;} .df_hide_only_medium{display: none;} .df_hide_only_large{display: inline-block !important;} .btn_resp span{display: none;} } @media only screen and (min-width: 992px) and (max-width: 1199px) { .df_show_small{} .df_show_medium{display: inline-block !important;} .df_show_large{} .df_show_only_small{display: none;} .df_show_only_medium{display: block !important;} .df_show_only_large{display: none;} .df_hide_small{} .df_hide_medium{display: none;} .df_hide_large{} .df_hide_only_small{display: inline-block !important;} .df_hide_only_medium{display: none;} .df_hide_only_large{display: inline-block !important;} } @media only screen and (min-width: 1200px) { .df_show_small{} .df_show_medium{} .df_show_large{display: inline-block !important;} .df_show_only_small{display: none;} .df_show_only_medium{display: none;} .df_show_only_large{display: inline-block !important;} .df_hide_small{} .df_hide_medium{} .df_hide_large{display: none;} .df_hide_only_small{display: inline-block !important;} .df_hide_only_medium{display: inline-block !important;} .df_hide_only_large{display: none;} } @media only screen and (min-width: 2000px) { .df_show_small{} .df_show_medium{} .df_show_large{display: inline-block !important;} .df_show_only_small{display: none;} .df_show_only_medium{display: none;} .df_show_only_large{display: inline-block !important;} .df_hide_small{} .df_hide_medium{} .df_hide_large{display: none;} .df_hide_only_small{display: inline-block !important;} .df_hide_only_medium{display: inline-block !important;} .df_hide_only_large{display: none;} } @media print { @page { margin: 1cm; } .btn_print, .btn_back{display: none;} table, .tbl_records{ } table tr, .tbl_records tr{ } table tr td, .tbl_records tr { border: 1px solid black; } }