/* BLUE - #0D6DB8 ORANGE - #F06804 */
 body{
     background-color: #ffffff;
     font-family: 'montserratregular', "Helvetica Neue", Helvetica, sans-serif;
     color: #262626;
    /*font-size: 16px;
     line-height: 26px;
    */
}
 *, *::after, *::before {
     -webkit-font-smoothing: antialiased;
     outline: none;
     text-rendering: optimizeLegibility;
     zoom: 1;
}
 h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
     font-family: 'montserratregular', sans-serif;
     font-weight: normal;
    /*font-weight: 400;
    */
    /*line-height: inherit;
    */
}
.text-bold{
    font-family: 'montserratbold', Arial;
}
 .paragraph-block h3{
    /*text-transform: uppercase;
    */
    /*letter-spacing: 1px;
    */
    /* font-weight: 700;
    */
    /*font-family: 'montserratregular', serif;
    */
}
 .small{
    /*font-size: 13px;
     line-height: 22px;
    */
}
 .small-md{
     font-size: 14px;
     line-height: 24px;
}
 .crete-round{
     font-family: 'montserratregular', sans-serif;
     font-weight: 400;
}
/*@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=ae161422-d03d-4c68-b200-6a908600ae59");
*/
 @font-face{
     font-family:"Proxima N W01 Light";
     src:url("../fonts/default/93cc6d34-798e-42c8-87d2-fd6391801b63.eot?#iefix");
     src:url("../fonts/default/93cc6d34-798e-42c8-87d2-fd6391801b63.eot?#iefix") format("eot"),url("../fonts/default/d9fe41ee-4904-4a11-ba11-b61cd3be767f.woff2") format("woff2"),url("../fonts/default/2fa30669-9bbd-4ced-912f-db94a367ed6c.woff") format("woff"),url("../fonts/default/c12b3ebb-3771-483f-a84a-ac63d615c28e.ttf") format("truetype"),url("../fonts/default/2a961063-ea56-4a4b-8cea-bdae32edb0e2.svg#2a961063-ea56-4a4b-8cea-bdae32edb0e2") format("svg");
}
 @font-face{
     font-family:"Proxima N W01 Reg";
     src:url("../fonts/default/7e90123f-e4a7-4689-b41f-6bcfe331c00a.eot?#iefix");
     src:url("../fonts/default/7e90123f-e4a7-4689-b41f-6bcfe331c00a.eot?#iefix") format("eot"),url("../fonts/default/64017d81-9430-4cba-8219-8f5cc28b923e.woff2") format("woff2"),url("../fonts/default/e56ecb6d-da41-4bd9-982d-2d295bec9ab0.woff") format("woff"),url("../fonts/default/2aff4f81-3e97-4a83-9e6c-45e33c024796.ttf") format("truetype"),url("../fonts/default/ab9cd062-380f-4b53-b1a7-c0bec7402235.svg#ab9cd062-380f-4b53-b1a7-c0bec7402235") format("svg");
}
 @font-face {
     font-family: 'montserratbold';
     src: url('../fonts/montserrat-bold-webfont.woff2') format('woff2'), url('../fonts/montserrat-bold-webfont.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'montserrat_mediumregular';
     src: url('../fonts/montserrat-medium-webfont.woff2') format('woff2'), url('../fonts/montserrat-medium-webfont.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'montserratregular';
     src: url('../fonts/montserrat-regular-webfont.woff2') format('woff2'), url('../fonts/montserrat-regular-webfont.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
 ::-moz-selection {
     background: #2b2b2b;
     color: #ffffff;
}
 ::selection {
     background: #2b2b2b;
     color: #ffffff;
}
 @keyframes wave-front {
     100% {
         transform: translate(-50%, 0);
    }
}
 @keyframes wave-back {
     100% {
         transform: translate(50%, 0);
    }
}
 @keyframes wave-fill {
     100% {
         top: -120px;
    }
}
 .loading-screen{
     display: block;
     position: fixed;
     z-index: 99999999999999999999999999;
     width: 100%;
     height: 100%;
     background: #fff;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
 #loading-screen{
     -webkit-transition: opacity 600ms cubic-bezier(.694,0,.335,1);
     transition: opacity 600ms cubic-bezier(.694,0,.335,1);
     -o-transition: opacity 600ms cubic-bezier(.694,0,.335,1);
     transition: opacity 600ms cubic-bezier(.694,0,.335,1);
}
 #loading-screen.page-loading{
     opacity: 1;
}
 #loading-screen.page-loading-2{
     opacity: 0.9;
}
 #loading-screen.page-loading-block{
     display: block;
}
 #loading-screen.closing{
     opacity: 0;
}
 #loading-screen.closed{
     display: none;
}
 #loading-screen .loading-text{
     font-size: 11px;
     font-family: 'montserratregular', sans-serif;
     line-height: 24px;
     text-transform: uppercase;
     letter-spacing: 3px;
     color: #888;
     text-align: center;
     margin: 20px auto;
     position: absolute;
     bottom: 40px;
     left: 0;
     right: 0;
     z-index: 2;
}
 .loading-screen .ls-box #ls-logo img.loading-image{
     width: 100%;
}
 .loading-screen .ls-box {
     height: 118px;
     width: 306px;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     background: #1b1b1b;
    /* border-radius: 100%;
     */
     overflow: hidden;
}
/* line 35, sass/loading.scss */
 .loading-screen .ls-box #ls-logo {
     z-index: 10;
     position: relative;
}
/* line 39, sass/loading.scss */
 .loading-screen .ls-box .percent {
     visibility: hidden;
     position: absolute;
     left: 0;
     top: 0;
     z-index: 3;
     width: 100%;
     height: 100%;
     display: flex;
     display: -webkit-flex;
     align-items: center;
     justify-content: center;
     color: #fff;
     font-size: 30px;
}
/* line 54, sass/loading.scss */
 .loading-screen .ls-box .water {
     position: absolute;
     left: 0;
     top: 0px;
     z-index: 2;
     width: 100%;
     height: 100%;
     transform: translate(0, 100%);
     background: #75cde5;
}
 .loading-screen.page-loading .ls-box .water{
     animation: wave-fill 5s infinite linear;
}
/* line 63, sass/loading.scss */
 .loading-screen .ls-box .water_wave {
     width: 200%;
     position: absolute;
     bottom: 98%;
     height: 25px;
}
/* line 67, sass/loading.scss */
 .loading-screen .ls-box .water_wave_back {
     right: 0;
     fill: #91d9ec;
}
 .loading-screen.page-loading .ls-box .water_wave_back{
     animation: wave-back 1.4s infinite linear;
}
/* line 72, sass/loading.scss */
 .loading-screen .ls-box .water_wave_front {
     left: 0;
     fill: #75cde5;
     margin-bottom: -1px;
}
 .loading-screen.page-loading .ls-box .water_wave_front{
     animation: wave-front .7s infinite linear;
}
 em, i{
    /*font-family: 'merriweatheritalic', serif;
    */
}
 strong, .strong{
     font-family: 'montserratregular', sans-serif;
     font-weight: normal;
}
 strong, strong em{
     font-weight: normal;
}
 #landing-section-parallax {
     opacity: .65;
}
 #landing-section .bg-image {
     opacity: .65;
}
 .hero-header {
     color: #ffffff;
     font-size: 40px;
}
 .landing-text-section .row {
     width: 85%;
     margin: 0 auto;
     border-bottom: 3px dotted #e1e1e1;
     padding: 30px 0;
}
 .site--logo{
     display: inline-block;
     margin-top: 29px;
}
 .site--logo a{
     display: inline-block;
}
 .site--logo a img{
     width: 100px;
    /*height: 64px;
    */
     margin-top: -15px;
}
 .site--logo h1{
     margin-top: 12px;
}
 .site--logo svg{
     width: 160px;
}
 .site--logo svg{
     width: 160px;
}
 .hero-header{
    /*min-height: 400px;
    */
}
 .hero-grid{
     position: relative;
}
 .hero-header .form-inline .form-group{
     margin-right: 20px;
}
 .hero-header .image-wrap{
     background: #2b2b2b;
     position: relative;
     z-index: 1;
     overflow: hidden;
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     top: 0;
     z-index: 0;
    /*min-height: 500px;
    */
}
 .hero-header .image{
     opacity: 0.4;
     background-position: center center;
     background-repeat: no-repeat;
    /*background-size: cover;
    */
    /*background-size: 100%;
    */
     display: block;
     height: 0;
     overflow: hidden;
     width: 100%;
    /*box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
    */
     padding-top: 50%;
    /*padding-top: 41%;
    */
     position: relative;
}
 .hero-wrap-body{
     padding: 40px;
}
 .hero-body{
     position: relative;
     color: #ffffff;
     z-index: 1;
     padding: 140px 40px;
    /*padding: 50px;
    */
     border: 5px solid #ffffff;
}
 .hero-body h1{
     font-size: 60px;
}
 .lazy{
     display: none;
}
 #landing-section-parallax, .landing-text-section, .fullwidth-carousel, .testimonials-section, .gallery-featured {
     overflow: hidden;
}
/*landing*/

#landing-page-section{
	
}

.bg-01{
	background: url('../img/fastcat-bg-01.jpg') center center no-repeat;
	background-size: cover;
}
#home-booking-form{
	padding: 50px 0 200px;
    min-height: 500px;
}
#multi-device-platform-section{
    position: relative;
    min-height: 250px;
}
#multi-device-platform{
    position: absolute;
    top: -150px;
    z-index: 2;
    right: 0;
    left: 0;
    text-align: center;
    padding: 0 30px;
    width: 100%;
    margin: 0 auto;
    max-width: 500px;
}
#multi-device-platform img{
    /*max-width: 500px;*/
    margin: 0 auto;
}
.download-app-wrap{
    padding-top: 30px;
}
@media (max-width: 768px){
    .download-app-wrap{
        text-align: center;
        margin-top: 20%;
    }
    #multi-device-platform{
        max-width: 300px;
    }
}

@media(max-width: 622px){
    #multi-device-platform{
        /*top: -80px;*/
    }
    .download-app-wrap{
        margin-top: 30%;
    }
}


#app-download-links{
    margin-top: 10px;
}
#app-download-links > li{
    /*display: block;*/
}
#app-download-links > li > a{
    display: block;
    max-width: 130px;
}

#home-booking-form .booking-form{
	background: #ffffff;
    padding: 10px 15px;
    border-radius: 0 4px 4px 4px;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
#home-booking-form .form-header{
	background: #ffffff;
	padding: 10px 20px;
	border-radius: 4px 15px 0 0;
	margin-bottom: 0;
	display: inline-block;
	position: relative;
	/*z-index: 2;*/
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
}

#landing-page-section .form-header {
     color: #1dabee;
     font-weight: 600;
     font-size: 44px;
     line-height: 1.2em;
     font-family: 'montserrat_mediumregular', Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#landing-page-section .form-header-wrap:after {
     content: '';
     background-color: #0d6db7;
     width: 95px;
     height: 5px;
     background-size: contain;
     position: absolute;
     margin-top: 15px;
}
#landing-page-section {
    /*margin-top: 70px;
    */
     overflow: hidden;
}
 #landing-page-section .container-fluid {
     padding: 0 !important;
}
 #landing-page-section .booking-form {
 	max-width: 800px;
 	margin: 0 auto;
     /*padding: 60px 95px 0;*/
}




 .booking-form .form-header-wrap {
     margin-bottom: 50px;
     padding-right: 70px;
}
 #landing-page-section .booking-form .form-wrap {
     background: #ffffff;
     padding: 3px 17px;
     border: 1px solid #cccccc;
     border-radius: 5px;
     -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.2);
     box-shadow: 0 2px 5px rgba(0,0,0,.2);
     position: relative;
}
 /*#landing-page-section .booking-form .row:nth-child(1) {
     margin-bottom: 10px;
}
 #landing-page-section .booking-form .row:nth-child(4) {
     margin-bottom: 20px;
}
 #landing-page-section .booking-form .row:nth-child(2), #landing-page-section .booking-form .row:nth-child(3) {
     margin-bottom: 10px;
}*/
 #landing-page-section .radio-buttons {
     /*text-align: center;*/
}
 .radio-buttons .control-label {
     margin-right: 10px !important;
}
 .radio-buttons.vehicle-picker {
     margin-bottom: 30px;
}
 .booking-form {
     padding: 10px 0;
}
 .booking-form .row:nth-child(2) .col-md-6:nth-child(1) .form-wrap {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
     border-right-width: 1px;
}
 .booking-form .row:nth-child(2) .col-md-6:nth-child(2) .form-wrap {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
     border-left-width: 0;
}
 .booking-form .form-control {
    /*background: transparent;
    */
     border: 0;
     padding: 0;
     height: 30px;
    /*margin-top: -8px;
    */
}
 .form-group-nb .form-control{
     border: 0;
     padding: 0;
     height: 39px;
}
 .form-group-nb .select-wrap{
     height: 40px;
}
 .booking-form .control-label {
     font-size: 10px;
     font-weight: 600;
     color: #0D6DB8;
     margin: 0;
     height: 20px;
}
 .booking-form .control-label {
     padding-left: 30px;
}
.booking-form input.form-control{
    padding-left: 30px;
}

.form-outter-wrap {
     padding: 0 16px;
     position: relative;
}
 .form-outter-wrap.form-top:before, .form-outter-wrap.form-top:after{
     content: '';
     width: 10px;
     height: 25px;
     background: #ffffff;
     position: absolute;
     left: -5px;
     top: 0;
}
 .form-outter-wrap.form-top:after{
     right: -5px;
     left: auto;
}
 .form-outter-wrap.form-top {
     border-bottom: 1px solid #e7e7e7;
     border-left: 1px solid #e7e7e7;
    /*height: 30px;
    */
}
 .form-outter-wrap.last-form {
     border-right: 1px solid #e7e7e7;
}
 .form-outter-wrap.form-bottom {
     border-left: 1px solid #e7e7e7;
    /*height: 30px;
    */
     padding-top: 5px;
}
 .form-outter-wrap.form-bottom:before, .form-outter-wrap.form-bottom:after{
     content: '';
     width: 10px;
     height: 30px;
     background: #ffffff;
     position: absolute;
     left: -5px;
     bottom: 0px;
}
 .form-outter-wrap.form-bottom:after{
     right: -5px;
     left: auto;
}
 .form-outter-wrap.form-top .form-wrap {
    /*position: absolute;
    */
    /*margin-top: -30px;
    */
}
 .form-outter-wrap.form-bottom .form-wrap {
    /*position: absolute;
    */
     margin-top: 0;
}
 .select-pad-left{
     padding-left: 30px;
}
/* The container */
.container-3 {
  display: block;
  position: relative;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 0;
  padding: 8px 0 8px 13px;
  color: #fff;
  font-weight: 400;
  background: #F06804;
  border: 1px solid #F06804;
  border-bottom-right-radius: 4px;
  width: 150px;
}

/* Hide the browser's default checkbox */
.container-3 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark-3 {
  position: absolute;
  right: 15px;
  top: 17px;
  width: 8px;
  height: 8px;
  border: solid #fff;
  border-width: 2px 2px 0 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}




/* When the checkbox is checked, add a blue background */
.container-3 input:checked ~ .checkmark-3 {
  background-color: #fff;
  top: 13px;
  right: 10px;
  height: 15px;
  width: 15px;
  border: none;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.container-3 input:checked .container-3 {
  background: #0D6EB7 !important;
  border: 1px solid #0D6EB7 !important;
  border-bottom-right-radius: 4px;
}



/* Create the checkmark-3/indicator (hidden when not checked) */
.checkmark-3:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark-3 when checked */
.container-3 input:checked ~ .checkmark-3:after {
  display: block;
}

/* Style the checkmark-3/indicator */
.container-3 .checkmark-3:after {
  left: 5px;
  top: 2px;
  width: 5px;
  height: 8px;
  border: solid #0D6EB7;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
 #booking-section .form-btn {
     margin-top: 50px;
     text-align: center;
}
 #booking-section .form-btn .btn {
     box-shadow: 0 2px 5px rgba(0,0,0,.2);
}
 .booking-form .form-icon {
     font-size: 20px;
     position: absolute;
    /*top: 50%;
    */
     height: 26px;
     margin-top: -3px;
     opacity: .25;
     z-index: 3;
     bottom: 3px;
}
/*::placeholder {
     color: #333333 !important;
}
 .form-promo-code::placeholder {
     color: #cccccc !important;
}
*/
 input.form-control {
     font-weight: 600;
}
 .booking-form .form-btn {
     float: none;
     text-align: center;
}
 .booking-form .form-btn .btn {
     font-weight: 600;
}
 .booking-form .ship-icon {
     width: 30px;
     height: 30px;
     background-size: auto;
     background-repeat: no-repeat;
     background-position: center;
     background-color: transparent;
     position: absolute;
     z-index: 5;
     padding: 0;
     top: 50%;
     right: -15px;
     margin-top: -15px;
}
/*main nav*/
 #main-navigation.fixed-header li a {
     color: #666 !important;
}
 #main-navigation.fixed-header {
     -webkit-box-shadow: 0 0 10px rgba(0,0,0,.08);
     box-shadow: 0 0 10px rgba(0,0,0,.08);
}
 #main-navigation .container-fluid {
     padding-left: 100px;
     padding-right: 100px;
}
 #main-navigation .landing-signup-btn {
     padding: 15px 40px;
     border-radius: 6px;
     font-family: 'montserratregular', "Helvetica Neue", Helvetica, sans-serif;
     background: #F06804;
     color: #fff;
     position: relative;
     top: 10px;
     font-size: 14px;
     border: none;
}
 #schedules-steps-section {
     background: #0D6EB7;
     padding: 10px 0;
}
 #schedules-steps-section .step-header {
     width: 25px;
     height: 25px;
     padding-top: 5px;
     margin-right: auto;
     border-radius: 200px;
     background: #ffffff;
     color: #0D6EB7;
     font-size: 12px;
     font-weight: 600;
     margin-bottom: 2px;
     text-align: center;
     margin-left: auto;
     position: absolute;
     top: 7px;
     right: 0;
     bottom: 0;
     left: 0;
     margin-top: 0;
     box-shadow: 0 0 8px rgba(0,0,0,.3);
}
 .step-header a{
}
 .step-2-shadow-wrap, .step-3-shadow-wrap, .step-4-shadow-wrap {
     width: 39px;
     background: rgba(13,110,183,0);
     height: 39px;
     margin: 19px auto 0 auto;
     border-radius: 50%;
}
 .step-shadow-wrap {
     background: transparent;
     width: 39px;
     height: 39px;
     margin: 19px auto 0 auto;
     border-radius: 50%;
     position: relative;
}
 .step-wrap.step-progress-active .step-shadow-wrap{
     background: rgba(245,167,40,.5);
}
 .step-wrap.step-progress-active .step-header{
     color: #ffffff !important;
     background: #f5a728 !important;
     text-align: center;
}
 #schedules-steps-section .step-title {
     color: #ffffff;
     font-size: 12px!important;
     font-weight: 600;
}
 .step-wrap:before{
     content: '';
     background-color: #86b6db;
     width: 100%;
     height: 1px;
     background-size: contain;
     position: absolute;
     margin-top: 19px;
}
 .step-wrap.step-progress-active:before{
     background-color: #f5a728;
}
 #schedules-steps-section.passenger-info-page .step-wrap-2:before {
     content: '';
     background-color: #f5a728;
     width: 100%;
     height: 1px;
     background-size: contain;
     position: absolute;
     margin-top: 19px;
}
 #schedules-steps-section.payment-page .step-wrap-3:before {
     content: '';
     background-color: #f5a728;
     width: 100%;
     height: 1px;
     background-size: contain;
     position: absolute;
     margin-top: 19px;
}
 #schedules-steps-section.complete-page .step-wrap-4:before {
     content: '';
     background-color: #f5a728;
     width: 100%;
     height: 1px;
     background-size: contain;
     position: absolute;
     margin-top: 19px;
}
 #schedules-steps-section:before {
     content: '';
     background-color: #86b6db;
     width: 100%;
     height: 1px;
     background-size: contain;
     position: absolute;
     margin-top: 38px;
}
 #booking-section .booking-form .ship-icon {
     width: 20px;
     height: 20px;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
     background-color: transparent;
     position: absolute;
     z-index: 5;
     padding: 0;
     top: 50%;
     right: 0;
     margin-top: -10px;
}
 #booking-section .booking-form .form-btn {
     float: left;
}
 .four-step-marker-wrap {
     padding: 0 100px;
}
 #schedules-steps-section .step-1-header, #schedules-steps-section .step-2-header, #schedules-steps-section .step-3-header, #schedules-steps-section .step-4-header, #schedules-steps-section .step-body {
     text-align: center;
}
 #schedules-section .option-outter-wrap {
     margin-bottom: 30px;
     box-shadow: 0 2px 8px rgba(0,0,0,0.1);
     border-radius: 7px;
}
 #schedules-section .location-marker img {
    /*width: auto;
    */
     width: 16px;
     margin: 11px auto;
}
 #schedules-section .location-marker h4 {
     font-weight: 600;
     color: #666666;
}
 #schedules-section .summary-header{
     color: #0D6DB8;
    /*padding-top: 60px;
    */
     padding-bottom: 30px;
     font-size: 20px;
     font-weight: 600;
}
 #schedules-section .row-header-wrap .location-header {
     color: #ffffff;
     padding-top: 50px;
     padding-bottom: 40px;
     font-size: 20px;
     font-weight: 600;
     text-align: center;
     margin: 0;
}
 #schedules-section .location-header {
     color: #0d6db8;
     padding-top: 60px;
     padding-bottom: 30px;
     font-size: 20px;
     font-weight: 600;
}
 #schedules-section .option-outter-wrap{
}
 #schedules-section .vessel-trip-stream-item.trip-selected .option-outter-wrap{
     box-shadow: 0 2px 8px rgba(0,0,0,0.1), 0 0 0px 1px #0c6eb7 !important;
}
 .hide-other-trip{
     display: none;
}
 #summary-accordion{
     margin-top: 50px;
}
 .row-header.departure-wrap p {
     color: #ffffff !important;
     font-size: 10px !important;
     font-weight: 600;
     position: absolute;
     top: 0;
     right: 50%;
     margin-top: 30px;
     margin-right: -5px;
}
 .row-header.arrival-wrap p {
     color: #ffffff !important;
     font-size: 10px !important;
     font-weight: 600;
     position: absolute;
     top: 0;
     right: 0;
     left: 50%;
     margin-top: 30px;
     margin-left: 8px;
}
 .row-header.departure-wrap.return-trip p {
     margin-right: -12px;
}
 .row-header.arrival-wrap.return-trip p {
     margin-left: 17px;
}
 .row-header-wrap {
     margin-top: 50px;
     margin-bottom: 30px;
     position: relative;
}
 #schedules-section .to-marker:after {
     content: '\f125';
     display: inline-block;
     font-family: "Ionicons";
     padding: 0 20px;
     font-size: 12px;
     color: #333;
     position: relative;
     top: -2px;
}
 #schedules-section {
     background: #f5f5f5;
     padding-bottom: 280px;
}
 #schedules-section .schedule-option {
     background: #ffffff;
     padding: 11px 0 11px 27px;
     border-bottom-left-radius: 7px;
     border-bottom-right-radius: 7px;
}
 #schedules-section .schedule-option img {
     margin-top: 10px;
}
 .schedule-option .ship-id-wrap {
     text-align: center;
}
 .ship-id-wrap {
     margin-right: 30px;
}
 .schedule-option .vessel-img{
     max-width: 100px;
}
 #schedules-section .pricing-wrap-outer {
     background: #fcfcfc;
     border-top-left-radius: 7px;
     border-top-right-radius: 7px;
     border-bottom: 2px solid #f7f7f7;
}
 #schedules-section .pricing-wrap-outer .btn {
     padding: 14px 30px;
     height: 50px;
     border-radius: 0;
     border-top-right-radius: 7px;
}
 #schedules-section .pricing-wrap-outer .btn:focus{
     color: #fff;
}
 #schedules-section .pricing-wrap-outer .btn:hover {
     background: #0d6eb7;
     color: #ffffff;
}
 .pricing-wrap-outer .pricing-wrap {
     padding: 0 20px;
     background: #f7f7f7;
     height: 50px;
     border-top-left-radius: 7px;
     margin-right: 30px;
     border-bottom: 2px solid #f06804;
}
 .pricing-wrap-outer .row .col-xs-4:nth-child(2) {
     background: #fcfcfc;
}
 #schedules-section p {
     font-size: 12px;
     color: #666;
}
 #schedules-section p.booking-class {
     font-weight: 600;
     letter-spacing: 0.05em;
     color: #333 !important;
}
 .departure-wrap {
     background: #47a1e6;
}
 .arrival-wrap {
     background: #2688d3;
}
 #schedules-section .ship-icon.departure-ship {
     z-index: 5;
     background-image: url(../img/ship-icon-f.png);
     width: 30px;
     background-repeat: no-repeat;
     height: 22px;
     background-position: center center;
     background-size: contain;
     position: absolute;
     top: 0;
     right: 0;
     left: 50%;
     height: 30px;
    /*margin-top: 110px;
    */
     margin-top: 38px;
     margin-left: -15px;
}
 #schedules-section .ship-icon.arrival-ship {
     z-index: 5;
     background-image: url(../img/ship-icon-f.png);
     width: 30px;
     background-repeat: no-repeat;
     height: 22px;
     background-position: center center;
     background-size: contain;
     position: absolute;
     right: 0;
     left: 50%;
     height: 30px;
     margin-top: 40px;
     margin-left: -15px;
}
 #schedules-section .ship-icon.departure-ship:before, #schedules-section .ship-icon.arrival-ship:before {
     content: '';
     border-bottom: 1px dotted #ffffff;
     width: 200px;
     height: 1px;
     background-size: contain;
     position: absolute;
     margin-top: 19px;
     margin-left: -85px;
}
/* .ship-icon{
     transform-origin: 50px 50px;
     animation: boatmove 4s infinite;
     animation-delay:0.25s;
}
 @keyframes boatmove{
     0% {
        transform: rotate(1deg)translate(0px,0px)
    }
     25% {
        transform:rotate(-1deg) translate(0px,-10px) 
    }
     50% {
        transform:rotate(1deg) translate(0px, 0px) 
    }
     75% {
        transform:rotate(-1deg) translate(0px,-5px)
    }
     100%{
        transform:rotate(1deg) translate(0px,0px)
    }
}
*/
 #schedules-section .select-btn {
     float: right;
}
 .select-btn .select-icon {
     padding-left: 70px;
}
 .select-btn.selected-schedule .btn-select-schedule{
     background: #0d6eb7;
     color: #ffffff;
}
/*#schedules-section .departure-arrival {
     width: 49%;
}
 #schedules-section .pricing-wrap {
     width: 48%;
}
 #schedules-section .ship-id-wrap {
     width: 30%;
}
*/
 #schedules-section .schedule-option-wrap {
     box-shadow: 0 0 25px rgba(0,0,0,0.1);
     margin-bottom: 30px;
}
 #schedules-section .schedule-option-wrap h4 {
     margin-bottom: 0;
}
 #schedules-section .price-text {
     margin-bottom: 0;
}
 .pricing-wrap-outer .price-text {
     font-size: 12px;
     position: absolute;
     margin-left: -20px;
     margin-top: 2px;
}
 .pricing-wrap-outer .option-price {
     margin-left: 15px;
     font-weight: 600;
}
 .pricing-wrap-outer .pricing-details {
     text-align: center;
}
 .pricing-wrap-outer .pricing-details h4 {
     padding: 5px 0;
}
 #schedules-section h4.departure-time, #schedules-section h4.ship-name, #schedules-section h4.arrival-time, #schedules-section h4.option-price {
     margin-bottom: 0;
}
 #schedules-section .booking-type {
     padding-top: 8px;
}
 .departure-arrival .departure-details, .departure-arrival .arrival-details, .departure-arrival .duration-details {
     text-align: center;
}
 .departure-arrival .duration-details {
     margin-top: 18px;
}
 .departure-arrival .departure-details, .departure-arrival .arrival-details {
     margin-top: 22px;
}
 #schedules-section .continue-btn {
    /*float: right;
    */
     margin-bottom: 50px;
}
/*#schedules-section .continue-btn-arw {
     padding-left: 30px;
}
*/
 #schedules-section .continue-btn .btn {
     color: #ffffff;
     background: #0D6DB8;
     font-size: 18px;
     padding: 20px 43px;
     font-weight: 600;
}
/*#schedules-section .continue-btn .btn:after {
     content: '\f125';
     display: inline-block;
     font-family: "Ionicons";
     padding-left: 20px;
}
*/
 #schedules-section .schedule-option .ion-ios-minus-empty {
     padding-right: 10px;
}
 #schedules-section .schedule-option .ion-ios-arrow-thin-right {
     padding-left: 10px;
}
 #summary-accordion{
}
 #departure-schedules-section, #return-schedules-section{
     min-height: 100px;
}
 .sidebar{
     will-change: min-height;
}
 .sidebar__inner{
     transform: translate(0, 0);
    /* For browsers don't support translate3d. */
     transform: translate3d(0, 0, 0);
     will-change: position, transform;
}
 #summary-accordion .ion-arrow-right-c {
     padding: 0 10px;
}
/*#schedules-section .continue-btn .btn.clicked:after {
     content: '\f373';
}
*/
 .booking-section-title-wrap{
     margin-top: 50px;
     margin-bottom: 30px;
}
 .booking-section-title{
     margin-top: 0;
     color: #0d6db8;
     font-size: 20px;
     font-weight: 600;
}
 .ms-accordion-item{
     margin-bottom: 30px;
}
 .ms-accordion-item .accordion-group{
     background: #ffffff;
     margin-bottom: 20px;
}
 .ms-accordion-item .ms-accordion-title{
     line-height: 26px;
     padding: 14px 18px;
    /*margin-bottom: 10px;
    */
     background: #0D6DB8;
     color: #ffffff;
     display: block;
     position: relative;
     font-size: 18px;
     font-weight: 600;
     margin: 0;
     border-radius: 7px 7px 0 0;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition : all 0.3s ease-in-out;
     -ms-transition : all 0.3s ease-in-out;
     -o-transition : all 0.3s ease-in-out;
     transition : all 0.3s ease-in-out;
}
 .ms-accordion-item .ms-accordion-title.collapsed{
     border-radius: 7px;
}
 .ms-accordion-item .ms-accordion-title-lg{
     padding: 17px 30px;
}
 .ms-accordion-item .ms-accordion-title:after, .ms-accordion-item .ms-accordion-title.collapsed:after{
     content: '\f3d0';
     display: inline-block;
     font-family: "Ionicons";
     speak: none;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     text-transform: none;
     text-rendering: auto;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     width: 24px;
     height: 24px;
     position: absolute;
     z-index: 3;
     font-size: 20px;
     right: 15px;
     top: 20px;
}
 .ms-accordion-item .ms-accordion-title.collapsed:after{
     content: '\f3d1';
}
 .ms-accordion-item .ms-accordion-answer{
     padding: 0 10px;
     background: #ffffff;
     border-bottom: 1px solid #e1e1e1;
}
 .ms-accordion-item .accordion-inner{
     padding: 30px 15px;
    /*background: #ffffff;
    */
}
 .ms-accordion-item .accordion-inner-lg{
     padding: 30px;
}
 .input-group-addon-bg-none{
     background: transparent !important;
     border-bottom: 1px solid #ccc !important;
}
 #summary-accordion .summary-question {
     padding: 20px 30px;
     border-top-left-radius: 7px;
     border-top-right-radius: 7px;
}
 #summary-accordion .summary-question h2 {
     font-size: 18px;
     font-weight: 600;
     margin: 0;
}
 .summary-item{
     margin-bottom: 30px;
}
 .summary-item .summary-question{
     font-size: 16px;
     line-height: 26px;
     padding: 14px 18px;
    /*margin-bottom: 10px;
    */
     background: #0D6DB8;
     color: #ffffff;
     display: block;
     position: relative;
}
 .summary-item .summary-question:after, .summary-item .summary-question.collapsed:after{
     content: '\f3d0';
     display: inline-block;
     font-family: "Ionicons";
     speak: none;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     text-transform: none;
     text-rendering: auto;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     width: 24px;
     height: 24px;
     position: absolute;
     z-index: 3;
     font-size: 20px;
     right: 15px;
     top: 20px;
}
 .summary-item .summary-question.collapsed:after{
     content: '\f3d1';
}
 .summary-item .summary-answer{
     padding: 0 10px;
     background: #ffffff;
     border-bottom: 1px solid #e1e1e1;
}
 .summary-item .summary-answer .panel-body{
     padding: 30px 15px;
}
/*#summary-accordion .col-md-4, #summary-accordion .col-md-8 {
     padding: 0;
}
*/
 #summary-accordion .logo-wrap {
     border: 1px solid #e1e1e1;
     border-radius: 4px;
     padding: 5px;
}
 #summary-accordion .logo-wrap img {
     width: 60px;
     margin: 0;
}
 #summary-accordion .ship-id-wrap {
     width: 100%;
}
 #summary-accordion .panel-body .row {
     padding: 0 15px 20px;
}
 #summary-accordion ul.location-marker {
     color: #666666;
}
 #summary-accordion ul.location-marker li:nth-child(2) {
     padding-top: 30px;
}
 #summary-accordion .summary-total{
     background: #ffffff;
     padding: 5px 25px 15px;
     border-bottom-right-radius: 7px;
     border-bottom-left-radius: 7px;
}
 #schedules-section select.dropdown-location {
     font-size: 12px;
     width: 100%;
     background: none;
     margin-top: 0;
     border: 0;
}
/*#schedules-section select.dropdown-location:after {
     content: url(img/location-pin.png);
}
*/
 .location-marker.line-bottom{
     position: relative;
}
 .location-marker.line-bottom:after{
     content: '';
     height: 24px;
     border-left: 1px dashed #777777;
     position: absolute;
     top: 35px;
     left: 25px;
}
 #schedules-section h4.option-price {
     margin-top: 5px;
     font-weight: 600;
}
 #schedules-section h4.ship-name, #schedules-section h4.departure-time, #schedules-section h4.arrival-time {
     font-weight: 600;
}
/*#schedules-steps-section .four-step-marker-wrap {
     width: 80%;
     margin-left: auto;
     margin-right: auto;
}
*/
/*#main-navigation .main-nav-items {
     float: left !important;
}
*/
 .continue-btn-wrap .ion-chevron-right {
     padding-left: 20px;
}
 .dropdown-location .kk-dropdown-menu{
     margin-top: 5px;
}
 .dropdown-location .kk-dataset-query{
}
 .dropdown-location .kk-suggestion{
     font-size: 14px;
     padding: 10px 25px;
}
 .dropdown-location .kk-suggestion p{
    /*padding: 5px 8px;
    */
}
 .dropdown-location .kk-suggestion:hover, .kk-suggestion.kk-is-under-cursor {
    /*background: transparent;
    */
    /*color: #333333;
    */
}
 .dropdown-location .kk-suggestion:hover p, .kk-suggestion.kk-is-under-cursor p{
    /*background: #eeeeee;
    */
}
/*===========SEAT STYLES============*/
 .seat-plan-main-wrapper{
    /*background: #f1f1f1;
    */
    /*padding: 20px;
    */
    /*border: 1px solid #ddd;
     border-radius: 6px;
     min-height: 400px;
    */
}
 .drivers-cabin{
     margin: 20px 0;
     padding: 10px 0;
     border-top: 1px solid #f1f1f1;
     border-bottom: 1px solid #f1f1f1;
     font-size: 20px;
     text-align: center;
}
 .seat-style{
     background-color: #ffffff;
     padding: 20px;
     border-radius: 2px;
     border: 1px solid #dddddd;
    /*min-height: 100px;
    */
     margin-bottom: 20px;
}
 .seat-label{
     text-align: center;
}
 #driver-row{
     max-width: 200px;
}
 #bus-left-row{
    /*padding: 20px;
    */
     min-height: 600px;
    /*border-right: 1px solid #ddd;
    */
}
 #bus-right-row{
    /*padding: 20px;
    */
     min-height: 600px;
    /*border-left: 1px solid #ddd;
    */
}

