html, body { font-family: 'Titillium Web', sans-serif; height: 100%; line-height: 28px; font-size: 18px; color: black; }
h1,h2,h3,h4 { font-weight: 300; font-style: normal; }
h1 { font-size: 48px; line-height: 52px; }
h2 { font-size: 36px; line-height: 42px; }
h3 { font-size: 26px; line-height: 32px; }
a:link { text-decoration: none; color: inherit; }
a:visited { text-decoration: none; color: inherit; }
a:hover { text-decoration: none; color: inherit; }
a:active { text-decoration: none; color: inherit; }
a:link.linkified { font-weight: 700; color: #10537e; }
a:visited.linkified { color: #10537e;}
a:hover.linkified { color: #10537e;}
a:active.linkified { color: #10537e;}
.full_width_img { width: 100%; height:auto; vertical-align: top; }
.full_height_img { width: auto; height:100%; vertical-align: top; }
.btn { display: inline-block; padding: 20px; border: 1px solid black; cursor: pointer; font-weight: 700; background-color: transparent; }
.btn:hover { border: 1px solid #24a016; }
.caps { text-transform: uppercase; }
.bold { font-weight: 700; }
.underline { text-decoration: underline; }
.newageinput { width: 100%; padding-bottom: 10px; border: none; border-bottom: 1.5px dashed black; outline: none; font-size: 22px; font-family: 'Titillium Web', sans-serif; }
label { display: block; font-weight: 700; text-transform: uppercase; font-size: 14px; }
.selectbox { padding: 20px; border: 1px solid black;}
#left_unit { position: fixed; width: 300px; height: 100%; left: 0; top: 0; padding: 30px; background-color: white; z-index: 100000; }
#left_unit .footer { position: absolute; left: 0; bottom: 0; font-size: 16px; padding: 20px; }
#left_unit .user_details { position: relative; width: 100%; }
#left_unit .user_details .image { float: left; width: 75px; border-radius: 50%; overflow: hidden; }
#left_unit .user_details .nameandtitle { float: left; padding: 10px; padding-top: 15px; }
#left_unit .user_details .nameandtitle .largefont { font-size: 22px; font-weight: 700; }
#left_unit .user_details .nameandtitle .smallfont { font-size: 12px; margin-top: -6px; }
#main_menu { margin-top: 25px; }
#main_menu .items_holder { font-size: 22px; }
#main_menu .items_holder .item { position: relative; font-family: 'Bebas Neue', cursive; }
#main_menu .items_holder .item .notification { position: absolute; width: 25px; height: 25px; right: 0; top: 10px; font-size: 12px; font-weight: 700; color: white; background-color: #b71a1e; border-radius: 50%; display: flex; align-items: center; justify-content: center; visibility: hidden; }
#main_menu .items_holder .item.active { font-size: 30px; }
#main_menu .items_holder .item .image { float: left; width: 75px; }
#main_menu .items_holder .item .text { float: left; padding: 10px; }
#main_menu_btn_mobile { display: none; position: fixed; left: 5px; top: 5px; z-index: 20000; cursor: pointer; }
#top_placeholder_mobile { display: none; position: relative; width: 100%; height: 60px; }
#mobile_menu_bg { display: none; position: fixed; width: 100%; height: 60px; left: 0; top: 0; background-color: white; z-index: 20000; }
#mobile_notification_icon { display: none; visibility: hidden; position: fixed; right: 10px; top: 5px; z-index: 20000; cursor: pointer; }
#mobile_notification_icon .counter { position: absolute; width: 20px; height: 20px; right: 5px; top: 5px; background-color: #b71a1e; border-radius: 50%; color: white; font-size: 12px; display: flex; align-items: center; justify-content: center; }
#center_unit { position: relative; margin-left: 28%; width: 45%; max-width: 750px; padding: 10px; }
#center_unit .center_unit_header { padding-top: 30px; }
#center_unit_full { position: relative; margin-left: 28%; width: 72%; padding: 10px; }
#center_unit_full .center_unit_header { padding-top: 30px; }
#right_unit { position: fixed; width: 300px; height: 100%; right: 0; top: 0; overflow-y: auto; }
#right_unit .header { padding: 15px; padding-left: 65px; font-size: 16px; line-height: 18px; }
#right_unit .item { position: relative; width: 100%; float: left; padding: 5px; cursor: pointer; }
#right_unit .item:hover { background-color: rgba(0,0,0,.05); }
#right_unit .item .postcount { position: absolute; right: 5px; top: 14px; background-color: #10537e; width: 30px; height: 30px; color: white; font-weight: 700; text-align: center; font-size: 14px; border-radius: 50%; line-height: 28px; }
#right_unit .item .image { position: relative; float: left; width: 50px; height: 50px; border-radius: 50%; overflow: hidden; }
#right_unit .item .nameandtitle { position: relative; float: left; padding: 10px; padding-top: 0; padding-bottom: 0; }
#right_unit .item .nameandtitle .largefont { font-weight: 700; }
#right_unit .item .nameandtitle .smallfont { font-size: 16px; margin-top: -10px; }
#right_unit_mobile { display: none; text-align: center; margin-bottom: 30px; }
#right_unit_mobile .header { padding: 15px; font-size: 16px; line-height: 18px; }
#right_unit_mobile .item { position: relative; float: left; width: 50%; padding: 5px; }
#right_unit_mobile .item .image { width: 70px; height: 70px; margin-left: calc(50% - 35px); border-radius: 50%; overflow: hidden; }
#right_unit_mobile .item .nameandtitle { padding: 10px; padding-top: 0; padding-bottom: 0; }
#right_unit_mobile .item .nameandtitle .largefont { font-weight: 700; }
#right_unit_mobile .item .nameandtitle .smallfont { font-size: 16px; margin-top: -10px; }
#uzenofal_my_post_unit { width: 100%; position: relative; padding-top: 5px; margin-bottom: 50px; }
#uzenofal_my_post_unit .share_image_btn { position: relative; margin-bottom: 30px; cursor: pointer; }
#uzenofal_my_post_unit .share_image_btn .icon { position: relative; float: left; width: 50px; }
#uzenofal_my_post_unit .share_image_btn .text { position: relative; float: left; padding: 5px; padding-left: 10px; font-size: 16px; }
#submit_my_post { display: none; cursor: pointer; }
#uzenofal_upload_image_unit { margin-top: 20px; }
#uzenofal_posts_unit { position: relative; width: 100%; position: relative; font-size: 20px; }
#uzenofal_posts_unit pre { font-family: 'Titillium Web', sans-serif; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: pre-wrap; word-wrap: break-word; }
#uzenofal_posts_unit .item { position: relative; width: 100%; float: left; margin-bottom: 50px; }
#uzenofal_posts_unit .item .modify_post_btn { margin-top: 15px; margin-bottom: 15px; display: none; }
#uzenofal_posts_unit .item .dots { position: absolute; top: 0; right: 0; width: 30px; height: 30px; cursor: pointer; }
#uzenofal_posts_unit .item .actions { display: none; position: absolute; top: -8px; right: 30px; cursor: pointer; font-size: 16px; font-weight: 700; }
#uzenofal_posts_unit .item .actions .edit { float: left; padding: 5px; }
#uzenofal_posts_unit .item .actions .delete { float: left; padding: 5px; }
#uzenofal_posts_unit .item .user { position: relative; width: 100%; float: left; }
#uzenofal_posts_unit .item .user .image { position: relative; float: left; width: 50px; height: 50px; border-radius: 50%; overflow: hidden; }
#uzenofal_posts_unit .item .user .nameandtitle { position: relative; float: left; padding: 10px; padding-top: 0; padding-bottom: 0; }
#uzenofal_posts_unit .item .user .nameandtitle .largefont { font-weight: 700; }
#uzenofal_posts_unit .item .user .nameandtitle .smallfont { font-size: 16px; margin-top: -10px; }
#uzenofal_posts_unit .item .user .nameandtitle .smallfont .date { opacity: .4; }
#uzenofal_posts_unit .item .text { position: relative; float: left; width: 100%; margin-top: 10px; border-radius: 15px; }
#uzenofal_posts_unit .item .text.largerfont { font-size: 24px; padding-top: 10px; padding-bottom: 10px; line-height: 32px; }
#uzenofal_posts_unit .item .text.selected { padding: 10px; background-color: rgba(0,0,0,.1) }
#uzenofal_posts_unit .item .postimage { position: relative; float: left; width: 100%; margin-top: 10px; -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.35); box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.35); }
#uzenofal_posts_unit .item .comments { position: relative; float: left; width: 100%; margin-top: 10px; }
#uzenofal_posts_unit .item .comments .header { font-weight: 700; cursor: pointer; }
#uzenofal_posts_unit .item .comments .commentdialog { display: none; margin-top: 10px; }
#uzenofal_posts_unit .item .comments .commentdialog .comment_text { font-size: 19px; margin-bottom: 10px; }
#uzenofal_posts_unit .item .comments .commentdialog .comment_post_btn { margin-bottom: 25px; }
#uzenofal_posts_unit .item .comments .list_of_comments { display: none; padding: 10px; padding-top: 20px; }
#uzenofal_posts_unit .item .comments .list_of_comments .item { position: relative; margin-bottom: 10px; }
#uzenofal_posts_unit .item .comments .list_of_comments .item.animatemyopacity { opacity: 1; }
#uzenofal_posts_unit .item .comments .list_of_comments .item .commenttext.selected { background-color: rgba(0,0,0,.1); margin-top: 5px; }
#uzenofal_posts_unit .item .comments .list_of_comments .item .comment_user { position: relative; width: 100%; }
#uzenofal_posts_unit .item .comments .list_of_comments .item .comment_user .image { position: relative; float: left; width: 50px; height: 50px; border-radius: 50%; overflow: hidden; }
#uzenofal_posts_unit .item .comments .list_of_comments .item .comment_user .nameandtitle { position: relative; float: left; padding: 10px; padding-top: 0; padding-bottom: 0; }
#uzenofal_posts_unit .item .comments .list_of_comments .item .comment_user .nameandtitle .largefont { font-weight: 700; }
#uzenofal_posts_unit .item .comments .list_of_comments .item .comment_user .nameandtitle .smallfont { font-size: 16px; margin-top: -8px; }
#uzenofal_posts_unit .item .comments .list_of_comments .item .comment_user .nameandtitle .smallfont .date { opacity: .4; }
#uzenofal_posts_unit .item .comments .list_of_comments .item .dots_comment { position: absolute; top: 0; right: 0; width: 30px; height: 30px; cursor: pointer; }
#uzenofal_posts_unit .item .comments .list_of_comments .item .actions_comment { display: none; position: absolute; top: -8px; right: 30px; cursor: pointer; font-size: 16px; font-weight: 700; }
#uzenofal_posts_unit .item .comments .list_of_comments .item .actions_comment .edit_comment { float: left; padding: 5px; }
#uzenofal_posts_unit .item .comments .list_of_comments .item .actions_comment .delete_comment { float: left; padding: 5px; }
#uzenofal_posts_unit .item .comments .list_of_comments .item .commenttext { padding-left: 60px; width: 100%; }
#uzenofal_posts_unit .item .comments .list_of_comments .item .modify_comment_btn { margin-top: 15px; margin-bottom: 15px; display: none; }
#load_more_posts { position: relative; width: 100%; padding: 20px; text-align: center; }
#login_bg { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: right; z-index: -1; }
#login_holder { position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
#login_holder .centerme { width: 600px; }
.input_normal { border-bottom: 1px solid black; padding: 5px; width: 100%; }
.checkbox_single_line { vertical-align: middle; display: inline-block; }
.openbox {}
.openbox .header { cursor: pointer; padding: 10px; padding-left: 0; }
.openbox .content { margin-top: 20px; display: none; margin-bottom: 50px; }
.openbox .separator { width: 100%; height: 1px; background-color: rgba(0,0,0,.2); }
.info_panel { width: 100%; padding: 10px; background-color: #d7eabd; }
.info_panel_red { width: 100%; padding: 10px; background-color: #eabdbd; }
#events_holder {}
#events_holder .separator { width: 100%; float: left; padding-top: 30px; padding-bottom: 30px; }
#events_holder .item { position: relative; float: left; width: 50%; cursor: pointer; background-color: black; }
#events_holder .item:hover .image { opacity: 1; }
#events_holder .item .image { position: relative; width: 100%; height: 100%; opacity: .95; transition: all .2s ease; }
#events_holder .item .datum { position: absolute; right: 20px; top: 20px; border: 3px solid white; padding: 10px; color: white; font-family: 'Bebas Neue', cursive; background-color: rgba(0,0,0,.4); text-align: center;}
#events_holder .item .datum .month { width: 100%; text-align: center; text-transform: uppercase; letter-spacing: 1px; }
#events_holder .item .datum .day { width: 100%; text-align: center; font-size: 48px; padding: 10px; }
#events_holder .item .text { position: absolute; left: 0; bottom: 0; padding: 30px; color: white; }
#load_more_events { position: relative; width: 100%; padding: 20px; text-align: center; }
#event_holder {}
#event_holder .header { position: relative; margin-bottom: 15px; }
#event_holder .header .image { position: relative; width: 100%; height: 100%; opacity: .95; transition: all .2s ease; }
#event_holder .header .datum { position: absolute; right: 20px; top: 20px; border: 3px solid white; padding: 10px; color: white; font-family: 'Bebas Neue', cursive; background-color: rgba(0,0,0,.4); text-align: center; }
#event_holder .header .datum .month { width: 100%; text-align: center; text-transform: uppercase; letter-spacing: 1px; }
#event_holder .header .datum .day { width: 100%; text-align: center; font-size: 48px; padding: 10px; }
#event_holder .btns_holder { width: 100%; margin-bottom: 20px; padding: 15px; background-color: rgba(0,0,0,.05); }
#event_holder .btns_holder .info { margin-bottom: 10px; font-size: 14px; }
#event_holder .text { }
#event_holder .text a:link { font-weight: 700; color: #10537e; }
#event_holder .text a:visited { color: #10537e;}
#event_holder .text a:hover { color: #10537e;}
#event_holder .text a:active { color: #10537e;}
#event_comments { position: relative; float: left; width: 100%; margin-top: 10px; }
#event_comments .list_of_comments { padding: 10px; padding-top: 20px; }
#event_comments .list_of_comments .item { position: relative; margin-bottom: 15px; }
#event_comments .list_of_comments .item.animatemyopacity { opacity: 1; }
#event_comments .list_of_comments .item .commenttext.selected { background-color: rgba(0,0,0,.1); margin-top: 5px; }
#event_comments .list_of_comments .item .comment_user { position: relative; width: 100%; }
#event_comments .list_of_comments .item .comment_user .image { position: relative; float: left; width: 50px; height: 50px; border-radius: 50%; overflow: hidden; }
#event_comments .list_of_comments .item .comment_user .nameandtitle { position: relative; float: left; padding: 10px; padding-top: 0; padding-bottom: 0; }
#event_comments .list_of_comments .item .comment_user .nameandtitle .largefont { font-weight: 700; }
#event_comments .list_of_comments .item .comment_user .nameandtitle .smallfont { font-size: 16px; margin-top: -8px; }
#event_comments .list_of_comments .item .comment_user .nameandtitle .smallfont .date { opacity: .4; }
#event_comments .list_of_comments .item .dots_comment { position: absolute; top: 0; right: 0; width: 30px; height: 30px; cursor: pointer; }
#event_comments .list_of_comments .item .actions_comment { display: none; position: absolute; top: -8px; right: 30px; cursor: pointer; font-size: 16px; font-weight: 700; }
#event_comments .list_of_comments .item .actions_comment .edit_comment { float: left; padding: 5px; }
#event_comments .list_of_comments .item .actions_comment .delete_comment { float: left; padding: 5px; }
#event_comments .list_of_comments .item .commenttext { padding-left: 60px; width: 100%; }
#event_comments .list_of_comments .item .commentimage { padding-left: 60px; width: 100%; margin-top: 5px; }
#event_comments .list_of_comments .item .modify_comment_btn { margin-top: 15px; margin-bottom: 15px; display: none; }
#notifications_holder {}
#notifications_holder .item { float: left; width: 100%; padding: 10px; }
#notifications_holder .item.not_viewed { background-color: rgba(0,0,0,.04); }
#notifications_holder .item:hover { background-color: rgba(0,0,0,.07); }
#notifications_holder .item .user_from_image { float: left; width: 50px; height: 50px; border-radius: 50%; overflow: hidden; }
#notifications_holder .item .content { float: left; width: calc(100% - 50px); padding-left: 10px; }
#notifications_holder .item .date { font-size: 16px; opacity: .7; }
#products_holder { width: 100%; }
#products_holder .item { position: relative; float: left; width: 33.33%; }
#products_holder .item:hover .image { opacity: .2; }
#products_holder .item:hover .text { opacity: 1; }
#products_holder .item .image { transition: all .3s ease; }
#products_holder .item .text { position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; align-items: center; justify-content: center; text-align: center; padding: 10px; opacity: 0; transition: all .3s ease; }
#products_holder .item .text .name { width: 100%; }
#products_holder .item .text .year { width: 100%; font-size: 24px; line-height: 36px; }
#products_holder .item .text .not_available { width: 100%; font-weight: 700; }
#product { position: relative; width: 100%; margin-bottom: 20px; }
#product .image { width: 100%; padding-left: 10%; padding-right: 10%; }
#product .desc { width: 100%; }
#product_comments { position: relative; float: left; width: 100%; margin-top: 10px; }
#product_comments .list_of_comments { padding: 10px; padding-top: 20px; }
#product_comments .list_of_comments .item { position: relative; margin-bottom: 15px; }
#product_comments .list_of_comments .item.animatemyopacity { opacity: 1; }
#product_comments .list_of_comments .item .commenttext.selected { background-color: rgba(0,0,0,.1); margin-top: 5px; }
#product_comments .list_of_comments .item .comment_user { position: relative; width: 100%; }
#product_comments .list_of_comments .item .comment_user .image { position: relative; float: left; width: 50px; height: 50px; border-radius: 50%; overflow: hidden; }
#product_comments .list_of_comments .item .comment_user .nameandtitle { position: relative; float: left; padding: 10px; padding-top: 0; padding-bottom: 0; }
#product_comments .list_of_comments .item .comment_user .nameandtitle .largefont { font-weight: 700; }
#product_comments .list_of_comments .item .comment_user .nameandtitle .smallfont { font-size: 16px; margin-top: -8px; }
#product_comments .list_of_comments .item .comment_user .nameandtitle .smallfont .date { opacity: .4; }
#product_comments .list_of_comments .item .dots_comment { position: absolute; top: 0; right: 0; width: 30px; height: 30px; cursor: pointer; }
#product_comments .list_of_comments .item .actions_comment { display: none; position: absolute; top: -8px; right: 30px; cursor: pointer; font-size: 16px; font-weight: 700; }
#product_comments .list_of_comments .item .actions_comment .edit_comment { float: left; padding: 5px; }
#product_comments .list_of_comments .item .actions_comment .delete_comment { float: left; padding: 5px; }
#product_comments .list_of_comments .item .commenttext { padding-left: 60px; width: 100%; }
#product_comments .list_of_comments .item .commentimage { padding-left: 60px; width: 100%; margin-top: 5px; }
#product_comments .list_of_comments .item .modify_comment_btn { margin-top: 15px; margin-bottom: 15px; display: none; }
#subpage_3_add_to_basket_wrapper { position: fixed; width: calc(72% - 750px); height: 100%; top: 0; right: 0; display: flex; align-items: center; justify-content: center; text-align: center; }
#subpage_3_add_to_basket_wrapper .unit { }
#subpage_3_add_to_basket_wrapper .unit .pcs { margin-bottom: 20px; }
#subpage_3_add_to_basket_wrapper .unit .pcs .plusminus { position: relative; float: left; width: 50px; height: 50px; background-color: rgba(160,176,141,.8); border-radius: 50%; overflow: hidden; margin-top: 25px; cursor: pointer; transition: all .3s ease; }
#subpage_3_add_to_basket_wrapper .unit .pcs .plusminus:hover { background-color: rgba(160,176,141,1); }
#subpage_3_add_to_basket_wrapper .unit .pcs .number { position: relative; float: left; width: 70px; margin-left: 15px; margin-right: 15px; }
#subpage_3_add_to_basket_wrapper .unit .pcs .number .basket_pcs { width: 100%; border-bottom: 1.5px dashed black; outline: none; font-size: 60px; font-family: 'Titillium Web', sans-serif; text-align: center; }
#subpage_3_add_to_basket_wrapper .unit .displayprice { font-size: 20px; margin-top: 10px; margin-bottom: 0; text-decoration: line-through; }
#subpage_3_add_to_basket_wrapper .unit .displaysabaratsagprice { margin-top: 15px; margin-bottom: 30px; }
#subpage_3_add_to_basket_wrapper .unit .displaysabaratsagprice .title { }
#subpage_3_add_to_basket_wrapper .unit .displaysabaratsagprice .discount { font-size: 24px; }
#subpage_3_add_to_basket_wrapper .unit .not_shoppable { padding: 30px; }
#subpage_3_add_to_basket_wrapper_mobile { display: none; }
#shopping_bag_icon { position: fixed; width: 65px; height: 65px; right: 40px; top: 40px; visibility: hidden; z-index: 40000; }
#shopping_bag_icon .nr_of_items_in_the_bag { position: absolute; width: 35px; height: 35px; right: -8px; bottom: -8px; background-color: #b71a1e; border-radius: 50%; color: white; text-align: center; padding-top: 2px; }
#shopping_bag_icon_mobile { display: none; position: fixed; width: 40px; height: 40px; right: 15px; top: 10px; visibility: hidden; z-index: 40000; background-color: white; }
#shopping_bag_icon_mobile .nr_of_items_in_the_bag { position: absolute; width: 30px; height: 30px; right: -8px; bottom: -8px; background-color: #b71a1e; border-radius: 50%; color: white; text-align: center; padding-top: 0px; }
#shopping_cart { width: 100%; }
#shopping_cart .item { position: relative; width: 100%; height: 100px; }
#shopping_cart .item .name { position: relative; float: left; width: 35%; height: 100px; display: flex; align-items: center; font-size: 26px; line-height: 32px; }
#shopping_cart .item .pcs { position: relative; float: left; width: 30%; height: 100px; display: flex; align-items: center; justify-content: center; }
#shopping_cart .item .pcs .centerme { }
#shopping_cart .item .pcs .centerme .plusminus { position: relative; float: left; width: 50px; height: 50px; background-color: rgba(160,176,141,.8); border-radius: 50%; overflow: hidden; cursor: pointer; transition: all .3s ease; }
#shopping_cart .item .pcs .centerme .plusminus:hover { background-color: rgba(160,176,141,1); }
#shopping_cart .item .pcs .centerme .bottle_nr { position: relative; float: left; width: 70px; text-align: center; font-size: 26px; line-height: 32px; padding-top: 7px; }
#shopping_cart .item .price { position: relative; float: left; width: 25%; height: 100px; display: flex; align-items: center; justify-content: right; font-size: 26px; line-height: 32px; }
#shopping_cart .item .price .price_nr { margin-right: 5px; }
#shopping_cart .item .delete { position: relative; float: left; width: 10%; height: 100px; display: flex; align-items: center; justify-content: right; }
#shopping_cart .item .delete .icon { width: 50px; height: 50px; border-radius: 50%; overflow: hidden; background-color: rgba(160,176,141,.8); margin-right: 5px; cursor: pointer; transition: all .3s ease; }
#shopping_cart .item .delete .icon:hover { background-color: rgba(183,26,30,1); }
#shopping_cart .line { width: 100%; height: 1px; background-color: rgba(0,0,0,.1); }
#shopping_cart #cim_unit { display: none; }
#shopping_cart .total { position: relative; width: 100%; height: 100px; font-size: 26px; line-height: 32px; }
#shopping_cart .total .name { float: left; width: 35%; height: 100px; display: flex; align-items: center; }
#shopping_cart .total .pcs { position: relative; float: left; width: 30%; height: 100px; display: flex; align-items: center; justify-content: center; }
#shopping_cart .total .price { position: relative; float: left; width: 25%; height: 100px; display: flex; align-items: center; justify-content: right; }
#shopping_cart .total .price .display_total { margin-right: 5px; }
#shopping_cart .total .price .sabaratsag_total { margin-right: 5px; }
#first_login_youtube_holder { position: fixed; width: 100%; height: 100%; left: 0; top: 0; padding: 20px; display: flex; align-items: center; justify-content: center; text-align: center; background-color: white; z-index: 100000; }
#first_login_youtube_holder .player { width: 560px; height: 315px; }
#sabaristak_holder { width: 100%; }
#sabaristak_holder .item { position: relative; float: left; width: 25%; padding: 20px; }
#sabaristak_holder .item .image { border-radius: 50%; overflow: hidden; }
#sabaristak_holder .item .nameandtitle { text-align: center; padding: 10px; }
#sabaristak_holder .item .nameandtitle .name { font-size: 20px; }
#sabaristak_holder .item .nameandtitle .title { font-size: 14px; }
@media only screen and (max-width : 1670px) {
#subpage_3_add_to_basket_wrapper { width: 30%; }
}
@media only screen and (max-width : 1280px) {
#sabaristak_holder .item { width: 33.33%; }
}
@media only screen and (max-width : 1100px) {
#main_menu_btn_mobile { display: block; }
#top_placeholder_mobile { display: block; }
#mobile_menu_bg { display: block; }
#mobile_notification_icon { display: block; }
#left_unit { display: none; width: 100%; height: calc(100%-60px); left: 0; top: 60px; padding: 20px; }
#center_unit { margin-left: 25px; width: calc(100% - 350px); }
#center_unit_full { margin-left: 0; width: 100%; padding: 10px; }
#right_unit { height: calc(100%-60px); right: 0; top: 60px; overflow-y: auto; }
#events_holder .item { width: 100%; margin-bottom: 10px; }
}
@media only screen and (max-width : 800px) {
#center_unit { margin-left: 0; width: 100%; padding-left: 15px; padding-right: 15px; }
#right_unit { display: none; }
#right_unit_mobile { display: block; }
#right_unit_mobile .item { width: 50%; }
#login_holder .centerme { width: 480px; }
#products_holder .item { position: relative; float: left; width: 50%; }
#subpage_3_add_to_basket_wrapper { display: none; }
#shopping_bag_icon { display: none; }
#shopping_bag_icon_mobile { display: block; }
#subpage_3_add_to_basket_wrapper_mobile { position: relative; width: 100%; display: flex; align-items: center; justify-content: center; text-align: center; margin-top: 40px; margin-bottom: 50px; }
#subpage_3_add_to_basket_wrapper_mobile .unit { }
#subpage_3_add_to_basket_wrapper_mobile .unit .pcs { margin-bottom: 20px; }
#subpage_3_add_to_basket_wrapper_mobile .unit .pcs .plusminus { position: relative; float: left; width: 50px; height: 50px; background-color: rgba(160,176,141,.8); border-radius: 50%; overflow: hidden; margin-top: 25px; cursor: pointer; transition: all .3s ease; }
#subpage_3_add_to_basket_wrapper_mobile .unit .pcs .plusminus:hover { background-color: rgba(160,176,141,1); }
#subpage_3_add_to_basket_wrapper_mobile .unit .pcs .number { position: relative; float: left; width: 70px; margin-left: 15px; margin-right: 15px; }
#subpage_3_add_to_basket_wrapper_mobile .unit .pcs .number .basket_pcs { width: 100%; border-bottom: 1.5px dashed black; outline: none; font-size: 60px; font-family: 'Titillium Web', sans-serif; text-align: center; }
#subpage_3_add_to_basket_wrapper_mobile .unit .displayprice { margin-top: 10px; margin-bottom: 20px; text-decoration: line-through; }
#subpage_3_add_to_basket_wrapper_mobile .unit .displaysabaratsagprice { margin-top: 15px; margin-bottom: 30px; }
#subpage_3_add_to_basket_wrapper_mobile .unit .displaysabaratsagprice .title { }
#subpage_3_add_to_basket_wrapper_mobile .unit .displaysabaratsagprice .discount { font-size: 24px; }
#subpage_3_add_to_basket_wrapper_mobile .unit .not_shoppable { padding: 30px; }
#shopping_cart { padding-left: 10px; padding-right: 10px; }
#shopping_cart .item { position: relative; width: 100%; height: auto; padding-bottom: 15px; padding-top: 15px; }
#shopping_cart .item .name { position: relative; width: 100%; height: auto; margin-bottom: 20px; }
#shopping_cart .item .pcs { position: relative; width: auto; height: auto; }
#shopping_cart .item .pcs .centerme .plusminus { position: relative; float: left; width: 50px; height: 50px; }
#shopping_cart .item .pcs .centerme .bottle_nr { position: relative; float: left; width: 70px; text-align: center; font-size: 26px; line-height: 32px; padding-top: 7px; }
#shopping_cart .item .price { position: relative; float: right; width: 40%; height: auto; padding-top: 10px; }
#shopping_cart .item .delete { position: absolute; width: 30px; height: 30px; right: 0; top: 10px; display: block; }
#shopping_cart .item .delete .icon { width: 30px; height: 30px; border-radius: 50%; overflow: hidden; background-color: rgba(160,176,141,.8); cursor: pointer; transition: all .3s ease; }
#shopping_cart #cim_unit { display: none; }
#shopping_cart .total { height: auto; margin-bottom: 15px; margin-top: 15px; }
#shopping_cart .total .name { width: 100%; height: auto; }
#shopping_cart .total .pcs { width: auto; height: auto; }
#shopping_cart .total .price { position: relative; float: right; width: 50%; height: auto; }
}
@media only screen and (max-width : 600px) {
#products_holder .item { position: relative; float: left; width: 100%; }
#first_login_youtube_holder .player { width: 320px; height: 180px; }
#sabaristak_holder .item { width: 50%; }
#right_unit_mobile .item { width: 100%; }
}
@media only screen and (max-width : 480px) {
html, body { font-size: 18px; }
#uzenofal_posts_unit .item .user .image { }
#uzenofal_posts_unit .item .user .nameandtitle .largefont { }
#uzenofal_posts_unit .item .user .nameandtitle .smallfont { }
#uzenofal_posts_unit .item .comments .commentdialog .comment_post_btn { margin-bottom: 10px; }
#uzenofal_posts_unit .item .comments .list_of_comments .item .comment_user .image { display: none; }
#uzenofal_posts_unit .item .comments .list_of_comments .item .comment_user .nameandtitle { padding-left: 0; }
#uzenofal_posts_unit .item .comments .list_of_comments .item .comment_user .nameandtitle .largefont { font-size: 16px; }
#uzenofal_posts_unit .item .comments .list_of_comments .item .comment_user .nameandtitle .smallfont { font-size: 12px; margin-top: -10px; }
#uzenofal_posts_unit .item .comments .list_of_comments .item .commenttext { padding-left: 0; }
#event_comments .list_of_comments .item .comment_user .image { display: none; }
#event_comments .list_of_comments .item .comment_user .nameandtitle { padding-left: 0; }
#event_comments .list_of_comments .item .comment_user .nameandtitle .largefont { font-size: 16px; }
#event_comments .list_of_comments .item .comment_user .nameandtitle .smallfont { font-size: 12px; margin-top: -10px; }
#event_comments .list_of_comments .item .commentimage { padding-left:0; }
#event_comments .list_of_comments .item .commenttext { padding-left: 0; }
#login_holder .centerme { width: 300px; }
#product_comments .list_of_comments .item .comment_user .image { display: none; }
#product_comments .list_of_comments .item .comment_user .nameandtitle { padding-left: 0; }
#product_comments .list_of_comments .item .comment_user .nameandtitle .largefont { font-size: 16px; }
#product_comments .list_of_comments .item .comment_user .nameandtitle .smallfont { font-size: 12px; margin-top: -10px; }
#product_comments .list_of_comments .item .commentimage { padding-left:0; }
#product_comments .list_of_comments .item .commenttext { padding-left: 0; }
#sabaristak_holder .item { width: 100%; }
}
#footer { position: relative; padding: 30px; font-size: 12px; text-align: left; background-color: white; }
#siteby { position: absolute; width: 205px; height: 45px; background-color: black; opacity: 0.9; right: 5%; bottom: 0; cursor: pointer; background-image:url(../img/siteby.png); }