

@font-face {
    font-family:'YDIYGO350';
    src: url('fonts/YDIYGO350.eot');
	src: url('fonts/YDIYGO350.eot?#iefix') format('embedded-opentype'),
		url('fonts/YDIYGO350.woff2') format('woff2'),
		url('fonts/YDIYGO350.woff') format('woff'),
		url('fonts/YDIYGO350.svg#YDIYGO350') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

@font-face {
    font-family:'Tw Cen MT Condensed Extra Bold';
    src: url('fonts/Tw Cen MT Condensed Extra Bold.eot');
	src: url('fonts/Tw Cen MT Condensed Extra Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/Tw Cen MT Condensed Extra Bold.woff2') format('woff2'),
		url('fonts/Tw Cen MT Condensed Extra Bold.woff') format('woff'),
		url('fonts/Tw Cen MT Condensed Extra Bold.svg#Tw Cen MT Condensed Extra Bold') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-2215;
}

.header_bottom,
.header_top,
.fixed_top_header .bottom_header{
    background-color: rgba(255,255,255,1);
}




.header_top,
.header_bottom,
.title,
.drop_down .second .inner ul li,
.header-widget.widget_nav_menu ul.menu li ul li a,
.header_top #lang_sel ul li ul li a,
.header_top #lang_sel ul li ul li a:visited,
.header_top #lang_sel_click ul li ul li a,
.header_top #lang_sel_click ul li ul li a:visited,
.drop_down .second .inner > ul,
.drop_down .second .inner>ul,
li.narrow .second .inner ul,
.drop_down .wide .second ul li,
.drop_down .second ul li
    {
    border-color:#0a0a0a;
}

header.fixed.scrolled .header_bottom,
header.fixed.scrolled .header_top,
header.fixed_hiding.scrolled .header_bottom,
header.fixed_hiding.scrolled .header_top {
    background-color: rgba(255,255,255,1) !important;
}






.header_top,
.fixed_top_header .top_header,
.fixed_top_header nav.mobile_menu{
    background-color: rgba(255,255,255,1);
}





.content{
    margin-top: 0;
}

.logo_wrapper,
.side_menu_button,
.shopping_cart_inner
{
    height: 80px;
}
.content.content_top_margin{
    margin-top: 80px !important;
}

header:not(.centered_logo) .header_fixed_right_area {
    line-height: 80px;
}





        header.fixed_hiding .q_logo a,
        header.fixed_hiding .q_logo{
            max-height: 97px;
        }

    @media only screen and (max-width: 1000px){
        .q_logo a,.q_logo img{
            height: 70px !important;
        }
    }   

    @media only screen and (max-width: 480px){
        .q_logo a,.q_logo img{
            height: 70px !important;
        }
    }   


nav.main_menu > ul > li > a{
    line-height: 80px;
}



    .drop_down .second .inner ul,
    .drop_down .second .inner ul li ul,
    .shopping_cart_dropdown,
    li.narrow .second .inner ul,
    .header_top .right #lang_sel ul ul,
    .drop_down .wide .second ul li.show_widget_area_in_popup .widget,
    .drop_down .wide.wide_background .second{
    background-color: #ffffff;
    background-color: rgba(255,255,255,1);
    }


nav.main_menu > ul > li > a{
     color: #0a0a0a;        font-family: 'Tahoma', sans-serif;
         font-size: 13px;      line-height: 16px;    font-style: normal;     font-weight: 600;       text-transform: capitalize; }


    nav.main_menu > ul > li:not(:first-child):before {
        content: '|';
        position: relative;
        left: -2px;
        color: #9e9e9e;
        font-size: 15px;
        font-weight: 400;
    }
    header:not(.with_hover_bg_color) nav.main_menu > ul > li > a span:not(.plus){
        position: relative;
        padding: 9px 18px;
        border: 2px solid transparent;
        Text-align:center;
    }
    
    header:not(.with_hover_bg_color) nav.main_menu > ul > li:hover > a span:not(.plus),
    header:not(.with_hover_bg_color) nav.main_menu > ul > li.active > a span:not(.plus){
        border-color: currentColor;
        border-radius: 13px;
        color:#4a4a4a;
        background-color:#e6e7e8;
        border-color:#fff;
    }

    nav.main_menu > ul > li:not(:first-child):before {
        color: #262626;
    }
    nav.main_menu > ul > li > a{
        font-weight: lighter;
        padding: 0 5px;
    }
    header.transparent .drop_down .second:not(.right){
        left: 4px;
    }

nav.main_menu ul li:hover a {
     color: #ffffff; }

        nav.main_menu ul li.active a {
            color: #ffffff      }
    




.drop_down .second .inner > ul > li > a,
.drop_down .second .inner > ul > li > h3,
.drop_down .wide .second .inner > ul > li > h3,
.drop_down .wide .second .inner > ul > li > a,
.drop_down .wide .second ul li ul li.menu-item-has-children > a,
.drop_down .wide .second .inner ul li.sub ul li.menu-item-has-children > a,
.drop_down .wide .second .inner > ul li.sub .flexslider ul li  h5 a,
.drop_down .wide .second .inner > ul li .flexslider ul li  h5 a,
.drop_down .wide .second .inner > ul li.sub .flexslider ul li  h5,
.drop_down .wide .second .inner > ul li .flexslider ul li  h5,
.header_top #lang_sel ul li ul li a {
     color: #0a0a0a;                            }
.drop_down .second .inner > ul > li > a:hover,
.drop_down .wide .second ul li ul li.menu-item-has-children > a:hover,
.drop_down .wide .second .inner ul li.sub ul li.menu-item-has-children > a:hover{
    color: #000000 !important;
}
    .drop_down .second ul li{
        border-bottom-style:solid;
    }
    li.narrow .second .inner ul{
        padding-top:0;
        padding-bottom:0;
    }
    .drop_down .second .inner ul li ul{
        top:0;
    }
    .drop_down .second .inner>ul, li.narrow .second .inner ul{
    border-style:solid;
    border-width:1px;
    }

    .drop_down .wide .second .inner>ul>li>a
    {
     color: #000000;                                }
    .drop_down .wide .second .inner>ul>li>a:hover{
    color: #000000 !important;
    }
.drop_down .wide .second .inner ul li.sub ul li a,
.drop_down .wide .second ul li ul li a,
.drop_down .second .inner ul li.sub ul li a,
.drop_down .wide .second ul li ul li a,
.drop_down .wide .second .inner ul li.sub .flexslider ul li .menu_recent_post,
.drop_down .wide .second .inner ul li .flexslider ul li .menu_recent_post a,
.drop_down .wide .second .inner ul li .flexslider ul li .menu_recent_post,
.drop_down .wide .second .inner ul li .flexslider ul li .menu_recent_post a{
     color: #0a0a0a;                            }
.drop_down .wide.icons .second i{
     color: #0a0a0a;  }
.drop_down .second .inner ul li.sub ul li a:hover,
.drop_down .wide .second ul li.show_widget_area_in_popup:hover .popup_wrapper > a,
.drop_down .second .inner ul li ul li a:hover,
.drop_down .wide.icons .second a:hover i
{
    color: #000000 !important;
}


header.scrolled nav.main_menu > ul > li > a,
header.light.scrolled nav.main_menu > ul > li > a,
header.dark.scrolled nav.main_menu > ul > li > a{
     color: #0a0a0a;                            }
header.scrolled .side_menu_button a {
     color: #0a0a0a !important; }
/*
header.scrolled nav.main_menu > ul > li > a:hover > span,
header.scrolled nav.main_menu > ul > li:hover > a > span,
header.scrolled nav.main_menu > ul > li.active > a > span,
header.scrolled nav.main_menu > ul > li > a:hover > i,
header.scrolled nav.main_menu > ul > li:hover > a > i,
header.scrolled nav.main_menu > ul > li.active > a > i,
header.scrolled .side_menu_button a:hover,
.light.scrolled nav.main_menu > ul > li > a:hover,
.light.scrolled nav.main_menu > ul > li.active > a,
.light.scrolled .side_menu_button a:hover,
.dark.scrolled nav.main_menu > ul > li > a:hover,
.dark.scrolled nav.main_menu > ul > li.active > a,
.dark.scrolled .side_menu_button a:hover {
    color: #fff !important;
}
*/

header.sticky nav.main_menu > ul > li > a, 
header.light.sticky nav.main_menu > ul > li > a, 
header.dark.sticky nav.main_menu > ul > li > a{
     color: #0a0a0a;         font-size: 15px;                   }

header.sticky .side_menu_button a, 
header.sticky .side_menu_button a:hover{
     color: #0a0a0a; }

header.sticky nav.main_menu > ul > li > a:hover span, 
header.sticky nav.main_menu > ul > li.active > a span,
header.sticky nav.main_menu > ul > li:hover > a > span,
header.sticky nav.main_menu > ul > li > a:hover > i, 
header.sticky nav.main_menu > ul > li:hover > a > i,
header.sticky nav.main_menu > ul > li.active > a > i,
.light.sticky nav.main_menu > ul > li > a:hover, 
.light.sticky nav.main_menu > ul > li.active > a, 
.dark.sticky nav.main_menu > ul > li > a:hover, 
.dark.sticky nav.main_menu > ul > li.active > a{
    color: #0a0a0a !important;
}

nav.mobile_menu ul li a,
nav.mobile_menu ul li h3{
     color: #0a0a0a;                            }


    nav.mobile_menu ul li span.mobile_arrow i, nav.mobile_menu ul li span.mobile_arrow i {
        color: #0a0a0a;
    }

nav.mobile_menu ul li a:hover,
nav.mobile_menu ul li.active > a,
nav.mobile_menu ul li.current-menu-item > a{
    color: #0a0a0a;
}





h1,
.h1,
.title h1 {
            font-size: 42px;                    }


h2,
.h2,
h2 a{
            font-size: 30px;                    }
h3,
.h3,
h3 a{
            font-size: 26px;                    }
h4,
.h4,
h4 a{
            font-size: 20px;                    }
h5,
.h5,
h5 a,
.q_icon_with_title .icon_text_holder h5.icon_title{
            font-size: 17px;                    }
h6,
.h6,
h6 a {
            font-size: 13px; color:#fff;                    }






.q_message .message_text{
        font-family: '', sans-serif;
    }


.qbutton,
.qbutton.medium,
#submit_comment,
.load_more a,
.blog_load_more_button a,
.post-password-form input[type='submit'],
input.wpcf7-form-control.wpcf7-submit,
input.wpcf7-form-control.wpcf7-submit:not([disabled]),
.woocommerce table.cart td.actions input[type="submit"],
.woocommerce input#place_order,
.woocommerce-page input[type="submit"],
.woocommerce .button
    {
        font-family: '', sans-serif;
    
    
                                                    }

.qode-qbutton-main-color {
        font-family: '', sans-serif;
                                }



    .qbutton.small{

                                    
    }
    .qbutton.large{

                                    
    }
    .qbutton.big_large,
    .qbutton.big_large_full_width {

                                    
    }









    .footer_top_holder, footer #lang_sel > ul > li > a, footer #lang_sel_click > ul > li > a{
        background-color: #ededed;
    }
    footer #lang_sel ul ul a,footer #lang_sel_click ul ul a,footer #lang_sel ul ul a:visited,footer #lang_sel_click ul ul a:visited{
        background-color: #ededed !important;
    }


.footer_top .column_inner > div h2,
.footer_top .column_inner > div h3,
.footer_top .column_inner > div h4,
.footer_top .column_inner > div h5,
.footer_top .column_inner > div h6 {
    color:#0c0c0c;
}
    .footer_top,
    .footer_top p,
    .footer_top span,
    .footer_top li,
    .footer_top .textwidget,
    .footer_top .widget_recent_entries>ul>li>span {
        color: #141414;
    }










    .footer_top,
    .footer_top .footer_col1,
    .footer_top .container_inner > .widget,
    .footer_top.footer_top_full > .widget{
        text-align: left;
    }
    .footer_top .footer_col2{
        text-align: left;
    }
    .footer_top .footer_col3{
        text-align: left;
    }





























/*Blog Masonry Gallery - end */




























 
 
 .vertical_menu_float .menu-item .second{
    left: calc(100% + 30px); /*because of the padding*/
}

.vertical_menu_hidden aside.vertical_menu_area .vertical_menu_float .menu-item .second {
    left: calc(100% + 40px);
}

.vertical_menu_area{
    text-align:left;
}

.side_image_ko_ch_banners:hover{
	opacity: 0.5;
}

.enlarge-plus-sign img{
	margin-top: -32px;
    margin-left: -50px;
    height: 88px;
    width: auto;
    position: absolute;
}

.latest-post-info-animation{
	box-shadow: 0px -1px 5px 0px #888888;
}

::selection {
  background: none; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: none; /* Gecko Browsers */
}

.left-menu-widget h5{
  line-height: 12px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 10%;
  padding-right: 10%;
}

.left-menu-widget .post_infos{
  display: none;
}
.left-menu-widget > div {
    background-size: 100%;
    background-repeat: no-repeat;
}

.left-menu-widget .images_holder{
    width:100%;
}

.left-menu-widget .images_holder img{
    width:100%;
}

.left-menu-widget li:hover {
    background-color: #a6a8aa;
}

.left-menu-widget li a,
.left-menu-widget li a:hover,
.left-menu-widget li a:visited {
    font-family: YDIYGO350;
    font-size: 11px;
    color: white;
}

@media only screen and (max-width: 1500px){
    .left-menu-widget li a,
    .left-menu-widget li a:hover {
        font-family: YDIYGO350;
        font-size: 9px;
        color: white;
    }
} 

@media only screen and (max-width: 1400px){
    .left-menu-widget li a,
    .left-menu-widget li a:hover {
        font-size: 8px;
    }
} 

@media only screen and (max-width: 1300px){
    .left-menu-widget li a,
    .left-menu-widget li a:hover {
        font-size: 7px;
    }
} 

@media only screen and (max-width: 1200px){
    .left-menu-widget li a,
    .left-menu-widget li a:hover {
        font-family: YDIYGO350;
        font-size: 8px;
        color: white;
    }
} 


.left-menu-widget li {
    background-color: #58585a;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 2px;
    word-wrap: break-word;
}

.latest_post_holder>ul>li{
	padding-top: 0px;
}

.latest_post_holder.minimal>ul>li {
    padding-top: 0px;
}

nav ul>li>a>span {
    font-family: Tw Cen MT Condensed Extra Bold;
    font-size: 17px;
    letter-spacing: 0.2px;
}

em.menu-ko-text {
    font-family: YDIYGO350;
    font-style: normal;
    font-weight: 900;
    font-size: 11px;
}

nav.main_menu > ul > li > a,
header.dark.scrolled nav.main_menu > ul > li > a,
header.dark.scrolled nav.main_menu > ul > li > a:hover,
.dark:not(.sticky):not(.scrolled) nav.main_menu>ul>li>a,
.dark:not(.sticky):not(.scrolled) nav.main_menu>ul>li>a:hover
{
	color: #3e3e3e;
}

.three_columns .column_inner{
	max-width: 350px;
}

.latest_post_korean_fix h5 > a{
	font-family: YDIYGO350;
    font-size: 12px;
}

.latest_post_chinese_fix h5 > a{
    font-size: 12px;
}

.single .entry_title {
    text-align: center;
    padding: 20px 0px 20px 20px;
    font-family: YDIYGO350;
    font-size: 17px;
}

@media only screen and (max-width: 1200px){
    #homepage_main_slider,
    #advertisementColumn {
        margin-left: 16.66666667%;
    }
}

@media only screen and (max-width: 1000px){
    .top_empty_space {
        display: none;
    }
    #main_advertisement_row{
        padding: 0px 15px 15px 15px !important;
    }
    #advertisementColumn {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media only screen and (max-width: 765px){
    .latest_post_holder>ul>li{
        margin: 0!important
    }
    #homepage_main_slider,
    #advertisementColumn {
        margin-left: 0;
    }
    #advertisementColumn {
        padding-left: 0px;
        padding-right: 0px;
    }
}


@media only screen and (max-width: 350px){
    .latest_post_title a {
        font-size: 10px !important;
    }
}

.content {
    max-width: 1750px;
    margin-left:auto;
    margin-right: auto;
}

.header_top_bottom_holder {
    background-color: white;
}

.header_bottom{
    max-width: 1750px;
    margin: 0 auto;
    left: 0;
    right: 0;
}

header.fixed.scrolled .header_bottom,header.fixed_hiding.scrolled .header_bottom {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #fff
}

header.fixed.scrolled .header_top_bottom_holder,header.fixed_hiding.scrolled .header_top_bottom_holder {
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.11);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.11);
    box-shadow: 0 1px 3px rgba(0,0,0,.11);
    background-color: #fff
}

#reader-container .controls .bottomleft, 
#reader-container .controls .bottomleft .horizontal,
#reader-container .controls .bottomleft .vertical,
#reader-container .controls .bottomright, 
#reader-container .controls .bottomright .horizontal, 
#reader-container .controls .bottomright .vertical{
    bottom: unset !important;
}