@import url('https://fonts.googleapis.com/css?family=Poiret+One|Raleway|Rajdhani|Roboto+Mono');
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

input, textarea, button {-webkit-appearance:none; -moz-appearance:none; appearance:none;}
input, textarea, button, select {-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;}

/* = reset css = */
body { background:#fff !important; }
p, ul, li {  margin:0px; padding:0px; }
ul, li { list-style:none; }
a { color:#555; font-weight:normal; }
a:hover { color:#888; text-decoration:none; }
input, select { -webkit-appearance: none; -webkit-border-radius: 0; }
a:visited, a:focus, a:active { color:#555; text-decoration:none; outline: none; }
p, a, input[type=text], span, label, td { font-family:'Nanum Gothic', sans-serif;  }
input[type=text], select.form-control { box-shadow:none; }
input[type=text] {  color:#000; }
h4 a:hover { text-decoration:none; color:#000; }
.nav > li > a:hover, .nav > li > a:focus { background:none; }
b, strong { font-weight:bolder; }
select {  font-family:'Nanum Gothic', sans-serif; max-width:100%; width:100%; vertical-align:middle; color:#333; transition:color .3s, border .3s, background .3s, opacity .3s; border:1px solid #ddd; padding:0 .75em; height:2.507em; font-size:1.1em; box-shadow:inset 0 -1.4em 1em 0 rgba(0,0,0,0.02); background:#fff url('/img/select_arrow.png') 100% 50% no-repeat; background-size:auto 15%; border-radius:0; appearance:none; -moz-appearance:none; /* Firefox */ -webkit-appearance:none;  }
h1, h2, h3, h4, h5, h6 { font-weight:700; }
body {
  font-family:'Nanum Gothic', sans-serif;
}
/*Typography
---------------------------------- */
html {
  height: 100%;
}
body {
  line-height: 1.6;
  background-color: #ffffff;
}
body.canvas-sliding,
body.canvas-slid {
  overflow-x: hidden;
}74
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #333333; font-weight:700; font-family: 'Nanum Gothic';
  line-height: 1.3;
}
img {
  max-width: 100%;
  height: auto;
}
blockquote {
  border-left: none;
  display: inline-block;
  margin: 20px auto 20px;
  font-size: 16px;
  position: relative;
  padding: 10px 25px;
}
blockquote:after {
  content: "“";
  width: 25px;
  height: 25px;
  line-height: 36px;
  font-size: 36px;
  font-family: 'PT Serif', serif;
  position: absolute;
  top: 12px;
  left: 0px;
  color: #cdcdcd;
}
.blockquote:before {
  font-family: 'PT Serif', serif;
  content: "“";
  font-size: 40px;
}
blockquote.inline {
  padding: 0;
}
blockquote.inline p {
  width: 60%;
  display: inline-block;
  margin: 0;
}
blockquote.inline footer {
  width: 37%;
  display: inline-block;
  padding-left: 5px;
}
blockquote.inline:after {
  top: 0;
}
mark,
.mark {
  background-color: #09afdf;
  color: #ffffff;
}
pre {
  padding: 20px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.well {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background-color: #f3f3f3;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
}
.dark hr {
  border-color: #333333;
}
/* Lists
---------------------------------- */
ul {
  list-style: none;
}
.list-icons,
.list {
  list-style: none;
  padding: 0;
}
.list-icons li,
.list li {
  padding: 5px 0;
}
.list-icons li i {
  min-width: 25px;
  text-align: center;
}
.list-inline {
  margin-top: 9px;
  margin-bottom: 8px;
}
.header-top .list-inline {
  display: inline-block;
}
/* Tables
---------------------------------- */
.table:not(.table-bordered) {
  border-bottom: 2px solid #f3f3f3;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 1px solid #eaeaea;
  background-color: #eaeaea;
  color: #333333;
  font-weight: 400;
}
.table.table-colored {
  border-bottom-color: #09afdf;
}
.table-colored > thead > tr > th {
  border-color: #09afdf;
  background-color: #09afdf;
  color: #fff;
}
tbody {
  background-color: #ffffff;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px 15px; vertical-align:middle;
  border-top: 1px solid #f3f3f3;
}
.table-striped tbody {
  background-color: #ffffff;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f5f5f5;
}
.table-striped.table > tbody > tr > td {
  border-color: #e8e8e8;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border-color: #f3f3f3;
}
.dl-horizontal dd {
  margin-bottom: 10px;
}
.table-hover > tbody > tr:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
/* 2 Layout
----------------------------------------------------------------------------- */
.page-wrapper {
  background-color: #ffffff;
}
.header-top:not(.banner) {
  padding: 2px 0;
}
.header {
  border-top: 1px solid #ffffff;
  border-bottom: 0px;
  background-color: #fff;
}
.header-top.dark + .header:not(.dark) {
  border-top-color: #dddddd;
}
.header-top:not(.dark) + .header.dark {
  border-top-color: #303030;
}
/*Transparent Header*/
.transparent-header .header-top {
  z-index: 103;
  position: relative;
}
.transparent-header header.header.transparent-header-on {
  z-index: 22;
  position: absolute;
  width: 100%;
  left: 0;
  background-color: rgba(255, 255, 255, 0.92);
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  border-top-color: #a0a0a0;
}
.transparent-header .header-top.colored + header.header.transparent-header-on {
  border-top-color: transparent;
}
.transparent-header header.header.dark.transparent-header-on {
  background-color: rgba(57, 66, 69, 0.8);
  border-top-color: rgba(37, 42, 44, 0.5);
}
.transparent-header.gradient-background-header header.header.transparent-header-on {
  background: -moz-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0.05) 85%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0.05) 85%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0.05) 85%, rgba(255, 255, 255, 0) 100%);
  border-bottom: none;
  border-top: none;
}
.transparent-header.gradient-background-header header.header.dark.transparent-header-on {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.05) 85%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.05) 85%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.05) 85%, rgba(0, 0, 0, 0) 100%);
  border-bottom: none;
  border-top: none;
}
.header-left {
  padding: 12px 0 0 0;
}
.header-right {
  position: relative;
}
.banner.parallax,
.banner.light-translucent-bg,
.banner.dark-translucent-bg,
.banner.default-translucent-bg {
  min-height: 250px;
  padding-top: 60px;
  padding-bottom: 20px;
}
.banner.banner-big-height {
  min-height: 550px;
  padding-top: 100px;
}
.banner.video-background-banner {
  min-height: 400px;
  padding-top: 100px;
}
.main-container {
  padding: 50px 0;
}
.block { display:block;
}
.section { min-height:300px;
  padding: 30px 0;
}
.footer-top {
  padding: 20px 0;
}
.footer {
  padding: 40px 0;
  background-color: #fafafa;
}
.footer-content {
  padding: 20px 0;
}
.subfooter {
  background-color: #f5f5f5;
  padding: 25px 0;
  border-top: 1px solid #eaeaea;
}
.full-page .subfooter {
  background-color: transparent;
  position: fixed;
  border: none;
  color: #bbbbbb;
  width: 100%;
  bottom: 0;
  padding: 15px 0;
}
.full-page .subfooter p a {
  text-decoration: none;
  color: #a1a1a1;
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .with-dropdown-buttons .navbar-default .navbar-collapse {
    padding-right: 120px;
  }
  .with-dropdown-buttons .header-dropdown-buttons {
    position: absolute;
    top: 18px;
    right: 0px;
  }
  /*Full width Header*/
  header.full-width .with-dropdown-buttons .header-dropdown-buttons {
    right: 15px;
  }
  /*Centered Logo Layout*/
  .header.centered .header-left {
    padding: 12px 0;
  }
  .header.centered .header-right {
    text-align: center;
  }
  .header.centered .main-navigation .navbar-collapse.collapse {
    display: inline-block !important;
    vertical-align: top;
  }
  .header.centered .with-dropdown-buttons .navbar-default .navbar-collapse {
    padding-right: 0px!important;
  }
  .header.centered .with-dropdown-buttons .header-dropdown-buttons {
    position: relative;
    top: 4px;
    margin-left: 20px;
    float: left;
  }
}
/* Large and Medium devices (desktops, tablets less than 1199px) */
@media (min-width: 768px) and (max-width: 1199px) {
  .main-navigation.with-dropdown-buttons .navbar-default .navbar-collapse {
    padding-right: 110px;
  }
}
/* Medium desktop devices and tablets */
@media (min-width: 768px) and (max-width: 991px) {
  header.full-width .main-navigation.with-dropdown-buttons .navbar-default .navbar-collapse {
    padding-right: 15px;
  }
}
/* Medium devices (desktops, tablets less than 991px) */
@media (max-width: 991px) {
  .sidebar {
    margin-top: 40px;
  }
  .footer-content {
    padding: 10px 0;
  }
}
/* Small devices (tablets, phones less than 767px) */
@media (max-width: 767px) {
  .header-left .header-dropdown-buttons {
    position: absolute;
    top: 22px;
    right: 15px;
  }
  /*Transparent Header*/
  .transparent-header .header-left {
    padding: 12px 0 12px;
  }
  .transparent-header .header-left.visible-xs {
    padding: 10px 0 3px;
  }
  .transparent-header .header-right {
    z-index: 21;
  }
  /*Full width Header*/
  .header.full-width {
    padding: 0 15px;
  }
  .header.full-width .header-left {
    padding: 8px 0 0;
  }
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .boxed .page-wrapper {
    width: 750px;
  }
}
/* Medium devices (desktops, tablets, 992px and up) */
@media (min-width: 992px) {
  .boxed .page-wrapper {
    width: 970px;
  }
}
/* Large devices (Large desktops 1200px and up) */
@media (min-width: 1200px) {
  .boxed .page-wrapper {
    width: 1170px;
  }
}


/* 3.14 Component - Button */

.btn {
    font-weight:normal; 
    border-radius: 0;
}
.btn:focus, 
.btn:active:focus, 
.btn.active:focus {
    outline: none;
}
.btn-icon,
.btn.btn-icon {
    display: inline-block;
    width: 28px;
    height: 28px;
    padding: 0;
    border: none;
    line-height: 28px;
    text-align: center;
    font-size: 14px;
}
.btn-circle,
.btn.btn-circle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.btn-icon.btn-xs {
    width: 16px;
    height: 16px;
    font-size: 8px;
    line-height: 16px;
}
.btn-icon.btn-sm {
    width: 22px;
    height: 22px;
    font-size: 11px;
    line-height: 22px;
}
.btn-icon.btn-lg {
    width: 34px;
    height: 34px;
    font-size: 17px;
    line-height: 34px;
}
.btn-scroll-to-top {
    position: fixed;
    bottom: 5px;
    right: 25px;
    z-index: 1020;
}
.page-with-right-sidebar .btn-scroll-to-top {
    left: 25px;
    right: auto;
}
.btn > .pull-left, 
.btn > .pull-right {
    line-height: 1.428571429;
}
.btn-block {
    padding-left: 12px;
    padding-right: 12px;
}
.btn:active,
.btn.active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1);
} 


/* 3.14.1 Component - Button - Default */

.btn.btn-default {
    color: #333;
    background: #FFF;
    border-color: #555;
}
.btn-default:hover, 
.btn-default:focus, 
.btn-default:active, 
.btn-default.active, 
.open .dropdown-toggle.btn-default {
   background:#ddd; color:#333;
}
.btn-group .btn.btn-default:not(.active) + .btn.btn-default,
.input-group-btn .btn.btn-default:not(.active) + .btn.btn-default {
    border-left-color: #929ba1;
}


/* 3.14.2 Component - Button - White */

.btn.btn-white {
    font-weight: normal;
    color: #333;
    background: #fff;
    border-color: #e2e7eb;
}
.btn.btn-white.btn-white-without-border {
    border-color: #fff;
}
.btn.btn-white.btn-white-without-border.active,
.btn.btn-white.btn-white-without-border.active:hover,
.btn.btn-white.btn-white-without-border.active:focus {
    border-color: #ddd;
}
.btn.btn-white.btn-white-without-border:hover,
.btn.btn-white.btn-white-without-border:focus {
    border-color: #eee;
}
.btn-white:hover, 
.btn-white:focus, 
.btn-white:active, 
.btn-white.active,
.open .dropdown-toggle.btn-white {
    background: #e2e7eb;
    border-color: #d8dde1;
}
.btn-group .btn.btn-white:not(.active) + .btn.btn-white,
.input-group-btn .btn.btn-white:not(.active) + .btn.btn-white {
    border-left-color: #eee;
}


/* 3.14.3 Component - Button - Inverse */

.btn.btn-inverse {
    color: #fff;
    background: #2d353c;
    border-color: #2d353c;
}
.btn-inverse:hover, 
.btn-inverse:focus, 
.btn-inverse:active, 
.btn-inverse.active, 
.open .dropdown-toggle.btn-inverse {
    background: #242a30;
    border-color: #242a30;
}
.btn-group .btn.btn-inverse:not(.active) + .btn.btn-inverse,
.input-group-btn .btn.btn-inverse:not(.active) + .btn.btn-inverse {
    border-left-color: #242a30;
}


/* 3.14.4 Component - Button - Primary */

.btn.btn-primary {
    color: #fff;
    background: #348fe2;
    border-color: #348fe2;
}
.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary.active, 
.open .dropdown-toggle.btn-primary {
    background: #2a72b5;
    border-color: #2a72b5;
}
.btn-group .btn.btn-primary:not(.active) + .btn.btn-primary,
.input-group-btn .btn.btn-primary:not(.active) + .btn.btn-primary {
    border-left-color: #2a72b5;
}


/* 3.14.5 Component - Button - Success */

.btn.btn-success {
    color: #F30;
    background: #FFF;
    border-color: #F30;
}
.btn.btn-success:hover, 
.btn.btn-success:focus, 
.btn.btn-success:active, 
.btn.btn-success.active, 
.open .dropdown-toggle.btn-success {
    color: #F30;
    border-color: #F30;
    background: #FFF;
}
.btn-group .btn.btn-success:not(.active) + .btn.btn-success,
.input-group-btn .btn.btn-success:not(.active) + .btn.btn-success {
    border-left-color: #008a8a;
}


/* 3.14.6 Component - Button - Warning */

.btn.btn-warning {
    color: #fff;
    background: #f59c1a;
    border-color: #f59c1a;
}
.btn-warning:hover, 
.btn-warning:focus, 
.btn-warning:active, 
.btn-warning.active, 
.open .dropdown-toggle.btn-warning {
    background: #c47d15;
    border-color: #c47d15;
}
.btn-group .btn.btn-warning:not(.active) + .btn.btn-warning,
.input-group-btn .btn.btn-warning:not(.active) + .btn.btn-warning {
    border-left-color: #c47d15;
}


/* 3.14.7 Component - Button - Danger */

.btn.btn-danger {
    color: #FFF;
    background: #F30;
    border-color: #F30;
}
.btn-danger:hover, 
.btn-danger:focus, 
.btn-danger:active, 
.btn-danger.active, 
.open .dropdown-toggle.btn-danger {
    background: #cc4946;
    border-color: #cc4946;
}
.btn-group .btn.btn-danger:not(.active) + .btn.btn-danger,
.input-group-btn .btn.btn-danger:not(.active) + .btn.btn-danger {
    border-left-color: #cc4946;
}


/* 3.14.8 Component - Button - Info */

.btn.btn-info {
    color: #fff;
    background: #49b6d6;
    border-color: #49b6d6;
}
.btn-info:hover, 
.btn-info:focus, 
.btn-info:active, 
.btn-info.active, 
.open .dropdown-toggle.btn-info {
    background: #3a92ab;
    border-color: #3a92ab;
}
.btn-group .btn.btn-info:not(.active) + .btn.btn-info,
.input-group-btn .btn.btn-info:not(.active) + .btn.btn-info {
    border-left-color: #3a92ab;
}



.fullscreen-bg {
  background: url("../images/fullscreen-bg.jpg") 50% 0px no-repeat;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.boxed .fullscreen-bg {
  background: none;
}
.white-bg {
  background-color: #ffffff;
}
.light-gray-bg {
  background-color: #fafafa;
  border-top: 1px solid #f3f3f3;
  border-bottom: 1px solid #f3f3f3;
}
.footer-top.light-gray-bg {
  background-color: #f5f5f5;
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
}
/*Translucent Backgrounds*/
.no-touch .parallax,
.no-touch .parallax-2,
.no-touch .parallax-3,
.no-touch .fixed-bg {
  background-attachment: fixed;
}
.light-translucent-bg,
.dark-translucent-bg,
.default-translucent-bg,
.two-col-translucent-bg {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 50% 0;
  background-repeat: no-repeat;
  z-index: 1;
  position: relative;
  overflow: hidden;
}
.light-translucent-bg:after,
.dark-translucent-bg:after,
.default-translucent-bg:after,
.two-col-translucent-bg:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1);
}
.light-translucent-bg > div,
.dark-translucent-bg > div,
.default-translucent-bg > div,
.two-col-translucent-bg > div {
  z-index: 3;
  position: relative;
}
.light-translucent-bg {
  color: #333;
  border-bottom: 1px solid #dadada;
  border-top: 1px solid #dadada;
}
.light-translucent-bg:after {
  background-color: rgba(255, 255, 255, 0.7);
}
.light-translucent-bg.slight:after {
  background-color: rgba(255, 255, 255, 0.85);
}
.video-background.light-translucent-bg:after,
.video-background-banner.light-translucent-bg:after {
  background-color: rgba(255, 255, 255, 0.5);
}
.light-translucent-bg.hovered:hover:after {
  background-color: rgba(255, 255, 255, 0.8);
}
.two-col-translucent-bg {
  color: #333;
}
.two-col-translucent-bg:after {
  background-color: rgba(255, 255, 255, 0.7);
}
.default-translucent-bg:after {
  background-color: rgba(9, 175, 223, 0.7);
}
.default-translucent-bg.hovered:hover:after {
  background-color: rgba(9, 175, 223, 0.8);
}
.default-translucent-bg a:not(.btn):hover {
  text-decoration: none;
  color: #ffffff;
}
.default-hovered {
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.default-hovered:hover:after,
.default-hovered:hover {
  background-color: #09afdf;
}
.light-gray-bg.default-hovered:hover * {
  color: #ffffff;
}
/*Animated Backgrounds
---------------------------------- */
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .animated-text h2 {
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .animated-text h2 + h2 {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
  }
  .animated-text:hover h2 {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    -o-transform: scale(0.85);
    transform: scale(0.85);
  }
  .animated-text:hover h2 + h2 {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
/* Small devices (tablets, phones less than 767px) */
@media (max-width: 767px) {
  .animated-text h2 + h2 {
    display: none;
  }
}
/* Fixed navigation
---------------------------------- */
.fixed-header-on .header.fixed,
.fixed-header-on header.header.transparent-header-on {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1006;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
}
.fixed-header-on .header.fixed:not(.dark) {
  border-bottom: 0px;
  background-color: rgba(255, 255, 255, 1); box-shadow:1px 1px 10px rgba(0,0,0,0.15);
}
.transparent-header.gradient-background-header.fixed-header-on .header.fixed:not(.dark) {
  border-bottom: none;
  background-color: rgba(255, 255, 255, 1);
  -webkit-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  transition: all linear 0.2s;
}
.fixed-header-on .dark.header.fixed {
  background-color: rgba(57, 66, 69, 0.95);
}
.transparent-header.gradient-background-header.fixed-header-on .dark.header.fixed {
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  transition: all linear 0.2s;
}
.fixed-header-on.boxed .header.fixed {
  left: auto;
  -webkit-transition: left linear 0s!important;
  -o-transition: left linear 0s!important;
  transition: left linear 0s!important;
}
.fixed-header-on .header .logo {
  display: none;
}
/*
.fixed-header-on .header .logo img {
  max-height: 40px;
}
*/
.fixed-header-on .header.fixed-before .logo img {
  max-height: none;
}
.fixed-header-on .header .site-slogan,
.fixed-header-on .header.centered .header-left {
  display: none;
}
.fixed-header-on .header.fixed.animated {
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .fixed-header-on.boxed .header.fixed {
    width: 750px;
  }
  .fixed-header-on .header-left {
    padding: 0;
  }
  .fixed-header-on .dark.header .dropdown-menu {
    border: 1px solid #2e3537;
  }
  .fixed-header-on .main-navigation .navbar-nav > li > a {
  }
  .fixed-header-on .header:not(.centered) .main-navigation .navbar-nav > .dropdown > a:before {
    top: 12px;
  }
  .fixed-header-on .header:not(.centered) .main-navigation.with-dropdown-buttons .header-dropdown-buttons {
    top: 12px;
  }
  .header.fixed-before .main-navigation .navbar-nav > .dropdown > a:before,
  .header.fixed-before .main-navigation.with-dropdown-buttons .header-dropdown-buttons {
    -webkit-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s;
  }
  .fixed-header-on .header-dropdown-buttons .btn-group .dropdown-menu,
  .fixed-header-on .dark .header-dropdown-buttons .btn-group .dropdown-menu {
    margin-top: 11px;
  }
  /*Fixed Header Animations Duration*/
  .fixed.header .main-navigation.animated .navbar-nav > li > a,
  .header-left {
    -webkit-transition: padding 0s linear, color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -o-transition: padding 0s linear, color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: padding 0s linear, color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  }
  .fixed.fixed-before.header .main-navigation.animated .navbar-nav > li > a,
  .fixed-before .header-left {
    -webkit-transition: padding 0.2s linear, color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -o-transition: padding 0.2s linear, color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: padding 0.2s linear, color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  }
}
/* Medium devices (desktops, tablets, 992px and up) */
@media (min-width: 992px) {
  .fixed-header-on .header .logo,
  .fixed-header-on .header .site-slogan {
    display: block;
  }
  .fixed-header-on.boxed .header.fixed {
    width: 970px;
  }
  .fixed-header-on .header-left {
    padding: 7px 0 0 0;
  }
}
/* Large devices (Large desktops 1200px and up) */
@media (min-width: 1200px) {
  .fixed-header-on.boxed .header.fixed {
    width: 1170px;
  }
}
/* Fullpage navigation
---------------------------------- */
.full-page .header-container {
  position: fixed;
  width: 100%;
  top: 0;
}







.position-center-vertical {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.pure-checkbox *,
.pure-radiobutton * {
  box-sizing: border-box;
}
.pure-checkbox *:before,
.pure-radiobutton *:before,
.pure-checkbox *:after,
.pure-radiobutton *:after {
  box-sizing: border-box;
}
.pure-checkbox input[type="checkbox"],
.pure-radiobutton input[type="checkbox"],
.pure-checkbox input[type="radio"],
.pure-radiobutton input[type="radio"] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.pure-checkbox input[type="checkbox"]:focus + label:before,
.pure-radiobutton input[type="checkbox"]:focus + label:before,
.pure-checkbox input[type="radio"]:focus + label:before,
.pure-radiobutton input[type="radio"]:focus + label:before,
.pure-checkbox input[type="checkbox"]:hover + label:before,
.pure-radiobutton input[type="checkbox"]:hover + label:before,
.pure-checkbox input[type="radio"]:hover + label:before,
.pure-radiobutton input[type="radio"]:hover + label:before {
  border-color: #000;
  background-color: #f2f2f2;
}
.pure-checkbox input[type="checkbox"]:active + label:before,
.pure-radiobutton input[type="checkbox"]:active + label:before,
.pure-checkbox input[type="radio"]:active + label:before,
.pure-radiobutton input[type="radio"]:active + label:before {
  transition-duration: 0s;
}
.pure-checkbox input[type="checkbox"] + label,
.pure-radiobutton input[type="checkbox"] + label,
.pure-checkbox input[type="radio"] + label,
.pure-radiobutton input[type="radio"] + label {
  position: relative;
  padding: 5px 5px 5px 2em;
  vertical-align: middle;
  user-select: none;
  cursor: pointer;
}
.pure-checkbox input[type="checkbox"] + label:before,
.pure-radiobutton input[type="checkbox"] + label:before,
.pure-checkbox input[type="radio"] + label:before,
.pure-radiobutton input[type="radio"] + label:before {
  box-sizing: content-box;
  content: '';
  color: #000;
  position: absolute;
  top: 50%;
  left: 0;
  width: 12px;
  height: 12px;
  margin-top: -7px;
  border: 1px solid #000;
  text-align: center;
  /*transition: all 0.4s ease;*/
}
.pure-checkbox input[type="checkbox"] + label:after,
.pure-radiobutton input[type="checkbox"] + label:after,
.pure-checkbox input[type="radio"] + label:after,
.pure-radiobutton input[type="radio"] + label:after {
  box-sizing: content-box;
  content: '';
  background-color: #000;
  position: absolute;
  top: 50%;
  left: 3px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  transform: scale(0);
  transform-origin: 50%;
  /*transition: transform 200ms ease-out;*/
}
.pure-checkbox input[type="checkbox"]:disabled + label:before,
.pure-radiobutton input[type="checkbox"]:disabled + label:before,
.pure-checkbox input[type="radio"]:disabled + label:before,
.pure-radiobutton input[type="radio"]:disabled + label:before {
  border-color: #cccccc;
}
.pure-checkbox input[type="checkbox"]:disabled:focus + label:before,
.pure-radiobutton input[type="checkbox"]:disabled:focus + label:before,
.pure-checkbox input[type="radio"]:disabled:focus + label:before,
.pure-radiobutton input[type="radio"]:disabled:focus + label:before,
.pure-checkbox input[type="checkbox"]:disabled:hover + label:before,
.pure-radiobutton input[type="checkbox"]:disabled:hover + label:before,
.pure-checkbox input[type="radio"]:disabled:hover + label:before,
.pure-radiobutton input[type="radio"]:disabled:hover + label:before {
  background-color: inherit;
}
.pure-checkbox input[type="checkbox"]:disabled:checked + label:before,
.pure-radiobutton input[type="checkbox"]:disabled:checked + label:before,
.pure-checkbox input[type="radio"]:disabled:checked + label:before,
.pure-radiobutton input[type="radio"]:disabled:checked + label:before {
  background-color: #cccccc;
}
.pure-checkbox input[type="checkbox"] + label:after,
.pure-radiobutton input[type="checkbox"] + label:after {
  background-color: transparent;
  top: 50%;
  left: 3px;
  width: 7px;
  height: 3px;
  margin-top: -3px;
  border-style: solid;
  border-color: #ffffff;
  border-width: 0 0 1px 1px;
  border-image: none;
  transform: rotate(-45deg) scale(0);
}
.pure-checkbox input[type="checkbox"]:checked + label:after,
.pure-radiobutton input[type="checkbox"]:checked + label:after {
  content: '';
  transform: rotate(-45deg) scale(1);
  /*transition: transform 200ms ease-out;*/
}
.pure-checkbox input[type="radio"]:checked + label:before,
.pure-radiobutton input[type="radio"]:checked + label:before {
  animation: borderscale 300ms ease-in;
  background-color: white;
}
.pure-checkbox input[type="radio"]:checked + label:after,
.pure-radiobutton input[type="radio"]:checked + label:after {
  transform: scale(1);
}
.pure-checkbox input[type="radio"] + label:before,
.pure-radiobutton input[type="radio"] + label:before,
.pure-checkbox input[type="radio"] + label:after,
.pure-radiobutton input[type="radio"] + label:after {
  border-radius: 50%;
}
.pure-checkbox input[type="checkbox"]:checked + label:before,
.pure-radiobutton input[type="checkbox"]:checked + label:before {
  animation: borderscale 200ms ease-in;
  background: #000;
}
.pure-checkbox input[type="checkbox"]:checked + label:after,
.pure-radiobutton input[type="checkbox"]:checked + label:after {
  transform: rotate(-45deg) scale(1);
}
.pure-checkbox.pure-checkbox-inline,
.pure-radiobutton.pure-checkbox-inline,
.pure-checkbox.pure-radiobutton-inline,
.pure-radiobutton.pure-radiobutton-inline {
  display: inline-block;
}
.pure-checkbox-toggle input[type="checkbox"] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.pure-checkbox-toggle input[type="checkbox"] + label {
  position: relative;
  padding: 5px 5px 5px 40px;
  vertical-align: middle;
  user-select: none;
  cursor: pointer;
  display: block;
}
.pure-checkbox-toggle input[type="checkbox"] + label:before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  left: 0;
  content: '';
  color: #000;
  width: 35px;
  height: 20px;
  border-radius: 50px;
  text-align: center;
  /*transition: all 0.4s;*/
  background-color: #d6d6d6;
}
.pure-checkbox-toggle input[type="checkbox"] + label:after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  left: 0;
  content: '';
  background-color: #ffffff;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #d6d6d6;
  /*transition: all 0.2s;*/
  box-sizing: border-box;
}
.pure-checkbox-toggle input[type="checkbox"]:checked + label:before {
  box-shadow: inset 0 0 0 10px #000;
}
.pure-checkbox-toggle input[type="checkbox"]:checked + label:after {
  left: 15px;
  border-color: #000;
  background-color: #ffffff;
}
.pure-checkbox-toggle input[type="checkbox"]:disabled + label {
  cursor: default;
}
.pure-checkbox-toggle input[type="checkbox"]:disabled + label:before {
  box-shadow: inset 0 0 0 10px #e3e3e3;
}
.pure-checkbox-toggle input[type="checkbox"]:disabled + label:after {
  border-color: #e3e3e3;
}
.pure-checkbox-toggle input[type="checkbox"]:disabled:checked + label:before {
  box-shadow: inset 0 0 0 10px #999999;
}
.pure-checkbox-toggle input[type="checkbox"]:disabled:checked + label:after {
  border-color: #999999;
}
.pure-checkbox-toggle--right input[type="checkbox"] + label {
  padding: 5px 40px 5px 5px;
}
.pure-checkbox-toggle--right input[type="checkbox"] + label:before {
  left: auto;
  right: 0;
}
.pure-checkbox-toggle--right input[type="checkbox"] + label:after {
  left: auto;
  right: 15px;
}
.pure-checkbox-toggle--right input[type="checkbox"]:checked + label:after {
  left: auto;
  right: 0;
}


/*
@keyframes borderscale {
  50% {
    box-shadow: 0 0 0 2px #000;
  }
}
*/








/* Custom Grid
---------------------------------- */
.grid-space-20 {
  margin-right: -10.5px;
  margin-left: -10.5px;
}
.grid-space-20 .col-lg-6,
.grid-space-20 .col-lg-4,
.grid-space-20 .col-lg-3,
.grid-space-20 .col-md-6,
.grid-space-20 .col-md-4,
.grid-space-20 .col-md-3,
.grid-space-20 .col-sm-6,
.grid-space-20 .col-sm-4,
.grid-space-20 .col-sm-3,
.grid-space-20 .col-xs-6,
.grid-space-20 .col-xs-4,
.grid-space-20 .col-xs-3 {
  padding-left: 10px;
  padding-right: 10px;
}
.grid-space-10 {
  margin-right: -6px;
  margin-left: -6px;
}
.grid-space-10 .col-lg-6,
.grid-space-10 .col-lg-4,
.grid-space-10 .col-lg-3,
.grid-space-10 .col-md-6,
.grid-space-10 .col-md-4,
.grid-space-10 .col-md-3,
.grid-space-10 .col-sm-6,
.grid-space-10 .col-sm-4,
.grid-space-10 .col-sm-3,
.grid-space-10 .col-xs-6,
.grid-space-10 .col-xs-4,
.grid-space-10 .col-xs-3 {
  padding-left: 5px;
  padding-right: 5px;
}
.grid-space-0 {
  margin-right: 0;
  margin-left: 0;
}
.container-fluid .grid-space-0 {
  margin-right: -15px;
  margin-left: -15px;
}
.grid-space-0 .col-lg-6,
.grid-space-0 .col-lg-4,
.grid-space-0 .col-lg-3,
.grid-space-0 .col-md-6,
.grid-space-0 .col-md-4,
.grid-space-0 .col-md-3,
.grid-space-0 .col-sm-6,
.grid-space-0 .col-sm-4,
.grid-space-0 .col-sm-3,
.grid-space-0 .col-xs-6,
.grid-space-0 .col-xs-4,
.grid-space-0 .col-xs-3 {
  padding-left: 0;
  padding-right: 0;
}
.grid-space-0 > div {
  margin-bottom: 0;
  padding-bottom: 0;
}
/* Separators
---------------------------------- */
.separator {
  width: 100%;
  margin: 20px auto 15px;
  position: relative;
  height: 1px;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1);
}
.separator:after {
  height: 1px;
  background: #e8e8e8;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(35%, rgba(0, 0, 0, 0.09)), color-stop(70%, rgba(0, 0, 0, 0.09)), color-stop(100%, rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, rgba(0, 0, 0, 0) 100%);
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, rgba(0, 0, 0, 0) 100%);
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, rgba(0, 0, 0, 0) 100%);
  position: absolute;
  bottom: -1px;
  content: "";
  width: 100%;
  left: 0;
}
.dark-bg:not(.banner) .separator:after {
  background: #505050;
  background: -moz-linear-gradient(left, #373737 0%, #505050 35%, #505050 70%, #373737 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #373737), color-stop(35%, #505050), color-stop(70%, #505050), color-stop(100%, #373737));
  background: -webkit-linear-gradient(left, #373737 0%, #505050 35%, #505050 70%, #373737 100%);
  background: -o-linear-gradient(left, #373737 0%, #505050 35%, #505050 70%, #373737 100%);
  background: -ms-linear-gradient(left, #373737 0%, #505050 35%, #505050 70%, #373737 100%);
  background: linear-gradient(to right, #373737 0%, #505050 35%, #505050 70%, #373737 100%);
}
#footer.dark .separator:after {
  background: #505050;
  background: -moz-linear-gradient(left, #222222 0%, #505050 35%, #505050 70%, #222222 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #222222), color-stop(35%, #505050), color-stop(70%, #505050), color-stop(100%, #222222));
  background: -webkit-linear-gradient(left, #222222 0%, #505050 35%, #505050 70%, #222222 100%);
  background: -o-linear-gradient(left, #222222 0%, #505050 35%, #505050 70%, #222222 100%);
  background: -ms-linear-gradient(left, #222222 0%, #505050 35%, #505050 70%, #222222 100%);
  background: linear-gradient(to right, #222222 0%, #505050 35%, #505050 70%, #222222 100%);
}
.default-bg .separator:after,
.dark-translucent-bg .separator:after,
.default-translucent-bg .separator:after,
.light.separator:after {
  background: rgba(255, 255, 255, 0.5);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(35%, rgba(255, 255, 255, 0.5)), color-stop(70%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
}
/* Medium devices (desktops, tablets, 992px and up) */
@media (min-width: 992px) {
  .two-col-translucent-bg .container > .row > div + div .separator:after {
    background: rgba(255, 255, 255, 0.5);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(35%, rgba(255, 255, 255, 0.5)), color-stop(70%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
  }
}
.light-translucent-bg .separator:after,
.two-col-translucent-bg .container > .row > div .separator:after,
.dark.separator:after {
  background: rgba(0, 0, 0, 0.5);
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 35%, rgba(0, 0, 0, 0.4) 70%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(35%, rgba(0, 0, 0, 0.4)), color-stop(70%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 35%, rgba(0, 0, 0, 0.4) 70%, rgba(0, 0, 0, 0) 100%);
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 35%, rgba(0, 0, 0, 0.4) 70%, rgba(0, 0, 0, 0) 100%);
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 35%, rgba(0, 0, 0, 0.4) 70%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 35%, rgba(0, 0, 0, 0.4) 70%, rgba(0, 0, 0, 0) 100%);
}
h3 + .separator,
h4 + .separator,
h5 + .separator {
  margin-top: 15px;
}
.separator-2,
.separator-3 {
  width: 100%;
  margin-bottom: 15px;
  position: relative;
  height: 1px;
}
.separator-2:after {
  height: 1px;
  background: #d1d1d1;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.18)), color-stop(35%, rgba(0, 0, 0, 0.12)), color-stop(70%, rgba(0, 0, 0, 0.05)), color-stop(100%, rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0) 100%);
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0) 100%);
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0) 100%);
  position: absolute;
  bottom: -1px;
  left: 0px;
  content: "";
  width: 100%;
}
.light-translucent-bg .separator-2:after,
.two-col-translucent-bg .container > .row > div .separator-2:after,
.dark.separator-2:after {
  background: rgba(0, 0, 0, 0.5);
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(35%, rgba(232, 232, 232, 0.4)), color-stop(70%, rgba(232, 232, 232, 0.2)), color-stop(100%, rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(0, 0, 0, 0) 100%);
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(0, 0, 0, 0) 100%);
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(0, 0, 0, 0) 100%);
}
/* Medium devices (desktops, tablets, 992px and up) */
@media (min-width: 992px) {
  .two-col-translucent-bg .container > .row > div + div .separator-2:after {
    background: rgba(255, 255, 255, 0.5);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(35%, rgba(232, 232, 232, 0.4)), color-stop(70%, rgba(232, 232, 232, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
  }
}
.separator-3:after {
  height: 1px;
  background: #d1d1d1;
  background: -moz-linear-gradient(right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-gradient(linear, right top, left top, color-stop(0%, rgba(0, 0, 0, 0.18)), color-stop(35%, rgba(0, 0, 0, 0.12)), color-stop(70%, rgba(0, 0, 0, 0.05)), color-stop(100%, rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0) 100%);
  background: -o-linear-gradient(right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0) 100%);
  background: -ms-linear-gradient(right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0) 100%);
  position: absolute;
  bottom: -1px;
  left: 0px;
  content: "";
  width: 100%;
}
.light-translucent-bg .separator-3:after,
.two-col-translucent-bg .container > .row > div .separator-3:after,
.dark.separator-3:after {
  background: rgba(0, 0, 0, 0.5);
  background: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-gradient(linear, right top, left top, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(35%, rgba(232, 232, 232, 0.4)), color-stop(70%, rgba(232, 232, 232, 0.2)), color-stop(100%, rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(0, 0, 0, 0) 100%);
  background: -o-linear-gradient(right, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(0, 0, 0, 0) 100%);
  background: -ms-linear-gradient(right, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to left, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(0, 0, 0, 0) 100%);
}
.default-bg .separator-3:after,
.default-translucent-bg .separator-3:after,
.dark-translucent-bg .separator-3:after,
.light.separator-3:after {
  background: rgba(255, 255, 255, 0.5);
  background: -moz-linear-gradient(right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, right top, left top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(35%, rgba(232, 232, 232, 0.4)), color-stop(70%, rgba(232, 232, 232, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
}
.footer-content .separator-2,
.footer-content .separator-3 {
  margin-bottom: 25px;
}
.object-non-visible {
  opacity: 0;
  filter: alpha(opacity=0);
}
.object-visible {
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
}
/* Targeting only Firefox for smoothest animations */
@-moz-document url-prefix() {
  .object-visible {
    -webkit-transition: opacity 0.6s ease-in-out;
    -moz-transition: opacity 0.6s ease-in-out;
    -o-transition: opacity 0.6s ease-in-out;
    -ms-transition: opacity 0.6s ease-in-out;
    transition: opacity 0.6s ease-in-out;
  }
}




.prd_review_icon {  text-align:center; }
.prd_review_icon i.bordered { border:1px solid rgba(0, 0, 0, 0.04); background:rgba(0, 0, 0, 0.02); border-radius:100%; }
.prd_review_icon i { font-size:#6px; width:80px; height:80px; line-height:77px; }













/* Miscellaneous
---------------------------------- */
.pl-5 {
  padding-left: 5px;
}
.pl-10 {
  padding-left: 10px;
}
.pl-20 {
  padding-left: 20px;
}
.pr-5 {
  padding-right: 5px;
}
.pr-10 {
  padding-right: 10px;
}
.pr-20 {
  padding-right: 20px;
}
.p-20 {
  padding: 20px;
}
.p-30 {
  padding: 30px;
}
.p-40 {
  padding: 40px;
}
.ph-20 {
  padding-left: 20px;
  padding-right: 20px;
}
.ph-30 {
  padding-left: 30px;
  padding-right: 30px;
}
.ph-40 {
  padding-left: 40px;
  padding-right: 40px;
}
.pv-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.pv-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}
.pv-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mt-5 {
  margin-top: 5px;
}
.mb-5 {
  margin-bottom: 5px;
}
.mt-10 {
  margin-top: 10px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mt-20 {
  margin-top: 20px;
}
.mb-20 {
  margin-bottom: 20px;
}
.circle {
  -webkit-border-radius: 100%!important;
  -moz-border-radius: 100%!important;
  border-radius: 100%!important;
}
.radius-clear {
  -webkit-border-radius: 0%!important;
  -moz-border-radius: 0%!important;
  border-radius: 0%!important;
}
/* Small devices (tablets, phones less than 767px) */
@media (max-width: 767px) {
  .text-center-xs {
    text-align: center;
  }
}
/* 3 Sections
----------------------------------------------------------------------------- */
/*Header Top*/
.header-top {
  font-size: 12px;
  color: #777777;
  font-weight: 300;
}
.header-top.dark { background:#000; }
.header-top.dark,
.header-top.colored {
  color: #ffffff;
}
.header-top.colored a {
  color: #ffffff;
  text-decoration: underline;
}
.header-top.colored a:hover {
  text-decoration: none;
}
/* Medium desktop devices and tablets */
@media (min-width: 992px) and (max-width: 1199px) {
  .header-top {
    font-size: 11px;
  }
}
/*Header*/
.header.dark {
  color: #cacaca;
}
/*Footer*/
.footer {
  font-size: 14px;
  line-height: 1.5;
}
.footer h2.title {
  font-size: 22px;
  text-transform: none;
  margin-bottom: 10px;
}
/*Subfooter*/
.subfooter {
  font-size: 14px;
  line-height: 1.3;
  color: #999999;
}
.subfooter p {
  margin-bottom: 0;
}
/* 4 Pages
----------------------------------------------------------------------------- */
/* Blog pages
---------------------------------- */
.blogpost {
  margin: 0 0 70px;
}
.blogpost header {
  padding: 20px 10px 20px;
}
.blogpost header h2 {
  text-transform: none;
  margin-top: 0;
  margin-bottom: 10px;
}
.blogpost .post-info {
  font-size: 12px;
  color: #aaa;
  font-weight: 400;
}
.blogpost .post-info > span {
  margin-right: 5px;
  display: inline-block;
}
.blogpost .post-info a {
  color: #aaa;
}
.blogpost .blogpost-content {
  padding: 10px 10px 10px;
}
.blogpost .row .blogpost-content {
  padding-bottom: 0;
}
.blogpost footer {
  font-size: 12px;
  padding: 10px;
  color: #aaa;
  border-top: 1px solid #eaeaea;
}
.blogpost .row + footer {
  padding: 10px 0;
}
.blogpost.full {
  margin-bottom: 30px;
}
.blogpost.full header {
  padding: 0 0 15px 0;
}
.blogpost.full .blogpost-content {
  padding: 0 0 5px;
}
.blogpost.full footer {
  padding: 10px 0;
}
/* Medium devices (desktops, tablets, 992px and up) */
@media (min-width: 992px) {
  .blogpost .row header {
    padding-top: 0;
  }
  .blogpost .row + footer {
    margin-top: 15px;
  }
}
/* Comments
---------------------------------- */
#comments {
  margin-top: 60px;
}
.comments h2.title {
  margin-bottom: 40px;
  padding-bottom: 10px;
  position: relative;
}
.comments h2.title:after {
  height: 1px;
  background: #d1d1d1;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.18)), color-stop(35%, rgba(0, 0, 0, 0.12)), color-stop(70%, rgba(0, 0, 0, 0.05)), color-stop(100%, rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0) 100%);
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0) 100%);
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0) 100%);
  position: absolute;
  bottom: -1px;
  left: 0px;
  content: "";
  width: 100%;
}
.comment {
  font-size: 14px;
}
.comment .comment {
  margin-left: 75px;
}
.comment h3 {
  margin-top: 0;
  margin-bottom: 5px;
}
.comment p {
  margin-bottom: 10px;
}
.comment .btn-sm-link {
  padding: 0;
}
.comment-avatar {
  width: 50px;
  float: left;
  margin: 0 15px 0 0;
}
.comment-content {
  border-bottom: 1px solid #f1f1f1;
  margin-bottom: 40px;
  clear: both;
}
.comment-meta {
  margin-bottom: 15px;
  color: #aaa;
  font-size: 12px;
}
.comment-meta a {
  color: #aaa;
}
.comment-meta a:hover {
  text-decoration: underline;
}
/* Blog Masonry Grid
---------------------------------- */
.masonry-grid-item .blogpost footer {
  padding-top: 0px;
  border-top: none;
}
.masonry-grid-item .blogpost header h2 {
  font-size: 22px;
}
/* Blog Timeline layout
---------------------------------- */
.timeline {
  position: relative;
  padding: 40px 0;
  margin-top: 40px;
}
.timeline .blogpost footer {
  padding-top: 0px;
  border-top: none;
}
.timeline .blogpost header h2 {
  font-size: 22px;
}
.timeline .timeline-item {
  padding: 0 15px;
}
.timeline-date-label {
  float: none;
  clear: both;
  display: block;
  margin: 0px auto;
  text-align: center;
  margin-bottom: 80px;
  line-height: 1;
  width: 135px;
  position: relative;
  z-index: 2;
  color: #ffffff;
}
.timeline-date-label:after {
  background-color: #09afdf;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  height: 30px;
  width: 100%;
  position: absolute;
  bottom: -8px;
  z-index: -1;
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .timeline .blogpost {
    margin-bottom: 0;
  }
  .timeline:before {
    background-color: #e8e8e8;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.09) 10%, rgba(0, 0, 0, 0.09) 90%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(10%, rgba(0, 0, 0, 0.09)), color-stop(90%, rgba(0, 0, 0, 0.09)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.09) 10%, rgba(0, 0, 0, 0.09) 90%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.09) 10%, rgba(0, 0, 0, 0.09) 90%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.09) 10%, rgba(0, 0, 0, 0.09) 90%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.09) 10%, rgba(0, 0, 0, 0.09) 90%, rgba(0, 0, 0, 0) 100%);
    width: 1px;
    height: 100%;
    content: "";
    position: absolute;
    left: 50%;
    display: block;
    top: 0;
  }
  .timeline .timeline-item {
    position: relative;
    width: 50%;
    padding-left: 0;
    padding-right: 40px;
    margin-bottom: 80px;
    float: left;
    clear: left;
    z-index: 1;
  }
  .timeline .timeline-item.pull-right {
    position: relative;
    width: 50%;
    padding-left: 40px;
    padding-right: 0;
    margin-top: 80px;
    margin-bottom: 0;
    float: right;
    clear: right;
  }
  .timeline .timeline-item.pull-right + .timeline-date-label {
    padding-top: 80px;
  }
  .timeline .timeline-item:after {
    content: "";
    font-family: "FontAwesome";
    right: 0px;
    background-color: #eaeaea;
    left: auto;
    position: absolute;
    top: 20px;
    z-index: -1;
    width: 35px;
    height: 1px;
  }
  .timeline .timeline-item:before {
    content: "";
    position: absolute;
    background-color: #cdcdcd;
    border: 1px solid #cdcdcd;
    height: 7px;
    width: 7px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    top: 17px;
    right: -4px;
  }
  .timeline .timeline-item.pull-right:after {
    right: auto;
    left: 0px;
  }
  .timeline .timeline-item.pull-right:before {
    left: -3px;
  }
}
/* Small devices (tablets, phones less than 767px) */
@media (max-width: 767px) {
  .timeline .timeline-item.pull-right {
    float: none !important;
  }
}
/* Shop Pages
---------------------------------- */
/*Product Page*/
.product.price {
  font-size: 24px;
  font-weight: 400;
}
.product.price del {
  color: #cdcdcd;
  font-size: 14px;
}
.product.element-list {
  margin-top: 7px;
}
/*Dropdown Cart*/
.header-dropdown-buttons .btn-group .dropdown-menu.cart {
  padding: 0;
  min-width: 350px;
  font-size: 13px;
}
.header-dropdown-buttons .btn-group .dropdown-menu.cart table {
  margin-bottom: 0;
}
.header-dropdown-buttons .btn-group .dropdown-menu.cart .panel-body {
  padding: 0px 10px 0px;
}
.cart-count {
  position: absolute;
  top: -2px;
  right: -3px;
  line-height: 14px;
  width: 14px;
  height: 14px;
  border-radius: 30%;
  font-size: 10px;
  text-shadow: none;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.dark .header-dropdown-buttons .cart-count {
  background-color: rgba(0, 0, 0, 0.5);
  color: #cdcdcd;
}
.dropdown.open .cart-count,
.dropdown:hover .cart-count {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  filter: alpha(opacity=0);
}
.total-amount,
.total-quantity {
  font-size: 13px;
}
.cart .table > tbody > tr > td,
.cart.table > tbody > tr > td {
  vertical-align: inherit;
}
.cart .quantity {
  font-size: 11px;
}
.cart .product {
  font-size: 13px;
}
.cart .product .small {
  display: block;
  color: #999999;
}
/* Small devices (phones less than 480px) */
@media (max-width: 480px) {
  .header-dropdown-buttons .btn-group .dropdown-menu.cart {
    min-width: 300px;
  }
}
/* Cart and Checkout pages
---------------------------------- */
.cart.table .price {
  width: 18%;
  font-size: 14px;
}
.cart.table .amount,
.cart.table .remove,
.cart.table .quantity {
}
.cart.table .quantity input {
  width: 60px;
  padding: 6px;
}
.cart.table .product {
  font-size: 15px;
}
.cart.table .product small {
  font-size: 12px;
  display: block;
  color: #999999;
}
.cart.table .amount {
  text-align: right;
}
.cart.table thead > tr > th {
  font-size: 16px;
}
.cart.table .total-quantity,
.cart.table .total-amount {
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 16px;
  font-weight: 700;
}
.cart.table .total-amount {
  text-align: right;
}
.cart.table .btn-remove {
  position: relative;
}
.cart.table .form-group {
  margin: 7px 0;
}
.table .information {
  width: 80%;
}
/* Small devices (tablets, phones less than 767px) */
@media (max-width: 767px) {
  .cart.table thead > tr > th {
    font-size: 14px;
  }
  .cart.table .amount,
  .cart.table .price {
  }
  .cart.table .remove,
  .cart.table .quantity {
  }
  .cart.table > thead > tr > th,
  .cart.table > tbody > tr > th,
  .cart.table > tfoot > tr > th,
  .cart.table > thead > tr > td,
  .cart.table > tbody > tr > td,
  .cart.table > tfoot > tr > td {
    padding: 8px 10px;
  }
}
/* Extra small devices (phones, less than 480px) */
@media (max-width: 480px) {
  .cart.table > thead > tr > th,
  .cart.table > tbody > tr > th,
  .cart.table > tfoot > tr > th,
  .cart.table > thead > tr > td,
  .cart.table > tbody > tr > td,
  .cart.table > tfoot > tr > td {
    padding: 8px 7px;
  }
}
/* About Us Pages
---------------------------------- */
/* Small devices (tablets, phones less than 767px) */
@media (max-width: 767px) {
  .team-member {
    max-width: 480px;
    margin: 20px auto 20px !important;
  }
}
/* Coming Soon Page
---------------------------------- */
.is-countdown {
  border: 1px solid transparent;
  background-color: transparent;
}
.countdown-row {
  height: 0;
  padding: 0;
}
.countdown-section {
  text-align: center;
  padding: 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 5%;
  -moz-border-radius: 5%;
  border-radius: 5%;
}
.countdown-show4 .countdown-section {
  width: 24%;
  margin: 10px 0.5%;
}
.countdown-amount {
  font-size: 36px;
  font-weight: 700;
  display: block;
}
.countdown-period {
  display: block;
  font-size: 28px;
  line-height: 1.2;
  margin-top: 15px;
}
/* Small devices (tablets, phones less than 767px) */
@media (max-width: 767px) {
  .countdown-amount {
    font-size: 24px;
  }
  .countdown-period {
    font-size: 18px;
  }
}
/* Extra small devices (phones, less than 480px) */
@media (max-width: 480px) {
  .countdown-amount {
    font-size: 18px;
  }
  .countdown-period {
    font-size: 10px;
  }
}
/* Pages Misc
---------------------------------- */
.icons-page i {
  font-size: 20px;
  width: 35px;
  text-align: center;
}
.grid span {
  padding: 5px 5px;
  background-color: #666;
  border: 1px solid #444;
  display: block;
  text-align: center;
  margin-bottom: 10px;
  color: #fff;
}
/* 5 Components
----------------------------------------------------------------------------- */
/* Buttons
---------------------------------- */
/*Buttons Color Variations*/
.btn:focus {
  color: inherit;
}
.btn {
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default {
  background-color: #09afdf;
  border-color: #0c9ec7;
}
.btn-default-transparent {
  color: #777777;
  background-color: transparent;
  border-color: #09afdf;
}
.btn-default-transparent:hover,
.btn-default-transparent:focus,
.btn-default-transparent.focus,
.btn-default-transparent:active,
.btn-default-transparent.active,
.open > .dropdown-toggle.btn-default-transparent {
  color: #ffffff;
  background-color: #0c9ec7;
  border-color: #0781a4;
}
.dark-bg .btn-default-transparent {
  color: #ffffff;
}
.default-bg .btn-default,
.default-translucent-bg .btn-default,
.default-bg .btn-default-transparent,
.default-translucent-bg .btn-default-transparent {
  color: #09afdf;
  background-color: #ffffff;
  border-color: #ffffff;
}
.default-bg .btn-default:hover,
.default-translucent-bg .btn-default:hover,
.default-bg .btn-default:focus,
.default-translucent-bg .btn-default:focus,
.default-bg .btn-default.focus,
.default-translucent-bg .btn-default.focus,
.default-bg .btn-default:active,
.default-translucent-bg .btn-default:active,
.default-bg .btn-default.active,
.default-translucent-bg .btn-default.active,
.default-bg .open > .dropdown-toggle.btn-default,
.default-translucent-bg .open > .dropdown-toggle.btn-default,
.default-bg .btn-default-transparent:hover,
.default-translucent-bg .btn-default-transparent:hover,
.default-bg .btn-default-transparent:focus,
.default-translucent-bg .btn-default-transparent:focus,
.default-bg .btn-default-transparent.focus,
.default-translucent-bg .btn-default-transparent.focus,
.default-bg .btn-default-transparent:active,
.default-translucent-bg .btn-default-transparent:active,
.default-bg .btn-default-transparent.active,
.default-translucent-bg .btn-default-transparent.active,
.default-bg .open > .dropdown-toggle.btn-default-transparent,
.default-translucent-bg .open > .dropdown-toggle.btn-default-transparent {
  color: #ffffff;
  background-color: transparent;
  border-color: #ffffff;
}
.dark .btn-default {
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.2);
  border-color: rgba(0, 0, 0, 0.1);
}
.dark .btn-default .badge {
  color: rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
}
.dark .btn-default:hover,
.dark .btn-default:focus,
.dark .btn-default.focus,
.dark .btn-default:active,
.dark .btn-default.active,
.dark .open > .dropdown-toggle.btn-default {
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.35);
  border-color: rgba(0, 0, 0, 0.2);
}
.colored .btn-default {
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.2);
  border-color: rgba(0, 0, 0, 0.01);
}
.colored .btn-default .badge {
  color: rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
}
.colored .btn-default:hover,
.colored .btn-default:focus,
.colored .btn-default.focus,
.colored .btn-default:active,
.colored .btn-default.active,
.colored .open > .dropdown-toggle.btn-default {
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.3);
  border-color: rgba(0, 0, 0, 0.02);
}
.default-hovered:hover .btn-default-transparent {
  border-color: #ffffff;
}
/*White Button*/
.btn-white {
  color: #777777;
  background-color: #ffffff;
  border-color: #ffffff;
}
.btn-white:hover,
.btn-white:focus,
.btn-white.focus,
.btn-white:active,
.btn-white.active,
.open > .dropdown-toggle.btn-white {
  color: #0c9ec7;
  background-color: #ffffff;
  border-color: #ffffff;
}
/*Gray Button*/
.btn-gray {
  color: #333333;
  background-color: #e1e1e1;
  border-color: #d3d3d3;
}
.btn-gray:hover,
.btn-gray:focus,
.btn-gray.focus,
.btn-gray:active,
.btn-gray.active,
.open > .dropdown-toggle.btn-gray {
  color: #333333;
  background-color: #cdcdcd;
  border-color: #cdcdcd;
}
.btn-gray-transparent {
  color: #333333;
  background-color: transparent;
  border-color: #777777;
}
.btn-gray-transparent:hover,
.btn-gray-transparent:focus,
.btn-gray-transparent.focus,
.btn-gray-transparent:active,
.btn-gray-transparent.active,
.open > .dropdown-toggle.btn-gray-transparent {
  color: #ffffff;
  background-color: #333333;
  border-color: #333333;
}
.dark-bg .btn-gray-transparent {
  color: #ffffff;
}
.dark-bg .btn-gray-transparent:hover {
  border-color: #ffffff;
  color: #777777;
  background-color: #ffffff;
}
.dark-translucent-bg .btn-gray-transparent,
.default-translucent-bg .btn-gray-transparent,
.default-bg .btn-gray-transparent {
  border-color: #ffffff;
  color: #ffffff;
}
.dark-translucent-bg .btn-gray-transparent:hover,
.default-translucent-bg .btn-gray-transparent:hover,
.default-bg .btn-gray-transparent:hover,
.dark-translucent-bg .btn-gray-transparent:focus,
.default-translucent-bg .btn-gray-transparent:focus,
.default-bg .btn-gray-transparent:focus {
  border-color: #ffffff;
  color: #777777;
  background-color: #ffffff;
}
.default-hovered:hover .btn-gray-transparent {
  border-color: #ffffff;
}
.light-gray-bg.default-hovered:hover .btn-gray-transparent:hover {
  border-color: #333333;
}
/* Medium devices (desktops, tablets, 992px and up) */
@media (min-width: 992px) {
  .two-col-translucent-bg .container > .row > div + div .btn-gray-transparent {
    border-color: #ffffff;
    color: #ffffff;
  }
  .two-col-translucent-bg .container > .row > div + div .btn-gray-transparent:hover,
  .two-col-translucent-bg .container > .row > div + div .btn-gray-transparent:focus {
    border-color: #ffffff;
    color: #777777;
    background-color: #ffffff;
  }
}
/*Dark Button*/
.btn-dark {
  color: #ffffff;
  background-color: #373737;
  border-color: #333333;
}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark.focus,
.btn-dark:active,
.btn-dark.active,
.open > .dropdown-toggle.btn-dark {
  color: #ffffff;
  background-color: #111111;
  border-color: #111111;
}
.dark-bg .btn-dark {
  color: #ffffff;
  background-color: #222222;
  border-color: #171717;
}
.dark-bg .btn-dark:hover,
.dark-bg .btn-dark:focus,
.dark-bg .btn-dark.focus,
.dark-bg .btn-dark:active,
.dark-bg .btn-dark.active,
.dark-bg .open > .dropdown-toggle.btn-dark {
  color: #ffffff;
  background-color: #000000;
  border-color: #000000;
}
/*Buttons Sizes*/
.btn {
  padding: 7px 20px;
  font-size: 14px;
  line-height: 1.46666667;
  border-radius: 3px;
  margin: 10px 0;
}
.btn-sm {
  padding: 5px 15px;
  font-size: 12px;
  line-height: 1.46666667;
  border-radius: 3px;
  margin: 5px 0;
}
.btn-lg {
  padding: 10px 25px;
  font-size: 18px;
  line-height: 1.46666667;
  border-radius: 4px;
  margin: 10px 0;
}
.btn-xl {
  padding: 15px 50px;
  font-size: 22px;
  line-height: 1.46666667;
  border-radius: 6px;
  margin: 10px 0;
}
.btn-md-link {
  padding: 7px 15px;
  font-size: 14px;
  line-height: 1.46666667;
  border-radius: 0px;
  margin: 10px 0;
}
.btn-sm-link {
  padding: 5px 15px;
  font-size: 12px;
  line-height: 1.46666667;
  border-radius: 0px;
  margin: 5px 0;
}
.btn-lg-link {
  padding: 10px 15px;
  font-size: 18px;
  line-height: 1.46666667;
  border-radius: 0px;
  margin: 10px 0;
}
.btn-remove {
  font-size: 10px;
  padding: 3px 15px;
  min-width: 0;
  margin: -5px 0 0 0;
}
/*Buttons with radius*/
.radius-50 {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}
/*Animated Buttons*/
.btn-animated {
  position: relative;
  min-width: 0!important;
  padding-right: 45px!important;
}
.btn-animated i {
  -webkit-transition: right 0.2s ease-in-out;
  -o-transition: right 0.2s ease-in-out;
  transition: right 0.2s ease-in-out;
  z-index: 3;
  right: 17px;
  position: absolute;
  line-height: 34px;
  top: 0;
  min-width: 12px;
}
.btn-animated:after {
  width: 35px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  position: absolute;
  content: "";
  top: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  right: 0px;
  z-index: 2;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.btn-animated.radius-50:after {
  -webkit-border-radius: 0 50px 50px 0;
  -moz-border-radius: 0 50px 50px 0;
  border-radius: 0 50px 50px 0;
}
.btn-animated.btn-gray-transparent:after {
  background-color: rgba(0, 0, 0, 0.05);
}
.btn-animated:hover:after {
  opacity: 1;
  filter: alpha(opacity=100);
}
.btn-animated:hover i {
  right: 11px;
}
.btn-animated.btn-sm {
  padding-right: 35px!important;
}
.btn-animated.btn-sm:after {
  width: 25px;
}
.btn-animated.btn-sm i {
  right: 14px;
  line-height: 28px;
  min-width: 11px;
}
.btn-animated.btn-sm:hover i {
  right: 7px;
}
.btn-animated.btn-lg {
  padding-right: 60px!important;
}
.btn-animated.btn-lg:after {
  width: 45px;
}
.btn-animated.btn-lg i {
  right: 25px;
  line-height: 48px;
  min-width: 15px;
}
.btn-animated.btn-lg:hover i {
  right: 15px;
}
.btn-animated.btn-xl {
  padding-right: 60px!important;
}
.btn-animated.btn-xl:after {
  width: 45px;
}
.btn-animated.btn-xl i {
  right: 25px;
  line-height: 64px;
  min-width: 15px;
  text-align: center;
}
.btn-animated.btn-xl:hover i {
  right: 13px;
}
/*Background Transition*/
.btn-hvr {
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.btn-hvr.radius-50 {
  overflow: hidden;
}
.hvr-sweep-to-right:hover,
.hvr-sweep-to-left:hover,
.hvr-sweep-to-bottom:hover,
.hvr-sweep-to-top:hover,
.hvr-bounce-to-right:hover,
.hvr-bounce-to-left:hover,
.hvr-bounce-to-bottom:hover,
.hvr-bounce-to-top:hover,
.hvr-radial-out:hover,
.hvr-rectangle-out:hover,
.hvr-shutter-out-horizontal:hover,
.hvr-shutter-out-vertical:hover {
  background: transparent;
}
.hvr-radial-in,
.hvr-rectangle-in,
.hvr-shutter-in-horizontal,
.hvr-shutter-in-vertical {
  background: #0c9ec7;
}
.hvr-radial-in:hover,
.hvr-rectangle-in:hover,
.hvr-shutter-in-horizontal:hover,
.hvr-shutter-in-vertical:hover {
  background: #0c9ec7;
}
.hvr-radial-in:before,
.hvr-rectangle-in:before,
.hvr-shutter-in-horizontal:before,
.hvr-shutter-in-vertical:before {
  background: #ffffff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.hvr-sweep-to-right:before,
.hvr-sweep-to-left:before,
.hvr-sweep-to-bottom:before,
.hvr-sweep-to-top:before,
.hvr-bounce-to-right:before,
.hvr-bounce-to-left:before,
.hvr-bounce-to-bottom:before,
.hvr-bounce-to-top:before,
.hvr-radial-out:before,
.hvr-rectangle-out:before,
.hvr-shutter-out-horizontal:before,
.hvr-shutter-out-vertical:before {
  background: #0c9ec7;
}
/*ie9*/
.no-csstransitions .hvr-radial-in,
.no-csstransitions .hvr-rectangle-in,
.no-csstransitions .hvr-shutter-in-horizontal,
.no-csstransitions .hvr-shutter-in-vertical {
  background: transparent;
}
.no-csstransitions .hvr-sweep-to-right:hover,
.no-csstransitions .hvr-sweep-to-left:hover,
.no-csstransitions .hvr-sweep-to-bottom:hover,
.no-csstransitions .hvr-sweep-to-top:hover,
.no-csstransitions .hvr-bounce-to-right:hover,
.no-csstransitions .hvr-bounce-to-left:hover,
.no-csstransitions .hvr-bounce-to-bottom:hover,
.no-csstransitions .hvr-bounce-to-top:hover,
.no-csstransitions .hvr-radial-out:hover,
.no-csstransitions .hvr-rectangle-out:hover,
.no-csstransitions .hvr-shutter-out-horizontal:hover,
.no-csstransitions .hvr-shutter-out-vertical:hover,
.no-csstransitions .hvr-radial-in:hover,
.no-csstransitions .hvr-rectangle-in:hover,
.no-csstransitions .hvr-shutter-in-horizontal:hover,
.no-csstransitions .hvr-shutter-in-vertical:hover {
  background: #0c9ec7;
}
/* Tabs
---------------------------------- */
.nav-tabs.style-1 {
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 15px;
}
.nav-tabs.style-1 > li > a {
  color: #333333;
  margin-right: 0;
  line-height: 1;
  border: 1px solid transparent;
  padding: 12px 15px 11px 15px;
  -webkit-border-radius: 15px 15px 0 0;
  -moz-border-radius: 15px 15px 0 0;
  border-radius: 15px 15px 0 0;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  height: 40px;
}
.nav-tabs.style-1 > li > a:hover {
  border-color: #222222!important;
  background-color: #333333!important;
  color: #ffffff;
}
.nav-tabs.style-1 > li > a:focus {
  border-color: transparent;
  background-color: transparent;
}
.nav-tabs.style-1 > li > a:after {
  position: absolute;
  right: -14px;
  bottom: -1px;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 31px 0 0 14px;
  border-color: transparent transparent transparent transparent;
}
.nav-tabs.style-1 > li > a:before {
  position: absolute;
  left: -14px;
  bottom: -1px;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 31px 14px 0 0;
  border-color: transparent transparent transparent transparent;
}
.nav-tabs.style-1 > li > a:hover:after {
  border-color: transparent transparent transparent #333333;
  border-width: 31px 0 0 14px;
}
.nav-tabs.style-1 > li > a:hover:before {
  border-color: transparent #333333 transparent transparent;
  border-width: 31px 14px 0 0;
}
.nav-tabs.style-1 > li.active > a {
  background-color: #333333!important;
}
.nav-tabs.style-1 > li.active > a,
.nav-tabs.style-1 > li.active > a:hover,
.nav-tabs.style-1 > li.active > a:focus {
  color: #ffffff;
  cursor: default;
  border-color: #222222;
}
.nav-tabs.style-1 > li.active > a:after {
  border-color: transparent transparent transparent #333333;
}
.nav-tabs.style-1 > li.active > a:before {
  border-color: transparent #333333 transparent transparent;
}
.nav-tabs.style-1 > li:first-child > a:before,
.nav-tabs.style-1 > li:last-child > a:after {
  border-width: 0 0 0 0;
  border-color: transparent transparent transparent transparent;
}
.nav-tabs.style-1 + .tab-content > .tab-pane {
  padding-bottom: 0;
  border-bottom: none;
}
.nav-tabs.style-2 {
  border-bottom: 1px solid #f1f1f1;
}
.nav-tabs.style-2 > li > a {
  color: #999999;
}
.nav-tabs.style-2 > li > a:hover {
  color: #333333;
  background-color: #fafafa!important;
  border-color: #f1f1f1;
  border-bottom-color: #fafafa!important;
}
.nav-tabs.style-2 > li > a:focus {
  border-color: transparent;
  background-color: transparent;
}
.nav-tabs.style-2 > li.active > a,
.nav-tabs.style-2 > li.active > a:hover,
.nav-tabs.style-2 > li.active > a:focus {
  color: #333333;
  cursor: default;
  background-color: #fafafa;
  border-color: #f1f1f1;
  border-bottom-color: transparent;
}
.nav-tabs.style-2 + .tab-content > .tab-pane {
  padding: 15px;
  border: 1px solid #f1f1f1;
  border-top: none;
  background-color: #fafafa;
}
.nav-tabs.style-3 {
  border-bottom: 1px solid #999999;
  background-color: #999999;
}
.nav-tabs.style-3 > li > a {
  color: #ffffff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin: 0;
}
.nav-tabs.style-3 > li > a:hover {
  color: #333333;
  background-color: #fff!important;
  border-color: #999999;
  border-bottom-color: #fff!important;
}
.nav-tabs.style-3 > li > a:focus {
  border-color: transparent;
  background-color: transparent;
}
.nav-tabs.style-3 > li.active > a,
.nav-tabs.style-3 > li.active > a:hover,
.nav-tabs.style-3 > li.active > a:focus {
  color: #333333;
  cursor: default;
  background-color: #fff;
  border-color: #999999;
  border-bottom-color: transparent;
}
.nav-tabs.style-3 + .tab-content > .tab-pane {
  padding: 15px;
  border: 1px solid #999999;
  border-top: none;
  background-color: #ffffff;
}
.nav-tabs.style-4 {
  margin-bottom: 15px;
  border-bottom: 1px solid #333333;
}
.nav-tabs.style-4 > li > a {
  color: #999999;
}
.nav-tabs.style-4 > li > a:hover {
  color: #ffffff;
  background-color: #333333 !important;
  border-color: #333333;
  border-bottom-color: #333333 !important;
}
.nav-tabs.style-4 > li > a:focus {
  border-color: #333333;
  background-color: #333333;
}
.nav-tabs.style-4 > li.active > a,
.nav-tabs.style-4 > li.active > a:hover,
.nav-tabs.style-4 > li.active > a:focus {
  color: #ffffff;
  cursor: default;
  background-color: #333333;
  border-color: #333333;
  border-bottom-color: transparent;
}
/* Small devices (tablets, smartphones) */
@media (min-width: 481px) and (max-width: 767px) {
  .nav-tabs > li > a {
    padding: 12px 10px;
    font-size: 11px;
    margin-right: 0;
  }
}
/* Extra small devices (phones, less than 480px) */
@media (max-width: 480px) {
  .nav-tabs {
    background-color: #eaeaea;
    border-bottom: none!important;
  }
  .nav-tabs > li {
    float: none;
  }
  .nav-tabs > li a {
    color: #ffffff;
    margin-right: 0;
    -webkit-border-radius: 0px!important;
    -moz-border-radius: 0px!important;
    border-radius: 0px!important;
  }
  .nav-tabs.style-3 > li.active > a,
  .nav-tabs.style-3 > li.active > a:hover,
  .nav-tabs.style-3 > li.active > a:focus,
  .nav-tabs.style-3 > li > a:hover,
  .nav-tabs.style-3 > li > a:focus {
    border-bottom: 1px solid #999999!important;
  }
  .nav-tabs.style-3 + .tab-content > .tab-pane {
    border-top: 1px solid #999999;
  }
  .nav-tabs > li a:after,
  .nav-tabs > li a:before {
    border-color: transparent transparent transparent transparent!important;
  }
}
/* vertical tabs */
.vertical {
  margin: 20px 0;
}
.vertical .nav-tabs,
.vertical .tab-content {
  display: table-cell;
  margin: 0;
  vertical-align: top;
}
.vertical .nav-tabs {
  border-bottom-color: transparent;
  background-color: #999999;
}
.vertical .nav-tabs > li {
  float: none;
}
.vertical .nav-tabs > li a {
  margin: 0;
  padding: 10px 20px;
  white-space: nowrap;
  color: #ffffff;
  border-bottom: 1px solid #919191;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.vertical .nav-tabs > li > a:hover,
.vertical .nav-tabs > li > a:focus {
  background-color: #fafafa;
  border-right-color: transparent;
  border-bottom: 1px solid #f1f1f1;
  color: #777777;
  z-index: 2;
}
.vertical .nav-tabs > li.active > a,
.vertical .nav-tabs > li.active > a:hover,
.vertical .nav-tabs > li.active > a:focus {
  border: 1px solid #f1f1f1;
  background-color: #fafafa;
  border-right-color: transparent;
  color: #777777;
  z-index: 2;
}
.vertical.left .nav-tabs > li > a:hover,
.vertical.left .nav-tabs > li > a:focus {
  border-left-color: transparent;
  border-right-color: #f1f1f1;
}
.vertical.left .nav-tabs > li.active > a,
.vertical.left .nav-tabs > li.active > a:hover,
.vertical.left .nav-tabs > li.active > a:focus {
  border-right-color: #f1f1f1;
  border-left-color: transparent;
}
.vertical .tab-content {
  border: 1px solid #f1f1f1;
  border-left: 1px solid #fafafa;
  background-color: #fafafa;
  left: -1px;
  z-index: 1;
  padding: 20px 30px;
}
.left.vertical .tab-content {
  border-left-color: #f1f1f1;
  border-right-color: transparent;
}
/* Small devices (tablets, phones less than 767px) */
@media (max-width: 767px) {
  .vertical .nav-tabs,
  .vertical .tab-content {
    display: block;
  }
  .vertical .nav-tabs > li a {
    font-size: 15px;
  }
}
/* Pager
---------------------------------- */
ul.pagination,
ul.pager {
  margin: 20px 0 40px;
  text-align: left;
}
ul.pagination li {
  padding: 0;
  margin: 0 5px 0 0;
  border-bottom: none;
  display: inline-block;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
ul.pagination li > a,
.pagination > li:first-child > a,
.pagination > li:last-child > a,
ul.pager li > a {
  text-align: center;
  padding: 0;
  height: 40px;
  width: 40px;
  border: 1px solid #777777;
  line-height: 39px;
  background-color: #777777;
  color: #ffffff;
  display: inline-block;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
ul.pagination li > a:hover,
ul.pagination li > a:focus {
  background-color: transparent;
  color: #ffffff;
  background-color: #0c9ec7;
  border-color: #0c9ec7;
}
ul.pagination li.active a,
.pagination > .active > a:hover,
.pagination > .active > a:focus {
  color: #ffffff;
  background-color: #09afdf;
  border-color: #09afdf;
}
/* Breadcrumb
---------------------------------- */
.breadcrumb-container {
  background-color: #f8f8f8;
  border-bottom: 1px solid #f4f4f4;
}
.dark.breadcrumb-container {
  background-color: #777777;
  border-color: #333333;
  color: #ffffff;
}
.breadcrumb {
  background-color: transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin-bottom: 0;
  font-size: 12px;
  padding-left: 0;
}
.breadcrumb > li + li:before {
  font-family: "FontAwesome";
  content: "\f101";
  font-size: 11px;
  padding-left: 3px;
}
.banner .breadcrumb-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.85);
  border-bottom-color: rgba(255, 255, 255, 0.1);
}
.banner .dark.breadcrumb-container {
  background-color: rgba(57, 66, 69, 0.6);
  border-bottom-color: rgba(119, 119, 119, 0.1);
}
.banner .breadcrumb > li a,
.banner .breadcrumb > li i {
  color: #000000;
}
.banner .breadcrumb > .active,
.banner .breadcrumb > li + li:before {
  color: #777777;
}
.dark .breadcrumb > li a,
.dark .breadcrumb > li i,
.dark .breadcrumb > .active,
.dark .breadcrumb > li + li:before {
  color: #ffffff;
}
.banner .breadcrumb > li a:hover {
  color: #0c9ec7;
}
/* Nav pills
---------------------------------- */
.nav-pills:not(.nav-stacked) {
  margin-bottom: 15px;
}
.text-center > .nav-pills {
  display: inline-block;
}
.nav-pills > li > a {
  border-radius: 0;
  padding: 7px 10px;
  border: 1px solid transparent;
  color: #999999;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 400;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
  color: #777777;
  background-color: transparent;
  border-bottom: 1px solid #777777;
}
.nav-pills.style-2 > li > a {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.nav-pills.style-2 > li.active > a,
.nav-pills.style-2 > li.active > a:hover,
.nav-pills.style-2 > li.active > a:focus,
.nav-pills.style-2 > li > a:hover,
.nav-pills.style-2 > li > a:focus {
  color: #09afdf;
  background-color: #fafafa;
  border: 1px solid #eaeaea;
}
.nav-pills > li + li {
  margin-left: 5px;
}
.nav-pills.nav-stacked > li + li {
  margin-left: 0;
}
.nav-pills.nav-stacked > li > a {
  padding: 5px 0px;
  color: #777777;
}
.nav-pills.nav-stacked.list-style-icons > li > a {
  padding: 4px 0px;
}
.nav-pills.nav-stacked > li.active > a,
.nav-pills.nav-stacked > li.active > a:hover,
.nav-pills.nav-stacked > li.active > a:focus,
.nav-pills.nav-stacked > li > a:hover,
.nav-pills.nav-stacked > li > a:focus {
  color: #09afdf;
  background-color: transparent;
  border-color: transparent;
}
.nav-pills.nav-stacked:not(.list-style-icons) > li > a:after {
  font-family: "FontAwesome";
  content: "\f101";
  font-size: 12px;
  position: absolute;
  right: 15px;
  top: 6px;
  color: #d1d1d1;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.nav-pills > li.active > a:after {
  color: #09afdf;
}
.nav-pills.nav-stacked:not(.list-style-icons) > li.active > a:hover:after,
.nav-pills.nav-stacked:not(.list-style-icons) > li.active > a:focus:after,
.nav-pills.nav-stacked:not(.list-style-icons) > li > a:hover:after,
.nav-pills.nav-stacked:not(.list-style-icons) > li > a:focus:after {
  color: #0c9ec7;
  right: 10px;
}
.nav-pills.nav-stacked.list-style-icons > li > a > i {
  padding-right: 10px;
  font-size: 14px;
  color: #cdcdcd;
}
.nav-pills.nav-stacked.list-style-icons > li.active > a > i,
.nav-pills.nav-stacked.list-style-icons > li > a:hover > i,
.nav-pills.nav-stacked.list-style-icons > li > a:focus > i {
  color: #0c9ec7;
}
/* Process pills */
.process .nav-pills > li + li {
  margin-left: 40px;
  position: relative;
}
.process .nav-pills > li + li:after {
  font-family: "FontAwesome";
  content: "\f101";
  position: absolute;
  top: 6px;
  left: -24px;
  width: 10px;
  color: #cdcdcd;
}
/*footer*/
.footer-content .nav-pills > li > a {
  padding: 4px 0px;
}
.footer-content .nav-pills.nav-stacked > li > a:after {
  top: 5px;
}
.dark .footer-content .nav-pills > li > a,
.dark .footer-content .nav-pills > li.active > a,
.dark .footer-content .nav-pills > li.active > a:focus,
.dark .footer-content .nav-pills > li > a:focus {
  color: #999999;
}
.dark .footer-content .nav-pills > li.active > a:hover,
.dark .footer-content .nav-pills > li > a:hover {
  color: #0c9ec7;
}
/* Collapse
---------------------------------- */
.panel-group .panel-default {
  border-color: #eaeaea;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.panel-group .panel-heading {
  padding: 0;
}
.panel-heading a {
  font-weight: 400;
  display: inline-block;
  width: 100%;
  position: relative;
  text-decoration: none;
  padding: 10px 40px 10px 15px;
  color: inherit;
}
/*Style 1*/
.collapse-style-1 .panel-heading {
  background-color: #fafafa;
}
.collapse-style-1 .panel-heading a {
  color: #999999;
}
.collapse-style-1 .panel-heading a:not(.collapsed) {
  color: #777777;
}
.collapse-style-1 .panel-heading a:after {
  font-family: "FontAwesome";
  content: "\f146";
  position: absolute;
  right: 15px;
  font-size: 14px;
  font-weight: 300;
  top: 50%;
  line-height: 1;
  margin-top: -7px;
}
.collapse-style-1 .panel-heading a.collapsed:after {
  content: "\f0fe";
}
.panel-heading a:hover {
  text-decoration: none;
}
.panel-title a i {
  font-size: 16px;
}
.collapse-style-1 .panel-body {
  border-top: none!important;
  background-color: #fafafa;
  padding-top: 0;
}
/*Style 2*/
.collapse-style-2 .panel {
  border-color: transparent;
}
.collapse-style-2 .panel-heading {
  background-color: transparent;
}
.collapse-style-2 .panel-heading a {
  color: #ffffff;
  background-color: #09afdf;
}
.collapse-style-2 .panel-heading a.collapsed {
  background-color: #333333;
}
.collapse-style-2 .panel-heading a:after {
  font-family: "FontAwesome";
  content: "\f106";
  position: absolute;
  right: 15px;
  font-size: 14px;
  font-weight: 300;
  top: 50%;
  line-height: 1;
  margin-top: -7px;
}
.collapse-style-2 .panel-heading a.collapsed:after {
  content: "\f107";
}
.panel-heading a:hover {
  text-decoration: none;
}
.panel-title a i {
  font-size: 16px;
}
.collapse-style-2 .panel-body {
  border-top: none!important;
  background-color: transparent;
  padding: 15px 0;
}
.collapse-style-2 .panel-body.p-15 {
  padding: 15px;
}
/*Style 3*/
.collapse-style-3 .panel {
  border-color: #999999;
}
.collapse-style-3 .panel-heading {
  background-color: transparent;
}
.collapse-style-3 .panel-heading a {
  color: #ffffff;
  background-color: #6853bc;
}
.collapse-style-3 .panel-heading a.collapsed {
  background-color: #999999;
}
.collapse-style-3 .panel-heading a:after {
  font-family: "FontAwesome";
  content: "\f139";
  position: absolute;
  right: 15px;
  font-size: 12px;
  font-weight: 300;
  top: 50%;
  line-height: 1;
  margin-top: -7px;
}
.collapse-style-3 .panel-heading a.collapsed:after {
  content: "\f13a";
}
.panel-heading a:hover {
  text-decoration: none;
}
.panel-title a i {
  font-size: 16px;
}
.collapse-style-3 .panel-body {
  border-top: none!important;
  background-color: transparent;
}
/*Contextual Headings*/
.collapse-contextual .panel-heading a:after {
  font-family: "FontAwesome";
  content: "\f068";
  position: absolute;
  right: 15px;
  font-size: 10px;
  font-weight: 300;
  top: 50%;
  line-height: 1;
  margin-top: -6px;
}
.collapse-contextual .panel-heading a.collapsed:after {
  content: "\f067";
}
/*Content Collapse*/
.btn[data-toggle="collapse"] i:before {
  font-size: 10px;
  content: "\f068";
}
.btn.collapsed[data-toggle="collapse"] i:before {
  content: "\f067";
}
/* Progress bars
---------------------------------- */
.progress.style-1 {
  margin-top: 25px;
  background-color: #fafafa;
  border: 1px solid #eaeaea;
  height: 8px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: none;
  box-shadow: none;
  overflow: visible;
  position: relative;
}
.progress.style-1 .progress-bar {
  padding: 0;
  text-align: left;
  font-size: 11px;
  font-weight: 300;
  margin-top: 0px;
  height: 4px;
  margin: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: relative;
}
.progress.style-2 {
  margin-bottom: 15px;
  background-color: #fafafa;
  border: 1px solid #eaeaea;
  height: 20px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.progress.style-2 .progress-bar {
  padding: 0;
  text-align: left;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.progress.style-2 span {
  font-size: 11px;
  line-height: 1;
  position: relative;
  top: -2px;
  left: 10px;
}
.progress-bar {
  -webkit-transition: width 1.5s ease;
  -o-transition: width 1.5s ease;
  transition: width 1.5s ease;
}
.progress .label {
  position: absolute;
  top: -16px;
  font-size: 11px;
  color: #333333;
  right: 10px;
  font-weight: 400;
  padding: 0;
}
.progress .text {
  position: absolute;
  font-size: 11px;
  top: -17px;
  left: 0;
  font-weight: 400;
  text-transform: uppercase;
  color: #999999;
}
.progress.dark {
  background-color: #cdcdcd;
  border-color: #cdcdcd;
}
.progress.dark.style-1 {
  border-color: #ffffff;
}
.dark .progress-striped .progress-bar,
.dark .progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.05) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.05) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.05) 75%, transparent 75%, transparent);
}
.progress-bar-white {
  background-color: #ffffff;
  color: #777777;
}
.progress-bar-default {
  background-color: #09afdf;
}
.progress-bar-gray {
  background-color: #999999;
}
.progress-bar-dark {
  background-color: #333333;
}
.gray-bg .progress {
  background-color: #ffffff;
  -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1);
}
/* Large devices (Large desktops 1200px and up) */
@media (min-width: 1200px) {
  .knob-container canvas {
    width: 169px;
    height: 169px;
  }
}
/* Forms
---------------------------------- */

textarea {
  resize: vertical;
}
.sidebar form {
  margin: 5px 0 20px 0;
}
.form-control {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #ffffff;
  height: 40px;
  padding-right: 30px;
  border-color: #e1e1e1;
  color: #777777;
  position: relative;
  -webkit-appearance: none;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
}
.form-control.radius-50 {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}
.form-control-lg {
  height: 48px;
}
/* Small devices (tablets, phones 481px and up) */
@media (min-width: 481px) {
  .form-control-lg {
    min-width: 350px;
  }
}
.form-control:focus {
  border-color: #999999;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
}
select.form-control {
  padding-right: 5px;
  -webkit-appearance: menulist;
}
select[multiple].form-control {
  -webkit-appearance: listbox;
}
.form-control::-moz-placeholder {
  color: inherit;
}
.form-control:-ms-input-placeholder {
  color: inherit;
}
.form-control::-webkit-input-placeholder {
  color: inherit;
}
.input-group-addon {
  background-color: #f1f1f1;
  border-color: #e1e1e1;
}
.form-list > div {
  padding: 7px 15px;
  border-bottom: 1px solid #dddddd;
  background-color: #f3f3f3;
  margin: 6px 0;
  display: block;
}
form label,
.radio label,
.checkbox label {
  font-weight: 300;
}
fieldset {
  padding: 10px 25px;
  margin: 15px 0px;
  border: 1px solid #dddddd;
  background-color: #fafafa;
}
fieldset legend {
  display: block;
  width: auto;
  padding: 3px 10px;
  margin-bottom: 0;
  font-size: 15px;
  line-height: inherit;
  color: #333;
  border: 1px solid #ddd;
  background-color: #ffffff;
}
fieldset .form-control,
fieldset .form-control:focus {
  webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.12);
  box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.12);
  border-color: #f3f3f3;
}
input[type="radio"],
input[type="checkbox"] {
  margin-top: 5px;
}
/* forms with icons */
.has-feedback label ~ .form-control-feedback {
  top: 27px;
}
.form-control-feedback {
  width: 40px;
  height: 40px;
  line-height: 42px !important;
  top: 0;
  color: #777777;
}
.form-control-lg + .form-control-feedback,
.has-feedback label.sr-only ~ .form-control-lg + .form-control-feedback {
  height: 48px;
  top: 4px;
}
/* Disabled forms */
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  opacity: 1;
  filter: alpha(opacity=50);
}
/* forms with icons */
.form-control-feedback {
  width: 40px;
  height: 40px;
  line-height: 40px !important;
  top: 0;
}
/* Forms in all backgrounds */
.dark-bg .form-control {
  background-color: rgba(255, 255, 255, 0.15);
  border-color: #353535;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.8);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.8);
  color: #cdcdcd;
}
.dark-bg .has-success .form-control:focus,
.dark-bg .has-warning .form-control:focus,
.dark-bg .has-error .form-control:focus {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.8);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.8);
}
.dark-bg .input-group-addon {
  background-color: rgba(255, 255, 255, 0.2);
  border-color: #000;
}
.dark-bg .form-control:focus,
.dark-bg .has-success .form-control:focus,
.dark-bg .has-warning .form-control:focus,
.dark-bg .has-error .form-control:focus {
  background-color: rgba(255, 255, 255, 0.25);
}
.dark-bg .form-control-feedback {
  color: #cdcdcd;
}
.default-bg .form-control {
  background-color: rgba(0, 0, 0, 0.2);
  border-color: #0c9ec7;
  -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.35);
  box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.35);
  color: #ffffff;
}
.default-bg .has-success .form-control:focus,
.default-bg .has-warning .form-control:focus,
.default-bg .has-error .form-control:focus {
  -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.35);
  box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.35);
}
.default-bg .input-group-addon {
  background-color: rgba(0, 0, 0, 0.2);
  border-color: #0c9ec7;
}
.default-bg .form-control:focus {
  background-color: rgba(0, 0, 0, 0.1);
}
.default-bg .form-control-feedback {
  color: #ffffff;
}
.dark .form-control {
  -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.6);
  box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.6);
  color: #cccccc;
  background-color: rgba(255, 255, 255, 0.1);
  border-color: #373737;
}
.dark .form-control:focus {
  background-color: rgba(255, 255, 255, 0.15);
}
.dark .form-control-feedback {
  color: #cdcdcd;
}
.dark .footer-content .form-control {
  border-color: #222222;
}
/* Validation states */
.dark-bg .has-success .help-block,
.dark-bg .has-success .control-label,
.dark-bg .has-success .radio,
.dark-bg .has-success .checkbox,
.dark-bg .has-success .radio-inline,
.dark-bg .has-success .checkbox-inline,
.dark-bg .has-success.radio label,
.dark-bg .has-success.checkbox label,
.dark-bg .has-success.radio-inline label,
.dark-bg .has-success.checkbox-inline label,
.dark-bg .has-success .form-control-feedback {
  color: #15c019;
}
.dark-bg .has-warning .help-block,
.dark-bg .has-warning .control-label,
.dark-bg .has-warning .radio,
.dark-bg .has-warning .checkbox,
.dark-bg .has-warning .radio-inline,
.dark-bg .has-warning .checkbox-inline,
.dark-bg .has-warning.radio label,
.dark-bg .has-warning.checkbox label,
.dark-bg .has-warning.radio-inline label,
.dark-bg .has-warning.checkbox-inline label,
.dark-bg .has-warning .form-control-feedback {
  color: #e5af51;
}
.dark-bg .has-error .help-block,
.dark-bg .has-error .control-label,
.dark-bg .has-error .radio,
.dark-bg .has-error .checkbox,
.dark-bg .has-error .radio-inline,
.dark-bg .has-error .checkbox-inline,
.dark-bg .has-error.radio label,
.dark-bg .has-error.checkbox label,
.dark-bg .has-error.radio-inline label,
.dark-bg .has-error.checkbox-inline label,
.dark-bg .has-error .form-control-feedback {
  color: #ef4f4c;
}
.has-success .form-control,
.has-success .form-control:focus {
  border-color: #3c763d;
}
.has-warning .form-control,
.has-warning .form-control:focus {
  border-color: #8a6d3b;
}
.has-error .form-control,
.has-error .form-control:focus {
  border-color: #a94442;
}
.default-bg .has-success .form-control,
.default-bg .has-warning .form-control,
.default-bg .has-error .form-control,
.default-bg .has-success .form-control:focus,
.default-bg .has-warning .form-control:focus,
.default-bg .has-error .form-control:focus {
  border-color: #fff;
  color: #ffffff;
}
.default-bg .has-success .form-control-feedback,
.default-bg .has-warning .form-control-feedback,
.default-bg .has-error .form-control-feedback,
.default-bg .has-success .control-label,
.default-bg .has-warning .control-label,
.default-bg .has-error .control-label {
  color: #fff;
}
.has-success .form-control:focus,
.has-warning .form-control:focus,
.has-error .form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.has-error .error {
  font-weight: 400;
  margin-bottom: 5px;
  display: block;
}
/*Sorting Filters*/
.sorting-filters label {
  display: block;
  margin-bottom: 5px;
  font-size: 14px;
  text-align: left;
}
.sorting-filters form {
  margin: 0;
}
.sorting-filters .form-inline .form-control {
  width: 100%;
}
.sorting-filters .btn {
  margin: 0;
  min-width: 0;
  width: 100%;
}
/* Small devices (tablets, smartphones) */
@media (min-width: 768px) and (max-width: 991px) {
  .sorting-filters .form-inline .form-group {
    width: 18%;
    margin-right: 1.2%;
  }
}
/* Small devices (tablets, smartphones 768px and up) */
@media (min-width: 768px) {
  .sorting-filters .btn {
    margin: 25px 0 0;
  }
}
/* Small devices (tablets, phones less than 767px) */
@media (max-width: 767px) {
  .sorting-filters .form-control {
    margin: 0 0 5px;
  }
}
/* Alerts
---------------------------------- */
.alert {
  margin: 20px 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: none;
}
.alert-success {
  color: #2a5f2b;
  background-color: #bcdab0;
}
.alert-info {
  color: #1a4e68;
  background-color: #c6e8fa;
}
.alert-warning {
  color: #72582b;
  background-color: #f7f0ce;
}
.alert-icon {
  padding-left: 70px;
  position: relative;
}
.alert-icon i {
  position: absolute;
  font-size: 28px;
  left: 21px;
  top: 13px;
  width: 30px;
  text-align: center;
}
.close {
  font-size: 28px;
  font-weight: normal;
  filter: alpha(opacity=40);
  opacity: 0.4;
}
[data-notify="container"] {
  max-width: 400px;
}
[data-notify="progressbar"] {
  display: none;
}
/*Icons
---------------------------------- */
.icon {
  display: inline-block;
  text-align: center;
  position: relative;
  background-color: rgba(255, 255, 255, 0.85);
  color: #000;
  font-size: 24px;
  width: 60px;
  height: 60px;
  line-height: 58px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid transparent;
}
.icons .icon {
  margin: 0 5px 5px 0;
}
.icon i {
  position: relative;
  z-index: 1;
}
.icon.dark-bg {
  background-color: rgba(66, 66, 66, 0.66);
  color: #ffffff;
}
.icon.default-bg {
  background-color: #09afdf;
  color: #ffffff;
}
.icon.light-bg {
  background-color: #fff;
  color: #09afdf;
}
.icon.without-bg {
  font-size: 36px;
  line-height: 1;
  color: inherit;
  background-color: transparent;
  height: 100%;
}
.icon.large {
  font-size: 36px;
  width: 100px;
  height: 100px;
  line-height: 97px;
}
.icon.small {
  font-size: 18px;
  width: 45px;
  height: 45px;
  line-height: 43px;
}
/*Feature Box
---------------------------------- */
.feature-box,
.feature-box-2 {
  margin-bottom: 30px;
}
.feature-box .title,
.feature-box-2 .title {
  margin-top: 0px;
}
/*style-1*/
.feature-box h3 {
  margin-top: 0;
}
.feature-box .icon {
  margin-bottom: 10px;
}
.feature-box p {
  clear: both;
  margin-bottom: 15px;
}
.feature-box:not(.shadow):hover .icon {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
/*style-2*/
.feature-box-2 {
  position: relative;
}
.feature-box-2 .icon {
  position: absolute;
  top: 0px;
  left: 0px;
}
.feature-box-2 .icon.without-bg {
  width: 0;
  height: 0;
}
.feature-box-2.boxed {
  border: 1px solid #f1f1f1;
}
.feature-box-2.boxed .icon {
  left: 20px;
  top: 20px;
}
.feature-box-2 .icon {
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.feature-box-2 .body {
  margin-left: 62px;
}
.feature-box-2:hover .icon {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.feature-box-2.right .body {
  margin-right: 62px;
  margin-left: 0px;
  text-align: right;
}
.feature-box-2.right .icon {
  left: auto;
  right: 0px;
}
.feature-box-2.right .icon.without-bg {
  right: 40px;
}
.feature-box-2.boxed.right .icon {
  left: auto;
  right: 20px;
}
.feature-box-2.boxed.right .icon.without-bg {
  right: 60px;
}
/* Medium devices (desktops, tablets less than 991px) */
@media (max-width: 991px) {
  .feature-box-2:not(.boxed) {
    padding-bottom: 0;
  }
}
/*shadow*/
.shadow,
.shadow-narrow {
  position: relative;
  background-color: #ffffff;
}
.light-gray-bg.shadow,
.light-gray-bg.shadow-narrow {
  background-color: #fafafa;
}
.bordered {
  border: 1px solid #f1f1f1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.dark-bg .bordered {
  border: 1px solid #555555;
}
.shadow *,
.shadow-narrow * {
  position: relative;
  z-index: 3;
}
.shadow:before,
.shadow-narrow:before {
  position: absolute;
  left: 0;
  height: 60%;
  bottom: 0;
  width: 100%;
  content: "";
  background-color: #ffffff;
  z-index: 2;
}
.light-gray-bg.shadow:before,
.light-gray-bg.shadow-narrow:before {
  background-color: #fafafa;
}
.shadow:after,
.shadow-narrow:after {
  content: "";
  position: absolute;
  height: 50%;
  width: 96%;
  left: 50%;
  bottom: 2px;
  margin-left: -48%;
  -webkit-box-shadow: 0 5px 7px #999999;
  box-shadow: 0 5px 7px #999999;
  z-index: 1;
  border-radius: 10%;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.shadow-narrow:after {
  width: 90%;
  margin-left: -45%;
}
.shadow:hover:after,
.shadow-narrow:hover:after {
  bottom: 10px;
}
/*Image box
---------------------------------- */
.owl-item .image-box {
  margin-bottom: 20px;
}
.image-box .body {
  padding: 15px;
}
.image-box .body h3 {
  margin-top: 0;
}
.image-box .body p:last-child {
  margin-bottom: 0;
}
.image-box.style-4 {
  border: none;
}
.image-box.style-3-b {
  display: block;
  margin-bottom: 40px;
}
.image-box.style-3-b .body {
  padding: 10px 0;
}
/* Medium devices (tablets, laptops, smartphones 768px and up) */
@media (min-width: 768px) {
  .image-box.style-3-b .body {
    padding: 0;
  }
}
/* Medium devices (desktops, tablets less than 991px) */
@media (max-width: 991px) {
  .image-box.style-4 {
    margin-bottom: 30px;
  }
}
/*Listing Items
---------------------------------- */
.listing-item .overlay-container .badge {
  position: absolute;
  border: 1px solid #09afdf;
  background-color: rgba(255, 255, 255, 0.95);
  color: #09afdf;
  font-weight: 400;
  padding: 4px;
  top: 10px;
  right: 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.listing-item .body {
  padding: 15px 0 0;
}
.listing-item .elements-list {
  font-size: 12px;
}
.listing-item .price del {
  font-size: 12px;
  color: #999999;
}
.listing-item .overlay-to-top {
  padding: 10px 0!important;
}
.listing-item .overlay-to-top .btn-sm-link {
  padding: 5px;
}
/*Modals
---------------------------------- */
.modal-content .modal-header {
  background-color: #09afdf;
}
.modal-content .modal-title {
  color: #ffffff;
}
.modal-open .page-wrapper {
  -webkit-filter: blur(3px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}
.modal-footer .btn + .btn {
  margin-bottom: 5px;
}


/*Images and Overlays
---------------------------------- */
.overlay-container {
  position: relative;
  display: block;
  text-align: center;
  overflow: hidden;
}
.overlay-bottom,
.overlay-top {
  position: absolute;
  top: auto;
  padding: 15px;
  bottom: 0px;
  left: 0;
  right: 0px;
  background-color: rgba(30, 30, 30, 0.5);
  overflow: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all ease-in-out 0.25s;
  -o-transition: all ease-in-out 0.25s;
  transition: all ease-in-out 0.25s;
  height: 0;
  color: #ffffff;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1);
}
.overlay-bottom.links,
.overlay-to-top.links {
  z-index: 11;
}
.overlay-to-top {
  position: absolute;
  top: auto;
  padding: 10px;
  bottom: -30px;
  left: 0;
  right: 0px;
  background-color: rgba(30, 30, 30, 0.5);
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all ease-in-out 0.25s;
  -o-transition: all ease-in-out 0.25s;
  transition: all ease-in-out 0.25s;
  color: #ffffff;
}
.overlay-top {
  top: 0;
}
.overlay-visible .overlay-bottom,
.overlay-visible .overlay-top {
  opacity: 1;
  filter: alpha(opacity=100);
  height: auto!important;
  padding-bottom: 20px;
}
.overlay-visible.overlay-container:hover .overlay-bottom:not(.links),
.overlay-visible.overlay-container:hover .overlay-top {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.overlay-top a,
.overlay-bottom a,
.overlay-to-top a {
  color: #ffffff;
}
.overlay-container .text {
  padding: 0 20px;
  position: relative;
}
.overlay-container .text h3,
.overlay-container .text h3 .small {
  margin-top: 0;
  color: #ffffff;
}
.overlay-container .text a:hover {
  color: #ffffff;
}
.overlay-bottom .btn,
.overlay-top .btn {
  color: #ffffff;
  border-color: #ffffff;
  margin: 0;
}
.overlay-bottom .btn:hover,
.overlay-top .btn:hover {
  color: #777777;
  background-color: #ffffff;
}
.overlay-container:hover .overlay-top,
.overlay-container:hover .overlay-bottom,
.image-box.style-2:hover .overlay-top,
.image-box.style-2:hover .overlay-bottom {
  height: 50%;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1);
}
.overlay-container:hover .overlay-to-top,
.image-box:hover .overlay-to-top {
  opacity: 1;
  filter: alpha(opacity=100);
  bottom: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1);
}
.overlay-link {
  position: absolute;
  z-index: 10;
  top: 0;
  padding: 15px;
  bottom: 0px;
  left: 0;
  right: 0px;
  background-color: rgba(30, 30, 30, 0.5);
  overflow: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all ease-in-out 0.25s;
  -o-transition: all ease-in-out 0.25s;
  transition: all ease-in-out 0.25s;
  color: #ffffff;
}
.overlay-link i {
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  width: 80px;
  height: 80px;
  border: 1px solid #ffffff;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -40px 0 0 -40px;
  font-size: 32px;
  line-height: 80px;
}
.overlay-link i:hover {
  background-color: #ffffff;
  color: #777777;
}
.overlay-link.small i {
  width: 25px;
  height: 25px;
  margin: -12.5px 0 0 -12.5px;
  font-size: 14px;
  line-height: 25px;
}
.overlay-container:hover .overlay-link {
  height: 100%;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1);
}
/* Large devices (Large desktops 1200px and up) */
@media (min-width: 1200px) {
  .overlay-container .text {
    top: 30%;
  }
}
/* Extra small devices (phones, less than 480px) */
@media (max-width: 480px) {
  .overlay-container .text {
    top: 30%;
  }
  .overlay-container .text p:not(.mobile-visible) {
    display: none;
  }
}
/* Large and Medium devices (desktops, tablets less than 1199px) */
@media (min-width: 480px) and (max-width: 1199px) {
  .overlay-container:not(.overlay-visible) .overlay-top ~ .overlay-bottom {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .owl-item .overlay-container:hover .overlay-top {
    height: 71%;
  }
  .owl-item .overlay-container:hover .overlay-bottom {
    height: 29%;
  }
}
/*Video Backgrounds
---------------------------------- */
.video-background,
.video-background-banner {
  position: relative;
  overflow: hidden;
}
/* Responsive iframe
---------------------------------- */
.tp-caption .embed-responsive {
  overflow: visible;
}
/* Audio wrapper
---------------------------------- */
.audio-wrapper iframe {
  width: 100%;
  border: none;
  margin-bottom: 20px;
}
/* Jumbotron
---------------------------------- */
.jumbotron {
  background-color: transparent;
}
/*Carousel
---------------------------------- */
.top.carousel-indicators {
  bottom: auto;
  top: 10px;
}
.bottom.carousel-indicators {
  bottom: 10px;
}
.shadow .carousel-indicators {
  position: absolute;
  z-index: 4;
}
/*Badges
---------------------------------- */
.main-navigation .badge {
  position: absolute;
  top: 13px;
  right: 20px;
  font-size: 12px;
  background-color: transparent;
  color: inherit;
  font-weight: 300;
  padding: 2px 4px;
}
.main-navigation .mega-menu .badge {
  top: 8px;
}
/* Extra small devices (phones, less than 767px) */
@media (max-width: 767px) {
  .main-navigation .dropdown-toggle .badge {
    right: 50px;
  }
}
/*Pace (Page loader)
---------------------------------- */
/*loader 1*/
.page-loader-1 .page-wrapper {
  opacity: 0;
  filter: alpha(opacity=0);
}
.page-loader-1.pace-done .page-wrapper {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: ease-in-out opacity 0.2s;
  -o-transition: ease-in-out opacity 0.2s;
  transition: ease-in-out opacity 0.2s;
}
.page-loader-1 .pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 2000;
  position: fixed;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 5px;
  width: 200px;
  background: #fff;
  border: 1px solid #09afdf;
  overflow: hidden;
}
.page-loader-1 .pace .pace-progress {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  max-width: 200px;
  position: fixed;
  z-index: 2000;
  display: block;
  position: absolute;
  top: 0;
  right: 100%;
  height: 100%;
  width: 100%;
  background: #09afdf;
}
/*loader 2*/
.page-loader-2 .page-wrapper {
  opacity: 0;
  filter: alpha(opacity=0);
}
.page-loader-2.pace-done .page-wrapper {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: ease-in-out opacity 0.2s;
  -o-transition: ease-in-out opacity 0.2s;
  transition: ease-in-out opacity 0.2s;
}
.page-loader-2 .pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 2000;
  position: fixed;
  height: 60px;
  width: 100px;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.page-loader-2 .pace .pace-progress {
  z-index: 2000;
  position: absolute;
  height: 60px;
  width: 100px;
  -webkit-transform: translate3d(0, 0, 0) !important;
  -ms-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
}
.page-loader-2 .pace .pace-progress:before {
  content: attr(data-progress-text);
  text-align: center;
  color: #fff;
  background: #09afdf;
  border-radius: 50%;
  font-family: "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 100;
  line-height: 45px;
  padding: 0;
  width: 44px;
  height: 44px;
  margin: 8px 0 0 29px;
  display: block;
  z-index: 999;
  position: absolute;
}
.page-loader-2 .pace .pace-activity {
  font-size: 15px;
  line-height: 1;
  z-index: 2000;
  position: absolute;
  height: 60px;
  width: 100px;
  display: block;
  -webkit-animation: pace-theme-center-atom-spin 2s linear infinite;
  -moz-animation: pace-theme-center-atom-spin 2s linear infinite;
  -o-animation: pace-theme-center-atom-spin 2s linear infinite;
  animation: pace-theme-center-atom-spin 2s linear infinite;
}
.page-loader-2 .pace .pace-activity {
  border-radius: 50%;
  border: 5px solid #09afdf;
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 60px;
  width: 100px;
}
.page-loader-2 .pace .pace-activity:after {
  border-radius: 50%;
  border: 5px solid #09afdf;
  content: ' ';
  display: block;
  position: absolute;
  top: -5px;
  left: -5px;
  height: 60px;
  width: 100px;
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  transform: rotate(60deg);
}
.page-loader-2 .pace .pace-activity:before {
  border-radius: 50%;
  border: 5px solid #09afdf;
  content: ' ';
  display: block;
  position: absolute;
  top: -5px;
  left: -5px;
  height: 60px;
  width: 100px;
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  transform: rotate(120deg);
}
@-webkit-keyframes pace-theme-center-atom-spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-moz-keyframes pace-theme-center-atom-spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-o-keyframes pace-theme-center-atom-spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@keyframes pace-theme-center-atom-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
/*loader 3*/
.page-loader-3 .pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.pace.pace-inactive {
  display: none;
}
.page-loader-3 .pace .pace-progress {
  background: #09afdf;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}
/*loader 4*/
.page-loader-4 .page-wrapper {
  opacity: 0;
  filter: alpha(opacity=0);
}
.page-loader-4.pace-done .page-wrapper {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: ease-in-out opacity 0.2s;
  -o-transition: ease-in-out opacity 0.2s;
  transition: ease-in-out opacity 0.2s;
}
.page-loader-4 .pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-perspective: 12rem;
  -moz-perspective: 12rem;
  -ms-perspective: 12rem;
  -o-perspective: 12rem;
  perspective: 12rem;
  z-index: 2000;
  position: fixed;
  height: 6rem;
  width: 6rem;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.page-loader-4 .pace .pace-progress {
  position: fixed;
  z-index: 2000;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 6rem;
  width: 6rem !important;
  line-height: 6rem;
  font-size: 2rem;
  border-radius: 50%;
  background: #09afdf;
  color: #fff;
  font-family: "Helvetica Neue", sans-serif;
  font-weight: 100;
  text-align: center;
  -webkit-animation: pace-theme-center-circle-spin linear infinite 2s;
  -moz-animation: pace-theme-center-circle-spin linear infinite 2s;
  -ms-animation: pace-theme-center-circle-spin linear infinite 2s;
  -o-animation: pace-theme-center-circle-spin linear infinite 2s;
  animation: pace-theme-center-circle-spin linear infinite 2s;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.page-loader-4 .pace .pace-progress:after {
  content: attr(data-progress-text);
  display: block;
}
@-webkit-keyframes pace-theme-center-circle-spin {
  from {
    -webkit-transform: rotateY(0deg);
  }
  to {
    -webkit-transform: rotateY(360deg);
  }
}
@-moz-keyframes pace-theme-center-circle-spin {
  from {
    -moz-transform: rotateY(0deg);
  }
  to {
    -moz-transform: rotateY(360deg);
  }
}
@-ms-keyframes pace-theme-center-circle-spin {
  from {
    -ms-transform: rotateY(0deg);
  }
  to {
    -ms-transform: rotateY(360deg);
  }
}
@-o-keyframes pace-theme-center-circle-spin {
  from {
    -o-transform: rotateY(0deg);
  }
  to {
    -o-transform: rotateY(360deg);
  }
}
@keyframes pace-theme-center-circle-spin {
  from {
    transform: rotateY(0deg);
  }
  to {
    transform: rotateY(360deg);
  }
}
/*loader 5*/
.page-loader-5 .page-wrapper {
  opacity: 0;
  filter: alpha(opacity=0);
}
.page-loader-5.pace-done .page-wrapper {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: ease-in-out opacity 0.2s;
  -o-transition: ease-in-out opacity 0.2s;
  transition: ease-in-out opacity 0.2s;
}
.page-loader-5 .pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.page-loader-5 .pace .pace-progress {
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 0;
  height: 5rem;
  width: 5rem;
  -webkit-transform: translate3d(0, 0, 0) !important;
  -ms-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
}
.page-loader-5 .pace .pace-progress:after {
  display: block;
  position: absolute;
  top: 0;
  right: .5rem;
  content: attr(data-progress-text);
  font-family: "Helvetica Neue", sans-serif;
  font-weight: 100;
  font-size: 100px;
  line-height: 1;
  text-align: right;
  color: #09afdf;
}
/*loader 6*/
.page-loader-6 .page-wrapper {
  opacity: 0;
  filter: alpha(opacity=0);
}
.page-loader-6.pace-done .page-wrapper {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: ease-in-out opacity 0.2s;
  -o-transition: ease-in-out opacity 0.2s;
  transition: ease-in-out opacity 0.2s;
}
.page-loader-6 .pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.page-loader-6 .pace .pace-activity {
  display: block;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 0;
  width: 300px;
  height: 300px;
  background: #09afdf;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transform: translateX(100%) translateY(-100%) rotate(45deg);
  transform: translateX(100%) translateY(-100%) rotate(45deg);
  pointer-events: none;
}
.page-loader-6 .pace.pace-active .pace-activity {
  -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
  transform: translateX(50%) translateY(-50%) rotate(45deg);
}
.page-loader-6 .pace .pace-activity::before,
.page-loader-6 .pace .pace-activity::after {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  bottom: 30px;
  left: 50%;
  display: block;
  border: 5px solid #fff;
  border-radius: 50%;
  content: '';
}
.page-loader-6 .pace .pace-activity::before {
  margin-left: -40px;
  width: 80px;
  height: 80px;
  border-right-color: rgba(0, 0, 0, 0.2);
  border-left-color: rgba(0, 0, 0, 0.2);
  -webkit-animation: pace-theme-corner-indicator-spin 3s linear infinite;
  animation: pace-theme-corner-indicator-spin 3s linear infinite;
}
.page-loader-6 .pace .pace-activity::after {
  bottom: 50px;
  margin-left: -20px;
  width: 40px;
  height: 40px;
  border-top-color: rgba(0, 0, 0, 0.2);
  border-bottom-color: rgba(0, 0, 0, 0.2);
  -webkit-animation: pace-theme-corner-indicator-spin 1s linear infinite;
  animation: pace-theme-corner-indicator-spin 1s linear infinite;
}
@-webkit-keyframes pace-theme-corner-indicator-spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@keyframes pace-theme-corner-indicator-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
/* 6 Navigations
----------------------------------------------------------------------------- */
/* 6.1 Light Version
----------------------------------------------------------------------------- */
/* mobile menu */
.navbar.navbar-default {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 10px 0 15px;
  border-color: #ededed;
  background-color: #fafafa;
  font-weight: 400;
}
/* first level menu item */
.navbar-default .navbar-nav > li > a { font-weight:bold;
  color: #333333;
  font-size: 15px;
  padding: 10px 15px 10px 15px;
  z-index: 102;
  border: none;
  /*
  border-bottom: 1px solid transparent;
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
  */
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.main-navigation.animated .navbar-default .navbar-nav > li > a {
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.transparent-header .header:not(.dark) .navbar-nav > li:not(.active) > a {
  color: #000000;
}
.navbar-default .navbar-nav > li.dropdown > a {
}
/* first level menu item on hover/focus */
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  background-color: transparent;
}
.transparent-header .header:not(.dark) .navbar-nav > li.open > a,
.transparent-header .header:not(.dark) .navbar-nav > li > a:hover,
.transparent-header .header:not(.dark) .navbar-nav > li > a:focus {
  color: #09afdf;
}
/* first level menu item when opened */
.main-navigation .navbar-nav > .open > a,
.main-navigation .navbar-nav > .open > a:hover,
.main-navigation .navbar-nav > .open > a:focus,
.main-navigation .navbar-nav > .dropdown > a:focus {
  background-color: #ffffff;
  color: #09afdf;
  border-bottom-color: #ffffff;
  border-right: 1px solid #f5f5f5;
  border-left: 1px solid #f5f5f5;
  z-index: 106;
}
.transparent-header.gradient-background-header .header:not(.dark) .active.dropdown > a:before {
  color: #000000;
}
.transparent-header.gradient-background-header .header:not(.dark) .main-navigation .navbar-nav > .open > a,
.transparent-header.gradient-background-header .header:not(.dark) .main-navigation .navbar-nav > .open > a:hover,
.transparent-header.gradient-background-header .header:not(.dark) .main-navigation .navbar-nav > .open > a:focus,
.transparent-header.gradient-background-header .header:not(.dark) .main-navigation .navbar-nav > .dropdown > a:focus {
  border-right-color: transparent;
  border-left-color: transparent;
  border-bottom-color: transparent;
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .transparent-header.gradient-background-header .header:not(.dark) .navbar-default .navbar-nav > li:not(.open) > a:hover,
  .transparent-header.gradient-background-header .header:not(.dark) .navbar-default .navbar-nav > li:not(.open) > a:focus,
  .transparent-header.gradient-background-header .header:not(.dark) .navbar-default .navbar-nav > .active:not(.open) > a,
  .transparent-header.gradient-background-header .header:not(.dark) .navbar-default .navbar-nav > .active:not(.open) > a:hover,
  .transparent-header.gradient-background-header .header:not(.dark) .navbar-default .navbar-nav > .active:not(.open) > a:focus {
    color: #000000;
    border-bottom: 1px solid #454545;
  }
}
/* first level active menu item when clicked */
.main-navigation .navbar-nav > .open > a:active,
.main-navigation .navbar-nav > .open.active > a:active {
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.main-navigation .navbar-nav > .open > a:active + ul,
.main-navigation .navbar-nav > .open.active > a:active + ul {
  display: none;
}
/* second level menu */
.main-navigation .dropdown-menu { visibility:hidden; background:#fff;
  margin-top:-5px !important;
  top: 99.2%;
}
.header.centered .main-navigation .dropdown-menu {
  top: 99%;
}
.dropdown-menu .divider {
  background-color: #ededed;
}
.dropdown-menu { color:#777;
  min-width: 260px; left:auto; right:-15px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  padding: 0;
  margin: 0;
  background-color: #ffffff;
  -webkit-box-shadow: 1px 1px 15px rgba(0,0,0,0.15);
  box-shadow: 1px 1px 15px rgba(0,0,0,0.15);
  border:2px solid #ddd;
  z-index: 101;
  text-align:center;
  display:table; opacity:0;
}

.open > .dropdown-menu { visibility:visible; display:table; opacity:1; transition:opacity .25s; }

.dropdown.cart-item:after,
.dropdown.cart-item:before { opacity:0; bottom:4px; z-index:10; left:50%; width:0; height:0; content:'';
border:solid transparent; position:absolute; pointer-events:none;}

.dropdown.cart-item:after { z-index:102;  border-color:rgba(221,221,221,0); border-bottom-color:#fff; border-width:8px; margin-left:-8px; }
.dropdown.cart-item:before { border-bottom-color:#ddd; border-width:11px; margin-left:-11px; }

.dropdown.cart-item.open:after,
.dropdown.cart-item.open:before,
.dropdown.cart-item.open:before { transition:opacity .25s; opacity:1; }

/* second level menu item */
.dropdown-menu > li > a {
  padding: 10px 20px;
  font-size: 14px;
  color: #333333;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  position: relative;
}

/* second level menu item on focus/hover and when opened */
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.dropdown-menu .menu > .active > a,
.dropdown-menu .menu > .active > a:hover,
.dropdown-menu .menu > .active > a:focus {
  background-color: #fcfcfc;
  color: #df3a5c !important;
  border-color: #f7f7f7;
}
/* third level menu */
.dropdown-menu .dropdown-menu {
  top: -1px;
  left: 100% !important;
  right: auto;
  border-top: 1px solid #f7f7f7;
}
.header.centered .dropdown-menu .dropdown-menu {
  top: -1px;
  left: 100% !important;
}
header.full-width .dropdown-menu .dropdown-menu.to-left {
  right: 100%!important;
  left: auto!important;
}
/*Large Devices less than 1610px*/
@media (max-width: 1610px) {
  .dropdown-menu .dropdown-menu.to-left {
    right: 100%!important;
    left: auto!important;
  }
}
/* Mega Menu 
------------------------------ */
.mega-menu.dropdown {
  position: static;
}
.mega-menu .dropdown-menu {
  left: 0;
  width: 100%;
  padding: 20px 30px;
}
/* mega menu menu item */
.mega-menu .menu {
  list-style: none;
  padding: 0;
  margin: 0;
}
.mega-menu .menu li {
  position: relative;
}
.mega-menu h4.title {
  margin: 5px 0;
  font-size: 15px;
  text-transform: uppercase;
}
.mega-menu .menu > li > a {
  padding: 5px 0;
  font-size: 14px;
  color: #333333;
  border-bottom: 1px solid #f7f7f7;
  display: block;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.mega-menu .menu > li > a i,
.dropdown-menu > li > a i {
  padding-left: 5px;
  font-size: 12px;
  width: 20px;
  position: relative;
  top: -1px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  color: #cdcdcd;
}
.mega-menu .menu > li > a i.fa,
.dropdown-menu > li > a i.fa {
  width: 32px;
  text-align: center;
}
.mega-menu .menu > li > a i.fa-circle-o,
.dropdown-menu > li > a i.fa-circle-o {
  font-size: 7px;
  top: -3px;
}
.mega-menu .menu > li > a i.fa-spin {
  width: 11px;
  padding: 0;
  margin-right: 13px;
  margin-left: 8px;
}
.mega-menu .menu > li:last-child > a {
  border-bottom: none!important;
}
header:not(.dark) .mega-menu .menu > li > a:hover i,
header:not(.dark) .dropdown-menu > li > a:hover i,
header:not(.dark) .mega-menu .menu > li.active > a i,
header:not(.dark) .dropdown-menu > li.active > a i {
  color: #09afdf;
}
header .mega-menu .menu > li > a:hover i.fa-circle-o:before,
header .dropdown-menu > li > a:hover i.fa-circle-o:before,
header .mega-menu .menu > li.active > a i.fa-circle-o:before,
header .dropdown-menu > li.active > a i.fa-circle-o:before {
  content: "\f111";
}
/* mega menu menu item on focus/hover*/
.mega-menu .menu > li > a:hover,
.mega-menu .menu > li > a:focus {
  background-color: #fcfcfc;
  color: #0c9ec7;
  border-color: #f7f7f7;
  text-decoration: none;
}
/* Arrow for parent menu item 
------------------------------ */
.dropdown > a:before {
  /*font-family: 'FontAwesome';*/
  /*content: "\f107";*/
  position: absolute;
  left: auto;
  top: 12px;
  right: 27px;
  line-height: 1;
  color: #fff !important;
  font-size: 14px;
}
.header.centered .dropdown > a:before {
  top: 18px;
}
.header:not(.dark) .active.dropdown > a:before,
.header:not(.dark).centered .active.dropdown > a:before {
  color: #09afdf;
}
.transparent-header .header:not(.dark) .dropdown:not(.open):not(.active) > a:before {
  color: #777777;
}
.navbar-default .navbar-nav > .dropdown.open > a:before {
  color: #eaeaea;
}
.transparent-header .header:not(.dark) .navbar-default .navbar-nav > .dropdown.open > a:before {
  color: #fff !important;
}
.dropdown .dropdown > a:before,
.header.centered .dropdown .dropdown > a:before {
  content: "\f105";
  right: 10px;
  top: 13px;
  margin-left: 0;
  visibility: visible;
  color: #666;
}
.dropdown .dropdown.open > a:before,
.header.centered:not(.dark) .dropdown .dropdown.open > a:before {
  color: #09afdf;
}
/* Dropdown animations 
------------------------------ */
.animated.main-navigation .navbar-nav .open .dropdown-menu,
#offcanvas.animated .open .dropdown-menu,
#offcanvas.animated .dropdown-menu .open .dropdown-menu {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInUpSmall;
  animation-name: fadeInUpSmall;
}
.animated.main-navigation .dropdown-menu .open .dropdown-menu {
  -webkit-animation-name: fadeInLeftSmall;
  animation-name: fadeInLeftSmall;
}
header.full-width .animated.main-navigation .dropdown-menu .open .dropdown-menu.to-left {
  -webkit-animation-name: fadeInRightSmall;
  animation-name: fadeInRightSmall;
}
/*Large Devices less than 1610px*/
@media (max-width: 1610px) {
  .animated.main-navigation .dropdown-menu .open .dropdown-menu.to-left {
    -webkit-animation-name: fadeInRightSmall;
    animation-name: fadeInRightSmall;
  }
}
/* Mobile Menu
------------------------------ */
/* mobile menu toggle button on hover/focus */
.navbar-default .navbar-toggle {
  border-color: #ccc;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #fafafa;
  border-color: #0c9ec7;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ccc;
}
.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
  background-color: #0c9ec7;
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .main-navigation .navbar-nav.navbar-right:last-child {
    margin-right: 0;
  }
  /* first level menu */
  .navbar.navbar-default {
    background-color: transparent;
    border: none;
    margin: 0;
  }
  .navbar-default .navbar-nav > li > a {
    padding:0px; color:#fff !important; height:38px; line-height:38px; font-family:'Nanum Gothic', sans-serif; 
  }

  /*centered logo layout*/
  .header.centered .navbar-default .navbar-nav > li > a {
    padding-top: 15px!important;
    padding-bottom: 15px!important;
    border-top: 1px solid transparent;
  }
  .header.centered:not(.dark) .main-navigation .navbar-nav > .open > a,
  .header.centered:not(.dark) .main-navigation .navbar-nav > .open > a:hover,
  .header.centered:not(.dark) .main-navigation .navbar-nav > .open > a:focus,
  .header.centered:not(.dark) .main-navigation .navbar-nav > .dropdown > a:focus {
    border-top: 1px solid #f5f5f5;
  }
  /* mega menu */
  header:not(.full-width):not(.centered) .with-dropdown-buttons .mega-menu:not(.narrow) .dropdown-menu {
    left: 0px;
    width: 720px;
  }
  /* layout fixes */
  header:not(.full-width) .main-navigation .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
  header:not(.full-width) .navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
  }
  header:not(.full-width) .main-navigation .navbar-right .dropdown-menu {
    right: auto;
    left: 0;
  }
  header:not(.full-width) .main-navigation .navbar-right > li:last-child > .dropdown-menu {
    right: 0;
    left: auto;
  }
}
/* Medium desktop devices and tablets 
@media (min-width: 768px) and (max-width: 1199px) {
  .navbar-default .navbar-nav > li > a {
    font-size: 15px;
    padding: 28px 10px 27px 10px;
  }
}
*/
/* Medium devices (tablets landscape to portrait) */
@media (min-width: 768px) and (max-width: 991px) {
  .header:not(.full-width) .main-navigation .navbar-nav {
    float: left !important;
  }
  body:not(.fixed-header-on) .header:not(.dark) .navbar-default .navbar-nav > li > a {
    border-top: 1px solid transparent;
  }
  body:not(.fixed-header-on) .header:not(.dark) .main-navigation .navbar-nav > .open > a,
  body:not(.fixed-header-on) .header:not(.dark) .main-navigation .navbar-nav > .open > a:hover,
  body:not(.fixed-header-on) .header:not(.dark) .main-navigation .navbar-nav > .open > a:focus,
  body:not(.fixed-header-on) .header:not(.dark) .main-navigation .navbar-nav > .dropdown > a:focus {
    border-top: 1px solid #f5f5f5;
  }
}
/* Medium devices (desktops, tablets, 992px and up) */
@media (min-width: 992px) {
  .col-md-3 + .col-md-9 .mega-menu:not(.narrow) .dropdown-menu {
    left: -243px !important;
    width: 940px!important;
  }
}
/* Large devices (Large desktops 1200px and up) */
@media (min-width: 1200px) {
  /* first level menu item */
  .main-navigation .navbar-nav > li {
  }
  .main-navigation .navbar-nav > li:first-child {
  }
  .col-md-3 + .col-md-9 .mega-menu:not(.narrow) .dropdown-menu {
    left: -293px !important;
    width: 1140px!important;
  }
}
/* Small devices (tablets, phones less than 767px) */
@media (max-width: 767px) {
  /* Mobile menu
	------------------------------ */
  /* active item */
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #0c9ec7;
    background-color: transparent;
  }
  /* first level item */
  .navbar-default .navbar-nav > li > a {
    border-bottom: 1px solid #f3f3f3;
  }
  .navbar-default .navbar-nav > li:last-child > a {
    border-bottom: 1px solid transparent;
  }
  /* first level item hover and focus states */
  .navbar-default .navbar-nav > li > a:hover,
  .navbar-default .navbar-nav > li > a:focus,
  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:hover,
  .navbar-default .navbar-nav > .active > a:focus {
    color: #0c9ec7;
    background-color: #fff;
    border-bottom-color: transparent;
  }
  /* second level menu */
  .navbar-default .navbar-nav .open .dropdown-menu {
    background-color: #ffffff;
  }
  /* second level item */
  .navbar-default .navbar-nav .open .dropdown-menu > li > a,
  .navbar-default .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 12px 15px 12px 40px;
    color: #333333;
    border-color: #f9f9f9;
  }
  /* second level item on hover/focus */
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #0c9ec7;
  }
  /* third level item */
  .navbar-nav .open .dropdown-menu .dropdown-menu > li > a {
    padding-left: 60px;
  }
  /* four level item */
  .navbar-nav .open .dropdown-menu .dropdown-menu .dropdown-menu > li > a {
    padding-left: 80px;
  }
  /* Arrow for parent menu item */
  .navbar-default .navbar-nav > .dropdown.open > a:before {
    color: #09afdf;
  }
  .dropdown > a:before,
  .header.centered .dropdown > a:before {
    color: #999999;
    top: 14px;
    right: 32px;
  }
  .dropdown .dropdown > a:before,
  .header.centered .dropdown .dropdown > a:before {
    right: 36px;
  }
  /*Transparent Mobile menu*/
  .transparent-header .main-navigation .navbar.navbar-default {
    background-color: rgba(255, 255, 255, 0.9);
    position: absolute;
    width: 100%;
  }
}
/* 6.2 Dark Version
----------------------------------------------------------------------------- */
/* first level menu item */
.dark.header .navbar.navbar-default {
  border-color: rgba(0, 0, 0, 0.3);
  background-color: rgba(0, 0, 0, 0.2);
}
.dark.header .navbar-default .navbar-nav > li > a {
  color: #cccccc;
  border-bottom: 1px solid transparent;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.6);
}
.transparent-header .dark.header .navbar-nav > li > a {
  color: #e1e1e1;
}
/* first level menu item on hover/focus */
.dark.header .navbar-default .navbar-nav > li > a:hover,
.dark.header .navbar-default .navbar-nav > li > a:focus,
.dark.header .navbar-default .navbar-nav > .active > a,
.dark.header .navbar-default .navbar-nav > .active > a:hover,
.dark.header .navbar-default .navbar-nav > .active > a:focus {
  background-color: transparent;
  color: #ffffff;
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
}
.dark.header .navbar-default .navbar-nav > li > a:hover,
.dark.header .navbar-default .navbar-nav > li > a:focus {
  z-index: 106;
}
/* first level active menu item when opened */
.dark.header .main-navigation .navbar-nav > .open > a,
.dark.header .main-navigation .navbar-nav > .open > a:hover,
.dark.header .main-navigation .navbar-nav > .open > a:focus,
.dark.header .main-navigation .navbar-nav > .dropdown > a:focus {
  background-color: rgba(0, 0, 0, 0.15);
  color: #ffffff;
  border-bottom-color: #2e3537;
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
  z-index: 106;
}
.transparent-header.gradient-background-header .dark.header .main-navigation .navbar-nav > .open > a,
.transparent-header.gradient-background-header .dark.header .main-navigation .navbar-nav > .open > a:hover,
.transparent-header.gradient-background-header .dark.header .main-navigation .navbar-nav > .open > a:focus,
.transparent-header.gradient-background-header .dark.header .main-navigation .navbar-nav > .dropdown > a:focus {
  border-right-color: transparent;
  border-left-color: transparent;
  border-bottom-color: transparent;
}
/* second level menu item */
.dark.header .dropdown-menu {
  background-color: #2e3537;
  border: 1px solid rgba(57, 66, 69, 0.8);
  border-bottom: none;
}
.dark.header .mega-menu .dropdown-menu {
  z-index: 103;
}
.dark.header .dropdown-menu .divider {
  background-color: rgba(57, 66, 69, 0.8);
}
.dark.header .dropdown-menu > li > a,
.dark.header .mega-menu .menu > li > a {
  color: #cccccc;
  border-bottom: 1px solid rgba(57, 66, 69, 0.8);
  text-shadow: 1px 1px rgba(0, 0, 0, 0.7);
}
.dark.header .mega-menu .menu > li > a:hover,
.dark.header .mega-menu .menu > li > a:focus {
  background-color: rgba(0, 0, 0, 0.2);
  color: #ffffff;
  border-color: rgba(57, 66, 69, 0.8);
}
.dark.header .dropdown-menu > li > a:hover,
.dark.header .dropdown-menu > li > a:focus,
.dark.header .nav .open > a,
.dark.header .nav .open > a:hover,
.dark.header .nav .open > a:focus,
.dark.header .dropdown-menu > .active > a,
.dark.header .dropdown-menu > .active > a:hover,
.dark.header .dropdown-menu > .active > a:focus,
.dark.header .dropdown-menu .menu > .active > a,
.dark.header .dropdown-menu .menu > .active > a:hover,
.dark.header .dropdown-menu .menu > .active > a:focus {
  background-color: rgba(0, 0, 0, 0.2);
  color: #ffffff;
  border-color: rgba(57, 66, 69, 0.8);
}
.dark.header .dropdown .dropdown > a:before {
  color: #cccccc;
  top: 13px;
}
.dark.header .dropdown .dropdown.open > a:before {
  color: #ffffff;
}
/* Mobile Menu
------------------------------ */
/*Dark mobile menu toggle button*/
.dark .navbar-default .navbar-toggle {
  border-color: rgba(0, 0, 0, 0.7);
  background-color: rgba(0, 0, 0, 0.4);
}
.dark .navbar-default .navbar-toggle:hover,
.dark .navbar-default .navbar-toggle:focus {
  background-color: rgba(0, 0, 0, 0.1);
  border-color: rgba(0, 0, 0, 0.7);
}
.dark .navbar-default .navbar-toggle .icon-bar {
  background-color: #ccc;
}
.dark .navbar-default .navbar-toggle:hover .icon-bar,
.dark .navbar-default .navbar-toggle:focus .icon-bar {
  background-color: #ccc;
}
.dark .navbar-default .navbar-collapse,
.dark .navbar-default .navbar-form {
  border-color: #121212;
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  /* first level menu item */
  .dark.header .navbar.navbar-default {
    background-color: transparent;
    border: none;
    margin: 0;
  }
}
/* Small devices (tablets, phones less than 767px) */
@media (max-width: 767px) {
  /*Dark Mobile menu*/
  /* second level menu */
  .dark .navbar-default .navbar-nav .open .dropdown-menu {
    background-color: rgba(0, 0, 0, 0.2);
    border: none;
  }
  /* second level item */
  .dark .navbar-default .navbar-nav .open .dropdown-menu > li > a,
  .dark .navbar-default .navbar-nav .open .dropdown-menu .dropdown-header {
    color: #cccccc;
    border-color: rgba(255, 255, 255, 0.08);
  }
  /* item on hover/focus */
  .dark.header .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .dark.header .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
  .dark.header .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .dark.header .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .dark.header .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,
  .dark.header .navbar-default .navbar-nav > li > a:hover,
  .dark.header .navbar-default .navbar-nav > li > a:focus,
  .dark.header .navbar-default .navbar-nav > .active > a,
  .dark.header .navbar-default .navbar-nav > .active > a:hover,
  .dark.header .navbar-default .navbar-nav > .active > a:focus {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.2);
  }
  /* Arrow for parent menu item */
  .dark .navbar-default .navbar-nav > .dropdown.open > a:before {
    color: #ffffff;
  }
  .transparent-header .dark .main-navigation .navbar.navbar-default {
    background-color: rgba(57, 66, 69, 0.9);
    border-color: rgba(37, 42, 44, 0.5);
  }
}
/* 6.3 Subfooter navigation
----------------------------------------------------------------------------- */
.subfooter .navbar {
  margin: 0;
  min-height: 0;
  background: transparent;
  border-color: transparent;
}
.subfooter .navbar-default .nav > li > a {
  padding: 10px 10px;
  text-transform: none;
  line-height: 1;
  font-size: 14px;
  font-weight: 400;
  color: #999999;
}
.subfooter .navbar-default .nav li:last-child a,
.dark .subfooter .navbar-default .nav > li:last-child > a {
  border: none;
}
.subfooter .navbar-default .nav > li > a:hover,
.subfooter .navbar-default .nav > .active > a:hover,
.subfooter .navbar-default .nav > .active > a:focus {
  background-color: transparent;
  text-decoration: underline;
  color: #0c9ec7;
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .subfooter .navbar-nav {
    float: none;
    margin: 15px 0;
    text-align: center;
  }
  .subfooter .navbar-nav > li {
    float: none;
    padding: 5px 0;
  }
  .subfooter .navbar-default .nav > li > a {
    padding: 0px 10px;
  }
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .subfooter {
    text-align: left;
  }
  .subfooter .navbar-nav {
    float: right;
    margin: 0;
    text-align: left;
  }
  .subfooter .navbar-nav > li {
    float: left;
    padding: 0;
    margin-top: 2px;
  }
  .dark .subfooter .navbar-default .nav > li > a {
    border-right: 1px solid #333333;
  }
  .subfooter .navbar-default .nav > li > a {
    border-right: 1px solid #cdcdcd;
  }
}
/* Small devices (tablets, phones less than 767px) */
@media (max-width: 767px) {
  /* subfooter nav */
  .subfooter .navbar-default .navbar-toggle:hover,
  .subfooter .navbar-default .navbar-toggle:focus {
    background-color: transparent;
    border-color: #ddd;
  }
  .dark .subfooter .navbar-default .navbar-collapse {
    border-color: #888;
  }
  .subfooter .navbar-default .navbar-collapse {
    border-color: #000000;
  }
}
/* 6.4 Offcanvas navigation
----------------------------------------------------------------------------- */
.offcanvas {
  background-color: #333;
  border-color: #333;
}
.offcanvas-toggle-left {
  display: block;
  padding: 0;
  margin: 0; left:10px;
  position: fixed;
  top: 12px;
  z-index: 1031;
  text-align: center;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.offcanvas-toggle-left img { width:100%; }

.offcanvas-toggle-left:after {
  font-family: "FontAwesome";
  /*content: "\f00d";*/
  font-size: 22px;
  line-height: 35px;
  text-align: center;
  color: #000000;
}
#offcanvas.in + .offcanvas-toggle-left:after {
  /*content: "\f00d";*/
}
.offcanvas-toggle-right {
  display: block;
  padding: 0;
  margin: 0;
  position: fixed;
  width: 40px;
  height: 40px;
  top: 10px;
  right: 10px;
  z-index: 1031;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.85);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.offcanvas-toggle-right:after {
  font-family: "FontAwesome";
  content: "\f0c9";
  font-size: 22px;
  line-height: 35px;
  text-align: center;
  color: #000000;
}
#offcanvas.in + .offcanvas-toggle-right:after {
  content: "\f00d";
}
/*First level menu items*/
#offcanvas .navbar-nav > li,
#offcanvas .navbar-nav {
  float: none;
  margin: 0;
}
#offcanvas .navbar-nav > li > a {
  color: #333333;
  border-bottom: 1px solid #eeeeee;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 300;
}
#offcanvas .navbar-nav > li:last-child > a {
  border-bottom-color: transparent!important;
}
#offcanvas .nav .open > a,
#offcanvas .nav .open > a:hover,
#offcanvas .nav .open > a:focus,
#offcanvas .nav > li > a:hover,
#offcanvas .nav > li > a:focus,
#offcanvas .navbar-nav > li.active > a {
  color: #0c9ec7;
  background-color: #ffffff;
}
/*Second level menu items*/
#offcanvas .dropdown-menu {
  position: static;
  width: 100%;
  float: none;
  box-shadow: none;
  border: none;
  background-color: #ffffff;
  margin: 0;
}
#offcanvas.offcanvas-right .dropdown-menu {
  overflow: hidden;
}
#offcanvas .dropdown-menu > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  border-color: #f7f7f7;
  font-weight: 300;
  text-align: center;
  background-color: #f8f8f8;
}
/*Third level menu items*/
#offcanvas .dropdown-menu .dropdown-menu > li > a {
  background-color: #fafafa;
}
/*Fourth level menu items*/
#offcanvas .dropdown-menu .dropdown-menu .dropdown-menu > li > a {
  background-color: #ffffff;
}
/*Nav arrows*/
#offcanvas .dropdown > a:before {
  right: 15px;
  top: 13px;
  color: #777777;
}
#offcanvas .dropdown.open > a:before {
  color: #09afdf;
}
#offcanvas.offcanvas-right .dropdown > a:before {
  right: auto;
  left: 15px;
  top: 13px;
}
#offcanvas .dropdown .dropdown > a:before {
  content: "\f107";
}
/* 6.5 Full page navigation
----------------------------------------------------------------------------- */
.full-page .header-container header {
  background-color: rgba(255, 255, 255, 0.1);
  border-bottom: none;
  border-top: none;
  padding-bottom: 15px;
  padding-top: 10px;
}
.full-page .header-container header.dark {
  background-color: rgba(0, 0, 0, 0.1);
  padding-bottom: 15px;
}
.transparent-header.full-page .header-container header {
  background-color: transparent;
  padding-bottom: 15px;
}
/* 6.6 Misc
----------------------------------------------------------------------------- */
.dropdown-header {
  color: #333333;
  margin: -1px -1px 0 0;
  padding: 14px 20px 9px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
  text-align: center;
  background-color: rgba(0, 0, 0, 0.02);
}
/* 7 Blocks/Widgets
----------------------------------------------------------------------------- */
/* Logo, Site Slogan
---------------------------------- */
#logo img:hover,
#logo-mobile img:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.header.centered #logo img,
.header.centered #logo-mobile img {
  margin: 0 auto;
}
#logo-footer {
  margin-bottom: 20px;
}
.site-slogan {
  color: #777777;
  font-size: 11px;
  padding: 3px 0 0;
  font-weight: 300;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.offcanvas .logo {
  margin: 20px 0 10px;
}
.offcanvas .logo img {
  margin: 0 auto;
}
.offcanvas .site-slogan {
  text-align: center;
  margin-bottom: 20px;
  margin-top: -10px;
}
.transparent-header .header:not(.dark) .site-slogan {
  color: #000000;
}
.header.dark .site-slogan {
  color: #cdcdcd;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.4);
}
.transparent-header .header.dark .site-slogan {
  color: #f1f1f1;
}
/* Medium devices (tablets, phones) */
@media (min-width: 992px) and (max-width: 1199px) {
  .site-slogan {
    font-size: 11px;
  }
}
/* Small devices (tablets, phones less than 991px) */
@media (max-width: 991px) {
  header:not(.full-width) .logo img {
    margin: 0 auto;
  }
  body.full-page header .logo img {
    margin: 0;
  }
  .site-slogan {
    text-align: center;
  }
  body.full-page .site-slogan {
    text-align: left;
  }
}
/* Small devices (tablets, phones less than 767px) */
@media (max-width: 767px) {
  .navbar-header #logo img,
  .navbar-header #logo-mobile img {
    max-height: 35px;
    margin-left: 15px;
  }
}
/* Small devices (phones less than 480px) */
@media (max-width: 480px) {
  header:not(.full-width) .header-dropdown-buttons + .logo img {
    margin: 0;
  }
  .header-dropdown-buttons ~ .site-slogan {
    text-align: left;
  }
}
/* Social icons block
---------------------------------- */
.social-links {
  list-style: none;
  font-size: 0;
  margin-top: 15px;
  margin-bottom: 10px;
  padding-left: 0;
}
.social-links li {
  display: inline-block;
  margin: 0 2px 2px 0;
}
.social-links li a {
  width: 40px;
  height: 40px;
  display: block;
  text-align: center;
  font-size: 18px;
  border: 1px solid #e7e7e7;
  color: #cdcdcd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.social-links li a i {
  line-height: 40px;
}
.social-links li a:hover {
  background-color: transparent;
  border-color: #0c9ec7;
  color: #0c9ec7;
}
.social-links.animated-effect-1 li a {
  -webkit-transition: color 0.4s;
  -o-transition: color 0.4s;
  transition: color 0.4s;
  position: relative;
  z-index: 1;
}
.social-links.animated-effect-1 li a:hover {
  color: #ffffff!important;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}
.social-links.animated-effect-1 li a:after {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  content: '';
  top: 0px;
  left: 0px;
  padding: 0px;
  z-index: -1;
  background-color: #09afdf;
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s, background-color 0.4s;
  -moz-transition: -moz-transform 0.4s, opacity 0.4s, background-color 0.4s;
  transition: transform 0.4s, opacity 0.4s, background-color 0.4s;
  -webkit-transform: scale(1.4);
  -moz-transform: scale(1.4);
  -ms-transform: scale(1.4);
  -o-transform: scale(1.4);
  transform: scale(1.4);
  opacity: 0;
  filter: alpha(opacity=0);
}
.social-links.animated-effect-1 li a:hover:after {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-transition: -webkit-transform 0s, opacity 0.3s, background-color 0.3s;
  -moz-transition: -moz-transform 0s, opacity 0.3s, background-color 0.3s;
  transition: transform 0s, opacity 0.3s, background-color 0.3s;
}
.social-links.animated-effect-1:not(.circle) li a:after {
  -webkit-border-radius: 0%;
  -moz-border-radius: 0%;
  border-radius: 0%;
}
.default.social-links li a {
  background-color: #09afdf;
  border: 1px solid #0c9ec7;
  color: #ffffff;
}
.default.social-links li a:hover {
  background-color: #ffffff;
  color: #777777;
}
.dark .social-links li a {
  background-color: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #ffffff;
}
.dark.social-links li a {
  background-color: rgba(0, 0, 0, 0.6);
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #ffffff;
}
.dark.social-links li a:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.colored .social-links li a {
  background-color: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.01);
  color: #ffffff;
}
.header-top .social-links {
  margin: 0;
  display: inline-block;
  margin-top: 2px;
}
.full-page .header .social-links {
  margin-top: 15px;
  margin-bottom: 0;
}
.footer-content .social-links li {
  margin: 0 5px 5px 0;
}
.footer-content .social-links li a {
  color: #777777;
  background-color: transparent;
  border-color: #777777;
}
.footer-content .social-links li a:hover {
  color: #fff;
  background-color: #777777;
  border-color: #777777;
}
.social-links.small li a {
  width: 30px;
  height: 30px;
  font-size: 14px;
}
.social-links.small li a i {
  line-height: 29px;
}
.social-links.large li a {
  width: 60px;
  height: 60px;
  font-size: 24px;
}
.social-links.large li a i {
  line-height: 60px;
}
.social-links.square li a,
.square {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.social-links.circle li a {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.social-links.animated-effect-1 li.twitter a:hover {
  border-color: #55acee;
}
.social-links:not(.animated-effect-1) li.twitter a:hover,
.colored.social-links li.twitter a,
.social-links.animated-effect-1 li.twitter a:after,
.btn.twitter {
  background-color: #55acee;
  border-color: #55acee;
  color: #fff;
}
.social-links.animated-effect-1 li.skype a:hover {
  border-color: #00aff0;
}
.social-links:not(.animated-effect-1) li.skype a:hover,
.colored.social-links li.skype a,
.social-links.animated-effect-1 li.skype a:after,
.btn.skype {
  background-color: #00aff0;
  border-color: #00aff0;
  color: #fff;
}
.social-links.animated-effect-1 li.linkedin a:hover {
  border-color: #0976b4;
}
.social-links:not(.animated-effect-1) li.linkedin a:hover,
.colored.social-links li.linkedin a,
.social-links.animated-effect-1 li.linkedin a:after,
.btn.linkedin {
  background-color: #0976b4;
  border-color: #0976b4;
  color: #fff;
}
.social-links.animated-effect-1 li.googleplus a:hover {
  border-color: #dd4b39;
}
.social-links:not(.animated-effect-1) li.googleplus a:hover,
.colored.social-links li.googleplus a,
.social-links.animated-effect-1 li.googleplus a:after,
.btn.googleplus {
  background-color: #dd4b39;
  border-color: #dd4b39;
  color: #fff;
}
.social-links.animated-effect-1 li.youtube a:hover {
  border-color: #b31217;
}
.social-links:not(.animated-effect-1) li.youtube a:hover,
.colored.social-links li.youtube a,
.social-links.animated-effect-1 li.youtube a:after,
.btn.youtube {
  background-color: #b31217;
  border-color: #b31217;
  color: #fff;
}
.social-links.animated-effect-1 li.flickr a:hover {
  border-color: #ff0084;
}
.social-links:not(.animated-effect-1) li.flickr a:hover,
.colored.social-links li.flickr a,
.social-links.animated-effect-1 li.flickr a:after,
.btn.flickr {
  background-color: #ff0084;
  border-color: #ff0084;
  color: #fff;
}
.social-links.animated-effect-1 li.facebook a:hover {
  border-color: #3b5998;
}
.social-links:not(.animated-effect-1) li.facebook a:hover,
.colored.social-links li.facebook a,
.social-links.animated-effect-1 li.facebook a:after,
.btn.facebook {
  background-color: #3b5998;
  border-color: #3b5998;
  color: #fff;
}
.social-links.animated-effect-1 li.pinterest a:hover {
  border-color: #cb2027;
}
.social-links:not(.animated-effect-1) li.pinterest a:hover,
.colored.social-links li.pinterest a,
.social-links.animated-effect-1 li.pinterest a:after,
.btn.pinterest {
  background-color: #cb2027;
  border-color: #cb2027;
  color: #fff;
}
.social-links.animated-effect-1 li.instagram a:hover {
  border-color: #517fa4;
}
.social-links:not(.animated-effect-1) li.instagram a:hover,
.colored.social-links li.instagram a,
.social-links.animated-effect-1 li.instagram a:after,
.btn.instagram {
  background-color: #517fa4;
  border-color: #517fa4;
  color: #fff;
}
.social-links.animated-effect-1 li.vimeo a:hover {
  border-color: #aad450;
}
.social-links:not(.animated-effect-1) li.vimeo a:hover,
.colored.social-links li.vimeo a,
.social-links.animated-effect-1 li.vimeo a:after,
.btn.vimeo {
  background-color: #aad450;
  border-color: #aad450;
  color: #fff;
}
.social-links.animated-effect-1 li.tumblr a:hover {
  border-color: #32506d;
}
.social-links:not(.animated-effect-1) li.tumblr a:hover,
.colored.social-links li.tumblr a,
.social-links.animated-effect-1 li.tumblr a:after,
.btn.tumblr {
  background-color: #32506d;
  border-color: #32506d;
  color: #fff;
}
.social-links.animated-effect-1 li.soundcloud a:hover {
  border-color: #ff3a00;
}
.social-links:not(.animated-effect-1) li.soundcloud a:hover,
.colored.social-links li.soundcloud a,
.social-links.animated-effect-1 li.soundcloud a:after,
.btn.soundcloud {
  background-color: #ff3a00;
  border-color: #ff3a00;
  color: #fff;
}
.social-links.animated-effect-1 li.foursquare a:hover {
  border-color: #0072b1;
}
.social-links:not(.animated-effect-1) li.foursquare a:hover,
.colored.social-links li.foursquare a,
.social-links.animated-effect-1 li.foursquare a:after,
.btn.foursquare {
  background-color: #0072b1;
  border-color: #0072b1;
  color: #fff;
}
.social-links.animated-effect-1 li.dribbble a:hover {
  border-color: #ea4c89;
}
.social-links:not(.animated-effect-1) li.dribbble a:hover,
.colored.social-links li.dribbble a,
.social-links.animated-effect-1 li.dribbble a:after,
.btn.dribbble {
  background-color: #ea4c89;
  border-color: #ea4c89;
  color: #fff;
}
.social-links.animated-effect-1 li.xing a:hover {
  border-color: #126567;
}
.social-links:not(.animated-effect-1) li.xing a:hover,
.colored.social-links li.xing a,
.social-links.animated-effect-1 li.xing a:after,
.btn.xing {
  background-color: #126567;
  border-color: #126567;
  color: #fff;
}
.social-links.animated-effect-1 li.behance a:hover {
  border-color: #126567;
}
.social-links:not(.animated-effect-1) li.behance a:hover,
.colored.social-links li.behance a,
.social-links.animated-effect-1 li.behance a:after,
.btn.behance {
  background-color: #053eff;
  border-color: #053eff;
  color: #fff;
}
.social-links.animated-effect-1 li.vine a:hover {
  border-color: #126567;
}
.social-links:not(.animated-effect-1) li.vine a:hover,
.colored.social-links li.vine a,
.social-links.animated-effect-1 li.vine a:after,
.btn.vine {
  background-color: #00a478;
  border-color: #00a478;
  color: #fff;
}
.social-links.animated-effect-1 li.stumbleupon a:hover {
  border-color: #126567;
}
.social-links:not(.animated-effect-1) li.stumbleupon a:hover,
.colored.social-links li.stumbleupon a,
.social-links.animated-effect-1 li.stumbleupon a:after,
.btn.stumbleupon {
  background-color: #f74425;
  border-color: #f74425;
  color: #fff;
}
.social-links .dropdown > button {
  padding: 1px 15px 0px;
  font-size: 16px;
  color: #999999;
  text-align: center;
  min-width: 0;
  margin: 0;
  background-color: transparent;
  -moz-box-shadow: none !important;
  -o-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.social-links .dropdown > button i {
  width: 15px;
}
.header-top:not(.dark) .social-links .dropdown.open > button > i:before {
  color: #09afdf;
}
.header-top.colored .social-links .dropdown > button > i:before,
.header-top.colored .social-links .dropdown.open > button > i:before {
  color: #ffffff;
}
.header-top .social-links .dropdown.open > button > i:before {
  content: "\f00d";
}
.social-links .dropdown-menu {
  z-index: 103;
  padding: 5px;
  min-width: 270px;
  margin-top: 6px;
  font-size: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #f2f2f2;
  border: 1px solid #D0D0D0;
  border-top: none;
}
.social-links .dropdown-menu li a,
.dark .social-links .dropdown-menu li a i,
.colored .social-links .dropdown-menu li a i {
  padding: 0;
  line-height: 30px;
  color: #ffffff;
}
.social-links .dropdown-menu li a i {
  padding-left: 0;
}
.social-links .dropdown-menu li a:hover i {
  color: #ffffff;
}
/*Header Dropdowns (search, cart etc)
---------------------------------- */
/*Header Dropdowns*/
.transparent-header .header-dropdown-buttons .btn-group > .btn {
  background-color: transparent;
  border: 1px solid #999999;
  color: #000000;
}
.transparent-header.gradient-background-header .header-dropdown-buttons .btn-group > .btn {
  border: 1px solid #333333;
}
.header-dropdown-buttons .btn-group:first-child {
  margin-right: 5px;
}
.header-dropdown-buttons .btn-group > .btn {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  padding: 0;
  line-height: 38px;
  text-align: center;
  background-color: #f2f2f2;
  border: 1px solid #e9e9e9;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin: 0;
}
.header-dropdown-buttons .btn-group > .btn:hover {
  background-color: #09afdf;
  color: #fff;
  border-color: #0c9ec7;
}
.header-dropdown-buttons .btn-group .dropdown-menu {
  z-index: 103;
  padding: 20px;
  min-width: 280px;
  margin-top: 18px;
  top: 100%;
  border: none;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
.header-dropdown-buttons .btn-group.open > .btn {
  background-color: #09afdf;
  color: #fff;
  border-color: #0c9ec7;
}
.header.centered .header-dropdown-buttons .btn-group .dropdown-menu {
  margin-top: 8px;
}
.dark .header-dropdown-buttons .btn-group > .btn,
.colored .header-dropdown-buttons .btn-group > .btn {
  background-color: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.15);
  text-shadow: 1px 1px rgba(0, 0, 0, 0.7);
  color: #cdcdcd;
}
.dark .header-dropdown-buttons .btn-group > .btn:hover,
.colored .header-dropdown-buttons .btn-group > .btn:hover {
  background-color: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(0, 0, 0, 0.25);
}
.dark .header-dropdown-buttons .btn-group.open > .btn,
.colored .header-dropdown-buttons .btn-group.open > .btn {
  background-color: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(0, 0, 0, 0.25);
}
.btn-group.open .dropdown-animation {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
/*Header Top Dropdowns*/
.header-top-dropdown .dropdown-menu {
  z-index: 103;
  padding: 20px;
  min-width: 280px;
  margin-top: 6px;
  border: 1px solid #D0D0D0;
  border-top: none;
  background: #f2f2f2;
  font-weight: 400;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
.header-top-dropdown .login-form ul {
  padding-left: 0;
  list-style-position: inside;
  margin: 15px 0 10px;
}
.header-top-dropdown .login-form .social-links {
  padding-left: 20px;
  margin: 0;
}
.header-top-dropdown .login-form label {
  font-weight: 400;
}
.dark.header-top .dropdown-menu {
  border: 1px solid #252a2c;
  border-top: none;
  background: #2e3537;
}
.colored.header-top .dropdown-menu {
  border: 1px solid #09afdf;
  border-top: none;
  background: #09afdf;
}
.search-box .form-group {
  margin-bottom: 0;
}
/*Button Groups*/
.header-top .btn-group {
  margin: 3px 0 2px;
}
.header-top .btn-group .btn {
  margin: 0;
  text-decoration: none;
}
/* Extra small devices (phones, less than 480px) */
@media (max-width: 480px) {
  .header-top-dropdown .btn-group {
    position: static;
  }
  .header-top-dropdown .dropdown-menu {
    right: 15px!important;
    margin-top: 5px;
    width: 100%;
  }
}
/*Dark Dropdowns
---------------------------------- */
.dark.btn-group .dropdown-menu {
  background-color: #333333;
  border: 1px solid #424242;
  border-bottom: none;
}
.dark.btn-group .dropdown-menu .divider {
  background-color: #505050;
}
.dark.btn-group .dropdown-menu > li > a,
.dark.btn-group .mega-menu .menu > li > a {
  color: #cccccc;
  border-bottom: 1px solid #424242;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.7);
}
.dark.btn-group .dropdown-menu > li > a:hover,
.dark.btn-group .dropdown-menu > li > a:focus,
.dark.btn-group .nav .open > a,
.dark.btn-group .nav .open > a:hover,
.dark.btn-group .nav .open > a:focus,
.dark.btn-group .dropdown-menu > .active > a,
.dark.btn-group .dropdown-menu > .active > a:hover,
.dark.btn-group .dropdown-menu > .active > a:focus {
  background-color: rgba(0, 0, 0, 0.2);
  color: #ffffff;
  border-color: #424242;
}
.dark.btn-group .dropdown .dropdown > a:before {
  color: #cccccc;
  top: 13px;
}
.dark.btn-group .dropdown .dropdown.open > a:before {
  color: #ffffff;
}
/* Login/Register Forms
---------------------------------- */
.form-block {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  width: 630px;
}
.form-block .social-links {
  display: inline-block;
  margin: 0 0 0 5px;
}
.form-block ul {
  padding-left: 0;
  list-style-position: inside;
}
.light-gray-bg.form-block h2,
.light-gray-bg.form-block a,
.light-gray-bg.form-block a:hover,
.light-gray-bg.form-block {
  color: #777777;
}
/* Small devices (tablets, phones less than 767px) */
@media (max-width: 767px) {
  .form-block {
    width: 90%;
  }
}
/* Latest tweets block
---------------------------------- */
ul.tweets {
  list-style: none;
  padding: 0;
}
ul.tweets li {
  margin-bottom: 20px;
  position: relative;
  padding-left: 35px;
}
ul.tweets li i {
  position: absolute;
  top: 4px;
  left: 0;
  width: 25px;
  height: 25px;
  text-align: center;
  color: #777777;
}
ul.tweets li p {
  margin-bottom: 5px;
}
ul.tweets li span {
  font-size: 12px;
  color: #777777;
}
/* Media 
---------------------------------- */
.media {
  margin-top: 0;
  margin-bottom: 25px;
}
.media img {
  max-width: none;
}
.footer-content .media img,
.block .media img {
  width: 60px;
}
.media-heading {
  margin-bottom: 0;
}
h6.media-heading {
  margin-bottom: 5px;
}
.media:hover .icon {
  background-color: transparent;
  color: #09afdf;
  border: 1px solid #09afdf;
}
.dark-bg .media:hover .icon {
  border-color: #cdcdcd;
  color: #cdcdcd;
}
.media:hover .icon:after {
  content: "";
  border-color: transparent;
}
/* Testimonials
---------------------------------- */
.testimonial {
  padding: 20px 0;
}
.testimonial blockquote {
  margin: 0;
}
.testimonial .separator {
  margin: 15px auto 5px;
}
.testimonial-image {
  width: 90px;
  margin: 0 auto;
}
.testimonial-info-1 {
  font-size: 12px;
}
.testimonial-info-2 {
  font-size: 12px;
  font-weight: 400;
}
.testimonial h3 {
  margin-bottom: 0;
  margin-top: 15px;
}
.testimonial p {
  margin-bottom: 15px;
}
/* Clients
---------------------------------- */
.clients-container {
  text-align: center;
}
.clients {
  margin: 10px auto;
}
.clients .client-image {
  text-align: center;
  width: 80px;
  height: 80px;
  margin: 5px;
  display: inline-block;
}
.clients img {
  margin: 0px auto;
}
/* Full Width Content
---------------------------------- */
.full-width-section {
  position: relative;
}
.full-text-container {
  position: absolute;
  top: 30%;
  padding: 20px 40px;
  z-index: 2;
}
.full-image-overlay {
  display: none;
  position: absolute;
  width: 100%;
  top: 50%;
  padding: 0 10%;
  margin-top: -133px;
  color: #ffffff;
  z-index: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.full-image-overlay h3 {
  color: #ffffff;
}
.to-right-block {
  margin-left: auto;
  display: block;
}
/* Large devices (Large desktops 1200px and up) */
@media (min-width: 1200px) {
  .full-width-section {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
  }
  .full-width-section.no-image {
    min-height: 400px;
  }
  .full-image-container {
    width: 50%;
    display: table-cell;
    position: relative;
    overflow: hidden;
  }
  .full-image-overlay {
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  .full-image-container:before {
    content: '';
    position: absolute;
    top: 5%;
    right: 0%;
    width: 50%;
    height: 90%;
    background-color: rgba(55, 55, 55, 0.6);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
  }
  .full-text-container + .full-image-container:before {
    right: auto;
    left: 0;
  }
  .full-width-section:hover .full-image-container:before,
  .full-width-section .full-image-container.hovered:before {
    width: 90%;
    right: 5%;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
  }
  .full-width-section:hover .full-text-container + .full-image-container:before,
  .full-width-section .full-text-container + .full-image-container.hovered:before {
    right: auto;
    left: 5%;
  }
  .full-width-section:hover .full-image-overlay,
  .full-width-section .hovered .full-image-overlay {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
  }
  .full-text-container {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    padding: 0 50px;
    position: static;
  }
  .full-text-container * {
    max-width: 700px;
  }
  .full-text-container.left {
    text-align: right;
  }
  .full-text-container.left * {
    margin-left: auto;
  }
  .full-text-container p {
    margin-bottom: 10px;
  }
}
/* Large and Medium devices (desktops, tablets less than 1199px) */
@media (max-width: 1199px) {
  .no-image .full-text-container {
    position: static;
    display: block;
  }
  .full-width-section:not(.no-image) .full-text-container.dark-bg {
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
  }
  .full-width-section:not(.no-image) .full-text-container.light-gray-bg {
    background-color: rgba(255, 255, 255, 0.8);
    color: #000000;
    border-top: none;
    border-bottom: none;
    width: 100%;
  }
  .full-width-section:not(.no-image) .full-text-container.default-bg {
    background-color: rgba(9, 175, 223, 0.6);
    width: 100%;
  }
  .full-width-section .to-right-block,
  .full-width-section img {
    margin: 0 auto;
  }
}
/* Medium devices (desktops, tablets less than 991px) */
@media (max-width: 991px) {
  .full-width-section:not(.no-image) .full-text-container {
    top: 0;
    height: 100%;
    padding: 0 20px;
  }
  .full-text-container h1 {
    font-size: 28px;
  }
}
/* Extra small devices (phones, less than 480px) */
@media (max-width: 480px) {
  .full-text-container {
    position: static;
    padding: 20px!important;
  }
}
/* Call to action
---------------------------------- */
.call-to-action h1,
.call-to-action a {
  margin: 0;
}
.call-to-action p {
  margin-bottom: 10px;
}
/* Small devices (tablets, phones less than 767px) */
@media (max-width: 767px) {
  .call-to-action .text-right {
    text-align: left;
  }
}
/* Counters
---------------------------------- */
.counter {
  display: block;
  font-size: 32px;
  line-height: 1;
}
/* Pricing tables
---------------------------------- */
.pricing-tables {
  margin: 60px 0 0;
}
.plan {
  text-align: center;
  margin-bottom: 40px !important;
}
.plan.round-corners .header {
  -webkit-border-radius: 25px 25px 0 0;
  -moz-border-radius: 25px 25px 0 0;
  border-radius: 25px 25px 0 0;
}
.plan.round-corners ul li:last-child,
.plan.round-corners ul {
  -webkit-border-radius: 0 0 25px 25px;
  -moz-border-radius: 0 0 25px 25px;
  border-radius: 0 0 25px 25px;
}
.plan .header {
  padding: 0;
  margin: 0 -1px;
  border: none;
}
.plan .header h3 {
  font-size: 36px;
  margin: 0;
  line-height: 36px;
  font-weight: 300;
  padding: 15px 0 10px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-top: none;
}
.plan .header .price {
  font-size: 28px;
  padding: 8px 0 10px;
  font-weight: 300;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  line-height: 1;
  color: #ffffff;
}
.plan ul {
  margin: 0;
  padding: 0;
  font-size: 14px;
  list-style: none;
}
.plan ul li {
  padding: 12px 0px;
  font-size: 13px;
  border-bottom: 1px solid #f3f3f3;
  border-top: 1px solid #ffffff;
  color: #333333;
}
.best-value.plan ul li {
  padding: 15px 0;
}
.plan ul li a.pt-popover {
  color: #000;
  border-bottom: 1px dashed #000;
  position: relative;
}
.plan ul li a.pt-popover:hover {
  text-decoration: none;
}
.plan ul li a.pt-popover:after {
  position: absolute;
  top: 0px;
  left: -15px;
  font-family: "FontAwesome";
  content: "\f059";
  color: #ddd;
  font-size: 12px;
}
.popover {
  width: 250px;
  font-size: 13px;
  text-align: center;
  border: none;
}
.popover-title {
  background-color: #09afdf;
  color: #ffffff;
  text-shadow: none;
  font-size: 13px;
}
.popover-content {
  font-size: 12px;
}
.circle-head .plan .header {
  padding: 0;
  border: none;
  width: 160px;
  height: 160px;
  border-radius: 100%;
  margin: 20px auto;
  padding: 10px 0;
}
.circle-head .plan .header h3 {
  font-size: 26px;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding-top: 27px;
}
.circle-head .plan .header .price {
  height: 80px;
  border: none;
  padding-top: 15px;
  font-size: 22px;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.stripped .plan ul {
  -webkit-box-shadow: 0px -15px 32px 0px #cacaca inset;
  -moz-box-shadow: 0px -15px 32px 0px #cacaca inset;
  box-shadow: 0px -15px 32px 0px #cacaca inset;
  background: #fdfdfd;
}
.stripped .plan ul li {
  border: 1px solid #ececec;
  border-top: none;
  color: #666;
}
.stripped .plan ul li:nth-child(even) {
  -webkit-box-shadow: 0px 0px 40px #e4e4e4 inset;
  -moz-box-shadow: 0px 0px 40px #e4e4e4 inset;
  box-shadow: 0px 0px 40px #e4e4e4 inset;
  background: #ffffff;
  border-right: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .best-value.plan {
    top: -30px;
    position: relative;
    z-index: 2;
  }
}
/* Google maps
---------------------------------- */
#map-canvas {
  height: 450px;
}
#map-canvas.small {
  height: 347px;
}
#collapseMap {
  overflow: hidden;
  height: 0;
  -webkit-transition: height 0.3s ease-in-out;
  -o-transition: height 0.3s ease-in-out;
  transition: height 0.3s ease-in-out;
}
#collapseMap.in {
  height: 450px;
}
.footer-content #map-canvas {
  height: 300px;
}
#map-canvas img {
  max-width: inherit;
}
/* Tags cloud block
---------------------------------- */
.tags-cloud {
  font-size: 0;
}
.tag {
  display: inline-block;
  margin: 0 3px 3px 0;
}
.tag a {
  padding: 3px 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #ffffff;
  display: block;
  font-size: 11px;
  background-color: #09afdf;
  border: 1px solid #0c9ec7;
}
.tag a:hover {
  color: #09afdf;
  background-color: #ffffff;
  border-color: #0c9ec7;
  text-decoration: none;
}
.dark .tag a {
  color: #777777;
  background-color: transparent;
  border: 1px solid #333333;
}
.dark .tag a:hover {
  color: #ffffff;
  background-color: #777777;
  border-color: #777777;
  text-decoration: none;
}
/* Credit Carts Block
---------------------------------- */
.icons-block i {
  display: inline-block;
  font-size: 30px;
  color: #999999;
}
/* Isotope filtering
---------------------------------- */
.isotope-container {
  display: none;
}
.isotope-container-fitrows {
  display: none;
}
/* Small devices (tablets, phones less than 991px) */
@media (max-width: 991px) {
  .isotope-item,
  .masonry-grid-item {
    max-width: 100%;
  }
}
/* Affix Menu
---------------------------------- */
.sidebar.affix {
  position: static;
}
/* Show and affix the side nav when space allows it */
/* Medium devices (desktops, tablets, 992px and up) */
@media (min-width: 992px) {
  .col-md-4 .sidebar.affix,
  .col-md-4 .sidebar.affix-bottom {
    width: 293px;
  }
  .col-md-3 .sidebar.affix,
  .col-md-3 .sidebar.affix-bottom {
    width: 213px;
  }
  .sidebar.affix {
    position: fixed;
    top: 20px;
  }
  .fixed-header-on .sidebar.affix {
    top: 65px;
  }
  .sidebar.affix-bottom {
    position: absolute;
  }
  .sidebar.affix-bottom .affix-menu,
  .sidebar.affix .affix-menu {
    margin-top: 0;
    margin-bottom: 0;
  }
  .affix-menu {
    padding-top: 20px;
  }
  h3.title ~ .affix-menu {
    padding-top: 0px;
  }
}
/* Large devices (Large desktops 1200px and up) */
@media (min-width: 1200px) {
  .col-md-4 .sidebar.affix,
  .col-md-4 .sidebar.affix-bottom {
    width: 390px;
  }
  .col-md-3 .sidebar.affix,
  .col-md-3 .sidebar.affix-bottom {
    width: 263px;
  }
}
/* Scroll to top
---------------------------------- */
.scrollToTop {
  color: #fff;
  position: fixed;
  bottom: 5px;
  right: 5px;
  width: 50px;
  height: 50px;
  text-align: center;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1005;
  display: none;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

@media (max-width:1199px) {
 .scrollToTop { bottom: 35px;}
}

.scrollToTop i {
  line-height: 50px;
  font-size: 24px;
}
.scrollToTop:hover {
  background-color: rgba(0, 0, 0, 0.6);
}
/* Small devices (tablets, phones less than 767px) */
@media (max-width: 767px) {
  .scrollToTop {
    width: 40px;
    height: 40px;
    background-color: rgba(0, 0, 0, 0.4);
  }
  .scrollToTop i {
    line-height: 40px;
    font-size: 20px;
  }
}
/* 8 Main Slideshow
----------------------------------------------------------------------------- */
.slider-banner-container,
.slider-revolution-5-container {
  width: 100%;
  position: relative;
  padding: 0;
}
.slider-banner-fullscreen,
.slider-banner-fullwidth {
  width: 100%;
  position: relative;
}
.slider-banner-container ul.slides,
.slider-revolution-5-container ul.slides {
  display: none;
}
/*Spinner*/
.tp-loader.spinner2 {
  background-color: #999;
}
/*Captions*/
.tp-caption {
  z-index: 5;
}
.tp-caption a,
.tp-caption a:hover {
  color: #ffffff;
}
.tp-caption a.btn-gray,
.tp-caption a.btn-gray:hover {
  color: #333333;
}
.caption-box {
  max-width: 540px;
  color: #ffffff;
  white-space: normal;
  padding: 20px;
  border: none;
}
.caption-box h2 {
  color: #ffffff;
}
/*text rotator*/
.tp-caption .text-rotator {
  min-width: 580px;
  display: inline-block;
}
.light-translucent-bg.caption-box h2,
.light-translucent-bg.caption-box p {
  color: #333333;
  font-weight: 400;
}
.caption-box:after {
  z-index: -1;
}
.slideshow .dark-translucent-bg:not(.caption-box),
.slideshow .light-translucent-bg:not(.caption-box) {
  border-top: none;
  border-bottom: none;
  position: absolute;
  left: 0;
  top: 0!important;
  width: 100%;
  height: 100%;
}
.slideshow .dark-translucent-bg {
  background-color: rgba(0, 0, 0, 0.4);
}
.slideshow .light-translucent-bg {
  background-color: rgba(255, 255, 255, 0.4);
}
.slideshow .dark-translucent-bg:after,
.slideshow .light-translucent-bg:after {
  background-color: transparent;
}
.xlarge_white {
  font-size: 68px;
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  color: #ffffff;
  line-height: 1.2;
}
.large_white {
  font-size: 42px;
  font-family: 'Raleway', sans-serif;
  color: #ffffff;
  line-height: 1.2;
}
.medium_white {
  font-size: 24px;
  color: #ffffff;
  font-weight: 300;
}
.small_white {
  font-size: 16px;
  color: #ffffff;
  font-weight: 300;
}
.xlarge_dark {
  font-size: 68px;
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  color: #333;
  line-height: 1.2;
}
.large_dark {
  font-size: 42px;
  font-family: 'Raleway', sans-serif;
  color: #333;
  line-height: 1.2;
}
.tp-caption.medium_dark {
  font-family: 'Roboto', sans-serif;
  font-size: 24px;
  color: #333;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.4583;
}
.small_dark {
  font-size: 16px;
  color: #333;
  font-weight: 400;
}
.text-shadow-light {
  text-shadow: 2px 2px 25px rgba(255, 255, 255, 0.5);
}
.text-shadow-dark {
  text-shadow: 2px 2px 25px #000000;
}
.tp-caption .separator,
.tp-caption .separator-2,
.tp-caption .separator-3 {
  width: 500px;
}
.slider-banner-boxedwidth .tp-caption[data-x="left"] {
  margin-left: 20px!important;
}
.slider-banner-boxedwidth .tp-caption[data-x="right"] {
  margin-right: 20px!important;
}
/* Large and Medium devices (desktops, tablets less than 1199px) */
@media (max-width: 1199px) {
  .tp-caption[data-x="left"] {
    margin-left: 20px!important;
  }
  .tp-caption[data-x="right"] {
    margin-right: 20px!important;
  }
  .caption-box {
    max-width: 480px!important;
  }
  .caption-box p {
    font-size: 14px;
    line-height: 1.5;
  }
}
/* Small devices (tablets, phones less than 767px) */
@media (max-width: 767px) {
  .tp-caption .separator,
  .tp-caption .separator-2,
  .tp-caption .separator-3 {
    width: 250px;
  }
  .caption-box {
    max-width: 420px!important;
    width: 100%;
  }
  .caption-box h2 {
    font-size: 22px;
  }
}
/* Small devices (smartphones less than 480px) */
@media (max-width: 480px) {
  .caption-box {
    display: none;
  }
  .tp-caption .text-rotator {
    min-width: 250px;
  }
}
/*Slider Moving Button*/
.tp-caption .btn.moving {
  padding: 10px 0px 20px;
}
.tp-caption .btn.moving i {
  display: block;
  font-size: 24px;
  line-height: 1px;
  height: 10px;
  color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}
.tp-caption .btn.moving i + i {
  opacity: 0.66;
  filter: alpha(opacity=66);
}
.tp-caption .btn.moving i + i + i {
  opacity: 0.33;
  filter: alpha(opacity=33);
}
.moving i + i + i {
  -webkit-animation: opacity_first 2s linear infinite;
  animation: opacity_first 2s linear infinite;
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}
.moving i + i {
  -webkit-animation: opacity_second 2s linear infinite;
  animation: opacity_second 2s linear infinite;
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}
.moving > i {
  -webkit-animation: opacity_third 2s linear infinite;
  animation: opacity_third 2s linear infinite;
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}
@-webkit-keyframes opacity_first {
  0% {
    opacity: 0.33;
    filter: alpha(opacity=33);
  }
  24.91% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  49.833% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@keyframes opacity_first {
  0% {
    opacity: 0.33;
    filter: alpha(opacity=33);
  }
  24.91% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  49.833% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@-webkit-keyframes opacity_second {
  0% {
    opacity: 0.66;
    filter: alpha(opacity=66);
  }
  16.66% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  41.5833% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@keyframes opacity_second {
  0% {
    opacity: 0.66;
    filter: alpha(opacity=66);
  }
  16.66% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  41.5833% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@-webkit-keyframes opacity_third {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  33.33% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@keyframes opacity_third {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  33.33% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
/* Small devices (tablets, phones less than 767px) */
@media (max-width: 767px) {
  .tp-caption .btn.moving {
    position: absolute;
    bottom: -100px;
    left: 50%;
    margin-left: -18px;
  }
}
/*Nav Controls*/
/*Prev/Next Nav Controls*/
.tparrows.preview2 {
  background-color: rgba(0, 0, 0, 0.4);
  color: #ffffff;
  -webkit-border-radius: 0px 3px 3px 0;
  -moz-border-radius: 0px 3px 3px 0;
  border-radius: 0px 3px 3px 0;
}
.tp-rightarrow.preview2 {
  -webkit-border-radius: 3px 0px 0px 3px;
  -moz-border-radius: 3px 0px 0px 3px;
  border-radius: 3px 0px 0px 3px;
}
.tparrows.preview2:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.tparrows.preview2:after {
  content: "";
}
.tparrows.preview2:before {
  font-family: "fontello";
  content: "\e876";
  color: #ffffff;
  font-size: 24px;
  line-height: 60px;
  left: 22px;
  position: absolute;
}
.tp-rightarrow.preview2:before {
  left: auto;
  content: "\e877";
  right: 22px;
}
.tparrows.preview2 .tp-arr-titleholder {
  color: #ffffff;
  text-transform: none;
  font-weight: 300;
  font-family: 'Raleway', sans-serif;
}
/*Slider Revolution 5*/
.hebe.tparrows {
  min-width: 50px;
  min-height: 50px;
}
.hebe.tparrows,
.hebe.tparrows:before {
  background-color: rgba(0, 0, 0, 0.2);
  color: rgba(255, 255, 255, 0.8);
}
.hebe.tparrows:before {
  line-height: 50px;
  min-width: 50px;
  min-height: 50px;
  font-size: 22px;
}
.hebe.tparrows:hover:before {
  color: rgba(255, 255, 255, 0.8);
}
.hebe .tp-arr-titleholder {
  line-height: 70px;
}
.hebe .tp-arr-titleholder {
  text-transform: none;
  font-weight: 300;
  font-family: 'Raleway', sans-serif;
  padding-left: 70px;
}
.hebe.tp-rightarrow .tp-arr-titleholder {
  padding-right: 70px;
}
/* Small devices (tablets, phones 768px and Up) */
@media (min-width: 768px) {
  .tparrows.preview4 {
    height: 200px;
  }
  .tparrows.preview4:after {
    line-height: 200px;
    height: 200px;
  }
  .tparrows.preview4 .tp-arr-imgholder {
    height: 200px;
  }
  .tparrows.preview4 .tp-arr-imgholder2 {
    height: 200px;
  }
}
/* Medium devices (laptops, tablets, phones 991px and below) */
@media (max-width: 991px) {
  .tparrows.preview2:before {
    font-size: 18px;
    line-height: 40px;
    left: 15px;
  }
  .tp-rightarrow.preview2:before {
    left: auto;
    right: 15px;
  }
}
/* Medium devices (desktops, tablets less than 991px) */
@media (min-width: 768px) and (max-width: 991px) {
  .tparrows.preview2 {
    min-width: 40px;
    min-height: 40px;
  }
  .tparrows.preview2 .tp-arr-titleholder {
    font-size: 12px;
    line-height: 40px;
    letter-spacing: 0px;
  }
  .tp-rightarrow.preview2 .tp-arr-titleholder {
    right: 35px;
  }
  .tp-leftarrow.preview2 .tp-arr-titleholder {
    left: 35px;
  }
}
/* Small devices (tablets, phones less than 767px) */
@media (max-width: 767px) {
  .tparrows.preview2:before {
    font-size: 16px;
    line-height: 30px;
    left: 10px;
  }
  .tp-rightarrow.preview2:before {
    left: auto;
    right: 10px;
  }
}
.tp-bullets.preview4 .bullet,
.tp-bullets.preview2 .bullet,
.tp-bullets.horizontal .tp-bullet {
  background: rgba(0, 0, 0, 0.6) !important;
  border: none!important;
  width: 10px !important;
  height: 10px !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 1px!important;
  margin-right: 1px!important;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.tp-bullets.preview4 .bullet:hover,
.tp-bullets.preview4 .bullet.selected,
.tp-bullets.preview2 .bullet:hover,
.tp-bullets.preview2 .bullet.selected,
.tp-bullets.horizontal .tp-bullet:hover,
.tp-bullets.horizontal .tp-bullet.selected {
  background: #000000 !important;
  border: none!important;
  width: 10px !important;
  height: 10px !important;
}
.tp-bannertimer {
  background-image: none;
  background-color: rgba(9, 175, 223, 0.8);
  z-index: 21;
  display: none;
  height: 2px;
}
/* Medium devices (netbooks, tablets, phones less than 991px) */
@media (max-width: 991px) {
  .slideshow .icon.large {
    font-size: 24px;
    width: 90px;
    height: 90px;
    line-height: 88px;
  }
  .slideshow .icon.small {
    font-size: 15px;
    width: 35px;
    height: 35px;
    line-height: 35px;
  }
}
/* Small devices (tablets, phones less than 767px) */
@media (max-width: 767px) {
  .slideshow .icon.large {
    font-size: 18px;
    width: 60px;
    height: 60px;
    line-height: 58px;
  }
}
/* Extra small devices (phones, less than 480px) */
@media (max-width: 480px) {
  .slideshow .icon.large {
    font-size: 18px;
    width: 35px;
    height: 35px;
    line-height: 33px;
  }
}
/* 9 Owl Carousel
----------------------------------------------------------------------------- */
.owl-carousel {
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.container .owl-carousel {
  cursor: default;
  cursor: -moz-default;
  cursor: -webkit-default;
}
.container .content-slider-with-large-controls,
.container .content-slider-with-large-controls-autoplay {
  margin-bottom: 50px;
  border: 1px solid #f5f5f5;
}
/* Styling Next and Prev buttons */
/*style-1*/
.content-slider-with-controls .owl-buttons,
.content-slider-with-controls-autoplay .owl-buttons {
  width: 100%;
  height: 0;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  z-index: 10;
}
.content-slider-with-controls .owl-buttons div,
.content-slider-with-controls-autoplay .owl-buttons div {
  display: inline-block;
  font-size: 14px;
  position: absolute;
  text-transform: capitalize;
  font-weight: 300;
  color: transparent;
  background: rgba(0, 0, 0, 0.5);
  padding: 5px 5px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.content-slider-with-controls .owl-buttons div:after,
.content-slider-with-controls-autoplay .owl-buttons div:after {
  font-family: "FontAwesome";
  position: absolute;
  font-size: 16px;
  line-height: 1;
  top: 50%;
  margin-top: -8px;
}
.content-slider-with-controls .owl-buttons .owl-prev,
.content-slider-with-controls-autoplay .owl-buttons .owl-prev {
  left: 0;
  padding-left: 0px;
}
.content-slider-with-controls .owl-buttons .owl-prev:hover,
.content-slider-with-controls-autoplay .owl-buttons .owl-prev:hover {
  padding-left: 25px;
  padding-right: 10px;
  color: #ffffff;
}
.content-slider-with-controls .owl-buttons .owl-prev:after,
.content-slider-with-controls-autoplay .owl-buttons .owl-prev:after {
  /*content: "\f104";*/
  left: 13px;
  color: #ffffff;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.content-slider-with-controls .owl-buttons .owl-prev:hover:after,
.content-slider-with-controls-autoplay .owl-buttons .owl-prev:hover:after {
  left: 8px;
}
.content-slider-with-controls .owl-buttons .owl-next,
.content-slider-with-controls-autoplay .owl-buttons .owl-next {
  right: 0px;
  left: auto;
  padding-right: 0px;
}
.content-slider-with-controls .owl-buttons .owl-next:hover,
.content-slider-with-controls-autoplay .owl-buttons .owl-next:hover {
  padding-right: 25px;
  padding-left: 10px;
  color: #ffffff;
}
.content-slider-with-controls .owl-buttons .owl-next:after,
.content-slider-with-controls-autoplay .owl-buttons .owl-next:after {
  /*content: "\f105";*/
  right: 13px;
  color: #ffffff;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.content-slider-with-controls .owl-buttons .owl-next:hover:after,
.content-slider-with-controls-autoplay .owl-buttons .owl-next:hover:after {
  right: 8px;
}
/*style-2*/
.content-slider-with-large-controls .owl-buttons,
.content-slider-with-large-controls-autoplay .owl-buttons {
  width: 100%;
  height: 0;
  position: absolute;
  top: 50%;
}
.container .content-slider-with-large-controls .owl-buttons,
.container .content-slider-with-large-controls-autoplay .owl-buttons {
  top: auto;
  bottom: -10px;
}
.content-slider-with-large-controls .owl-buttons div,
.content-slider-with-large-controls-autoplay .owl-buttons div {
  display: inline-block;
  font-size: 18px;
  position: absolute;
  text-transform: capitalize;
  font-weight: 300;
  color: #cdcdcd;
}
.content-slider-with-large-controls .owl-buttons div:after,
.content-slider-with-large-controls-autoplay .owl-buttons div:after {
  font-family: "FontAwesome";
  position: absolute;
  font-size: 16px;
  line-height: 1;
  top: 50%;
  margin-top: -8px;
}
.content-slider-with-large-controls .owl-buttons .owl-prev,
.content-slider-with-large-controls-autoplay .owl-buttons .owl-prev {
  left: 0;
  padding-left: 30px;
}
.content-slider-with-large-controls .owl-buttons .owl-prev:after,
.content-slider-with-large-controls-autoplay .owl-buttons .owl-prev:after {
  content: "\f104";
  left: 15px;
  color: #09afdf;
}
.content-slider-with-large-controls .owl-buttons .owl-next,
.content-slider-with-large-controls-autoplay .owl-buttons .owl-next {
  right: 0px;
  left: auto;
  padding-right: 30px;
}
.content-slider-with-large-controls .owl-buttons .owl-next:after,
.content-slider-with-large-controls-autoplay .owl-buttons .owl-next:after {
  content: "\f105";
  right: 15px;
  color: #09afdf;
}
.container .content-slider-with-large-controls .owl-buttons .owl-prev,
.container .content-slider-with-large-controls-autoplay .owl-buttons .owl-prev {
  padding-left: 15px;
}
.container .content-slider-with-large-controls .owl-buttons .owl-prev:after,
.container .content-slider-with-large-controls-autoplay .owl-buttons .owl-prev:after {
  left: 0px;
}
.container .content-slider-with-large-controls .owl-buttons .owl-next,
.container .content-slider-with-large-controls-autoplay .owl-buttons .owl-next {
  padding-right: 15px;
}
.container .content-slider-with-large-controls .owl-buttons .owl-next:after,
.container .content-slider-with-large-controls-autoplay .owl-buttons .owl-next:after {
  right: 0px;
}
/* Large and Medium devices (desktops, tablets less than 1199px) */
@media (max-width: 1199px) {
  .content-slider-with-large-controls .owl-buttons,
  .content-slider-with-large-controls-autoplay .owl-buttons {
    top: 98%;
  }
}
.buttons-hide .owl-buttons {
  display: none;
}
/* Styling Pagination*/
.owl-pagination {
  position: absolute;
  bottom: 0px;
  text-align: center;
  width: 100%;
  z-index: 10;
}

.owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
}

.owl-controls .owl-page span {
  display: block; border:3px solid #000;
  width: 13px;
  height: 13px;
  margin: 3px 3px;
  opacity: 1;
  filter: alpha(opacity=50);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #fff;
}

.dark-controls .owl-controls .owl-page span {
  background: #000;
}

.owl-controls .owl-page.active span,
.owl-controls.clickable .owl-page:hover span {
  opacity: 1; background:#000;
  filter: alpha(opacity=100);
}
/* 10 Full Page
----------------------------------------------------------------------------- */
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
  background: rgba(9, 175, 223, 0.8);
}
#fp-nav ul li .fp-tooltip {
  background-color: #fff;
  color: #454545;
  padding: 0 15px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  top: -4px;
  overflow: visible;
}
#fp-nav ul li .fp-tooltip.right {
  right: 30px;
}
#fp-nav ul li .fp-tooltip:after {
  content: "\f0da";
  font-family: "FontAwesome";
  position: absolute;
  right: -8px;
  top: 50%;
  font-size: 30px;
  line-height: 20px;
  margin-top: -9px;
  color: #fff;
}



.select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px;
}

.select { vertical-align:middle; text-align:left;
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #333;
  width: 100%;
  height: 30px;
}

.select-styled { font-size:0.8em;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff; border:1px solid #ddd;
  padding: 6px 15px;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}

.select-styled:after {
  content: "";
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-color: #000 transparent transparent transparent;
  position: absolute;
  top: 12px;
  right: 10px;
}

.select-styled:hover { background-color: #f9f9f9; }

.select-styled:active, .select-styled.active { background-color: #fff; }

.select-styled:active:after, .select-styled.active:after {
  top: 7px;
  border-color: transparent transparent #000 transparent;
}

.select-options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0;
  padding: 0; border:1px solid #eee; border-top:0px;
  list-style: none; padding:3px 0;
  background-color: #fff;
}

.select-options li { font-size:12px;
  margin: 0;
  padding: 6px 0;
  text-indent: 15px;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}

.select-options li:hover {
  color: #fff;
  background: #ddd;
}

.select-options li[rel="hide"] { display: none; }



/*================================================================추가 스타일=========================================================================*/


/*# sourceMappingURL=style.css.map */

p.goods_name { border-bottom:1px solid #ddd; }
p.goods_name a { font-weight:normal; color:#333 !important; font-size:15px; }
p.small { font-weight:normal; font-size:11px; margin-bottom:20px; color:#999; }
p.price { font-weight:normal !important; font-size:13px !important; color:#333; }
span.strike { margin-bottom:5px; width:100%; display:inline-block; }
.btn-default-transparent { border-color:#df3a5c; }
.btn-default-transparent:hover,
.btn-default-transparent:active,
.btn-default-transparent:focus { border-color:#df3a5c; background-color:#e54465; }

div.main_banner { position:relative; }
div.main_banner div.border { position:absolute; top:0; left:0; bottom:0; right:0; border:0 solid #fff; opacity:0; transition:all ease-in-out 0.5s; }
div.main_banner:hover div.border { border:20px solid #fff; opacity:1; }

div.event_banner { position:relative; }
div.event_banner div.border { position:absolute; top:0; left:0; bottom:0; right:0; border:0 solid #fff; opacity:0; transition:all ease-in-out 0.5s; }
div.event_banner:hover div.border { border:10px solid #fff; opacity:1; }

.tp-title-wrap { display:none !important; }



/* = 메인페이지 = */
/* 상단슬라이드배너 */
div.mainVisual { margin-top:30px; }
div.mainVisual div.mobile-container { display:none; }
/* 제작샘플 */
div.middle_bnr div.mobile-container { display:none; }


div.content-slider-with-controls-autoplay .owl-buttons div { display:none; font-size:15px; padding:20px 17px !important; }



/* = 레이아웃 = */

/* 상단메뉴카테고리 */
.h_bottom { background:url('/img/gnbBg.gif') 43% 50% no-repeat; }
.navbar-nav > li.bg_01 { background:url('/img/li_bg_01.gif') 100% 50% no-repeat; }
.navbar-nav > li.bg_02 { background:url('/img/li_bg_02.gif') 0% 50% no-repeat; }
.nav > li > a > img { vertical-align:top; }

header.header {   }
header.header .container { border-bottom:0; height:100%;    }
header.header .container:after { content:''; clear:both; display:block; }
header.header.fadeInDown .container { border-bottom:0px; }
.h_cate { float:left; line-height:67px; }
.h_cate ul {  }
.h_cate ul li { display:inline-block; margin:0 18px; }
.h_cate ul li:first-child { margin-left:0 !important; }
.h_cate a { display:inline-flex; letter-spacing:-1px; font-weight:normal; font-family:"dotum", sans-serif; line-height:16px;  text-transform:uppercase; font-size:13px; padding:10px 0; transition:all .2s; color:#000; }
.h_cate a:hover { color:rgba(17,17,17,0.85); }
.h_log { line-height:67px; float:right; }
.h_log a { letter-spacing:-1px; font-family:"dotum", sans-serif; line-height:16px; font-weight:normal; text-transform:uppercase; font-size:.9em; padding:10px 0; transition:all .2s;color:#000; }
.h_log a:hover { color:rgba(17,17,17,0.85); }
.h_log ul {  }
.h_log > ul > li { margin:0 13px; display:inline-block; }
.h_log > ul > li:last-child { margin-right:0px; }

@media (max-width:1199px) {
    .h_log > ul > li { margin:0; }
    header.header .container { padding:0; }
}
.main_top_bnr { width:100%; text-align:center; }

.cart-icon { display:inline-block; }
.image-icon { height:auto; vertical-align:middle; position:relative; }
.cart-icon strong { border-radius:0; font-weight:bold; margin:.3em 0; border:2px solid #000; position:relative; display:inline-block; vertical-align:middle; text-align:center; width:2.2em; height:2.2em; font-size:1em; line-height:1.9em; font-family:Helvetica,Arial, Sans-serif; }
.h_log a.h_cart { color:#000; padding:0; }
.h_cart:hover .cart-icon strong { background:#000; color:#fff; }
.cart-icon strong:after { transition:height .1s ease-out; bottom:100%; margin-bottom:0; margin-left:-7px; height:8px; width:14px; left:50%; content:''; position:absolute; pointer-events:none; border:2px solid #000; border-top-left-radius:99px; border-top-right-radius:99px; border-bottom:0; }
/*
.dropdown.cart-item:before { opacity:0; left:50%; border:solid transparent; content:''; height:0; width:0; position:absolute; pointer-events:none; bottom:-2px; z-index:10; border-bottom-color:#ddd; border-width:11px; margin-left:-11px; }
*/
.cart-icon strong:after { transition:opacity .25s; opacity:1; }
.h_cart:hover .cart-icon strong:after { height:10px; }


/* 로고 */
header.header .logo { text-align:center; font-size:0; }
header.header .logo img { max-height:68px; }
header.header:not(.stuck) .logo img { transition:max-height .5s; }
header.header.stuck .logo img { max-height:70px!important; }


/* footer */
#footer {  background:#2b2e32; padding:30px 0 0; }
#footer .col-md-6 { color:#f1f1f1; }
#footer .col-md-7 { color:#f1f1f1; }
#footer .widget-title { font-size:1.15em; font-weight:600; line-height:1.05; letter-spacing:.05em; text-transform:uppercase; }
.is-divider { background-color:rgba(255,255,255,0.3); margin-top:.66em; height:3px; display:block; margin:1em 0 1.05em; width:100%; max-width:30px; }
.payment-icon svg { fill:#fff;  vertical-align:middle; height:20px; width:auto !important; }
#footer h4 { color:#f1f1f1 }
#footer .tel {  }
#footer .tel span { font-size:25px; }
#footer .tel a { font-weight:bold; color:currentColor; }
#footer .footer_info {  }
#footer .footer_info p { color:#f1f1f1; font-family:"Lato", sans-serif; font-size:12px; line-height:1.9; }
#footer .footer_info p span { margin:0 20px 0 0; }
#footer .footer_info a { color:#f1f1f1; font-family:"Lato", sans-serif; font-size:12px;  }
#footer .f_bottom { padding:5px 0 10px; background:#1D1F22; }
#footer .f_bottom ul { width:100%; }
#footer .f_bottom ul li { display:inline-block;  vertical-align:middle; width:50%;  }
#footer .f_bottom li:nth-child(1) { float:right; text-align:right; }
#footer .f_bottom li:nth-child(1) div { padding:3px 5px 5px; margin:3px 1px 0; transition:opacity .3s; border-radius:5px; opacity:.6; background-color:rgba(255,255,255,0.1); display:inline-block; }
#footer .f_bottom li:nth-child(2) {  float:left; text-align:left; }
#footer .f_bottom li:nth-child(2) p { margin:5px 0; padding-bottom:3px; border-bottom:0px solid #ddd; }
#footer .f_bottom li:nth-child(2) p a { font-size:0.88em; color:#777; font-weight:bold; margin:0 .4em; display:inline-block;  }
#footer .f_bottom li:nth-child(2) p a:hover { color:#fff; opacity:0.8; }
#footer .f_bottom li:nth-child(2) p a:nth-child(1) { margin-left:0; }
#footer .f_bottom li:nth-child(2) p:nth-child(2) { font-family:"Lato", sans-serif; font-size:1.05em; color:rgba(255,255,255,0.5); font-weight:400;   }
#footer .f_top { padding-bottom:2%; }
#footer .f_top .post {  }
#footer .f_top .post ul {  }
#footer .f_top .post ul li { display:inline-block; vertical-align:middle; }
#footer .f_top .post ul li:nth-child(1) {  text-align:center; width:36px; padding:1% 0; color:#fff; border:2px solid #fff; opacity:0.7; }
#footer .f_top .post ul li:nth-child(1) span { display:block; font-weight:bold; line-height:1; }
#footer .f_top .post ul li:nth-child(1) span.post-date-day { font-size:1.1em;  }
#footer .f_top .post ul li:nth-child(1) span.post-date-month { font-size:0.8em; }
#footer .f_top .post ul li:nth-child(2) { margin-left:2%; }
#footer .f_top .post ul li:nth-child(2) a { color:#eee; font-size:1.1em;   display:block; }
#footer .f_top .post ul li:nth-child(2) span { color:#fff; font-size:0.8em; display:block; opacity:0.7;  }

.f_link a { margin:0 20px 0 0; }
.f_kakao {  }
.f_kakao p { font-size:12px; margin:8px 0 0; }
.f_copy { padding:15px 0; text-align:center; font-size:14px; color:#aaa;  }


/* 우측 퀵메뉴 */
div#quick_menu { position:absolute; z-index:10; left:50%; top:138px; margin-left:640px; }
div#quick_menu a { display:block; }
div#quick_menu a img { width:35px; max-width:35px; }



.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}

/*hide elements*/
.hidden-xs-up { display: none !important; }

@media (max-width: 575px) {
    .hidden-xs-down {  display: none !important; }
    .visible-xs { display:block !important; }
}

@media (min-width: 576px) {
    .hidden-sm-up { display: none !important; }
}

@media (max-width: 767px) {
    .hidden-sm-down { display: none !important; }
    .visible-sm { display:block !important; }
}

@media (min-width: 768px) {
    .hidden-md-up { display: none !important; }
}

@media (max-width: 991px) {
    .hidden-md-down { display: none !important; }
    .visible-md { display:block !important; }
}

@media (min-width: 992px) {
    .hidden-lg-up {  display: none !important; }
}

@media (max-width: 1199px) {
    .hidden-lg-down { display: none !important; }
    .visible-lg { display:block !important; }
}

@media (min-width: 1200px) {
    .hidden-xl-up { display: none !important; }
}

.hidden-xl-down {
    display: none !important;
}

.m-0 { margin:0px !important; }

.mt-0 { margin-top:0px !important;  }
.mt-3 { margin-top:3px;  }
.mt-4 { margin-top:4px !important; }
.mt-5 { margin-top:5px !important; }
.mt-7 { margin-top:7px !important; }
.mt-10 { margin-top:10px !important; }
.mt-20 { margin-top:20px !important; }
.mt-30 { margin-top:30px !important; }
.mt-40 { margin-top:40px !important; }
.mt-50 { margin-top:50px !important; }
.mt-54 { margin-top:54px !important; }
.mt-60 { margin-top:60px !important; }
.mt-70 { margin-top:70px !important; }
.mt-75 { margin-top:75px !important; }
.mt-80 { margin-top:80px !important; }
.mt-90 { margin-top:90px !important; }
.mt-100 { margin-top:100px !important; }
.mt-110 { margin-top:110px !important; }
.mt-120 { margin-top:120px !important; }
.mt-130 { margin-top:130px !important; }
.mt-105 { margin-top:105px !important; }
.mt-200 { margin-top:200px !important; }
.mt-300 { margin-top:300px !important; }

.mb-0 { margin-bottom:0px !important; }
.mb-3 { margin-bottom:3px; }
.mb-5 { margin-bottom:5px; }
.mb-10 { margin-bottom:10px !important; }
.mb-20 { margin-bottom:20px; }
.mb-30 { margin-bottom:30px; }
.mb-40 { margin-bottom:40px; }
.mb-50 { margin-bottom:50px; }
.mb-60 { margin-bottom:60px; }
.mb-70 { margin-bottom:70px; }
.mb-80 { margin-bottom:80px; }
.mb-90 { margin-bottom:90px; }
.mb-100 { margin-bottom:100px; }
.mb-110 { margin-bottom:110px; }
.mb-120 { margin-bottom:120px; }
.mb-130 { margin-bottom:130px; }
.mb-140 { margin-bottom:140px; }
.mb-150 { margin-bottom:150px; }
.mb-160 { margin-bottom:160px; }
.mb-170 { margin-bottom:170px; }
.mb-180 { margin-bottom:180px; }
.mb-190 { margin-bottom:190px; }
.mb-200 { margin-bottom:200px; }

.ml-0 { margin-left:0px !important; }

.mr-0 { margin-right:0px !important; }
.mr-20 { margin-right:20px; }

.mlr-0 {  margin-left:0px !important; margin-right:0px !important; }
.mlr-20 { margin-left:20px; margin-right:20px; }



.p-0 { padding:0px !important; }
.p-5 { padding:5px; }
.p-10 { padding:10px; }
.p-20 { padding:20px; }
.p-30 { padding:30px; }
.p-40 { padding:40px; }
.p-50 { padding:50px; }

.plr-0 { padding-left:0px !important; padding-right:0px !important; }
.plr-10 { padding-left:10px !important; padding-right:10px !important; }
.plr-20 { padding-left:20px !important; padding-right:20px !important; }
.plr-30 { padding-left:30px !important; padding-right:30px !important; }
.plr-40 { padding-left:40px !important; padding-right:40px !important; }
.plr-50 { padding-left:50px !important; padding-right:50px !important; }

.pl-0 { padding-left:0px !important; }
.pl-3 { padding-left:3px !important; }
.pl-5 { padding-left:5px !important; }
.pl-10 { padding-left:10px !important; }
.pl-15 { padding-left:15px !important; }

.pr-0 { padding-right:0px !important; }
.pr-3 { padding-right:3px !important; }
.pr-5 { padding-right:5px !important; }
.pr-10 { padding-right:10px !important; }
.pr-15 { padding-right:15px !important; }



.pb-3 { padding-bottom:3px !important; }
.pb-5 { padding-bottom:5px !important; }
.pb-7 { padding-bottom:7px !important; }
.pb-10 { padding-bottom:10px !important; }
.pb-20 { padding-bottom:20px !important; }
.pb-30 { padding-bottom:30px !important; }
.pb-40 { padding-bottom:40px !important; }
.pb-50 { padding-bottom:50px !important; }
.pb-60 { padding-bottom:60px !important; }
.pb-70 { padding-bottom:70px !important; }

.pt-1 { padding-top:1px !important; }
.pt-2 { padding-top:2px !important; }
.pt-3 { padding-top:3px !important; }
.pt-5 { padding-top:5px !important; }
.pt-7 { padding-top:7px !important; }
.pt-10 { padding-top:10px !important; }
.pt-20 { padding-top:20px !important; }
.pt-30 { padding-top:30px !important; }
.pt-40 { padding-top:40px !important; }
.pt-50 { padding-top:50px !important; }
.pt-60 { padding-top:60px !important; }
.pt-70 { padding-top:70px !important; }

.w-xs { width:50px ; }
.w-sm { width:100px !important; }
.w-md { width:128px; }
.w-lg { width:308px; }
.w-xl { width:350px; }

.w-32 { width:32%; display:inline-block; margin-left:1.6%; }
.w-32.first { margin-left:0px; }
.w-40 { width:40% !important; }
.w-50 { width:50% !important; }
.w-60 { width:60% !important; }
.w-70 { width:70% !important; }
.w-80 { width:80% !important; }
.w-90 { width:90% !important; }
.w-96 { width:96% !important; }
.w-100 { width:100% !important; }

.w-80px { width:80px ; }
.w-92px { width:92px !important; }
.w-120px { width:120px; }
.w-125px { width:125px; }
.w-150px { width:150px !important; }
.w-185px { width:185px !important; }
.w-210px { width:210px !important; }
.w-250px { width:250px !important; }
.w-255px { width:255px !important; }
.w-260px { width:260px !important; }
.w-302px { width:302px !important; }

.td-w-md { width:250px !important; min-width:372px !important; }
.td-w-50 { width:50% !important; min-width:390px; border-right:1px solid #d6d6d6; }
.at_tbl_tr .at_tbl_td:nth-child(4) { border-right:0px; }


.border-left { border-left:1px solid #ddd; }
.border-right { border-right:1px solid #ddd; }
.border-top { border-top:1px solid #ddd; }

.bold { font-weight:bold !important; }

.fs-11 { font-size:11px !important; }
.fs-12 { font-size:12px !important; }
.fs-13 { font-size:13px !important; }
.fs-14 { font-size:14px !important; }
.fs-15 { font-size:15px !important; }
.fs-16 { font-size:16px !important; }
.fs-17 { font-size:17px !important; }
.fs-18 { font-size:18px !important; }

.f-0 { font-size:0; }

.inline { display:inline; }
.inline-block { display:inline-block !important; }

.float-left { float:left; }
.float-right { float:right; }

hr { border-color:#d1d2d4; }

h5.h_padding { padding:8px 0 0; margin:8px 0 0px; border-top:1px solid #ddd; }

/* 별표 */
.must:before {
    content: '* ';
    color: #f30;
}

/* 도움말 */
.help_txt { color:#f30; font-size:12px; font-family:'Nanum Gothic', sans-serif; }
.help_txt:before { display:inline-block; text-align:center; content:'!'; margin-right:5px; color:#fff; background:#f30; border-radius:50%; width:16px; height:16px; }

.nanumGothic { font-family:'Nanum Gothic', sans-serif;  }
.dotum { font-family:'dotum'; }

.border_box { border:1px solid #ddd; padding:20px; }

.main-navigation .navbar-nav > .open > a,
.main-navigation .navbar-nav > .open > a:hover,
.main-navigation .navbar-nav > .open > a:focus,
.main-navigation .navbar-nav > .dropdown > a:focus { background:none !important; border:0px !important; color:#fff !important; }


.main-navigation .navbar-nav > .open > a .cart-icon strong,
.main-navigation .navbar-nav > .open > a:hover .cart-icon strong,
.main-navigation .navbar-nav > .open > a:focus .cart-icon strong,
.main-navigation .navbar-nav > .dropdown > a:focus .cart-icon strong { background:#000 !important; }

.main-navigation .navbar-nav > .open > a .cart-icon strong:after,
.main-navigation .navbar-nav > .open > a:hover .cart-icon strong:after,
.main-navigation .navbar-nav > .open > a:focus .cart-icon strong:after,
.main-navigation .navbar-nav > .dropdown > a:focus .cart-icon strong:after { height:10px; }



.underline { text-decoration:underline; }

.normal { font-weight:normal; }



.main_contents { width:100%; }
.main_contents .container { width:1120px; margin:0 auto; }
.main_contents .container.bnr_area { width:1165px; margin:0 auto; }
.main_contents .container.container2 { width:993px; background:rgba(255, 255, 255, 0.7); }









/* 커스터 에디터 관련 START */
.main_contents .custom_top {text-align:center; width:100%; height:710px; background: url('/img/custom_area_bg_1.png');}
.main_contents .custom_top .custom_img { position:relative; margin:0 auto; width:660px; height:710px; }
.main_contents .custom_top .custom_img img { position:absolute; top:0; left:0; bottom:0; right:0; margin:auto;  }

.main_contents .custom_top .custom_img .main_canvas_wrap { position:relative; }
.main_contents .custom_top .custom_img .main_canvas_wrap .main_canvas_base { position:absolute; top:25px; /* bottom:0; */ left:0; right:0; margin:auto; } /* 도화지 */
.main_contents .custom_top .custom_img .main_canvas_wrap .main_canvas { position:absolute; top:25px; /* bottom:0; */ left:0; right:0; margin:auto; } /* 그림 */


.main_contents .custom_bottom { position:relative; z-index:100;  background:#fff; border-top:1px solid #ddd; border-bottom:1px solid #ccc; }
.main_contents .custom_bottom .custom_face {  padding:12px 0 12px 20px; }
.main_contents .custom_bottom .custom_face li { margin:0 3px; display:inline-block; }
.main_contents .custom_bottom .custom_face li a {  position:relative; display:block; text-align:center; }
.main_contents .custom_bottom .custom_face li a span { font-weight:bold; font-size:13px; display:block; margin-top:5px; }
.main_contents .custom_bottom .custom_face li a > div { padding:2px; border:1px solid #ddd; border-radius:5px; }
.main_contents .custom_bottom .custom_face li.on a > div { border-color:#00b2a5; }
.main_contents .custom_bottom .custom_face li.on a span { color:#00b2a5; }

.main_contents .custom_bottom .custom_face li a div.thumb_canvas {  position:absolute;top:0; }


.custom_bottom .price_area { height:100%; background:#333; position:absolute; top:0; right:0; padding:10px 25px 9px;}
.custom_bottom .hp_price_area { padding:10px 34px 9px;}
.custom_bottom .price_area p { font-size:14px; line-height:38px; color:#fff; }
.custom_bottom .price_area p:after { content:''; clear:both; display:block; }
.custom_bottom .price_area p span { text-align:right; font-family: 'Rajdhani', sans-serif; width:158px; float:right; margin-left:10px; }
.custom_bottom .price_area p span b { font-family: 'Poiret One', cursive;}
.custom_bottom .price_area p span.order_quantity { font-size:20px; color:#fff;  }
.custom_bottom .price_area p span.order_dc_price { font-size:20px; color:##ef0c0c;}
.custom_bottom .price_area p span.order_price { font-size:20px; color:#43e8f9;}
.custom_bottom .price_area i { color:#ffa315; font-size:16px; }


.custom_bottom .prd_order_btn { height:100%; position:absolute; top:0; right:305px; }
.custom_bottom .prd_order_btn ul { height:100%; }
.custom_bottom .prd_order_btn li { width:84px; height:50%; }
.custom_bottom .prd_order_btn li a { font-size:19px; line-height:70px; color:#fff; font-weight:bold; padding:0 10%; width:100%; text-align:center; transition:0.2s linear; height:100%; display:inline-block; }
.custom_bottom .prd_order_btn li a.btn_cart { background:#ccc; }
.custom_bottom .prd_order_btn li a.btn_cart:hover { background:#aaa; }
.custom_bottom .prd_order_btn li a.btn_buy { background:#3cbfcd; }
.custom_bottom .prd_order_btn li a.btn_buy:hover { background:#439fa9; }

.custom_control {  }

.icon_deco_cate { margin-top:20px; padding:0 15px; font-size:0; width:100%; }
.icon_deco_cate li { width:50%; display:inline-block; font-size:13px; }
.icon_deco_cate li a { font-weight:bold; padding:10px 15px; border:1px solid #fff; background:#ececea; color:#333; display:block;}
.icon_deco_cate li a:hover { background:#a9a9a9; color:#fff; }

.icon_deco_contents { }
.icon_deco_contents ul { min-width:349px; margin:15px 0px 15px 15px; height:682px; overflow-y:scroll;  display:inline-block; }
.icon_deco_contents ul li {display:inline-block; padding:7px; width:97px; height:97px; margin:5px 3px; position:relative; }
.icon_deco_contents ul li a { position:relative; display:inline-block; width:82px; height:82px; }
.icon_deco_contents ul li a img { position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; max-width:90%; max-height:90%;  }
.icon_deco_cate_back {  }
.icon_deco_cate_back a { font-size:14px; display:block; background:url('/img/icon_deco_cate_back.gif') 5% 50% no-repeat; font-weight:bold; border-bottom:1px solid #ccc;  padding:10px 0 10px 35px; }

/* 가이드 모달 창 */
ul.sampleList { padding:15px 10px 10px; border:2px dashed #ccc; font-size:0; height:600px; overflow-y:auto; }
ul.sampleList li { border-radius:5px; border:1px solid #ddd; display:inline-block; padding:3px; width:91px; height:91px; margin:10px 6px 0; position:relative; }
ul.sampleList li a { position:relative; display:inline-block; width:83px; height:83px; }
ul.sampleList li:hover {  border:1px solid #f30; }
ul.sampleList li a img { position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; max-width:90%; max-height:90%;  }
ul.sampleList li a.delete { position:absolute; top:-8px; right:-10px; background:url('/img/icon_delete.png') no-repeat; display:inline-block; width:20px; height:20px; text-align:center; }

.my_img_upload .nav_contents { padding:15px; }
.my_img_upload .nav_contents p { color:#ff4e00; font-size:12px; }
.my_img_upload .nav_contents div { }
.my_img_upload .nav_contents div > a { display:block; margin:10px 0 20px; color:#fff; font-size:16px; font-weight:bold; text-align:center; background:#3cbfcd; padding:16px 0; border-radius:8px; }

.h_right { }
.h_right:after { content:''; clear:both; display:block; }


.header-dropdown-buttons { float:right; margin-top:15px; }

.subfooter-inner p { }
.subfooter-inner p:nth-child(2) { margin-top:10px; }
.read-wrap-at a { display:inline-block; border-radius:5px; margin:0 3px; padding:5px 20px; border:1px solid #ccc; }


#sideNavi { position: absolute; left: 50px; top:0; z-index:10; }
.side-navi-item { position: absolute; display: inline-block; left:-51px; width: 74px; height: 70px; border:1px solid #ccc; color: #fff; cursor: pointer; }
.side-navi-item.item1 { top: 290px; border-radius:0 5px 0 0; border-bottom:0px; background:#fff url('/img/quick_icon01.png') 50% 0 no-repeat; }
.side-navi-item.item2 { top: 360px; border-radius:0px; border-top:0px; border-bottom:0px; background:#fff url('/img/quick_icon02.png') 50% -2px no-repeat; }
.side-navi-item.item3 { top: 430px; border-radius:0 0px 5px 0; border-top:0px; background:#fff url('/img/quick_icon03.png') 50% 0 no-repeat; }
.side-navi-item.item4 { top: 550px;  /* border-radius:0 5px 0 0; */ border-radius:0 5px 5px 0; border-bottom:0px; background:#3cbfcd url('/img/quick_icon04.png') 50% -70px no-repeat; }
.side-navi-item.item5 { top: 620px; border-radius:0 0 5px 0; border-top:0px; background:#fff url('/img/quick_icon05.png') 50% 0 no-repeat; }


.control_help { height:37px; width:37px; top: 200px; left:-30px; border:0px; }
.control_help_bg { position:absolute; width:100%; height:100%; left:0; top:0; z-index:1000; background:rgba(0, 0, 0, 0.5); display:none; }
.control_help_bg a { color:#fff; font-size:20px; display:block; text-align:right; padding:60px 50px 0 0; }
.help_ment_area { position:relative; }
.help_ment_area img { position:absolute; top:0; }
.help_ment_area img.help_ment01 { left:80px; top:90px; }
.help_ment_area img.help_ment02 { left:80px; top:440px; display:none; }
.help_ment_area img.help_ment03 { left:210px; top:645px; }
.help_ment_area img.help_ment04 { right:70px; top:370px; }


.side-navi-item.active { background-color: #333; background-position:50% -70px; }
.side-navi-item.item2.active { background-position:50% -73px; }
.side-navi-item.item4.active { background-position:50% 0; background-color:#fff; }

.side-navi-item > div { text-align: center; }
.side-navi-data { position: absolute; border-right:1px solid #ccc; top: 0; right: 50px; width: 365px; height: 890px; background-color: #fff; }
.side-navi-data > p { position:absolute; padding:25px 20px 5px 5px; text-align:right; width:100%; }
.side-navi-data .side_nav_top { width:100%; background:#000; }
.side-navi-data .side_nav_top h3 { font-weight:bold; font-size:17px; padding:24px 0 24px 20px; margin:0px; color:#fff; }
.side-navi-data .side_nav_top h3 img { margin-right:10px; margin-top:-5px; }
.side-navi-tab { width:100%; display: none; }
.side-navi-tab.active { display: inline-block; color: #000; }
.side-navi-tab > div { }


.nav_contents {  }
.nav_contents .text_area { padding:10px; font-size:0; }
.nav_contents .text_area textarea { font-size:15px; min-height:170px; border:1px solid #ccc; padding:10px; width:100%; }
.nav_contents .text_area textarea:focus { outline:#3cbfcd solid 2px; }
.nav_contents .text_area textarea::-webkit-input-placeholder { color:#999; font-family:'Nanum Gothic', sans-serif; }
.nav_contents .text_area textarea:-moz-placeholder  { color:#999;  font-family:'Nanum Gothic', sans-serif; }
.nav_contents .text_area textarea::-moz-placeholder  { color:#999; font-family:'Nanum Gothic', sans-serif; }
.nav_contents .text_area textarea:-ms-input-placeholder  { color:#999;   font-family:'Nanum Gothic', sans-serif; }
.nav_contents .at_tbl {  }
.nav_contents .at_tbl .at_tbl_th { width:93px; padding:0px 0 0 15px; font-size:14px; font-family:'Nanum Gothic', sans-serif; }
.nav_contents .at_tbl .at_tbl_td { padding:0px 11px 0 0; text-align:right; }

.color_select, .text_align { padding:5px 0; }
.sel_font_color_select, .sel_font_family_select{ display:block; cursor:pointer; }
.sel_font_color_select span {  margin-left:3px; vertical-align:middle; font-size:13px; font-family:'Nanum Gothic', sans-serif;  }
.sel_font_color_select img { margin-left:15px; }
.color_picker { display:inline-block; width:20px; height:20px; background:#000; border-radius:50%; border:1px solid #ddd; }

.sel_font_family_select img { margin-left:15px; }

.color_select { position:relative; }
.sel_font_color_list.ul_select { z-index:10; background:#fff; position:absolute; right:-1px; top:-1px; width:270px; height:300px; overflow-y:auto; overflow-x:hidden; border:1px solid #ccc; }
.sel_font_color_list.ul_select span { margin-left:3px; vertical-align:middle; font-size:13px; font-family:'Nanum Gothic', sans-serif; }
.sel_font_color_list.ul_select li {  }
.sel_font_color_list.ul_select li a { padding-left:10px; display:block; line-height:47px; text-align:left; }
.sel_font_color_list.ul_select li a:hover { background:#f5f5f5; }

.text_select { position:relative; }
.sel_font_family_list.ul_select { background:#fff; position:absolute; right:-1px; top:-1px; width:270px; height:400px; overflow-y:auto; overflow-x:hidden; border:1px solid #ccc; }
.sel_font_family_list.ul_select span {   }
.sel_font_family_list.ul_select li a { padding-left:10px; display:block; line-height:47px; text-align:left; }
.sel_font_family_list.ul_select li a:hover { background:#f5f5f5; }


.text_align { border-bottom:1px solid #d6d6d6; }
.text_align .at_tbl_td { font-size:0; padding-right:6px !important; }
.text_align a { display:inline-block; margin-left:-1px; width:42px; height:38px; border:1px solid #ddd; }
.text_align a#a_text_align_left { background:url('/img/align_left.png') 50% -38px no-repeat;  }
.text_align a#a_text_align_center { background:url('/img/align_center.png') 50% -38px no-repeat; }
.text_align a#a_text_align_right { background:url('/img/align_right.png') 50% -38px no-repeat; }
.text_align a.active { background-color:#3cbfcd !important; background-position:50% 0px !important; }

.select_opt_area { position:absolute; width:60px; height:120px; top:400px; right:0; overflow:hidden; }
.select_opt_btn { position:absolute; right:-65px; top:0px; width:120px; height:120px; background:#000; border-radius:50%; display:block; }
.select_opt_btn span { color:#fff; font-size:16px; margin-left:16px; display:block; }
.select_opt_btn span:first-child { margin-top:37px; }


.help_ment { padding:30px 0; font-size:13px; }
.help_ment a { border-bottom:1px solid #333;}

.modal.left .modal-dialog, .modal.pc_right .modal-dialog { position: fixed; margin: auto; width: 395px; height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
        -ms-transform: translate3d(0%, 0, 0);
         -o-transform: translate3d(0%, 0, 0);
            transform: translate3d(0%, 0, 0); }
.modal.left .modal-content, .modal.pc_right .modal-content { height: 100%; overflow-y: auto; }
.modal.pc_right.fade .modal-dialog { right: -370px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
       -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
         -o-transition: opacity 0.3s linear, right 0.3s ease-out;
            transition: opacity 0.3s linear, right 0.3s ease-out; }
.modal.pc_right.fade.in .modal-dialog { right: 0; }

.opt_header { background:#000;  }
.opt_header h3 { color:#fff; font-weight:bold; font-size:17px; padding:24px 0 24px 20px; }
.opt_header button { outline:none; padding:18px 20px 26px 20px; }
.opt_header button, .opt_header button:hover { opacity:1; }
.opt_body { padding:10px 20px; }
.opt_body table { width:100%; }
.opt_body table tr td.select_size input { vertical-align:middle; text-align:center; line-height:12px; width:40px; margin:0 1px; height:25px; padding:2px; border-radius:2px; border:1px solid #ccc; color:#000; }
.opt_body table tr td.select_size button { width:25px; font-size:12px; line-height:12px; font-family:Arial; border-radius:3px; height:25px; color:#000; border:1px solid #5D5E60; background:#E9E9E9; }
.opt_body table thead tr { height:25px; }
.opt_body table thead tr th, .opt_body table thead tr td { font-size:15px; font-weight:bold; }
.opt_body table thead tr th { color:#000; width:120px;  }
.opt_body table thead tr th a { margin-left:10px; text-decoration:underline; color:#00c2ff; }
.opt_body table thead tr td { color:#000; text-align:right;}
.opt_body table tbody tr { height:32px; }
.opt_body table tbody th { padding-left:5px; color:#333; font-size:13px; font-weight:normal; }
.opt_body table tbody td { text-align:right; }
.opt_body table tbody td.select_size {  }
.opt_body table tbody td.price { font-size:13px; }

.opt_body .select_opt { padding-bottom:20px; margin-bottom:20px; border-bottom:1px dashed #ccc; }
.opt_body .select_color {  }
.opt_body .select_color:after { content:''; clear:both; display:block; }
.opt_body .select_color p { margin-bottom:15px; font-size:15px; font-weight:bold; color:#000; }
.opt_body .select_color a { margin:2px; border-radius:4px; float:left; display:block; width:28px; height:28px; border:1px solid #dcdcdc; }
.opt_body .select_color a.active { border-color:#26ddff; }
.opt_body .select_color a:hover { border-color:#26ddff; }


.opt_foot { position:absolute; bottom:0; width:100%; }
.opt_foot .price_area { background:#333; padding:10px 40px 9px;}
.opt_foot .price_area p { font-size:16px; line-height:38px; color:#fff; }
.opt_foot .price_area p:after { content:''; clear:both; display:block; }
.opt_foot .price_area p span { text-align:right; font-family: 'Rajdhani', sans-serif; width:200px; float:right; margin-left:10px; }
.opt_foot .price_area p span b { font-family: 'Poiret One', cursive;}
.opt_foot .price_area p span.order_quantity { font-size:20px; color:#fff;  }
.opt_foot .price_area p span.order_price { font-size:26px; color:#3cbfcc;}
.opt_foot .price_area p span.order_dc_price { font-size:26px; }
.opt_foot .price_area i { color:#ffa315; font-size:16px; }
.opt_foot .btn_area { font-size:0; margin:0px; text-align:center; }
.opt_foot .btn_area a { width:80%; font-size:20px; padding:20px 20px; }
.opt_foot .btn_area a:first-child { width:20%; }
.opt_foot .btn_area a:first-child i { font-size:24px; }
.opt_foot .btn_area a:nth-child(2) { font-family:'Raleway', sans-serif; }


.other_style .modal-body .cate_area {  vertical-align:top; width:180px; padding:0px; }
.other_style .modal-body .cate_area h3 { text-align:center; border-radius:5px 0 0 0; margin:0px; padding:20px 0; background:#737373; color:#fff; font-size:15px; }
.other_style .modal-body .cate_area ul { margin:40px 0 0; }
.other_style .modal-body .cate_area ul:last-child { margin-bottom:40px; }
.other_style .modal-body .cate_area ul h5 { padding-left:20px; margin-bottom:15px; font-size:14px; }
.other_style .modal-body .cate_area ul li { }
.other_style .modal-body .cate_area ul li a { display:block; padding:2px 0 2px 30px; margin:6px 0; font-size:13px; color:#555; }
.other_style .modal-body .cate_area ul li a.active { color:#00c0d2; }

.other_style .modal-body .prd_area { vertical-align:top; border-left:1px solid #ddd; padding:0px; }
.other_style .modal-body .prd_area ul { padding:20px; height:740px; min-height:740px; overflow-y:auto; font-size:0; }
.other_style .modal-body .prd_area ul li { margin:0 0 40px; top:0; transition:all .2s ease-in-out; position:relative; display:inline-block;  }
.other_style .modal-body .prd_area ul li a { margin:0; display:block; }
.other_style .modal-body .prd_area ul li a > span { display:block; position:relative; margin:auto;  background:#fff; }
.other_style .modal-body .prd_area ul li a > span img {  }
.other_style .modal-body .prd_area ul li a p.prd_name { font-weight: 400; color: #000; font-size: 14px; line-height: 1.3; margin: .1em 0; padding-top: 5px; }
.other_style .modal-body .prd_area ul li a p.prd_price { font-family: 'Nanum Gothic', sans-serif;  padding:3px 0; margin:0 auto;  font-size:14px; font-weight:bold; display:block; color:#111; }
/*
.other_style .modal-body .prd_area ul li:hover { top:-5px; box-shadow:0px 5px 10px #ccc; }
*/
.other_style .modal-body .prd_area ul li a p.prd_sample { width:80%; font-weight:bold; padding:3px 0; margin:0 auto; text-align:center; font-size:14px; display:block; background:#3c3c3c; color:#fff; border-radius:3px; }

.btn_edit { position:absolute; top:50%; left:50%; margin:-60px 0 0 -182px; }
.btn_edit a { display:inline-block; margin:0 2px; }
#div_mm_size { color:#555; font-size:13px; font-weight:bold; }
/* 커스터 에디터 관련 END */


.order_list_prd_contents { display:block !important; text-align:left !important; }
.order_list_prd_contents li { margin-left:15px; display:inline-block !important;  }
.order_list_prd_contents li span { color:#999; }





.myp_prd_review { padding:0 0 60px; }
.myp_prd_review .at_tbl_title { margin:0; position:relative; }
.myp_prd_review .at_tbl_title:after { top:30px; left:0; position:absolute; width:100%; height:1px; background:#ddd; content:'';  }
.myp_prd_review .masonry-grid-item .overlay-container { width:inherit; }
.myp_prd_review .prd_review_title { padding:20px 10px; }
.myp_prd_review .prd_review_title h2 { margin:0; display:table; width:100%; }
.myp_prd_review .prd_review_title h2 div.review_score { width:23%; font-size:17px; display:table-cell; vertical-align:middle; }
.myp_prd_review .prd_review_title h2 div.review_user_name { width:20%; color:#555; font-size:17px; display:table-cell; vertical-align:middle; }
.myp_prd_review .prd_review_title h2 div.review_date {text-align:right; color:#999; font-weight:normal; font-size:13px; display:table-cell; vertical-align:middle; }
.myp_prd_review .blogpost { margin:40px 0 20px; }


.myp_yet_review {  border:1px solid #ddd; border-radius:4px; }
.myp_yet_review ul { display:table; width:100%; }
.myp_yet_review ul li { background:#eee; display:table-cell; vertical-align:middle; }
.myp_yet_review ul li:nth-child(1) { padding:0 3%; }
.myp_yet_review ul li h1 { line-height:1.4; margin:0; font-size:24px; }
.myp_yet_review ul li.yet_contents_area { vertical-align:top; background:#fff;  border-left:1px solid #ddd; width:80%; }
.yet_contents { padding:0 3%; font-size:0; overflow:auto; height:400px; }
.yet_contents h3 { /* min-height:26px; */ margin:0; font-size:12px; }
.yet_contents div.yet_item { text-align:center; vertical-align:top; display:inline-block; width:19%; margin:3% 0.5%; }
.yet_contents div.yet_item p.item_name { margin-top:5px; font-weight:bold; font-size:12px; }
.yet_contents div.yet_item p.item_date { margin:0 0 10px; font-weight:bold; color:#999; font-size:12px; }
.yet_contents div.yet_item p.item_name a { width:100%; display:inline-block; transition:all .2s; font-weight:bold; padding:10px 20px; border:1px solid #ddd; }
.yet_contents div.yet_item p.item_name a:hover { background:#eee; }

.bnr_area { font-size:0; line-height:0; }
.bnr_area:after { content:''; clear:both; display:block; }
.bnr_area a { display:inline-block; }
.bnr_area div.col { float:left; }
.bnr_area div.col.second a { padding:7px; }

.main_cate { position:relative; }
.sub_cate { border:5px solid #ff505e; border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top:0px; text-align:center; width:180px; display:none; z-index:10; background:#fff; position:absolute; top:38px; left:50%; margin-left:-107px;}
.sub_cate > li > a { font-weight:bold; color:#333; transition:none; display:block; font-size:12px; padding:7px 0; font-family:'Nanum Barun Gothic', sans-serif; }
.sub_cate > li > a:hover , .sub_cate > li > a:focus { background:#ff505e !important;  color:#fff !important; }
.sub_cate > li:hover a:before { content:'▶ '; }

@media (max-width: 1199px) {
    .myp_yet_review ul li.yet_contents_area { border-left:0; }
}



div.btn_area { margin:10px 0 0;  }
div.btn_area a { display:inline-block; margin:0; padding:7px 20px; border:1px solid #000; background:#fff; color:#000; font-weight:normal; font-size:0.9em; text-align:center; }
div.btn_area a:hover { background:#000; color:#fff; text-decoration:none; }


.event_bnr {  }
.event_bnr a { padding:0 5px; }

.bnr_sample { margin-top:200px; }
.bnr_sample, .bnr_review { width:100%; height:1015px; background:url('/img/mainBg01.gif') repeat; position:relative; }
.bnr_review { background:url('/img/mainBg02.gif') repeat; height:1085px; }

.bnr_sample .container, .bnr_review .container { position:relative; height:1015px; }
.bnr_review .container { height:1085px; }
.bnr_sample .brn_mark, .bnr_review .brn_mark { position:absolute; top:0; left:50%; margin-left:-420px; }

.btn_more { position:absolute; z-index:40; bottom:110px; right:110px; display:inline-block; padding:5px 30px; border-radius:20px; background:#c03548; color:#fff; font-size:16px; letter-spacing:4px;  }
.btn_more:hover { text-decoration:none; color:#fff; }
.btn_more.sample { background:#52667c; color:#fff; }

.bnr_review .btn_more { bottom:100px; color:#fff; }
 
.table:not(.table-bordered) { border:0px; }
.page-header { border:0px; font-size:19px !important; font-family:'Nanum Gothic', sans-serif; }
.table > thead > tr > th { text-align:center; font-size:12px; color:#555; background:#f7f7f7; border-top:1px solid #ddd !important; border-bottom:1px solid #ddd !important; }


/* 메인페이지 */
.menuCategory {  text-align:center; margin:0 0 16px; }
.menuCategory li {  margin:0 0 0 7px; display:inline-block; }
.menuCategory li.active a { color:rgba(17,17,17,0.85); }
.menuCategory li a { display:inline-block; transition:all .2s; padding:10px 0; color:rgba(100,100,100,0.85); font-size:14px; font-weight:700; }
.menuCategory li a:hover { color:rgba(17,17,17,0.85);  }
.menuCategory li:first-child { margin:0; }
.menuCategory li:first-child:before { content:''; }
.menuCategory li:before { content:'/'; margin-right:10px; }

/* 회사소개 */
.round_img { position:relative; padding-top:100%; border-radius:100%; overflow:hidden; }
.round_img.img01 { background:url('/img/dp-1.jpg') 50% 50% no-repeat; position:relative; padding-top:100%; border-radius:100%; overflow:hidden; background-size:140%; }
.round_img.img02 { background:url('/img/FLEX.jpg') 50% 50% no-repeat; position:relative; padding-top:100%; border-radius:100%; overflow:hidden; background-size:110%; }
.round_img.img03 { background:url('/img/oki.jpg') 50% 50% no-repeat; position:relative; padding-top:100%; border-radius:100%; overflow:hidden; background-size:180%; }
.info_txt { text-align:center; }
.info_txt h4 { color:#666; }
.info_txt h4 span.person-name { font-size:0.9em; font-weight:bold; }
.info_txt h4 span.person-title {  color:#999;  font-size:0.7em; }
.info_txt p { color:#666; }
.info_txt ul.custom li {  }
.info_txt ul.custom li a { width:30px; height:30px; border:2px solid #c0c0c0; }
.info_txt ul.custom li a:hover { background:#3a589d;  border:2px solid #3a589d; }
.info_txt ul.custom li a:hover i { color:#fff;}
.info_txt ul.custom li a i { color:#c0c0c0; font-size:0.9em; line-height:1; }
.tooltip-inner { font-size:1.2em; padding:8px 10px; }

.company { }
.company .container {  margin-bottom:4%; }
.company_contents { width:80%; margin:15% auto 0; }

/* 오시는길 */
.map_area { height:400px; width:100%; background:#ddd; }

/* 자주 묻는 질문 */
.sevice_faq {  }
.sevice_faq h3 { margin-bottom:2.5%; font-weight:700; border-bottom:2px solid #ececec; }
.sevice_faq h3 span { color:#555; font-size:0.84em; display:inline-block; margin-bottom:-2px; padding-bottom:12px;  border-bottom:2px solid rgba(0,0,0,0.1); }
.sevice_faq .panel-default > .panel-heading { background:#fff; padding:0 !important; }
.sevice_faq .panel-heading a { font-size:1.1em; font-weight:bold; padding:16px 0 16px 45px; color:#000; background:rgba(0,0,0,0.03); border-top:1px solid #ddd; }
.sevice_faq .panel-heading a.collapsed { font-weight:normal; color:#777; background:#fff; border-top:1px solid #ddd; }
.sevice_faq .panel-heading a.collapsed:hover { color:#000; }
.sevice_faq .panel-heading a:after { margin-top:-17px; font-size:30px; right:inherit; left:15px; }
.sevice_faq .col-md-6:nth-child(1) { padding-left:0; }
.sevice_faq .col-md-6:nth-child(2) { padding-right:0; }
.sevice_faq .panel-body { color:#777; font-size:1.15em; padding:15px 45px; }

/* 이용약관 */
.service_page { padding:15px 0 30px; }
.service_page h1 { color:#555; font-weight:700; font-size:1.9em;  margin-bottom:0.7em;  }
.service_page h3 { color:#777;  font-size:1.15em; margin-bottom:0.3em; }
.service_page p { color:#777; font-size:1.15em; margin-bottom:1.3em; }

/* 상품리스트 */
.listing-item .body { }
.prd_name.cart { margin:0px;  font-size:13px; line-height:1.5; color:#231815; font-family:'Nanum Gothic', sans-serif;  }
.prd_name.cart a {  font-size:12px; line-height:1.3; font-weight:bold; color:#231815; }
.desc { font-size:11px; min-height:15px; font-weight:normal; letter-spacing:0.3px; color:#666; line-height:1.3; font-family:'Nanum Gothic', sans-serif; margin:12px 0 0px; }
.price { display:block;  font-size:1em; font-weight:bold; color:#111; line-height:1;font-family:'Nanum Gothic', sans-serif; }
.price .small { font-size:11px; }
.text_info { }
.text_info .prd_name {  margin:.1em 0;  }
.text_info .prd_name a { color:#000; font-size:1em; font-weight:400; line-height:1.3; margin:.1em 0; }
.price_add_txt { font-size:11px; }

.only_you {  }
.only_you .text_info { min-height:0px; }
.only_you .price { color:#000; }

.make_tee_add_text { text-align:center; font-weight:bold; font-family:'Nanum Gothic', sans-serif; }
.make_tee_add_text.first { margin:70px 0 0; font-size:16px; color:#777; }
.make_tee_add_text span { color:#f30; display:block; font-size:15px; margin:5px 0 60px; }

/* 상품상세페이지 */
.path { font-size:0; }
.path li { display:inline-block; font-size:11px; color:#666464;  }
.path li a { color:#555; padding-right:10px; font-size:12px; font-weight:normal; }

.goods {  }
.goods .prd_name, .goods .desc { font-weight:bold; }

div.prd_info {  }
div.prd_info table { width:100%; }
div.prd_info table tr {  }
div.prd_info table th { height:27px; font-family:'Nanum Gothic', sans-serif; font-size:13px; color:#333; }
div.prd_info table td { height:27px; font-weight:normal; color:#777; font-size:12px; vertical-align:middle; }
div.prd_info table td select { width:100%; height:20px; }
div.prd_info table td input[type=text] { font-size:12px; font-family:'Nanum Gothic', sans-serif; width:100%; height:20px; border-radius:2px; border-color:#aaa; }

table.opt_price { background:none; }
table.opt_price:after { content:''; clear:both; display:block; }
table.opt_price tr { background:none; }
table.opt_price tr td { background:#fafafa; }
table.opt_price tr td:after { content:''; clear:both; display:block; }
table.opt_price input[type=text] { width:50px !important; padding:0px; height:26px !important; float:right; border:1px solid #ddd; border-right:0px; }
table.opt_price div.count { float:right; }
table.opt_price div.count:after { content:''; clear:both; display:block; }
table.opt_price div.count a { line-height:1;  display:block;  cursor:pointer; }
table.opt_price div.count a img { display:inline-block; vertical-align:top; width:17px; }

div.prd_info.sample {  }
div.prd_info.sample h3 { font-size:13px; margin:10px 0; font-weight:bold;  font-family:'Nanum Gothic', sans-serif; }
div.prd_info.sample table th { height:38px; }
div.prd_info.sample table textarea { min-height:60px; min-width:240px; border-radius:0px; box-shadow:none; font-size:13px;  font-family:'Nanum Gothic', sans-serif; }
div.prd_info.sample table textarea::-webkit-input-placeholder { color:#d5d5d5; font-size:13px; }
div.prd_info.sample table textarea:-moz-placeholder  { color:#d5d5d5; font-size:13px; }
div.prd_info.sample table textarea::-moz-placeholder  { color:#d5d5d5; font-size:13px; }
div.prd_info.sample table textarea:-ms-input-placeholder  { color:#d5d5d5; font-size:13px; }

div.prd_info.sample.prd_sample_request {  }
div.prd_info.sample.prd_sample_request table { }

div.total_price { font-size:14px; font-weight:bold; color:#333; width:100%; }
div.total_price:after { content:''; clear:both; display:block; }
div.total_price p {  }
div.total_price span { font-size:30px; color:#f30; }

.text-left { text-align:left !important; }
.text-left h5 { font-size:1em; }

.prd_opt { font-size:12px; font-family:'Nanum Gothic', sans-serif; }

.prd_bd {  }
.prd_bd .panel { border:0px; box-shadow:none; }
.prd_bd h6 { font-size:13px; margin:0 0 10px; color:#555; }
.prd_bd_tbl {  }
.prd_bd_tbl tr { text-align:center; }
.prd_bd_tbl tr th { text-align:center; height:27px !important; font-weight:bold !important; line-height:27px !important; padding:0px !important; background:#f03a41 !important; color:#fff !important; border:0px !important; }
.prd_bd_tbl tr th, .prd_bd_tbl tr td { height:45px; font-size:12px; font-family:'Nanum Gothic', sans-serif; }
.prd_bd_tbl tr td { border-bottom:1px solid #ddd;  text-align:center; vertical-align:middle; }


div.prd_bd div.btn_area { font-weight:normal; text-align:right; }
div.btn_area a.btn_small { color:#999; border:1px solid #999; padding:4px 10px; width:7%; border-radius:2px; font-size:12px; }
div.btn_area a.btn_small.btn_point { background:#f05260; color:#fff; border-color:#f05260; }
div.btn_area a.btn_small.btn_default:hover { background:#ccc; border-color:#ddd; color:#fff; }
div.btn_area a.btn_small.btn_point:hover { background:#ccc; border-color:#ddd; }

i.fa-star, i.fa-star-half-o, i.fa-star-o { color:#fbb208; }

div.order_guide { border-top:1px solid #ddd; padding:15px 0 0px 0; margin:3px 0 0 0; }
div.order_guide a { width:100%; display:block; font-weight:bold; background:#aaa; color:#fff; text-align:center; padding:8px 0; font-size:13px; }

/* 배송정보 */
.prdDelivery { color:#555; }
.prdDelivery p { font-size:13px;}
p.prd_datail_title { padding:0 15px; margin-top: 2px; margin-bottom: 2px; color:#555;  }
p.prd_datail_title strong { font-size:medium; }

/* 티셔츠 만들기 리스트 */
.make_tee_list {  }
.make_tee_list .prd_name { position:relative; margin:5px 0 3px; line-height:1; }
.make_tee_list .prd_name a { font-size:13px; line-height:1.1; display:inline-block; letter-spacing:0px; }
.make_tee_list .text_info {  min-height:0px; }
.make_tee_list .text_info .desc { min-height:40px; margin:0px; padding:10px 0 0; }
.make_tee_list .price { margin:8px 0 0; font-size:13px; }
.make_tee_list .listing-item .body {margin:0 0 110px; letter-spacing:1px; padding-top:5px; }
.make_tee_list .listing-item .btn_area a { font-size:11px; font-weight:bold; }

.make_tee_list .overlay-link { background:none; }

/* 티셔츠만들기 디자인 샘플 신청 Click 모달 컨텐츠 */
.sample_detail_con { height:526px; overflow-y:scroll; }
.sampleChoiceBtn { position:absolute; text-align:center; top:2px; margin-left:290px; }
.sampleChoiceBtn a {  font-size:13px;  display:inline-block; padding:20px 30px; background:#ef3a38; border-radius:10px; color:#fff; }
.sampleListBtn { border-bottom:1px solid #ddd; padding:0 0 7px;  }
.sampleListBtn span { cursor:pointer; font-size:16px; }
.sampleListBtn span i { padding:2px 1px 2px 0px; color:#fff; border-radius:50%; background:#ef3a38; }

.smaple_view_list .prd_name { margin:0px 0 0; }

/* 디자인샘플상세페이지 */
.sample_prd_change { height:555px; overflow-y:scroll; }
.div_tbl { display:table; width:100%; }
.div_tbl .tr { background:#fff; border-top:1px solid #ddd; padding:5px; }
.div_tbl .tr:last-child { border-bottom:1px solid #ddd; }
.div_tbl .tr.selected { background:#eee; }
.div_tbl .td { font-size:12px; display:table-cell; vertical-align:middle; height:100px; font-family:'Nanum Gothic', sans-serif; }
.div_tbl .tr .td:nth-child(2) { padding:0 0 0 10px; }
.div_tbl.hover .tr:hover { background:#eee; }

.sample_prd_change .td { font-weight:bold; }

.add_thumb {  }
.add_thumb ul {  }
.add_thumb ul li {  }
.add_thumb ul li a {  }
.add_thumb ul li a img {  }

#modal-sel-add-goods .modal-header { padding:0px; }
#modal-sel-add-goods .modal-header .close { padding:0px; margin:0 10px 0 0; }
#modal-sel-add-goods .modal-body { padding:0px;  box-shadow:none; }
#modal-sel-add-goods .modal-title { line-height:38px; color:#555 !important; font-weight:bold; padding-left:10px; font-size:16px; }
#modal-sel-add-goods button span { font-size:34px; color:#555 !important; }
#modal-sel-add-goods .modal-footer {  background:#eee; padding:0px; }

/* div 테이블 */
div.at_style { width:100%; margin:0px 0 30px; }
    h2.at_tbl_title a { position:absolute; right:0; top:-14px; }
    h2.at_tbl_title { position:relative; font-size:17px; font-weight:bold;  font-family:'Nanum Gothic', sans-serif; }
    div.at_tbl { width:100%; display:table; border:1px solid #d6d6d6; }
    div.at_tbl .at_tbl_tr {  }
    div.at_tbl .at_tbl_tr .at_tbl_th {  min-width:200px !important; background:#eee; font-weight:bold;  text-align:center; }
    div.at_tbl .at_tbl_tr .at_tbl_td { width:100%;  }
    .at_tbl_th, .at_tbl_td { display:table-cell; vertical-align:middle; height:40px; padding:5px 10px; }
.tbl_top_th .at_tbl_th, .tbl_top_th .at_tbl_td { border-left:1px solid #333; }
.tbl_top_th .at_tbl_th:first-child, .tbl_top_th .at_tbl_td:first-child { border-left:1px solid #d6d6d6; }
div.at_style .form-control { display:inline-block; padding:0px 0 0 10px; font-size:12px; height:25px; }
div.at_style .btn-xs { padding:6px 8px; line-height:1; vertical-align:top; font-size:11px; }
.bootstrap-filestyle label.btn { padding:2px 10px; }
label.btn-sm { margin:0px; }

.goods h2.at_tbl_title { font-size:14px;  font-family:'Nanum Gothic', sans-serif;  }
.goods h2.at_tbl_title a { font-size:12px; padding:10px 14px; font-weight:bold; right:inherit; left:0; top:-11px; margin:0px; margin-left:80px; font-family:'Nanum Gothic', sans-serif; }
.goods h2.at_tbl_title a.btn-default { color:#fff; background:#ef3a38; border-radius:0px; border:0px; }
.goods div.at_tbl { border-top:0px; }
.goods div.at_tbl .at_tbl_tr .at_tbl_th { min-width:30px !important; background:#c2c2c4; border:0px; font-size:12px; color:#fff; }
.goods div.at_tbl .at_tbl_tr { border:0px; }
.goods div.at_tbl .at_tbl_tr .at_tbl_td { border-right:0px; padding:0px; }
.goods div.at_tbl p { font-size:12px; }
.goods div.at_tbl .at_tbl_tr .at_tbl_td p.notice { padding:50px 0 130px 12px; font-size:16px; color:#f30; }

.txt_point { color:#f00 !important; }

.goods div.at_style {  margin:0px;  }
.goods .add_file .at_tbl { padding:8px 0;}
.goods .add_file .at_tbl .input-group .form-control { border-radius:0px; width:90%; color:#fff; }
.goods .add_file .at_tbl .input-group .form-control[disabled] { background:#f0f0f0; color:#333; opacity:1; }
.goods .add_file .at_tbl .add_file_row { position:relative; margin-top:2px; }
.goods .add_file .at_tbl .add_file_row:first-child { margin-top:0px; }
.goods .add_file .at_tbl .add_file_row a { position:absolute; display:block; top:0; right:0; margin:0px; padding:1px; }

.goods .btn_area { margin:13px 0 0; font-size:0; text-align:center; }
.goods .btn_area a { font-weight:bold; width:49%; margin-left:2%;  }
.goods .btn_area a:first-child { margin-left:0; }
.goods .btn_area .prd_sample_ment { font-weight:bold; color:#333; text-align:left; margin:10px 0 0 95px; }

#div_add_file input { width:78%; }
#div_add_file .add_file_row { margin:0 0 5px; position:relative; height:25px; }
#div_add_file a { padding:0; top:0; margin:0; width:25px; position:absolute;   }
#div_add_file a.plus {right:27px; }
#div_add_file a.minus { right:0;}
#div_add_file .add_file_row:last-child a.minus { right:19px;}
#div_add_file h2.at_tbl_title { margin:15px 0 10px; }

.btn_point1 { background:#505050 !important; border:1px solid #505050 !important; color:#fff !important; }
/*.btn_point1:hover { background:#fff !important; border:1px solid #505050 !important; color:#505050 !important; }*/
.btn_point2 { background:#ef3a38 !important; border:1px solid #ef3a38 !important; color:#fff !important; }
.btn_point2:hover { color:#ef3a38 !important; border:1px solid #ef3a38 !important; background:#fff !important; }
.btn_point2_2 { background:#ef3a38 !important; border:1px solid #ef3a38 !important; color:#fff !important; }
.btn_point2_2:hover { background:#cc0113 !important; }
.btn_point3 { background:#a8abad !important; border:1px solid #a8abad !important; color:#fff !important; }
.btn_point3:hover { color:#a8abad !important; border:1px solid #a8abad !important; background:#fff !important; }
.btn_point4 { background:#333 !important; color:#fff !important; border:1px solid #333 !important; }
.btn_point4:hover { color:#333 !important; border:1px solid #333 !important; background:#fff !important; }
.btn_point5 { background:#44b8b9 !important; color:#fff !important; border:1px solid #05a4a5 !important; }
.btn_point5:hover { background:#05a4a5 !important; }
.btn_point6 { background:#fff !important; color:#666 !important; border:1px solid #999 !important; }
.btn_point6:hover { background:#eee !important; }
.btn_point7 {  background:#fff !important; color:#333 !important; border:2px solid #333 !important; border-radius:0px; }
.btn_point7:hover { background:#333 !important; color:#fff !important; }
.btn_point8 { background:#21c4d4 !important; color:#fff !important; border:1px solid #21c4d4 !important; }
.btn_point8:hover { background:#fff !important; color:#21c4d4 !important; }




.prd_tab { margin:120px 0 0 0; font-size:0; border-bottom:1px solid #000; position:relative; }
.prd_tab li { display:inline-block; position:relative; top:1px; }
.prd_tab li a { color:#000; padding:8px 15px 0 15px; font-size:15px; font-weight:bold; font-family:'Nanum Gothic', sans-serif; display:block; border-top:1px solid #fff; border-bottom:1px solid #000;  }
.prd_tab li a.select { border-top-left-radius:5px; border-top-right-radius:5px; border-bottom:1px solid #fff; border-top:1px solid #000; border-left:1px solid #000; border-right:1px solid #000; }


#prdRelated { margin:130px 0 0; }

.at_modal_style {  }
.at_modal_style .modal-header { padding:0px 15px; background:#f05260 url('/img/ptn_tra22x24_3.png') 0 0 repeat; }
.at_modal_style .modal-header h4 { padding:15px 0; font-size:15px; font-weight:bold; font-family:'Nanum Gothic', sans-serif; }
.at_modal_style .modal-header .close { margin-top:10px;  }
.at_modal_style .modal-header .close span { font-size:28px; }
.at_modal_style .close { opacity:1; }

.goods .add_img { margin-top:1%; font-size:0; text-align:center; }
.goods .add_img a { width:25%; display:inline-block; }
.goods .add_img a img { width:100%; padding:5%; }

.sampleCate { padding:0 0 10px; font-size:0px; border-bottom:1px solid #ddd; }
.sampleCate li {  width:11%; display:inline-block; }
.sampleCate li a { text-align:center; font-weight:bold; font-size:13px; display:block; color:#555; font-family:'Nanum Gothic', sans-serif;  }
.sampleCate li a.select { color:#f30;  }

.sampleContents { height:520px; overflow-y:auto; margin-top:20px; }
.sampleContents .prd_name { font-size:14px; color:#555;  font-weight:bold; text-align:center; }
.sampleContents .desc {  margin:5px 0 5px; color:#555; line-height:1.3; text-align:center; }

.sampleSelect { position:relative; height:570px; }
.sampleSelect h3 { margin-top:0px; font-size:15px; font-weight:bold; }
.sampleSelect ul { height:490px; overflow-y:auto; }
.sampleSelect ul li { margin-top:10px; border:1px solid #ddd; padding:10px; }
.sampleSelect ul li input { height:28px; border:1px solid #ddd; border-radius:0px; background:#f5f5f5; }
.sampleSelect ul li textarea { height:70px; margin:5px 0 0; border:1px solid #ddd; border-radius:0px; background:#f5f5f5; }
.sampleSelect .btn_area { text-align:center; margin:0px; position:absolute; bottom:0px; }
.sampleSelect .btn_area a { width:inherit; font-size:13px; padding:10px 29px; }
.sampleSelect .btn_area a:first-child { }

#orderGuide .modal-body { padding-bottom:40px; }
#orderGuide .modal-body .owl-carousel { background:#000; }
#orderGuide .owl-pagination { bottom:-35px; }
#orderGuide div.content-slider-with-controls-autoplay .owl-buttons div { width:40px; height:85px; opacity:0.5; display:block; background:none; font-size:0; }
#orderGuide div.content-slider-with-controls-autoplay .owl-buttons div:hover { opacity:1; }
#orderGuide div.content-slider-with-controls-autoplay .owl-buttons div.owl-prev { left:5%; background:url('/img/main_nav_prev.png') no-repeat; }
#orderGuide div.content-slider-with-controls-autoplay .owl-buttons div.owl-next { right:5%; background:url('/img/main_nav_next.png') no-repeat; }


/* = 게시판 = */
.section.bd { min-height:0px; }


div.at_style select.form-control { color:#777; font-family:'Nanum Gothic', sans-serif; border:1px solid #999; border-radius:2px; }

div.paging p a { border:0px; color:#999; }
div.paging p a.active { background:none; color:#000; font-weight:bold; }
div.paging p a:hover { border:0px;  }

/*검색*/
.search { border:1px solid #ddd;}
.search.sample_list_search { margin-top:20px !important; }
.search_bg { font-size:0; text-align:center; background:#fff;   border:5px solid #eee; padding:20px; }
.search .form-control { margin:0 3px 0; vertical-align:middle; display:inline-block; border-radius:0px; height:30px; font-size:13px; font-family:'Nanum Gothic', sans-serif; }
.btn_search { display:inline-block; padding:5px 10px; vertical-align:middle; margin:0 0 0 5px; color:#fff !important; border:1px solid #ddd; background:#979797;  }
.btn_search:hover { color:#fff; background:#777; }

/* 상품검색 */
.search_result_txt { margin:50px 0 10px; font-weight:bold; font-size:18px; font-family:'Nanum Gothic', sans-serif;  }
.search_result_txt span {color:#f05260; font-size:18px; }
.re_search { margin:0 10px 0 0; display:inline-block; vertical-align:middle; }
.re_search label { font-size:14px; padding:0 0 0 0px; }
/*
.search { font-size:0; text-align:right; padding:10px; }
.search select, .search input { height:26px; padding:3px; display:inline-block; font-size:11px; font-family:'Nanum Gothic', sans-serif; border-radius:2px; }
.search input { margin:0 0 0 5px; }

*/


/* mobile ver 리스트 */
.bd.mobile_ver .panel-body { position:relative; width:95%; margin:0 auto; display:table; padding:5px 10px; border-bottom:1px solid #ddd; }
.bd.mobile_ver .panel-body:first-child { border-top:1px solid #bbb; }
.bd.mobile_ver .tr_contents {  }
.bd.mobile_ver .tr_contents .title { padding:20px 0; font-size:12px; font-weight:normal; width:95%; margin:0 auto; border-bottom:1px solid #ddd; }
.bd.mobile_ver .tr_contents .title .btn_area {  margin:10px 0; text-align:center; }
.bd.mobile_ver .tr_contents .title .btn_area a { padding:8px 0; margin:0 3px; line-height:1; }
.bd ul.list:after { content:''; clear:both; display:block; }
.bd ul.list { margin-top:5px; }
.bd ul.list li { padding:0px; float:left; color:#555; font-size:12px; font-weight:normal; }
.bd.mobile_ver .m_list_thumb { width:60px; display:table-cell; vertical-align:middle; padding:0 10px 0 0; }
.bd.mobile_ver .m_list_contents { display:inline-block; }

.tr_contents.goods_qna .title { padding-bottom:10px; }

/*
.bd.mobile_ver div.title {width: 253px;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
    display: block; }
    */
.bd.mobile_ver div.title a { font-size:12px; font-weight:bold; }
.bd ul.list li.name { padding-right:10px; margin-right:10px; border-right:1px solid #ddd; }
.bd ul.list li.date {  }
.bd ul.list li.link { color:#09afdf; float:right; }
.bd ul.list li.cnt { width:70px; position:absolute; right:0; border-left:1px solid #ddd; padding-left:10px; margin-left:10px; }

/* mobile ver 검색 */
.bd ul.search { font-size:0; }
.bd ul.search li { width:82%; font-size:12px; display:inline-block;  }
.bd ul.search li:nth-child(2) { width:18%; }
.bd ul.search li input { margin:0px; height:35px; font-size:13px; }
.bd ul.search li a.btn_search { display:block; text-align:center; padding:8px 0; width:100%; }

/* mobile ver 마이페이지 나의상품후기 */
.bd.mobile_ver.mypage .panel-body { width:100%; }
.bd.mobile_ver.mypage .panel-body:first-child {  }
.bd.mobile_ver.mypage .panel-body:after { content:''; clear:both; display:block; }
.bd.mobile_ver.mypage .m_list_contents { width:100%; float:right; }
.bd.mobile_ver.mypage .m_list_contents div.title { margin-left:11%; margin-top:5px; }
.bd.mobile_ver.mypage ul.list:after { content:''; clear:both; display:block; }
.bd.mobile_ver.mypage ul.list li.name {  float:right; }
.bd.mobile_ver.mypage ul.list li.date {  float:right; }

.bd.mobile_ver.mypage .tr_contents { }
.bd.mobile_ver.mypage .tr_contents .title {  padding:10px 0 0; border-bottom:1px solid #ddd; font-size:12px; font-weight:normal; }
.bd.mobile_ver.mypage .tr_contents .btn_area { margin:10px 0; text-align:center; }
.bd.mobile_ver.mypage .tr_contents .btn_area a { padding:8px 0; margin:0 3px; }

table.mypage_contents.my_qna { border:0px; border-bottom:1px solid #ddd; }
table.mypage_contents.my_qna tr th { border-top:1px solid #bbb; border-bottom:1px solid #ddd; }
table.mypage_contents.my_qna tr th:last-child, table.mypage_contents.my_qna tr td:last-child { border-right:0px; }
table.mypage_contents.my_qna tr td p a { margin:3px 0 0px; }

/* 시안확인게시판 sian */
/*.bd.mobile_ver .panel-body.sian:nth-child(2n) { padding-left:25px; }*/
.btn_area.mobile_ver a.btn_small { width:50%; padding:8px 10px; }

.order_bd { border-bottom:1px solid #ccc; }
.bd_contents { border-top:1px solid #555; }
.bd_contents h3 { margin:0px; padding:10px 10px; border-bottom:1px solid #ddd; background:#f5f5f5; font-size:13px; }
.bd_contents h3:after { content:''; clear:both; display:block; }
.bd_contents h3 .order_status { float:right; }
.bd_contents h3 .order_status span { color:#fff !important; background:#45b8b9; padding:5px; margin-left:5px; }
.bd_contents p {  }
.bd_contents .writer_info { margin-bottom:20px; padding:10px 10px; border-top:0px;  border-bottom:1px solid #ddd; }
.bd_contents .writer_info:after { content:''; clear:both; display:block; }
.bd_contents p span {  }
.bd_contents div p { border-top:0px; padding:0px; }

.order_bd_contents { min-height:100px; padding:20px; border-top:0px !important; }
.order_bd_contents.add_file { border-top:1px solid #ddd !important;  border-bottom:1px solid #ddd; min-height:10px; padding:10px 0; }

.review_comment {  }
.review_comment p { margin:0 0 5px; }

table.at_table { width:100%; margin:15px 0 0; }
table.at_table tr {  }
table.at_table tr th { background:#fbfbfb; height:35px; }
table.at_table tr td {  }
table.at_table tr th, table.at_table tr td { padding:5px; border-right:1px solid #d6d6d6; text-align:center; border-bottom:1px solid #d6d6d6; }
table.at_table tr th:first-child, table.at_table tr td:first-child { border-left:1px solid #d6d6d6; }
table.at_table tr:first-child th { border:1px solid #ccc; }
table.at_table tr:first-child th:first-child { /*border-left:0px;*/ }
table.at_table tr:first-child th:last-child { /*border-right:0px;*/ }
table.at_table thead th { background:#ddd; border-top:1px solid #d6d6d6; }
table.at_table tbody th { background:#ddd; }

/* 상품리뷰게시판 */
.review_prd_info { border:1px solid #ddd; background:#f9f9f9; display:inline-block; padding:20px; margin:15px 0 10px; }
.review_prd_info div.at_tbl, .review_prd_info div.at_tbl .at_tbl_tr, .review_prd_info div.at_tbl .at_tbl_tr .at_tbl_th, .review_prd_info div.at_tbl .at_tbl_tr .at_tbl_td { border:0px; background:none; padding:0px; }
.review_prd_info div.at_tbl .at_tbl_tr .at_tbl_th { min-width:100px !important; }
.review_prd_info div.at_tbl .at_tbl_tr .at_tbl_td { padding-left:30px; }
.review_prd_info div.at_tbl p { border:0px; padding:0px; }
.review_prd_info p.prd_name { font-weight:bold; }
.review_prd_info p.price { font-weight:bold; margin:5px 0 10px; color:#f30; }
.review_prd_info p i { color:#fbb208; }

.comment_area { background:#f5f5f5; padding:10px 20px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
.comment_area ul { font-size:0; border-top:1px solid #ddd; }
.comment_area ul:first-child { border-top:0px; }
.comment_area ul li { width:1030px; color:#333; margin:10px 0; display:inline-block; vertical-align:top; font-size:12px; font-family:'Nanum Gothic', sans-serif; }
.comment_area ul li span { color:#999; padding-left:10px; }
.comment_area ul li.writer { width:80px; border-right:1px solid #ccc; margin-right:10px; padding:0 10px; 0 0; }
.comment_area div.comment_textarea { /*border-top:1px solid #ccc;*/ margin-top:10px; padding:10px 0px 0px 0px;}
.comment_area div.comment_textarea textarea { height:80px; width:1030px; border-radius:0px; box-shadow:none; }
.comment_area div.comment_textarea a { display:inline-block; text-align:center; font-size:14px; vertical-align:top; padding:28px; margin:0 0 0 10px; }

.comment_area .order_bd_add_file { position:relative; margin:3px 0 2px; }
.comment_area .order_bd_add_file:last-child {  margin:3px 0 0;  }
.comment_area .order_bd_add_file input[type=text] { width:30%; }
.comment_area .order_bd_add_file a { padding:1px; position:absolute; top:0; }
.comment_area .order_bd_add_file a.plus { position:absolute; top:-9px; margin-left:410px; }
.comment_area .order_bd_add_file a.minus { position:absolute; top:-9px; margin-left:437px; }
.comment_area .order_bd_add_file:last-child a.minus { margin-left:410px; }

.bd_prd_thumb img { width:50px; }

/* 상품리스트 */
.listing-item .btn_area { margin:1em 0 -0.5em; text-align:center; }
.listing-item .btn_area a { font-weight:bold; color:#fff; min-height:2.5em; line-height:2.4em; letter-spacing:.03em; font-size:.97em; width:100%; background:#000; padding:0 1.2em; }

.smaple_view_list .listing-item .body { text-align:center; }
.smaple_view_list .listing-item .btn_area a { font-family:dotum, "돋움", arial; background:#666; border:0px; color:#fff; }
.smaple_view_list .prd_name a { font-size:14px; font-family:dotum, "돋움", arial; }
.smaple_view_list .desc { margin:22px 0 0; color:#000; font-size:12px; font-family:dotum, "돋움", arial; min-height:45px; }
.smaple_view_list .listing-item .btn_area { margin:15px 0 0; }

.prd_option { border-right:1px solid #d1d2d4; }

.sample_request { width:80%; background:#9e9b7a; color:#fff !important; padding:8px 20px; }
.sample_request:hover { color:#fff; background:#9e9b7a; }

div.at_style textarea.form-control { font-size:13px; padding:10px; }
.add_file.prd_sample textarea { border-radius:0px; margin-top:10px; height:100px; box-shadow:none; }
.add_file.prd_sample textarea::-webkit-input-placeholder { color:#c5c5c5; font-size:13px; }
.add_file.prd_sample textarea:-moz-placeholder  { color:#c5c5c5; font-size:13px; }
.add_file.prd_sample textarea::-moz-placeholder  { color:#c5c5c5; font-size:13px; }
.add_file.prd_sample textarea:-ms-input-placeholder  { color:#c5c5c5; font-size:13px; }


.top_nav { position:relative; top:28px; font-size:0;  text-align:right; }
.top_nav li { display:inline-block; }
.top_nav li a { display:block; font-size:12px;  padding:0 10px; color:#333; }
.nav_search { font-size:0; position:relative; top:-3px;  }
.nav_search input { display:inline-block; vertical-align:middle; }
.nav_search input[type=text] { width:155px; padding:3px 5px; font-size:13px; height:24px; border:1px solid #555; border-radius:0px; }
.nav_search input[type=image] {  }

.review_goods_name { font-weight:bold; color:#333; font-size:13px;   }
.review_exp_price { font-weight:bold; color:#f30; font-size:13px;  }
.review_subject { margin:0 0 5px; color:#555; font-family:dotum, "돋움", arial;}

/* = 로그인&회원가입 = */
.other_style { background:rgba(0, 0, 0, 0.8); }
.other_style .modal-content { background:none;  border:0px; box-shadow:none; -webkit-box-shadow:none; }
.other_style .modal-header { border:0px; }
.other_style .modal-header button { opacity:1; }
.other_style .modal-header button span { font-size:40px; color:#fff; text-shadow:none; }
.other_style .modal-body { padding:30px 50px; background:#fff; box-shadow:0 5px 15px rgba(0, 0, 0, .5); -webkit-box-shadow:0 5px 15px rgba(0, 0, 0, .5); }
.other_style .modal-body h3 { font-weight:bold; font-size:22px; text-align:center; }
.other_style a.btn { width:100%; display:block; background:#555; color:#fff; border-radius:0px; }
.other_style .member { text-align:center; }
.other_style .member a { width:49%; display:inline-block; }
.other_style div.at_tbl .at_tbl_tr { border:0px; }
.other_style div.at_tbl .at_tbl_tr .at_tbl_th { background:none; text-align:left; min-width:110px !important; border:0px; }
.other_style div.at_tbl .at_tbl_tr .at_tbl_td { border:0px; }
.other_style div.at_tbl .at_tbl_tr .at_tbl_td input { border-radius:0px; border:1px solid #ccc; font-size:14px; height:30px; }
.other_style div.at_tbl { border:0px; }
.other_style h2.at_tbl_title { font-size:14px; padding:0 0 8px; border-bottom:1px solid #555; margin-bottom:5px; }
.other_style p.find_info { text-align:center;  }
.other_style p.find_info a { color:#555; font-size:14px; font-weight:bold; }
.other_style a { margin:6px 0; }
.btn_login_face { background:#4869bd !important; }
.btn_login_naver { background:#22b600 !important; }
.btn_login_kakao{ background:#fcc836 !important; color:#513d3c !important; }


/* 회원가입 */
.join_agree { margin-top:30px; }
.join_agree h3 { font-size:16px; }
.join_agree div { background:#f5f5f5; border:1px solid #ddd; padding:20px 20px 0; }
.join_agree div textarea { height:150px; }
.join .checkbox { font-size:13px; font-family:'Nanum Gothic', sans-serif; }
.join .checkbox.pw_change { margin:0px !important; padding-top:3px; min-height:0px;}
.join .checkbox span {  }
.join .checkbox input { margin-left:10px; margin-top:4px; }
.join .checkbox label { padding-left:25px; }
.join div.at_tbl .at_tbl_tr .at_tbl_th, .join div.at_tbl .at_tbl_tr .at_tbl_td { font-size:13px; font-family:'Nanum Gothic', sans-serif; }
.join div.at_tbl .at_tbl_tr .at_tbl_th { text-align:left; color:#333; background:#fff; }
.join div.at_tbl .at_tbl_tr .at_tbl_td {  }
.join input[type=text] { border:1px solid #ddd;  }
.join .form-control {  border-radius:0px; box-shadow:none; }
.join div.at_style select.form-control { border-radius:0px; border:1px solid #ddd; }

.control { position:relative; cursor:pointer; }
.control.inlut_radio { padding-left:25px; }
.control input[type='checkbox'] { position:absolute; z-index:-1; opacity:0; right:-30px; }
.control input[type='radio'] { position:absolute; z-index:-1; opacity:0; right:-30px; }
.control__indicator { position:absolute; top:-2px; left:0; width:20px; height:20px; background:#e6e6e6; }
.control__indicator:after { content:''; display:none; position:absolute; }
.control .control__indicator:after { left:7px; top:3px; width:7px; height:11px; border:solid #fff; border-width:0 3px 3px 0; transform:rotate(45deg); }
.control input:checked ~ .control__indicator:after { display:block; }
.control:hover input ~ .control__indicator, .control input:focus ~ .control__indicator { background:#c5c5c5; }
.control input:checked ~ .control__indicator { background:#ff505e; }

.control.inlut_radio .control__indicator { background:#ccc; padding:0px; border:0px; border-radius: 50%; }

.control input:disabled ~ .control__indicator { background: #e6e6e6; opacity: 0.6; pointer-events: none; }

.control.inlut_radio .control__indicator:after { left: 6px; top: 6px; height: 8px; width: 8px; border-radius: 50%; background: #fff; }
.control.inlut_radio input:disabled ~ .control__indicator:after { background: #7b7b7b; }

.at_btn_sm { padding:3px 4px; font-size:12px; vertical-align:top;  }


.txt_point_blue { color:#007FC8 !important; }
.btn_area.join {  }
.btn_area.join a { width:140px; }

.text-center { text-align:center !important; }


/* 가입완료 */
.at_box { border:2px solid #ddd; background:#fff; width:500px; margin:0 auto; padding:20px; }
.at_box.join_ok_box { text-align:center; }
.at_box.join_ok_box h3 {  }
.at_box.join_ok_box p {  }
.at_box.join_ok_box i { font-size:70px;  }
.at_box.join_ok_box span.txt_point { font-size:26px; font-family:'Raleway', sans-serif; }

/* 주문완료 */
.at_box.order_result { border:2px solid #ddd; background:#fff; width:800px; margin:0 auto; padding:20px 75px; }

.simple_order_result {  }
.simple_order_result ul { margin:20px auto 10px; width:630px; display:block; font-size:0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.simple_order_result ul li { font-family:'Nanum Gothic', sans-serif; display:table-cell; vertical-align:middle; font-size:12px; width:480px; }
.simple_order_result ul li.mobile_ver { display:none; }
.simple_order_result ul li:first-child { width:150px; background:#f8f8f8; border-right:1px solid #ddd; }
.simple_order_result ul li p { padding:10px 15px; border-top:1px solid #ddd; }
.simple_order_result ul li p:first-child { border-top:0px; background:#e9e9e9; padding:10px 10px; }
.simple_order_result ul li p:after { content:''; clear:both; display:block; }
.simple_order_result ul li p span {  }
.simple_order_result ul li p:first-child span { color:#333; font-size:15px; font-weight:bold;  }
.simple_order_result ul li p:first-child span.float-left { margin-top:8px; }
.simple_order_result ul li p:first-child span.float-right { font-size:24px; color:#44b8b9; }
.simple_order_result ul li p span.float-right { font-weight:bold; color:#000; }

/* 주문페이지 */
.prd_checkout { margin:20px 0 0; }
.prd_checkout div.area { position:relative; margin:0 0 30px; padding:30px 25px; border:1px solid #ddd; }
.prd_checkout div.area span.title { position:absolute; font-weight:bold; top:-14px; display:block; width:auto; padding:3px 10px; font-size:15px; color:#333; border:1px solid #ddd; background:#fafafa; }
.prd_checkout div.area div.at_tbl { padding:0; border:0px; }
.prd_checkout div.area div.at_tbl .at_tbl_tr { border:0px; }
.prd_checkout div.area div.at_tbl .at_tbl_tr .at_tbl_th { border:0px; text-align:left; min-width:140px !important; background:#fff; }
.prd_checkout div.area div.at_tbl .at_tbl_tr .at_tbl_td { border:0px; }
.prd_checkout div.area div.at_style { margin:0px; }
.join .checkbox label { font-weight:bold; }

.prd_checkout .at_tbl_td.td-w-half { width:300px; }

.area .price { margin:10px 0 0; font-size:22px !important; font-weight:bold !important; color:#333; }
.area .price span { font-size:30px !important; color:#f30; }

.checkout_info { padding-left:10px; margin:30px 0 0; border-top:1px solid #ddd; }
.checkout_info h3 { font-size:13px; font-weight:bold;}

/* 장바구니 */
.prd_cart { width:100%; border:1px solid #ddd; margin:0px 0 0px; }
div.prd_name.cart { border:1px solid #ddd; border-bottom:0px; padding:8px 30px; background:#f5f5f5; }
div.prd_name.cart:after { content:''; clear:both; display:block; }
div.prd_name.cart > div { float:left; }
div.prd_name.cart > div.float-right { margin:10px 0 0; float:right; }
div.prd_name.cart > div.float-right span { margin-right:10px; }
div.prd_name.cart > div.float-right a { text-indent:-9999px; vertical-align:middle; display:inline-block; width:20px; height:20px; background:url('http://www.go-aja.com/img/icon_close.gif') 50% 50% no-repeat; background-size:100%; }
div.prd_name.cart div.checkbox input { margin:4px 0 0 0px; }
div.prd_name.cart div.checkbox label { font-size:15px; margin:0 0 0 5px; }
.prd_cart ul { width:100%; display:table; }
.prd_cart > ul { position:relative; }
.prd_cart ul li { vertical-align:top; display:table-cell; }
.prd_cart ul li.prd_img { vertical-align:middle; border-right:1px solid #ddd; padding:10px 3px; text-align:center; position:relative;}
.prd_cart ul li.prd_img img { width:250px; }
.prd_cart ul li:after { content:''; clear:both; display:block; }
.prd_cart ul li.list_tab { position:relative; vertical-align:top; padding:0px; }
.prd_cart ul li.list_tab p { position:absolute; top:0; left:-1px; margin:0; }
.prd_cart ul li.list_tab p a { display:block; font-weight:bold; width:50px; background:#fff; color:#333; border:1px solid #ddd; border-top:0px; text-align:center; padding:8px 10px 9px; }
.prd_cart ul li.list_tab p a.selected {  background:#ccc; color:#fff; }
.prd_cart ul li.order_info {  }
.prd_cart ul li.order_info h3 { font-size:14px; font-weight:bold; }
.prd_cart ul li.order_info tr th { border-top:0px; padding:10px 0; text-align:center; }
.prd_cart ul li.order_info tr td { padding:10px 0 0px; text-align:center; }
.prd_cart ul li.order_info tr td b:first-child { display:block; }
.prd_cart ul li.order_info div.add_size { margin:5px 0 0; }
.prd_cart ul li.order_info div.add_size a { margin:10px 28px 20px 0; color:#fff; padding:5px 8px; background:#44b8b9; display:inline-block;  }
div.result_option { margin:0 0 20px; border:1px solid #ddd; border-top:0px;  padding:8px 30px; background:#f5f5f5; }
div.result_option:after { content:''; clear:both; display:block; }
div.result_option div { }
div.result_option div p { font-size:14px; margin:0 0 0 80px; display:inline-block; font-weight:bold; color:#555; }
div.result_option div p span { color:#24b7b8; }
div.result_option div input { border:0px !important; background:none; }

.product_option { width:100%; }
.product_option tr {  }
.product_option tr th { border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.product_option tr td {  }

.product_option ul.cart_tbl {  border-bottom:1px dashed #aaa; padding:12px 10px 20px; margin:0 0 14px; display:table; }
.product_option ul.cart_tbl:last-child { border-bottom:0px; margin:0 0 0px; }
.product_option ul.cart_tbl li { text-align:center;  display:table-cell; vertical-align:middle; }
.product_option ul.cart_tbl li:nth-child(1) { width:460px; }
.product_option ul.cart_tbl li:nth-child(2) { width:100px; }
.product_option ul.cart_tbl li:nth-child(3) {  }
.product_option ul.cart_tbl li:nth-child(4) { width:100px; }
.product_option ul.cart_tbl.sort { border:0px; font-size:14px; font-weight:bold; padding:7px 10px; border-bottom:1px solid #ddd; }
.product_option ul.cart_tbl.sort li {}
.product_option ul.cart_tbl li p:first-child { font-weight:bold; padding:0 0 5px; margin:0 0 5px; border-bottom:1px solid #ddd; }
.product_option ul.cart_tbl li.count {  }
.product_option ul.cart_tbl li.count a {  }
.product_option ul.cart_tbl li.count input { border:0px; width:30px !important; text-align:center; }
.product_option ul.cart_tbl li.td_total_price input {  border:0px;  color:#45b8b9; font-weight:bold; font-size:15px; width:100px !important; text-align:center; }

.product_option.make { min-height:221px; }

.section.checkout { padding:0; }

/* 장바구니 */
.prd_cart ul li.prd_img {  width:300px; }
.prd_cart ul li.order_addfile { color:#fff; background:#cacaca; border-top:2px solid #d8d8d8; width:788px; display:block; padding:10px 0px; }
.prd_cart ul li.order_addfile i { margin-right:5px; color:#555; }

.bd_v_filedown {   }
.bd_v_filedown li { vertical-align:middle !important; display:table-cell; }
.bd_v_filedown li:nth-child(1) { color:#333; text-align:center; width:100px; line-height:1; font-size:13px; font-weight:bold; }
.bd_v_filedown li:nth-child(2) { color:#fff; padding:0 0 0 13px; border-left:1px solid #f5f5f5; }
.bd_v_filedown li a { display:block; }

.prd_cart ul li.order_addfile.self_addfile { position:absolute; bottom:0; }

.prd_cart ul li.order_info { width:100%; display:block; }
.prd_cart ul li.order_info td.count {  }
.prd_cart ul li.order_info td.count input { font-size:11px; border:1px solid #ddd; color:#777; width:28px !important; }
.prd_cart ul li.order_info td.td_total_price input { color:#777; width:80px; text-align:center; }
.prd_cart ul li.cart_request { position:absolute; bottom:0; font-size:0; width:100%; display:block; }
.prd_cart ul li.cart_request textarea { border-top-color:#bbb; background:#f7f7f7; padding-right:12px; display:inline-block; width:688px; border-left:0px; border-bottom:0px; border-right:0px; height:100px; max-height:400px; }
.prd_cart ul li.cart_request a { vertical-align:top; width:100px; padding:39px 0; border:1px solid #000; font-size:14px; text-align:center; display:inline-block; color:#fff; background:#333;  }
.prd_cart ul li.cart_request a:hover { background:#fff; color:#333; }
.prd_cart input { border:0px; background:none; font-size:13px; }

.prd_cart ul li.cart_request.checkout {  }
.prd_cart ul li.cart_request.checkout textarea { width:736px; }
.prd_cart ul li.order_addfile.checkout { width:736px; }

.option_select_area.self { padding-bottom:132px; }
.option_select_area { padding-bottom:100px; }

td.count input { text-align:center; }

.cart_sample_request { border-top:1px solid #ddd; padding:15px; }
.cart_sample_request textarea { height:100px; width:938px; overflow-y:scroll; display:inline-block; }
.cart_sample_request a.cart_sample_request_save { margin:0 0 0 10px; font-size:14px; vertical-align:top; padding:40px; text-align:center; display:inline-block; color:#fff; background:#333; }

div.total_price.order { font-size:0; border:1px solid #333; border-top:2px dashed #333; background:#f9f9f9; color:#333; }
div.total_price.order > div { position:relative; display:inline-block; width:25%; }
div.total_price.order > div:nth-child(1) p { border-left:0px; }
div.total_price.order p { padding:24px 40px; border-left:1px solid #555; font-size:16px;  font-weight:bold; }
div.total_price.order p.total { background:#e6e6e6; }
div.total_price.order p span { font-size:13px; margin:0 10px 0 0px; color:#333;  font-weight:bold; }
div.total_price.order input { width:100px; background:none; border:0px; color:#333; font-size:16px; }
div.total_price.order > div span.icon_total { top:50%; left:0; margin-left:-14px; margin-top:-14px; position:absolute; display:inline-block; border:1px solid #333; width:28px; height:28px; border-radius:50%; background:#333 url('/img/icon_total_w.png') 50% 50% no-repeat; }
div.total_price.order.check_total > div { width:33.33% ; }
@media (max-width:1199px) {
    div.total_price.order.check_total > div { width:100%; text-align:center; }
}


/* 장바구니-일반 */
.prd_cart.default {  }
.prd_cart.default .product_option ul.cart_tbl { padding:5px 10px; margin-bottom:0px; }
.prd_cart.default .product_option ul.cart_tbl.sort { padding:7px 10px; margin-bottom:10px; }
.prd_cart.default .option_select_area { padding-bottom:100px; }

/* 장바구니-셀프 */
.prd_cart.self_cart {  }
.prd_cart.self_cart .product_option ul.cart_tbl { padding:0px; border-bottom:0px; margin-bottom:5px; }
.prd_cart.self_cart .product_option ul.cart_tbl.sort { padding:7px 10px; margin-bottom:10px; border-bottom:1px solid #ddd; }
.prd_cart.self_cart .product_option ul.cart_tbl li:nth-child(1) { width:280px; }
.prd_cart.self_cart .product_option ul.cart_tbl li:nth-child(2) {  }
.prd_cart.self_cart .product_option ul.cart_tbl li:nth-child(3) {  }
.prd_cart.self_cart .product_option ul.cart_tbl li:nth-child(4) {  }
.prd_cart.self_cart .product_option ul.cart_tbl li:nth-child(5) { width:130px; }
.prd_cart.self_cart .product_option ul.cart_tbl li b { font-size:13px; }
.prd_cart.self_cart .product_option div.text-right { margin:10px 0 15px; padding-right:28px; }
.prd_cart.self_cart .product_option div.text-right a { padding:4px 10px; }
.prd_cart.self_cart .product_option div.btn_add_size {  }
.prd_cart.self_cart .product_option div.btn_add_size input {  }

/* 장바구니 상단 탭 */

div.cart_border { position:absolute; top:65px; width:100%; height:2px;  }

ul.cart_tab_list { padding:1% 0 0; width:98%; border-top:1px solid rgba(0, 0, 0, 0.5); margin:0 auto;  }
ul.cart_tab_list:after { content:''; clear:both; display:block; }
ul.cart_tab_list li { position:relative;  background:url('/img/tab_list_bg.png') 100% 60% no-repeat; padding:0; text-align:center; width:20%; display:inline-block; float:left; }
ul.cart_tab_list li.first {   }
ul.cart_tab_list li.second {  }
ul.cart_tab_list li.third { }
ul.cart_tab_list li a {  height:44px;  margin-bottom:-2px; padding:5% 10% 6%; font-weight:bold; color:#fff; display:block; }
ul.cart_tab_list li.page_title.on { }
ul.cart_tab_list li.page_title.on a { border-top-left-radius:4px; border-top-right-radius:4px; background:#fff; color:#333; }

@media (max-width:1199px) {
    ul.cart_tab_list li a {  height:33px; width:100%; bottom:1px; position:absolute; }
}

.ord_head_wrap { border-radius:4px; background: #000; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#424242, #131313); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#424242, #131313); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#424242, #131313); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#424242, #131313); /* Standard syntax */ color:#fff;  border:1px solid #ddd;  margin:0 0 20px; }
.order_header { padding:2% 2% 1.7%; }
.order_header:after { content:''; clear:both; display:block; }
.order_header h2 {  margin:0; font-size:1.8em;  display:inline-block; }
.order_header h2 b {  }
.order_header ul{ float:right; text-align:right; }
.order_header ul li { color:#aaa; font-weight:bold;  padding:0 0 0 10px; display:inline-block; }
.order_header ul li.active { font-weight:bold; color:#fff; }
.order_header ul li.active span { color:#ffa700; }
.order_header ul li span { font-size:1.4em; letter-spacing:1.4px; font-family:'Poiret One', cursive; margin-right:5px; color:#ccc; }
.order_header ul li i { margin-left:10px; }


/* 주문페이지 */
.prd_cart ul li.cart_request.order_detail textarea { width:788px; }

/* 레이어팝업 */
#pop-up { position:absolute; z-index:1000; top:20px; left:30px; border:1px solid #ddd; /*cursor:move;*/ }
.pop-up_contents img { width:100%; }
.pop-up_box { height:5%; padding:5px 0; background:#fff; text-align:center; }
.pop-up_box img { width:12px; margin:-1px 0 0 10px; }
.pop_check { /*cursor:pointer; margin:0px; padding:0 0 0 22px; background:#fff url('/img/popup_check_box.png') no-repeat 1px 0px; */}
.pop-up_box input[type='checkbox'] {/* position:absolute; z-index:-1;*/ color:#fff; position:relative; vertical-align:middle; margin:0px; }
.popup_checkbox a  {   }

/* = 아이디/패스워드 찾기 = */
.find_info {  }
.find_info h2 {  }
.find_info h2 i { color:#999; }
.find_info .box { border:1px solid #ccc; padding:40px; }
.find_info .box h3 { font-size:14px; margin:0 0 5px; }
.find_info .box p { margin:0 0 30px; }
.find_info .box .find_id { margin:40px 0 0; }
.find_info div.at_style .form-control { height:30px; border-radius:0px; }
.find_info .box div.at_tbl .at_tbl_tr .at_tbl_th { text-align:left; font-size:13px; background:none; min-width:124px !important; }
.find_info .box div.at_tbl, .find_info .box div.at_tbl .at_tbl_tr, .find_info .box div.at_tbl .at_tbl_tr .at_tbl_th, .find_info .box div.at_tbl .at_tbl_tr .at_tbl_td { border:0px; }
.find_result { padding:20px 0; text-align:center; margin:10px 0; font-size:15px; }

/* = 마이페이지 = */
.myp { padding-top:30px; }
.mypage {  }
.mypage .myinfo { border-radius:4px; background: #000; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#424242, #131313); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#424242, #131313); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#424242, #131313); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#424242, #131313); /* Standard syntax */ color:#fff;  border:1px solid #ddd; }
.mypage .myinfo h3 { padding:2%; margin:0; border-bottom:1px solid rgba(0, 0, 0, 0.5); font-size:0.9em; }
.mypage .myinfo h3 b { margin-right:3%; font-size:2em; }
.mypage .myinfo h3 span { font-weight:bold; }
.mypage .myinfo .myp_tab { margin:0 auto; width:98%; display:table; }
.mypage .myinfo .myp_tab li { background:url('/img/tab_list_bg.png') 100% 65% no-repeat; padding:1% 0 0; width:20%; vertical-align:top; display:table-cell; }
.mypage .myinfo .myp_tab li a { position:relative; margin-bottom:-5px; font-weight:bold;  padding:5% 10%; color:#fff; display:block; }
.mypage .myinfo .myp_tab li a:after { content:''; clear:both; display:block; }
.mypage .myinfo .myp_tab li a span { padding:0 15px; border-radius:50px; background:#ffdb3e; font-size:1.2em; color:#333; float:right; }
.mypage .myinfo .myp_tab li.selected a {  border-top-left-radius:4px;  border-top-right-radius:4px; background:#fff; color:#000; }
.mypage .myinfo .myp_tab li.myp_info span { visibility:hidden; }

.mem_name { font-size:20px !important; color:#8c8c8c !important; }

.mypage_list { margin:25px 0; font-size:0; border:1px solid #ddd; }
.mypage_list li { text-align:center; display:inline-block; width:12.5%; }
.mypage_list li a { color:#999; display:block; border-left:1px solid #ddd; padding:10px; font-size:12px;  }
.mypage_list li:first-child a { border-left:0px; }
.mypage_list li.selected {  background:#8c98aa; }
.mypage_list li.selected a { color:#fff; }

table.mypage_contents {  width:100%; border:1px solid #ddd; font-size:12px; }
table.mypage_contents tr {  }
table.mypage_contents tr th { background:#f5f5f5; color:#555; font-weight:bold; padding:8px 0; text-align:center; border-bottom:1px solid #ddd; }
table.mypage_contents tr th:last-child, table.mypage_contents tr td:last-child { border-right:1px solid #ddd; }
table.mypage_contents tr td { color:#000; padding:8px 0; text-align:center; border-top:1px solid #ddd; }
table.mypage_contents tr td a { padding:2px; border-radius:2px; }

table.mypage_contents tr.tr_qna_contents td { padding:10px !important; border-top:0px; background:#f7f7f7; }
.modal-sampleRequest button span { font-size:28px; }

.none_contents { height:100px; }

span.price_soldOut { padding:2px 4px; background:#ef3a38; border:1px solid #ef3a38; color:#fff; }

a.price_soldOut { display:inline-block; margin:0 0px 0 30px; padding:3px 5px; border:1px solid #44b8ba; color:#44b8ba; background:#fff; }
a.price_soldOut:hover { color:#fff; background:#44b8ba; border:1px solid #44b8ba; }


.search_form {   }
.search_form:after { content:''; clear:both; display:block; }
.search_form .date_type { float:right; margin:30px 0 0; text-align:right; font-size:0; }
.search_form .date_type a { text-align:center; width:60px; padding:5px 0px; border:1px solid #ddd; margin-left:-1px; font-size:12px; display:inline-block; color:#333; background:#fff; }
.search_form .date_type a:nth-child(1) { padding-left:5px; border-top-left-radius:5px;  border-bottom-left-radius:5px; }
.search_form .date_type a:nth-child(6) { padding-right:5px; border-top-right-radius:5px;  border-bottom-right-radius:5px; }
.search_form .date_type a.active { font-weight:bold; border-color:#1f1f1f; display:inline-block; color:#fff; background:#1f1f1f; }

.select_date { font-size:0; width:30%; margin:30px 10px 0 0; display:inline-block; float:right; }
.select_date input { vertical-align:top; height:31px; display:inline-block; width:45%; }
.select_date input:nth-child(1) { border-top-right-radius:0px; border-bottom-right-radius:0px; }
.select_date input:nth-child(3) { border-top-left-radius:0px; border-bottom-left-radius:0px; }
.select_date span { border-left:0px; border-right:0px; padding:7.5px 0px; vertical-align:top; display:inline-block; width:7%; }

.ul_tbl ul { display:table; width:100%; }
.ul_tbl ul li {display:table-cell; text-align:center; vertical-align:middle; }
.ul_tbl ul.order_list .order_list_prd { cursor:pointer; }
.ul_tbl ul.order_list > li:nth-child(1) {  }
.ul_tbl ul.order_list > li:nth-child(2) { width:10%; }
.ul_tbl ul.order_list > li:nth-child(3) { width:10%; }
.ul_tbl ul.order_list > li:nth-child(4) { width:10%; }
.ul_tbl ul.order_list > li:nth-child(5) { width:10%; }
.ul_tbl ul.order_list > li:nth-child(6) { width:10%; }

.ul_tbl.order_d_result {background:#fbfbfb; border-top:1px solid #ddd; border-bottom:2px solid #ccc; }
.ul_tbl.order_d_result ul { }
.ul_tbl.order_d_result ul li {  padding:10px 20px;  font-size:13px; text-align:left; }
.ul_tbl.order_d_result ul li p { padding:2px 0; }
.ul_tbl.order_d_result ul li span { color:#999; }

.ul_tbl.order_d_user { padding:0 30px; margin:30px 0px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.ul_tbl.order_d_user ul { }
.ul_tbl.order_d_user ul li { width:70%; padding:10px 20px; text-align:left; }
.ul_tbl.order_d_user ul li:nth-child(2) { width:30%; border-left:1px dashed #ddd; }
.ul_tbl.order_d_user ul li h3 { font-size:15px;  }
.ul_tbl.order_d_user ul li p { padding:5px 0; font-size:13px; color:#333; }
.ul_tbl.order_d_user ul li p span { vertical-align:top; display:inline-block; width:90px; color:#999; }
.ul_tbl.order_d_user ul li textarea { box-shadow:none; width:720px; border-radius:0px; }

.order_d_prd  { padding:0 30px; }

.ul_tbl.order_d_payment { margin:30px 0 0; padding:0 30px;  border-top:1px solid #ddd;  }
.ul_tbl.order_d_payment h2.at_tbl_title { padding:0 0 10px; margin:50px 0 0; border-bottom:1px solid #ddd }
.ul_tbl.order_d_payment ul { }
.ul_tbl.order_d_payment ul li { width:70%;  padding:10px 20px 30px; text-align:left; }
.ul_tbl.order_d_payment ul li h3 { font-size:15px;  }
.ul_tbl.order_d_payment ul li p {  padding:5px 0; font-size:13px; color:#333; }
.ul_tbl.order_d_payment ul li p span { display:inline-block; width:90px; color:#999; }


.order_d_status { padding:40px 0; }
.order_d_status ul {  }
.order_d_status ul li { position:relative; }
.order_d_status .status_box {  }
.order_d_status .status_box h3 { font-size:13px; }
.order_d_status .status_box p { min-height:19px; margin:10px 0 0; font-size:12px; }
.order_d_status .status_box span { z-index:3; position:relative; display:inline-block; width:50px; height:50px; border-radius:100%; background:#ccc; }
.order_d_status .status_box span i { line-height:50px; font-size:20px; color:#fff; }
.order_d_status .active .status_box span { background:#333; }
.order_d_status ul li:before { top:68px; content:''; left:0; position:absolute; width:50%; height:5px; background:#ccc; }
.order_d_status ul li:after { top:68px; content:''; right:0; position:absolute; width:50%; height:5px; background:#ccc; }
.order_d_status ul li.active:before { background:#333; }
.order_d_status ul li.active:after { background:#333; }


.mypage_contents.order_d { border-bottom:2px solid #ccc;  }

.text-right { text-align:right !important; }

.mem_order_list {  }
.u_t_h { background:#fbfbfb; font-size:13px; font-weight:bold; color:#636363;  padding:10px 0; border-top:1px solid #ddd; border-bottom:3px solid #ccc; }
.order_list_summary {  }
.order_list_summary img { vertical-align:middle; display:inline-block; }
.order_list_summary p { vertical-align:middle; display:inline-block; }
.order_list_summary p span { margin:0 5px 0 10px; color:#aaa; }

.u_t_l { font-size:0.9em; border-bottom:1px solid #ddd; }
.u_t_l > div { padding:13px 0; border-top:1px solid #ddd; }
.u_t_l > div:nth-child(1) { border-top:0px; }

.ul_tbl ul.save_point_list > li:nth-child(1) { width:20%; }
.ul_tbl ul.save_point_list > li:nth-child(2) {  }
.ul_tbl ul.save_point_list > li:nth-child(3) { width:20%; }

.my_point { margin:2% 0 0; padding:15px 40px; border-radius:5px; color:#555; background:#fff; border:2px solid #333; text-align:center;  }
.my_point h3 { font-size:0.9em; padding:10px 20px;  margin:0; }
.my_point p { font-size:1.5em; margin:0; }

.ul_tbl .my_qna_list > li:nth-child(1) { width:8%; }
.ul_tbl .my_qna_list > li:nth-child(2) { width:15%; }
.ul_tbl .my_qna_list > li:nth-child(3) {  }
.ul_tbl .my_qna_list > li:nth-child(4) { width:10%; }
.ul_tbl .my_qna_list > li:nth-child(5) { width:13%; }
.ul_tbl .my_qna_list > li:nth-child(6) { width:7%; }


/* 회원탈퇴 */
.mem_out {  }
.mem_out div.at_tbl .at_tbl_tr .at_tbl_td { font-size:0; }
.mem_out div.at_style textarea.form-control { height:80px; font-family:'Nanum Gothic', sans-serif; }
.mem_out .at_tbl_td ul { padding-left:0px; margin:6px 0; }
.mem_out .at_tbl_td ul:after { content:''; clear:both; display:block; }
.mem_out .at_tbl_td ul li { width:50%; float:left; list-style:none; }
.mem_out .at_tbl_td ul li .checkbox { padding-top:0px; margin:0px; }
.mem_out .at_tbl_td ul li .checkbox label { font-weight:normal; }


/* 회원정보수정 */
.my_info { display:block; }
.join .at_tbl {  padding:20px 30px; }
.my_info div.at_tbl, .join .my_info div.at_tbl .at_tbl_tr .at_tbl_th { background:#fbfbfb; }
.my_info_edit {  }
.my_info_edit .btn_area, .my_info .btn_area { border-top:1px dashed #ccc; margin:20px 0 0; padding:20px 10px 0; }



.mobile_ver { display:none !important; }
/* = 모바일 = */
/* header */
.h_top { position:relative; padding:10px 0px; margin:0 10px; text-align:center; }
.h_top:after { content:''; clear:both; display:block; }
.h_top a { display:inline-block; }
.h_top a.last { position:absolute; top:20px; right:0; }
.h_top a img { width:70%; }
.mobile_ver .h_bottom { font-size:0;  background:#828282; width:100%; }
.mobile_ver .h_bottom a { padding:10px 4%; display:inline-block; color:#fff; font-size:14px; font-weight:bold; }
.mobile_ver.top_bnr img { width:100%; }

/* 메인 */
.main_contents .mobile_ver { font-size:0; }
.main_contents .mobile_ver div a{ width:50%; display:inline-block;  }
.main_contents .mobile_ver div a img { width:100%; border-left:1px solid #ddd; }
.main_contents .mobile_ver div a.first img { border-left:0px; }
.main_contents .mobile_ver div.row.second { border-top:1px solid #ddd; }
.middle_txt { padding:60px 10px 20px; }

/* 사이드메뉴 */
.side_menu .modal-content { padding:20px; background-color: #f8f8f8; border-color: #333; }
.side_menu button.close { opacity:1; margin:10px 0; }
.side_menu button.close span { color:#fff; font-size:40px; margin:0 0 0 5px;}
.m_login, .m_logoff { padding:0 0 20px; border-bottom:1px solid #333; font-size:0px; text-align:center; }
.m_login a { color:#333; border:1px solid #333; width:48%; display:inline-block; font-size:13px; padding:5px 0; }
.m_login a.second { margin:0 0 0 3%; }
.m_logoff a { color:#333; border:1px solid #333; width:100%; display:inline-block; font-size:13px; padding:5px 0; }
.side_cate { text-align:left; }
.side_cate ul { padding:10px 0 0; background:rgba(255, 255, 255, 0.1); }
.side_cate ul li { background:url('/img/side_menu_icon_next.png') 100% 50% no-repeat; }
.side_cate a { display:block; color:#333; font-size:13px; padding:5px 5px; }
.side_cate hr { border-color:#333; margin:10px 0; }


#tbl_goods_option_right { width:100%; margin:0 0 1px; display:table; }
#tbl_goods_option_right > .tr > .th, #tbl_goods_option_right > .tr > .td { text-align:center; background:#f5f5f5; display:table-cell; vertical-align:middle; }
#tbl_goods_option_right .th { min-width:80px; font-family:'Nanum Gothic', sans-serif; font-size:13px; font-weight:bold; }
#tbl_goods_option_right .th img { padding:10px; }
#tbl_goods_option_right > .tr > .td { width:100%; padding:5px 0; }
#tbl_goods_option_right .tr:first-child .th:first-child {   padding:0 10px; min-width:90px; background:#ff9595; color:#fff; }
#tbl_goods_option_right .tr .td:nth-child(3) { padding:10px; }
#tbl_goods_option_right > .tr > .td .request_textarea {  }
#tbl_goods_option_right > .tr > .td .request_textarea li { border:0px; background:none; display:table-cell; vertical-align:middle; }
#tbl_goods_option_right > .tr > .td .request_textarea li:first-child {  font-weight:bold; width:85px; font-family:'Nanum Gothic', sans-serif; color:#333; font-size:13px;  }
#tbl_goods_option_right > .tr > .td .request_textarea li textarea {  font-family:'Nanum Gothic', sans-serif; font-size:13px; width:240px; height:60px; border-radius:0px; }
#tbl_goods_option_right > .tr > .td .request_textarea li textarea::-webkit-input-placeholder { color:#c5c5c5; font-size:13px; }
#tbl_goods_option_right > .tr > .td .request_textarea li textarea:-moz-placeholder  { color:#c5c5c5; font-size:13px; }
#tbl_goods_option_right > .tr > .td .request_textarea li textarea::-moz-placeholder  { color:#c5c5c5; font-size:13px; }
#tbl_goods_option_right > .tr > .td .request_textarea li textarea:-ms-input-placeholder  { color:#c5c5c5; font-size:13px; }



#tbl_goods_option_right.first .tr:first-child .th:first-child {  }
#tbl_goods_option_right.first .th, #tbl_goods_option_right.first .td { background:#eee; }
#tbl_goods_option_right.last .th, #tbl_goods_option_right.last .td { background:#eee; }
#tbl_goods_option_right.last .tr:first-child .th:first-child { border-bottom-left-radius:15px; }
#tbl_goods_option_right.first ul { margin-bottom:3px; }
#tbl_goods_option_right.first ul:last-child { margin-bottom:0px; }


div.prd_info.sample.prd_sample_request #tbl_goods_option_right.first .th {  border-top-left-radius:15px; }

.btn-group .btn.btn-default:not(.active) + .btn.btn-default,
.input-group-btn .btn.btn-default:not(.active) + .btn.btn-default {
    border-left-color: #929ba1;
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
    border-top: 1px solid #eee;
}
.btn.btn-default {
    color: #888;
    background: #FFF;
    border-color: #DDD;
}

.panel-heading .btn-group .btn.btn-sm { margin-top:0px; }
.btn-group .btn.btn-default:not(.active) + .btn.btn-default { border-left-color:#ddd; }
.note-editor.note-frame { border:1px solid #ddd !important; }
.panel-default > .panel-heading { padding:0 0 0 5px !important; border:0px;
    background: #fafafa;
}

.note-editor.note-frame { border-radius:0px; margin:5px 0; }
.btn-default:hover { background:#ddd; color:#333; }


.self_design_add_file_area {  border-radius:10px; }
.self_design_add_file_area h6 { margin-top:30px; }
.self_design_add_file_area #div_add_file input { height:23px; }
.at_style.add_file.self_design_add_file_contents { margin:5px 0; color:#555; border-radius:5px;  }

.main_insta { margin-top:30px; }

/* 상세페이지 게시판 */
.prd_bd_div_tbl {  }
.prd_bd_div_tbl .prd_bd_div_tbl_title { width:100%; display:table; }
.prd_bd_div_tbl .prd_bd_div_tbl_title li { font-weight:bold; padding:5px 0; text-align:center; font-family:'Nanum Gothic', sans-serif; font-size:12px; color:#fff; background:#f03a41; border-top:1px solid #ddd; border-bottom:1px solid #ddd; display:table-cell; vertical-align:middle; }
.prd_bd_div_tbl .prd_bd_div_tbl_title li.num { width:80px; }
.prd_bd_div_tbl .prd_bd_div_tbl_title li.subject { width:720px; }
.prd_bd_div_tbl .prd_bd_div_tbl_title li.writer { width:115px; }
.prd_bd_div_tbl .prd_bd_div_tbl_title li.date { width:115px; }
.prd_bd_div_tbl .prd_bd_div_tbl_title li.review_point {  }
.prd_bd_div_tbl .prd_bd_div_tbl_contents {  }
.prd_bd_div_tbl .prd_bd_div_tbl_contents > ul { width:100%; display:table; }
.prd_bd_div_tbl .prd_bd_div_tbl_contents > ul li {  padding:10px 0; font-family:'Nanum Gothic', sans-serif; font-size:12px; border-bottom:1px solid #ddd; text-align:center; display:table-cell; vertical-align:middle; }
.prd_bd_div_tbl .prd_bd_div_tbl_contents > ul li.num { width:80px; }
.prd_bd_div_tbl .prd_bd_div_tbl_contents > ul li.subject { text-align:left; width:720px; }
.prd_bd_div_tbl .prd_bd_div_tbl_contents > ul li.writer { width:115px; }
.prd_bd_div_tbl .prd_bd_div_tbl_contents > ul li.date { width:115px; }
.prd_bd_div_tbl .prd_bd_div_tbl_contents > ul li.review_point {  }
.prd_bd_div_tbl .prd_bd_div_tbl_contents div { font-family:'Nanum Gothic', sans-serif; font-size:12px; padding:20px 20px 20px 80px; border-bottom:1px solid #ddd; }


/* 배송교환안내 */
.common_prdDelivery { position:relative; }
.common_prdDelivery .common_contents { display:none;  }
.common_prdDelivery_btn { border:0px; border-radius:3px; font-size:15px; font-weight:bold; text-align:center; display:block; width:100%; margin:10px auto 80px; background:#ccc; padding:10px 0; color:#fff !important; }


/* 상품후기list2 */
.review_style {  }
.best_review_area { background:#f5f5f5; padding:80px 0 40px; margin:0 0 50px; border-bottom:1px solid #e5e5e5; }
.best_review_area .container { width:1150px; }
.best_review_area .col-md-3 {  background:#fff; width:23%; padding:0; margin:0 1%; border:1px solid #ddd; }
.best_review_area .col-md-3 .best_preview_thumb { background:#e4e4e4 ;position:relative; width:255px; height:341px; }
.best_review_area .col-md-3 .best_preview_thumb img { position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; max-width:100%; max-height:100%; }
h5.review_title { margin:0 0 40px; font-size:40px; text-align:center; font-weight:normal; }
.review_preview { padding:15px; }
.review_preview:after { content:''; clear:both; display:block; }
.review_preview p.name { float:left; }
.review_preview p.star { float:right; }
.review_preview p.ment { margin-top:30px; min-height:20px; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3; /* 라인수 */
-webkit-box-orient: vertical;
word-wrap:break-word; 
line-height: 1.3em;
height: 3.9em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */ }
.review_preview a.more { color:#000; line-height:1; margin-top:10px; font-size:11px; font-family:dotum; text-align:right; display:block; }
.review_style .write_review { margin:0; background:#fff url('/img/icon_plus.png') 87% 50% no-repeat !important; padding:12px 30px 12px 20px; line-height:1; }
.review_style .write_review:hover { background:#333 url('/img/icon_plus_w.png') 87% 50% no-repeat !important; }
.review_style .blogpost { background:#fff; margin:0 0 50px; padding:0 0 50px; border-color:#fff;  border-bottom:1px solid #eee; /*box-shadow:1px 2px 9px 0px #cecece;*/ }

.review_style .blogpost footer { padding:0; }
.review_style .blogpost footer .reply { width:100%; background:#f5f5f5; margin-top:20px; padding:20px; border-top:1px dashed #ddd; display:table; }
.review_style .blogpost footer .reply li { display:table-cell; }
.review_style .blogpost footer .reply li.reply_contents { padding-left:10px;}
.review_style .blogpost footer .reply li.reply_contents p { color:#333; font-size:14px; }
.review_style .post_top { font-size:16px; font-weight:bold; }
.review_style .post_title { margin:15px 0; }
.review_style .post_title a { font-size:16px; }

.post_btn { text-align:center; padding:50px 0 0; }
.post_btn a.more { font-size:15px; font-weight:bold; background:#fff url('/img/icon_plus.png') 70% 50% no-repeat; padding:20px 70px 20px 55px; border:2px solid #333; }
.post_btn a.more:hover { color:#fff; background:#333 url('/img/icon_plus_w.png') 70% 50% no-repeat; }

#modal_detail_view .modal-dialog { margin-top:3%; }
#div_masonry-grid { background:url('/img/prd_photo_review_bg.gif') 50% 50% repeat-y; }
#div_masonry-grid .masonry-grid-item { padding-left:20px; padding-right:20px; }

.modal_post_top { color:#333; font-weight:bold; font-size:20px; border-bottom:1px solid #333; padding:0 0 8px; margin:0 0 15px; }
.modal_post_top i { color:#fbb208; }

#modal_write_review  {  }
#modal_write_review .modal-dialog {  }
#modal_write_review .modal-dialog h3 { margin:0 0 5%; }

.review_btn_area {  }
.review_btn_area:after { content:''; clear:both; display:block; }
.review_btn_area a { width:49% !important; display:inline-block !important; }
.review_btn_area a:nth-child(1) { float:left; }
.review_btn_area a:nth-child(2) { float:right; }

#div_goods_name { font-size:14px; }
.review_goods_addfile { margin-top:3%; font-size:0; }
.review_goods_addfile .col-md-2_5 { vertical-align:top; font-size:12px; display:inline-block; width:20%; padding:0 1%; }
.review_goods_addfile .col-md-2_5 .input-group { width:100%; }
.review_goods_addfile .col-md-2_5 .input-group label.btn  { width:100%; }

.review_goods_addfile .btn .badge { display:none; }
.review_goods_addfile .glyphicon-folder-open { display:none; }

.row { margin:0 -10px; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding:0 10px 0px; }

#contents {margin:0 auto; }
#contents.main { width:100%; }

.main_box { position:relative; }

.box-image {  height:auto; margin:0 auto; overflow:hidden; }
.box-text { font-size:.9em; width:100%; background:rgba(255,255,255,0.95); padding:.8em 1em 1em; position:absolute; bottom:15%; transition:background .3s; z-index:1;
transition:opacity 0.3s, background-color 0.3s, -webkit-transform 0.3s;
transition:opacity 0.3s, transform 0.3s, background-color 0.3s;
transition:opacity 0.3s, transform 0.3s, background-color 0.3s, -webkit-transform 0.3s;
}
.box-text h5 { font-weight:bold; line-height:1.3; margin-top:.1em; margin-bottom:.1em; }
.box-text p { color:#000; font-size:.7em; line-height:1.2; margin-top:.1em; margin-bottom:.1em; }

.main_box:hover .box-text { background:#000; }
.main_box:hover .box-text h5, .main_box:hover .box-text p { color:#fff; }


.main_slide { }
.main_slide div.slide { position:relative; margin:0 auto; }
.main_slide a.slide_img { display:block; width:100%; }
.main_slide a.slide01 { }

.main_bnr_area { padding:40px 0; margin:0 auto; }
.main_bnr_area .box-image { margin-bottom:10px; }

.main_insta_area { padding:40px 0 0px;  }
.main_insta_area h2 { margin:45px 0 13px; text-align:center; font-size:1.84em; line-height:1.3; }
.main_insta_area h2 a { color:#000; font-weight:bold; }
.main_insta_area h2 a strong { font-weight:bolder; }
.main_insta_area h6 { text-align:center; margin-bottom:40px; color:#555; opacity:.8; font-size:.97em; font-weight:300; line-height:1.05; letter-spacing:.05em;  }
.main_insta_area .insta_contents { width:100%;  background:#000; }
.main_insta_area .container { width:1200px; margin:0 auto; }

.main_insta_area .main_bnr_title p {  }

.main_prd_area {  margin:0 auto; padding:40px 0 15px; }
.main_prd_area h2 { margin:70px 0 13px; text-align:center; font-size:1.8em; line-height:1.3; }
.main_prd_area h2 strong { font-weight:bolder; }

.slide_text-box { position:absolute; width:40%; z-index:2; left:5%; top:50%; font-size:16px; max-height:100%;
-webkit-transform:translateY(-50%) !important;
-ms-transform:translateY(-50%) !important;
transform:translateY(-50%) !important;
}

.slide_text-box .text { font-size:100%; position:relative; z-index:10; }
.slide_text-box .text h5 { color:#ff4040; font-size:1em; margin:1em 0; font-weight:600; }
.slide_text-box .text h2 { letter-spacing:.05em; color:#000;  font-weight:600; font-size:2.9em; margin:.2em 0; }
.slide_text-box .text h2 b { font-weight:bolder; }
.slide_text-box .text p { margin:1em 0; }
.slide_text-box .text a.bnr_btn { display:inline-block; position:relative; margin:.5em 1em .5em 0; padding:0 1.2em; min-height:2.5em; line-height:2.4em; vertical-align:middle; font-weight:bolder; font-size:.97em; letter-spacing:.03em; color:#fff; background:#000;  }

.masonry-grid-item {  }
.masonry-grid-item .listing-item {  }
.masonry-grid-item .overlay-container {  }
.masonry-grid-item .overlay-container .list_img_front {  }
.masonry-grid-item .overlay-container .list_img_back { transition:opacity 0.5s; filter:blur(0); opacity:0; position:absolute; top:0; bottom:0; left:0; right:0;  }
.masonry-grid-item:hover .list_img_back { opacity:1; }

.masonry-grid-item .overlay-container .list_img_front_goods {  }
.masonry-grid-item .overlay-container .list_img_back_goods { transition:opacity 0.5s; filter:blur(0); opacity:0; position:absolute; top:0; bottom:0; left:0; right:0;  }
.masonry-grid-item:hover .list_img_back_goods { opacity:1; }


.main_prd_tab {  }
.main_prd_tab ul { margin:0 auto 30px; font-size:0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
.main_prd_tab ul li { width:25%; display:inline-block;  }
.main_prd_tab ul li a { padding:12px 0; border-left:1px solid #ddd; width:100%; display:block; text-align:center; font-size:13px; }
.main_prd_tab ul li.active a { color:#fff; background:#231f20; }
.main_prd_tab .tab-pane{  }
.main_prd_tab .tab-pane .row { font-size:0; }

@media (max-width:1199px) {
    .main_prd_tab { margin-left:-10px; }
    .main_prd_area,
    .main_bnr_area { padding:40px 0px; }
    .main_bnr_area { margin-left:-10px; }
    .main_prd_area .row,
    .main_bnr_area .row { margin:0 0px; }
    .main_prd_area .row > [class^=col-],
    .main_bnr_area .row > [class^=col-] { padding:0 0 0 10px; }

    #instafeed-gallery-feed .owl-nav.disabled+.owl-dots { margin-bottom:30px; }
}










#instafeed-gallery-feed .owl-item { border:1px solid #eee; }


.bd_total_review { padding:50px 0 0; }


.prd_bd.blogpost { margin:60px 0 0; }
.prd_bd .total_review { margin:60px 0 0; }
.prd_bd .total_review:after { content:''; clear:both; display:block; }
.total_review i { font-size:25px; }
.total_review span { font-weight:bold; color:#333; font-size:30px; }
.total_review b { font-size:27px; font-weight:normal; color:#333; }

.prd_best_review .overlay-container:hover .best_img_overlay { opacity:1;}
.prd_best_img { position:relative; margin:auto; width:308px; height:308px; overflow:hidden; background-size:cover; background-position:center; }
.best_img_overlay { transition:all ease-in-out 0.25s; opacity:0; position:absolute; top:0; bottom:0; left:0; right:0; background-color:rgba(0,0,0,.5); background-position:50%; background-repeat:no-repeat; }
.prd_bd .page-title { margin:30px 0 10px; font-size:1.84em; }
.prd_bd .blogpost { margin:0px 0 30px; }
.prd_bd .prd_best_review { text-align:center; padding:0 0 30px; }
.prd_bd .prd_best_review h3 { margin:40px 0 35px; padding:10px; font-size:15px; display:inline-block; border-top:1px solid #000; border-bottom:1px solid #000; }
/*.prd_bd .prd_best_review .col-md-3 { width:24%; margin:0 0.5%; padding:0;  border:1px solid #eee; }*/
.prd_bd .blogpost-content { }
.prd_bd .blogpost-content p a {  }
.prd_bd .prd_review_title { padding:20px 10px 0; }
.prd_bd .prd_review_title h2 { margin:0; display:table; width:100%; }
.prd_bd .prd_review_title h2 div.review_score { width:30%; font-size:17px; display:table-cell; vertical-align:middle; }
.prd_bd .prd_review_title h2 div.review_user_name { text-align:right; width:20%; color:#555; font-size:17px; display:table-cell; vertical-align:middle; }
.prd_bd .prd_review_title h2 div.review_date { text-align:right; color:#999; font-weight:normal; font-size:13px; display:table-cell; vertical-align:middle; display:none;  }
.prd_bd .masonry-grid { padding:0 0 100px; }
.prd_bd .masonry-grid-item .listing-item {  }
.prd_bd .masonry-grid-item .overlay-container { width:inherit; }
.prd_bd .masonry-grid-item .overlay-container .list_img_front { }
.prd_bd .masonry-grid-item .overlay-container .list_img_back {   }
.prd_bd .masonry-grid-item:hover .list_img_back { }

.prd_bd .masonry-grid-item .overlay-container .list_img_front_goods { }
.prd_bd .masonry-grid-item .overlay-container .list_img_back_goods {   }
.prd_bd .masonry-grid-item:hover .list_img_back_goods { }

#prdDetail02 .masonry-grid-item .overlay-container { width:inherit; }
#prdDetail02 .prd_review_title h2 div.review_score { width:25%; font-size:17px; display:table-cell; vertical-align:middle; }
#prdDetail02 .prd_review_title h2 div.review_user_name { width:20%; color:#555; font-size:17px; display:table-cell; vertical-align:middle; }
#prdDetail02 .prd_review_title h2 div.review_date {text-align:right; color:#999; font-weight:normal; font-size:13px; display:table-cell; vertical-align:middle; }

.review_more { font-size:12px; color:#f30; }
.post_item { border-top:1px dashed #ccc; padding:0px; background:#fff; margin:20px 0 0;  }
.post_item .prd_name { padding-left:10px; font-size:12px !important; color:#333; }
.post_contents {  }
.post_cmt {padding-left:50px; margin:20px 0 0; }
.post_cmt:hover ul:after { bottom:10px; }
.post_cmt_arrow { width:0px; height:0px; position:relative; border-bottom:20px solid #ddd; border-left:0 solid transparent; border-right:41px solid transparent;  }
.post_cmt_arrow:before { z-index:3; content:''; width:0; height:0; position:absolute; border-left:0 solid transparent; border-right:40px solid transparent; border-bottom:20px solid #fafafa; top:1px; left:1px; }
.post_cmt ul {background:#fff; position:relative;  border:1px solid #ddd; display:table; width:100%;   }
.post_cmt ul:after { z-index:2; content:''; position:absolute; height:50%; width:96%; left:50%; margin-left:-48%; bottom:2px; border-radius:10%; box-shadow:0 5px 7px #999999;-webkit-box-shadow:0 5px 7px #999999; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out;  }
.post_cmt ul:before { z-index:2; content:''; position:absolute; height:60%; width:100%; bottom:0; background:#fff; }
.post_cmt ul li { position:relative;  z-index:3; background:#fafafa; padding:10px; text-align:left; display:table-cell; vertical-align:middle; }
.post_cmt ul li img { border-radius:100%; width:50px; }
.post_cmt ul li.cmt_contents { width:79%; font-size:13px; }

.list_top_bnr {  position:relative;  width:100%; min-height:30px; background:rgb(237, 235, 236); }
.list_top_bnr .bnr_bg { width:100%; height:160px; background-size:cover; background-position:78% 41%; background-image:url('/img/gildanB.jpg'); }
.list_top_bnr .bnr_txt { transform:translate(-50%, -50%) !important; text-align:center; position:absolute; top:50%; left:50%;  }
.list_top_bnr .bnr_txt h3 { margin:.2em; font-family:'Nanum Gothic', sans-serif; font-size:2.05em;  }
.list_top_bnr .bnr_txt h3 strong { color:#000080;   }
.list_top_bnr .bnr_txt p { color:#000; font-size:1.25em; }

.page_title { padding-top:10px; }
.page_title .row { padding:5px 0; }
.page_title .path { line-height:39px; font-family:"Lato", sans-serif; font-weight:bold; font-size:1.32em;  }
.page_title .path a { color:rgba(102,102,102,0.7); font-family:"Lato", sans-serif; font-size:1em; }
.page_title .path a:hover { color:#111; }
.page_title .prd_count { text-align:right; }
.page_title .prd_count p { color:#777; font-family:'Nanum Gothic', sans-serif; font-size:0.8em; display:inline-block; }
.page_title .prd_count .line_up { font-size:0; display:inline-block;  }
.page_title .prd_count .line_up a { font-size:12px; border-left:1px solid #ddd; line-height:1; margin-left:10px; padding-left:10px; }
.page_title .prd_count .line_up a:nth-child(1) { border:0px; }
.page_title .prd_count .line_up a.active { font-weight:bold; }

@media (max-width:1199px) {
    .page_title .row { padding-bottom:10px; }
    .page_title .prd_count p { display:block; }
}

span.divider { color:#222; position:relative; top:1.5px; opacity:.35; margin:0 .3em; font-weight:300; }

.myp .page_title { display:inline-block; padding:0; margin-top:20px; }

.list_contents { margin:auto; padding-top:20px; }
.list_contents.custom { }
.list_contents .masonry-grid-item { margin:0 0 20px; }

.list_cate { padding-left:2%; }
.list_cate .select_clear { display:inline-block; margin:0 0 20px; color:#ff4040; }
.list_cate .select_clear i { font-size:1.1em; }
.list_cate .select_clear i:before { margin-left:0; }
.list_cate ul:nth-child(1) { padding-top:0px; border-top:0px; }
.list_cate ul {  padding-top:40px; width:200px; border-top:1px dashed #eee; margin:0 0 35px; }
.list_cate ul h3 { margin-bottom:13px; margin-top:0; font-size:1.1em; font-weight:600; color:#000; }
.list_cate ul h3.logo_samsung { padding-left:60px; background:url('/img/logo_sam.png') 0% 50% no-repeat; background-size:55px; }
.list_cate ul h3.logo_lg { padding-left:21px; background:url('/img/logo_lg.png') 0% 50% no-repeat; background-size:16px; }
.list_cate ul li {  }
.list_cate ul li label { margin:0; font-size:0.9em; }
.list_cate ul.select_color { width:200px; font-size:0; }
.list_cate ul.select_color h3 { font-size:15.4px; }
.list_cate ul.select_color li { margin:5px 10px 5px 0; vertical-align:top; display:inline-block;   width:20px; }
.list_cate ul.select_color li a { position:relative; height:20px; display:block; border:1px solid #ddd;  }
.list_cate ul.select_color li a.select {  }
.list_cate ul.select_color li a.select span { position:absolute; border:2px solid #000; top:50%; left:50%; margin-left:-10px; margin-top:-10px; background:rgba(255, 255, 255, 0); width:20px; height:20px; }
.list_cate ul.select_color li:nth-child(7n+1) { margin:5px 0 0; }
.list_cate ul.select_color li a.select span:before {  }
.list_cate ul.select_color li a.select span:after { position:absolute; content:''; background-color:transparent; top:50%; left:4px; width:8px; height:5px; margin-top:-4px; border-style:solid; border-color:#eee; border-width:0 0 1px 1px; border-image:none; transform:rotate(-45deg) scale(1); }

#bp_selector .filter_list .body .section .filter_item:not(.color)


.prd_detail_view { padding:30px 0; text-align:center; }

.masonry-grid-item { }
.masonry-grid-item .prd_name { font-weight:400; color:#000; font-size:14px; line-height:1.3; margin:.1em 0; padding-top:5px; }
.masonry-grid-item .price { margin:1em 0; }
.masonry-grid-item .price.main { margin:0; }
.masonry-grid-item .price del {  font-family:'Nanum Gothic', sans-serif; font-size:1em; margin-right:7px; }
.masonry-grid-item .price span { font-family:'Nanum Gothic', sans-serif; font-size:1.1em; font-weight:bold; line-height:1; color:#111; }
.masonry-grid-item .exp_price { font-size:12px; color:#999; margin:5px 0; min-height:20px; }

/* goods_list */
.page_submenu {  }
.page_submenu .select_menu { border:1px solid #ddd; margin-top:30px; }
.page_submenu .select_menu .select_design { }
.page_submenu .select_menu .select_cate { border-top:1px solid #ddd; }
.page_submenu .select_menu .select_cancel { padding:3px 0; border-top:1px solid #ddd;  }
.page_submenu .select_menu ul { display:table; width:100%; }
.page_submenu .select_menu ul li { font-size:0.85em; padding:0.7% 0; display:table-cell; vertical-align:top; }
.page_submenu .select_menu ul li:nth-child(1) { border-right:1px solid #ddd;  padding-left:1.5%; width:15%; font-weight:bold; background:#f9f9f9; }
.page_submenu .select_menu ul li:nth-child(2) { padding-left:1.5%; padding-right:1.5%; }
.page_submenu .select_menu ul li:nth-child(2) a { transition: all 0.2s ease-in-out; padding:4px 13px; margin:0 0.3%; display:inline-block; position:relative; }
.page_submenu .select_menu ul li:nth-child(2) a:hover {  border-radius:45px; background:#ffecc7; }
.page_submenu .select_menu ul li:nth-child(2) a.active { transition:unset; border-radius:45px; color:#fff; background:#ffa700; }
.page_submenu .select_menu ul li:nth-child(2) a.active span { display:inline-block; position:absolute; width:13px; height:13px; border-radius:50%; top:-1px; right:-3px; background:#000; }
.page_submenu .select_menu ul li:nth-child(2) a.active span:after, .page_submenu .select_menu ul li:nth-child(2) a.active span:before { position:absolute; width:9px; top:50%; left:2px; margin-top:-1px; background:#fff; content:''; height:1px; }
.page_submenu .select_menu ul li:nth-child(2) a.active span:after { transform:rotate(-45deg); -webkit-transform:(-45deg); -moz-transform:(-45deg); -ms-transform:(-45deg); transform:(-45deg); }
.page_submenu .select_menu ul li:nth-child(2) a.active span:before { transform:rotate(45deg); -webkit-transform:(45deg); -moz-transform:(45deg); -ms-transform:(45deg); transform:(45deg); }

.page_submenu .select_menu .select_cancel ul li:nth-child(1) { width:9%; background:none; border-right:0px; padding-left:7px; }
.page_submenu .select_menu .select_cancel ul li:nth-child(2) { padding-left:0; }
.page_submenu .select_menu .select_cancel ul li:nth-child(1) a { color:#ff4040; font-weight:bold; padding:0 20px 0 10px; border-right:1px solid #ddd; }
.page_submenu .select_menu .select_cancel ul li:nth-child(1) a i { color:#ff4040; }
.page_submenu .select_menu .select_cancel ul li:nth-child(2) a { margin-right:1%; color:#a0a0a0; padding:0 10px 0 0; background:none; }
.page_submenu .select_menu .select_cancel ul li:nth-child(2) a span { right:-2px; background:none; }
.page_submenu .select_menu .select_cancel ul li:nth-child(2) a span:after, .page_submenu .select_menu .select_cancel ul li:nth-child(2) a span:before { width:11px; background:#ff4040;  }


.side_cs_area { position:absolute;  bottom:0; left:20px; right:20px; border-top:1px solid #000; text-align:center; padding:20px 0; }
.side_cs_area p { font-size:10px; }
.side_cs_area p span {   }
.side_cs_area ul { margin:15px 0 0; display:table; width:100%;  }
.side_cs_area ul li{ text-align:left; display:table-cell; font-size:11px;  }
.side_cs_area ul li h3 { font-size:11px;  margin:0px 0; }
.side_cs_area ul li:nth-child(1) div { padding-right:15%; border-right:1px solid #ddd;  }
.side_cs_area ul li:nth-child(2) div {  padding-left:15%; }
.side_cs_area ul li div { min-width:150px; }

.at_sel_opt { position: relative; max-width:100%; width:100%;  height:30px;  border:1px solid #ddd; background:#fff url('/img/select_arrow.png') 100% 50% no-repeat; background-size:auto 15%; border-radius:0; }
.at_sel_opt label { position:absolute; font-size:12px; color:#666; top:5px; left:12px; }
.at_sel_opt .at_select { width:100%;  height:28px; opacity:0; padding:0 .75em;  filter: alpha(opacity=0); }


#instaPics {
    width:100%;
    overflow: hidden;
}
#instaPics:after { content:''; clear:both; display:block; }
.insta-box {
    position: relative;
    width: 16.666%;
    height: 16.666%;
    float: left;
}

.insta-box > a { display:block;   }
.insta-box .image-layer img { width:100%; }
.image-layer {
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.image-layer img {
    max-width: 100%;
}
.caption-layer {
    display: none;
    position: absolute;
    top: 0;
    background: rgba(255,255,255,0.8);
    height: 100%;
    width: 94%; padding:6%;
    box-sizing: border-box;
    font-size: 10px;
    color: #333;
}
.insta-likes {
    float: right;
}


/* goods_detail */
.prd_detail { width:90%; margin:30px auto 0; display:table; }
.prd_detail .prd_thumb, .prd_detail .prd_info { display:table-cell; vertical-align:top; }
.prd_detail .prd_thumb { width:55%; }
.prd_detail .prd_thumb img { max-width: 500px; max-height: 500px; }
.prd_detail .prd_info_area {  }
.prd_detail .prd_info_area h1 { color:#555; font-weight:700; font-size:2em; margin-top:0; }
.prd_detail .prd_info_area .is-divider { background:rgba(0,0,0,0.1); }
.prd_detail .prd_info_area .review_point {  }
.prd_detail .prd_info_area .review_point i { font-size:1.2em; color:#dd3333; }
.prd_detail .prd_info_area .prd_price { font-weight:bold; font-size:1.8em; color:#000;  }
.prd_detail .prd_info_area .prd_info { padding:5px 0 0; }
.prd_detail .prd_info_area .prd_info li { padding:3px 0; margin-left:20px; font-size:1.1em; color:#888; list-style:disc; }
.prd_detail .prd_info_area .prd_opt { padding:11px 0 0; }
.prd_detail .prd_info_area .prd_opt table { width:100%; border-bottom:1px solid #eee; }
.prd_detail .prd_info_area .prd_opt table tr {  border-top:1px solid #eee; }
.prd_detail .prd_info_area .prd_opt table tr:nth-child(1) { border-top:0px; }
.prd_detail .prd_info_area .prd_opt table tr.tr_sel_option .quantity { background:#f5f5f5; }
.prd_detail .prd_info_area .prd_opt table th, .prd_detail .prd_info_area .prd_opt table td {height:45px; }
.prd_detail .prd_info_area .prd_opt table th { width:35%; font-size:1.1em; }
.prd_detail .prd_info_area .prd_opt table td { text-align:right; }
.prd_detail .prd_info_area .prd_opt table td input { padding-left:15px; height:30px; width:250px; border:1px solid #ddd; }
.prd_detail .prd_info_area .prd_btn { margin:25px 0 0; font-size:0; }
.prd_detail .prd_info_area .quantity { font-size:0; background:#fff; border-radius:5px;  display:inline-block; }
 
.prd_detail .prd_info_area .quantity .q_minus, .prd_detail .prd_info_area .quantity .q_plus { font-size:15px; height:28px; line-height:28px; width:35px; vertical-align:top; display:inline-block; text-align:center; }
.prd_detail .prd_info_area .quantity .q_minus a, .prd_detail .prd_info_area .quantity .q_plus a { width:100%; height:100%; display:block; }
.prd_detail .prd_info_area .quantity .q_minus { background:#000 url('/img/q_minus.png') 50% 50% no-repeat; border-top-left-radius:5px; border-bottom-left-radius:5px; border-right:1px solid #ddd;  }
.prd_detail .prd_info_area .quantity .q_plus { background:#000 url('/img/q_plus.png') 50% 50% no-repeat; border-top-right-radius:5px; border-bottom-right-radius:5px; border-left:1px solid #ddd; }
.prd_detail .prd_info_area .quantity input {  -webkit-appearance: none; -webkit-border-radius: 0; border-left:0 !important; border-right:0 !important; font-size:12px; padding-left:0px !important; width:50px !important; text-align:center;  height:28px !important; }
.prd_detail .prd_info_area a.btn_cart { vertical-align:top; padding-right:30px !important; padding-top:3%; padding-bottom:3%; margin:0; border:0px; background:#DD3333; color:#fff; text-align:center; font-weight:bold; font-size:16px; width:100%; display:inline-block; }
.prd_detail .prd_info_area .prd_btn a.btn_cart i { right:45px; line-height:49px; font-size:20px; }
.prd_detail .prd_info_area .prd_btn a.btn_cart:after {  width:70px; }
.prd_detail .prd_info_area .prd_btn a.btn_cart:hover i { right:27px; }

.prd_contents { margin:5% auto 0; }
.prd_contents .tab-content { padding:30px 0px 80px; }
.prd_contents .tab-content .detail_img { text-align:center; }


@media (max-width:1199px) {
    .prd_detail .prd_info_area .quantity {  width:110px; }
}



li.has_cart { text-align:left; padding:20px; }
li.has_cart .has_cart_inner {  border-bottom:1px solid #ddd;  position:relative; }
    .has_cart_inner h3 { margin:0; font-weight:normal; font-size:14px; }
    .has_cart_inner ul { display:table; width:100%: }
    .has_cart_inner ul li { display:table-cell;  } 
    .has_cart_inner ul li:nth-child(1) { width:80px; padding-right:20px;}
    .has_cart_inner ul li:nth-child(1) a { display:block; width:100%; }
    .has_cart_inner a.cart_prd_remove { padding:0; position:absolute; top:15px; right:0; }
    .has_cart_inner a.cart_prd_remove i { color:#ccc; font-size:22px; }
li.has_cart p { font-size:16px; padding:15px 0; line-height:1; }
.has_cart_total {border-bottom:2px solid #ddd; text-align:center; }
.has_cart_btn_area { margin-top:15px; }
.has_cart_btn_area a { display:block; margin:5px 0 0; }

.header-top {  }
.header-top .container { padding:0;margin:auto; }
.header-top-first { color:#fff; float:left; }
.header-top-second { float:right; }

.check_div { display:inline-block; }

.prd_color_area { margin:15px auto 0;  }
.prd_color_area span { border:1px solid #ddd; display:block; }
.prd_color_area div { display:inline-block; }

.main_bnr_title { padding:0 0 45px; text-align:center; }
.main_bnr_title h3 {  letter-spacing:-1px; font-family: 'Noto Sans KR', sans-serif; color:#000; font-weight:500; font-size:18px;  margin-bottom:7px;}
.main_bnr_title h3 img { margin-top:-5px; }
.main_bnr_title p {  letter-spacing:-0.5px; margin:5px 0 0; color:#888; }

.prd_detail .prd_info_area .select_complete { border-top:1px solid #eee; }
.prd_detail .prd_info_area .select_complete .quantity input { width:50px !important; }
.prd_detail .prd_info_area .select_complete td { padding:10px; background:#f5f5f5; }
.opt_total_price { margin:10px 0 0; font-size:20px; font-weight:bold;  text-align:right; }
.opt_total_price span { color:#f30; }

.review_first .prd_best_img { width:100%; }
.prd_review_txt { background:#fff; padding:20px 10px; }
.prd_review_txt p { text-align:left; }
.prd_review_txt h2 { margin:0 0 10px; }
.prd_review_txt h2:after { content:''; clear:both; display:block; }
.prd_review_txt .review_score { font-size:17px; float:left; }
.prd_review_txt .review_user_name {  font-size:17px; float:right; }

.order_thumb img { width:50px; }

.m_list_top { margin:0 -10px; }
.m_list_top ul {  border-top:1px solid #ddd ; border-bottom:1px solid #ddd; font-size:0; }
.m_list_top ul li { vertical-align:top;  width:50%; font-size:12px; display:inline-block; }
.m_list_top ul li a { background:#fff url('/img/select_arrow.png') 100% 50% no-repeat; background-size:auto 15%; color:#333; line-height:2.507em; font-size:1.1em; display:inline-block; width:100%; height:2.507em; padding:0 .75em; }
.m_list_top ul li a:hover { color:#333; }
.m_list_top ul li select { border:0; border-left:1px solid #ddd;  color:#333; box-shadow:none; }

.mobile_list_side { z-index:100; top:0; left:0; position:fixed; background:rgba(0, 0, 0, 0.5); display:none; }
.list_cate_contents { top:15px; bottom:15px; left:15px; right:15px; background:#fff; position:fixed; padding-bottom:50px;  }
.list_cate_contents .list_side { height:100%; overflow-y:auto; }
.list_cate_contents .list_side .list_cate { padding:5% !important; }
.list_cate_contents .list_side .list_cate ul.select_color { width:100%; }
.list_cate_contents .list_side .list_cate ul.select_color li:nth-child(7n+1) { margin:5px 10px 5px 0; }
.list_side_btn { font-size:0; background:#000; position:fixed; bottom:15px; left:15px; right:15px; height:50px; }
.list_side_btn li { width:50%; display:inline-block;  }
.list_side_btn a { text-align:center; line-height:50px; color:#fff; width:100%; display:block; font-size:15px; }
.list_side_btn a.list_side_close { border-left:1px solid #696969; }




.detail_review_area { z-index:100; top:0; left:0; right:0; bottom:0; position:fixed; background:rgba(0, 0, 0, 0.5); display:none; }
.detail_review_contents { display:table; width:800px; height:600px; top:50%; left:50%; transform: translate(-50%, -50%); margin:auto; background:#fff; position:fixed;  }
/*.detail_review_contents { top:15px; bottom:15px; left:15px; right:15px; background:#fff; position:fixed; padding-bottom:50px;  }*/
.d_r_cancel { line-height:1; position:absolute; right:-2px; top:-33px; }
.d_r_cancel i { color:#fff; font-size:26px; }
.r_img {  vertical-align:middle;  display:table-cell; width:485px; background:#000; }
.r_txt {  width:360px; position:relative; display:table-cell; background:#fff;  }
.r_prd { top:20px; left:20px; right:20px; position:absolute; height:68px;  }
.r_prd ul { width:100%; display:table; }
.r_prd ul li { padding-left:20px; display:table-cell;  vertical-align:middle;  }
.r_prd ul li p { font-size:12px; }
.r_prd ul li p:nth-child(1) { margin:0 0 5px;}
.r_prd ul li p:last-child {  }
.r_prd ul li:nth-child(1) { width:70px; padding-left:0; }
.r_contents { padding-top:10px; overflow:auto; top:95px; left:20px; right:20px; position:absolute; height:340px;  border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.r_cmt { bottom:20px; left:20px; right:20px; position:absolute; height:130px;  overflow:auto; }
.r_cmt h3 { margin:0 0 5px; font-size:13px; }
.r_cmt p {  font-size:12px; }
.r_cmt_box > div.r_cmt_wrap { border:1px solid #ddd; padding:15px 10px; }
.r_cmt_box .post_cmt_arrow { margin-left:25px; width:0; height:0; position:relative; border-bottom:11px solid #ddd; border-left:10px solid transparent; border-right:10px solid transparent; }
.r_cmt_box .post_cmt_arrow:before {  z-index:3; content:''; width:0; height:0; position:absolute; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:12px solid #fff; top:1px; left:-10px;  }


button.close { opacity:1; }

.prd_list_wrap .masonry-grid-item {  }
.prd_list_wrap .masonry-grid-item .overlay-container {  }
.no_chat { color:#fff; text-align:center; }
.no_chat p:nth-child() {  }
.chat_con_area { margin:0 0 40px; }
.chat_con_area:last-child { margin:0; }
.chat_con_area:after { content:''; clear:both; display:block; }
.chat_kakao { font-size:0; }
.chat_kakao .chat_view { max-height:500px; overflow:auto; vertical-align:top; padding:20px; min-height:350px; width:60%; font-size:12px; display:inline-block; background:#6884b3; border-radius:5px;  }
.chat_kakao .chat_view:after { content:''; clear:both; display:block; }
.chat_kakao .chat_view h3 {  padding:15px 0;  margin:0; position:relative; text-align:center; color:#fff; }
.chat_kakao .chat_view h3 span { vertical-align:middle; font-size:13px; font-weight:normal; padding:0 10px; position:relative; z-index:1; background:#6884b3; display:inline-block; }
.chat_kakao .chat_view h3:before { left:0px; right:0px; top:50%; position:absolute; content:'';   height:1px; background:rgba(255, 255, 255, 0.5); }
.chat_kakao .chat_view ul.cv_wrap { padding:15px 0; display:table; width:100%; }
.chat_kakao .chat_view ul.cv_wrap li { display:table-cell; vertical-align:top; }
.chat_kakao .chat_view ul.cv_wrap li.profile_icon { width:85px; padding-right:15px; }
.chat_kakao .chat_view ul.cv_wrap li.profile_icon span { text-align:center; display:inline-block; height:70px; width:70px; border-radius:50%; background:#fff; overflow:hidden; }
.chat_kakao .chat_view ul.cv_wrap li.profile_icon span i { font-size:80px; color:#ccc; }
.chat_kakao .chat_view ul.cv_wrap li .date {  }
.chat_kakao .chat_view ul.cv_wrap li .date span { padding:1px 20px; color:#fff; display:inline-block; background:#51678c; border-radius:10px; }
.chat_kakao .chat_view ul.cv_wrap li .cv_con { position:relative; margin:10px 0 0; }
.chat_kakao .chat_view ul.cv_wrap li .cv_con div { padding:10px; display:inline-block;  background:#fff; border-radius:5px;  }
.chat_kakao .chat_view ul.cv_wrap li .cv_con:before { content:''; position:absolute; top:0; left:-6px; width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #fff; }

.chat_kakao .chat_view ul.cv_wrap.cv_i { float:right; }
.chat_kakao .chat_view ul.cv_wrap.cv_i li.profile_icon { padding-right:0; padding-left:15px; }
.chat_kakao .chat_view ul.cv_wrap.cv_i li .date { text-align:right; }
.chat_kakao .chat_view ul.cv_wrap.cv_i li .cv_con { text-align:right;  }
.chat_kakao .chat_view ul.cv_wrap.cv_i li .cv_con div { background:#fef01b; }
.chat_kakao .chat_view ul.cv_wrap.cv_i li .cv_con:before { left:auto; right:-6px; border-right:0; border-left:10px solid #fef01b; }

.chat_kakao .chat_write { vertical-align:top; width:39%; margin-left:1%; font-size:12px; display:inline-block;  }
.chat_kakao .chat_write .chat_write_area {  }
.chat_kakao .chat_write .chat_write_area textarea { padding:10px; width:100%; border-radius:5px; min-height:200px; border:1px solid #ddd; }
.chat_kakao .chat_write .chat_write_btn { }
.chat_kakao .chat_write .chat_write_btn a { font-weight:bold; padding:20px; text-align:center; font-size:16px; color:#fff; border-radius:5px; background:#3c1e1c; display:block; }








.cate_wrap {  margin:0 0 30px; }
.cate_wrap ul { border:1px solid #ddd;  margin:-1px 0 0; padding:0; width:100%; display:table; }
.cate_wrap ul li.th { font-size:13px; font-weight:bold; padding:10px 15px; color:#fff; background:#1d1d1d; display:table-cell; vertical-align:middle; width:130px; }
.cate_wrap ul li.td {  padding:5px 15px;  display:table-cell; vertical-align:middle; }
.cate_wrap ul li.td a { display:inline-block; padding:4px 15px; font-size:12px; }
.cate_wrap ul li.td a.active { background:#eec200;  border-radius:20px; color:#fff; }

@media (max-width: 1199px) {
    .cate_wrap { border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-bottom: 5px; }
    .cate_wrap ul:last-child { border-top:1px solid #ddd; }
    .cate_wrap ul { border:0; }
    .cate_wrap ul li.th { font-size:11px; width:80px; }
    .cate_wrap ul li.td a { padding:4px 8px; }
    .cate_wrap ul li.td a.active { border-radius:5px; }
}

@media (max-width: 768px) {
}





















/* 미디어쿼리 */
@media (min-width: 768px) {
    .container { width:100%; }
    .modal-dialog { margin:5% auto 5%; }
    .other_style .modal-dialog { margin:8% auto 0; }
    #make_tee_top_bnr01.other_style .modal-dialog, #make_tee_top_bnr02.other_style .modal-dialog {  margin:2% auto; }

}

@media (min-width: 850px) {
    .col-md-3 { width:25%; }
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float:left; }
}


@media (min-width: 1200px) {
    .list_contents > .container { padding:0; }

    .container { padding:0; }
    .prd_color_area { width:290px; font-size:0; min-height:60px; }
    .prd_color_area div span { margin:1px; width:17px; height:17px;  }
    .prd_list_wrap { padding:0; margin-left:-10px; }
    .prd_list_wrap.hp_list {  margin:0; }
    .prd_list_wrap .masonry-grid-item {   }
    .prd_list_wrap .masonry-grid-item .prd_lstt_info {width:290px; margin:auto;}
    .prd_list_wrap .masonry-grid-item .overlay-container { margin:auto;  }
    .main_prd_tab ul { width:980px; }
    #contents section.review_first .container  { width:1200px; }
    #contents section.bd_total_review .container  { width:1200px; }
    #footer { background:#2b2e32 url('/img/f_bg.png') 52% 25% no-repeat; }
    .prd_contents {  width:1200px; }
    .prd_contents > .container { padding:0; }
    /*
    .masonry-grid-item .overlay-container { width:310px; }

    .masonry-grid-item .overlay-container .list_img_front { width:310px; height:430px; }
    .masonry-grid-item .overlay-container .list_img_back { width:310px; height:430px; }
    
    .masonry-grid-item .overlay-container .list_img_front_goods { width:310px; height:310px; }
    .masonry-grid-item .overlay-container .list_img_back_goods { width:310px; height:310px; }
*/
    .list_contents {  width:1200px; }
    .list_contents.custom { width:1200px  }
    .cart_btn { margin:30px 0 50px !important; }
    .header-top .container { width:1200px; }
    #contents {  width:1200px;  }
    .navbar-toggle { display:none; }
    #modal_detail_view .modal-dialog { width:750px; }
    .fixed-header-on .header.fixed, .fixed-header-on header.header.transparent-header-on {  }
    .m_cate { display:none; }
    #contents { min-height:700px; margin-bottom:50px; }
    .col-md-3 { width:25%; }
    .modal-lg { width: 900px; }
    .modal-md { width: 930px; }
    .modal-sampleRequest { width:1100px; }
    .other_style .modal-md { width:480px; }
    .other_style .modal-md.modal-regular { width:580px; }
    #make_tee_top_bnr01.other_style .modal-md { width:957px; }
    #make_tee_top_bnr01.other_style .modal-body, #make_tee_top_bnr02.other_style .modal-body { padding:15px; }
    #make_tee_top_bnr02.other_style .modal-md { width:1030px; }
    .header { }
    .make_tee .col-md-3 { width:305px; }
    .col-md-3_5 { width:30%; }
    .col-md-4_5 { width:36%; }
    .col-md-4_5.prd_option { width:410px; padding:0 50px 0 0; margin:0 30px 0 35px; }
    .col-md-4_5.write_contents { width:420px; margin-left:0; }
    .container { width:100%; }
    .container.inner { width:1205px; }
    .self_design .container.inner { width:1430px; }
    .smaple_view_list .container.inner { width:1185px; }
    .smaple_view_list .container.inner .col-md-4 { width:320px; padding:0px; margin:0 32.5px 30px; }
    .make_tee_list .container.inner { width:1152px; padding:0px; }
    .make_tee_list .container.inner .col-md-3 { width:258px; padding:0px !important; margin:0 15px !important; }
    div.mainVisual div.container { width:1196px; }
    div.middle_bnr div.container { width:781px; }

    /* 디자인샘플 상세페이지 */
    .sample_prd_view {  }
    .sample_prd_view .col-md-5 { width:42.5%; }
    .sample_prd_view .col-md-7 { width:56%;  margin:0 0 0 10px; border-left:1px solid #d1d2d4; padding-left:25px; padding-right:0px; }
    .sample_prd_view .opption.col-md-4 { width:320px; padding:0px; }
    .sample_prd_view .opption.col-md-8 { width:850px; padding:0px 0 0 55px; }
    .smaple_prd_selected { width:100%; }
    .smaple_prd_selected .col-md-12:after { content:''; clear:both; display:block; }

    #tbl_goods_option_right { margin:0 0 1px; }

    #tbl_goods_option_right th, #tbl_goods_option_right td { text-align:center; background:#f5f5f5; }
    #tbl_goods_option_right th { min-width:80px; }
    #tbl_goods_option_right th img { padding:10px; }
    #tbl_goods_option_right tr:first-child th:first-child { padding:0 12px; min-width:90px; background:#ff9595; color:#fff; }
    #tbl_goods_option_right tr td:nth-child(2) { padding-top:0px !important; }
    #tbl_goods_option_right tr td:nth-child(3) { padding:10px; }

    #tbl_goods_option_right.first tr:first-child th:first-child { border-top-left-radius:15px; }
    #tbl_goods_option_right.first th, #tbl_goods_option_right.first td { background:#eee; }
    #tbl_goods_option_right.last th, #tbl_goods_option_right.last td { background:#eee; }
    #tbl_goods_option_right.last tr:first-child th:first-child { border-bottom-left-radius:15px; }



    /*디자인샘플 옵션선택*/
    div.prd_info ul.sample {  }
    div.prd_info ul.sample .prd_opt {   }
    div.prd_info ul.sample tr td {  }
    div.prd_info ul.sample td.text-right { width:91px; }
    div.prd_info ul.sample tr td.text-right.last { width:97px; }
    div.prd_info ul.sample tr td.prd_opt_qty { position:relative; }
    div.prd_info ul.sample tr td.prd_opt_qty div.count a { text-align:right; }
    div.prd_info ul.sample tr td.prd_opt_qty input[type=text] { position:absolute; right:0; margin-right:17px; }

    /*티셔츠만들기 옵션선택*/
    div.prd_info ul.make .prd_opt { }
    div.prd_info ul.make td {   }
    div.prd_info ul.make td.text-right { width:70px; }
    div.prd_info ul.make td.text-right.last { width:82px; }

    .btn_sample { text-align:right !important; }
    .btn_sample a.btn_point1 { width:315px; font-weight:bold; color:#333 !important; border:1px solid #969797 !important; background:#d9dcdd !important; }
    .btn_sample a.btn_point1:hover {  color:#333 !important;  background:#fff !important; }
    .btn_sample a.btn_point2 { width:180px; font-weight:bold;   margin-left:12px; }
    .btn_sample a.btn_point3 { width:180px; font-weight:bold;  margin-left:12px; }

    /*  주문 */
    .col-md-4.check_total { width:32%; }
    .col-md-8.check_total { width:68%; }

    .pc_photo_review_header { position:relative !important; }

    #footer .container { max-width:1200px; margin:0 auto; }

}

@media (min-width: 1200px) {
    .main_slide div.slide { }
    header.header .container {     padding:15px 0; width:1200px; }
    .main_bnr_area {  width:1200px; }
    .main_prd_area { width:1200px; }
    .sub_page { width:1320px; margin:0 auto; }
    #pop-up { top: 50%; left: 50%; transform: translate(-50%, -50%); }
}

@media (max-width:1199px) {
    div#quick_menu { margin-left:620px; }
    .inner .row { margin:0 -5px; }
    .inner .row > [class^=col-] { padding:0 0 0 10px; }
}
@media (max-width:1199px) {
    div#quick_menu { margin-left:600px; }
}

@media (max-width:1330px) {
.main_prd_area .masonry-grid-item .overlay-container { width:100%;  }
.main_prd_area .masonry-grid-item .overlay-container .list_img_front { width:100% !important; height:auto !important; }
.main_prd_area .masonry-grid-item .overlay-container .list_img_back { width:100% !important; height:auto !important; }

.main_prd_area .masonry-grid-item .overlay-container .list_img_front_goods { width:100% !important; height:auto !important; }
.main_prd_area .masonry-grid-item .overlay-container .list_img_back_goods { width:100% !important; height:auto !important; }
}

@media (max-width:1199px) {
    .container { padding:0 10px; }
    div#quick_menu { display:none; }

    
    #pop-up { right:0; width:100%; height:100%; position:fixed !important; bottom:0; border:0; !important; left:0px; top:0px; }
    .pop-up_contents { width:100%; height:95%;  }
    .pop-up_contents img { height:100%; width:100% !important; }
    .pop-up_contents p { text-align:center;  width:100%;  height:100%;  }
    .prd_color_area div span {   }
    ..pop-up_box { height:5%; }
    .popup_checkbox {  width:100%;   display: table;  height:100%;  }
    .popup_checkbox a {    display: table-cell;
    line-height: 100%;
    vertical-align: middle;  }
}

@media (max-width:1199px) {
    .page-wrapper {   }
    .list_bnr_m { padding:0; }
    .prd_color_area {  font-size:0; }
    .main_box img { width:100%; }
    .insta_img { width:100% !important; }
    .main_prd_tab ul { width:60%; }
    .main_prd_tab ul li { width:25%; }
    /*.main_prd_tab ul li:nth-child(1) a { border-bottom:1px solid #ddd; }
    .main_prd_tab ul li:nth-child(2) a { border-bottom:1px solid #ddd; }*/
    section.review_first .prd_best_img { width:100%; }
    #footer .f_top { padding-bottom:7%; }
    #footer .col-md-7 { margin:0 0 30px; }
    #footer .col-md-6:nth-child(1) { margin:0 0 30px; }
    #footer .footer_info a { display:block; margin:0; }
    #footer .footer_info p span { display:block; margin:0; }
    .main_top_bnr img { width:100%; }
    .prd_detail .prd_info_area .select_complete td:nth-child(1) { text-align:left; }
    .prd_detail .prd_info_area .select_complete td:nth-child(2) { width:42%; }
    .prd_detail .prd_info_area .select_complete td:nth-child(3) { width:50%; min-width:96px; }
    .prd_detail .prd_info_area .quantity .q_minus, .prd_detail .prd_info_area .quantity .q_plus { width:24px; }
    .main_prd_area h2 { margin:0; }
    .ord_head_wrap { margin:0 10px 20px; }
    .myp.bd_write { padding:0; }
    .note-editor { margin:0; }
    div.total_price.order > div { width:100%; }
    div.total_price.order p { border-left:0; border-top:1px dashed #ccc; }
    div.total_price.order > div:nth-child(1) p { border-top:0;  }
    div.total_price.order > div span.icon_total { top:0; left:50%; transform:translateY(-50%) translateX(-50%); margin:0; }
    .checkout_btn { }
    .check_div { display:block; }
    .checkout .container { padding:0 !important; }
    .checkout_info { font-size:12px; margin:0 0 30px; }
    .checkout.join .checkbox label { font-size:12px; }
    .prd_checkout div.area .check_total {  border-right:0 !important; border-left:0 !important; float:none; padding:0 !important; }
    .prd_checkout div.area span.title { padding:0 10px; font-size:14px;  margin:0 0 10px; position:relative; top:inherit; background:none; border:0; }
    .prd_checkout div.area div.at_tbl .at_tbl_tr .at_tbl_td { font-size:12px; }
    .prd_checkout div.area div.at_tbl .at_tbl_tr .at_tbl_td.del_select_td .radio_cont { margin:4px 0; display:block; }
    .prd_checkout div.area { border:0px; padding:0; }
    .prd_checkout div.area div.at_tbl .at_tbl_tr .at_tbl_th { min-width:100px !important; }
    .order_d_status ul li:before { height:2px; top:53px; }
    .order_d_status ul li:after { height:2px; top:53px; }
    .order_d_status .status_box h3 { font-size:12px; }
    .order_d_status .status_box span { width:20px; height:20px; }
    .order_d_status .status_box span i { display:none; }
    .ul_tbl.order_d_user ul li p { min-height:30px; position:relative; padding-left:90px; }
    .ul_tbl.order_d_user ul li p span { position:absolute; top:0; left:0; }
    .ul_tbl.order_d_payment { padding:0px;  }
    .order_d_prd { padding:0px; }
    .ul_tbl.order_d_user { padding:0px; }
    .ul_tbl.order_d_payment ul li {  padding:10px 0; }
    .ul_tbl.order_d_user ul { display:block; }
    .ul_tbl.order_d_user ul li { padding:10px 0; width:100%; display:block;}
    .ul_tbl.order_d_user ul li:nth-child(2) { border-top:1px dashed #ddd; width:100%; border-left:0px; }
    .ul_tbl.order_d_user ul li textarea { margin:5px 0 0; width:100%; }
    .prd_contents .nav-tabs { background:none; text-align:center; font-size:0; }
    .prd_contents .nav-tabs li:nth-child(1) { margin-left:0; }
    .prd_contents .nav-tabs li { background:#eee; margin-left:1%; width:32.5%; display:inline-block;  }
    .prd_contents .nav-tabs li a { font-size:12px; text-align:center; }
    .prd_detail { display:block; width:100%; }
    .prd_detail .prd_thumb, .prd_detail .prd_info { display:block; }
    .prd_detail .prd_thumb { width:100%; margin:0 0 15px; }
    .prd_detail .prd_info_area h1 { font-size:1.5em; }
    .prd_contents .tab-content .detail_img img { width:100% !important; }
    .prd_best_review .border:nth-child(1) { margin:0; }
    .order_list_prd_contents { display:block !important; text-align:center !important; }
    .order_list_prd_contents li { margin:0 !important; }
    .ul_tbl ul.order_list > li:nth-child(3) { width:20%; }
    .ul_tbl ul.order_list > li:nth-child(4) { width:20%; }
    .ul_tbl ul.order_list > li:nth-child(5) { width:20%; }
    .masonry-grid-item .price.main { padding:0 8px; }
    .masonry-grid-item .exp_price { padding:0 8px; }
    .masonry-grid-item .prd_name { padding:5px 8px 0; font-size:12px; }
    .list_path { position:relative; }
    .list_path .path { width:100%; }
    .list_path .prd_count {position:absolute; right:0; }
    .list_contents { padding-top:0; }
    .list_contents.custom .col-md-9 { width:100%; }
    .list_contents.custom .container { margin-left:-10px; padding:0;  }
    .list_contents.custom .container .row { }
    .list_contents.custom .prd_list_wrap {  margin:10px auto 0; padding:0; }
    .list_contents.custom .container .row { margin:0; }
    .prd_list_wrap .masonry-grid-item { padding:0 0 0 10px; }
    .myp .page_title { margin:10px 0 0; display:block; }
    .page_title  { padding-top:0; }
    .page_title .path { padding:0 10px; line-height:26px; font-size:12px; }
    .mypage .myinfo .myp_tab { display:none; }
    .mypage .myinfo .myp_tab li a span { display:none; }
    .select_date { display:none; }
    .search_form .date_type { float:none; }
    .search_form .date_type a { width:16.6667%; }
    .main_insta_area .container { width:100%; }
    .header-top { display:none; }
    .company .container {  margin-bottom:10%; }
    #footer .f_bottom li:nth-child(1), #footer .f_bottom li:nth-child(2) { margin:1em 0; width:100%; display:block; float:none; }
    #footer .f_bottom li:nth-child(1) { text-align:center; }
    #footer .col-md-3 { width:100%; margin-bottom:2em; }
    #footer .col-md-3:last-child { width:100%; margin-bottom:1em; }
    #contents { margin-top:50px; }
    .header.fixed { z-index:100; position: fixed !important; top:0; width:100%; }
    .header.fixed.transparent-header-on { position: absolute !important; }
    header.header .logo { line-height:50px; display:inline-block; margin:0; float:none; position:absolute; left:50%; transform:translateX(-50%); }
    header.header .logo a * { vertical-align:middle; }
    header.header .container { text-align:center; border-bottom:1px solid #ddd; }
    .navbar-nav { margin:0; }
    .h_cate { display:none; }
    .menuCategory.make_tee li a { width:100%; }

    .mypage .myinfo h3 b { font-size:20px; }
    .order_header h2 { margin:5px 0 0; display:block; font-size:20px; }
    .order_header ul { margin:5px 0 0; text-align:left; float:none; }
    .order_header ul li span { font-size:13px; }
    .prd_cart ul li.prd_img img { width:90%; }

    .ul_tbl ul.my_qna_list > li.qa_sort { display:none; }
    .ul_tbl ul.my_qna_list > li.write_date { display:none; }
    h2.at_tbl_title { font-size:14px; }
    .yet_contents { height:390px; }
    .yet_contents div.yet_item { width:48%; margin:3% 1%; }
    .ul_tbl ul.my_qna_list > li:nth-child(5) { width:20%; }
    .myp_yet_review ul li:nth-child(1) { display:none; }
    .myp_yet_review ul li h1 {  }

    .join .checkbox input { margin-left:4px; margin-top:1px; }
    .join_agree div { padding:10px 10px 5px; }
    input[type="radio"], input[type="checkbox"] { width:18px; height:18px; }
    .make_tee_list .listing-item .body { margin:0 0 30px; padding:15px 8px 0; }
    .make_tee_list .price { font-size:12px; }
    .only_you { margin:30px 0 0; }
    .pl-0 { padding-left:15px !important; }
    .pr-0 { padding-right:15px !important; }
    .prd_option { border-right:0px; }
    .make_tee .col-md-3 .goods img { width:100%; }
    .main_contents .container { width:100%; }
    div.mainVisual { margin-top:0px; }
    .owl-pagination { bottom:-40px; }
    .owl-controls .owl-page span { border:0px; background:#000; width:12px; height:12px; margin:5px; }
    .owl-controls .owl-page.active span {  background:#e50012; }
    .main_contents .container.container2 { width:100%; }
    .btn_more { right:0; bottom:-40px; }
    .bnr_sample { background:none; margin:60px 0 180px; height:auto; }
    .bnr_sample .container { height:auto; }
    .overlay-container img { width:100%; }
    .menuCategory.main li a { font-size:16px; }
    .btn_more { font-size:13px; padding:5px 15px; right:10px; }
    .m_cs { margin:120px 0 120px; }
    .m_social { font-size:0; margin:0px 50px 0; }
    .m_social a { display:inline-block; margin:0 15px; }
    #footer .f_bottom {  }
    #footer p a, #footer .f_menu a { color:#000; }
    .section.first { padding-top:0px; }
    .path { padding:10px 0; border-bottom:1px solid #ddd; }
    .join div.at_tbl .at_tbl_tr .at_tbl_th { min-width:110px !important; background:none !important; }
    .join .at_tbl_th, .join .at_tbl_td { padding:10px; height:inherit;  text-align:left !important; border:0px !important; }
    .join div.at_tbl .at_tbl_tr {  border:0px;  }
    .join div.at_tbl { border:0px; padding:10px 0; }
    .join input[type=text] { margin:0 0 5px; }
    .other_style .modal-body { padding:20px 30px; }
    .modal-dialog { margin:20px; }
    .join div.at_tbl { background:#f5f5f5; border:1px solid #d6d6d6; }
    .join div.at_style .form-control { width:100%; /* height:35px;*/ }
    .join div.at_style .checkout textarea { border-bottom:1px solid #ddd; }
    .join div.at_tbl .at_tbl_tr .at_tbl_td button { padding:3px 4px; }
    .join div.at_style .form-control.number { width:30.3% !important; }
    .join div.at_style .form-control.birth { width:27% !important; }
    .join div.at_style .form-control.id { width:50% !important; }
    .join div.at_style .form-control.mail { width:46.5% !important; }
    .join div.at_style .form-control.address { width:50% !important; }
    .join div.at_style .form-control.memo { width:100% !important; }
    .join .checkbox { display:inline-block; }
    .join_agree span.inline-block { display:block !important; padding:10px 5px 0; }
    .pc_ver { display:none !important; }
    .main-navigation .dropdown-menu { display:none; }
    .main_slide a.slide01 { background-position:68.7% 0%; }
    .slide_text-box {  display:none; }
    .mobile_ver { display:block !important; }
    .find_info .box { padding:20px; }
    .find_info .box div.btn_area a { width:100%; }
    .find_info .box div.at_tbl .at_tbl_tr .at_tbl_th { display:none; }
    .find_info .box div.at_tbl .at_tbl_tr .at_tbl_td { display:block; padding:0px; }
    .mypage_list { border:0px; }
    .mypage .myinfo { padding:0px; text-align:center; }
    .mypage .myinfo table tr td:first-child {text-align:center; }
    .mypage .myinfo table tr td { padding:10px 0; }
    .mypage .myinfo table tr td img { width:40%; }
    .mypage .myinfo table tr td p { font-size:14px !important; }
    .mypage .myinfo table tr td p span { font-size:13px; }
    .mypage_list li { text-align:left; display:block; width:100%; }
    .mypage_list li a { color:#555; font-size:13px; padding:10px 40px; border:1px solid #ddd; border-top:0px; }
    .mypage_list li:first-child a {  border-left:1px solid #ddd; border-top:1px solid #ddd; }
    .mypage_list li.selected a { color:#555; }
    .mypage_list li.order_list { background:url('/img/mypage_icon.png') 12px 12px no-repeat; }
    .mypage_list li.change_info { background:url('/img/mypage_icon.png') 12px -31px no-repeat; }
    .mypage_list li.point { background:url('/img/mypage_icon.png') 12px -71px no-repeat; }
    .mypage_list li.man_to_man { background:url('/img/mypage_icon.png') 12px -111px no-repeat; }
    .mypage_list li.my_qna { background:url('/img/mypage_icon.png') 12px -266px no-repeat; }
    .mypage_list li.mem_deli { background:url('/img/mypage_icon.png') 12px -305px no-repeat; }
    .mypage_list li.my_review { background:url('/img/mypage_icon.png') 12px -225px no-repeat; }
    .mypage_list li.mem_out { background:url('/img/mypage_icon.png') 12px -191px no-repeat; }
    .mem_name { margin-left:10px; font-size:15px !important; color:#555 !important; font-weight:bold; }
    .mypage .row { margin:0 0 20px; }
    .mem_out .at_tbl_td ul { margin:0px; }
    .mem_out .at_tbl_td ul li { width:100%; }
    .bd.section { padding:0px; }
    .at_box.order_result { width:100%; margin:30px 0 !important; padding:0 20px; }
    .at_box.join_ok_box h3 { margin:0px 0 10px; font-size:14px; }
    .at_box.join_ok_box span.txt_point { font-size:22px; }
    .at_box.join_ok_box p.mobile_ver { text-align:left; margin:0 0 5px; }
    .at_box.join_ok_box i { font-size:50px; }
    .simple_order_result ul { width:100%; border-left:1px solid #ddd; border-right:1px solid #ddd; }
    .simple_order_result ul li { display:block; width:100%; }
    .simple_order_result ul li.mobile_ver { display:block;  padding:10px 0 10px 15px; }
    .simple_order_result ul li:first-child { width:100%; }
    .simple_order_result ul li p:first-child { padding:10px 15px; }
    .smaple_view_list .desc { min-height:60px; }
    .sample_prd_view {  }
    .sample_prd_view .opption.col-md-4 { text-align:center; }
    .sample_prd_view .smaple_prd_selected { float:none; width:100%; margin:0px; }
    .sample_prd_view .smaple_prd_selected .btn_area a { width:100%; margin:0px 0 5px }
    .sample_prd_view .smaple_prd_selected .btn_area a.btn_point1 { background:#d9dcdd !important; border:1px solid #969797 !important; color:#333 !important; }
    .sample_prd_view .smaple_prd_selected .col-md-12 { padding:0px; }
    .sample_prd_view .smaple_prd_selected .col-md-12:after { content:''; clear:both; display:block; }
    .search { border:0px; margin:20px 0 !important; text-align:center; }
    .search .form-control { display:inline-block; width:100%; margin-top:5px; }
    .search.top .form-control { display:inline-block; width:87%; margin-top:5px; }
    .search .form-control:first-child { margin-top:0px; }
    .search .form-control.w-lg { width:66%; }
    .btn_search { width:10%; margin:0px 0 0; }
    .btn_search.detail { width:20%; }
    table.opt_price tbody { background:none; }
    .company_info .section { min-height:0px; }
    .video_area { position:relative; width:100% !important; padding-bottom:66.55%; height:0; overflow:hidden; }
    .video_area iframe { position:absolute; top:0; left:0; width:100%; height:100%; }
    .company_info .section.bg01 { margin-top:30px; }

    /*디자인샘플 옵션선택*/
    div.prd_info ul.sample {  }
    div.prd_info ul.sample .prd_opt { width:100% !important; min-width:100% !important; }
    div.prd_info ul.sample tr td { display:block; height:auto; margin:5px 0; }
    div.prd_info ul.sample td.text-right { display:inline-block; }
    div.prd_info ul.sample tr td.text-right.last { width:90px; display:inline-block; float:right; }

    /*티셔츠만들기 옵션선택*/
    div.prd_info ul.make .prd_opt { width:100% !important; min-width:100% !important; }
    div.prd_info ul.make td { display:block; height:auto; margin:5px 0; }
    div.prd_info ul.make td.text-right { display:inline-block; }
    div.prd_info ul.make td.text-right.last { width:90px; display:inline-block; float:right; }

    /* 제작샘플 게시판 모바일 */
    #galleryList {  }
    #galleryList .overlay-container {   }
    #galleryList .overlay-container img {  }

    #sampleRequest { padding-right:0px !important; }
    #sampleRequest .modal-sampleRequest { width:100%; margin:0 0 0 -50%; left:50%; position:fixed; height:100%; top:0; }
    #sampleRequest .modal-content { position:fixed; height:100%; width:100%; }
    #sampleRequest .modal-header { position:absolute; width:100%; z-index:100; }
    #sampleRequest .modal-body { height:100%; width:100%; padding:0px; padding-top:67px; }
    #sampleRequest .modal-body .row { height:100%; position:relative; }
    #sampleRequest .modal-sampleRequest .col-md-9 { width:100%; height:60%; }
    #sampleRequest .modal-sampleRequest .col-md-9 .designLayerContents { position:relative; height:100%; }
    #sampleRequest .modal-sampleRequest .col-md-3 { position:fixed; bottom:0px; width:100%; height:32%; padding:0px !important; margin-left:15px; }
    .sampleSelect ul { height:65%; padding:0 15px; }
    #sampleRequest .sampleContents { position:relative; height:78%; padding:0 15px; }
    #sampleRequest .sampleSelect { height:100%; }
    .sampleSelect .btn_area { width:100%; font-size:0; }
    .sampleSelect .btn_area a { width:50% !important; font-size:13px; }

    #sampleRequest .listing-item { margin-bottom:0px; }
    #sampleRequest .listing-item .body { padding:10px 0; height:56px; }
    #sampleRequest .sampleContents .prd_name { font-size:12px; margin:0px; }
    #sampleRequest .sampleContents .desc { display:none; }
    .sampleSelect h3 { font-size:13px; margin:0px; padding:0 15px; }
    .sampleListBtn span { font-size:12px; }
    .sampleChoiceBtn { left:50%; margin-left:-25%; z-index:1; }
    .sampleChoiceBtn a { padding:10px 12px; font-size:12px; }
    .sample_detail { position:relative; height:100%; }
    #detail_contents { position:relative; height:100%;  }
    .sample_detail_con { height:100%; }
    .smaple_view_list .desc { /*display:none;*/ }
    .smaple_view_list .prd_name { font-size:12px; min-height:38px; }
    .smaple_view_list .prd_name a { font-size:12px; }

    .make_tee_list .text_info .desc { padding-top:5px; max-width:258px; word-break:keep-all; white-space:nowrap; word-wrap:normal; text-overflow:ellipsis; overflow:hidden; }


    /* 장바구니-탭 */
    ul.cart_tab_list { width:100%; }
    ul.cart_tab_list li { text-align:center; width:34%; height:33px; }
    ul.cart_tab_list li:first-child { width:27%; margin-left:2%; }
    ul.cart_tab_list li a { font-size:12px; }
    ul.cart_tab_list li a span { display:none; }

    /* 장바구니-일반 */
    div.prd_name.cart { position:relative; padding:2px 10px 5px; border-top-color:#999; }
    div.prd_name.cart div.checkbox label {  ; vertical-align:top; }
    div.prd_name.cart > div { float:none; }
    div.prd_name.cart > div.float-right { text-align:right;float:none; margin:5px 0 5px; padding-left:10%; padding-right:2%; }
    div.prd_name.cart > div.float-right:after { content:''; clear:both; display:block; }
    div.prd_name.cart > div.float-right span { margin-top:5px; display:inline-block; float:left; }
    div.prd_name.cart > div.float-right a { font-size:11px; border:1px solid #333; border-radius:5px; background:#fff; text-indent:1px; text-align:center; width:45px; height:25px; line-height:25px;  }
    div.prd_name.cart div.checkbox { margin-bottom:0px; }
    div.prd_name.cart div.checkbox input { margin-top:2px; width:17px; height:17px; }
    .prd_cart { display:block; border:0; }
    .prd_cart ul li.prd_img, .prd_cart ul li.order_info, .prd_cart ul li.cart_request { width:100%; display:block; }
    .prd_cart ul li.prd_img { ; border-right:0px; padding:20px 0px; }
    .prd_cart ul li.order_info { width:90%; margin:0 auto 10px; border-radius:8px; border:1px solid #ddd; padding:0px; text-align:center; }
    .prd_cart ul li.order_info h3 { margin:10px 20px; padding:10px; border-top:1px solid #999; border-bottom:1px solid #999; }
    .prd_cart ul li.order_info tr th { display:none; }
    .product_option { width:95%; margin:0 auto; padding:5px 0 0; }
    .prd_cart ul li.order_info tr td.td_total_price { display:none; }
    .prd_cart ul li.cart_request { position:relative; padding:5%; }
    .prd_cart ul li.cart_request textarea { border-top-color:#ddd; width:100% !important; height:150px; border-right:1px solid #ddd; border-left:1px solid #ddd; }
    div.result_option {  padding:8px 0; margin-bottom:6%; box-shadow:0px 4px 7px #e6e6e6; }
    div.result_option div { float:none; text-align:center; }
    div.result_option div p { margin:0px; }
    .prd_cart ul li.order_info tr td { padding-top:5px; }
    .goods_cart_btn { z-index:3; width:100%; background:#f37c7e;  display:table; font-size:0; position:fixed; bottom:0; }
    .goods_cart_btn li {  padding:10px; vertical-align:middle; text-align:center;  color:#fff; display:table-cell; width:35%; font-size:12px; }
    .goods_cart_btn li:first-child { padding:10px 15px 10px 0; text-align:right; width:65%;  background:#060606; }
    .goods_cart_btn li input { margin:0px !important; text-align:right; font-weight:bold; width:100px; background:none; border:0px !important; color:#fff; font-size:14px; }
    .goods_cart_btn li input:first-child { width:70px;  }
    .goods_cart_btn li a { color:#fff; font-size:14px; font-weight:bold; }

    /* 장바구니-추가20170512 */
    .prd_cart .product_option ul.cart_tbl.sort, .prd_cart.default .product_option ul.cart_tbl.sort { display:none; }

    .prd_cart.default .product_option ul.cart_tbl, .prd_cart .product_option ul.cart_tbl
    { margin:0 0 5px; font-size:0; display:block; }
    .prd_cart.default .product_option ul.cart_tbl:last-child, .prd_cart .product_option ul.cart_tbl:last-child
    { margin-bottom:0px; }
    .prd_cart.default .product_option ul.cart_tbl li, .prd_cart .product_option ul.cart_tbl li, .prd_cart.self_cart .product_option ul.cart_tbl li
    { display:inline-block; }
    .prd_cart.default .product_option ul.cart_tbl li:nth-child(1), .prd_cart .product_option ul.cart_tbl li:nth-child(1)
    { font-size:13px !important; color:#333; margin:0 0 5px; display:block; width:100%; }
    .prd_cart.default .product_option ul.cart_tbl li:nth-child(2), .prd_cart .product_option ul.cart_tbl li:nth-child(2)
    { font-size:12px; font-weight:bold; width:33.3%; text-align:left; }
    .prd_cart.default .product_option ul.cart_tbl li:nth-child(3), .prd_cart .product_option ul.cart_tbl li:nth-child(3)
    { width:33.3%; }
    .prd_cart.default .product_option ul.cart_tbl li:nth-child(4), .prd_cart .product_option ul.cart_tbl li:nth-child(4)
    { text-align:right; width:33.3%; }
    .prd_cart.default .product_option ul.cart_tbl li.td_total_price input, .prd_cart .product_option ul.cart_tbl li.td_total_price input
    { width:100% !important; text-align:right; }
    .prd_cart.default .product_option ul.cart_tbl li.count input, .prd_cart .product_option ul.cart_tbl li.count input
    { border:1px solid #ddd; font-size:11px; height:21px; line-height:21px; }
    .prd_cart.default .option_select_area, .prd_cart .option_select_area
    { padding-bottom:0px; margin:0 0 10px; }
    .prd_cart ul li.cart_request a { width:100%; padding:10px 0;  }
    .container.m_cart { padding:0px; }
    .container.m_cart > .mt-50 { margin-top:7% !important; }
    .product_option ul.cart_tbl li.count a img { vertical-align:top; }

    .product_option ul.cart_tbl li p:first-child { font-size:13px; color:#333; }

    /* 장바구니-셀프추가 20170512 */
    .prd_cart.self_cart ul { display:block; }
    .prd_cart.self_cart ul li.prd_img { width:90%; margin:5% auto 0; border:1px solid #ddd; }
    .prd_cart.self_cart ul li.prd_img div { float:none !important; }
    .prd_cart ul li.list_tab { display:block; }
    .prd_cart ul li.list_tab p { font-size:0; top:-1px; left:5%; width:90%; }
    .prd_cart ul li.list_tab p a.selected { border-left-color:#ddd; }
    .prd_cart ul li.list_tab p a { display:inline-block; font-size:10px !important;}
    .prd_cart.self_cart ul li.order_info { padding:10px 0; margin-top:12%; margin-bottom:5%; }
    .prd_cart.self_cart .product_option ul.cart_tbl li:nth-child(1) { text-align:left; display:inline-block; width:42%; }
    .prd_cart.self_cart .product_option ul.cart_tbl li:nth-child(2) { width:15%; }
    .prd_cart.self_cart .product_option ul.cart_tbl li:nth-child(3) { font-size:12px; width:13%; }
    .prd_cart.self_cart .product_option ul.cart_tbl li:nth-child(4) { text-align:right; width:26%; }
    .prd_cart.self_cart .product_option ul.cart_tbl li:nth-child(5) { display:none; }
    .prd_cart.self_cart .product_option div.text-right { padding-right:2%; }
    .product_option ul.cart_tbl li.count input { margin:0px; }

    /* 마이페이지 */
    .m_cart.order_detail .prd_cart ul li.cart_request.order_detail textarea { border-bottom:1px solid #ddd; }


    /*  디자인샘플 디자인샘플보기 */
    .sampleCate li { width:25%; }


    .prdDelivery p { font-size:12px !important;  padding:0px !important; }
    .prdDelivery h6 { height:4px; }
    .prdDelivery h3 { padding:0px !important; }

    /* 장바구니 첨부파일 */
    .prd_cart ul li.order_addfile { border-top:0px; width:90%; margin:10px auto 0; padding-top:0px; }
    .bd_v_filedown { display:block !important; }
    .bd_v_filedown li { display:block !important; }
    .bd_v_filedown li:nth-child(1) { background:#666; width:100%; color:#fff; border-bottom:1px solid #555; padding:10px 0; margin-bottom:5px; }
    .bd_v_filedown li:nth-child(2) { border:0px; }
    .bd_v_filedown li:nth-child(2) div {  text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:90%; overflow:hidden; }

    .prd_cart ul li.order_addfile.self_addfile { position:relative; margin-bottom:20px; }

    .product_option.make { min-height:20px; }
    .prd_cart ul li.order_addfile.checkout { width:90% !important; }

    /* 주문페이지 첨부파일 */
    .prd_cart ul li.order_addfile.checkout .bd_v_filedown li:nth-child(2) div {  width:255px; }

    /* 시안확인게시판 상세 */
    .comment_area { padding:0px 8px 10px; }
    .comment_area div.comment_textarea textarea { width:71%; }
    .comment_area div.comment_textarea a { width:27%; margin-left:0px; padding:29px 0; }
    div.btn_area.order_bd_btn a { padding:4px 0; width:13%; }

    .comment_area div.comment_textarea { padding:5px 0px 0px 0px; }
    .comment_area .order_bd_add_file input[type=text] { width:80%; }
    .comment_area .order_bd_add_file a { padding:1px; position:absolute; top:0; }
    .comment_area .order_bd_add_file a.plus { position:absolute; top:-10px; margin-left:0; right:7%; }
    .comment_area .order_bd_add_file a.minus { position:absolute; top:-10px; margin-left:0; right:0; }
    .comment_area .order_bd_add_file:last-child a.minus { margin-left:0; right:7%; }

    div.btn_area.m_btn_area a { width:13%; padding:4px 0; }
    div.btn_area.m_btn_area a.btn_all { width:20%; }

    /* 상품상세 게시판 */
    .prd_bd_datil {  }
    .prd_bd_datil .col-md-12 { padding:0px; }

    /* 상세페이지 게시판 */
    .prd_bd_div_tbl { border-bottom:1px solid #ddd; }
    .prd_bd_div_tbl .prd_bd_div_tbl_title { display:block;}
    .prd_bd_div_tbl .prd_bd_div_tbl_title li { display:none; }
    .prd_bd_div_tbl .prd_bd_div_tbl_contents:nth-child(1) > ul li.subject { margin-top:0px; }
    .prd_bd_div_tbl .prd_bd_div_tbl_contents > ul {  border-top:1px solid #ccc;  padding:10px 5px; font-size:0; display:block; }
    .prd_bd_div_tbl .prd_bd_div_tbl_contents > ul:after { content:''; clear:both; display:block; }
    .prd_bd_div_tbl .prd_bd_div_tbl_contents > ul li { padding:0px; text-align:left; border-bottom:0px; display:inline-block; }
    .prd_bd_div_tbl .prd_bd_div_tbl_contents > ul li.num { display:none; }
    .prd_bd_div_tbl .prd_bd_div_tbl_contents > ul li.subject { margin-bottom:10px; font-weight:bold; padding:0px; width:100%; }
    .prd_bd_div_tbl .prd_bd_div_tbl_contents > ul li.writer { width:20%; }
    .prd_bd_div_tbl .prd_bd_div_tbl_contents > ul li.date { width:30%; }
    .prd_bd_div_tbl .prd_bd_div_tbl_contents > ul li.review_point { text-align:right; float:right; width:30% }
    .prd_bd_div_tbl .prd_bd_div_tbl_contents div { padding:10px 0px 10px 0px; margin-top:5px; border-bottom:0px; border-top:1px dashed #ddd; }
    .prd_bd_datil h6.panel-title { margin-left:-15px; margin-right:-15px; margin-bottom:-2px; background:#f03a41; color:#fff; font-size:16px; padding:5px 5px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }



    .search.top input.form-control::-webkit-input-placeholder { color:#ccc; }
    .search.top input.form-control:-moz-placeholder  { color:#ccc; }
    .search.top input.form-control::-moz-placeholder  { color:#ccc; }
    .search.top input.form-control:-ms-input-placeholder  { color:#ccc; }

    .m_prdReview ul.list li.name { border-right:0px; }

    .comment_area ul li { width:100%; }

    #sec_menu_category { margin:0 !important; min-height:0; display:none !important; }
    .total_review b  { font-size:18px; }

    #div_masonry-grid { background:none; }
    .post_btn { padding:20px 0 50px; }
    .post_btn a.more { display:inline-block; }


    h5.review_title { font-size:30px; margin:0 0 20px; }
    .prd_lstt_info { padding:0 8px; }

    .review_goods_addfile .col-md-2_5 { width:50% }
    
    .prd_color_area { min-height:28px; padding:0 8px; }
    .prd_color_area div { margin:1px; width:11px; height:11px; }
    .prd_color_area div span { width:100%; height:100%; min-width:100%; min-height:100%; }

    .other_style.log_modal .modal-body { padding:20px; }
    .m-n-padding { padding:0px !important; }
    .m-n-padding-lr { padding-left:0px !important; padding-right:0px !important; }
    .m-w-100 { width:100% !important; }

    .chat_kakao .chat_view { width:100%; display:block;  border-radius:5px 5px 0px 0px; }
    .chat_kakao .chat_write { width:100%; display:block; margin:0; }
    .chat_kakao .chat_write .chat_write_area textarea { height:100px !important; min-height:50px; overflow:auto; border-radius:0px 0px 5px 5px; }

    .list_com { padding:0; }
    .page_title.list_com .path { padding:0 10px; line-height:26px; }

    .btn_area.join { padding:0 0 20px; }


}/* max-width:1180px end */

@media (max-width: 849px) {
    /*.col-md-3 { width:50%; }*/
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float:left; }

    .detail_review_contents {  width:auto !important; transform:none; height:auto; display:block; top:50px; bottom:50px; left:20px; right:20px; }
    .r_img { display:block; width:100%;}
    .r_txt { display:block; width:100%;  }
    .r_contents { top:45%; height:47%; }
    .r_prd { height:32%; }
    .r_cmt { display:none; }

}

@media (max-width:767px) {
    .only_you { margin:136px 0 0 !important; }
    div.middle_bnr div.container { width:100%; }
    div.content-slider-with-controls-autoplay .owl-buttons div { padding:15px 15px !important; font-size:0px; }
    .m_social a img { }
    div.mainVisual { margin-top:106px; }
    .section.first { margin-top:106px; }
    .find_info .box .find_id { margin:0 0 0; }

    .prd_padding { padding:0px; margin-left:-10px; }
    .prd_padding .col-md-3 { padding:0px 0px 0px 10px; }
    .prd_padding_sample {  padding:0px;  }
    .prd_padding_sample .col-md-4 {  }
    .best_review_area { margin:0 0 15px; padding:60px 0 20px }
    .best_review_area .col-md-3 { width:100%; margin-bottom:10px; }
    .best_review_area .container { width:100%; }
    .total_review { margin:15px 0 20px; }
    .total_review i { font-size:22px; }
    .total_review span { font-size:22px; }
    .review_style .write_review { padding:8px 30px 8px 13px }
    .review_style .blogpost { margin:0 0 15px; }

    .best_review_area .col-md-3 .best_preview_thumb { width:auto; height:255px; }

    section.bd_total_review .prd_best_img { width:100% !important; }
    section.bd_total_review .col-md-4 { margin:0 0 30px !important; }

    .main_prd_tab ul { width:100%; }

}

@media (max-width:767px) {
    .m_social a { width:25%; margin:0px; }
    .m_social a img { padding:0 10px; }

}

/* 모바일 */
@media (max-width:545px) {
    .make_tee_list .prd_name a { vertical-align:top; }
    div.prd_info.sample #tbl_goods_option_left p { margin:0px !important; }
    div.prd_info.sample #tbl_goods_option_left p#p_self_goods_name { margin-top:10px !important; }
    div.prd_info.sample #tbl_goods_option_left a { padding:5px 20px; margin:3px 0 15px; display:inline-block;  }
    div.prd_info ul.sample tr td.prd_opt_qty div.count a {text-align:right; }
    div.prd_info ul.sample tr td.prd_opt_qty input[type=text] { position:absolute; height:25px !important; right:0; margin-right:26px; }

    div.prd_info table td select { height:25px; }

    #tbl_goods_option_right .tr:first-child .th:first-child { padding:3px; }
    #tbl_goods_option_right .th { display:block !important; border-top-left-radius:15px !important; border-top-right-radius:15px !important; border-bottom-left-radius:0px !important; }
    #tbl_goods_option_right .tr { box-shadow:0px 2px 2px #c7c7c7; background:#f5f5f5; margin-bottom:10px; }
    #tbl_goods_option_right > .tr > .td { display:block; }
    #tbl_goods_option_right > .tr > .td .request_textarea { font-size:0; line-height:0; }
    #tbl_goods_option_right > .tr > .td .request_textarea li { font-size:13px; line-height:1; display:inline-block; width:73%; padding-right:2%; }
    #tbl_goods_option_right > .tr > .td .request_textarea li:first-child { width:25%; padding:0px; }
    #tbl_goods_option_right > .tr > .td .request_textarea li textarea { height:80px; width:100%; padding-right:12px; }
    .prd_sample_step { margin-top:30px !important; }
    .goods .btn_area { position:relative; }
    .goods .btn_area .prd_sample_ment { margin:10px 0 0; position:absolute; left:50%; margin-left:-160px; }
    .m_cs a { margin:10px 0; }
    .mobile_sample { padding:0px; }
    .mobile_sample .col-md-5.col-sm-12.col-xs-12 { padding:0px; }
    .mobile_sample .col-md-7.col-sm-12.col-xs-12.second { padding:0px;   }
    .sample_opt_select { text-align:center; }
    .sample_opt_select a { padding:10px 20px !important; display:inline-block; }
    .sample_opt_select a.sns_t { padding:6px 8px !important; line-height:0 !important; height:27px !important; }
    .prdDelivery .col-md-12.mb-60 { padding:0px; }
    #prdRelated { margin:0px; }
    .prd_tab { padding:0 15px; margin:50px 0 0; }
    .prd_inner {  padding:0px; }
    .prd_inner .text-center {  padding:0px; }
    .m_cs { margin:0px 0 45px; }
    .smaple_view_list .desc { margin:10px 0 0; }
    .menuCategory li a { font-size:13px !important; line-height:1.8;  }
    .mobile_ver .h_bottom { text-align:center; }
    .make_tee_add_text.first { margin:20px 0 0; font-size:13px; }

    .m_scroll { overflow-x:scroll; }
    .menuCategory.make_tee { text-align:left; font-size:0; background:#eee;  margin:0px auto 0 !important; padding:0px 0 10px; width:551px; }
    .menuCategory.make_tee.sample_list_cate { width:702px; }
    .menuCategory.make_tee.main { width:526px; }

    .menuCategory.make_tee li { background:#fff; border-bottom:1px solid #ddd; }
    .menuCategory.make_tee li a { border-bottom:3px solid #fff; display:inline-block; padding:18px 10px; background:none; /* background-size:1px 15px;  background-image:url('/img/menucate_border_w.gif');*/ font-size:13px; line-height:1.5; }
    .menuCategory.make_tee li:first-child a { background:url('/img/bx_arrow_prev.png') 10% 50% no-repeat; background-size:14px; padding-left:30px; border-bottom:3px solid #fff; }
    .menuCategory.make_tee li:last-child a { background:url('/img/bx_arrow_next.png') 90% 50% no-repeat; background-size:14px; padding-right:30px; }
    .menuCategory.make_tee li.active a { color:#f05260;  border-bottom:3px solid #f05260; }
    .make_tee_add_text span { margin-bottom:0px; font-size:13px; }
    .mobile_ver .h_bottom a { padding:10px 3.5%; }
    .listing-item .btn_area a { width:100%; margin:0 0 5px; }
    .make_tee_list .listing-item .body { letter-spacing:0px; }
    /*.m_cs { margin:150px 0 0; }*/
    .m_social { margin:0px 30px 0; }
    .m_cs a img { width:80%; }
    .m_social a img {  }
    .make_tee_list .prd_name { min-height:29px; margin-top:0px; }
    .make_tee_list .prd_name a { font-size:12px; }
    .main_prd_area h2 { font-size:1.3em; }

    .prd_color_area div { }
    .prd_color_area div span {   }
}

@media (max-width:502px) {
    #chk_order_notice { margin:10px 0 0 -2px; }
    .mobile_ver .h_bottom a { padding:10px 3%; }
    #footer .f_menu a { font-size:12px; padding:0 5px; }
    .join div.at_style .form-control { width:30%; }
    #bankAccount { width:100%; }
    .join .checkbox input { margin-top:4px; }
    #addr1, #addr2 { width:49%; }
}

@media (max-width:470px) {
    .mobile_ver .h_bottom a { padding:10px 2.5%; }


    .prd_color_area div {   }
    .prd_color_area div span {   }
}

@media (max-width:440px) {
    .mobile_ver .h_bottom a { padding:10px 2%; }
}

@media (max-width:412px) {
    .mobile_ver .h_bottom a { padding:10px 1.5%; }
    #footer .f_menu a { font-size:11px; padding:0 2px; }
    .comment_area .order_bd_add_file input[type=text] { width:78%; }
    .comment_area .order_bd_add_file a { padding:1px; position:absolute; top:0; }
    .comment_area .order_bd_add_file a.plus { position:absolute; top:-10px; margin-left:0; right:7.5%; }
    .comment_area .order_bd_add_file a.minus { position:absolute; top:-10px; margin-left:0; right:0; }
    .comment_area .order_bd_add_file:last-child a.minus { margin-left:0; right:7%; }

}

@media (max-width:390px) {
    .mobile_ver .h_bottom a { padding:10px 1.8%; font-size:13px; }
    div.mainVisual, .section.first { margin-top:105px; }
    #loginNjoin div.at_tbl .at_tbl_tr .at_tbl_th { padding:0px; min-width:100px !important; font-size:14px; }
    #loginNjoin div.at_tbl .at_tbl_tr .at_tbl_td { padding:0px; }

    .best_review_area .col-md-3 .best_preview_thumb {  height:230px; }
    .total_review b  { font-size:15px; }
    .total_review i { font-size:17px; }
    .review_style .write_review { /*margin-top:10px;*/ }

    .prd_color_area div {  }
    .modal.left .modal-dialog, .modal.right .modal-dialog { width: 360px !important; }
    .masonry-grid-item .prd_name { font-size:11px; overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
word-wrap:normal;
width:100%; }
}

@media (max-width:374px) {
    .mobile_ver .h_bottom a { padding:10px 1.2%; font-size:13px; }
    .menuCategory.main li a { font-size:14px; } /* 메인상품카테고리 */
    .search .form-control.w-lg { width:63%; }
    .search.top a.btn_search.detail { width:22%; }
    .total_review i { font-size:18px; }
    .total_review span { font-size:18px; }
    .review_style .write_review { font-size:13px; padding:6px 29px 6px 10px; }
    .review_style .blogpost { margin:0 0 15px; }

    .best_review_area .col-md-3 .best_preview_thumb {  height:218px; }
    .modal.left .modal-dialog, .modal.right .modal-dialog { width: 340px !important; }
    .side_cs_area ul li div { min-width:130px; }
.side_cs_area ul li:nth-child(1) div { padding-right:10%;   }
.side_cs_area ul li:nth-child(2) div {  padding-left:10%; }
.side_cs_call { margin-top:4px;font-size:15px !important; }

}

@media (max-width:360px) {

.r_o_disc input { width: 80px !important; }
.r_o_qu input {  }
.r_o_pric input {  }
}


@media (max-width:350px) {
    .mobile_ver .h_bottom a { padding:10px 1.2%; font-size:12px; }
    .menuCategory.main li a { font-size:13px; } /* 메인상품카테고리 */
    div.mainVisual, .section.first { margin-top:102px; }
}

@media (max-width:330px) {
    .btn_area.join a { width:100%; margin:8px 0 0; }
}

@media (max-width:327px) {
    .mobile_ver .h_bottom a { padding:10px 1%; font-size:12px; }
    .menuCategory.main li a { font-size:12px; } /* 메인상품카테고리 */
}



.cate_wrap .select_clear_wrap { padding:0 0 5px; text-align:right; }
.cate_wrap .select_clear_wrap a {   color: #ff4040; }



.cbox_cont label {color:#222; text-align:left;  font-family: 'Nanum Gothic'; font-size:15px; width:100%; margin:5px 0 !important; display: block; position: relative; padding-left:30px; cursor: pointer; }
.cbox_cont label input { position: absolute !important; opacity: 0; cursor: pointer; }
.cbox_cont label .checkbox_style {border:1px solid #ccc;position: absolute;top:3px;left: 0;height: 17px;width: 17px;background-color: #fff;}
.cbox_cont label .checkbox_style:after {
        left: 4px;
        content: "";
        position: absolute;
        display: none;
        top: 0;
        width: 7px;
        height: 11px;
        border: solid #333;
        border-width: 0px 2px 2px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
.cbox_cont label input:checked ~ .checkbox_style { background:#fff;  }
.cbox_cont label input:checked ~ .checkbox_style:after { display:block; }


@media (max-width:375px) {
    .cbox_cont label { font-size:13px; }
    .chk_self_disc input {  width:90px !important; }
    .chk_self_count input { width:60px !important; }
    .chk_self_price input {  }
}




.radio_cont label { margin:0 0 0 10px; display:inline-block; position: relative; padding-left: 20px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.radio_cont label:nth-child(1) { margin:0 !important; }
.radio_cont label input { position: absolute; opacity: 0; cursor: pointer; }
.radio_cont label .radio_style { border-radius:50%;  border:1px solid #bbb; position: absolute; top: 2px; left: 0; height: 15px; width: 15px; background-color: #fff;  }
.radio_cont label .radio_style:after { top:2px; left:2px; border-radius:50%;  width: 9px; height: 9px; background: #ddd; content: ""; position: absolute; }
.radio_cont label input:checked ~ .radio_style { background:#fff;  }
.radio_cont label input:checked ~ .radio_style:after { display:block; background: #333; }


.tdtd_cbox .cbox_cont {  padding-left:10px; display:inline-block; }
.tdtd_cbox .cbox_cont label { font-size:13px;     padding-left: 20px; }
.tdtd_cbox .cbox_cont label .checkbox_style {    top: 1px;  }

.del_select_td .radio_cont { display:inline-block; }

@media (max-width:1199px) {
    .tdtd_cbox .cbox_cont { padding-left:0; display:block; }
}


.main_new_bnr_area { margin:20px 0 0; }
.main_new_bnr_area .n_inner { width:1236px; }
.main_new_list { position:relative; padding:0 30px; }
.main_new_bnr_area .item_box { padding:0 18px; }
.main_new_bnr_area .owl-carousel .owl-nav {  }
.main_new_bnr_area .owl-carousel .owl-nav .owl-prev { margin-top:-17px; top:50%; font-size:0; width:14px; height:34px; position:absolute; left:16px; background:url('/img/main_new_prev.png') 50% no-repeat; }
.main_new_bnr_area .owl-carousel .owl-nav .owl-next { margin-top:-17px; top:50%; font-size:0; width:14px; height:34px; position:absolute; right:16px; background:url('/img/main_new_next.png') 50% no-repeat; }

.n_inner { width:1200px; margin:auto; }

.main_new_prd_area { padding:20px 0 45px;  width:100%; background:#f7f7f7;  }
.main_new_prd_area .masonry-grid-item .listing-item {  margin:0 0 25px;    border: 7px solid #fff; }
.main_new_prd_area .row { margin:0 -4px; }
.main_new_prd_area .row > [class^=col-] { padding:0 4px; }

.main_new_wide { margin:70px 0 0; }


@media (max-width:1199px) {
    .main_new_bnr_area .n_inner,
    .n_inner { width:100%; }
    .main_new_bnr_area .row { margin:0; }
    .main_new_bnr_area .row > [class^=col-] { margin:0 0 15px; padding:0; width:100%; }
    .main_new_prd_area .row { margin:0 0; }
    .main_new_prd_area .row > [class^=col-] { padding:0 0 0 10px; }
    .main_new_list { padding:0 20px; }
    .main_new_bnr_area .item_box { padding:0 5px; }
    .main_new_bnr_area .owl-carousel .owl-nav .owl-prev { left:6px;  }
    .main_new_bnr_area .owl-carousel .owl-nav .owl-next { right:6px; }
}


.main_new_cate { padding:0 0 70px; text-align:center; }
.main_new_cate h3 { letter-spacing:-1px; font-family: 'Noto Sans KR', sans-serif; color:#000; font-weight:500; font-size:18px; margin-top:60px; margin-bottom:7px; }
.main_new_cate h3 img { margin-top:-5px; }
.main_new_cate p {  letter-spacing: -0.5px; margin: 5px 0 0; color: #888;}
.main_cate_bnr { margin:15px 0 0; font-size:0; }
.main_cate_bnr > div:nth-child(1) { width:480px; }
.main_cate_bnr > div:nth-child(2) { width:720px;  }
.main_cate_bnr > div { display:inline-block; vertical-align:top; }
.main_cate_bnr > div ul li { margin-left:10px; display:inline-block; vertical-align:top;  }
.main_cate_bnr > div ul li:nth-child(1),
.main_cate_bnr > div ul li:nth-child(2),
.main_cate_bnr > div ul li:nth-child(3) { margin-bottom:10px; }
@media (max-width:1199px) {
    .main_cate_bnr > div:nth-child(1) { width:100%; }
    .main_cate_bnr > div:nth-child(2) { width:100%; }
    .main_cate_bnr > div img {width:100%; }
    .main_cate_bnr > div ul { margin:0 0 0 -10px; }
    .main_cate_bnr > div ul li { margin:10px 0 0; width:50%; padding:0 0 0 10px; }
    .main_cate_bnr > div ul li:nth-child(1),
    .main_cate_bnr > div ul li:nth-child(2),
    .main_cate_bnr > div ul li:nth-child(3) { margin-bottom:0px; }
}

.icon_cart { display:inline-block; vertical-align:middle; background:url('/img/icon_cart.png') 50% no-repeat; width:20px; height:19px; }


.dn { display:none; }

/**/
.h_n_bottom {  }
.h_n_bottom ul { text-align:right; }
.h_n_bottom ul li { display:inline-block; }
.h_n_bottom ul li a {   display:inline-block;
    letter-spacing: -1px;
    font-weight: normal;
    font-family: "dotum", sans-serif;
    line-height: 16px;
    text-transform: uppercase;
    font-size: 13px;
    padding: 10px 0;
    transition: all .2s;
    color: #000; margin-left:10px; }

.h_n_bottom ul li:nth-child(1) a { margin:0 20px; }
.h_n_bottom ul li a.h_n_cart { position:relative;  }
.h_n_bottom ul li a.h_n_cart i { /*width:20px; height:17px;*/ background-size:100%; }
.h_n_bottom ul li a.h_n_cart span { margin-left:-8px; margin-top:-4px; position:absolute; text-align:center; font-size:10px; width:14px; height:14px; border-radius:50%; background:#000; color:#fff; }
.h_n_bottom.pc_ver { padding:0 0 10px; }
.h_n_bottom.pc_ver .n_inner { display:table; }
.h_n_bottom.pc_ver .n_inner > * { vertical-align:middle; display:table-cell; }
.h_n_bottom.pc_ver .n_inner ul {  }

.h_pc_bnr { float:right; }




.h_search_wrap { height:200px; text-align: center; width:80%; margin: 0 auto; top:200px; position: relative; transition: all 0.6s; -webkit-transition: all 0.6s; opacity: 0; visibility: hidden; }
.h_search_wrap .search_form { line-height:1; padding:0px; position: relative; border-bottom: 1px solid #000; }
.h_search_wrap .search_form > input { height:auto; display:inline-block;  line-height: 1; border: 0px; padding: 0; font-weight: 500; font-size:15px; font-family: 'Nanum Square'; background: none; color: #333; width: 88%; }
.h_search_wrap .search_form > input:focus { box-shadow:none; -webkit-box-shadow:none; }
body.search_on .h_search_wrap {     visibility: visible;  opacity:1; }
.h_search_wrap .search_form a {  display:inline-block; width:10%; font-size:18px; background:none; border:0; }



.h_pc_search { font-size:0;  width:230px; display:inline-block;  vertical-align:middle;   }
.h_pc_search > div { border-bottom:1px solid #000; }
.h_pc_search .search_form {   font-size:0;  display:inline-block;  vertical-align:middle; }
.h_pc_search .search_form input { height:27px; line-height:27px; padding:0 5px; border:0; width:200px;  display:inline-block;  vertical-align:middle;  }
.h_pc_search .search_form a { height:27px; text-align:center; color:#999; font-size:18px; width:27px; display:inline-block;  vertical-align:middle; }


.gd_review_thumb { width:283px; height:283px; background-size:cover !important; }
.gd_review_best {  }
.gd_review_best .col-review { padding:10px; }
.gd_review_best .owl-dots {  }
.gd_review_best .owl-dots .owl-dot { display:inline-block;  vertical-align:middle; margin:0 3px; }
.gd_review_best .owl-dots span { display:inline-block; width:16px; height:16px; background:#ccc; border-radius:50%; }
.gd_review_best .owl-dots .owl-dot.active span { background:#222; }

@media (max-width:1199px) {
    .gd_review_thumb { width:100%; height:340px; }
}



@media (max-width: 1199px) {
    .detail_review_contents { overflow:scroll; }
    .r_txt { padding:15px; width:auto; display:block; }
    .r_txt > * { left:auto; top:auto; bottom:auto; right:auto; position:relative; }
    .r_prd { margin:0 0 20px; }
    .r_contents { height:auto; padding-bottom: 10px; }
    .r_cmt { height:auto; margin:20px 0 0; }
    button.close.d_r_cancel { right:0; top:0; background:#000; }
    .d_r_cancel i { font-size:35px; }
}


.myp_qa_view {  }
.myp_qa_view .bd_view_tit {border-top: 1px solid #ddd; }
.myp_qa_view .bd_view_tit h2 { padding:15px 10px;  font-weight:normal;  font-size: 17px; margin:0;  background: #fbfbfb;  border-bottom: 1px solid #ccc;}
.myp_qa_view .bd_view_tit p {  padding:10px 10px;  font-size: 12px; margin:0;  }
.myp_qa_view .bd_view_tit p:after { display:block; content:''; clear:both; }
.myp_qa_view .bd_view_tit p span {  display:inline-block; }
.myp_qa_view .bd_view_tit p span:first-child { line-height:27px; }
.myp_qa_view .bd_view_tit p span.status {  border:1px solid #333; border-radius:3px; padding:3px 10px; float:right; }
.myp_qa_view .bd_contents {  }
.myp_qa_view .bd_contents > div { padding:20px; border-bottom:1px solid #ddd; }
.bd_contents .bd_q {  }
.bd_contents .bd_a {  }
.bd_contents .bd_a .bd_a_info {  }
.bd_contents .bd_a .bd_a_info h3 {     margin:0 0 10px;  padding:0px;  border-bottom:0;  background: #fff; font-size: 14px; }
.bd_contents .bd_a .bd_a_info h5 { margin:0 0 20px; font-size:12px;font-weight:normal; }
.bd_contents .bd_a .bd_a_info h5 span {  color:#999;  }
.bd_contents ul { display:table; width:100%; }
.bd_contents ul li {  display:table-cell; vertical-align:top; }
.bd_contents ul li:first-child { line-height:1; font-size:26px; font-weight:bold; width:80px; }

.btn_myp_qa_list { text-align:center; padding:50px 0; }
.btn_myp_qa_list a { display:inline-block; border:1px solid #ddd; padding:15px 50px; }

@media (max-width: 1199px) {
    .bd_contents ul li:first-child  { width:50px; }
}

@media (max-width: 1199px) {
    .h_n_bottom { border:0; position:absolute; right:46px; top:0; }
    .h_n_bottom ul li:nth-child(1) a { margin:0; padding:15px 5px; }
    .h_search { line-height:50px; padding:0 10px; margin-left:0px !important; }
}


/**/
.main_brand_bnr {  }
.main_brand_bnr > .row { margin:0 -10px; }
.main_brand_bnr > .row [class^=col-] {  padding:10px 10px; }

@media (max-width: 1199px) {
    .main_brand_bnr > .row { margin:0 0 0 -10px; }
    .main_brand_bnr > .row [class^=col-] {  padding:0 0 10px 10px; }
}



/**/
.sub_cate_btn.active { position:relative; }
.sub_cate_btn.active:before { font-weight:bold; color:#000; content:"\e9af"; line-height:14px; font-family:xeicon!important; z-index:2; position:absolute; right:-3px; top:-4px; width:14px; height:14px; border-radius:50%; background:rgba(255, 255, 255, 0.7); }

#editBtn.btn_add_edit {
  vertical-align: top;
  padding-right: 30px !important;
  padding-top: 3%;
  padding-bottom: 3%;
  margin: 0;
  border: 0px;
  background: #1381E1;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  width: 100%;
  display: inline-block;
}