* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
     
}

a{text-decoration: none; } /*color: #fff; */
p a{transition: color 0.3s;}
p a:hover {}
/* force scrollbar */
.ws-html {position: relative;}

/*font settings*/
.ql-snow .ql-editor h3, .ql-container h3 { margin-bottom: 20px; font-size: 36px; font-weight:bold; font-family: Lato, Geneva, Arial, sans-serif; color: #222;
                                           letter-spacing: -.015em;
                                           color: rgba(0,0,0,.84) !important;
} /*font-size: 36px !important; font-weight: bold;*/
.ql-snow .ql-editor h4, .ql-container h4 { margin-bottom: 10px; font-size: 26px; font-weight:bold; font-family: Lato, Geneva, Arial, sans-serif;
                                           letter-spacing: -.012em;
                                           color: rgba(0,0,0,.84) !important;
} /*font-size: 24px !important; font-weight: bold;*/
.ql-container p, .ql-container p a, .ql-container ul, .ql-container ol { font-size: 20px; font-family: Georgia, Cambria, 'Times New Roman', serif;
                                     letter-spacing: -.003em;
                                     color: rgba(0,0,0,.84) !important;
} /*line-height: 32px;*/

.ws-block-overlay-text h1{font-size: 98px; line-height: 98px; font-weight: bold; margin-bottom: 20px;}
.ws-block-overlay-text h2{font-size: 72px; line-height: 80px; font-weight: bold; margin-bottom: 20px;}
.ws-block-overlay-text h3{font-size: 48px; line-height: 48px; font-weight: bold; margin-bottom: 20px;}
.ws-block-overlay-text h4{font-size: 36px; line-height: 36px; font-weight: bold; margin-bottom: 20px;}
.ws-block-overlay-text h5{font-size: 24px; line-height: 24px; font-weight: bold; margin-bottom: 10px;}
.ws-block-overlay-text h6{font-size: 20px; line-height: 20px; font-weight: bold; margin-bottom: 10px;}

.contact-form label, .contact-form input, .contact-form a {font-family: oswald !important;}

.menu-list, .menu-list a, .menu-list a span {} /*font-family: oswald; letter-spacing: 2px;*/
.footer-content, .footer-content div, .footer-content a {} /*font-family: oswald; letter-spacing: 1px;*/

blockquote{font-family: Georgia, Cambria, 'Times New Roman', serif; font-size: 20px; line-height: 1.2;}
blockquote::before{font-family: Georgia, serif; font-size: 72px; font-weight: bold;}
/*end font settings*/

.image {margin: 10px 0 20px 0;}
.image.no-margin {margin-bottom: 0;}

