/*
	Theme Name: Dynamite Theme
	Theme URI: https://digitaldynamite.co.za/
	Description: Custom build theme for a Digital Dynamite client based on HTML5 Blank WordPress Theme from Todd Motto (@toddmotto)
	Version: 1.0
	Author: Shado @ Digital Dynamite
	Author URI: https://digitaldynamite.co.za/
	Tags: Wordpress, HTML5, CSS3, Woocommerce
*/

/* Image Hotspots */
.image-hotspot button {margin-bottom: 10px;background-color: #2D2766 !important;padding: 5px 10px;font-size: 12px;}
.image-hotspot button a {color: #fff;}
.image-hotspot button:hover {background-color: #0A0A0A !important;padding: 5px 10px;font-size: 12px;}
#powerTip {background-color: #fff;}
#powerTip strong{color: #2D2766;}
#powerTip p{color: #222; font-size: 13px;}

/* NEW POPUP - STARTS */
.event-container {display: flex;align-items: center;justify-content: space-between;gap: 15px;}
.event-text {flex: 1;max-width: 50%;}
.event-text li {line-height: 1.9;font-size:14px;}
.event-image {flex: 1;max-width: 50%;}
.event-image img {width: 100%;height: auto;}

@media (max-width: 768px) {
.event-container {flex-direction: column;text-align: center;}
.event-text, .event-image {max-width: 100%;} }

/* NEW POPUP - ENDS */

/*------------------------------------*\
    MAIN
\*------------------------------------*/ 
 
*, *:after, *:before{-moz-box-sizing:border-box; box-sizing:border-box;}
html{font-size:62.5%;}
body{font:normal 16px/24px 'Montserrat', Arial, Helvetica, sans-serif; color:#0A0A0A;}

/* clear */
.clear:before, .clear:after{content:' '; display:table;}
.clear:after{clear:both;}
.clear{*zoom:1;}
img{max-width:100%; vertical-align:bottom;}
a{color:#0A0A0A; text-decoration:none; cursor:pointer;}
a:hover, a:focus, a:active{outline:0; text-decoration:none; color:inherit; 
-webkit-transition:all 0.5s ease-in-out; 
	-moz-transition:all 0.5s ease-in-out; 
		-o-transition:all 0.5s ease-in-out; 
			transition:all 0.5s ease-in-out;}
ul, ol{list-style:none; margin:0; padding:0;}
input:focus{outline:0;}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper{width:100%; background-color:#FFFFFF; position:relative; overflow:hidden;}

/* header */
header.header{background-color:#FFFFFF; border-top:3px solid #2D2766; width:100%; display:inline-block; margin:0 auto; position:fixed; top:0; left:0; z-index:8000; 
-webkit-transition:all 0.5s ease-in-out; 
	-moz-transition:all 0.5s ease-in-out; 
		-o-transition:all 0.5s ease-in-out; 
			transition:all 0.5s ease-in-out;}
header.header.sticky{border-bottom:1px solid #e5e5e5;}

header .topBar{}
header.header.sticky .topBar{display:none;}

header .logoBox{padding:15px 0 15px 30px;}
header .logoBox img{width:auto; height:100%; max-height:50px; margin:0; 
-webkit-transition:all 0.5s ease-in-out; 
	-moz-transition:all 0.5s ease-in-out; 
		-o-transition:all 0.5s ease-in-out; 
			transition:all 0.5s ease-in-out;}

footer .logoBox{padding:0; margin-bottom:20px;}
footer .logoBox img{width:auto; height:100%; max-height:50px; padding:0; margin:0; 
-webkit-transition:all 0.5s ease-in-out; 
	-moz-transition:all 0.5s ease-in-out; 
		-o-transition:all 0.5s ease-in-out; 
			transition:all 0.5s ease-in-out;}

main{width:100%; margin:0 auto; position:relative; display:inline-block;}
section{width:100%; display:inline-block; vertical-align:top; margin:0 auto; padding:100px 0; position:relative;}
section.noPad{padding:0;}
section.endPad{padding-bottom:0;}
section.startPad{padding-top:0;}
section.halfPad{padding:50px 0;}
article{max-width:100%; display:block; margin:0 auto; padding:0 5%; position:relative;}
article.noPad{padding:0;}
footer{width:100%; display:inline-block; vertical-align:top; margin:0 auto;}

/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

h1, h2, h3, h4, h5, h6{width:100%; display:inline-block; padding:0; margin:0 0 20px; text-transform:uppercase;}
h1{font-size:38px; line-height:42px; color:#2D2766; font-weight:200;}
h2{font-size:34px; line-height:38px; color:#2D2766; font-weight:200;}
h3{font-size:30px; line-height:34px; color:#2D2766; font-weight:200;}
h4{font-size:26px; line-height:30px;}
h5{font-size:22px; line-height:26px;}
h6{font-size:18px; line-height:22px;}

p{width:100%; display:inline-block; margin-top:0;}

/*------------------------------------*\
	COLOURS
\*------------------------------------*/

.cl-blue{color:#2D2766;}
.cl-charcoal{color:#0A0A0A;}

.bg-blue{background-color:#2D2766; color:#FFFFFF;}
.bg-charcoal{background-color:#0A0A0A; color:#FFFFFF;}

/*------------------------------------*\
    PAGES
\*------------------------------------*/

/* responsive columns */
.dynamite-x{width:20%;}
.dynamite-1{width:8.33%;}
.dynamite-2{width:16.66%;}
.dynamite-3{width:25%;}
/* .dynamite-4{width:33.33%;} */
.dynamite-4{width:25%;}
.dynamite-5{width:41.66%;}
.dynamite-6{width:50%;}
.dynamite-7{width:58.33%;}
.dynamite-8{width:66.66%;}
.dynamite-9{width:75%;}
.dynamite-10{width:83.33%;}
.dynamite-11{width:91.66%;}
.dynamite-12{width:100%;}
[class*="dynamite-"]{display:inline-block; float:left;}

.centerBox{text-align:center;}
.leftBox{text-align:left;}
.rightBox{text-align:right}
.leftPad{padding-right:20px;}
.rightPad{padding-left:20px}
.topPad{padding-top:50px;}
.bottomPad{padding-bottom:50px}
.topMarg{margin-top:20px;}
.bottomMarg{margin-bottom:20px;}
.sideBorder{border-left: 5px solid #FFFFFF; border-right: 5px solid #FFFFFF;}
.textShado{text-shadow:1px 1px 1px #0A0A0A;}
.opacityBox{background-color:rgba( 10, 10, 10, 0.8 );}

.overlay{position:relative; overflow:hidden;}
.overlay:before{background-color:rgba( 10, 10, 10, 0); position:absolute; content:" "; top:0; left:0; width:100%; height:100%; display:block; z-index:999; -webkit-transition:all 0.5s ease-in-out;  -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.overlay:hover:before{background-color:rgba( 10, 10, 10, 0.6);}

/* banner */
#banner{background-color:#FFFFFF; margin:0 auto; position:relative;}
.headBox{width:100%; height:40vh; display:inline-block; color:#FFFFFF; margin:0 auto; padding:0; position:relative; background-color:rgba( 10, 10, 10, 0.3 ); background-position:center; background-repeat:no-repeat; overflow:hidden; display:inline-block; vertical-align:bottom; -webkit-background-size:cover; 
	-moz-background-size:cover; 
		-o-background-size:cover; 
			background-size:cover;}
.headBox img{width:auto; height:100vh;}
.headBox:before{position:absolute; content:" "; top:0; left:0; width:100%; height:100%; display:block; z-index:999; 
-webkit-transition:all 0.5s ease-in-out; 
	-moz-transition:all 0.5s ease-in-out; 
		-o-transition:all 0.5s ease-in-out; 
			transition:all 0.5s ease-in-out;}
.headTxt{width:100%; display:inline-block; vertical-align:bottom; text-align:center; z-index:7000; padding:0 20px; position:absolute; top:46%;}
.headTxt .slide-Title{font-weight:bold; width:100%; display:inline-block; padding:0; font-size:44px; line-height:48px; letter-spacing:2px; text-transform:capitalize; text-shadow:1px 1px 1px #0A0A0A;}
.headTxt .slide-Buttons{width:100%; display:inline-block; padding:0; margin:10px 0 0;}
.home .headBox{height:70vh;}
.shopBox.headBox{height:20vh;}

/* intro */
.introBox{padding:30px 30px 30px 5%; text-align:right;}
.introIMG{padding:30px; background-position:center; background-repeat:no-repeat;
-webkit-background-size:cover;
	-moz-background-size:cover;
		-o-background-size:cover;
			background-size:cover;}
.home .introBox, .page-id-30 .introBox{padding:50px 50px 50px 5%;}
.home .introIMG, .page-id-30 .introIMG{padding:50px;}

.brandBox{padding:20px;}

/* featured - home */
.featureIMG{padding:50px; margin-top:30px; background-position:center; background-repeat:no-repeat; border-top:1px solid #E6E6E6; border-bottom:1px solid #E6E6E6;
-webkit-background-size:cover;
	-moz-background-size:cover;
		-o-background-size:cover;
			background-size:cover;}
.featureBox{padding:50px; margin-top:30px; background-color:#E6E6E6; border-top:1px solid #E6E6E6; border-bottom:1px solid #E6E6E6;}

/* concept - home */
.conceptBox{padding-right:30px; margin-top:30px;}
.conceptBoxlet{padding-right:20px; margin-bottom:20px;}
.conceptBoxlet h5 a{color:#2D2766; border-bottom:1px solid #FFFFFF;}
.conceptBoxlet h5:hover a{border-bottom:1px solid #2D2766;}
.conceptBoxlet p a{color:#2D2766; border-bottom:1px solid #FFFFFF;}
.conceptBoxlet p:hover a{border-bottom:1px solid #2D2766;}
.conceptIMG{position:relative; margin-top:30px; min-height: 600px;}
.conceptIMG img{max-width:600px; height:auto; border:10px solid #2D2766; border-radius:50%; position:absolute; top:0; left:0; padding:15px;}

/* concept - main */
.conceptlist{position:relative; border:10px solid #FFFFFF; background-position:center;}
.conceptlist:before{position:absolute; content:" "; top:0; left:0; width:100%; height:100%; display:block; z-index:999; -ms-transition:all .5s ease-in-out; transition:all .5s ease-in-out;
-webkit-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
	-moz-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
		-o-transition:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
			box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 );}
.conceptlist:hover:before{background-color:rgba( 0, 0, 0, 0 );}
.conceptlist .hero{height:40vh; justify-content:center; align-items:center; background-color:rgba(0, 0, 0, 0.15); display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
		-o-transition:all 0.5s ease-in-out;
			transition:all 0.5s ease-in-out;}
.conceptlist .hero h4{color:#FFFFFF; text-shadow:1px 1px 1px #0A0A0A;}

/* concept - single */
.shopGrid{margin-bottom:20px; border:5px solid #FFF; text-align:center;}
.shopGrid img{display:inline-block; margin:0; overflow:hidden; border-top:1px solid #f2f2f2; border-left:1px solid #f2f2f2;
-webkit-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
	-moz-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
		-o-transition:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
			box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 );}
.shopGrid h6{margin:10px 0 0;}

/* concept - slider */
#conceptBox a{color:#FFFFFF; background-color:#2d2766; border:1px solid #2d2766; width:99%; display:inline-block; text-align:center; padding:20px 10px; font-weight:500;
-webkit-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
	-moz-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
		-o-transition:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
			box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 );}
#conceptBox a:hover{color:#2d2766; background-color:#FFFFFF; border:1px solid #2d2766;}

.wp-post-image{
-webkit-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
	-moz-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
		-o-transition:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
			box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 );}

/* blog - home */
.blogHead{margin-bottom:20px;}
.blogHead h4{margin:0 0 20px;}
.blogBox{background-color:#E6E6E6;}
.blogBox .blogBoxlet{padding:20px;}
.blogBox .blogBoxlet h6{margin:0 0 20px;}
.videoBox{}
.videoBox .videoBoxlet{position:relative; background-position:center; background-repeat:no-repeat; overflow:hidden; display:inline-block; vertical-align:bottom; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; padding:20px;}
.youtubeICN{width: 100%; color: #FF0000; font-size: 55px; text-align: center; position: absolute; top: 0; left: 0; transform: translate(0,200%);}
.youtubeICN2 i{width: 100%; color: #FF0000; font-size: 55px; text-align: center; padding-top: 10px;}
.youtubeICN2:hover i{color:#2d2766;}

/* media - main */
.mediaBoxlet{position:relative; border:10px solid #FFFFFF; background-position:center;}
.mediaBoxlet:before{position:absolute; content:" "; top:0; left:0; width:100%; height:100%; display:block; z-index:999; -ms-transition:all .5s ease-in-out; transition:all .5s ease-in-out;
-webkit-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
	-moz-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
		-o-transition:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
			box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 );}
.mediaBoxlet:hover:before{background-color:rgba( 0, 0, 0, 0 );}
.mediaBoxlet .hero{height:40vh; justify-content:center; align-items:center; background-color:rgba(0, 0, 0, 0.15); display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
		-o-transition:all 0.5s ease-in-out;
			transition:all 0.5s ease-in-out;}
.mediaBoxlet .hero h4{color:#FFFFFF; text-shadow:1px 1px 1px #0A0A0A; padding: 0 20px;}

/* blog - main */
.articleBox{border:10px solid #FFFFFF;}
.articleBoximg{position:relative; background-position:center; text-align: center;}
.articleBoximg:before{position:absolute; content:" "; top:0; left:0; width:100%; height:100%; display:block; z-index:999; -ms-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.articleBoximg .hero{height:20vh; justify-content:center; align-items:center; background-color:rgba(0, 0, 0, 0.15); display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
		-o-transition:all 0.5s ease-in-out;
			transition:all 0.5s ease-in-out;}
.articleBoximg .hero h6{color:#FFFFFF; text-shadow: 1px 1px 1px #0A0A0A; padding: 0 20px;}
.articleBoxlet{background-color:#E6E6E6;}
.articleBoxlet{padding:20px;}

/* brands */
.videoWrapper {overflow:hidden; padding-bottom:56.25%; position:relative; height:0;}
.videoWrapper p iframe {left:0; top:0; height:100%; width:100%; position:absolute;}
.videoBoxie, .galleryIMG{border:5px solid #FFFFFF;}
.galleryIMG img{
-webkit-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
	-moz-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
		-o-transition:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
	box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 );}

.features .columns{column-count:2; column-gap:40px; column-span:all;}

/* media - articles */
.boxList{border:1px solid #f2f2f2; padding: 20px; margin: 20px 0;
-webkit-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
	-moz-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
		-o-transition:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
			box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 );}

/* services */
ul.serviceBox{margin:0 0 20px; padding-left: 20px;}
ul.serviceBox li{list-style: disc outside;}

/* contact */
.contactBoxlet:first-child{border-left:none; border-right:5px solid #FFFFFF;}
.contactBoxlet{border-left:5px solid #FFFFFF; border-right:5px solid #FFFFFF;}
.contactBoxlet:last-child{border-left:5px solid #FFFFFF; border-right:none;}
.contactBoxlet a{border-bottom:1px solid #FFFFFF;}
.contactBoxlet a:hover{border-bottom:1px solid #2D2766;}

.salesBoxlet{border:5px solid #FFFFFF; min-height:150px;}
.salesBoxlet a{border-bottom:1px solid #FFFFFF;}
.salesBoxlet a:hover{border-bottom:1px solid #2D2766;}

/* connect */
.connectBox{margin-top: 20px;}

/* sign up */
.signupBox{text-align:center;}
.signupBox span{font-size:24px; line-height:28px; padding:7px 0; display:inline-block;}
.signupBox .button-white{margin:0 0 0 20px;}

.contactForm{padding:0 25%;}
.mapIframe{border-top:1px solid #E6E6E6; border-left:1px solid #E6E6E6;
-webkit-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
	-moz-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
		-o-transition:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
			box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 );
}
.mapIframe iframe{display: block;}

.pagination{width: 100%; display: inline-block; white-space: nowrap; padding: 0; clear: both; margin: 1px;}
.pagination .page-numbers{border: 1px solid #d3ced2; margin: 0; display: inline; overflow: hidden; margin: 0; text-decoration: none; padding: 10px; line-height: 1; font-size: 1em; font-weight: 400; min-width: 36px; display: inline-block; text-align:center;}
.pagination .page-numbers.current, .pagination .page-numbers:hover{border: 1px solid #2D2766; background-color: #2D2766; color: #FFFFFF;}

/* footer */
.footPad{position:relative; padding:0 0 0 20px;}
.footPad:first-child{padding-left:0;}
.footPad h6{margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #FFFFFF;}
#text-3, #text-4, .widget_nav_menu{width:100%; display:inline-block; margin-bottom:20px;}
.widget_text, .widget_nav_menu{color:#FFFFFF; font-size:14px; line-height:18px;}
.widget_text a{color:#FFFFFF;}
.widget_text a:hover, .widget_text a:focus{color:#2D2766;}
.copyright{color:#FFFFFF; padding:10px 0; font-size:12px; line-height:16px; text-align:center; border-top:2px solid #FFFFFF;}
.copyright a{color:#FFFFFF; font-size:12px; line-height:16px;}
.copyright a:hover, .copyright a:focus{color:#2D2766;}
.copyright2{color:#0A0A0A; font-size:12px; text-align:center;}
.copyright2 a{color:#0A0A0A; font-size:12px; line-height:16px;}
.copyright2 a:hover, .copyright2 a:focus{color:#2D2766;}

/* BLACK NOVEMBER */
.blacknov .alignleft {float: none !important; margin: 5px 20px 20px 0;}

/* SERVCIES - PROMOTION */
/* .assessment-img-copy {padding: 30px;width: 35%;float: right;} */
.assessment-groups.assessment-groups-left {padding: 30px;width: 50%;float: left;}
.assessment-groups.assessment-groups-right {padding: 30px;width: 50%;float: right;}
.assessment-groups-copy {width: 100%;float: left;}



/*------------------------------------*\
    MENUS
\*------------------------------------*/

ul#menu-socbar{font-size:0; padding:0 0 0 30px;
-webkit-transition:all 0.5s ease-in-out; 
	-moz-transition:all 0.5s ease-in-out; 
		-o-transition:all 0.5s ease-in-out; 
			transition:all 0.5s ease-in-out;}
ul#menu-socbar li{width:auto; display:inline-block; position:relative;}
ul#menu-socbar li a{color:#2D2766; text-align:center;}
ul#menu-socbar li a i{font-size:14px; padding:5px; line-height:24px;}
ul#menu-socbar li:first-child a i{padding-left:0;}
ul#menu-socbar li:last-child a i{padding-right:0;}
ul#menu-socbar li a:hover, ul#menu-socbar li a:hover i, ul#menu-socbar li a:focus i{opacity:0.8;}

ul#menu-socbar-1{font-size:0; border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2;
-webkit-transition:all 0.5s ease-in-out; 
	-moz-transition:all 0.5s ease-in-out; 
		-o-transition:all 0.5s ease-in-out; 
			transition:all 0.5s ease-in-out;}
ul#menu-socbar-1 li{width:auto; display:inline-block; position:relative;}
ul#menu-socbar-1 li a{display: block; color:#2D2766; padding:10px; text-align:center;}
ul#menu-socbar-1 li a i{font-size:16px; line-height:26px;}
ul#menu-socbar-1 li:first-child a i{padding-left:0;}
ul#menu-socbar-1 li:last-child a i{padding-right:0;}
ul#menu-socbar-1 li a:hover, ul#menu-socbar-1 li a:hover i, ul#menu-socbar-1 li a:focus i{opacity:0.8;}

#nav_menu-3 ul#menu-socbar-1{border:none;}
#nav_menu-3 ul#menu-socbar-1 li a{color:#FFFFFF; padding:0 10px;}

ul#menu-topbar{font-size:0; padding:0 30px 0 0; text-align:right;
-webkit-transition:all 0.5s ease-in-out; 
	-moz-transition:all 0.5s ease-in-out; 
		-o-transition:all 0.5s ease-in-out; 
			transition:all 0.5s ease-in-out;}
ul#menu-topbar li{width:auto; display:inline-block; position:relative; border-right:1px solid #e5e5e5;}
ul#menu-topbar li:first-child{}
ul#menu-topbar li:last-child{border-right:none;}
ul#menu-topbar li a{display:inline-block; color:#2D2766; padding:5px 15px; text-align:center; text-transform:capitalize; font-size:12px; line-height:24px;}
ul#menu-topbar li:hover a, ul#menu-navbar li:focus a{color:#2D2766;}
ul#menu-topbar li a.active{border-top:3px solid #2D2766;}
.menu-item-search{float:right;}

/* search */
.search{position:relative;}
.search input.search-input{width:45px; color:#0A0A0A; opacity:0.6; background-color:transparent; border:none; font-size:12px; line-height:24px; padding:5px 5px 5px 15px;
-webkit-transition:all 0.5s ease-in-out; 
	-moz-transition:all 0.5s ease-in-out; 
		-o-transition:all 0.5s ease-in-out; 
			transition:all 0.5s ease-in-out;}
.search input.search-input:focus{width:120px; opacity:1;}
.search input.search-input::placeholder{color:#0A0A0A; opacity:1;}
.search input.search-input:-ms-input-placeholder{color:#0A0A0A; opacity:1;}
.search input.search-input::-ms-input-placeholder{color:#0A0A0A; opacity:1;}
.search button.search-submit{width:26px; height:34px; color:#0A0A0A; background-color:transparent; border:none; padding:5px; float:right;}
.search button.search-submit .fa-search{font-size:12px; line-height:14px; display:block; z-index:9999; color:#0A0A0A;}

ul#menu-navbar{font-size:0; padding:0 30px 0 0; text-align:right;
-webkit-transition:all 0.5s ease-in-out; 
	-moz-transition:all 0.5s ease-in-out; 
		-o-transition:all 0.5s ease-in-out; 
			transition:all 0.5s ease-in-out;}
ul#menu-navbar li{width:auto; display:inline-block; position:relative; padding:0 15px;}
ul#menu-navbar li:first-child{padding-left:0;}
ul#menu-navbar li:last-child{padding-right:0;}
ul#menu-navbar li a{display:block; color:#0A0A0A; text-transform:capitalize; cursor:pointer; font-size:14px; line-height:20px; padding:27px 0 30px; border-top:3px solid #FFFFFF;}
ul#menu-navbar li a.active, ul#menu-navbar li:hover a, ul#menu-navbar li:focus a{color:#2D2766; border-top:3px solid #2D2766;}
ul#menu-navbar li ul{display:none;}

.mega-menu{z-index:9999; width:98%; float:left; position:fixed; top:118px; left:1%; right:1%; padding:20px; background-color:#FFFFFF;
-webkit-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
	-moz-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
		-o-transition:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
			box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 );}
.mega-menu.sticky{top:84px}
.mega-menu h6 a{color:#2D2766;}
.mega-menu ul.mega-list{background-color:#FFFFFF;}
.mega-menu ul.mega-list .mega-item{padding:2.5px 0;}
.mega-menu ul.mega-list .mega-item a{font-size:14px; line-height:18px; border-bottom:1px solid #FFFFFF;}
.mega-menu ul.mega-list .mega-item a:hover{border-bottom:1px solid #2D2766;}
.mega-menu ul.mega-shop{background-color:#FFFFFF;}
.mega-menu ul.mega-shop .mega-item{font-size:16px; line-height:20px; padding:5px 0;}
.mega-menu ul.mega-shop .mega-item a{text-transform:uppercase; font-size:14px; line-height:18px; border-bottom:1px solid #FFFFFF;}
.mega-menu ul.mega-shop .mega-item a:hover{border-bottom:1px solid #2D2766;}
.mega-menu .media-link ul.mega-list .mega-item a:hover{border-bottom:1px solid #FFFFFF !important;}


ul#menu-footbar{font-size:0;
-webkit-transition:all 0.5s ease-in-out; 
	-moz-transition:all 0.5s ease-in-out; 
		-o-transition:all 0.5s ease-in-out; 
			transition:all 0.5s ease-in-out;}
ul#menu-footbar li{width:100%; display:inline-block; float:left; position:relative; padding:0;}
ul#menu-footbar li a{display:block; color:#FFFFFF; font-size:14px; line-height:18px; padding:3px 0;}
ul#menu-footbar li a:hover{color:#2D2766;}

ul.legalBar{font-size:0; line-height:0; text-align:center; margin:0; display:inline-block;}
ul.legalBar li{width:auto; display:inline-block; text-align:center; position:relative;}
ul.legalBar li a{color:#FFFFFF; cursor:pointer; font-size:12px; line-height:20px; letter-spacing:0.5px; display:block;}
ul.legalBar li a:after{color:#FFFFFF; content:"|"; padding:0 5px;}
ul.legalBar li:last-child a:after{content:"";}
ul.legalBar li:hover a, ul.legalBar li:focus a{color:#2D2766;}

ul.legal-list{list-style:decimal-leading-zero outside; padding-left:30px; margin:10px 0; font-size:12px; line-height:20px;}
ul.legal-list ul{list-style-type:lower-latin; padding-left:30px; margin:10px 0;}
ul.legal-list ul ul{list-style-type:lower-roman; padding-left:30px; margin:10px 0;}
ul.legal-list ul ul ul{list-style-type:lower-latin; padding-left:30px; margin:10px 0;}

/*------------------------------------*\
    SHADO'S THINGS
\*------------------------------------*/

.woocommerce .woocommerce-breadcrumb{text-transform:uppercase; margin-bottom: 20px;}
.woocommerce .woocommerce-breadcrumb a{border-bottom:1px solid #FFFFFF;}
.woocommerce .woocommerce-breadcrumb a:hover{border-bottom:1px solid #2D2766;}

.woocommerce-notices-wrapper{display:none;}

.woocommerce .products ul, .woocommerce ul.products{width: 75%; float: right; clear: unset;}
.woocommerce .related ul.products{width:100%; margin-bottom:0;}

.woocommerce-result-count{width: 50%; line-height: 24px;}

.woocommerce nav.woocommerce-pagination{width: 100%; display: inline-block;}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{width: 36px; padding: 10px;}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current{background-color:#2D2766; color:#FFFFFF;}

.woocommerce div.product div.summary {margin-bottom: 0;}

.woocommerce-error, .woocommerce-info, .woocommerce-message{width: 100%;}

.woocommerce ul.products li.product a{display: inline-block;}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title{text-align: center; line-height: 18px;}
.woocommerce .products ul li, .woocommerce ul.products li{text-align: center; margin-bottom:20px !important;}
.woocommerce ul.products li.product a img, .woocommerce div.product div.images img{border-top:1px solid #f2f2f2; border-left:1px solid #f2f2f2; 
-webkit-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
	-moz-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
		-o-transition:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
			box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 );
}
.woocommerce-loop-product_title{height:44px; overflow:hidden; margin-bottom:0;}

.woocommerce div.product form.cart{margin:10px 0 20px;}

ul.downloadBox{border-top:1px solid #f2f2f2; border-left:1px solid #f2f2f2; padding: 20px; margin-bottom: 20px;
-webkit-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
	-moz-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
		-o-transition:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
			box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 );}
ul.downloadBox li{width:100%; display:inline-block; margin-bottom:10px;}
ul.downloadBox li:last-child{margin-bottom:0;}
ul.downloadBox li a{border-bottom:1px solid #FFFFFF;}
ul.downloadBox li a:hover{border-bottom:1px solid #2D2766;}

.product_meta span.sku_wrapper, .product_meta span.posted_in, .product_meta span.tagged_as{width:100%; display:inline-block; margin-bottom:10px;}
.product_meta span.sku_wrapper a, .product_meta span.posted_in a, .product_meta span.tagged_as a{color: #2D2766; border-bottom:1px solid #FFFFFF;}
.product_meta span.sku_wrapper a:hover, .product_meta span.posted_in a:hover, .product_meta span.tagged_as a:hover{border-bottom:1px solid #2D2766;}

.related.products {padding: 50px 0 0;}
.related.products ul.products li{margin-bottom:0;}

.woocommerce-ordering{width:75%;}
.woocommerce-ordering .orderby {float: right; padding: 10px;}

.lost_reset_password .form-row{float:none !important;}

.woocommerce table.shop_table_responsive tbody tr:first-child td:first-child, .woocommerce-page table.shop_table_responsive tbody tr:first-child td:first-child{border-top:1px solid rgba(0,0,0,.1) !important;}
.woocommerce table.cart{border-radius: 0; border-top: none;}
.woocommerce table.cart thead{display:none;}
.woocommerce table.cart td:nth-of-type(1), .woocommerce table.cart th:nth-of-type(1){min-width: 5%;}
.woocommerce table.cart td:nth-of-type(2), .woocommerce table.cart th:nth-of-type(2){min-width: 15%; text-align: center;}
.woocommerce table.cart td:nth-of-type(3), .woocommerce table.cart th:nth-of-type(3){min-width: 80%; padding-top: 35px; display:block !important;}
.woocommerce table.cart td:nth-of-type(4), .woocommerce table.cart th:nth-of-type(4){display: none;}
.woocommerce table.cart td:nth-of-type(5), .woocommerce table.cart th:nth-of-type(5){display: none;}
.woocommerce table.cart td:nth-of-type(6), .woocommerce table.cart th:nth-of-type(6){display: none;}
.woocommerce-cart-form__contents tr:last-child{display: none;}
.cart_totals{width:100% !important;}
.cart_totals h2{display: none;}
.cart_totals .shop_table{display: none;}
.cart_totals .checkout-button{float:right;}

#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img{width:80px;}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{border-radius: 0;}

.select2-container--default .select2-selection--single .select2-selection__arrow{height: 41px;}

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{width:100% !important;}
.woocommerce-page form .form-row #order_comments{height:150px;}
.woocommerce-billing-fields h3, h3#order_review_heading{display: none;}
#customer_details{margin-bottom:20px;}
.order_review_heading, .woocommerce-checkout-review-order-table, .wc_payment_methods, .woocommerce-shipping-fields{display: none;}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{padding: 10px; border: 1px solid #aaa;}
.select2-container--default .select2-selection--single{height: 41px; border-radius: 0;}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 41px;}
.woocommerce form .form-row #terms{position: unset;}
.woocommerce-terms-and-conditions-checkbox-text{width: 100%; line-height: 20px;}
.woocommerce-terms-and-conditions-checkbox-text a{border-bottom:1px solid #aaa;}
.woocommerce-terms-and-conditions-checkbox-text a:hover{border-bottom:1px solid #2D2766;}
.woocommerce-terms-and-conditions-wrapper span.required{display:none;}

#order_review {text-align: center;}


/*------------------------------------*\
    SHADO'S THINGS
\*------------------------------------*/

/* owl carousel overide base style */
.owl-stage{display:-webkit-box; display:-moz-box; display:-ms-box; display:box;}
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled{display:none !important;}
#banner .owl-nav{width:100%; position:absolute; top:50%; left:0; margin:0;}
#banner .owl-prev{float:left; margin:0;}
#banner .owl-next{float:right; margin:0;}
#banner .owl-prev span, #banner .owl-next span{width:44px; height:44px; display:block; color:#FFFFFF; font-size:65px; text-shadow:1px 1px 1px #0A0A0A; padding:5px}
#banner .owl-prev:hover, #banner .owl-next:hover{background:transparent !important;}
#banner .owl-prev:hover span, #banner .owl-next:hover span{color:#E6E6E6;}

#featureBox .owl-dots{width:10px; position:absolute; top:50%; right:20px; margin:0 !important;}
#featureBox .owl-dots .owl-dot span{width:10px !important; height:10px !important; border-radius:0 !important; background:#FFFFFF !important; border:1px solid #2D2766; margin:0;}
#featureBox .owl-dots .owl-dot.active span, #featureBox .owl-dots .owl-dot:hover span{background-color:#2D2766 !important; border:1px solid #2D2766;}

/* lightbox */
.ekko-lightbox{display:-ms-flexbox!important; display:flex!important; -ms-flex-align:center; align-items:center; -ms-flex-pack:center; justify-content:center; padding-right:0!important;}
.ekko-lightbox-container{position:relative;} 
.ekko-lightbox-container > div.ekko-lightbox-item{position:absolute; top:0; left:0; bottom:0; right:0; width:100%;}
.ekko-lightbox iframe{width:100%; height:100%;}
.ekko-lightbox-nav-overlay{z-index:1; position:absolute; top:0; left:0; width:100%; height:100%; display:-ms-flexbox; display:flex;}
.ekko-lightbox-nav-overlay a{-ms-flex:1; flex:1; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; opacity:0; transition:opacity .5s; color:#fff; font-size:30px; z-index:1; text-shadow:1px 1px 1px #0A0A0A;}
.ekko-lightbox-nav-overlay a >*{-ms-flex-positive:1; flex-grow:1;}
.ekko-lightbox-nav-overlay a >:focus{outline:none;}
.ekko-lightbox-nav-overlay a span{padding:0 30px;}
.ekko-lightbox-nav-overlay a:last-child span{text-align:right;}
.ekko-lightbox-nav-overlay a:hover{text-decoration:none;}
.ekko-lightbox-nav-overlay a:focus{outline:none;}
.ekko-lightbox-nav-overlay a.disabled{cursor:default; visibility:hidden;}
.ekko-lightbox a:hover{opacity:1; text-decoration:none;}
.ekko-lightbox .modal-dialog{display:none;}
.ekko-lightbox .modal-footer{text-align:left;}
.ekko-lightbox-loader{position:absolute; top:0; left:0; bottom:0; right:0; width:100%; display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column; -ms-flex-pack:center; justify-content:center; -ms-flex-align:center; align-items:center;} 
.ekko-lightbox-loader > div{width:40px; height:40px; position:relative; text-align:center;}
.ekko-lightbox-loader > div > div{width:100%; height:100%; border-radius:50%; background-color:#fff; opacity:.6; position:absolute; top:0; left:0; animation:a 2s infinite ease-in-out;}
.ekko-lightbox-loader > div > div:last-child{animation-delay:-1s;}
.modal-dialog .ekko-lightbox-loader > div > div{background-color:#333;}
@keyframes a{
	0%, to{transform:scale(0); -webkit-transform:scale(0)} 50%{transform:scale(1); -webkit-transform:scale(1);}
}

/* back-to-top */
.cd-top{outline:0; background:#2D2766 url("img/cd-top-arrow.svg") no-repeat scroll center 50%; display:inline-block; height:40px; opacity:0; overflow:hidden; position:fixed; bottom:80px; right:10px; text-indent:100%; transition:opacity 0.3s ease 0s, visibility 0s ease 0.3s; visibility:hidden; white-space:nowrap; width:40px; z-index:100001;
-webkit-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
	-moz-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
		-o-transition:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
			box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 );}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover{}
.cd-top.cd-is-visible{opacity:1; visibility:visible;
-webkit-animation:bounce-in .8s 1; 
	-moz-animation:bounce-in .8s 1;
		animation:bounce-in .8s 1;}
.cd-top.cd-fade-out{opacity:0.88;}
.no-touch .cd-top:hover{opacity:0.8;}

/* tabs */
.horizontalTab .tabs-top{margin:0; padding:0; list-style:none; text-align:center;}
.horizontalTab .tabs-top .tab-link{width:auto; color:#0A0A0A; display:inline-block; padding:15px 10px; cursor:pointer; text-transform:uppercase; text-align:center; border-right:1px solid #E6E6E6;  border-top:3px solid #2D2766; float:left; font-size:14px; line-height:18px;}
.horizontalTab .tabs-top .tab-link:first-child{border-left:1px solid #E6E6E6;}
.horizontalTab .tabs-top .tab-link.current{background-color:#2D2766; color:#FFFFFF;}
.horizontalTab .tabs-top .tab-link:hover{background-color:#2D2766; color:#FFFFFF;}
.horizontalTab .tabs-top-content{width:100%; display:none; padding:10px; background-color:#FFFFFF; border-top:1px solid #E6E6E6; border-left:1px solid #E6E6E6;
-webkit-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
	-moz-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
		-o-transition:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
			box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 );}
.horizontalTab .tabs-top-content.current{display:block;}

.verticalTab{padding-right:10px;}
.verticalTab + .verticalTab{padding:0 0 0 10px;}
.verticalTab .tabs-top{margin:0; padding:0; list-style:none;}
.verticalTab .tabs-top .tab-link{width:100%; color:#0A0A0A; display:inline-block; padding:15px 10px; cursor:pointer; text-transform:uppercase; border-top:3px solid #2D2766; float:left; font-size:14px; line-height:18px;}
.verticalTab .tabs-top .tab-link.current{background-color:#2D2766; color:#FFFFFF;}
.verticalTab .tabs-top .tab-link:hover{background-color:#2D2766; color:#FFFFFF;}
.verticalTab .tabs-top-content{width:100%; display:none; padding:15px; background-color:#FFFFFF; border-top:1px solid #E6E6E6; border-left:1px solid #E6E6E6;
-webkit-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
	-moz-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
		-o-transition:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
			box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 );}
.verticalTab .tabs-top-content.current{display:block;}

#catBox{margin:0; font-size:14px; line-height:22px; color:#0A0A0A; text-align:left; border-left:1px solid #E6E6E6;
-webkit-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
	-moz-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
		-o-transition:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
			box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 );}
#catBox dt{cursor:pointer; display:block; padding:15px 10px; border-top:1px solid #E6E6E6; width:100%;}
#catBox dt:hover{background-color:#E6E6E6;}
#catBox dt a{font-weight:normal; color:#0A0A0A; text-transform:uppercase;}
#catBox dt.act{background-color:#E6E6E6; border-bottom:1px solid #E6E6E6;}
#catBox dd{display:none; padding:20px; margin:0; overflow:hidden; width:100%;}
#catBox dd ul{width:100%; display: inline-block;}
#catBox dd ul li{width:100%; display: inline-block;}
#catBox dd ul li a{width: 100%; display: inline-block; padding:5px 0;}
#catBox dd ul li:hover a{color:#2D2766;}

/* panel */
.panel{background-color:#0A0A0A; z-index:7000; margin-bottom:0; border-radius:0; 
-webkit-transition:all 0.5s ease-in-out; 
	-moz-transition:all 0.5s ease-in-out; 
		-o-transition:all 0.5s ease-in-out; 
			transition:all 0.5s ease-in-out;}
.panel.sticker{top:0;}
.admin-bar .panel{top:110px;}
.admin-bar .panel.sticker{top:46px;}
.push{position:relative;}
.menu-link{z-index:9999; display:none; background-color:#2D2766; border-radius:0; padding:10px; float:right; font-size:20px; margin:6px 0; position:fixed; top:18px; right:20px;
-webkit-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
	-moz-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
		-o-transition:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
			box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
-webkit-transition:all 0.5s ease-in-out; 
	-moz-transition:all 0.5s ease-in-out; 
		-o-transition:all 0.5s ease-in-out; 
			transition:all 0.5s ease-in-out;}
.menu-link i{color:#FFFFFF;}
.menu-link:hover{background-color:#2D2766;}
.panel ul{margin:0; padding:100px 20px 20px;}
.panel ul li{width:100%; display:inline-block; border-top:1px solid #FFFFFF;}
.panel ul li a{display:block; color:#FFFFFF; padding:10px 15px; 
-webkit-transition:all 0.5s ease-in-out; 
	-moz-transition:all 0.5s ease-in-out; 
		-o-transition:all 0.5s ease-in-out; 
			transition:all 0.5s ease-in-out;}
.panel ul li a:hover{color:#2D2766;}
.panel ul li:last-child a{border-bottom:1px solid #FFFFFF;}

/* modal */
.modal{z-index:9999 !important;}
.modal-dialog{padding-top:10vh;}
.modal-lg, .modal-xl{max-width:800px;}
.modal-dialog .modal-content{background-color:#FFFFFF; color:#0A0A0A; border-radius:0;}
.modal-dialog .modal-header{border-bottom:1px solid #0A0A0A;}
.modal-dialog .modal-title{font-size:20px; line-height:26px; text-align:center; width:80%; display:inline-block; padding:0; margin:0; letter-spacing:2px; text-transform:uppercase;}
.modal-dialog .modal-body{width:100%; font-size:14px; line-height:20px; display:inline-block; text-align:left; padding:20px;}
.modal-dialog .modal-body h4{margin-top:20px;}
.modal-dialog .modal-body p a{border-bottom:1px solid #0A0A0A; font-size:14px; line-height:20px;}
.modal-dialog .modal-body p a:hover{border-bottom:1px solid #2D2766;}
.modal-dialog .modal-footer{padding:20px; border-top:1px solid #0A0A0A;}
.modal-header .close{font-size:24px; margin-top:0; text-shadow:none; opacity:1;}

.ekko-lightbox .modal-dialog .modal-body{padding: 0;}

.grecaptcha-badge{display:none !important;}

/*------------------------------------*\
    BUTTONS & LINKS
\*------------------------------------*/

.button-white{color:#FFFFFF; border:1px solid #FFFFFF; padding:10px 15px; text-transform:uppercase; background:linear-gradient(to left, transparent 50%, #FFFFFF 50%); background-size:200% 100%; background-position:right bottom; letter-spacing:1px; display:inline-block; cursor:pointer; margin-top:20px; font-size:14px; line-height:18px;
-webkit-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
	-moz-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
		-o-transition:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
			box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
-webkit-transition:all 0.5s ease-in-out; 
	-moz-transition:all 0.5s ease-in-out; 
		-o-transition:all 0.5s ease-in-out; 
			transition:all 0.5s ease-in-out;}
.button-white:hover{color:#0A0A0A; text-shadow:none; background-position:left bottom;}

.button-blue{color:#FFFFFF; border:1px solid #2D2766; padding:10px 15px; text-transform:uppercase; background:linear-gradient(to left, #2D2766 50%, transparent 50%); background-size:200% 100%; background-position:right bottom; letter-spacing:1px; display:inline-block; cursor:pointer; margin-top:20px; font-size:14px; line-height:18px;
-webkit-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
	-moz-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
		-o-transition:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
			box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
-webkit-transition:all 0.5s ease-in-out; 
	-moz-transition:all 0.5s ease-in-out; 
		-o-transition:all 0.5s ease-in-out; 
			transition:all 0.5s ease-in-out;}
.button-blue:hover{color:#2D2766; text-shadow:none; background-position:left bottom;}

.button-charcoal{color:#FFFFFF; border:1px solid #0A0A0A; padding:10px 15px; text-transform:uppercase; background:linear-gradient(to left, transparent 50%, #0A0A0A 50%); background-size:200% 100%; background-position:right bottom; letter-spacing:1px; display:inline-block; cursor:pointer; margin-top:20px; font-size:14px; line-height:18px;
-webkit-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
	-moz-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
		-o-transition:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
			box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
-webkit-transition:all 0.5s ease-in-out; 
	-moz-transition:all 0.5s ease-in-out; 
		-o-transition:all 0.5s ease-in-out; 
			transition:all 0.5s ease-in-out;}
.button-charcoal:hover{color:#0A0A0A; text-shadow:none; background-position:left bottom;}

.woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce #content input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt{color:#FFFFFF; border:1px solid #2D2766; padding:10px 15px; text-transform:uppercase; background-color:#2D2766; letter-spacing:1px; display:inline-block; cursor:pointer; margin-top:0 !important; font-size:14px; line-height:18px; border-radius:0;
-webkit-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
	-moz-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
		-o-transition:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
			box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
-webkit-transition:all 0.5s ease-in-out; 
	-moz-transition:all 0.5s ease-in-out; 
		-o-transition:all 0.5s ease-in-out; 
			transition:all 0.5s ease-in-out;}

.woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover, .woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover{color:#2D2766; background-color:#FFFFFF;}

/*------------------------------------*\
    FORMS
\*------------------------------------*/

.wpcf7-form-control-wrap{display:block; margin:0 0 10px;}
.wpcf7-form input[type="email"], .wpcf7-form input[type="text"], .wpcf7-form input[type="number"], .wpcf7-form textarea, .wpcf7-form select, .wpcf7-form input[type="submit"]{width:100%; padding:10px; background-color:transparent; color:#0A0A0A; border:1px solid #E6E6E6; line-height:20px;}
.wpcf7-form .wpcf7-list-item{margin:0 20px 0 0 !important;}
.wpcf7-form textarea{height:150px;}
.wpcf7-form input[type="email"]:focus, .wpcf7-form input[type="text"]:focus, .wpcf7-form input[type="number"]:focus, .wpcf7-form select:focus, .wpcf7-form textarea:focus{border-bottom:1px solid #2D2766;}
.wpcf7-form input[type="submit"]{width:200px; color:#FFFFFF; border:1px solid #2D2766; padding:10px 15px; text-transform:uppercase; background:linear-gradient(to left, #2D2766 50%, transparent 50%); background-size:200% 100%; background-position:right bottom; letter-spacing:1px; display:inline-block; cursor:pointer; font-size:14px; line-height:18px;
-webkit-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
	-moz-box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
		-o-transition:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
			box-shadow:1px 1px 2px rgba( 10, 10, 10, 0.25 ); 
-webkit-transition:all 0.5s ease-in-out; 
	-moz-transition:all 0.5s ease-in-out; 
		-o-transition:all 0.5s ease-in-out; 
			transition:all 0.5s ease-in-out;}
.wpcf7-form input[type="submit"]:hover{color:#2D2766; text-shadow:none; background-position:left bottom;}
.ajax-loader{float:right;}

.wpcf7-not-valid{border-bottom:1px solid #CC0001 !important;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output{border:none !important; font-size:12px; line-height:16px; color:#0A0A0A; margin:10px 0 0 !important; padding:0 !important; text-align:center; width:100%; display:inline-block !important;}
.wpcf7-not-valid-tip{display:none !important;}

input#contact_name, input#contact_lastname, input#contact_email{width:100%; padding:10px; background-color:transparent; color:#0A0A0A; border:1px solid #E6E6E6; line-height:20px; border-radius: 0 !important; height:unset; box-shadow: unset;}
input#contact_name:focus, input#contact_lastname:focus, input#contact_email:focus{border-bottom:1px solid #2D2766;}

/*------------------------------------*\
    CHATBOT POPUP
\*------------------------------------*/

/*Chatbot Onpage Styling - ZUMMO Page*/

.page-id-3553 header.header.clear, .page-id-3553 div#banner, .page-id-3553 section.halfPad.bg-blue.signupBox, .page-id-3553 section#contact, .page-id-3553 footer#contact, .page-id-3553 h1  {
    display: none;
}

/* Popup Button */
a.popup-btn {
    z-index: 5; background: #3D2766; padding: 10px; border-radius: 50%; width: 60px; height: 60px; color: #fff; font-size: 20px; font-weight: bold; text-align: center; line-height: 40px; position: fixed; bottom: 20px; right: 20px;
}


/*Chatbot Onpage Styling - Merrychef Page*/

.page-id-3550 header.header.clear, .page-id-3550 div#banner, .page-id-3550 section.halfPad.bg-blue.signupBox, .page-id-3550 section#contact, .page-id-3550 footer#contact, .page-id-3550 h1 {
    display: none;
}

.page-id-3553 flowise-fullchatbot, .page-id-3550 flowise-fullchatbot {
    display: ruby;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.page-id-3553 article, .page-id-3550 article {padding: 0 0% !important;}
.page-id-3553 section, .page-id-3550 section {padding: 10px 5px !important;}
.page-id-3553 div#onetrust-banner-sdk, .page-id-3550 div#onetrust-banner-sdk {display: none;}


/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/


@media only screen and (max-width:1605px){
img.assessment-groups-img.ls-is-cached.lazyloaded {width: 300px !important;height: 300px;}
}

@media only screen and (max-width:1024px){
	header .logoBox{width:80%;}
	header .logoBox img{height: 45px; max-height:45%;}
	.menu-link{display:block; margin:0;}
	.topBar, ul#menu-navbar{display:none;}
	.introBox{width:100%; text-align: center; margin: 0 !important; padding: 0 5% !important; height: auto !important;}
	.introIMG{width:100%; height: 400px !important; margin-top: 20px;}
	.conceptBox{width:100%; padding: 0; height: auto !important;}
	.conceptIMG{width:100%;}
	.conceptIMG img{left: 50%; top: 50%; transform: translate(-50%,-50%);}
	.shopGrid{width:33.33%;}
	.dynamite-8.blogHead, .dynamite-4.blogHead{width:100%;}
	.dynamite-8.blogHead .blogBox{width:50%;}
	.videoBox .videoBoxlet{height:250px !important;}
	.footPad:first-child{width:100%; margin-bottom:20px;}
	.footPad{width:50%; padding-left:0;}
	.footPad:last-child{padding-left:20px;}
	.dynamite-x.brandBox {width: 25%;}
	.features{text-align: center;}
	.brand .conceptlist{width:33.33%;}
	.mediaBoxlet, .blogBox, .articleBox{width:33.33%;}
	.singleBox{width:100%; padding:0;}
	.dynamite-4.singleBox{margin-top:20px;}
	.videoBoxie{width:33.33%;} 
	.galleryIMG{width:25%;}
	.verticalTab{width:100%; padding:0 !important;}
	.sidebar {width: 100%; margin-bottom: 20px; padding: 0;}
	.woocommerce .products ul, .woocommerce ul.products{width: 100%;}
	.woocommerce-ordering{width:100%;}
	.pins_animation.ihotspot_pulse {width: 40px !important;height: 38px !important;top: -19px !important;left: -20px !important;}
}
@media only screen and (max-width:768px){
	.rightPad{padding-left:0}
	.modal-dialog .modal-body img{margin-bottom:20px;}
	.footPad{padding:0;}
	.dynamite-x.brandBox {width: 33.33%;}
	.brand-single{width:100%; height:auto !important;}
	.brand .conceptlist{width:50%;}
	.mediaBoxlet, .blogBox, .articleBox{width:50%;}
	.videoBoxie{width:50%;}
	.galleryIMG{width:33.33%;}
	.workBoxlet{width:100%; margin-bottom:20px;}
	.contactBoxlet{width:100%; margin-bottom:20px;}
	.contactBoxlet:last-child{margin-bottom:0;}
	.contactForm{padding:0 15%;}
	.salesBoxlet{width:50%;}
	.woocommerce table.cart td:nth-of-type(3), .woocommerce table.cart th:nth-of-type(3){padding-top: 9px;}
	.signupBox span{width:100%;}
	.signupBox .button-white {margin: 20px 0 0;}
	.headBox.lazyloaded {background-position: right;}
	/* SERVCIES - PROMOTION */
.assessment-img-copy {padding: 30px;width: 100%;float: left;}
.assessment-groups.assessment-groups-left {padding: 30px;width: 100%;float: left;}
.assessment-groups.assessment-groups-right {padding: 30px;width: 100%;float: right;}
.assessment-groups-copy {width: 100%;float: right;}
}
@media only screen and (max-width:480px){
	section{padding:50px 0;}
	.brand .conceptlist{width:100%;}
	.shopGrid{width:50%;}
	.mediaBoxlet, .blogBox, .articleBox{width:100%;}
	.dynamite-8.blogHead .blogBox{width:100%; margin-bottom: 20px;}
	.dynamite-x.brandBox{width:50%;}
	.videoBoxie{width:100%;}
	.galleryIMG{width:50%;}
	.footPad{width:100%;}
	.footPad:last-child{padding:0;}
	.salesBoxlet{width:100%; min-height: 100px;}
	footer .logoBox{width:100%;}
	.contactForm{padding:0 10%;}
	.horizontalTab .tabs-top .tab-link{width:100%; border-left:none !important; border-right:none !important;}
	img.pins_image.ihotspot_hastooltop {width: 25px;height: 23px;}
	body .wrap_svl img.pins_image_hover, body .wrap_svl .point_style.has-hover:hover img.pins_image{width: 25px;height: 23x;}
	.pins_animation.ihotspot_pulse {width: 30px !important;height: 30px !important;top: -22px !important;left: -22px !important;}
	#powerTip .box_view_html {max-width: 250px;display: inline-block; margin-right:2px;margin-left:2px;}
	#powerTip {border: 0.5px #2D2766 solid;}
}
@media only screen and (max-width:320px){
	.headTxt .slide-Title{font-size: 26px; line-height: 30px;}
	.shopGrid{width:100%;}
	.galleryIMG{width:100%;}
	.woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product{width:99%;}	
}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection{background:#2D2766; color:#FFFFFF; text-shadow:none;}
::-webkit-selection{background:#2D2766; color:#FFFFFF; text-shadow:none;}
::-moz-selection{background:#2D2766; color:#FFFFFF; text-shadow:none;}

::-webkit-input-placeholder{opacity:0.8; color:#0A0A0A;}
::-moz-placeholder{opacity:0.8; color:#0A0A0A;} 
:-ms-input-placeholder{opacity:0.8; color:#0A0A0A;}
:-moz-placeholder{opacity:0.8; color:#0A0A0A;}
:focus::-webkit-input-placeholder{opacity:1; color:#0A0A0A;}
:focus::-moz-placeholder{opacity:1; color:#0A0A0A;} 
:focus:-ms-input-placeholder{opacity:1; color:#0A0A0A;}
:focus:-moz-placeholder{opacity:1; color:#0A0A0A;}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone{margin:5px 20px 20px 0;}
.aligncenter, div.aligncenter{display:block; margin:5px auto 5px auto;}
.alignright{float:right; margin:5px 0 20px 20px;}
.alignleft{float:left; margin:5px 20px 20px 0;}
a img.alignright{float:right; margin:5px 0 20px 20px;}
a img.alignnone{margin:5px 20px 20px 0;}
a img.alignleft{float:left; margin:5px 20px 20px 0;}
a img.aligncenter{display:block; margin-left:auto; margin-right:auto;}
.wp-caption{background:#FFF; border:1px solid #F0F0F0; max-width:96%; padding:5px 3px 10px; text-align:center;}
.wp-caption.alignnone{margin:5px 20px 20px 0;}
.wp-caption.alignleft{margin:5px 20px 20px 0;}
.wp-caption.alignright{margin:5px 0 20px 20px;}
.wp-caption img{border:0 none; height:auto; margin:0; max-width:98.5%; padding:0; width:auto;}
.wp-caption .wp-caption-text, .gallery-caption{font-size:11px; line-height:17px; margin:0; padding:0 4px 5px;}
.sticky{}
.bypostauthor{}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print{
	*{background:transparent !important; color:#000 !important; box-shadow:none !important; text-shadow:none !important;}
	a, 	a:visited{text-decoration:underline;}
	a[href]:after{content:" (" attr(href) ") ";}
	abbr[title]:after{content:" (" attr(title) ") ";}
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after{	content:"";}
	pre,blockquote{border:1px solid #999; page-break-inside:avoid;}
	thead{display:table-header-group;}
	tr, img{page-break-inside:avoid;}
	img{max-width:100% !important;}
	@page{margin:0.5cm;}
	p, 	h2, h3{	orphans:3; widows:3;}
	h2, h3{	page-break-after:avoid;}
}
