@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);


/**
 * Theme Name:The Project - Responsive Website Template
 *
 * Author:HtmlCoder
 * Author URI:http://www.htmlcoder.me
 * Author e-mail:htmlcoder.me@gmail.com
 * Version:1.3.0
 * Created:March 2015
 * License URI:http://support.wrapbootstrap.com/
 * File Description:Main CSS file of the template
 *
 * TABLE OF CONTENTS
 * 1) Elements
 * 2) Layout
 * 3) Sections
 * 4) Pages ( blog, about etc )
 * 5) Components
 * 6) Navigations
 * 7) Blocks/Widgets
 * 8) Main Slideshow
 * 9) Owl carousel
 * 10) Full Page
 */
/* 1 Elements
----------------------------------------------------------------------------- */
body.canvas-sliding,
body.canvas-slid {
  overflow-x: hidden;
}

.no-trans * {
  -webkit-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

/* Lists
---------------------------------- */
ul {
  list-style: square;
}

.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;
}

/* Medium desktop devices and tablets */
@media (min-width: 992px) and (max-width: 1199px) {
  .header-top .list-inline > li {
    padding: 0;
  }
}

/* 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: #ffffff;
}

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;
  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);
}

.dark .table:not(.table-bordered) {
  border-bottom: 2px solid rgba(255, 255, 255, 0.07);
}

.dark .table > tbody {
  background-color: transparent;
}

.dark .table > tbody > tr > td {
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.dark .table > thead > tr > th {
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  background-color: rgba(0, 0, 0, 0.15);
  color: #f1f1f1;
  font-weight: 400;
}

a:focus { text-decoration:none ; }

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .dl-horizontal dd {
    margin-left: 150px;
  }

  .dl-horizontal dt {
    max-width: 120px;
  }
}

/* 2 Layout
----------------------------------------------------------------------------- */
.page-wrapper {
  background-color: #ffffff;
}

.header-top:not(.banner) {
  background-color: #f2f2f2;
  border-bottom: 1px solid #d0d0d0;
  padding: 4px 0;
}

.header-top.dark {
  background-color: #2e3537;
  border-bottom: 1px solid #252a2c;
}

.header-top.colored {
  background-color: #09afdf;
  border-bottom: 1px solid #09afdf;
}

.header {
  background-color: #fff;
}

.header.dark {
  background-color: #394245;
  border-top-color: #394245;
  border-bottom: none;
}

.header-top.dark + .header:not(.dark) {
  border-top-color: #dddddd;
}

.header-top:not(.dark) + .header.dark {
  border-top-color: #303030;
}

.header.header-small {
  padding: 10px 0;
}

.dark .footer {
  background-color: #222222;
}

.dark .subfooter {
  background-color: #373737;
  border-color: #454545;
}

/*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%, transparent 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.05) 85%, transparent 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.05) 85%, transparent 100%);
  border-bottom: none;
  border-top: none;
}

.header-left {
  padding: 0;
}

.header-right {
  position: relative;
}

.h_bottom { margin-top:4px; }

.scroll-spy .banner {
  min-height: 100px;
}

.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 {
  margin-bottom: 50px;
}

.section {
  padding: 20px 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;
  }
}

/* Boxed Layout
---------------------------------- */
.boxed .page-wrapper {
  margin-right: auto;
  margin-left: auto;
  position: relative;
  -webkit-box-shadow: 0px 0px 10px #cacaca;
  box-shadow: 0px 0px 10px #cacaca;
}

.boxed.transparent-page-wrapper .page-wrapper {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.pattern-1 {
  background-image: url("../images/pattern-1.png");
  background-repeat: repeat;
  background-position: 0 0;
}

.pattern-2 {
  background-image: url("../images/pattern-2.png");
  background-repeat: repeat;
  background-position: 0 0;
}

.pattern-3 {
  background-image: url("../images/pattern-3.png");
  background-repeat: repeat;
  background-position: 0 0;
}

.pattern-4 {
  background-image: url("../images/pattern-4.png");
  background-repeat: repeat;
  background-position: 0 0;
}

.pattern-5 {
  background-image: url("../images/pattern-5.png");
  background-repeat: repeat;
  background-position: 0 0;
}

.pattern-6 {
  background-image: url("../images/pattern-6.png");
  background-repeat: repeat;
  background-position: 0 0;
}

.pattern-7 {
  background-image: url("../images/pattern-7.png");
  background-repeat: repeat;
  background-position: 0 0;
}

.pattern-8 {
  background-image: url("../images/pattern-8.png");
  background-repeat: repeat;
  background-position: 0 0;
}

.pattern-9 {
  background-image: url("../images/pattern-9.png");
  background-repeat: repeat;
  background-position: 0 0;
}

.pattern-4 .page-wrapper,
.pattern-5 .page-wrapper,
.pattern-6 .page-wrapper,
.pattern-7 .page-wrapper,
.pattern-8 .page-wrapper,
.pattern-9 .page-wrapper {
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* 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;
  }
}

/*Backgrounds
---------------------------------- */
.background-img-1 {
  background: url("../images/background-img-1.jpg") 50% 0px no-repeat;
}

.background-img-2 {
  background: url("../images/background-img-2.jpg") 50% 0px no-repeat;
}

.background-img-3 {
  background: url("../images/background-img-3.jpg") 50% 0px no-repeat;
}

.background-img-4 {
  background: url("../images/background-img-4.jpg") 50% 0px no-repeat;
}

.background-img-5 {
  background: url("../images/background-img-5.jpg") 50% 0px no-repeat;
}

.background-img-6 {
  background: url("../images/background-img-6.jpg") 50% 0px no-repeat;
}

.background-img-7 {
  background: url("../images/background-img-7.jpg") 50% 0px no-repeat;
}

.background-img-8 {
  background: url("../images/background-img-8.jpg") 50% 0px no-repeat;
}

.background-img-9 {
  background: url("../images/background-img-9.jpg") 50% 0px no-repeat;
}

.background-img-10 {
  background: url("../images/background-img-10.jpg") 50% 0px no-repeat;
}

.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;
}

.dark-bg {
  background-color: #373737;
  color: #cdcdcd;
}

.dark-bg + .dark-bg:not(.image-box):not(.full-image-container):not(.full-text-container):not(.full-width-section) {
  background-color: #555555;
}

.dark-bg + .dark-bg + .dark-bg {
  background-color: #373737;
}

.dark-bg h1,
.dark-bg h2,
.dark-bg h3,
.dark-bg h4,
.dark-bg h5,
.dark-bg h6 {
  color: #ffffff;
}

.dark-bg a:not(.btn) {
  text-decoration: underline;
  color: #cdcdcd;
}

.dark-bg a:not(.btn):hover {
  text-decoration: none;
  color: #cdcdcd;
}

.default-bg {
  background-color: #09afdf;
  color: #ffffff;
}

.default-bg h1,
.default-bg h2,
.default-bg h3,
.default-bg h4,
.default-bg h5,
.default-bg h6 {
  color: #ffffff;
}

.default-bg a:not(.btn) {
  color: #ffffff;
}

.default-bg a:not(.btn):hover {
  text-decoration: none;
  color: #ffffff;
}

/*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: #333333;
  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);
}

.dark-translucent-bg:after {
  background-color: rgba(0, 0, 0, 0.5);
}

.dark-translucent-bg.hovered:hover:after {
  background-color: rgba(0, 0, 0, 0.6);
}

.dark-translucent-bg,
.dark-translucent-bg h1,
.dark-translucent-bg h2,
.dark-translucent-bg h3,
.dark-translucent-bg h4,
.dark-translucent-bg h5,
.dark-translucent-bg h6 {
  color: #ffffff;
}

.dark-translucent-bg a:not(.btn) {
  text-decoration: underline;
  color: #ffffff;
}

.dark-translucent-bg a:not(.btn):hover {
  text-decoration: none;
  color: #ffffff;
}

.two-col-translucent-bg {
  color: #333333;
}

.two-col-translucent-bg:after {
  background-color: rgba(255, 255, 255, 0.7);
}

/* Medium devices (desktops, tablets, 992px and up) */
@media (min-width: 992px) {
  .two-col-translucent-bg:after {
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0.5) 50%);
    background: -webkit-gradient(left, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0.5) 50%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0.5) 50%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0.5) 50%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0.5) 50%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0.5) 50%);
  }

  .two-col-translucent-bg .container > .row > div + div,
  .two-col-translucent-bg .container > .row > div + div h1,
  .two-col-translucent-bg .container > .row > div + div h2,
  .two-col-translucent-bg .container > .row > div + div h3,
  .two-col-translucent-bg .container > .row > div + div h4,
  .two-col-translucent-bg .container > .row > div + div h5,
  .two-col-translucent-bg .container > .row > div + div h6 {
    color: #ffffff;
  }

  .two-col-translucent-bg .container > .row > div + div a:not(.btn) {
    text-decoration: underline;
    color: #ffffff;
  }

  .two-col-translucent-bg .container > .row > div + div a:not(.btn):hover {
    text-decoration: none;
    color: #ffffff;
  }
}

.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,
.default-translucent-bg h1,
.default-translucent-bg h2,
.default-translucent-bg h3,
.default-translucent-bg h4,
.default-translucent-bg h5,
.default-translucent-bg h6 {
  color: #ffffff;
}

.default-translucent-bg a:not(.btn) {
  text-decoration: underline;
  color: #ffffff;
}

.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;
}

.position-bottom {
  position: absolute !important;
  bottom: 0;
  width: 100%;
}

/*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) {
}

.transparent-header.gradient-background-header.fixed-header-on .header.fixed:not(.dark) {
  border-bottom: none;
  background-color: rgba(255, 255, 255, 0.8);
  -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 img {
  max-height: 30px;
}

.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: 320px) {
  .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 {
    padding-top: 21px !important;
    padding-bottom: 21px !important;
  }

  .fixed-header-on .header:not(.centered) .main-navigation .navbar-nav > .dropdown > a:before {
    top: 24px;
  }

  .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: 3px 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;
}

/* 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, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, transparent), color-stop(35%, rgba(0, 0, 0, 0.09)), color-stop(70%, rgba(0, 0, 0, 0.09)), color-stop(100%, transparent));
  background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
  background: -o-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
  background: -ms-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
  background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 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, transparent 0%, rgba(0, 0, 0, 0.4) 35%, rgba(0, 0, 0, 0.4) 70%, transparent 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, transparent), color-stop(35%, rgba(0, 0, 0, 0.4)), color-stop(70%, rgba(0, 0, 0, 0.4)), color-stop(100%, transparent));
  background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.4) 35%, rgba(0, 0, 0, 0.4) 70%, transparent 100%);
  background: -o-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.4) 35%, rgba(0, 0, 0, 0.4) 70%, transparent 100%);
  background: -ms-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.4) 35%, rgba(0, 0, 0, 0.4) 70%, transparent 100%);
  background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.4) 35%, rgba(0, 0, 0, 0.4) 70%, transparent 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%, transparent 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%, transparent));
  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%, transparent 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%, transparent 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%, transparent 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%, transparent 100%);
  position: absolute;
  bottom: -1px;
  left: 0px;
  content: "";
  width: 100%;
}

.dark-bg .separator-2:after {
  background: #666666;
  background: -moz-linear-gradient(left, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #666666), color-stop(35%, #555555), color-stop(70%, #444444), color-stop(100%, #373737));
  background: -webkit-linear-gradient(left, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
  background: -o-linear-gradient(left, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
  background: -ms-linear-gradient(left, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
  background: linear-gradient(to right, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
}

#footer.dark .separator-2:after {
  background: #444444;
  background: -moz-linear-gradient(left, #444444 0%, #393939 35%, #323232 70%, #222222 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #444444), color-stop(35%, #393939), color-stop(70%, #323232), color-stop(100%, #222222));
  background: -webkit-linear-gradient(left, #444444 0%, #393939 35%, #323232 70%, #222222 100%);
  background: -o-linear-gradient(left, #444444 0%, #393939 35%, #323232 70%, #222222 100%);
  background: -ms-linear-gradient(left, #444444 0%, #393939 35%, #323232 70%, #222222 100%);
  background: linear-gradient(to right, #444444 0%, #393939 35%, #323232 70%, #222222 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%, transparent 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%, transparent));
  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%, transparent 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%, transparent 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%, transparent 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%, transparent 100%);
}

.default-bg .separator-2:after,
.default-translucent-bg .separator-2:after,
.dark-translucent-bg .separator-2:after,
.light.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%);
}

/* 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%, transparent 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%, transparent));
  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%, transparent 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%, transparent 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%, transparent 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%, transparent 100%);
  position: absolute;
  bottom: -1px;
  left: 0px;
  content: "";
  width: 100%;
}

.dark-bg .separator-3:after {
  background: #666666;
  background: -moz-linear-gradient(right, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
  background: -webkit-gradient(linear, right top, left top, color-stop(0%, #666666), color-stop(35%, #555555), color-stop(70%, #444444), color-stop(100%, #373737));
  background: -webkit-linear-gradient(right, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
  background: -o-linear-gradient(right, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
  background: -ms-linear-gradient(right, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
  background: linear-gradient(to left, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
}

#footer.dark .separator-3:after {
  background: #444444;
  background: -moz-linear-gradient(right, #444444 0%, #393939 35%, #323232 70%, #222222 100%);
  background: -webkit-gradient(linear, right top, left top, color-stop(0%, #444444), color-stop(35%, #393939), color-stop(70%, #323232), color-stop(100%, #222222));
  background: -webkit-linear-gradient(right, #444444 0%, #393939 35%, #323232 70%, #222222 100%);
  background: -o-linear-gradient(right, #444444 0%, #393939 35%, #323232 70%, #222222 100%);
  background: -ms-linear-gradient(right, #444444 0%, #393939 35%, #323232 70%, #222222 100%);
  background: linear-gradient(to left, #444444 0%, #393939 35%, #323232 70%, #222222 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%, transparent 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%, transparent));
  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%, transparent 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%, transparent 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%, transparent 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%, transparent 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%);
}

/* Medium devices (desktops, tablets, 992px and up) */
@media (min-width: 992px) {
  .two-col-translucent-bg .container > .row > div + div .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;
}

/*Separator with icon*/
.separator.with-icon {
  margin: 55px 0;
}

.separator.with-icon:after {
  background: -moz-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 25%, transparent 45%, transparent 55%, rgba(0, 0, 0, 0.09) 75%, transparent 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, transparent), color-stop(25%, rgba(0, 0, 0, 0.09)), color-stop(45%, transparent), color-stop(55%, transparent), color-stop(75%, rgba(0, 0, 0, 0.09)), color-stop(100%, transparent));
  background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 25%, transparent 45%, transparent 55%, rgba(0, 0, 0, 0.09) 75%, transparent 100%);
  background: -o-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 25%, transparent 45%, transparent 55%, rgba(0, 0, 0, 0.09) 75%, transparent 100%);
  background: -ms-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 25%, transparent 45%, transparent 55%, rgba(0, 0, 0, 0.09) 75%, transparent 100%);
  background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.09) 25%, transparent 45%, transparent 55%, rgba(0, 0, 0, 0.09) 75%, transparent 100%);
}

.dark-bg:not(.banner) .separator.with-icon:after {
  background: -moz-linear-gradient(left, #373737 0%, #505050 25%, #373737 45%, #373737 55%, #505050 75%, #373737 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #373737), color-stop(25%, #505050), color-stop(45%, #373737), color-stop(55%, #373737), color-stop(75%, #505050), color-stop(100%, #373737));
  background: -webkit-linear-gradient(left, #373737 0%, #505050 25%, #373737 45%, #373737 55%, #505050 75%, #373737 100%);
  background: -o-linear-gradient(left, #373737 0%, #505050 25%, #373737 45%, #373737 55%, #505050 75%, #373737 100%);
  background: -ms-linear-gradient(left, #373737 0%, #505050 25%, #373737 45%, #373737 55%, #505050 75%, #373737 100%);
  background: linear-gradient(to right, #373737 0%, #505050 25%, #373737 45%, #373737 55%, #505050 75%, #373737 100%);
}

#footer.dark .separator.with-icon:after {
  background: #505050;
  background: -moz-linear-gradient(left, #222222 0%, #505050 25%, #222222 45%, #222222 55%, #505050 75%, #222222 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #222222), color-stop(25%, #505050), color-stop(45%, #222222), color-stop(55%, #222222), color-stop(75%, #505050), color-stop(100%, #222222));
  background: -webkit-linear-gradient(left, #222222 0%, #505050 25%, #222222 45%, #222222 55%, #505050 75%, #222222 100%);
  background: -o-linear-gradient(left, #222222 0%, #505050 25%, #222222 45%, #222222 55%, #505050 75%, #222222 100%);
  background: -ms-linear-gradient(left, #222222 0%, #505050 25%, #222222 45%, #222222 55%, #505050 75%, #222222 100%);
  background: linear-gradient(to right, #222222 0%, #505050 25%, #222222 45%, #222222 55%, #505050 75%, #222222 100%);
}

.default-bg .separator.with-icon:after,
.dark-translucent-bg .separator.with-icon:after,
.default-translucent-bg .separator.with-icon:after,
.light.separator.with-icon: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) 25%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.5) 75%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.5)), color-stop(45%, rgba(255, 255, 255, 0)), color-stop(55%, rgba(255, 255, 255, 0)), color-stop(75%, 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) 25%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.5) 75%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.5) 75%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.5) 75%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.5) 75%, rgba(255, 255, 255, 0) 100%);
}

.light-translucent-bg .separator.with-icon:after,
.dark.separator.with-icon:after {
  background: rgba(0, 0, 0, 0.5);
  background: -moz-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.4) 25%, transparent 45%, transparent 55%, rgba(0, 0, 0, 0.4) 75%, transparent 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, transparent), color-stop(25%, rgba(0, 0, 0, 0.4)), color-stop(45%, transparent), color-stop(55%, transparent), color-stop(75%, rgba(0, 0, 0, 0.4)), color-stop(100%, transparent));
  background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.4) 25%, transparent 45%, transparent 55%, rgba(0, 0, 0, 0.4) 75%, transparent 100%);
  background: -o-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.4) 25%, transparent 45%, transparent 55%, rgba(0, 0, 0, 0.4) 75%, transparent 100%);
  background: -ms-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.4) 25%, transparent 45%, transparent 55%, rgba(0, 0, 0, 0.4) 75%, transparent 100%);
  background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.4) 25%, transparent 45%, transparent 55%, rgba(0, 0, 0, 0.4) 75%, transparent 100%);
}

.separator.with-icon i {
  font-size: 36px;
  position: absolute;
  width: 80px;
  height: 80px;
  text-align: center;
  left: 50%;
  top: 50%;
  margin-top: -40px;
  margin-left: -40px;
  line-height: 77px;
  z-index: 5;
}

.separator.with-icon i.bordered {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.04);
  background-color: rgba(0, 0, 0, 0.02);
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

.default-bg .separator.with-icon i.bordered,
.dark-translucent-bg .separator.with-icon i.bordered,
.default-translucent-bg .separator.with-icon i.bordered {
  border-color: rgba(255, 255, 255, 0.1);
  background-color: rgba(255, 255, 255, 0.05);
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

.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;
    -o-transition: opacity 0.6s ease-in-out;
    transition: opacity 0.6s ease-in-out;
  }
}

/* Miscellaneous
---------------------------------- */
.absolute-positioned-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.absolute-positioned-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  top: auto;
  width: 100%;
}

.plr-0 { padding-left:0 !important; padding-right:0 !important; }
.p-0 { padding:0px !important; }
.pt-0 { padding-top:0px; }
.pb-0 { padding-bottom:0px !important; }
.pb-3 { padding-bottom:3px !important; }
.pb-5 { padding-bottom:5px !important; }
.pb-7 { padding-bottom:7px !important; }
.pb-9 { padding-bottom:9px !important; }
.pb-10 { padding-bottom:10px !important; }
.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-10 {
  padding: 10px;
}

.p-15 {
  padding: 15px;
}

.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;
}

.pv-45 {
  padding-top: 45px;
  padding-bottom: 45px;
}

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


.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;
}

.ml-5 { margin-left:5px !important; }
.ml-10 { margin-left:10px !important; }
.ml-15 { margin-left:15px !important; }
.ml-20 { margin-left:20px !important; }

.mr-5 { margin-right:5px !important; }
.mr-10 { margin-right:10px !important; }
.mr-15 { margin-right:15px !important; }
.mr-20 { margin-right:20px !important; }
.mt-0 { margin-top:0px !important;  }
.mt-3 { margin-top:3px !important;  }
.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; }

.space-top {
  padding-top: 20px;
}

.space-bottom {
  padding-bottom: 20px;
}

.margin-top-clear {
  margin-top: 0 !important;
}

.margin--bottom-clear {
  margin-bottom: 0 !important;
}

.margin-clear {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.padding-top-clear {
  padding-top: 0 !important;
}

.padding-bottom-clear {
  padding-bottom: 0 !important;
}

.padding-ver-clear {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

.padding-hor-clear {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.border-bottom-clear {
  border-bottom: none !important;
}

.border-top-clear {
  border-top: none !important;
}

.border-clear {
  border: none !important;
}

.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, .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: 0 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%, transparent 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%, transparent));
  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%, transparent 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%, transparent 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%, transparent 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%, transparent 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, transparent 0%, rgba(0, 0, 0, 0.09) 10%, rgba(0, 0, 0, 0.09) 90%, transparent 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(10%, rgba(0, 0, 0, 0.09)), color-stop(90%, rgba(0, 0, 0, 0.09)), color-stop(100%, transparent));
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.09) 10%, rgba(0, 0, 0, 0.09) 90%, transparent 100%);
    background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.09) 10%, rgba(0, 0, 0, 0.09) 90%, transparent 100%);
    background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.09) 10%, rgba(0, 0, 0, 0.09) 90%, transparent 100%);
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.09) 10%, rgba(0, 0, 0, 0.09) 90%, transparent 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;
}

.header-dropdown-buttons .btn-group .dropdown-menu.Notifications {
  padding: 0; margin-top:19px;
  min-width: 240px;
  font-size: 13px;
}

.header-dropdown-buttons .btn-group .dropdown-menu.Notifications table {
  margin-bottom: 0;
}

.header-dropdown-buttons .btn-group .dropdown-menu.Notifications .panel-body {
  padding: 0px 10px 0px;
}

