/*****************************/
/** Common                  **/
/*****************************/

/** Remove Sidebar Border **/
.container:before { background-color:transparent !important; }
.et_pb_widget_area_right { border-left:0 !important; }
.et_pb_widget_area_left { border-right:0 !important; }

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

.loco #et-main-area .et_pb_row.no-padding-bottom {padding-bottom: 0;}

.loco .et_pb_section {background-color: rgba(255,255,255,0);}

.loco #main-content {background-color: transparent;}

.section-title {
	font-size: 2.5em; 
	padding-bottom: 0; 
	position: relative; 
  text-transform: uppercase;
}



/*
* Remove sidebar on all archive pages
*/
.search #main-content .container::before,
.category #main-content .container::before {
    display: none;
}
.search #left-area,
.category #left-area {
    width: 100%;
    float: none;
    padding-right: 0;
}
.search #sidebar,
.category #sidebar {
    display: none;
}



.sub-top {
   position: relative;
   width: 100%;
   height: 0;
   overflow: hidden;
   padding-bottom: 32%;
   background-size: cover;
   background-position: center;
   background-color: #333;
}

.sub-top h1 {
   text-transform: uppercase;
   font-size: 2.6em;
   line-height: 1.2em;
}

.sub-top p {
   font-size: 1.2em;
   line-height: 2.2em;
   margin-bottom: 0;
}

.bg-dark .sub-top h1 {
   color: #fff;
}

.bg-dark .sub-top p {
   color: #fff;
}

.sub-top .page-title-container {
   position: absolute;
   bottom: 36px;
   left: 50%;
   -ms-transform: translateX(-50%);
   -webkit-transform: translateX(-50%);
   -moz-transform: translateX(-50%);
   transform: translateX(-50%);
}




.loco .grid-item.et_pb_post .et_pb_gallery_post_type .et_pb_slide {
  min-height: 0;
  width: 100%;
  height: 0;
  padding-bottom: 63.87%;
}

.loco .et_pb_post .entry-featured-image-url {
  margin-bottom: 0;
}


/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: top;
     -moz-transition-property: top;
      -ms-transition-property: top;
       -o-transition-property: top;
          transition-property: top;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}




.bg-overlay:before {
   content: '';
   display: block;
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background-color: rgba(0,0,0,.55);
}







@media only screen and (min-width: 1500px) {
  .sub-top,
  .et_pb_section.sub-top {
    padding-bottom: 28%;
    padding-top: 0;
  }
}

@media all and (min-width: 1350px) {

}

@media ( min-width: 1101px ) {

}

@media screen and (max-width: 1100px){
    body.loco .et_pb_row {width: 90%;}
}

@media all and (min-width: 981px) {
  .sub-top .page-title-container .page-desc {
    max-width: 65%;
  }
}

@media screen and (max-width: 980px){

}

@media all and (min-width: 768px) and (max-width: 1405px) {
  .sub-top .page-title-container {
    bottom: 10px;
  } 
}

@media all and (max-width: 767px) {
  .loco .container {width: 90%;}
  .sub-title .title {font-size: 1.8em;}

  .sub-top {
    padding-bottom: 76%;
  }

  .et_pb_section.sub-top {
    padding-bottom: 76%;
    padding-top: 0;
  }

  .sub-top p {
    font-size: 1.0em;
     line-height: 1.7em;
  }

  .sub-top .page-title-container {
    bottom: 0;
  }

}





/*****************************/
/** Header & Footer         **/
/*****************************/

.loco .container.et_menu_container {
  display: flex;
  display: -webkit-flex;
}

.loco .container.et_menu_container .logo_container {
  position: static;
  width: 25%;
  height: auto;
}

.loco .container.et_menu_container #et-top-navigation {
  width: 75%;
  padding-left: 0!important;
}

.loco.bg-white .logo-white {
  display: none;
}

.loco.bg-dark .logo-dark {
  display: none;
}