.vessel-section-header{
     font-size: 12px;
     text-transform: uppercase;
     letter-spacing: 1px;
     border-bottom: 1px solid #f1f1f1;
}
.seat-item{
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition : all 0.3s ease-in-out;
     -ms-transition : all 0.3s ease-in-out;
     -o-transition : all 0.3s ease-in-out;
     transition : all 0.3s ease-in-out;
}
.btn-seat-details.active-seat .seat-item, .btn-seat-details:hover .seat-item, .btn-seat-details:focus .seat-item{
     opacity: 0.5;
}
.btn-seat-details.not-available{
    cursor: default;
}
.btn-seat-details.not-available .seat-item{
    opacity: 0.5;
}
.btn-seat-details.not-available .available-seat-wrap{
    display: none !important;
}
.btn-seat-details{
     position: relative;
     display: inline-block;
}
.Seat-1, .Seat-2, .Seat-3, .Seat-4{
     width: 40px;
     height: 40px;
}
 .good-seat-wrap{
     position: absolute;
     top: -5px;
     right: 8px;
     z-index: 1;
     font-size: 12px;
     color: #fff;
     background: #F06804;
     width: 20px;
     height: 20px;
     padding: 0px 5px;
     border-radius: 50%;
     line-height: 22px;
}
 .available-seat-wrap{
    position: absolute;
    bottom: 0px;
    right: 0;
    left: 4px;
    z-index: 1;
    /* font-size: 12px; */
    /* color: #888; */
    /* background: #888; */
    width: 32px;
    height: 5px;
    padding: 0px 5px;
    border-radius: 9px;
    line-height: 22px;
}
 .available-seat-wrap.business{
     color: #F06804;
     background: #F06804;
}
 .available-seat-wrap.premium-economy{
     color: #0D6DB8;
     background: #0D6DB8;
}
 .available-seat-wrap.economy, .available-seat-wrap.economy-sundeck-open-air{
     color: #888;
     background: #888;
}
 .seat-legend-list-wrap{
     padding: 20px;
     border: 1px dashed #888;
     border-radius: 4px;
     margin-bottom: 20px;
}
 .seat-legend-list{
}
 .seat-legend-list > li{
     vertical-align: middle;
}
 .seat-legend-list > li .seat-legend-img{
     display: inline-block;
     width: 40px;
     margin-right: 10px;
     vertical-align: middle;
}
 .seat-legend-title{
     vertical-align: middle;
     width: 80px;
     display: inline-block;
}
 .passenger-name-wrap{
    text-transform: uppercase;
    font-size: 11px;
    position: absolute;
    top: 11px;
    right: 0;
    left: 0;
     color: #333;
     text-align: center;
     z-index: 2;
    /*font-family: 'Proxima N W01 Smbd', Helvetica, Arial, sans-serif;
    */
}

.passenger-panel .panel-heading{
    position: relative;
}
.btn-remove-passenger-panel{
    font-size: 22px;
    position: absolute;
    right: 16px;
    top: 6px;
    z-index: 10;
    color: #a94442;
}

.booking-qr-code-wrap{
    width: 50px;
}

.vessel-seat-no{
    text-align: center;
    font-size: 10px;
    display: block;
    color: #888;
    margin-top: 5px;
    font-family: 'montserrat_mediumregular', Arial, "Helvetica Neue", Helvetica, sans-serif;
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
}


