/*-----------------------------------------------------
POLYTIDE CSS VER 2.0.3
PROJECT : DOLBAEGI
/*-----------------------------------------------------
1. BASE
2. LAYOUT
3. CONTENTS SETTINGS
4. POSTS
5. PAGES
-----------------------------------------------------*/
/* ==========================================================================
1. BASE
========================================================================== */
html{ font-family:'Open Sans', 'NanumBarunGothic', sans-serif; font-size:15px; line-height:1.5em; color:#49280e/*; background-color:#efefef*/ }
p{ margin-bottom:0.6em }
dl{ display:block }
dl dt,
dl dd{ display:block; float:left }
dl dt{ clear:both }
a:link, a:visited, a:active{ color:#222 }
a:hover,
a:hover *,
.nav_top.shortcut .appointment:hover,
.nav_top.member a:hover,
.color1{ color:#a3302a }
.font{ font-family:'Open Sans', 'NanumBarunGothic', sans-serif }
.font_size{ font-size:14px }
.font_color{ color:#656970 }
/* ==========================================================================
2. LAYOUT
========================================================================== */
/*------------------------------------------
BASIC STRUCTURE
/*------------------------------------------
/*------------------------------------------
------------------------------------------*/
/*------------------------------------------
$GRID & CONTAINER
------------------------------------------*/
.wrap{ max-width:1000px }
.site_width,
.col_1{ width:1000px }
.col_1 .col{ width:100% }
.col_2{ width:1064px }
.col_2 > *:not(.wrap){ padding-left:32px; padding-right:32px }
.col_2 .col{ width:50%; padding-left:32px; padding-right:32px }
.col_3{ width:1040px }
.col_3 > *:not(.wrap){ padding-left:40px; padding-right:40px }
.col_3 .col{ width:33.333%; padding-left:40px; padding-right:40px }
.col_4{ width:1040px }
.col_4 > *:not(.wrap){ padding-left:20px; padding-right:20px }
.col_4 .col{ width:25%; padding-left:20px; padding-right:20px }
.col_5{ width:1040px }
.col_5 > *:not(.wrap){ padding-left:20px; padding-right:20px }
.col_5 .col{ width:20%; padding-left:20px; padding-right:20px }
*:not(.col_float_right) .col{ float:left }
.col_float_right .col{ float:right }
@media screen and (max-width:1000px) {
.container{ width:92% }
.col{ width:100%; padding-left:0; padding-right:0 }
.flexbox_item{ padding:0 !important }
}
.bgimg{ background:url(../images/article_bg.gif) }
/*------------------------------------------
$CLEARFIX
------------------------------------------*/
.sidebar .recent_posts li a:after,
.grid_view .full_width:after{ display:block; clear:both; height:0; content:''; visibility:hidden }
/*------------------------------------------
$HEADER & NAVIGATION
------------------------------------------*/
#header_outer{ width:100% }
#header_space{ display:none }
header#top{ position:relative; z-index:9998; width:100% }
.nav > li > a:hover,
.nav > li > a.hover,
.nav > li.current-menu-item > a{ }
#header_outer{ position:absolute; top:0; left:0; width:100%; background:#f7f6f6 url(../images/nav_bg.gif) repeat-x bottom center; z-index:999; overflow:visible; box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.33); -moz-box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.33); -webkit-box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.33) }
header#top .container{ position:relative; height:100% }
header#top #logo{ display:block; margin-top:40px }
header#top #logo img{ display:block; margin:0 auto }
header#top #logo .mobile{ display:none }
header#top #toggle_nav{ display:none }
.nav{ overflow:visible !important; padding:40px 0 30px; text-align:center; font-family:'NotoKR', sans-serif }
.nav > li{ display:inline-block; position:relative }
.nav > li:not(.contact):after{ display:block; position:absolute; top:-2px; right:0; content:'\2022'; color:#a3302a }
.nav > li > a{ display:block; font-size:16px; font-weight:bold; margin:0 55px 0 45px; color:#360d07; overflow:hidden; height:20px }
.nav > li.brand > a{ width:110px; margin-left:0 }
.nav > li.brand > a > img{ top:0 }
.nav > li.menu > a{ width:36px }
.nav > li.menu > a > img{ top:-20px }
.nav > li.gallery > a{ width:53px }
.nav > li.gallery > a > img{ top:-40px }
.nav > li.stores > a{ width:70px }
.nav > li.stores > a > img{ top:-60px }
.nav > li.franchise > a{ width:70px }
.nav > li.franchise > a > img{ top:-80px }
.nav > li.contact > a{ width:93px; margin-right:0 }
.nav > li.contact > a > img{ top:-100px }
.nav > li > a:hover > img{ left:-110px }
#header_outer.sticky{ position:fixed }
#header_outer.sticky #logo{ display:none }
#header_outer.sticky .nav{ padding:20px 0 }
/* SUB MENU */
.nav > li > ul{ position:absolute; width:180px; top:45px; left:50%; margin-left:-90px; padding:10px; background-color:#f0edea; border:solid 1px #f0edea; font-family:'NotoKR', sans-serif; font-weight:bold; letter-spacing:-0.03em; font-size:14px; line-height:32px; text-align:center; display:none; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; overflow:hidden }
.nav > li > ul > li:not(:last-child){ border-bottom:solid 1px #dfd9d4 }
.nav > li > ul > li > a{ display:block }
.nav > li > ul > li > a:hover{ color:#865d2d }
.nav a > .fa-angle-right{ display:none }
@media screen and (max-width:1000px) {
#header_space{ display:none }
#header_outer{ position:absolute; top:0; overflow:hidden; height:80px; background-color:#252525 }
header#top{ background-color:#222 }
header#top #logo{ display:block; float:left; margin-top:20px }
header#top #logo .pc{ display:none }
header#top #logo .mobile{ height:39px; width:auto }
header#top #toggle_nav{ float:right; padding:7px 10px; margin:20px 5px; border:#444 solid 1px; color:#eee; font-size:24px; line-height:0.8em; cursor:pointer; display:block }
.nav{ clear:both; float:none; padding-bottom:5px; text-align:center; overflow:hidden }
.nav > li{ float:none; margin-left:0; border-top:#444 solid 1px; text-align:left }
.nav a{ display:block; width:100%; padding:0 5px; font-family:'NotoKR', sans-serif; font-weight:bold; color:#eee }
.nav > li > a{ font-size:18px; height:40px; line-height:40px; font-weight:bold }
/* SUB MENU */
.nav{ padding-bottom:5px }
.nav > li > ul{ border-top:#444 solid 1px }
.nav > li:not(.current-menu-parent) > ul{ display:none }
.nav > li > ul > li > a:before{ content:'- ' }
.nav > li > ul > li > a{ font-size:14px; height:35px; line-height:35px }
.nav > li > ul > li > a:hover{ color:#c59d5f }
.nav a .fa{ visibility:visible; float:right; margin:13px 5px 0 0 }
}
/*------------------------------------------
$FOOTER
------------------------------------------*/
footer{ position:relative; display:block; width:100%; padding:45px 0; font-size:13px; line-height:1.5em; color:#888 }
.footer_logo{ display:block; float:left; margin-right:120px }
.footer_container{ float:left }
footer ul{ clear:both; display:block; margin-top:2px }
footer ul > li{ display:inline-block }
footer ul > li.separator{ position:relative; top:-1px; margin:0 10px; color:#999; font-size:9px }
@media screen and (max-width:1000px) {
.footer_logo{ display:none }
}
/*------------------------------------------
$TOP BUTTON
------------------------------------------*/
footer svg path{ fill:#eee }
.btn_top_text .btn_arrow{ border-left:1px solid #333; border-top:1px solid #333 }
/*------------------------------------------
$PARALLAX
------------------------------------------*/
.wrap_parallax{ position:relative; background-color:#000; overflow:hidden }
.wrap_parallax:not(.header){ height:490px }
.wrap_parallax svg{ position:absolute; top:100%; left:50%; margin-left:-96px; margin-top:-50px }
.wrap_parallax .flexbox,
.wrap_parallax .site_title{ position:relative; height:100%; z-index:10 }
.wrap_parallax .flexbox_item{ text-align:center }
.article_parallax{ position:absolute; top:-100%; right:0; bottom:-100%; left:0; background-attachment:fixed; background-position:50% 50% }
.lt-ie9 .article_parallax{ width:100% !important; height:100% !important; top:0 !important; bottom:auto !important; left:0 !important; -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%) }
.no_scroll_effect .article_parallax{ -webkit-transform:none !important; -moz-transform:none !important; -o-transform:none !important; -ms-transform:none !important; transform:none !important }
.article_parallax_img img{ position:absolute; top:50%; left:50%; opacity:0; max-width:none; -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%) }
.lt-ie9 .article_parallax_img img{ width:100% !important; top:0 !important; left:0 !important; -moz-transform:none; -ms-transform:none; -o-transform:none; -webkit-transform:none; transform:none }
.wrap_parallax:not(.header) .article_headline .headline_primary{ font-size:76px }
.wrap_parallax:not(.header) .article_headline .headline_description{ font-size:15px }
.wrap_parallax.header{ height:530px }
.parallax_outer{ position:relative; height:100%; overflow:hidden }
.parallax_inner{ position:absolute; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; z-index:1 }
.parallax_content{ position:absolute; width:100%; z-index:2 }
.parallax_inner .headline_primary, .parallax_inner .headline_secondary, .parallax_inner .headline_description{ color:#fff; opacity:0 }
.parallax_inner hgroup{ display:inline-block; padding-top:50px/*; text-shadow:0px 0px 5px rgba(0, 0, 0, 1)*/ }
.parallax_inner hgroup .headline_primary{ display:inline-block; font-size:32px; line-height:1em; padding:5px }
.parallax_inner hgroup .headline_secondary{ margin:0 auto; width:340px }
.parallax_inner hgroup .headline_description{ font-size:18px; margin-top:20px }
@media screen and (max-width:1200px) {
.wrap_parallax:not(.header),
.parallax_content{ position:relative }
.wrap_parallax.header{ margin-top:20px; height:300px }
}
/*------------------------------------------
$PRELOADER
------------------------------------------*/
#loading{ background-color:#fff; height:100%; width:100%; position:fixed; z-index:999999; margin-top:0px; top:0px }
#loading_center{ width:100%; height:100%; position:relative }
#loading_center_absolute{ position:absolute; left:50%; top:50%; height:50px; width:50px; margin-top:-25px; margin-left:-25px }
/*------------------------------------------
$FORM
------------------------------------------*/
.frm_forms{ border-top:solid 2px #e3270e }
.frm_forms .frm_form_field{ padding:15px 0; border-top:solid 1px #e0e0e0; margin-bottom:0 !important }
.frm_forms .frm_form_field:after{ display:block; clear:both; height:0; content:''; visibility:hidden }
.frm_forms .frm_form_field input[type='radio']{ position:relative; top:2px; margin-right:2px }
.frm_forms .frm_submit{ border-top:solid 2px #e3270e; padding-top:10px; text-align:center }
/*------------------------------------------
$SECTION-SCROLL
------------------------------------------*/
@media screen and (min-width:1201px){
.bullets-container{ right:17px; z-index:99 }
.section-bullets li a{ font-size:11px }
/*.section-bullets li a:before{ display:none }*/
.section-bullets li a:after{ width:8px; height:8px; top:7px; right:7px }
.section-bullets li.light a{ opacity:1 }
.section-bullets li.light a span{ color:#fff }
.section-bullets li.light a:before{ background-color:#222 }
.section-bullets li.light a:after{ background-color:#fff }
.section-bullets.no_title li a:before { display:none }
}
@media screen and (max-width:1200px) {
.bullets-container{ display:none }
}
/* ==========================================================================
3. CONTENTS SETTINGS
========================================================================== */
/*------------------------------------------
$TEXT
------------------------------------------*/
b, strong{ font-family:'NotoKR', sans-serif; font-weight:bold; letter-spacing:-.03em; font-size:1.02em; position:relative; top:0.02em }
mark{ color:#a67c52; font-weight:bold; background:none }
.big{ font-size:19px }
.black{ color:#222 }
.darkgray{ color:#444 }
.lightgray{ color:#888 }
.lightgray_2{ color:#bbb }
.purple{ color:#92278f }
.orange{ color:#f26c4f }
.yellow{ color:#ffd82b }
.green{ color:#429a15 }
.red{ color:#d51f26 }
.navy{ color:#264883 }
/*------------------------------------------
$BACKGROUND
------------------------------------------*/
.bg_green{ background-color:#5f9f49 }
.bg_red{ background-color:#e91313 }
/*------------------------------------------
$HEADLINES
------------------------------------------*/
h1{ font-size:42px; line-height:1.2em }
h2{ font-size:32px; line-height:1.2em }
h3{ font-size:26px; line-height:1.1em }
h4{ font-size:18px }
h5{ font-size:15px }
h6{ font-size:14px }
.under_wave{ padding-bottom:7px; background:url(../images/common/line_wave.png) repeat-x left bottom }
hgroup.article_head{ margin-bottom:15px }
.h_primary{ font-size:32px; line-height:1.3em; font-family:'NotoKR', sans-serif; font-weight:normal }
.h_secondary{ font-size:26px; line-height:1.1em; font-family:'NotoKR', sans-serif; letter-spacing:0.05em; font-weight:bold }
.h_description{ font-size:22px; line-height:1.3em }
@media screen and (max-width:1200px) {
.h_primary{ font-size:24px }
.h_description{ font-size:18px }
}
/*------------------------------------------
$IMAGES
------------------------------------------*/
img.full_width,
.home_menu .attachment-menu_thumb{ max-width:580px; height:auto }
@media screen and (max-width:1200px) {
img.full_width{ display:block; margin-left:auto; margin-right:auto; margin-bottom:30px }
}
/*------------------------------------------
$TAB
------------------------------------------*/
.nav_tabs{ height:45px; overflow:visible; margin-bottom:30px; font-size:16px }
.nav_tabs li{ display:block; float:left; height:100%; border-left:solid 1px transparent; overflow:hidden }
.nav_tabs li a{ display:block; position:relative; width:100%; height:calc(100% - 10px); line-height:35px; background-color:#ebe9e6; text-align:center; cursor:pointer; -webkit-transition:color 0.1s linear, background-color 0s, border-color 0s linear; -moz-transition:color 0.1s linear, background-color 0s, border-color 0s linear; -o-transition:color 0.1s linear, background-color 0s, border-color 0s linear; transition:color 0.1s linear, background-color 0s, border-color 0s linear }
.nav_tabs li .foot{ position:relative; margin:0 auto; display:none }
.nav_tabs li:first-child{ border-left:none }
.nav_tabs li:first-child a{ -moz-border-top-left-radius:10px; -webkit-border-top-left-radius:10px; border-top-left-radius:10px; -moz-border-bottom-left-radius:10px; -webkit-border-bottom-left-radius:10px; border-bottom-left-radius:10px; overflow:hidden }
.nav_tabs li.last a{ -moz-border-top-right-radius:10px; -webkit-border-top-right-radius:10px; border-top-right-radius:10px; -moz-border-bottom-right-radius:10px; -webkit-border-bottom-right-radius:10px; border-bottom-right-radius:10px; overflow:hidden }
.nav_tabs li a:hover{ background-color:#d0d0d0 }
.nav_tabs li.active a,
.nav_tabs li.current_page_item a{ background-color:#c69c6d; color:#fff !important }
.nav_tabs li.active .foot,
.nav_tabs li.current_page_item .foot{ display:block }
.nav_tabs.tabs_2 li{ width:50% }
.nav_tabs.tabs_3 li{ width:33.333% }
.nav_tabs.tabs_4 li{ width:25% }
.nav_tabs.tabs_5 li{ width:20% }
.nav_tabs.tabs_6 li{ width:16.666% }
.nav_tabs.tabs_7 li{ width:14.285% }
.nav_tabs.tabs_8 li{ width:12.5% }
.nav_tabs.tabs_9 li{ width:11.111% }
.nav_tabs.tabs_10 li{ width:10% }
.nav_tabs.tabs_big li{ height:60px }
.nav_tabs.tabs_big li a{ line-height:50px }
.nav_tabs.tabs_big li:first-child a{ -moz-border-top-left-radius:14px; -webkit-border-top-left-radius:14px; border-top-left-radius:14px; -moz-border-bottom-left-radius:14px; -webkit-border-bottom-left-radius:14px; border-bottom-left-radius:14px; overflow:hidden }
.nav_tabs.tabs_big li.last a{ -moz-border-top-right-radius:14px; -webkit-border-top-right-radius:14px; border-top-right-radius:14px; -moz-border-bottom-right-radius:14px; -webkit-border-bottom-right-radius:14px; border-bottom-right-radius:14px; overflow:hidden }
#submenu_tabs li{ width:180px }
/*------------------------------------------
$BUTTON
------------------------------------------*/
.btn{ display:inline-block; font-family:'NotoKR', sans-serif; font-weight:bold; padding:0 30px; background-color:transparent; border:solid 1px #bbb; color:#222; font-size:13px; line-height:38px; height:40px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; overflow:hidden }
.btn:hover{ background-color:#f5f5f5; border-color:#82c364; color:#409619 }
.btn._light{ color:#fff }
.btn._light:hover{ background-color:rgba(0,0,0,0.3); border-color:#409619; color:#a3e188 }
.btn_tiny{ display:inline-block; font-size:12px; color:#666; line-height:1.4em; background-color:#f0f0f0; padding-left:6px; padding-right:6px }
.btn_tiny .fa{ margin-left:8px }
.plus_sign{ position:relative; background:#ccc; width:2px; height:90px }
.plus_sign:before{ position:absolute; background:#ccc; width:90px; height:2px; top:45px; left:-45px; content:'' }
/*------------------------------------------
$SEPARATOR
------------------------------------------*/
hr{ display:block; clear:both; margin:0 auto; max-width:1200px; height:1px; border:none; border-top:solid 1px #e0e0e0; padding:0 }
hr.x2{ height:3px; border-bottom:solid 1px #e0e0e0 }
hr.short{ margin-left:0; width:80px; border-top:solid 3px #d51f26 }
hr.dotted{ border-top:none; background:url(../images/common/dotted-999-5.gif) repeat-x center center }
.bg_f0 hr.x2{ border-color:#c3c3c3 }
.separator, .divider{ margin-left:8px; margin-right:10px; color:#aaa; font-size:.6em; font-weight:normal; position:relative; top:-2px }
/*------------------------------------------
$FLEX SLIDER
------------------------------------------*/
.flexslider{ background:none; border:none; margin:0 }
.flex-direction-nav a{ display:block; background-color:rgba(0,0,0,.3); background-repeat:no-repeat; background-position:center center; width:35px; height:35px; margin-top:-20px; overflow:hidden; text-indent:100%; opacity:1 }
.flex-direction-nav .flex-prev{ left:0; background-image:url('../images/arrow-left.png') }
.flex-direction-nav .flex-next{ right:0; background-image:url('../images/arrow-right.png') }
.flexslider:hover .flex-direction-nav .flex-prev{ left:0 }
.flexslider:hover .flex-direction-nav .flex-next{ right:0 }
.flex-control-nav{ left:0; bottom:10px }
.flex-control-nav li{ margin:0 3px }
.flex-control-nav li a{ background:#95877b; box-shadow:none }
.flex-control-nav li a:hover,
.flex-control-nav li a.flex-active{ background:#fff }
#carousel .slides a:hover,
#carousel .slides .flex-active-slide a{ border:solid 3px #2e050a }
#carousel .slides a:hover img{ margin:-3px }
#carousel .slides .flex-active-slide a img{ margin:-3px }
/*------------------------------------------
$POPUP
------------------------------------------*/
.b-popup{ background-color:#fff; width:90%; max-width:920px; padding:50px 60px; display:none }
.b-popup .b-close{ position:absolute; top:0; right:0; width:60px; height:50px; text-align:center; padding-top:12px; z-index:5; overflow:hidden; cursor:pointer }
/* POPUPS - WORDPRESS POPUP */
.spu-box{ padding:20px; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; overflow:hidden; box-shadow:0 0 10px 1px rgba(0,0,0,.3) }
.spu-close{ top:0; right:0; width:45px; height:45px; padding:10px; text-indent:200%; overflow:hidden; background:#666 url(../images/common/close.gif) no-repeat center center; opacity:1; -webkit-transition:background-color 0.1s linear; -moz-transition:background-color 0.1s linear; -o-transition:background-color 0.1s linear; transition:background-color 0.1s linear }
.spu-close:hover{ background-color:#222; opacity:1 }
/* ==========================================================================
4. POSTS
========================================================================== */
/*------------------------------------------
$LIST
------------------------------------------*/
.grid_view .item{ display:block }
.grid_view .item .wp-post-image{ display:block; max-width:100%; height:auto }
.grid_view .excerpt{ font-size:13px; line-height:1.7em }
iframe{ width:100%; height:455px }
.noimg, .noimage, .no_img{ width:340px; height:227px; text-align:center; background:#f0f0f0 url('../images/common/no_img.gif'); padding-top:90px }
/*------------------------------------------
$PAGINATION
------------------------------------------*/
.pagination{ display:inline-block; width:100%; text-align:center; margin:30px 0 0; position:relative }
.pagination ul{ display:inline-block; list-style-type:none; margin:0px; padding:0px }
.pagination ul li{ float:left; padding:0px 0px 0px 0px; margin:0px; line-height:35px }
.pagination ul li span,
.pagination ul li a{ position:relative; display:inline-block; width:36px; height:36px; line-height:36px; margin:0 5px 0 0; text-align:center; color:#333; text-decoration:none; text-transform:uppercase; cursor:pointer; white-space:nowrap; border:1px solid #e0e0e0; outline:none; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; overflow:hidden }
.pagination ul li span,
.pagination ul li a:hover{ background-color:#eee }
.pagination ul li.prev a,
.pagination ul li.first a,
.pagination ul li.next a,
.pagination ul li.last a{ width:36px; line-height:36px; margin:0; text-align:center }
.pagination ul li.prev a,
.pagination ul li.first a{ position:absolute; left:0 }
.pagination ul li.prev.prev_first a{ left:44px }
.pagination ul li.next a,
.pagination ul li.last a{ position:absolute; right:0 }
.pagination ul li.next.next_last a{ right:44px }
.pagination ul li.next a i,
.pagination ul li.prev a i,
.pagination ul li.last a i,
.pagination ul li.first a i{ font-size:16px; line-height:36px; color:#333 }
/*------------------------------------------
$LAYOUT
------------------------------------------*/
#content.col{ width:880px; overflow:hidden }
#sidebar.col{ width:330px }
/*------------------------------------------
$CONTENT
------------------------------------------*/
#content{ line-height:1.9em }
.post_content h1, .post_content h2, .post_content h3, .post_content h4, .post_content h5, .post_content h6{ font-family:'NotoKR', sans-serif; font-weight:bold; letter-spacing:-.03em; color:#222 }
.post_content p{ margin:1em 0 }
.post_content img{ max-width:100%; height:auto }
.post_content table{ width:100%; max-width:100%; background-color:#e0e0e0 }
.post_content th,
.post_content td{ background-color:#fff; line-height:1.3em; padding:8px 5px }
.post_content th p,
.post_content td p{ margin:0; padding:0 }
img.aligncenter{ display:block; margin-left:auto; margin-right:auto }
img.alignleft{ float:left }
img.alignright{ float:right }
table.aligncenter td{ text-align:center }
table.alignleft{ text-align:left }
table.alignright{ text-align:right }
.term{ background:#a57b4e; padding:0 10px; line-height:1.5em }
/*------------------------------------------
$SIDEBAR
------------------------------------------*/
#sidebar a,
#sidebar a *{ color:#777 }
#sidebar .fa{ color:#aaa }
#sidebar .recent_posts li{ display:block }
#sidebar .recent_posts:not(.video) li a{ padding:6px 2px; border-bottom:solid 1px #e0e0e0 }
#sidebar .recent_posts .title{ width:230px }
#sidebar #categories{ padding:13px 5px 10px }
#sidebar #categories .children{ margin-bottom:8px }
#sidebar #categories .children li{ text-indent:10px }
#sidebar #categories .children li:before{ content:'- ' }
/*------------------------------------------
$SEARCH FORM
------------------------------------------*/
#searchform{ display:inline-block; width:400px; background-color:#fff; border:1px solid #e0e0e0; /*-webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; border-radius:4px;*/ overflow:hidden }
#searchform input[type="submit"]{ width:37px; height:37px; line-height:37px; display:inline-block; margin:0; padding:0 4%; outline:none; border:none; text-decoration:none; background-color:transparent; color:#999; font-family:'FontAwesome', sans-serif; cursor:pointer; white-space:nowrap; float:right; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out }
#searchform .screen-reader-text{ display:none; }
#searchform input[type="text"]{ display:inline-block; text-decoration:none; border:0; outline:0px; background-color:transparent; font-family:inherit; margin:0; padding:2px 10px; width:calc(100% - 60px); height:33px; line-height:33px; float:left }
#searchform input[type="text"]{ width:calc(100% - 40px) !important }
#searchform input[type=text]::-ms-clear { display:none; width:0; height:0 }
#searchform input[type=text]::-ms-reveal { display:none; width:0; height:0 }
/*------------------------------------------
$VIDEO
------------------------------------------*/
#content iframe,
#content .fb-video{ margin-bottom:20px }
.video_thumb{ position:relative }
.ico_play{ display:block; position:absolute; top:50%; left:50%; margin:-25px 0 0 -22px; z-index:2 }
/* ==========================================================================
5. PAGES
========================================================================== */
/*------------------------------------------
$HOME
------------------------------------------*/
@media screen and (max-width:640px) {
img#parking{ width:80% }
}