.admin-bar #main-header-sticky-wrapper {top: 32px;}
/*** Sticky Nav ***/
.loco #main-header {
    transition:all 0.3s ease; 
    -webkit-transition:all 0.3s ease; 
    -ms-transition:all 0.3s ease;
    z-index: 990;
}
#main-header-sticky-wrapper {
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%;
}
body.admin-bar .is-sticky #main-header {top: 32px!important;}
.loco #main-header.sticky {
    background-color: rgba(255,255,255,0.95);
    -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
    box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
    position: fixed;
    top: 0;
    width: 100%;
}

.loco #main-header.sticky .logo-white {
  display: none;
}

.loco #main-header.sticky .logo-dark {
  display: inline;
}


/*** Max Mega Menu Style ***/
#mega-menu-wrap-primary-menu #mega-menu-primary-menu {
  padding: 0;
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link {letter-spacing: 0em;}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link:after {
  content: ''; display: block; position: absolute; left: 0; bottom: 30%;
  width: 0; height: 2px; background-color: rgba(255,255,255,.8);
  transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease;
  margin: 0;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link:hover:after{
  width: 100%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:after {
  content: ''; display: block; position: absolute; left: 0; bottom: 30%;
  width: 100%; height: 2px; background-color: #ffffff;
  transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease;
  margin: 0;
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-btn-menu > a.mega-menu-link {
  line-height: 1.0em;
  height: auto;
  padding: 16px 24px;
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-btn-menu > a.mega-menu-link:after {
  display: none;
}

.loco.bg-white #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link,
.loco.bg-white #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
.loco #main-header.sticky #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link,
.loco #main-header.sticky #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
  color: #333;
}

.loco.bg-white #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link:after,
.loco.bg-white #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:after,
.loco #main-header.sticky #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link:after,
.loco #main-header.sticky #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:after {
  background-color: #333;
}



.breadcrumbs {opacity: 0;}
.breadcrumbs span {font-size: .9em; color: #313131; font-weight: 400;}
.breadcrumbs a {pointer-events: none;}



body.loco #et-top-navigation, body.loco nav#top-menu-nav {
	float: none;
}

body.loco nav#top-menu-nav {width: 100%;}




.sub-menu-section .et_pb_fullwidth_menu {padding-bottom: 36px}
.sub-menu-section .et_pb_fullwidth_menu .et_pb_row {
    padding: 0 36px!important; background-color: #ffffff;
    -webkit-box-shadow: 0 3px 0 0 rgba(233, 46, 47, .6);
    -moz-box-shadow: 0 3px 0 0 rgba(233, 46, 47, .6);
    box-shadow: 0 3px 0 0 rgba(233, 46, 47, .6);
}
.sub-menu-section .fullwidth-menu li {padding-right: 42px;}
.sub-menu-section .fullwidth-menu a {color: #313131; font-weight: 400; text-transform: uppercase;}
.sub-menu-section .fullwidth-menu .current-menu-item a {color: #e92e2f; font-weight: 600;}

/** Footer **/
.footer-section .et_pb_widget_area {padding-right: 0; border-right: 0;}
.footer-section .et_pb_widget_area .widget_nav_menu {width: 100%; margin-bottom: 0;}
.footer-section .et_pb_widget_area .widget_nav_menu ul#menu-main-menu > li {display: inline-block; width: 23%; vertical-align: top; margin-right: 2.1%;}
.footer-section .et_pb_widget_area .widget_nav_menu ul#menu-main-menu > li:first-child {display: none;}
.footer-section .et_pb_widget_area .widget_nav_menu ul#menu-main-menu > li:last-child {margin-right: 0;}
.footer-section .et_pb_widget_area .widget_nav_menu ul#menu-main-menu > li > a {font-weight: 700;}
.footer-section .et_pb_widget_area .widget_nav_menu ul#menu-main-menu > li > ul > li {font-size: .85em; margin-left: 0;}
.footer-section .et_pb_widget_area .widget_nav_menu ul.sub-menu {margin-top: 15px;}
.loco #et-main-area .footer-section .et_pb_row.copyright {padding: 18px 0;}
.footer-section .copyright p {color: #313131; font-size: .85em; opacity: .6; text-align: center;}

.footer-container {
  padding: 3.0em 0 1.0em;
  flex-wrap: wrap;
}

.footer-container #logo {
  max-width: 180px;
  margin-bottom: 10px;
}

.footer-container p {
  padding-bottom: 5px;
  font-size: .85em;
  color: #eaeaea;
  letter-spacing: 0;
}

.footer-container .col-left {
  float: left;
  width: 48%;
}

.footer-container .col-right {
  text-align: right;
  float: right;
  width: 48%;
}

.footer-container .col-right .follow-title {
  color: #fff;
  padding-bottom: 0;
}

.footer-container p.copyright-txt {
  margin-top: 1.5em;
}

.footer-container ul.sns-list li {
  display: inline-block;
  margin-left: 15px;
  margin-bottom: 35px;
}

.footer-container ul.sns-list li:first-child {
  margin-left: 0;
}

.footer-container ul.sns-list li a:before {
  font-family: 'FontAwesome';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  color: #eaeaea;
}

.footer-container ul.sns-list li a:hover:before {
  color: #666;
}

.footer-container ul.sns-list li a.fb_url:before {
  content: '\f09a';
}

.footer-container ul.sns-list li a.insta_url:before {
  content: '\f16d';
}

.footer-container ul.sns-list li a.youtube_url:before {
  content: '\f167';
}

.footer-container ul.sns-list li a.vimeo_url:before {
  content: '\f27d';
}

.footer-container ul.sns-list li a.blog_url:before {
  content: '\f09e';
}

.footer-container ul.sns-list li a.behance_url:before {
  content: '\f1b4';
}

.footer-container ul.sns-list li a.twitter_url:before {
  content: '\f099';
}

.footer-container ul.sns-list li a.linkedin_url:before {
  content: '\f0e1';
}

.footer-download.btn-loco {
  background-color: #111;
  border-color: #111;
  color: #eaeaea;
}

.footer-download.btn-loco:hover {
  background-color: #eaeaea;
  border-color: #eaeaea;
  color: #111;
}

.footer-download.btn-loco svg {
  margin-left: 15px;
  width: 18px;
  height: 18px;
  fill: #fff;
  margin-bottom: -2px;
}

.footer-download.btn-loco:hover svg {
  fill: #111;
}

.col-copyright {
  width: 100%;
  flex-basis: 100%;
  padding: 1.0em 0;
}

.col-copyright p {
  color: #eaeaea;
  font-size: .85em;
}

@media all and (min-width: 1605px) {
     
}
@media all and (min-width: 1350px) {
    
    .sub-menu-section .et_pb_fullwidth_menu .et_pb_row {padding: 0 72px!important; max-width: 1224px; width: 100%;}
    
}
@media screen and (max-width: 1100px){
  .main-top-section .main-top-title h1 {font-size: 1.8rem;}
  body.loco nav#top-menu-nav {width: 100%;}
  img#logo {width: 120px;}
}
@media all and (min-width: 981px) {
  .loco.et_pb_svg_logo #logo {
    height: auto;
    max-height: 42%;
  }
    #et-top-navigation {padding-top: 0!important; }
    .loco.et_fullwidth_nav #main-header .container { max-width: 1920px; margin:0 auto; }
}
@media screen and (max-width: 980px){
    #responsive-menu-pro-container #responsive-menu-pro ul.responsive-menu-pro-submenu li.responsive-menu-pro-item a {background-color: rgba(36, 51, 72, 1)}
    .loco #page-container {padding-top: 0!important;}
    .loco .footer-section .et_pb_widget_area .widget_nav_menu {width: 100%!important; margin-bottom: 0;}
}
@media all and (min-width: 768px) {
  
}
@media all and (max-width: 767px) {
  .footer-container .col-left,
  .footer-container .col-right {
    margin-bottom: 25px;
    float: none;
    width: 100%;
  }

  .footer-container .col-right {
    text-align: left;
  }

}

@media only screen and (min-width: 601px) {
    #mega-menu-wrap-primary-menu.mega-stuck #mega-menu-primary-menu > 
    li.mega-menu-item > a.mega-menu-logo > img.mega-menu-logo { width: 165px;}
}


/*****************************/
/** FOARM                   **/
/*****************************/

.privacy-agree p {padding: 2%!important; border: 1px solid #eaeaea; background-color: #fff; font-size: 12px; font-weight: 400;}
input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea {border: 1px solid #dcdcdc;}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){padding: 10px 8px!important;}
input[type="submit"], input[type="reset"], input[type="button"], button[type="submit"]{
    display: inline-block;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    font-size: 12px;
    padding: 13px 31px 13px 31px;
    text-align: center !important;
    vertical-align: middle;
    background-image: none;
    border-radius: 2px;
    outline: none;
    white-space: nowrap;
    -webkit-text-stroke: 0px;
    width: auto;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    background-color: #333; color: #fff; font-weight: 700;
}
.gform_wrapper .gform_body .gform_fields .gfield input[type=text]:focus,
.gform_wrapper .gform_body .gform_fields .gfield input[type=email]:focus,
.gform_wrapper .gform_body .gform_fields .gfield input[type=tel]:focus,
.gform_wrapper .gform_body .gform_fields .gfield input[type=url]:focus,
.gform_wrapper .gform_body .gform_fields .gfield input[type=number]:focus,
.gform_wrapper .gform_body .gform_fields .gfield input[type=password]:focus,
.gform_wrapper .gform_body .gform_fields .gfield select:focus,
.gform_wrapper .gform_body .gform_fields .gfield textarea:focus {border-color: #f29833;}
.gform_confirmation_message {padding: 5%; border: 1px solid #dcdcdc; background-color: #f7f7f7;}
.gform_confirmation_message p {font-size: 1.0em; font-weight: 500; color: #f29833;}


@media all and (min-width: 768px) {
  .form-wrap .zip-btn {padding-top: 30px!important;}
}








/*****************************/
/** Subpage Top Slider      **/
/*****************************/

.slick-slider.top-img-slider {
  width: 100%;
  max-width: 1920px;
  margin:0 auto;
}

.slick-slider.top-img-slider .slick-track .image-item {
  padding-bottom: 35vw;
  background-size: cover!important;
}

.slick-slider.top-img-slider .slick-prev,
.slick-slider.top-img-slider .slick-next {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}

.slick-slider.top-img-slider .slick-prev {
  left: 10%;
}

.slick-slider.top-img-slider .slick-next {
  right: 10%;
}

.slick-slider.top-img-slider .slider-arrow i.fa {
  font-size: 400%;
  color: #fff;
}


@media screen and (max-width: 980px){
  .slick-slider.top-img-slider .slick-track .image-item {
    padding-bottom: 75vw;
  }
}






/*****************************/
/** Slick Gallery Slider    **/
/*****************************/

.slick-prev, 
.slick-next,
.slick-lightbox-close {
    line-height: 1;
    position: absolute;
    top: 50%;
    display: block;
    padding: 0;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: transparent;
}

.slick-lightbox .slick-prev {
    left: 15px;
}

.slick-lightbox .slick-next {
    right: 15px;
}

.slick-prev:before, .slick-next:before {
    font-family: 'FontAwesome';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-size: 400%;
    color: #fff;
}

.slick-next:before {
    content: '\f105';
}

.slick-prev:before {
    content: '\f104';
}


.slick-lightbox-close:before {
    font-family: 'FontAwesome'!important;
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-size: 400%;
    color: #fff;
    content: '\f00d'!important;
}

.loco ul.slick-dots {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 1rem 0;
  list-style-type: none;
}

.slick-dots li {
  margin: 0 0.25rem;
}

.slick-dots button {
  display: block;
  width: 1rem;
  height: 1rem;
  padding: 0;
  border: none;
  border-radius: 100%;
  background-color: #ddd;
  text-indent: -9999px;
}

.slick-dots li.slick-active button {
  background-color: #333;
}




/*****************************/
/** Flex Layout             **/
/*****************************/

.grid-item.et_pb_post {
   margin-bottom: 36px;
}

@media all and (min-width: 981px) {
  .flex-row {
    display: flex;
    display: -webkit-flex;
  }

  .flex-row-reverse {
    flex-direction: row-reverse;
  }

  .flex-col-3 {
    flex: 3;
    -webkit-flex: 3;
  }

  .flex-col-2 {
    flex: 2;
    -webkit-flex: 2;
  }

  .flex-col-1 {
    flex: 1;
    -webkit-flex: 1;
  }

  .flex-grid {
    display: flex;
    display: -webkit-flex;
    flex-flow: row wrap;
  }

  .flex-grid .grid-item {
    display: flex;
    display: -webkit-flex;
  }

  .flex-grid.grid-2 {
    margin-left: -3.5%;
  }

  .flex-grid.grid-2 .grid-item {
    width: 50%;
    /*flex-basis: 50%;*/
    padding-left: 3.5%;
  }

  .flex-grid.grid-3 {
    margin-left: -3.5%;
  }

  .flex-grid.grid-3 .grid-item {
    width: 33.33%;
    /*flex-basis: 33.333333%;*/
    padding-left: 3.5%;
  }
}

@media all and (min-width: 768px) and (max-width: 980px) {
    .flex-grid {
      display: flex;
      display: -webkit-flex;
      flex-flow: row wrap;
      margin-left: -3.5%;
    }

    .flex-grid .grid-item {
      width: 50%;
      /*flex-basis: 50%;*/
      padding-left: 3.5%;
      display: flex;
      display: -webkit-flex;
    }
}

@media all and (max-width: 767px) {
   .grid-item.et_pb_post {
      margin-bottom: 24px;
   }
}






/*****************************/
/** Single Post Navigation  **/
/*****************************/
.nav-section .nav-single {
  display: flex;
  display: -webkit-flex;
  flex-flow: row nowrap;
}

.nav-section .nav-single .loco-nav-previous,
.nav-section .nav-single .loco-nav-next {
  flex: 3;
  -webkit-flex: 3;
}

.nav-section .nav-single .loco-nav-list {
  flex: 1;
  -webkit-flex: 1;
}

.nav-section .nav-single div {
  padding: 25px;
  text-align: center;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  transition:all 0.3s ease; 
    -webkit-transition:all 0.3s ease; 
    -ms-transition:all 0.3s ease;
}

.nav-section .nav-single div:last-child {
  border-right: 1px solid #ddd;
}

.nav-section .nav-single div:hover {
  background-color: #333;
  color: #fff;
}

.nav-section .nav-single div:hover a {
  color: #fff;
}

.nav-section .nav-single a {
  color: #313131;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.8em;
  height: 1.8em;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}

.nav-section .nav-single .loco-nav-list a:after,
.nav-section .nav-single .loco-nav-next a:after,
.nav-section .nav-single .loco-nav-previous a:before {
  font-family: 'FontAwesome';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.nav-section .nav-single .loco-nav-list a:after {
  content: '\f0c9';
  margin-left: 15px;
}

.nav-section .nav-single .loco-nav-next a:after {
  content: '\f178';
  margin-left: 35px;
}

.nav-section .nav-single .loco-nav-previous a:before {
  content: '\f177';
  margin-right: 35px;
}


@media screen and (max-width: 980px){
  .nav-section .nav-single div {
    padding:13px;
  }

  .nav-section .nav-single .loco-nav-list a:after,
  .nav-section .nav-single .loco-nav-next a:after,
  .nav-section .nav-single .loco-nav-previous a:before {
    display: none;
  }
}