#right-seats .available-seat-wrap{
     /*left: 7px;*/
}
#right-seats .good-seat-wrap{
     right: -3px;
}
 .bus-section-wrap{
     margin-top: 2px;
     padding: 20px;
     min-height: 600px;
    /*border: 1px solid #ddd;
    */
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition : all 0.3s ease-in-out;
     -ms-transition : all 0.3s ease-in-out;
     -o-transition : all 0.3s ease-in-out;
     transition : all 0.3s ease-in-out;
}
 .bus-section-wrap.active-section{
     border: 1px solid #333333;
}
 .droppable-wrap{
     height: 100px;
     text-align: center;
}
 .droppable-wrap img{
     max-height: 100px;
}
 .seat-row{
     position: relative;
     margin-bottom: 20px;
}
 .seat-row:hover .btn-remove-seat-row{
     opacity: 1;
}
 .seat-row:active .btn-remove-seat-row{
     opacity: 0;
}
 .btn-remove-seat-row{
     font-size: 16px;
     position: absolute;
     top: -14px;
     left: -12px;
     z-index: 2;
     background: #8a6d3b;
     width: 24px;
     height: 24px;
     box-shadow: 0 0 5px rgba(0,0,0,0.2);
     border-radius: 50%;
     padding: 4px 8px;
     color: #fff;
     opacity: 0;
}
 .btn-remove-seat-row:hover, .btn-remove-seat-row:focus{
     box-shadow: 0 0 5px rgba(0,0,0,0.5);
     color: #ffffff;
}
 #bus-right-row .btn-remove-seat-row{
     left: 100%;
     margin-left: -12px;
}
 .seat-row img{
     /*max-height: 60px;*/
     width: 40px;
     opacity: 0.9;
}
 .seat-item{
    width: 40px;
    height: 40px;
    display: block;
    margin-right: 10px;
    position: relative;
}
 #right-seats{
     text-align: right;
}
 #right-seats .seat-item{
     margin-right: 0;
     margin-left: 10px;
}
 #right-seats .cr-item, #right-seats .spacer-item{
     width: 100%;
     float: right;
     overflow: hidden;
}
 #right-seats .cr-item img, #right-seats .spacer-item img{
     float: right;
}
 .spacer-item img{
     /*height: 80px;*/
     width: auto;
     max-width: 180px;
}
 .spacer-item{
    /*opacity: 0.1;
    */
}
/*===========PASSENGER INFO============*/
 .contact-details-section .control-label {
     font-size: 12px;
     color: #0D6DB8;
     font-weight: 600;
     margin-bottom: 0;
}
 .form-group.has-success .control-label, .form-group.has-success .form-control{
     color: #3c763d !important;
}
 .contact-details-section .form-control::placeholder {
     font-size: 12px;
    /*color: #333;
    */
     font-weight: 600;
}
 .contact-details-section .form-wrap {
     background: #ffffff;
     padding: 10px 20px;
     border: 1px solid #ccc;
     border-radius: 4px;
}
 .contact-details-section input.form-control {
     border: none;
     border-bottom: 1px solid #ccc;
     padding: 0;
}
 .contact-details-section .passenger-details-outter {
     background: #ffffff;
     border: 1px solid #ccc;
     padding: 30px 40px;
     border-bottom-left-radius: 4px;
     border-bottom-right-radius: 4px;
}
 .contact-details-section .row.row-0 {
     margin-bottom: 30px;
}
 .contact-details-section .location-header-inner {
     font-size: 18px;
     color: #0D6DB8;
     font-weight: 600;
     padding: 30px 40px;
     margin-top: 0;
     margin-bottom: 0;
     border-top: 1px solid #ccc;
     border-left: 1px solid #ccc;
     border-right: 1px solid #ccc;
     border-top-left-radius: 4px;
     border-top-right-radius: 4px;
}
 .contact-details-section .seat-btn .btn {
     color: #333;
     background: #fff;
     padding: 18px 20px;
     margin-bottom: 30px;
     box-shadow: 0 2px 4px rgba(0,0,0,0.2);
     font-size: 16px;
     font-weight: 600;
}
 .contact-details-section .seat-btn .btn:focus {
     background: #0D6DB8;
     color: #fff;
}
 .contact-details-section .back-btn-wrap .btn {
     color: #333;
     background: #fff;
}
/*.contact-details-section .back-btn-wrap {
     position: absolute;
     margin-left: 60px;
}
*/
 .contact-details-section .back-btn-wrap .btn, .contact-details-section .proceed-btn-wrap .btn {
     width: 140px;
     font-size: 12px;
     box-shadow: 0 2px 4px rgba(0,0,0,0.2);
     padding: 15px 30px;
}
 .contact-details-section .proceed-btn-wrap, .contact-details-section .back-btn-wrap {
     float: right;
}
 .contact-details-section .proceed-btn-wrap .ion-chevron-right {
     padding-left: 10px;
}
 .contact-details-section .terms-and-conditions {
     font-size: 12px;
     font-weight: 600;
}
 .contact-details-section .terms-wrap {
     background: none;
     border: none;
     padding: 0 0 0 15px;
}
 .breakdown-wrap{
     color: #ffffff;
}
 .fare-table-breakdown td{
     padding: 7px 0 !important;
}
 .contact-details-section .breakdown-wrap {
     background: #0D6DB8;
     width: auto;
    /*height: 160px;
    */
     padding: 30px 40px;
     border-top-left-radius: 4px;
     border-top-right-radius: 4px;
}
 .contact-details-section .breakdown-wrap .col-md-6 {
     padding: 0;
}
 .contact-details-section .breakdown-wrap .breakdown-name p, .contact-details-section .breakdown-wrap .breakdown-value p{
     color: #ffffff !important;
     font-size: 14px !important;
}
 .contact-details-section .breakdown-wrap .breakdown-value p {
     text-align: right;
}
 .contact-details-section .total-text-wrap p, .contact-details-section .total-value-wrap h2 {
     color: #ffffff !important;
}
 .contact-details-section .total-value-wrap h2 {
     font-weight: 600;
     float: right;
     font-size: 24px;
     margin: 0;
}
 .contact-details-section .breakdown-wrap .breakdown-name-label {
     position: absolute;
     font-size: 10px !important;
     margin-top: -10px;
}
 .contact-details-section .grand-total-outter .col-md-12, .contact-details-section .grand-total-outter .col-md-6 {
     padding: 0;
}
 .contact-details-section .grand-total-wrap {
     background: #035695;
     width: auto;
     /*height: 130px;*/
     padding: 30px 40px;
     border-bottom-left-radius: 4px;
     border-bottom-right-radius: 4px;
}
/*PAYMENT PAGE*/
 .payment-option-wrap{
     cursor: pointer;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
}
 .payment-option-wrap:hover, .payment-option-wrap.checked{
     border-color: #F06804;
}
 #schedules-steps-section.payment-page .step-3-header .step-header {
     color: #ffffff !important;
     background: #f5a728 !important;
}
 #schedules-steps-section.payment-page .step-3-shadow-wrap {
     background: rgba(245,167,40,.5);
     width: 39px;
     height: 39px;
     margin: 19px auto 0 auto;
     border-radius: 50%;
}
 .payment-section .payment-option-icon img {
     width: auto !important;
     height: 40px;
     display: block;
}
 .payment-section input.form-control {
     width: auto;
     margin-left: auto;
     margin-right: auto;
}
 .payment-section .row-0 .col-md-6, .payment-section .row-0 .col-md-3 {
     padding: 0;
     text-align: center;
}
 .payment-section .row-0 .payment-option-icon img, .payment-section .row-0 .control-label, .payment-section .row-0 input.form-control {
     margin: 10px auto;
}
 .payment-section .col-md-3 .form-wrap.credit-debit {
     margin: 0 10px 0 0;
     box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
 .payment-section .col-md-3 .form-wrap.ec-pay {
     margin: 0 0 0 10px;
     box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
 .payment-section .col-md-3 .form-wrap.bank-transfer, .payment-section .col-md-3 .form-wrap.bayad-center {
     margin: 0 10px 0 10px;
     box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
 .payment-section .row.row-0 {
     margin: 0;
}
 .payment-section .col-md-6.over-the-counter {
     text-align: left;
     padding: 0;
}
 .payment-section .dropdown-wrap {
     border-bottom: 1px solid #ccc;
     margin-bottom: 10px;
}
 .payment-section .reservation-details h4 {
     font-size: 16px;
    /*text-align: center;
    */
}
 .payment-section .reservation-details .reservation-number {
     color: #0D6DB8;
     font-weight: 600;
}
 .payment-section .reservation-outter {
     padding: 20px 40px;
     margin-bottom: 30px;
     background: #ffffff;
     border: 1px solid #cccccc;
}
 .payment-section .col-md-12.trip-details-outter, .payment-section .col-md-12.summary-row-outter {
     padding: 0;
}
 .payment-section h2.trip-header {
     margin: 0;
     text-align: left;
     color: #0D6DB8;
     font-size: 20px;
    /*font-family: 'montserratbold';
    */
     font-family: 'montserratbold', Arial, "Helvetica Neue", Helvetica, sans-serif;
}
 .payment-section .row.trip-details-wrap {
     margin: 50px 0;
     padding: 20px 30px;
     background: #ffffff;
     border: 1px solid #cccccc;
}
 .payment-section .row .trip-details-wrap .reservation-details h4 {
     margin: 0;
     padding-top: 3px;
}
 .payment-section .row.passenger-row-wrap {
     margin-bottom: 30px;
}
 .payment-section .row.passenger-row-wrap:nth-child(3) {
     margin-bottom: 0;
}
 .payment-section .passenger-details-outter {
     border: none;
}
 .payment-section .summary-item {
     box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
 .payment-section .col-md-12.details-header-outter {
     padding: 0;
}
 .payment-section .col-md-12.details-header-outter .row-header {
     padding: 20px 30px;
     background: #0D6DB8;
}
 .payment-section .col-md-12.details-header-outter h2 {
     font-size: 18px;
     font-weight: 600;
     margin: 0;
     color: #ffffff;
}
 .payment-section p.passenger-details-value {
     font-weight: 600;
     line-height: 1.5em;
}
 .payment-section .col-md-12.terms-outter {
     padding: 0;
     margin-top: 100px;
}
 .payment-section .col-md-12.terms-outter .terms-wrap {
     padding: 0;
}
/*.payment-section .col-md-12.terms-outter .back-button-wrapper {
     margin-left: 50px;
}
*/
/*COMPLETE PAGE*/
 #complete-section .col-md-5.complete-booking-row{
     background: #ffffff;
}
 #complete-section .col-md-7.complete-booking-row1 {
     background: #f5f5f5;
}
 #complete-section .col-md-5.complete-booking-row, #complete-section .col-md-7.complete-booking-row1 {
     text-align: center;
     padding: 100px 0;
}
 #complete-section h2.complete-header {
     font-size: 24px;
     font-family: 'montserratbold', Arial, "Helvetica Neue", Helvetica, sans-serif;
     color: #F06804;
}
 #complete-section .complete-booking-icon img {
     width: 150px;
}
 #complete-section .qr-code-wrap img {
     width: 200px;
     box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
 #complete-section .qr-code-wrap {
     margin-bottom: 30px;
}
 #complete-section .reservation-details {
     padding: 20px 40px;
     max-width: 470px;
     border: 1px solid #cccccc;
     box-shadow: 0 2px 4px rgba(0,0,0,0.2);
     margin: 0 auto;
}
 #complete-section .additional-details-wrap, #complete-section .reservation-wrap {
     padding-top: 30px;
     padding-bottom: 30px;
}
 #complete-section .reservation-details .reservation-number {
     color: #0D6DB8;
     font-weight: 600;
}
 #complete-section p.additional-details, #complete-section p.thank-you-text {
     line-height: 1.4em;
}
 #complete-section .highlight-text {
     font-weight: 600;
}
 #complete-section p.additional-details a {
     color: #0D6DB8;
}
 #complete-section h4.qr-header {
     font-family: 'montserratbold', Arial, "Helvetica Neue", Helvetica, sans-serif;
     /*padding: 0 70px;*/
     line-height: 1.4em;
     font-size: 16px;
}
 .qr-code-outter .row-header {
     margin-bottom: 35px;
}
 .qr-code-outter {
     padding: 0 60px;
     margin-bottom: 80px;
}
 #complete-section .row {
     margin: 0;
}
 #complete-section .col-md-12.guidelines-outter {
     /*padding: 0 80px 0 0;*/
}
 #complete-section .row.guidlines-wrap {
     padding: 10px 0;
     background: #ffffff;
     box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
 #complete-section h4.guidelines-header {
     font-family: 'montserratbold', Arial, "Helvetica Neue", Helvetica, sans-serif;
     color: #1dabee;
}
 #complete-section .guideline-body p {
     font-weight: 600;
}
 #complete-section .guideline-icon {
     font-size: 34px;
     color: #f06804;
     position: absolute;
     margin-top: -3px;
     margin-left: -60px;
}
 .guideline-body {
     text-align: left;
     padding: 0 30px;
     margin-bottom: 35px;
}
 .guideline-body p {
     margin-left: 90px;
}
 .thank-you-text-wrap {
     margin-bottom: 40px;
}
 #complete-section .container-fluid {
     padding: 0;
}
 .qr-code-outter:after {
     content: '';
     background-color: #0d6db7;
     width: 95px;
     height: 5px;
     background-size: contain;
     position: absolute;
     margin-top: 25px;
     margin-left: -47px;
}
/*=============ACCOUNT-PROFILE PAGE================*/
 .profile-info-outter-wrap .row-header h2, .booking-history-outter-wrap .row-header h2 {
     color: #0d6db8;
     padding-top: 60px;
     padding-bottom: 30px;
     font-size: 20px;
     font-weight: 600;
}
 .profile-section-header{
     font-family: "montserratregular", "Helvetica Neue", Helvetica, sans-serif;
     color: #0d6db8;
     padding-top: 60px;
     padding-bottom: 30px;
     font-size: 20px;
     font-weight: 600;
}
 .outter-wrap-right {
     background: #f5f5f5;
}
 .profile-info-outter-wrap {
     padding: 0 60px 100px 60px;
}
 #account-profile-section .form-wrap {
     background: #ffffff;
     padding: 10px 20px;
     border: 1px solid #ccc;
     border-radius: 4px;
     margin-bottom: 10px;
     padding: 5px 20px 10px 20px;
}
 #account-profile-section .control-label {
     font-size: 10px;
     font-weight: 600;
     color: #0D6DB8;
     margin: 0;
     height: 20px;
}
 #account-profile-section .form-control {
     border-top: none;
     border-left: none;
     border-right: none;
     border-bottom: 1px solid #cccccc;
    /*font-size: 10px;
    */
     padding: 3px 0;
     height: 20px;
}
 .account-info-wrap .image-wrap img {
     border-radius: 10px;
     box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}
 .payment-wrap .add-payment-btn {
     float: right;
}
 .payment-wrap .add-payment-btn .btn {
     box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}
 .payment-method-inner-wrap {
     padding: 5px 15px;
     box-shadow: 0 0 8px rgba(0,0,0,0.2);
     border-radius: 10px;
     height: 41px;
}
 .booking-history-outter-wrap {
     padding: 0 80px 120px;
}
 .booking-history-info {
     background: #ffffff;
     padding: 11px 0 11px 27px;
     border-top-right-radius: 7px;
     border-top-left-radius: 7px;
     text-align: center;
     box-shadow: 0 0 4px rgba(0,0,0,0.1);
}
 .history-list-entry-wrap {
     background: #fcfcfc;
     border-bottom-right-radius: 7px;
     border-bottom-left-radius: 7px;
     text-align: center;
     box-shadow: 0 0 4px rgba(0,0,0,0.1);
}
 .see-more-btn .btn {
     padding: 14px 50px;
    /*height: 50px;
    */
     border-radius: 0;
     border-bottom-right-radius: 7px;
     float: right;
     background: #0d6eb7;
     box-shadow: 0 0 4px rgba(0,0,0,0.1);
}
 .see-more-btn .ion-chevron-right {
     padding-left: 30px;
}
 .history-details-wrap .history-date {
     border-bottom-left-radius: 7px;
}
 #account-profile-section .departure-arrival {
     border-top-right-radius: 7px;
}
 #account-profile-section .logo-ship-id-wrap {
     border-top-left-radius: 7px;
}
 .booking-entry-wrap {
     margin-bottom: 30px;
}
 .logo-ship-id-wrap img {
     width: 61px;
     margin: 0 auto;
     margin-top: 15px;
}
 #account-profile-section .ship-id {
     margin-top: 22px;
}
 #account-profile-section .ship-id .ship-name {
     font-weight: 600;
     margin-left: -50px;
}
 #account-profile-section .ship-id .ship-description {
     font-size: 10px;
     position: absolute;
     font-weight: 600;
     margin-top: 3px;
     margin-left: 10px;
     color: #666666;
}
 #account-profile-section .departure-arrival h4 {
     font-weight: 600;
}
 #account-profile-section p.travel-duration {
     font-size: 24px;
     color: #cccccc;
     margin-top: -8px;
}
 .history-list-entry-wrap .control-value {
     font-size: 16px;
     font-weight: 600;
     margin-left: 50px;
}
 .history-list-entry-wrap .control-label {
     color: #666666 !important;
     position: absolute;
     margin-top: 6px !important;
}
/*====================================== RESPONSIVE ======================================*/
 @media (max-width: 2560px) {
     .booking-form .form-header-wrap {
         padding-right: 200px;
    }
     .payment-method-inner-wrap {
         height: 79px;
    }
}
 @media (max-width: 1980px) {
     .payment-method-inner-wrap {
         height: 53px;
    }
}
 @media (max-width: 1920px) {
     .payment-method-inner-wrap {
         height: 51px;
    }
}
 @media (max-width: 1680px) {
     .booking-form .form-header-wrap {
         padding-right: 70px;
    }
     .payment-method-inner-wrap {
         height: 41px;
    }
}
 @media (max-width: 1440px) {
     #landing-page-section .booking-form {
         padding: 80px 60px;
    }
     #landing-page-section .form-header {
         font-size: 54px;
    }
     .booking-form .form-header-wrap {
         padding-right: 90px;
    }
     #landing-page-section .booking-form {
        /*padding: 30px 60px;
        */
    }
     .pricing-wrap-outer .pricing-wrap {
         padding: 0 30px;
    }
     .payment-method-inner-wrap {
         height: 41px;
    }
     .payment-method-inner-wrap {
         padding: 5px;
    }
}
 @media (max-width: 1199px) {
     #booking-section .form-btn {
         margin: 0 0 30px 0;
    }
     #schedules-section .ship-icon.departure-ship:before, #schedules-section .ship-icon.arrival-ship:before {
         width: 160px;
         margin-left: -65px;
    }
}
 @media (max-width: 1024px) {
     #landing-page-section .booking-form {
         padding: 20px;
    }
     #landing-page-section .form-header {
         font-size: 36px;
    }
     .summary-item .summary-answer .panel-body {
         padding: 15px 0;
    }
     #schedules-section h4.departure-time, #schedules-section h4.ship-name, #schedules-section h4.arrival-time, #schedules-section h4.option-price, #schedules-section .location-marker h4 {
         font-size: 16px;
    }
     #schedules-section .continue-btn .btn {
         font-size: 14px;
         padding: 15px 20px;
    }
     #summary-accordion .logo-wrap {
         width: 73.33px;
         border: 1px solid #e1e1e1;
         border-radius: 4px;
         padding: 5px;
    }
     #summary-accordion .logo-wrap img {
         width: 100%;
    }
     #schedules-section p, .contact-details-section .control-label {
         /*font-size: 9px;*/
    }
     .contact-details-section .total-value-wrap h2 {
         font-size: 22px;
    }
     .payment-section .reservation-outter {
         padding: 20px;
    }
     .payment-section .reservation-details h4 {
         font-size: 14px;
    }
     .bg-image {
         padding-top: 100% !important;
    }
     .pricing-wrap-outer .pricing-wrap {
         padding: 0;
    }
     #booking-section .form-btn {
         margin: 0 0 30px 0;
    }
     .profile-info-outter-wrap {
         padding: 0 30px 100px;
    }
     .booking-history-outter-wrap {
         padding: 0 30px 140px;
    }
     .account-info-wrap .image-wrap img {
         width: 120px;
         margin: 0 auto 30px;
    }
     .payment-method-inner-wrap img {
         width: 60px;
         margin: 0 auto;
    }
     .payment-method-inner-wrap {
         height: 46px;
         margin-bottom: 30px;
    }
     .payment-wrap .add-payment-btn {
         float: left;
    }
     .see-more-btn .ion-chevron-right {
         padding-left: 20px;
    }
     .see-more-btn .btn {
         padding: 11px 30px;
    }
     #schedules-section .ship-icon.departure-ship:before, #schedules-section .ship-icon.arrival-ship:before {
         width: 160px;
         margin-left: -65px;
    }
}
 @media (max-width: 980px) {
     #landing-page-section .booking-form {
         padding: 60px 80px;
    }
     #main-navigation .container-fluid {
         padding: 0 15px;
    }
     #mobile-nav-trigger {
         top: 30px !important;
    }
     .booking-form .ship-icon {
         display: none;
    }
     #landing-page-section .booking-form .form-wrap {
         margin-bottom: 10px;
    }
     #schedules-steps-section {
         padding-top: 10px;
    }
     .payment-section .payment-option-icon img {
         width: auto !important;
         height: 35px;
         display: block;
    }
     .bg-image {
         padding-top: 50% !important;
         background-position: center center !important;
    }
     .four-step-marker-wrap {
         padding: 0 30px;
    }
     .form-outter-wrap{
         position: relative;
         padding: 0 20px;
    }
     .form-control {
        /*font-size: 14px;
        */
    }
     #schedules-section .ship-icon.departure-ship {
         margin-top: 40px;
    }
     .see-more-btn .btn {
         padding: 11px 50px;
    }
     .see-more-btn .ion-chevron-right {
         padding-left: 30px;
    }
     #schedules-section .ship-icon.departure-ship:before, #schedules-section .ship-icon.arrival-ship:before {
         width: 200px;
         margin-left: -85px;
    }
}
 @media (max-width: 768px) {
}
 @media (max-width: 767px) {
     .booking-form-wrapper {
         margin-bottom: 30px;
    }
     .form-outter-wrap.form-top, .form-outter-wrap.form-bottom {
         border-bottom: 1px solid #e7e7e7;
         border-left: none;
        /*height: 30px;
        */
    }
     .form-outter-wrap.last-form {
         border-right: none;
    }
     .form-outter-wrap.form-bottom .form-wrap, .form-outter-wrap.form-top .form-wrap {
         margin-top: -25px;
    }
     .booking-form {
         padding: 20px 0 0 0;
    }
}
 @media (max-width: 663px) {
     #schedules-section .ship-icon.departure-ship:before, #schedules-section .ship-icon.arrival-ship:before {
         width: 140px;
         margin-left: -55px;
    }
}
 @media (max-width: 529px) {
     #schedules-section .ship-icon.departure-ship:before, #schedules-section .ship-icon.arrival-ship:before {
         width: 120px;
         margin-left: -45px;
    }
}
 @media (max-width: 479px) {
     #landing-page-section .booking-form {
         padding: 100px 60px;
    }
     #landing-page-section .form-header {
         font-size: 22px;
    }
     .booking-form .form-icon {
         display: none;
    }
     .schedule-option img {
         width: 70px;
    }
     .ion-ios-minus-empty {
         padding-right: 0 !important;
    }
     .ion-ios-arrow-thin-right {
         padding-left: 0 !important;
    }
     #schedules-section .departure-arrival .arrival-details {
         padding-left: 0;
    }
     #schedules-section .travel-duration {
         text-align: left;
    }
     .passenger-details-row .col-xs-4 {
         padding: 0 5px;
    }
     .contact-details-section .row.row-0 {
         margin-bottom: 10px;
    }
     .contact-details-section .seat-btn .btn {
         color: #333;
         background: #fff;
         padding: 15px 8px;
         margin-bottom: 30px;
         box-shadow: 0 2px 4px rgba(0,0,0,0.2);
         font-size: 10px;
         font-weight: 600;
    }
     .pick-a-seat-wrap .col-xs-2 {
         width: 14.666667%;
    }
     .pick-a-seat-wrap .col-xs-3 {
         width: 21%;
    }
     #schedules-section {
         overflow: hidden;
    }
     .contact-details-section .terms-and-conditions {
         font-size: 10px;
         font-weight: 600;
    }
     .contact-details-section .back-btn-wrap .btn, .contact-details-section .proceed-btn-wrap .btn {
         width: 120px;
         font-size: 12px;
         box-shadow: 0 2px 4px rgba(0,0,0,0.2);
         padding: 15px 20px;
    }
     .payment-section .row-0 .col-md-6, .payment-section .row-0 .col-md-3, .payment-section .row-0 .col-md-12 {
         padding: 0;
         text-align: center;
    }
     .payment-section .payment-option-icon img {
         width: auto !important;
         height: 29px;
         display: block;
    }
     .booking-form .form-header-wrap {
         padding-right: 0;
    }
     #landing-page-section{
        /*background: */
    }
     #landing-page-section .booking-form {
         padding: 40px 60px;
    }
     .booking-form .control-label, .booking-form .form-control {
         padding-left: 0px;
    }
     .form-outter-wrap {
         padding: 0 15px;
    }
     #schedules-section .select-btn .ion-chevron-right {
         padding-left: 15px;
    }
     #schedules-section .pricing-wrap-outer .btn {
         padding: 11px 30px;
    }
     .booking-form-wrapper {
         margin-bottom: 30px;
    }
     .form-outter-wrap.form-top, .form-outter-wrap.form-bottom {
         border-bottom: 1px solid #e7e7e7;
         border-left: none;
        /*height: 30px;
        */
    }
     .form-outter-wrap.last-form {
         border-right: none;
    }
     .form-outter-wrap.form-bottom .form-wrap, .form-outter-wrap.form-top .form-wrap {
         margin-top: -25px;
    }
     .booking-form {
         padding: 20px 0 0 0;
    }
     #complete-section .col-md-5.complete-booking-row, #complete-section .col-md-7.complete-booking-row1 {
         text-align: center;
         padding: 100px 30px;
    }
     #complete-section .col-md-12.guidelines-outter, .qr-code-outter {
         padding: 0;
    }
     #account-profile-section .ship-id .ship-name, #account-profile-section .departure-arrival h4 {
         font-size: 16px;
    }
     .ship-id-wrap {
         margin: 0;
    }
     .booking-history-info {
         padding: 11px 0;
    }
     .see-more-btn .btn {
         margin: 10px 0;
         border-radius: 0;
         float: none;
    }
     #schedules-section .ship-icon.departure-ship:before, #schedules-section .ship-icon.arrival-ship:before {
         width: 100px;
         margin-left: -35px;
    }
}
 @media (max-width: 425px) {
     #landing-page-section .booking-form {
         padding: 100px 30px;
    }
     .payment-section .payment-option-icon img {
         width: auto !important;
         height: 24px;
         display: block;
    }
     #landing-page-section .booking-form {
         padding: 30px;
    }
     .form-outter-wrap {
         padding: 0 10px;
    }
     #schedules-section .ship-icon.departure-ship:before, #schedules-section .ship-icon.arrival-ship:before {
         width: 80px;
         margin-left: -25px;
    }
}
 @media (max-width: 414px) {
}
 @media (max-width: 375px) {
     #landing-page-section .booking-form {
         padding: 30px;
    }
     #landing-page-section .form-header {
         font-size: 20px;
    }
     #schedules-section h4.departure-time, #schedules-section h4.ship-name, #schedules-section h4.arrival-time, #schedules-section h4.option-price, #schedules-section .location-marker h4 {
         font-size: 12px;
    }
     #schedules-section p, .contact-details-section .control-label {
         font-size: 8px;
    }
     .booking-form .form-btn .btn, #schedules-section .pricing-wrap-outer .btn {
         font-weight: 600;
         font-size: 12px;
         padding: 15px 20px;
    }
     #schedules-section .continue-btn .btn {
         font-size: 12px;
         padding: 15px 20px;
    }
     .contact-details-section .back-btn-wrap .btn, .contact-details-section .proceed-btn-wrap .btn {
         width: 100px;
         font-size: 10px;
         box-shadow: 0 2px 4px rgba(0,0,0,0.2);
         padding: 15px;
    }
     #schedules-section .ship-icon.departure-ship:before, #schedules-section .ship-icon.arrival-ship:before {
         width: 60px;
         margin-left: -15px;
    }
}
 @media (max-width: 320px) {
     #schedules-section .ship-icon.departure-ship:before, #schedules-section .ship-icon.arrival-ship:before {
         width: 40px;
         margin-left: -5px;
    }
}
/*home slider*/
 #owl-demo-1 .item{
     padding: 0;
     margin: 10px;
     color: #FFF;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     text-align: center;
}
/*#owl-demo-1 .item:hover {
     opacity: 1;
     transition: .5s ease;
}
*/
 .fullwidth-carousel .image-wrap {
     position: relative;
    /*background: #111;
    */
}
 .fullwidth-carousel .owl-item {
     width: 333px !important;
     display: inline-block;
}
 .fullwidth-carousel {
     padding: 60px 0;
}
 .fullwidth-carousel .section-header {
     padding: 30px 0;
     text-align: center;
}
 .fullwidth-carousel .section-header h1 {
}
 .fullwidth-carousel .owl-carousel-1 .owl-nav.disabled {
     color: #000000 !important;
     width: 100%;
     height: 100%;
     display: block;
}
 .fullwidth-carousel .owl-carousel-1 .owl-nav.disabled .owl-prev {
     color: #000000 !important;
     font-size: 80px !important;
     background: #ffffff !important;
     border-radius: 0;
     padding-bottom: 66px !important;
     padding-top: 20px !important;
     padding-left: 10px !important;
     padding-right: 15px !important;
     margin-top: -290px !important;
     top: auto;
     left: 0;
     font-family: 'montserratregular';
     border: 0;
}
 .fullwidth-carousel .owl-carousel-1 .owl-nav.disabled .owl-next {
     color: #000000 !important;
     font-size: 75px !important;
     background: #ffffff !important;
     border-radius: 0;
     padding-bottom: 66px !important;
     padding-top: 20px !important;
     padding-left: 15px !important;
     padding-right: 10px !important;
     margin-top: -290px !important;
     top: auto;
     right: 0;
     font-family: 'montserratregular';
     border: 0;
}
 .fullwidth-carousel .owl-carousel-1 .owl-stage {
     width: 250% !important;
}
 .fullwidth-carousel .owl-carousel-1 .owl-stage-outer {
     overflow: hidden;
}
 .fullwidth-carousel .owl-carousel-1 .owl-dots {
     display: none;
}
 #owl-demo-1 .item .slider-button{
     position: absolute;
     top: 50%;
     height: 40px;
     margin-top: -12px;
     left: 0;
     right: 0;
}
 #owl-demo-1 .item .slider-button a {
     color: #ffffff;
     border: 2px solid #ffffff;
     padding: 5px 30px;
     font-family: 'montserratregular';
     cursor: pointer;
}
 #owl-demo-1 .item .slider-button a:hover {
     opacity: 1;
     transition: .75s ease;
}
 #owl-demo-1 .item .slider-button-wrapper {
    /*top: -245px;
     left: 0;
     opacity: 0;
     transition: .5s ease;
     position: relative;
    */
     background: rgba(0,0,0,0.25);
     opacity: 0;
     transition: .75s ease;
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 5;
}
 #owl-demo-1 .item:hover .slider-button-wrapper {
     opacity: 1;
     transition: .75s ease;
     transition-delay: .6s;
}
 #owl-demo-1 .item:hover img {
     opacity: 1;
     transition: .75s ease;
}
 .fullwidth-carousel .owl-carousel-1 img {
     width: 100%;
     opacity: .75;
     transition: .75s ease;
}
 .fullwidth-carousel .owl-carousel-1 img:hover {
     opacity: .5;
}
 .gallery-featured .gallery-image-wrap img {
     width: 20%;
     display: flex;
}
/*testimonials*/
 .testimonials-section .blurb-left {
     border: 0;
     background-color: #f5f5f5;
     border-radius: 5px;
     padding: 16px 50px;
     margin: 16px 0;
     width: 65%;
}
 .testimonials-section .blurb-right {
     border: 0;
     background-color: #f5f5f5;
     border-radius: 5px;
     padding: 16px 50px;
     margin: 16px 0;
     float: right;
     width: 65%;
}
 .testimonials-section h2.testimonials-header {
     text-align: center;
}
 .testimonials-section .section-header {
     padding: 50px 0;
}
 .testimonials-section {
     padding-bottom: 100px;
}
 .testimonials-section p.blurb-text {
     font-size: 18px;
     line-height: 1.4em;
}
/*.testimonials-section .container::after {
     content: "";
     clear: both;
     display: table;
}
*/
 .testimonials-section .container-fluid {
     padding: 0 120px;
}
/*.testimonials-section .blurb-left img {
     float: left;
     border-radius: 50%;
     width: 90px;
     position: absolute;
     margin-top: 60px;
     margin-left: -98px;
}
 .testimonials-section .blurb-right img {
     float: right;
     border-radius: 50%;
     width: 90px;
     position: absolute;
     margin-top: 60px;
     margin-left: 850px;
}
*/
/*gallery*/
 .gallery-featured .gallery-header {
     width: 85%;
     border-top: 3px dotted #e1e1e1;
     margin: 0 auto;
}
 #owl-demo-2 .item{
     padding: 0;
     margin: 10px;
     color: #FFF;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     text-align: center;
}
 .gallery-featured .owl-item {
     width: 333px !important;
     display: inline-block;
}
 .gallery-featured .owl-carousel-1 img {
     width: 100%;
}
 .gallery-featured .hashtag-header, .gallery-featured .hashtag-body {
     text-align: center;
}
 .gallery-featured .owl-nav, .gallery-featured .owl-dots {
     display: none;
}
 .gallery-featured .btn {
     padding: 10px 41px;
     text-align: center;
     color: #666666 !important;
     border: 2px solid #666666 !important;
     text-transform: none;
}
 .gallery-featured .btn:hover {
     color: #fff !important;
}
/*.gallery-featured .gallery-btn:hover: {
     background: #666 !important;
     color: #fff !important;
}
*/
 .gallery-featured .gallery-button {
     text-align: center;
     padding-top: 30px;
     padding-bottom: 80px;
}
/*cart*/
/*#cart-form .btn-black {
     background: #F06804 !important;
     border: 1px solid #F06804;
}
*/
 #cart-form .form-inline .top10 {
     vertical-align: baseline;
     margin-right: 30px;
}
 #cart-form .form-inline .top10 a {
     color: #F06804 
}
 #other-products .product-title-body {
     margin-bottom: 0;
}
 #cart-section .header-3 {
     margin-bottom: 0;
     text-align: left;
}
/*product-view*/
 #size-guide-section {
     background: #f5f5f5;
     padding: 30px;
}
 #faqs-section {
     padding: 30px;
     margin-left: auto;
     margin-right: auto;
}
 #size-guide-section .col-md-6 {
     padding: 40px 60px;
}
 #faqs-section .col-md-6 {
     margin: 15px;
     padding: 20px 30px;
     background: #f5f5f5;
     width: 48.13%;
     min-height: 240px;
}
 #size-guide-section .blurb-product-list img {
     width: 220px;
     margin-right: 60px;
     float: left;
}
 #faqs-section .blurb-product-list img {
     width: 200px;
     margin-right: 60px;
     float: left;
}
 #size-guide-section h3.row-title, #faqs-section h3.row-title {
     text-align: center;
     font-family:'montserratregular'italic;
     font-size: 30px;
     color: #666;
}
 #size-guide-section .row-title {
     padding-top: 30px;
     margin-top: 0;
}
 #faqs-section .row-title {
     padding: 30px;
     margin: 0;
}
 #size-guide-section .blurb-product-list h4.blurb-title {
     color: #666;
     font-size: 20px;
     font-family: helvetica;
}
 #size-guide-section .blurb-product-list h6.model-info {
     color: #666;
     font-size: 12px;
     font-family: helvetica;
}
 #size-guide-section .blurb-product-list p.product-description {
     color: #666;
     font-size: 18px;
     font-family: helvetica;
}
 #size-guide-section .product-info .band-bra-size {
     padding-bottom: 15px;
}
 #size-guide-section .product-info .sub-header {
     margin-bottom: 0;
}
 #size-guide-section .product-info .sub-header-value {
     font-family: 'montserratregular', sans-serif;
     font-size: 22px;
}
 #size-guide-section .product-info {
     text-align: center;
     color: #666;
}
 #faqs-section .general-faqs-column {
     padding-top: 75px;
     padding-left: 60px;
}
 #faqs-section .general-faqs-column .general-faqs a {
     color: #666;
}
/* *********************************** */
/* HEADER */
/* *********************************** */
 .header-1{
     font-size: 30px;
     line-height: 36px;
     letter-spacing: 2px;
     margin-bottom: 30px;
     text-transform: uppercase;
}
 .header-2{
     font-size: 30px;
     line-height: 36px;
     margin-bottom: 30px;
}
 .header-3{
     font-size: 36px;
     line-height: 38px;
     margin-bottom: 40px;
}
 .header-4{
     font-size: 20px;
     line-height: 28px;
     letter-spacing: 2px;
     margin-bottom: 25px;
     text-transform: uppercase;
}
 .section-header-2{
     font-size: 52px;
     line-height: 54px;
     margin-bottom: 30px;
}
 .signup-with-fb{
     background-color: #274a95 !important;
     border-color: transparent;
     color: #ffffff;
}
 .signup-with-fb:hover, .signup-with-fb:focus{
     background-color: #274a95;
     color: #ffffff;
}
 .pop-up-modal{
    /*padding: 10px;
    */
}
 .pop-up-modal .modal-content{
     border-radius: 0;
     box-shadow: 0 0 25px rgba(0,0,0,0.1);
}
 .pop-up-modal .modal-body{
     border-radius: 0;
     padding: 20px;
}
 .pop-up-modal .bootbox-close-button{
     position: absolute;
     right: -14px;
     top: -6px;
     width: 40px;
     height: 40px;
     background: #fff;
     opacity: 1;
     border-radius: 50%;
     box-shadow: 0 0 25px rgba(0,0,0,0.1);
     font-size: 24px;
}
/* *********************************** */
/* BACKGROUND */
/* *********************************** */
 .bg-light-gray{
     background: #f5f5f5;
}
 .bg-dark{
     background: #333333;
     color: #fff;
}
/* *********************************** */
/* NAVIGATION */
/* *********************************** */
 #manual-shopping-float{
     margin-top: 70px;
     padding: 15px 0 !important;
     text-transform: uppercase;
     margin-bottom: 0;
     background: #1b1b1b;
     color: #ffffff;
     font-size: 14px;
}
 #manual-shopping-float .close{
     color: #ffffff;
     opacity: 1;
     text-shadow: none;
     margin-right: 10px;
}
 .close-manual-order{
     float: right;
     margin-right: 10px;
     color: #ffffff;
}
 #main-navigation .col-md-4 .main-nav-items {
     float: right !important;
}
 .landing-navbar #main-navigation{
     position: absolute;
     background: #ffffff;
     padding-top: 20px;
}
 .landing-navbar .site--logo{
     margin-top: 0;
}
 .landing-navbar .site--logo a img{
     width: 180px;
    /*width: 180px;
    */
    /*height: 80px;
    */
}
 #main-navigation{
     position: relative;
     padding-top: 0;
     margin-bottom: 0;
     background: #ffffff;
    /*border-bottom: 1px solid #E3E3E3;
    */
     -webkit-box-shadow: 0 0 10px rgba(0,0,0,.05);
     box-shadow: none;
     -webkit-transition: all 300ms cubic-bezier(.694,0,.335,1);
     transition: all 300ms cubic-bezier(.694,0,.335,1);
     -o-transition: all 300ms cubic-bezier(.694,0,.335,1);
     transition: all 300ms cubic-bezier(.694,0,.335,1);
}
 .nav-fixed #main-navigation:hover{
     -webkit-box-shadow: 0 0 10px rgba(0,0,0,.08);
     box-shadow: 0 0 10px rgba(0,0,0,.08);
}
 .nav-fixed #main-navigation{
     background: #ffffff;
     -webkit-box-shadow: 0 0 5px rgba(0,0,0,.08);
     box-shadow: 0 0 5px rgba(0,0,0,.08);
}
 .navbar-inverse .navbar-toggle{
    /*border: 0;
    */
}
 .navbar-toggle{
     margin-top: 20px;
     padding: 0;
}
 .navbar-toggle .icon-bar{
     background-color: #2b2b2b;
     width: 30px;
     height: 3px;
}
 .landing-navbar .navbar-toggle .icon-bar{
     background-color: #ffffff;
}
 .landing-text-section .landing-body {
     text-align: center;
     font-size: 19px;
     line-height: 1.4em;
     width: 800px;
     margin: 0 auto;
     padding: 30px 0;
}
 .user-dropdown{
     margin-right: 17px;
     margin-top: 17px;
}
 .user-dropdown .dropdown-menu{
     margin-top: 8px !important;
     margin-right: -2px !important;
     border: 0;
     box-shadow: 0 0 15px rgba(0,0,0,0.1);
     border-radius: 2px;
     min-width: 220px;
     padding: 10px 15px;
}
 .user-dropdown .dropdown-menu > li > a{
     padding: 13px 20px;
     border-bottom: 1px solid #f1f1f1;
     font-family: 'montserratregular', Helvetica, Arial, sans-serif;
}
 .user-dropdown .dropdown-menu > li:last-child > a{
     border-bottom: 0;
}
 .dropdown-image{
     width: 34px !important;
     height: 34px !important;
     border-radius: 50%;
     overflow: hidden;
     box-shadow: 0 0 0 2px #ddd;
     margin-right: 0 !important;
     margin-top: 2px !important;
     padding: 0 !important;
     margin-left: 15px;
}
 .dropdown-image:before{
     display: none;
}
 .dropdown-image img{
     width: 34px;
}
 .dropdown-arrow ul.dropdown-menu:before {
     content: "";
     border-bottom: 10px solid #fff;
     border-right: 10px solid transparent;
     border-left: 10px solid transparent;
     position: absolute;
     top: -10px;
     right: 10px;
     z-index: 10;
}
 .dropdown-arrow ul.dropdown-menu:after {
     content: "";
     border-bottom: 12px solid #f1f1f1;
     border-right: 12px solid transparent;
     border-left: 12px solid transparent;
     position: absolute;
     top: -12px;
     right: 8px;
     z-index: 9;
}
 .main-nav-items{
    /*text-align: center;
    */
     float: right;
    /*padding-top: 19px;
    */
    /*margin-right: 15px;
    */
}
 .main-nav-items .navbar-nav{
    /*text-align: center;
    */
    /*float: none;
    */
}
 .main-nav-items .navbar-nav > li{
    /*float: none;
    */
    /*display: inline-block;
    */
}
 .main-nav-items .navbar-nav > li > a{
     font-family: 'montserratregular', "Helvetica Neue", Helvetica, sans-serif;
     position: relative;
     font-size: 14px;
     color: #333;
     padding: 24px;
     text-transform: none;
     -webkit-transition: all .3s ease-out;
     -moz-transition: all .3s ease-out;
     -o-transition: all .3s ease-out;
     transition: all .3s ease-out;
     background-size: 100%;
     background: transparent;
}
 .nav-fixed .main-nav-items .navbar-nav > li > a{
     color: #333;
}
 .main-nav-items .navbar-nav > li > a:after{
     content: '';
     height: 1px;
     width: 100%;
     background: #707070;
     position: absolute;
     left: 0;
     right: 0;
     bottom: -2px;
     display: none;
}
 .main-nav-items .navbar-nav > li.active > a:after{
     display: block;
}
 .shopping-icon{
     width: 20px;
     display: inline-block;
}
 .fb-icon{
     width: 18px;
     display: inline-block;
}
 #bag-count{
     background: #111;
     padding: 0 2px;
     border-radius: 8px;
     font-size: 10px;
     box-shadow: 0 0 8px rgba(0,0,0,0.1);
     text-align: center;
     position: absolute;
     top: 12px;
     right: 8px;
     color: #ffffff;
     min-width: 20px;
     letter-spacing: 0;
     line-height: 18px;
}
 .main-nav-items .navbar-nav > li.active > a, .main-nav-items .navbar-nav > li.active > a:hover{
     color: #2b2b2b;
}
 .main-nav-items .navbar-nav > li > a:hover, .main-nav-items .navbar-nav > li > a:focus{
     color: #2b2b2b;
}
 #main-navigation .social-nav-icons > li > a{
     padding: 20px 10px;
}
 #main-navigation .social-nav-icons > li:last-child > a{
     padding-right: 0;
}
 .landing-navbar .main-nav-items .navbar-nav > li > a{
     color: #ffffff;
     opacity: 0.8;
}
 .landing-navbar .main-nav-items .navbar-nav > li > a:hover, .landing-navbar .main-nav-items .navbar-nav > li.active > a, .landing-navbar .main-nav-items .navbar-nav > li > a:focus{
     color: #ffffff;
     opacity: 1;
}
 .navbar-icon{
     font-size: 24px;
     position: relative;
     top: -3px;
}
 #mobile-nav-wrapper{
     position: fixed;
     z-index: 1030;
     width: 100%;
     height: 100%;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
    /*opacity: 0;
    */
    /*visibility: hidden;
    */
     line-height: 1em;
     text-align: left;
     overflow: auto;
     pointer-events: none;
     -webkit-transform: translateX(100%);
     transform: translateX(100%);
    /*background-color: rgba(0,0,0,.97);
    */
     background: #ffffff;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-transition: -webkit-transform 400ms cubic-bezier(.694,0,.335,1);
     transition: -webkit-transform 400ms cubic-bezier(.694,0,.335,1);
     -o-transition: transform 400ms cubic-bezier(.694,0,.335,1);
     transition: transform 400ms cubic-bezier(.694,0,.335,1);
     transition: transform 400ms cubic-bezier(.694,0,.335,1),-webkit-transform 400ms cubic-bezier(.694,0,.335,1);
}
 #mobile-nav-wrapper.open-nav{
     visibility: visible;
     -webkit-transform: translateX(0);
     transform: translateX(0);
     -webkit-transition: -webkit-transform 600ms cubic-bezier(.694,0,.335,1);
     transition: -webkit-transform 600ms cubic-bezier(.694,0,.335,1);
     -o-transition: transform 600ms cubic-bezier(.694,0,.335,1);
     transition: transform 600ms cubic-bezier(.694,0,.335,1);
     transition: transform 600ms cubic-bezier(.694,0,.335,1),-webkit-transform 600ms cubic-bezier(.694,0,.335,1);
     opacity: 1;
     visibility: visible;
     pointer-events: auto;
     -webkit-overflow-scrolling: touch;
}
 #mobile-logo{
     text-align: center;
     margin: 20px auto 30px;
     display: block;
}
 #mobile-nav-wrapper .navbar-nav{
     float: none !important;
     margin: 0 !important;
}
 #mobile-nav-wrapper .navbar-nav > li{
     width: 100%;
     float: none;
     display: inline-block;
     text-align: center;
}
 #mobile-nav-wrapper .navbar-nav > li > a{
     float: none;
     width: 100%;
     display: inline-block;
     margin: 0;
     font-size: 15px;
     padding: 16px 30px;
     text-align: center;
     text-transform: uppercase;
     letter-spacing: 2px;
     color: #262626;
    /*opacity: 0.8;
    */
}
 #mobile-nav-wrapper .navbar-icon{
     top: 0px;
}
 .gradient-green{
     background: #AAFFA9;
    /* fallback for old browsers */
     background: -webkit-linear-gradient(to right, #11FFBD, #AAFFA9);
    /* Chrome 10-25, Safari 5.1-6 */
     background: linear-gradient(to right, #11FFBD, #AAFFA9);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
 #mobile-nav-wrapper .navbar-nav > li > a:hover, #mobile-nav-wrapper .navbar-nav > li > a:focus, #mobile-nav-wrapper .navbar-nav > li.active > a{
     background: transparent;
     opacity: 1;
}
 #mobile-nav-wrapper .navbar-icons{
     text-align: center;
}
 #mobile-nav-wrapper .navbar-icons > li{
     display: inline-block;
     width: auto;
}
 #mobile-nav-wrapper .navbar-icons > li > a{
     display: inline-block;
     width: auto;
     padding: 15px;
}
 #mobile-nav-wrapper .navbar-icons > li > a.dropdown-image{
     padding: 0 !important;
     top: 5px;
     margin-left: 8px;
}
 #mobile-nav-trigger{
     width: 50px;
     position: fixed;
     top: 25px;
     right: 13px;
     z-index: 1040;
}
 #nav-trigger {
     position: relative;
    /*margin-top: 10px;
    */
     width: 50px;
     height: 20px;
     padding: 0;
     -moz-transition:0 .4s;
     -o-transition:0 .4s;
     -webkit-transition:0 .4s;
     transition:transform .4s;
     opacity:1!important;
    /*position:relative;
    */
    /*z-index:998;
    */
     -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     -ms-backface-visibility: hidden;
}
 #nav-trigger:before{
     border-radius: 2px;
     content: '';
    /*background: #222;
    */
     width: 40px;
     height: 34px;
     position: absolute;
     left: 8px;
     top: -7px;
     -webkit-transition: all .3s ease-out;
     -moz-transition: all .3s ease-out;
     -o-transition: all .3s ease-out;
     transition: all .3s ease-out;
}
 #nav-trigger:hover{
     cursor: pointer;
}
 #nav-trigger span {
     -moz-transition:.4s;
     -o-transition:.4s;
     -webkit-transition:.4s;
     transition:.4s;
     background-color:#1b1b1b;
    /*box-shadow: 0 0 8px rgba(110,182,59,0.3);
    */
     display:block;
     height:2px;
     left:14px;
     margin-top:-1px;
     position:absolute;
     top:50%;
     width: 28px;
     -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     -ms-backface-visibility: hidden;
}
 .landing-navbar #nav-trigger span{
     background-color: #ffffff;
}
 #nav-trigger span:first-child {
     -moz-transform:translate(0,-7px);
     -ms-transform:translate(0,-7px);
     -webkit-transform:translate(0,-7px);
     transform:translate(0,-7px);
}
 #nav-trigger span:last-child {
     -moz-transform:translate(0,7px);
     -ms-transform:translate(0,7px);
     -webkit-transform:translate(0,7px);
     transform:translate(0,7px);
}
 body.nav-open #nav-trigger {
     -moz-transform: rotate(90deg) translate(-3px, 0);
     -ms-transform: rotate(90deg) translate(-3px, 0);
     -webkit-transform: rotate(90deg) translate(-3px, 0);
     transform: rotate(90deg) translate(-3px, 0);
}
 body.nav-open #nav-trigger span {
    /*background-color:#FFF;
    */
}
 body.nav-open #nav-trigger span:first-child {
     -moz-transform:rotate(45deg) translate(0,0);
     -ms-transform:rotate(45deg) translate(0,0);
     -webkit-transform:rotate(45deg) translate(0,0);
     transform:rotate(45deg) translate(0,0);
}
 body.nav-open #nav-trigger span:nth-child(2) {
     -moz-transform:scaleX(0);
     -ms-transform:scaleX(0);
     -webkit-transform:scaleX(0);
     transform:scaleX(0);
}
 body.nav-open #nav-trigger span:last-child {
     -moz-transform:rotate(-45deg) translate(0,0);
     -ms-transform:rotate(-45deg) translate(0,0);
     -webkit-transform:rotate(-45deg) translate(0,0);
     transform:rotate(-45deg) translate(0,0);
}
/* LANDING PAGE */
 section.parallax-section {
     padding: 250px 0;
    /*height: 800px;
    */
     color: white;
     position: relative;
     text-align: center;
}
 section.parallax-section .inner {
     margin: 0 auto;
     max-width: 85%;
}
 section.parallax-section#one {
     background-color: #0089cd;
}
 section.parallax-section#two {
     background-color: #00679a;
}
 section.parallax-section#three {
     background-color: #009ae7;
}
 section.parallax-section#four {
     background-color: #00679a;
     transition: all 0.4s linear;
}
 section.parallax-section#four.is-active {
     background-color: #222222;
}
 .other-section{
     position: relative;
     padding: 0;
     background: #ffffff;
     color: #333;
}
/* *********************************** */
/* KURIN LANDING */
/* *********************************** */
 .its-wrap{
     position: absolute;
     z-index: 3;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     right: 50px;
}
 .its-wrap h1{
     font-size: 68px;
     line-height: 74px;
     position: relative;
     top: -30px;
}
 .word-wrap{
     position: absolute;
     z-index: 3;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     left: 50px;
}
 .word-wrap h1{
     font-size: 68px;
     line-height: 74px;
     color: #ffffff;
     width: 80%;
}
 #kurin-words-main-wrap{
     height: 840px;
     width: 100%;
     overflow: hidden;
}
 ul.kurin-word-wrap{
     list-style: none;
     padding: 0;
     margin: 0;
}
 ul.kurin-word-wrap > li{
     display: block;
     position: relative;
     list-style-type: none;
}
/* *********************************** */
/* LANDING HERO 1 */
/* *********************************** */
 #landing-slider-section{
     overflow: hidden;
}
 #landing-slider-section .hero-action-btns{
     position: absolute;
     left: 0;
     right: 0;
     bottom: 40px;
     z-index: 4;
}
 #landing-slider-section .bg-image{
     min-height: 800px;
}
 .landing-hero-1{
     position: relative;
     min-height: 300px;
}
 .landing-hero-white{
     color: #ffffff;
}
 .hero-center-text{
     text-align: center;
}
 .landing-hero-1 .landing-container{
     position: relative;
     z-index: 3;
}
 .landing-hero-1 .landing-content{
     padding: 170px 0 150px;
}
 .landing-hero-1 .hero-title{
     font-size: 56px;
     line-height: 56px;
    /*letter-spacing: -1px;
    */
     margin-bottom: 30px;
}
 .landing-hero-1 .hero-lead{
     font-family: 'montserratregular', "Helvetica Neue", Helvetica, sans-serif;
     font-weight: normal;
     font-size: 24px;
     line-height: 28px;
}
 .hero-action-btns{
     margin-top: 20px;
     margin-bottom: 20px;
     font-size: 0;
}
 .hero-action-btns .form-group{
     margin-bottom: 5px;
}
 .hero-action-btns .btn{
     margin-right: 0;
     min-width: 260px;
    /*margin-bottom: 20px;
    */
}
 .hero-action-btns .btn-blue:hover{
     background: #1b1b1b;
}
 .hero-action-btns .btn:last-child{
     margin-right: 0;
}
 .hero-btn{
     text-transform: uppercase;
     letter-spacing: 1px;
     font-family: 'montserratregular', sans-serif;
}
 .landing-logo-header{
     padding: 0 50px;
     max-width: 650px;
     margin: 0 auto 15px;
}
 #kurin-landing-section .bg-color-overlay{
     background-color: rgba(0,0,0,.2);
}
 .landing-section-1{
     position: relative;
     overflow: hidden;
     padding: 250px 0;
}
 .landing-section-1 .container{
     position: relative;
     z-index: 3;
}
 .landing-section-1 .landing-title{
     font-size: 56px;
     line-height: 58px;
}
 .landing-section-1 .bg-image{
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1;
     max-height: 800px;
     padding-top: 50%;
}
 .bg-color-overlay{
     overflow: hidden;
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     -webkit-animation: feature-fade-in .6s ease-in-out;
     animation: feature-fade-in .6s ease-in-out;
     width: 100%;
     z-index: 2;
     background-color: rgba(0,0,0,.1);
}
 .bg-image-figure{
     overflow: hidden;
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     -webkit-animation: feature-fade-in .6s ease-in-out;
     animation: feature-fade-in .6s ease-in-out;
     width: 100%;
     z-index: 1;
}
 .bg-image-figure img{
     min-width: 1000px;
}
 .bg-image{
     background-color: #1b1b1b;
     background-position: center center;
     background-size: cover;
     display: block;
     height: 0;
     overflow: hidden;
     width: 100%;
     color: #fff;
     padding-top: 82%;
     position: relative;
     min-height: 300px;
}
 #landing-slider-section .slide-item{
     position: relative;
    /*height: 800px;
    */
}
 #landing-slider-section .slide-item .slide-caption{
     position: absolute;
     padding: 300px 50px 220px;
     z-index: 3;
     max-width: 650px;
}
 #landing-slider-section .slide-item .slide-title{
     font-size: 66px;
     line-height: 72px;
}
 #landing-slider-section .slide-item .bg-image{
     position: relative;
     z-index: 1;
     -webkit-animation: feature-fade-in 1.5s ease-in-out;
     animation: feature-fade-in 1.5s ease-in-out;
}
 #landing-slider-left .slide-caption{
    /*left: 0;
    */
     right: 0;
}
 #landing-slider-left .slide-title{
     color: #333;
     text-align: right;
}
 #landing-slider-right .slide-caption{
     left: 0;
     right: 0;
}
 #landing-slider-right .slide-title{
     color: #fff;
     text-align: left;
}
 #landing-slider-right .bg-color-overlay{
     background: rgba(0,0,0,0.3);
}
 @-webkit-keyframes slideOutUp {
     from {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
     to {
         visibility: hidden;
         -webkit-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0);
    }
}
 @keyframes slideOutUp {
     from {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
     to {
         visibility: hidden;
         -webkit-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0);
    }
}
 .slideOutUp {
     -webkit-animation-name: slideOutUp;
     animation-name: slideOutUp;
     -webkit-transition: right 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
     -moz-transition: right 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
     -o-transition: right 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
     transition: right 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
    /* easeInOutExpo */
}
 @-webkit-keyframes slideInUp {
     from {
         -webkit-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0);
         visibility: visible;
    }
     to {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
}
 @keyframes slideInUp {
     from {
         -webkit-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0);
         visibility: visible;
    }
     to {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
}
 .slideInUp {
     -webkit-animation-name: slideInUp;
     animation-name: slideInUp;
     -webkit-transition: right 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
     -moz-transition: right 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
     -o-transition: right 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
     transition: right 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
    /* easeInOutExpo */
}
 @-webkit-keyframes slideInDown {
     from {
         -webkit-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0);
         visibility: visible;
    }
     to {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
}
 @keyframes slideInDown {
     from {
         -webkit-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0);
         visibility: visible;
    }
     to {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
}
 .slideInDown {
     -webkit-animation-name: slideInDown;
     animation-name: slideInDown;
     -webkit-transition: right 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
     -moz-transition: right 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
     -o-transition: right 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
     transition: right 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
    /* easeInOutExpo */
}
 @-webkit-keyframes slideOutDown {
     from {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
     to {
         visibility: hidden;
         -webkit-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0);
    }
}
 @keyframes slideOutDown {
     from {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
     to {
         visibility: hidden;
         -webkit-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0);
    }
}
 .slideOutDown {
     -webkit-animation-name: slideOutDown;
     animation-name: slideOutDown;
     -webkit-transition: right 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
     -moz-transition: right 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
     -o-transition: right 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
     transition: right 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
    /* easeInOutExpo */
}
/* *********************************** */
/* PAGE SECTION */
/* *********************************** */
 .fluid-max{
     max-width: 1500px;
}
 .page-section{
     padding: 120px 0;
}
 .landing-navbar .page-section{
     padding: 60px 0;
}
 .page-section-title{
     font-size: 44px;
     line-height: 46px;
     margin-bottom: 22px;
     color: #3B3B3B;
}
 .section-sub-title{
     font-family: 'montserratregular', "Helvetica Neue", Helvetica, sans-serif;
     font-size: 18px;
     line-height: 28px;
}
 .section-label{
     font-size: 16px;
     text-transform: uppercase;
     letter-spacing: 2px;
     margin-bottom: 30px;
}
 .parallax-bg-wrap{
     position: relative;
     overflow: hidden;
}
 .parallax-bg-wrap .content-wrapper{
     position: relative;
     z-index: 4;
}
 .parallax-bg-wrap .bg-image{
     z-index: 2;
     height: auto;
     padding: 0;
     min-height: 600px;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
}
/* FEATURED PRODUCTS */
 .bg-light-all-purpose{
     background: #EBF5F7 !important;
}
 .bg-light-kitchen{
     background: #F9EAE4 !important;
}
 .bg-light-fruits-and-vegatable{
     background: #E4E8DB !important;
}
 .bg-light-bathroom{
     background: #DEE6F0 !important;
}
 .bg-pocket{
     background: #EBEBEB !important;
}
 .bg-bulk{
     background: #8B9AAF !important;
     color: #fff;
}
 .bg-all-purpose{
     background: #2C91AC !important;
}
 .bg-kitchen{
     background: #C37B9C !important;
}
 .bg-fruits-and-vegatable{
     background: #59710E !important;
}
 .bg-bathroom{
     background: #5F3689 !important;
}
 .color-light-all-purpose{
     color: #2C91AC !important;
}
 .color-light-kitchen{
     color: #C37B9C !important;
}
 .color-light-fruits-and-vegatable{
     color: #59710E !important;
}
 .color-light-bathroom{
     color: #5F3689 !important;
}
/* ABOUT INTRO */
 .kurin-about-logo{
     padding: 60px 0 20px;
     max-width: 270px;
}
 .about-intro-content{
     padding: 100px 0;
}
 .the-science-header-wrap{
     padding-top: 180px;
}
 .section-pad-sm .faq-item .faq-question:after, .section-pad-sm .faq-item .faq-question.collapsed:after{
     content: '\f3d0';
     display: inline-block;
     font-family: "Ionicons";
     speak: none;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     text-transform: none;
     text-rendering: auto;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     width: 24px;
     height: 24px;
     position: absolute;
     z-index: 3;
     font-size: 20px;
     right: 15px;
     top: 20px;
}
 .faq-item{
     margin-bottom: 30px;
}
 .faq-item .faq-question{
     font-size: 16px;
     line-height: 26px;
     padding: 14px 18px;
    /*margin-bottom: 10px;
    */
     background: #0D6DB8;
     color: #ffffff;
     display: block;
     position: relative;
}
 .faq-item .faq-question:after, .faq-item .faq-question.collapsed:after{
     content: '\f3d0';
     display: inline-block;
     font-family: "Ionicons";
     speak: none;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     text-transform: none;
     text-rendering: auto;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     width: 24px;
     height: 24px;
     position: absolute;
     z-index: 3;
     font-size: 20px;
     right: 15px;
     top: 34px;
}
 .faq-item .faq-question.collapsed:after{
     content: '\f3d1';
}
 .faq-item .faq-answer{
     padding: 0 50px;
     background: #ffffff;
}
 .faq-item .faq-answer .panel-body{
     padding-top: 30px;
}
/* TESTIMONIALS */
 #testmonials-section{
     background: #DFE6EF;
}
 #testmonials-section .quote-icon{
     max-width: 36px;
     margin: 10px auto 30px;
}
 #testmonials-section .testi-item{
     position: relative;
     padding: 0 15px;
     margin-bottom: 30px;
}
 #testmonials-section .testi-message{
     font-size: 18px;
     line-height: 28px;
     margin-bottom: 20px;
}
 #testmonials-section .test-from{
     text-transform: uppercase;
     color: #111;
     letter-spacing: 2px;
     font-size: 16px;
}
/* BLURBS */
 .blurb-wrap{
     padding: 0px;
     margin-bottom: 30px;
     max-width: 320px;
     margin: 0 auto 50px;
}
 .blurb-wrap .blurb-icon{
     border: 1px solid #707070;
     border-radius: 50%;
     height: 90px;
     width: 90px;
     margin-bottom: 30px;
}
 .blurb-wrap.tac .blurb-icon{
     margin: 0 auto 20px;
}
 .blurb-wrap .blurb-image{
    /*background: #F7F7F7;
    */
    /*min-height: 350px;
    */
     margin-bottom: 30px;
}
 .blurb-wrap .blurb-title{
     color: #262626;
     font-size: 28px;
     line-height: 32px;
     margin-top: 0;
     padding-top: 0;
     margin-bottom: 20px;
}
 .blurb-wrap .blurb-body{
     font-size: 18px;
     line-height: 28px;
     margin-bottom: 40px;
}
 .blurb-wrap .step-label{
    /*position: absolute;
    */
    /*top: -15px;
    */
    /*left: 50%;
    */
    /*margin-left: -20px;
    */
    /*z-index: 3;
    */
    /*padding: 5px;
    */
     font-family: 'montserratregular', sans-serif;
     margin-bottom: 20px;
     font-size: 28px;
     text-align: center;
     color: #d4d4d4;
}
 .circle-label{
     font-family: 'montserratregular', sans-serif;
     width: 40px;
     height: 40px;
     border-radius: 50%;
     border: 1px solid #707070;
     background: #fff;
     text-align: center;
     font-size: 14px;
     padding: 8px;
}
 .icon-blurb{
     padding: 0;
     margin: 0;
     list-style: none;
}
 .icon-blurb > li{
     display: inline-block;
     text-align: center;
     width: 250px;
     margin-bottom: 120px;
}
 .icon-blurb > li .icon-blurb-wrap{
     width: 80px;
     height: 80px;
     border-radius: 50%;
     border: 1px solid #ddd;
     margin: 0 auto 20px;
}
 .icon-blurb > li .blurb-title{
     text-transform: uppercase;
     letter-spacing: 1px;
}
 #how-to-video-wrapper{
     padding: 122px 0;
     text-align: center;
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1;
     background-color: rgba(0,0,0,0.8);
     opacity: 0;
     transition: opacity 0.5s cubic-bezier(0.7, 0, 0.3, 1) 45ms, transform 0.5s cubic-bezier(0.7, 0, 0.3, 1) 45ms;
}
 #how-to-video-wrapper.open-video{
     z-index: 5;
}
 #how-to-video-wrapper .how-to-video-close{
     position: absolute;
     right: 36px;
     top: 20px;
     font-size: 50px;
     line-height: 50px;
     color: #fff;
     z-index: -1;
     opacity: 0;
     transition: -webkit-transform 1.1s cubic-bezier(0,.25,.08,1), opacity 1s cubic-bezier(0.7, 0, 0.3, 1) 45ms;
     transition: transform 1.1s cubic-bezier(0,.25,.08,1), opacity 1s cubic-bezier(0.7, 0, 0.3, 1) 45ms;
     transition: transform 1.1s cubic-bezier(0,.25,.08,1),-webkit-transform 1.1s cubic-bezier(0,.25,.08,1), opacity 1s cubic-bezier(0.7, 0, 0.3, 1) 45ms;
}
 #how-to-video-wrapper.open-video .how-to-video-close:hover{
     -webkit-transform: scale(.75);
     -ms-transform: scale(.75);
     transform: scale(.75);
}
 #how-to-video-wrapper.open-video .how-to-video-close{
     opacity: 1;
     z-index: 6;
}
 #how-to-video-wrapper iframe{
     width: 100%;
     max-width: 900px;
}
/* THE SCIENCE */
 .science-icon{
     max-width: 80px;
     margin: 0 auto 20px;
}
 .social-media-links{
     list-style: none;
     padding: 0;
     margin: 0;
     margin-bottom: 30px;
}
 .social-media-links > li{
     display: block;
     overflow: hidden;
     margin-bottom: 10px;
}
 .social-media-links > li > a{
     display: block;
     font-size: 16px;
     line-height: 24px;
     margin-bottom: 10px;
}
 .social-media-links > li > a .social-icon{
     display: block;
     width: 30px;
     height: 30px;
     background: #121212;
     color: #ffffff;
     margin-right: 10px;
     padding: 5px;
     text-align: center;
     float: left;
}
 .social-media-links > li > a .social-label{
     display: block;
     float: left;
     overflow: hidden;
     padding-top: 3px;
}
 .social-media-links-inline > li{
     float: left;
}
 .social-media-links-inline > li > a{
     margin-bottom: 20px;
}
 .logo-list .logo-item{
    /*margin-right: 10px;
    */
     margin-bottom: 10px;
    /*padding: 20px;
    */
    /*border: 1px solid #dddddd;
    */
     box-shadow: 0 0 20px rgba(0,0,0,0.1);
     text-align: center;
}
 .logo-list .logo-item img{
     width: 160px;
     margin: 0 auto;
}
 .section-header{
     padding: 150px 0 50px;
}
 .section-pad{
     padding: 100px 0;
}
 .section-pad-sm{
     padding: 50px 0;
}
 .section-pad-bottom{
     padding-bottom: 100px;
}
 .section-pad-lg{
     padding: 200px 0;
}
 #featured-post{
     overflow: hidden;
}
/* *********************************** */
/* FEATURED PRODUCTS */
/* *********************************** */
 .featured-product-item{
     min-height: 425px;
     text-align: center;
     position: relative;
    /*background: #eeeeee;
    */
     margin-bottom: 120px;
     -webkit-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
 .featured-product-item{
     padding: 0;
}
 .featured-product-pad{
     padding: 50px 40px;
}
 .featured-product-item > a{
     display: block;
    /*padding: 70px 30px 30px;
    */
     color: #111;
}
 .featured-product-item .product-image{
    /*max-width: 200px;
    */
     margin: 0 auto;
}
 .featured-product-item .product-title{
     font-size: 16px;
     text-transform: uppercase;
     letter-spacing: 2px;
     line-height: 28px;
     margin-bottom: 0;
}
 .featured-product-item .product-title-2{
     font-size: 20px;
     line-height: 26px;
}
 .featured-product-item .product-snippet{
     margin-bottom: 20px;
}
 .product-title-body{
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     padding: 34px 30px;
     z-index: 3;
     margin-bottom: -125px;
}
 .featured-bottle-size{
     position: absolute;
     top: 30px;
     right: 30px;
     z-index: 2;
}
 .featured-product-price{
     font-size: 16px;
     margin-bottom: 20px;
}
 .bulk-item{
     min-height: 200px;
     position: relative;
}
 .bulk-item .bulk-text{
     margin: 0;
     font-size: 30px;
     line-height: 38px;
     text-align: left;
     position: absolute;
     bottom: 0;
     left: 0;
     padding: 40px;
}
 .bulk-item > a{
     display: block;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 5;
}
/* *********************************** */
/* WIDGETS */
/* *********************************** */
 .widget {
     border-bottom: 1px solid;
     border-color: #e5e5e5;
     padding-bottom: 40px;
     margin-bottom: 40px;
}
 .widget-title {
     color: #222;
     font-size: 12px;
     text-transform: uppercase;
     text-align: center;
     letter-spacing: 2px;
     font-weight: 400;
     margin-bottom: 25px;
}
 .widget img {
     max-width: 100%;
     height: auto;
}
 .instagram-pics.sidebar-widget {
     overflow: hidden;
     list-style: none;
     margin: 0;
     padding: 0;
}
 .instagram-pics.sidebar-widget li {
     width: 30.55%;
     display: inline-block;
     border-bottom: none;
     padding: 0;
     margin: 0 10px 10px 0;
     float: left;
}
 .instagram-pics.sidebar-widget li img {
     max-width: 100%;
     vertical-align: middle;
}
 .null-instagram-feed {
     text-align: center;
}
 .content-block{
     margin-bottom: 20px;
}
 .content-block-wrap{
     display: block;
}
 .content-block-label{
    /*position: absolute;
     z-index: 2;
    */
     padding: 50px;
}
 .content-block-media{
     position: absolute;
     z-index: -1;
     width: 100%;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     overflow: hidden;
}
 .content-block-label.top-left{
     top: 0;
     left: 0;
}
 .content-block-label.bottom-center{
     bottom: 0;
     left: 0;
}
 .builder-container .summary-block{
     min-height: 100px;
}
/* *********************************** */
/* IMAGE BLOCK */
/* *********************************** */
 .content-block-image{
     position: relative;
}
 .image-caption-wrap{
     padding: 10px 100px;
     font-size: 12px;
     line-height: 18px;
     -webkit-transition: opacity .3s ease-out;
     -moz-transition: opacity .3s ease-out;
     -o-transition: opacity .3s ease-out;
     transition: opacity .3s ease-out;
}
 .image-caption-wrap p{
     margin: 0;
}
 .image-caption-wrap.caption-below{
     color: #999;
}
 .image-caption-wrap.caption-overlay, .caption-overlay-on-hover{
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     background-color: #111;
     background-color: rgba(0,0,0,0.7);
     padding: 10px 13px;
     color: #fff;
}
 .image-caption-wrap.caption-overlay-on-hover{
     opacity: 0;
}
 .content-block-image:hover .image-caption-wrap.caption-overlay-on-hover{
     opacity: 1;
}
/* *********************************** */
/* CART */
/* *********************************** */
 #cart-form{
     padding-top: 30px;
}
 #cart-form th{
     padding-bottom: 15px !important;
}
 #cart-form .cart-table > tbody > tr > td{
     padding: 20px 35px;
}
 .cart-table{
     border-bottom: 1px solid #dddddd;
}
 .cart-price-table{
     font-size: 22px;
     line-height: 28px;
}
 .cart-price-table > tbody > tr > td{
     padding: 0 0 5px 10px !important;
}
 .table-label{
     text-transform: uppercase;
     letter-spacing: 1px;
     font-size: 12px;
     font-family: 'montserratregular', sans-serif;
     margin-top: 5px;
     color: #888;
}
 .delivery-status-list{
     list-style: none;
     padding: 0;
     margin: 0;
}
 .delivery-status-list > li{
     display: inline-block;
     margin-right: 15px;
     margin-bottom: 15px;
     min-width: 180px;
}
 .delivery-status-list > li:last-child{
     margin-right: 0;
}
 .delivery-status-list > li > .stat-icon{
     display: inline-block;
     width: 60px;
     height: 60px;
     padding: 10px;
     background: #888;
    /*border-radius: 50%;
    */
     position: relative;
}
 .delivery-status-list > li .check-icon{
     display: none;
     width: 20px;
     height: 20px;
     position: absolute;
     top: 8px;
     left: -8px;
     box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
 .del-stat-label{
     font-family: 'montserratregular', sans-serif;
     text-transform: uppercase;
     color: #888;
}
 .delivery-status-list > li.active-status .check-icon{
     display: block;
}
 .delivery-status-list > li.active-status .stat-icon{
     background: #75cde5;
}
 .delivery-status-list > li.active-status .del-stat-label{
     color: #262626;
}
/* CHECKOUT */
 #checkout-section .header-3 {
     text-align: left;
     margin-bottom: 0;
}
 #checkout-section .shipping-address {
     border-top: 3px dotted #e1e1e1;
}
 .list-inline-grid{
     list-style: none;
     padding: 0;
     margin: 0;
}
 .list-inline-grid > li{
     display: inline-block;
     padding: 5px 20px;
     margin-bottom: 15px;
     border-right: 1px dashed #ddd;
}
 .list-inline-grid > li:first-child{
     padding-left: 0;
}
 .list-inline-grid > li .list-grid-label{
     text-transform: uppercase;
     font-size: 12px;
     letter-spacing: 1px;
     font-family: 'montserratregular', sans-serif;
     line-height: 24px;
}
 .list-inline-grid > li:last-child{
     border-right: 0;
}
 .list-inline-grid > li .list-grid-value{
     font-family: 'montserratregular', sans-serif;
     font-size: 16px;
}
/*.step-header{
     font-family: 'montserratregular', sans-serif;
     position: relative;
     font-size: 24px;
     text-transform: uppercase;
     letter-spacing: 2px;
     line-height: 28px;
    /*padding-left: 50px;
    */
     margin-top: 13px;
     margin-bottom: 20px;
}
*/
 .step-header .step-count{
     position: absolute;
     left: 0;
     top: -3px;
     padding-top: 5px;
     font-size: 22px;
     font-family: 'montserratregular', "Helvetica Neue", Helvetica, sans-serif;
     height: 40px;
     width: 40px;
     border: 1px solid #333;
     text-align: center;
     margin-right: 10px;
     display: inline-block;
     border-radius: 50%;
}
 #checkout-section label{
     font-size: 14px;
     line-height: 18px;
}
 .secured-shopping-box{
     background: #E6F1FF;
     padding: 40px 60px;
     max-width: 420px;
     margin: 40px auto;
}
 .secured-shopping-box .list-unstyled > li{
     margin-bottom: 10px;
}
 .checkout-container{
    /*font-family: "Helvetica Neue", sans-serif;
    */
    /*font-size: 13px;
    */
    /*line-height: 18px;
    */
     padding-bottom: 200px;
}
 .checkout-container .radio label, .checkout-container .checkbox label{
     line-height: 20px;
}
 .checkout-container .site--logo{
     max-width: 200px;
     margin: 50px 0 25px;
}
 .checkout-container h1, .checkout-container h2, .checkout-container h3, .checkout-container h4, .checkout-container h5, .checkout-container h6{
    /*font-family: "Helvetica Neue", sans-serif;
    */
    /*font-weight: normal;
    */
}
 .checkout-panel{
     background: #ffffff;
     padding: 20px 30px 40px 0;
    /* margin-bottom: 40px;
     */
     border-bottom: 0;
     -webkit-transition: all 0.3s ease;
     -moz-transition : all 0.3s ease;
     -ms-transition : all 0.3s ease;
     -o-transition : all 0.3s ease;
     transition : all 0.3s ease;
}
 .checkout-panel:hover, .checkout-panel.active-panel{
    /*box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.01), 0 1px 10px rgba(0, 0, 0, 0.1);
    */
}
 .checkout-header{
     margin-bottom: 20px;
     font-size: 17px;
}
 .checkout-btn{
     text-transform: uppercase;
     font-size: 12px;
     letter-spacing: 1px;
     padding: 10px 30px;
     border-radius: 30px;
     line-height: 16px;
}
 .checkout-btn:hover, .checkout-btn:focus{
     background: #ffffff;
     border-color: #6d6e71;
     color: #ffffff;
}
 .checkout-btn.btn-sm{
     padding: 5px 25px;
}
 .item-cart-row{
     padding: 20px 0;
     margin-bottom: 20px;
     border-bottom: 1px solid #eee;
    /*font-size: 12px;
    */
    /*line-height: 18px;
    */
}
 .privacy-policy-row {
     text-align: center;
}
 .cart-product-image{
     margin-top: 8px;
     height: 65px;
     position: relative;
    /*width: 100%;
    */
     width: 82px;
     overflow: hidden;
}
 .cart-product-image .bg-image{
     min-height: 50px;
     background-position: center -14px;
     height: 50px;
}
 .cart--item--content{
     padding: 18px 0;
}
 .checkout-cart-wrap{
     background: #D6D5D5;
     padding: 30px 50px;
}
 .checkout-cart-wrap .kn-form-control, .checkout-cart-wrap .kn-form-control:hover, .checkout-cart-wrap .kn-form-control:focus{
     background-color: #ffffff;
     border: #ffffff;
}
 .checkout-cart-wrap .cart--item--content{
     padding: 0;
}
 .checkout-cart-wrap .cart--product--name{
     font-size: 12px;
     line-height: 14px;
}
 .checkout-cart-wrap .item-cart-row{
     padding: 10px 0;
     border-color: #CBCBCB;
}
 .checkout-form-wrap .help-block{
     font-size: 11px;
}
 .cart--product--name{
     margin-top: 0;
     text-transform: uppercase;
     font-size: 12px;
     letter-spacing: 1px;
     font-family: 'montserratregular', sans-serif;
}
 .cart--product--name a{
     color: #333;
}
 .btn-add-to-cart{
     border-color: #D6D5D5 !important;
     background: #D6D5D5 !important;
     color: #000000;
     text-transform: uppercase;
     letter-spacing: 1px;
     padding: 13px 18px !important;
     min-width: 130px;
     font-size: 12px !important;
}
 .btn-add-to-cart:hover{
     border-color: #444 !important;
     background: #444 !important;
}
 .cart-item-remove{
     font-size: 22px;
     color: #6d6e71;
     position: absolute;
     top: 14px;
     right: 15px;
}
 .card--form--wrap{
     background: #f1f1f1;
     border-radius: 3px;
     padding: 28px 28px 13px;
     box-shadow: rgba(0, 0, 0, 0.10) 0px 0px 2px;
     border: 1px solid #bdc3c7;
     margin-bottom: 15px;
}
 .kurin-btn-group .btn{
     margin-right: 20px;
     border-radius: 0;
     margin-bottom: 15px;
     padding-right: 25px !important;
     padding-left: 25px !important;
}
 .used-for-list{
     overflow: hidden;
     display: block;
     list-style: none;
     padding: 0;
     margin: 0;
     margin-bottom: 30px;
     margin-top: 10px;
}
 .used-for-list > li{
     float: left;
    /*margin-right: 30px;
    */
     text-align: center;
}
 .used-for-list > li .used-for-label{
     font-size: 14px;
}
 .used-for-list > li > a{
     color: #F06804;
     padding: 17px 25px 15px;
     display: inline-block;
     margin-bottom: 15px;
     min-width: 90px;
     -webkit-transition: all 0.3s ease;
     -moz-transition : all 0.3s ease;
     -ms-transition : all 0.3s ease;
     -o-transition : all 0.3s ease;
     transition : all 0.3s ease;
}
 .used-for-list > li > a:hover{
     background: #f1f1f1;
}
 .used-for-icon{
     width: 30px;
    /*height: 35px;
    */
     margin: 0 auto 15px;
}
 .used-for-more{
     font-size: 28px;
     line-height: 30px;
     display: block;
     margin-top: 15px;
}
 .and-more-label{
     text-transform: uppercase;
     font-size: 14px;
     margin-left: 10px;
     padding: 30px 20px;
     color: #888;
}
 .dropdown-menu{
}
 .dropdown-menu > li > a{
     font-size: 11px;
     text-transform: uppercase;
     letter-spacing: 1px;
     padding: 6px 20px;
}
 .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{
     background-color: #6d6e71;
}
/* *********************************** */
/* PRODUCTS */
/* *********************************** */
 .single-product-page-landing{
     min-height: 600px;
}
 .single-product-page-landing .landing-content{
     padding: 250px 0 200px;
}
 .single-product-page-landing .bg-image{
     min-height: 600px;
     padding-top: 0;
}
 .product-solo-header{
     padding: 40px 0 30px;
}
 .product--category--name{
     text-transform: uppercase;
     letter-spacing: 2px;
     font-size: 12px;
}
 .price-strikeout{
     margin-top: 5px;
     font-size: 14px;
    /*text-align: center;
    */
     text-decoration: line-through;
     color: #888;
}
 .product-price-solo-wrap{
     padding: 20px 0;
}
 .pricing-wrap{
     font-family: 'montserratregular', sans-serif;
     font-size: 20px;
}
 .price-form-text{
     font-family: 'montserratregular', "Helvetica Neue", Helvetica, sans-serif;
     font-size: 14px;
}
 .product--description{
     font-size: 16px;
     line-height: 26px;
     margin-bottom: 20px;
}
 .cart-footer-actions{
     margin-top: 20px;
     padding-top: 20px;
     border-top: 2px solid #f3f3f3;
     font-size: 16px;
     line-height: 26px;
}
 .btn-cart-action{
     margin-right: 5px;
}
 .btn-more-info-wrap{
     position: relative;
     text-align: center;
     margin-top: 20px;
     margin-bottom: 50px;
}
 .btn-more-info.info-open span{
     -moz-transform: rotate(180deg);
     -webkit-transform: rotate(180deg);
     -o-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
}
 .btn-more-info{
     font-size: 16px !important;
     line-height: 26px;
     letter-spacing: 2px;
     color: #6583AC !important;
}
 .btn-more-info span{
     color: #444;
     margin-left: 4px;
     display: inline-block;
     -webkit-transition: all 0.3s ease;
     -moz-transition : all 0.3s ease;
     -ms-transition : all 0.3s ease;
     -o-transition : all 0.3s ease;
     transition : all 0.3s ease;
}
 .btn-more-info:after{
     content: '';
     height: 1px;
     background: #dddddd;
     width: 100%;
     position: absolute;
     top: 24px;
     left: 0;
     right: 0;
     z-index: -1;
}
 .how-to-use-wrap{
     padding-right: 20px;
}
 .how-to-use-wrap h2{
     font-size: 26px;
     text-transform: uppercase;
     line-height: 32px;
     letter-spacing: 2px;
     margin-bottom: 50px;
}
 .how-to-use-wrap h3, .ingredients-wrap h3{
     margin-top: 40px;
     font-size: 16px;
     text-transform: uppercase;
     line-height: 28px;
     letter-spacing: 2px;
     margin-bottom: 20px;
}
 .ingredients-wrap{
     margin-top: 110px;
     padding: 34px;
     box-shadow: 0 0 10px rgba(0,0,0,0.1);
     max-width: 360px;
}
 .ingredients-wrap h3{
    /*margin-top: 0;
    */
}
 .ingredients-wrap h3:first-child{
     margin-top: 0;
}
 #other-products{
     position: relative;
     padding: 100px 0;
     background: #F8F8F8;
     color: #333;
}
 .sidebar-widget .image--wrapper{
     min-height: 100px;
     position: relative;
     text-align: center;
    /*max-height: 100px;
    */
     overflow: hidden;
}
 .sidebar-widget .image--wrapper img{
     margin: 0 auto;
}
 .sidebar-widget .product-item{
     margin-bottom: 10px;
}
 .product-category-list{
     text-align: center;
     margin-bottom: 60px;
}
 .product-category-list > li > a{
     font-family: 'montserratregular', sans-serif;
     padding: 10px 15px;
     color: #6d6e71;
     text-transform: uppercase;
     letter-spacing: 2px;
     position: relative;
     margin-bottom: 20px;
     display: inline-block;
}
 .product-category-list > li.active > a, .product-category-list > li > a:hover{
     color: #222;
}
 .product-category-list > li.active > a:before{
     content: '';
     position: absolute;
     width: 40px;
     height: 1px;
     background: #222;
     left: 50%;
     margin-left: -20px;
     bottom: -10px;
}
 .product--list--wrapper{
}
 .product--item{
    /*border: 1px solid #eeeeee;
    */
    /*padding: 15px;
    */
     margin-bottom: 20px;
}
 .product--item .image--wrapper{
     min-height: 180px;
}
 .product--price--variants{
     margin-bottom: 10px;
}
 .image--wrapper{
     min-height: 245px;
     position: relative;
     text-align: center;
}
 .image--wrapper img{
     margin: 0 auto;
}
 .on-sale-label{
     background: #444;
     color: #ffffff;
     font-size: 10px;
     text-transform: uppercase;
     letter-spacing: 1px;
    /*font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    */
     padding: 3px 5px;
     position: absolute;
     top: 0;
     left: 0;
     z-index: 2;
}
 .product--gallery--wrapper{
     list-style: none;
     padding: 0;
     margin: 0;
}
 .product--gallery--wrapper > li{
     margin-bottom: 20px;
}
 .product--gallery--wrapper > li > a{
     display: block;
     padding: 1px;
    /*border: 1px solid transparent;
    */
}
 .product--gallery--wrapper > li.active > a{
     opacity: 0.5;
     box-shadow: 0 0 15px rgba(0,0,0,0.2);
}
 .product-thumb{
     height: 80px;
     overflow: hidden;
     position: relative;
     padding: 10px;
}
 .product-thumb .bg-image{
     padding-top: 0;
     background-color: transparent;
     min-height: 80px;
}
 .product--name{
     font-size: 14px;
     line-height: 20px;
     display: block;
     text-align: center;
     text-transform: uppercase;
}
 .product--name--solo{
     font-size: 36px;
     line-height: 40px;
     margin-bottom: 30px;
}
 .product--price{
     font-size: 18px;
     padding: 10px 0;
}
 .variant-label{
     font-family: 'montserratregular', sans-serif;
     text-transform: uppercase;
     font-size: 14px;
     letter-spacing: 2px;
     text-align: left !important;
}
 .product-qty{
     height: 40px;
     font-size: 16px;
     padding: 10px 10px 10px 25px;
     box-shadow: 0 2px 15px rgba(0,0,0,0.03);
     max-width: 100px;
}
 .quick-add-to-cart-form .product-qty{
     background: #ffffff;
     max-width: none;
     padding: 15px;
}
 .quick-add-to-cart-form .product-qty:focus{
     background: #ffffff;
}
 .quick-add-to-cart-form .btn-add-to-cart{
     padding: 10px 16px !important;
     border: 0;
     height: 40px;
}
 .quick-add-to-cart-form .bg-all-purpose{
     background: #2C91AC !important;
}
 .quick-add-to-cart-form .bg-kitchen{
     background: #C37B9C !important;
}
 .quick-add-to-cart-form .bg-fruits-and-vegatable{
     background: #59710E !important;
}
 .quick-add-to-cart-form .bg-bathroom{
     background: #5F3689 !important;
}
 #cart-navigation{
     background: #6d6e71;
    /*padding: 8px 0;
    */
     color: #ffffff;
     font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
     font-size: 10px;
     line-height: 20px;
     font-weight: bold;
     letter-spacing: 1px;
     text-transform: uppercase;
}
 .cart-nav-top{
     margin: 0;
}
 .cart-nav-top > li > a{
     padding: 8px 10px;
     display: block;
     color: #ffffff;
}
 .cart-nav-top > li > a:hover{
     text-decoration: none;
}
 .table.cart-sub-total-table > thead > tr > th, .table.cart-sub-total-table > tbody > tr > th, .table.cart-sub-total-table > tfoot > tr > th, .table.cart-sub-total-table > thead > tr > td, .table.cart-sub-total-table > tbody > tr > td, .table.cart-sub-total-table > tfoot > tr > td{
     padding: 0;
     padding: 2px 0;
}
/* TYPEPOGRAPHY */
/* *********************************** */
 .text-white{
     color: #ffffff;
}
 .text-primary{
     color: #0D6DB8;
}
 .lead{
     font-family: 'montserratregular', "Helvetica Neue", Helvetica, sans-serif;
     font-size: 22px;
     line-height: 34px 
}
 .text-underline{
     text-decoration: underline;
}
 .text-underline:hover{
     text-decoration: underline;
}
 .hover-underline:hover{
     text-decoration: underline;
}
/* BUTTONS */
/* *********************************** */
 .btn{
     font-family: 'montserratregular', "Helvetica Neue", Helvetica, sans-serif;
     text-transform: none;
     font-size: 14px;
     padding: 15px 40px;
     border-radius: 7px;
     -webkit-transition: all 0.3s ease;
     -moz-transition : all 0.3s ease;
     -ms-transition : all 0.3s ease;
     -o-transition : all 0.3s ease;
     transition : all 0.3s ease;
     border: none;
     font-weight: 600;
}
 .btn-sm{
     padding: 10px 30px;
}
 .btn:hover {
     background: #eeeeee;
     color: #111111;
}
 .btn-shop{
     background: none;
     border: none;
     border-top: 1px solid #6d6e71;
     border-bottom: 1px solid #6d6e71;
     padding: 3px 20px;
     text-transform: uppercase;
     letter-spacing: 2px;
     color: #6d6e71;
}
 .btn-white{
     background-color: #ffffff;
     border-color: #ffffff;
     color: #262626;
}
 .btn-shop.btn-white{
     border-color: #ffffff;
     color: #ffffff;
}
 .btn-primary{
     background: #F06804;
     border-color: #F06804;
     color: #fff;
}
 .btn-primary:hover, .btn-primary:active, .btn-primary:focus{
     background: #F06804;
     border-color: #F06804;
     color: #ffffff;
     outline: none !important;
}
 .btn-default{
     background: #eeeeee;
}
 #checkout-section .btn-primary {
     background: #666666;
     border-color: #666666;
     color: #fff;
}
 #checkout-section .btn-primary:hover {
     background: #333;
     border-color: #333;
     color: #fff;
}
 .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active{
     background: #6d6e71;
     outline: none;
     border-color: #6d6e71;
}
 .btn-blue{
     background: #75cde5;
     border-color: #75cde5;
}
 .btn-blue:hover{
     background: #6583AC;
     border-color: #6583AC;
}
 .btn-fb{
     position: relative;
     background: #4469b0;
     border-color: #4469b0;
     padding-left: 50px !important;
     padding-right: 36px !important;
}
 .btn-fb .fb-icon{
     font-size: 22px;
     position: absolute;
     left: 34px;
     top: 8px;
}
 .btn-gray{
     background: #EAEAEA;
     color: #222;
}
 .btn-black{
     color: #ffffff;
     background: #F06804;
     border-color: #F06804;
}
 .btn-black:hover, .btn-black:active, .btn-black:focus{
     color: #111111;
     background: #eeeeee;
     border-color: #eeeeee;
     outline: none !important;
}
 .btn-outline{
     border: 1px solid #ffffff;
     background: none;
     color: #ffffff;
}
 .btn-outline-pink{
     border: 1px solid #2b2b2b !important;
     background: none;
     color: #2b2b2b;
}
 .btn-outline:hover{
     background: #ffffff;
     color: #444;
}
 .btn-primary.btn-outline{
     background: transparent;
     border-color: #6583AC;
     color: #6583AC;
}
 .btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus{
     color: #fff;
     background: #6583AC;
     border-color: #6583AC;
     outline: none !important;
}
 .btn-black.btn-outline{
     font-family:'montserratregular'italic;
     font-size: 18px;
     background: transparent;
     border: 3px solid #ffffff;
     color: #ffffff;
}
 .btn-black.btn-outline:hover, .btn-black.btn-outline:focus{
     color: #ffffff;
     background: #1b1b1b;
     border-color: #1b1b1b;
     outline: none !important;
}
 .btn-play.btn-outline{
     border: 0;
     border-bottom: 1px solid transparent;
     padding: 10px 0;
}
 .btn-play.btn-outline:hover, .btn-play.btn-outline:focus{
     background: transparent;
     color: #ffffff;
     border-bottom: 1px solid #ffffff;
}
 .btn-play .icon-wrap{
     display: inline-block;
     height: 32px;
     width: 32px;
     border-radius: 50%;
     border: 1px solid #ffffff;
     font-size: 18px;
     margin-right: 10px;
     padding: 3px 12px;
     position: relative;
     top: 2px;
}
 .btn-play .icon-wrap .ion-ios-play{
}
 .ms-btn{
     padding: 10px 34px;
     font-size: 10px;
     font-family: 'montserratregular', "Helvetica Neue", Helvetica, sans-serif;
     text-transform: uppercase;
     letter-spacing: 1px;
     border-radius: 0px;
}
 .ms-btn-lg{
     font-size: 14px;
     padding: 14px 41px;
}
 .ms-btn-white{
     color: #ffffff;
     background: transparent;
     border: 1px solid #ffffff 
}
 .ms-btn-white:hover{
     background-color: #f4f4f4;
     border-color: #f4f4f4;
     color: #444;
}
 .ms-btn-link{
     border: 0 !important;
    /*border-bottom: 1px solid #ffffff !important;
    */
     padding: 10px 5px;
}
 .ms-btn-link.ms-btn-link{
     padding: 13px 0;
}
/* LINKS */
/* *********************************** */
 a {
     color : #F06804;
     text-decoration : none;
     -webkit-transition: color 0.3s ease-in-out;
     -moz-transition : color 0.3s ease-in-out;
     -ms-transition : color 0.3s ease-in-out;
     -o-transition : color 0.3s ease-in-out;
     transition : color 0.3s ease-in-out;
     -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     -ms-backface-visibility: hidden;
}
 a:hover, a:focus {
     color: #F06804;
     text-decoration: none;
     outline: none;
}
 a:active{
     outline: none;
}
 .alert{
    /*background: #f3f3f3;
     color: #1b1b1b;
     border-radius: 0;
     border: 0;
     border-top: 4px solid #1b1b1b;
    */
     font-size: 14px;
    /*padding: 15px;
    */
     margin-bottom: 22px;
     border: 1px solid transparent;
     border-radius: 2px;
}
 .alert-fluid{
     border-radius: 0;
     margin-bottom: 0;
}
 .alert-note{
     background-color: #f1f9f7;
     border-color: #7abb9c;
     color: #1d9d74;
}
 .alert-lg{
     padding: 25px;
}
 .alert-success{
    /*color: #3c763d;
    */
    /*background-color: #dff0d8;
    */
    /*border-color: #71cde7;
    */
}
 .alert p:last-child{
     margin-bottom: 0;
}
 .dropdown-menu{
}
 .dropdown-menu > li > a{
    /*font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    */
     font-size: 11px;
     text-transform: uppercase;
     letter-spacing: 1px;
     padding: 6px 20px;
}
 .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{
     background-color: #6d6e71;
}
/* *********************************** */
/* TOOLTIP */
/* *********************************** */
 .tooltip{
     -webkit-transition: opacity 0.2s ease-in-out;
     -moz-transition: opacity 0.2s ease-in-out;
     transition: opacity 0.2s ease-in-out;
}
 .tooltip-inner{
    /*border-radius: 0;
    */
     background: #111;
     font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
     font-size: 11px;
}
/* FORMS */
/* *********************************** */
 .form-control{
    /*font-size: 16px;
    */
     box-shadow: none !important;
     background: #ffffff;
     border-width: 2px;
     border-color: #e1e1e1;
     border-radius: 0;
     -webkit-transition: all ease-in-out .15s;
     -o-transition: all ease-in-out .15s;
     transition: all ease-in-out .15s;
}
/*.form-control:focus{
     box-shadow: none !important;
     background: #f5f5f5;
     border-color: #e4e4e4;
}
*/
 .form-control::-moz-placeholder {
     color: #999999;
     opacity: 1;
}
 .form-control:-ms-input-placeholder {
     color: #999999;
}
 .form-control::-webkit-input-placeholder {
     color: #999999;
}
 .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
     background-color: transparent;
     opacity: 0.5;
}
 .has-error .form-control{
     box-shadow: none;
}
 .input-group-addon{
     border-radius: 0;
     border: 0;
}
 .input-sm{
     font-size: 14px;
}
 .help-block{
     font-size: 12px;
     margin-bottom: 0;
}
 .help-block p{
     margin-bottom: 5px;
}
 .has-error .form-control{
     border-color: #a00;
}
 label, .control-label{
    /*font-family: 'montserratregular', sans-serif;
    */
     font-weight: normal;
}
 textarea.form-control{
     resize: none;
}
 .kn-form-control{
     padding: 10px 15px;
     height: 42px;
}
 .select-wrap{
    /*background: #F2F2F2;
    */
     border-bottom: 1px solid #ccc;
}
 .select-dropdown .btn{
     border: 0;
     background: #F2F2F2;
     color: #262626;
     padding: 10px 45px 10px 25px;
     text-align: left;
     text-transform: none;
     letter-spacing: 0;
     font-size: 14px;
     position: relative;
     width: 100%;
     box-shadow: 0 2px 15px rgba(0,0,0,0.03);
}
 .select-dropdown .btn:hover, .select-dropdown.open .btn{
     box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}
 .select-dropdown .btn .select-caret{
     position: absolute;
     font-size: 20px;
     right: 17px;
     top: 6px;
}
 .select-dropdown .dropdown-menu{
     box-shadow: 0 2px 15px rgba(0,0,0,0.1);
     width: 100%;
     border: 0;
     margin-top: 0;
     border-radius: 0 0 3px 3px;
     background: #F2F2F2;
}
 .select-dropdown .dropdown-menu > li{
     font-size: 14px;
     padding: 10px 25px;
     cursor: pointer;
}
 .select-dropdown .dropdown-menu > li:hover{
     background: #d4d4d4;
}
 .checkbox {
     padding-left: 20px;
}
 .checkbox label {
     display: inline-block;
     vertical-align: middle;
     position: relative;
     padding-left: 5px;
}
 .checkbox label::before {
     content: "";
     display: inline-block;
     position: absolute;
     width: 17px;
     height: 17px;
     left: 0;
     margin-left: -20px;
     border: 1px solid #cccccc;
     border-radius: 3px;
     background-color: #fff;
     -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
     -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
     transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
 .checkbox label::after {
     display: inline-block;
     position: absolute;
     width: 16px;
     height: 16px;
     left: 0;
     top: 0;
     margin-left: -19px;
     padding-left: 3px;
     padding-top: 1px;
     font-size: 11px;
     color: #555555;
     line-height: 1.4;
}
 .checkbox input[type="checkbox"], .checkbox input[type="radio"] {
    /*opacity: 0;
    */
     z-index: 1;
     cursor: pointer;
}
 .checkbox input[type="checkbox"]:focus + label::before, .checkbox input[type="radio"]:focus + label::before {
     outline: thin dotted;
     outline: 5px auto -webkit-focus-ring-color;
     outline-offset: -2px;
}
 .checkbox input[type="checkbox"]:checked + label::after, .checkbox input[type="radio"]:checked + label::after {
     font-family: "Ionicons";
     content: "\f122";
}
 .checkbox input[type="checkbox"]:indeterminate + label::after, .checkbox input[type="radio"]:indeterminate + label::after {
     display: block;
     content: "";
     width: 10px;
     height: 3px;
     background-color: #555555;
     border-radius: 2px;
     margin-left: -16.5px;
     margin-top: 7px;
}
 .checkbox input[type="checkbox"]:disabled, .checkbox input[type="radio"]:disabled {
     cursor: not-allowed;
}
 .checkbox input[type="checkbox"]:disabled + label, .checkbox input[type="radio"]:disabled + label {
     opacity: 0.65;
}
 .checkbox input[type="checkbox"]:disabled + label::before, .checkbox input[type="radio"]:disabled + label::before {
     background-color: #eeeeee;
     cursor: not-allowed;
}
 .checkbox.checkbox-circle label::before {
     border-radius: 50%;
}
 .checkbox.checkbox-inline {
     margin-top: 0;
}
 .checkbox-primary input[type="checkbox"]:checked + label::before, .checkbox-primary input[type="radio"]:checked + label::before {
     background-color: #337ab7;
     border-color: #337ab7;
}
 .checkbox-primary input[type="checkbox"]:checked + label::after, .checkbox-primary input[type="radio"]:checked + label::after {
     color: #fff;
}
 .checkbox-black input[type="checkbox"]:checked + label::before, .checkbox-black input[type="radio"]:checked + label::before {
     background-color: #111111;
     border-color: #111111;
}
 .checkbox-black input[type="checkbox"]:checked + label::after, .checkbox-black input[type="radio"]:checked + label::after {
     color: #fff;
}
 .checkbox-danger input[type="checkbox"]:checked + label::before, .checkbox-danger input[type="radio"]:checked + label::before {
     background-color: #d9534f;
     border-color: #d9534f;
}
 .checkbox-danger input[type="checkbox"]:checked + label::after, .checkbox-danger input[type="radio"]:checked + label::after {
     color: #fff;
}
 .checkbox-info input[type="checkbox"]:checked + label::before, .checkbox-info input[type="radio"]:checked + label::before {
     background-color: #5bc0de;
     border-color: #5bc0de;
}
 .checkbox-info input[type="checkbox"]:checked + label::after, .checkbox-info input[type="radio"]:checked + label::after {
     color: #fff;
}
 .checkbox-warning input[type="checkbox"]:checked + label::before, .checkbox-warning input[type="radio"]:checked + label::before {
     background-color: #f0ad4e;
     border-color: #f0ad4e;
}
 .checkbox-warning input[type="checkbox"]:checked + label::after, .checkbox-warning input[type="radio"]:checked + label::after {
     color: #fff;
}
 .checkbox-success input[type="checkbox"]:checked + label::before, .checkbox-success input[type="radio"]:checked + label::before {
     background-color: #5cb85c;
     border-color: #5cb85c;
}
 .checkbox-success input[type="checkbox"]:checked + label::after, .checkbox-success input[type="radio"]:checked + label::after {
     color: #fff;
}
 .checkbox-primary input[type="checkbox"]:indeterminate + label::before, .checkbox-primary input[type="radio"]:indeterminate + label::before {
     background-color: #337ab7;
     border-color: #337ab7;
}
 .checkbox-primary input[type="checkbox"]:indeterminate + label::after, .checkbox-primary input[type="radio"]:indeterminate + label::after {
     background-color: #fff;
}
 .checkbox-black input[type="checkbox"]:indeterminate + label::before, .checkbox-black input[type="radio"]:indeterminate + label::before {
     background-color: #111;
     border-color: #111;
}
 .checkbox-black input[type="checkbox"]:indeterminate + label::after, .checkbox-black input[type="radio"]:indeterminate + label::after {
     background-color: #fff;
}
 .checkbox-danger input[type="checkbox"]:indeterminate + label::before, .checkbox-danger input[type="radio"]:indeterminate + label::before {
     background-color: #d9534f;
     border-color: #d9534f;
}
 .checkbox-danger input[type="checkbox"]:indeterminate + label::after, .checkbox-danger input[type="radio"]:indeterminate + label::after {
     background-color: #fff;
}
 .checkbox-info input[type="checkbox"]:indeterminate + label::before, .checkbox-info input[type="radio"]:indeterminate + label::before {
     background-color: #5bc0de;
     border-color: #5bc0de;
}
 .checkbox-info input[type="checkbox"]:indeterminate + label::after, .checkbox-info input[type="radio"]:indeterminate + label::after {
     background-color: #fff;
}
 .checkbox-warning input[type="checkbox"]:indeterminate + label::before, .checkbox-warning input[type="radio"]:indeterminate + label::before {
     background-color: #f0ad4e;
     border-color: #f0ad4e;
}
 .checkbox-warning input[type="checkbox"]:indeterminate + label::after, .checkbox-warning input[type="radio"]:indeterminate + label::after {
     background-color: #fff;
}
 .checkbox-success input[type="checkbox"]:indeterminate + label::before, .checkbox-success input[type="radio"]:indeterminate + label::before {
     background-color: #5cb85c;
     border-color: #5cb85c;
}
 .checkbox-success input[type="checkbox"]:indeterminate + label::after, .checkbox-success input[type="radio"]:indeterminate + label::after {
     background-color: #fff;
}
 .radio {
     padding-left: 20px;
     line-height: 1;
}
 .radio label {
     display: inline-block;
     vertical-align: middle;
     position: relative;
     padding-left: 5px;
}
 .radio label::before {
     content: "";
     display: inline-block;
     position: absolute;
     width: 17px;
     height: 17px;
     left: 0;
     margin-left: -20px;
     border: 1px solid #cccccc;
     border-radius: 50%;
     background-color: #fff;
     -webkit-transition: border 0.15s ease-in-out;
     -o-transition: border 0.15s ease-in-out;
     transition: border 0.15s ease-in-out;
}
 .radio label::after {
     display: inline-block;
     position: absolute;
     content: " ";
     width: 11px;
     height: 11px;
     left: 3px;
     top: 3px;
     margin-left: -20px;
     border-radius: 50%;
     background-color: #555555;
     -webkit-transform: scale(0, 0);
     -ms-transform: scale(0, 0);
     -o-transform: scale(0, 0);
     transform: scale(0, 0);
     -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
     -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
     -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
     transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
 .radio input[type="radio"] {
     opacity: 1;
     z-index: 1;
     cursor: pointer;
}
 .radio input[type="radio"]:focus + label::before {
     outline: thin dotted;
     outline: 5px auto -webkit-focus-ring-color;
     outline-offset: -2px;
}
 .radio input[type="radio"]:checked + label::after {
     -webkit-transform: scale(1, 1);
     -ms-transform: scale(1, 1);
     -o-transform: scale(1, 1);
     transform: scale(1, 1);
}
 .radio input[type="radio"]:disabled {
     cursor: not-allowed;
}
 .radio input[type="radio"]:disabled + label {
     opacity: 0.65;
}
 .radio input[type="radio"]:disabled + label::before {
     cursor: not-allowed;
}
 .radio.radio-inline {
     margin-top: 0;
     font-size: 14px;
}
 .radio-primary input[type="radio"] + label::after {
     background-color: #337ab7;
}
 .radio-primary input[type="radio"]:checked + label::before {
     border-color: #337ab7;
}
 .radio-primary input[type="radio"]:checked + label::after {
     background-color: #337ab7;
}
 .radio-black input[type="radio"] + label::after {
     background-color: #111;
}
 .radio-black input[type="radio"]:checked + label::before {
     border-color: #111;
}
 .radio-black input[type="radio"]:checked + label::after {
     background-color: #111;
}
 .radio-danger input[type="radio"] + label::after {
     background-color: #d9534f;
}
 .radio-danger input[type="radio"]:checked + label::before {
     border-color: #d9534f;
}
 .radio-danger input[type="radio"]:checked + label::after {
     background-color: #d9534f;
}
 .radio-info input[type="radio"] + label::after {
     background-color: #5bc0de;
}
 .radio-info input[type="radio"]:checked + label::before {
     border-color: #5bc0de;
}
 .radio-info input[type="radio"]:checked + label::after {
     background-color: #5bc0de;
}
 .radio-warning input[type="radio"] + label::after {
     background-color: #f0ad4e;
}
 .radio-warning input[type="radio"]:checked + label::before {
     border-color: #f0ad4e;
}
 .radio-warning input[type="radio"]:checked + label::after {
     background-color: #f0ad4e;
}
 .radio-success input[type="radio"] + label::after {
     background-color: #5cb85c;
}
 .radio-success input[type="radio"]:checked + label::before {
     border-color: #5cb85c;
}
 .radio-success input[type="radio"]:checked + label::after {
     background-color: #5cb85c;
}
 input[type="checkbox"].styled:checked + label:after, input[type="radio"].styled:checked + label:after {
     font-family: 'Ionicons';
     content: "\f122";
}
 input[type="checkbox"] .styled:checked + label::before, input[type="radio"] .styled:checked + label::before {
     color: #fff;
}
 input[type="checkbox"] .styled:checked + label::after, input[type="radio"] .styled:checked + label::after {
     color: #fff;
}
 input[type="radio"] {
     margin: 0;
}
/* MS SOCIAL */
/* *********************************** */
 .ms-share-buttons{
     padding: 0px 60px 20px;
}
 .ms-post-share-bar{
    /*padding-top: 15px;
    */
    /*border-bottom: 1px solid #eeeeee;
    */
}
 .ms-social-bar-top{
    /*padding: 0 20px 15px 60px;
    */
     padding: 10px 0;
}
 .ms-post-share-bar .list-inline{
     margin-bottom: 0;
}
 .ms-post-share-bar .ms-share-buttons{
     padding: 0;
}
 .ms-share-buttons-compact .ms-share-btn{
     width: 37px;
     -webkit-transition: width 0.3s ease-in-out;
     -moz-transition: width 0.3s ease-in-out;
     -o-transition: width 0.3s ease-in-out;
     transition: width 0.3s ease-in-out;
}
 .ms-share-buttons-compact .ms-share-btn .ms-social-icon{
     left: -10px;
     -webkit-transition: left 0.3s ease-in-out;
     -moz-transition: left 0.3s ease-in-out;
     -o-transition: left 0.3s ease-in-out;
     transition: left 0.3s ease-in-out;
}
 .ms-share-buttons-compact .ms-share-btn:hover .ms-social-icon{
     left: -3px;
}
 .ms-share-buttons-compact .ms-share-btn:hover{
     width: 130px;
}
 .ms-share-buttons.ms-share-buttons-compact .list-inline{
     padding-bottom: 0;
     border-bottom: 0;
     margin-left: 0;
}
 .ms-share-buttons .list-inline > li{
     padding-left: 0;
     padding-right: 3px;
}
 .ms-share-buttons .list-inline{
     border-bottom: 1px solid #eee;
     padding-bottom: 20px;
     margin-left: 0;
}
 .ms-share-buttons .form-group{
     margin-bottom: 5px;
}
 .ms-share-btn{
     font-weight: 400;
     padding: 4px 15px 8px 20px;
     color: #ffffff;
     position: relative;
     text-align: left;
     border-radius: 3px;
}
 .ms-share-btn:hover, .ms-share-btn:active, .ms-share-btn:focus{
     color: #ffffff;
}
 .ms-social-icon{
     display: inline-block;
     width: 18px;
     font-weight: normal !important;
     font-size: 18px;
     position: relative;
     left: -5px;
     top: 2px;
     line-height: 19px;
}
 .ms-social-text{
     display: inline-block;
}
 .ms-share-btn:hover{
     color: #ffffff;
}
 .ms-social-facebook{
     background: #3b5998;
}
 .ms-social-twitter{
     background: #55acee;
}
 .ms-social-pinterest{
     background: #cb2027;
}
 .ms-social-googleplus{
     background: #dd4b39;
}
 .ms-social-linkedin{
     background: #0976b4;
}
 .ms-social-reddit{
     background: #5f99cf;
}
 .ms-social-email{
     background: #777;
}
 .share-count{
     display: inline-block;
    /* font-weight: 700;
    */
     font-family: 'montserratregular', sans-serif;
    /*margin-left: 5px;
    */
    /*padding: 0 8px;
    */
    /*margin-right: -11px;
    */
     opacity: 0;
     -webkit-transition: opacity 0.3s ease-in-out;
     -moz-transition: opacity 0.3s ease-in-out;
     -o-transition: opacity 0.3s ease-in-out;
     transition: opacity 0.3s ease-in-out;
}
 .share-count.is-loaded {
     opacity: 0.7;
}
/* MS DIALOG */
/* *********************************** */
 .ms-dialog-open{
     overflow: hidden;
}
 .ms-dialog{
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 9999;
     width: 100%;
     height: 100%;
     background-color: #ffffff;
}
 .ms-dialog-header{
     position: relative;
     padding: 13px 30px;
     border-bottom: 1px solid #eeeeee;
     overflow: hidden;
     font-size: 12px;
     text-transform: uppercase;
     color: #888;
     text-align: center;
     letter-spacing: 1px;
     min-height: 46px;
}
 .ms-dialog-close-btn{
     position: absolute;
     right: 30px;
     top: 9px;
     font-size: 28px;
     color: #888;
}
 #search-dialog .ms-dialog-header{
     border: 0;
}
 #search-form{
     padding: 80px 20px 0;
}
 #search-input{
     font-family: 'montserratregular', sans-serif;
     font-weight: 400;
     font-size: 28px;
     line-height: 32px;
     height: 50px;
     border: 0;
     border-bottom: 2px solid #eeeeee;
     box-shadow: none;
     padding: 0;
}
/* MS PAGINATION */
/* *********************************** */
 .pagination{
     margin: 40px 0;
}
 .pagination > li > a{
     padding: 8px 16px;
     border-radius: 0 !important;
}
 .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
     background-color: #0c6eb7;
     border-color: #0c6eb7;
}
 .pagination > li > a, .pagination > li > span{
     color: #2b2b2b;
}
 .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{
     color: #2b2b2b;
}
/* MS TABS */
/* *********************************** */
 .ms-tabs > li > a{
     background: transparent;
     border-radius: 0;
     border: 0;
    /*border-bottom: 3px solid transparent;
    */
     color: #444;
     font-size: 14px;
     text-transform: uppercase;
     letter-spacing: 1px;
    /* font-weight: 700;
    */
     font-family: 'montserratregular', sans-serif;
}
 .ms-tabs > li > a:hover{
     background: none;
}
 .ms-tabs > li > a{
     color: #444;
     overflow: hidden;
}
 .ms-tabs > li > a::after{
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 4px;
     background: #6583AC;
     content: '';
     -webkit-transition: -webkit-transform 0.3s;
     transition: transform 0.3s;
     -webkit-transform: translate3d(0,150%,0);
     transform: translate3d(0,150%,0);
}
 .ms-tabs > li.active > a, .ms-tabs > li.active > a:hover, .ms-tabs > li.active > a:focus{
     background: transparent;
    /*border-color: #6583AC;
     */
     color: #6583AC;
}
 .ms-tabs > li.active > a::after{
     -webkit-transform: translate3d(0,0,0);
     transform: translate3d(0,0,0);
}
 .ms-tabs > li.active > a::after, .ms-tabs > li.active > a::after:hover, .ms-tabs > li.active > a::after:focus{
     -webkit-transform: translate3d(0,0,0);
     transform: translate3d(0,0,0);
}
 .more-post-wrap .ms-tabs > li > a{
     font-family: 'montserratregular', sans-serif;
     padding: 10px 30px 10px 0;
     margin-right: 10px;
}
 .more-post-wrap .post-card-meta{
     font-size: 12px;
     line-height: 16px;
     margin-left: 0;
}
/* TABLE */
/* *********************************** */
 .table > thead > tr > th, .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
     border-color: #eeeeee;
     padding: 8px 20px;
}
 .table-lg > thead > tr > th, .table-lg > thead > tr > th, .table-lg > tbody > tr > th, .table-lg > tfoot > tr > th, .table-lg > thead > tr > td, .table-lg > tbody > tr > td, .table-lg > tfoot > tr > td{
     padding: 20px 20px;
}
 .table-bordered{
     border-color: #eeeeee;
}
 .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: #eeeeee;
}
 th{
     font-weight: normal;
     text-transform: uppercase;
     font-family: 'montserratregular', sans-serif;
    /*letter-spacing: 2px;
    */
     color: #222;
     font-size: 11px;
}
 .table.borderless td, .table.borderless th {
     border: none;
}
 .table-no-padding > thead > tr > th, .table-no-padding > tbody > tr > th, .table-no-padding > tfoot > tr > th, .table-no-padding > thead > tr > td, .table-no-padding > tbody > tr > td, .table-no-padding > tfoot > tr > td{
     padding: 0;
}
 hr{
     border-color: #eeeeee;
}
 .landing-blog{
     padding: 40px 0;
     min-height: auto;
}
 #blog-section{
}
/* PANELS */
/* *********************************** */
 .panel-default {
     border-color: #dddddd;
}
 .panel-default > .panel-heading {
     color: #333;
     background-color: #ffffff;
     border-color: #dddddd;
}
 .panel-group .panel{
     border-radius: 0;
}
 .panel-group .panel:first-child{
     border-radius: 4px 4px 0 0;
}
 .panel-group .panel:last-child{
     border-radius: 0 0 4px 4px;
}
 .panel-default > .panel-heading + .panel-collapse > .panel-body {
     background: #fafafa;
}
 .panel-group .panel + .panel{
     margin-top: -1px;
}
 .panel-heading{
     padding: 15px 18px;
}
 .panel-title{
     font-size: 14px;
}
 .panel-heading a{
     display: block;
     text-decoration: none;
}
 .panel-heading a:hover, .panel-heading a:focus{
     text-decoration: none;
}