html,body {background: #fff; }
html, form{width: 100%; min-height: 100%; margin: 0; padding: 0;}
body {width: 100%; min-height: 100%; margin: 0; padding: 0;}

.ws-wrapper{width: 100%; min-height: 100%; position: relative; font-size: 20px;}
.ws-wrapper.noscroll {overflow-y: hidden;}
.ws-html p, .ws-html li {font-size: 20px; line-height: 1.8;}
body.dark, .ws-wrapper.dark {background: #222;}

.ws-header {z-index: 1100;  width: 100%; } /**/
.ws-header, .ws-footer {position: relative; width: 100%;}
.absolute-header .ws-header{position: absolute; top: 0; left: 0; right: 0; }
.transparent-header .ws-header {background: none !important;}
/*.absolute-header .menu-list a {color: #ccc; text-shadow: 0 0 2px rgba(0,0,0, 0.3);}
.absolute-header .menu-list a.active-page, .absolute-header .menu-list a:hover {color: #fff; text-shadow: 0 0 2px rgba(0,0,0, 0.6);}
.absolute-header .menu-list .company-name a {color: #ccc;}*/
.menu-list ul li a {text-shadow: none !important; color: #888;} /* !important*/

.ws-menu {} /*display: flex;*/
/*.ws-menu > div {flex: 1; width: 33.3333%;}*/
.ws-menu.menu-split {width: 100%; display: flex; flex-direction: row;}
.ws-menu.menu-split > div {flex: 1 1 50%; display: flex; align-items: center;}
.ws-menu.menu-split > div.company-name{flex: 1 1 100px; padding: 0 0; white-space: nowrap; text-align: center;}
.ws-menu.menu-split > div:first-child{text-align: right;}
.ws-menu.menu-split > div:last-child{text-align: left;}

.hamburger {display: none;}

.menu-list {margin: 0; padding: 0; letter-spacing: 1px; width: 100%; flex-direction: row; align-items: center; min-height: 40px; } /*need min height in case hideLogo*/
.menu-list li {display: inline-block; margin: 0; padding: 0; vertical-align: top; position: relative;}
.ws-menu .mobile-only, .ws-menu.menu-split .mobile-only {display: none !important;}
.menu-list a {color: #888; font-size: 14px; transition: color 0.3s; text-transform: uppercase; }
.menu-list .folder {cursor: default;}
.menu-list li.icon {display: none;}
.menu-list a.active, .menu-list a:hover {color: #333;}
.menu-list li a {display: block; padding: 25px 30px; text-decoration: none;}
.menu-list ul {display: none; position: absolute; top: 100%; left: 0; background: #eee; text-align: left; z-index: 2; }
.menu-list ul li {white-space: nowrap;}
.menu-list ul li a {padding: 15px 30px;}
.menu-list .submenu { }
.menu-list .submenu a { }
.menu-list li:hover ul{display: block;}
.menu-list > li  > .active-page {color: #000;}
.ws-header .company-name {font-weight: bold; text-transform: uppercase;}
.ws-header .company-name a {color:#555; font-size: 24px; text-decoration: none; padding: 25px 30px; display: inline-block; }
.ws-header .company-name img {} /*max-height: 100px;*/
.logo a {color: #333;}



.ws-footer-menu{padding-bottom: 10px;} /*text-align: center; */
.ws-footer-menu .menu-list{width: auto; margin: 0 auto;}
.ws-footer-menu .menu-list > li > a {padding: 25px 45px 15px 0;}
.ws-footer-menu .menu-list ul {bottom: 100%; top: auto;  }
/*.ws-footer-menu .submenu {display: block; position: relative; top: auto; left: auto; background: unset;}
.ws-footer-menu .submenu li {display: block;}
.ws-footer-menu .submenu li a {padding: 0 0 15px 0; color: #ccc;}
.ws-footer-menu .submenu li a:hover {color: #aaa;}*/

.luminosity-dark .ws-header .menu-list > li > a, .luminosity-dark .ws-header .menu-list .company-name a {color: #ddd !important;}
.luminosity-dark .ws-header .menu-list > li > a.active, .luminosity-dark .ws-header .menu-list > li > a:hover {color: #fff !important;}
/*.luminosity-dark .menu-list a {color: #ddd !important;}*/
.luminosity-light .ws-header .menu-list > li > a, .luminosity-light .ws-header .menu-list .company-name a { color: #222 !important;}
.luminosity-light .ws-header .menu-list > li > a.active, .luminosity-light .ws-header .menu-list > li > a:hover { color: #222 !important;}
/*.luminosity-light .menu-list a { color: #222 !important;}*/
.luminosity-light .submenu a, .luminosity-dark .submenu a {color: #aaa !important;}
.luminosity-light .submenu a:hover, .luminosity-dark .submenu a:hover {color: #888 !important;}


.ws-body {color: #111; position: relative;}
/*.ws-body > *:first-child:not(.cover-image)  {}
.ws-body > *:first-child.ws-footer {margin-top: 0;}*/
/*.cover-image {height: 100vh; background-size: cover; background-position: center center; background-repeat: no-repeat;}*/

.ws-block {margin: 0 auto; background-size: cover; background-position: center center; position: relative;} /*padding: 50px 0; */
.anchor-center {background-position: center center;}
.anchor-top {background-position: top center;}
.anchor-bottom {background-position: bottom center;}
.ws-block.ws-vertical-padding-none {padding: 0 0;}
.ws-block.ws-vertical-padding-top {padding-bottom: 0;} 
.ws-block.ws-vertical-padding-bottom {padding-top: 0;}
.ws-block-padding {padding: 0 50px; margin: 0 auto; width: 100%;  display: flex; } /*height: 100%;*/
.ws-block.ws-width-full {max-width: unset; width: 100%; } /*overflow: hidden;*/
.ws-width-full .ws-block-padding {padding: 0;}
.ws-block.ws-height-screen {height: 100vh;}
.ws-block.ws-height-fixed {height: 400px;}

.ws-block hr{border: 0; margin: 0; line-height: 0;}
/*.ws-block hr::before{
    content: " ";
    border-bottom: 4px solid #aaa;
    line-height: 0;
    margin: 5px 0 5px 0;
    display: inline-block;
    width: 100px;
}*/
/*.ws-block hr { border-top: 5px solid #333; margin: 0; width: 150px;}*/

.button-block, .button-image, .button-form{pointer-events: all; padding: 14px 22px;  text-decoration: none; display: inline-block; transition: opacity 0.3s; margin-top: 30px;  border-width: 3px; border-style: solid;} /*text-transform: uppercase;*/
.button-block:hover, .button-image:hover, .button-form:hover {opacity: 0.8;}
.button-no-margin {margin-top: 0 !important;}

.ws-block-overlay {position: absolute; z-index: 6; left: 0; top: 0; right: 0; bottom: 0; pointer-events: none;}
.ws-block-overlay-text {position: absolute; z-index: 7;  width: 85%; left: 7.5%; pointer-events: none;}
.ws-block-overlay-text a{ }
.ws-block-overlay-text a:hover {}
.text-position-center .ws-block-overlay-text {top: 50%; transform: translateY(-50%);}
.text-position-top .ws-block-overlay-text {top: 10%; }
.text-position-bottom .ws-block-overlay-text {bottom: 10%;}
.text-position-horizontal-left .ws-block-overlay-text {text-align: left}
.text-position-horizontal-right .ws-block-overlay-text {text-align: right }
.text-position-horizontal-center .ws-block-overlay-text {text-align: center}

.blog-block {padding: 50px 0; margin: 0 auto; position: relative;}
.blog-block .ws-block {padding: unset; margin: unset;}
.blog-block .ws-block-padding {padding: unset; margin: unset;}
.blog-title{font-size: 36px; font-weight: bold; margin-bottom: 50px;}
.blog-article {}

.blog-index-wrapper {display: flex;}
.blog-sidebar {flex: 0 0 250px; padding-left: 30px;}
.blog-sidebar ul {list-style: none; margin: 0; padding: 0;}
.blog-sidebar ul li {list-style: none;}
.blog-sidebar .section {margin-bottom: 30px; font-size: 16px;}
.blog-sidebar .section h5 {font-size: 16px; text-transform: uppercase; font-weight: bold; margin-bottom: 10px;}
.blog-sidebar .section a {color: #888;}
.blog-sidebar .section a:hover {color: #555;}

.blog-index {flex: 1 1 0;}
.blog-index li {margin-bottom: 80px; position: relative;}
.blog-index h2 {font-size: 24px; font-weight: bold; margin-bottom: 0px;}
.blog-index h2 a {color: #555;}
.blog-index h2 a:hover {color: #222;}
.blog-index li img {}
.blog-index .body {margin-top: 30px; margin-bottom: 20px;}
.blog-index .body p {line-height: 32px; margin-bottom: 20px;}
.blog-index .date {font-size: 12px; color: #888; margin-bottom: 10px; }
.blog-index .picture {margin-bottom: 20px;}
.blog-index .picture a {display: inline-block; }
.blog-index .picture img {width: 100%; display: block;}
.blog-index .foot {font-size: 20px;}
.blog-index .foot a {color: #555; text-transform: uppercase; font-size: 11px; text-transform: uppercase; background: #888; color: #fff; padding: 7px 15px; text-decoration: none; transition: background 0.3s;}
.blog-index .foot a:hover {background: #555; }
/*.blogimageblot,.customimageblot {margin-bottom: 40px;}
.blogimageblot img,.customimageblot img {width: 100%;}*/


.grid{
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
}
.grid-sizer {display: none;}

.masonry .grid-item {
    padding: 4px;
}
.masonry .grid-sizer, .masonry .grid-item {
    width: 20.0%;
    display: block;
}

.grid-item .wrapper {
    position: relative;
    height: 0;
    display: block;
    width: 100.0%;
}
.grid-item .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 20;
    cursor: pointer;
}
.grid-item .wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}
.grid-item img {
    display: block;
    width: 100%;
    height: auto !important;
}
.justified .grid-item img {}
.grid-item img:hover {cursor: pointer;}

.fullblock .grid-item {margin-bottom: 20px; width: 100%;}
.fullblock .grid-item img {}


.lazyloaded {
    opacity: 1;
    transition: opacity 300ms;
}

.ql-editor {padding: 12px 0 !important;}
.ql-align-center {text-align: center;}
.ql-align-right {text-align: right;}
.ql-align-justify {text-align: justify;}
.ql-container ul, .ql-container ol {padding: 0; margin: 10px 0 10px 40px !important;}
.ql-container ul > li {list-style: square !important;}
.ql-container ul > li::before {content: none !important;}
.ql-container ul > li, .ql-container ol > li {margin: 0; padding: 0 !important; }

.paraxify {
          background-attachment: fixed;
          background-position: center center !important;
          background-size: cover;
        }

.ws-image {min-height: 100px; position: relative;}
.ws-image img {display: block; width: 100%; position: relative;}
.ws-image-contents {border: 1px solid #f1f1f1;}

.ws-image-title{position: absolute;
        top: 50%; width: 100%; text-align: center;
        transform: translateY(-50%);
        z-index: 2;
        color: #fff;
}
.ws-image-title.top {top: 20%; bottom: unset; transform: translateY(-20%);}
.ws-image-title.bottom {bottom: 20%; top: unset; transform: translateY(-20%);}
.ws-image-title.left {text-align: left; top: 50%; bottom: unset; transform: translateY(-50%); padding-left: 10%;}
.ws-image-title.right {text-align: right; top: 50%; bottom: unset; transform: translateY(-50%); padding-right: 10%;}

.ws-image-title .title {font-size: 24px; font-weight: bold; letter-spacing: 2px;}
.ws-image-title .subtitle {font-size: 16px; letter-spacing: 1px;}
.ws-image-title button {font-size: 12px; background: #3498DB; color: #fff; text-transform: uppercase; padding: 8px 15px; letter-spacing: 2px; display: inline-block; margin-top: 10px; text-decoration: none;}
.ws-image-title button:hover {opacity: 0.9;}

.ws-image-caption {text-align: center; font-size: 12px; text-transform: uppercase; letter-spacing: 1px;}
.ws-image-caption span {padding: 10px 10px; display: block;}

.ws-image-link {color: #555; display: block;}
.ws-image-contents {position: relative;}

.ws-overlay{position: absolute; z-index: 2; left: 0; top: 0; right: 0; bottom: 0; pointer-events: none;}
.overlay-hover-display .ws-overlay, .overlay-hover-display .ws-overlay-text {opacity: 0; transition: opacity 0.3s;}
.overlay-hover-display:hover .ws-overlay, .overlay-hover-display:hover .ws-overlay-text {opacity: 1;}
.ws-overlay-background {position: absolute; z-index: 2; left: 0; top: 0; right: 0; bottom: 0; pointer-events: none;}
.ws-overlay-text {position: absolute; z-index: 3;  width: 85%; left: 7.5%; pointer-events: none;}
.text-position-center .ws-overlay-text {top: 50%; transform: translateY(-50%);}
.text-position-top .ws-overlay-text {top: 10%; }
.text-position-bottom .ws-overlay-text {bottom: 10%;}
.text-position-horizontal-left .ws-overlay-text {text-align: left}
.text-position-horizontal-right .ws-overlay-text {text-align: right }
.text-position-horizontal-center .ws-overlay-text {text-align: center}

.ws-overlay-text h2{margin-bottom: 0;}
.ws-overlay-text h3{}
.ws-overlay-text .button-image {pointer-events: none; cursor: pointer;}
.ws-overlay-text a{}
.ws-overlay-text a:hover {}

.ws-spacer {height: 50px;}
.ws-flex {/*display: flex;*/}
.ws-col-full {width: 100%;}
.ws-col-half {flex: 1; width: 50%; height: unset;}
.ws-col-half:first-child {margin-right: 15px;}
.ws-col-half:last-child {margin-left: 15px;}
.ws-col-third:nth-child(1) {margin-right: 20px;}
.ws-col-third:nth-child(2) {margin: 0 10px;}
.ws-col-third:nth-child(3) {margin-left: 20px;}
.ws-col-third {flex: 1; width: 33.3333%; height: unset;}

.ws-col-fourth:nth-child(1) {margin-right: 20px;}
.ws-col-fourth:nth-child(2) {margin: 0 10px;}
.ws-col-fourth:nth-child(3) {margin: 0 10px;}
.ws-col-fourth:nth-child(4) {margin-left: 20px;}
.ws-col-fourth {flex: 1; width: 25.0%; height: unset;}

.ws-col-twothird {width: 66.6666%; height: unset;}
.ws-col-twothird:nth-child(1) {margin-right: 20px;}
.ws-col-twothird:nth-child(2) {margin-left: 20px;}
.no-column-spacing .ws-col-half, .no-column-spacing .ws-col-third, .no-column-spacing .ws-col-twothird, .no-column-spacing .ws-col-fourth {margin: 0 !important;}

.ws-collection-list .list {display: flex; flex-wrap: wrap; width: 100%;}
.ws-collection-list .list > div {width: 33.3333%; margin: 0 0 20px 0; }
.ws-collection-list .list > div img {width: 100%;}
.ws-collection-list .list > div:nth-child(3n + 1) {padding-right: 20px;}
.ws-collection-list .list > div:nth-child(3n + 2) {padding: 0 10px;}
.ws-collection-list .list > div:nth-child(3n) {padding-left: 20px;}
.ws-collection-list .list > div > a {display: block;}
.ws-collection-list .list > div > a > div:first-child {width: 100%; height: 200px; margin-bottom: 5px;}
.ws-collection-list .list > div .copy a {color: #555; font-size: 14px; text-transform: uppercase; }
.ws-collection-list .list .title { text-align: center; padding: 5px 0; letter-spacing: 1px; }

.ws-col {display: flex;}
.ws-col-contents-wrapper {flex: 1;} /*margin: 10px; border: 1px solid #555; padding: 10px; */
.ws-col.vertical-centering .ws-col-contents-wrapper {display: flex; justify-content: center; flex-direction: column;}
.ws-col.margin-small .ws-col-contents-wrapper {margin: 10px;}
.ws-col.margin-medium .ws-col-contents-wrapper {margin: 15%}
.ws-col.margin-large .ws-col-contents-wrapper {margin: 25%;}
.ws-col.padding-small .ws-col-contents-wrapper {padding: 10px;}
.ws-col.padding-medium .ws-col-contents-wrapper {padding: 15%;}
.ws-col.padding-large .ws-col-contents-wrapper {padding: 25%;}


blockquote{
  display:block;
  padding: 15px 20px 15px 55px !important;
  margin: 20px 0 20px !important;
  position: relative;
  
  /*Font*/    
  color: #333;
  text-align: justify;
  font-style: italic;
  
  /*Borders - (Optional)*/
  border-left: 10px solid #eee !important;
}

blockquote::before{
  content: "\201C" !important; /*Unicode for Left Double Quote*/
  
  /*Font*/  
  color: #555;
  font-style: normal;
  
  /*Positioning*/
  position: absolute;
  left: 10px;
  top: 0;
}

blockquote::after{
  /*Reset to make sure*/
  content: "";
}

.article-blog-title {margin-bottom: 40px; text-transform: uppercase;}
.article-title {font-size: 36px; font-weight: bold; margin-bottom: 10px;}
.article-subtitle {font-size: 18px; color: #555;}
.article-body{margin: 30px 0 30px 0;}
.article-body p {line-height: 32px;}
.article-date{font-size: 12px; color: #888;}





.ws-footer {color: #888; position: relative; margin-top: 100px;}
.ws-footer .ws-block-padding > div {padding-top: 10px;}
.ws-footer.grid-container {padding-bottom: 60px;}
.ws-footer a { color: #888; text-decoration: underline;}
.ws-footer a:hover {}
.ws-footer .controls a {}
.ws-footer .splash-credit {position: unset; top: auto; right: auto;}
.ws-footer .ws-block-padding > div {position: relative; width: 100%;}
.powered-by span {font-weight: bold !important;}
.footer-content {position: relative; padding-bottom: 50px; }
.footer-content a {}

.lightfolio-credit {opacity: 0.3; transition: opacity 0.5s; margin-top: 20px; display: inline-block;}
.lightfolio-credit:hover {opacity: 1.0;}

.ig-feed {color: #bbb; font-size: 12px; padding: 0 0 30px 0; display: flex;}
.ig-feed > div {display: inline-block; margin: 8px 8px 8px 0; width: 5%; }
.ig-feed.ig-medium {}
.ig-feed.ig-medium > div {width: 10%; height: unset;}
.ig-feed.ig-large {}
.ig-feed.ig-large > div {width: 20%; height: unset; margin: 8px 15px 8px 0;}
.ig-feed > div img { transition: opacity 0.3s; width: 100%;}
.ig-feed > div:hover img {opacity: 0.8;}     
.ig-feed > div:hover {color: #888;}                       
.ig-feed > div:hover .zmdi-favorite {color: #C0392B;}                       
.ig-feed span {display: block; text-align: center; padding: 5px 0;}
.ig-feed .zmdi-favorite { color: #ddd; transition: color 0.3s;}

.contact-info {position: relative;} /* text-transform: uppercase; font-size: 12px; letter-spacing: 1px;*/
.contact-info > div {display: inline-block;}
.contact-info > div::after{content: "|"; padding: 0 3px; color: #ccc;}
.contact-info > div:last-child::after{content:"";}

.social-links {position: absolute; top: 0; right: 0;}
.social-links li {list-style: none; display: inline-block;}
.social-links li a {display: block; padding: 5px 8px; font-size: 20px;}

.contact-form {width: 100%; position: relative; padding: 20px 0;}
.contact-form-row{font-size: 0; padding: 10px 0;}
.contact-form-row-full {font-size: 16px;}
.contact-form-row-half {font-size: 16px; display: inline-block; width: 50%; vertical-align: top;}
.contact-form-row-half:first-child {padding-right: 10px; padding-left: 0 !important;}
.contact-form-row-half:last-child {padding-left: 10px;}
.contact-form-row label {display: block; font-size: 12px; text-transform: uppercase; color: #555; margin-bottom: 5px;}
.contact-form input[type="text"] {display: block; width: 100%; padding: 5px 10px;}
.contact-form textarea {display: block; width: 100%; padding: 5px 10px;}
.contact-form-row-command a{background: #555; padding: 8px 16px; color: #fff; font-size: 18px; text-transform: uppercase; letter-spacing: 1px; display: inline-block; margin-top: 20px;}
.contact-form-overlay {display: none; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; z-index: 2; background: rgba( 0, 177, 106,0.95); color: #fff; text-align: center;}
.contact-form-overlay > div {position: absolute; top: 50%; transform: translateY(-50%); width: 100%;}
.contact-form-overlay a {display: inline-block; background: #1E824C; padding: 8px 20px; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; color: #ddd; margin-top: 20px;}
.contact-form-overlay a:hover {background:#555;}
.contact-form label.error {color: #C0392B; margin-top: 2px;}

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

}

@media screen and (max-width: 900px){
    .ql-editor {padding: 6px 0 !important;}

    .ws-block {padding: 15px 0 !important;} /*override custom styles*/
    .ws-block.ws-vertical-padding-top {padding-bottom: 0 !important;}
    .ws-block.ws-vertical-padding-bottom {padding-top: 0 !important;}

    .ws-body .ws-block-padding {padding: 0 10px;}
    .ws-body .ws-width-full .ws-block-padding {padding: 0 0;}
    .ws-html h1, .ws-html h2, .blog-title {font-size: 24px; margin-bottom: 10px;}
    .ws-html p, .ws-html li {font-size: 16px;}
    .image {margin-bottom: 0;}
    .ws-image-caption {font-size: 10px;}

    .ws-block-overlay-text h1{font-size: 48px; line-height: 48px; font-weight: bold; margin-bottom: 10px;}
    .ws-block-overlay-text h2{font-size: 36px; line-height: 36px; font-weight: bold; margin-bottom: 10px;}
    .ws-block-overlay-text h3{font-size: 24px; line-height: 24px; font-weight: bold; margin-bottom: 10px;}
    .ws-block-overlay-text h4{font-size: 20px; line-height: 20px; font-weight: bold; margin-bottom: 10px;}
    .ws-block-overlay-text h5{font-size: 18px; line-height: 18px; font-weight: bold; margin-bottom: 5px;}
    .ws-block-overlay-text h6{font-size: 14px; line-height: 14px; font-weight: bold; margin-bottom: 5px;}

    /*.float-header .ws-header {padding-top: 0;}*/
    .ws-header {width: 100%; height: auto;  padding: 10px 0; overflow-y: hidden; z-index: 50; background: #fff;}
    .ws-header .company-name {margin-bottom: 0; padding: 0 0; display: inline-block;}
    .ws-header .company-name a {margin: 0 auto; } /*text-align: center;*/
    .ws-header .company-name img {max-width: 100px; margin: 0 auto; text-align: center;} /*max-height: 60px; */
    .ws-header .ws-block-padding {padding: 0 0;}

    .ws-menu {padding: 10px;}
    .ws-menu.responsive {background: #fff;}
    .ws-header .responsive .menu-list li.company-name a {color: #555 !important;}
    .ws-header .responsive .menu-list li a {color: #aaa !important;}
    .ws-header .responsive .menu-list li a:hover {color: #555 !important;}
    .ws-header .responsive .menu-list li a.active-page {color: #555 !important;}
    
    .button-block, .button-image, .button-form{padding: 10px 16px;margin-top: 20px; font-size: 14px !important }


    .no-column-spacing .ws-col {padding-bottom: 0;}


    .ql-snow .ql-editor h1, .ql-container h1 { margin-bottom: 5px;}

    .ws-menu.menu-split > div:first-child {text-align: center;}

    .blog-block {padding: 0 20px !important;}
    .blog-index h1 {font-size: 16px;}
    .blog-index .body {font-size: 16px;}
    .blog-article  .article-title {font-size: 16px;}
    .blog-article .ws-block-padding {padding: 0 0;}
    .blog-block .image {margin: 0 0 10px 0;}

    .ig-feed {padding-bottom: 10px; flex-flow: row wrap;}
    .ig-feed > div, .ig-feed.ig-medium > div {width: 10%; margin: 0; padding: 5px;}


    .social-links {position: relative; top: unset; right: unset; margin-top: 15px;}
    .social-links li a {}
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens */
@media screen and (max-width:900px) {   
    .responsive .menu-list {display: block; background: inherit;} /*position: relative; */

    .hamburger { display: block; height: 40px; 
        position: absolute;
        right: 30px;
        top: 15px;
        z-index: 200;
    }
    .hamburger a {color: #ccc;}
    .hamburger a:hover {color: #888;}
    .menu-list > li:not(.company-name) {height: 0; opacity: 0;}
    .ws-footer-menu .menu-list {display: none !important;}
    /*.menu-list a, .absolute-header .menu-list a {text-shadow: none !important;}*/
    
    .ws-menu .mobile-only,.ws-menu.menu-split .mobile-only {display: block !important;}
    .ws-menu .desktop-only {display: none !important;}
    .responsive .menu-list > li > a {color: #888 !important; padding: 8px; border-top: 1px solid #eee;}
    .responsive .menu-list > li:first-child a {border-top: none !important;}
    .responsive .menu-list > li {
        /*display: inline;*/
        display: block;
        opacity: 1;
        height: auto;
        transition: all 0.3s;
    }
    .responsive .menu-list > li:not(:last-child) > a {
        display: block;
        
    }
    .responsive .menu-list .header-title {margin-bottom: 20px;}
    .responsive .menu-list .header-galleries {display: block; margin-right: 0; margin-top: 30px;}
    .responsive .menu-list .header-actions {display: block; margin: 10px 0; text-align: left;}
    .responsive .menu-list .header-actions li {display: block; margin: 10px 0; text-align: left;}
    .responsive .menu-list .header-actions .zmdi {margin-right: 10px;}
    .responsive .menu-list .shopping-cart-count {left: 60px; top: 2px;}
    .responsive .menu-list .lightbox-counter {left: 86px;top: 2px;}
    .responsive .menu-list .header-galleries li {display: block; padding: 10px 0; border-top: 1px solid #ddd; margin-bottom: 0; margin-right: 0;}
    .responsive .menu-list .header-galleries li:last-child {border-bottom: 1px solid #eee;}
    .responsive .menu-list .header-actions {display: block; margin-top: 20px; margin-bottom: 0;}
    .responsive .menu-list .submenu {display: block; position: relative; top: auto; left: auto; background: unset;}
    .responsive .menu-list .submenu a {padding: 8px 8px 8px 30px;  border-top: 1px solid #eee;}
    .responsive .menu-list .company-name {float: unset;}
    
    .menu-list .header-actions { position: relative; right: auto; top: auto;}

    .menu-list {display: block !important;}
    .menu-list li.company-name {display: block; width: 100%; flex: unset;}

    .ws-header .company-name a {padding: 8px 0 0 0;}
    .ws-menu.menu-split {display: block;}
    .ws-menu.menu-split > div {flex: unset;}
    .ws-menu.menu-split > div.company-name {padding-top: 0; padding-left: 5px;}
    .ws-menu.menu-split > div:not(.company-name) {display: none;}
    .ws-menu.menu-split.responsive {display: block;}
    
    .ws-menu.menu-split.responsive > div.company-name {}
    .ws-menu.menu-split.responsive > div {display: block; flex: unset; text-align: left !important; }
    .ws-menu.menu-split.responsive > div:first-child {}

    .blog-index-wrapper{ display: block}
    .blog-index-wrapper > div {flex: unset; padding-left: 0;}

    /*.ws-col {margin: 0 !important;}*/
} 

@media screen and (max-width: 600px){
        .ws-col-half, .ws-col-third, .ws-col-fourth, .ws-col-onethird, .ws-col-twothird {flex: unset !important; width: 100% !important; margin-right: 0 !important; display: block !important; padding-bottom: 10px;}
    /*.ws-col-half:last-child, .ws-col-third:nth-child(2), .ws-col-third:nth-child(3){margin: 0;}*/
    .ws-col-half, .ws-col-third, .ws-col-fourth, .ws-col-onethird, .ws-col-twothird{margin: 0;}
        /*.ws-col {display: block !important; padding-bottom: 10px;}*/
}

@media screen and (max-width: 480px){
    .ql-editor {padding: 3px 0 !important;}
    .ws-html h1, .ws-html h2, .blog-title {font-size: 18px; margin-bottom: 5px;}

    .ws-block-overlay-text h1{font-size: 36px; line-height: 36px; font-weight: bold; margin-bottom: 10px;}
    .ws-block-overlay-text h2{font-size: 24px; line-height: 24px; font-weight: bold; margin-bottom: 10px;}
    .ws-block-overlay-text h3{font-size: 18px; line-height: 18px; font-weight: bold; margin-bottom: 10px;}
    .ws-block-overlay-text h4{font-size: 16px; line-height: 16px; font-weight: bold; margin-bottom: 10px;}
    .ws-block-overlay-text h5{font-size: 14px; line-height: 14px; font-weight: bold; margin-bottom: 50px;}
    .ws-block-overlay-text h6{font-size: 12px; line-height: 12px; font-weight: bold; margin-bottom: 5px;}

    .button-block, .button-image, .button-form{padding: 7px 11px;margin-top: 15px; font-size: 11px !important }

   .ig-feed > div, .ig-feed.ig-medium > div {width: 20%; margin: 0; padding: 5px;}

   .paraxify {
          background-attachment: scroll; /*mobile fix*/
        }
}


.modal-wrapper{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(230,230,230,.95); z-index: 100;}

.dark+.modal-wrapper .modal-right {background: #000; }
.dark+.modal-wrapper .modal-right-body {color: #ddd;}
.modal-image{
    /*position: absolute;
    top: 50px; left: 50px; right: 50px; bottom: 50px;
    color: #fff;*/
}
.modal-left {position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #fff;} /*right: 300px;*/
.dark .modal-left {background: #000;}
.modal-right{display: none; position: absolute; right: 0; top: 0; bottom: 0; width: 300px; background: #fff; overflow-y: scroll;}
/*.modal-right-body{padding: 20px; color: #555; font-size: 14px;}
.modal-right-counter{color: #aaa; margin-bottom: 20px; font-size: 24px; font-weight: 300;}
.modal-right-counter span {font-size: 14px;}
.modal-right-collection {font-size: 16px; color: #5C97BF;}
.modal-right-title{font-size: 20px; margin-bottom: 20px; }
.modal-right-description{margin-bottom: 20px;}
.modal-right-filename{color: #aaa; margin-bottom: 20px; font-style: italic; border-top: 1px dashed #ddd; padding-top: 10px;}
.modal-right-keywords{margin-bottom: 20px;}*/

.dark+.modal-wrapper .modal-right-filename {border-color: #888;}

.modal-right-actions {padding: 20px; margin: 0;}
.modal-right-actions li {padding: 10px 0; border-top: 1px solid #eee;}
.modal-right-actions li:last-child {border-bottom: 1px solid #eee;}
.modal-right-actions a {font-size: 14px; color: #aaa; display: block;}
.modal-right-actions a:hover, .modal-right-actions a:hover .zmdi {color: #555;}
.modal-right-actions .zmdi {font-size: 22px; padding-right: 10px; color: #ccc; }
.modal-right-actions .zmdi, .modal-right-actions span {vertical-align: middle;}

.dark+.modal-wrapper .modal-right-actions li {border-color: #888;}
.dark+.modal-wrapper .modal-right-actions li:last-child {border-color: #888;}
.dark+.modal-wrapper .modal-right-actions a:hover, .modal-right-actions a:hover .zmdi {color: #eee;}

.modal-image img {cursor: default; }
.modal-wrapper .modal-body {position: absolute; top: 0; bottom: 0; left: 0; right: 0;  }
/*.modal-header {height: 60px; font-size: 32px; text-align: center; cursor: default;} /*padding: 20px; */
.modal-header a, .modal-footer a {color: #aaa;}
.modal-header a:hover, .modal-footer a:hover {color: #222;}*/
/*.modal-footer {position: absolute; bottom: 30px; right: 40px; font-size: 24px; color: #aaa; text-align: center; cursor: default;} */
#spnLikeCount {padding-left: 4px;}
/*.modal-footer span {padding: 0 6px;}*/
.modal-footer .zmdi {padding-left: 6px;}
.slick-slide-close {position: absolute; right: 20px;}
.modal-left .slick-slide-close {top: 10px; color: rgba(200,200,200,0.4); font-size: 32px; z-index: 7;} /*display: none; */

.carousel {height: 100%;}

.carousel-cell {list-style: none; background: url('/assets/images/rolling_fff.gif') no-repeat center center;}  /*height: 100%; width: 100%; */
.dark .carousel-cell{background-image: url('/assets/images/rolling_000.gif');}
.carousel-cell-wrapper {overflow: hidden; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; }
.carousel-cell-blocker {position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 5;}

.carousel-cell img {
    
    max-height: 100%;
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.slick-slide{position: relative;}
.slick-slide .details a {color: #fff;}
.slick-wrapper{height: 100%; padding: 80px 0;}
.slick-arrow{
    position: absolute;
    top: 0; bottom: 0;
    width: 49%;
    z-index: 6;
    cursor: pointer;
    }
.slick-arrow .zmdi {font-size: 100px; color: #fff; opacity: 0.5; transition: opacity 0.3s;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
}
.slick-arrow:hover .zmdi {opacity: 1.0;}
.slick-prev {left: 0; text-align: left;}
.slick-prev .zmdi {padding-left: 10%; left: 0;}
.slick-next {right: 0; text-align: right;}
.slick-next .zmdi {padding-right: 10%; right: 0;}
.slick-list {height: 100%;}
.slick-track {height: 100%;}
.slick-slide {}

.sy-box {height: 100%;}



.carousel-cell-wrapper .details {cursor: default;
    /*left: 10px;
    position: absolute;
    top: 6px;*/
    position: absolute; top: 50%;  left: 50%;  transform: translate(-50%, -50%);
    z-index: 6;
}      
.carousel-cell-wrapper .details-selected {
    cursor: default;
    left: 10px;
    position: absolute;
    bottom: 8px;
    z-index: 9;
    
    transition: opacity .3s ease-in-out;
} 


.carousel-cell-wrapper .details{opacity: 0; transition: opacity .3s ease-in-out;}
.carousel-cell-wrapper:hover .details{opacity: 1;}
.carousel-cell-wrapper .details span{vertical-align: top;}

.slick-slide .details a {color: #fff;}
.slick-wrapper{height: 100%; padding: 80px 0;}
.slick-arrow{
    position: absolute;
    top: 0; bottom: 0;
    width: 49%;
    z-index: 6;
    cursor: pointer;
    }
.slick-arrow .zmdi {font-size: 100px; color: #fff; opacity: 0.5; transition: opacity 0.3s;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
}
.slick-arrow:hover .zmdi {opacity: 1.0;}
.slick-prev {left: 0; text-align: left;}
.slick-prev .zmdi {padding-left: 10%; left: 0;}
.slick-next {right: 0; text-align: right;}
.slick-next .zmdi {padding-right: 10%; right: 0;}
.slick-list {height: 100%;}
.slick-track {height: 100%;}
.slick-slide {}

.sy-box {height: 100%;}



.carousel-cell-wrapper .details {cursor: default;
    /*left: 10px;
    position: absolute;
    top: 6px;*/
    position: absolute; top: 50%;  left: 50%;  transform: translate(-50%, -50%);
    z-index: 6;
}      
.carousel-cell-wrapper .details-selected {
    cursor: default;
    left: 10px;
    position: absolute;
    bottom: 8px;
    z-index: 9;
    
    transition: opacity .3s ease-in-out;
} 


.carousel-cell-wrapper .details{opacity: 0; transition: opacity .3s ease-in-out;}
.carousel-cell-wrapper:hover .details{opacity: 1;}
.carousel-cell-wrapper .details span{vertical-align: top;}


.collection-thumbs {margin: 0 0 40px 0;}
.collection-thumbs li {display: inline-block; width: 33%; padding: 10px; box-sizing:border-box; vertical-align: top; text-align: center;}
.collection-thumbs li img {width: 100%;}
.collection-thumbs .wrapper {background: #fff; padding: 8px; box-shadow: 1px 3px 1px 0 rgba(0,0,0,.05);}
.collection-thumbs li .cover {height: 150px; background-size: cover; border: 1px solid #fff;}
.collection-thumbs li a {color: #555; text-transform: uppercase; font-size: 12px; letter-spacing: 1px;}
.collection-thumbs li a > div:first-child {position: relative;}
.collection-thumbs div.overlay {position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255,0.8); opacity: 0; color: #fff; transition: opacity 0.3s;}
.collection-thumbs .overlay div {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    text-shadow: 0 0 2px #222;
    text-transform: uppercase;
    font-size: 12px;
}
.collection-thumbs .details {color: #888; font-weight: 600; font-size: 11px; text-transform: uppercase; margin: 10px 0 0 0; letter-spacing: 1px; transition: color 0.3s;}

.collection-thumbs li:hover .cover {border-color: #ccc;}
.collection-thumbs li:hover div.overlay {opacity: 1;}
.collection-thumbs li:hover .details {color: #333;}
.collection-empty{text-align: center; padding: 200px 0; text-transform: uppercase; font-size: 14px; letter-spacing: 2px; color: #888; background: #ccc;}

@media screen and (max-width:480px) {
    .collection-thumbs li {display: block; width: 100%;}
    .collection-empty {padding: 50px 0;}
}