.cart-count {
  position: absolute;
  top: -2px;
  right: -3px;
  line-height: 14px;
  width: 14px;
  height: 14px;
  -webkit-border-radius: 30%;
  -moz-border-radius: 30%;
  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 {
  width: 50px;
  font-size: 11px;
}

.cart .product {
  width: 220px;
  font-size: 13px;
}

.cart .product .small {
  display: block;
  color: #999999;
}


.media-list .dropdown-header { border-bottom:0px; padding:10px 20px; background:#eaeaea; }
.media-list>.media { margin-top:0; border-top:1px solid #eee; border-bottom:1px solid #eee; margin-bottom:-1px; }
.media-list>.media>a { display:block; padding:10px 20px; }
.media-list>.media .media-left { padding-right:10px;  }
.media-body, .media-left, .media-right { display:table-cell; vertical-align:middle; }
.media-list > .media .media-object { padding:0; height:36px; width:36px; line-height:36px; font-size:14px; color:#fff; text-align:center; border-radius:50%; }
.bg-green { background:#00acac!important; }
.bg-blue { background:#348fe2!important; }

/* 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 {
  width: 12%;
}

.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;
  top: -5px;
}

.cart.table .form-group {
  margin: 7px 0;
}

.table .information {
  width: 80%;
}


/* font-size */
.f-s-11 { font-size:11px; }
.f-s-12 { font-size:12px; }
.f-s-13 { font-size:13px; }
.f-s-14 { font-size:14px; }
.f-s-15 { font-size:15px; }
.f-s-16 { font-size:16px; }
.f-s-17 { font-size:17px; }
.f-s-18 { font-size:18px; }
.f-s-19 { font-size:19px; }
.f-s-20 { font-size:20px; }

/* 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 {
    width: 12%;
  }

  .cart.table .remove,
  .cart.table .quantity {
    width: 8%;
  }

  .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: #ffffff;
}

/* 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;
}

/*Default Button*/
.btn-default {
  color: #ffffff;
  background-color: #09afdf;
  border-color: #0c9ec7;
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #ffffff;
  background-color: #0c9ec7;
  border-color: #0c9ec7;
}

.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.4666666667;
  border-radius: 3px;
  margin: 10px 0;
}

.btn-sm {
  padding: 5px 15px;
  font-size: 12px;
  line-height: 1.4666666667;
  border-radius: 3px;
  margin: 5px 0;
}

.btn-lg {
  padding: 10px 25px;
  font-size: 18px;
  line-height: 1.4666666667;
  border-radius: 4px;
  margin: 10px 0;
}

.btn-xl {
  padding: 15px 50px;
  font-size: 22px;
  line-height: 1.4666666667;
  border-radius: 6px;
  margin: 10px 0;
}

.btn-md-link {
  padding: 7px 15px;
  font-size: 14px;
  line-height: 1.4666666667;
  border-radius: 0px;
  margin: 10px 0;
}

.btn-sm-link {
  padding: 5px 15px;
  font-size: 12px;
  line-height: 1.4666666667;
  border-radius: 0px;
  margin: 5px 0;
}

.btn-lg-link {
  padding: 10px 15px;
  font-size: 18px;
  line-height: 1.4666666667;
  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: #ffffff !important;
  border-color: #999999;
  border-bottom-color: #ffffff !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: #ffffff;
  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;
}



/* Extra small devices (phones, less than 480px) */
@media (max-width: 480px) {
  .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.pager li > a > .fa {
    color: #000;
}

ul.pagination li > a,
.pagination > li:first-child > a,
.pagination > li:last-child > a,
ul.pager li > a {
  text-align: center;
  padding: 0;
  height: 30px;
  width: 30px;
  border: 1px solid #777777;
  line-height: 29px;
  /*background-color: #777777;*/
  color: #000;
  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 {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  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;
}

/*Dark bgs*/
.dark-bg .nav-pills > li > a,
.dark-translucent-bg .nav-pills > li > a {
  text-decoration: none;
}

.dark-bg .nav-pills > li.active > a,
.dark-bg .nav-pills > li.active > a:focus,
.dark-bg .nav-pills > li > a:focus,
.dark-translucent-bg .nav-pills > li.active > a,
.dark-translucent-bg .nav-pills > li.active > a:focus,
.dark-translucent-bg .nav-pills > li > a:focus {
  color: #ffffff;
  border-bottom-color: #ffffff;
}

/*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";
}

.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";
}

.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: #999999;
}

.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";
}

.collapse-style-3 .panel-body {
  border-top: none !important;
  background-color: transparent;
}

.panel-heading a:hover {
  text-decoration: none;
}

.panel-title a i {
  font-size: 16px;
}

/*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);
}

/* Circular Progress Bars
---------------------------------- */
.knob-container {
  margin: 10px;
  position: relative;
  display: inline-block;
}

.knob-container canvas {
  width: 132px;
  height: 132px;
  margin: 0 auto;
}

.knob-text {
  position: absolute;
  text-align: center;
  top: 50%;
  width: 100%;
  margin-top: -14px;
}

/* Large devices (Large desktops 1200px and up) */
@media (min-width: 1200px) {
  .knob-container canvas {
    width: 169px;
    height: 169px;
  }
}

/* Forms
---------------------------------- */
form {
  margin: 20px 0;
}

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: 10px;
  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: #333333;
  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: 0.5;
  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: #000000;
}

.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: #ffffff;
  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: #ffffff;
}

.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;
}

/*Announcments
---------------------------------- */
.announcement {
  font-size: 13px;
}

.announcement .alert {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  padding: 10px 0;
  position: relative;
}

.announcement .alert .close {
  position: absolute;
  top: 50%;
  right: 10px;
  z-index: 3;
  margin-top: -14px;
  text-shadow: none;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.announcement .alert .close:hover, .announcement .alert .close:focus {
  color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}

.announcement p:last-child {
  margin-bottom: 0;
}

.announcement h2,
.announcement h3,
.announcement h4 {
  margin-top: 5px;
  margin-bottom: 5px;
}

/*Icons
---------------------------------- */
.icon {
  display: inline-block;
  text-align: center;
  position: relative;
  background-color: rgba(255, 255, 255, 0.85);
  color: #000000;
  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: #ffffff;
  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;
}

.listing-item .body h3 {
  margin-top: 0;
  font-size: 18px;
  line-height: 1.4;
}

.listing-item .elements-list {
  font-size: 12px;
}

.listing-item .price {
  font-size: 18px;
  margin-top: 1px;
  display: inline-block;
  font-weight: 400;
}

.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: #eee;
}

.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;
}

/* Large devices (Large desktops 1200px and up) */
@media (min-width: 1200px) {
  .modal-lg {
    width: 1140px;
  }
}

/*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.1s;
  -o-transition: all ease-in-out 0.1s;
  transition: all ease-in-out 0.1s;
  color: #ffffff;
}
.overlay-link span img { display:inline-block; margin:auto; margin-top:-3px; }
.overlay-link span,
.overlay-link i {
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s 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 span:hover,
.overlay-link i:hover {
  background: rgba(233, 16, 109, 0.7); border-color: rgba(233, 16, 109, 1);
  color: #fff;
}


.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;
  -ms-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: #ffffff;
  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;
  -ms-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: #ffffff;
  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;
  -ms-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);
  -ms-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);
  -ms-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;
  -ms-user-select: none;
  user-select: none;
}

.page-loader-3 .pace .pace-progress {
  background: #09afdf;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}

.pace.pace-inactive {
  display: none;
}

/*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;
  -ms-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: #ffffff;
  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;
  -ms-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;
  -ms-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 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  bottom: 30px;
  left: 50%;
  display: block;
  border: 5px solid #ffffff;
  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;
  -moz-animation: pace-theme-corner-indicator-spin 3s linear infinite;
  -ms-animation: pace-theme-corner-indicator-spin 3s linear infinite;
  -o-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;
  -moz-animation: pace-theme-corner-indicator-spin 1s linear infinite;
  -ms-animation: pace-theme-corner-indicator-spin 1s linear infinite;
  -o-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 {
  color: #333333;
  font-size: 16px;
  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 {
  padding-right: 20px;
}

/* 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;
  color: #09afdf;
}

.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 > .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;
  }

  .transparent-header.gradient-background-header .header:not(.dark) .navbar-default .navbar-nav > li:not(.open) > a:focus {
    color: #000000;
  }
}

/* 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 {
  z-index: 105;
  top: 99.2%;
}

.header.centered .main-navigation .dropdown-menu {
  top: 99%;
}

.dropdown-menu .divider {
  background-color: #ededed;
}

.dropdown-menu {
  min-width: 220px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  padding: 0;
  margin: 0;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.06);
  border: 1px solid #f1f1f1;
  z-index: 101;
}

/* second level menu item */
.dropdown-menu > li > a {
  padding: 10px 20px;
  font-size: 14px;
  color: #333333;
  border-bottom: 1px solid #f7f7f7;
  -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: #0c9ec7;
  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: 31px;
  right: 6px;
  line-height: 1;
  color: #d1d1d1;
  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: #09afdf;
}

.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: 28px 15px 27px 15px;
  }
  /*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 {
    margin: 0 0 0 10px;
  }

  .main-navigation .navbar-nav > li:first-child {
    margin: 0;
  }

  .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: #ffffff;
    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: #f5f5f5;
  border-color: #f1f1f1;
}

.offcanvas-toggle-left {
  display: block;
  padding: 0;
  margin: 0;
  position: fixed;
  width: 40px;
  height: 40px;
  top: 10px;
  left: 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-left:after {
  font-family: "FontAwesome";
  content: "\f0c9";
  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: 20px;
  margin-bottom: 20px;
  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;
  filter: alpha(opacity=100);
  -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%;
}

.social-links.default li a {
  background-color: #09afdf;
  border: 1px solid #0c9ec7;
  color: #ffffff;
}

.social-links.default 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: #ffffff;
  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: #ffffff;
}

.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: #ffffff;
}

.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: #ffffff;
}

.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: #ffffff;
}

.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: #ffffff;
}

.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: #ffffff;
}

.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: #ffffff;
}

.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: #ffffff;
}

.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: #ffffff;
}

.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: #ffffff;
}

.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: #ffffff;
}

.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: #ffffff;
}

.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: #ffffff;
}

.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: #ffffff;
}

.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: #ffffff;
}

.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: #ffffff;
}

.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: #ffffff;
}

.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: #ffffff;
}

.social-links .dropdown > button {
  padding: 1px 15px 0px;
  font-size: 16px;
  color: #999999;
  text-align: center;
  min-width: 0;
  margin: 0;
  background-color: transparent;
  -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: #ffffff;
  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: #ffffff;
  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-disabled:hover .full-image-container:before,
  .full-width-section.hover-disabled .full-image-container.hovered:before {
    opacity: 0;
    filter: alpha(opacity=0);
  }

  .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.white-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;
}

.plan.best-value ul li {
  padding: 15px 0;
}

.plan ul li a.pt-popover {
  color: #000000;
  border-bottom: 1px dashed #000000;
  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;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  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;
  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;
  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: #ffffff;
  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;
}

.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: #333333;
  line-height: 1.2;
}

.large_dark {
  font-size: 42px;
  font-family: "Raleway", sans-serif;
  color: #333333;
  line-height: 1.2;
}

.tp-caption.medium_dark {
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  color: #333333;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.4583;
}

.small_dark {
  font-size: 16px;
  color: #333333;
  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:not(.with-icon),
.tp-caption .separator-2:not(.with-icon),
.tp-caption .separator-3:not(.with-icon) {
  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:not(.with-icon),
  .tp-caption .separator-2:not(.with-icon),
  .tp-caption .separator-3:not(.with-icon) {
    width: 250px;
  }

  .caption-box {
    max-width: 420px !important;
  }

  .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*/
.btn.moving {
  padding: 10px 0px 20px;
  -webkit-font-smoothing: antialiased;
}

.btn.moving i {
  display: block;
  font-size: 24px;
  line-height: 1px;
  height: 10px;
  color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}

.btn.moving i + i {
  opacity: 0.66;
  filter: alpha(opacity=66);
}

.btn.moving i + i + i {
  opacity: 0.33;
  filter: alpha(opacity=33);
}

.moving i + i + i {
  -webkit-animation: opacity_first 2s linear infinite;
  -moz-animation: opacity_first 2s linear infinite;
  -ms-animation: opacity_first 2s linear infinite;
  -o-animation: opacity_first 2s linear infinite;
  animation: opacity_first 2s linear infinite;
  -webkit-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

.moving i + i {
  -webkit-animation: opacity_second 2s linear infinite;
  -moz-animation: opacity_second 2s linear infinite;
  -ms-animation: opacity_second 2s linear infinite;
  -o-animation: opacity_second 2s linear infinite;
  animation: opacity_second 2s linear infinite;
  -webkit-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

.moving > i {
  -webkit-animation: opacity_third 2s linear infinite;
  -moz-animation: opacity_third 2s linear infinite;
  -ms-animation: opacity_third 2s linear infinite;
  -o-animation: opacity_third 2s linear infinite;
  animation: opacity_third 2s linear infinite;
  -webkit-transition: none !important;
  -o-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) {
  .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;
  -ms-box-sizing: border-box;
  -o-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: #4cbeff !important;
    border-radius: 0;
    width: 85px !important;
    height: 5px !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,
.content-slider-with-thumbs .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,
.content-slider-with-thumbs .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,
.content-slider-with-thumbs .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,
.content-slider-with-thumbs .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,
.content-slider-with-thumbs .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-slider-with-thumbs .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,
.content-slider-with-thumbs .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,
.content-slider-with-thumbs .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,
.content-slider-with-thumbs .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-slider-with-thumbs .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,
.content-slider-with-thumbs .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,
.owl-pagination {
  position: absolute;
  bottom: 0px;
  text-align: center;
  width: 100%;
  z-index: 10;
}

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

.owl-controls .owl-page span,
.owl-controls .owl-page span {
  display: block;
  width: 9px;
  height: 9px;
  margin: 5px 3px;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #ffffff;
}

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

.owl-controls .owl-page.active span,
.owl-controls.clickable .owl-page:hover span,
.owl-controls .owl-page.active span,
.owl-controls.clickable .owl-page:hover span {
  opacity: 1;
  filter: alpha(opacity=100);
}

/* Small devices (tablets, phones less than 767px) */
@media (max-width: 767px) {
  .owl-controls .owl-page span,
  .owl-controls .owl-page span {
    background: #000000;
  }
}

/* Styling Navigation Thumbs*/
.content-slider-thumbs-container {
  margin-left: -5px;
  margin-right: -5px;
}

.owl-nav-thumb {
  margin: 0 5px;
  cursor: pointer;
}

/* 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: #ffffff;
  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: #ffffff;
}

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

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


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


/* atsome 추가코드 --------------------------------------------------------------------------------------------------------------------------------*/



.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;
}




a i { vertical-align:middle; margin-top:-2px; }
a:hover { text-decoration:none; }
.icon.large { width:60px; height:60px; line-height:60px; }


.image-box .media-list>.media>a { padding:15px; }
.image-box .media-list>.media>a:focus { text-decoration:none; }
.image-box .testimonial-image { width:45px; }
.image-box .img-circle { width:100%; }

.image-box .overlay-bottom .links { top:10%; }
.image-box .overlay-container h4 { color:#fff; }

.txt_dark_bg { background:rgba(0, 0, 0, 0.5); }

.vertical-bottom { vertical-align:bottom !important; }
.vertical-top { vertical-align:top !important; }

.ul_tbl { padding:0; display:table; width:100%; margin:0; }
.ul_tbl > li { text-align:left; vertical-align:middle; display:table-cell; }

.main_txt { padding:30px; color:#fff; width:580px; top:50%; transform:translateY(-55%); position:absolute; right:10%;  background:rgba(0, 0, 0, 0.5); }
.main_txt h2 { color:#fff;  }
.main_txt p { font-size:13px; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; /* 라인수 */
-webkit-box-orient: vertical;
word-wrap:break-word; 
line-height: 1.2em;
height: 2.4em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */ }
.main_txt:after { content:''; clear:both; display:block; }
.main_txt i { float:right; }
.main_txt .ul_tbl > li { vertical-align:bottom;  }
.main_txt .ul_tbl > li.user_profile { width:60px; }
.main_txt .ul_tbl > li.user_profile .testimonial-image { width:100%; }
.main_txt .ul_tbl > li.user_name { padding-left:10px; padding-bottom:5px; }

.float-right { float:right; }

#owl-main .owl-pagination, .owl-pagination { right:10%; text-align:left; width:580px; bottom:140px; }
#owl-main .owl-controls .owl-page span { width:13px; height:13px; margin:0; margin-right:8px; }
#owl-main .owl-controls .owl-page.active span { background:#09afdf; }



.main_txt2 { padding:0 !important; margin:0 !important; color:#fff; width:580px; height:265px;  position:absolute;   background:rgba(0, 0, 0, 0.5); }
.ul_tbl.main_txt_style { width:500px; }
.ul_tbl.main_txt_style li { vertical-align:bottom;  }
.ul_tbl.main_txt_style li.user_profile { width:60px; }
.ul_tbl.main_txt_style li.user_profile .testimonial-image { width:60px; }
.ul_tbl.main_txt_style li.user_profile .testimonial-image img { width:60px !important; height:60px !important; }
.ul_tbl.main_txt_style li.user_name { color:#fff; padding-left:10px; padding-bottom:12px; }

img.user_profile { border-radius:50%; display:inline;  width:60px !important; height:60px !important; }
.main_slide_txt { font-size:14px; line-height:1.5;  }
.main_slide_user { font-size:0; }
.main_slide_user > div { font-size:13px; display:inline-block; width:50%; }
.main_slide_user > div span { vertical-align:bottom; margin-bottom:15px !important; display:inline-block; }

.slideshow { position:relative; }
.main_search { padding:15px 0; background:url('/img/main_search_bg.jpg') 50% 50% no-repeat; bottom: 0px; position: fixed; width: 100%; z-index: 999;}
.main_search ul { padding:0; margin:0; }
.main_search .inner ul { display:table; width:100%; }
.main_search .inner ul li { text-align:right;  color:#fff;  display:table-cell;vertical-align:middle; }
.main_search .inner > ul > li h3 { margin:0 0 0px; color:#fff;  font-family: 'Nanum Square';  font-weight: 500; font-size:24px; }
.main_search .inner > ul > li:nth-child(1),
.main_search .inner > ul > li:nth-child(2) { text-align:left; }
.main_search .inner > ul > li:nth-child(2) { padding:0 0px 0 12px; }
.main_search .inner > ul > li:last-child { transition:all 0.2s; width:144px; background:#fff; text-align:right;   padding: 0px 10px;}
.main_search .inner > ul > li:last-child:hover {background:#111;}
.main_search .inner > ul > li:last-child a { font-family: 'Nanum Square'; font-weight: 500; font-size: 17px;  color:#fff; text-align:center;  display:block; width:100%; height:100%; }
.main_search .inner > ul > li:last-child img { margin:0 auto 5px; }
.main_search .inner > ul > li p { margin:0; color:#fff;   font-family: 'Nanum Gothic', sans-serif;  font-size: 14px; }
.main_search .inner ul li.th { padding-right:10px; text-align:left; font-family: 'Nanum Square';  font-weight: 500; font-size: 17px; width:65px;  text-align:right; }
.main_search .inner ul li input,
.main_search .inner ul li select { color:#222; }
.main_search .inner ul li .col-md-6 input,
.main_search .inner ul li .col-md-6 select {   }
.main_search .inner ul li .col-md-6:last-child select,
.main_search .inner ul li .col-md-6:last-child input {   }
.main_search_agree { padding-left:5px; margin-top:5px;}
.main_search_agree > a,
.main_search_agree > div { display:inline-block; vertical-align:middle; }
.main_search_agree > a { padding:3px 10px; font-family: 'Nanum Gothic', sans-serif;  font-size:12px; border:1px solid #fff; color:#fff; }
.main_search .inner ul li .row { margin:0 -5px; }
.main_search .inner ul li .row [class*="col-"] { padding:0 5px; }
.main_search .checkbox { margin:0; }
.main_search .checkbox label { font-size:13px; }
.myp_menu {  margin:0; padding:0; width:100%; margin-left:-6%; }
.myp_menu li {  display:inline-block; }
.myp_menu li a {  border-bottom:2px solid #fff; width:100%; color:#555; padding:20px 15px 10px; display:block; }
.myp_menu li a:hover { border-color:#09afdf; }
.myp_menu li.active a { border-bottom:2px solid #09afdf; }

.m_main_btn { display:none; width:100%; border-top:1px solid #ddd; background:#fff; position: fixed; bottom: 0; z-index:999999999999;}
.btn_acc {font-family: 'Nanum Square'; background:#e96c10; width:50%; display: inline-block; float:left; text-align:center; padding:10px 0px; font-size:15px; font-weight: 600;}
.btn_acc a { color:#fff;}
.btn_acc img { display: inline;}
.btn_tel {font-family: 'Nanum Square'; background:#35ad29; width:50%; display: inline-block; text-align:center; padding:10px 0px; font-size:15px; font-weight: 600;}
.btn_tel a { color:#fff;}
.btn_tel img { display: inline;}
.m_btn_close {position: absolute; top: -28px; left: 42%;}
.m_main_btn ul { padding:0; margin:0; width:100%; display:table; }
.m_main_btn ul li { vertical-align:middle; display:table-cell; width:20%; }
.m_main_btn ul li a { padding:3px 0 1px; color:#222; text-align:center; font-size:11px; display:block; }
.m_main_btn ul li a i { display:block; margin:0 auto 1px; font-size:20px; }
.m_main_btn ul li a img { width:20px; margin:0 auto 1px; }
@media (max-width:1199px) {
    .main_search .inner > ul > li h3 { font-size:20px; display: none;}
    .main_search .inner > ul > li:last-child { width:120px; }
    .main_search .inner > ul > li:last-child a {font-size:14px; }
    .main_search .inner > ul > li:nth-child(2) { padding:0 15px 0 0; }
    .main_search .inner ul li.th { font-size:15px; width:63px; }
    .main_search_agree { padding-left:0px; }
}

@media (max-width:991px) {
    .main_search { padding:20px 0; background:#bd3160; /* margin-bottom: 42px; */ transition: all ease 0.5s; }
    .main_search .inner > ul > li {  display:block;  }
    .main_search .inner > ul > li:nth-child(1) { margin:0 0 20px; text-align:center; }
    .main_search .inner ul li.th { text-align:left;  }
    .main_search .inner > ul > li:last-child {margin:10px 0 0;  width:100%; }
    .main_search .inner > ul > li:last-child a { padding:14px 0; }
    .main_search .inner > ul > li:last-child a img { display:none; }
}
@media (max-width:575px) {
    .main_search {/* margin-bottom: 42px; */}
}

.main_bnr_slide {  }
.main_bnr_slide .slide_item { position:relative; }
.main_bnr_item { position:absolute; left:120px; top:80px;   }
.main_bnr_item * { color:#222; }
.main_bnr_item span { display:inline-block; padding:5px 15px; border:1px solid #fff; color:#fff;  font-family: 'Nanum Square';  font-weight: 500; font-size:20px; }
.main_bnr_item h5 { margin:15px 0 10px;  font-family: 'Nanum Square';  font-weight: 500; font-size:20px; }
.main_bnr_item h1 { margin:0 0 24px; font-family: 'LGSmHaR'; font-size:35px; }
/*
.main_bnr_item h1:after { margin:25px 0; content:''; display:block; width:30px; height:2px; background:#fff; }
*/
.main_bnr_item p { margin:0;   line-height: 1.7;  font-family: 'LGSmHaL'; font-size:18px; }

table.table.at_tbl {  }
table.table.at_tbl th { color:#333; font-weight:400; font-family:'Noto Sans KR'; font-size:12px; padding:8px 0px; text-align:center; vertical-align:middle; }
table.table.at_tbl td { padding:0px 8px; height:36px; text-align:center; vertical-align:middle; }
table.table.at_tbl tbody th { background:#eaeaea; }



.card_box { padding:30px 0 0; }
.card_area { border-bottom:1px solid #ddd; width:100%; padding:0 11% 40px; margin:0 auto 50px; display:table; }
.card_area h2 {font-family: 'Noto Sans KR';  font-size:25px; font-weight:400;}
.card_area .card_img {}
.card_area .at_tbl2 { font-family: 'Noto Sans KR';  border-top:1px solid #202020 !important; border-bottom:1px solid #fd681d !important;}
.card_area .at_tbl2 tr {border-bottom:1px solid #d2d2d2 !important;}
.card_area .at_tbl2 tr:last-child { border-bottom:1px solid #ddd !important;}
.card_area .at_tbl2 th { padding:12px 0; font-weight:400; text-align: center; vertical-align:middle; font-size:15px ; background:#f5f5f5; border-top:1px solid #202020 !important; border-right:1px solid #d2d2d2;}
.card_area .at_tbl2 th:last-child {border-right:none;}
.card_area .at_tbl2 td { padding:12px 0; font-family: 'Noto Sans KR'; font-weight:400; text-align: center; vertical-align:middle; font-size:13px ; border-right:1px solid #d2d2d2;}
.card_area .at_tbl2 td:last-child {border-right:none;}
.card_tbl_cell { vertical-align:top; display:table-cell; }
.card_tbl_cell.card_img { padding-top:45px; }
.card_tbl_cell.card_img img { width:auto; }
.card_tbl_cell h2 { margin:0 0 15px; }
.card_tbl_cell.card_info { width:650px; }
.card_mnt { font-family: 'Noto Sans KR'; font-weight:400; font-size:15px; color:#999; }

@media (max-width:1520px) {
    .card_area { padding:0 8% 40px; }
}

@media (max-width:1199px) {
    .card_area { display:block; padding:0 0% 40px; }
    .card_tbl_cell { display:block; }
    .card_tbl_cell.card_img { margin:0 0 30px; padding-top:0; width:100%; }
    .card_tbl_cell.card_img img { margin:auto; }
    .card_tbl_cell.card_info { width:100%; }
    .m_card_width { width:120px !important; }

}

.link_btn {font-weight:500; font-size:17px !important; margin-left:50px;}
.m0-auto {margin:0 auto !important;}
.tbl_style {background:#f9f9f9;}

.rental_area {font-family: 'Nanum Square'; padding:65px 20px; background:#fff; margin-bottom:30px; position: relative;}
.rental_area .rental_box {background:#f9f9f9; border:1px solid #c3c3c3; padding:20px 15px;}
.rental_box .prd_mark {position: absolute; left: 0; top:0;}
.rental_box .rental_img { margin: 0 auto; padding-top: 20px;}
.rental_box h2 {font-family: 'Nanum Gothic', sans-serif; font-size:15px !important; font-weight:500; text-align:center; margin-bottom: 0px}
.rental_box h2 span {color:#e9106d !important;}
.rental_box h3 {font-family: 'Nanum Square'; font-size:20px !important; font-weight:600; text-align:center; margin-top: 8px; margin-bottom: 15px;}
.rental_box h3 span {color:#e9106d !important;}
.rental_box p.check_p {font-family: 'Nanum Gothic', sans-serif; font-size: 13px; color: #524d4d; margin-bottom: 2px; padding-left:12px;}
.rental_box p.check_p i {color:#e9106d !important;}
.mr20 {margin-right:20px !important;}
.ml10 {margin-left:10px !important;}

.relative { position:relative; }
.myp_btn_more { position:absolute; top:-5px; right:0; }

@media (min-width: 992px) {
    .rental_area .rental_box { min-height:390px; }
    .rental_box h3 br { display:none; }
}

#logo img { max-width: inherit; }
@media (max-width: 991px) {
    #logo img { display:inline-block; width:140px; }
    .main_bnr_item {  left:10%; top:13%; }
    .main_bnr_item h5 { margin:10px 0 5px; font-size:17px; }
    .main_bnr_item h1 { font-size:20px; }
    .main_bnr_item span {font-size:17px;  }
    .main_bnr_item p { font-size:14px; }
    .rental_area {padding:0px 0px; background:none;  }
    .rental_area .rental_box {margin-bottom: 20px;}
    .rental_box p.check_p {padding-left:0px;}
    .rental_area > .col-md-6 {  }
    .rental_box .rental_img { padding-top:34px; }
    .rental_box h3 br { display:block; }
}

@media (max-width: 575px) {
    .main_bnr_item {  left:5%; top:13%; }
    .main_bnr_item h5 { margin:10px 0 5px; font-size:13px; }
    .main_bnr_item h1:after { margin:5% 0; }
    .main_bnr_item h1 { font-size:16px; }
    .main_bnr_item span {font-size:13px;  }
    .main_bnr_item p { width:80%; font-size:12px; }
    .main_bnr_item p br { display:none; }
    .card_area h2 {font-size: 20px;}
    .card_area .at_tbl2 th {    font-size: 14px !important;}
    .card_area .at_tbl2 td {font-size: 13px !important; }
    .link_btn {font-size: 14px !important; margin-left: 40px;}
    .rental_area {padding:0px 0px; background:none; margin-bottom:0px;}
    .rental_area .rental_box {margin-bottom: 20px;}
    .rental_box p.check_p {padding-left:0px;}
}

@media (max-width: 575px) {
    .main_bnr_item {  }
    .card_area {padding:15px 15px;}
}

.banner.parallax, .banner.light-translucent-bg, .banner.dark-translucent-bg, .banner.default-translucent-bg { min-height:200px; padding-top:20px; }

.dark-translucent-bg:after { background-color:rgba(0, 0, 0, 0.1); }

.myp_top { position:absolute; top:50px; left:3%; width:94%; z-index:2; }
.myp_top:after { content:''; clear:both; display:block; }
.myp_top > div { color:#fff; display:inline-block; vertical-align:top; }
.myp_top .myp_pofile {  }
.myp_top .myp_pofile img { border:2px solid #fff; }
.myp_top .myp_pofile_info { padding-left:35px; }
.myp_top .myp_pofile_info h3 { color:#fff;  }
.myp_top .myp_pofile_modify { float:right; }
.myp_top .myp_pofile_modify a {  margin-top:95px; }

.border-c-f { border:2px solid #fff; }
.border-c-f:hover { border:2px solid #fff; }

.btn-white { background:#fff; }

.sidebar h3 { font-size:15px; font-weight:bold; }
.sidebar h3.active { color:#09afdf; }

.bold { font-weight:bold; }

.add_item { width:100%; height:100%;  }
.add_item img { border:2px dashed #ccc; transition:all ease-in-out 0.2s; -webkit-transition:all ease-in-out 0.2s; -o-transition:all ease-in-out 0.2s; }
.add_item:hover img { border-color:#09afdf; }
.add_item p { color:#ccc; font-size:17px; width:100%; position:absolute; bottom:10%; left:50%; transform:translateX(-50%); transition:all ease-in-out 0.2s; -webkit-transition:all ease-in-out 0.2s; -o-transition:all ease-in-out 0.2s; }
.add_item:hover p { color:#09afdf; }
.add_item:hover .icon_add:before, .add_item:hover .icon_add:after { background-color: #09afdf; }

.icon_add {  top:50%; left:50%;  transform:translate(-50%, -50%); position:absolute; display:inline-block; width:80px; height:80px; }
.icon_add:before { top:0; left:50%; width:4px; height:100%; margin-left:-2px;  }
.icon_add:after { top:50%; left:0; width:100%; height:4px; margin-top:-2px; }
.icon_add:before, .icon_add:after { content:''; position: absolute; background-color: #ccc; transition:all ease-in-out 0.2s; -webkit-transition:all ease-in-out 0.2s; -o-transition:all ease-in-out 0.2s; }

.overlay-visible .overlay-bottom, .overlay-visible .overlay-top { padding-bottom:15px; }

input[type="radio"],
input[type="checkbox"] {
  margin-top: 2px; margin-left:-15px !important; }
.checkbox label { padding-right:8px; }


.list_top {  }
.list_top:after { content:''; clear:both; display:block; }
.list_top > div { display:inline-block; }
.list_top .viewType { float:right; }
.list_top .viewType ul { vertical-align:middle; display:inline-block;  padding:0; margin:0; font-size:0; }
.list_top .viewType li { margin-left:-1px; display:inline-block; }
.list_top .viewType li a { padding:0px 4px; display:block; border:1px solid #ddd; }
.list_top .viewType li a .type_Col { fill:#b8b8b8; width:22px; }
.list_top .viewType li:nth-child(1) a { border-radius:5px 0 0 5px; }
.list_top .viewType li:nth-child(3) a { border-radius:0 5px 5px 0; }
.list_top .viewType li.active {  }
.list_top .viewType li.active a { background:#09afdf; }
.list_top .viewType li.active .type_Col { fill:#fff; }
.list_top .select_array { display:inline-block; vertical-align:middle; }
.list_top .select_array .form-control { height:32px; min-width:170px; }
.list_top .select_array form { margin:0; }

.sub_page {  }
.sub_page h1.page-title { font-size:25px; color:#09afdf; font-family:'Nanum Gothic'; }
.sub_page .listing-item .body h3 {  font-size:14px; font-weight:bold;  font-family:'Nanum Gothic'; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; /* 라인수 */
-webkit-box-orient: vertical;
word-wrap:break-word; 
line-height: 1.3em;
height: 2.6em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */  }
.sub_page .listing-item .price { font-size:16px;  }
.sub_page .listing-item .elements-list { margin-top:10px; }
.sub_page .listing-item .elements-list span{ color:#999; font-family:'Nanum Gothic'; font-size:13px;  }
.sub_page .listing-item .elements-list span.price { color:#333; font-weight:bold; }
.sub_page .listing-item .item_info { margin:0; margin-top:3px; font-size:11px; color:#999; font-family:'Nanum Gothic';text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}




.list_cate {  }
.list_cate .depth {  }
.list_cate .depth:nth-child(1) { margin-bottom:5px; }
.list_cate .depth ul {  vertical-align:middle; display:inline-block;  padding:0; margin:0; font-size:0;  }
.list_cate .depth ul li { margin-right:5px; display:inline-block; }
.list_cate .depth ul li a { margin:0 3px; border-bottom:1px solid #fff; padding:3px 5px; color:#555; font-size:12px; display:block; }
.list_cate .depth ul li:hover  a { border-bottom:1px solid #333; }
.list_cate .depth ul li.active a { border-bottom:1px solid #333; color:#09afdf; }
.list_cate .depth ul li span {  font-weight:bold; color:#09afdf;  }


.style-3-b h3.title { font-size:20px; font-family:'Nanum Gothic'; margin:15px 0; font-weight:bold; }


.explain_normal { font-family:'Nanum Gothic'; font-size:13px;  line-height:1.8; }
.style-3-b .explain { font-family:'Nanum Gothic'; font-size:13px;  line-height:1.8; }
.style-3-b .media-list>.media { border:0px; }


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

.image-box_footer { font-size:12px; border-top:1px solid #eaeaea; padding:10px 0; margin-top:10px; }

.col-md-2_5 { position:relative; min-height:1px; padding-left:15px; padding-right:15px; }
.grid-space-10 .col-md-2_5 { padding-left:5px; padding-right:5px; }

.masonry-grid-item .blogpost header h2 {  font-family:'Nanum Gothic'; }
.blogpost-content { font-family:'Nanum Gothic'; font-size:13px;  line-height:1.8; }
.fixed-header-on .header .logo img { max-height:inherit; }

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

.table-bordered > thead > tr > td { border-bottom-width:1px; }


.media-list>.media.store { padding:15px; }
.media-list>.media.store .pull-right { text-align:right; font-size:13px; font-weight:bold; font-family:'Nanum Gothic'; }



.full-right { float:right; }

.modal_ctr_btn {  font-size:0;  position:absolute; top:0; right:0; z-index:10; }
.modal_ctr_btn a {text-align:center; width:49px; height:49px; line-height:49px; display:inline-block;  vertical-align:middle;  }
.modal_ctr_btn a i { font-size:35px; line-height:49px;  }
.modal_ctr_btn .btn_modal_cart {  border-bottom:1px solid #ddd;  background:#f3f3f3; /* border-left:1px solid #ddd;*/ color:#555; }
.modal_ctr_btn .btn_modal_cart i { font-size:20px; }
.modal_ctr_btn .btn_modal_close {  background:#555; color:#fff;  }
.modal_ctr_btn .btn_modal_close i { transform: rotate(45deg); display:inline-block; }

.bt-0 { border-top:0px !important; }


.item_detail.expand .thumb_area { width:100%; }
.item_detail.expand .info_area { right:-500px; }
.item_detail.expand .modal_ctr_btn .btn_modal_cart { background:#f3f3f3; border-bottom:0px; }

.item_detail .thumb_area .btn_area button.btn_expand {  transition:all .25s; padding:21px 20px; position:relative;  }
.item_detail .thumb_area .btn_area button.btn_expand:hover { border-color:#09afdf; background:#09afdf;  }
.item_detail .thumb_area .btn_area button.btn_expand i { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); transition:opacity .25s linear; }
.item_detail .thumb_area .btn_area button.btn_expand i.fa-compress { opacity:0; }
.item_detail .thumb_area .btn_area button.btn_expand.active { border-color:#09afdf; background:#09afdf; }
.item_detail .thumb_area .btn_area button.btn_expand.active i.fa-expand { opacity:0; }
.item_detail .thumb_area .btn_area button.btn_expand.active i.fa-compress { opacity:1; }


.at_icon_expert,
.at_icon_client { fill:#8e8e8e; display:block; margin:0 auto 30px; -webkit-transition:all ease-in-out 0.25s; -o-transition:all ease-in-out 0.25s; transition:all ease-in-out 0.25s; }



.select_major {  }
.select_major h3 {   padding:0 0 10px; border-bottom:1px solid #09afdf;  }
.select_major ul {  font-size:0;   margin:0 -13px 0 0; padding:0; }
.select_major li { width:25%; font-size:12px; display:inline-block;  }
.select_major li a { display:block; }
.select_major li a:hover img { opacity:0.5;   }

.select_major li a:hover span.selected { opacity:0.5; visibility:visible; }

.select_major li a img { transform:scale(1.1);  width:100%;  -webkit-transition:all ease-in-out 0.25s; -o-transition:all ease-in-out 0.25s; transition:all ease-in-out 0.25s; }
.select_major li div { overflow:hidden; position:relative; margin:0 13px 13px 0; background:#000; }
.select_major li div span.major_txt { padding:7px 0; text-align:center; background:linear-gradient(rgba(134, 134, 134, 0), rgba(0, 0, 0, 0.8)); color:#fff; position:absolute; width:100%; bottom:0; z-index:2; }
.select_major li div span.selected {  line-height:36px; color:#09afdf; background:#fff; border-radius:45px; width:36px; height:36px; text-align:center; display:block; visibility:hidden; opacity:0; position:absolute; margin-top:-7px; top:50%; left:50%; transform:translate(-50%, -50%); }
.select_major li div span.selected i { font-size:16px; }
.select_major li.active div span.selected { visibility:visible; opacity:1; }
.select_major li.active div img { opacity:0.5;  }


.step_address p { text-align:left; font-size:12px; margin-top:20px; color:#999; }
.step_form button { float:right; padding:4px 10px; margin:14px 0 0; font-size:11px; }


.step_addfile h3 { position:relative; margin-bottom:0; }
.step_addfile h3 span { font-weight:normal; color: #bbb; font-size:12px; position:absolute; right:0; bottom:0; }
.step_addfile .add_file_area { padding-bottom:10px; border-bottom:1px solid #ddd; }
.step_addfile .add_file_area span.file { position:relative; margin:20px 6px 0; padding:5px 15px; display:inline-block; border-radius:4px; background:#09afdf; color:#fff; font-size:12px; }
.step_addfile .add_file_area span.file i { border-radius:45px; line-height:1; background:#333; padding:3.5px 0; font-size:17px; color:#fff; position:absolute; right:-12px; top:-12px; }
.step_addfile .add_file_area .add_file {  }












.footer { border-top:1px solid #eee;
  width: 100%;
  display: block;
  background-color: #3a3c3e;
  padding: 40px 0;
}

.copyRight {
  display: block;
  background-color: #232629;
  padding: 30px 0;
}

.footerContent p { letter-spacing:-0.5px; margin-top:0;  color:#eee; margin-bottom:12px; }
.footer-logo { margin:0 0 24px;  display:block; }
.footerContent h5 { margin-top:25px; color:#f3f3f3; margin-bottom:30px; }
.footerContent .list-unstyled li { color:#ccc; margin-bottom:10px; }

.at_site_info { font-size:0;  }
.at_site_info p { color:#b3b3b3;  font-size:15px; }
.at_site_info .at_tbl { padding:0; display:table; width:70%; }
.at_site_info .at_tbl li { width:50%;  vertical-align:middle; display:table-cell; }
.at_site_info .at_tbl li span { color:#aaa; display:block; font-size:12px; }
.copyRight .list-inline li a { font-size:13px; color:#999; font-family: 'Noto Sans KR';  }
.copyRight .list-inline li.privacy a { color:#fff; }
.footerContent .list-unstyled li i { margin-right:14px; }

.copyRightText p { margin:0; }
.copyRightText p a { color:#999;  }


.expert_list_item { position:relative; }
.expert_list_item .btn_wrap {  padding:0 10px; left:25%; position:absolute; bottom:10px;  }

.responsive_txt { overflow: hidden; width:100%;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
word-wrap:break-word; 
-webkit-line-clamp: 3; /* 라인수 */
line-height: 1.2em;
height: 3.6em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */ 

 }
.responsive_txt.expert_list { 
-webkit-line-clamp: 4; /* 라인수 */
line-height: 1.8em;
height: 7.2em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */ 
}




.story_list_item {  }
.story_list_item .story_tit { font-size:20px; text-align:left; margin:0 0 10px; }
.story_list_item .tags {  border-bottom:1px dashed #ddd; padding:25px 10px 10px; font-size:12px;   }
.story_list_item .tags span { color:#09afdf; }



.footerContent.imgGallery .row { width:100%; }
.footerContent.imgGallery .row .col-xs-4 {
  margin-bottom: 15px; padding:0 0 0 15px;
}


.copyRight .list-inline { margin:0; }


.at_tbl_custom {  }
.at_tbl_custom .table > thead:first-child > tr:first-child > th { font-weight:600; font-size:14px; color:#666; border-bottom:1px solid #afafaf; border-top:2px solid #afafaf; background:#e1e1e1;  text-align:center; }
.at_tbl_custom .table > tbody > tr > td { font-size:13px;  text-align:center; }
.at_tbl_custom .table > tbody > tr:hover { cursor:pointer; }

.at_tbl_custom .table.table-colored > thead:first-child > tr:first-child > th { border-bottom:0px; padding-top:12px; padding-bottom:10px; background:#09afdf; color:#fff; border-top:0px;  }
.at_tbl_custom .table.table-colored > thead:first-child > tr:first-child > th:first-child { border-radius:5px 0 0 0; }
.at_tbl_custom .table.table-colored > thead:first-child > tr:first-child > th:last-child { border-radius:0 5px 0 0; }
.at_tbl_custom .table.table-colored > tbody > tr > td { height:40px; }




.bd_view {  border-top:2px solid #afafaf; border-bottom:1px solid #afafaf; }
.bd_view .bd_v_title { margin:0; padding:12px 20px; font-weight:600;  font-size:14px; background:#e1e1e1; color:#666;  }
.bd_view .bd_v_info { border-top:1px solid #afafaf; font-size:13px; margin:0; padding:10px 20px; border-bottom:1px solid #ddd; }
.bd_view .bd_v_info strong { margin:0 0 0 10px; padding:0 5px 0 10px; border-left:1px solid #ddd; }
.bd_view .bd_v_info strong:first-child { padding-left:0px; margin:0px; border-left:0px; }
.bd_view .bd_v_filedown {  padding:12px 20px; border-bottom:1px solid #ddd; }
.bd_view .bd_v_filedown li { display:table-cell; }
.bd_view .bd_v_filedown li:nth-child(1) { font-size:13px; font-weight:bold; padding-right:42px; }
.bd_view .bd_v_filedown li:nth-child(2) { padding:0 0 0 13px; border-left:1px solid #ccc;  }
.bd_view .bd_v_filedown li a { display:block; }
.bd_view .bd_v_filedown li a:hover { color:#bbb; }
.bd_view .bd_v_filedown li a i { margin:0 5px 0 0; color:#ab2621; }
.bd_view .bd_v_contents { font-size:13px; min-height:400px; padding:30px 20px;   }
.bd_v_info_btn { padding:30px 20px; text-align:center; }
.bd_v_info_btn a {  }


.bd_view.colored {  border-top:0px; border-bottom:2px solid #09afdf; }
.bd_view.colored .bd_v_title {  padding-top:14px;  border-radius:5px 5px 0 0;  background:#09afdf; color:#fff;  }
.bd_view.colored .bd_v_info { border-top:0px; border-color:#ddd; }


.store_list_item {  }
.store_list_item .media-body h5 { margin:0 0 7px;  font-size:14px; font-family:'Nanum Gothic';
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; /* 라인수 */
-webkit-box-orient: vertical;
word-wrap:break-word; 
line-height: 1.3em;
height: 2.6em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */}
.store_item_info {  }
.store_item_info p { font-size:12px; color:#666; margin:0; }
.store_item_info ul { margin:8px 0 0; padding:0; display:table; width:100%; }
.store_item_info ul li { font-size:15px; color:#000;  display:table-cell; width:50%; vertical-align:middle; }
.store_item_info ul li:nth-child(1) { text-align:left; }
.store_item_info ul li:nth-child(2) { font-family:'Noto Sans KR';   text-align:right; }



.bd_write { border-top:2px solid #afafaf; }
.at_ul_tbl {  }
.at_ul_tbl ul { margin:0; border-bottom:1px solid #afafaf;   padding:0; display:table; width:100%; }
.at_ul_tbl ul li { display:table-cell; vertical-align:middle;  }
.at_ul_tbl ul li.th {  width:50%; }
.at_ul_tbl ul li.td {  width:50%; }

.bd_write .at_ul_tbl ul li.th { font-size:13px; color:#666; font-weight:600; background:#e1e1e1; text-align:center; width:10%; }
.bd_write .at_ul_tbl ul li.td { font-size:12px;  width:90%; padding:10px; }
.bd_write .at_ul_tbl ul li.td .form-control { height:32px; }
.bd_write .at_ul_tbl ul li.td select { width:170px; }


.bd_write.colored { border:0px; }
.bd_write.colored .at_ul_tbl ul { border-color:#ddd; }
.bd_write.colored .at_ul_tbl ul li.th { color:#fff; background:#09afdf;  }
.bd_write.colored .at_ul_tbl ul:first-child li { border-top:1px solid #09afdf; }
.bd_write.colored .at_ul_tbl ul:first-child li.th { border-color:#09afdf; border-radius:5px 0 0 0; }
.bd_write.colored .at_ul_tbl ul:first-child li.td { border-radius:0 5px 0 0; }
.bd_write.colored .at_ul_tbl ul:nth-child(4) { border:0px; }
.bd_write.colored .at_ul_tbl ul:nth-child(4) li {  border-bottom:2px solid #09afdf;  }
.bd_write.colored .at_ul_tbl ul:nth-child(4) li.th {  border-color:#09afdf; border-radius:0px 0 0 5px; }
.bd_write.colored .at_ul_tbl ul:nth-child(4) li.td { border-radius:0 0 5px 0; }


.bd_write.colored .form-group { text-align:left; }
.bd_write.colored .form-group label { margin:20px 0 5px;  color:#333; font-size:16px; font-weight:600; line-height:1.2; }
.bd_write.colored .form-group select { width:170px; color:#555; height:32px; font-size:13px; padding:0; border-radius:0px; border:0px; box-shadow:none; -webkit-box-shadow:none; border-bottom:1px solid #09afdf;  }
.bd_write.colored .form-group select:required:invalid { color: #bbb; font-size:12px;  }
.bd_write.colored .form-group input { color:#555; height:32px; font-size:13px; padding:0; border-radius:0px; border:0px; box-shadow:none; -webkit-box-shadow:none; border-bottom:1px solid #09afdf; }
.bd_write.colored .form-control::-webkit-input-placeholder { color: #bbb; font-size:12px; }
.bd_write.colored .form-control::-moz-placeholder { color: #bbb; font-size:12px; }
.bd_write.colored .form-control:-ms-input-placeholder { color: #bbb; font-size:12px; }
.bd_write.colored textarea { margin-top:7px; box-shadow:none; border-color:#09afdf; }



.bd_write .add_file_area {  }
.bd_write .add_file_area { padding-bottom:10px; border-bottom:1px solid #09afdf; }
.bd_write .add_file_area span.file { position:relative; margin:20px 6px 0; padding:5px 15px; display:inline-block; border-radius:4px; background:#09afdf; color:#fff; font-size:12px; }
.bd_write .add_file_area span.file i { border-radius:45px; line-height:1; background:#333; padding:3.5px 0; font-size:17px; color:#fff; position:absolute; right:-12px; top:-12px; }
.bd_write .add_file_area .add_file {  }





.bd_v_chat { background:#f5f5f5; padding:20px;  border-top:1px solid #ddd; }
.bd_v_chat .comment { padding:0 0 30px; margin:0 0 30px; border-bottom:1px solid #ddd; }
.bd_v_chat .comments h3 { font-size:20px; }
.bd_v_chat .comment-meta { margin:0 }
.bd_v_chat .comments .title { font-size:14px; margin:0 0 30px; }
.bd_v_chat .comment-avatar { width:20%; float:left;  margin:0; }
.bd_v_chat .comment-avatar .icon_user { width:50px; margin-right:10px; overflow:hidden; line-height:50px; height:50px; text-align:center; background:#ccc; border:1px solid #ddd; border-radius:45px; display:inline-block; vertical-align:top; }
.bd_v_chat .comment-avatar .icon_user i { color:#888; font-size:55px; line-height:1; }
.bd_v_chat .comment-avatar header { display:inline-block; vertical-align:top; margin-top:3px; }
.bd_v_chat .comment-content { border:0px; width:80%; float:right; clear:none; margin:0;  }
.bd_v_chat .comment-content .comment-body { padding:3px 0 0; }







.share_box { display:none; min-width:370px;  margin-top:5px; z-index:2; right:0; text-align:left; background:#fff; position:absolute; box-shadow:4px 4px 9px 2px rgba(0, 0, 0, 0.4); }
.share_box h2 {  font-weight:bold; margin:0; padding:12px 10px 5px; background:#f3f3f3; font-size:15px;  }
.share_box ul.social-links { padding:20px 20px 0; margin:0; text-align:center; }
.share_box ul.social-links li { margin:4px;  }
.share_box .copy_address { padding:20px 20px; }
.share_box .copy_address input { width:225px; padding:0 5px; height:36px; font-size:13px; display:inline-block; vertical-align:middle; float:left; }
.share_box .copy_address a.btn_copy { border-radius:0px; display:inline-block; vertical-align:middle; float:right; }
.share_box a.btn_share_close { float:right; transform: rotate(45deg); }




.modal_save_design .modal-dialog { width:700px; }
.save_design_contents { padding:20px; display:table; width:100%; }
.save_d_thumb { border-radius:5px; border:2px dashed #ccc; background:#f3f3f3; display:table-cell; width:280px; vertical-align:middle; }
.save_d_thumb div { position:relative; width:280px; height:250px; }
.save_d_thumb div img { position:absolute; margin:auto; top:0; bottom:0; left:0; right:0; max-width:90%; max-height:90%; }
.save_d_form { padding-left:20px; display:table-cell; vertical-align:middle; }
.save_d_form textarea { margin-top:10px; height:250px; }
.save_d_form_add { margin-top:10px; }
.save_d_form_add ul { width:100%; padding:0; margin:0; display:table; }
.save_d_form_add ul li { display:table-cell; vertical-align:middle;  }
.save_d_form_add ul li > div { border-radius:4px; border:1px solid #ddd;  margin-right:7px; }
.save_d_form_add span {  display:inline-block; }
.save_d_form_add span i { font-size:20px; }
.save_d_form_add input { height:36px; padding:0; border:0px; box-shadow:none; display:inline-block; width:190px; }
.save_d_form_add a { margin:0; display:inline-block; }





.modal_add_idea .modal-dialog {   }
.myp_idea_contents { padding:20px; }
.myp_idea_contents ul { width:100%; padding:0; display:table; }
.myp_idea_contents ul li { display:table-cell; vertical-align:middle; }
.myp_idea_contents ul li.th {  width:120px; color:#333; font-weight:600; font-size:15px; }
.myp_idea_contents .save_d_thumb { width:408px; }
.myp_idea_contents .save_d_thumb div { width:404px; }

.new_ideabook { background:#fff; position:relative; }
.new_ideabook p { color:#ccc; font-size:17px; position:absolute; bottom:0; text-align:center; width:100%; }



.pjc_help_ment {padding:15px 15px; background:#09afdf; }
.pjc_help_ment p { margin:0; line-height:1.6; font-size:12px; color:#fff; }
.modal_pj_end .modal_ctr_btn .btn_modal_close { background:#fff; color:#333; }
.modal_pj_end .pjc > div { margin-top:13px; }
.modal_pj_end .pjc > div .form-control { height:36px; }
.modal_pj_end .pjc > div textarea.form-control { height:150px; }
.modal_pj_end .infoTab_contents { bottom:110px; }

.pj_modal_btn { padding:20px 20px; position:absolute; bottom:0; height:110px; width:100%; }
.pj_modal_btn button { margin-top:6px; padding:11px 15px; }

.modal_pj_end .btn.btn-default-transparent { border-color:#09afdf; color:#09afdf; }
.modal_pj_end .btn.btn-default-transparent:hover { color:#fff; }













@media (min-width: 992px) {
    .main_service .col-md-2 { width:20%; padding:0 5px; }
    .col-md-2_5 { float:left; width:20%;  }

    .join_p_l { padding-left:25px; }
    .join_p_r { padding-right:25px; }

 .copyRight .list-inline {
    float: right;
    width: auto;
    text-align: left;
    margin-bottom: 0;}

}

@media (min-width: 1200px) {
    .image-box .overlay-container .text { top:70%; }
    .style-3-b .explain { min-height:255px; max-height:255px; }

}

/*  DJDDOC.2018.04.01 - Modal Vertical-Middle */
.modal-center { text-align: center; padding: 0!important; }
.modal-center:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; }
.modal-dialog-center { display: inline-block; text-align: left; vertical-align: middle; }

.at_mr-0 { margin-right:0px; }



















/*****************************************************************************************************/
/************************************* ATSOME 추가코드 2018-05-15 NAEUN**********************************/
/*****************************************************************************************************/

body .page-wrapper {background-color:#f2f2f2;  }
body.main .page-wrapper { background-color:#fff; }

@media (min-width: 768px) {
    .container { width:calc(100% - 60px); }
}

@media (min-width:1230px) {
    .container { width: 1200px; }
}

ul,li { list-style:none; }
.color { color:#ea83b0; }

.at_btn { display:inline-block; padding:2px 10px; vertical-align:middle; }

.at_btn_g {  border:1px solid #b9b9b9 !important; background:#b9b9b9; color:#fff !important; }
.at_btn_g:hover { background:#f30 !important; color:#fff !important; }

.at_btn_g2 { border:1px solid #b9b9b9 !important; color:#555 !important; }
.at_btn_g2:hover { border-color:#b9b9b9 !important; background:#b9b9b9 !important; color:#fff !important; }


.at_btn_g3 {  border:1px solid #333 !important; background:#333 !important; color:#fff !important; }
.at_btn_g3:hover { background:#111 !important; color:#fff !important; }
.at_btn_g4 { border:1px solid #b9b9b9; color:#555; background:#b9b9b9 !important;  color:#fff !important; }
.at_btn_g4:hover { border-color:#b9b9b9; background:#b9b9b9 !important; color:#fff !important; }

.at_btn_g5 {  border:1px solid #b9b9b9; color:#555;  }

.at_btn_o_v { background:none; border:1px solid #ff891e !important; color:#ff891e !important;  }
.at_btn_o_v:hover { background:#ff891e !important; color:#fff !important;  }

.at_btn_r_v { border:1px solid #f3573f !important; color:#f3573f !important;  }
.at_btn_r_v:hover { background:#f3573f !important; color:#fff !important;  }

.at_btn_r {  border:1px solid #f3573f !important;  background:#f3573f !important; color:#fff !important;  }
.at_btn_r:hover { background:#d43f27 !important; color:#fff !important;  }


.at_btn_o {  border:1px solid #ff891e !important;  background:#ff891e !important; color:#fff !important;  }
.at_btn_o:hover { background:#d46d10 !important; color:#fff !important;  }

.at_btn_b { border:1px solid #0ab2ff !important; background:#0ab2ff !important; color:#fff !important; }
.at_btn_b:hover { background:#148ec5 !important; color:#fff !important; }

.at_btn_p { border:1px solid #e9106d !important; background:#e9106d !important; color:#fff !important; }
.at_btn_p:hover { border-color:#ad0e52 !important; background:#ad0e52 !important; color:#fff !important; }


.at_btn_b_v { background:#fff; border:1px solid #e90f6d !important; color:#e90f6d !important; }
.at_btn_b_v:hover { background:#e90f6d !important; color:#fff !important; }


.at_main_btn {  letter-spacing:-1px;  font-size:15px; background:#e9106d; border:1px solid #e9106d; color:#fff; height:45px; line-height:42px; display:inline-block;   padding:0px 45px; }
.at_main_btn:hover { background:none; color:#e9106d;  }
.at_main_btn i { vertical-align:middle; margin-top:-4px; }

.at_main_btn_v {  letter-spacing:-1px; font-size:15px;  border:1px solid #e9106d;  color:#e9106d;  height:45px; line-height:42px; display:inline-block;   padding:0px 45px; }
.at_main_btn_v:hover { background:#e9106d; color:#fff;  }
.at_main_btn_v i { vertical-align:middle; margin-top:-4px; }

.at_main_btn_w {  letter-spacing:-1px; font-size:15px;  border:1px solid #fff;  color:#e9106d;  height:45px; line-height:42px; display:inline-block;   padding:0px 45px; }
.at_main_btn_w:hover { background:#fff; color:#e9106d !important;  }
.at_main_btn_w i { vertical-align:middle; margin-top:-4px; }


/* header */
.at_header .header { padding:12px 0; }
.header_sub_wrap { overflow: hidden; height: 0; z-index: 1000; position: absolute; top:81px; left: 0; width: 100%;  }
.header_sub_wrap.on { height:200px; background:#f2f2f2; border-bottom:1px solid #ddd; }
.header .navbar-nav > li > a { margin:0 25px; }
.at_header .header > .container {  z-index: 1001; position:relative;  }
.header.on .navbar-nav > li > a {  }
.header.on .navbar-nav > li > a.on {  color:#ff4b98; }
.navi_sublist { position:absolute;  border-left:1px solid #ddd; padding:10px 0 0; margin:20px 0 0; display:none; z-index:1001; width:100%; height:200px;  }
.navi_sublist.subnav05 { border-right:1px solid #ddd;   }
.navi_sublist li { text-align:center; }
.navi_sublist li a { display:block; padding:3px 0; font-family:'LGSmHaL'; font-size:15px; color:#222; font-weight:600;}
.navi_sublist li a:hover {   color:#ff4b98;}
.header.on .navi_sublist { display:block; }
.h_bottom.header { background:#fff; border:0px; }
.h_bottom .navbar-default .navbar-collapse { padding:0 !important; }
.h_bottom .navbar-default .navbar-collapse .navbar-nav { margin-top:4px; float:right; }
.h_bottom .navbar-default .navbar-nav > li { margin:0; }
.h_bottom .navbar-default .navbar-nav > li > a { padding:10px 0px; color:#fff; font-family:'Nanum Square'; font-weight:500; font-size:17px; }
.h_bottom .navbar-default .navbar-nav > li > a:hover { color:#ff4b98; }
.fixed-header-on .h_bottom .main-navigation .navbar-nav > li > a { padding:10px 0 !important; }
@media (max-width: 1199px) {
    .h_bottom .navbar-default .navbar-nav > li > a { font-size:15px; }
    #logo img { width:240px; margin-top:10px; }
}
@media (max-width: 991px) {
    .at_header .header { padding:7px 0; }
    .at_header .header .container {    width:100%;}
    .at_header .header .container .col-md-3 { text-align:center; }
    .at_header .header .header-left { padding:0; }
    #logo img { margin-top:0; }

}



.section img { display:inline-block; }

.slick-arrow:focus,
.slick-slide:focus,
.slick-track:focus,
.fp-tableCell:focus,
.slick-slider:focus { outline:none; }
.slick-dots { width:100%;  position:absolute; bottom:20px; font-size:0; text-align:center; margin:0; }
.slick-dots li { margin:0 4px; display:inline-block; }
.slick-dots li button { border-radius:20px; width:45px; height:7px; background:#fff; border:0; }
.slick-dots li.slick-active button { background:#e9106d;  margin:0 2px; display:inline-block; }
.slick-arrow { z-index:2; position:absolute; margin-top:12%; top:0; /* transform:translateY(-50%); */ }
.slick-arrow.slick-prev { left:5%; }
.slick-arrow.slick-next { right:5%; }
.tp-bullets.preview2 .bullet { margin:0 3px !important; border:0 !important;  background:#fff !important; border-radius:20px; width:45px !important; height:7px !important; }
.tp-bullets.preview2 .bullet:hover { border:0 !important;  background:#fff !important; border-radius:20px;  width:45px !important; height:7px !important; }
.tp-bullets.preview2 .bullet.selected { border:0 !important;  background:#e9106d !important; border-radius:20px; width:45px !important; height:7px !important; }
.tp-bullets.preview2 .bullet.selected:hover {  border:0 !important; background:#e9106d !important; border-radius:20px; width:45px !important; height:7px !important;  }

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

.section_tit {  text-align:center; }
.section_tit h1 {  margin:5px 0 40px; color:#222; font-family:'Nanum Square'; font-weight:600; font-size:30px; }
.section_tit:before { content:url('/img/tit_bg.png'); display:block; margin:auto; }

.section_tit h1 span {  font-weight:600; }
.section_tit h1.line { position:relative; padding:0 0 20px; }
.section_tit h1.line:after { position:absolute; left:0; content:''; margin:11px 0 0; display:block; width:45px;   height:1px; background:#fff;  }
.section_tit h1.line.right:after { right:0; left:auto; }


@media (max-width: 1520px) {
    .inner { width:1140px; margin:auto; }
}

@media (max-width: 1199px) {
    .inner { width: calc(100% - 5%); }
}

@media (max-width: 991px) {
    .section_tit p { font-size:17px; }
    .inner { width: calc(100% - 7%); }
}
@media (max-width: 575px) {
    .section_tit h1 { font-size:20px; margin-bottom:10px; }
}




#footer {  padding:25px 0;  background:0;}
.f_top {  }
.f_info { line-height:1.2; }
.f_info p { margin:0px 0; font-weight:500; letter-spacing:-0.5px; color:#fff; font-size:12px; font-family: 'Nanum Gothic', sans-serif;  display:inline-block; }
.f_info p span:before { margin:0 10px 0 8px; content:''; width:1px; height:10px; vertical-align:middle; background:#777; display:inline-block; }
.f_info p span:first-child:before { content:none; }
.f_btn { margin:0 0 10px; }
.f_btn a.color { color:#ea83b0; border-color:#ea83b0; }
.f_btn a { margin-right:3px; padding:3px 10px; border:1px solid #fff; font-weight:500; letter-spacing:-0.5px; color:#fff; font-size:13px; font-family: 'Nanum Gothic', sans-serif;  display:inline-block; }
.f_btn02 { text-align:right; }
.f_btn02 a { padding:0 0 0 20px; margin-left:20px; display:inline-block;position:relative;  text-align:center; }
.f_btn02 a:last-child:before { height:80%;  position:absolute;  left:0; content:''; width:1px; border-left:1px solid #ddd; vertical-align:middle; display:inline-block; }
.f_btn02 a p { margin:0; color:#fff; font-size:11px; }
.f_btn02 a img { margin:0 auto 8px; }
.f_bottom {  padding:0px 0 0;  }
.f_bottom ul { display:table; width:100%; padding:0; margin:0; }
.f_bottom ul li {  display:table-cell; vertical-align:middle; }
.f_bottom ul li:nth-child(2) {  text-align:right; }
.f_bottom ul li p { line-height:1.6; margin:0; font-weight:500; letter-spacing:-0.5px; color:#fff; font-size:12px; font-family: 'Nanum Gothic', sans-serif; }
.f_bottom ul li p a { display:inline-block; margin-left:5px; border:1px solid #ccc; font-size:12px; padding:0px 7px; color:#777; }
.f_bottom ul li h6 { font-weight:500; letter-spacing:-0.5px; color:#fff; font-size:12px; font-family: 'Nanum Gothic', sans-serif; }
@media (max-width:991px) {
    .f_bottom ul li:nth-child(1) { display:none; }
    .f_bottom ul { padding:0; }
    .f_bottom ul li:nth-child(2) { padding-left:0; }
    .f_btn { text-align:center; }
    .f_bottom ul li p,
    .f_top [class*="col-"] { text-align:center; }
    .f_top .col-md-4 { display:none; }
    .f_bottom ul li p { margin:10px 0 0; }
    .f_info p { line-height:1.5; display:block; text-align:left; }
}
@media (max-width: 767px) {
    .f_bottom ul { padding:0 15px; text-align:left; }
    .f_top { padding:0; font-size:0; }
    .f_top a:before { content:none; }
    .f_bottom ul li p { font-size:11px; }
    .f_bottom ul li p span:before { margin: 0 6px 0 4px; height: 8px; }
    .f_bottom ul li p:first-child span:last-child { display:block; }
    .f_bottom ul li p:first-child span:last-child:before { content:none; }
    .f_top .inner .row { margin:0; }
    .f_top [class*="col-"] { padding:0; }
}

@media (max-width: 575px) {
    .f_top a { font-size:11px;  }
}



a.btn_more { overflow:hidden; position:relative;  }
a.btn_more:before {  content:''; display:block; transition-duration:0.3s; -webkit-transition-duration:.3s;  background:#fff; width:0; height:100%;  left:0; top:0; position:absolute; }
a.btn_more:hover:before { width:100%; }
a.btn_more span {  position:relative; z-index:1;  }
a.btn_more:hover span {   }


.section_tbl { padding:0; margin:0; display:table; width:100%; }
.section_tbl > li { vertical-align:middle; display:table-cell; width:20%; }


.main_slide_ment01 { letter-spacing:-1px; padding:5px 30px; border:1px solid #222; color:#222; font-family:'Nanum Square'; font-weight:500; font-size:20px; }
.main_slide_ment02 { color:#000;    font-family: 'LGSmHaSB'; font-size:54px; }
.main_slide_ment03 {  letter-spacing:-0.8px; color:#000;font-family:'LGSmHaR';  font-size:18px; }
.main_slide_ment04 { color:#000; font-family:'LGSmHaL';  font-size:28px; }

.m_main_slide_ment02 { color:#000;   font-family: 'LGSmHaSB'; font-size:29px !important; }
.m_main_slide_ment03 {   color:#000;font-family:'LGSmHaR'; line-height:4.5; font-size:12px !important; }
.m_main_slide_ment04 { color:#000;  font-family:'LGSmHaL';  font-size:16px !important; }


.m_slides {position:relative !important;}
/*
.m_main_slide_ment01 {position:absolute !important; top:10% !important; left:20% !important; text-align:center !important; letter-spacing:-1px; border:1px solid #222; color:#222; font-family:'Nanum Square'; font-weight:500; font-size:20px;}
.m_main_slide_ment02 {position:absolute !important; top:15% !important; left:20% !important; text-align:center !important; color:#000; font-family:'Nanum Square'; font-weight:600; font-size:54px; }
.m_main_slide_ment03 {position:absolute !important; top:17% !important; left:20% !important; color:#000; font-family:'Nanum Square'; font-weight:500; font-size:17px; line-height:1.8 !important;}
.m_main_slide_ment03:before { width:30px; height:2px; background:#222; content:''; display:block; margin:15px 0; }
.m_main_slide_ment04 {position:absolute !important; top:13% !important; left:20% !important; text-align:center !important; color:#000; font-family:'Nanum Square'; font-weight:600; font-size:18px;}

*/




.main_wide .tparrows.preview2 { transition:all 0.3s; width:58px !important; height:101px !important; }
.main_wide .tparrows.preview2.tp-leftarrow { left:40px !important;  background:url('/img/slick_prev.png') no-repeat; }
.main_wide .tparrows.preview2.tp-rightarrow { right:40px !important;  background:url('/img/slick_next.png') no-repeat; }
/*
.main_wide .tparrows.preview2.tp-leftarrow:hover { left:20px !important; }
.main_wide .tparrows.preview2.tp-rightarrow:hover { right:20px !important; }
*/
.main_wide .tparrows.preview2:before { content:none; }

#section01 { padding:40px 0; background:#f2f2f2;  }

@media (max-width: 1520px) {
    #section01 .row { margin:0 -10px; }
    #section01 .row [class*="col-"] { padding:0 10px; }
}

@media (max-width:991px) {
    .main_wide .tparrows.preview2 { display:none; }
}
#section02 .inner { padding:60px 0; }
#section02 .slick-arrow { background:none; font-size:0; border:0; width:72px; height:72px; }
#section02 .slick-arrow.slick-prev { left:-80px; background:url('/img/slick_prev02.png') 50% 50% no-repeat ; }
#section02 .slick-arrow.slick-next { right:-80px; background:url('/img/slick_next02.png') 50% 50% no-repeat; }
.main_prd_slide {  }
.main_prd_slide .slick-list {   }
.prd_wrap {background:#fff;  border:1px solid #ddd;  border-bottom:2px solid #e9106d;  position:relative;  transition:all 0.3s; margin:15px 0px; padding:25px 0 0; background-position:50% 200%;  text-align:center; }
.prd_wrap .prd_icon {  z-index:3; top:0; left:30px; position:absolute; display:inline-block; }
.prd_wrap .prd_icon.detail { top:15px; left:auto; right:20px; }
.prd_wrap .prd_icon img { display:block; }
.prd_wrap .prd_icon.detail img { margin:5px 0; }
.prd_wrap img { margin:auto; position:relative; z-index:2; }
.prd_wrap > a > img { width:80%; }
.prd_wrap h2 { margin:20px 0 3px; color:#000; font-family:'Nanum Square'; font-weight:600; font-size:20px; }
.prd_wrap p { min-height:24px; margin:0 0 0px; color:#000; font-family:'Nanum Square'; font-weight:500; font-size:17px; }
.prd_wrap p.support {padding: 4px 0; margin: 2px auto 10px; color:#fff; font-family:'Nanum Square'; font-weight:500; font-size:17px; border-radius: 50px; background: #00aeff; width: 60%;}
.prd_wrap h3 { margin:0 0 0; color:#000; font-family:'Nanum Square'; font-weight:600; font-size:20px; }
.prd_wrap h3 span {  font-size:22px; color:#f30; font-weight:800; }
.prd_wrap h3 span.del {  font-size:17px; margin-right:6px; font-weight:600; color:#bbbbbb; text-decoration: line-through; }
.prd_wrap:hover { border-color:#e9106d; }
.prd_info_cont { padding:0 0 10px;  border-bottom:2px solid #ddd;  }
.model_desc { font-family: 'Nanum Gothic', sans-serif; letter-spacing:-0.8px; color:#222; font-size:14px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.4em; height: 2.8em;  }
.model_name { color:#999; margin:5px 0; }
.model_name:after { display:block; width:14px; height:3px; background:#e9106d; content:''; margin:8px auto 8px; }
.prd_tbl { border-bottom:1px solid #ddd; width:100%; padding:10px 15px; margin:0; display:table; }
.prd_tbl.reset {  display:block; }
.prd_tbl.reset > li {  text-align:left; display:block; }
.prd_tbl.reset.promo { min-height:85px; }
.prd_tbl > li { font-family: 'LGSmHaR'; font-weight:200; font-size:14px;  color:#555; text-align:right; display:table-cell; vertical-align:middle; }
.prd_tbl > li p { margin:0;  font-family: 'LGSmHaR'; font-weight:200; font-size:13px;  color:#222;  }
.prd_tbl > li.th { font-weight:600; font-family:'Nanum Square';  font-size:17px; color:#222; text-align:left; }
.prd_tbl > li.th img {  display: inline-block; }
.prd_tbl > li.th.early_disc { width:70px; }
.prd_tbl > li.rental_price { line-height:1.3; }
.prd_tbl > li.rental_price span { font-size:12px; }
.prd_tbl.month_info li.th { padding:12px 0; }
.rental_price {  font-size:17px;  }
.rental_price b { font-weight:500;font-family:'Nanum Square';  font-weight:600; font-size:20px; color:#e9106d;  }
.prd_tbl_form > div { display:inline-block; vertical-align:middle; }
.prd_tbl_form > div:first-child { width:82%; }
.prd_tbl_form > div:last-child { width:16%; text-align:right;}
.discount_price { padding:5px 0px 5px 0; text-align:right !important; }
.discount_price span { line-height:1; font-family:'Nanum Square'; font-weight:600; font-size:17px;}
.discount_price b {  color:#e9106d;  font-family:'Nanum Square'; font-weight:600; font-size:17px;}
.discount_price span:last-child { padding-left:6px; margin-left:6px; border-left:1px solid #ddd; }

.btn_arrow {font-family:'Nanum Square'; font-size: 17px; font-weight:600; margin:15px 0; padding:10px 50px 10px 30px; display:inline-block;color:#fff; background:#ea106e;}
.btn_arrow:hover {color:#fff;}
.btn_arrow:hover span { width:30px; }
.btn_arrow span { transition:all 0.2s; margin-top:5px; border-bottom:1px solid #fff; margin-left:5px; display:inline-block; width:20px; height:10px; position:absolute; }
.btn_arrow span:after {  position: absolute; content: ''; display: inline-block; right:0;  bottom: 0;   margin-bottom:3px; background: #fff; width:9px;  height: 1px; transform: rotate(45deg); }

.btn_arrow2 {font-family:'Nanum Square'; font-size: 17px; font-weight:600; margin:15px 0; padding:10px 50px 10px 30px; display:inline-block;color:#e9106d; border-radius: 50px; border:1px solid #e9106d;}
.btn_arrow2:hover { background:#e9106d; color:#fff; }
.btn_arrow2:focus { color:#e9106d; }
.btn_arrow2:focus:hover { color:#fff; }
.btn_arrow2:active {color:#fff;}
.btn_arrow2:hover span { width:30px; }
.btn_arrow2:hover span { border-bottom-color:#fff; }
.btn_arrow2:hover span:after { background: #fff; }
.btn_arrow2 span { transition:all 0.2s; margin-top:5px; border-bottom:1px solid #e9106d; margin-left:5px; display:inline-block; width:20px; height:10px; position:absolute; }
.btn_arrow2 span:after { transition:all 0.2s; position: absolute; content: ''; display: inline-block; right:0;  bottom: 0;   margin-bottom:3px; background: #e9106d; width:9px;  height: 1px; transform: rotate(45deg); }

@media (max-width:1660px) {
    .main_prd_slide .prd_wrap p.support { font-size:14px; width:90%; }
}

@media (max-width:991px) {
    #section02 .inner { width: calc(100% - 30px); margin:0 auto 50px; }
    #section02 .slick-dots li button {  width:20px; height:4px;  }
    #section02 .slick-dots li.slick-active button {   }
}

@media (max-width:575px) {
    .prd_tbl { padding:10px ; }
    .prd_tbl > li { font-size:12px; }
    .main_prd_slide .prd_wrap h3 span,
    .main_prd_slide .prd_wrap h2 { font-size:17px; }
    .main_prd_slide .prd_wrap h3 span.del { font-size:14px; }
    .prd_wrap h2 { font-size: 18px; }
    .prd_wrap p { font-size:15px; }
    .prd_tbl > li.th {    font-size: 15px;  }
    .rental_price b {    font-size: 26px;  }
    .discount_price span {font-size: 14px;  }
    .prd_wrap .btn_arrow { width:92%; margin:15px auto; }
     #section02 .inner { padding:30px 0; margin:0 auto; }
}

.section03 {  padding:40px 0; background:#f2f2f2; }
.main_review_area {  }
.main_review_area .row { margin:0 -10px; }
.main_review_area .row [class*="col-"] { margin:10px 0; padding:0 10px; }
.main_review_area.review_type02 {  }
.main_review_area.review_type02 .row { margin:0 -17px; }
.main_review_area.review_type02 .row [class*="col-"] { margin:17px 0; padding:0 17px; }
.main_review_area .review_prd { border:1px solid #ddd; border-bottom:0; }
.review_prd .body { border-bottom:2px solid #ea5087; padding:15px; background:#fff; }
.review_prd h3 { display:inline-block;     font-family: 'Nanum Gothic', sans-serif; border:1px solid #ea5087; padding:3px 10px; margin:0 0 7px; color:#ea5087; font-weight: 500; font-size:13px;  }
.review_prd p { overflow:hidden; margin:0 0;
text-overflow:ellipsis;
white-space:nowrap;
word-wrap:normal;
width:100%; font-family: 'Nanum Square'; color:#222; font-weight: 500; font-size:17px; }
.info_tbl { margin:10px 0 0; padding:0; display:table; width:100%; }
.info_tbl li { font-size:14px; color:#727272; display:table-cell; vertical-align:middle; }
.info_tbl li i { font-size:19px; vertical-align:middle; margin-right:5px; color:#ea5087; }
.info_tbl li:last-child { text-align:right; }
.info_tbl li.th { text-align:left; }
.info_tbl li.th img { margin-top:-2px; vertical-align:middle; margin-right:5px; display:inline-block; }

@media (max-width:1550px) {
    .main_bnr_area .col { margin:0 0.5%; width:19.5%; }
    .main_bnr_area .col.first {  width:32%; }
    .main_bnr_area .col img {  width:100%; }
}

@media (max-width:991px) {
    #section03 { margin:0; padding:50px 0; }
    .main_bnr_area { padding:0 5%; }
    .main_bnr_area .col.first { width:100%; margin:0; }
    .main_bnr_area .col.first p { margin:0 0 2%; display:inline-block; width:49%; }
    .main_bnr_area .col.first p:nth-child(2) { margin-left:2%; }
    .main_bnr_area .col { margin:0; width:32%; margin-left:2%; }
    .main_bnr_area .col:nth-child(2) { margin-left:0; }
    .main_review_area .row { margin:0 -5px; }
    .main_review_area .row [class*="col-"] { padding:0 5px; }
    .info_tbl li { display:block; width:100%; }
}

@media (max-width:575px) {
    .main_bnr_area .col.first p { margin:0; width:100%; }
    .main_bnr_area .col.first p:nth-child(2) {  margin-top:2%; margin-left:0; }
    .main_bnr_area .col { width:100%;  margin-top:2%;  margin-left:0;  }
    .review_prd .body { padding:10px; }
    .review_prd h3 { font-size:15px; }
    .info_tbl li { font-size:11px; }
    .info_tbl li i { margin-right:0; }
    .review_prd p {overflow: hidden; font-size:13px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; /* 라인수 */
-webkit-box-orient: vertical;
word-wrap:break-word; 
line-height: 1.4em; white-space: normal;
height: 2.8em}
}

.section .btnArea { padding:35px 0 0; text-align:center; }


.section.section04 { padding:40px 0;  background:url('/img/section03_bg.jpg') 50% 50% no-repeat; }
.section_dark_bg {  padding:100px 0; background:rgba(0, 0, 0, 0.6) url('/img/section03_bg_dot.png') 50% repeat; }
.section04 a { text-decoration:none; }
.section04 .section_tit { }
.section04 .section_tit p { margin:30px 0 20px; }
.section04 .section_tbl { border:1px solid #ddd; }
.section04 .section_tbl > li { vertical-align:top; position:relative; }
.section04 .section_tbl > li a { margin-top:15px; }
.section04 .section_tbl > li:before { background:#ddd; position:absolute; width:1px; height:100%; top:0; left:0; display:block; content:''; }
.section04 .section_tbl > li:nth-child(1):before { content:none; }
.section04 .section_tbl > li:nth-child p {  margin-bottom:0; }
.section04 .section_tbl > li:last-child p { color:#fff; }
.section04 .section_tbl .feature-box { margin:0; }
.section04 .section_tbl .feature-box img { margin:0 0 10px; }
.section04 .section_tbl .feature-box h1 { margin:8px 0; font-family:'Nanum Square'; font-weight:600; font-size:32px; color:#e9106d; }
.section04 .section_tbl .feature-box h3:before { content:''; background:#e9106d; width:15px; height:3px; margin:12px auto; display:block; }
.section04 .section_tbl .feature-box h3 { margin:0; font-family:'Nanum Square'; font-weight:600; font-size:17px; }
.section04 .section_tbl .feature-box p { margin:5px 0 10px; letter-spacing:-0.5px; color:#222; font-family: 'Nanum Gothic', sans-serif; font-size:15px; }
.section04 .section_tbl > li:hover { opacity:0.9; }
.section04 .section_tbl > li:first-child .feature-box h3:after { content:none; }
.section04 .default-bg { background:url('/img/main_default.jpg') 0 50% no-repeat; }
@media (max-width: 1366px) {
    .section04 .inner { width:90%; }
    .section04 .section_tbl .feature-box h3 { font-size:20px; }
    .section04 .section_tbl .feature-box p { font-size:14px; }
    .section04 .section_tbl .feature-box p br {  }
    .section04 .section_tbl > li .bordered { padding:20px 15px; }
}
@media (max-width: 1200px) {
    .section04 .inner {   }
    .section04 .section_tbl { font-size:0; display:block; }
    .section04 .section_tbl:after { content:''; clear:both; display:block; }
    .section04 .section_tbl > li .bordered { margin:0; }
    .section04 .section_tbl .feature-box p {  }
}
@media (min-width: 1930px) {
    .section.section04 {background: url('/img/w_section03_bg.jpg') 50% 50% no-repeat;}
}
@media (max-width: 1024px) {
    .section04 .section_tbl .feature-box p br { display:none; }
}
@media (max-width: 991px) {
    .section04 .section_tbl .feature-box p br { display:none; }
    .section04 .section_tbl .feature-box h3:before { content:none; }
    .section04 .section_tbl .feature-box h3:after {     content: '';
    background: #e9106d;
    width: 15px;
    height: 3px;
    margin: 12px 0;
    display: block;
}
    .section04 .section_tbl > li:first-child .feature-box h3:after {     content: '';
    background: #e9106d;
    width: 15px;
    height: 3px;
    margin: 12px 0;
    display: block;
}
    .section_dark_bg { padding:60px 0; }
    .section04 .section_tit { margin:0 0 40px; }
    .section04 .section_tbl > li .bordered { border:0; }
    .section04 .section_tbl > li:before { content:none; }
    .section04 .section_tbl .feature-box > img { width:15%; margin-right:5%; vertical-align:middle; display:inline-block; }
    .section04 .section_tbl .feature-box > div { width:79%; vertical-align:middle; display:inline-block; }
    .section04 .section_tbl .feature-box { text-align:left; }
    .section04 .section_tbl > li  { border-bottom:1px solid #ddd; display:block; float:none;  width:100%;  }
    .section04 .section_tbl > li:last-child { border-bottom:0; }
}
@media (max-width: 575px) {
    .section04 .section_tbl .feature-box p br { display:none; }
    .section04 .section_tbl > li  { width:100%;  }
    .section04 .section_tbl .feature-box h3 { font-size:16px; }
    .section04 .section_tbl > li a { padding:0 30px; height:36px; line-height:36px; }
}















.list-inline>li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}

.copyRight {
  display: block;
  background-color: #232629;
  padding: 30px 0;
}

  .copyRight .list-inline {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0 0 30px 0;
  }

  .copyRight .list-inline {
    float: right;
    width: auto;
    text-align: left;
    margin-bottom: 0;
  }

.copyRight .list-inline li a {
  font-size: 13px;
  color: #929497;
}

.copyRight .list-inline li a:hover {
  color: #ff891e;
}

.copyRightText p {
  margin-bottom: 0;
  color: #929497;
}

.copyRightText p a {
  color: #929497;
}

.copyRightText p a:hover {
  color: #ff891e;
}

@media (max-width: 767px) {
  .copyRightText p {
    font-size: 11px;
    text-align: center;
  }
}

@media (min-width: 768px) {
  .copyRightText p {
    font-size: 13px;
    text-align: left;
  }
}
.p_point {font-family: 'Nanum Gothic', sans-serif; margin:0 0 10px; display:inline-block; font-weight:bold; font-size:13px; border:1px solid #ff891e; width: 70px; text-align: center; color: #ff891e !important; padding: 2px 3px; }
.p_point_blue {font-family: 'Nanum Gothic', sans-serif; margin:0 0 10px; display:inline-block; font-weight:bold; font-size:13px; border:1px solid #0ab2ff; width: 70px; text-align: center; color: #0ab2ff !important; padding: 2px 3px; }
.p_point_red {font-family: 'Nanum Gothic', sans-serif; margin:0 0 10px; display:inline-block; font-weight:bold; font-size:13px; border:1px solid #ff4716; width: 70px; text-align: center; color: #ff4716 !important; padding: 2px 3px; }


.at_map_footer { position:fixed; z-index:2; bottom:0; left:0; right:0; background:#f30; width:100%; }
.at_map_footer .copyRight { padding:10px 0; }
.at_map_footer .footer-logo { margin:0; }
.at_map_footer .copyRightText {  margin-left:30px; }
.at_map_footer .footer-logo,
.at_map_footer .copyRightText { display:inline-block;  vertical-align:middle; }

.page_path { margin:0 0 70px; background:#fff; padding:10px 0; border-bottom:1px solid #ccc; }
.page_path h3 { position:relative;  padding:10px 0; padding-left:38px; margin:0; display:inline-block; color:#0ab2ff; font-family:'Nanum Square';  font-weight:500; font-size:20px;  }
.page_path h3:before {  position:absolute; left:0; top:6px; content:url('/img/icon_tit01.png'); display:inline-block; vertical-align:middle; }
.page_path .breadcrumb { float:right; }
.page_path a:hover { text-decoration:none !important; }
.page_path li {  color:#000;   font-family:'Nanum Square';  font-weight:500; font-size:17px;  }
.page_path .breadcrumb > li + li:before { vertical-align:middle; color:#999; font-size:20px; font-family: 'xeicon' !important; content:"\e940" !important; }
.page_path li.active { color:#0ab2ff; }
@media (max-width: 991px) {
    .page_path { background:#555;  text-align:center; padding:0px 0; margin:0 0 20px; }
    .page_path .breadcrumb { display:none; }
    .page_path h3 { font-size: 15px; color:#fff; font-weight:600; padding-left: 30px; }
    .page_path li { font-size: 14px; }
    .page_path h3:before { top:3px; transform: scale(.6); }

    .sub_page.myp .page_path { margin:0; }
}


.sub_page { padding:0 0 0; }
.sub_tit {   }
.sub_tit .tit_bg { table-layout:fixed; height:220px; width:100%; display:table;  }
.sub_tit .tit_bg img { display:inline-block; }
.sub_tit .tit_bg.menu_list { background:url('/img/menu_list.jpg') 50% 50% no-repeat; }
.sub_tit .tit_bg.startup_list  { background:#bbeef2 url('/img/startup_list.jpg') 50% 50% no-repeat; }
.sub_tit .tit_bg.community  { background:#bbeef2 url('/img/sub_tit_bg.jpg') 50% 50% no-repeat; }
.sub_tit .tit_bg.partner  { background:#2a2b2f url('/img/sub_page_top14.jpg') 50% 50% no-repeat; }
.sub_tit .tit_bg.board01  { background:#2b2d2c url('/img/sub_page_top12.jpg') 50% 50% no-repeat; }
.sub_tit .tit_bg.board02  { background:#24282b url('/img/sub_page_top13.jpg') 50% 50% no-repeat; }
.sub_tit .tit_bg.benefit  { background:#292a2e url('/img/sub_page_top00.jpg') 50% 50% no-repeat; }
.sub_tit .tit_bg.goods { background:url('/img/sub_page_top02.jpg') 50% 50% no-repeat; }
.sub_tit .tit_bg.goods01 { background:url('/img/sub_page_top01.jpg') 50% 50% no-repeat; }
.sub_tit .tit_bg.goods06 { background:#333738 url('/img/sub_page_top06.jpg') 50% 50% no-repeat; }
.sub_tit .tit_bg.goods07 { background:#232d2c url('/img/sub_page_top07.jpg') 50% 50% no-repeat; }
.sub_tit .tit_bg.goods08 { background:#28292e url('/img/sub_page_top08.jpg') 50% 50% no-repeat; }
.sub_tit .tit_bg.goods09 { background:#2b2c31 url('/img/sub_page_top09.jpg') 50% 50% no-repeat; }
.sub_tit .tit_bg.goods10 { background:#28292e url('/img/sub_page_top10.jpg') 50% 50% no-repeat; }
.sub_tit .tit_bg.goods11 { background:#2c2c2e url('/img/sub_page_top11.jpg') 50% 50% no-repeat; }
.sub_tit .tit_bg.myp  { background:url('/img/sub_page_top08.jpg') 50% 50% no-repeat; }
.sub_tit .tit_bg .tit_txt { padding-top:100px; display:table-cell; vertical-align:middle;}
.sub_tit .tit_bg .tit_txt h1 { font-weight:500; position:relative; font-family: 'Nanum Barun Gothic', sans-serif; font-size:44px; color:#242424; }
.sub_tit .tit_bg .tit_txt h1 span { top:-20px; display:block; left:50%; transform:translateX(-50%); position:absolute;  background:#e7141b; width:37px; height:10px; }
.sub_tit .tit_bg .tit_txt h3 { color:#fff; font-family:arial; font-size:20px; }
.sub_tit_inner { display:table-cell; vertical-align:middle; }
.sub_tit_inner .inner { width:1010px; text-align: center;}
.sub_tit .tit_bg.partner *, 
.sub_tit .tit_bg.board *,
.sub_tit .tit_bg.benefit *,
.sub_tit .tit_bg.myp *,
.sub_tit .tit_bg.goods * { color:#fff; }
.sub_tit .tit_bg.board01 *, .sub_tit .tit_bg.board02 *, .sub_tit .tit_bg.goods01 *, .sub_tit .tit_bg.goods06 *, .sub_tit .tit_bg.goods07 *, .sub_tit .tit_bg.goods08 *, .sub_tit .tit_bg.goods09 *, .sub_tit .tit_bg.goods10 *, .sub_tit .tit_bg.goods11 * { color:#fff; }
.sub_tit .tit_bg h1 { margin:0; font-weight:500; font-family:'Nanum Square'; font-size:32px; }
.sub_tit .tit_bg h1 span { font-weight:600; }
.sub_tit .tit_bg p { margin:0px 0 0; font-weight:500; font-family:'Nanum Square'; font-size:20px; }
.sub_tit .tit_bg p:after { margin:10px auto 15px; display:block; content:''; width:30px; height:2px; background:#fff; }
@media (max-width: 1199px) {
    .sub_tit_inner .inner {  width: calc(100% - 5%) }
}
@media (max-width: 991px) {
}
@media (max-width: 800px) {
    .sub_tit .tit_bg { height:250px; background-size: cover !important; }
    .sub_tit .tit_bg .tit_txt {  }
    .sub_tit .tit_bg .tit_txt h1 { font-size:34px; }
    .sub_tit .tit_bg .tit_txt h1 span { top:-16px; height:8px; }
}
@media (max-width: 575px) {
    .sub_tit .tit_bg { height:150px; background-size: cover !important; }
    .sub_tit .tit_bg .tit_txt { padding-top:100px; }
    .sub_tit .tit_bg .tit_txt h1 { font-size:34px; }
    .sub_tit .tit_bg .tit_txt h1 span { top:-16px; height:8px; }
    .sub_tit .tit_bg p { font-size:14px; }
    .sub_tit .tit_bg h1 { font-size:22px; margin-top:10px; }
    .sub_page { padding:0 0 30px; }

}







/* 서브페이지작업 18.04.26 */
.sub_tit .tit_bg.store {  }
.sub_tit .tit_bg.store h1 { color:#fff; text-shadow:3px 0px 9px #000000; }
.sub_tit .tit_bg.store h3 { text-shadow:2px 2px 4px #000000; }
.search_page img { vertical-align:middle; display:inline-block; }
.search_page {  text-align:center; }
.search_page .container { max-width:1200px; }
.search_top { padding:40px 0 30px; }
.search_top img {   }
.search_top h2 { margin:20px 0 0; text-align:center; position:relative; color:#323232; font-size:24px; letter-spacing:-0.5px; font-weight:600; font-family:'Nanum Square'; }
.search_top h2:after { margin:12px auto 20px; display:block; content:'';   width:40px; height:3px; background:#ea5413; }
.search_top h3 {  margin:0 0 5px; color:#505050; font-size:17px; letter-spacing:-0.5px; font-weight:500; font-family:'Nanum Square'; }
.search_top p { margin:0; color:#727272; font-size:15px; letter-spacing:-0.5px; font-weight:500; font-family:'Nanum Square'; }
.search_form { display:table; width:100%; padding:20px 30px; background:#fff; border:1px solid #ccc; }
.search_form img { display:inline-block; }
.search_form > div {  display:table-cell;vertical-align:middle; }
.search_form > div:nth-child(1) { width:21%; text-align:left; }
.search_form > div:nth-child(1) img,
.search_form > div:nth-child(1) p { display:inline-block; vertical-align:middle; }
.search_form > div:nth-child(1) p { margin:0; color:#000;  font-family: 'Nanum Gothic', sans-serif;  font-size:15px; }
.search_form > div:nth-child(2) {  width:79%;  }
.search_form > div:nth-child(2) ul { padding:0; margin:0; display:table; width:100%; }
.search_form > div:nth-child(2) li { padding:0 3px; display:table-cell;vertical-align:middle;  }
.search_form > div:nth-child(2) li a { text-align:center; width:100%; font-family: 'Nanum Gothic', sans-serif;  display:inline-block; font-size:15px;   height:45px; line-height:45px;   }
.search_form > div:nth-child(2) li a i { vertical-align:middle; margin-top:-2px; }
.search_form > div:nth-child(2) li a img { margin:0 0 0 8px; }
.search_form > div:nth-child(2) li:nth-child(1),
.search_form > div:nth-child(2) li:nth-child(2) { width:24%; }
.search_form > div:nth-child(2) li:nth-child(3) { font-size:0; width:43%; }
.search_form > div:nth-child(2) li:nth-child(4) { width:17%; }
.search_result { padding:40px 0 0; }
.search_result p {   font-family:'Nanum Square';  font-weight:600; color:#515151;font-size:15px; }
.search_result p span { color: #e7141b; }
.tbl_wrap { text-align:left; }
.tbl_wrap img { display:inline-block; vertical-align: middle; }
.tbl_wrap table { width:100%; }
.tbl_wrap table th,
.tbl_wrap table td{  padding:14px 0; text-align:center;  font-family:'Nanum Square';  }
.tbl_wrap table th{ border-bottom:1px solid #515151; border-top:2px solid #e7141b; font-weight:600; color:#2b2b2b;font-size:17px;  }
.tbl_wrap table td{ border-bottom:1px solid #c9c9c9; color:#515151; font-weight:500; font-size:15px;  }
.tbl_wrap table td span { padding-right:10px; }
@media (max-width: 1279px) {
    .search_form > div { width:100%; margin:auto; display:block; }
    .search_form > div:nth-child(1) {   width:100%; text-align:center; margin-bottom:20px; }
    .search_form > div:nth-child(2) { width:100%;   }

}
@media (max-width: 1090px) {
    .search_form > div { margin:auto; display:block; }
    .search_form > div:nth-child(1) { margin-bottom:20px; }
    .tbl_wrap table th { font-size:15px; }
    .tbl_wrap table td {  text-align:left; padding:10px 0;  font-size:12px; }
    .at_responsive_tbl thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
    .at_responsive_tbl tr { border-bottom:10px solid #eee; border-top:2px solid #ea5413;  display: block; }
    .at_responsive_tbl td {display: block;  text-align: left;}
    .at_responsive_tbl td:before { min-height:30px; margin-left:10px; min-width:80px; content: attr(data-label); float: left;  font-size:13px; font-weight: bold; text-transform: uppercase; }
}
@media (max-width: 767px) {
    .search_form > div:nth-child(2) li { margin:5px 0 0; width:100% !important; display:inline-block; }
    .tbl_wrap table td span img { width:14px; }

}


.review_s .search_form > div:nth-child(2) li a { text-align:center;  width:49%; font-family: 'Nanum Gothic', sans-serif;   display:inline-block; font-size:15px;   height:45px; line-height:45px;   }
.review_s .search_form > div:nth-child(2) li a:last-child { margin-left:1%; }
.review_s .search_form > div:nth-child(2) li a img { margin:0 0 0 8px; }


.at_select input,
.at_select select { border:1px solid #ccc; padding:0 2%; font-family: 'Nanum Gothic', sans-serif;    color:#2b2b2b;font-size:14px; height:35px; line-height:35px;  width:100%;  }
.at_select select { appearance: none; -webkit-appearance: none; -moz-appearance: none;background:#fff url('/img/icon_select_arrow.png') no-repeat 100% 50%;  }
.at_select select::-ms-expand { display: none;  }


.must:after { content:'*'; padding-left:5px; color:#e9106d; font-family: 'Nanum Square';   font-weight:600;  }




.bd_search_form { display:table; width:80%; margin:30px auto; }
.bd_search_form ul { font-size:0; text-align:center; padding:0; margin:0; width:100%; }
.bd_search_form ul li { margin:0 0.5%;   padding:0; display:inline-block; vertical-align:middle;  }
.bd_search_form ul li a { width:100%; font-family: 'Nanum Gothic', sans-serif;   display:inline-block; font-size:15px;  height:45px; line-height:45px; background:#000; color:#fff; }
.bd_search_form ul li a i { vertical-align:middle; margin-top:-2px; }
.bd_search_form ul li a img { display:inline-block; margin:0 0 0 8px; }
.bd_search_form ul li:nth-child(1) { width:20%;   }
.bd_search_form ul li:nth-child(2) { width:45%;   }
.bd_search_form ul li:nth-child(3) { width:20%; }


.bd_notice_icon { background:#eb5312; color:#fff; padding:5px 10px; }

.request_page .container { max-width: 1200px; }
.request_page { background:#f8f8f8; }
.request_page .request_top {  padding: 50px 0 0; }
.request_page .request_top:after { content:''; clear:both; display:block; }
.request_page .request_top > li {  }
.request_page .request_top > li:nth-child(1) { float:right; }
.request_page .request_top > li:nth-child(2) { float:left; }
.request_page .request_top h2 { color:#d32a31;  text-align: left; position: relative; font-size: 24px; letter-spacing: -0.5px; font-weight: 600; font-family:'Nanum Square'; }
.request_page .request_top h2:after {margin: 12px 0 20px;  display: block; content: ''; width: 40px; height: 3px; background: #d32a31; }
.request_page .request_top p { color: #383838; font-size: 17px; letter-spacing: -0.5px; font-weight: 500; font-family: 'Nanum Square'; }
.request_page {  }
.request_form_wrap { background:#fff;  padding:30px 50px; }
.request_form_wrap h3 { text-align:center; margin:0 0 20px; font-size: 17px; letter-spacing: -0.5px; font-weight: 600; font-family: 'Nanum Square'; color:#ea5413; }
.request_form { border-bottom:2px solid #c6c6c6; }
.request_form ul { padding:0; margin:0; }
.request_form ul li { font-size:0; padding:10px 0; border-top:1px solid #ccc;  }
.request_form ul li > div { vertical-align:middle; display:inline-block; color: #383838; font-size: 15px; letter-spacing: -0.5px; font-weight: 600; font-family: 'Nanum Square'; }
.request_form ul li > div:nth-child(1) { width:16%; }
.request_form ul li > div:nth-child(2) { text-align:center; width:40%; }
.request_form ul li.num > div:nth-child(2):after { content:''; clear:both; display:block; }
.request_form ul li.num > div:nth-child(2) input:first-child { float:left; }
.request_form ul li.num > div:nth-child(2) input:last-child { float:right; }
.request_form ul li > div:nth-child(2) > input { width:32%; display:inline-block; }
.request_form ul li > div:nth-child(3) { text-align:right; width:44%; }
.request_form ul li > div:nth-child(3) span {   background:url('/img/icon_form_check.png') 0 50% no-repeat; padding-left:5%; }
.request_form select,
.request_form input { border:1px solid #c6c6c6; }
.request_form .tit { background:url('/img/icon_form_tit.png') 0 50% no-repeat; padding-left:3%; }
.request_form ul { border-top:3px solid #ea5413; }
.request_form ul li.name div input { width:100%;  }
.request_form ul li.local div select { width:49%;  }
.request_form ul li.local div:after { content:''; clear:both; display:block; }
.request_form ul li.local div select:nth-child(1) {  float:left;  }
.request_form ul li.local div select:nth-child(2) { float:right; }
.request_form ul li:nth-child(1) {  border-top:0; }

.private_form h3 { margin:30px 0 20px; font-size: 17px; letter-spacing: -0.5px; font-weight: 600; font-family: 'Nanum Square'; color:#575757; }
.private_form textarea { width:100%; min-height:150px; max-height:150px; border-color:#c6c6c6; }

.private_form label {  font-size: 15px; letter-spacing: -0.5px; font-weight: 500; font-family:'Nanum Square'; color:#575757;  width:100%; margin:5px 0 10px !important; display: block; position: relative; padding-left: 25px; cursor: pointer; }
.private_form label input { position: absolute; opacity: 0; cursor: pointer; }
.private_form label .checkbox_style {  border:1px solid #c6c6c6; position: absolute; top: 2px; left: 0; height: 16px; width: 16px; background-color: #eee;  }
.private_form label .checkbox_style:after { left: 5px; content: ""; position: absolute; display: none; top: 1px; width: 5px; height: 9px; border: solid white; border-width: 0px 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.private_form label input:checked ~ .checkbox_style { background:#e7141b;  }
.private_form label input:checked ~ .checkbox_style:after { display:block; }
.request_btn { padding:20px 0 70px; text-align:center; }
.request_btn a {  font-family: 'Nanum Square'; font-size:17px; border-radius:0; background:#d32a31; border-color:#d32a31; }
.request_btn a img { -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; top:12px; min-width: 12px; right: 25px; min-width: 15px; text-align: center; }
.request_btn a:hover { background:#902327;  border-color:#902327;  }
.request_btn a:hover img { right: 13px; }

@media (max-width: 1280px) {
    .request_form ul li > div:nth-child(3) { text-align:left; padding-left:20px; }
}
@media (max-width: 1199px) {
    .request_page .request_top > li { text-align:center; float:none !important; }
    .request_page .request_top > li img { margin:auto; }
    .request_page .request_top h2 {  margin:20px 0 15px; text-align:center;}
    .request_page .request_top h2:after { margin:12px auto 20px; }
    .request_form_wrap { padding:30px 30px; }
    .request_form ul { padding:10px 0; }
    .request_form ul li { border:0 ; }
    .request_form ul li > div { width:100% !important; }
    .request_form ul li > div:nth-child(1) { margin:0 0 10px; }
    .request_form ul li > div:nth-child(3) { margin:10px 0 0; padding:0; }
    .request_form ul li > div:nth-child(3) span { padding-left:25px; }
    .request_form .tit { padding-left:30px; }
}

@media (max-width: 575px) {
    .request_form ul li > div { font-size:13px; }
    .at_select input, .at_select select { height:32px; line-height:32px; font-size:12px; }
    .request_btn a,
    .private_form label,
    .private_form h3,
    .request_form_wrap h3 { font-size:14px; }
}


.board_page { padding:40px 0; }
.board_page .container { }

.sub_top_tit { padding:40px 0 30px; text-align:center;  }
.sub_top_tit img { margin:auto;  }
.sub_top_tit h2 { margin:20px 0 5px; text-align:center; position:relative; color:#323232; font-size:24px; letter-spacing:-0.5px; font-weight:600; font-family: 'Nanum Square'; }
.sub_top_tit h3 {  margin:0 0 5px; color:#505050; font-size:17px; letter-spacing:-0.5px; font-weight:500; font-family: 'Nanum Square'; }
.sub_top_tit p { margin:0; color:#727272; font-size:17px; letter-spacing:-0.5px; font-weight:500; font-family: 'Nanum Square'; }
.sub_top_tit.no_img { padding:0 0 30px; }


.search_paging { margin:50px 0 0; text-align:center; }
.search_paging a { vertical-align:top; display:inline-block;  color:#727272;  line-height:40px; text-align:center; width:40px; height:40px; border:1px solid #c9c9c9; font-weight:500; font-family: 'Nanum Square'; font-size:15px; }
.search_paging > a i { line-height:39px; font-size:24px; }
.search_paging > a:hover { color:#000; }
.search_paging > p { margin:0 20px; vertical-align:middle; display:inline-block; }
.search_paging > p a { margin:0 2px; }
.search_paging > p a.active { border-color:#0ab2ff; color:#0ab2ff; }
.search_paging > p a.active:hover { color:#0ab2ff; }
.search_paging > p a:hover { background:#f5f5f5; color:#333; }


.at_ul_tbl { padding:0;  }
.at_ul_tbl li { border-bottom:1px solid #ccc; width:100%; display:table;  text-align:center; }
.at_ul_tbl li:hover { background:#f5f5f5; }
.at_ul_tbl li > div { color: #515151; font-family: 'Nanum Square';
font-weight: 500;
font-size: 15px; padding: 14px 0; display:table-cell; }
.at_ul_tbl li > div.num { width:5%; }
.at_ul_tbl li > div.tit { text-align:left; padding:0 0 0 10%; }
.at_ul_tbl li > div.writer { width:15%;  }
.at_ul_tbl li > div.writer span { padding-right:10px; }
.at_ul_tbl li > div.writer span img { width:30px; }
.at_ul_tbl li > div.date { width:13%;  }
.at_ul_tbl li > div.cnt { width:8%;  }
.at_ul_tbl li.th { border-top:3px solid #0ab2ff;     border-bottom: 1px solid #515151;  }
.at_ul_tbl li.th:hover > div { background:#fff; }
.at_ul_tbl li.th > div {     
text-align: center;
font-family: 'Nanum Square'; font-weight: 600; color: #2b2b2b; font-size: 17px; }
.at_ul_tbl li.th > div.tit { padding:0; text-align:center; }

@media (max-width: 1199px) {
   /* .board_page .container { padding:0; }*/
    .board_page .at_ul_tbl { border-top:1px solid #ccc; }
    .board_page .at_ul_tbl li { padding:5px 15px; text-align:left; }
    .board_page .at_ul_tbl li.th { display:none; }
    .board_page .at_ul_tbl li > div { padding:0; font-size:12px; margin-right:15px; display:inline-block; width:auto; }
    .board_page .at_ul_tbl li > div.num { display:none; }
    .board_page .at_ul_tbl li > div.tit {  font-size:13px; width:100%; display:block; padding:0; }
    .board_page .at_ul_tbl li > div.cnt {  }
    .board_page .at_ul_tbl li > div.cnt:before { content:'조회수'; display:inline-block; margin-right:5px; }
    .board_page .at_ul_tbl li > div.writer span img { width:20px; }
    .bd_search_form { width:100%; }
    .bd_search_form ul li { width:80% !important; margin:5px 0 0; }
}



.store_view_wrap > .row {  border:1px solid #ccc; margin:45px 0; }
.store_view_wrap > .row:nth-child(1) { padding:40px; margin-bottom:30px; }
.store_view_wrap > .row:nth-child(2)  { margin-top:30px; }
.store_view_wrap { }
.store_view_wrap .col-md-6 { padding:0;  }
.store_view_wrap .col-md-6.thumb {  }
.store_view_wrap .col-md-6.thumb .slick-slide { text-align:left;  }
.store_view_wrap .col-md-6.thumb .main_s_arrow { border-color:#fff; width:48px; height:48px; line-height:48px; }
.store_view_wrap .col-md-6.thumb .main_s_arrow i { line-height: 43px; font-size:22px; color:#fff; }
.store_view_wrap .col-md-6.thumb .main_s_arrow.slick-prev {  left:15px;  }
.store_view_wrap .col-md-6.thumb .main_s_arrow.slick-next {  right:55px;  }
.store_tbl {  }
.store_tbl h1 { margin: 20px 0 0; text-align: center; position: relative; color: #323232; font-size: 24px; letter-spacing: -0.5px; font-weight: 600; font-family: 'Nanum Square'; }
.store_tbl h1:after { margin: 12px auto 20px; display: block; content: ''; width: 40px; height: 3px; background: #ea5413; }
.store_tbl h3 {  text-align:left;   margin: 0 0 11px; color: #505050; font-size: 19px; letter-spacing: -0.5px; font-weight: 600; font-family: 'Nanum Square'; }
.store_tbl table { width:100%; border-top:2px solid #e7141b; }
.store_tbl table tr {   border-bottom:1px solid #ccc; }
.store_tbl table td { padding:14px 0; text-align:left;    color: #383838; font-size: 15px; font-weight: 500; letter-spacing: -0.5px; font-family: 'Nanum Square'; }
.store_tbl table td:nth-child(1) {  background: url(/img/icon_form_check.png) 0 50% no-repeat; padding-left: 5%; }


.store_btn a.btn-animated.btn-lg { padding-right:25px !important; padding-left:60px; font-family: 'Nanum Square'; font-size:17px; border-radius:0; color:#363636; background:#fff; border-color:#a0a0a0; }
.store_btn a img { -webkit-transition: left 0.2s ease-in-out; -o-transition: left 0.2s ease-in-out; transition: left 0.2s ease-in-out; z-index: 3; left: 17px; position: absolute; top:17px; min-width: 12px; left: 25px; min-width: 15px; text-align: center; }
.store_btn a.btn-animated.btn-lg:hover { background:#f5f5f5;  }
.store_btn a:hover img { left: 13px; }
.store_btn a:after { right:auto; left:0px; }


.sub_cont { text-align:center; }
.sub_cont .container {     max-width: 1200px; }

@media (max-width: 1199px) {
    .store_view_wrap .col-md-6 { width:100%;  flex: 0 0 100%; max-width:100%; }
    .store_view_wrap .col-md-6.thumb { margin:0 0 30px; }
    .store_view_wrap .col-md-6.thumb .slick-slide img { width:100%;}
    .store_view_wrap .col-md-6.thumb .main_s_arrow.slick-next { right: 15px; }
    .store_view_wrap > .row:nth-child(1) { padding:20px; }
}

@media (max-width: 575px) {
    .store_tbl table td:nth-child(1) { padding-left:25px;  }
    .store_tbl table .th { width:100px; }
    .store_btn a.btn-animated.btn-lg { font-size:14px; }
}



.sub_tit .tit_bg.brand_top { height:730px; }
.sub_tit .tit_bg.brand_top .tit_txt { text-align:center; position:relative; }
.sub_tit .tit_bg.brand_top .tit_txt > div { margin-top:-4%; }
.sub_tit .tit_bg.brand_top .tit_txt > div.ment01 {  margin-left:35%; vertical-align:top; display:inline-block; }
.sub_tit .tit_bg.brand_top .tit_txt > div.ment02 { margin-left:2%; vertical-align:top; display:inline-block; }
.sub_tit .tit_bg.brand_top .tit_txt > div.ment03 { margin-top:0; position:absolute; width:100%; height:45px; background:url('/img/brand_info_title.png') 50% 50% no-repeat; bottom:15px; }



.brand_step { width: calc(100% - 15%); margin:40px auto 0; }
.brand_step img { margin:auto; border:1px solid #ddd; }
.brand_step h1 { margin:20px 0 30px; text-align:center; }
.brand_step h1 span {  font-family: 'Nanum Square';  border-radius:50%; background:#d12514; color:#fff; display:inline-block; width:37px; height:37px; line-height:37px; text-align:center; }
.brand_step h3 { padding:0 0 30px; text-align:center;  color:#d12514; font-family: 'Nanum Square'; font-size:30px; background:url('/img/brand_icon_bg.png') 50% 100% no-repeat; }
.brand_step p { margin:20px 0 0; text-align:center; color:#3a3a3a; font-family: 'Nanum Square'; font-weight:500; font-size:17px;  }

h3.brand_tit { color:#222; font-family: 'Nanum Square'; font-weight:500; font-size:20px;  }
h3.brand_tit:before { content:url('/img/history_year_tit.png'); margin-right:10px; vertical-align:middle; display:inline-block; }
.brand_history { margin:70px 0 0; padding:70px 0; background:#f8f8f8; }
.brand_history .inner { margin:auto;   width:1200px;  }
.brand_history ul { position:relative; padding:0; }
.brand_history ul:after {  position:absolute; content:''; top:0; left:50%; margin-left:-2px; display:inline-block; width:5px; height:80%; background:#d8d8d8; }
.brand_history ul li { min-height:410px; z-index:2; position:relative; }
.brand_history ul li.history2017 { min-height:540px; }
.brand_history ul li.history2018 { min-height:300px; }
.brand_history ul li .history_cont {  top:86px; position:absolute; width:50%; }
.brand_history ul li h1 { margin:0; line-height:202px; text-align:center; height:202px; background:url('/img/history_year_bg.png') 50% 50% no-repeat; color:#333; font-family: 'Nanum Square'; font-weight:500; font-size:30px;  }
.brand_history ul li h1.now { color:#ff8400; }
.brand_history ul li h5 { margin:20px 0 0px; color:#e7141b; font-family: 'Nanum Square'; font-weight:500; font-size:24px; }
.brand_history ul li p { margin:0; color:#222; font-family: 'Nanum Square'; font-weight:500; font-size:18px; }
.brand_history ul li.history_left .history_cont { padding-right:130px; text-align:right; }
.brand_history ul li.history_right .history_cont { padding-left:130px; left:50%;  text-align:left; }

.brand_bi {  padding:70px 0; }
.brand_bi .inner { margin:auto;   width:1200px;  }
.brand_bi .inner p { margin:auto; color:#222; font-family: 'Nanum Square'; font-weight:500; font-size:17px;  }
.brand_bi ul { padding:0; }
.brand_bi ul li { line-height:300px;  position:relative; text-align:center;  margin:20px 0; border:1px solid #ababab; background:url('/img/bi_bg.png') 50% 50% repeat;  }
.brand_bi ul li img { margin:0 60px; display:inline-block; }
.logo_color { line-height:1; position:absolute; right:50px; bottom:20px; }
.logo_color span { margin:10px 0; width:128px; height:45px; line-height:45px; text-align:center; color:#fff;  font-family: 'Nanum Square';  font-size:17px; display:block; position: relative; }
.logo_color span.bg01 {  background:url('/img/bi_color_bg01.png') 50% 50% no-repeat; }
.logo_color span.bg02 {  background:url('/img/bi_color_bg02.png') 50% 50% no-repeat; }
.logo_color span.bg03 {  background:url('/img/bi_color_bg03.png') 50% 50% no-repeat; }

.brand_ceo {  }
.brand_ceo ul {   position:relative; margin:-1px 0 0; padding:0; display:table; width:100%; }
.brand_ceo ul:nth-child(1) { background:#f5f5f5; }
.brand_ceo ul:nth-child(1) h2 {color:#ff8400; }
.brand_ceo ul:nth-child(2) { background:#d12514 url('/img/ceo_bg.png') 50% 50% repeat; }
.brand_ceo ul:nth-child(2) h3,
.brand_ceo ul:nth-child(2) p { color:#fff; }
.brand_ceo ul li {  display:table-cell; vertical-align:middle; width:60%; }
.brand_ceo ul li h2 { padding-bottom: 30px; margin:0 0 5px; position:relative; color:#fff; letter-spacing:-1px;  font-family: 'Nanum Myeongjo', serif;  font-size:26px; }
.brand_ceo ul li h2:before { bottom:0; position:absolute; right:50%; content:url(/img/ceo_line01.png); display:block; }
.brand_ceo ul:nth-child(2) h2 { }
.brand_ceo ul:nth-child(2) h2:before { right:0; left:50%; content:url(/img/ceo_line02.png); display:block;  }
.brand_ceo ul li h2 span {  font-weight: 600; }
.brand_ceo ul li h2 span b  { font-weight: bolder; }
.brand_ceo ul li p { line-height:2; color:#222;  font-weight: 500; font-family: 'Nanum Square';  font-size:17px; }
.brand_ceo ul li p span { font-size:24px; }
.brand_ceo ul li h3 { margin:0; color:#222;  font-weight: 500;  font-family: 'Nanum Square';  font-size:23px; }
.brand_ceo ul li.thumb { width:40%; }
.brand_ceo ul li.thumb img { margin:auto; }
.brand_ceo ul li div { width:100%; position:absolute; top:50%;  width:1200px; left:50%; transform:translate(-50%, -50%); }
.brand_ceo ul:nth-child(2) div { text-align:right; }

.brand_history_bg {  }
.brand_history_bg img { position:absolute; }
.brand_history_bg img.bg01 { top:8%; right:0; }
.brand_history_bg img.bg02 { top:50%; left:-10%; }
.brand_history_bg img.bg03 { bottom:0; right:-10%; }


@media (max-width: 1660px) {
    .brand_ceo ul li h3,
    .brand_ceo ul li h2 { font-size:23px; }
    .brand_ceo ul li p { line-height:1.8; }
}


@media (max-width: 1460px) {
    .sub_tit .tit_bg.brand_top .tit_txt > div.ment01 {margin-left:30%;  }
    .sub_tit .tit_bg.brand_top .tit_txt > div.ment02 {  }
}

@media (max-width: 1375px) {
    .brand_step h3 { font-size:25px; }
    .brand_step p br { display:none; }
    .brand_ceo ul li p { line-height:1.6; }
    .brand_ceo ul li h3, .brand_ceo ul li h2 { font-size:20px; }
}

@media (max-width: 1340px) {
    .sub_tit .tit_bg.brand_top { background-position:50% 70% !important; height: 630px; }
    .sub_tit .tit_bg .tit_txt  { padding-top:190px; padding-right:3%; }
    .sub_tit .tit_bg.brand_top .tit_txt { text-align:right; }
    .sub_tit .tit_bg.brand_top .tit_txt > div.ment01,
    .sub_tit .tit_bg.brand_top .tit_txt > div.ment02 {   margin:auto;  }
    .sub_tit .tit_bg.brand_top .tit_txt > div.ment02 { margin-left:30px; }
    .sub_tit .tit_bg.brand_top .tit_txt > div.ment01 img,
    .sub_tit .tit_bg.brand_top .tit_txt > div.ment02 img { margin:auto; text-align:center; }
    .sub_tit .tit_bg .tit_txt { vertical-align:top; }
}


@media (max-width: 1280px) {
    h3.brand_tit { padding-left:7%; }
    .brand_bi h3.brand_tit { padding-left:0; }
    .brand_history .inner { width:100%; }
    .brand_bi .inner { width: calc(100% - 15%); }
    .brand_history ul li h5 { font-size:20px; }
    .brand_ceo ul li p,
    .brand_history ul li p {    font-size: 14px; }
    .brand_bi ul li img {     margin: 0 20px; }
}

@media (max-width: 1240px) {
    .brand_ceo ul li h3, .brand_ceo ul li h2 { font-size:16px; }
    .brand_ceo ul li div { width:100%; left:55%; }
    .brand_ceo ul:nth-child(2) div { left:45%; }
    .brand_ceo ul li p, .brand_history ul li p { font-size:13px; }
}

@media (max-width: 991px) {
    h3.brand_tit { font-size:30px; margin:0 0 30px; text-align:center; padding-left:0; }
    .brand_step h3 { font-size:20px; }
    .brand_step p { font-size: 14px; }
    .brand_history ul { margin:auto; width: calc(100% - 30%); }
    .brand_history ul:after { content:none; }
    .brand_history ul li { margin:0 0 40px; min-height:auto; }
    .brand_history ul li h1 { text-align:left !important; height:auto; line-height:1; background:none; }
    .brand_history ul li .history_cont { width:100%; padding:0; text-align:left !important; top:0; position:relative; }
    .brand_history ul li.history_left .history_cont,
    .brand_history ul li.history_right .history_cont { padding-right:0; left:0; padding-left:0; }
    .brand_history ul li.history2017,
    .brand_history ul li.history2018 { min-height:auto; }
    .brand_step {     width: calc(100% - 5%); }
    .brand_step > div { margin:0 0 40px; }
    .brand_bi ul li { width:100%; text-align:left; }
    .brand_ceo ul li.thumb { display:none; }
    .brand_ceo ul li div { padding:30px; position:relative; left:auto;  transform:none; }
    .brand_ceo ul:nth-child(2) div {  left:auto; }
    .sub_tit .tit_bg.brand_top { height: 550px; }
    .sub_tit .tit_bg .tit_txt { padding-right:0; padding-top:170px; }
    .sub_tit .tit_bg.brand_top .tit_txt { text-align:center; }
    .sub_tit .tit_bg.brand_top .tit_txt > div.ment02 { display:none; }
    .brand_history ul li.history2017 h1,
    .brand_history ul li.history2017 .history_cont { text-align:right !important; }
    .brand_history_bg img.bg01 { top:0; }
    .brand_history_bg img.bg02 { top:35%; left:0; }
    .brand_history_bg img.bg03 { right:0; max-width:40%; }
}


@media (max-width: 767px) {
    .brand_bi ul li { line-height:1; padding:20px; text-align:center; }
    .brand_bi ul li img { margin:0px; padding:10px; }
    .logo_color { margin:30px 0 0; text-align:center; position:relative; right:auto; bottom:auto; }
    .logo_color span { margin:10px auto 0; }
    .brand_bi ul li:nth-child(2) img { width:48%; }
    .brand_ceo ul li h2:before {     right: 10%; }
    .brand_ceo ul:nth-child(2) h2:before { left: 10%; }
}

@media (max-width: 610px) {
    .brand_ceo ul li p br { display:none; }
    .brand_history_bg img.bg02 { width:50%; top:40%; }
}

@media (max-width: 575px) {
    .sub_tit .tit_bg.brand_top .tit_txt > div.ment01 img { width:80%; }
    .sub_tit .tit_bg.brand_top .tit_txt > div.ment03 { height:30px; background-size:cover !important; }
    .brand_history_bg img.bg02 { display:none; }
    .brand_history_bg img.bg01 { right:-13%; width:50%; }
    .brand_history_bg img.bg03 { bottom:10%; }
}





.bd_view {  }
.bd_view h1 {  padding: 17px 15px; text-align: left; font-family: 'Nanum Square'; font-weight: 600; color: #2b2b2b; font-size: 17px;  border-top: 3px solid #fb8f03; border-bottom: 1px solid #515151; }
.bd_view h1:after { content:''; clear:both; display:block; }
.bd_view h1 span { font-weight:normal; font-size:16px; float:right; }
.bd_view_cont { font-family: 'Nanum Gothic', sans-serif; font-size:13px; min-height:400px; padding:15px; }
.bd_view_paging ul { border-bottom: 1px solid #515151;  margin:0; padding:0; }
.bd_view_paging ul li { border-top:1px solid #515151;  padding: 17px; text-align: left; font-family: 'Nanum Gothic', sans-serif; color: #2b2b2b; font-size: 14px; }
.bd_view_paging ul li i { font-size:20px; vertical-align:middle; margin-top:-2px; }
.bd_view_paging ul li b {  margin-right:20px;   font-weight: 600; }
.bd_view_paging ul li a { font-size:13px; color: #2b2b2b; }
.bd_contents img { width:100% !important; }
.bd_contents div p { font-size:15px; }
.bd_contents div span { font-size:15px; }

@media (max-width: 767px) {
    .bd_view h1 { font-size:14px; }
    .bd_view h1 span { font-size: 12px; }
    .bd_view_paging ul li { display:table; width:100%; }
    .bd_view_paging ul li b,
    .bd_view_paging ul li a { font-size:12px; display:table-cell;  }
    .bd_view_paging ul li b { width:70px; }
}

.board_page.event .listing-item .overlay-container {   border-top:3px solid #fb8f03;  }
.board_page.event .listing-item .body {}
.board_page.event .listing-item .body h3 a  { display:block; font-family: 'Nanum Square'; font-weight: 500; color: #2b2b2b; font-size: 20px; overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
word-wrap:normal;
width:100%; }
.board_page.event .listing-item .body p  { margin-bottom:5px; font-family: 'Nanum Gothic', sans-serif;font-weight: 500; color: #2b2b2b; font-size: 15px; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; /* 라인수 */
-webkit-box-orient: vertical;
word-wrap:break-word; 
line-height: 1.4em;
height: 2.8em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */ }
.board_page.event .listing-item .elements-list {}
.board_page.event .listing-item .elements-list .date { line-height:32px; vertical-align:middle; font-family: 'Nanum Gothic', sans-serif;font-weight: 500;  color:#ff891e; font-size: 13px; }
.board_page.event .listing-item .elements-list .date i { font-size:22px; margin-top:-3px; margin-right:5px; vertical-align:middle; }

@media (max-width: 1200px) {
    .board_page.event .row { margin:auto; width: calc(100% - 30px) }
}

@media (max-width: 575px) {
    .overlay-container > img { width:100%; }
}




.board_page.success .listing-item { position:relative; }
.board_page.success .listing-item .body { text-align:center;  background:#d32a31;  }
.board_page.success .listing-item .body h3 { margin:0 0 13px; line-height:1; }
.board_page.success .listing-item .body h3:after { display:inline-block; margin:auto; width:50px; height:1px; background:#fff;  content:''; }
.board_page.success .listing-item .body h3 a  { padding:0 0 2px; display:block; font-family: 'Nanum Square'; font-weight: 500; color: #fff; font-size: 20px; overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
word-wrap:normal;
width:100%; }
.board_page.success .listing-item .body p  {  font-family: 'Nanum Gothic', sans-serif;font-weight: 500; color: #fff; font-size: 15px; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; /* 라인수 */
-webkit-box-orient: vertical;
word-wrap:break-word; 
line-height: 1.4em;
height: 2.8em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */ }
.board_page.success .listing-item .elements-list { text-align:center;  }
.board_page.success .listing-item .elements-list .date { line-height:32px; vertical-align:middle; font-family: 'Nanum Gothic', sans-serif;font-weight: 500; color: #fff; font-size: 13px; }
.board_page.success .listing-item a.overlay-link { padding:0; z-index:12; }
.board_page.success .listing-item a.overlay-link i { text-align:center; }
.board_page.success .listing-item:hover a.overlay-link  { opacity:1; }
.board_page.success .listing-item .overlay-container { background:#d32a31; padding-bottom:30px; }
.half_circle { position:absolute;  bottom:-67%;   width: 120%;
    height: 100%; left:50%; transform:translateX(-50%);
    background:#d32a31; -webkit-border-radius: 47%;
    border-radius:47%; }
.half_circle img { margin-top:30px; left:50%; display:inline-block; }



@media (max-width: 1200px) {
    .board_page.success .row { margin:auto; width: calc(100% - 30px) }
    .half_circle img { width:16%;     margin-top: 7%; }
}






.faq_wrap {  }
.faq_wrap .faq_head { margin:30px 0 0; text-align:left; }
.faq_wrap .faq_head ul { font-size:0; padding:0; margin:0; border-bottom: 1px solid #515151; border-top: 2px solid #333; }
.faq_wrap .faq_head ul li { position:relative; border-bottom:2px solid #f2f2f2;  padding:17px 0 15px; display:inline-block; }
.faq_wrap .faq_head ul li.active { border-bottom:2px solid #e9106d; }
.faq_wrap .faq_head ul li.active a { color:#e9106d; }
.faq_wrap .faq_head ul li.active a:before {  position:absolute; top:-1px; left:50%; transform:translateX(-50%); content: "\e942";  font-family: 'xeicon' !important;}
.faq_wrap .faq_head ul li a {  font-family: 'Nanum Square'; font-weight: 600; color: #222; font-size:17px; border-right:1px dashed #ccc;  padding:0 40px; display:block; }
.faq_list {  }
.faq_list .card { border:0; border-bottom:1px solid #ccc; border-radius:0; }
.faq_list .card ul {  padding:0; margin:0; display:table; width:100%; }
.faq_list .card ul li { color:#e9106d; text-align:center; vertical-align:middle; font-family: 'Nanum Gothic', sans-serif; padding:15px 0; display:table-cell; font-size:15px; }
.faq_list .card ul li:nth-child(1) { width:120px; }
.faq_list .card ul li:nth-child(2) {  text-align:left;  width:100px; }
.faq_list .card ul li:nth-child(3) {  text-align:left; }
.faq_list .card ul li:nth-child(4) { width:120px; }
.faq_list .card ul li:nth-child(4) i { color:#222; font-size:24px; }
.faq_list .card ul li span {  background:#e9106d; font-family: 'Nanum Square'; color:#fff; text-align:center; line-height:30px; width:30px; height:30px; display:inline-block; border-radius:50%; }
.faq_list .card  ul li span:after { content:'A'; }
.faq_list .card .collapsed ul li span { background:#bbb;  }
.faq_list .card .collapsed ul li span:after { content:'Q'; }
.faq_list .card-header { padding:0; background:none; border:0px; border-radius:0; }
.faq_list .card-header ul { border:0; }
.faq_list .collapse.show { }
.faq_list .collapse ul li span {  background:#eb5312; }
.faq_list .collapse ul li { vertical-align:top;  }
.faq_list .card .collapsed li { color:#222; }
.faq_list .card .collapsed li:nth-child(4) i:before { content:"\e913"; }
.faq_list .card ul li:nth-child(4) i:before {  content:"\e91a"; }


@media (max-width: 1199px) {
    .board_page { padding:0; }
    .board_page.faq .container { padding:0 15px; }
}


@media (max-width: 767px) {
    .faq_list .card ul li { padding:10px 0; }
    .faq_wrap .faq_head ul li { padding:15px 0 9px; }
    .faq_wrap .faq_head ul li a { font-size:14px; }
    .faq_list .card ul li,
    .faq_list .card .collapsed li { font-size:12px; }
    .faq_list .card ul li:nth-child(1),
    .faq_list .card ul li:nth-child(2),
    .faq_list .card ul li:nth-child(4) { width:80px; }
}

@media (max-width: 575px) {
    .faq_wrap .faq_head ul li {  border:0; border-bottom:1px solid #ddd; padding:0; width:50%; }
    .faq_wrap .faq_head ul li.active { border:0; }
    .faq_wrap .faq_head ul li:nth-child(even) a { border-right:0;  }
    .faq_wrap .faq_head ul li a { border:0; text-align:center; padding:10px 0; border-right:1px solid #ddd; }
    .faq_wrap .faq_head ul li.active a { background:#222; color:#fff; }
    .faq_wrap .faq_head ul li.active a:before { content:none; }
    .faq_list .card ul li:nth-child(1),
    .faq_list .card ul li:nth-child(4) { width:45px; }
    .faq_list .card ul li:nth-child(2) { text-align:center; }
}



/* 마이페이지 */
.myp_main {  }
.myp_main img { display:inline-block;}

.myp_ing { margin:0 0 0; padding:20px 0 0; border:1px solid #ccc; background:#fff; }
.myp_ing h1 { color:#333; padding:0 0 20px; margin:0 0 20px; border-bottom:1px solid #ccc; text-align:center; font-family:'Nanum Square';  font-weight: 600; font-size:19px; }
.myp_ing h1 span { color:#555; font-size:17px; letter-spacing:-0.5px;  }
.myp_ing ul {text-align:center;  padding:0; }
.myp_ing ul li { position:relative; padding:0 4% 0 8%; display:inline-block; }
.myp_ing ul li:after { margin-top:-21px; font-size:30px; position:absolute; top:50%; left:100%; content: "\e93e";     font-family: 'xeicon' !important; }
.myp_ing ul li:first-child { padding-left:0; }
.myp_ing ul li:last-child { padding-right:0; }
.myp_ing ul li:last-child:after { content:none; }
.myp_ing ul li > span { position:relative; margin:auto;  border-radius:50%; display:block;  font-family:'Nanum Square';  font-weight: 600; line-height:83px; width:83px; height:83px; background:#f4f4f4; font-size:30px; color:#999; }
.myp_ing ul li i { margin-right:3px; margin-top:-5px; vertical-align:middle; font-size:20px; }
.myp_ing ul li.active b { color:#0ab2ff; }
/*
.myp_ing ul li.active > span { color:#ff891e; }
.myp_ing ul li.active > span:after { transform:translateX(-50%); position:absolute; background:#ff891e; left:50%; bottom:10px; width:20px; height:2px; display:inline-block; content:'';  }
*/
.myp_ing ul li p { color:#555; font-size:17px;  padding:10px 0 0;  font-family:'Nanum Square';  font-weight: 500; }
.myp_ing ul li p span { margin-right:1px; vertical-align:middle; margin-top:-5px;  display:inline-block; font-size:17px; }

.recent_prd  { margin:0 8px; }
.recent_prd  > [class*=" col-"] { padding:0 8px; }


@media (max-width: 991px) {
    .myp_ing { margin:15px 0 0; }
}

@media (max-width: 767px) {
    .myp_main_top .second .row .myp_box_wrap > div:nth-child(3),
    .myp_main_top .second .row .myp_box_wrap > div:nth-child(4) { margin-top:15px; }
}

@media (max-width: 640px) {
    .myp_ing { margin:15px 0 0; padding:10px 0 0; }
    .myp_ing h1 { margin:0 0 10px; font-size:15px; padding:0 0 10px; }
    .myp_ing ul { font-size:0; }
    .myp_ing ul li { width:25%; padding:0; }
    .myp_ing ul li:after { margin-top: -8px; font-size:12px; }
    .myp_ing ul li > span { display:none; }
    .myp_ing ul li p { margin:0; padding:0; font-size:13px; }
}

@media (max-width:575px) {
    .recent_prd {  margin:0 0; }
}

.myp_user { padding:1px 0; background:#fff; text-align:center; background: url('/img/myp_bg.jpg') 50% no-repeat;}
@media (max-width: 640px) {
    .myp_user { margin-bottom:15px; width:100%; background: url('/img/myp_bg.jpg') 50% no-repeat;}

}
@media (max-width: 991px) {
    .myp_user { margin-bottom:15px; width:100%; background: url('/img/myp_bg.jpg') 50% no-repeat;}
}
.myp_user h5 { margin:23px 0 0;  font-family:'Nanum Square';  font-size:17px; color:#fff; }
.myp_user h3 {  margin:8px 0 2px; font-family:'Nanum Square'; font-size:17px;  color:#fff; }
.myp_user h3 span { font-size:20px; color:#fff; font-weight:600; }
.myp_user p { text-align:center; }
.myp_user p a { color:#555; font-family: 'Nanum Gothic', sans-serif; font-size:15px; padding:10px 0; border:1px solid #999; display:inline-block; width:45%;  }
.myp_user p a.btn_wish { border-color:#ff891e; color:#ff891e;  }

.myp_box_wrap { }
.myp_box_wrap .myp_box {  text-align:center }
.myp_box_wrap .myp_box p { transition:all 0.2s; margin:14px 0 0; font-family: 'Nanum Square'; font-weight: 500; color: #555; font-size:17px }
.myp_box_wrap .myp_box a { padding:20px 0; background:#fff; ; border:1px solid #ccc; display:block; }
.myp_box_wrap .myp_box a:hover {  border-color:#0ab2ff; }
.myp_box_wrap .myp_box a:hover p {  color:#0ab2ff; }

@media (max-width: 640px) {
    .myp_box_wrap .myp_box img { width:50%; }
    .myp_user p a { font-size:14px; }
    .myp_box_wrap .myp_box p { font-size:13px; }
}

.myp_list { margin:30px -15px; }
.myp_list h2 { margin:0 0 15px; font-family: 'Nanum Square'; font-weight: 600; color: #555; font-size:18px }
.myp_list table { text-align:center; width:100%; border-top:2px solid #00a9ff; }
.myp_list table th { font-family: 'Nanum Gothic', sans-serif; color:#555; height:40px; text-align:center; background:#f5f5f5; border:1px solid #ccc; }
.myp_list table td { padding:8px 5px; font-family: 'Nanum Gothic', sans-serif; color:#777;  font-size:13px; background:#fff; border:1px solid #ccc; }



.list_section { margin:30px -15px; }
.list_section h2 { margin:0 0 10px; font-family:'Nanum Square'; font-weight: 600; color: #555; font-size:18px }
.list_section h2 img { display:inline-block; vertical-align:middle; margin-right:7px; }
.list_section table { text-align:center; width:100%; border-top:2px solid #ccc; }
.list_section table th { font-family: 'Nanum Gothic', sans-serif; color:#555; height:40px; text-align:center; background:#f5f5f5; border:1px solid #ddd; }
.list_section table td { padding:0 20px; font-family: 'Nanum Gothic', sans-serif;  height:40px; font-size:13px; background:#fff; border:1px solid #ddd; }
.list_section.first { margin-top:0; }
@media (max-width: 575px) {
.list_section { margin:30px 0; }
.list_section  [class*="col-"] { padding:0px 0; }
    .list_section h2 { font-size:15px; }
    .list_section table td {     padding: 0 10px; }
}


.recent_prd .thumbnail { border-color:#ccc; border-radius:0px; padding-top:30px; padding-bottom:10px; }
.recent_prd .thumbnail img.media-object { width:50%; }
.recent_prd .caption { padding:20px 0 10px; text-align:center; }
.recent_prd .caption h4 { margin:0 0 6px; font-family:'Nanum Square';  font-size:17px; color:#000; font-weight:600; }
.recent_prd .caption p { margin:0 0 2px; font-family: 'Nanum Gothic', sans-serif; font-size:14px; color:#999;  }
.recent_prd .caption h5 { margin:0 0 15px; font-family: 'Nanum Gothic', sans-serif; font-size:14px; color:#000;  }
.recent_prd .caption h5 span { color:#f30; font-size:20px; }


.recent_prd.search_prd .thumbnail { border-color:#ccc; border:0px; }
.recent_prd.search_prd .thumbnail img.media-object { width:100%; }
.recent_prd.search_prd .caption { padding:20px 0 10px; text-align:center; }
.recent_prd.search_prd .caption h4 { margin:0 0 6px; font-family:'Nanum Square';  font-size:17px; color:#000; font-weight:600; }
.recent_prd.search_prd .caption p { margin:0 0 2px; font-family: 'Nanum Gothic', sans-serif; font-size:14px; color:#999;  }
.recent_prd.search_prd p.support {padding: 4px 0; margin: 2px auto 10px; color:#fff; font-family:'Nanum Square'; font-weight:500; font-size:17px; border-radius: 50px; background: #00aeff; width: 75%;}
.recent_prd.search_prd .caption h5 { margin:0 0 0; color:#000; font-family:'Nanum Square'; font-weight:600; font-size:20px; padding-bottom: 15px;}
.recent_prd.search_prd h5 span {  font-size:22px; color:#f30; font-weight:800; }
.recent_prd.search_prd h5 span.del {  font-size:17px; margin-right:6px; font-weight:600; color:#bbbbbb; text-decoration: line-through; }
.search_prd .thumbnail { position:relative; }
.search_prd .thumbnail .prd_icon { position:absolute; top:0; left:0; }
.search_prd .thumbnail .prd_icon img { margin:0 0 10px; display:block; }

.prd_btn_area a { display:inline-block; padding:8px 0px; width:45%; font-family: 'Nanum Gothic', sans-serif; font-size:15px; color:#000; font-weight:500; border:1px solid #ccc;  }


@media (max-width: 1660px) {

    .recent_prd.search_prd p.support { font-size:14px; width: 90%; }
}

@media (max-width: 640px) {
    .recent_prd .caption h4 { font-size:13px; }
    .recent_prd .caption p { font-size:12px; }
    .recent_prd .caption h5 { margin:0 0 5px; font-size:12px; }
    .recent_prd .caption h5 span { font-size:14px; }
    .prd_btn_area a { margin:3px 0; width:90%; font-size:12px; }
}

.myp_main_top {  }
.myp_main_top .col-md-4 { padding:0; }
.myp_main_top .second .row { margin:0 -6px; }
.myp_main_top .second .row .myp_box_wrap > div { padding:0 6px; }

@media (max-width: 991px) {
    .myp_user p { font-size:0; padding:0 15px; }
    .myp_user p a { width:49%; }
    .myp_user p a:last-child { margin-left:2%; }
}
/* 요금제알아보기 */
.search_form2 { display:table; width:100%; padding:15px 30px; background:#fff; border:1px solid #ccc; }
.search_form2 img { display:inline-block; }
.search_form2 > div {  display:table-cell;vertical-align:middle; }
.search_form2 > div:nth-child(1) { width:25%; text-align:left; }
.search_form2 > div:nth-child(1) i { display:inline-block; vertical-align:middle; font-size:30px; color:#e9106d; }
.search_form2 > div:nth-child(1) img,
.search_form2 > div:nth-child(1) p { display:inline-block; vertical-align:middle; }
.search_form2 > div:nth-child(1) p { margin:0; color:#000;  font-family: 'Nanum Gothic', sans-serif;  font-size:14px; }
.search_form2 > div:nth-child(2) {  width:75%;  }
.search_form2 > div:nth-child(2) ul { padding:0; margin:0; display:table; width:100%; }
.search_form2 > div:nth-child(2) li { padding:0 3px; display:table-cell;vertical-align:middle;  }
.search_form2 > div:nth-child(2) li a { text-align:center; width:100%; font-family: 'Nanum Gothic', sans-serif;  display:inline-block; font-size:14px;   height:35px; line-height:35px;   }
.search_form2 > div:nth-child(2) li a i { vertical-align:middle; font-size:16px; margin-top:-2px; }
.search_form2 > div:nth-child(2) li a img { margin:0 0 0 8px; }
.search_form2 > div:nth-child(2) li:nth-child(1) {  width:21%; }
.search_form2 > div:nth-child(2) li:nth-child(2)  { width:60%; }
.search_form2 > div:nth-child(2) li:nth-child(3) { font-size:0; width:28%; }
@media (max-width: 991px) {
    .search_form2 { padding:15px; width:100%; display:block; }
    .search_form2 > div {  display:block; width:100% !important; }
    .search_form2 > div:nth-child(1) {  text-align:center; }
    .search_form2 > div:nth-child(1) i { font-size:30px; }
    .search_form2 > div:nth-child(1) p {  }
    .search_form2 > div:nth-child(2) ul {display:block;  }
    .search_form2 > div:nth-child(2) li { margin:5px 0; display:block; width:100% !important }
}


.fee_tbl {   }
.fee_item h3 { margin-top:10px; text-align:left; font-family:'Nanum Square';  font-size:17px; color:#000; font-weight:600; }
.fee_item ul { text-align:left; padding:0; font-size:0; }
.fee_item ul li { margin:2px 0; display:inline-block; width:33%; font-family: 'Nanum Gothic', sans-serif; font-size:13px; }
.fee_item ul li span {  border:1px solid #ccc; margin:0 5px 0 0; padding:1px 0; width:52px; text-align:center; display:inline-block; }

.fee_detail_select {  }
.fee_detail_select > ul { margin-bottom:0; padding:0; border-collapse: collapse; display:table; width:100%; }
.fee_detail_select > ul > li {   border:1px solid #ccc; display:table-cell; }
.fee_detail_select > ul > li h3 { margin:0; padding:10px 0; background:#0072a8; text-align:center; color:#fff; font-family:'Nanum Square';  font-size:17px;  font-weight:500; }
.fee_detail_select > ul > li > div {  padding:10px; }
.fee_detail_select > ul > li div .fee_inner {  height:190px; overflow:auto; }
.fee_detail_select > ul > li div p { margin:4px 0; }
.fee_detail_select > ul > li div p a { padding:0 5px; display:block; color:#000; font-family: 'Nanum Gothic', sans-serif; font-size:13px; }
.fee_detail_select > ul > li div p a.active { color:#008acc; font-weight:bold; }
.fee_detail_select > ul > li div .checkbox { margin:4px 0;  display:block; color:#000; font-family: 'Nanum Gothic', sans-serif; font-size:13px; }
.fee_detail_select > ul > li div .checkbox label { }
.fee_detail_select > ul > li div .checkbox input { margin-top:3px; }

.fee_detail_select > ul.select_mobile_company { margin:20px 0 ; display:block; text-align:center ; }
.fee_detail_select > ul.select_mobile_company > li { width:auto; display:inline-block; vertical-align:top; border:0 !important; margin:0 5px; }
.select_mobile_company li a { color:#999;  font-weight:600; font-family:'Nanum Square'; font-size:15px; line-height:150px; width:100px; height:100px; border:1px solid #ccc; border-radius:50%; display:inline-block;}
.select_mobile_company li.active a { border-color:#3796c6; color:#3796c6; }
.select_mobile_company li:nth-child(1) a { background:url('/img/m_icon_sk.png') 50% 40% no-repeat;  background-size:80%;  }
.select_mobile_company li:nth-child(2) a { background:url('/img/m_icon_lg.png') 50% 40% no-repeat;  background-size:80%;  }
.select_mobile_company li:nth-child(3) a { background:url('/img/m_icon_kt.png') 50% 40% no-repeat;  background-size:80%;  }
.select_mobile_company li a span {  }

@media (max-width: 991px) {
    .fee_detail_select > ul { display:block; }
    .fee_detail_select > ul > li { border-bottom:0; width:100%; display:table; }
    .fee_detail_select > ul > li:last-child { border-bottom:1px solid #ccc; }
    .fee_detail_select > ul > li > h3 {  padding:0 10px; text-align:left; font-size:14px; vertical-align:middle; width:100px; display:table-cell; }
    .fee_detail_select > ul > li > h3:before { content:''; margin:0 7px 0 0; display:inline-block; vertical-align:middle;width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 8px solid #97cce7; }
    .fee_detail_select > ul > li > div { vertical-align:middle; display:table-cell; }
    .fee_detail_select > ul > li > div.at_select select { padding-right:35px;  }
    .fee_detail_select > ul > li div .fee_inner { height:auto; }
    .fee_detail_select > ul > li div .checkbox { display:inline-block; }
    .rps_scroll_tbl_wrap { padding:0;  overflow-x:auto; }
    .rps_scroll_tbl {  }
    .rps_scroll_tbl th { min-width:100px; }
    .rps_scroll_tbl th:nth-child(1) { min-width:280px; }
    .rps_scroll_tbl th:nth-child(2) { min-width:130px; }
    .scrollable.has-scroll { position: relative; overflow: hidden; }
    .scrollable.has-scroll:after {  position: absolute; top: 0; left: 100%; width: 50px; height: 100%; border-radius: 10px 0 0 10px / 50% 0 0 50%; box-shadow: -5px 0 10px rgba(0, 0, 0, 0.25); content: '';}
}

@media (max-width: 991px) {
    .fee_item h3 {     font-size: 15px; }
    .fee_item ul li {  font-size: 11px; }
    .fee_item ul li span {     width: 46px; }
}

@media (max-width: 390px) {
    .select_mobile_company li a { width:90px; height:90px; }
}
@media (max-width: 320px) {
    .select_mobile_company li a { width:70px; height:70px; font-size:12px; line-height:110px; }
}

/* 요금제 선택 > 상세 */
.mb10 {
    margin-bottom: 10px !important;
}
.mt15 {
    margin-top: 15px !important;}
.pl5 {
    padding-left: 5px !important;}
.ac { text-align:center !important; }
.btn-sm-01 {border:1px solid #dcdcdc;background-color:#fff;font-size:1.1666rem;border-radius:4px;}
.btn-sm-01:hover { background-color:#ededed; }
#consulting-area { position:relative; width: 100%; background: #fff; }
#consulting-area .top-menu-wrap {position: absolute; left: 0; top: 0; width: 100%; height: 65px; background: #fff; z-index: 77; }
#consulting-area .top-menu { display: block; width: 1024px; margin: 0 auto; height: 65px; padding-top: 10px; padding-bottom: 10px; background: #fff; }
#consulting-area .top-menu .tab-nav { float: left; margin-left: 25px; }
#consulting-area .top-menu .float-right { float: right; width: 455px; text-align: right; }
#consulting-area .top-menu .float-right .subsidy-compare-btn { float: left; width:100px; margin-top: 5px; height:35px; }

/* TODO - IE에서 미세하게 깨짐 - before 때문인듯 */
#consulting-area .top-menu .float-right .top-btns { float: right; margin-top:0; }
#consulting-area .top-menu .float-right .top-btns ul { height: 46px; }
#consulting-area .top-menu .float-right .top-btns ul li {
	display: inline-block; float:left; height: 46px; overflow: hidden; padding:0 4px 0 4px;
	background: url( '../img/consult/top_btns_bar.png') left center no-repeat; background-size: 1px 15px;
}
#consulting-area .top-menu .float-right .top-btns ul li:first-child { padding-left:0; background: none; }
#consulting-area .top-menu .float-right .top-btns ul li a { display: inline-block; height: 100%; padding: 15px 10px; font-size:1.25rem; color: #292929; font-weight: 300; line-height:100%; }
#consulting-area .top-menu .float-right .top-btns ul li a:hover { color: #2f8bff; font-weight: 300; }
#consulting-area .top-menu .float-right .top-btns ul li a.active { color: #2f8bff; font-weight: 500; }
#consulting-area .top-menu .float-right .top-btns ul li a.press { color: #2f8bff; font-weight: 500; }
#consulting-area .top-menu .float-right .top-btns ul li.open-print a { font-weight: 500; }
#consulting-area .top-menu .float-right .top-btns ul li.open-print a:hover { color: #2f8bff; font-weight: 500; }
#consulting-area .top-menu .float-right .top-btns ul li.open-print a:active { color: #2f8bff; font-weight: 600; }
#consulting-area .top-menu .float-right .top-btns ul li.open-print a.press { color: #2f8bff; font-weight: 600; }
#consulting-area .consulting-area-wrap { width: 100%; height: 100%; background: #fff; z-index: 15;}
#consulting-area .consulting-area-wrap #paper { display: block; width: 100%; margin: 0 auto; background: #fff; z-index: 15;  }
#consulting-area .consolting-content { clear:both; width: 100%; position: relative;}
#consulting-area .consolting-content:before {content: "";display: block;width: 1px;height: 678px;position: absolute;top: 2px;left: 363px;z-index: 76;background: #dcdcdc;}
#consulting-area .consolting-content div.info-wrap { float:left; }
#consulting-area .consolting-content div.info-wrap { position:relative; min-height:679px; padding-bottom:70px; border-top:2px solid #292929; } /* TODO : min-height: 677px; - 2017-11-01 김남우 */
#consulting-area .consolting-content div.info-wrap:nth-of-type(3) { }
#consulting-area .consolting-content div.info-wrap:nth-of-type(1) { width:32%; /*border-right:1px solid #dcdcdc;*/ }
#consulting-area .consolting-content div.info-wrap:nth-of-type(2) { width:32%; margin-right:25px; }
#consulting-area .consolting-content div.info-wrap:nth-of-type(3) { width:32%; padding:0 25px; background-color:#eaf3ff; }
#consulting-area .consolting-content div.info-wrap h3 { height:40px; padding-top:13px; font-size:1.1666rem; line-height:100%; color:#c3c3c3; font-weight:500; }
#consulting-area .consolting-content div.info-wrap dl.info { overflow:hidden; }
#consulting-area .consolting-content div.info-wrap.info1 dl.info { margin-right:15px; }
#consulting-area .consolting-content div.info-wrap.info2 dl.info { margin-left:15px; }
#consulting-area .consolting-content div.info-wrap dl.info dt { float:left; width:38%; height:35px; line-height:35px; font-size:1.333rem; padding-left:5px; }
#consulting-area .consolting-content div.info-wrap dl.info dd.data { width:62%; min-height:35px; margin-left:38%; }
#consulting-area .consolting-content div.info-wrap dl.info dd.data span.val,
#consulting-area .consolting-content div.info-wrap dl.info dd.data span.val2 { display:block; height:35px; padding:0 10px; line-height:32px; border-radius:4px; font-size:1.5833rem; font-weight:500; }
#consulting-area .consolting-content div.info-wrap dl.info dd.data span.val { border:1px solid #dcdcdc; background-color:#fff; cursor: pointer; }
#consulting-area .consolting-content div.info-wrap dl.info dd.data span.val2 { background-color:#f8f8f8; }
#consulting-area .consolting-content div.info-wrap dl.info dd.data a.val2 { display:block; height:35px; padding:0 10px; line-height:32px; border-radius:4px; font-size:1.5833rem; font-weight:500; cursor: default !important; }

#consulting-area .consolting-content div.info-wrap dl.info dd.data a.val { display:block; height:35px; padding:0 10px; line-height:32px; border-radius:4px; font-size:1.5833rem; font-weight:500; border:1px solid #dcdcdc;
	background-color:#fff; }
#consulting-area .consolting-content div.info-wrap dl.info dd.data a.val:hover { background-color:#ebebeb; }
#consulting-area .consolting-content div.info-wrap dl.info dd.data a.val.press { border:1px solid #2f8bff; background-color:#ebebeb; }
#consulting-area .consolting-content div.info-wrap dl.info dd.data a.val:active { border:1px solid #2f8bff; background-color:#ebebeb; }
#consulting-area .consolting-content div.info-wrap dl.info dd.data a.val2 { display:block; height:35px; padding:0 10px; line-height:32px; border-radius:4px; font-size:1.5833rem; font-weight:500; }
#consulting-area .consolting-content div.info-wrap dl.info dd.data a.val2 { background-color:#f8f8f8; }



#consulting-area .consolting-content div.info-wrap dl.info dd.data ul.tab { display:inline-block; overflow: hidden; }
#consulting-area .consolting-content div.info-wrap dl.info dd.data ul.tab { width:100%; height:35px; border-radius:4px; overflow:hidden; border:1px solid #dcdcdc; background-color:#fff; }
#consulting-area .consolting-content div.info-wrap dl.info dd.data ul.tab li.t-val { display:inline-block; width:20%; height:100%; overflow:hidden; border-right:1px solid #dcdcdc; }
#consulting-area .consolting-content div.info-wrap dl.info dd.data ul.tab li.t-val a { display:inline-block; width:100%; height:100%; font-size:1.4166rem; font-weight:500; padding-top: 7px; }
#consulting-area .consolting-content div.info-wrap dl.info dd.data ul.tab li.t-val:last-child { border-right:0; }
#consulting-area .consolting-content div.info-wrap dl.info dd.data ul.tab li.t-val:hover { background-color:#e8e8e8; }
#consulting-area .consolting-content div.info-wrap dl.info dd.data ul.tab li.t-val.press { background-color:#848484; }
#consulting-area .consolting-content div.info-wrap dl.info dd.data ul.tab li.t-val.press a { color:#fff; }
#consulting-area .consolting-content div.info-wrap dl.info dd.data ul.tab li.t-val.sel { background-color:#848484; }
#consulting-area .consolting-content div.info-wrap dl.info dd.data ul.tab li.t-val.sel a { color:#fff; }
#consulting-area .consolting-content div.info-wrap dl.info dd.data ul.tab li.t-val:first-child:nth-last-child(2),
#consulting-area .consolting-content div.info-wrap dl.info dd.data ul.tab li.t-val:first-child:nth-last-child(2) ~ li { width:100%; }
#consulting-area .consolting-content div.info-wrap dl.info dd.data ul.tab li.t-val:first-child:nth-last-child(3),
#consulting-area .consolting-content div.info-wrap dl.info dd.data ul.tab li.t-val:first-child:nth-last-child(3) ~ li { width:50%; }
#consulting-area .consolting-content div.info-wrap dl.info dd.data ul.tab li.t-val:first-child:nth-last-child(4),
#consulting-area .consolting-content div.info-wrap dl.info dd.data ul.tab li.t-val:first-child:nth-last-child(4) ~ li { width:33.333%; }
#consulting-area .consolting-content div.info-wrap dl.info dd.data ul.tab li.t-val:first-child:nth-last-child(5),
#consulting-area .consolting-content div.info-wrap dl.info dd.data ul.tab li.t-val:first-child:nth-last-child(5) ~ li { width:25%; }
#consulting-area .consolting-content div.info-wrap dl.info dd.data ul.tab li.t-val:first-child:nth-last-child(6),
#consulting-area .consolting-content div.info-wrap dl.info dd.data ul.tab li.t-val:first-child:nth-last-child(6) ~ li { width:20%; }




#consulting-area .consolting-content div.info-wrap dl.info dd.desc { clear:both; min-height:10px; line-height:166%; color:#696969; font-size:1rem; padding-right:5px; }
#consulting-area .consolting-content div.info-wrap div.option-box { height:145px; background-color:#f5f5f5; }

#consulting-area .consolting-content div.info-wrap div.option-box h4 { height:35px; margin-bottom:10px; background-color:#ededed; }
#consulting-area .consolting-content div.info-wrap div.option-box h4 a { display:block; height:35px; line-height:35px; font-size:1.3333rem; color:#696969; font-weight:500; }
#consulting-area .consolting-content div.info-wrap div.option-box dt { color:#c1c1c1; font-weight:500; }
#consulting-area .consolting-content div.info-wrap div.option-box dd.data span.val { border-color:#ededed; color:#dcdcdc !important; }
#consulting-area .consolting-content div.info-wrap div.option-box dd.data a.val { border-color:#ededed; color:#dcdcdc !important; }
#consulting-area .consolting-content div.info-wrap div.option-box dd.data a.val:hover { background-color:#fff; }
#consulting-area .consolting-content div.info-wrap div.option-box dd.data a.val.press { background-color:#fff; }
#consulting-area .consolting-content div.info-wrap div.option-box dd.data a.val:active { border-color:#ededed; background-color:#fff; }

#consulting-area .consolting-content div.info-wrap div.option-box dd.data ul.tab { border-color:#ededed; color:#dcdcdc !important; }
#consulting-area .consolting-content div.info-wrap div.option-box dd.data ul.tab li.t-val { background-color:#fff; }
#consulting-area .consolting-content div.info-wrap div.option-box dd.data ul.tab li.t-val a { color:#dcdcdc; }
#consulting-area .consolting-content div.info-wrap div.option-box dd.data { color:#dcdcdc; }
#consulting-area .consolting-content div.info-wrap div.option-box dd.desc { color:#dedede; }
#consulting-area .consolting-content div.info-wrap div.option-box dd.data ul.tab li.t-val:hover { background-color:#fff; }
#consulting-area .consolting-content div.info-wrap div.option-box dd.data ul.tab li.t-val.press { background-color:#fff; }
#consulting-area .consolting-content div.info-wrap div.option-box dd.data ul.tab li.t-val.press a { color:#fff; }
#consulting-area .consolting-content div.info-wrap div.option-box dd.data ul.tab li.t-val:active { background-color:#fff; }
#consulting-area .consolting-content div.info-wrap div.option-box dd.data ul.tab li.t-val.sel { background-color:#dcdcdc; }
#consulting-area .consolting-content div.info-wrap div.option-box dd.data ul.tab li.t-val.sel a { color: #fff; }

#consulting-area .consolting-content div.info-wrap div.option-box.sel h4 { background-color:#82b9ff; }
#consulting-area .consolting-content div.info-wrap div.option-box.sel h4 a { color:#fff; }
#consulting-area .consolting-content div.info-wrap div.option-box.sel dt { color:#292929; }
#consulting-area .consolting-content div.info-wrap div.option-box.sel dd.data span.val { border-color:#dcdcdc; color:#292929 !important; }
#consulting-area .consolting-content div.info-wrap div.option-box.sel dd.data a.val { border-color:#dcdcdc; color:#292929 !important; }
#consulting-area .consolting-content div.info-wrap div.option-box.sel dd.data a.val:hover { background-color:#e8e8e8; }
#consulting-area .consolting-content div.info-wrap div.option-box.sel dd.data a.val.press { border-color:#2f8bff; ; background-color:#e8e8e8; }
#consulting-area .consolting-content div.info-wrap div.option-box.sel dd.data a.val:active { border-color:#2f8bff; background-color:#e8e8e8; }

#consulting-area .consolting-content div.info-wrap div.option-box.sel dd.data ul.tab { border-color:#dcdcdc; color:#292929 !important; }
#consulting-area .consolting-content div.info-wrap div.option-box.sel dd.data ul.tab li.t-val { background-color:#fff; }
#consulting-area .consolting-content div.info-wrap div.option-box.sel dd.data ul.tab li.t-val a { color:#292929; }

#consulting-area .consolting-content div.info-wrap div.option-box.sel dd.data ul.tab li.t-val:hover { background-color:#e8e8e8; }
#consulting-area .consolting-content div.info-wrap div.option-box.sel dd.data ul.tab li.t-val.press { background-color:#848484; }
#consulting-area .consolting-content div.info-wrap div.option-box.sel dd.data ul.tab li.t-val.press a { color:#fff; }

#consulting-area .consolting-content div.info-wrap div.option-box.sel dd.data ul.tab li.t-val.sel { background-color:#848484; }
#consulting-area .consolting-content div.info-wrap div.option-box.sel dd.data ul.tab li.t-val.sel a { color: #fff; }
#consulting-area .consolting-content div.info-wrap div.option-box.sel dd.desc { color:#696969; }

/* 불필요한것으로 보임 - 2017-10-28 김남우
#consulting-area .consolting-content div.info-wrap div.option-box .always-sel dd.data span.val,
#consulting-area .consolting-content div.info-wrap div.option-box .always-sel dd.data a.val,
#consulting-area .consolting-content div.info-wrap div.option-box .always-sel dd.data ul.tab { border-color:#2f8bff; color:#292929 !important; }
#consulting-area .consolting-content div.info-wrap div.option-box .always-sel dt { color:#292929; }
#consulting-area .consolting-content div.info-wrap div.option-box .always-sel dd.data ul.tab li.t-val.sel { background-color:#848484; }
#consulting-area .consolting-content div.info-wrap div.option-box .always-sel dd.desc { color:#2f8bff; }
*/
#consulting-area .consolting-content div.info-wrap.result-box div.result { overflow:hidden; }
#consulting-area .consolting-content div.info-wrap.result-box div.result h4 { height:36px; padding-bottom:5px; margin-top:15px; line-height:30px; border-bottom:1px solid #dcdcdc; font-size:1.3333rem; font-weight:500; }
#consulting-area .consolting-content div.info-wrap.result-box div.result p.desc { padding:7px 0; line-height:129%; font-size:1.0833rem; color:#696969; font-weight: 300; word-break: keep-all; word-wrap: break-word; } /* 2017-10-19 폰트사이즈확인 !! - 김남우 */
#consulting-area .consolting-content div.info-wrap.result-box div.result p.desc.desc2 { color:#a0a0a0; }
#consulting-area .consolting-content div.info-wrap.result-box div.result p.desc + ul.list { margin-top:-3px; }
#consulting-area .consolting-content div.info-wrap.result-box div.result ul.list li { padding-left:10px; line-height:154%; color:#a0a0a0; font-size:1.0833rem; }
#consulting-area .consolting-content div.info-wrap.result-box div.result ul.list li:before { display:inline-block; width:10px; margin-left:-10px; content:"-"; }
#consulting-area .consolting-content div.info-wrap.result-box dl.info dt { font-size:1.1666rem; }
#consulting-area .consolting-content div.info-wrap.result-box div.price-area { text-align:right; }

/*
#consulting-area .consolting-content div.info-wrap.result-box div.price-area * { display:inline-block; padding-left:2px; font-weight:500; }
*/

#consulting-area .consolting-content div.info-wrap.result-box div.price-area .vat { vertical-align:text-bottom; font-size:1.1666rem; color:#696969; padding-right: 5px; }
#consulting-area .consolting-content div.info-wrap.result-box div.price-area .price { font-size:2rem; font-weight:600; }
#consulting-area .consolting-content div.info-wrap.result-box div.price-area .price2 { font-size:3.0833rem; font-weight:600; }
#consulting-area .consolting-content div.info-wrap .info_footer { position:absolute; left:0; bottom:0; width:100%; height:65px; padding-top:16px; }
#consulting-area .consolting-content div.info-wrap.info1 .info_footer { padding-right:15px; }
#consulting-area .consolting-content div.info-wrap.info2 .info_footer { padding-left:15px; }
#consulting-area .consolting-content div.info-wrap dl.info_footer dt { float:left; line-height:40px; font-weight:500; font-size:1.4166rem; }
#consulting-area .consolting-content div.info-wrap dl.info_footer dd.data {color: #ec6464; text-align: right !important; line-height:40px; font-weight:500; font-size:2.25rem; font-weight:600; }
#consulting-area .consolting-content div.info-wrap dl.info_footer dd.desc {text-align: right !important; position:absolute; top:0; left:0; width:100%; padding-right:15px; line-height:200%; }
#consulting-area .consolting-content div.info-wrap.result-box div.info_footer { padding:0 25px; height: 47px; }
#consulting-area .consolting-content div.info-wrap.result-box div.info_footer .price { font-size:2.75rem; line-height:100%; font-weight:600; }
#consulting-area .etc-content { clear:both; padding:0 25px 30px 0; border-top:1px solid #dcdcdc; overflow:hidden; }
#consulting-area .etc-content .box { float:left; padding-left:30px; }
#consulting-area .etc-content h4 { height:70px; padding:30px 0 0 30px; font-size:1.333rem; color:#c3c3c3; }
#consulting-area .etc-content .box h4 { padding-left:0; }
#consulting-area .etc-content h4 span.sub { font-size:1.1666rem; }
#consulting-area .etc-content .box1 { width:299px; }
#consulting-area .etc-content .box2 { width:315px; }
#consulting-area .etc-content .box3 { width:385px; }
#consulting-area .etc-content .box4 { width:614px; }
#consulting-area .etc-content textarea.memo { display:block; height:170px; padding:10px; overflow:hidden; font-size:1.1666rem; line-height:120%; border:1px solid #dcdcdc; border-radius:4px; outline: none; }
#consulting-area .etc-content textarea:hover { border: 1px solid #2f8bff; }
#consulting-area .etc-content textarea:focus { border: 1px solid #dcdcdc; }

#consulting-area .etc-content dl.info { overflow:hidden; }
#consulting-area .etc-content dl.info dt { float:left; width:38%; height:35px; line-height:35px; font-size:1.3333rem; padding-left:5px; }
#consulting-area .etc-content dl.info dd.data { width:62%; min-height:35px; margin-left:38%; }
#consulting-area .etc-content dl.info dd.data2 { width:100%; min-height:35px; margin-left:38%; }

#consulting-area .etc-content dl.info dd.data span.val { display:block; height:35px; padding:0 10px; line-height:32px; border-radius:4px; font-size:1.5833rem; font-weight:500; border:1px solid #dcdcdc; background-color:#fff; }
#consulting-area .etc-content dl.info dd.data span.val2 { display:block; height:35px; padding:0 10px; line-height:32px; border-radius:4px; font-size:1.5833rem; font-weight:500; background-color:#f8f8f8; }

#consulting-area .etc-content dl.info dd.data a.val { display:block; height:35px; padding:0 10px; line-height:32px; border-radius:4px; font-size:1.5833rem; font-weight:500; border:1px solid #dcdcdc; background-color:#fff; }
#consulting-area .etc-content dl.info dd.data a.val:hover { background-color:#ebebeb; }
#consulting-area .etc-content dl.info dd.data a.val.press { border:1px solid #2f8bff; background-color:#ebebeb; }
#consulting-area .etc-content dl.info dd.data a.val:active { border:1px solid #2f8bff; background-color:#ebebeb; }

#consulting-area .etc-content dl.info dd.data a.val2 { display:block; height:35px; padding:0 10px; line-height:32px; border-radius:4px;
	font-size:1.5833rem; font-weight:500; background-color:#f8f8f8; cursor: default !important; }

#consulting-area .etc-content dl.info dd.data input[type=text].val { display:block; outline: none; height:35px; padding:0 10px; line-height:32px; border-radius:4px; font-size: 1.5833rem; font-weight: 500; color: #292929 !important;border:1px solid #dcdcdc; background-color:#fff;  }
#consulting-area .etc-content dl.info dd.data input[type=text].val2 { display:block; outline: none; height:35px; padding:0 10px; line-height:32px; border-radius:4px; font-size: 1.5833rem; font-weight: 500; color: #292929 !important; background-color:#f8f8f8; }
#consulting-area .etc-content dl.info dd.data input[type=text].val:hover { border:1px solid #2f8bff; }
#consulting-area .etc-content dl.info dd.data input[type=text].val.press { border:1px solid #dcdcdc; }
#consulting-area .etc-content dl.info dd.data input[type=text].val:active { border:1px solid #dcdcdc; }
#consulting-area .etc-content dl.info dd.data input[type=text].val:focus { border:1px solid #dcdcdc; }
#consulting-area .etc-content dl.info dd.data input[type=text].val2 { }
#consulting-area .etc-content dl.info dd.data input[type=text]::-webkit-input-placeholder { font-size: 1.5833rem; font-weight: 500; color: #292929 !important; } /* Chrome/Opera/Safari */
#consulting-area .etc-content dl.info dd.data input[type=text]::-moz-placeholder { font-size: 1.5833rem; font-weight: 500; color: #292929 !important; } /* Firefox 19+ */
#consulting-area .etc-content dl.info dd.data input[type=text]:-ms-input-placeholder { font-size: 1.5833rem; font-weight: 500; color: #292929 !important; } /* IE 10+ */
#consulting-area .etc-content dl.info dd.data input[type=text]:-moz-placeholder { font-size: 1.5833rem; font-weight: 500; color: #292929 !important; } /* Firefox 18- */
#consulting-area .etc-content dl.info dd.data .my-placeholder { font-size: 1.5833rem; font-weight: 500; color: #292929 !important; }
#consulting-area .etc-content dl.info dd.desc { clear:both; min-height:10px; line-height:166%; color:#696969; font-size:1rem; padding-right:5px; }
#consulting-area .etc-content ul.list li { padding-left:10px; line-height:154%; color:#a0a0a0; font-size:1.0833rem; }
#consulting-area .etc-content ul.list li:before { display:inline-block; width:10px; margin-left:-10px; content:"-"; }
#consulting-area .etc-content ul.extra-service-list { }
#consulting-area .etc-content ul.extra-service-list li { }
#consulting-area .etc-content ul.extra-service-list li span.title { display:block; padding:0 10px 0 7px; font-size:1.1666rem; line-height:166%; }
#consulting-area .etc-content ul.extra-service-list li span.price { width:110px; }
#consulting-area .etc-content ul.extra-service-list li a.date { margin:0 70px 0 120px; font-size:1.14rem; white-space:nowrap }
#consulting-area .etc-content ul.extra-service-list li a.date > sub { vertical-align:3px; font-size:0.9rem; color:#969696; }
#consulting-area .consult-penalty-price-btn { position:absolute; top:15px; right:0; width:100px; height:30px; }
#consulting-area .consult-extra-plan-add-btn { position:absolute; top:-35px; right:0; font-size:1.1666rem !important ; font-weight:500; border:1px solid #dcdcdc; background-color:#fff; } /* 부가서비스 추가 */

/* 원 표시 sub - 2017-10-31 김남우 */
#consulting-area a.val sub,
#consulting-area a.val2 sub,
#consulting-area span.val sub,
#consulting-area span.val2 sub { vertical-align: 5px; font-size:1.25rem; padding-left: 4px; }
#consulting-area .result-box div.price-area sub { vertical-align: 6px; font-size:1.5833rem; padding-left: 6px; font-weight:600; } /* 당월 예상 금액 */
#consulting-area .result-box div.price-area .price2 sub { vertical-align: 7px; font-size:2.0rem; padding-left: 6px; font-weight:600; } /* 월별 청구 금액 */
#consulting-area .result-box div.info_footer .price sub { vertical-align: 7px; font-size:1.8333rem; padding-left: 6px; font-weight:600; } /* 요금변경시 청구 금액 */
#consulting-area dl.info_footer dd.data sub { vertical-align: 5px; font-size:1.5833rem; padding-left: 6px; font-weight:600; } /* 요금변경시 청구 금액 */
#consulting-area .consolting-content div.info-wrap dl.info_footer dd.desc sub { vertical-align: 3px; font-size:1rem; padding-left: 2px; }
/* 날짜 */
#consulting-area .consolting-content div.info-wrap dl.info dd.data a.val.date { font-size:1.14rem; white-space:nowrap; }
#consulting-area .consolting-content div.info-wrap dl.info dd.data a.val.date > sub { vertical-align:3px; font-size:0.9rem; color:#969696; }
#consulting-area .etc-content dl.info dd.data a.val.date { font-size:1.14rem; white-space:nowrap; }
#consulting-area .etc-content dl.info dd.data a.val.date > sub { vertical-align:3px; font-size:0.9rem; color:#969696; }

/*
#device-area .mCSB_inside > .mCSB_container,
#consulting-area .mCSB_inside > .mCSB_container { margin-right:0 !important; }
#device-area .mCS-dark.mCSB_scrollTools .mCSB_draggerRail,
#consulting-area .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color:rgba(255, 255, 255, .0) !important; }
#device-area .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
#consulting-area .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color:#e9e9e9 !important; }
#device-area .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
#consulting-area .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools,
#device-area .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
#consulting-area .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools { opacity:1 !important; }
*/

/* 버튼형식 disabled 효과 */
a.val.disabled { background: #fff !important; border: 1px solid #eeeeee !important; color: #eeeeee !important; cursor: default !important; } /* 버튼 disable */
a.val2.disabled { background: #fff !important; border: 1px solid #eeeeee !important; color: #eeeeee !important; cursor: default !important; } /* 버튼 disable */

/* 스크롤 & 화면선택 - 2017-10-29 김남우 */
#telecom-area.article-hide { position: absolute; display: none; }
#device-area.article-hide { position: absolute; display: none; }
#consulting-area.article-hide { position: absolute; display: none; }
#telecom-area.sel { } /* 통신사 화면 선택 */
#telecom-area.sel .head-wrap { position: fixed; } /* 통신사 화면 선택 */
#device-area.sel { height: 100%; }
#consulting-area.sel { height: auto; } /* 상담하기 화면 선택 */
#consulting-area.sel .top-menu-wrap { position: absolute; } /* 상담하기 화면 선택 */
#consulting-area.sel.mobile-hidden .top-menu-wrap { position: absolute; } /* 상담하기 화면 선택 & 모바일 키보드 입력 이슈 */


/*요금제 선택 > 상세 2018-06-10*/
.fee_detail {}
.fee_detail .tc {text-align: center;}
.fee_detail .tl {text-align: left;}
.fee_detail .tr {text-align: right;}
.fee_detail .at_form input {padding-right:15px;}
.fee_detail .font-eff {font-size:16px; font-weight: 600; color: #000;}
.fee_detail .info_box01 { display: inline-block; border: 2px solid #ddd; padding: 10px 0; width: 100%;}
.fee_detail .info_box01 h4 {text-align: center; margin-bottom:15px; font-weight: 600; color: #5d5d5d;}
.fee_detail .info_box01 .info_detail01 ul {padding:0px 0 0 0;}
.fee_detail .info_box01 .info_detail01 ul li { padding:0px 25px; width:100%; display:table;}
.fee_detail .info_box01 .info_detail01 ul li > div {display:table-cell;vertical-align:middle;font-family: 'Nanum Gothic', sans-serif;font-size:13px;}
.fee_detail .info_box01 .info_detail01 ul li > div.th {width: 35%; color:#000; }
.fee_detail .info_box01 .info_detail01 ul li > div.td {  }
.fee_detail .info_box01 .info_tabmenu {background:#f4f4f4;}
.fee_detail .info_box01 .info_tabmenu .info_tab { background:#0ab2ff; color:#fff; text-align: center; padding:10px 20px; display: block;}
.fee_detail .info_box01 .info_tabmenu ul {padding: 10px 0px;}
.fee_detail .info_box01 .info_tabmenu ul li { padding:0px 15px; width:100%; display:table;}
.fee_detail .info_box01 .info_tabmenu ul li > div {display:table-cell;vertical-align:middle;font-family: 'Nanum Gothic', sans-serif;font-size:13px;}
.fee_detail .info_box01 .info_tabmenu ul li > div.th {  color:#000; width:130px; }
.fee_detail .info_box01 .info_tabmenu ul li > div.td {  }
.fee_detail ul.td_tab { display:inline-block; overflow: hidden; }
.fee_detail ul.td_tab { width:100%; height:35px; border-radius:4px; overflow:hidden; border:1px solid #dcdcdc; background-color:#fff; }
.fee_detail ul.td_tab li.t-val {text-align: center; padding: 0 0px; display:inline-block; width:22%; height:100%; overflow:hidden; border-right:1px solid #dcdcdc; }
.fee_detail ul.td_tab li.t-val a { display:inline-block; width:100%; height:100%; font-size:1.4166rem; font-weight:500; padding-top: 7px; }
.fee_detail ul.td_tab li.t-val:last-child { border-right:0; }
.fee_detail ul.td_tab li.t-val:hover { background-color:#e8e8e8; }
.fee_detail ul.td_tab li.t-val.press { background-color:#848484; }
.fee_detail ul.td_tab li.t-val.press a { color:#fff; }
.fee_detail ul.td_tab li.t-val.sel { background-color:#848484; }
.fee_detail ul.td_tab li.t-val.sel a { color:#fff; }
.fee_detail ul.td_tab li.t-val:nth-child(2),
.fee_detail ul.td_tab li.t-val:nth-child(2) ~ li { width:18% !important;}
.fee_detail ul.td_tab li.t-val:nth-child(3),
.fee_detail ul.td_tab li.t-val:nth-child(3) ~ li { width:16% !important; }
.fee_detail ul.td_tab li.t-val:nth-child(4),
.fee_detail ul.td_tab li.t-val:nth-child(4) ~ li { width:18% !important; }
.fee_detail ul.td_tab li.t-val:nth-child(5),
.fee_detail ul.td_tab li.t-val:nth-child(5) ~ li { width:18% !important;}
.fee_detail .info_box01 .total {padding-bottom:20px; border-top: 1px dashed #ddd;}
.fee_detail .info_box01 .total .th {font-size:17px; font-weight:600; width:45% !important;}
.fee_detail .info_box01 .total .td {}
.fee_detail .info_box01 .total .td .price {color: #fb5c36; position: relative; font-size:20px; font-weight:600; top: 28px;}
.fee_detail .info_box01 .total .td .price span.tatal_d {position: absolute; font-size:15px; top: -24px; right: 4px; width: 250px;}
.fee_detail .info_box01 .total .td .price2 {color: #fb5c36; position: relative; font-size:20px; font-weight:600;}

.fee_detail .info_box02 { display: inline-block; border: 2px solid #0ab2ff; padding: 10px 0; background: #f0fcff; width: 100%;}
.fee_detail .info_box02 h4 {text-align: center; margin-bottom:15px; font-weight: 600; color: #5d5d5d;}
.fee_detail .info_box02 .info_detail01 ul {padding:0px 0 0 0;}
.fee_detail .info_box02 .info_detail01 ul li { padding:0px 25px; width:100%; display:table;}
.fee_detail .info_box02 .info_detail01 ul li > div {display:table-cell;vertical-align:middle;font-family: 'Nanum Gothic', sans-serif;font-size:13px;}
.fee_detail .info_box02 .info_detail01 ul li > div.th {width: 35%; color:#000; }
.fee_detail .info_box02 .info_detail01 ul li > div.td {  }
.fee_detail .info_box02 .ex_total {padding-bottom:30px; border-bottom: 1px dashed #ddd;}
.fee_detail .info_box02 .ex_total ul {padding: 0px 0 0 0;}
.fee_detail .info_box02 .ex_total ul li {padding: 0px 25px; width: 100%; display: table}
.fee_detail .info_box02 .ex_total ul li > div {display:table-cell;vertical-align:middle;font-family: 'Nanum Gothic', sans-serif;font-size:13px;}
.fee_detail .info_box02 .ex_total .th {color: #000; font-size:17px; font-weight:600; width:45% !important;}
.fee_detail .info_box02 .ex_total .td .price {color: #0ab2ff; position: relative; font-size:20px; font-weight:600; top: 28px;}
.fee_detail .info_box02 .ex_total .td .price span.tatal_d {position: absolute; font-size:15px; top: -24px; right: 4px; width: 250px;}
.fee_detail .info_box02 .ex_total .td .price2 {color: #fb5c36; position: relative; font-size:30px; font-weight:800; top: 28px;}
.fee_detail .info_box02 .ex_total .td .price2 span.tatal_d {position: absolute; font-size:15px; top: -20px; right: 4px; width: 250px;}
.fee_detail .info_box02 .ex_total .td .price3 {color: #565656; position: relative; font-size:30px; font-weight:800; top: 28px;}
.fee_detail .info_box02 .ex_total .td .price3 span.tatal_d {position: absolute; font-size:15px; top: -20px; right: 4px; width: 250px;}
.fee_detail .info_box02 .info_service .ser_tit {padding:0px 25px; width:100%; font-size:13px; color:#000;}
.fee_detail .info_box02 .info_service ul {padding:0px 0 0 0;}
.fee_detail .info_box02 .info_service ul li { padding:0px 36px; width:100%; font-size:13px; }
.fee_detail .info_box02 .info_service ul li:before { display:inline-block; width:10px; margin-left:-10px; content:"-"; }
.fee_detail .info_box02 .info_service ul li > div {vertical-align:middle;font-family: 'Nanum Gothic', sans-serif;font-size:13px;}
.damages_btn { float: right; padding: 5px 30px;}
.info_detail01_tit {padding: 20px 25px 0 25px; width: 100%; font-size: 17px; font-weight: 600; color: #000;}
.info_detail01 textarea {width: 100%; height: 173px; padding: 10px;}

.fee_detail .info_box03 { display: inline-block; border: 1px dashed #ddd; padding: 10px 0; margin-top:20px; width: 100%;}
.fee_detail .info_box03 h4 {text-align: center; margin-bottom:15px; font-weight: 600; color: #5d5d5d;}
.fee_detail .info_box03 .info_detail01 ul {padding:0px 0 0 0;}
.fee_detail .info_box03 .info_detail01 ul li { padding:0px 25px; width:100%; display:table;}
.fee_detail .info_box03 .info_detail01 ul li > div {display:table-cell;vertical-align:middle;font-family: 'Nanum Gothic', sans-serif;font-size:13px;}
.fee_detail .info_box03 .info_detail01 ul li > div.th {width: 35%; color:#000; }
.fee_detail .info_box03 .info_detail01 ul li > div.td {  }

.plus_icon {position: relative;}
.plus_icon i {position: absolute; right: -32px; top: 350px; font-size: 29px;}
.total_icon {position: relative;}
.total_icon img {position: absolute; right: -29px; top: 350px;}



.myp_reveiw_list { margin-top:30px; border-top:2px solid #0ab2ff; }
.myp_reveiw_list .card { background:none; box-shadow:none; border:0; border-bottom:1px solid #ccc; border-radius:0; }
.myp_reveiw_list .card ul {  padding:0; margin:0; display:table; width:100%; }
.myp_reveiw_list .card ul li { color:#000; text-align:center; vertical-align:middle; font-family: 'Nanum Gothic', sans-serif; display:table-cell; font-size:15px; }
.myp_reveiw_list .card ul li:nth-child(1) { width: 120px; height: 80px;}
.myp_reveiw_list .card ul li:nth-child(1) img { width:100%; }
.myp_reveiw_list .card ul li:nth-child(2) { padding:6px 20px; text-align:left; margin:10px 0;}
.myp_reveiw_list .card ul li:nth-child(3) { padding-left:20px; position:relative; color:#999; font-family: 'Nanum Gothic', sans-serif;  font-size:13px; text-align:left;  width:120px;  }
.myp_reveiw_list .card ul li:nth-child(3):before { left:0; content:''; display:inline-block; position:absolute; width:1px; height:80px;  border-left:1px dashed #ccc; top:-5px; margin-top:50%; transform:translateY(-50%); }
.myp_reveiw_list .card ul li:nth-child(4) { width:40px; }
.myp_reveiw_list .card ul li:nth-child(4) i { color:#222; font-size:24px; }
.myp_reveiw_list .card ul li h3 {margin:5px 0 10px; color:#000; line-height:1; font-weight:600; font-family:'Nanum Square';   font-size:17px; }
.myp_reveiw_list .card ul li p { margin:0 0 5px; letter-spacing:-0.5px; font-family: 'Nanum Gothic', sans-serif;  font-size:13px; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; /* 라인수 */
-webkit-box-orient: vertical;
word-wrap:break-word; 
line-height: 1.3em;
height: 2.6em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */ }
.myp_reveiw_list .card ul li .review_m_write {     font-family: 'Nanum Gothic', sans-serif; font-size:12px; color:#999; }
.myp_reveiw_list .card ul li .review_m_write span { border-right:1px solid #ccc; padding:0 10px 0 0; margin:0 10px 0 0; }
.myp_reveiw_list .card ul li h3 span { margin-right:5px; }
.myp_reveiw_list .card-header { padding:0; background:none; border:0px; border-radius:0; }
.myp_reveiw_list .card-header ul { border:0;}
.myp_reveiw_list .collapse.show { }
.myp_reveiw_list .collapse ul li { vertical-align:top;  }
.myp_reveiw_list .card .collapsed li { color:#222; }
.myp_reveiw_list .card .collapsed li:nth-child(4) i:before { content:"\e943"; }
.myp_reveiw_list .card ul li:nth-child(4) i:before {  content:"\e946"; }

.review_star {   display:inline-block; vertical-align:middle;font-size:0;  color:#0ab2ff; }
.review_star i { font-size:20px;  }
.panel-group .panel + .panel {margin-top:0px;}
.panel_detail { border-top: 1px dashed #ccc; background:#fbfbfb; display:table; }
.panel_detail p { font-size:13px; padding:20px; vertical-align:bottom; display:table-cell; }
.panel_detail p:nth-child(2) {  width:160px; text-align:right; }
.panel_detail p:nth-child(2) a { border-radius:0; padding:0 10px; height:30px; line-height:30px; letter-spacing:-0.5px; font-family: 'Nanum Gothic', sans-serif;  font-size:13px; }
.panel_detail p:nth-child(2) a:nth-child(1) { background:#fff; }

.item_store { display:inline-block; vertical-align:middle; font-family: 'Nanum Gothic', sans-serif;  color:#0ab2ff;  font-size:15px; }
.item_model { display:inline-block; vertical-align:middle; font-family: 'Nanum Gothic', sans-serif;  color:#777;  font-size:12px; }
.item_model:before { display:inline-block; vertical-align:middle;  margin:0 5px 0 3px; content:''; width:1px; height:10px; background:#ccc; }

@media (max-width: 991px) {
    .review_star i { font-size:13px; }
    .item_model {  }
    .item_store {  }
}

@media (max-width: 640px) {
    .myp_reveiw_list .card ul li:nth-child(1) { width:50px; padding:0; }
    .myp_reveiw_list .card ul li:nth-child(2) { padding:0 10px; }
    .myp_reveiw_list .card ul li:nth-child(3) { padding-left:5px; width:90px; font-size:12px; }
    .myp_reveiw_list .card ul li:nth-child(3):before { content:none; }
    .myp_reveiw_list .card ul li:nth-child(4) { width:30px; }
    .myp_reveiw_list .card ul li h3 { font-size:15px; }
    .item_store { display:none; }    
    .item_model { display:none; }
    .myp_reveiw_list .card-header ul { padding:5px 0; }
}


/* 가맹문의하기 */
.at_form select, .at_form input, .at_form textarea {
    border-radius: 0;
    font-family: 'Nanum Gothic';
    font-size: 12px;
    display: inline-block;
    margin: 3px 0;
    border: 1px solid #ccc;
    box-shadow: none; height:35px; line-height:35px; }
.write_form .at_select input, .at_select select {padding-left: 2%; font-size:14px;}
.write_form .at_form {padding:0px !important;}
.write_form .at_form input.f_name_code {width:50%; margin:0px 0px 0 0px;}
.write_form .at_form input.f_zone_code {width:90%;}
.write_form .at_form select.f_phone_code {width:24%; vertical-align: middle;}
.write_form .at_form input.f_phone_code {width:24%; margin:0px 0px 0 5px;}
.write_form .at_form select.f_email_code {width:20%; margin:0px 0px 0 5px;}
.write_form .at_form input.f_email_code {width:15%; margin:0px 0px 0 0px;}
.write_form .at_form select.f_email_code { margin-left:5px;  width:150px; }
.write_form .at_form p { color:#000; margin:0; letter-spacing:-0.5px; display:inline-block; vertical-align:middle; font-family: 'Nanum Gothic', sans-serif;  font-size:13px; }
.write_form .at_form p i { color:#e9106d; font-size:24px;  vertical-align:middle; }
.write_form.tit input { width:100%; height:40px; padding:6px 12px; }
.at_form select { position:relative; width:100%;  border-radius:0; display:inline-block; 
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background:#fff url('/img/icon_select_arrow.png') no-repeat 100% 50%;
    padding: 0 30px 0 8px;
    font-size: 12px;
    color: #555;  box-shadow:none;  }
.at_form select::-ms-expand { display: none; }
@media (max-width:991px) {
    .write_form .at_form input.f_name_code,
    .write_form .at_form input.f_email_code,
    .write_form .at_form select.f_phone_code {width:25%;}
    .write_form .at_form input.f_phone_code {width:25%; }
    .write_form .at_form input.f_zone_code {width:100%;}
    .mobile_style {border-top:none !important; margin-top: -10px;}
}

@media (max-width:575px) {
    .write_form .at_form input.f_name_code,
    .write_form .at_form select.f_phone_code,
    .write_form .at_form input.f_phone_code {width:31% ;}
    .write_form .at_form select.f_email_code,
    .write_form .at_form input.f_email_code { width:30%; }
    .write_form .at_select input, .at_select select { font-size:13px;}
    .write_form .at_form input.f_zone_code {width:100%;}
}

@media (max-width:375px) {
    .write_form .at_form select.f_email_code,
    .write_form .at_form input.f_email_code { width:29%; }
}

@media (max-width: 325px) {
    .write_form .at_form select.f_phone_code {width:31%;}
}

.list_search form { margin-bottom:0; }
.write_form ul { border-top:2px solid #333; padding:0; }
.write_form ul li { padding:10px 0; width:100%; display:table; border-bottom:1px solid #ccc; }
.write_form ul li > div { padding:0 0; display:table-cell; vertical-align:middle; font-family: 'Nanum Gothic', sans-serif;  font-size:13px; }
.write_form ul li > div.th {  color:#000; width:130px; }
.write_form ul li > div.td {  }
.write_form textarea:focus { outline:none; }
.write_form textarea { border:1px solid #ddd; width:100%; margin:auto; height:240px; padding:10px;   }
.form_style {width:100%;}
.form_style input:focus { outline:none; border-bottom:1px dashed #ddd; }
.form_style input,
.form_style select {width:100%; padding:0 10px !important; line-height:1;  font-family: 'Nanum Gothic', sans-serif;  font-size:13px;  height:30px; border:0px; border-bottom:1px solid #fff; }
.form_style select {  border:1px solid #ccc; }
.form_style input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color:#ccc; }
.form_style input::-moz-placeholder { /* Firefox 19+ */ color:#ccc; }
.form_style input:-ms-input-placeholder { /* IE 10+ */  color:#ccc; }
.form_style input:-moz-placeholder { /* Firefox 18- */ color:#ccc; }
.form_style.email span { display:inline-block; padding:0 20px; }
.form_style.email input { width:230px; }
.form_style.email p { color:#000; margin:0; letter-spacing:-0.5px; display:inline-block; vertical-align:middle; font-family: 'Nanum Gothic', sans-serif;  font-size:13px; }
.form_style.email p i { color:#0ab2ff; font-size:24px;  vertical-align:middle; }
.form_style.call input:first-child { width:180px; }
.agree_form textarea { border:1px solid #ccc; font-size:13px; padding:20px; width:100%; height:200px; overflow:auto; }
.agree_form .checkbox { color:#000; font-family: 'Nanum Gothic', sans-serif;  font-size:13px;  }
.agree_form .checkbox input { margin-top:3px;  }

.added_file { margin-left:10px; display:inline-block; vertical-align:middle; }
.added_file span {  font-family: 'Nanum Gothic', sans-serif;  font-size:13px; color:#333; display:inline-block; border:1px solid #ccc; padding:0px 5px 0 10px; }
.added_file i { color:#000333; }
.form_add_file a { padding:0 10px; display:inline-block; vertical-align:middle; }
.form_add_file a,
.form_add_file span { line-height:30px; }

.submit_btn { padding:30px 0; text-align:center; }
.submit_btn a { padding:13px 0; width:140px; display:inline-block; vertical-align:middle;  font-family: 'Nanum Gothic', sans-serif;  font-size:14px; }
.submit_btn a i { font-size:20px; }

.modal-content .agree_form { background:#f2f2f2; padding:20px 15px; }
.modal-content .agree_form h3 { color:#222; font-family: 'Nanum Square';  font-size:17px; font-weight: 600;  }
.agree_form h3:after { content:'';clear:both; display:block; }
.agree_form h3 a { margin-top:-3px; background:#fff; font-weight:normal; font-family: 'Nanum Gothic', sans-serif; font-size:14px; color:#e90f6d; border:1px solid #e90f6d; padding:3px 10px; float:right; display:inline-block; }
.agree_form p {  margin:10px 0 5px; font-family: 'Nanum Gothic', sans-serif; font-size:14px; color:#222; }
.agree_form ul { margin:0; padding:0 0 0 5px; }
.agree_form ul li {  font-family: 'Nanum Gothic', sans-serif; font-size:13px; }


@media (max-width: 1199px) {
    .form_style.email p { display:block; margin-top:5px; font-size:12px; }
}
@media (max-width: 768px) {
    .write_form ul li > div.th { min-width:90px; max-width:90px; }
}
@media (max-width:575px) {
    .agree_form { padding:0; }
    .agree_form textarea { font-size:12px; }
.write_form ul li > div { padding:0 0;  }
.write_form .at_form select.f_email_code { font-size:13px; }
    .form_style input,
    .form_style select { width:100%; border:1px solid #ddd; }
    .form_style.email input { width:100%; }
    .form_style.call input:first-child { width:100%; }
    .write_form ul li > div.th,
    .write_form ul li > div.td { min-width:100%; max-width:100%; width:100%; display:block; }
    .write_form ul li > div.td { padding:0 !important; margin:5px 0 0; }
    .write_form ul li { border-color:#eee; padding:7px 0; }
    .form_add_file > a { text-align:center; }
    .form_add_file > a, .form_add_file span { display:block; margin:1% 0; }
    .added_file { margin:0;  }
    .form_style.email p { color:#999; font-size:11px; }
}
@media (max-width:340px) {
    .submit_btn a { width:100%; margin:1% 0; }
}

.prd_search { text-align:center; }
.prd_search .search_form {  width:1200px; margin:auto; background:none; border:0px; }
.prd_array { text-align:right; }
.prd_array:after { content:''; clear:both; display:block; }
.prd_array p { margin:0; color:#222; font-family:'Nanum Square'; font-size:17px; font-weight:500; float:left; text-align:left; display:inline-block; }
.prd_array p span { color:#f30; }
.prd_array p i { vertical-align:middle; margin-top:-3px; color:#f30; }
.prd_array select { width:165px; padding:0 15px; }
.prd_array .at_select {  display:inline-block; float:right; }
.select_color { text-align:center; padding:0 0 10px; }
.select_color a { margin:0 1px; display:inline-block;  }
.select_color a span { position:relative; border-radius:3px; border:1px solid #ccc; width:18px; height:18px; display:block; }
.select_color a.active span:after {
    content: "";
    position: absolute;
    top: 2px;
    left: 5px;
    width: 6px;
    height: 9px;
    border: solid white;
    border-width: 0px 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
.select_mobile { padding:10px 0; text-align:center; }
.select_mobile a { display:inline-block; }
.select_mobile a span { color:#ccc; display:block; padding:1px 10px; border:1px solid #ccc;  font-family: 'Nanum Gothic', sans-serif;  font-size:13px; }
.select_mobile a.active span { color:#0ab2ff; border-color:#0ab2ff; }
@media (max-width: 991px) {
    .prd_search .search_form { width:100%; padding:20px 10px; }
    .prd_search .search_form > div:nth-child(1) { width:100%; margin:0 0 10px; }
    .prd_search .search_form > div:nth-child(2) { width:100%; }
    .recent_prd.search_prd { margin:0; }
    .recent_prd.search_prd > .row { margin:0; }
    .recent_prd.search_prd > .row [class*=" col-"] { padding:0; }
}
@media (max-width: 375px) {
    .select_mobile a span { font-size:12px; padding:1px 5px; }
}

.mt-30-0 {margin: 30px 0px 0px 0px !important;}

/* 모바일 사이드메뉴 */
.fix_btnmenu_close_wrap {  position:absolute; right:20px; width:24px; height:24px; top:11px; }
.lines.close { opacity:1; background:transparent;  }
.lines.close:before  { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; }
.lines.close:after  { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; }
.lines.close {  background: transparent; }
.lines.close:before,
.lines.close:after {  top:11px;  background:#fff; }

.fix_nav_wrap { position:absolute; width:24px; top:11px; left:20px; z-index:1008; }
.fix_menu { visibility:hidden; z-index:1010; position:fixed; background:rgba(0,0,0,0); top:0; left:0;  transition:all 0.7s; height:100%; width:100%;  }
.fix_menu.open {   background:rgba(0,0,0,0.5); visibility:visible;  }
.fix_menu .menu_contents { max-width:270px; width:270px; padding:0px; position:absolute; background:#fff; transition:all 0.5s; left:0; margin-left:-300px; height:100%;  }
.fix_menu.open .menu_contents { margin-left:0; }
.fix_menu .fix_btnmenu_close {  position:absolute;  width:100%; height:100%; z-index: 8;}
.fix_menu ul { margin:0; padding:0; }
.fix_nav { position:relative; height:100%;  background:#fff; z-index:22; }
.fix_nav .fix_logo { position:absolute; top:40px; left:50%; transform:translateX(-50%);  transition:all 0.2s; }
.fix_nav .fix_quick { position:absolute; bottom:24px; left:50%; transform:translateX(-50%);}
.fix_nav .fix_quick a { padding:7px 0; display:block; }
.fix_nav .fix_btnmenu { width:20px; position:absolute; height:22px; padding-top:10px; right:0; top:-4px;  }
.fix_nav .fix_btnmenu .lines { width:100%; height:1px; background:#fff; display:block; transition:0.3s; position:relative; }
.lines:before,
.lines:after {  display:inline-block; content:''; width:100%; height:1px; background:#fff; transition:0.3s; position:absolute; left:0; }
.lines:before { top:-7px; }
.lines:after { top:7px;  }
.menu_wrap {   width:270px; overflow-x:hidden;  overflow-y: hidden;
    position: fixed;
    height: 100%;  }
.menu_wrap h3 { min-height:45px; margin:0; background:#222; font-weight:600; padding:0 12px; line-height:45px; }
.menu_wrap h3 a {  margin-top:-4px; vertical-align:middle; line-height:1; color:#fff; display:inline-block; padding:4px 10px; border:2px solid #fff; border-radius:25px; font-family:'Nanum Square'; font-size:12px;    }
.menu_contents li {  }
.menu_contents li a { display:block; font-weight:600; letter-spacing: -0.5px; font-family:'Roboto','Nanum Square'; font-size:13px; }
.menu_contents li ul { border-top:1px solid #ddd;  background:#f5f5f5; }
.menu_contents li ul li a { padding:10px 30px; }
.menu_contents li ul li a:before {  font-family: 'xeicon' !important;  content: "\e93f"; display:inline-block; margin-right:5px; vertical-align:middle; }
.menu_contents .main_menu {  }
.menu_contents .main_menu > li { border-bottom:1px solid #ddd; }
/*
.menu_contents .main_menu > li > a:before { margin-right:5px; background:url('/img/m_side_icon03.png'); content:''; display:inline-block; width:22px; height:22px; background-size:100%; vertical-align:middle; }
.menu_contents .main_menu > li:nth-child(2) > a:before {  background:url('/img/m_side_icon04.png'); background-size:100%;  }
.menu_contents .main_menu > li:nth-child(3) > a:before {  background:url('/img/m_side_icon01.png'); background-size:100%; }
.menu_contents .main_menu > li:nth-child(4) > a:before {  background:url('/img/m_side_icon02.png'); background-size:100%;  }
*/
.menu_contents .main_menu > li > a { position:relative; padding:15px 20px; border-top:1px dashed rgba(255, 255, 255, 0.4); }
.menu_contents .main_menu > li > a.collapsed:after { color:#ccc; right:20px; top:10px; font-size:22px; position:absolute; content:"\e943";     font-family: 'xeicon' !important; }
.menu_contents .main_menu > li > a:after { color:#e9106d; right:20px; top:10px; font-size:22px; position:absolute; content:"\e946";     font-family: 'xeicon' !important; }
.menu_contents .main_menu > li > a.no_sub:after { content:none; }
.menu_contents .main_menu > li:nth-child(1) > a { border-top:0px; }
.menu_contents .main_menu li a {  color:#333;   }
.menu_contents .main_menu li a img { display:inline-block; }
.menu_contents .main_menu li a span { margin-left:5px; position:relative; display:inline-block; }
.menu_contents .main_menu li a span b { color:#333; font-weight:600; letter-spacing: -0.5px; font-family:'Roboto','Nanum Square'; font-size:14px; }
.menu_contents .sub_menu li { margin: 10px 0; }
.menu_contents .sub_menu li a {   color:#888; font-size:13px; font-weight: 700;  transition:all 0.2s; }
.menu_contents .sub_menu li a:hover { color:#333; }
.menu_sns { width:100%; font-size:0; position:absolute; bottom:0; padding:20px; }
.menu_sns a { width:25%; display:inline-block; }
.menu_sns img { display:inline-block; }
.menu_sns ul li { display:inline-block; margin:0 3px; }
.menu_scroll {  height:100%; overflow:scroll;  }

.app_menu {  }
.app_menu ul { padding:0; margin:0; }
.app_menu ul li { background:#302e2e; border-bottom:1px solid #ccc; }
.app_menu ul li:after { content:''; clear:both; display:block; }
.app_menu ul li h3 { background:#525151; font-family: 'Nanum Gothic', sans-serif; font-weight:bold; color:#fff; font-size:15px; margin:0; padding:10px 20px; border-top:1px solid #ccc;  }
.app_menu ul li i { font-size:15px; color:#ccc; vertical-align:middle; margin-top:-3px; }
.app_menu ul li p {  font-family: 'Nanum Gothic', sans-serif;  font-size:13px; color:#ddd;  margin:0; padding:10px 20px;  display:inline-block; }
.app_menu ul li a { width: 45px;  background: #525151; text-align: center;  margin-top:6px;    margin-right: 15px; float:right; display:inline-block; padding:4px 10px;font-family: 'Nanum Gothic', sans-serif;  font-size:13px;  }
.app_menu ul li a:after { content:'OFF'; color:#aaa; }
.app_menu ul li a.active:after { content:'ON'; color:#fff; }

@media (max-width: 991px) {
}
@media (max-width: 325px) {
}





/* 상품상세페이지 */
.goods_wrap.prd_detail { padding:70px 0; background:#fff; }
.radio_cont label  { font-weight:normal; margin:0 0 0 5px !important; 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: #e9106d; }
.prd_info > h3 { margin:0; color:#000; font-weight:600;  font-family:'Nanum Square'; font-size:24px; }
.prd_info > p. {  }
.prd_info > p.model_name:after { margin:8px 0; }
.prd_info .form_style { font-size:0; }
.prd_info .form_style select {   }
.prd_info .form_style select:first-child { width:30%; }
.prd_info .form_style select:last-child { width:69%; margin-left:1%; }
.prd_info .list_section { margin:20px 0; }
.select_btn {  }
.select_btn a { display:inline-block; color:#999; border:1px solid #ccc; text-align:center; padding:3px 0; width:70px; font-family: 'Nanum Gothic', sans-serif;  font-size:13px;  }
.select_btn a:hover {  border:1px solid #009cff;  }
.select_btn a.active { color:#fff; background:#009cff; border:1px solid #009cff; }
.prd_detail_price { padding:15px 0 25px; border-top:1px solid #ccc; display:table; width:100%;  margin:0; }
.prd_detail_price span.del {font-size:19px; margin-right:6px; font-weight:600; color:#bbbbbb; text-decoration: line-through;}
.prd_detail_price li { vertical-align:top; display:table-cell; width:40%; text-align:right; }
.prd_detail_price li:first-child { width:60%; text-align:left; }
.prd_detail_price li p { margin:0 0 5px; letter-spacing:-0.5px; color:#555; font-family: 'Nanum Gothic', sans-serif;  font-size:13px;  }
.prd_detail_price li h1 { margin:0;  display:inline-block; position:relative; font-weight:600;  font-family:'Nanum Square'; font-size:24px; }
.prd_detail_price li h1 b { font-weight:800; color:#f30; }
.prd_detail_price li h1 span { transform:translateX(-50%); left:50%; text-align:center; color:#fff; position:absolute;  top:140%; font-family: 'Nanum Gothic', sans-serif;  font-size:12px; padding:8px 0;  width:90%; background:#009cff; border-radius:25px; }
.prd_detail_price li h1 span:after { position:absolute; margin-bottom:-1px; left:50%; margin-left:-4px; bottom:100%; content:''; width: 0;  height: 0; border-right: 6px solid transparent; border-left:6px solid transparent; border-bottom:8px solid #009cff; ; }
.prd_detail_price .caption h5 { margin:0 0 0; color:#000; font-family:'Nanum Square'; font-weight:600; font-size:20px; padding-bottom: 15px;}
.prd_detail_price h5 span {  font-size:22px; color:#f30; font-weight:800; }
.prd_detail_price h5 span.del {  font-size:17px; margin-right:6px; font-weight:600; color:#bbbbbb; text-decoration: line-through; }
.prd_detail_price .select_btn a { width:90px; border-width:2px; border-radius:5px; font-weight:600;  font-family:'Nanum Square'; font-size:18px; }
.prd_detail_price .select_btn a.active { background:#fff; color:#009cff; border-color:#009cff; }
.prd_info .select_color {font-size:0;  padding:0; float:right; display:inline-block; }
.prd_info .select_color span { width:21px; height:21px; margin:3px; }
.prd_info .select_color a.active span:after { left:7px; top:3px; width:6px; height:10px; }
.prd_info .write_form ul { margin:0; border-bottom:2px solid #e90f6d; border-top:1px solid #202020; }
.prd_info .write_form ul li { padding:13px 15px; }
.prd_info .write_form ul li:last-child { border-bottom:0; }
.prd_info .write_form ul li div.th {  width:160px;  font-weight: 600; font-family: 'Nanum Square'; font-size: 17px; color: #222; }
.prd_info .write_form ul li div.th img { display:inline-block; }
.prd_info .write_form ul li div.td { font-family: 'Nanum Gothic', sans-serif; font-size: 14px; color: #222; text-align:right; }
.prd_detail_agree { padding-top:30px; }
.prd_detail_btn { position:relative; text-align:left;  }
.prd_detail_btn:after { content:''; clear:both; display:block; }
.prd_detail_btn a { border-radius:50px; }
.prd_detail_btn a  {  margin:15px 0; vertical-align:top;  }
.prd_detail_btn a:focus { color:#fff ; }
.prd_detail_btn a img { display:inline-block; vertical-align:middle; margin:auto; }
.btn_cacul {     text-align: center;  padding:12px 9px; padding-top:7px;  vertical-align:middle;border:1px solid #ddd; display:inline-block;  }
.btn_cacul2 { padding:6px 10px; padding-top:7px;  vertical-align:middle;border:1px solid #ddd; display:inline-block;  }
.btn_style {border: 1px solid #e9106d !important; color:#e9106d !important;}
.prd_detail_btn a.btn_cacul {  margin-left:3px; width:44px; height:44px; line-height:44px; padding:0; }
.prd_detail_btn a.btn_cacul img { margin-top: -4px; width:20px; }
.prd_detail_btn a.btn_cacul:hover { background:#f5f5f5; border-color:#aaa; }
.map_icon { margin-right:5px; display:inline-block; vertical-align:middle; width:27px !important; height:24px !important; }
.map_icon.qna { background:url('/img/map_icon_btn01.png') 0 0 no-repeat !important; }
.map_icon.review { background:url('/img/map_icon_btn02.png') 0 0 no-repeat !important;  }
.map_icon.store { background:url('/img/map_icon_btn03.png') 0 0 no-repeat !important;  }
.prd_detail_btn .map_icon { background-position:0 -24px; }
.prd_thumb_cont .slider-nav { width:80%; margin:auto; }
.prd_thumb_cont .detail_tumb span {padding:5px; display:block; }
.prd_thumb_cont .detail_tumb span img {  border:1px solid #ddd; }
.prd_thumb_cont .detail_tumb.slick-current span img {  border:1px solid #ea106e; }
.slick-slide img { margin:auto; }
.prd_tab_cont {  }
.prd_tab_cont .nav-tabs.style-4 {border:0; margin:0 0 30px; }
.prd_tab_cont .nav-tabs.style-4 > li  { width:20%; }
.prd_tab_cont .nav-tabs.style-4 > li > a img { vertical-align:middle; margin-top:-4px; margin-right:3px; display:inline-block; }
.prd_tab_cont .nav-tabs.style-4 > li > a { font-weight:500; font-family: 'Nanum Square'; font-size: 17px; color:#fff; padding:15px 0; text-align:center; border:0; background:#595959; border-radius:0;  }
.prd_tab_cont .nav-tabs.style-4 > li.active > a, .prd_tab_cont .nav-tabs.style-4 > li.active > a:hover, .prd_tab_cont .nav-tabs.style-4 > li.active > a:focus { background:#333; }
.prd_view_mnt { padding:30px 0; }
.prd_view_mnt p { margin:2px 0 5px; color:#444; line-height:32px;  font-family: 'LGSmHaR'; font-weight:200; font-size: 16px;   }
.prd_view_mnt p img { display:inline-block; margin-right:5px; vertical-align:middle; margin-top:-3px; }
.prd_view_mnt p a { border:1px solid #ea106e; color:#ea106e; display:inline-block; padding:2px 10px; }
.prd_view_mnt p a:hover { background:#ea106e; color:#fff; }
.prd_spec {  }
.spec_detail { margin:0 0 40px; }
.spec_detail div {  font-weight:500; font-family: 'Nanum Square'; font-size:17px;  }
.spec_detail > h3 { margin:0 0 10px; font-weight:600; font-family: 'Nanum Square'; font-size:20px; }
.spec_detail > ul { background:#f1f1f1; border:1px solid #ddd; font-size:0; padding:0; margin:0;  }
.spec_detail > ul li { margin-bottom:-1px; border-bottom:1px solid #ddd; width:33.33%; display:inline-block; position:relative; }
.spec_detail > ul li:nth-child(3n):after { content:none; }
.spec_detail > ul li:after { position:absolute; content:''; top:0; right:0; height:100%; background:#ddd; width:1px; display:block;  }
.spec_detail > ul li > div { padding:10px; }
.spec_detail > ul li h6 { font-weight:600; font-family: 'Nanum Square'; font-size:17px;   }
.spec_detail > ul li p {  }
.spec_detail > .row { margin:0; }
.spec_detail .row { margin-top:1px;  }
.spec_detail .row .row {  background:#f1f1f1;  }
.spec_detail .row [class*="col-"] {  }
.spec_detail .row .th { font-weight:600; color:#222; padding-top:10px; padding-bottom:10px;  }
.spec_detail .row .td { color:#555; background:#fff;  padding-top:10px; padding-bottom:10px; }

@media (min-width: 1200px) {
    .prd_tab_cont { width:1200px; margin:auto; }
}

@media (min-width: 992px) {
    .lSSlideOuter { display:none; }
    .lSSlideOuter.vertical { display:block; }
}
@media (max-width: 1199px) {
    .prd_detail_price .select_btn a { font-size:17px; width:84px; }
    .prd_spec > h1 { padding:0 15px; }
}
@media (max-width: 991px) {
    .lSSlideOuter.vertical { display:none; }
    .prd_tab_cont .nav-tabs.style-4 > li > a  { font-size: 15px; }
    .prd_tab_cont .nav-tabs.style-4 > li > a img { display:none; }
}
@media (max-width: 800px) {
    .lightSlider .lslide  img { margin:0 auto; }
}
@media (max-width: 575px) {
    .row.prd_info_area { margin:0; }
    .row.prd_info_area [class*="col-"] {  padding:0;  }
     .prd_tab_cont .nav-tabs.style-4 { margin:20px 0 10px; font-size:0; }
     .prd_tab_cont .nav-tabs.style-4 > li {  width:20%; }
     .prd_tab_cont .nav-tabs.style-4 > li:nth-child(1) {  width:18%; }
     .prd_tab_cont .nav-tabs.style-4 > li:nth-child(2) {  width:15%; }
     .prd_tab_cont .nav-tabs.style-4 > li:nth-child(3) {  width:24%; }
     .prd_tab_cont .nav-tabs.style-4 > li:nth-child(4) {  width:24%; }
     .prd_tab_cont .nav-tabs.style-4 > li:nth-child(5) {  width:19%; }
     .prd_tab_cont .nav-tabs.style-4 > li > a { position:relative; padding:8px 0; margin:0; font-size:14px; }
     .prd_tab_cont .nav-tabs.style-4 > li > a:after { bottom:0; content:''; height:2px; left:0; width:100%; background:#444; position:absolute; }
     .prd_tab_cont .nav-tabs.style-4 > li.active > a:after { background:#000;  }
    .prd_view_mnt { padding:10px 0; }
    .prd_view_mnt p { color:#777; font-size:12px; margin:10px 0; line-height: 20px;}
    .prd_detail_price .select_btn a { border:1px solid #ccc; width:auto; padding:3px 5px; font-size:13px; }
    .prd_detail_price li h1 { font-size:20px; }
    .prd_info > h3 { margin:10px 0 0; text-align:left; font-size:17px; }
    .prd_info .select_color { margin:5px 0 0; float:none; display:block; }
    .prd_detail_price li { width:60%; }
    .prd_detail_price li:first-child { width:40%; }
    .prd_info .form_style select:first-child,
    .prd_info .form_style select:last-child { width:100%; margin:3px 0; }
    .prd_info .write_form ul li { padding:13px 0; }
    .write_form ul li > div.th {  padding-right:0; }
    .prd_info .write_form ul li div.th {     font-size: 15px; width:30%;  display:table-cell;  }
    .prd_info .write_form ul li div.td { font-size:12px; width:70%; display:table-cell; }
    .prd_info .write_form ul li.prd_tbl.reset { display:block; }
    .prd_info .write_form ul li.prd_tbl.reset > div { display:block; text-align:left; }
    .prd_info .write_form ul li.prd_tbl.reset > div.th { width:100%;  }

    .prd_tab_cont .tab-content  .main_review_area { padding:0 3%; }
}
@media (max-width: 375px) {
    .prd_tab_cont .nav-tabs.style-4 > li > a { font-size:13px; }
}
@media (max-width: 374px) {
    .select_btn a { width:auto; padding:3px 10px; }
    .radio_cont label {   margin:0 !important;}
    .prd_detail_price { display:block; }
    .prd_detail_price li:first-child,
    .prd_detail_price li { text-align:center; width:100%; display:block; }
    .prd_detail_price li:first-child { margin:0 0 10px; }
}
@media (max-width: 320px) {
    .prd_tab_cont .nav-tabs.style-4 > li > a { font-size:12px; }
}

.rps_tbl {  }

@media (max-width:991px) {
    .myp_list table { border-top:0; }
    .rps_tbl thead,
    .rps_tbl  tbody,
    .rps_tbl  th,
    .rps_tbl  td,
    .rps_tbl  tr { display: block; }
    .rps_tbl thead tr {  position: absolute; top: -9999px; lef: -9999px; }
    .rps_tbl tr { margin:0 0 10px;  border: 1px solid #ccc; border-bottom:0; border-top: 2px solid #00a9ff; }
    .rps_tbl td { font-size:12px !important;  border: none !important;  border-bottom: 1px solid #ddd !important; padding:8px 5px; padding-right:10px !important;  position: relative; padding-left:90px !important;  white-space: normal; text-align:left !important; }
    .rps_tbl td:before { height:100%; width:80px; background:#eee; content:attr(data-title); position: absolute; top: 0; left: 0; padding:0 10px;  padding-top:8px; white-space: nowrap; text-align:left; font-weight: bold; }
    .rps_tbl .at_btn { font-size:11px; padding:0 5px; height:23px; line-height:23px; }
}



.cbox_cont label {text-align:left;  font-family: 'Nanum Gothic'; font-size:12px; width:100%; margin:5px 0 !important; display: block; position: relative; padding-left: 20px; cursor: pointer; }
.cbox_cont label input { position: absolute; opacity: 0; cursor: pointer; }
.cbox_cont label .checkbox_style {  border:1px solid #ccc; position: absolute; top:2px; left: 0; height: 14px; width: 14px; background-color: #fff;  }
.cbox_cont label .checkbox_style:after {
        left: 4px;
        content: "";
        position: absolute;
        display: none;
        top: 0;
        width: 5px;
        height: 9px;
        border: solid #e9106d;
        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; }

/* 모달 */
.modal-open {}
.modal-open .modal { background:rgba(0, 0, 0, 0.7); }
.modal-open .page-wrapper { filter:none;     -webkit-filter:none;
    -moz-filter:none;
    -o-filter:none;
    -ms-filter:none; }
.modal-content { box-shadow:none; -webkit-box-shadow:none; border-radius:0; }
.modal-content .modal-header { position:relative; line-height: 1; background:url('/img/modal_h_bg.jpg') 50% no-repeat; }
.modal-content .modal-header * { color:#fff; }
.modal-content .modal-header i { font-size:26px }
.modal-header > a { top:15px; right:15px; position:absolute; float:right; }
.modal-content h3 { text-align:left; margin:0; color:#fff;  font-family:'Nanum Square';  font-weight: 500;font-size:19px;  }
.modal-content h3 span { margin-left:10px; display:inline-block; font-size:13px; font-family: 'Nanum Gothic', sans-serif; }

/* 로그인-모달 */
.at_modal_body { padding:15px 40px; }
.modal_form { display:table; width:100%; }
.modal_form > div { text-align:right; display:table-cell; vertical-align:middle; width:26%; }
.modal_form > div.first { text-align:left; width:74%; padding-right:5px; }
.modal_form .btn_login {      line-height: 89px; width:100%; cursor:pointer; }
.modal_form .at_form .form-control { height:45px; }
.find_btn {   font-family: 'Nanum Gothic', sans-serif; padding:0 0 3px; font-size:11px; border-bottom:1px solid #555;  }
.modal_form > div p { margin:0; font-family: 'Nanum Gothic', sans-serif; font-size:13px; line-height:1.5; }
.join_btn {  cursor:pointer; font-family: 'Nanum Gothic', sans-serif;  font-size:13px;  }
.modal_join_ment {  border-top:1px dashed #ccc; padding:15px 0 0; margin:30px 0 0; }
.modal_form .at_form .form-control {  margin:5px 0;   box-shadow: none; border-radius:0; border:1px solid #ccc; }
.modal_form .join_btn { padding:10px 15px; }
.modal_form .find_btn { color:#333; }
@media (max-width:575px) {
    .modal_form.cbox_wrap > div.first { width:50%; }
    .modal_form.cbox_wrap > div { width:50%; }
    .at_modal_body { padding:10px 15px; }
}
@media (max-width:360px) {
    .modal_form > div.first { width:60%; }
}

/* 가입-모달 */
.modal_join_btn { border-top:1px dashed #ccc; padding:15px 0 0; margin:30px 0 0; }
.modal_join_btn .btn_join {  width:100%;   cursor: pointer; line-height:50px; }
.modal_form .cbox_cont a { color:#e90f6d; padding-bottom:2px; border-bottom:1px solid #e22a68; }

/* 모바일카테고리 */
.m_cate_slide { padding:15px 0; margin:0; }
.m_cate_slide li { text-align:center; }
.m_cate_slide .slick-list {width:90%; margin:auto; }
.m_cate_slide  a { font-family:'Nanum Square'; font-weight:500; font-size:16px; color:#333; }
.m_cate_slide .slick-arrow { position:absolute; color:#000; top:50%; margin-top:-13px; font-size:26px; }
.m_cate_slide .slick-arrow.prev {  left:0; }
.m_cate_slide .slick-arrow.next { right:0;  }
@media (max-width:575px) {
    .m_cate_slide a { font-size:14px; }
    .modal-open,
    .modal-open .modal { padding-right:0 !important; }
}
@media (max-width:320px) {
    .m_cate_slide a { font-size:13px; }
}


/* 마이페이지-찜한상품 */
.recent_prd.wish .wish_delete {  display:block; font-size:30px; color:#000; position:absolute; top:-3px; right:15px; }


/* 모달-후기작성 */
.modal_review_form {  }
.review_prd_cont {  }
.review_prd_cont ul { padding:10px 20px; margin:0; display:table; width:100%; }
.review_prd_cont ul li { display:table-cell;  vertical-align:middle; }
.review_prd_cont ul li:first-child { border:1px solid #ccc; padding:10px 15px; width:20%; }
.review_prd_cont ul li:last-child { padding-left:15px;}
.review_prd_cont ul li:last-child h3 { text-align:left; margin:0 0 5px; font-family: 'Nanum Gothic', sans-serif; font-weight:bold; color:#333; font-size:15px; }
.review_prd_cont ul li:last-child p { margin:0 0 0; font-family: 'Nanum Gothic', sans-serif;  color:#999; font-size:12px; }
.review_txt_cont {  }
.review_txt_cont .star_wrap { padding:10px 15px; font-size:0; }
.review_txt_cont a { display:block;  padding:7px 0; }
.review_txt_cont .review_star { text-align:center; border:1px solid #ccc; border-radius:20px; display:inline-block; width:18%; margin:0 1%;  }
.review_txt_cont .review_star.active { border-color:#0ab2ff; color:#0ab2ff; }
.review_txt_cont .review_star i { font-size:13px; color:#ccc; }
.review_txt_cont .review_star.active i { color:#0ab2ff; }
.review_txt_cont .text_wrap { margin:10px 0 0; padding:0 20px; }
.review_txt_cont .text_wrap textarea { padding:10px; border:1px solid #ccc; width:100%; height:130px;   font-family: 'Nanum Gothic', sans-serif;  color:#555; font-size:12px; }
.review_txt_cont .text_wrap p {  font-family: 'Nanum Gothic', sans-serif;  color:#999; font-size:12px;}
.review_txt_cont .file_wrap { margin:20px 0 0; padding:0 20px 20px; }
.review_txt_cont .file_wrap p { margin:5px 0 0; font-family: 'Nanum Gothic', sans-serif;  color:#999; font-size:12px; }
.review_txt_cont .file_wrap a { padding:0 15px; display:inline-block;  font-family: 'Nanum Gothic', sans-serif; font-size:13px; }
.review_txt_cont .file_wrap .added_file {vertical-align:top; margin-left:5px; }
.review_txt_cont .file_wrap .added_file i {  color:#000;  }
.modal_btn_area {  margin:auto;  padding:10px 0 20px ; text-align:center;}
.modal_btn_area a { display:inline-block; padding:13px 0; width:140px; }
.modal_btn_area a.pink_btn { width:auto; display:inline-block; padding:10px 20px; color:#fff; background:#e9106d; font-family: 'Nanum Gothic', sans-serif; }
.modal_btn_area a.pink_btn:hover { background:#b31257; }
.modal_btn_area a.pink_btn i { font-size:20px; }
@media (max-width:575px) {
    .review_txt_cont .review_star { width:100%; margin:1% 0; }
    .review_txt_cont .file_wrap .form_add_file > a,
    .review_txt_cont .file_wrap .form_add_file > div {  margin:1% 0; width:100%; }
    .review_txt_cont .file_wrap .form_add_file > a { text-align:center; }
}
@media (max-width:340px) {
    .modal_btn_area a { width:100%; margin:1% 0; }
}


/* 모달-아이디/비밀번호찾기 */
.at_modal_body.modal_find { padding:30px 40px; }
.modal_find .nav-tabs { border-bottom:1px solid #e90f6d; }
.modal_find .nav-tabs > li {  }
.modal_find .nav-tabs > li > a { border-radius:0; background:#f3f3f3; border:1px solid #ccc; border-bottom:1px solid #e90f6d; }
.modal_find .nav-tabs > li > a:hover,
.modal_find .nav-tabs > li.active > a:hover,
.modal_find .nav-tabs > li.active > a:focus,
.modal_find .nav-tabs > li.active > a { background:#fff !important; border:1px solid #e90f6d !important; border-bottom:1px solid #fff !important; }
.modal_find .tab-content > .tab-pane { padding:0 !important; border:0 !important; background:none !important; }
.modal_find .tab-content h1 { margin-bottom:5px; font-family: 'Nanum Gothic', sans-serif; font-size:15px; }
.modal_find .tab-content p { font-family: 'Nanum Gothic', sans-serif; font-size:13px; }
@media (max-width:575px) {
    .at_modal_body.modal_find { padding:10px 15px; }
}

/* 회원정보확인 */
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}
.check_user_pw {  }
.check_user_pw p { color: #000; margin: 0 0 5px; letter-spacing: -0.5px; display: inline-block;  vertical-align: middle; font-family: 'Nanum Gothic', sans-serif; font-size: 13px; }
.check_user_pw p i { color: #0ab2ff; font-size: 24px; vertical-align: middle; }
.check_user_pw .pw { font-family:arial; }

/* 회원정보수정 */
.write_form.change_info input[type="text"]:disabled { background: #f6f6f6;   }
.write_form.change_info input[type="text"] {  }
.write_form.change_info .check_user_pw .pw { width:280px; }
.write_form.change_info p { color: #000; margin: 5px 0 0px; letter-spacing: -0.5px; display: inline-block;  vertical-align: middle; font-family: 'Nanum Gothic', sans-serif; font-size: 13px }
.write_form.change_info p i { color: #0ab2ff; font-size: 24px; vertical-align: middle; }

@media (max-width:575px) {
    .write_form.change_info .check_user_pw .pw { width:100%; }
    .write_form.change_info p { color:#999; font-size:11px; }
}


/* 1:1답변확인 */
.myp_list table.qna_view_tbl {  }
.myp_list table.qna_view_tbl th { min-width:100px; }
.myp_list table.qna_view_tbl th,
.myp_list table.qna_view_tbl td { padding:10px; text-align:left; }
.myp_list table.qna_view_tbl td {  }

/* 이벤트 */
.style-3-b h3.title {margin:0px 0 8px 0;}
.tip_main {background: #f9f9f9 !important; font-family:'NanumSquare' !important; }


.image-box.style-3-b p i {vertical-align: middle; margin-top:-3px;}
.image-box.style-3-b {border: 1px solid #c8c8c8; background: #fff; margin-bottom: 12px;}
.tip_content {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.5em; line-height: 1.5em; font-size: 15px; font-weight: 500;
    color: #6b6b6b;}
.image-box .body h3 {font-size: 19px; font-weight:500;}
.image-box .body p:last-child {font-family: 'Nanum Gothic', sans-serif; font-size: 17px; font-weight: 500; color:#767676;}
.image-box.style-3-b .body {padding: 20px 20px 20px 0px;}
@media (max-width: 768px) {
    .image-box.style-3-b .body {padding: 20px 20px 30px 20px;}
}
.e_more {float:right;}
.envet_more_btn {border-radius: 50px; background:#0ab2ff; border:0px; color:#fff;}
.envet_more_btn:hover {border-radius: 50px; color:#fff; background:#0aa0ff;}
.envet_more_btn i {vertical-align: middle;}
.prize_more_btn {border-radius: 50px; background:#848484; border:0px; color:#fff;}
.prize_more_btn:hover {border-radius: 50px; color:#fff; background:#6b6b6b;}
.prize_more_btn i {vertical-align: middle;}

.envet_ing {font-family: 'Nanum Gothic', sans-serif; display:inline-block; font-weight:bold; font-size:13px; border-radius: 50px; background:#0a7dff; width: 60px; text-align: center; color: #fff !important; padding: 2px 3px; }
.envet_end {font-family: 'Nanum Gothic', sans-serif; display:inline-block; font-weight:bold; font-size:13px; border-radius: 50px; background:#f2462f; width: 60px; text-align: center; color: #fff !important; padding: 2px 3px; }

/* 이벤트 상세 */
.goods_wrap .bd_view {border:none;}
.bd_view > h1 {  padding: 17px 15px; text-align: left; font-family: 'Roboto','Nanum Square'; font-weight: 600; color: #2b2b2b; font-size: 17px;  border-top: 2px solid #222; border-bottom: 1px solid #515151; }
.bd_view > h1:after { content:''; clear:both; display:block; }
.bd_view > h1 span { font-weight:normal; font-size:16px; float:right; }
.bd_view_cont { font-family: 'Nanum Gothic', sans-serif; font-size:13px; min-height:400px; padding:15px; }
.bd_view_paging ul { border-bottom: 1px solid #515151;  margin:0; padding:0; }
.bd_view_paging ul li { border-top:1px solid #515151;  padding: 17px; text-align: left; font-family: 'Nanum Gothic', sans-serif; color: #2b2b2b; font-size: 14px; }
.bd_view_paging ul li i { font-size:20px; vertical-align:middle; margin-top:-2px; }
.bd_view_paging ul li b {  margin-right:20px;   font-weight: 600; }
.bd_view_paging ul li a { font-size:13px; color: #2b2b2b; }
.bd_contents img { width:100% !important; }
.bd_contents div p { font-size:15px; }
.bd_contents div span { font-size:15px; }
.listing-item .overlay-container {   border-top:3px solid #fb8f03;  }
.listing-item .body {}
.listing-item .body h3 a  { display:block; font-family: 'Roboto','Nanum Square'; font-weight: 500; color: #2b2b2b; font-size: 20px; overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
word-wrap:normal;
width:100%; }
.board_page.event .listing-item .body p  { margin-bottom:5px; font-family: 'Nanum Gothic', sans-serif;font-weight: 500; color: #2b2b2b; font-size: 15px; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; /* 라인수 */
-webkit-box-orient: vertical;
word-wrap:break-word; 
line-height: 1.4em;
height: 2.8em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */ }
.board_page.event .listing-item .elements-list {}
.board_page.event .listing-item .elements-list .date { line-height:32px; vertical-align:middle; font-family: 'Nanum Gothic', sans-serif; font-weight: 500;    font-size: 14px; }
.board_page.event .listing-item .elements-list .date i { font-size:22px; margin-top:-3px; margin-right:5px; vertical-align:middle; }
.board_page.event .listing-item .elements-list .list_icon { margin-top:4px; float:right; }
.board_page.event .listing-item .elements-list .list_icon span { margin-left:10px; font-size:13px;  font-family: 'Nanum Gothic', sans-serif;font-weight: 500; }
.board_page.event .listing-item .elements-list .list_icon b { margin-right:5px; text-align:center; line-height:24px; display:inline-block; vertical-align:middle;  border-radius:50%; width:24px; height:24px; background:#fb8f03; }
.board_page.event .listing-item .elements-list .list_icon i { color:#fff; font-size:17px; margin-top:-3px; vertical-align:middle; }
@media (max-width: 1200px) {
    .board_page.event .row { margin:auto; width: calc(100% - 30px) }
    .overlay-container > img { width:100%; }
}

@media (max-width: 767px) {
    .bd_view h1 { font-size:14px; }
    .bd_view h1 span { font-size: 12px; }
    .bd_view_paging ul li { display:table; width:100%; }
    .bd_view_paging ul li b,
    .bd_view_paging ul li a { font-size:12px; display:table-cell;  }
    .bd_view_paging ul li b { width:70px; }
}

@media (max-width: 575px) {
    .overlay-container > img { width:100%; }
}


body.main .quick_menu {  top:832px;  }
.quick_menu { top:430px;  z-index:99; position:absolute; width:84px; left:50%; margin-left:670px; }
.quick_menu ul { padding:0; text-align:center;  margin:0; }
.quick_menu ul li  {  border-top:1px solid #565656; }
.quick_menu ul li:first-child { border-top:0;  }
.quick_menu ul li h2 { margin:5px 0; text-align:center; font-weight:600;  font-size: 17px; font-family: 'Nanum Square'; }
.quick_menu ul li img {  margin:8px auto; }
.quick_menu ul li:first-child img { width:auto;  }
.quick_menu ul li p { margin:0 0 10px; }
.quick_menu ul li p span { background:#fd681d; display:block; border-radius:20px; color:#fff; font-size: 20px; font-weight: 500; padding: 1px 5px;}
.quick_menu ul li a { padding:4px 0; display:block; font-size: 11px; color:#a0a0a0;background:#444; font-family: dotum; }
.quick_menu ul li a i { margin-top:-3px; }
.quick_menu ul li a:hover { color:#fff; }
.quick_menu > p a { color:#fff; }
.quick_menu > p i { margin-right:5px; vertical-align:middle; margin-top:-3px; font-size:20px; }
body.main .quick_menu.fixed { position:fixed; top:100px; }
.quick_menu.fixed { position:fixed; top:100px; }
.quick_menu > p.first { background:#414141; }

.ani_tel {color:#fff !important; font-weight:500; animation: ani2 0.7s linear none infinite alternate; font-size:20px;}
@keyframes ani2 {
    from { color:#fff; }
    50% { color:#fff; }
    to { color:#e90f6d; }
}

.ani_tel {color:#fff !important; font-weight:500; animation: ani2 0.7s linear none infinite alternate; font-size:20px;}
@keyframes ani2 {
    from { color:#333; }
    80% { color:#f30; }
    to { color:#f30; }
}


@media (max-width: 1520px) {
    .quick_menu {  margin-left: 590px;}
}

@media (max-width:1199px) {
    .quick_menu {   display:none;  }
}

.h_cate_bg {    }
.h_cate_bg .inner {  position:relative;  }
.h_cate_position {  padding:20px 0 0 160px; position:absolute; height:200px; left:50%; margin-left:-408px; width:290px; background:url('/img/h_cate_bg.png') 100% 100% no-repeat; }
.h_cate_bg h1 { margin:0; font-size:16px; }
.h_cate_bg h1:after { width:10px; height:2px; background:#333; content:''; margin:10px 0; display:block; }
.h_cate_bg h3 {  margin:0; font-size:14px; }


.prd_search_form { padding:50px 0; }
.search_form_tit { text-align:center; }
.search_form_tit img { margin:auto; }
.search_form_tit h1 {  font-family: 'Nanum Square';    font-weight: 600;     font-size: 30px; }
.search_form_tit p { font-size:13px; }

.search_form_cont { margin:30px 0 0; border-top:2px solid #e9106d; border-bottom:1px solid #656565; }
.search_form_cont > ul {   border-bottom:1px solid #ccc; display:table; width:100%; padding:0; margin:0; }
.search_form_cont > ul:last-child { border-bottom:0; }
.search_form_cont > ul li { text-align:left; color:#222;  font-family: 'Nanum Gothic', sans-serif; font-size:15px; display:table-cell;  vertical-align:middle; }
.search_form_cont > ul li .cbox_cont label { font-size:15px;  display:inline-block; width:auto; }
.search_form_cont > ul li .cbox_cont label .checkbox_style {      top: 4px;}
.search_form_cont > ul li img { margin-top:-3px; margin-right:10px; vertical-align:middle; display:inline-block; }
.search_form_cont > ul li.th {  width:120px; font-weight:bold; font-size:15px; position:relative; padding:0 0 0 25px ;   }
.search_form_cont > ul li.th:after { margin-left:20px; margin-top:-1px; vertical-align:middle;  width:2px; height:13px; content:''; display:inline-block; background:#e9106d; }

.search_form_btn { margin:40px 0 0; text-align:center; }
.search_form_btn a { width:160px; text-align:center;   font-family: 'Nanum Square'; background:#e9106d;   font-weight: 600; padding:12px 0; color:#fff; display:inline-block;   font-size:17px; }
.search_form_btn a:hover { background:#c5115e; }

@media (max-width:991px) {
    .search_form_tit h1 {     font-size: 24px; }
    .section.section04 { background:#fff; }
}


.goods_wrap .section04 { margin:30px 0 0; }
.goods_wrap .section04 .section_tbl > li:last-child p { color:#222; }
.goods_wrap .section04 .section_tbl .feature-box h3 { color:#e9106d; }

@media (max-width:575px) {
    .search_form_cont > ul li .cbox_cont label {    font-size: 13px;}
    .goods_wrap .section04 { margin:0; }
    .goods_wrap .section04 .section_tbl .feature-box h3 {      font-size: 17px;}
    .section04 .section_tbl .feature-box p { font-size:12px; }
}

.prd_list_review .main_review_area .row { margin:0 -17px; }
.prd_list_review .main_review_area .row [class*="col-"] { padding:0 17px; }
.prd_list_review .section03 { background:url('/img/prd_review_bg.jpg') 50% 50% no-repeat; }
.prd_list_review .section03 h1 { color:#fff; }

.recent_view {  }
.recent_view h3 { font-family: 'Nanum Square';  color:#222; font-size:17px; font-weight: 600;  }
.recent_view_cont {  }
.recent_view_cont .r_v_item { margin:0 2px; }
.r_v_item  { border:1px solid #ddd; display:block; }
.quick_menu ul li.recent_view a img { width:70px; margin:auto; }
.quick_menu ul li.recent_view a { display:block; background:#fff;   border-color: #fff; }
.recent_view_cont .slick-dots { margin:8px 0 13px; padding:0; position:relative; bottom:auto; }
.recent_view_cont .slick-dots button {  margin:0 1px; height:4px; width:25px; background:#ddd; border-radius:0; }
.recent_view_cont .slick-dots li.active button {  margin:0 1px; }
.recent_view_cont .slick-dots li { margin:0; }

.event_cont .review_prd { margin:0 0 14px; border:1px solid #ddd;  border-bottom:0; }

.main_review_area.detail_review .row { }
.main_review_area.detail_review .row [class*="col-"] {   }
.main_review_area.detail_review .review_prd { border:1px solid #ddd; border-bottom:0; }

/*
.price_info:before { left:50%; margin-left:-71px; content:url('/img/price_ment_arrow.png'); margin-bottom:-6px; display:inline-block; position:absolute; bottom:100%; }
*/
.price_info {float:right; margin-top:15px;  z-index:2; display:none;  min-width:100px; padding:20px; max-width:700px; /*  position:absolute; */ border:1px solid #ddd; background:#f9f9f9 url('/img/icon_bookmark_big.png') 95% 0 no-repeat; }
.price_info p { font-family: 'LGSmHaR'; font-size:14px; margin:0;
    font-weight: 200; }
.price_info h3 {  margin:0; font-family: 'Nanum Square';  font-size:18px; font-weight: 600; }
.price_info h3:before { margin-right:5px; content:''; width:3px; height:10px; background:#bbb; display:inline-block; vertical-align:middle;  }
.price_info ul { margin:10px 0 20px; padding-left:10px; color:#666; font-family: 'Nanum Gothic', sans-serif; font-size:14px; }
.price_info.open { display:inline-block; }

.privacy_info:before { left:23%; margin-left:-57px; content:url('/img/price_ment_arrow.png'); margin-bottom:-6px; display:inline-block; position:absolute; bottom:100%; }
.privacy_info { display:none;  min-width:100px; padding:20px; position:relative; margin-top: 20px; border:1px solid #ddd; background:#fff url('/img/icon_bookmark_big.png') 95% 0 no-repeat; }
.privacy_info h3 {  margin:0; font-family: 'Nanum Square';  font-size:18px; font-weight: 600; }
.privacy_info h3:before { margin-right:5px; content:''; width:3px; height:10px; background:#bbb; display:inline-block; vertical-align:middle;  }
.privacy_info ul { margin:10px 0 20px; padding-left:10px; color:#666; font-family: 'Nanum Gothic', sans-serif; font-size:14px; }
.privacy_info.open { display:block; }
@media (max-width: 991px) {
    .privacy_info:before {left:30%;}
}
@media (max-width: 575px) {
    .privacy_info:before {left:59%;}
}

.discount_price b.ani_price {color:#ff9000;font-weight:600;animation: ani 0.5s linear none infinite alternate; font-size:25px;}
@keyframes ani {
    from { color:#ff9000; }
    50% { color:#ff9000; }
    to { color:#333; }
}

.modal_form_style {  }
.modal_form_style ul { display:table; width:100%; padding:0 0 10px; margin:10px 0; border-bottom:1px dashed #ddd; }
.modal_form_style ul:last-child { border-bottom:0; }
.modal_form_style ul li { display:table-cell; vertical-align:middle; }
.modal_form_style ul .th { color:#222; width:130px; font-family: 'Nanum Square';  font-size:17px; font-weight: 600; }
.modal_form_style ul .th:before {     display: inline-block; height: 14px; width: 3px; margin:0 5px 0 0; vertical-align:middle; background: #e90f6d; content: ''; }
.modal_form_style ul .td {  font-family: 'Nanum Gothic', sans-serif; font-size:14px; }
.modal_form_style input,
.modal_form_style select,
.modal_form_style textarea { margin:0; border-radius:0; box-shadow:none; border:1px solid #ddd;  }
.modal_form_style input,
.modal_form_style select { height:30px; line-height:30px; }
.modal_form_style textarea { padding:6px 10px; height:140px; width:100%; }
.modal_form_style .row { margin:0 -3px; }
.modal_form_style .row [class*="col-"] { padding:0 3px;  }

@media (max-width: 575px) {
    .modal_form_style ul .th {    width: 90px; font-size: 13px; }
    .modal_form_style .row [class*="col-"] { margin:3px 0; padding:0 2px;}
    .modal-content .agree_form h3 { font-size:15px; }
    .agree_form p { font-size:13px;  }
    .agree_form ul li { font-size:12px; }
    .price_info:before {  }
    .prd_detail_btn a {   }
    .prd_detail_btn:after { content:''; clear:both; display:block; }
    .prd_detail_btn a.btn_cacul { float:right; }
    .price_info:before { left:auto; right:12px; margin-left:0; }
    .price_info { background-position:5% 0; padding: 25px 20px 15px 20px; width: 100%;}
    .price_info p {font-size: 12px;}
    .price_info h3 { font-size: 14px; }
    .price_info ul {     font-size: 12px; }
}
.prd_paging { margin:30px 0 20px; text-align:center; }
.prd_paging a { margin:0 1px;  font-family: 'Nanum Square'; color:#b0b0b0; font-size:18px; font-weight:500;line-height:44px; width:44px; height:44px; text-align:center; border:1px solid #b0b0b0; display:inline-block; }
.prd_paging a.next,
.prd_paging a.prev { margin:0 6px; border-color:#505050; color:#505050;}
.prd_paging a.active { border-color:#ea106e; color:#ea106e; }

.goods_wrap .review_prd p { overflow: hidden;
text-overflow: ellipsis;     white-space: normal;
display: -webkit-box;
-webkit-line-clamp: 2; /* 라인수 */
-webkit-box-orient: vertical;
word-wrap:break-word; 
line-height: 1.4em;
height: 2.86em }

.goods_wrap .event_cont .review_prd { margin:0; }

.goods_wrap { padding:50px 0; }
.goods_wrap > .inner { min-height:600px; }

.card_wrap { padding:50px 0; }
.card_wrap > .inner { min-height:600px; }

.review_h { margin:20px 0 ; }
.review_h:after { content:''; clear:both; display:block; }
.reivew_tab{ display: inline-block; }
.reivew_tab a { background:#fff; display: inline-block;
    font-family: 'LGSmHaR';
    border: 1px solid #ccc;     letter-spacing: -0.5px;
    padding: 5px 15px;
    color: #222;
    font-size: 16px; }
.reivew_tab a.active { color:#fff; background:#e9106d; border: 1px solid #e9106d; }
.review_search_form { width:50%; display: inline-block; float:right; }
.review_search_form form { margin:0; }
.review_search_form ul { text-align:right; width:100%; margin:0; padding:0; display:table; }
.review_search_form ul li { padding:0 0 0 5px;vertical-align:middle;  display:table-cell; }
.review_search_form ul li a { text-align:center; display: block; height:35px; line-height:35px; padding:0 10px; }
.review_search_form ul select,
.review_search_form ul input {  padding:0 5px;  width:100%; }
.review_search_form ul li:nth-child(1) { width:25%; }
.review_search_form ul li:nth-child(2) { width:55%; }
.review_search_form ul li:nth-child(3) { width:20%; }

.m_depth_tit { text-align:center; position:relative; }
.m_depth_tit h3 { background:#fff; border:1px solid #ddd;  margin:0; padding:13px 0; font-size:15px; color:#555; }
.m_depth_tit span {  float:right; display:inline-block; }
.m_depth_tit span:after {  position:absolute; right:20px; top:7px; content: "\e943"; display:inline-block; font-size:22px; font-family: 'xeicon' !important; }
.m_depth_tit.active span:after {  content: "\e946";  }

@media (max-width: 991px) {
    .prd_list_review .section03 { background:#333; }
    .goods_wrap { padding:0 0; }
    .reivew_tab {  }
    .reivew_tab a {  }
    .prd_paging a { width:30px; height:30px; line-height:30px; }
    .m_depth_cont { display:none; left:0; right:0; background:#fff; border:1px solid #ddd; padding:20px;  border-top:0;z-index:1001; position:absolute; width:93%; margin:auto;   }
    .m_depth_cont.open { display:block; }
    .reivew_tab a { font-size:13px; padding:12px 10px; border:0; border-bottom:1px solid #ddd; display:block; }
    .reivew_tab a:last-child { border-bottom:0; }
    .review_search_form { width:100%; float:none; margin:10px 0; }
    .review_search_form ul { display:block; }
    .review_search_form ul li { margin:5px 0; display:block; width:100% !important; }
}

.prd_view_tbl { border-bottom:2px solid #e90f6d;  border-top:1px solid #222; }
.prd_view_tbl .prd_tbl {  }
.prd_view_tbl .prd_tbl.reset li:last-child { text-align:right; }
@media (min-width: 576px) {
    .prd_view_tbl .prd_tbl.reset { display:table; }
    .prd_view_tbl .prd_tbl.reset li { display:table-cell; }
    .prd_view_tbl .prd_tbl.reset li > div { width:100%; }
}

@media (max-width: 575px) {
    .prd_view_tbl .prd_tbl.reset li > div {  width:100%;  display:block; }
} 




.modal-body {  }
.modal-body textarea { width:100%; font-size:12px; border:1px solid #ddd; min-height:300px;  }
/* 
ul.pagination li.active a, .pagination > .active > a:hover, .pagination > .active > a:focus { color: #ffffff; background-color: #e9106d !important; border-color: #e9106d !important;}
 */

.slideshow.m_slide .slider-banner-container { height:600px !important;  }
.tp-bullets.hidebullets {opacity:1 !important;}
.tp-bullets.preview2 {margin-bottom: 10px;}

.w32per {width:32% !important;}
.d_in_block {display: inline-block !important;}
.tc {text-align:center !important;}
.m-auto {margin: 0 auto !important;}
.pt50 {padding-top: 50px !important;}

@media (max-width: 575px) {
    .d_block {display: block;}
}

.prd_info_mnt { font-size:13px; }

.card_benefit {  }
.card_benefit i { font-size:22px; color:#e9106d; }

.c_b_rel { position:relative; }
/*
.benefit_box { display:none; min-width:370px;  margin-top:5px; z-index:4; right:0; text-align:left; background:#fff; position:absolute; box-shadow:4px 4px 9px 2px rgba(0, 0, 0, 0.4); }
.benefit_box h2 { font-family: 'LGSmHaR'; font-weight:200;  margin:0; padding:10px 10px ; background:#f3f3f3; font-size:15px;  }
.benefit_box ul.social-links { padding:20px 20px 0; margin:0; text-align:center; }
.benefit_box ul.social-links li { margin:4px;  }
.benefit_box .copy_address { padding:20px 20px; }
.benefit_box .copy_address input { width:225px; padding:0 5px; height:36px; font-size:13px; display:inline-block; vertical-align:middle; float:left; }
.benefit_box .copy_address a.btn_copy { border-radius:0px; display:inline-block; vertical-align:middle; float:right; }
.benefit_box a.btn_share_close { float:right; }
.benefit_box a.btn_share_close i { font-size:19px; }
*/

@media (min-width: 992px) {
    #modal_center_v_h {  }
    #modal_center_v_h .modal-dialog { margin:0 auto; top: 50%; transform: translateY(-50%); width:1210px; }
    #modal_center_v_h .modal-content { height:600px;  overflow-y:auto; }
    #modal_rental_v_h .modal-dialog { margin:0 auto; top: 50%; transform: translateY(-50%); width:1210px; }
    #modal_rental_v_h .modal-content { height:600px;  overflow-y:auto; }
}

@media (max-width: 991px) {
    #modal_center_v_h .modal-dialog { height:90%; }
    #modal_center_v_h .modal-content { height: 100%; overflow: scroll; }
    #modal_rental_v_h .modal-dialog { height:90%; }
    #modal_rental_v_h .modal-content { height: 100%; overflow: scroll; }
}

.prd_sepc_tbl { width:80%; margin:auto; }
.prd_sepc_tbl_list { padding:0 0 20px; border-top:1px solid #ddd; }
.prd_sepc_tbl_list:first-child { border-top:0; }
.prd_sepc_tbl_list h3 { font-family: 'LGSmHaL'; font-size:18px; font-weight:600; }
.prd_sepc_tbl_list ul {  font-size:0; margin:0; padding:0; }
.prd_sepc_tbl_list ul li { position:relative; border-bottom:1px solid #fff; font-size:0; display:inline-block; width:50%; vertical-align:top; }
.prd_sepc_tbl_list ul li div { padding:10px 15px; color:#333; font-family: 'LGSmHaL'; font-size:14px; font-weight:600;  display:inline-block; width:50%; vertical-align:top; }
.prd_sepc_tbl_list ul li div.th { z-index:2; width:180px; background:#efefef; }
.prd_sepc_tbl_list ul li div.th span { position:relative; z-index:2; }
.prd_sepc_tbl_list ul li div.td {  }

@media (min-width: 768px) {
    .prd_sepc_tbl_list ul li div.th:after { z-index:1; content:''; position:absolute; height:100%; width:180px; background:#efefef; left:0; top:0; }

}
@media (max-width: 991px) {
    .prd_sepc_tbl { width:calc(100% - 5%); }
}
@media (max-width:767px) {
    .prd_sepc_tbl_list  { overflow:hidden; padding:0; border-top:0; }
    .prd_sepc_tbl_list ul li div  { font-size:13px; vertical-align:middle;  }
    .prd_sepc_tbl_list h3 {  font-size:15px; }
    .prd_sepc_tbl_list ul { border-top:1px solid #ccc; }
    .prd_sepc_tbl_list ul li { position:relative; border-bottom:1px solid #ddd; display:block; width:100%; }
    .prd_sepc_tbl_list ul li div.th { width:45%; }
    .prd_sepc_tbl_list ul li div.th span {  }
    .prd_sepc_tbl_list ul li div.th:before { top:0; left:0; content:''; position:absolute; width:45%; height:100%; background:#efefef; }
}


.prd_detail_freebie { margin:0 0 100px; }
.prd_detail_freebie h3 { margin:20px 0 30px; font-family: 'LGSmHaL'; font-size:23px; font-weight:600;  }
.prd_detail_freebie h3:after { content:''; clear:both; display:block; }
.prd_detail_freebie h3 a {  background:#f5f5f5;  border-radius:5px; font-size:16px; border:1px solid #ccc; padding:5px 10px; float:right; }
.prd_detail_freebie h3 a:hover { background:#ddd; color:#333; }
.prd_detail_freebie h3 a:focus { color:#333; }
.prd_detail_freebie h3 span { padding-left:20px;    color: #777;  font-size:15px;  }
.prd_freebie_cont { padding:0 40px; }
.prd_freebie_cont .slick-arrow { margin-top:0; top:50%; transform: translateY(-50%); */ }
.prd_freebie_cont .slick-arrow i { font-size:40px; }
.prd_freebie_cont .slick-arrow.prev { left:0; }
.prd_freebie_cont .slick-arrow.next { right:0; }
.prd_freebie_cont .slide_item { text-align:center; }
.prd_freebie_cont .slide_item p { margin:15px 0 0; color:#222; font-family: 'LGSmHaL'; font-size:15px; font-weight:600; }
.prd_freebie_cont .slide_item img { max-width:200px; }
@media (max-width:991px) {

    .prd_detail_freebie h3 { text-align:center; font-size:18px; padding:0 15px; }
    .prd_detail_freebie h3 span { line-height:1.4; font-size:14px; }
    .prd_detail_freebie h3 a { float:none; display:inline-block; margin:10px 0 0;  }
}

@media (max-width:767px) {

    .prd_detail_freebie h3 span { padding:0; margin:10px 0 0; display:block; }
    .prd_detail_freebie h3 span {  font-size:13px; }
}


.freebie_wrap {     margin:100px 0 60px; /* background:url('/img/freebie_bg.png') 50% no-repeat; */ }
.freebie_cont { /* border:5px solid rgba(238, 238, 238, 0.5); */ text-align:center; padding:0; /* background:rgba(255, 255, 255, 0.5); */ }
.freebie_cont > h3 { padding:0 0 20px; display:inline-block; border-bottom:1px solid #555; font-weight: 600;  font-size:50px;  font-family: 'LGSmHaL'; color:#222;  }
.freebie_cont > h3 span { color:#fff; background:#444; }
.freebie_cont > h5 { font-weight: 600;  line-height:1.4;  font-family: 'LGSmHaL';  font-size:18px; color:#222;  }
.freebie_cont > h5 span { color:#fd681d; }
.freebie_type { font-size:0;  margin:40px 0 100px; }
.freebie_type h2 { vertical-align:top; display:inline-block;  width:150px;  position: relative; background: #ba89b6; color: #fff; text-align: center; padding: 25px 0; margin:45px auto 40px;  }
.freebie_type h2 b  {font-weight:400;  font-family:'Noto Sans KR'; font-size:30px; z-index:2; left:0; top:0;  width:100%; position:absolute; background: #0093d8;padding: 10px 0;  }
.freebie_type h2 b em {     font-style: normal; font-size:20px; }
.freebie_type h2:before,
.freebie_type h2:after {  content: ""; position: absolute; display: block; bottom:-27px; border: 25px solid #007ab3; }
.freebie_type h2:before { left:-40px; border-right-width: 35px; border-left-color: transparent; }
.freebie_type h2:after { right: -40px; border-left-width: 35px; border-right-color: transparent; }
.freebie_type h2 span {  }
.freebie_type h2 span:before,
.freebie_type h2 span:after { content: "";  position: absolute; display: block; border-style: solid; border-color: #004769 transparent transparent transparent; bottom: -20px; }
.freebie_type h2 span:before {left: 0;  border-width: 20px 0 0 20px; }
.freebie_type h2 span:after { right: 0;  border-width: 20px 20px 0 0; }
.freebie_item { padding-left:80px; vertical-align:top; width:1050px;  display:inline-block;   }
.freebie_item ul { text-align:left;  position:relative; padding:0; margin:0; font-size:0;  }
.freebie_item ul li { overflow:hidden; vertical-align:top; padding:15px; position:relative; text-align:center;   display:inline-block; }
.freebie_item ul li img { max-width:100%; display:inline-block;  margin:auto; }
.freebie_item ul li p { padding:0 8px; font-size: 15px; margin:10px 0 0px; color: #222; font-weight: 400;  font-family:'Noto Sans KR';  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word;  line-height: 1.3em; height: 2.6em;  }
.freebie_item .owl-prev {  }
.freebie_item .owl-next {  }

.owl-theme .owl-nav { width:100%; margin:0; position:absolute; top:50%; margin-top:-44px; }
.owl-theme .owl-nav [class*=owl-],
.owl-nav [class*=owl-] { margin:0; background:none; padding:0;  position:absolute; font-size:0; }
.owl-nav [class*=owl-]:before {  font-size:36px; color:#000; font-family:xeicon!important; position:absolute;  display:inline-block;  }
.owl-theme .owl-nav .owl-prev { left:0; margin-left:-35px;  font-size:0;   }
.owl-theme .owl-nav .owl-prev:before { content:'\e93d'; }
.owl-theme .owl-nav .owl-next { right:0;   font-size:0;  content:'';}
.owl-theme .owl-nav .owl-next:before { content:'\e940'; }

.icon_flag { display:none; line-height:40px; font-size:17px; color:#fff; top:-1px; font-weight: 600;    font-family: 'LGSmHaL';  left:10px; background:url('/img/icon_flag_b.png') 50% no-repeat; width:37px; height:46px; position:absolute;  }
.type_B .icon_flag {  background:url('/img/icon_flag_g.png') 50% no-repeat;  }
.type_C .icon_flag {  background:url('/img/icon_flag_y.png') 50% no-repeat;  }

.freebie_type.type_B h2 b { background:#278e1d; }
.freebie_type.type_B h2:before, .freebie_type.type_B h2:after { border:25px solid #1d5f16; }
.freebie_type.type_B h2:before {    border-right-width: 35px;  border-left-color: transparent; }
.freebie_type.type_B h2:after {     border-left-width: 35px; border-right-color: transparent; }
.freebie_type.type_B h2 span:before, .freebie_type.type_B h2 span:after {border-color: #13330f transparent transparent transparent;  }

.freebie_type.type_C h2 b { background:#ff9000; }
.freebie_type.type_C h2:before, .freebie_type.type_C h2:after { border:25px solid #c76114; }
.freebie_type.type_C h2:before {    border-right-width: 35px;  border-left-color: transparent; }
.freebie_type.type_C h2:after {     border-left-width: 35px; border-right-color: transparent; }
.freebie_type.type_C h2 span:before, .freebie_type.type_C h2 span:after {border-color: #44240c transparent transparent transparent;  }


@media (max-width:1520px) {
    .freebie_item { width:990px; }
}

@media (max-width:1199px) {
    .freebie_type h2 {     margin: 0px auto 40px; }
    .freebie_item { margin:30px 0 0; width:100%; padding-left:0; }
}

@media (max-width:991px) {
    .freebie_wrap { margin:0 0px; padding:10px 30px; }
    .freebie_cont { padding:50px 30px 0; }
    .freebie_cont > h3 { font-size:40px; }
    .freebie_cont > h5 { font-size:16px; }
    .freebie_item ul li:nth-child(5n):after { content:''; }
    .freebie_item ul li:nth-child(4n):after { content:none; }
}

@media (max-width:767px) {
    .freebie_cont > h3 { font-size:30px; }
    .freebie_cont { padding:40px 20px 0; }
}

@media (max-width:575px) {
    .freebie_wrap { background-repeat-y:repeat; padding:10px 30px;  }
    .freebie_cont > h3 { line-height:1.3; }
    .freebie_cont { padding:20px 10px 0; }

    .freebie_item ul li:nth-child(2n):after { content:none; }

    .freebie_type { margin:40px 0 30px; }
    .freebie_type h2 { margin:0 auto 30px; width:60%; padding:23px 0; }
    .freebie_type h2 b { font-size:22px; }
    .freebie_type h2:before, .freebie_type h2:after { border:15px solid #007ab3; bottom: -14px; }
    .freebie_type h2:after { right: -24px; border-left-width: 24px; border-right-color: transparent; }
    .freebie_type h2:before { left:-24px; border-right-width:24px; border-left-color: transparent;  }
    .freebie_type h2 b em { font-size:17px; }
    .freebie_type h2 span:after {border-width: 14px 15px 0 0;  }
    .freebie_type h2 span:before { border-width: 14px 0 0 15px; }
    .freebie_type h2 span:before, .freebie_type h2 span:after { bottom:-14px; }

    .freebie_type.type_B h2:before, .freebie_type.type_B h2:after { border:15px solid #1d5f16; }
    .freebie_type.type_B h2:after { right: -24px; border-left-width: 24px; border-right-color: transparent; }
    .freebie_type.type_B h2:before { left:-24px; border-right-width:24px; border-left-color: transparent;  }

    .freebie_type.type_C h2:before, .freebie_type.type_C h2:after { border:15px solid #c76114; }
    .freebie_type.type_C h2:after { right: -24px; border-left-width: 24px; border-right-color: transparent; }
    .freebie_type.type_C h2:before { left:-24px; border-right-width:24px; border-left-color: transparent;  }
}




.prd_rental_comp { margin:30px 0 70px; }
.prd_rental_comp > h3 { margin:0 0 30px; font-weight: 600; color:#222; font-size:23px; font-family: 'LGSmHaL'; }
.prd_rental_comp > h3:before { content:''; margin-top:-3px; margin-right:5px; vertical-align:middle; display:inline-block; border-radius:50%; width:15px; height:15px; background:#fff; border:3px solid #ea106e; }
.prd_rental_comp > h3 span { color:#ea106e; }
.prd_rental_comp_cont { display:table; width:100%; }
.prd_rental_comp_cont > div { display:table-cell; width:43%; }
.prd_rental_comp_cont > div h3 { margin:0 0 15px; font-weight: 600; color:#222; font-size:18px; font-family: 'LGSmHaL'; }
.prd_rental_comp_cont > div table { width:100%; }
.prd_rental_comp_cont > div table th,
.prd_rental_comp_cont > div table td { color:#222;  font-family: 'LGSmHaL'; font-size: 14px; font-weight: 600; padding:10px 15px; border:1px solid #ddd; }
.prd_rental_comp_cont > div table th {text-align:center; background:#f9f9f9; }
.prd_rental_comp_cont > div table td {  text-align:right; }
.prd_single_pay {  }
.prd_single_pay .total_pay th { font-size:17px;   color:#fff; background:#999;  border:2px  solid #999; }
.prd_single_pay .total_pay td {  font-size:17px; color:#999;  border:2px  solid #999; }
.prd_rental_comp_cont > div.vs_rate { text-align:center; vertical-align:middle; width:14%; }
.vs_rate p { margin:10px 0; color:#222; font-family: 'LGSmHaL'; font-size: 18px; font-weight: 600;  }
.vs_rate h1 { margin:15px 0; color:#ea106e; font-size:30px; font-family: 'LGSmHaL';  font-weight: 600;  }
.vs_rate h1 span { font-size:45px; }
.vs_rate .icon_arrow { color:#ea106e; display:inline-block; font-size:40px; font-family:xeicon !important; }
.vs_rate .icon_arrow:after { content:"\e940"  }
.prd_rental_pay {  }
.prd_rental_pay p { margin:10px 0 0; font-family: 'LGSmHaL'; color:#111; font-size: 15px; font-weight: 600; }
.prd_rental_pay .total_pay th { font-size:17px; color:#fff;  border:2px  solid #ea106e;  background:#ea106e; }
.prd_rental_pay .total_pay td { font-size:17px; color:#ea106e;  border:2px  solid #ea106e;  }
.prd_rental_comp_cont > div table tr.as_cont td { height:204px; }

@media (max-width:1199px) {
    .prd_rental_comp_cont > div { width:44%; }
    .prd_rental_comp_cont > div.vs_rate { width:12%;  }
    .vs_rate p { font-size:15px; }
    .vs_rate h1 span { font-size:37px; }
    .vs_rate h1 { font-size:24px; }
    .prd_rental_comp_cont > div table th, .prd_rental_comp_cont > div table td { padding:10px 5px; }
}

@media (max-width:991px) {
    .prd_rental_comp_cont,
    .prd_rental_comp_cont > div { display:block; }
    .prd_rental_comp_cont > div { display:block; margin:auto; width:80%; }
    .prd_rental_comp_cont > div table {  }
    .prd_rental_comp_cont > div.vs_rate { padding:30px 0; width:100%; }
    .vs_rate p { font-size:18px; }
    .vs_rate h1 span { font-size:42px; }
    .vs_rate h1 { font-size:26px; }
    .prd_rental_comp_cont > div table th, .prd_rental_comp_cont > div table td { font-size:17px; }
.vs_rate .icon_arrow:after { content:"\e943"  }
}

@media (max-width:767px) {
    .prd_rental_comp_cont > div {   width:90%; }
}

@media (max-width:575px) {
    .prd_rental_comp > h3 { line-height:1.5; font-size:20px; text-align:center; }
    .prd_rental_comp > h3 span { display:block; }
    .prd_rental_comp_cont > div {   width:100%; }
    .prd_rental_comp_cont > div h3 { font-size:16px; }
    .prd_rental_comp_cont > div table th, .prd_rental_comp_cont > div table td { font-size:13px; }
    .prd_rental_pay .total_pay th,
    .prd_rental_pay .total_pay td,
    .prd_single_pay .total_pay td,
    .prd_single_pay .total_pay th { font-size:15px; }
    .prd_rental_comp_cont > div.vs_rate { padding:30px 0 15px; }
    .prd_rental_pay p { font-size:13px; }
    .vs_rate p { margin:0; }
    .vs_rate h1 { margin:5px 0; }
}


.freebie_info_mnt { font-size:13px; }
.freebie_info_mnt p { margin:0 0 0; }

@media (max-width:991px) {
.freebie_info_mnt { padding:0 20px; }
}

.quick_cs_menu { position:relative; }
.quick_cs_info { margin-right:-1px; padding:13px 20px 12px; border:1px solid #222; transition:all 0.2s;   width:270px; background:#fff; opacity:0; visibility:hidden; top:0; position:absolute; height:150px; right:100%; }
.quick_cs_info > div {  text-align:left; position:relative; }
.quick_cs_info > div:first-child {  border-bottom:1px solid #ddd; padding:0 0 10px; margin:0 0 10px; padding-left:20px; }
.quick_cs_info > div h4,
.quick_cs_info > div img { vertical-align:middle; display:inline-block; }
.quick_cs_info > div h4 { margin-left:20px; }
.quick_cs_info > div h3 { padding-left:20px; text-align:left; font-family:'Noto Sans KR';  margin:0; font-size:35px; font-weight:500; }
.quick_menu ul li.quick_cs_menu .quick_cs_info a { position:absolute; right:0; top:7px; display:inline-block; background:#fff; }
.quick_menu ul li.quick_cs_menu .quick_cs_info a i { color:#222; font-size:30px; }
.quick_cs_info.on {  opacity:1; visibility:visible;}
.quick_cs_menu.on > a { background:#222; }



#service_quick { z-index:100; position:fixed; right:20px; bottom:20px;}
.btn_quick_service { z-index:3; position:relative; font-size:12px; box-shadow:5px 5px 13px rgba(0, 0 ,0, 0.4); text-align:center; background:#fc368b; border-radius:50%; color:#fff; width:50px; line-height:50px; height:50px; display:inline-block;  animation: quickcolor 1.2s linear none infinite alternate;  }
.btn_quick_service:focus { color:#fff; }
.btn_quick_service.open {z-index:1;  }
.service_quick_cont { box-shadow:5px 5px 13px rgba(0, 0 ,0, 0.4); z-index:2; opacity:0;  height:0; padding-top:20px; background:#eee; border-radius:45px; bottom:-1px; overflow:hidden; position:absolute; width:50px; text-align:center; }
.service_quick_cont a { position:relative; font-size: 10px; display:block; padding:7px 0; color:#000; }
.service_quick_cont a img { width:20px; display:block; margin:0 auto 3px; }
.service_quick_cont a i { font-size:20px; display:block; margin:0 auto 5px; }
.service_quick_cont a:last-child {  color:#fc368b; padding: 6px 0; font-size:20px; background:#ddd; }
.service_quick_cont.open {  z-index:4;  opacity:1; display:block; height:auto; }
.service_quick_cont a:hover { color:#fc368b; }
.service_quick_cont a .count { margin:-7px 0px 0 5px; background:#fc368b; font-family:'Nanum Square'; color:#fff; font-size:10px; line-height:18px; width:18px; height:18px; border-radius:50%; display:inline-block; position:absolute;   }
.service_quick_cont a:nth-child(4) { color:#fff; background:#00c63b; }

@keyframes quickcolor {
    from { background:#fc368b; }
    50% { background:#fc368b; }
    to { background:#333; }
}

/* 레이어팝업 */
.pop-up { position:absolute; z-index:1000; top:20px; left:30px; border:1px solid #222; /*cursor:move;*/ }
.pop-up_contents img { width:100%; /*border-radius:10px 10px 0px 0px;*/}
/* .pop-up_box { padding:5px 0; background:#fff; text-align:center; } */
.pop-up_box {
  padding: 0;
  background: #fff;
  text-align: right;
}
.pop-up_box img { width:12px; margin:0 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 {
  background: #222;
  color: #fff;
  padding: 0.5rem 1rem;
  display: inline-block;
  margin-left: 1rem;
}
.popup_checkbox a i{
  margin-left: 0.3rem;
}