/* *********************************** */
/* POST STYLES */
/* *********************************** */
.list-post-grid{
    list-style: none;
    padding: 0;
    margin: 0;
}

.post-card-wrap{
    position: relative;
    min-height: 400px;
    /*background: #f1f1f1;*/
    /*border: 1px solid #eeeeee;*/
    /*margin-bottom: 30px;*/
    box-shadow: 0 0 1px #f3f3f3;
    padding: 20px;
    
    background: #ffffff;
    -webkit-transition: box-shadow 0.3s ease-in-out;
    -moz-transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out;
}

.post-card-wrap:hover{
    box-shadow: inset 0 0 3px #dddddd;
}

.post-card-wrap .post-link{
    display: block;
}
.post-card{
    position: relative;
    z-index: 2;
}
.post-card .text{

    /*opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    padding: 20px;*/
}
.post-card:hover .text{
    opacity: 1;
}
.post-card .post-link{
    display: block;
    /*background-color: #2b2b2b;*/
}

/* WALL STYLE */
.summary-wall .summary-item{
    /*background-color: #ffffff;*/
    /*padding: 0;*/
}
.summary-wall-container{
    padding: 60px 0;
    background: #222222;
}
.summary-wall .summary-item:hover .post-card-wrap-wall{
    /*box-shadow: 0 0px 25px rgba(0,0,0,0.1);*/
}
.post-card-wrap-wall{
    /*box-shadow: 0 0px 5px rgba(0,0,0,0.1);*/
    background: #fff;
    -webkit-transition: box-shadow 0.3s ease-in-out;
    -moz-transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out;
    margin-bottom: 20px;
    min-height: 600px;
}

