html{height:100%;}
body{padding:0; font-size:15px; color:#222; height:100%; line-height:1.6; }
p {margin:0 0 20px;}
a {color:inherit; text-decoration:none;}
a:active, a:focus {outline: 0; -moz-outline-style: none;}
img {max-width:100%;}
button {padding:15px; color:#FFF; border:none;}
h1 {font-size:55px; padding-bottom:7px; margin-top:0px; }
h2 {line-height:1; font-size:40px; padding-bottom:7px;margin-top:0px; }
h3 {font-size:35px; padding-bottom:10px; line-height:1.33; }
h4 {font-size:25px; margin-bottom:10px; margin-top:0px;}
h5 {font-size:20px;padding-bottom:5px;margin-top:0px;}
strong{font-weight:700;}
.section{position:relative; padding:60px 0; background:white; }
.section:nth-child(odd) {background:#f4f4f4; }
.single .section, .search .section{position:relative; padding:80px 0;}
.transition-round {background-image:url(images/transition-round-white.png)}
.transition-slant {background-image:url(images/transition-slant-white.png)}
.transition-slant-inverse {background-image:url(images/transition-slant-inverse-white.png)}
.section:nth-child(odd) .transition-round {background-image:url(images/transition-round.png)}
.home .section:nth-child(odd) .transition-round {background-image:url(images/transition-round.png)}
.section:nth-child(odd) .transition-slant {background-image:url(images/transition-slant.png)}
.section:nth-child(odd) .transition-slant-inverse {background-image:url(images/transition-slant.png)}
.title-img {display:block; margin:0 auto 15px;}
.section .section-title{position:relative; font-size:28px; text-align:center; margin:0 auto 15px;}
.section .section-title.style-2{position: relative; padding: 0 0 0 30px; font-size: 20px; font-weight: 500;text-align:left; line-height:1.4; }
.section .section-title.style-2:before {position: Absolute; left: 0; height:100%; top:2px; width: 20px; content: ' '; max-height:20px;}
.section .section-title.style-3 {max-width:500px; padding:0 0 15px;}
.section .section-title.style-3:after {content: ' '; position: absolute; left: 0; bottom: 0; background:#222; height: 3px; width: 20px; margin: 0 auto; right: 0;}
.section .section-sub-title{position:relative; display:block; margin:0 auto 18px; text-align:center;}
.section .section-sub-title.style-2{text-align:left;}
.section .section-sub-title.style-3{text-align:center; max-width:700px;}
.section.alt-style .section-sub-title, .section.alt-style .section-title{color:White;}
.inner {display:block; margin:0 auto; position:relative;}
.widget {margin:0 0 35px;}
.widget a{text-decoration:none;}
.widget ul li{margin:0 0 5px;}
.widget ul li .fa-angle-down{display:none;}
.widget-title {border-bottom:1px solid #ccc; margin:0 0 10px;}
.cleary {width:100%; height:0px; clear:both;}
#searchform {position:relative;}
textarea, input, button {outline: none;}
.texture{height: 100%; top: 0; position: absolute; left: 0; width:100%; }
.read-more, .wpcf7-submit {border: none; box-shadow: inset 0px 0px 0px rgba(0,0,0,0.2); color: white; font-size: 15px; padding: 6px 30px 4px; border-bottom: 2px solid rgba(0,0,0,0.2); border-radius:0px; clear: both; display: inline-block; text-transform: uppercase;}
.read-more:hover, .wpcf7-submit:hover {box-shadow:inset 0px -80px 0px rgba(0,0,0,0.2);}
.hero-image {color:white; font-size:36px; position:Relative; height:150px;}
.hero-image h1{max-width:700px; padding:0; margin:0 auto; line-height:1.2; font-size:25px;}
.hero-image p{margin:0; color:white; font-size:22px; text-shadow:1px 1px 1px rgba(0,0,0,0.3);}
.hero-divide{background:white; width:30px; height:4px; display:block; margin:5px auto;}
.hero-image .gradient{height:50%;}
#vert-center { position:absolute; top:0; left:0; width:100%; height:100%; text-align:Center;}
#vert-center h4{margin:0 0 10px !important}
#vert-center .vert-container {height:100%; width:100%; display:table;}
#vert-center .div-vert {padding:0 5px; vertical-align:middle; height:100%; display:table-cell;}
#v-center {width:100%; position:absolute; top:0; left:0; height:100%;}
#v-center .v-container {height:100%; width:100%; display:table;}
#v-center .div-v {vertical-align:middle; height:100%; display:table-cell; width:90%; padding:0 5%; }
#v-center .div-v .inner {padding:0; }
#waypoint {top:1px; position:absolute;}
.waypoint {top:1px; position:absolute;}
.fa-stack{font-size:20px;}
.instagram{color:#bf3599;}
.youtube{color:#f30007;}
.linkedin{color:#0077b0;}
.facebook{color:#3b5998;}
.twitter{color:#1da1f2;}
.transition {z-index:5; height:25px; width:100%; top:-25px; left:0; position:absolute; background-size:100% 100%;}
.post-tags {margin:0 0 10px;}
.taglet {position:Relative; padding:2px 5px; display:inline-block; font-size:11px; margin:0 2px 2px 0; color:white;}
.pagination {text-align:Center;clear:both;padding:20px 0;position:relative;font-size:11px;line-height:13px;}
.pagination span, .pagination a {border-radius:30px;display:inline-block; margin: 2px 2px 2px 0; width:40px; line-height:40px; text-align:Center; }
.pagination a:hover{color:#fff;background: #3279BB;}
.pagination .current{background: #3279BB;color:#fff;}
#all-overlay {position:fixed; display:none; z-index:1111111111;}

/* STICKY FOOTER  & SPACERS */
#wrap {min-height: 100%; height: auto !important; height: 100%;}
#wrap.move-wrap {margin-left:50%; width:100%;}
#footer {position:relative; height: 400px;  clear: both;}
#push {height: 400px; clear: both; margin:0 0 -400px;}
.head-spacer {height: 85px;}



/* WIDTHS */
.inner {max-width:1100px; margin:0 auto;}
.thin-inner {max-width:900px;}
.pulled-inner {max-width:900px; padding:50px; background:white; margin:-120px auto 0;}
#main-content {width:72%; float:left;}
#secondary {width:23%;}
#left {width:47%; float:left; }
#right {width:47%; float:right;}
#default-content {background:url(http://test.djmweb.co/storytelling/wp-content/uploads/2020/04/background-scaled.jpg) center center / cover;}
#default-content .inner {max-width:860px; font-size:20px; background:white; padding:30px; box-shadow:2px 2px 5px rgba(0.0.0.2);}
#default-content .inner p:last-of-type {margin:0;}


/* BOX SIZING */
#main-content, .wpcf7-text, .wpcf7-textarea, .grid-item, .inner, .field, .grid *, .gallery-albums a, .gallery-galleries, .gallery-images, .gallery-galleries a, .menu, .woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2, .grid *, #map, #map2, .banner ul li, #left, #right, .banner .dots, .mini-cart a.button, .subcat-block, .mini-cart a.button, #signup-section input, .half, .sub-menu, #main-head-search, #main-head-search .field, #search-toggle, #footer, .sub-menu, .ss-container, #social-section .third{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}



/* TRANSITIONS */
#mob-menu, #navcontainer, .subcat-block a, .banner .dots li, .gallery-galleries a span, .gallery-galleries a , .banner ul li h2, .banner ul li p, .featherlight-next, .featherlight-previous, #header, #menu-main-navigation li, #main-head-search, .close-cookie-block, .read-more, .grid-2-overlay, .grid-item-image h3:after, .grid-item-image, .news-image-content h3:after, .texture, .logo img, #header .logo a, .darken, .sub-toggle, .menu, .menu a, #v-center, #search-toggle, .inner, .div-v, #left, #grid-2 i, #wrap, .sub-menu, .right-pointer, .dark-overlay, .auto-size-image
{-webkit-transition:.4s ease-in-out;-moz-transition:.4s ease-in-out;-o-transition:.4s ease-in-out;transition:.4s ease-in-out;}

        
.hero-image {display:none !important}
		
#topbar {background:#22272a}	
#topbar h2 {float:left; color:white; font-size:12px; padding:0; line-height:28px;  color:#aaa; }
#topbar .social {float:left;}
#topbar .social a{width:35px; float:left; line-height:28px; color:rgb(174, 174, 174); color:white; font-size:12px; text-align:Center; border-right:1px solid #444;}
#topbar #search-toggle{margin-left:0; float:right; line-height:28px; color:white; font-size:13px; width:35px; background:#231f20; text-align:Center;}
		
#topbar #right{text-align:right;}
#topbar .top-menu {float:right;}
#topbar .top-menu ul {height:28px;}
#topbar .top-menu li {display:inline-block;}
#topbar .top-menu a{font-family: amiri;
    font-size: 12px;
    padding: 0 0 0 20px;
    width: Auto;
    border: none;}


/* HEADER */
#header.light-palette {background:white;}
#header.dark-palette {background:#111; position:Relative;}
.home #header.dark-palette {background:rgba(0, 0, 0, 0.7803921568627451); position:absolute;}

#header.clear-hero {background:none;}
#header.light-palette.active {background:white; box-shadow:0 0 3px rgba(0,0,0,0.5)}
#header.dark-palette.active {background:#111;}
#header {z-index:1000; width:100%; top:0; padding:0;}
#header.fixed {position:fixed;}
#header.fixed.active {position:fixed; top:0; left:0; width:100%; z-index:1000000;}
#header .inner {padding:0;}
#header .logo {float:none; text-align:Center}
#header .logo a{text-decoration:none; padding:5px 0 0; display:inline-block; }
#header .logo a img{display:block; height:55px;margin:5px 0;}
#header.fixed.active .logo a {font-size:35px; line-height:40px;}
#header.fixed.active .logo a img{height:40px;}

#header .menu {float:none; width:100%; z-index:5; text-align:CEnter; position:relative; padding-right:45px;}
#header .menu li{display:inline-block; margin:0 0 0 30px; position:relative;}
#header .menu li a{display:block; font-size:13px; text-decoration:none; font-family:montserrat, sans-serif !important; line-height: 28px; padding: 0 0 5px;}
#header .menu .sub-menu {background:white; position:absolute; width:300px; right:0; display:none; }
#header .menu .sub-menu li{position:relative;display:block; margin:0; line-height:normal}
#header .menu li:hover > .sub-menu {display:block; }
#header .menu .menu-item-has-children{padding-right:15px;}
#header .menu .sub-menu a{text-align:left; padding:15px; display:block; line-height:normal;}
#header .menu .sub-menu li:hover {background:rgba(0,0,0, 0.2);}
#header .menu .sub-toggle {position:Absolute; top:0; right:0; line-height:28px;}
#header.fixed.active .menu .sub-toggle {line-height:60px;}
#header.fixed.active .menu li a {line-height:60px;}
#header.fixed.active .menu li .sub-menu a {line-height:normal;}
#header.dark-palette {color:white}
#header.dark-palette.active .menu a {color:white !important;}
#header.dark-palette .menu .sub-menu {background:#333;}
.home #header.dark-palette.clear-hero .menu .sub-menu{background:none; border-left:1px solid white;}
#header.dark-palette.clear-hero.active .menu .sub-menu{background:#333;}

.page-id-1009 .hero-image {display:block !important;}
.page-id-1011 .hero-image {display:block !important;}
.page-id-1016 .hero-image {display:block !important;}
.page-id-1019 .hero-image {display:block !important;}


.side-menu .menu li {width:100% !important; display:block; margin:0 !important;}
.side-menu .menu .menu-item-has-children {padding-right:0;}
.side-menu .menu li a {line-height:45px !important; font-family:montserrat, sans-serif !important; padding:0 20px; color:white; }
.side-menu .menu.toggle {left:0 !important;}
.side-menu .menu .sub-menu {padding-left:10px; background:none; position:relative;}
.side-menu .menu .sub-toggle {right:10px; line-height:45px !important;}

.side-menu .menu {width:300px; top:60px; position:absolute !important; }
.side-menu .menu {top:85px; left:-100%; background:rgba(16, 16, 16, 0.95);}
.side-menu .full-mob-menu .menu {top:0;  height:100%;}
.side-menu .full-mob-menu .menu.toggle {left:0; width:100%; padding:25px;}


#search-toggle {float:right; line-height:80px; margin: 0 0 0 30px;}
#search-toggle.fa-times {color:White; line-height:80px; right:25px; top:0; position:Absolute;}
#main-head-search{display:none; position:Absolute; left:0;  width:100%; padding:0 25px; background:rgba(37, 37, 37, 0.99); z-index:50;}
#main-head-search .field{border:none; background:none; color:white; line-height:85px; font-size:40px; width:100%; padding:0 100px 0 0;}
#searchsubmit{line-height:29px; background:none; color:white; font-size:14px; cursor:pointer; border:1px solid white; padding:0 15px; position:Absolute; right:45px; top:25px;}
#topbar #main-head-search .field{line-height:45px; font-size:20px;}
#topbar #searchsubmit{top:8px;}
#header.active #search-toggle {line-height:60px;}
#header.active #main-head-search .field {font-size:25px; line-height:60px;}
#header.active #searchsubmit{top:15px;}

#header .mob-nav-btn {position:absolute; text-align:center; z-index:100; top:2px; right:10px; padding:18px 0 17px; }
#header .mob-nav-btn.off-canvas-close {left:-60px; right:auto;}
#header .fa-navicon{right:0; left:auto;}

.c-hamburger{width:45px; background:none; text-indent:-9999px; font-size:0; padding:0; -webkit-appearance:none;-moz-appearance:none;appearance:none; cursor:pointer;}
.c-hamburger:focus{outline:0}
.c-hamburger span{position:absolute; top:30px; left:10px; right:5px; height:2px; background:#ccc}
.c-hamburger span::after,.c-hamburger span::before{position:absolute;display:block;left:0;width:100%;height:2px;background-color:#ccc;content:""}
.c-hamburger--htla.is-active span::after,.c-hamburger--htla.is-active span::before,.c-hamburger--htra.is-active span::after,.c-hamburger--htra.is-active span::before{width:50%}
.c-hamburger span::before{top:-8px}
.c-hamburger span::after{bottom:-8px}
.c-hamburger--htx span{-webkit-transition:background 0s .3s;transition:background 0s .3s}
.c-hamburger--htx span::after,.c-hamburger--htx span::before{-webkit-transition-duration:.3s,.3s;transition-duration:.3s,.3s;-webkit-transition-delay:.3s,0s;transition-delay:.3s,0s}
.c-hamburger--htx span::before{-webkit-transition-property:top,-webkit-transform;transition-property:top,transform}
.c-hamburger--htx span::after{-webkit-transition-property:bottom,-webkit-transform;transition-property:bottom,transform}
.c-hamburger--htx.is-active span{background:0 0}
.c-hamburger--htx.is-active span::before{top:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.c-hamburger--htx.is-active span::after{bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.c-hamburger--htx.is-active span::after,.c-hamburger--htx.is-active span::before{-webkit-transition-delay:0s,.3s;transition-delay:0s,.3s}
.c-hamburger--htla{background-color:#32dc64}
.c-hamburger--htla.is-active{background-color:#18903c}
.c-hamburger--htla.is-active span{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.c-hamburger--htla.is-active span::before{top:0;-webkit-transform:translateX(38px)translateY(4px)rotate(45deg);-ms-transform:translateX(38px)translateY(4px)rotate(45deg);transform:translateX(38px)translateY(4px)rotate(45deg)}



#round-menu ul {position: relative; list-style-type: none; display:inline-block; padding: 0;}
#round-menu li {position: absolute; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
#round-menu.active li:not(:first-child) {opacity:1; font-size:20px;}
#round-menu li:not(:first-child) {opacity:0;}
.first-menu-item {height:40px; width:40px; z-index:2; cursor:pointer;}
#round-menu-container {display:none; height:40px; width:40px; z-index:1;position:fixed; top:10px; right:20px;}
#round-menu-container #round-menu{height:40px; width:40px; display:Block;}
#round-menu-container #round-menu ul{height:40px; width:40px;}
#round-menu-container #round-menu .o-grid__item{width:40px; height:40px; display:block;}
#round-menu-container #round-menu button{height:40px; width:40px;}
#round-menu-container #round-menu button span{left:0; top:20px; right:0;}



#welcome.style-1 #left {float:none !important; margin:0 auto;}



/* BANNER */
/* #slider-container {padding-top:85px;} */
#slider-container {z-index:1; position:relative;}
#slider-container #home {position:Absolute; bottom:60px;}
#slider-container.slider-size-1 {padding-top:0;}
.unslider{position:relative;overflow:auto;margin:0;padding:0;}
.unslider-wrap{position:relative}
.unslider-wrap.unslider-carousel>li{float:left}
.unslider-horizontal > ul{height:100%}
.unslider-horizontal > ul li{ height:100%}
.unslider-horizontal > ul li{position:relative;}
.unslider-vertical>ul{height:100%}
.unslider-vertical li{float:none;width:100%}
.unslider-fade{position:relative; height:100%;}
.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}
.unslider-fade .unslider-wrap li.unslider-active{z-index:10}
.unslider li, .unslider ol, .unslider ul{list-style:none;margin:0;padding:0;border:none}
.unslider-arrow{position:absolute;left:20px;z-index:2;cursor:pointer}
.unslider-arrow.next{left:auto;right:20px}
.unslider-nav {z-index:100;position:absolute; bottom:20px; left:0; right:0;}
.unslider-nav ol {list-style: none; text-align: center;}
.unslider-nav ol li {display:inline-block; width:6px; height:6px; margin:0 4px; background:transparent; border-radius:5px; overflow:hidden; text-indent:-999em; border:2px solid #fff; cursor: pointer;}
.unslider-nav ol li.unslider-active {background: #fff; cursor: default;}
.unslider-arrow {width:32px; top:50%; margin-top:-16px; background:rgba(0, 0, 0, 0.51) no-repeat 50% 50%; border-radius:32px; color:white; font-size:17px; text-align:center; line-height:32px; z-index:1000}
.unslider-vertical.banner ul li{padding:0;}
.banner ul li h2, .banner ul li p, .banner ul li a.read-more{position:Relative; z-index:2; }
.banner ul li p span {display:inline-block; max-width:50%;}

.slider-inner-cont {padding:25px; background:black; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;display:inline-block; }


.dark-overlay {background:rgba(0,0,0,0.3); height:100%; left:0; top:0; width:100%; position:absolute;}
.darker-overlay {background:rgba(0,0,0,0.7); height:100%; left:0; top:0; width:100%; position:absolute;}
.light-overlay {background:rgba(255,255,255,0.6); height:100%; left:0; top:0; width:100%; position:absolute;}
	
#hero-banner, .unslider, .unslider ul, .unslider ul li {min-height:200px;}
#hero-banner {color:white;}
#hero-banner ul li small{font-size:20px;}
#hero-banner ul li h1{padding:0;}
#hero-banner ul li h1 span{display:inline-block;}
#hero-banner ul li p{margin:15px 0 0;}
#hero-banner ul li a {margin:15px 0 0; display:block; text-decoration:none;}
#hero-banner ul li a.read-more:hover{background:white; color:black; }
#hero-banner ul li i.fa{display:block; font-size:15px; -webkit-animation-name: bounce; animation-name: bounce;}
.slide-divide{background: white; width: 20px; height: 1px; margin: 10px 0;}

#hero-banner ul li i.fa {-webkit-animation-duration: 2.5s;animation-duration: 2.5s; -webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-timing-function: linear;  animation-timing-function: linear;animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;} 

@-webkit-keyframes bounce {0%, 20%, 40%, 60%, 80%, 100% {-webkit-transform: translateY(0);}
  50% {-webkit-transform: translateY(-5px);}
} 
@keyframes bounce { 
  0%, 20%, 40%, 60%, 80%, 100% {transform: translateY(0);}
  50% {transform: translateY(-5px);}
} 


 
 
#welcome.style-1:nth-child(odd) #left, #welcome.style-1:nth-child(odd) #left:after {z-index:1; background:White; color:#222}
#welcome.style-1{background:none; padding:0; overflow:hidden;}
#welcome.style-1 {padding:30px 0; z-index:1; overflow:visible; }
#welcome.style-1 #left {float:Right; padding:35px; margin:0px auto !important; color:White; background:#4a4a4a}
#welcome.style-1 #left {opacity:0; position:Relative; margin:0px; width:50%; outline: 1px solid transparent; background:rgba(0, 0, 0, 0.87)}
#welcome.style-1 #left:after {display:none; width:110%; top:0%; transform:rotate(0deg); right:0; height:100%}
#welcome.style-1 #left h2, #welcome #left p, #welcome #left a, #welcome #left strong {position:Relative; z-index:7;}
#welcome.style-1 #right {top:0; right:0; width:100%; height:100%;position:Absolute;}
#welcome.style-2 {padding:0;}
#welcome.style-2 #left{position:Absolute; left:0; height:100%; width:44%;}
#welcome.style-2 #right{padding:55px; width:56%;}

.home #welcome #left *{}
.home #welcome #left-2 {float:left; width:46%; margin:0 0px 0 0;}
.home #welcome #right-2 {float:right; width:51%; margin:0;}

#testimonials{padding:110px 0; text-align:Center; background-color:none; position:relative; color:white;}
#testimonials .inner{max-width:700px;}
#testimonials .banner{background:none;}
#testimonials .unslider {padding:0 0 60px;}
#testimonials h3 {padding:0 20px; max-width:920px; margin:0 auto;}


#testimonials.style-2 ul li, #testimonials.style-4 ul li{padding:35px 35px 25px; color:#222;}
#testimonials.style-2 .banner, #testimonials.style-4 .banner{background:White;}
#testimonials.style-5{padding:0;}
#testimonials.style-5 #left{width:50%; position:relative;}
#testimonials.style-5 #left ul li{padding:50px 50px 20px; }
#testimonials.style-5 #right{width:50%; color:#111;}
#testimonials.style-5 #right #v-center{width:50%; left:auto;}





#category-selector select {padding:20px; font-size:19px; font-weight:200; width:48%; margin:0 1%; float:left;}


#team.grid-section .grid-item-image {background-position:center top}

#signup-section {position:relative; background:#222; color:white;}
#signup-section input {padding:20px 10px; border: none; margin:20px 1% 0 0; display: block; width: 32%; border: none; border-radius: 2px; float: left;}
#signup-section input.subscribe-submit {text-transform:uppercase; font-weight:600; border-bottom:2px solid rgba(0,0,0,0.4); border-right:2px solid rgba(0,0,0,0.4); color:white;}


#testimonials-section .filter-item, #testimonials-section .filter-sizer {height:auto; width:50%;}
#testimonials-section .filter-item p {font-size:24px; font-weight:200; font-style:italic;}
#testimonials-section .filter-item img {width:40px;}
#testimonials-section .filter-item .filter-content {color:white; padding:30px;}

.ribbon {padding:30px 0; background:black; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); z-index:6; position:relative;}
.ribbon-colored {color:White;}
.ribbon-colored a {background:White; color:#111;}
.ribbon #right{text-align:right;}
.ribbon .third{margin-top:0; margin-bottom:0;}
.ribbon h3, .ribbon .section-sub-title{margin:0; padding:0; line-height:50px;}
.ribbon .section-sub-title{display:block; text-align:right;}
.ribbon img{height:40px;display:block;}


#contact-details {text-align:left;}
#contact-details a{display:inline-block; margin:0 0 15px;}
#contact-details a .fa-stack{color:#2b2a3c; font-size:15px}
#contact-details .contact-detail {display:block; margin: 0 0 30px;}
#contact-details h5 {font-weight:600;}
#contact-details .third {margin-bottom:0; margin-top:0; text-align:Center; line-height:1.7;}
#contact-details .third a{margin:0;}
#more-contact {text-align:left;}
#more-contact #left .inner{}
.wpcf7-text, .field, .wpcf7-textarea {width:100%; padding:20px 10px; font-family:inherit; background:#f7f7f7; border:none; border-bottom:1px solid #b9b9b9; border-radius:4px;}
.pulled-inner .wpcf7-text, .pulled-inner .field, .pulled-inner .wpcf7-textarea {background:#f5f5f5;}
.wpcf7-select {width:100%; padding:20px !important; margin-bottom:10px;}
.wpcf7-form-control-wrap {clear:both; width:auto; display:block; margin:0 0 15px;}
#social{margin:5px 0 12px;}

.section .inner ul {margin:0 0 20px;}
.section .inner ul li {margin-left:1em; list-style-position:outside; list-style-type:disc; margin:0 0 13px 1em;}

#footer {padding:80px 0; background:#111; color:#fefefe; font-size:14px;}
#footer .third{margin-top:0; margin-bottom:0;}
#footer a{text-decoration:none;}
#footer p{margin:0 0 10px;}
#footer .sub-menu {display:none !important; }
#subfooter {padding:10px 0; background:black; font-size:11px;}
#subfooter a{color:white;}
#footer-columns {width:69%; float:right;}
#footer-info {width:28%; float:left;}
#footer.light-footer {background:white; color:#222;}
#footer.light-footer a{color:#222;}



.post {margin:0 0 35px; position:relative;}
.post.style-2 .post-tags {padding:4px; margin:2px 0 0 2px;}
.post-meta-small {font-style:italic;}
.post-meta-small, .news-post .post-tags {display:block; margin-bottom:10px; font-size:12px;}


.slick-dots {bottom:-45px;}
.slick-dots .slick-active {opacity:1;}
.slick-dots .slick-active button:before{color:black; opacity:1;}

#carousel.style-1 .ss-container {background:white; padding:45px; border:1px solid #efefef;}
#carousel.style-1 .slick-inner {display:block;}
#carousel.style-1 i{display:inline-block; margin:0 0 15px;}

#carousel.style-2 .slider-for .slick-slide {cursor:pointer; margin:0px;}
#carousel.style-2 .slider-for .slick-slide span{width:100%; display:Block; height:480px; }
#carousel.style-2 .slider-for .slick-slide .carousel-info{position: Absolute; bottom:0; width:100%; color:white; padding: 20px; background: rgba(0,0,0,0.5);}
#carousel.style-2 .slider-for .slick-slide .carousel-info p{margin:0;}
#carousel.style-2 .slider-nav .slick-slide:hover{opacity:1; cursor:pointer;}
#carousel.style-2 .slider-nav .slick-slide  span{width:100%; display:Block; height:100px; }
#carousel.style-2 .slick-slide {margin:0 15px;}


#carousel.style-4 .section-title, #carousel.style-4 .section-sub-title{margin-left:30px; margin-right:30px;}
#carousel.style-5 .ss-container {background:white; padding:45px; border:1px solid #efefef;}
#carousel.style-5 .slick-inner {display:block;}
#carousel.style-5 .slick-inner span{display:block; color:white; padding:200px 20px; text-align:Center;}



#single-section .single-featured-image {width:100%; margin:0 0 15px;}

#social-section.section {z-index:1; }
#social-section.section .dark-overlay{opacity:0.95; z-index:-2;}
#social-section.style-1 .section-title{color:white;}
#social-section.style-1 .section-sub-title {color:white;}
#social-section.style-1 .ss-container {text-align:Center; background:white; padding:45px; border:1px solid #efefef;}
#social-section.style-1 .slick-inner {display:block;}
#social-section.style-1 .slick-inner p{display:block; font-size:30px;}
#social-section .slick-inner a{color:#1da1f2}
#social-section.style-1 i{display:inline-block; margin:0 0 15px;}


#social-section.style-4, #social-section.style-5{z-index:1;}
#social-section.style-4 .third{padding:20px; height:440px; background:White;}
#social-section.style-4 .third strong{display:block; text-align:Center; margin:0 0 15px;}
#social-section.style-4 .section-title {color:white;}
#social-section.style-4 .section-sub-title {color:white;}


.lifted{-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 40px rgba(0, 0, 0, 0.05) inset; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 40px rgba(0, 0, 0, 0.05) inset; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 40px rgba(0, 0, 0, 0.05) inset;}
.lifted:before, .lifted:after {position: absolute; z-index: -2; bottom: 15px; content: ' '; left: 10px; width: 50%; height: 20%; max-width: 300px; max-height: 100px; -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5); box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5); -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -ms-transform: rotate(-3deg); -o-transform: rotate(-3deg); transform: rotate(-3deg);}
.lifted:after {right: 10px; left: auto; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -ms-transform: rotate(3deg); -o-transform: rotate(3deg); transform: rotate(3deg);}



/* FILTER */
.filter-item, .filter-sizer {width: 50%; background:white;}
.filter-item {padding:25px; text-decoration:none; float:left; height:auto; border:5px solid white;}
.filter-item h4{padding:0;}
.single-galleries .filter-item {height:auto;}
.filter-item img {margin:0 0 15px; display:block; width:100%;}
.filter-item span {display:block; text-decoration:none; font-size:12px; padding:7px 5px 0}
.gallery-grid .filter-item, .gallery-grid .filter-item-height2{height:auto;}





/* GRIDS */
.grid-section {text-align:left; position:relative;}
.grid-section strong {display:block; margin:0 0 10px; padding:0;}
.grid-section h4 {margin:0 0 10px;}
.grid-section a {text-decoration:none;}
.grid-section a.read-more {font-size:13px; margin:0;}
.auto-size-image {cursor:pointer; position:relative; background-size:cover; margin:0 0 0px;}
.grid-section .grid-image-content{position:Absolute; bottom:0; padding:15px 20px; color:white;}
.grid-section .right-pointer{opacity:0; position:absolute; right:-40px; z-index:1; font-size:22px; color:white; bottom:22px;}
.grid-section div:hover > .right-pointer{right:20px; opacity:1;}
.grid-section .grid-image-content p, .grid-section .grid-image-content h3{padding:0; margin:0;}
.grid-section .inner {opacity:0;}
.grid-full_boxed {padding:0;}



.half {position:relative; float:left; background-position:center center; width:48%;}
.half-2, .half-4, .half-6 {float:right;}
.half.style-2 {cursor:pointer;}

.product-half {float:left; width:48%; margin:0 0 25px;}
.product-half-2,.product-half-4,.product-half-6,.product-half-8,.product-half-10 {float:right; width:48%;}




#grid-2 {padding:0;}
#grid-2 .half{color:white; padding:0; width:50%;}
#grid-2 .half a{text-decoration:none;}
#grid-2 #v-center {background:rgba(0, 0, 0, 0.7);}
#grid-2 .half:hover #v-center {background:rgba(0, 0, 0, 0.5);}

#grid-2.style-2 .auto-size-image {background-position:center center; background-size:100% auto;}
#grid-2.style-2 .auto-size-image:hover {background-size:110% auto;}
#grid-2.style-2 .auto-size-image:hover > .dark-overlay{background:rgba(0,0,0,.2);}


#grid-3.style-2 {padding:0;}
#grid-3.style-2 .third{width:33.33333%; margin:0;}
#grid-3.style-2 .third:hover > div .dark-overlay{background:rgba(0, 0, 0, 0.35);}

#grid-3.style-4 .grid-item {position:relative; cursor:pointer;}
#grid-3.style-4 .grid-item.grid-item-1 .grid-item-image{height:500px !important;}
#grid-3.style-4 .post-tags{padding-left:2px;}
#grid-3.style-4 #right .grid-item-image {height:250px !important;}
#grid-3.style-4 #left{width:50%; border-right:1px solid white; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#grid-3.style-4 #right{width:50%;}
#grid-3.style-4 #right .grid-item-2 .grid-item-image{border-bottom:1px solid white; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

#grid-4.style-2 {padding:0;}
#grid-4.style-2 .quarter {width:25%; margin:0;}
#grid-4.style-2 .auto-size-image {background-position:center center; background-size:100% auto;}
#grid-4.style-2 .auto-size-image:hover {background-size:110% auto;}
#grid-4.style-2 .auto-size-image:hover > .dark-overlay{background:rgba(0,0,0,.2);}

#grid-4.style-3 .auto-size-image {background-position:center center; background-size:100% auto;}
#grid-4.style-3 .auto-size-image:hover {background-size:110% auto;}
#grid-4.style-3 .auto-size-image:hover > .dark-overlay{background:rgba(0,0,0,.2);}




.third {position:relative; float: left; margin:0 1.5% 15px 0; width:32.33%;}
.third-3, .third-6 {float:right; margin:0 0 15px;}
.third.full_boxed {width:33.33333%; margin:0;}
.third.style-4 {cursor:pointer; color:white; text-align:center;}
.third.style-4 .grid-item-image{background-size:120% auto;}
.third.style-4 .grid-item-image:hover {background-size:125% auto;}
.third.style-4 .grid-item-image:hover > .dark-overlay {background: rgba(0,0,0,.2);}
.third.style-4 h4{font-size:23px; text-shadow:1px 1px 1px rgba(0,0,0,.6);}



.quarter {float:left; margin:10px 3% 10px 0; width:22.75%;}
.quarter-4, .quarter-8, .quarter-12, .quarter-16 {float:right; margin:10px 0;}
.quarter.full_boxed {height:300px; width:25%; margin:0;}



.crunchify-link {
    padding: 2px 8px 4px 8px !important;
    color: white;
    font-size: 12px;
    border-radius: 2px;
    margin-right: 2px;
    cursor: pointer;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
    -moz-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
    margin-top: 2px;
    display: inline-block;
    text-decoration: none;
}
 
.crunchify-link:hover,.crunchify-link:active {
    color: white;
}
 
.crunchify-twitter {
    background: #00aced;
}
 
.crunchify-twitter:hover,.crunchify-twitter:active {
    background: #0084b4;
}
 
.crunchify-facebook {
    background: #3B5997;
}
 
.crunchify-facebook:hover,.crunchify-facebook:active {
    background: #2d4372;
}
 
.crunchify-googleplus {
    background: #D64937;
}
 
.crunchify-googleplus:hover,.crunchify-googleplus:active {
    background: #b53525;
}
 
.crunchify-buffer {
    background: #444;
}
 
.crunchify-buffer:hover,.crunchify-buffer:active {
    background: #222;
}
 
.crunchify-pinterest {
    background: #bd081c;
}
 
.crunchify-pinterest:hover,.crunchify-pinterest:active {
    background: #bd081c;
}
 
.crunchify-linkedin {
    background: #0074A1;
}
 
.crunchify-linkedin:hover,.crunchify-linkedin:active {
    background: #006288;
}
 
.crunchify-social {
    margin: 20px 0px 25px 0px;
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
}












/* LIGHTBOX */
.lightbox { display:none; text-align:Center;}
.featherlight .featherlight-image {max-width:100%; width:auto;}
.featherlight .caption {position:Absolute; bottom:0; padding:10px; max-width:300px;  background:rgba(255, 255, 255, 0.5);}
.featherlight-next:hover, .featherlight-previous:hover {opacity:1;}




/* GALLERIES */
.gallery-galleries a {height:300px; background-size:100% auto !important; float:left; text-decoration:none; display:block; padding:20px; position:relative; width:48%; margin:0 1% 30px 1%;}
.gallery-galleries a span{position:Absolute; font-size:20px; text-transform:uppercase; font-weight:200; color:white; letter-spacing:2px; padding:6px 15px; bottom:20px; right:20px;}
.gallery-galleries a:hover {background-size:120% auto !important;}
.gallery-galleries a:hover > span {background:#222;}
.gallery-item {float:left; width:22%; margin:0 3% 40px 0; display:block;}
.gallery-albums a{text-decoration:none; background:#ddd; display:block; padding:20px; float:left; width:47%; margin:0 3% 30px 0;}
.gallery-images a {text-decoration:none; background:#ddd; display:block; padding:20px; float:left; width:17%; margin:0 3% 30px 0;}


span.posted_in, span.sku_wrapper {display:block;}
.subcategories-block div {}
.subcategories-block div a{margin:0 0 10px; padding:10px; display:block; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}


@media screen and (max-width: 1120px) {
#pre-head, #push, #header-contact, #header .menu li:hover > .sub-menu {display:none;}
#round-menu-container, .c-hamburger {display:Block;}
#main-head-search .field {line-height:60px; font-size:25px;}
#searchsubmit {right:60px; top:15px !important; }
#header .mob-nav-btn {display:block;}
#header .menu {top:60px; width:100%; position:fixed; left:-100%; background:rgba(16, 16, 16, 0.95);}
#header.full-mob-menu .menu {top:0;  height:100%;}
#header.full-mob-menu .menu.toggle {left:0; width:100%; padding:25px;}

#header .menu li {display:block; margin:0 !important;}
#header .menu .menu-item-has-children {padding-right:0;}
#header .menu li a {line-height:45px !important; font-family:montserrat, sans-serif !important; padding:0 20px; color:white; }
#header .menu.toggle {left:0 !important;}
#header .menu .sub-menu {padding-left:10px; background:none; position:relative;}
#header .menu .sub-toggle {right:10px; line-height:45px !important;}
#header .logo a {padding-left:10px; font-size:35px !important; line-height:40px; }
#header .logo a img{height:40px !important;}
#header #search-toggle {position:Absolute; right:60px; line-height:60px !important; margin:0; }

#welcome.welcome-full-height {height:auto !important;}
#welcome.welcome-full-height #left {width:50%; margin:0; padding:30px;}
#welcome #right {left:auto !important; right:0; width:100% !important; height:100% !important;}


#header, #header .inner {padding:0 !important;}
.main-navigation {padding:0 !important;}

.page-child #welcome #left {width:100%; padding:0;}


#wrap .head-spacer {height:0 !important;}
.section {padding:30px 0;}
.inner {padding-left:50px; padding-right:50px;}
#wrap {margin:0;}
#footer {height:auto;}

#welcome #left{padding:40px 25px;}

#hero-banner ul li h2, #hero-banner ul li h2 span {font-size:30px !important;}
#hero-banner ul li p, #hero-banner ul li p span {font-size:16px !important}

#welcome.style-1 #left {width:80%;}
 
}




@media screen and (max-width: 850px) { 
.grid-section .quarter{width:47%;}
.quarter-2, .quarter-4, .quarter-6, .quarter-8{float:right;}
#main-content, #secondary {float:none !important; width:auto; margin:0 0 20px; }

#welcome.welcome-full-height {height:auto !important;}
#welcome #right {width:100% !important; position:relative; height:200px !important;}
#welcome #left {height:auto !important; width:auto !important; float:none !important}

}




@media screen and (max-width: 700px) { 
#left, #right, #welcome #right, .half {float:none; width:auto; position:relative; margin:0 0 20px;}
#welcome #left {width:100%; padding:30px;}
#welcome #right {height:300px; margin:0;}

.ribbon, .ribbon #left, .ribbon #right, .ribbon .section-sub-title {line-height:normal; text-align:Center; margin:0; }

#grid-2 .half {width:100%;min-height:200px; margin:0;}

.inner {padding-left:25px; padding-right:25px;}
.unslider-arrow {display:none;}
.unslider-nav {z-index: 100; position: absolute; bottom: 2px; left: 0; right: 0;}
.unslider-nav ol li {display: inline-block; border: none; border-radius: 0; width: 100%; max-width:16%; height:10px;}

#footer .third.third-2, #footer .third.third-3{text-align:left;}


.quarter, .third {width:auto; float:none; margin:0 0 20px;}

}





@media screen and (max-width: 550px) { 
#home-section-quote .inner {padding:40px 0;}
}