/*
Theme Name: Sophia Olivia
Theme URI: https://sophiaolivia.hu
Description: A Sophia Olivia webáruház alapértelmezett sablonja
Author: Digitalform
Author URI: https://digialform.hu
Version: 1.0
*/

*{
margin: 0;
padding: 0;
border: 0;
text-decoration: none;
list-style: none;
}
*, *:after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body { font-family: 'Lora', serif; font-size: 19px; color: #857575; line-height: 30px; overflow-x: hidden; }
body.woocommerce-checkout.woocommerce-order-received { background: #fff5f2; }

li { list-style-type: none; }
h1, h2, h3, h4, h5 { font-weight: normal; }

button, input, select, textarea { font-family: 'Lora', serif; font-size: 17px; outline: none; }
select { height: 40px; border: 1px solid #f1b4a6; }

img.alignleft { margin: 0 20px 5px 0; float: left; }
img.alignright { margin: 0 0 5px 20px; float: right; }

.left { float: left; }
.right { float: right; }
.clear, .related  { clear: both; }
.inner { max-width: 1200px; margin: auto; position: relative; }
.inner_900 { max-width: 900px; }
.hide { display: none !important; }
.p_20 { padding: 20px; }
.p_30 { padding: 30px; }
.b_r_5 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.b_r_10 { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.b_r_50p { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.special_offer { height: 180px; margin-bottom: 30px; display: none; }
.vertical_middle { top: 50%; position: relative; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.align_center { left: 50%; position: relative; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.required { color: #ff0000; }

.button { height: 50px; padding: 0 30px; font-size: 15px; font-weight: 700; text-decoration: none !important; color: white !important; line-height: 50px; background: #282828; cursor: pointer; display: inline-block; position: relative; }
.button:disabled { color: white; background: #ccc; }

.button.button_large { height: 70px; padding: 0 50px; font-size: 20px; line-height: 70px; }

.button.button_color2 { color: #282828 !important; background: #f1b4a6; }
.button.button_color2:hover { background: #f4c3b8; }

/* Font */
.center { text-align: center; }
.sec_font, ul.products li .price, table.custom_1 thead tr th { font-family: 'PT Sans', sans-serif; }
.uppercase { text-transform: uppercase; }
.red { color: #ca333a; }

/* Animation */
.anim, .button, .account:before, #header ul.menu li a:after { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } 
.anim_cubic { -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.anim_cubic_long { -webkit-transition: all 3s ease-out; -moz-transition: all 3s ease-out; -o-transition: all 3s ease-out; transition: all 3s ease-out; } 

/* Col */
.row { width: 100%; font-size: 0; }
.row > .col { font-size: 19px; vertical-align: top; display: inline-block; }
.row .col_50 { width: 50%; }
.row .col_33 { width: 33.3333333333%; }
.row .col_25 { width: 25%; }
.row .col_20 { width: 20%; }
.row .col_16 { width: 16.6666666666%; }
.row .col_14 { width: 14.28%; }

.row.row_table { display: table; table-layout: fixed; }
.row.row_table > .col { display: table-cell; }

/* Checkbox and radio */
input[type="checkbox"], 
input[type="radio"] { width: 20px; min-width: 20px; height: 20px; margin: -4px 4px 0 0 !important; padding: 0 !important; text-align: center !important; background-color: white; border: 1px solid #f0dcc8; clear: none; cursor: pointer; display: inline-block; line-height: 0; outline: 0; vertical-align: middle !important;  -webkit-appearance: none; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: .05s border-color ease-in-out; transition: .05s border-color ease-in-out; }
input[type="radio"] { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

input[type="radio"]:checked:before { width: 10px; height: 10px; left: 4px; top: 4px; text-align: center; background: #c09374; position: relative; border-radius: 8px; display: block; content: ''; }
input[type="checkbox"]:checked:before { width: 100%; height: 100%; left: 0; top: 0; text-align: center; color: #2e2e2e; line-height: 18px; position: relative; display: block; content: '✔'; }


/*
-------------------------
	DISABLE LANDSCAPE
-------------------------
*/
.disable_landscape { width: 100%; height: 100%; left: 0; top: 0; background: #282828; position: fixed; z-index: 100000; }
.disable_landscape .disable_landscape_wrapper { max-width: 70%; left: 50%; top: 50%; color: white; position: relative; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.disable_landscape .disable_landscape_wrapper p { margin-bottom: 20px; }
.disable_landscape .disable_landscape_wrapper p:last-child { margin-bottom: 0; }
.disable_landscape .disable_landscape_wrapper img { max-width: 80%; height: auto; margin: auto; display: block; }


/*
--------------------
	WARNING TEXT
--------------------
*/
.warning_text { padding: 10px 0; color: white; font-size: 16px; line-height: 1; background: #282828; }


/*
-------------
	MODAL
-------------
*/
.white-popup { width: auto; max-width: 340px; margin: 20px auto; background: white; position: relative; }
.white-popup.exitpopup { max-width: 800px; }
.white-popup.exitpopup .mfp-close { color: white; }
.white-popup.exitpopup .col_entry { padding: 40px; }
.white-popup.exitpopup .col_entry h2 { margin-bottom: 10px; font-size: 34px; font-weight: 700; color: #2e2e2e; line-height: 1; }
.white-popup.exitpopup .col_entry p { margin-bottom: 20px; font-size: 16px; }

.white-popup.exitpopup .col_image { width: 300px; background: url(images/bgr_newsletter.jpg) no-repeat center; background-size: cover; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; }


/*
----------------
	RWD NAV
----------------
*/
.nav-tgl { width: 60px; height: 60px; right: 15px; top: 15px; padding: 0; text-align: center; background: white; border: 1px solid #f1b4a6; display: inline-block; position: fixed; cursor: pointer; z-index: 103; }
.nav-tgl > span { width: 34px; height: 2px; margin-top: -2px; vertical-align: middle; background: #282828; display: inline-block; position: relative; border-radius: 1px; }
.nav-tgl > span:before, 
.nav-tgl > span:after { height: 2px; background: #282828; border-radius: 1px; display: inline-block; position: absolute; content: ''; transition: all 200ms; }
.nav-tgl > span:before { width: 28px; left: 3px; top: -12px; }
.nav-tgl > span:after { width: 22px; left: 6px; top: 11px; }
.nav-tgl:focus { outline: none; }

.nav-tgl:hover > span:after, 
.nav-tgl:hover > span:before { width: 34px; left: 0; }

.nav { width: 100%; height: 100vh; left: 0; top: 0; position: fixed; visibility: hidden; opacity: 0; z-index: 101; }
.nav:before { width: 100vw; height: 100vh; left: 0; top: 0; background: #282828; display: block; position: fixed; z-index: 101; content: ''; transition: all 500ms ease-in-out; clip-path: circle(60px at calc(100% - 50px) 50px); visibility: hidden; }

.nav .menu_wrapper { top: 50px; padding: 50px 30px; position: relative; z-index: 102; visibility: hidden; opacity: 0; -webkit-transition-delay: 0.7s; -moz-transition-delay: 0.7s; -o-transition-delay: 0.7s; transition-delay: 0.7s; }
.nav .menu_wrapper ul li a { color: white; line-height: 1; display: inline-block; }

.nav .menu_wrapper ul.primary_menu { margin-bottom: 20px; }
.nav .menu_wrapper ul.primary_menu li a { padding: 5px 0; font-size: 30px; }

.nav .menu_wrapper ul.secondary_menu { padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.2); }

/* RWD menu open */
body.rwd_menu__opened .nav-tgl { border-color: white; }
body.rwd_menu__opened .nav-tgl > span { height: 0; }
body.rwd_menu__opened .nav-tgl > span:after, 
body.rwd_menu__opened .nav-tgl > span:before { width: 34px; top: -2px; left: 0; }
body.rwd_menu__opened .nav-tgl > span:after { transform: rotate(-45deg); }
body.rwd_menu__opened .nav-tgl > span:before { transform: rotate(45deg); }

body.rwd_menu__opened .nav { visibility: visible; opacity: 1; }
body.rwd_menu__opened .nav:before { visibility: visible; clip-path: circle(100%); }
body.rwd_menu__opened .nav .menu_wrapper { top: 0; visibility: visible; opacity: 1; }


/*
---------------
	HEADER
---------------	
*/
#header { width: 100%; height: 90px; left: 0; top: 0; border-bottom: 1px solid #ffe7df; position: absolute; }
/*#header.has_warning_text { left: auto; top: auto; background: #fff5f2; position: relative; }*/

/* Logo */
#header .logo { width: 170px; height: 40px; left: 100px; display: block; position: absolute; z-index: 2; }
#header .logo img { width: auto; height: 100%; display: block; }

/* Menu */
#header ul.menu { width: 100%; height: 30px; left: 0; font-size: 0; position: absolute; z-index: 1; }
#header ul.menu li { margin: 0 15px; vertical-align: top; display: inline-block; }
#header ul.menu li a { height: 30px; padding: 0 5px; font-size: 16px; font-weight: 700; color: #282828; line-height: 30px; display: block; position: relative; }

#header ul.menu li a:after { width: 0; height: 1px; left: 50%; bottom: 0; background: #f1b4a6; position: absolute; content: ''; }
#header ul.menu li a:hover:after, 
#header ul.menu li.current_page_item a:after, 
#header ul.menu li.current-menu-item a:after, 
#header ul.menu li.current_page_parent a:after { width: 100%; left: 0; }

/* Cart and account */
#header .cart_account { height: 30px; right: 100px; position: absolute; z-index: 2; }
#header .cart_account .ajax_cart { width: 30px; height: 30px; margin-left: 20px; background: url(images/icon_cart.svg) no-repeat center; background-size: auto 20px; }
#header .cart_account .ajax_cart .count { min-width: 20px; height: 20px; padding: 0 5px; left: 20px; bottom: 0; font-size: 13px; text-align: center; color: white; line-height: 20px; background: #58628c; position: absolute; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

#header .cart_account .account { width: 30px; height: 30px; background: url(images/icon_user.svg) no-repeat center; background-size: auto 20px; position: relative; }
#header .cart_account .account:before { width: 100%; height: 100%; left: 0; top: 0; background: white; position: absolute; content: ''; z-index: -1; opacity: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2); box-shadow: 0 0 5px rgba(0,0,0,0.2); }
#header .cart_account .account:hover:before { opacity: 1; }

/* RWD button */
#header .rwd_button { width: 80px; height: 80px; right: 0; top: 0; background: #2e2e2e; position: absolute; z-index: 2; cursor: pointer; }
#header .rwd_button .burg { width: 40px; height: 2px; left: 20px; background: white; display: block; position: relative; -moz-transition: 0.2s; -o-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; }

#header .rwd_button .burg:before, 
#header .rwd_button .burg:after { width: 40px; height: 2px; background: white; position: absolute; content: ''; -moz-transition: 0.2s; -o-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; }

#header .rwd_button .burg:before { top: -10px; left: 0; }
#header .rwd_button .burg:after { top: 10px; right: 0; }

body.rwd_menu__opened #header .rwd_button .burg { background: transparent; }
body.rwd_menu__opened #header .rwd_button .burg:before { top: 0; -webkit-transform: rotate(45deg); }
body.rwd_menu__opened #header .rwd_button .burg:after { top: 0; -webkit-transform: rotate(-45deg); }

/* If is HOME */
body.home #header { border-bottom-color: transparent; }
body.home #header .logo { display: none; }

/* If is THANK YOU PAGE */
body.woocommerce-checkout.woocommerce-order-received #header { background: white; border-bottom: none; }

/* Fixed header */
body.fixed_header #header { top: 0; background: white; border-bottom: 1px solid #ffe7df; position: fixed; z-index: 100; -webkit-animation: header_down 1s infinite; -moz-animation: header_down 1s infinite; -o-animation: header_down 1s infinite; animation: header_down 1s infinite; animation-iteration-count: 1; }
body.fixed_header #header .logo { display: block; }

/* Fixed header HOME */
body.home.fixed_header #header { background: #fff5f2; }


/*
--------------
	SLIDER
--------------
*/
#slider { height: 100vh; background: #fff5f2; position: relative; overflow: hidden; }
#slider .circle { width: 20%; background: #282828; position: absolute; opacity: 0; -webkit-transform: scale(0.3,0.3); -ms-transform: scale(0.3,0.3); transform: scale(0.3,0.3); }
#slider .circle.circle_1 { left: -40px; bottom: 30%; }
#slider .circle.circle_2 { width: 30%; left: 50%; bottom: -35%; -webkit-transform: translateX(-50%) scale(0.3,0.3); -ms-transform: translateX(-50%) scale(0.3,0.3); transform: translateX(-50%) scale(0.3,0.3); } 
#slider .circle.circle_3 { top: 15%; right: -12%; }

body.is_loaded #slider .circle { opacity: 1; -ms-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1); }
body.is_loaded #slider .circle.circle_2 { -ms-transform: translateX(-50%) scale(1,1); -webkit-transform: translateX(-50%) scale(1,1); transform: translateX(-50%) scale(1,1); }

/* Logo */
#slider .logo { width: 420px; height: 100px; left: 50%; top: 50%; background: url(images/logo.svg) no-repeat center; background-size: auto 100%; position: absolute; opacity: 0; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } 
body.is_loaded #slider .logo { opacity: 1; }

#slider .scroll_arrow { width: 100%; left: 0; bottom: 30px; position: absolute; z-index: 10; }
#slider .scroll_arrow .arrow { width: 40px; height: 40px; margin: auto; background: url(images/icon_arrow_down_white.svg) no-repeat center; background-size: auto 100%; display: block; position: relative; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-animation: arrowBounce .5s infinite alternate; -moz-animation: arrowBounce .5s infinite alternate; -ms-animation: arrowBounce .5s infinite alternate; -o-animation: arrowBounce .5s infinite alternate; animation: arrowBounce .5s infinite alternate; }


/*
--------------------------
	FRONTAPGE PRODUCTS
--------------------------
*/
#frontpage_products { padding: 100px 0; }
#frontpage_products .title { margin-bottom: 30px; padding-bottom: 130px; font-size: 50px; color: #282828; line-height: 1; position: relative; }
#frontpage_products .title:after { width: 1px; height: 100px; left: 50%; bottom: 0; background: #f1b4a6; position: absolute; content: ''; }

#frontpage_products ul.products { margin-bottom: 70px; }


/*
----------------
	ABOUT ME
----------------
*/
#aboutme { padding-bottom: 100px; position: relative; }
#aboutme .row .col_text { padding: 100px 70px 100px 0; }
#aboutme .row .col_text h4 { margin-bottom: 30px; font-size: 14px; font-weight: 700; text-transform: uppercase; color: #58628c; line-height: 1; letter-spacing: 3px; }

#aboutme .row .col_image { position: relative; }
#aboutme .row .col_image .image { width: 100%; height: 100%; left: 0; top: 0; background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; }
#aboutme .row .col_image .image:before { width: 260px; height: 100%; left: -15px; top: 15px; background: #f1b4a6; position: absolute; content: ''; z-index: -1; }


/*
-----------------
	INSTAGRAM
-----------------
*/
#instagram { padding-top: 70px; padding-bottom: 70px; background: #fff5f2; position: relative; overflow: hidden; }
/*#instagram:before { width: 100%; height: 80%; max-height: 700px; left: 0; top: 0; background: #fff5f2 url(images/bgr_instagram_1.png) no-repeat left bottom; background-size: cover; position: absolute; content: ''; }*/

#instagram .circle { width: 400px; right: -250px; top: 250px; top: 30%; background: #282828; position: absolute; }
#instagram .dots { width: 165px; height: 165px; right: 60px; top: 65%; background: url(images/dots.png) repeat left top; position: absolute; }

/*#instagram .intro_text { margin-bottom: 50px; padding-left: calc(50% + 20px); }*/
#instagram .intro_text { margin-bottom: 50px; text-align: center; }
#instagram .intro_text strong { color: #282828; }
#instagram .intro_text .title { margin-bottom: 30px; font-size: 60px; color: #282828; line-height: 1; }

#instagram .instagram-pics { position: relative; }
#instagram .instagram-pics .pic a { display: block; position: relative; }
#instagram .instagram-pics .pic a img { max-width: 100%; display: block; }

#instagram .instagram-pics .pic:nth-child(1) { width: 50%; padding-right: 20px; float: left; }
#instagram .instagram-pics .pic:nth-child(1) a { width: 85%; margin-top: -100px; margin-left: 15%; }

#instagram .instagram-pics .pic:nth-child(2) { width: 50%; margin-bottom: 40px; padding-left: 20px; float: right; }
#instagram .instagram-pics .pic:nth-child(2) a { width: 50%; }

#instagram .instagram-pics .pic:nth-child(3) { width: 50%; padding-left: 20px; float: right; }
#instagram .instagram-pics .pic:nth-child(3) a { width: 30%; }

#instagram .widget_meks_instagram .meks-instagram-widget { display: block; }
#instagram .widget_meks_instagram .meks-instagram-widget div { position: relative; }
#instagram .widget_meks_instagram .meks-instagram-widget div a { display: block; position: relative; }
#instagram .widget_meks_instagram .meks-instagram-widget div img { max-width: 100%; display: block; }

#instagram .widget_meks_instagram .meks-instagram-widget div:nth-child(1) { width: 50%; padding-right: 20px !important; float: left; }
#instagram .widget_meks_instagram .meks-instagram-widget div:nth-child(1) a { width: 85%; margin-top: -100px; margin-left: 15%; }

#instagram .widget_meks_instagram .meks-instagram-widget div:nth-child(2) { width: 50%; margin-bottom: 40px; padding-left: 20px !important; float: right; }
#instagram .widget_meks_instagram .meks-instagram-widget div:nth-child(2) a { width: 50%; }

#instagram .widget_meks_instagram .meks-instagram-widget div:nth-child(3) { width: 50%; padding-left: 20px !important; float: right; }
#instagram .widget_meks_instagram .meks-instagram-widget div:nth-child(3) a { width: 30%; }

/* Spotlight Instagram Feed */
#instagram .spotlight-instagram-feed { display: block; }
#instagram .spotlight-instagram-feed .GridLayout__cell { position: relative; }
#instagram .spotlight-instagram-feed .GridLayout__cell a { display: block; position: relative; }
#instagram .spotlight-instagram-feed .GridLayout__cell img { max-width: 100%; display: block; }

#instagram .spotlight-instagram-feed .GridLayout__cell:nth-child(1) { width: 50%; padding-right: 20px !important; float: left; }
#instagram .spotlight-instagram-feed .GridLayout__cell:nth-child(1) a { width: 85%; margin-top: -100px; margin-left: 15%; }

#instagram .spotlight-instagram-feed .GridLayout__cell:nth-child(2) { width: 50%; margin-bottom: 40px; padding-left: 20px !important; float: right; }
#instagram .spotlight-instagram-feed .GridLayout__cell:nth-child(2) a { width: 50%; }

#instagram .spotlight-instagram-feed .GridLayout__cell:nth-child(3) { width: 50%; padding-left: 20px !important; float: right; }
#instagram .spotlight-instagram-feed .GridLayout__cell:nth-child(3) a { width: 30%; }
#instagram .FeedLayout__wrapper { background-color: tranparent !important; }
#instagram .spotlight-instagram-feed .GridLayout__cell { width: 100% !important; margin-bottom: 0 !important; }




/*
------------------
	CONTAINER
------------------	
*/
#container { padding-top: 90px; }

/* If page is ACCOUNT and user logged in */
body.woocommerce-account.loggedin-user #container { background: #fff5f2; }

/* If page is ABOUT ME */
body.page-template-aboutme #container { background: #fff5f2; }

#content { padding-top: 30px; padding-bottom: 50px; line-height: 30px; position: relative; z-index: 98; }
body.single-product #content { padding-top: 0; }

#content p { margin-bottom: 30px; }
#content strong { color: #282828; }

#content a { color: #282828; }
#content a:hover { text-decoration: underline; }

#content h1 { margin-bottom: 30px; font-size: 50px; color: #282828; line-height: 1; }
#content h3 { margin-bottom: 10px; font-size: 25px; font-weight: 700; color: #282828; line-height: 1; }
#content h4 { margin-bottom: 30px; font-size: 14px; font-weight: 700; text-transform: uppercase; color: #58628c; line-height: 1; letter-spacing: 3px; }

/* List */
#content ul { margin-bottom: 30px; margin-left: 30px; }
#content ul li { list-style: disc; }
#content ul.nomargin { margin-left: 0; }
#content ul.nomargin li { list-style: none; }

/* Table */
#content table.custom_1 { width: 100%; margin-bottom: 30px; border: 1px solid #ffcbbb; border-collapse: collapse; border-spacing: 0; }
#content table.custom_1 thead tr th { padding: 15px; font-size: 16px; font-weight: 700; text-align: left; color: #282828; line-height: 20px; }
#content table.custom_1 tbody tr td { padding: 10px 15px; font-size: 16px; color: #282828; line-height: 20px; border-top: 1px solid #ffcbbb; }
#content table.custom_1 tbody tr:nth-child(odd) td { background: #fff5f2; }

/* About me */
#content.aboutme .row .col_text { padding-left: calc((100% - 1200px) /2); padding-top: 100px; padding-right: 150px; padding-bottom: 100px; }
#content.aboutme .row .col_text p:last-child { margin-bottom: 0 !important; }

#content.aboutme .row .col_image { position: relative; }
#content.aboutme .row .col_image .image { width: 100%; height: 100%; left: 0; top: 0; background-color: #282828; background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; }
#content.aboutme .row .col_image .image:before { width: calc(100% + 50px); height: calc(100% - 100px); left: -50px; top: 50px; background: #f1b4a6; position: absolute; content: ''; z-index: -1; }
#content.aboutme .row .col_image .circle { width: 40%; right: -10%; bottom: 10%; background: #282828; position: absolute; z-index: 2; }

/* Contact */
#content.contact h1 { margin-bottom: 0; padding-bottom: 80px; position: relative; }
#content.contact h1:after { width: 1px; height: 50px; left: 50%; bottom: 0; background: #f1b4a6; position: absolute; content: ''; }
#content.contact .contact_wrapper { max-width: 800px; margin: auto; padding: 100px; border: 10px solid #fff5f2; position: relative; }


/*
---------------
	FOOTER
---------------	
*/
#footer { padding-top: 30px; }

/* Footer top */
#footer .footer_top { margin-bottom: 50px; }
#footer .footer_top .logo { padding-top: 130px; position: relative; }
#footer .footer_top .logo:before { width: 1px; height: 100px; left: 50%; top: 0; background: #f1b4a6; position: absolute; content: ''; }
#footer .footer_top .logo img { width: auto; height: 60px; margin: auto; display: block; }

/* Footer center */
#footer .footer_center { margin-bottom: 50px; }
#footer .footer_center .inner { padding-bottom: 50px; border-bottom: 1px solid #e7e3e3; }
#footer .footer_center ul.menu { font-size: 0; }
#footer .footer_center ul.menu li { margin: 0 15px; vertical-align: top; display: inline-block; }
#footer .footer_center ul.menu li a { font-size: 16px; font-weight: 700; color: #282828; }
#footer .footer_center ul.menu li a:hover { text-decoration: underline; }

/* Footer bottom */
#footer .footer_bottom { margin-bottom: 50px; }
#footer .footer_bottom .title { margin-bottom: 30px; font-size: 20px; color: #282828; line-height: 1; }
#footer .footer_bottom a { width: 72px; height: 72px; margin: 0 5px; vertical-align: top; background: url(images/social_media_circle.png) no-repeat left center; display: inline-block; }
#footer .footer_bottom a img { width: auto; height: 26px; margin: auto; display: block; }

/* If is THANK YOU PAGE */
body.woocommerce-checkout.woocommerce-order-received #footer { background: white; }


/*
--------------
	BARION
--------------
*/
#barion { padding: 10px 20px; }
#barion img { max-width: 100%; height: auto; margin: auto; display: block; }


/*
-----------------
	SCROLL UP
-----------------
*/
#scroll_up { margin-bottom: 30px; }
#scroll_up a { width: 50px; height: 50px; margin: auto; background: white; border: 1px solid #e7e3e3; display: block; position: relative; z-index: 2; }
#scroll_up .inner { max-width: 600px; height: 50px; position: relative; }
#scroll_up .inner:before { width: 100%; height: 1px; left: 0; top: 50%; background: #e7e3e3; position: absolute; content: ''; z-index: 1; }


/*
-----------------
	COPYRIGHT
-----------------
*/
#copyright { font-size: 17px; padding-bottom: 30px; }


/*
-----------------
	KEYFRAMES
-----------------
*/
@-webkit-keyframes header_down {
	from { top: -70px; }
	to { top: 0; }
}
@-moz-keyframes header_down {
	from { top: -70px; }
	to { top: 0; }
}
@-o-keyframes header_down {
	from { top: -70px; }
	top { top: 0; }
}
@keyframes header_down {
	from { top: -70px; }
	to { top: 0; }
}

/* Shine */
@-webkit-keyframes header_down {
	0% { top: -110%; left: -80%; }
	66.666666% { top: 25%; left: 25%; }
	100% { top: 25%; left: 25%; }
}
@-moz-keyframes header_down {
	0% { top: -110%; left: -80%; }
	66.666666% { top: 25%; left: 25%; }
	100% { top: 25%; left: 25%; }
}
@-o-keyframes header_down {
	0% { top: -110%; left: -80%; }
	66.666666% { top: 25%; left: 25%; }
	100% { top: 25%; left: 25%; }
}
@keyframes shine {
	0% { top: -110%; left: -80%; }
	66.666666% { top: 25%; left: 25%; }
	100% { top: 25%; left: 25%; }
}


/* Bounce */
@-webkit-keyframes arrowBounce {
	from { top: 0; } to { top: -10px; }
}

@-moz-keyframes arrowBounce {
	from { top: 0; } to { top: -10px; }
}


/*
------------------
	RWD DESIGN
------------------
*/
@media only screen and (max-width: 1600px) { 

	/* HEADER: Logo */
	#header .logo { left: 20px; }
	
	/* HEADER: Cart and account */
	#header .cart_account { right: 20px; }
}

@media only screen and (max-width: 1440px) { 

	/* HEADER: Menu */
	#header ul.menu li { margin: 0 5px; }
	
	/* SLIDER */
	#slider .circle.circle_2 { bottom: -25%; } 
}

@media only screen and (max-width: 1200px) { 

	/* DEFAULT */
	.p_l_30 { padding-left: 20px; }
	.p_l_30 { padding-right: 20px; }

	/* SLIDER */
	#slider .circle.circle_2 { bottom: -10%; } 
	
	/* INSTAGRAM */
	#instagram { padding-top: 75px; }
	#instagram .circle { width: 300px; right: -150px; top: 350px; }
	#instagram .intro_text .title { font-size: 50px; }
	
	/* CONTENT: About me */
	#content.aboutme .row .col_text { padding-left: 20px; padding-top: 70px; padding-right: 120px; padding-bottom: 70px; }
}

@media only screen and (max-width: 960px) { 

	/* DISPLAY: None */
	.hide_in_960 { display: none !important; }
	
	/* DISPLAY: Block */
	.show_in_960 { display: block !important; }

	/* HEADER */
	#header { background: #fff5f2; position: fixed; z-index: 99; }
	
	/* HEADER: Logo */
	body.home #header .logo { display: block; }
	
	/* HEADER: Fixed header */
	body.fixed_header #header { background: #fff5f2; position: fixed; z-index: 99; -webkit-animation: none; -moz-animation: none; -o-animation: none; animation: none; }
	
	/* HEADER: Cart and account */
	#header .cart_account { right: 120px; }
	
	/* SLIDER: Logo */
	#slider .logo { width: 360px; height: 86px; } 
	
	/* FRONTAPGE PRODUCTS */
	#frontpage_products { padding: 50px 0; }
	#frontpage_products .title { padding-bottom: 100px; }
	#frontpage_products .title:after { height: 70px; }

	#frontpage_products ul.products { margin-bottom: 50px; }
	
	/* ABOUT ME */
	#aboutme { padding-bottom: 50px; }
	#aboutme .row .col_text { padding: 70px 50px 70px 0; }
	
	/* INSTAGRAM */
	#instagram { padding-top: 50px; }
	#instagram .instagram-pics .pic:nth-child(1) a { margin-top: -75px; }
	#instagram .instagram-pics .pic:nth-child(1) a { margin-top: -75px; }
	
	/* CONTENT: About me */
	#content.aboutme .row { display: block; }
	#content.aboutme .row .col { width: 100%; display: block; }
	#content.aboutme .row .col_text { padding-top: 0; padding-right: 20px; padding-bottom: 45px; }
	#content.aboutme .row .col_image { min-height: 300px; }
	#content.aboutme .row .col_image:after { padding-top: 50%; display: block; content: ''; }
	#content.aboutme .row .col_image .image:before { width: auto; height: 15px; left: 15px; top: -15px; right: 15px; }
	
	/* FOOTER: Footer top */
	#footer .footer_top .logo { padding-top: 100px; }
	#footer .footer_top .logo:before { height: 70px; }
}

@media only screen and (max-width: 768px) { 

	/* DISPLAY: None */
	.hide_in_768 { display: none !important; }

	/* SLIDER */
	#slider .scroll_arrow { bottom: 20px; }
	
	/* FRONTAPGE PRODUCTS */
	#frontpage_products { padding: 30px 0; }
	#frontpage_products .title { padding-bottom: 70px; font-size: 6vw; }
	#frontpage_products .title:after { height: 50px; }
	
	/* ABOUT ME */
	#aboutme { padding-bottom: 30px; }
	#aboutme .row { display: block; }
	#aboutme .row .col { width: 100%; display: block; }
	#aboutme .row .col_text { padding: 0 0 45px 0; }

	#aboutme .row .col_image { min-height: 300px; }
	#aboutme .row .col_image:after { padding: 40%; display: block; content: ''; }
	#aboutme .row .col_image .image:before { width: auto; height: 15px; left: 15px; top: -15px; right: 15px; }
	
	/* INSTAGRAM */
	#instagram { padding-top: 50px; }

	#instagram .circle { width: 300px; right: -180px; top: auto; bottom: 10%; }

	#instagram .intro_text { margin-bottom: 30px; padding-left: 0; }
	#instagram .intro_text .title { font-size: 7vw; }
	
	#instagram .instagram-pics .pic:nth-child(1) { width: 50%; padding-right: 10px; float: left; }	
	#instagram .instagram-pics .pic:nth-child(1) a { margin-top: 0; }
	#instagram .instagram-pics .pic:nth-child(2) { margin-bottom: 20px; padding-left: 10px; }
	#instagram .instagram-pics .pic:nth-child(3) { padding-left: 10px; }
	
	#instagram .widget_meks_instagram .meks-instagram-widget div:nth-child(1) { width: 50%; padding-right: 10px !important; float: left; }	
	#instagram .widget_meks_instagram .meks-instagram-widget div:nth-child(1) a { margin-top: 0; }
	#instagram .widget_meks_instagram .meks-instagram-widget div:nth-child(2) { margin-bottom: 20px; padding-left: 10px !important; }
	#instagram .widget_meks_instagram .meks-instagram-widget div:nth-child(3) { padding-left: 10px !important; }
	
	/* CONTENT */
	#content { padding-bottom: 30px; }
	#content h1 { margin-bottom: 20px; font-size: 6vw; }
	
	/* CONTENT: Contact */
	#content.contact .contact_wrapper { padding: 50px; }
	
	/* FOOTER: Footer top */
	#footer .footer_top { margin-bottom: 30px; }
	#footer .footer_top .logo { padding-top: 70px; }
	#footer .footer_top .logo:before { height: 50px; }
	#footer .footer_top .logo img { height: 50px; }

	/* FOOTER: Footer center */
	#footer .footer_center { margin-bottom: 30px; }
	#footer .footer_center .inner { padding-bottom: 30px; }
	#footer .footer_center ul.menu li { margin: 10px 0; display: block; }

	/* FOOTER: Footer bottom */
	#footer .footer_bottom { margin-bottom: 30px; }
}

@media only screen and (max-width: 768px) and (orientation: landscape) {
	
	/* DISABLE LANDSCAPE */
	.disable_landscape { display: block !important; }
	
	/* SLIDER */
	#slider .circle.circle_2 { width: 50%; bottom: -60%; } 
}

@media only screen and (max-width: 640px) { 

	/* SLIDER: Logo */
	#slider .logo { width: 310px; height: 74px; } 
	
	/* INSTAGRAM */
	#instagram .intro_text .title { margin-bottom: 20px; }
	
	#instagram .instagram-pics .pic:nth-child(1) a { width: 100%; margin-left: 0; }
	#instagram .instagram-pics .pic:nth-child(2) a { width: 60%; }
	
	#instagram .widget_meks_instagram .meks-instagram-widget div:nth-child(1) a { width: 100%; margin-left: 0; }
	#instagram .widget_meks_instagram .meks-instagram-widget div:nth-child(2) a { width: 60%; }
	
	/* CONTENT */
	#content h1 { font-size: 7vw; }
	
	/* CONTENT: Contact */
	#content.contact .contact_wrapper { padding: 20px; }
	
	/* COPYRIGHT */
	#copyright { line-height: 20px; }
	#copyright .rights { display: block; }
}

@media only screen and (max-width: 480px) { 

	/* DISPLAY: None */
	.hide_in_480 { display: none !important; }
	
	/* DISPLAY: Block */
	.show_in_480 { display: block !important; }
	
	/* WARNING TEXT */
	.warning_text { width: 100%; left: 0; bottom: 0; font-size: 15px; line-height: 18px; position: fixed; z-index: 100; }
	
	/* SLIDER */
	#slider .circle.circle_2 { width: 60%; bottom: -15%; } 
	
	/* SLIDER: Logo */
	#slider .logo { width: 260px; height: 62px; } 
	
	/* INSTAGRAM */
	#instagram .instagram-pics .pic:nth-child(1) { width: 100%; padding-right: 0; float: none; }
	#instagram .instagram-pics .pic:nth-child(2) { display: none; }
	#instagram .instagram-pics .pic:nth-child(3) { display: none; }
	
	#instagram .widget_meks_instagram .meks-instagram-widget div:nth-child(1) { width: 100%; padding-right: 0 !important; float: none; }
	#instagram .widget_meks_instagram .meks-instagram-widget div:nth-child(2) { display: none; }
	#instagram .widget_meks_instagram .meks-instagram-widget div:nth-child(3) { display: none; }
	
	/* CONTENT */
	#content h1 { font-size: 8vw; }
}

@media only screen and (max-width: 320px) { 

	/* RWD NAV */
	.nav .menu_wrapper ul.primary_menu li a { font-size: 25px; }
	
	/* HEADER: Logo */
	#header .logo { width: 160px; height: 38px; }
	
	/* HEADER: Cart and account */
	#header .cart_account { right: 100px; }
}