#blog-posts-masonry .post-card-wrap-wall{
    min-height: auto;
}

.post-card-wrap-wall .text{
    padding: 1px 15px;
}

.blog--list--wrapper .post-card-wrap-wall .text{
    /*min-height: 200px;*/
}


.post-card .image-body{
    margin-bottom: 15px;
}

.post-card h3{
    color: #45291B;
    margin-top: 0;
    /* padding-top: 10px; */
    margin-bottom: 14px;
    font-size: 18px;
    line-height: 24px;
    font-weight: normal;
    /*text-align: center;*/
}

.blog-title-center {
    color: #45291B;
    margin-top: 14px;
    padding-top: 10px;
    margin-bottom: 14px;
    font-size: 18px;
    line-height: 24px;
    font-weight: normal;
    text-align: center;
}
.post-card .intro {
    color: #888;
    text-align: center;
}


.summary-carousel .post-card h3{
    padding-top: 0;
}
#content-block-featured .post-card h3{
    font-size: 16px;
    line-height: 22px;
}
.post-card h3 a{
    color: #111;
}
.post-card .title{
    color: #45291b;
    
    -webkit-transition: box-shadow 0.3s ease;
    -moz-transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
}
.post-card:hover .title{
    /*box-shadow: inset 0 -1px 0 #2b2b2b;*/
    text-transform: normal;
}

