/* Minification failed. Returning unminified contents.
(824,16): run-time error CSS1038: Expected hex color, found '#fffffff'
 */
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
  display: none;
}

/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}

@charset "utf-8";

body{margin:0; padding:0; text-align:center; background:#000;}
body img{border:none;}
body a img{border:none;}
body.bodyaccounts{background:#DDDDDD;}
body.bodycheckout{background:#DDDDDD;}
html{overflow:-moz-scrollbars-vertical;}
.floatleft{float:left;}
.floatright{float:right;}
.clearboth{clear:both;}
.spacer{height:10px; width:100%;}
.spacer2{height:20px; width:100%;}
.padding10px{padding:10px;}

/* CONTAINERS */

.dropdownwrap{width:100%; height:80px; background: #ffffff; float:left; text-align:center; margin:0; padding:0; display:none; position:relative; z-index:100;}
.dropdowncontainer{width:100%; max-width:1200px; height:auto; text-align:center; margin:0 auto; padding:0;}
#containerwrap{width:100%; float:left;}

header{width:100%; height:200px; background:#000000; text-align:center; margin:0 auto; padding:0; position:relative;}
header.Para{width:100%; height:auto; text-align:center; margin:0 auto; padding:0; position:fixed; background:#EEEEEE; z-index:5; opacity:0.9;}
.header{max-width:1200px; width:100%; height:200px; text-align:center; margin:0 auto; padding:0; z-index:1200; position:relative;}
.header_logo{width:100%; height:auto; float:left; text-align:center; margin:60px 0 60px 0; padding:0;}
.header_logo img{width:auto; max-width:100%;}
.header_content{width:65%; height:auto; float:right; text-align:center; margin:0 0 0 5%; padding:0;}
.header_openingTimes{width:auto; height:auto; float:right; text-align:right; margin:15px 50px 0 0; padding:0; font-family:'Noto Sans KR', sans-serif; font-size:15px; font-weight:600; text-transform:none; color:#333333;}
.header_openingTimes img{margin:-4px 5px 0 0; float:left;}
.header_Tel{width:auto; height:auto; float:right; text-align:right; margin:15px 50px 0 0; padding:0; font-family:'Noto Sans KR', sans-serif; font-size:15px; font-weight:600; text-transform:none; color:#333333;}
.header_Tel img{margin:-4px 5px 0 0; float:left;}
.header_search{width:100%; height:auto; float:right; text-align:right; margin:10px 0 0 0; padding:0;}
.header_mainnav{width:100%; height:auto; float:left; text-align:center; margin:0; padding:0;}
.header_checkout{width:60%; height:auto; float:right; text-align:right; margin:65px 5% 0 5%; padding:0;}

.banner{width:100%; height:auto; text-align:center; margin:-200px auto 0; padding:0; position:relative; display:block;}
.banner img{width:100%; height:auto;}
.bannerWide{width:100%; height:350px; text-align:center; margin:0 auto; padding:0; position:relative; display:block;}

#maincontent_container{width: 100%; height: auto; margin:0px auto 0; padding: 0; text-align:center; background:#ffffff; float:left;}
#maincontentsub_container {
    width: 100%;
    height: auto;
    margin: 0px auto 0;
    padding: 0;
    text-align: center;
    background: #ffffff;
    float: left;
}
#maincontent{width:100%; max-width:1200px; height:auto; margin:0 auto; padding:0; }
#maincontentPara{width:100%; height:auto; margin:0 auto; padding:0;}

footer {
    width: 100%;
    height: 300px;
    background:url(/Content/images/general/footerbg.png) #000000;
    margin: 0 auto;
    padding: 0;
    position: relative;
    display: block;
    border-top: #A2031C solid 20px; }
.footer{width:100%; max-width:1200px; height:auto; text-align:center; margin:0 auto; padding:0;}
.footer_nav{width:35%; height:auto; float:left; margin:20px 1% 0 0; padding:0;}
.footer_nav span{width:96%; height:auto; border-bottom:2px #999999 dotted; float:left; text-align:left; margin:0; padding:0 0 5px 4%; font-family:'Noto Sans KR', sans-serif; font-size:15px; text-transform:uppercase; color:#FFFFFF;}
.footer_nav ul{width:96%; height:auto; float:left; margin:0; padding:10px 0 0 4%;}
.footer_nav li{width:99%; height:auto; float:left; text-align:left; margin:0 1% 10px 0; padding:0 0 5px 0; list-style-type:none; font-family:'Noto Sans KR', sans-serif; font-size:17px;}
.footer_nav li a, .footer_nav li a:link, .footer_nav li a:visited{text-decoration:none; text-transform:uppercase; font-weight:400; color:#ffffff;}
.footer_nav li a:hover{text-decoration:none; text-transform:uppercase; font-weight:400; color:#cccccc;}
.footer_nav_Ecom{width:17%; height:auto; float:left; margin:20px 1% 0 0; padding:0;}
.footer_nav_Ecom span{width:96%; height:auto; border-bottom:2px #999999 dotted; float:left; text-align:left; margin:0; padding:0 0 5px 4%; font-family:'Noto Sans KR', sans-serif; font-size:15px; text-transform:uppercase; color:#FFFFFF;}
.footer_nav_Ecom ul{width:96%; height:auto; float:left; margin:0; padding:10px 0 0 4%;}
.footer_nav_Ecom li{width:100%; height:auto; float:left; text-align:left; margin:0; padding:0 0 5px 0; list-style-type:none; font-family:'Noto Sans KR', sans-serif; font-size:11px;}
.footer_nav_Ecom li a, .footer_nav_Ecom li a:link, .footer_nav_Ecom li a:visited{text-decoration:none; text-transform:uppercase; font-weight:400; color:#AAAAAA;}
.footer_nav_Ecom li a:hover{text-decoration:none; text-transform:uppercase; font-weight:400; color:#FFFFFF;}
.footer_info{width:27%; height:auto; float:right; margin:20px 1% 0 0; padding:0;}
.footer_info span{width:96%; height:auto;  float:left; text-align:left; margin:0; padding:0 4% 5px 0; font-family:'Noto Sans KR', sans-serif; font-size:15px; text-transform:uppercase; color:#FFFFFF;}
.footer_info ul{width:96%; height:auto; float:left; margin:0; padding:10px 4% 0 0;}
.footer_info li{width:100%; height:auto; float:left; text-align:left; margin:0; padding:0 0 5px 0; list-style-type:none; font-family:'Noto Sans KR', sans-serif; font-size:15px; color:#ffffff;}
.footer_info li.footer_siteMap{display:none;}
.footer_info li a, .footer_info li a:link, .footer_info li a:visited{text-decoration:none; text-transform:capitalize; font-weight:400; color:#fff;}
.footer_info li a:hover{text-decoration:none; text-transform:capitalize; font-weight:400; color:#cccccc;}
.footer_payment_checkout{width:18%; height:auto; float:right; margin:20px 10% 0 0; padding:0;}
.footer_payment_checkout img{width:100%;}
.footer_payment{width:16%; height:auto; background:#FFFFFF; float:left; text-align:center; margin:43px 0 0 0; padding:1%;}

/* END OF CONTAINERS */

/* CELLS */

.cell_full_hp{width:100%; max-width:1200px; height:auto; float:left; text-align:left; margin:20px 0; padding:0;}
.cell_full{width:1200px; height:auto; min-height:300px; float:left; text-align:center; margin:0 0 15px 0; padding:0;}
.cell_fullPara{width:100%; height:auto; min-height:300px; float:left; text-align:center; margin:0 0 15px 0; padding:0;}

/* END OF CELLS */

/* HP PARALLAX */

section.module.content{}
section.module.parallaxHP{height:350px; background-repeat:no-repeat; background-attachment:fixed;}
section.module.parallaxHP1{height:400px; padding:5% 10%; background-position:50% 50%; background-repeat:no-repeat; background-attachment:fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-image:url("/Content/images/general/parallax/parallaxHPbg1.jpg");}
section.module.parallaxHP2{height:400px; padding:5% 20%; background-position:50% 50%; background-repeat:no-repeat; background-attachment:fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-image:url("/Content/images/general/parallax/parallaxHPbg1.jpg");}

#HPcontent1{width:100%; max-width:1200px; height:auto; margin:0 auto; padding:30px 0 20px 0;}
#HPcontent2{width:100%; max-width:1200px; height:auto; margin:0 auto; padding:30px 0;}
#HPcontent3{width:100%; max-width:1200px; height:auto; margin:0 auto; padding:30px 0 10px 0;}

/* END OF HP PARALLAX */

/* PARALLAX */

section.module:last-child{margin-bottom:0;}
section.module.parallax{width:100%; height:650px; background-repeat:no-repeat; background-attachment:fixed; -webkit-background-size:100%; -moz-background-size:100%; -o-background-size:100%; background-size:100%;}
section.module.parallax h1{color:rgba(255, 255, 255, 0.8); font-size:48px; line-height:600px; font-weight:700; text-align:center; text-transform:uppercase; text-shadow:0 0 10px rgba(0, 0, 0, 0.2);}

.sub_container{width:100%; max-width:1200px; margin-left:auto; margin-right:auto; padding-bottom:70px; text-align:center; font-family:'Noto Sans KR', sans-serif; font-size:18px; font-weight:300;}
.sub_container h1{font-family:'Noto Sans KR', sans-serif; font-size:50px; font-weight:300; color:#000000; text-transform:uppercase; text-align:center;}
.sub_container h2{font-family:'Noto Sans KR', sans-serif; font-size:40px; font-weight:300; color:#7A7164; text-align:center; border:none; text-transform:none;}
.sub_container h3{font-family:'Noto Sans KR', sans-serif; font-size:25px; font-weight:300; color:#7A7164; text-align:center; border:none; text-transform:none;}
.sub_container ul.aboutus{width:500px; text-align:left; margin-left:auto; margin-right:auto;}

.iphone_parallax_image{width:100%; height:300px; background-position:center; overflow:visible;}

/* END OF PARALLAX */

/* ASIDES/SECTIONS */

.section_content_hp{width:95%; height:auto; float:left; text-align:center; margin:0 2.5% 2.5% 2.5%; padding:0; color:#333333; font-size:18px; font-family:'Noto Sans KR', sans-serif;}
 .section_content_hp h1 {
        text-align: center;
        margin-top: 0;
        font-size: 32px;
        color: #000000;
        font-family: 'Noto Sans KR', sans-serif;}
.section_content_hp h1 span {color: #D11432;}

    .section_content_contactus {
        width: 100%;
        height: auto;
        float: left;
        text-align: center;
        margin: 0;
        padding: 0;
        top: 0;
        color: #000000;
        font-size: 16px;
        font-family: 'Noto Sans KR', sans-serif;
        font-size: 18px;
        font-weight: 300;
        text-align: center;
    }

.section_privacyPolicy{width:100%; height:auto; float:left; padding:0; margin:0; text-align:left;}
.section_privacyPolicy h2{text-align:left;}
.section_privacyPolicy h3{text-align:left; font-size:25px; text-transform:capitalize;}

.aside_blog_nav{width:350px; height:auto; float:right; text-align:left; margin:20px 0 0 0; padding:0;}
.section_blog_content{width:750px; height:auto; float:left; text-align:left; margin:0 40px 0 0; padding:0;}
.section_blog_content h1{font-size:40px; margin:20px 0 0 0;}
.section_blog_content h2{font-size:25px; margin:0 0 20px 0;}
.section_blog_content img{width:auto; max-width:500px; height:auto; float:left; text-align:left; margin:0; padding:0;}

.aside_image{width:30%; height:auto; float:right; text-align:left; margin:10px 0 0 0; padding:0;}
.aside_image img{width:100%;}
.section_image{width:60%; height:auto; float:left; text-align:left; margin:10px 5% 0 5%; padding:0;}

.aside_jobs{width:45%; height:auto; float:right; text-align:left; margin:0; padding:0;}
.section_jobs{width:50%; height:auto; float:left; text-align:center; margin:0 5% 0 0; padding:0;}
.section_jobs h2{margin-top:0;}

.aside_findus_map{width:100%; height:auto; float:right; text-align:left; margin:0; padding:0;}

.aside_nav{width:25%; height:auto; float:left; text-align:left; margin:20px 5% 0px 0px; padding:0;}
.section_content_nav{width:70%; height:auto; float:right; text-align:left; margin:0; padding:0;}

.aside_content_sml_imgs{width:30%; height:auto; float:left; text-align:left; margin:10px 5% 0 0; padding:0;}
.aside_content_sml_imgs img{max-width:100%; width:auto;}
.section_content{width:720px; height:auto; float:right; text-align:left; margin:0; padding:0;}
.section_content_sml{width:65%; height:auto; float:right; text-align:left; margin:0; padding:0;}

.aside_date{width:10%; height:auto; float:left; text-align:center; margin:10px 2.5% 0 2.5%; padding:0; font-family:'Noto Sans KR', sans-serif; font-size:20px; color:#666666;}
.aside_date p{margin:0; padding:0; font-size:70px; font-weight:400; line-height:70px;}
.section_date_content{width:79%; height:auto; min-height:100px; border-left:1px #CCCCCC solid; float:left; text-align:left; margin:0; padding:10px 0 10px 5%; color:#000000;}
.section_date_content h2{margin:0 0 15px 0; padding:0; font-size:25px; font-weight:400;}
.section_date_content div.SDCdivoptions{width:410px; height:auto; float:left; text-align:left; margin:0 0 15px 0; padding:0; font-family:'Noto Sans KR', sans-serif; font-size:16px; color:#444444;}
.section_date_content div.SDCdivoptions span{width:120px; height:auto; float:left; text-align:left; margin:0 10px 0 0; padding:0; font-size:16px;}
.section_date_content_img{width:300px; height:auto; float:left; text-align:left; margin:0 30px 15px 0; padding:0;}
.section_date_content_detail{width:100%; max-width:410px; height:auto; float:left; text-align:left; margin:0 0 15px 0; padding:0;}

.section_video{width:560px; height:auto; background:#EEEEEE; text-align:center; margin:0 auto 30px auto; padding:70px;}
.section_video iframe{width:560px; height:420px; float:left; text-align:left; margin:0; padding:0;}

.aside_products_img{width:48%; height:auto; float:left; text-align:center; margin:0 4% 0 0; padding:0;}
.section_products{width:48%; height:auto; float:right; text-align:left; margin:0; padding:0;}
.section_products h2{font-family:'Noto Sans KR', sans-serif; font-size:30px; font-weight:400; color:#3F3F3F; margin:0;}

/* END OF ASIDES/SECTIONS */

/* NAVS */

.optionsnav{width:auto; height:auto; float:right; margin:0 50px 9px 0; padding:0;}
.optionsnav ul{margin:0; padding:0;}
.optionsnav li{width:auto; height:auto; float:right; text-align:left; margin:0 0 0 24px; padding:0; list-style-type:none; display:inline;}
.optionsnav li img{width:auto; height:auto; float:left; margin:4px 0 0 0; padding:0;}
.optionsnav li span{width:auto; height:auto; float:left; text-align:left; margin:0; padding:10px 0 0 5px; font-family:'Noto Sans KR', sans-serif; font-size:15px; font-weight:700; color:#333333;}
.optionsnav li span a:link, .optionsnav li span a:visited{font-family:'Noto Sans KR', sans-serif; font-size:15px; font-weight:700; text-decoration:none; color:#333333;}
.optionsnav li span a:hover{text-decoration:none; color:#999999;}

#topnav{width:auto; height:auto; float:right; margin:0; padding:0;}
#topnav ul{margin:0; padding:0;}
#topnav li{width:auto; height:auto; float:left; text-align:center; margin:0 2px 0 0; padding:0; font-family:'Noto Sans KR', sans-serif; font-size:12px; font-weight:400; list-style-type:none; display:inline;}
#topnav li a, #topnav li a:link, #topnav li a:visited{width:auto; height:auto; background:#CCCCCC; float:left; text-align:center; margin:0; padding:5px 12px; color:#666666; font-size:12px; font-weight:700; text-transform:capitalize; text-decoration:none;}
#topnav li a:hover{width:auto; height:auto; background:#FFFFFF; float:left; text-align:center; margin:0; padding:5px 12px; color:#333333; font-weight:700; text-transform:capitalize; text-decoration:none;}
#topnav li.TNsearchLI a, #topnav li.TNsearchLI a:link, #topnav li.TNsearchLI a:visited{padding:3px 8px 2px 8px; cursor:pointer;}
#topnav li.TNsearchLI a:hover{padding:3px 8px 2px 8px;}

#mainnav{width:100%; height:auto; float:left; margin:0; padding:0;}
#mainnav ul{margin:0; padding:0;}
#mainnav li{width:auto; height:auto; float:left; text-align:center; margin:0 2px 0 0; padding:0; font-family:'Noto Sans KR', sans-serif; font-size:13px; font-weight:400; list-style-type:none; display:inline;}
#mainnav li a, #mainnav li a:link, #mainnav li a:visited{width:auto; height:auto; background:#333333; float:left; text-align:center; margin:0; padding:5px 15px; color:#FFFFFF; font-size:13px; font-weight:700; text-transform:capitalize; text-decoration:none;}
#mainnav li a:hover{width:auto; height:auto; background:#FFFFFF; float:left; text-align:center; margin:0; padding:5px 15px; color:#333333; font-weight:700; text-transform:capitalize; text-decoration:none;}

#dropdownnav{width:100%; height:auto; float:left; margin:0; padding:0;}
#dropdownnav ul{list-style:none; position:relative; float:left; margin:0; padding:0; width:100%; text-align:center;}
#dropdownnav ul li{width:auto; height:auto; float: left; text-align:center; margin:0 1% 0 1%; padding:0; font-family:'Noto Sans KR', sans-serif; font-size:13px; font-weight:400; list-style-type:none; position:relative; z-index:20;}
#dropdownnav ul li a, #dropdownnav ul li a:link, #dropdownnav ul li a:visited{width:auto; height:auto; float:left; text-align:center; margin:0; padding:6px 12px; color:#FFFFFF; font-size:18px; font-weight:700; text-transform:uppercase; text-decoration:none;}
#dropdownnav ul li a:hover{width:auto; height:auto; float:left; text-align:center; margin:0; padding:6px 12px; color:#E1251B; font-size:18px; font-weight:700; text-transform:uppercase; text-decoration:none;}
#dropdownnav ul ul{display:none; position:absolute; top:100%; left:0; background:#333333; padding:0;}
#dropdownnav ul ul li{width:100%; height:auto; float:left; text-align:left; margin:0; padding:0; font-family:'Noto Sans KR', sans-serif; font-size:12px; font-weight:400; list-style-type:none; position:relative;}
#dropdownnav ul ul li a, #dropdownnav ul ul li a:link, #dropdownnav ul ul li a:visited{width:90%; height:auto; background:#333333; border:none; float:left; text-align:left; margin:0; padding:10px 5%; color:#FFFFFF; font-size:13px; font-weight:500; text-transform:capitalize; text-decoration:none;}
#dropdownnav ul ul li a:hover{width:90%; height:auto; background:#FFFFFF; border:none; float:left; text-align:left; margin:0; padding:10px 5%; color:#E1251B; font-weight:500; text-transform:capitalize; text-decoration:none;}
#dropdownnav ul ul ul{top:0; left:100%;}
#dropdownnav ul li:hover > ul{display:block;}

#subnav{width:96%; height:auto; background:#EEEEEE; box-shadow:0 1px 1px rgba(0, 0, 0, 0.08); float:left; margin:0 0 20px 0; padding:2%;}
.subnav_title{width:95%; height:auto; float:left; text-align:left; margin:0; padding:2.5% 2.5% 0 2.5%; font-family:'Noto Sans KR', sans-serif; font-size:20px; font-weight:400;}
.subnav_title a{font-family:'Noto Sans KR', sans-serif; font-size:20px; font-weight:400; display:block; padding:5px;}
.subnav_title a:link, .subnav_title a:visited{font-weight:400; color:#333333; text-decoration:none; text-transform:uppercase;}
.subnav_title a:hover{font-weight:400; color:#BBBBBB; text-decoration:none; text-transform:uppercase;}
#subnav ul{width:95%; height:auto; float:left; margin:2px 0 0 0; padding:2.5%;}
#subnav li{width:100%; height:auto; float:left; text-align:left; margin:0 0 1px 0; padding:0; list-style-type:none;}
#subnav li a{display:block; padding:10px; background:#999999; text-transform:none;}
#subnav li a:link, #subnav li a:visited{font-family:'Noto Sans KR', sans-serif; font-size:15px; font-weight:400; text-transform:uppercase; text-decoration:none; color:#FFFFFF;}
#subnav li a:hover{background:#FFFFFF; font-family:'Noto Sans KR', sans-serif; font-weight:400; text-transform:uppercase; text-decoration:none; color:#666666;}
#subnav ul.sub{width:95%; height:auto; background:#999999; float:left; margin:0; padding:2.5% 2.5% 7% 2.5%; list-style-type:none;}
#subnav li.sub{width:100%; text-align:left; margin:0; padding:0;}
#subnav li.sub a{display:block; background:#FFFFFF; padding:10px; text-transform:none;}
#subnav li.sub a:link, #subnav li.sub a:visited{font-family:'Noto Sans KR', sans-serif; font-size:13px; font-weight:400; text-transform:uppercase; text-decoration:none; color:#333333;}
#subnav li.sub a:hover{font-family:'Noto Sans KR', sans-serif; font-weight:400; text-transform:uppercase; text-decoration:none; color:#CCCCCC;}
#subnav ul.subsub{width:190px; height:auto; background:#999999; float:left; margin:0; padding:5px 15px; list-style-type:none;}
#subnav li.subsub{width:190px; text-align:left; margin:0; padding:0;}
#subnav li.subsub a{display:block; padding:5px; text-transform:none;}
#subnav li.subsub a:link, #subnav li.subsub a:visited{background:#FFFFFF; font-family:'Noto Sans KR', sans-serif; font-size:11px; font-weight:400; text-transform:uppercase; text-decoration:none; color:#003366;}
#subnav li.subsub a:hover{background:#999999; font-family:'Noto Sans KR', sans-serif; font-weight:400; text-transform:uppercase; text-decoration:none; color:#000000;}

#blogtabnav{width:280px; height:auto; float:right; margin:65px 0 0 0; padding:0;}
#blogtabnav ul{margin:0; padding:0;}
#blogtabnav li{width:49%; height:auto; float:left; text-align:center; margin:0 0 0 1%; padding:0; font-family:'Noto Sans KR', sans-serif; font-size:12px; font-weight:400; list-style-type:none; display:inline;}
#blogtabnav li a, #blogtabnav li a:link, #blogtabnav li a:visited{width:100%; height:auto; background:#000000; float:left; text-align:center; margin:0; padding:5px 0; color:#FFFFFF; font-weight:700; text-transform:capitalize; text-decoration:none;}
#blogtabnav li a:hover{width:100%; height:auto; background:#666666; float:left; text-align:center; margin:0; padding:5px 0; color:#FFFFFF; font-weight:700; text-transform:capitalize; text-decoration:none;}

.paging{width:100%; max-width:750px; height:auto; float:left; margin:0 0 10px 0; padding:0;}
.paging_left{width:50%; max-width:400px; height:auto; float:left; text-align:left; margin:15px 0; padding:0;}
.paging_left select{width:50%; max-width:180px; height:auto; background:url(/Content/images/general/inputbg1.jpg) left top repeat-x #FFFFFF; border:1px #CCCCCC solid; float:left; margin:0 1% 0 0; padding:3px; color:#333333;}
.paging_right{width:50%; max-width:350px; height:auto; float:right; text-align:left; margin:0; padding:0;}
.pagingnav{width:100%; height:auto; float:left; text-align:center; margin:10px 0; padding:0; font-family:'Noto Sans KR', sans-serif; font-size:12px; font-weight:700; text-transform:uppercase; color:#333333;}
.pagingnav span.static{width:auto; height:auto; background:#00468C; margin:0 1px; padding:7px 7px 6px 7px; font-family:'Noto Sans KR', sans-serif; font-size:12px; font-weight:700; text-transform:uppercase; text-decoration:none; color:#FFFFFF;}
.pagingnav a:link, .pagingnav a:visited{width:auto; height:auto; background:#F0F0E1; margin:0 1px; padding:7px 7px 6px 7px; font-family:'Noto Sans KR', sans-serif; font-size:12px; font-weight:700; text-transform:uppercase; text-decoration:none; color:#333333;}
.pagingnav a:hover{width:auto; height:auto; background:#00468C; margin:0 1px; padding:7px 7px 6px 7px; font-family:'Noto Sans KR', sans-serif; font-size:12px; font-weight:700; text-transform:uppercase; text-decoration:none; color:#FFFFFF;}

/* END OF NAVS */

/* HP LISTS */

.list_features_hp {
	width: 100%;
	height: auto;
	float: left;
	margin: 0 0 30px 0;
	padding: 0;
	display: flex;
	
	justify-content: center; /* Horizontally center */
	align-items: center; /* Vertically center */
	flex-direction: column; /* Stack items vertically */
	background: #ffd204;
}

	.list_features_hp span {
		width: 100%;
		background: #222222;
		color: #ffffff;
		font-family: 'Noto Sans KR', sans-serif;
		font-size: 22px;
		padding: 25px 0 25px;
		float: left;
	}
.list_features_hp ul{ margin: 0;
    padding: 0;
    display: flex;
    justify-content: center; /* Horizontally center */
    align-items: center; /* Vertically center */}
	.list_features_hp li {
		width: 100%;
		height: auto;
		text-align: left;
		margin: 0%;
		padding: 0;
		list-style-type: none;
		position: relative;
	}

.list_features_hp li img {
    width: 100%;
    display: block;
}
    .list_features_hp li div.overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        opacity: 0;
        transition: .5s ease;
        background: url(/Content/images/general/Farranslgro.png);
        background-size:100%;
    }
    .list_features_hp li.logo1 div.overlay {
        background: url(/Content/images/general/Farranslgro.png);
        background-size: 100%;
    }
    .list_features_hp li.logo2 div.overlay {
        background: url(/Content/images/general/NorthstoneLGRO.png);
        background-size: 100%;
    }
    .list_features_hp li.logo3 div.overlay {
        background: url(/Content/images/general/CubislgRO.png);
        background-size: 100%;
    }
    .list_features_hp li:hover div.overlay {opacity: 1;}

    .list_features_hp li div.text {
        color: white;
        font-size: 16px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }
    .list_features_hp li.logo1 div.text {
        color: #000000;
        position: absolute;
        top: 70%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
        width:90%;
    }
    .list_features_hp li.logo2 div.text {
        color: #ffffff;
        position: absolute;
        top: 85%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
        width: 90%;
    }
    .list_features_hp li.logo3 div.text {
        color: #fffffff;
        position: absolute;
        top: 85%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
        width: 90%;
    }


.banner_features_hp{width:35%; height:auto; float:left; margin:-600px 30% 30px 30%; padding:0 2.5%; background:url(/Content/images/general/blackbg.png); z-index: 1100; position: relative; color: #FFFFFF; font-size: 20px; font-family:'Noto Sans KR', sans-serif; line-height: 34px; display:block;}.banner_features_hp{width:35%; height:auto; float:left; margin:-600px 30% 30px 30%; padding:0 2.5%; background:url(/Content/images/general/blackbg.png); z-index: 1100; position: relative; color: #FFFFFF; font-size: 20px; font-family:'Noto Sans KR', sans-serif; line-height: 34px; display:block;}
	.banner_features_hp ul {
		margin: 0 10%;
		padding: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}
.banner_features_hp li{width:auto; max-width:29%; height:auto; float:left; text-align:left; margin:1% 2%; padding:0; list-style-type:none;}
.banner_features_hp li img{width:100%;}

.list_date_hp{width:30%; height:auto; background:#999999; float:left; margin:20px 1% 20px 0; padding:1%;}
.list_date_hp span{width:100%; height:auto; float:left; text-align:left; margin:0 0 20px 0; padding:5px 0 0 0; font-family:'Noto Sans KR', sans-serif; font-size:25px; font-weight:700; text-transform:uppercase; color:#FFFFFF;}
.list_date_hp ul{width:100%; height:200px; float:left; margin:0; padding:0;}
.list_date_hp li{width:100%; height:auto; float:left; text-align:left; margin:0 0 15px 0; padding:0 0 5px 0; list-style-type:none; font-family:'Noto Sans KR', sans-serif; font-size:14px; color:#FFFFFF;}
.list_date_hp li span{width:100%; height:auto; float:left; text-align:left; margin:0 0 5px 0; padding:0; font-family:'Noto Sans KR', sans-serif; font-size:17px; color:#FFFFFF;}
.list_date_hp li span a:link, .list_date_hp li span a:visited, .list_date_hp li span a:active{font-weight:700; text-decoration:none; color:#333333;}
.list_date_hp li span a:hover{font-weight:700; text-decoration:none; color:#FFFFFF;}
.list_date_hp li img{width:40px; height:40px; border:5px solid #FFFFFF; float:left; text-align:left; margin:0 10px 10px 0; padding:0;}
.list_date_hp div{width:100%; height:auto; float:left; text-align:center; margin:15px 0; padding:0;}

.list_testimonials_hp{width:32%; height:auto; background:#999999; float:left; margin:20px 0; padding:1%;}
.list_testimonials_hp span{width:100%; height:auto; float:left; text-align:left; margin:0 0 20px 0; padding:5px 0 0 0; font-family:'Noto Sans KR', sans-serif; font-size:25px; font-weight:700; text-transform:uppercase; color:#FFFFFF;}
.list_testimonials_hp ul{width:100%; height:200px; float:left; margin:0; padding:0;}
.list_testimonials_hp li{width:100%; height:auto; float:left; text-align:left; margin:0 0 15px 0; padding:0 0 5px 0; list-style-type:none; font-family:'Noto Sans KR', sans-serif; font-size:17px; color:#FFFFFF;}
.list_testimonials_hp li img{width:40px; height:auto; float:left; text-align:left; margin:0 10px 10px 0; padding:0;}
.list_testimonials_hp li span.list_testimonials_hpspan{width:100%; height:auto; float:left; text-align:left; margin:0 0 5px 0; padding:0; font-family:'Noto Sans KR', sans-serif; font-size:17px; color:#333333;}
.list_testimonials_hp div{width:100%; height:auto; float:left; text-align:center; margin:15px 0; padding:0;}

.list_gallery_hp{width:95%; height:auto; background:#666666; float:left; text-align:center; margin:0 auto; padding:2% 2.5%;}
.list_gallery_hp span.LGHPspan_title{width:100%; height:auto; float:left; text-align:center; margin:0 0 20px 0; padding:0; font-family:'Noto Sans KR', sans-serif; font-size:65px; text-transform:uppercase; color:#FFFFFF;}
.list_gallery_hp ul{margin:0; padding:0;}
.list_gallery_hp li{width:28%; height:350px; background:#333333; float:left; text-align:center; margin:2%; padding:0.5%; list-style-type:none;}
.list_gallery_hp li span.LGHPspan{width:100%; height:350px; float:left; text-align:center; margin:0; padding:0; overflow:hidden; z-index:1;}
.list_gallery_hp li span.LGHPspan img{width:100%; height:100%; opacity:0.2; filter:alpha(opacity=20); /* For IE8 and earlier */}
.list_gallery_hp li span a:link, .list_gallery_hp li span a:visited, .list_gallery_hp li span a:active{font-family:'Noto Sans KR', sans-serif; font-size:20px; font-weight:400; text-decoration:none; color:#FFFFFF;}
.list_gallery_hp li span a:hover{font-family:'Noto Sans KR', sans-serif; font-size:20px; font-weight:400; text-decoration:none; color:#FFFFFF;}

/* END OF HP LISTS */

/* LISTS */

.list_gallery ul{width:100%; height:auto; margin:0; padding:0;}
.list_gallery li{width:90px; height:90px; float:left; text-align:center; margin:5px; padding:0; list-style-type: none; display:inline;}
.list_gallery li div img{width:90px; height:90px; float:left; text-align:center; margin:0; padding:0;}

.list_blog{width:100%; height:auto; float:left; margin:0; padding:0;}
.list_blog ul{margin:0; padding:0;}
.list_blog li{width:90%; height:auto; border-bottom:1px #D3D4D0 dashed; float:left; text-align:left; margin:0; padding:20px 5%; list-style-type:none; font-family:'Noto Sans KR', sans-serif; font-size:14px; font-weight:400; color:#333333;}
.list_blog li h4{width:100%; height:auto; float:left; text-align:left; margin:0 0 5px 0; padding:0; font-family:'Noto Sans KR', sans-serif; font-size:25px; color:#000000;}
.list_blog li h4 a:link, .list_blog li h4 a:visited, .list_blog li h4 a:active{font-size:25px; font-weight:700; text-transform:none; text-decoration:none; color:#000000;}
.list_blog li h4 a:hover{font-size:25px; font-weight:700; text-transform:none; text-decoration:none; color:#666666;}
.list_blog li span.LBlispanauthor{width:100%; height:auto; float:left; text-align:left; margin:0 0 15px 0; padding:0;}
.list_blog li div{width:100%; height:auto; float:left; text-align:left; margin:0 0 20px 0; padding:0;}
.list_blog li div span.LBlispanimg{width:40%; height:auto; float:left; text-align:left; margin:0 2% 0 0; padding:0;}
.list_blog li div span.LBlispanimg img{width:100%;}
.list_blog li div span.LBlispancontent{width:58%; height:auto; float:right; text-align:left; margin:0; padding:0;}

.list_related{width:100%; height:auto; background:#F2F2F2; float:left; margin:0 0 30px 0; padding:0;}
.list_related span{width:96%; height:auto; background:#333333; float:left; text-align:left; margin:0 0 10px 0; padding:2%; font-family:'Noto Sans KR', sans-serif; font-size:18px; text-transform:uppercase; color:#FFFFFF;}
.list_related ul{margin:0; padding:0;}
.list_related li{width:90%; height:auto; float:left; text-align:left; margin:5%; padding:0; list-style-type:none; font-family:'Noto Sans KR', sans-serif; font-size:14px; color:#333333;}
.list_related li div{width:100%; height:auto; float:left; text-align:left; margin:0; padding:0; font-size:21px;}
.list_related li div a:link, .list_related li div a:visited, .list_related li div a:active{font-weight:700; text-decoration:none; color:#000000;}
.list_related li div a:hover{font-weight:700; text-decoration:none; color:#666666;}

.list_date{width:100%; max-width:1200px; height:auto; float:none; margin:20px auto 0; padding:0;}
.list_date ul{margin:0; padding:0;}
.list_date li{width:30%; max-width:450px; height:auto; background:#EEEEEE; float:left; text-align:left; margin:0 1.5% 20px 1.5%; padding:0; list-style-type:none;}
.list_date li span{width:96%; height:40px; float:left; text-align:left; margin:0 0 5px 0; padding:5px 2% 15px 2%; font-family:'Noto Sans KR', sans-serif; font-size:18px; color:#444444;}
.list_date li span a:link, .list_date li span a:visited, .list_date li span a:active{font-family:'Noto Sans KR', sans-serif; font-size:22px; font-weight:400; text-transform:uppercase; text-decoration:none; color:#000000;}
.list_date li span a:hover{font-family:'Noto Sans KR', sans-serif; font-size:22px; font-weight:400; text-transform:uppercase; text-decoration:none; color:#666666;}
.list_date li img{width:100%; max-width:450px; height:auto; overflow:visible;}

.list_testimonials{width:100%; height:auto; float:left; margin:20px 0 0 0; padding:0;}
.list_testimonials ul{margin:0; padding:0;}
.list_testimonials li{width:100%; height:auto; float:left; text-align:left; margin:0 0 20px 0; padding:0; list-style-type:none;}
.list_testimonials li blockquote{width:100%; height:auto; float:left; text-align:left; margin:0; padding:0;}
.list_testimonials li div{width:92%; height:auto; background:url(/Content/images/general/testimonialsbg1.png) right top no-repeat #F1F1F1; float:left; text-align:left; margin:0; padding:2% 4%; color:#333333;}
.list_testimonials li span{width:92%; height:auto; background:url(/Content/images/general/testimonialsbg2.png) left top no-repeat; float:left; text-align:left; margin:0; padding:2% 4%; font-size:17px; font-weight:700; color:#333333;}

.list_staff{width:100%; height:auto; float:left; margin:0; padding:0;}
.list_staff ul{margin:0; padding:0;}
.list_staff li{width:255px; height:510px; background:#EEEEEE; float:left; text-align:center; margin:20px 15px; padding:0; list-style-type:none;}
.list_staff li div.LSlidivheader{width:225px; height:54px; background:#333333; float:left; text-align:left; margin:0; padding:8px 15px; font-family:'Noto Sans KR', sans-serif; font-size:12px; text-transform:none; color:#FFFFFF;}
.list_staff li div.LSlidivheader span{width:100%; height:auto; float:left; margin:0; padding:0; font-size:18px; font-weight:700;}
.list_staff li div.LSlidivheader span a:link, .list_staff li div.LSlidivheader span a:visited, .list_staff li div.LSlidivheader span a:active{font-weight:700; text-decoration:none; color:#FFFFFF;}
.list_staff li div.LSlidivheader span a:hover{font-weight:700; text-decoration:underline; color:#FFFFFF;}
.list_staff li div.LSlidivimg{width:100%; height:200px; background:url(/Content/images/general/staffbg1.png) center bottom no-repeat #BBBBBB; float:left; margin:0; padding:0; overflow:hidden;}
.list_staff li div img{width:100%; height:auto;}
.list_staff li div.LSlidivcontent{width:225px; height:170px; float:left; text-align:left; margin:0; padding:10px 15px; font-family:'Noto Sans KR', sans-serif; font-size:12px; text-transform:none; color:#333333;}
.list_staff li div.LSlidivcontent span{width:100%; height:auto; float:left; margin:0 0 10px 0; padding:0; font-size:14px; font-weight:700; color:#4B93A4;}

.list_images_text{width:100%; height:auto; float:left; margin:0; padding:0;}
.list_images_text ul{margin:0; padding:0;}
.list_images_text li{width:90%; height:auto; border-bottom:2px #EEEEEE solid; float:left; text-align:center; margin:0; padding:2% 5%; list-style-type:none; font-size:18px;}
.list_images_text li div.lmt_img{width:20%; height:auto; float:left; text-align:right; margin:10px 5% 0 0; padding:0;}
.list_images_text li div.lmt_img img{width:150px;}
.list_images_text li div.lmt_content{width:75%; height:auto; float:left; text-align:left; margin:0; padding:10px 0;}
.list_images_text li div.lmt_content span{text-align:left;}
.list_images_text li span{width:100%; height:auto; float:left; text-align:center; margin:0 0 5px 0; padding:0; font-family:'Noto Sans KR', sans-serif; font-size:18px; color:#333333;}
.list_images_text li span a:link, .list_images_text li span a:visited, .list_images_text li span a:active{font-size:22px; font-weight:400; text-transform:uppercase; text-decoration:none; color:#333333;}
.list_images_text li span a:hover{font-size:22px; font-weight:400; text-transform:uppercase; text-decoration:none; color:#666666;}
.list_images_text li strong{color:#333333;}

.list_images_subnav{width:720px; height:auto; float:left; margin:0; padding:0;}
.list_images_subnav ul{margin:0; padding:0;}
.list_images_subnav li{width:660px; height:auto; border-bottom:2px #EEEEEE solid; float:left; text-align:left; margin:0; padding:10px 30px; list-style-type:none;}
.list_images_subnav li div.lmsn_img{width:100px; height:auto; float:left; text-align:center; margin:10px 20px 0 0; padding:0;}
.list_images_subnav li div.lmsn_img img{width:100px; height:auto; float:left; text-align:center; margin:0; padding:0;}
.list_images_subnav li div.lmsn_content{width:520px; height:auto; min-height:100px; border-left:1px #999999 dotted; float:left; text-align:left; margin:0; padding:10px 0 10px 19px;}
.list_images_subnav li span{width:100%; height:auto; float:left; text-align:left; margin:0 0 5px 0; padding:0; font-family:'Noto Sans KR', sans-serif; font-size:18px; color:#444444;}
.list_images_subnav li span a:link, .list_images_subnav li span a:visited, .list_images_subnav li span a:active{font-size:22px; font-weight:400; text-transform:uppercase; text-decoration:none; color:#333333;}
.list_images_subnav li span a:hover{font-size:22px; font-weight:400; text-transform:uppercase; text-decoration:none; color:#666666;}
.list_images_subnav li strong{color:#333333;}

.list_products{width:100%; height:auto; border-bottom:1px #CCCCCC solid; float:left; margin:0; padding:10px 0;}
.list_products ul{margin:0; padding:0;}
.list_products li{width:178px; height:278px; border:1px #DBDFE0 solid; float:left; text-align:center; margin:18px; padding:10px; list-style-type:none;}
.list_products li div{width:178px; height:140px; float:left; margin:0; padding:15px 0;}
.list_products li div img{width:140px; height:140px;}
.list_products li span{width:178px; height:60px; float:left; margin:0 0 10px 0; padding:0; font-size:10px; font-weight:400; color:#666666;}
.list_products li span a:link, .list_products li span a:visited, .list_products li span a:active{font-size:18px; font-weight:400; text-transform:capitalize; text-decoration:none; color:#333333;}
.list_products li span a:hover{font-size:18px; font-weight:400; text-transform:capitalize; text-decoration:none; color:#666666;}

.list_productsEcomm{width:100%; height:auto; float:left; margin:0; padding:0;}
.list_productsEcomm ul{margin:0; padding:0;}
.list_productsEcomm li{width:21%; max-width:220px; height:300px; border:1px solid #CCCCCC; float:left; text-align:center; margin:0 1.5% 1.5% 0; padding:10px 1%; list-style-type:none;}
.list_productsEcomm li div.LPEimg{width:100%; height:150px; overflow:hidden; margin:0; padding:0; text-align:center;}
.list_productsEcomm li div.LPEimg img{width:auto; max-width:150px; height:auto; max-height:150px;}
.list_productsEcomm li div.LPEinfo{width:100%; height:100px; float:left; text-align:center; margin:10px 0; padding:0; font-family:'Noto Sans KR', sans-serif;}
.list_productsEcomm li div.LPEinfo span{width:100%; height:auto; float:left; text-align:center; margin:0; padding:0; font-size:16px;}
.list_productsEcomm li div.LPEinfo span a, .list_productsEcomm li div.LPEinfo span a:link, .list_productsEcomm li div.LPEinfo span a:visited{font-weight:400; text-decoration:none; color:#33333333;}
.list_productsEcomm li div.LPEinfo span a:hover{font-weight:400; text-decoration:none; color:#999999;}
.list_productsEcomm li div.LPEinfo span.price{width:100%; height:0; float:left; text-align:center; margin:5px 0 0 0; padding:0; font-size:13px; color:#999999;}
.list_productsEcomm li div.LPEinfo span.price strong{font-size:15px; font-weight:400; color:#FF0000;}

.list_productsRelated{width:100%; height:auto; background:#EEEEEE; float:left; text-align:left; margin:0; padding:0;}
.list_productsRelated h3{width:98%; height:auto; background:#666666; float:left; text-align:left; margin:0 0 10px 0; padding:1% 0% 1% 2%; font-family:'Noto Sans KR', sans-serif; font-size:20px; font-weight:400; text-transform:uppercase; color:#FFFFFF;}
.list_productsRelated ul{width:97%; height:auto; background:#EEEEEE; float:left; text-align:left; margin:0; padding:1% 1.5% 2% 1.5%;}
.list_productsRelated li{width:190px; height:300px; background:#FFFFFF; float:left; text-align:center; margin:15px; padding:0; list-style-type:none; font-family:'Noto Sans KR', sans-serif;}
.list_productsRelated li div{width:188px; height:138px; float:left; text-align:center; margin:1px; padding:0;}
.list_productsRelated li div img{width:auto; max-width:188px; height:auto; max-height:138px;}
.list_productsRelated li span{width:170px; height:105px; float:left; text-align:center; margin:0; padding:10px; font-size:12px; font-weight:400; color:#666666;}
.list_productsRelated li span a:link, .list_productsRelated li span a:visited, .list_productsRelated li span a:active{width:170px; height:auto; float:left; text-align:center; margin:0 0 10px 0; padding:0; font-size:14px; font-weight:700; text-transform:uppercase; text-decoration:none; color:#000000;}
.list_productsRelated li span a:hover{width:170px; height:auto; float:left; text-align:center; margin:0 0 10px 0; padding:0; font-size:14px; font-weight:700; text-transform:uppercase; text-decoration:none; color:#666666;}

.list_downloads{width:100%; height:auto; float:left; margin:0 0 20px 0; padding:0;}
.list_downloads ul{margin:0; padding:0;}
.list_downloads li{width:26%; height:auto; border-bottom:1px #999999 dotted; float:left; text-align:left; margin:0 1.5% 20px 1.5%; padding:2%; list-style-type:none; font-family:'Noto Sans KR', sans-serif; font-size:0.850em; font-weight:400; text-decoration:none; color:#FFFFFF;}
.list_downloads li div.ld_img{width:30%; height:auto; float:left; text-align:left; margin:0 5% 0 0; padding:0;}
.list_downloads li div.ld_content{width:65%; height:auto; float:right; text-align:left; margin:0; padding:0;}
.list_downloads li span{width:100%; height:auto; float:left; text-align:left; margin:10px 0 15px 0; padding:0; font-family:'Noto Sans KR', sans-serif; font-size:18px; color:#444444;}
.list_downloads li span a:link, .list_downloads li span a:visited, .list_downloads li span a:active{font-size:22px; font-weight:400; text-transform:capitalize; text-decoration:none; color:#333333;}
.list_downloads li span a:hover{font-size:22px; font-weight:400; text-transform:capitalize; text-decoration:none; color:#666666;}

.list_downloads_sml{width:100%; height:auto; float:left; margin:10px 0; padding:0;}
.list_downloads_sml span{width:98%; height:auto; float:left; margin:0 0 5px 0; padding:1%; font-family:'Noto Sans KR', sans-serif; font-size:30px; font-weight:300; color:#000000;}
.list_downloads_sml ul{margin:0; padding:0;}
.list_downloads_sml li{width:98%; height:auto; border-bottom:1px #DBDFE0 dashed; float:left; text-align:left; margin:0 0 5px 0; padding:1%; list-style-type:none; text-transform:capitalize;}

.list_address_contactus{width:42.5%; height:auto; background:none; float:left; text-align:center; margin:20px 0 0 0; padding:2% 2.5%; top:0; font-family:'Noto Sans KR', sans-serif; font-size:18px; font-weight:300; color:#000000;}
.list_address_contactus h1.LACH1{text-align:left; margin:15px 0 10px 0; padding:0; font-size:30px;}
.list_address_contactus p{width:100%; height:auto; float:left; text-align:left; margin:0 0 20px 0; padding:0; font-size:17px;}
.list_address_contactus ul{margin:0; padding:0;}
.list_address_contactus li{width:100%; height:auto; float:left; margin:0 0 25px 0; padding:0; list-style-type:none; font-family:'Noto Sans KR', sans-serif; font-size:18px; font-weight:400; color:#000000;}
.list_address_contactus li span{width:25%; height:auto;float:left;text-align:left; margin:0; padding:0; font-weight:700;}
.list_address_contactus li div{width:75%; height:auto; float:right; text-align:left; margin:0; padding:0;}

.bullets {float:left; width:100%;
}
.bullets ul {
    float: left;
    width: 100%;
    padding: 0;
    margin:0;
}
    .bullets li {
        float: left;
        width: 95%;
        padding: 0px 0 10px 5%;
        background: url(/Content/images/general/bulletpoint.gif) no-repeat;
        list-style-type: none;
        display: inline;
        font-size:16px;
        font-weight:400;
    }
.careerlinks{float:left; width:100%; text-align:center;}
    .careerlinks ul{margin:0; padding:0;}
    .careerlinks li{list-style-type:none; display:inline; width:auto; margin:10px 5%;}
    /* END OF LISTS */
    /* FORMS */
    .form_contact {
        width: 80%;
        height: auto;
        min-height: 350px;
        float: right;
        text-align: left;
        margin: 0 10% 0 10%;
        padding: 0%;
        display: block;
    }
.form_contact ul {float:left; margin:0; padding:0;
}

.form_contact li {float:left; list-style-type:none; display:inline; width:48%; margin:0 1%; height:75px; 
    }
    
    .form_contact h3.FCH3 {
    width: 100%;
    height: auto;
    float: left;
    text-align: left;
    margin: 10px 0;
    padding: 0;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 22px;
    font-weight: 400;
    color: #000000;
}
.form_contact label{width:100%; height:auto; float:left; text-align:left; margin:0 0 10px 0; padding:0; font-family:'Noto Sans KR', sans-serif; font-size:12px; font-weight:400; color:#FF0000; display:block;}
.form_contact input.FC_inputwide{width:97%; height:auto; background:#ffffff; border:1px #999999 solid; float:left; text-align:left; margin:0 0 5px 0; padding:2.5% 1%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; color:#999999; display:block;}
.form_contact input.FC_inputsmall{width:150px; height:auto; background:#EBEBEB; border:1px #999999 solid; float:right; text-align:left; margin:7px 0 5px 10px; padding:3px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; color:#999999; display:block;}
.form_contact input.FC_inputcheck{width:auto; height:auto; float:left; text-align:left; margin:2px 10px 5px 0; padding:0; font-weight:400; display:block;}
.form_contact select{width:99.5%; height:auto; background:#ffffff; border:1px #999999 solid; float:left; text-align:left; margin:0 0 5px 0; padding:2.5% 1%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; color:#999999; display:block;}
.form_contact textarea{width:97%; height:auto; background:#ffffff; border:1px #999999 solid; float:left; text-align:left; padding:2.5% 1%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; color:#999999; display:block;}
.form_contact br{clear:left;}

.form_contact_sub{width:100%; max-width:670px; height:auto; float:left; text-align:left; margin:0; padding:0; display:block;}
.form_contact_sub_left{width:300px; height:auto; float:left; text-align:left; margin:0 25px 0 0; padding:0;}
.form_contact_sub_right{width:345px; height:auto; float:left; text-align:left; margin:0; padding:0;}
.form_contact_sub label.FCS_label{width:100%; height:auto; float:left; text-align:left; margin:5px 0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; color:#FFFFFF; display:block;}
.form_contact_sub input.FCS_inputwide{width:97%; height:10px; background:#EDEDED; border:1px #999999 solid; float:left; text-align:left; margin:0 0 10px 0; padding:8px 1%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; color:#666666; display:block;}
.form_contact_sub input.FCS_inputsmall{width:100px; height:auto; background:#EDEDED; border:1px #999999 solid; float:right; text-align:left; margin:0 10px 0 0; padding:3px 0.3%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; color:#666666; display:block;}
.form_contact_sub select{width:100%; height:auto; background:#EDEDED; border:1px #999999 solid; float:left; text-align:left; margin:0 0 10px 0; padding:5px 0.3%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; color:#666666; display:block;}
.form_contact_sub textarea{width:97.5%; height:40px; background:#EDEDED; border:1px #999999 solid; float:left; text-align:left; margin:0 0 10px 0; padding:5px 1%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; color:#666666; display:block;}
.form_contact_sub br{clear:left;}

.form_enquire{width:90%; height:auto; background:#CCCCCC; float:left; text-align:left; margin:0 0 10px 0; padding:5%; font-family:'Noto Sans KR', sans-serif; font-size:11px; color:#FFFFFF; display:block;}
.form_enquire h2.FEH2{width:100%; height:auto; float:left; text-align:center; margin:5px 0 15px 0; padding:0; font-family:'Noto Sans KR', sans-serif; font-size:30px; font-weight:400; color:#FFFFFF; display:block;}
.form_enquire label{width:100%; height:auto; float:left; text-align:left; margin:0 0 10px 0; padding:0; font-family:'Noto Sans KR', sans-serif; font-size:12px; font-weight:400; color:#FF0000; display:block;}
.form_enquire input.FE_inputwide{width:96.5%; height:auto; background:#FFFFFF; border:1px #999999 solid; float:left; text-align:left; margin:0 0 5px 0; padding:1.5%;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; color:#999999; display:block;}
.form_enquire input.FE_inputsmall{width:150px; height:auto; background:#FFFFFF; border:1px #999999 solid; float:left; text-align:left; margin:7px 0 5px 10px; padding:3px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; color:#999999; display:block;}
.form_enquire input.FE_inputsmall2{width:150px; height:auto; background:#FFFFFF; border:1px #999999 solid; float:left; text-align:left; margin:0 10px 5px 10px; padding:3px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; color:#999999; display:block;}
.form_enquire input.FE_inputcheck{width:auto; height:auto; float:left; text-align:left; margin:2px 10px 5px 0; padding:0; font-weight:400; display:block;}
.form_enquire select{width:100%; height:auto; background:#FFFFFF; border:1px #999999 solid; float:left; text-align:left; margin:0 0 5px 0; padding:1.5%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; color:#999999; display:block;}
.form_enquire textarea{width:96.5%; height:auto; background:#FFFFFF; border:1px #999999 solid; float:left; text-align:left; margin:0 0 20px 0; padding:1.5%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; color:#999999; display:block;}
.form_enquire br{clear:left;}

.form_voucher{width:90%; height:auto; background:#CCCCCC; float:left; text-align:left; margin:0 0 50px 0; padding:5%; font-family:'Noto Sans KR', sans-serif; font-size:11px; color:#FFFFFF; display:block;}
.form_voucher h2.FVH2{width:100%; height:auto; float:left; text-align:center; margin:0 0 15px 0; padding:0; font-family:'Noto Sans KR', sans-serif; font-size:25px; font-weight:400; color:#FFFFFF; display:block;}
.form_voucher div.FV_div{width:100%; height:auto; float:left; text-align:left; margin:0; padding:0; display:block;}
.form_voucher h3{width:100%; height:auto; float:left; text-align:left; margin:20px 0 10px 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:25px; font-weight:400; color:#333333;}
.form_voucher label{width:100%; height:auto; float:left; text-align:left; margin:0 0 10px 0; padding:0; font-family:'Noto Sans KR', sans-serif; font-size:12px; font-weight:400; color:#FF0000; display:block;}
.form_voucher input.FV_inputwide{width:96.5%; height:auto; background:#FFFFFF; border:1px #999999 solid; float:left; text-align:left; margin:0 0 5px 0; padding:1.5%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; color:#999999; display:block;}
.form_voucher input.FV_inputsmall{width:150px; height:auto; background:#FFFFFF; border:1px #999999 solid; float:left; text-align:left; margin:7px 0 5px 10px; padding:3px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; color:#999999; display:block;}
.form_voucher input.FV_inputcheck{width:auto; height:auto; float:left; text-align:left; margin:2px 10px 5px 0; padding:0; font-weight:400; display:block;}
.form_voucher select{width:100%; height:auto; background:#FFFFFF; border:1px #999999 solid; float:left; text-align:left; margin:0 0 5px 0; padding:1.5%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; color:#999999; display:block;}
.form_voucher textarea{width:96.5%; height:auto; background:#FFFFFF; border:1px #999999 solid; float:left; text-align:left; margin:0 0 20px 0; padding:1.5%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; color:#999999; display:block;}
.form_voucher br{clear:left;}

.form_apply{width:90%; height:auto; background:#EEEEEE; float:left; text-align:left; margin:0; padding:2.5% 5%; display:block;}
.form_apply h2{width:100%; height:auto; float:left; text-align:left; margin:0 0 10px 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:25px; font-weight:400; color:#333333;}
.form_apply div.FA_div{width:100%; height:auto; float:left; text-align:left; margin:0 0 10px 0; padding:0;}
.form_apply h3{width:97%; height:auto; background:#333333; float:left; text-align:left; margin:10px 0; padding:1.5%; font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:400; color:#FFFFFF;}
.form_apply span{width:95%; height:auto; float:left; text-align:left; margin:5px 2.5% 0 2.5%; padding:0;}
.form_apply span.spancaptcha{width:auto; height:auto; float:left; text-align:left; margin:0; padding:0;}
.form_apply label{width:100%; height:auto; float:left; text-align:left; margin:0 0 10px 0; padding:0; font-family:'Noto Sans KR', sans-serif; font-size:12px; font-weight:400; color:#FF0000; display:block;}
.form_apply label.FA_label_info{width:100%; height:auto; float:left; text-align:left; margin:0 0 5px 0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; color:#333333; display:block;}
.form_apply input.FA_inputwide{width:96.5%; height:auto; background:#FFFFFF; border:1px #999999 solid; float:left; text-align:left; margin:0 0 5px 0; padding:1.5%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; color:#999999; display:block;}
.form_apply input.FA_inputsmall{width:152px; height:auto; background:#FFFFFF; border:1px #999999 solid; float:left; text-align:left; margin:7px 0 5px 10px; padding:1.5%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; color:#999999; display:block;}
.form_apply input.FA_inputcheck{width:auto; height:auto; float:right; text-align:left; margin:2px 10px 5px 0; padding:0; font-weight:400; display:block;}
.form_apply select{width:100%; height:auto; background:#FFFFFF; border:1px #999999 solid; float:left; text-align:left; margin:0 0 5px 0; padding:1.5%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; color:#999999; display:block;}
.form_apply textarea{width:96.5%; height:auto; background:#FFFFFF;border:1px #999999 solid; float:left; text-align:left; margin:0 0 5px 0; padding:1.5%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; color:#999999; display:block;}
.form_apply br{clear:left;}

.form_appointments{width:70%; height:auto; background:#999999; float:left; text-align:left; margin:30px 15% 50px 15%; padding:0; font-family:'Noto Sans KR', sans-serif; font-size:14px; color:#FFFFFF; display:block;}
.form_appointments h2.FAPPH2{width:98%; height:auto; background:#333333; float:left; text-align:center; margin:0; padding:1%; font-family:'Noto Sans KR', sans-serif; font-size:17px; font-weight:700; text-transform:uppercase; color:#FFFFFF;}
.form_appointments h2.FAPPH2 span{color:#999999;}
.form_appointments div.FAPP_div{width:90%; height:auto; float:left; text-align:left; margin:0; padding:5%; display:block;}
.form_appointments div.FAPP_div2{width:60%; height:auto; float:left; text-align:left; margin:0 0 5% 30%; padding:0; display:block;}
.form_appointments h3.FAPPH3{width:100%; height:auto; float:left; text-align:left; margin:20px 0 10px 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:400; text-transform:none; color:#333333;}
.form_appointments label{width:70%; height:auto; float:left; text-align:left; margin:0 0 10px 30%; padding:0; font-family:'Noto Sans KR', sans-serif; font-size:14px; font-weight:400; color:#FF0000; display:block;}
.form_appointments label.FAPP_labelsmall{margin:10px 3% 5px 0; font-size:14px;}
.form_appointments label.FAPP_labelORG{width:27%; height:auto; float:left; text-align:right; margin:5px 3% 5px 0; padding:0; font-family:'Noto Sans KR', sans-serif; font-size:18px; font-weight:400; color:#FFFFFF; display:block;}
.form_appointments input.FAPP_inputwide{width:66.5%; height:auto; background:#FFFFFF; border:1px #999999 solid; float:left; text-align:left; margin:0 0 5px 0; padding:1.5%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; color:#999999; display:block;}
.form_appointments input.FAPP_inputsmall{width:150px; height:auto; background:#FFFFFF; border:1px #999999 solid; float:left; text-align:left; margin:7px 0 5px 10px; padding:3px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; color:#999999; display:block;}
.form_appointments input.FAPP_inputcheck{width:auto; height:auto; float:left; text-align:left; margin:2px 10px 5px 0; padding:0; font-weight:400; display:block;}
.form_appointments select{width:70%; height:auto; background:#FFFFFF; border:1px #999999 solid; float:left; text-align:left; margin:0 0 5px 0; padding:1.5%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; color:#999999; display:block;}
.form_appointments textarea{width:96.5%; height:auto; background:#FFFFFF; border:1px #999999 solid; float:left; text-align:left; margin:0 0 20px 0; padding:1.5%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; color:#999999; display:block;}
.form_appointments br{clear:left;}

.form_search{width:291px; height:40px; float:right; margin:0 30px 0 0; padding:0;}
.form_search input{width:240px; height:40px; background:#FFFFFF; border:none; float:left; margin:0 1px 0 0; padding:0 0 0 10px; font-family:'Noto Sans KR', sans-serif; font-size:16px; font-weight:400; color:#878787; display:block;}
.form_search input.button{width:40px; height:40px; background:url(/Content/images/general/gobutton1.png) top no-repeat; float:left; text-align:left; border:none; margin:0; padding:0; cursor:pointer;}

.form_searchDD{width:100%; height:80px; border:none; float:left; text-align:left; margin:0; padding:0;}
.form_searchDD input{width:95%; height:80px; background:none; border:none; float:left; text-align:left; margin:0; padding:0; font-family:'Noto Sans KR', sans-serif; font-size:42px; font-weight:300; color:#666666;}
.form_searchDD input.buttonDD{width:40px; height:40px; background:url(/Content/images/general/gobutton1DD.png) top no-repeat; float:left; text-align:left; border:none; margin:20px 20px 0 0; padding:0; cursor:pointer;}

.form_buttons{float:right;}

.filtersform{width:100%; max-width:200px; height:auto; float:left; margin:10px 0; padding:33px 0 0 0; display:block;}
.filtersform div.filtercontainer{width:98%; max-width:180px; height:180px; background:#FFFFFF; float:left; margin:0 0 3px 0; padding:5px 1% 10px 1%; overflow:auto;}
.filtersform div.filtercontainersml{width:98%; max-width:180px; height:auto; background:#FFFFFF; float:left; margin:0 0 3px 0; padding:5px 1% 10px 1%;}
.filtersform span{width:100%; height:auto; float:left; margin:0; padding:7px 0 5px 0; font-weight:700; display:block;}
.filtersform span.spanhalf{width:100%; max-width:170px; height:auto; float:left; text-align:left; margin:0; padding:5px 0 0 0; font-family:'Noto Sans KR', sans-serif; font-size:14px; font-weight:400; text-transform:uppercase; text-decoration:none; color:#F3D600;}
.filtersform span a:link, .filtersform span a:visited, .filtersform span a:active{color:#333333; font-size:12px; font-weight:400; text-decoration:underline;}
.filtersform span a:hover{font-size:12px; font-weight:400; text-decoration:underline; color:#2d3b44;}
.filtersform input{width:auto; height:auto; background:url(/Content/images/general/inputbg1.jpg) left top repeat-x #FFFFFF; border:1px #999999 solid; float:left; margin:0 5% 0 0; padding:0;}
.filtersform img{width:100%; max-width:13px; height:auto; float:left; margin:0 5% 0 0; padding:0;}
.filtersform label{width:auto; height:auto; float:left; text-align:left; margin:-1px 0 0 0; padding:0; color:#2d3b44;}
.filtersform input.filterinputwide{width:45%; max-width:80px; height:auto; background:url(/Content/images/general/inputbg1.jpg) left top repeat-x #FFFFFF; border:1px #999999 solid; float:left; margin:2px 5% 5px 0; padding:2px 0.2%;}
.filtersform label.filterlabelwide{width:42%; max-width:80px; height:auto; float:left; text-align:left; margin:2px 5% 0 0; padding:0; color:#2d3b44;}
div.checked,div.unchecked,div.checked2,div.unchecked2,div.autochecked{display:block; float:left; margin-right:0; width:15px; height:15px; min-height:15px; text-indent:-999em; overflow:hidden; margin-top:1px; padding:0 3px 5px 0;}
.checked{background:url(/Content/images/general/checked.png) no-repeat top left;}
.unchecked{background:url(/Content/images/general/unchecked.png) no-repeat top left;}
.autochecked{background:url(/Content/images/general/checked.png) no-repeat top left;}
.checked2{background:url(/Content/images/general/checked2.png) no-repeat top left;}
.unchecked2{background:url(/Content/images/general/unchecked2.png) no-repeat top left;}
.autochecked2{background:url(/Content/images/general/checked2.png) no-repeat top left;}

/* END OF FORMS */

/* BUTTONS */

.sim-button{line-height:50px; height:50px; text-align:center; margin-right:auto; margin-left:auto; margin-top:140px; width:60%; cursor:pointer;}
.button10{color:rgba(255,255,255,1); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; position:relative;}
.button10 a{color:rgba(51,51,51,1); text-decoration:none; display:block;}
.button10 span{z-index:2; display:block; position:absolute; width:100%; height:100%;}
.button10::before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; border:1px solid rgba(255,255,255,0.5); background-color:rgba(255,255,255,0.25);}
.button10::after{content:''; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; border:1px solid rgba(255,255,255,0.5); background-color:rgba(255,255,255,0.25);}
.button10:hover::before{-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); background-color:rgba(255,255,255,0);}
.button10:hover::after{-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); background-color:rgba(255,255,255,0);}

input.submit, a.submit, a.submit:link, a.submit:visited{font-family:Helvetica; color:#FFFFFF; background:#333333; border:none; font-size:15px; font-weight:400; padding:10px 15px; cursor:pointer; text-decoration:none; width:auto; text-transform:none;}
a.submit:hover, input.submit:hover{font-family:Helvetica; color:#FFFFFF; background:#A2031C; border:none; font-size:15px; font-weight:400; padding:10px 15px; cursor:pointer; text-decoration:none; width:auto; text-transform:none;}

input.submit1, a.submit1, a.submit1:link, a.submit1:visited{font-family:'Noto Sans KR'; color:#000000; background:url(/Content/images/general/submit1_icona.png) left no-repeat; border:none; font-size:13px; font-weight:700; padding:6px 10px 5px 27px; cursor:pointer; text-decoration:none; width:auto; text-transform:capitalize;}
a.submit1:hover, input.submit1:hover{font-family:Helvetica; color:#666666; background:url(/Content/images/general/submit1_iconb.png) left no-repeat; border:none; font-size:13px; font-weight:700; padding:6px 10px 5px 27px; cursor:pointer; text-decoration:none; width:auto; text-transform:capitalize;}

input.submit2, a.submit2, a.submit2:link, a.submit2:visited {
    font-family: 'Noto Sans KR';
    color: #E7362A;
    background: #FFFFFF;
    border: solid 1px #999999;
    font-size: 20px;
    font-weight: normal;
    padding: 10px 20px;
    cursor: pointer;
    text-decoration: none;
    width: auto;
    text-transform: uppercase;
}
    a.submit2:hover, input.submit2:hover {
        font-family: 'Noto Sans KR';
        color: #ffffff;
        background: #E7362A;
        border: solid 1px #E7362A;
        font-size:20px;
        font-weight: normal;
        padding: 10px 20px;
        cursor: pointer;
        text-decoration: none;
        width: auto;
        text-transform: uppercase;
    }

input.submit3, a.submit3, a.submit3:link, a.submit3:visited{font-family:Helvetica; color:#333333; background:#FFFFFF; border:2px solid #333333; font-size:15px; font-weight:700; padding:5px 15px; cursor:pointer; text-decoration:none; width:auto; text-transform:none;}
a.submit3:hover, input.submit3:hover{font-family:Helvetica; color:#333333; background:#EEEEEE; border:2px solid #333333; font-size:15px; font-weight:700; padding:5px 15px; cursor:pointer; text-decoration:none; width:auto; text-transform:none;}

input.submit4, a.submit4, a.submit4:link, a.submit4:visited{font-family:Helvetica; color:#FFFFFF; background:#333333; border:none; font-size:13px; font-weight:700; padding:6px 10px 5px 10px; cursor:pointer; text-decoration:none; width:auto; height:auto; text-transform:capitalize;}
a.submit4:hover, input.submit4:hover{font-family:Helvetica; color:#FFFFFF; background:#AAAAAA; font-size:13px; font-weight:700; padding:6px 10px 5px 10px; cursor:pointer; text-decoration:none; width:auto; text-transform:capitalize;}

input.submit5, a.submit5, a.submit5:link, a.submit5:visited{font-family:Helvetica; color:#2D3B44; background:#FFBF00; border:none; font-size:13px; font-weight:700; padding:6px 10px 5px 10px; cursor:pointer; text-decoration:none; width:auto; text-transform:capitalize;}
a.submit5:hover, input.submit5:hover{font-family:Helvetica; color:#FFFFFF; background:#AAAAAA; font-size:13px; font-weight:700; padding:6px 10px 5px 10px; cursor:pointer; text-decoration:none; width:auto; text-transform:capitalize;}

input.add_to_basket, a.add_to_basket, a.add_to_basket:link, a.add_to_basket:visited{font-family:Helvetica; color:#FFFFFF; background:url(/Content/images/general/addtobasket_icon2.png) left no-repeat #999999; border:1px #999999 solid; font-size:24px; font-weight:400; padding:6px 10px 7px 70px; cursor:pointer; text-decoration:none; width:auto; text-transform:capitalize; margin-left:35px;}
a.add_to_basket:hover, input.add_to_basket:hover{font-family:Helvetica; color:#333333; background:url(/Content/images/general/addtobasket_icon2.png) left no-repeat #CCCCCC; border:1px #999999 solid; font-size:24px; font-weight:400; padding:6px 10px 7px 70px; cursor:pointer; text-decoration:none; width:auto; text-transform:capitalize;}

input.enquireNow, a.enquireNow, a.enquireNow:link, a.enquireNow:visited{font-family:Helvetica; color:#333333; background:url(/Content/images/general/enquirenow_icon2.png) left no-repeat #CCCCCC; border:1px #CCCCCC solid; font-size:24px; font-weight:400; padding:6px 10px 7px 70px; cursor:pointer; text-decoration:none; width:auto; text-transform:capitalize; margin-left:35px;}
a.enquireNow:hover, input.enquireNow:hover{font-family:Helvetica; color:#FFFFFF; background:url(/Content/images/general/enquirenow_icon2.png) left no-repeat #999999; border:1px #CCCCCC solid; font-size:24px; font-weight:400; padding:6px 10px 7px 70px; cursor:pointer; text-decoration:none; width:auto; text-transform:capitalize;}

a.subscribe, a.subscribe:link, a.subscribe:visited, a.subscribe:active{background:#000000; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding:10px 40px; font-family:'Noto Sans KR', sans-serif; font-size:20px; font-weight:400; text-transform:uppercase; text-decoration:none; color:#FFFFFF; opacity:1; transition:opacity .25s ease-in-out; -moz-transition:opacity .25s ease-in-out; -webkit-transition:opacity .25s ease-in-out;}
a.subscribe:hover{-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding:10px 40px; font-family:'Noto Sans KR', sans-serif; font-size:20px; font-weight:400; text-transform:uppercase; text-decoration:none; color:#FFFFFF; opacity:0.5;}

a.social_footer{opacity:1; transition:opacity .25s ease-in-out; -moz-transition:opacity .25s ease-in-out; -webkit-transition:opacity .25s ease-in-out;}
a.social_footer:hover{opacity:0.5;}

.hvr-grow{display:inline-block; vertical-align:middle; -webkit-transform:translateZ(0); transform:translateZ(0); box-shadow:0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility:hidden; backface-visibility:hidden; -moz-osx-font-smoothing:grayscale; -webkit-transition-duration:0.3s; transition-duration:0.3s; -webkit-transition-property:transform; transition-property:transform;}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active{-webkit-transform:scale(1.1); transform:scale(1.1);}

a.hoverani{opacity:1; transition:opacity .25s ease-in-out; -moz-transition:opacity .25s ease-in-out; -webkit-transition:opacity .25s ease-in-out;}
a.hoverani:hover{opacity:0.5;}

a#rotator img{-webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; -ms-transition:all 1s ease-in-out;}
a#rotator img:hover{-webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg);}

a.general, a.general:link, a.general:visited, a.general:active{background:#FFFFFF; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding:10px 40px; font-family:'Noto Sans KR', sans-serif; font-size:20px; font-weight:400; text-transform:uppercase; text-decoration:none; color:#333333; opacity:1; transition:opacity .25s ease-in-out; -moz-transition:opacity .25s ease-in-out; -webkit-transition:opacity .25s ease-in-out;}
a.general:hover{-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding:10px 40px; font-family:'Noto Sans KR', sans-serif; font-size:20px; font-weight:400; text-transform:uppercase; text-decoration:none; color:#333333; opacity:0.5;}

a.checkout_CS, a.checkout_CS:link, a.checkout_CS:visited, a.checkout_CS:active{background:#FFFFFF; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding:10px 40px; font-family:'Noto Sans KR', sans-serif; font-size:20px; font-weight:400; text-transform:uppercase; text-decoration:none; color:#333333; opacity:1; transition:opacity .25s ease-in-out; -moz-transition:opacity .25s ease-in-out; -webkit-transition:opacity .25s ease-in-out;}
a.checkout_CS:hover{-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding:10px 40px; font-family:'Noto Sans KR', sans-serif; font-size:20px; font-weight:400; text-transform:uppercase; text-decoration:none; color:#333333; opacity:0.5;}

a.members_logout, a.members_logout:link, a.members_logout:visited, a.members_logout:active{background:#666666; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding:10px 40px; font-family:'Noto Sans KR', sans-serif; font-size:20px; font-weight:400; text-decoration:none; text-transform:uppercase; color:#FFFFFF; opacity:1; transition:opacity .25s ease-in-out; -moz-transition:opacity .25s ease-in-out; -webkit-transition:opacity .25s ease-in-out;}
a.members_logout:hover{-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding:10px 40px; font-family:'Noto Sans KR', sans-serif; font-size:20px; font-weight:400; text-decoration:none; text-transform:uppercase; color:#FFFFFF; opacity:0.5;}

a.members_delete, a.members_delete:link, a.members_delete:visited, a.members_delete:active{background:#FF0000; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding:10px; font-family:'Noto Sans KR', sans-serif; font-size:15px; font-weight:400; text-decoration:none; text-transform:uppercase; color:#FFFFFF; opacity:1; transition:opacity .25s ease-in-out; -moz-transition:opacity .25s ease-in-out; -webkit-transition:opacity .25s ease-in-out;}
a.members_delete:hover{-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding:10px; font-family:'Noto Sans KR', sans-serif; font-size:15px; font-weight:400; text-decoration:none; text-transform:uppercase; color:#FFFFFF; opacity:0.5;}

input.Print, a.Print, a.Print:link, a.Print:visited{width:auto; height:auto; background:url(/Content/images/general/print.png) left no-repeat #CCCCCC; border:none; float:right; margin:0; padding:6px 10px 6px 37px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-family:'Noto Sans KR', sans-serif; font-size:16px; font-weight:700; text-decoration:none; text-transform:uppercase; color:#333333; cursor:pointer;}
a.Print:hover, input.Print:hover{width:auto; height:auto; background:url(/Content/images/general/print.png) left no-repeat #EDEDED; border:none; float:right; margin:0; padding:6px 10px 6px 37px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-family:'Noto Sans KR', sans-serif; font-size:16px; font-weight:700; text-decoration:none; text-transform:uppercase; color:#333333; cursor:pointer;}

/* END OF BUTTONS */

/* TEXT */

h1{font-family:'Noto Sans KR', sans-serif; font-size:20px; font-weight:700; text-transform:none; color:#333333; text-align:left; border:none;}
    h1.h1sub {
        width: 96%;
        height: auto;
        background: none;
        float: left;
        text-align: left;
        margin: 0 0 10px 0;
        padding: 10px 2% 7px 2%;
        font-family: 'Noto Sans KR', sans-serif;
        font-size: 40px;
        font-weight: 400;
        text-transform: uppercase;
        color: #D11432;
        line-height:normal;
    }
h2{font-family:'Noto Sans KR', sans-serif; font-size:21px; font-weight:400; text-transform:none; color:#000000; text-align:left; border:none;}
h2.h2sub{width:98%; height:auto; background:#EDEDED; float:left; text-align:left; margin:0 0 10px 0; padding:1% 0% 1% 2%; font-family:'Noto Sans KR', sans-serif; font-size:17px; font-weight:400; text-transform:none; color:#333333;}
h3 {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 32px;
    font-weight: 300;
    text-transform: uppercase;
    color: #D11432;
    text-align: center;
    border: none;
}

a, a:link, a:visited, a:active{color:#000000; text-decoration:underline; text-transform:none; font-weight:400;}
a:hover{color:#333333; text-decoration:underline; text-transform:none; font-weight:400;}

.sitetext {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-variant: normal;
    line-height: 25px;
    text-transform: none;
    color: #666666;
    list-style-type: square;
}
a.sitetext:link, a.sitetext:visited, a.sitetext:active{text-decoration:underline; text-transform:none; font-weight:400; color:#00468C;}
a.sitetext:hover{text-decoration:underline; text-transform:none; font-weight:400; color:#666666;}

.breadcrumbs{width:100%; height:auto; border-bottom:1px #CCCCCC dotted; float:left; text-align:left; margin:0 0 20px 0; padding:5px 0; font-family:'Noto Sans KR', sans-serif; font-size:13px; font-weight:700; font-variant:normal; line-height:normal; text-transform:none; text-decoration:none; color:#999999;}
.breadcrumbs a:link, .breadcrumbs a:visited{text-decoration:underline; font-weight:700; color:#000000;}
.breadcrumbs a:hover{text-decoration:underline; font-weight:700; color:#999999;}

/* END OF TEXT */

/* WIDGETS */

.list_dateWidgets{width:45%; height:auto; background:#999999; float:left; margin:20px 0; padding:2.5%;}
.list_dateWidgets h2{width:100%; height:auto; float:left; text-align:left; margin:0 0 20px 0; padding:5px 0 0 0; font-family:'Noto Sans KR', sans-serif; font-size:25px; font-weight:700; text-transform:uppercase; color:#FFFFFF;}
.list_dateWidgets ul{width:100%; height:200px; float:left; margin:0; padding:0;}
.list_dateWidgets li{width:100%; height:auto; float:left; text-align:left; margin:0 0 15px 0; padding:0 0 5px 0; list-style-type:none; font-family:'Noto Sans KR', sans-serif; font-size:14px; color:#FFFFFF;}
.list_dateWidgets li span{width:100%; height:auto; float:left; text-align:left; margin:0 0 5px 0; padding:0; font-family:'Noto Sans KR', sans-serif; font-size:17px; color:#FFFFFF;}
.list_dateWidgets li span a:link, .list_date_hp li span a:visited, .list_date_hp li span a:active{font-weight:700; text-decoration:none; color:#333333;}
.list_dateWidgets li span a:hover{font-weight:700; text-decoration:none; color:#FFFFFF;}
.list_dateWidgets li img{width:40px; height:40px; border:5px solid #FFFFFF; float:left; text-align:left; margin:0 10px 10px 0; padding:0;}
.list_dateWidgets div{width:100%; height:auto; float:left; text-align:left; margin:50px 0 0 0; padding:0;}

.list_testimonialsWidgets{width:45%; height:auto; background:#CCCCCC; float:left; margin:20px 0; padding:2.5%;}
.list_testimonialsWidgets span{width:100%; height:auto; float:left; text-align:left; margin:0 0 20px 0; padding:5px 0 0 0; font-family:'Noto Sans KR', sans-serif; font-size:25px; font-weight:700; text-transform:uppercase; color:#FFFFFF;}
.list_testimonialsWidgets ul{width:100%; height:200px; float:left; margin:0; padding:0;}
.list_testimonialsWidgets li{width:100%; height:auto; float:left; text-align:left; margin:0 0 15px 0; padding:0 0 5px 0; list-style-type:none; font-family:'Noto Sans KR', sans-serif; font-size:17px; color:#FFFFFF;}
.list_testimonialsWidgets li img{width:40px; height:auto; float:left; text-align:left; margin:0 10px 10px 0; padding:0;}
.list_testimonialsWidgets li span.LTWspan{width:100%; height:auto; float:left; text-align:left; margin:0 0 5px 0; padding:0; font-family:'Noto Sans KR', sans-serif; font-size:17px; color:#333333;}
.list_testimonialsWidgets div{width:100%; height:auto; float:left; text-align:center; margin:15px 0; padding:0;}

.list_staffWidgets{width:45%; height:auto; background:#FFFFFF; float:left; margin:20px 0; padding:1% 2.5%;}
.list_staffWidgets h2{width:100%; height:auto; float:left; text-align:left; margin:0; padding:0 0 10px 5px; font-family:'Noto Sans KR', sans-serif; font-size:30px; text-transform:capitalize; color:#333333;}
.list_staffWidgets ul{margin:0; padding:0;}
.list_staffWidgets li{width:180px; height:auto; border-bottom:2px #EEEEEE solid; float:left; text-align:left; margin:0 5px 20px 5px; padding:0 0 20px 0; list-style-type:none; font-family:'Noto Sans KR', sans-serif; font-size:14px; color:#333333;}
.list_staffWidgets li img{width:100%;}
.list_staffWidgets li div{width:180px; height:70px; float:left; text-align:left; margin:0; padding:0;}
.list_staffWidgets li span{width:100%; height:auto; float:left; text-align:left; margin:0; padding:0; font-size:17px;}
.list_staffWidgets li span a:link, .list_staffWidgets li span a:visited, .list_staffWidgets li span a:active{font-weight:normal; color:#333333; text-decoration:none;}
.list_staffWidgets li span a:hover{font-weight:normal; color:#333333; text-decoration:none;}

.suboptionsContainer{width:100%; max-width:1200px; height:auto; margin:0 auto; padding:0;}
.list_suboptions{width:100%; height:auto; float:left; margin:0; padding:0;}
.list_suboptions h2{width:100%; height:auto; text-align:center; margin:2% 0 0 0; padding:0; font-family:'Noto Sans KR', sans-serif; font-size:30px; font-weight:700; line-height:normal; text-transform:uppercase; color:#333333;}
.list_suboptions ul{margin:0; padding:0;}
.list_suboptions li{width:40.5%; height:auto; border:1px #DBDFE0 solid; float:left; text-align:center; margin:2.5%; padding:2%; list-style-type:none; font-family:'Noto Sans KR', sans-serif;}
.list_suboptions li div.lso_img{width:20%; height:auto; float:left; text-align:right; margin:0 5% 0 0; padding:0;}
.list_suboptions li div.lso_img img{width:150px; max-width:100%;}
.list_suboptions li div.lso_content{width:75%; height:auto; float:left; text-align:left; margin:0; padding:10px 0;}
.list_suboptions li div.lso_content span{text-align:left;}
.list_suboptions li span{width:100%; height:auto; float:left; text-align:center; margin:0 0 5px 0; padding:0; font-family:'Noto Sans KR', sans-serif; font-size:18px; color:#333333;}
.list_suboptions li span a:link, .list_images_text li span a:visited, .list_images_text li span a:active{font-size:22px; font-weight:400; text-transform:uppercase; text-decoration:none; color:#333333;}
.list_suboptions li span a:hover{font-size:22px; font-weight:400; text-transform:uppercase; text-decoration:none; color:#666666;}
.list_suboptions li strong{color:#333333;}

.textcolumnContainer-2{width:100%; height:auto; background:url(/Content/images/general/generaltestbg1.jpg) top center repeat; float:left; margin:0; padding:0; position:relative; display:block;}
.textcolumn-2{width:100%; max-width:1200px; height:auto; text-align:center; margin:0 auto; padding:0;}
.textcolumn-2 h2{width:100%; height:auto; text-align:center; margin:2% 0 0 0; padding:0; font-family:'Noto Sans KR', sans-serif; font-size:30px; font-weight:700; line-height:normal; text-transform:uppercase; color:#FFFFFF;}
.textcolumn{width:42%; height:auto; background:#FFFFFF; float:left; text-align:left; margin:2% 2% 3% 2%; padding:0.5% 2%; font-family:'Noto Sans KR', sans-serif; font-size:15px; font-weight:400; line-height:normal; color:#333333;}

figure.AB3{width:100%; height:350px; margin:0; padding:0; position:relative; display:block; cursor:pointer; overflow:hidden; text-align:center;}
figure.AB3 img{width:100%; height:100%;}
figure.AB3:hover figcaption.AB3caption{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter:alpha(opacity=100); opacity:1; -webkit-transform:rotate(0); -moz-transform:rotate(0); -o-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); top:0;}
figcaption.AB3caption{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter:alpha(opacity=0); opacity:0; position:absolute; height:100%; width:100%; top:-100%; background:rgba(0,0,0,.5); color:#FFFFFF; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; -ms-transition:all .5s ease; transition:all .5s ease; -webkit-transition-delay:.5s; -moz-transition-delay:.5s; -o-transition-delay:.5s; -ms-transition-delay:.5s; transition-delay:.5s; -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg);}
figcaption.AB3caption h3{font-family:'Noto Sans KR', sans-serif; font-weight:400; color:#CCCCCC; padding:10px 20px 0 20px; margin-bottom:0; position:relative; left:100%; margin-top:25px; font-size:50px; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; transition:all .5s; -webkit-transition-delay:1s; -moz-transition-delay:1s; -o-transition-delay:1s; -ms-transition-delay:1s; transition-delay:1s;}
figcaption.AB3caption p{font-family:'Noto Sans KR', sans-serif; padding:10px 20px; margin-bottom:0; margin-top:10px; position:relative; left:100%; font-size:25px; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; transition:all .5s; -webkit-transition-delay:1.3s; -moz-transition-delay:1.3s; -o-transition-delay:1.3s; -ms-transition-delay:1.3s; transition-delay:1.3s;}
figure.AB3:hover h3,figure.AB3:hover p{left:0;}
figcaption.AB3caption a{color:#FFFFFF; border:2px solid #fff; padding:4px 10px; text-decoration:none;}
figcaption.AB3caption a:hover{color:#4f5856; background:#fff;}

.textimagerowsContainer{width:100%; height:auto;background:#FFFFFF; float:left; margin:0; padding:0; position:relative; display:block;}
.textimagerows{width:100%; max-width:1200px; height:auto; text-align:center; margin:0 auto; padding:0;}
.textimagerows h2{width:100%; height:auto; text-align:center; margin:2% 0 0 0; padding:0; font-family:'Noto Sans KR', sans-serif; font-size:40px; font-weight:700; line-height:normal;text-transform:uppercase; color:#333333;}
.textimagerows ul{float:left; margin:0 0 1% 0; padding:0;}
.textimagerows li{width:94%; height:auto; background:#EEEEEE; float:left; text-align:left; margin:2% 0; padding:3%; font-family:'Noto Sans KR', sans-serif; font-size:15px; font-weight:400; line-height:normal; color:#333333; list-style-type:none;}
.textimagerows li div{width:40%; height:auto; float:left; text-align:left; margin:10px 5% 0 0; padding:0;}
.textimagerows li div img{width:100%;}
.textimagerows li span{width:55%; height:auto; float:left; text-align:left; margin:0; padding:0;}
.textimagerows li span h3{text-align:left; margin:0 0 10px 0; padding:0; font-family:'Noto Sans KR', sans-serif; font-size:25px; font-weight:400; line-height:normal; color:#333333;}
.textimagerows li p{width:100%; height:auto; float:left; text-align:left; margin:0 0 15px 0; padding:0;}

.textimageiconContainer{width:100%; height:auto; background:#FFFFFF; float:left; margin:0; padding:0; position:relative; display:block;}
.textimageiconlisting{width:100%; max-width:1200px; height:auto; text-align:center; margin:0 auto; padding:0;}
.textimageiconlisting h2{width:100%; height:auto; text-align:center; margin:2% 0 0 0; padding:0; font-family:'Noto Sans KR', sans-serif; font-size:40px; font-weight:700; line-height:normal; text-transform:uppercase; color:#333333;}
.textimageiconlisting ul{float:left; margin:0 0 1% 0; padding:0;}
.textimageiconlisting li{width:42%; height:auto; background:#EEEEEE; float:left; text-align:left; margin:2%; padding:2%; font-family:'Noto Sans KR', sans-serif; font-size:15px; font-weight:500; line-height:normal; color:#333333; list-style-type:none;}
.textimageiconlisting li a{text-decoration:none;}
.textimageiconlisting li div{width:20%; height:auto; float:left; text-align:left; margin:0 5% 0 0; padding:0;}
.textimageiconlisting li div img{width:100%;}
.textimageiconlisting li span{width:75%; height:auto; float:left; text-align:left; margin:0; padding:0;}
.textimageiconlisting li span h3{text-align:left; margin:0 0 10px 0; padding:0; font-family:'Noto Sans KR', sans-serif; font-size:25px; font-weight:400; line-height:normal; color:#333333;}
.textimageiconlisting li p{width:100%; height:auto; float:left; text-align:left; margin:0 0 15px 0; padding:0;}

.animatedBoxes-3{width:100%; height:auto; float:left; margin:0; padding:0; position:relative; display:block;}
.animatedBoxes-3 ul{margin:0; padding:0;}
.animatedBoxes-3 li{width:33%; height:auto; float:left; margin:0; padding:0; list-style-type:none;}
.animatedBoxes-3 li.ABLI_wide{width:34%; height:auto; float:left; margin:0; padding:0; list-style-type:none;}

/* END OF WIDGETS */

/* MISC */

.tableResponsive{border:none; overflow-x:auto; overflow-y:auto; width:100%;}

.form_wrap{width:50%; height:auto; text-align:center; margin:0 auto; padding:0; display:block;}
.map_wrap{width:50%; height:auto; text-align:center; margin:20px auto; padding:0; display:block; float:right;}
.map_wrap iframe{width:100%;}

.optinContainer{width:95%; height:auto; background:#FFFFFF; border:1px #D3D3D3 solid; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; box-shadow:0 0 4px 1px rgba(0, 0, 0, 0.08); float:left; text-align:left; margin:0; padding:2%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; display:block; color:#999999; -webkit-appearance:none;}
.optinContainer input{float:left; margin:3px 5px 0 0;}

.openingTimes{width:100%; max-width:1200px; height:auto; background-size:100% 100%; float:left; text-align:center; margin:30px 0 0 0; padding:100px 0; position:relative; display:block;}
.openingTimes_container{width:710px; height:410px; background:url(/Content/images/general/openingTimes-bg1.png) no-repeat; background-size:100% 100%; margin:0 auto; padding:0;}
.openingTimes_title{width:50%; height: auto; float:left;  margin:80px 0 0 0; padding:0;}
.openingTimes div.OTdiv{width:50%; height:auto; float:right; text-align:center; margin:0; padding:0;}
.openingTimes div.OTdiv ul{width:260px; height:auto; float:right; margin:100px 45px 100px 0; padding:0;}
.openingTimes div.OTdiv li{width:100%; height:auto; float:left; margin:0 0 10px 0; padding:0; list-style-type:none; font-family:'Noto Sans KR', sans-serif; font-size:17px; font-weight:400; color:#FFFFFF;}
.openingTimes div.OTdiv li span{width:40%; height:auto;float:left;text-align:right; margin:0 5% 0 0; padding:0; font-weight:700;}
.openingTimes div.OTdiv li div{width:55%; height:auto; float:right; text-align:left; margin:0; padding:0;}
.openingTimes_content{width:710px; height:auto; margin:20px auto; padding:0; color:#FFFFFF;}

.author_profile{width:90%; height:auto; border:1px #D3D4D0 solid; float:left; text-align:left; margin:10px 0 30px 0; padding:5%; display:block; font-family:'Noto Sans KR', sans-serif; font-size:14px; font-weight:400; text-transform:none; color:#333333;}
.author_profile img{width:100px; height:auto; float:left; text-align:left; margin:0 10px 0 0; padding:0;}
.author_profile span{font-size:21px; font-weight:400; transform:uppercase; color:#000000; text-align:left;}

.share_options{width:90%; height:auto; background:#D3D4D0; float:left; text-align:left; margin:0 0 2px 0; padding:5% 5% 3% 5%; display:block; font-family:'Noto Sans KR', sans-serif; font-size:14px; text-transform:none; color:#333333; font-weight:400;}
.share_options span.SOspan{width:auto; height:auto; float:left; text-align:left; margin:0 5%; padding:0;}
.share_options div.SOdiv{width:auto; height:auto; float:left; text-align:left; margin:0 5% 0 0; padding:0;}

.productjquery{width:100%; max-width:1200px; height:420px; background:#F6F6F6; float:left; text-align:left; margin:0; padding:0; position:relative; display:block;}
.productjquery span.PJspan{width:100%; height:auto; background:#333333; float:left; text-align:center; margin:0; padding:7px 0 5px 0; font-family:'Noto Sans KR', sans-serif; font-size:24px; font-weight:400; text-transform:uppercase; color:#FFFFFF;}

.newsletter{width:100%; background:#CCCCCC; height:auto; text-align:center; margin:0 auto; padding:0 0 20px 0;}
.newsletter h2{font-size:45px; color:#333333; margin:20px auto; font-family:'Noto Sans KR', sans-serif; font-weight:300; text-align:center; text-transform:none;}
.newsletter p{color:#333333; font-family:'Noto Sans KR', sans-serif; font-size:18px;}

figure.figureBlog{margin:0; display:inline-block; position:relative;}
figure.figureBlog .card{width:100%; background:#F2F2F2; text-align:left; margin:0 0 50px 0; display:inline-block; position:relative; padding-bottom:5px;}
figure.figureBlog .card .date{width:92%; height:auto; background:#FFFFFF; float:left; text-align:center; margin:2%; padding:2%; display:inline-block; position:relative; font-family:'Noto Sans KR', sans-serif; font-size:20px; color:#666666;}
figure.figureBlog .card .date p{margin:0; padding:0; font-size:70px; font-weight:400; line-height:70px;}
figure.figureBlog .card .card-info{padding:5%;}
figure.figureBlog .card .card-info h4{width:100%; margin:0 0 10px 0; font-family:'Noto Sans KR', sans-serif; font-size:18px; font-weight:700;}
figure.figureBlog .card .card-info h4 a:link, figure.figureBlog .card .card-info h4 a:visited, figure.figureBlog .card .card-info h4 a:active{font-weight:700; color:#000000; text-decoration:none; text-transform:none;}
figure.figureBlog .card .card-info h4 a:hover{font-weight:700; color:#666666; text-decoration:none; text-transform:none;}
figure.figureBlog .card .card-info .content{font-family:'Noto Sans KR', sans-serif; font-size:16px; font-weight:400; color:#666666; margin:0 0 20px 0;}
figure.figureBlog .card .card-info .options span{color:#333333;}
figure.figureBlog .card .card-info .card-author-line{font-family:'Noto Sans KR', sans-serif; font-size:14px; font-weight:400; margin:0 0 10px 0;}
figure.figureBlog .card .card-info .card-author-line .card-date{font-weight:700;}
figure.figureBlog .card .card-info .card-excerpt{font-family:'Noto Sans KR', sans-serif; font-size:14px; font-weight:400;}
figure.figureBlog .card .card-info .card-read-line{text-align:center; margin-top:30px;}
figure.figureBlog .card img{width:100%; height:auto;}
figure.figureBlog .card img:hover{filter:gray; /* IE6-9 */ filter:grayscale(1); /* Firefox 35+ */ -webkit-filter:grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */}

hr{height:2px; background-color:#DBDFE0; color:#DBDFE0; width:100%; border:0;}

.imagespacer1{float:right; margin:10px 0; width:42.5%; max-width:365px;}
.imagespacer2{float:left; margin:5px 1% 10px 0;}

#footerSlideContainer{position:fixed; bottom:0; width:100%; z-index:10; display:block;}
#footerSlideButton{background:url(/Content/images/general/callback.jpg) top left repeat-x; position:absolute; top:-50px; right:230px; width:100%; max-width:200px; height:50px; border:none; cursor:pointer; font-family:'Noto Sans KR', sans-serif; color:#FFFFFF; font-size:25px; padding:0; display:none;}
#footerSlideContent{width:100%; height:0; background:#333333; color:#BC151C; font-size:0.8em; border:none; font-family:'Noto Sans KR', sans-serif; overflow:hidden;}
#footerSlideContent h3{text-align:left; font-size:16px; font-weight:400; color:#FFFFFF; margin:0 0 20px 0;}
#footerSlideContent ul{color:#BC151C; list-style-type:none; line-height:2em;}
#footerSlideText{width:93%; max-width:930px; margin:0 auto; padding:25px 0; height:auto; overflow:visible;}
.footerSlideText_contact{width:200px; height:auto; float:right; text-align:left; margin:-10px 0 0 50px; padding:0; display:block;}
.footerSlideText_contact .FSTC_tel{width:175px; height:auto; background:url(/Content/images/general/tel_footer.png) top left no-repeat; float:left; text-align:left; margin:0 0 15px 0; padding:0 0 0 35px; display:block; font-family:'Noto Sans KR', sans-serif; font-size:15px; font-weight:700; color:#FFFFFF;}
.footerSlideText_contact .FSTC_tel span{color:#CCCCCC;}
.footerSlideText_contact .FSTC_tel a{font-weight:700; color:#FFFFFF; text-decoration:none;}
.footerSlideText_contact .FSTC_tel a:hover{font-weight:700; color:#CCCCCC; text-decoration:none;}
.footerSlideText_contact .FSTC_pointer{width:175px; height:auto; background:url(/Content/images/general/location.png) top left no-repeat; float:left; text-align:left; margin:0 0 20px 0; padding:0 0 0 35px; display:block; font-family:'Noto Sans KR', sans-serif; font-size:15px; font-weight:700; color:#FFFFFF;}
.footerSlideText_contact .FSTC_pointer span{color:#CCCCCC;}
.footerSlideText_contact .FSTC_pointer a{font-weight:700; color:#FFFFFF; text-decoration:none;}
.footerSlideText_contact .FSTC_pointer a:hover{font-weight:700; color:#CCCCCC; text-decoration:none;}
.footerSlideText_contact .FSTC_email{width:175px; height:auto; background:url(/Content/images/general/contact_footer.png) top left no-repeat; float:left; text-align:left; margin:0 0 20px 0; padding:0 0 0 35px; display:block; font-family:'Noto Sans KR', sans-serif; font-size:15px; font-weight:700; color:#FFFFFF;}
.footerSlideText_contact .FSTC_email span{color:#CCCCCC;}
.footerSlideText_contact .FSTC_email a{font-weight:700; color:#FFFFFF; text-decoration:none;}
.footerSlideText_contact .FSTC_email a:hover{font-weight:700; color:#CCCCCC; text-decoration:none;}

#statusMessage{width:40%; max-width:400px; height:120px; background:#999999; border:2px #333333 solid; padding:30px 0.5% 5px 0.5%; text-align:center; font-family:'Noto Sans KR', sans-serif; font-size:15px; font-weight:700; color:#FFFFFF; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; box-shadow:1px 1px 20px 1px #999999;}
#statusMessageWishList{width:40%; max-width:400px; height:120px; background:#999999; border:2px #333333 solid; padding:30px 0.5% 5px 0.5%; text-align:center; font-family:'Noto Sans KR', sans-serif; font-size:15px; font-weight:700; color:#FFFFFF; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; box-shadow:1px 1px 20px 1px #999999;}

#currencycountrybox{width:32%; max-width:350px; height:auto; background:#999999; position:absolute; z-index:30; top:90px; right:401px; padding:5px 0.5%; text-align:left; font-size:13px; font-family:'Noto Sans KR', sans-serif; color:#FFFFFF;}
#currencycountrybox p{margin-top:0; font-family:'Noto Sans KR', sans-serif;}
#currencycountrybox label{width:100px; float:left; margin:5px 5px 5px 0; font-size:15px; font-weight:400;}
#currencycountrybox select{width:150px; height:auto; background:#FFFFFF; border:1px #999999 solid; float:left; text-align:left; margin:0 5px 5px 0; padding:1.5%; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px; font-weight:400; display:block; color:#999999;}
input.submitCC, a.submitCC, a.submitCC:link, a.submitCC:visited{font-family:Helvetica; color:#666666; background:#FFFFFF; border:none; font-size:13px; font-weight:700; padding:5px 10px; cursor:pointer; text-decoration:none; width:auto; text-transform:none; margin-top:5px;}
a.submitCC:hover, input.submitCC:hover{font-family:Helvetica; color:#666666; background:#CCCCCC; border:none; font-size:13px; font-weight:700; padding:5px 10px; cursor:pointer; text-decoration:none; width:auto; text-transform:none;}

/* END OF MISC */

/* SHOP */

.hide{display:inline-block;}
.mobilehide{display:inline-block;}
.mobileshow{display:none;}
.navshow{width:100%; float:left; display:none;}

#optiondropdownsList{width:100%; height:auto; float:left;}
#optiondropdownsList label{width:60px; font-weight:700; float:left; text-align:left; margin:0 10px 0 0;}

#code{width:96%; height:auto; background:#CCCCCC; border:1px #999999 solid; float:left; text-align:left; margin:0 0 10px 0; padding:1.5%; font-family:'Noto Sans KR', sans-serif; font-size:16px; color:#333333;}
#price{width:96%; height:auto; background:#CCCCCC; border:1px #999999 solid; float:left; text-align:left; margin:0 0 10px 0; padding:1.5%; font-family:'Noto Sans KR', sans-serif; font-size:16px; color:#333333;}
#rrp{width:96%; height:auto; background:#CCCCCC; border:1px #999999 solid; float:left; text-align:left; margin:0 0 10px 0; padding:1.5%; font-family:'Noto Sans KR', sans-serif; font-size:16px; color:#333333;}

.productDetailBar{width:96%; height:auto; background:#CCCCCC; border:1px #999999 solid; float:left; text-align:left; margin:0 0 10px 0; padding:1.5%; font-family:'Noto Sans KR', sans-serif; font-size:16px; color:#333333;}
.productDetailDescLTF{width:20%; height:auto; float:left; text-align:left; margin:0 3% 0 0; padding:0; font-family:'Noto Sans KR', sans-serif;font-weight:700; text-transform:uppercase;}
.productDetailDescRHT{width:77%;height:auto; float:left; text-align:left; margin:0; padding:0; font-weight:400;}
.productDetailDescRHT select{width:auto; height:auto; background:#FFFFFF; border:1px #999999 solid; float:left; text-align:left; margin:0; padding:0.5% 1.5%; font-weight:400;}

.calltoaction{width:100%; height:auto; float:left; text-align:left; margin:10px 0; padding:0;}
.calltoaction h3{width:100%; height:auto; float:left; text-align:left; margin:0 0 3px 0; font-family:'Noto Sans KR', sans-serif; font-size:17px; font-weight:300; color:#999999;}
.calltoaction span{width:auto; height:auto; float:left; margin:0 3px 0 0; padding:0;}
.calltoaction ul{width:auto; height:auto; float:left; margin:0; padding:0;}
.calltoaction li{width:auto; height:auto; float:left; margin:0; padding:0; list-style-type:none; display:inline;}

/* END OF SHOP */

/* JQUERY */

.slideshow{width:100%; max-width:1000px; height:300px; text-align:center; margin:0 auto;}

.acc_trigger{width:100%; height:40px; float:left; text-align:left; margin:0 0 1px 0; padding:0; border:none;}
.acc_trigger a{width:96%; height:33px; background:url(/Content/images/general/faqsbg1.jpg) right top no-repeat; float:left; text-align:left; margin:0; padding:7px 2% 0 2%; border:none; color:#000000; font-family:'Noto Sans KR', sans-serif; font-size:20px; font-weight:400; text-decoration:none; display:block; cursor:pointer;}
.acc_trigger a:hover{width:96%; height:33px; float:left; text-align:left; margin:0; padding:7px 2% 0 2%; border:none; color:#999999; font-family:'Noto Sans KR', sans-serif; font-size:20px; font-weight:400; text-decoration:none; display:block; cursor:pointer;}
.acc_trigger_active a{background:url(/Content/images/general/faqsbg1Active.jpg) right top no-repeat;}
.acc_container{width:94%; height:auto; background:#EEEEEE; clear:both; float:left; text-align:left; margin:0 0 2px 0; padding:2% 3%; border:none; font-family:'Noto Sans KR', sans-serif; color:#333333;}

.my-simple-gallery{width:100%; height:auto; float:left; text-align:center; margin:0; padding:0;}
.my-simple-gallery img{width:100%; height:auto;}
.my-simple-gallery figure{display:block; float:left; height:auto; overflow:hidden;}
.my-simple-gallery figure.figureMain{float:right; margin:10px 0; width:42.5%; max-width:365px;}
.my-simple-gallery figure.figureMain img{width:100%;}
.my-simple-gallery figure.figureMain2{margin:0 0 5% 0; width:100%;}
.my-simple-gallery figure.figureMain2 img{width:100%;}
.my-simple-gallery figure.figureMain3{margin:15px 5% 5% 0; width:100%; max-width:200px; display:block; float:left; height:auto; overflow:hidden;}
.my-simple-gallery figure.figureMain3 img{width:100%;}
.my-simple-gallery figure.figureMainProduct{margin:0 2%; width:96%; position:relative;}
.my-simple-gallery figure.figureMainProduct img{width:100%;}
.my-simple-gallery figure.figureSub{margin:2%; width:16%; height:120px;}
.my-simple-gallery figure.figureSub img{width:100%; height:100%;}
.my-simple-gallery figure.figureSub2{margin:2%; width:29%; height:100px;}
.my-simple-gallery figure.figureSub2 img{width:100%; height:auto; max-height:100px;}
.my-simple-gallery figure.figureGallery{margin:2%; width:16%; height:auto;}
.my-simple-gallery figure.figureGallery img{width:100%; height:auto;}
.my-simple-gallery figcaption{display:block;}
.my-simple-gallery figure.figureTeamMain{float:none; margin:0 auto 5% auto; width:30%;}
.my-simple-gallery figure.figureTeamMain img{width:100%;}
.my-simple-gallery figure.figureJobMain{float:none; margin:0 auto 5% auto; width:100%;}
.my-simple-gallery figure.figureJobMain img{width:100%;}

.my-simple-galleryMasonry{width:100%; height:auto; float:left; text-align:center; margin:0; padding:0;}
.my-simple-galleryMasonry figure.figureSubMasonry{margin:0; display:inline-block; position:relative;}
.my-simple-galleryMasonry figure.figureSubMasonry img{width:100%;}

#pwindicator{width:auto; margin-top:4px;}
.bar{height:20px; float:left; margin:0;}
.label{text-transform:capitalize; height:20px;}
.pw-very-weak .bar{width:30px; background:#d00;}
.pw-very-weak .label{width:61%; background:#d00; float:left; text-align:left; margin:0 0 5px 0; padding:0 0 0 10px; color:#FFFFFF;}
.pw-weak .bar{width:60px; background:#d00;}
.pw-weak .label{width:61%; float:left; text-align:left; margin:0 0 5px 0; padding:0 0 0 10px; color:#333333;}
.pw-mediocre .bar{width:90px; background:#f3f01a;}
.pw-mediocre .label{width:61%; float:left; text-align:left; margin:0 0 5px 0; padding:0 0 0 10px; color:#333333;}
.pw-strong .bar{width:120px; background:#f3b31a;}
.pw-strong .label{width:61%; float:left; text-align:left; margin:0 0 5px 0; padding:0 0 0 10px; color:#333333;}
.pw-very-strong .bar{width:150px; background:#0d0;}
.pw-very-strong .label{width:61%; float:left; text-align:left; margin:0 0 5px 0; padding:0 0 0 10px; color:#333333;}

@-webkit-keyframes androidbugfix{from {padding:0} to {padding:0} } /* http://timpietrusky.com/advanced-checkbox-hack */
#header_res{position:relative; z-index:1000; top:0; left:0; right:0; height:60px; width:100%; display:none;}
#header_res label{padding:0 0.125em; font:30px Arial; float:right; position:absolute;}
#menu_res label{padding:0 0.25em; font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#FFFFFF;}
#menu_res .sub-nav label{padding:0 0.3125em; font:2em/2em Arial; top:0;}
#header_res label:hover, #menu_res label:hover{color:#CCCCCC;}
#main-nav-check, #menu_res .sub-nav-check{position:absolute; top:-9999px; left:-9999px;}
.toggle{position:absolute; left:18px; cursor:pointer; margin:12px 0 0 0;}
.toggle2{position:absolute; right:10px; cursor:pointer; margin:10px 0 0 0;}
.container{background:#FFFFFF; min-height:100%; padding:0; margin:0;}
#menu_res, #menu_res .sub-nav{position:absolute; top:0; bottom:0; width:13.75em; background:#000000; z-index:9999; left:-13.75em;}
.container, #menu_res, #menu_res .sub-nav{-webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0); -webkit-transition:-webkit-transform .25s ease; transition:transform .25s ease;}
#menu_res ul{background:#000000; line-height:2.75em; text-decoration:none; padding:0; list-style:none; margin-top:50px; border-top:1px solid #333333;}
#menu_res li{border-bottom:1px solid #333333; text-align:left;}
#menu_res li a{display:block; font-size:20px; padding-left:1.5em; color:#FFFFFF; text-decoration:none; font-family:'Noto Sans KR', sans-serif; font-weight:500;}
#menu_res li a:hover, #menu_res .toggle-sub:hover{background:#333333;}
#menu_res .sub-nav{margin-top:-1px;}
#menu_res .sub-heading{margin-top:4.0625em; padding-left:1.3125em; color:#999999; font-family:'Noto Sans KR', sans-serif; text-transform:uppercase;}
#menu_res .sub-heading:before{content:""; display:block; height:1px; width:13.75em; margin-left:-1.3125em; background:#333333;}
#menu_res .toggle-sub{font:bold 1em/2.75em Arial !important; color:#FFFFFF; background:#000000; float:right; top:auto; margin-top:-2.75em; width:2.25em; border-left:1px solid #444444; cursor:pointer; text-align:center;}
.container, #menu_res, #menu_res .sub-nav{-webkit-transform:translate3d(0,0,0);} /* http://davidwalsh.name/translate3d */
#header_res span.HRspan-basket{width:auto; height:auto; float:right; text-align:left; margin:18px 0 0 0; padding:0; display:block; z-index:10; position:absolute; right:18px;}
#header_res span.HRspan-basket img{width:36px; height:auto; float:left; text-align:left; margin:0 5px 0 0; padding:0;}
#header_res span.HRspan-icons{width:auto; height:auto; float:right; text-align:left; margin:10px 0 0 0; padding:0; display:none; z-index:10; position:absolute; right:10px;}
#header_res span.HRspan-icons img{width:36px; height:auto; float:left; text-align:left; margin:0 5px 0 0; padding:0;}
#header_res div.HRLogo{width:200px; height:auto; margin:15px auto 0 auto; padding:0; display:block;}
.checkoutalert{width:20px; height:20px; background:url(/Content/images/general/checkoutalert1.png) left top no-repeat; text-align:center; right:26px; top:8px; font-family:'Noto Sans KR', sans-serif; font-size:14px; font-weight:700; color:#FFFFFF; position:absolute; z-index:100;}
/* #### - define ids of animated container, menu and sub-menus here - #### */
#main-nav-check:checked ~ .container,
#main-nav-check:checked ~ #menu_res,
#menu_res .sub-nav-check:checked ~ #fof-sub1, 
#menu_res .sub-nav-check:checked ~ #fof-sub2,
#menu_res .sub-nav-check:checked ~ #fof-sub3,
#menu_res .sub-nav-check:checked ~ #fof-sub4,
#menu_res .sub-nav-check:checked ~ #fof-sub5,
#menu_res .sub-nav-check:checked ~ #fof-sub6,
#menu_res .sub-nav-check:checked ~ #fof-sub7,
#menu_res .sub-nav-check:checked ~ #fof-sub8,
#menu_res .sub-nav-check:checked ~ #fof-sub9,
#menu_res .sub-nav-check:checked ~ #fof-sub10,
#menu_res .sub-nav-check:checked ~ #fof-sub11,
#menu_res .sub-nav-check:checked ~ #fof-sub12,
#menu_res .sub-nav-check:checked ~ #fof-sub13,
#menu_res .sub-nav-check:checked ~ #fof-sub14,
#menu_res .sub-nav-check:checked ~ #fof-sub15,
#menu_res .sub-nav-check:checked ~ #fof-sub16,
#menu_res .sub-nav-check:checked ~ #fof-sub17,
#menu_res .sub-nav-check:checked ~ #fof-sub18,
#menu_res .sub-nav-check:checked ~ #fof-sub19,
#menu_res .sub-nav-check:checked ~ #fof-sub20,
#menu_res .sub-nav-check:checked ~ #fof-sub21,
#menu_res .sub-nav-check:checked ~ #fof-sub22,
#menu_res .sub-nav-check:checked ~ #fof-sub23,
#menu_res .sub-nav-check:checked ~ #fof-sub24,
#menu_res .sub-nav-check:checked ~ #fof-sub25,
#menu_res .sub-nav-check:checked ~ #fof-sub26,
#menu_res .sub-nav-check:checked ~ #fof-sub27,
#menu_res .sub-nav-check:checked ~ #fof-sub28,
#menu_res .sub-nav-check:checked ~ #fof-sub29,
#menu_res .sub-nav-check:checked ~ #fof-sub30,
#menu_res .sub-nav-check:checked ~ #fof-sub31,
#menu_res .sub-nav-check:checked ~ #fof-sub32,
#menu_res .sub-nav-check:checked ~ #fof-sub33,
#menu_res .sub-nav-check:checked ~ #fof-sub34,
#menu_res .sub-nav-check:checked ~ #fof-sub35,
#menu_res .sub-nav-check:checked ~ #fof-sub36,
#menu_res .sub-nav-check:checked ~ #fof-sub37,
#menu_res .sub-nav-check:checked ~ #fof-sub38,
#menu_res .sub-nav-check:checked ~ #fof-sub39,
#menu_res .sub-nav-check:checked ~ #fof-sub40,
#menu_res .sub-nav-check:checked ~ #fof-sub41,
#menu_res .sub-nav-check:checked ~ #fof-sub42,
#menu_res .sub-nav-check:checked ~ #fof-sub43,
#menu_res .sub-nav-check:checked ~ #fof-sub44,
#menu_res .sub-nav-check:checked ~ #fof-sub45,
#menu_res .sub-nav-check:checked ~ #fof-sub46,
#menu_res .sub-nav-check:checked ~ #fof-sub47,
#menu_res .sub-nav-check:checked ~ #fof-sub48,
#menu_res .sub-nav-check:checked ~ #fof-sub49,
#menu_res .sub-nav-check:checked ~ #fof-sub50,
#menu_res .sub-nav-check:checked ~ #fof-sub51,
#menu_res .sub-nav-check:checked ~ #fof-sub52,
#menu_res .sub-nav-check:checked ~ #fof-sub53,
#menu_res .sub-nav-check:checked ~ #fof-sub54,
#menu_res .sub-nav-check:checked ~ #fof-sub55,
#menu_res .sub-nav-check:checked ~ #fof-sub56,
#menu_res .sub-nav-check:checked ~ #fof-sub57,
#menu_res .sub-nav-check:checked ~ #fof-sub58,
#menu_res .sub-nav-check:checked ~ #fof-sub59,
#menu_res .sub-nav-check:checked ~ #fof-sub60,
#menu_res .sub-nav-check:checked ~ #fof-sub61,
#menu_res .sub-nav-check:checked ~ #fof-sub62,
#menu_res .sub-nav-check:checked ~ #fof-sub63,
#menu_res .sub-nav-check:checked ~ #fof-sub64,
#menu_res .sub-nav-check:checked ~ #fof-sub65,
#menu_res .sub-nav-check:checked ~ #fof-sub66,
#menu_res .sub-nav-check:checked ~ #fof-sub67,
#menu_res .sub-nav-check:checked ~ #fof-sub68,
#menu_res .sub-nav-check:checked ~ #fof-sub69,
#menu_res .sub-nav-check:checked ~ #fof-sub70,
#menu_res .sub-nav-check:checked ~ #fof-portfolio-sub, 
#menu_res .sub-nav-check:checked ~ #fof-portfolio-graphics-sub,
#menu_res .sub-nav-check:checked ~ #fof-portfolio-graphics-art-sub,
#menu_res .sub-nav-check:checked ~ #fof-portfolio-graphics-art-paintings-sub,
#menu_res .sub-nav-check:checked ~ #fof-services-sub, 
#menu_res .sub-nav-check:checked ~ #fof-services-seo-sub,
#menu_res .sub-nav-check:checked ~ #fast-apps-sub{-webkit-transform:translate(13.75em,0); -ms-transform:translate(13.75em,0); transform:translate(13.75em,0);}

/* END OF JQUERY */

.desktop_parallax{display:block;}
.desktop_parallax_news{display:block;}
.iphone_parallax{display:none;}
.ipad_parallax{display:none;}

@media only screen and (min-width:0px) and (max-width:479px){

	.hide{display:none;}
	.mobilehide{display:none;}
	.mobileshow{display:inline-block;}
	.navshow{display:inline-block;}
	
	.dropdownwrap{width:100%; height:40px;}
	.dropdowncontainer{width:96%; max-width:none;}
	
	header{display:none;}
	#header_res{display:block; float:left;}

    .banner {
        margin: 0 auto;
    }
    .banner_features_hp {
        width: 75%;
        margin: 60px 10% 30px 10%;
        font-size: 11px;
        top: 0;
        position: absolute;
        line-height: 18px;
    }
	
	#maincontent{width:100%; max-width:none;}
    
	
	footer{width:100%; height:300px; margin:0 auto; padding:0; position:relative; display:block;}
	.footer{width:100%; max-width:none; height:auto; text-align:center; margin:0 auto; padding:0;}
	.footer_nav{display:none;}
	.footer_nav_Ecom{display:none;}
	.footer_info{width:90%; margin:0; padding:2.5% 5%;}
	.footer_info li.footer_siteMap{display:block;}
	.footer_payment_checkout{display:none;}
	.footer_payment{display:none;}
	
	.cell_full_hp{width:96%; max-width:none; margin:15px 0; padding:0 2%;}
	.cell_full{width:100%; max-width:none; min-height:500px; margin:0 0 15px 0;}
	.cell_full_sub{width:96%; max-width:none; padding:0 2%;}
	
	.aside_content_sml_imgs{width:90%; margin:10px 5%;}
	.section_content{width:90%; margin:0 5%;}
	.section_content_sml{width:90%; margin:0 5%;}
	.aside_image{width:96%; margin:10px 2% 0 2%;}
	.aside_image img{width:100%;}
	.section_image{width:96%; margin:10px 2% 0 2%;}
	.aside_nav{display:none;}
	.section_content_nav{width:90%; margin:0 5%;}
	.aside_date{width:90%; margin:10px 5% 0 5%; padding:0;}
	.section_date_content{width:90%; height:auto; min-height:0; border-top:1px #CCCCCC solid; border-left:none; padding:10px 5% 10px 5%;}
	.section_date_content div.SDCdivoptions{width:100%;}
	.section_date_content_img{width:100%; margin:0 0 15px 0; padding:0;}
	.section_date_content_detail{width:100%; max-width:none;}
	.section_video{width:80%; margin:0 auto 30px auto; padding:5% 10%;}
	.section_video iframe{width:100%; height:250px;}
	.aside_products_img{width:97%; margin:0 2% 4% 1%;}
	.section_products{width:96%; margin:0 2%;}
	
	.list_features_hp li{width:100%; margin:0%;}
	.list_features_hp li img{width:100%;}
	.list_gallery_hp li{width:95%; height:250px; margin:2%; padding:0.5%;}
	.list_gallery_hp span.LGHPspan_title{font-size:45px;}
	.list_gallery_hp li span.LGHPspan{width:100%; height:250px;}
	.sim-button{margin-top:100px; width:80%;}
	.list_date_hp{width:96%; margin:20px 0 0 0; padding:2%;}
	.list_date_hp ul{height:auto;}
	.list_testimonials_hp{width:96%; margin:20px 0; padding:2%;}
	.list_testimonials_hp ul{height:auto;}
	.list_products{width:100%; padding:10px 0;}
	.list_products li{width:89%; height:auto; border:1px #DBDFE0 solid; margin:2%; padding:3% 3% 6% 3%;}
	.list_products li div{width:100%; height:auto; padding:3% 0;}
	.list_products li div img{width:100%; height:auto;}
	.list_products li span{width:100%; height:auto; margin:0 0 20px 0; padding:0;}
	.list_testimonials li div{width:86%; padding:2% 10% 2% 4%;}
	.list_testimonials li span{width:92%; padding:3% 4% 2% 4%;}
	.list_staff li{width:90%; height:auto; margin:20px 5%; padding:0 0 30px 0;}
	.list_staff li div.LSlidivheader{width:90%; height:auto; padding:8px 5%;}
	.list_staff li div img{width:100%;}
	.list_staff li div.LSlidivcontent{width:90%; height:170px; margin:0; padding:10px 5%;}
	.list_downloads li{width:90%; margin:0 2.5% 20px 2.5%; padding:2.5%;}
	.list_address_contactus{width:92%; margin:20px 2%; padding:2%;}
	.list_address_contactus li span{width:30%;}
	.list_address_contactus li div{width:70%;}
	.list_images_text li{width:90%; margin:0; padding:2% 5%;}
	.list_images_text li div.lmt_img{width:100%; margin:10px 0;}
	.list_images_text li div.lmt_img img{width:100%;}
	.list_images_text li div.lmt_content{width:100%; padding:10px 0;}
	.list_productsEcomm{width:100%; height:auto; float:left; margin:0; padding:0;}
	.list_productsEcomm ul{margin:0; padding:0;}
	.list_productsEcomm li{width:91%; max-width:none; height:auto; border:1px solid #CCCCCC; margin:2%; padding:2% 2% 7% 2%;}
	.list_productsEcomm li div.LPEimg{width:100%; height:auto;}
	.list_productsEcomm li div.LPEimg img{width:100%; max-width:none; height:auto; max-height:none;}
	.list_productsEcomm li div.LPEinfo{width:100%; height:auto;}
	.list_productsRelated{width:96%; margin:0 2%;}
    .careerlinks li {
        list-style-type: none;
        display: inline;
        width: auto;
        margin: 10px auto;
    }
	
	.form_contact{width:92%; min-height:0; margin:0 2%; padding:0 2%;}
	.form_search{width:100%; height:40px;}
	.form_search input{width:96%; height:40px; font-size:22px; font-weight:500;}
	.form_search input.button{display:none;}
	.form_searchDD{width:100%; height:40px;}
	.form_searchDD input{width:96%; height:40px; font-size:22px; font-weight:500;}
	.form_searchDD input.buttonDD{display:none;}
	
	.openingTimes{width:100%; max-width:none; padding:50px 0;}
	.openingTimes_container{width:90%; height:453px; background:url(/Content/images/general/openingTimes-bg2.png) no-repeat; background-size:100% 100%; margin:0 5%; padding:0;}
	.openingTimes_title{width:100%; height: auto; float:left; margin:30px 0 0 0; padding:0;}
	.openingTimes_title img{width:40%;}
	.openingTimes div.OTdiv{width:100%;}
	.openingTimes div.OTdiv ul{width:100%; height:auto; float:right; margin:30px auto; padding:0;}
	.openingTimes div.OTdiv li span{width:46%; margin:0 6% 0 0;}
	.openingTimes div.OTdiv li div{width:48%;}
	.openingTimes_content{width:353px;}
	
	.textcolumn-2{width:100%; max-width:none;}
	.textcolumn-2 h2{margin:4% 0; font-size:25px;}
	.textcolumn{width:84%; margin:0 4% 4% 4%; padding:0.5% 4%;}
	figure.AB3{width:100%; height:300px;}
	figure.AB3 img{height:100%;}
	figcaption.AB3caption h3{padding:10px 20px; left:100%; margin-top:10px; font-size:35px;}
	figcaption.AB3caption p{padding:10px 20px; margin-top:10px; left:100%; font-size:17px;}
	.textimagerows{width:100%; max-width:none;}
	.textimagerows h2{font-size:30px;}
	.textimagerows li{width:90%; margin:2%;}
	.textimagerows li div{width:100%; margin:10px 0; text-align:center;}
	.textimagerows li span{width:100%;}
	.textimagerows li span h3{text-align:center;}
	.textimagerows li p{text-align:center;}
	.textimageiconlisting{width:100%; max-width:1000px;}
	.textimageiconlisting li{width:90%; margin:2%; padding:2% 3%;}
	.textimageiconlisting li div{width:100%; margin:5px 0 10px 0; text-align:center;}
	.textimageiconlisting li span{width:100%; text-align:center;}
	.textimageiconlisting li span h3{text-align:center;}
	.textimageiconlisting li span p{text-align:center;}
	.animatedBoxes-3 li{width:100%;}
	.animatedBoxes-3 li.ABLI_wide{width:100%;}
	
	.productDetailDescLTF{width:30%; margin:0 3% 0 0;}
	.productDetailDescRHT{width:67%;}
	
	.my-simple-gallery figure.figureSub{margin:1%; width:23%; height:auto;}
	.my-simple-gallery figure.figureSub2{margin:1%; width:23%; height:auto;}
	.my-simple-gallery figure.figureMainProduct{margin:0 0 0 1%; width:99%;}
	
	.map_wrap{width:90%; float:left; margin:0 5% 0 5%;}
	
	a.subscribe, a.subscribe:link, a.subscribe:visited, a.subscribe:active{font-size:18px; padding:10px;}
	a.subscribe:hover{font-size:18px; padding:10px;}
	
	a.general, a.general:link, a.general:visited, a.general:active{font-size:18px; padding:10px;}
	a.general:hover{font-size:18px; padding:10px;}
	
	input.add_to_basket, a.add_to_basket, a.add_to_basket:link, a.add_to_basket:visited{margin-left:20px;}
	input.enquireNow, a.enquireNow, a.enquireNow:link, a.enquireNow:visited{margin:15px 0 0 20px; float:left;}
	
	#statusMessage{width: 80%; max-width:none;}
	#statusMessageWishList{width: 80%; max-width:none;}
	
	#footerSlideContainer{display:none;}
	
	#rc-imageselect, .g-recaptcha{transform:scale(0.93); -webkit-transform:scale(0.93); transform-origin:0 0; -webkit-transform-origin:0 0;}
}

@media only screen and (min-width:0px) and (max-width:319px){

	#rc-imageselect, .g-recaptcha{transform:scale(0.70); -webkit-transform:scale(0.70); transform-origin:0 0; -webkit-transform-origin:0 0;}

}

@media only screen and (min-width:480px) and (max-width:767px){

	.hide{display:none;}
	.navshow{display:inline-block;}
	
	.dropdownwrap{width:100%; height:40px;}
	.dropdowncontainer{width:96%; max-width:none;}
	
	header{display:none;}
	#header_res{display:block; float:left;}
	#header_res span{margin:8px 10px 0 10px;}
	#header_res div.HRLogoTablet{display:none;}

    .banner {
        margin: 0 auto;
    }
    .banner_features_hp {
        width: 75%;
        margin: 60px 10% 30px 10%;
        font-size: 12px;
        top: 0;
        position: absolute;
        line-height: 18px;
    }
	
	#maincontent{width:100%; max-width:none;}
	
	footer{width:100%; height:300px; margin:0 auto; padding:0; position:relative; display:block;}
	.footer{width:100%; max-width:none; height:auto; text-align:center; margin:0 auto; padding:0;}
	.footer_nav{display:none;}
	.footer_nav_Ecom{display:none;}
	.footer_info{width:90%; margin:0; padding:2.5% 5%;}
	.footer_info li.footer_siteMap{display:block;}
	.footer_payment_checkout{display:none;}
	.footer_payment{display:none;}
	
	.cell_full_hp{width:96%; max-width:none; margin:15px 0; padding:0 2%;}
	.cell_full{width:100%; max-width:none; min-height:500px; margin:0 0 15px 0;}
	.cell_full_sub{width:96%; max-width:none; padding:0 2%;}
	
	.section_image{width:65%; margin:10px 5% 0 0;}
	.aside_nav{display:none;}
	.section_content_nav{width:100%;}
	.section_date_content_img{width:100%; margin:0 0 20px 0;}
	.section_date_content_detail{width:100%; max-width:none; margin:0 0 15px 0;}
	.section_date_content div.SDCdivoptions{width:100%; margin:0 0 15px 0;}
	.section_date_content_img{width:100%; margin:0 0 20px 0;}
	.section_date_content_detail{width:100%; max-width:none; margin:0 0 15px 0;}
	.section_video{width:80%; margin:0 auto 30px auto; padding:5% 10%;}
	.section_video iframe{width:100%; height:420px;}
	.aside_products_img{width:40%; margin:0 2% 0 1%;}
	.section_products{width:55%; margin:0 2% 0 0;}
	

	.list_gallery_hp li{width:28%; height:250px; margin:2%; padding:0.5%;}
	.list_gallery_hp li span.LGHPspan{width:100%; height:250px;}
	.sim-button{margin-top:100px; width:80%;}
	.list_date_hp{width:44%; margin:20px 2%; padding:1%;}
	.list_testimonials_hp{width:94%; margin:10px 2% 20px 2%; padding:1%;}
	.list_testimonials_hp ul{height:auto;}
	.list_products li{margin:18px 22px;}
	.list_testimonials li div{width:86%; padding:2% 10% 2% 4%;}
	.list_testimonials li span{width:92%; padding:3% 4% 2% 4%;}
	.list_staff li{width:40%; height:510px; margin:20px 5%;}
	.list_staff li div.LSlidivheader{width:90%; height:54px; padding:8px 5%;}
	.list_staff li div.LSlidivimg{width:100%; height:200px; margin:0; padding:0;}
	.list_staff li div img{width:100%;}
	.list_staff li div.LSlidivcontent{width:90%; height:170px; margin:0; padding:10px 5%;}
	.list_downloads li{width:40%; margin:0 2.5% 20px 2.5%; padding:2.5%;}
	.list_address_contactus p{font-size:15px;}
	.list_address_contactus li{font-size:18px;}
	.list_images_text li{width:96%; padding:2%;}
	.list_images_text li div.lmt_img img{width:100%;}
	.list_productsRelated{width:96%; margin:0 2%;}
    .list_features_hp li div.text {
        display: none;
    }
    .list_address_contactus {
        width: 80%;
        margin: 20px 10%;
       
    }
    .careerlinks li {
        list-style-type: none;
        display: inline;
        width: 32%;
        float:left;
        margin: 10px 0.5%;
    }
        .careerlinks li img {
        width:100%;}
        .form_search{width:100%; height:40px;}
	.form_search input{width:96%; height:40px; font-size:22px; font-weight:500;}
	.form_search input.button{display:none;}
	.form_searchDD{width:100%; height:40px;}
	.form_searchDD input{width:96%; height:40px; font-size:22px; font-weight:500;}
	.form_searchDD input.buttonDD{display:none;}
	
	.openingTimes{width:100%; max-width:none;}
	.openingTimes_container{width:353px; height:453px; background:url(/Content/images/general/openingTimes-bg2.png) no-repeat; background-size:100% 100%; margin:0 auto; padding:0;}
	.openingTimes_title{width:100%; height: auto; float:left; margin:30px 0 0 0; padding:0;}
	.openingTimes_title img{width:40%;}
	.openingTimes div.OTdiv{width:100%;}
	.openingTimes div.OTdiv ul{width:100%; height:auto; float:right; margin:30px auto; padding:0;}
	.openingTimes div.OTdiv li span{width:46%; margin:0 6% 0 0;}
	.openingTimes div.OTdiv li div{width:48%;}
	.openingTimes_content{width:353px;}
	
	.textcolumn-2{width:100%; max-width:none;}
	.textcolumn-2 h2{margin:4% 0; font-size:30px;}
	.textcolumn{width:84%; margin:0 4% 4% 4%; padding:0.5% 4%;}
	figure.AB3{width:100%; height:300px;}
	figure.AB3 img{height:100%;}
	figcaption.AB3caption h3{padding:10px 20px; left:100%; margin-top:10px; font-size:40px;}
	figcaption.AB3caption p{padding:10px 20px; margin-top:10px; left:100%; font-size:20px;}
	.textimagerows{width:100%; max-width:none;}
	.textimagerows h2{font-size:30px;}
	.textimagerows li{width:90%; margin:2% 2%;}
	.textimagerows li div{width:100%; margin:10px 0; text-align:center;}
	.textimagerows li span{width:100%;}
	.textimagerows li span h3{text-align:center;}
	.textimagerows li p{text-align:center;}
	.textimageiconlisting{width:100%; max-width:1000px;}
	.textimageiconlisting li{width:90%; margin:2%; padding:2% 3%;}
	.textimageiconlisting li div{width:100%; margin:5px 0 10px 0; text-align:center;}
	.textimageiconlisting li span{width:100%; text-align:center;}
	.textimageiconlisting li span h3{text-align:center;}
	.textimageiconlisting li span p{text-align:center;}
	.animatedBoxes-3 li{width:100%;}
	.animatedBoxes-3 li.ABLI_wide{width:100%;}
	
	.productDetailDescLTF{width:30%; margin:0 3% 0 0;}
	.productDetailDescRHT{width:67%;}
	
	.my-simple-gallery figure.figureSub{margin:1%; width:23%; height:auto;}
	.my-simple-gallery figure.figureSub2{margin:1%; width:23%; height:auto;}
	.my-simple-gallery figure.figureMainProduct{margin:0 0 0 1%; width:99%;}
	
	.map_wrap{width:90%; float:left; margin:0 5% 0 5%;}
	
	a.general, a.general:link, a.general:visited, a.general:active{padding:10px 20px;}
	a.general:hover{padding:10px 20px;}
	
	input.add_to_basket, a.add_to_basket, a.add_to_basket:link, a.add_to_basket:visited{margin-left:20px;}
	input.enquireNow, a.enquireNow, a.enquireNow:link, a.enquireNow:visited{margin:15px 0 0 20px; float:left;}
	
	#statusMessage{width:60%; max-width:none;}
	#statusMessageWishList{width:60%; max-width:none;}
	
	#footerSlideContainer{display:none;}
}

@media only screen and (min-width:768px) and (max-width:1023px){

	.hide{display:none;}
	.navshow{display:inline-block;}
	
	.dropdownwrap{width:100%; height:40px;}
	.dropdowncontainer{width:96%; max-width:none;}
	
	header{display:none;}
	#header_res{display:block; float:left; height:60px;}
	#header_res span{margin:15px 10px 0 10px;}
	#header_res div.HRLogo{display:block;}
	
	.banner{margin:0 auto;}
    .banner_features_hp {width:55%; margin: -400px 20% 30px 20%; font-size:16px;}

	
	#maincontent{width:100%; max-width:none;}
	
	footer{width:100%; height:300px; margin:0 auto; padding:0; position:relative; display:block;}
	.footer{width:100%; max-width:none; height:auto; text-align:center; margin:0 auto; padding:0;}
	.footer_nav{display:none;}
	.footer_nav_Ecom{display:none;}
	.footer_info{width:90%; margin:0; padding:2.5% 5%;}
	.footer_info li.footer_siteMap{display:block;}
	.footer_payment_checkout{display:none;}
	.footer_payment{display:none;}
	
	.cell_full_hp{width:96%; max-width:none; margin:15px 0; padding:0 2%;}
	.cell_full{width:100%; max-width:none; min-height:500px; margin:0 0 15px 0;}
	.cell_full_sub{width:96%; max-width:none; padding:0 2%;}
	
	.section_image{width:65%; margin:10px 5% 0 0;}
	.aside_findus_map{width:95%; float:left; margin:0 5% 0 0;}
	.section_date_content_img{width:100%; margin:0 0 20px 0;}
	.section_date_content_detail{width:100%; max-width:none; margin:0 0 15px 0;}
	.section_date_content div.SDCdivoptions{width:100%; margin:0 0 15px 0;}
	.section_date_content_img{width:100%; margin:0 0 20px 0;}
	.section_date_content_detail{width:100%; max-width:none; margin:0 0 15px 0;}
	.aside_products_img{width:40%; margin:0 2% 0 1%;}
	.section_products{width:55%; margin:0 2% 0 0;}
	
	.list_gallery_hp li{width:28%; height:250px; margin:2%; padding:0.5%;}
	.list_gallery_hp li span.LGHPspan{width:100%; height:250px;}
	.sim-button{margin-top:100px; width:80%;}
	.list_date_hp{width:44%; margin:20px 2%; padding:1%;}
	.list_testimonials_hp{width:94%; margin:10px 2% 20px 2%; padding:1%;}
	.list_testimonials_hp ul{height:auto;}
	.list_products li{margin:18px 22px;}
	.list_testimonials li div{width:86%; padding:2% 10% 2% 4%;}
	.list_testimonials li span{width:92%; padding:3% 4% 2% 4%;}
	.list_staff li{width:40%; height:510px; margin:20px 5%;}
	.list_staff li div.LSlidivheader{width:90%; height:54px; padding:8px 5%;}
	.list_staff li div.LSlidivimg{width:100%; height:200px; margin:0; padding:0;}
	.list_staff li div img{width:100%;}
	.list_staff li div.LSlidivcontent{width:90%; height:170px; margin:0; padding:10px 5%;}
	.list_downloads li{width:40%; margin:0 2.5% 20px 2.5%; padding:2.5%;}
	.list_address_contactus p{font-size:15px;}
	.list_address_contactus li{font-size:18px;}
	.list_productsEcomm li{width:29%; max-width:220px; height:300px; margin:0 1.5% 1.5% 0; padding:10px 1%;}
	.list_productsRelated{width:96%; margin:0 2%;}
    .list_features_hp li div.text {
        font-size: 10px;
    }
    .careerlinks li {
        list-style-type: none;
        display: inline;
        width: 24%;
        float: left;
        margin: 10px 4.5%;
    }

        .careerlinks li img {
            width: 100%;
        }
    
        .form_search{width:100%; height:40px;}
	.form_search input{width:96%; height:40px; font-size:22px; font-weight:500;}
	.form_search input.button{display:none;}
	.form_searchDD{width:100%; height:40px;}
	.form_searchDD input{width:96%; height:40px; font-size:22px; font-weight:500;}
	.form_searchDD input.buttonDD{display:none;}
	
	.textcolumn-2{max-width:none; width:100%;}
	figure.AB3{width:100%; height:200px;}
	figure.AB3 img{height:100%;}
	figcaption.AB3caption h3{padding:10px 20px 0 20px; left:100%; margin-top:10px; font-size:20px;}
	figcaption.AB3caption p{padding:10px 20px; margin-top:0; left:100%; font-size:14px;}
	.textimagerows{width:100%; max-width:none;}
	.textimagerows li{width:90%; margin:2%;}
	.textimagerows li div{width:42%; margin:10px 3% 0 0;}
	.textimageiconlisting{width:100%; max-width:1000px;}
	.textimageiconlisting li{width:40%; margin:2%; padding:2% 3%;}
	.textimageiconlisting li div{width:100%; margin:5px 0 10px 0; text-align:center;}
	.textimageiconlisting li div img{width:auto;}
	.textimageiconlisting li span{width:100%; text-align:center;}
	.textimageiconlisting li span h3{text-align:center;}
	.textimageiconlisting li span p{text-align:center;}
	
	.productDetailDescLTF{width:25%; margin:0 3% 0 0;}
	.productDetailDescRHT{width:72%;}
	
	.my-simple-gallery figure.figureSub{margin:1%; width:23%; height:60px;}
	.my-simple-gallery figure.figureMainProduct{margin:0 0 0 1%; width:99%;}
	
	
	
	a.general, a.general:link, a.general:visited, a.general:active{padding:10px 20px;}
	a.general:hover{padding:10px 20px;}
	
	input.add_to_basket, a.add_to_basket, a.add_to_basket:link, a.add_to_basket:visited{margin-left:20px;}
	input.enquireNow, a.enquireNow, a.enquireNow:link, a.enquireNow:visited{margin:15px 0 0 20px; float:left;}
	
	#statusMessage{width:60%; max-width:none;}
	#statusMessageWishList{width:60%; max-width:none;}
	
	#footerSlideContainer{display:none;}
}

@media only screen and (min-width:1024px) and (max-width:1270px){

	.dropdownwrap{width:100%; height:80px;}
	.dropdowncontainer{width:96%; max-width:none;}
	
	.header{width:100%; max-width:1000px; height:160px;}
	.header_content{width:72%; float:right; margin:0 0 0 3%;}
	.header_search{width:100%; float:right; margin:20px 0 0 0;}
	.header_checkout{width:69%; float:right; margin:65px 3% 0 3%;}
	

	
	#maincontent{width:100%; max-width:none;}
	
	.footer{max-width:1000px;}
	
	.cell_full_hp{width:96%; max-width:none; margin:15px 0; padding:0 2%;}
	.cell_full{width:96%; max-width:none; min-height:500px; margin:0 2% 15px 2%;}
	.cell_full_sub{width:96%;max-width:none; padding:0 2%;}

    .banner_features_hp {
        width: 55%;
        margin: -400px 20% 30px 20%;
        font-size: 16px;
    }
	
	#topnav li{margin:0 2px 0 0;}
	#topnav li a, #topnav li a:link, #topnav li a:visited{padding:5px 7px;}
	#topnav li a:hover{padding:5px 7px;}
	
	#mainnav li{margin:0 1px 0 0; font-size:12px;}
	#mainnav li a, #mainnav li a:link, #mainnav li a:visited{padding:5px 3px;}
	#mainnav li a:hover{padding:5px 3px;}
	
	#dropdownnav ul li{margin:0; font-size:12px;}
	#dropdownnav ul li a, #dropdownnav ul li a:link, #dropdownnav ul li a:visited{padding:6px 12px; font-size:17px;}
        #dropdownnav ul li a:hover {
            padding: 6px 10px;
            font-size: 17px;
        }
	#dropdownnav ul ul li{width:200px; font-size:12px;}
	#dropdownnav ul ul li a, #dropdownnav ul ul li a:link, #dropdownnav ul ul li a:visited{width:192px; padding:10px 4px;}
	#dropdownnav ul ul li a:hover{width:192px; padding:10px 4px;}
	
	.section_image{width:65%; margin:10px 5% 0 0;}
	.section_date_content div.SDCdivoptions{width:100%; margin:0 0 15px 0;}
	.section_date_content_img{width:30%; margin:0 5% 15px 0;}
	.section_date_content_img img{width:100%;}
	.section_date_content_detail{width:65%; max-width:none; margin:0 0 15px 0;}
	.aside_products_img{width:48%; margin:0 2% 0 0;}
	.section_products{width:50%;}
	
	.list_products li{margin:18px 15px;}
	.list_address_contactus p{font-size:15px;}
	.list_address_contactus li{font-size:18px;}
	.list_gallery_hp{width:96%;}
	.list_gallery_hp li span a:link, .list_gallery_hp li span a:visited, .list_gallery_hp li span a:active{font-size:18px;}
	.list_gallery_hp li span a:hover{font-size:18px;}
	
	.form_searchDD input{width:90%; height:80px;}
	
	.textcolumn-2{max-width:1000px;}
	figure.AB3{width:100%; height:300px;}
	figure.AB3 img{height:100%;}
	figcaption.AB3caption h3{padding:10px 20px; left:100%; margin-top:10px; font-size:40px;}
	figcaption.AB3caption p{padding:10px 20px; margin-top:10px; left:100%; font-size:20px;}
	.textimagerows{width:100%; max-width:1000px;}
	.textimagerows li{width:90%; margin:2%;}
	.textimagerows li div{width:42%; margin:10px 3% 0 0;}
	.textimageiconlisting{width:100%; max-width:1000px;}
	.textimageiconlisting li{width:40%; margin:2%; padding:2% 3%;}
	.textimageiconlisting li div{width:25%; margin:5px 5% 0 0;}
	.textimageiconlisting li span{width:70%;}
	
	#currencycountrybox{width:50%; top:80px; right:5.5%; padding:5px 0.5%;}
	
	.my-simple-gallery figure.figureSub{width:23%; height:100px; margin: 1% 0% 1% 2%;}
	
	a.general, a.general:link, a.general:visited, a.general:active{padding:10px 20px;}
	a.general:hover{padding:10px 20px;}
	
	input.add_to_basket, a.add_to_basket, a.add_to_basket:link, a.add_to_basket:visited{margin-left:0;}
	input.enquireNow, a.enquireNow, a.enquireNow:link, a.enquireNow:visited{margin-left:20px;}

}
#cookie-bar{background:#CCCCCC; height:auto; font-family:'Roboto', sans-serif; font-size:14px; line-height:24px; color:#333333; text-align:center; padding:10px 0; z-index:10000;}
#cookie-bar.fixed{position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom{bottom:0; top:auto;}
#cookie-bar p{margin:0; padding:0;}
#cookie-bar a{color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable{background:#007700;}
#cookie-bar .cb-enable:hover{background:#009900;}
#cookie-bar .cb-disable{background:#990000;}
#cookie-bar .cb-disable:hover{background:#bb0000;}
#cookie-bar .cb-policy{background:#0033bb;}
#cookie-bar .cb-policy:hover{background:#0055dd;}
@font-face{font-family:'ecoicon'; src:url('fonts/ecoicons/ecoicon.eot'); src:url('fonts/ecoicons/ecoicon.eot?#iefix') format('embedded-opentype'), url('fonts/ecoicons/ecoicon.woff') format('woff'), url('fonts/ecoicons/ecoicon.ttf') format('truetype'), url('fonts/ecoicons/ecoicon.svg#ecoicon') format('svg'); font-weight:normal; font-style:normal;}

.hi-icon{display:inline-block; font-size:0px; cursor:pointer; margin:0; width:90px; height:90px; border-radius:50%; text-align:center; position:relative; z-index:1; color:#FFFFFF;}
.hi-icon:after{pointer-events:none; position:absolute; width:100%; height:100%; border-radius:50%; content:''; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
.hi-icon:before{font-family:'ecoicon'; speak:none; font-size:48px; line-height:90px; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; display:block; -webkit-font-smoothing:antialiased;}

.hi-icon-mobile:before{content:"\e009";}
.hi-icon-screen:before{content:"\e00a";}
.hi-icon-earth:before{content:"\e002";}
.hi-icon-support:before{content:"\e000";}
.hi-icon-locked:before{content:"\e001";}
.hi-icon-cog:before{content:"\e003";}
.hi-icon-clock:before{content:"\e004";}
.hi-icon-videos:before{content:"\e005";}
.hi-icon-list:before{content:"\e006";}
.hi-icon-refresh:before{content:"\e007";}
.hi-icon-images:before{content:"\e008";}
.hi-icon-pencil:before{content:"\e00b";}
.hi-icon-link:before{content:"\e00c";}
.hi-icon-mail:before{content:"\e00d";}
.hi-icon-location:before{content:"\e00e";}
.hi-icon-archive:before{content:"\e00f";}
.hi-icon-chat:before{content:"\e010";}
.hi-icon-bookmark:before{content:"\e011";}
.hi-icon-user:before{content:"\e012";}
.hi-icon-contract:before{content:"\e013";}
.hi-icon-star:before{content:"\e014";}

/* Effect 1 */
.hi-icon-effect-1 .hi-icon{background:rgba(255,255,255,0.1); -webkit-transition:background 0.2s, color 0.2s; -moz-transition:background 0.2s, color 0.2s; transition:background 0.2s, color 0.2s;}
.hi-icon-effect-1 .hi-icon:after{top:-7px; left:-7px; padding:7px; box-shadow:0 0 0 4px #FFFFFF; -webkit-transition:-webkit-transform 0.2s, opacity 0.2s; -webkit-transform:scale(.8); -moz-transition:-moz-transform 0.2s, opacity 0.2s; -moz-transform:scale(.8); -ms-transform:scale(.8); transition:transform 0.2s, opacity 0.2s; transform:scale(.8); opacity:0;}

/* Effect 1a */
.hi-icon-effect-1a .hi-icon:hover{background:rgba(255,255,255,1); color:#666666;}
.hi-icon-effect-1a .hi-icon:hover:after{-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transform:scale(1); opacity:1;}

/* Effect 1b */
.hi-icon-effect-1b .hi-icon:hover{background:rgba(255,255,255,1); color:#666666;}
.hi-icon-effect-1b .hi-icon:after{-webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2);}
.hi-icon-effect-1b .hi-icon:hover:after{-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transform:scale(1); opacity:1;}

/* Effect 2 */
.hi-icon-effect-2 .hi-icon{color:#000000; box-shadow:0 0 0 3px #FFFFFF; -webkit-transition:color 0.3s; -moz-transition:color 0.3s; transition:color 0.3s;}
.hi-icon-effect-2 .hi-icon:after{top:-2px; left:-2px; padding:2px; z-index:-1; background:#FFFFFF; -webkit-transition:-webkit-transform 0.2s, opacity 0.2s; -moz-transition:-moz-transform 0.2s, opacity 0.2s; transition:transform 0.2s, opacity 0.2s;}

/* Effect 2a */
.hi-icon-effect-2a .hi-icon:hover{color:#666666;}
.hi-icon-effect-2a .hi-icon:hover:after{-webkit-transform:scale(0.85); -moz-transform:scale(0.85); -ms-transform:scale(0.85); transform:scale(0.85);}

/* Effect 2b */
.hi-icon-effect-2b .hi-icon:hover:after{-webkit-transform:scale(0); -moz-transform:scale(0); -ms-transform:scale(0); transform:scale(0); opacity:0; -webkit-transition:-webkit-transform 0.4s, opacity 0.2s; -moz-transition:-moz-transform 0.4s, opacity 0.2s; transition:transform 0.4s, opacity 0.2s;}
.hi-icon-effect-2b .hi-icon:hover{color:#FFFFFF;}

/* Effect 3 */
.hi-icon-effect-3 .hi-icon{box-shadow:0 0 0 4px #FFFFFF; -webkit-transition:color 0.3s; -moz-transition:color 0.3s; transition:color 0.3s;}
.hi-icon-effect-3 .hi-icon:after{top:-2px; left:-2px; padding:2px; z-index:-1; background:#FFFFFF; -webkit-transition:-webkit-transform 0.2s, opacity 0.3s; -moz-transition:-moz-transform 0.2s, opacity 0.3s; transition:transform 0.2s, opacity 0.3s;}

/* Effect 3a */
.hi-icon-effect-3a .hi-icon{color:#000000;}
.hi-icon-effect-3a .hi-icon:hover{color:#666666;}
.hi-icon-effect-3a .hi-icon:hover:after{-webkit-transform:scale(1.3); -moz-transform:scale(1.3); -ms-transform:scale(1.3); transform:scale(1.3); opacity:0;}

/* Effect 3b */
.hi-icon-effect-3b .hi-icon{color:#000000;}
.hi-icon-effect-3b .hi-icon:hover{color:#666666;}
.hi-icon-effect-3b .hi-icon:after{-webkit-transform:scale(1.3); -moz-transform:scale(1.3); -ms-transform:scale(1.3); transform:scale(1.3); opacity:0;}
.hi-icon-effect-3b .hi-icon:hover:after{-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transform:scale(1); opacity:1;}

/* Effect 4 */
.hi-icon-effect-4 .hi-icon{width:92px; height:92px; box-shadow:0 0 0 4px rgba(255,255,255,1);}
.hi-icon-effect-4a .hi-icon{-webkit-transition:box-shadow 0.2s; -moz-transition:box-shadow 0.2s; transition:box-shadow 0.2s;}
.hi-icon-effect-4 .hi-icon:before{line-height:92px;}
.hi-icon-effect-4 .hi-icon:after{top:-4px; left:-4px; padding:0; z-index:10; border:4px dashed #FFFFFF;}
.hi-icon-effect-4 .hi-icon:hover{box-shadow:0 0 0 0 rgba(255,255,255,0); color:#FFFFFF;}

/* Effect 4b */
.hi-icon-effect-4b .hi-icon:hover{-webkit-transition:box-shadow 0.2s; -moz-transition:box-shadow 0.2s; transition:box-shadow 0.2s;}
.hi-icon-effect-4b .hi-icon:hover:after{-webkit-animation: spinAround 9s linear infinite; -moz-animation: spinAround 9s linear infinite; animation:spinAround 9s linear infinite;}
@-webkit-keyframes spinAround{
	from{-webkit-transform:rotate(0deg)}
	to{-webkit-transform:rotate(360deg);}
}
@-moz-keyframes spinAround{
	from{-moz-transform:rotate(0deg)}
	to{-moz-transform:rotate(360deg);}
}
@keyframes spinAround{
	from{transform:rotate(0deg)}
	to{transform:rotate(360deg);}
}

/* Effect 5 */
.hi-icon-effect-5 .hi-icon{box-shadow:0 0 0 4px rgba(255,255,255,1); overflow:hidden; -webkit-transition:background 0.3s, color 0.3s, box-shadow 0.3s; -moz-transition:background 0.3s, color 0.3s, box-shadow 0.3s; transition:background 0.3s, color 0.3s, box-shadow 0.3s;}
.hi-icon-effect-5 .hi-icon:after{display:none;}
.hi-icon-effect-5 .hi-icon:hover{background:rgba(255,255,255,1); color:#666666; box-shadow:0 0 0 8px rgba(255,255,255,0.3);}
.hi-icon-effect-5a .hi-icon:hover:before{-webkit-animation:toRightFromLeft 0.3s forwards; -moz-animation:toRightFromLeft 0.3s forwards; animation:toRightFromLeft 0.3s forwards;}
@-webkit-keyframes toRightFromLeft{
	49%{-webkit-transform:translate(100%);}
	50%{opacity:0; -webkit-transform:translate(-100%);}
	51%{opacity:1;}
}
@-moz-keyframes toRightFromLeft{
	49%{-moz-transform:translate(100%);}
	50%{opacity:0; -moz-transform:translate(-100%);}
	51%{opacity:1;}
}
@keyframes toRightFromLeft{
	49%{transform:translate(100%);}
	50%{opacity:0; transform:translate(-100%);}
	51%{opacity:1;}
}

.hi-icon-effect-5b .hi-icon:hover:before{-webkit-animation:toLeftFromRight 0.3s forwards; -moz-animation:toLeftFromRight 0.3s forwards; animation:toLeftFromRight 0.3s forwards;}
@-webkit-keyframes toLeftFromRight{
	49%{-webkit-transform:translate(-100%);}
	50%{opacity:0; -webkit-transform:translate(100%);}
	51%{opacity:1;}
}
@-moz-keyframes toLeftFromRight{
	49%{-moz-transform:translate(-100%);}
	50%{opacity:0; -moz-transform:translate(100%);}
	51%{opacity:1;}
}
@keyframes toLeftFromRight{
	49%{transform:translate(-100%);}
	50%{opacity:0; transform:translate(100%);}
	51%{opacity:1;}
}

.hi-icon-effect-5c .hi-icon:hover:before{-webkit-animation:toTopFromBottom 0.3s forwards; -moz-animation:toTopFromBottom 0.3s forwards; animation:toTopFromBottom 0.3s forwards;}
@-webkit-keyframes toTopFromBottom{
	49%{-webkit-transform:translateY(-100%);}
	50%{opacity:0; -webkit-transform:translateY(100%);}
	51%{opacity:1;}
}
@-moz-keyframes toTopFromBottom{
	49%{-moz-transform:translateY(-100%);}
	50%{opacity:0; -moz-transform:translateY(100%);}
	51%{opacity:1;}
}
@keyframes toTopFromBottom{
	49%{transform:translateY(-100%);}
	50%{opacity:0; transform:translateY(100%);}
	51%{opacity:1;}
}

.hi-icon-effect-5d .hi-icon:hover:before{-webkit-animation:toBottomFromTop 0.3s forwards; -moz-animation:toBottomFromTop 0.3s forwards; animation:toBottomFromTop 0.3s forwards;}
@-webkit-keyframes toBottomFromTop{
	49%{-webkit-transform:translateY(100%);}
	50%{opacity:0; -webkit-transform:translateY(-100%);}
	51%{opacity:1;}
}
@-moz-keyframes toBottomFromTop{
	49%{-moz-transform:translateY(100%);}
	50%{opacity:0; -moz-transform:translateY(-100%);}
	51%{opacity:1;}
}
@keyframes toBottomFromTop{
	49%{transform:translateY(100%);}
	50%{opacity:0; transform:translateY(-100%);}
	51%{opacity:1;}
}

/* Effect 6 */
.hi-icon-effect-6 .hi-icon{box-shadow:0 0 0 4px rgba(255,255,255,1); -webkit-transition:background 0.2s, color 0.2s; -moz-transition:background 0.2s, color 0.2s; transition:background 0.2s, color 0.2s;}
.hi-icon-effect-6 .hi-icon:hover{background:rgba(255,255,255,1); color:#666666;}
.hi-icon-effect-6 .hi-icon:hover:before{-webkit-animation:spinAround 2s linear infinite; -moz-animation:spinAround 2s linear infinite; animation:spinAround 2s linear infinite;}

/* Effect 7 */
.hi-icon-effect-7 .hi-icon{box-shadow:0 0 0 4px rgba(255,255,255,1); -webkit-transition:background 0.2s, color 0.2s; -moz-transition:background 0.2s, color 0.2s; transition:background 0.2s, color 0.2s;}
.hi-icon-effect-7 .hi-icon:hover{color:#FFFFFF;}
.hi-icon-effect-7 .hi-icon:after{top:-8px; left:-8px; padding:8px; z-index:-1; opacity:0;}

/* Effect 7a */
.hi-icon-effect-7a .hi-icon:after{box-shadow:0 0 0 rgba(255,255,255,1); -webkit-transition:opacity 0.2s, box-shadow 0.2s; -moz-transition:opacity 0.2s, box-shadow 0.2s; transition:opacity 0.2s, box-shadow 0.2s;}
.hi-icon-effect-7a .hi-icon:hover:after{opacity:1; box-shadow:3px 3px 0 rgba(255,255,255,1);}
.hi-icon-effect-7a .hi-icon:before{-webkit-transform:scale(0.8); -moz-transform:scale(0.8); -ms-transform:scale(0.8); transform:scale(0.8); opacity:0.7; -webkit-transition:-webkit-transform 0.2s, opacity 0.2s; -moz-transition:-moz-transform 0.2s, opacity 0.2s; transition:transform 0.2s, opacity 0.2s;}
.hi-icon-effect-7a .hi-icon:hover:before{-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transform:scale(1); opacity:1;}

/* Effect 7b */
.hi-icon-effect-7b .hi-icon:after{box-shadow:3px 3px rgba(255,255,255,1); -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); -webkit-transition:opacity 0.2s, -webkit-transform 0.2s; -moz-transition:opacity 0.2s, -moz-transform 0.2s; transition:opacity 0.2s, transform 0.2s;}
.hi-icon-effect-7b .hi-icon:hover:after{opacity:1; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg);}
.hi-icon-effect-7b .hi-icon:before{-webkit-transform:scale(0.8); -moz-transform:scale(0.8); -ms-transform:scale(0.8); transform:scale(0.8); opacity:0.7; -webkit-transition:-webkit-transform 0.2s, opacity 0.2s; -moz-transition:-moz-transform 0.2s, opacity 0.2s; transition:transform 0.2s, opacity 0.2s;}
.hi-icon-effect-7b .hi-icon:hover:before{-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transform:scale(1); opacity:1;}

/* Effect 8 */
.hi-icon-effect-8 .hi-icon{background:rgba(255,255,255,0.1); -webkit-transition:-webkit-transform ease-out 0.1s, background 0.2s; -moz-transition:-moz-transform ease-out 0.1s, background 0.2s; transition:transform ease-out 0.1s, background 0.2s;}
.hi-icon-effect-8 .hi-icon:after{top:0; left:0; padding:0; z-index:-1; box-shadow:0 0 0 2px rgba(255,255,255,0.1); opacity:0; -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -ms-transform:scale(0.9); transform:scale(0.9);}
.hi-icon-effect-8 .hi-icon:hover{background:rgba(255,255,255,0.05); -webkit-transform:scale(0.93); -moz-transform:scale(0.93); -ms-transform:scale(0.93); transform:scale(0.93); color:#666666;}
.hi-icon-effect-8 .hi-icon:hover:after{-webkit-animation:sonarEffect 1.3s ease-out 75ms; -moz-animation:sonarEffect 1.3s ease-out 75ms; animation:sonarEffect 1.3s ease-out 75ms;}
@-webkit-keyframes sonarEffect{
	0%{opacity:0.3;}
	40%{opacity:0.5; box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #666666, 0 0 0 10px rgba(255,255,255,0.5);}
	100%{box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #666666, 0 0 0 10px rgba(255,255,255,0.5); -webkit-transform:scale(1.5); opacity:0;}
}
@-moz-keyframes sonarEffect{
	0%{opacity:0.3;}
	40%{opacity:0.5; box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #666666, 0 0 0 10px rgba(255,255,255,0.5);}
	100%{box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #666666, 0 0 0 10px rgba(255,255,255,0.5); -moz-transform: scale(1.5); opacity:0;}
}
@keyframes sonarEffect{
	0%{opacity:0.3;}
	40%{opacity:0.5; box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #666666, 0 0 0 10px rgba(255,255,255,0.5);}
	100%{box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #666666, 0 0 0 10px rgba(255,255,255,0.5); transform:scale(1.5); opacity:0;}
}

/* Effect 9 */
.hi-icon-effect-9 .hi-icon{-webkit-transition:box-shadow 0.2s; -moz-transition:box-shadow 0.2s; transition:box-shadow 0.2s;}
.hi-icon-effect-9 .hi-icon:after{top:0; left:0; padding:0; box-shadow:0 0 0 3px #FFFFFF; -webkit-transition:-webkit-transform 0.2s, opacity 0.2s; -moz-transition:-moz-transform 0.2s, opacity 0.2s; transition:transform 0.2s, opacity 0.2s;}

/* Effect 9a */
.hi-icon-effect-9a .hi-icon:hover:after{-webkit-transform:scale(0.85); -moz-transform:scale(0.85); -ms-transform:scale(0.85); transform:scale(0.85); opacity:0.5;}
.hi-icon-effect-9a .hi-icon:hover{box-shadow:0 0 0 10px rgba(255,255,255,1); color:#FFFFFF;}

/* Effect 9b */
.hi-icon-effect-9b .hi-icon:hover:after{-webkit-transform:scale(0.85); -moz-transform:scale(0.85); -ms-transform:scale(0.85); transform:scale(0.85);}
.hi-icon-effect-9b .hi-icon:hover{box-shadow:0 0 0 10px rgba(255,255,255,0.4); color:#FFFFFF;}