.post-card .image{
    /*background-color: #6d6e71;*/
    background-color: #f4f4f4;
    background-position: center center;
    background-size: cover;
    display: block;
    height: 0;
    overflow: hidden;
    width: 100%;
    color: #fff;
    /*padding-top: 50%;  Aspect Ratio Auto */
    /*padding-top: 56.25%;*/
    padding-top: 110%;
    position: relative;
    /*box-shadow: 0 0 8px rgba(0,0,0,0.075);*/
}

/*
    Image Aspect ratio
    1:1 Square: 100% 
    3:2 Standard: 66.6667%
    2:3 Standard (Vertical): 150%
    4:3 Four-Three: 75%
    3:4 Three-Four (Vertical): 133.333%
    16:9 Widescreen: 56.25%
    2.4 Anomorphic Widescreen: 41.6667%
*/
.ar-square .image{
    padding-top: 41.6667%;
}
.ar-standard .image{
    padding-top: 66.6667%;
}
.ar-standard-vertical .image{
    padding-top: 150%;
}
.ar-four-three .image{
    padding-top: 75%;
}
.ar-three-four-vertical .image{
    padding-top: 133.333%;
}
.ar-widescreen .image{
    padding-top: 56.25%;
}
.ar-anomorphic-widescreen .image{
    padding-top: 41.6667%;
}

.image{
    /*-webkit-transform-style: preserve-3d;*/
    /*-webkit-transform:translate3d(0,0,0);*/

    -webkit-transform:translate3d(0,0,0);
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden; 
    -moz-backface-visibility:    hidden; 
    -ms-backface-visibility:     hidden;
}
.post-card .image-backdrop:hover{
    opacity: 0;
}
.image-backdrop{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6d6e71000+0,000000+100&0+0,0.65+100 */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
    opacity: 0.3;
    z-index: 1;

    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}



.post-card .intro{
    color: #888;
    text-align: center;
    /*font-size: 14px;
    line-height: 20px;*/
}
.post-card-meta{
    margin-top: 12px;
    /*color: rgba(0,0,0,0.4);*/
    color: #45291b;
    line-height: 20px;
    margin: 0;
}
.post-card-meta > li:first-child{
    padding-left: 0;
}
.post-card-meta .share-btn{
    opacity: 0;
    color: #888;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
.summary-item:hover .post-card-meta .share-btn{
    opacity: 1;
}
.post-body-wrap{
    /*box-shadow: 7px 3px 16px rgba(0,0,0,0.05);*/
    /*overflow: hidden;*/
    padding-bottom: 40px;
    /*box-shadow: 0 3px 16px rgba(0,0,0,0.2);*/
}
.more-post-wrap{
    padding: 10px 60px 40px;
}
.comments-post-wrap{
    padding: 10px 60px 40px;
}
.more-post-wrap .tab-content{
    padding: 20px 0;
}
.more-post-wrap .post-card h3{
    margin-top: 5px;
    font-size: 14px;
    line-height: 18px;
}

.post-user-meta{
    background: #f1f1f1;
    padding: 30px 60px;
    color: #333;
}
.post-user-meta a{
    /*color: #ffffff;*/
    /*box-shadow: inset 0 -1px 0 #999;*/
}
.post-user-meta a:hover{
    box-shadow: inset 0 -1px 0 #ffffff;
}
.post-user-meta .author-photo{
    overflow: hidden;
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    box-shadow: 0 0 0 4px #ffffff;
    margin-bottom: 20px;
    /*margin-right: 20px;*/
}
.post-user-meta .author-photo:hover{
    box-shadow: 0 0 0 4px #ffffff;
}
.post-user-meta .author-meta{

}
.post-user-meta hr{
    border-color: #444;
}
.post-user-meta .author-name{
    /*color: #ffffff;*/
    font-size: 16px;
    line-height: 24px;
/*  font-weight: 700;*/
    /*font-family: 'Quattrocento Sans', sans-serif;*/
    box-shadow: none;
}


.artist-link{
    color: #17212c;
    text-transform: uppercase;
    /*font-family: "Quattrocento Sans", "Helvetica Neue", Helvetica, sans-serif;*/
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 14px;
    letter-spacing: 1px;
}
.artist-link-lg{
    font-size: 16px;
}






/* MASONRY STYLE */
.msis-summary-container {
  margin: 0 auto;
}
/* MASONRY STYLE */
.ms-carousel-item{
    padding: 5px 0;
}

/* SUMMARY LIST STYLE */
.summary-list .ms-list-item{
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
}
.summary-list .ms-list-item .post-image-wrap{
    width: 40%;
}
.summary-list .ms-list-item .post-image-wrap.list-image-left{
    float: left;
    padding-right: 20px;
}
.summary-list .ms-list-item .post-image-wrap.list-image-right{
    float: right;
    padding-left: 20px;
}
.summary-list .ms-list-item .text{
    float: left;
    width: 60%;
}

.widget.sidebar-widget .summary-list .post-card h3{
    padding-top: 0;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 22px;
}



/* BLOG */
.landing-page-section-title {
    padding: 130px 0 0;
    text-align: center;
}
.summary-wall .post-card .image-body {
    height: 230px;
    overflow: hidden;
    position: relative;
    width: 100%;
    background: #f1f1f1;
}
.summary-wall .post-card .image {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover;
    object-position: top center;
}
.subhead-1 {
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #45291b;
    position: relative;
    margin-bottom: 40px;
    display: block;
    font-size: 18px;
}




.post-card-wrap-carousel{
    /*padding: 15px;*/
    background: #ffffff;
    box-shadow: 0 0 8px rgba(0,0,0,0.075);
    
    -webkit-transition: box-shadow 300ms ease-in-out;
    -moz-transition: box-shadow 300ms ease-in-out;
    -ms-transition: box-shadow 300ms ease-in-out;
    transition: box-shadow 300ms ease-in-out;
}
.ms-carousel-item:hover .post-card-wrap-carousel{
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}

.post-card-layer{
    box-shadow: 3px 4px rgba(255,255,255,0.8),6px 7px rgba(255,255,255,0.6);
}
.post-card-layer:hover{
    box-shadow: 5px 6px rgba(255,255,255,0.8),10px 11px rgba(255,255,255,0.6);
}


.post-card-wrap-body-carousel .text{
    /*padding: 1px 15px;*/
    padding: 8px 21px;
}



.blog--landing--body .author-photo{
    overflow: hidden;
    display: inline-block;
    width: 120px;
    height: 120px;
    border-radius: 60px;
    box-shadow: 0 0 0 4px #ffffff;
    /*margin-right: 20px;*/
}
.blog--landing--body .blog-author-profile{
    padding: 120px 0;
}
.blog--landing--body .author-meta{
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
}
.blog--landing--body .author-name{
    color: #ffffff;
    font-size: 26px;
    line-height: 34px;
    /*font-family: 'Quattrocento Sans', sans-serif;*/
    font-weight: 400;
    box-shadow: none;
}
.blog--landing--body a{
    color: #ffffff;
    font-weight: 400;
}

.blog--landing--body{
    position: relative;
    z-index: 2;
}
.blog--landing--wrap{
    /*background: #2b2b2b;
    position: relative;
    min-height: 200px;
    min-height: 300px;
    color: #fff;
    margin-bottom: 20px;
    padding-top: 65px;*/
}
.blog--landing--wrap .image-backdrop{
    opacity: 0;
}

.blog-category-list{
    text-align: center;
    margin-bottom: 50px;
}
.blog-category-list > li > a{
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 11px;
    padding: 10px 5px;
}
.blog-category-list > li.active > a{
    text-decoration: underline;
}

.featured-blog-category-2 {
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #45291b;
    position: relative;
    margin-bottom: 40px;
    display: block;
    font-size: 12px;
}

.page-title-wrap{
    /*padding: 50px 0 0;*/
}
.page-description-wrap{
    text-align: center;
    
    padding: 20px;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    /*background: rgba(0,0,0,0.3);*/
}

.page-title-wrap h1{
    /*font-size: 48px;
    line-height: 52px;
    font-family: 'Quattrocento Sans', serif;
    font-weight: 400;*/
}
.landing-backdrop{
    /*background-color: #2b2b2b;*/
    background-size: 1400px;
    background-position: center top;
    background-repeat: no-repeat;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    /*-webkit-filter: blur(8px);*/
    /*-moz-filter: blur(8px);*/
    /*-ms-filter: blur(8px);*/
    /*filter: blur(8px);*/
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    opacity: 0.8;
}

.arrow-clip{
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 97%, 10% 97%, 8% 100%, 6% 97%, 0 97%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 97%, 10% 97%, 8% 100%, 6% 97%, 0 97%);
}





/* EVENT STYLE */
.event-list-wrap{
    padding: 50px 0;
}
.event-image-wrap{
    margin-bottom: 20px;
}
.event-list-wrap .event-item{
    font-size: 16px;
    line-height: 26px;
    min-height: 200px;
    margin-bottom: 50px;
}
.event-item .event-meta{
    margin-bottom: 10px;
}
.event-item .intro{
    color: #888;
}
.event-list-wrap .event-date{
    position: absolute;
    right: 20px;
    top: 5px;
    z-index: 1;
    line-height: 22px;
}
.event-list-wrap .event-item .post-link{
    display: block;
    margin-top: 10px;
}
.event-list-wrap .event-item .post-link h3{
    text-transform: uppercase;
    margin-top: 0;
}

.event-month{
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
}
.event-date{
    background: #2b2b2b;
    color: #ffffff;
    padding: 10px 24px 14px;
    text-align: center;
}
.event-day{
    font-size: 24px;
}

.dashed-to{
    letter-spacing: -1px;
}

.event-date-and-place-wrap{
    display: inline-block;
    padding: 20px 30px;
    background: #ffffff;
    position: relative;
    z-index: 2;
    margin-top: -30px;
    margin-left: 40px;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
.event-form-wrapper{
    padding: 40px 100px;    
    background: #AAFFA9;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #11FFBD, #AAFFA9);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #11FFBD, #AAFFA9); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.event-form-wrapper .form-control{
    border: 0;
}






/* *********************************** */
/* MS DATEPICKER */
/* *********************************** */
 .datepicker{
     border: 0;
     box-shadow: 0 1px 13px 0 rgba(0,0,0,0.1);
     margin-top: 3px;
}
 .datepicker *{
     text-shadow: none !important;
}
 .datepicker table{
     width: 100%;
}
 .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th{
     font-family: 'montserratbold', Helvetica, Arial, sans-serif;
     font-weight: normal;
}
 .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td{
     padding: 5px 10px;
}
 .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled]{
     background: #0e6db7;
}
 .datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active[disabled]{
     background-image: none;
     background: #999999;
}
 .datepicker-inline {
     width: 290px;
}
 .datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover{
     background: #ccc !important;
    /*background-image: linear-gradient(to right, #f78ca0 0%, #f9748f 19%, #fd868c 60%, #fe9a8b 100%);
    */
     color: #ffffff;
}
 .datepicker-dropdown.datepicker-orient-top:before{
     border-top: 7px solid #f1f1f1;
}
 .datepicker-dropdown:before{
     border-bottom-color: #f1f1f1;
}
/* SINGLE POST */
 .blog-post-container{
    /*box-shadow: 0 1px 18px rgba(0,0,0,0.1);
    */
     background: #ffffff;
     -webkit-transition: -webkit-transform 300ms ease-in-out;
     -moz-transition: -moz-transform 300ms ease-in-out;
     -ms-transition: -ms-transform 300ms ease-in-out;
     transition: transform 300ms ease-in-out;
     overflow: hidden;
    /*border: 1px solid #dddddd;
    */
    /*box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
    */
}
 .arrow_box {
     position: relative;
     background: #fff;
}
 .arrow_box:after {
     top: 100%;
    /*left: 50%;
    */
     left: 70px;
     border: solid transparent;
     content: " ";
     height: 0;
     width: 0;
     position: absolute;
     pointer-events: none;
     border-color: rgba(255, 255, 255, 0);
     border-top-color: #ffffff;
     border-width: 15px;
     margin-left: -15px;
}
 .blog-post-image{
     min-height: 50px;
}
 .blog-post-image .image{
     background-color: #919191;
     background-position: center center;
     background-size: cover;
     display: block;
     height: 0;
     overflow: hidden;
     width: 100%;
     padding-top: 50%;
     padding-top: 59.6667%;
     position: relative;
}
 .blog--post--wrapper{
}
 .post-single-header{
    /*padding: 40px 60px 15px;
    */
     padding: 0px;
    /*border-bottom: 1px solid #ececec;
    */
     z-index: 1;
}
 .post-footer{
     padding: 40px 100px 20px;
}
 .post-single-header .breadcrumb{
     text-transform: uppercase;
     font-size: 12px;
}
 .post-single-header .breadcrumb > .active{
     color: #999;
}
 .breadcrumb{
     background: none;
     padding: 0;
}
 .post-single-header .title{
    /*color: #111;
    */
     font-size: 40px;
     line-height: 46px;
    /*font-weight: 700;
    */
    /*font-family: 'montserratregular', "Helvetica Neue", Helvetica, sans-serif;
    */
     margin-bottom: 15px;
    /*font-family: 'montserratregular', serif;
    */
     font-weight: 400;
}
 .blog-post-content .paragraph-block, .quote-block{
     padding: 40px 100px;
     font-size: 16px;
     line-height: 26px;
    /*font-weight: 300;
    */
}
 .blog-post-content a{
     color: #6583AC;
}
 .blog-post-content a:hover .blog-post-content a:focus{
     text-decoration: underline;
}
 .blog-post-content .image-block{
     position: relative;
}
 .blog-post-content p {
     margin: 0 0 20px;
    /*font-size: 16px;
    */
    /*line-height: 24px;
    */
     margin-bottom: 20px;
}
 .author-thumb img{
     width: 30px;
     height: 30px;
     border-radius: 50%;
}
 .post-meta{
     margin-bottom: 0;
     margin-left: 0;
}
 .post-meta > li{
     padding: 0;
     margin-right: 7px;
     color: #999;
    /*text-transform: uppercase;
    */
     font-size: 12px;
}
 .post-meta > li.tweet > a{
     color: #55acee;
    /* font-weight: 700;
    */
     font-family: 'montserratregular', sans-serif;
}
 .post-sidebar{
    /*border-top: 1px solid #eeeeee;
    */
}
 .post-sidebar-wrap{
}
 .post-sidebar-wrap .side-header{
     margin-top: 0px;
     margin-bottom: 0;
     padding: 0 25px;
    /*font-weight: 900;
    */
}
 .post-sidebar-wrap .post-card h3{
     margin-top: 0;
     padding-top: 0;
     font-size: 14px;
     line-height: 18px;
     margin-bottom: 0;
}
 .post-sidebar-wrap .post-card-meta{
    /*margin-top: 0;
    */
     margin: 0;
}
 .post-sidebar-wrap .ms-list-item{
     padding-bottom: 10px;
    /*border-bottom: 1px solid #eeeeee;
    */
     padding: 15px 25px;
     margin-bottom: 0;
}
/* *********************************** */
/* MODAL */
/* *********************************** */
 .modal{
    /*color: #333;
    */
}
 .modal-md{
     width: 700px;
}
 @media (max-width: 760px ) {
     .modal-md{
         width: auto;
    }
}
 .modal-title{
     font-weight: normal;
     font-family: 'montserratregular', Helvetica, Arial, sans-serif;
     padding: 20px 0;
     font-size: 20px;
    /*text-align: center;
    */
}
 .modal-header{
     border-bottom: none;
    /*box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    */
     border-radius: 0;
     padding: 10px 15px;
     text-align: center;
}
 .modal-header .close{
     margin-top: 0px;
     font-size: 28px;
}
 .modal-body{
     min-height: 80px;
     padding: 15px 40px 30px;
}
 .modal-content{
     border-radius: 3px;
     border: none;
     box-shadow: none;
     -webkit-box-shadow: 0 3px 14px rgba(0, 0, 0, 0.1);
     box-shadow: 0 3px 14px rgba(0, 0, 0, 0.1);
}
 .modal-footer{
     text-align: left;
     padding: 20px 40px 20px 40px;
     border: none;
     box-shadow: none;
    /*border-top: 1px solid #b5c2cd;
    */
     box-shadow: inset 0 0px 4px rgba(0, 0, 0, 0.2);
}
 .kn-modal .modal-title{
     font-family: 'montserratregular', sans-serif;
     font-size: 26px;
     line-height: 28px;
     text-transform: uppercase;
     letter-spacing: 4px;
     padding-top: 50px;
     padding-bottom: 10px;
}
 .kn-modal .modal-body{
     padding: 10px 80px 50px;
}
/* *********************************** */
/* OWL CAROUSEL */
/* *********************************** */
/** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */
/* * Owl Carousel - Core */
 .owl-carousel {
     display: none;
     width: 100%;
     -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
     position: relative;
     z-index: 1;
}
 .owl-carousel .owl-stage {
     position: relative;
     -ms-touch-action: pan-Y;
     touch-action: manipulation;
     -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */
}
 .owl-carousel .owl-stage:after {
     content: ".";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0;
}
 .owl-carousel .owl-stage-outer {
     position: relative;
     overflow: hidden;
    /* fix for flashing background */
     -webkit-transform: translate3d(0px, 0px, 0px);
}
 .owl-carousel .owl-wrapper, .owl-carousel .owl-item {
     -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     -ms-backface-visibility: hidden;
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
}
 .owl-carousel .owl-item {
     position: relative;
     min-height: 1px;
     float: left;
     -webkit-backface-visibility: hidden;
     -webkit-tap-highlight-color: transparent;
     -webkit-touch-callout: none;
}
 .owl-carousel .owl-item img {
     display: block;
     width: 100%;
}
 .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
     display: none;
}
 .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
     cursor: pointer;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
 .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {
     background: none;
     color: inherit;
     border: none;
     padding: 0 !important;
     font: inherit;
}
 .owl-carousel.owl-loaded {
     display: block;
}
 .owl-carousel.owl-loading {
     opacity: 0;
     display: block;
}
 .owl-carousel.owl-hidden {
     opacity: 0;
}
 .owl-carousel.owl-refresh .owl-item {
     visibility: hidden;
}
 .owl-carousel.owl-drag .owl-item {
     -ms-touch-action: pan-y;
     touch-action: pan-y;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
 .owl-carousel.owl-grab {
     cursor: move;
     cursor: grab;
}
 .owl-carousel.owl-rtl {
     direction: rtl;
}
 .owl-carousel.owl-rtl .owl-item {
     float: right;
}
/* No Js */
 .no-js .owl-carousel {
     display: block;
}
/* * Owl Carousel - Animate Plugin */
 .owl-carousel .animated {
     animation-duration: 1000ms;
     animation-fill-mode: both;
}
 .owl-carousel .owl-animated-in {
     z-index: 0;
}
 .owl-carousel .owl-animated-out {
     z-index: 1;
}
 .owl-carousel .fadeOut {
     animation-name: fadeOut;
}
 @keyframes fadeOut {
     0% {
         opacity: 1;
    }
     100% {
         opacity: 0;
    }
}
/* * Owl Carousel - Auto Height Plugin */
 .owl-height {
     transition: height 500ms ease-in-out;
}
/* * Owl Carousel - Lazy Load Plugin */
 .owl-carousel .owl-item {
    /** This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong calculation of the height of the owl-item that breaks page layouts */
}
 .owl-carousel .owl-item .owl-lazy {
     opacity: 0;
     transition: opacity 400ms ease;
}
 .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
     max-height: 0;
}
 .owl-carousel .owl-item img.owl-lazy {
     transform-style: preserve-3d;
}
/* * Owl Carousel - Video Plugin */
 .owl-carousel .owl-video-wrapper {
     position: relative;
     height: 100%;
     background: #000;
}
 .owl-carousel .owl-video-play-icon {
     position: absolute;
     height: 80px;
     width: 80px;
     left: 50%;
     top: 50%;
     margin-left: -40px;
     margin-top: -40px;
     background: url("owl.video.play.png") no-repeat;
     cursor: pointer;
     z-index: 1;
     -webkit-backface-visibility: hidden;
     transition: transform 100ms ease;
}
 .owl-carousel .owl-video-play-icon:hover {
     -ms-transform: scale(1.3, 1.3);
     transform: scale(1.3, 1.3);
}
 .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
     display: none;
}
 .owl-carousel .owl-video-tn {
     opacity: 0;
     height: 100%;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: contain;
     transition: opacity 400ms ease;
}
 .owl-carousel .owl-video-frame {
     position: relative;
     z-index: 1;
     height: 100%;
     width: 100%;
}
/** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */
/* * Default theme - Owl Carousel CSS File */
 .owl-theme .owl-nav {
     margin-top: 10px;
     text-align: center;
     -webkit-tap-highlight-color: transparent;
}
 .owl-theme .owl-nav [class*='owl-'] {
     color: #FFF;
     font-size: 14px;
     margin: 5px;
     padding: 4px 7px;
     background: #D6D6D6;
     display: inline-block;
     cursor: pointer;
     border-radius: 3px;
}
 .owl-theme .owl-nav [class*='owl-']:hover {
     background: #869791;
     color: #FFF;
     text-decoration: none;
}
 .owl-theme .owl-nav .disabled {
     opacity: 0.5;
     cursor: default;
}
 .owl-theme .owl-nav.disabled + .owl-dots {
     margin-top: 10px;
}
 .owl-theme .owl-dots {
     text-align: center;
     -webkit-tap-highlight-color: transparent;
}
 .owl-theme .owl-dots .owl-dot {
     display: inline-block;
     zoom: 1;
     *display: inline;
}
 .owl-theme .owl-dots .owl-dot span {
     width: 10px;
     height: 10px;
     margin: 5px 7px;
     background: #D6D6D6;
     display: block;
     -webkit-backface-visibility: visible;
     transition: opacity 200ms ease;
     border-radius: 30px;
}
 .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
     background: #869791;
}
 #testimonial-slider.owl-theme .owl-dots{
     margin-top: 30px;
}
 #testimonial-slider.owl-theme .owl-dots .owl-dot span{
     background: #ffffff;
     -webkit-transition: all 0.3s !important;
     transition: all 0.3s !important;
}
 .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
     background: #6583AC !important;
}
 .owl-prev, .owl-next{
     margin: 0 !important;
     padding: 3px 7px !important;
     background: transparent !important;
     color: #222 !important;
     opacity: 0.5;
     font-size: 36px !important;
     -webkit-transition: opacity 0.3s !important;
     transition: opacity 0.3s !important;
}
 .owl-prev:hover, .owl-next:hover{
     opacity: 1;
}
 .owl-prev{
     position: absolute;
     top: 50%;
     left: -50px;
     height: 40px;
     margin-top: -20px !important;
}
 .owl-next{
     position: absolute;
     top: 50%;
     right: -50px;
     height: 40px;
     margin-top: -20px !important;
}
 .owl-prev.off-control, .owl-next.off-control{
     opacity: 0;
}
 .ms-loader-image{
     padding: 5px;
     background-color: #fff;
     width: 30px;
     height: 30px;
     border-radius: 15px;
     box-shadow: 0 0 8px rgba(0,0,0,0.2);
}
 .ms-panel{
     background-color: #ffffff;
     padding: 30px;
     box-shadow: 0 0 4px rgba(0,0,0,0.2);
     margin-bottom: 30px;
}
 .ms-panel .header{
     margin-top: 0;
}
 ul.list-check{
     padding-left: 10px;
     text-indent: 2px;
     list-style: none;
     list-style-position: outside;
}
 .list-check > li:before {
     content: '✔';
    /*content: '\f373';
     */
    /*content: '\f120';
     */
    /*content: '\f373';
     */
    /*margin-left: -2em;
    */
    /*margin-right: .100em;
    */
     color: #00ad66;
     font-family: "Ionicons";
     position: relative;
     left: -10px;
}
 .google-map iframe{
     width: 100%;
}


#landing-powered-by-ekonek{
    width: 100px;
    /*position: absolute;
    bottom: -100px;
    left: 50%;
    margin-left: -50px;
    right: 0;
    z-index: 1;
    text-align: center;*/
}


/* *********************************** */
/* FOOTER */
/* *********************************** */
 #footer .container {
     display: none;
}
 #footer {
     /*background: #232323 !important;*/
}
 .footer-redirect-link{
}
 .footer-redirect-link a{
     font-family: 'montserratregular', sans-serif;
     padding: 44px;
     font-size: 20px;
     color: #ffffff;
     display: block;
}
 #footer{
     position: relative;
     /*background: #333;*/
    /*border-top: 1px solid #f1f1f1;
    */
     padding: 100px 0 150px;
     padding-bottom: 50px;
     /*color: #ffffff;*/
}
/*#footer:after{
     content: '';
     width: 50%;
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     background: #272727;
     z-index: 1;
}
*/
 .footer-contact-form-wrap{
     position: relative;
     z-index: 2;
}
 .footer-contact-form-wrap .has-error .help-block{
     color: #ffffff !important;
}
 .footer-contact-form-wrap .form-group{
     margin-bottom: 10px;
}
 .footer-contact-form-wrap .form-control{
     background: #383838;
     color: #ffffff;
     border: 0;
}
 .footer-contact-form-wrap .btn-primary{
     background: #383838;
     color: #ffffff;
     border: 0;
}
 #footer h3 a{
     /*color: #ffffff;*/
}
 .footer-header{
     font-family: 'montserratregular', "Helvetica Neue", Helvetica, sans-serif;
     margin-top: 15px;
     margin-bottom: 30px;
     font-weight: normal;
     font-size: 16px;
     text-transform: uppercase;
     letter-spacing: 2px;
}
 .footer-lv1{
     position: relative;
     z-index: 3;
     font-size: 16px;
     font-family: 'montserratregular', "Helvetica Neue", Helvetica, sans-serif;
     margin-bottom: 20px;
}
 .address-and-contactno-wrap{
     font-size: 16px;
     line-height: 26px;
}
 #footer-body{
     margin-top: 20px;
     padding: 50px;
     border-top: 1px solid #eeeeee;
     text-align: center;
     text-transform: uppercase;
     font-size: 12px;
     letter-spacing: 2px;
     color: #6d6e71;
}
 .list-block{
     margin: 0;
     padding: 0;
     list-style: none;
}
 .list-block > li{
     display: block;
}
 .list-block > li > a{
     display: block;
     padding: 8px 0;
     font-size: 16px;
}
 #footer .list-block > li > a{
     /*color: #999;*/
}
 #footer .list-block > li > a:hover{
     /*color: #ffffff;*/
}
 .all-rights-wrap{
     margin-top: 40px;
     text-transform: uppercase;
     letter-spacing: 2px;
     font-size: 11px;
}
 #ig-footer {
     position:relative;
     text-align:center;
     overflow:hidden;
}
 #ig-footer h4 {
     margin: 0;
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%,-50%);
     -moz-transform: translate(-50%,-50%);
     -o-transform: translate(-50%,-50%);
     transform: translate(-50%,-50%);
     background: #fff;
     padding: 20px 22px;
     z-index: 999;
     text-transform: uppercase;
     letter-spacing: 2px;
     font-size: 12px;
}
 #ig-footer .instagram-pics li {
     width: 12.5%;
     display:inline-block;
    /*float:left;
    */
}
 #ig-footer .instagram-pics li a{
    /*min-height: 208px;
    */
     display: inline-block;
}
 #ig-footer .instagram-pics li img {
     max-width:100%;
     height:auto;
     vertical-align:middle;
}
 #ig-footer .instagram-pics li img:hover {
     opacity:.87;
}
 #ig-footer p.clear {
     display:none;
}
 .instagram-pics{
     margin: 0;
     padding: 0;
     list-style: none;
}


#footer-section{
    text-align: center;
    padding: 40px 0;
}
.footer-logo-2{
    display: block;
    width: 150px;
    margin: 10px auto 0;
}


/* *********************************** */
/* CUSTOMER DASHBOARD */
/* *********************************** */
 #avatar-for-crop{
     display: none !important;
}
 .dashboard-sidebar-wrap{
     padding: 40px 0;
     background: #DFE6EF;
}
 .sidebar-nav{
     padding: 0;
     margin: 0;
     list-style: none;
}
 .sidebar-nav > li {
     display: block;
}
 .sidebar-nav > li > a{
     display: block;
     padding: 10px 60px;
     color: #333;
     text-transform: uppercase;
     letter-spacing: 1px;
     border-left: 1px solid transparent;
}
 .sidebar-nav > li.active > a{
     color: #111;
     border-left: 1px solid #333;
}
 .customer-nav{
    /*margin-top: 74px;
    */
     background: #0D6EB7;
     margin-bottom: 0;
}
 .customer-nav .nav > li > a{
     display: block;
     padding: 18px 0;
     color: #fff;
     text-transform: uppercase;
     letter-spacing: 1px;
     border-bottom: 2px solid transparent;
     margin-right: 50px;
     font-size: 13px;
}
 .customer-nav .nav > li:last-child > a{
     margin-right: 0;
}
 .customer-nav .nav > li.active > a, .customer-nav .nav > li.active > a:hover, .customer-nav .nav > li > a:hover{
     background: transparent;
     color: #ffffff;
     border-bottom: 2px solid #f5a728;
}
 .page-header-3{
     text-transform: uppercase;
     font-size: 20px;
     line-height: 28px;
     border-bottom: 1px solid #CBCBCB;
     padding-bottom: 20px;
     letter-spacing: 1px;
}
 .account-section{
     padding: 80px 0 100px;
}
 .customer-register-wrap{
     padding: 50px 0;
}
 .account-body-wrap{
     padding: 0 0 0 50px;
}
 @media ( max-width: 760px ){
     .account-body-wrap{
         padding: 0;
    }
}
 .control-label-1{
     text-transform: uppercase;
     font-size: 14px;
     letter-spacing: 1px;
     color: #888;
}
 .label-value{
     font-size: 20px;
     line-height: 26px;
}






/* PAGE CONTENT BUILDER */

.section-featured-img.portrait-img{
    min-height: 420px;
    width: 280px;
}
.section-featured-img.landscape-img{
    /*max-height: 300px;
    min-height: 300px;
    max-width: 580px;*/

    min-height: 400px;
    max-width: 700px;


}
.section-picture-overlap{
    position: relative;
    margin-bottom: 140px;
}
.section-picture-featured-front{
    max-width: 400px;

    /*transition-duration: 1000s !important;
    transition-delay: 2.5s !important;*/
}
.section-picture-overlap .landscape-img{
    position: absolute;
    bottom: -120px;
    right: 0;
    z-index: -1;
    min-height: 320px;
    width: 350px;

    transition-duration: 1s !important;
    transition-delay: 2.5s !important;
}

@media (max-width: 760px){
    
    .section-featured-img.portrait-img {
        min-height: 320px;
        width: 200px;
    }
    .section-picture-overlap .landscape-img{
        width: 250px;
        min-height: 200px;
        /*left: 140px;*/
    }

}

@media (max-width: 480px){

    .section-featured-img.portrait-img {
        min-height: 260px;
        width: 150px;
    }
    .section-picture-overlap .landscape-img{
        width: 250px;
        min-height: 174px;
        /*left: 79px;*/
        /*top: 40px;*/
    }


}


.featured-posts-cc-2{
    padding: 20px;
}

.cartellino-breadcrumb{
    list-style: none;
    padding: 0;
    margin: 0;
}
.cartellino-breadcrumb > li{
    display: inline-block;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 1px;
    color: #25282b;
}
.cartellino-breadcrumb > li > a{
    display: inline-block;
    color: #25282b;
}

.meta-div{
    font-size: 22px;
    margin: 0 5px;
}


#fixed-social-share{
    background: #ffffff;
}
#fixed-social-share.fixed-social{
    /*position: fixed;*/
    /*top: 50%;*/
}

@media ( max-width: 992px ){
    #fixed-social-share{
        position: static;
    }
    #fixed-social-share .ms-share-buttons .list-inline > li{
        display: inline-block !important;
    }
    #fixed-social-share .ms-share-btn{
        padding: 0 !important;
    }
}

#fixed-social-share .ms-share-btn{
    width: 40px;
    text-align: center;
}
#fixed-social-share .ms-share-btn .ms-social-icon{
    font-size: 22px;
}




/* BUTTON ALIGNMENT */
.btn-align-left{
    text-align: left;
}
.btn-align-center{
    text-align: center;
}
.btn-align-right{
    text-align: right;
}



.content-block-section{
    position: relative;
}

.content-block-section .container-fluid{
    padding: 0;
    width: 100%;
    overflow: hidden;
}

.video-block-section{
    min-height: 500px;
}
.video-background {
  background: #000;
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -99;
  overflow: hidden;
}
.video-foreground{
    /*opacity: 0.7;*/
}
.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}


.vimeo-wrapper {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
   pointer-events: none;
   overflow: hidden;
}
.vimeo-wrapper iframe {
   width: 100vw;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh;
   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}




/* HOVER EFFECTS */

.hover-grid {
    position: relative;
    margin: 0 auto;
    padding: 1em 0 4em;
    max-width: 1000px;
    list-style: none;
    text-align: center;
}

/* Common style */
.hover-grid figure {
    position: relative;
    /*float: left;*/
    overflow: hidden;
    /*margin: 10px 1%;*/
    min-width: 320px;
    min-height: 350px;
    max-width: 600px;
    max-height: 360px;
    /*width: 48%;*/
    background: #3085a3;
    text-align: center;
    /*cursor: pointer;*/
}

.hover-grid figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 140%;
    opacity: 0.8;
}

.hover-grid figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.hover-grid figure figcaption::before,
.hover-grid figure figcaption::after {
    pointer-events: none;
}

.hover-grid figure figcaption,
.hover-grid figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.hover-grid figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}

.hover-grid figure h2 {
    word-spacing: -0.15em;
    font-weight: 300;
}

.hover-grid figure h2 span {
    font-weight: 800;
}

.hover-grid figure h2,
.hover-grid figure p {
    margin: 0;
}

.hover-grid figure p {
    letter-spacing: 1px;
    font-size: 68.5%;
}




/*---------------*/
/***** Lily *****/
/*---------------*/

figure.effect-lily img {
    max-width: none;
    width: -webkit-calc(100% + 120px);
    width: calc(100% + 120px);
    opacity: 0.7;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-40px,0, 0);
    transform: translate3d(-40px,0,0);
}

figure.effect-lily figcaption {
    text-align: left;
}

figure.effect-lily figcaption > div {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 2em;
    width: 100%;
    height: 50%;
}

figure.effect-lily h2,
figure.effect-lily p {
    -webkit-transform: translate3d(0,40px,0);
    transform: translate3d(0,40px,0);
}

figure.effect-lily h2 {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}

figure.effect-lily p {
    color: rgba(255,255,255,0.8);
    opacity: 0;
    -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
    transition: opacity 0.2s, transform 0.35s;
}

figure.effect-lily:hover img,
figure.effect-lily:hover p {
    opacity: 1;
}
figure.effect-lily:hover img{
    opacity: 0.5;
}

figure.effect-lily:hover img,
figure.effect-lily:hover h2,
figure.effect-lily:hover p {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

figure.effect-lily:hover p {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
    -webkit-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

/*---------------*/
/***** Sadie *****/
/*---------------*/

figure.effect-sadie figcaption::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
    background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
    content: '';
    opacity: 0;
    -webkit-transform: translate3d(0,50%,0);
    transform: translate3d(0,50%,0);
}

figure.effect-sadie h2 {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    color: #ffffff;
    -webkit-transition: -webkit-transform 0.35s, color 0.35s;
    transition: transform 0.35s, color 0.35s;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
}

figure.effect-sadie figcaption::before,
figure.effect-sadie p {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

figure.effect-sadie p {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 2em;
    width: 100%;
    opacity: 0;
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0);
}

figure.effect-sadie:hover h2 {
    color: #fff;
    -webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
    transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
}

figure.effect-sadie:hover figcaption::before ,
figure.effect-sadie:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}




/*---------------*/
/***** Julia *****/
/*---------------*/

figure.effect-julia {
    background: #2f3238;
}

figure.effect-julia img {
    max-width: none;
    height: 400px;
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, transform 1s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

figure.effect-julia figcaption {
    text-align: left;
}

figure.effect-julia h2 {
    position: relative;
    padding: 0.5em 0;
}

figure.effect-julia p {
    display: inline-block;
    margin: 0 0 0.25em;
    padding: 0.4em 1em;
    background: rgba(255,255,255,0.9);
    color: #2f3238;
    text-transform: none;
    font-weight: 500;
    font-size: 75%;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-360px,0,0);
    transform: translate3d(-360px,0,0);
}

figure.effect-julia p:first-child {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

figure.effect-julia p:nth-of-type(2) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

figure.effect-julia p:nth-of-type(3) {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}

figure.effect-julia:hover p:first-child {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

figure.effect-julia:hover p:nth-of-type(2) {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}

figure.effect-julia:hover p:nth-of-type(3) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

figure.effect-julia:hover img {
    opacity: 0.4;
    -webkit-transform: scale3d(1.1,1.1,1);
    transform: scale3d(1.1,1.1,1);
}

figure.effect-julia:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}






/* TWENTY */


.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  content: " ";
  display: block;
  background: white;
  position: absolute;
  z-index: 30;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
  width: 3px;
  height: 9999px;
  left: 50%;
  margin-left: -1.5px; }

.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  width: 9999px;
  height: 3px;
  top: 50%;
  margin-top: -1.5px; }

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%; }

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  transition-duration: 0.5s; }

.twentytwenty-before-label, .twentytwenty-after-label {
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  transition-property: opacity; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  color: white;
  font-size: 13px;
  letter-spacing: 0.1em; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  line-height: 38px;
  padding: 0 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {
  top: 50%;
  margin-top: -19px; }

.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {
  left: 50%;
  margin-left: -45px;
  text-align: center;
  width: 90px; }

.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
  width: 0;
  height: 0;
  border: 6px inset transparent;
  position: absolute; }

.twentytwenty-left-arrow, .twentytwenty-right-arrow {
  top: 50%;
  margin-top: -6px; }

.twentytwenty-up-arrow, .twentytwenty-down-arrow {
  left: 50%;
  margin-left: -6px; }

.twentytwenty-container {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  z-index: 0;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }
  .twentytwenty-container img {
    max-width: 100%;
    position: absolute;
    top: 0;
    display: block; }
  .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
    background: rgba(0, 0, 0, 0); }
    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
    .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
      opacity: 0; }
  .twentytwenty-container * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; }

.twentytwenty-before-label {
  opacity: 0; }
  .twentytwenty-before-label:before {
    content: attr(data-content); }

.twentytwenty-after-label {
  opacity: 0; }
  .twentytwenty-after-label:before {
    content: attr(data-content); }

.twentytwenty-horizontal .twentytwenty-before-label:before {
  left: 10px; }

.twentytwenty-horizontal .twentytwenty-after-label:before {
  right: 10px; }

.twentytwenty-vertical .twentytwenty-before-label:before {
  top: 10px; }

.twentytwenty-vertical .twentytwenty-after-label:before {
  bottom: 10px; }

.twentytwenty-overlay {
  -webkit-transition-property: background;
  -moz-transition-property: background;
  transition-property: background;
  background: rgba(0, 0, 0, 0);
  z-index: 25; }
  .twentytwenty-overlay:hover {
    background: rgba(0, 0, 0, 0.5); }
    .twentytwenty-overlay:hover .twentytwenty-after-label {
      opacity: 1; }
    .twentytwenty-overlay:hover .twentytwenty-before-label {
      opacity: 1; }

.twentytwenty-before {
  z-index: 20; }

.twentytwenty-after {
  z-index: 10; }

.twentytwenty-handle {
  height: 38px;
  width: 38px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
  border: 3px solid white;
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  border-radius: 1000px;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  z-index: 40;
  cursor: pointer; }

.twentytwenty-horizontal .twentytwenty-handle:before {
  bottom: 50%;
  margin-bottom: 22px;
  -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-horizontal .twentytwenty-handle:after {
  top: 50%;
  margin-top: 22px;
  -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-vertical .twentytwenty-handle:before {
  left: 50%;
  margin-left: 22px;
  -webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-vertical .twentytwenty-handle:after {
  right: 50%;
  margin-right: 22px;
  -webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-left-arrow {
  border-right: 6px solid white;
  left: 50%;
  margin-left: -17px; }

.twentytwenty-right-arrow {
  border-left: 6px solid white;
  right: 50%;
  margin-right: -17px; }

.twentytwenty-up-arrow {
  border-bottom: 6px solid white;
  top: 50%;
  margin-top: -17px; }

.twentytwenty-down-arrow {
  border-top: 6px solid white;
  bottom: 50%;
  margin-bottom: -17px; }










@media (max-width: 1200px){
    
    .section-picture-featured-front{
        max-width: 300px;
    }
    .section-picture-overlap .landscape-img{
        max-width: 300px;
    }

}
@media(max-width: 980px) {
    .section-featured-img {
        transition-delay: unset !important;
        transition-duration: .5s !important;
    }
}
@media(max-width: 870px) {
    .blog--post--wrapper .blog-post-container {
        margin: 20px 20px auto;
    }
    /* BODY TEXT ON MOBILE */
    .content-block.paragraph-block {
        padding: 0 25px;
    }
}
@media (max-width: 425px) {

    /* HOME */
    .featured-full-section-overlay .container,
    .two-col-section-2 .container,
    .featured-quote-section .container {
        padding-right: 45px;
        padding-left: 45px;
    }
    .featured-full-section-overlay .col-md-8.col-md-offset-2 {
        padding: 0;
    }
    .featured-posts-cc-2,
    .featured-cc-img {
        padding: 0;
    }
    .featured-post-body-2 {
        padding: 0;
    }

    
    /* ABOUT */
    #cbs-hcqlxs03c .container {
        padding: 0px 35px;
    }
    #content-block-cb-69rf9ykka .content-block-editor > div,
    #content-block-cb-7vn460z88 .content-block-editor > div {
        padding: 0 !important;
    }
    #cbs-hcqlxs03c .content-block.paragraph-block {
        padding: 0;
    }

    #featured-creative-confidential .container {
        padding-right: 45px;
        padding-left: 45px;
    }
    .post-body-right .featured-post-body {
        padding: 0;
    }
    .blockquote .quote-title:before {
        position: relative;
        font-size: 42px;
        line-height: 42px;
        left: 5px;
    }
    .blockquote .quote-title {
        font-size: 30px;
        line-height: 1.1em;
    }
    .blockquote .quote-title:after {
        position: relative;
        right: 5px;
        font-size: 42px;
        line-height: 42px;
        top: 16px;
    }

    /* FOOTER */
    #footer .footer-logo {
        margin: 30px auto 50px;
    }
    .footer-subscribe-form {
        margin: auto 30px;
    }
    .footer-subscribe-form .right10 {
        margin-right: unset;
    }

    /* COMING SOON */
    .cartellino-logo img {
        width: 300px;
    }
    .email-notif-text {
        font-size: 20px;
        padding: 20px 50px;
    }

    /* FEATURED CUT & CURATED */
    .featured-full-section-body {
        background-attachment: scroll  !important;
        -webkit-background-attachment: scroll  !important;
        -moz-background-attachment: scroll  !important;
        -ms-background-attachment: scroll  !important;
        -o-background-attachment: scroll  !important;

        -webkit-background-size: cover  !important;
        -moz-background-size: cover  !important;
        -ms-background-size: cover  !important;
        -o-background-size: cover  !important;
        background-size: cover  !important;
    }

    /* BANNER */
    .bg-image-figure {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }

    /* IMAGE CAPTION */
    .image-caption-wrap {
        padding: 10px 20px;
    }
}
@media (max-width: 375px) {
    .blockquote .quote-title {
        font-size: 32px;
    }
    .email-notif-text {
        padding: 20px 30px;
    }
}
@media(max-width: 320px) {
    #featured-creative-confidential .container,
    .featured-full-section-overlay .container,
    .two-col-section-2 .container,
    .featured-quote-section .container {
        padding-right: 30px;
        padding-left: 30px;
    }
    .cartellino-logo img {
        width: 250px;
    }
    .email-notif-text {
        padding: 20px;
    }
}



.trans-dd {
    transition-duration: 1s !important;
    transition-delay: 2s !important;
}































/* *********************************** */
/* CSS3 ANIMATIONS */
/* *********************************** */
 .animated {
    -webkit-animation-duration: 1s;
     -moz-animation-duration: 1s;
     -ms-animation-duration: 1s;
     -o-animation-duration: 1s;
     animation-duration: 1s;
     -webkit-animation-fill-mode: both;
     -moz-animation-fill-mode: both;
     -ms-animation-fill-mode: both;
     -o-animation-fill-mode: both;
     animation-fill-mode: both;
     -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     -ms-backface-visibility: hidden;
}
 .fadeIn {
    -webkit-animation-name: fadeIn;
     animation-name: fadeIn;
}
 @-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
     100% {
        opacity: 1;
    }
}
 @-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }
     100% {
        opacity: 1;
    }
}
 @-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }
     100% {
        opacity: 1;
    }
}
 @keyframes fadeIn {
    0% {
        opacity: 0;
    }
     100% {
        opacity: 1;
    }
}
 .fadeOut {
    -webkit-animation-name: fadeOut;
     animation-name: fadeOut;
}
 @-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
     100% {
        opacity: 0;
    }
}
 @-moz-keyframes fadeOut {
    0% {
        opacity: 1;
    }
     100% {
        opacity: 0;
    }
}
 @-o-keyframes fadeOut {
    0% {
        opacity: 1;
    }
     100% {
        opacity: 0;
    }
}
 @keyframes fadeOut {
    0% {
        opacity: 1;
    }
     100% {
        opacity: 0;
    }
}
 @-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
         -webkit-transform: translateY(20px);
         transform: translateY(20px);
    }
     100% {
        opacity: 1;
         -webkit-transform: translateY(0);
         transform: translateY(0);
    }
}
 @keyframes fadeInUp {
    0% {
        opacity: 0;
         -webkit-transform: translateY(20px);
         -ms-transform: translateY(20px);
         transform: translateY(20px);
    }
     100% {
        opacity: 1;
         -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
         transform: translateY(0);
    }
}
 .fadeInUp {
    -webkit-animation-name: fadeInUp;
     animation-name: fadeInUp;
}
 @-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
         -webkit-transform: translateY(-20px);
         transform: translateY(-20px);
    }
     100% {
        opacity: 1;
         -webkit-transform: translateY(0);
         transform: translateY(0);
    }
}
 @keyframes fadeInDown {
    0% {
        opacity: 0;
         -webkit-transform: translateY(-20px);
         -ms-transform: translateY(-20px);
         transform: translateY(-20px);
    }
     100% {
        opacity: 1;
         -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
         transform: translateY(0);
    }
}
 .fadeInDown {
    -webkit-animation-name: fadeInDown;
     animation-name: fadeInDown;
}
 @-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
         -webkit-transform: translateY(0);
         transform: translateY(0);
    }
     100% {
        opacity: 0;
         -webkit-transform: translateY(20px);
         transform: translateY(20px);
    }
}
 @keyframes fadeOutDown {
    0% {
        opacity: 1;
         -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
         transform: translateY(0);
    }
     100% {
        opacity: 0;
         -webkit-transform: translateY(20px);
         -ms-transform: translateY(20px);
         transform: translateY(20px);
    }
}
 .fadeOutDown {
    -webkit-animation-name: fadeOutDown;
     animation-name: fadeOutDown;
}
 @-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
         transform: rotate(0);
         -webkit-transform-origin: top left;
         transform-origin: top left;
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
    }
     20%, 60% {
        -webkit-transform: rotate(80deg);
         transform: rotate(80deg);
         -webkit-transform-origin: top left;
         transform-origin: top left;
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
    }
     40% {
        -webkit-transform: rotate(60deg);
         transform: rotate(60deg);
         -webkit-transform-origin: top left;
         transform-origin: top left;
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
    }
     80% {
        -webkit-transform: rotate(60deg) translateY(0);
         transform: rotate(60deg) translateY(0);
         -webkit-transform-origin: top left;
         transform-origin: top left;
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
         opacity: 1;
    }
     100% {
        -webkit-transform: translateY(700px);
         transform: translateY(700px);
         opacity: 0;
    }
}
 @keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
         -ms-transform: rotate(0);
         transform: rotate(0);
         -webkit-transform-origin: top left;
         -ms-transform-origin: top left;
         transform-origin: top left;
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
    }
     20%, 60% {
        -webkit-transform: rotate(80deg);
         -ms-transform: rotate(80deg);
         transform: rotate(80deg);
         -webkit-transform-origin: top left;
         -ms-transform-origin: top left;
         transform-origin: top left;
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
    }
     40% {
        -webkit-transform: rotate(60deg);
         -ms-transform: rotate(60deg);
         transform: rotate(60deg);
         -webkit-transform-origin: top left;
         -ms-transform-origin: top left;
         transform-origin: top left;
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
    }
     80% {
        -webkit-transform: rotate(60deg) translateY(0);
         -ms-transform: rotate(60deg) translateY(0);
         transform: rotate(60deg) translateY(0);
         -webkit-transform-origin: top left;
         -ms-transform-origin: top left;
         transform-origin: top left;
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
         opacity: 1;
    }
     100% {
        -webkit-transform: translateY(700px);
         -ms-transform: translateY(700px);
         transform: translateY(700px);
         opacity: 0;
    }
}
 .hinge {
    -webkit-animation-name: hinge;
     animation-name: hinge;
}
 .animated.hinge {
    -webkit-animation-duration: 2s;
     animation-duration: 2s;
}
 .feature-fade-in{
     -webkit-animation: feature-fade-in .6s ease-in-out;
     animation: feature-fade-in .6s ease-in-out;
}
 .feature-fade-in 0% {
     opacity: 0 
}
 .feature-fade-in 50% {
     opacity: 0 
}
 .feature-fade-in 100% {
     opacity: 1 
}
 @-webkit-keyframes feature-fade-in {
     0% {
         opacity: 0 
    }
     50% {
         opacity: 0 
    }
     100% {
         opacity: 1 
    }
}
 @keyframes feature-fade-in {
     0% {
         opacity: 0 
    }
     50% {
         opacity: 0 
    }
     100% {
         opacity: 1 
    }
}
/* *********************************** */
/* CSS HELPERS */
/* *********************************** */
 .no-bgc {
     background-color: transparent !important;
}
 .no-border {
     border: 0 !important;
}
 .topfix {
     margin-top: 60px;
}
 .top100 {
     margin-top: 100px;
}
 .top50 {
     margin-top: 50px;
}
 .top10 {
     margin-top: 10px;
}
 .top5 {
     margin-top: 5px;
}
 .top0 {
     margin-top: 0px;
}
 .top20 {
     margin-top: 20px;
}
 .right10 {
     margin-right: 10px;
}
 .right20 {
     margin-right: 20px;
}
 .right5 {
     margin-right: 5px;
}
 .right3 {
     margin-right: 3px;
}
 .bottom5 {
     margin-bottom: 5px;
}
 .bottom0 {
     margin-bottom: 0px;
}
 .bottom10 {
     margin-bottom: 10px;
}
 .left10 {
     margin-left: 10px;
}
 .left20 {
     margin-left: 20px;
}
 .left40 {
     margin-left: 40px;
}
 .mar0 {
     margin:0;
}
 .pad0 {
     padding:0;
}
 .pad10 {
     padding:10px;
}
 .pad15 {
     padding:15px;
}
 .pad20 {
     padding:20px;
}
 .padt20 {
     padding-top:20px;
}
 .pad30 {
     padding:30px;
}
 .padb50 {
     padding-bottom:50px;
}
 .clear {
     clear: both;
}
 .tal {
     text-align:left;
}
 .tar {
     text-align:right;
}
 .tac {
     text-align:center;
}
 .taj {
     text-align:justify;
}
 .capitalize {
     text-transform: capitalize;
}
 .ttu {
     text-transform: uppercase;
}
 .hide {
     display: none;
}
 .show {
     display: block;
}
 .pull-right {
     float: right;
}
 .pull-left {
     float: left;
}
 .normal {
     font-weight: normal;
}
 .helv {
     font-family: 'Helvetica', arial, sans-serif;
}
 .text-muted {
     color: #B9B9B9;
}
 .float-none {
     float: none;
}
 .text-white {
     color: #ffffff;
}
 .fwn {
     font-weight: normal;
}
 .strikeout{
     text-decoration: line-through;
}
 .tdn{
     text-decoration: none;
}
 .bxs0{
     box-shadow: none;
}
 .margin-auto {
     margin: 0 auto;
}
 .no-gutter {
     margin-left: 0;
     margin-right: 0;
}
 .no-gutter > [class*='col-']:not(:first-child), .no-gutter > [class*='col-']:not(:last-child) {
     padding-right: 0;
     padding-left: 0;
}
 .gutter-20.row {
     margin-right: -10px;
     margin-left: -10px;
}
 .gutter-20 > [class^="col-"], .gutter-20 > [class^=" col-"] {
     padding-right: 10px;
     padding-left: 10px;
}
 .gutter-10.row {
     margin-right: -5px;
     margin-left: -5px;
}
 .gutter-10 > [class^="col-"], .gutter-10 > [class^=" col-"] {
     padding-right: 5px;
     padding-left: 5px;
}
 .gutter-0.row {
     margin-right: 0;
     margin-left: 0;
}
 .gutter-0 > [class^="col-"], .gutter-0 > [class^=" col-"] {
     padding-right: 0;
     padding-left: 0;
}
/* 3 columns by default */
/*.grid-sizer {
     width: 33.333%;
}
*/
 @media screen and (min-width: 768px) {
    /* 5 columns for larger screens */
    /*.grid-sizer {
         width: 25%;
    }
    */
}
/* Custom, iPhone Retina */
 @media only screen and (min-width : 320px) {
}
/* Extra Small Devices, Phones */
 @media only screen and (min-width : 480px) {
    /*.checkout-cart-wrap{
         display: none;
    }
    */
}
/* Small Devices, Tablets */
 @media only screen and (min-width : 768px) {
}
 @media (max-width: 991px) and (min-width: 768px){
     .product--list--wrapper .col-sm-4:nth-child(3n+1) {
         clear: left;
    }
}
/* Medium Devices, Desktops */
 @media only screen and (min-width : 992px) {
     .product--list--wrapper .col-md-3:nth-child(4n+1) {
         clear: left;
    }
}
/* Large Devices, Wide Screens */
 @media only screen and (min-width : 1200px) {
}
 @media (min-width: 1200px){
}
 @media (max-width: 1570px){
}
 @media (max-width: 1200px){
     .main-nav-items .navbar-nav > li > a{
         padding: 24px 20px;
    }
     .hero-header .image{
         padding-top: 60%;
    }
     .landing-hero-1 .landing-content{
         padding: 140px 0 70px;
    }
     .landing-hero-1 .hero-title{
         font-size: 56px;
         line-height: 44px;
         margin-bottom: 20px;
    }
     .landing-hero-1 .hero-lead{
         font-size: 18px;
         line-height: 24px;
    }
}
 @media (max-width: 991px) {
     .ingredients-wrap{
         margin: 80px auto;
    }
     #landing-slider-section .hero-action-btns{
         bottom: 10px;
    }
     #landing-slider-section .bg-image{
         min-height: 550px;
    }
     #landing-slider-section .slide-item .slide-caption{
         padding: 150px 50px 220px;
    }
     #landing-slider-section .slide-item .slide-title {
         font-size: 52px;
         line-height: 58px;
    }
     #bag-count{
         top: 5px;
         right: 3px;
    }
     #footer:after{
         content: '';
         width: 100%;
         position: absolute;
         top: 40%;
         right: 0;
         left: 0;
         bottom: 0;
         background: #272727;
         z-index: 1;
    }
     .float-break-md{
         float: none !important;
    }
     .product-price-solo-wrap{
         padding-top: 0;
    }
     .product--price{
         padding-top: 0;
    }
     .hero-header .image{
         padding-top: 75%;
    }
     #featured-blocks > li{
         width: 50%;
    }
     .post-card-wrap-wall{
         padding: 0;
    }
     .summary-item.summary-wall{
         width: 50%;
    }
     #main-navigation{
         padding-top: 0;
    }
     #main-navigation .container{
         width: 100%;
    }
     .landing-navbar #main-navigation{
         padding-top: 0;
    }
     .site--logo{
         margin-top: 24px;
         margin-bottom: 15px;
    }
     .site--logo a{
        /*margin-top: 8px;
        */
    }
     .site--logo a img{
         width: 120px;
        /*height: 60px;
        */
    }
     .landing-navbar .site--logo{
         margin-top: 10px;
    }
     .landing-navbar .site--logo a img{
         width: 120px;
    }
     .landing-navbar #nav-trigger.black-nav:before{
         background: #222;
    }
     .nav-open #nav-trigger.black-nav:before{
         background: transparent;
    }
     #ig-footer .instagram-pics li{
         width: 20%;
    }
     #ig-footer .instagram-pics li a{
         min-height: auto;
    }
}
 @media ( max-width: 768px ){
     #footer:after{
         display: none;
    }
}
 @media (max-width: 760px){
     .hero-header .image{
         padding-top: 85%;
    }
     .section-pad-lg{
         padding: 100px 0;
    }
     #landing-slider-section .slide-item .slide-caption {
         padding: 150px 30px 220px;
    }
     #main-navigation{
         margin-top: 0px;
    }
     .main-nav-items{
         float: none;
    }
     .main-nav-items li{
         display: inline-block;
         width: 100%;
         text-align: center;
    }
     .page-section-title{
         font-size: 42px;
         line-height: 44px;
    }
     #ig-footer .instagram-pics li{
         width: 25%;
    }
}
 @media (max-width: 660px){
     #landing-slider-section .slide-item .slide-title {
         font-size: 40px;
         line-height: 52px;
    }
     .site--logo a img{
        /*height: 50px;
        */
    }
     #mobile-nav-trigger{
         top: 22px;
    }
     .landing-navbar .page-section{
         padding: 30px 0;
    }
     .page-section{
         padding: 80px 0;
    }
     .summary-block{
         overflow: hidden;
    }
     .hero-wrap-body{
         padding: 0;
    }
     .hero-header .image{
         padding-top: 160%;
         background-position: 60% -315px;
    }
     .hero-body{
         border: 0;
         padding: 50px 40px;
    }
     .hero-action-btns .btn{
         margin-right: 0;
         margin-bottom: 5px;
    }
     .summary-item.summary-wall, .summary-item.summary-grid{
         width: 100%;
    }
     #featured-blocks > li{
         width: 100%;
         height: 300px;
    }
     #featured-blocks > li.grid-item--width2{
         width: 100%;
         height: 500px;
    }
     .cart--item--content{
         padding: 8px 0;
    }
     .cart-item-remove{
         top: 5px;
         right: -10px;
    }
     .checkout-cart-wrap{
         padding: 30px;
    }
     .secured-shopping-box{
         padding: 40px;
    }
     .post-single-header{
         padding: 40px 30px 15px;
    }
     .ms-social-bar-top {
         padding: 0 20px 15px 30px;
    }
     .blog-post-content .paragraph-block, .quote-block{
         padding: 40px;
    }
     .post-footer{
         padding: 40px 40px 20px;
    }
     .ms-share-buttons{
         padding: 0 46px 20px;
    }
     .post-user-meta{
         padding: 30px;
    }
     .more-post-wrap{
         padding: 10px 30px 40px;
    }
     .comments-post-wrap{
         padding: 40px 30px;
    }
     .landing-hero-1{
         min-height: 200px;
    }
     .landing-hero-1 .landing-content {
         padding: 100px 0 70px;
    }
     .product--price--variants{
         text-align: center;
         padding: 0 15px;
    }
     #product-qty{
         margin: 0 auto 10px;
    }
    
    .four-step-marker-wrap{
        padding: 0;
    }
    .payment-section .row.trip-details-wrap {
         margin: 20px 0;
    }

}
 @media ( max-width: 550px ){
     #landing-slider-section .slide-item .slide-title {
         font-size: 32px;
         line-height: 42px;
    }
     #landing-slider-section .hero-action-btns{
         bottom: 0;
         margin-bottom: 0;
    }
     .product-solo-header{
         padding-top: 0;
    }
}
 @media ( max-width: 470px ){
     #landing-slider-section .slide-item .slide-title {
         font-size: 26px;
         line-height: 34px;
    }
}
 .rotate{
     display: inline-block;
     animation: rotate .7s linear infinite;
}
 @keyframes rotate{
     to{
         transform: rotate(360deg);
    }
}