/*
	Theme Name: Shantistar
	Description: Bonfire framework
	Version: 1.4
	Author: Bonfire
	Author URI: http://www.bonfire.com.au
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
*, *:before, *:after {
	box-sizing: inherit;
	z-index: 1;
}
a {
	text-decoration: none;
	color: #bdca42;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

a:hover{
	color:#8a942e;
}

/* Stop border color on images in IE */
a img {
	border: 0px;
}
.clear {
	clear: both;
}
html {
	box-sizing: border-box;
	height: 100%;
}
body {
	font-size: 100%; /* Resets 1em to 10px */
	font-family: 'Open Sans', sans-serif;
	overflow-x: hidden;
	height: 100%;
	position: relative;
}
/* Remove Ipad - Iphone button rounding */
input[type="submit"] {
    -webkit-appearance: none;
}
.site {
	height: 100%;
	position: absolute;
	left:0;
	width: 100%;
	-webkit-transition: left .3s ease-in-out;
-moz-transition: left .3s ease-in-out;
-ms-transition: left .3s ease-in-out;
-o-transition: left .3s ease-in-out;
transition: left .3s ease-in-out;
}

.mob-clicked .site{
	left:350px;
	-webkit-transition: left .3s ease-in-out;
-moz-transition: left .3s ease-in-out;
-ms-transition: left .3s ease-in-out;
-o-transition: left .3s ease-in-out;
transition: left .3s ease-in-out;
}
h1, h2, h3, h4, h5, h6 {
	color: #fff;
	font-weight:300;
}
h1 {
	font-size: 3em;
}
h2 {
	font-size: 2.6em;
}
h3 {
	font-size: 2em;
}
h4 {
	font-size: 1.5em;
}
h5 {
	font-size: 1.1em;
	font-weight:bold;
}
h6 {
	font-size: .7em;
}
p {
	margin: 15px 0 20px; 
	font-size: .9rem;
	line-height: 1.7;
}

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6{
	color:#855fa8;
	margin: 10px 0 0;
}

.content h2, .content h4{
	font-weight:600;
}

.content .woocommerce-loop-product__title{
	font-weight: 400;
}
.select2-container--open{
	
}
.alignright{
	float: right;
}

.alignleft{
	float: left;
}

.content h5 strong{
	color:#111;
}

.wrap {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}
.wrap:after {
	content: "";
	display: table;
	clear: both;
}
strong {
	font-weight: 700;
}
.content img.alignnone {
	position:relative;
}

.woocommerce-page .content img{
	margin:0;
}
.content ul{
	margin: 25px 0 40px 0;
}

.content ul li{
	padding: 3px 0 3px 35px;
	list-style: none;
	position: relative;
	color:#855fa8;
}

.content ul li:before{
	content: '\f185';
	font-family: "Fontawesome";
	color: #855fa8;
	position: absolute;
	left: 16px;
	top:8px;
	font-size: 10px;
}

.content ol li{
	margin: 3px 0 3px 35px;
	position: relative;
	color:#855fa8;

}


.c-but{
	color: #fff;
    background: #855fa8;
    padding: 14px 28px;
    border-radius:3px;
}

.c-but:hover{
	color:#fff;
}


.woocommerce .content li:before{
	content:'';
}

@media(max-width:1200px) {
.wrap {
	width: 100%;
}
}

@media(max-width:768px){
p{
font-size: 12px;
}

h1 {
	font-size: 30px;
}

h2 {
	font-size: 2.2em;
}
h3 {
	font-size: 1.5em;
}
h4 {
	font-size: 1em;
}
h5 {
	font-size: .8em;
}
}
/* /////////////////////////////////////////////////////////////////////////////////////// HEADER */


header .wrap{
	z-index: 99;
}

header:before{
	content:'';
	position: absolute;
	top:0;
	background:url("images/rainbow.png");
    width:100%;
    height:3px;
	z-index: 98;
	background-size: cover;
}


.scrolled header , .woocommerce header, .page-template header, .home.scrolled header, .scrolled.page-template-inner-landing header, .archive header{
	background: rgba(255,255,255,1);
	box-shadow: 10px 0px 30px rgba(2,2,2,.3);
	-webkit-transition: background .3s ease-in-out;
-moz-transition: background .3s ease-in-out;
-ms-transition: background .3s ease-in-out;
-o-transition: background .3s ease-in-out;
transition: background .3s ease-in-out;
}

header , .home header, .page-template-inner-landing header{
	background: rgba(255,255,255,.9);
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 9999;
	height:58px;
		-webkit-transition: background .3s ease-in-out;
-moz-transition: background .3s ease-in-out;
-ms-transition: background .3s ease-in-out;
-o-transition: background .3s ease-in-out;
transition: background .3s ease-in-out;
}







.scrolled.home .scroll-logo, .page-template-default .scroll-logo, .page-template .scroll-logo, .woocommerce .scroll-logo, .single .scroll-logo, .archive .scroll-logo{
	top: 0px;
		-webkit-transition: .4s top .3s ease-in-out;
-moz-transition: .4s top .3s ease-in-out;
-ms-transition: .4s top .3s ease-in-out;
-o-transition: .4s top .3s ease-in-out;
transition: .4s top .3s ease-in-out;
	
}

.scroll-logo, .home .scroll-logo{
	background: url(images/logo-border.svg) no-repeat;
	width: 70px;
	height: 70px;
	text-indent: -9999em;
	z-index: 999;
	display:block;
	position: absolute;
	top: -100px;
	left: -80px;
	-webkit-transition: top .3s ease-in-out;
-moz-transition: top .3s ease-in-out;
-ms-transition: top .3s ease-in-out;
-o-transition: top .3s ease-in-out;
transition: top .3s ease-in-out;
}

/* /////////////////////////////////////////////////////////////////////////////////////// LOWER NEWSLETTER SIGNUP */


.news-sign{
position: fixed;
bottom: -120px;
left: 0;
background: #333;
width: 100%;
z-index: 999;
padding: 18px 0;
-webkit-transition: bottom .3s ease-in-out;
-moz-transition: bottom .3s ease-in-out;
-ms-transition: bottom .3s ease-in-out;
-o-transition: bottom .3s ease-in-out;
transition: bottom .3s ease-in-out;
}

.scrolled.scroll-bottom .news-sign{
	bottom: -120px;
	-webkit-transition: bottom .3s ease-in-out;
-moz-transition: bottom .3s ease-in-out;
-ms-transition: bottom .3s ease-in-out;
-o-transition: bottom .3s ease-in-out;
transition: bottom .3s ease-in-out;
}

.scrolled .news-sign{
	bottom:0;
	-webkit-transition: bottom .3s ease-in-out;
-moz-transition: bottom .3s ease-in-out;
-ms-transition: bottom .3s ease-in-out;
-o-transition: bottom .3s ease-in-out;
transition: bottom .3s ease-in-out;
}

.news-sign .gform_heading, .news-sign .gform_body, .news-sign .gform_footer{
	float: left;

}

.news-sign .gform_heading{
	margin: 15px 0 0 ;
	padding: 0 35px 0 0;
	text-align: right;
}

.news-sign .gform_body{background-color: rgba(1, 1, 1, .6);
	width: 50%;
	padding:0;
}

.news-sign .gform_body li{
	width: 50%;
	display: inline-block;
	padding: 0 10px 0 0;
	
}

.news-sign .gform_body li input, .news-sign .gform_button{
	border-radius:5px;
}

.news-sign .gform_body li input{
	padding:15px;
}



.news-sign .gform_heading, .news-sign .gform_footer{
	width: 25%;
	position: relative;
}

.news-sign .gform_title{
	font-size: .9rem;
	font-weight: 500;
	text-transform: uppercase;
}

.news-sign .gform_button, .woocommerce .news-sign .button{
	background: #5fad64;
	font-size: 1rem;
	color:#fff;
	border:none;
	padding: 15px 0;
	width: 100%;
	height:47px;
	font-size: .8rem;
	text-transform: uppercase;
	-webkit-appearance: none;
}

.news-sign .validation_error{
	display:none;
}

.validation_message{
	color:#fff;
	background: #e55426;
	position: absolute;
	font-size: 11px;
	padding: 5px 20px;
	top:-40px;
}

.validation_message:before{
	border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid #eb4f1e;
content: "";
height: 0;
position: absolute;
bottom: -8px;
left:30px
}

.news-sign .gform_ajax_spinner {
    position: absolute;
    left: 40px;
    top: 14px;
	width: 20px;
	height:20px;
}

.contact-modal .gform_ajax_spinner {
    position: absolute;
    left: 20px;
    top: 23px;
	width: 20px;
	height:20px;
}


/* /////////////////////////////////////////////////////////////////////////////////////// CONTACT FORM */


.contact-modal{
	height: auto;
	right:0;
	padding: 70px 60px 65px;
	position: fixed;
	background:#fff;
	left:50%;
	top:30%;
	 width: 700px;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
	border-radius: 4px;
	opacity: 0;
	z-index: 10001;
	visibility:hidden;
		-webkit-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
-moz-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
-ms-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
-o-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
transition: visibility .3s ease-in-out, opacity .3s ease-in-out;

}

.mod-on .con-overlay{
	opacity: 1;
	visibility:visible;
		-webkit-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
-moz-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
-ms-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
-o-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
transition: visibility .3s ease-in-out, opacity .3s ease-in-out;

}
.mod-on .contact-modal{
	opacity: 1;
	visibility:visible;
			-webkit-transition: .3s visibility .3s ease-in-out, .3s opacity .3s ease-in-out;
-moz-transition: .3s visibility .3s ease-in-out, .3s opacity .3s ease-in-out;
-ms-transition: .3s visibility .3s ease-in-out, .3s opacity .3s ease-in-out;
-o-transition: .3s visibility .3s ease-in-out, .3s opacity .3s ease-in-out;
transition: .3s visibility .3s ease-in-out, .3s opacity .3s ease-in-out;
}

.con-overlay{
	height: 100%;
    width: 100%;
    position: fixed;
    background: rgba(3,3,3,.4);
    z-index: 10000;
	opacity: 0;
	visibility:hidden;
			-webkit-transition: .3s visibility .3s ease-in-out, .3s opacity .3s ease-in-out;
-moz-transition: .3s visibility .3s ease-in-out, .3s opacity .3s ease-in-out;
-ms-transition: .3s visibility .3s ease-in-out, .3s opacity .3s ease-in-out;
-o-transition: .3s visibility .3s ease-in-out, .3s opacity .3s ease-in-out;
transition: .3s visibility .3s ease-in-out, .3s opacity .3s ease-in-out;
}

.logo-contact{
	background: url(images/logo.svg) no-repeat;
	width: 100px;
	height: 100px;
	text-indent: -9999em;
	z-index: 9;
	display:inline-block;
	position: absolute;
	left: 50%;
	top: -50px;
	z-index:999;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.contact-modal li {
	border:1px rgba(8,8,8,.15) solid;
	color:#fff;
	margin: 10px 0;

}

.contact-modal li:nth-child(2), .contact-modal li:nth-child(3){
	width: 48%;
	display:inline-block;
}
.contact-modal li:nth-child(2){
	margin: 10px 2% 10px 0;
}

.contact-modal li:nth-child(3){
	margin: 10px 0 10px 2%;
}


.contact-modal:before{
	content:'';
	position: absolute;
	top:0;
	background:url("images/rainbow.png");
    width:100%;
    height:3px;
	z-index:999;
	background-size: cover;
	left:0;
	border-radius: 4px 4px 0 0;
}


.contact-modal .gform_title{
	color:#333;
	text-align: center;
}

.contact-modal .fa-times {
    background: #855FA8;
    padding: 3px 0 0px 6px;
    border-radius: 25px;
    width: 24px;
    height: 24px;
    color: #fff;
	position: absolute;
	right: -10px;
	top:-10px;
	z-index: 999;
	cursor:pointer;

}

.contact-modal .fa-times:hover{
	top:-12px;
}



/* /////////////////////////////////////////////////////////////////////////////////////// CONTACT FORM MODAL STYLE */

.gform_wrapper {
	font-weight: 300;
	margin: 0 auto;
}
.gform_fields {
	margin: 0;
	padding: 0;
	list-style: none;
}
.gform_wrapper label {
	display: none;
}
.gform_wrapper input[type="text"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="email"], .gform_wrapper input[type="password"], .gform_wrapper input[type="file"], .gform_wrapper textarea, .gform_wrapper select {
	border: 0;
	width: 100%;
	padding: 15px ;
	font: 400 14px 'lato', arial, sans-serif;
	color: #333;
	line-height: 1em;
	display: block;
}
.gform_wrapper textarea {
	height: 120px;
	overflow: auto;
	color:#333;
	font-family: inherit;
   font-size: inherit;
   font-weight: inherit;
   font: 400 14px 'lato', arial, sans-serif;
}

.gfield {
	position: relative;
}
.gfield_description {
	margin: 10px 0;
}



.contact-modal .validation_error{
	display:none;
}

.contact-modal .gform_footer{
	text-align: center;
	position: relative;
}


::-webkit-input-placeholder {
 color: #333;
 text-transform: uppercase;
}

::-moz-placeholder {
 color: #333;
 text-transform: uppercase;
}

:-ms-input-placeholder {
 color: #333;
 text-transform: uppercase;
}



textarea::-webkit-input-placeholder {
font-weight: 400;
}

/* Honeypot */

.gform_validation_container{
display:none;
}




.social {
	position: relative;
	float: right;

}
.social .fa {
	font-size: 19px;
	padding: 3px;
	color: #fff;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.social .fa:hover {
	color:#bdca42;
}
.social a {
	display: inline-block;
}
.phone-menu {
	float: right;
	cursor: default;
	font-size: 30px;
	position: relative;
	padding: 20px 0 0 40px;
	line-height:1em;
	text-align: right;
	color: #fff;
	clear: right;
}

.phone-menu:hover {
	color: #fff;
}
.phone-menu:before {
	content: '\f095';
	font-family: Fontawesome;
	font-size: 22px;
	position: absolute;
	top: 23px;
	left: 0px;
}





/* /////////////////////////////////////////////////////////////////////////////////////// NAVIGATION */

/* Cart top right */
.wpmenucart-icon-shopping-cart-0:before {
	position:relative;
	left:-7px;
	top:-1px;
}
.cartnav{
	float: right;
}

.cartnav li{
	list-style: none;
}
.cartnav li a {
    padding: 19px 30px 21px;
    display: block;
    color: #333;
    height: 55px;

    font-size: .78rem;
    text-transform: uppercase;
    font-weight: 600;
	margin:3px 0 0 0;

	position:relative;
}
.cartnav li a:hover{
	background: #fff;
}

.cartcontents {
    font-size: .8rem;
    text-transform: uppercase;
    font-weight: 600;
}


/* Main Header nav */

.header-nav{
	left:0;
	position: absolute;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}


.header-nav .menu {
	position: relative;
	font-size: 14px;
	z-index: 90;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	right: 0;
	text-align: center;
}
.header-nav .menu:after {
	content: "";
	display: table;
	clear: both;
}
.header-nav li {
	position: relative;
	display: inline-block;
	list-style: none;
}
.header-nav li a {
	padding: 18px 30px;
	display: block;
	color:#333;
	height:55px;
	margin:3px 0 0 ;
	font-size: 13px;
    font-weight: 600;

}

.header-nav a {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.header-nav li:hover > a {
	background: #fff;
	cursor: pointer;
	color:#855fa8;
}
/* Level 2 */
.header-nav ul > li > ul {
	text-align: left;
	width: auto;
	opacity: 0;
	visibility: hidden;
	background: #efefef;
	position: absolute;
	z-index: 9999999;
	-webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
	-ms-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
	transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
}

.header-nav ul li ul li {
	display: inline-block;
	position: relative;
}
.header-nav ul li ul li:after {
	bottom: 0;
	content: '';
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	height: 1px;
	width: 100%;
	position: absolute;
}
.header-nav ul > li:hover > ul {
	opacity: 1;
	visibility: visible;
}
.header-nav ul ul li a, .header-nav ul ul ul li a {
	color: #333;
	background: #efefef;
	min-width: 230px;
	margin: 0;
}
.header-nav ul ul li.menu-item-has-children > a:after {
	opacity: 0;
	visibility: hidden;
	content: '\f105';
	font-family: Fontawesome;
	font-size: 20px;
	color:#855fa8;
	position: absolute;
	top: 17px;
	right: 30px;
	-webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
	-ms-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
	transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
}
.header-nav ul ul li a:hover:after {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
	-ms-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
	transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
}
/* Level 3 */
.header-nav ul > li > ul > li > ul {
	text-align: left;
	opacity: 0;
	visibility: hidden;
	background: #2C3946;
	position: absolute;
	top: 0;
	left: 230px;
	z-index: 9999999;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.header-nav ul > li > ul > li:hover > ul {
	opacity: 1;
	visibility: visible;
}
.header-nav ul ul ul li {
}
.header-nav ul ul ul li a {
}
.header-nav ul ul ul li a:hover {
}
/* Level 4 */
.header-nav ul > li > ul > li > ul > li > ul {
	text-align: left;
	opacity: 0;
	visibility: hidden;
	background: rgba(0, 0, 0, .9);
	position: absolute;
	left: 100%;
	top: 0;
	z-index: 9999999;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.header-nav ul > li > ul > li > ul > li:hover > ul {
	opacity: 1;
	visibility: visible;
}
.header-nav ul ul ul ul li {
}
.header-nav ul ul ul li ul a {
}
.header-nav ul ul ul li ul a:hover {
}

/* /////////////////////////////////////////////////////////////  OFF CANVAS MENU */




.contact-mob{
	background: rgba(133, 95, 168, 0.6);
	left: 10px;
	top:10px;
	position: absolute;
	padding: 6px 12px 6px 13px;
	width: 50px;
	height: 40px;
	display:none;
		-webkit-transition: background .3s ease-in-out;
-moz-transition: background .3s ease-in-out;
-ms-transition: background .3s ease-in-out;
-o-transition: background .3s ease-in-out;
transition: background .3s ease-in-out;
}

.contact-mob i{
	color:#fff;
	font-size: 1.5rem;

	
}


#top-ham {
	width: 50px;
	height: 40px;
	position: absolute;
	right:10px;
	top:10px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
	z-index: 999;
	padding: 10px;
	background: rgba(133, 95, 168, 0.6);

}

#top-ham:hover, .mob-clicked #top-ham, .contact-mob:hover{
	background: rgba(5,5,5,.3);
		-webkit-transition: background .3s ease-in-out;
-moz-transition: background .3s ease-in-out;
-ms-transition: background .3s ease-in-out;
-o-transition: background .3s ease-in-out;
transition: background .3s ease-in-out;
}
#top-ham span {
	display: inline-block;
	position: absolute;
	height: 5px;
	width: 70%;
	background: #fff;
	border-radius: 9px;
	opacity: 1;
	left: 15%;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
#top-ham span:nth-child(1) {
	top: 8px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}
#top-ham span:nth-child(2) {
	top: 17px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}
#top-ham span:nth-child(3) {
	top: 26px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}
#top-ham.open span:nth-child(1) {
	
	-webkit-transform: translate(5px, -3px) rotate(45deg);
	-moz-transform: translate(5px, -3px) rotate(45deg);
	-o-transform: translate(5px, -3px) rotate(45deg);
	transform: translate(5px, -3px) rotate(45deg);
}
#top-ham.open span:nth-child(2) {
	width: 0%;
	opacity: 0;
}
#top-ham.open span:nth-child(3) {
	-webkit-transform: translate(5px, 3px) rotate(-45deg);
	-moz-transform: translate(5px, 3px) rotate(-45deg);
	-o-transform: translate(5px, 3px) rotate(-45deg);
	transform: translate(5px, 3px) rotate(-45deg);
}
#top-ham, #phone {
	display: none;
}
.mob-clicked .off-canvas {
	left: 0;
		-webkit-transition: left .3s ease-in-out;
-moz-transition: left .3s ease-in-out;
-ms-transition: left .3s ease-in-out;
-o-transition: left .3s ease-in-out;
transition: left .3s ease-in-out;
}
.mob-overlay {
	visibility: hidden;
	opacity: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 9998;
	-webkit-transition: visibility .5s ease-in-out, opacity .5s ease-in-out;
	-moz-transition: visibility .5s ease-in-out, opacity .5s ease-in-out;
	-ms-transition: visibility .5s ease-in-out, opacity .5s ease-in-out;
	-o-transition: visibility .5s ease-in-out, opacity .5s ease-in-out;
	transition: visibility .5s ease-in-out, opacity .5s ease-in-out;
}
.cta-overlay {
	visibility: hidden;
	opacity: 0;
	background: rgba(1,1,1,.5);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	-webkit-transition: visibility .5s ease-in-out, opacity .5s ease-in-out;
	-moz-transition: visibility .5s ease-in-out, opacity .5s ease-in-out;
	-ms-transition: visibility .5s ease-in-out, opacity .5s ease-in-out;
	-o-transition: visibility .5s ease-in-out, opacity .5s ease-in-out;
	transition: visibility .5s ease-in-out, opacity .5s ease-in-out;
}
.mob-clicked .mob-overlay, .ctaform-open .cta-overlay {
	visibility: visible;
	opacity: 1;
	-webkit-transition: visibility .5s ease-in-out, opacity .5s ease-in-out;
	-moz-transition: visibility .5s ease-in-out, opacity .5s ease-in-out;
	-ms-transition: visibility .5s ease-in-out, opacity .5s ease-in-out;
	-o-transition: visibility .5s ease-in-out, opacity .5s ease-in-out;
	transition: visibility .5s ease-in-out, opacity .5s ease-in-out;
}

.offcart .amount{
	color:#fff;
}

.offcart {
    background: rgba(7,7,7,.3);
    float: left;
    width: 100%;
	padding: 10px 15px;
	position: relative;
	overflow: hidden;
}

.offcart:after{
	content:'';
	position: absolute;
	bottom:0;
	background:url("images/rainbow.png");
    width:130%;
    height:3px;
	z-index:999;
	left: -40px;
	background-size: cover;
}


.off-canvas {
	width: 350px;
	height: 100%;
	position: fixed;
	left: -350px;
	top: 0px;
    background: rgba(133, 95, 168, .97);
	z-index: 9999;
		-webkit-transition: left .3s ease-in-out;
-moz-transition: left .3s ease-in-out;
-ms-transition: left .3s ease-in-out;
-o-transition: left .3s ease-in-out;
transition: left .3s ease-in-out;
	 overflow-y: scroll; /* has to be scroll, not auto */
  -webkit-overflow-scrolling: touch;
      overflow-x: hidden;
	top:58px;
}

.off-canvas-wrap {
    height: 100%;
    overflow: auto;
}

.mob-nav{
	padding: 10px 15px 150px;
	width: 100%;
	float:left;
}



.off-canvas ul {
	list-style: none;
}
.off-canvas ul li {
	margin: 4px 0;
	cursor: pointer;
}
.off-canvas .current-menu-item {
	border: none;
	margin-bottom: 0;
}
.off-canvas ul ul {
	padding: 0px 0 0 10px;
}
.off-canvas li a {
	font-family: "museo-sans", sans-serif;
	font-size: 1rem;
	border-bottom: 1px rgba(255,255,255,.1)solid;
	padding: 18px 60px 14px 15px;
	height: 55px;
	display: block;
	font-weight: 300;
	color: #fff;
	overflow: hidden;
}

.offcart li a{
	border-bottom:none;
}


.off-canvas ul ul li a {
	font-size: .9rem;
	font-weight: 300;

}

.off-canvas .menu-main-menu-container {
	padding: 0 10px;
}
.off-canvas ul .menu-item-has-children {
	position: relative;
}
.off-canvas .menu-item-has-children span {
	position: absolute;
	right: 3px;
	z-index: 999;
	top: 0;
	color: #bdca42;
	font-size: 24px;
	cursor: pointer;
	font-family: "museo-sans";
	font-weight: bold;
	height: 48px;
	width: 48px;
	padding: 11px 13px 0px 20px;
}
.off-canvas .sub-menu {
	visibility: hidden;
	opacity: 0;
	display: none;
}
.off-canvas .open .sub-menu {
	visibility: visible;
	opacity: 1;
	display: block;
}
.off-canvas .open .sub-menu .sub-menu {
	visibility: hidden;
	opacity: 0;
	display: none;
}
.off-canvas .open .sub-menu .open .sub-menu {
	visibility: visible;
	opacity: 1;
	display: block;
}

.off-canvas .menu-main-menu-container {
	padding: 0 10px;
}




/* /////////////////////////////////////////////////////////////////////////////////////// VIDEO SLIDER */



.vid-ol{
width:100%;
height:100%;
background-image: url(images/seamless.png);
position:absolute;
left:0;
top:0;
z-index: 2;
opacity: .25;

}

.vid-wrap{
display: block;
left:0;
overflow: hidden;
top: 0;
width: 100%;
height: 78vh;
z-index: 2;
position: relative;
}

.vid-wrap:after{
	content:'';
	position: absolute;
	bottom:0;
	background:url("images/rainbow.png");
    width:100%;
    height:3px;
	z-index:999;
	background-size: cover;
}


.home-bg{
position: fixed;
width: auto;
height: auto;
width: 100%;
height: 100%;
z-index: 1;
top:0;
left:0;
background-size: cover;
}

.grad-bottom {
	background: url(images/gradient-page.png) repeat-x bottom center;
	position: absolute;
	width: 100%;
	height: 800px;
	bottom: 0;
	z-index: 2;
	opacity: .7;
}


/* /////////////////////////////////////////////////////////////////////////////////////// CENTER LOGO + SLOGAN */

.hero{
	width: 900px;
    position: absolute;
    z-index: 12;
    left: 50%;
    top: 50%;
    margin: -200px auto 0;
    text-align: center;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.hero .logo{
	background: url(images/logo.svg) no-repeat;
	width: 160px;
	height: 160px;
	text-indent: -9999em;
	z-index: 9;
	display:inline-block;
	position: relative;
}

.hero h2, .hero p{
	display:block;
	color:#fff;
	position: relative;
}

.hero h2{
    font-size: 3.5rem;
    margin: 25px 0 0;
}

.hero p{
	font-size: 1.5rem;
	font-weight: 300;
}

.hero-but{
	background: #855fa8;
	color:#fff;
	padding: 14px 60px;
	border-radius: 5px;
	font-weight:500;
	margin: 30px 0 0;
	display:inline-block;
}
.hero-but p{
	font-size: 17px;
}
.hero-but:hover{
	color:#fff;
}

.hero-but:hover, .pro-content a:hover{
	background:#9760ca;
}

.hero-but p, .hero  p{
	margin:0;
}





/* /////////////////////////////////////////////////////////////////////////////////////// FEATURED */

.feat-wrap {
	position: relative;
	padding: 40px 0 120px;
	z-index:12;
	background-color:#fff;
	overflow: hidden;
}

.feat-wrap:before{
	content: '';
    position: absolute;
    top: 0;
    background-image: url(images/water-up.jpg);
    width: 100%;
    height: 600px;
    z-index: 1;
	background-size:cover;
    background-repeat: no-repeat;
	opacity: .7;
	left:0;
}
.feat-item {
	position: relative;
	width: 33.33%;
	float: left;
	text-align: center;
	cursor:pointer;
	height: 450px;
}

.feat-title{
	font-size:.85rem;
	font-weight: 700;
	top:10px;
	display: block;
	position: absolute;
	width: 100%;
    letter-spacing: .5px;
	-webkit-transition: top .3s ease-in-out;
	-moz-transition: top .3s ease-in-out;
	-ms-transition:  top .3s ease-in-out;
	-o-transition:  top .3s ease-in-out;
	transition:  top .3s ease-in-out;
}



.feat-item:hover .feat-title{
	top:140px;
	z-index:99;
	-webkit-transition: top .3s ease-in-out;
	-moz-transition: top .3s ease-in-out;
	-ms-transition:  top .3s ease-in-out;
	-o-transition:  top .3s ease-in-out;
	transition:  top .3s ease-in-out;	
}

.feat-item:first-child:hover .feat-title, .feat-item:nth-child(2):hover .feat-title, .feat-item:nth-child(3):hover .feat-title {
	color:#fff;
}




.feat-item .feat-title:after{
	content:'';
	height: 4px;
	width: 80%;
	position: absolute;
	left: 10%;
	bottom:-10px;
	opacity:0;
	visibility:hidden;	
}

.feat-item:hover .feat-title:after{
	opacity:1;
	visibility:visible;
	-webkit-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
-moz-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
-ms-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
-o-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
}

.feat-text{
	position: absolute;
	opacity:0;
	visibility:hidden;

}

.feat-item .feat-text{
	top:120px;
	width: 80%;
	left: 10%;
	color:#fff;
	z-index: 99;
	opacity: 0;
	visibility: hidden;
}

.feat-item:hover .feat-text{
	visibility: visible;
	opacity: 1;
	-webkit-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
-moz-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
-ms-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
-o-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
}

.feat-image{
    height: 380px;
    background-size: cover;
    width: 94%;
    left: 3%;
    display: block;
    border-radius: 3px;
    position: absolute;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    bottom: 0;
    background-position: center;
}

.feat-image:after{
	content:'';
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
	opacity: 0;
	visibility: hidden;
		-webkit-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
-moz-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
-ms-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
-o-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
}

.feat-item:hover .feat-image:after{
	opacity:.8;
	visibility:visible;
		-webkit-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
-moz-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
-ms-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
-o-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
}

.feat-image:before{
	content:'';
	position: absolute;
	height: 4px;
	width:100%;
	top:0;
	left: 0;
	border-radius: 3px 3px 0 0;
	opacity:1;
	visibility:visible;
			-webkit-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
-moz-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
-ms-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
-o-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
}

.feat-item:hover .feat-image:before{
	opacity:0;
	visibility:hidden;
			-webkit-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
-moz-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
-ms-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
-o-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
}

.feat-item:first-child .feat-image:before, .feat-item:first-child .feat-image:after, .feat-item:first-child .feat-title:after{
background: #e55426;
}
.feat-item:first-child .feat-title{
	color:#e55426;
}

.feat-item:nth-child(2) .feat-image:before, .feat-item:nth-child(2) .feat-image:after, .feat-item:nth-child(2) .feat-title:after{
background: #85bb41;
}
.feat-item:nth-child(2) .feat-title{
	color:#85bb41;
}

.feat-item:nth-child(3) .feat-image:before, .feat-item:nth-child(3) .feat-image:after, .feat-item:nth-child(3) .feat-title:after {
background: #4472b8;
}
.feat-item:nth-child(3) .feat-title{
	color:#4472b8;
}


 
/* /////////////////////////////////////////////////////////////////////////////////////// HOME & PAGE CONTENT */

.mob-title {
    display: block;
    position: relative;
	margin: 30px 0 0 ;
}

.mob-title h1{
	color:#333;
	font-weight: 600;
	font-size: 2rem;
}

.home .main {
	width: 100%;
	padding: 50px 0;
	position: relative;
	color: #fff;
	background-size: cover;
	background-position-y: 25%;

}

.woocommerce-page .main .content{
	width: 940px;
}

.home .main .content{
	width: 50%;
	float: right;
	background: rgba(255,255,255,.9);
	color:#000;
    padding: 60px 70px;
	margin: 0 -120px;
}


.home .main h1{
	text-transform: uppercase;
	font-size: 1.9rem;
	color:#333333;
	font-weight:600;
}

.home .main h2{
	color:#44bbae;
	font-size: 1.1rem;
	font-weight:700;
	font-style: italic;
	margin: 50px 0 35px;

}

.home .main p strong{
	color:#44bbae;
	font-size:.9rem;
	font-weight: 500;
	
}

.home .main p{
	margin: 0 0 35px;
}

.home .main p:last-child{
	margin: 0;
}

.home .main a{
	color:#fff;
	background: #44bbae;
	padding: 12px 40px;
	margin: 40px 0 0;
	display:block;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
	border-radius: 4px;

}

.home .main a:hover{
	opacity:.7;
}

.con-tab{
	color: #fff;
    background: #855fa8;
    z-index: 999;
    right: -5px;
    position: absolute;
	padding: 12px 70px;
	text-transform: uppercase;
    border-radius: 4px 0 0 4px;
	cursor: pointer;
	    top: 120px;
		-webkit-transition: right .3s ease-in-out;
-moz-transition: right .3s ease-in-out;
-ms-transition: right .3s ease-in-out;
-o-transition: right .3s ease-in-out;
transition: right .3s ease-in-out;
}


.con-tab:hover{
	right:0;
	-webkit-transition: right .3s ease-in-out;
-moz-transition: right .3s ease-in-out;
-ms-transition: right .3s ease-in-out;
-o-transition: right .3s ease-in-out;
transition: right .3s ease-in-out;
}


/* /////////////////////////////////////////////////////////////////////////////////////// HOME PRODUCT SECTION */

.product-wrap{
	padding: 100px 0 0;
    background: #fff;
    display: block;
    width: 100%;
    position: relative;
}

.pro-image{
	width: 60%;
	height: 680px;
	float: right;
	display:block;
	background-repeat: no-repeat;
	background-position: right 0px  ;
	-webkit-background-size: 80%;
	background-size: 80%;
	background-position-x: right 0px;
	background-position-y: top 0px;
}

.pro-content{
	width:40%;
	float: left;
	padding:90px 0 0 0;
}

.pro-content span{
	width: 190px;
	height: 36px;
	display:block;
	-webkit-background-size: 100%;
	background-size: 100%;
	background-repeat: no-repeat;
}

.pro-content h2{
	color:#8a74b4;
	font-size: 1.1rem;
	font-weight:700;
	font-style: italic;
	margin: 50px 0 35px;
}

.pro-content strong{
	color:#8a74b4;
	font-size:.9rem;
	font-weight: 500;
	margin: 0 0 35px;
	display: block;

}

.pro-content  p{
	
}

.pro-content p:last-child{
	margin: 0;
}

.pro-content a{
	color:#fff;
	background: #8a74b4;
	padding: 12px 40px;
	margin: 40px 0 0;
	display:block;
	text-align: center;
	cursor: pointer;
	border-radius:4px;
}


/* /////////////////////////////////////////////////////////////////////////////////////// LOWER VID */

.lower-vid{
	padding: 150px 0;
	z-index: 1;
	overflow: hidden;
	background-size:cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.lower-vid .wrap{
	z-index: 3;
}

.lower-vid:before{
	content:'';
	position: absolute;
	top:0;
	background:url("images/rainbow.png");
    width:100%;
    height:3px;
	background-size: cover;
	left:0;
}


.vid-head{
	position: relative;
	text-align: center;
}

.vid-head span{
	position: absolute;
    top: -10px;
    left: 0;
    width: 100px;
    height: 18px;
    -webkit-background-size: cover;
    background-size: cover;
}

.vid-head h2{
	font-size: 4.5rem;
	font-weight: 600;
	position: relative;
	display: inline-block;
}

.lower-vid{
	text-align: center;
	position: relative;
}

.lower-vid p{
	width: 980px;
	margin: 30px auto;
	color:#fff;
	font-size: 1.1rem;
	line-height: 1.9;
	
}

.lower-vid a{
	background: #f68e55;
	color:#fff;
	padding: 12px 140px;
	margin: 30px auto 0;
	display:inline-block;
	text-transform: uppercase;
	cursor: pointer;
	border-radius:4px;
}

.lower-vid a:hover{
	padding:12px 160px;
	-webkit-transition: padding .3s ease-in-out;
-moz-transition: padding .3s ease-in-out;
-ms-transition: padding .3s ease-in-out;
-o-transition: padding .3s ease-in-out;
transition: padding .3s ease-in-out;
}

.lower-vid .grad-bottom{
	z-index: 0;
}

/* /////////////////////////////////////////////////////////////////////////////////////// NEWS SECTION (home) */


.news-image {
	width: 100%;
	height: 300px;
	background-size: cover;
	top: 0;
	left: 0;
	background-position: center;
}

.news-home{
	width:100%;
	background-color:#fff;
	position: relative;
	padding: 100px 0 150px;
	overflow:hidden;
}

.news-link{
	width: 33.3%;
    float: left;
    padding: 0 20px 0 0;
}

.news-link:last-child{
	padding: 0;
}

.news-slide{
	width: 100%;
	float: left;
}

.news h4{
	text-align: center;
	margin: 0 0 20px;
	color:#8a74b4;
	font-weight: 500;
}

.news-home:after{
	content: '';
    position: absolute;
    bottom: 0;
    background-image: url(images/water-down.jpg);
    width: 100%;
    height: 600px;
    z-index: 0;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: .7;
}

.news-text{
	text-align: center;
	color:#111;
}

.news-text h3{
	font-size: 14px;
	color:#111;	
	text-transform: uppercase;
	font-weight:bold;
	margin: 20px 0 0;
}

.slide-date{
	color:#bdca42;
}

.news-list {
	position: relative;
}

.news-list .fa:before{
	color:#bdca42;
	font-size: 3rem;
	
}

.news-list .fa{
	top:130px;
	position: absolute;
	cursor: pointer;
}

.news-list .fa-angle-right{
	right: -20px;
			-webkit-transition: right .3s ease-in-out;
-moz-transition: right .3s ease-in-out;
-ms-transition: right .3s ease-in-out;
-o-transition: right .3s ease-in-out;
transition: right .3s ease-in-out;
}

.news-list .fa-angle-right:hover{
	right:-25px;
			-webkit-transition: right .3s ease-in-out;
-moz-transition: right .3s ease-in-out;
-ms-transition: right .3s ease-in-out;
-o-transition: right .3s ease-in-out;
transition: right .3s ease-in-out;
}

.news-list .fa-angle-left{
	left: -20px;
	-webkit-transition: left .3s ease-in-out;
-moz-transition: left .3s ease-in-out;
-ms-transition: left .3s ease-in-out;
-o-transition: left .3s ease-in-out;
transition: left .3s ease-in-out;
}
.news-list .fa-angle-left:hover{
	left:-25px;
	-webkit-transition: left .3s ease-in-out;
-moz-transition: left .3s ease-in-out;
-ms-transition: left .3s ease-in-out;
-o-transition: left .3s ease-in-out;
transition: left .3s ease-in-out;
	
}

.gform_confirmation_message {
    color: #fff;
    padding: 30px;
}

.contact-modal .gform_confirmation_message{
	color:#333;
}

/* /////////////////////////////////////////////////////////////////////////////////////// INNER PAGE */

.page-banner{
	width: 100%;
	height: 400px;
	background-position: center;
	position: relative;
	background-size: cover;
	
}
.page-template-inner-landing .page-banner{
	height:auto;
	position: relative;
	padding: 0 0 220px;
	background-attachment: fixed;
	
}

.page-template-inner-landing .page-banner:before{
	content: '';
	width: 100%;
	height:100%;
	position: absolute;
	background: rgba(0,0,0,.1);

}

.page-template-inner-landing .gform_footer{
	position: relative;

}

.page-template-inner-landing .gform_ajax_spinner{
	display:none;
}
.page-banner:after{
	content:'';
	position: absolute;
	bottom:0;
	background:url("images/rainbow.png");
    width:100%;
    height:3px;
	background-size: cover;
	left:0;
}



.main{
	position: relative;
    width: 100%;
    display: block;
	padding: 60px 0 150px;
	 z-index: 99;
	 min-height:500px;
}

.main:before{
	content: '';
    position: absolute;
    top: 0;
    background-image: url(images/water-up.jpg);
    width: 100%;
    height: 490px;
    z-index: 1;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: .7;

}

.home .main:before{
	display:none;
}

.main .content{
	width:940px;
}



.page-grad{
	background: url(images/page-grad.png) repeat-x bottom center;
	position: absolute;
	width: 100%;
	height: 400px;
	bottom: 0;
	z-index: 0;
	opacity: .6;
}

.page-banner h1{
	position: absolute;
	top:320px;
	z-index: 9;
	font-size: 2.1rem;

}


/* ///////////////////////////////////////////////////////// GALLERY */

.file-list-wrap a{
float: left;
height: 200px;
margin: 5px;
width: 23%;
background-position: center;
background-repeat: no-repeat;
position: relative;
}


/* /////////////////////////////////////////////////////////////////////////////////////// SINGLE PHP */

.single .content, .page-template-news-page .content{
	width: 75%;
	float: left;

}

.single-product .content{
	width: 100%;
	border-bottom: 5px solid rgba(6,6,6,.05);
	padding: 0 0 80px;
}

.single .sidebar, .page-template-news-page .sidebar{
width:25%;
float: left;
}


.sidebar input#search{
	border: none;
	height: 50px;
	padding: 15px;
	background: #d7d7d7;
	color:#fff;
	text-transform: uppercase;
	float:left;
	font-size: .9rem;
}

.sidebar ::-webkit-input-placeholder {
 color: #fff;
 text-transform: uppercase;
}

.sidebar ::-moz-placeholder {
 color: #fff;
 text-transform: uppercase;
}

.sidebar :-ms-input-placeholder {
 color: #fff;
 text-transform: uppercase;
}

.woocommerce-page ::-webkit-input-placeholder {

 text-transform: none;
}

.woocommerce-page ::-moz-placeholder {

 text-transform: none;
}

.woocommerce-page :-ms-input-placeholder {

 text-transform: none;
}

.sidebar input[type="image"]{
	background-color:#12a073;
	padding: 17px;
	border-radius:0 4px 4px 0;
}
.sidebar input[type="image"]:hover{
	opacity:.8;
}

.categories{
	list-style: none;
	color:#12a073;
	text-transform: uppercase;
	font-weight: 700;
	font-size: .8rem;
	margin: 60px 0 0;
}

.categories li{
	list-style: none;
	padding: 10px 0 5px 10px;
	
}

.categories li:first-child{
	margin: 40px 0 0;
}

.categories li a{
	color:#555655;
	text-transform: capitalize;
}


/* /////////////////////////////////////////////////////////////////////////////////////// NEWS INNER PAGE + CATEGORY PAGE */

.page-template-news-page .news-link, .category  .news-link{
	width:100%;
	padding: 20px;
}
.page-template-news-page .news-link:hover, .category .news-link:hover{
	background: rgba(239, 239, 237, 0.3);
}

.page-template-news-page .news-image, .category .news-image, .archive.category .news-image{
	width: 40%;
	float: left;
	background-size: 300px;
	background-repeat:no-repeat;
	background-position: top left;
}


.page-template-news-page .news-text, .category .news-text, .archive.category .news-text{
	width: 50%;
	text-align: left;
	float: left;
}

.archive .news-text{
	padding: 0 20px;
}


.page-template-news-page .slide-date, .category .slide-date{
	font-size: .8rem;
	letter-spacing: 1.5;
	display:inline-block;
}


.page-template-news-page .author, .category .author{

	display:inline-block;
	text-transform: uppercase;
	font-size: .8rem;
	margin: 0;
}


/* /////////////////////////////////////////////////////////////////////////////////////// CONTACT FORM INNER PAGE */

.con-page-form{
	width: 450px;
}

.con-page-form ul li:before{
	display:none;
}
.con-page-form ul li{
	padding: 10px 0 0; 
	width: 100%;
	float: left;
}

.con-page-form .gform_title{
	display:none;
}

.con-page-form .gform_button{
	color: #fff;
    background: #855fa8;
    z-index: 999;
    padding: 12px 70px;
    text-transform: uppercase;
    border-radius: 4px 0 0 4px;
    cursor: pointer;
	border:none;
	font-size: .9rem;
}

.con-page-form .gform_button:hover{
	opacity: .9;
}

.con-page-form .validation_message{
	top: 0px;
    right: 10px;
}

.con-page-form .gform_footer {
    position: relative;
    margin: 15px 0 0;
    float: left;
}

.con-page-form .gform_ajax_spinner{
	position: absolute;
	left: 20px;
	top:7px;
	margin:0;
}

.con-page-form .gform_wrapper input[type="text"], .con-page-form .gform_wrapper input[type="tel"], .con-page-form .gform_wrapper input[type="email"], .con-page-form .gform_wrapper textarea {
	background: rgba(7,7,7,.1);
}

.con-page-form .gform_wrapper label {
	display: block;
	font-weight: 600;
	margin: 0 5px 5px ;
	float: left;
}

.con-page-form input {
    float: left;
}

.con-page-form .gfield_radio li{
	width: 33%;
	float: left;

}
.con-page-form .gfield_radio li label{
	font-weight: 500;
	color:#333;
}

.con-page-form .gfield_radio{
	float: left;
	width: 100%;
	margin: 8px 0;
}

.con-page-form .validation_error{
	display:none;
}



/* /////////////////////////////////////////////////////////////////////////////////////// FOOTER */


footer {
	position: relative;
	z-index: 1;
	background: #010101;
	width: 100%;
	margin: 0;
	color: #fff;
	padding: 60px 0;
}

footer:before{
	content:'';
	position: absolute;
	top:0;
	background:url("images/rainbow.png");
    width:100%;
    height:3px;
	background-size: cover;
	left:0;
}

.footer-logo {
	background: url(images/logo.svg) no-repeat top left;
	background-size: 90%;
	position: relative;
	display: inline-block;
	width: 100px;
	height: 120px;
	text-indent: -9999em;
	z-index: 999;
	float: left;
	
}
.footer-text {
	position: relative;
	text-align: left;
	margin: 20px 0 0 0;
	padding: 0 0 0 30px;
}

.footer-left{
float: left;
width:50%;
}

.footer-right {
    float: right;
	width: 50%;
	text-align: right;
	margin: 34px 0 0;
}

.credits {
    font-size: 12px;
    text-transform: uppercase;
    color: #797979;
}

.low-low{
	display: block;
}

.low-low div{
	display:inline-block;
	font-size: 12px;
    text-transform: uppercase;
    color: #797979;
    margin: 0 0 0 20px;
}

.pri-foot{
	cursor: pointer;
}



.footer-right h4, .footer-right a{
display:inline-block;
font-size: .8rem;
text-transform: uppercase;
font-weight: 500;
}

.footer-right a{
	color:#797979;
	margin: 0 4px;
}
.credits a{
	margin: 0;
	font-family: "Montserrat", sans-serif;
}

.credits a:hover{
	color:#8a942e;
}

.social {
	float: left;
}
.social p{
	
	margin: 35px 10px 0 40px;
}

.social a{
	margin: 35px 6px;
}

.social p{
	float: left;
	text-transform: uppercase;
	font-size: .9rem;
}



.footer-info {
	font-size: 12px;
	text-transform: uppercase;
	background: #000;
	width: 100%;
	color: #fff;
	padding: 20px 0;
	position: relative;
}
.footer-info .copyright {
	float: left;
}
.footer-info .credits {
	float: right;
}
.footer-info .credits a {
	font-weight: 700;
	font: 'Montserrat', arial, sans-serif !important;
}
.footer-info .credits a:hover {
	color: #85b6e5;
}




/* //////////////////////////////// LANDING PAGE; */


.landing-top{
	float: left;
	position: relative;
	text-shadow:0px 0px 40px rgba(0,0,0,.8)
}

.left-top{
	width:830px;
	padding: 0 70px 0 0;
}

.page-template-inner-landing .page-banner .wrap{
	 z-index: 999;
	 top:160px;
}

.page-template-inner-landing .con-tab{
	position: fixed;
	top:49%;
	right: -400px;
}

.page-template-inner-landing.scrolled .con-tab{
	right:0;
}

.left-top h2{
	font-size: 36px;
	font-weight: 100;
		color:#fff;
		padding: 0 40px 30px 0;
}
.left-top h2 strong{
	font-size: 51px;
	color:#fff;
	font-weight: 500;
}


.page-template-inner-landing .accred-wrap{
	background: none;
	border-top:none;

}

.page-template-inner-landing .accred-logo{
	opacity: 1;
	width:25%;
}

.page-template-inner-landing .page-grad{
	height: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0+100,0.8+100 */

background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */

opacity:1;
}
.left-top ul {
    margin: 0 0 30px;
}

.left-top li{
	list-style: url(images/dot.svg) ;
	color:#729dd3;
	font-size: 18px;
	position: relative;
	padding: 5px 40px 15px 5px;
	letter-spacing: 0;
	left:30px;
}



.inner-img {
	width: 100px;
    height: 270px;
    background-size: 100%;
    display: block;
    background-repeat: no-repeat;
    float: left;
    margin: 0 40px 0 0;
}

.page-template-inner-landing .content{
	width:100%;
	text-align: center;
}

.page-template-inner-landing .main .wrap, .page-template-inner-landing .low-wrap .wrap{
	width: 900px;
}
.page-template-inner-landing .low-wrap {
	margin:0 0 100px 0;
}
.page-template-inner-landing .low-wrap .box-right {
	width:40%;
	float:right;
}
.page-template-inner-landing .low-wrap .box-left {
	width:60%;
	float:left;
}


.page-template-inner-landing  h1{
	font-size: 30px;
	color:#729dd3;
	font-weight: 500;
}

.page-template-inner-landing .content h2, .page-template-inner-landing  .content  h3, .page-template-inner-landing  .content  h4, .page-template-inner-landing  .content  h5{
	color:#729dd3;
}


.right-top{
	width:370px;
    
}

.right-top .gform_heading{
	background: rgba(0,0,0,.2);
    padding: 30px;
    text-align: center;
    color: #fff
}
.right-top .bg-wrap{
	height:100%;
	width:100%;
	position: absolute;
	top:0;
	left:0;
	z-index: -1;
    opacity: .7;
}


.right-top h4{
	font-size: 22px;
	font-weight: 100;
}

 .right-top h4 strong{
	 font-weight: 300;
 }


.right-top .gform_button{
	width: 100%;
	border-radius: 0 0 25px 25px;
	background: #729dd3;
	color:#fff;
	-webkit-appearance: none;
}


.right-top .top-curve input{
	border-radius:25px 25px 0 0;
}

.landing-wrap{
	width: 640px;
}

.page-template-inner-landing .right-top .validation_error{
	display:none;
}

.page-template-inner-landing .right-top .validation_message{
	right: -5px;
}



.page-template-inner-landing .right-top .gform_wrapper input[type="text"], .page-template-inner-landing  .right-top.gform_wrapper input[type="tel"], .page-template-inner-landing   .right-top .gform_wrapper input[type="email"], .page-template-inner-landing .right-top .gform_wrapper input[type="password"], .page-template-inner-landing .right-top .gform_wrapper input[type="file"] , .page-template-inner-landing  .right-top .gform_wrapper select {
	color:#fff;
    background: none;
	border-bottom: 1px #333 solid;
	padding: 15px 30px;
}

.page-template-inner-landing  .right-top .gform_wrapper textarea{
	color:#fff;
    background: none;
	padding: 15px 30px;
}


.page-template-inner-landing .right-top ::-webkit-input-placeholder {
 color:rgba(255,255,255,.9);
 text-transform: initial
}

.page-template-inner-landing .right-top  ::-moz-placeholder {
 color: rgba(255,255,255,.9);
 text-transform: initial
}

.page-template-inner-landing .right-top  :-ms-input-placeholder {
 color:rgba(255,255,255,.9);
 text-transform: initial
}

.page-template-inner-landing  .right-top .gform_button{
	background: #fff;
	border-radius: 0;
	border: none;
	height: 65px;
	font-size: 1.1rem;
	font-weight: 300;
	color:#333;
}

.page-template-inner-landing .low-wrap {
	display: block;
    width: 100%;
    background: #fff;
}

.low-box{
	width: 50%;
}

.box-right {
    float: left;
    height: 450px;
    background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.box-left {
    float: left;
    height: auto;
    padding: 0 100px 100px 0;
}

.box-left h3{
	color:#729dd3;
	font-size: 1.1rem;
	font-weight: 600;
	font-style: italic;
	margin: 25px 0 30px;
	
}

.box-left h5{
	color:#729dd3;
	font-weight: 100;
	margin:0 0 30px;
}

.low-but{
	color: #fff;
    background: #729dd3;
    padding: 12px 40px;
    margin: 40px 0 0;
    display: block;
    text-align: center;
    cursor: pointer;
}



.low-low-wrap{
	width:100%;
	padding: 150px 0;
	display:block;
	text-align: center;
	background-position:center;
	background-size: cover;
	background-attachment: fixed;
	position: relative;
}

.low-low-wrap:before{
	content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(3,3,3,.5);
    top: 0;
    left: 0;
}

.low-low-wrap h3{
	font-size: 1.9rem;
	color:#729dd3;
	font-weight: 500;
}

.low-low-wrap p{
	color:#fff;
}

.low-low-wrap strong{
	margin: 20px 0 0;
    display: block;
}

.low-low-wrap .wrap{
	width: 900px;
}


/* /////////////////////////////////////////////////////////////////////////////////////// PRIVACY POLICY */

.pp-wrap {
    position: fixed;
    background-color: rgba(255,255,255,.93);
    width:400px;
    height:100%;
    z-index: 999;
    overflow:hidden;
    left:-400px;
    top:0;
    -webkit-transition: left .3s ease-in-out;
-moz-transition: left .3s ease-in-out;
-ms-transition: left .3s ease-in-out;
-o-transition: left .3s ease-in-out;
transition: left .3s ease-in-out;

}

.privacy-click .pp-wrap{
left:0;
    -webkit-transition: left .3s ease-in-out;
-moz-transition: left .3s ease-in-out;
-ms-transition: left .3s ease-in-out;
-o-transition: left .3s ease-in-out;
transition: left .3s ease-in-out;

}

.privacy-policy{
	width: 80%;
    margin: 0 auto ;
    padding:100px 0;
    height:100%;
    overflow-y: scroll; /* has to be scroll, not auto */
  -webkit-overflow-scrolling: touch;
    position: relative;
}


.privacy-policy p{
	font-weight:300;
	margin:20px 0;
	font-size:.9em;
}

.privacy-policy i{
	position: absolute;
    top: 109px;
    right: 12px;
	cursor:pointer;
}

.privacy-policy i:before{
	font-size: 20px;
	color:#855fa8;
}

.privacy-policy h4{
	color:#855fa8;
}



/* /////////////////////////////////////////////////////////////////////////////////////// MEDIA QUERIES */




@media(max-width:1600px){
.landing-low .low-boxes{
width:41%;
}
}


@media(max-width:1400px){
.header-nav{
	left:100px;
}
.scroll-logo, .home .scroll-logo{
	left:0;
}
.con-tab{
	padding: 12px 25px 12px 15px;
	font-size: .8rem;
	    top: 20px;
}
}

@media(max-width:1350px){
.left-top {
    width: 63%;
}
.right-top{
width:37%;
}

.left-top h2{
padding:0 40px 30px 0;
}
.page-template-inner-landing .content{
	width:80%;
}
.low-box{
	width:80%;
}

}


@media(max-width:1280px){

	.landing-wrap{
display:none;
}
.left-top h2{
font-size: 32px;
}
.left-top h2 strong{
font-size: 40px;
}
.left-top li{
font-size: 14px;
}

.hero{
	width: 90%;
}

.wrap{
	width: 90%;
}

.home .main{
	padding: 330px 0 50px;
}

.home .main h2 {
    margin: 20px 0 25px;
}

.home .main .content{
	width:100%;
	margin:0;
	padding: 50px 80px;
	
}

.lower-vid p{
	width: 100%;
	font-size: 1rem;
}
.vid-head h2{
	font-size: 2.5rem;
}
.lower-vid a{
	padding:12px 70px;
}
.page-banner h1{
	 top: 290px;
    font-size: 1.7rem;

}
.header-nav li a{
	padding: 18px 20px;
}


}

@media(min-width:1024px){
	.mob-clicked .off-canvas{
	left:-350px;
}
}


@media(max-width:1024px){

.vid-wrap{
	height:100vh;
}

.main .content, .woocommerce-page .main .content{
	width: 100%;
}

.con-tab, .cartnav{
	display:none;
}

.page-template-inner-landing .main .wrap{
	width:90%;
}

.low-box{
	width: 100%;
}

.scroll-logo, .home .scroll-logo{
	left:50%;
	margin-left:-35px;
}

.box-left{
    padding: 0 0 100px 0;
}

.low-low-wrap .wrap{
	width: 90%;
}



header{
	background: none;
}

.feat-wrap{
	text-align: center;
}

.feat-item{
	width: 400px;
	display: inline-block;
	float: none;
	margin: 0 auto 0;
}

.header-nav{
	display:none;
}
.contact-mob{
	display:block;
}

#top-ham{
	display:block;
}

 .page-template header, .page-template-default header {
	background: rgba(255,255,255,1);
	box-shadow: 10px 0px 30px rgba(2,2,2,.3);
 }
.hero .logo{
	width: 100px;
    height: 100px;
}

.feat-item .feat-title{
	top:140px;
	z-index: 999;
}
.feat-item:first-child .feat-title, .feat-item:nth-child(2) .feat-title, .feat-item:nth-child(3) .feat-title {
	color:#fff;
}
.feat-item .feat-title:after{
	opacity:1;
	visibility:visible;
}
.feat-item:nth-child(3) .feat-image:before, .feat-item:nth-child(3) .feat-image:after, .feat-item:nth-child(3) .feat-title:after, 
.feat-item:nth-child(2) .feat-image:before, .feat-item:nth-child(2) .feat-image:after, .feat-item:nth-child(2) .feat-title:after,
.feat-item:first-child .feat-image:before, .feat-item:first-child .feat-image:after, .feat-item:first-child .feat-title:after{
	opacity:.7;
	visibility: visible;
}

.feat-item .feat-text{
		opacity:1;
	visibility: visible;
}

.pro-content{
	width:60%;
	padding: 0;
}

.pro-image{
	    width: 40%;
    height: 390px;
	background-size: 100%;
	height:300px;
}

.product-wrap{
	padding: 100px 0;
}

.news-link {
	width:100%;
	padding: 20px;
}

.news-sign .gform_heading{
	width: 100%;
	text-align: center;
}
.news-sign .gform_heading, .news-sign .gform_body, .news-sign .gform_footer{
	float:none;
	display:inline-block;
}

.news-sign .gform_wrapper{
	text-align: center;
}
.news-sign .gform_heading{
	padding: 0;
	margin: 0 0 10px;
}
.news-sign{
	padding:10px 0 15px;
}
.news-sign .gform_body li input, .news-sign .gform_button{
	height:40px;
}
.news-sign .gform_button{
	padding: 10px 0;
}

.news-sign .gform_title{
	font-size: .8rem;
}

.news-sign .gform_wrapper input[type="text"]{
font-size: 12px;
}
.news-sign .gform_ajax_spinner {
    left: 14px;
    top: 6px;
}
.news-sign .validation_message{
	padding: 5px 7px;
}
.news-sign .gform_body{
	width: 66%;
}
}



@media(max-width:850px){
	.footer-left, .footer-right{
		width: 100%;
		text-align: center;
	}
	.social{
	display: block;
    width: 100%;
	text-align: center;
	}
	.social p{
		width: 100%;
		margin: 0;
	}
	.footer-logo{
		margin:0 auto;
		float: none;
		background-position: center;
	}
}

@media(max-width:768px){

	.landing-top{
width:100%;
}
.page-template-inner-landing .page-banner{
height:auto;
padding: 100px 0 200px;
}
.page-template-inner-landing .page-banner .wrap{
top:auto;
}
.page-banner{
background-attachment:scrolled;
}
.scrolled .landing-top{
opacity: 1;
visibility: visible;
}

.page-template-inner-landing .page-banner:before{
	display:none;
}
.inner-img{
	display:none;
}
.left-top ul {
    margin: 0 0 30px 20px;
}
.hero h2{
	font-size: 1.8rem;
}




.left-top{
    margin: 0px 0 40px;
    padding: 0;
}
.left-top h2, .right-top h4{
padding: 0 20px 0 20px;
}

.landing-low{
padding: 50px 0 120px;
}
.landing-low .low-boxes{
width:100%;
margin: 20px 0;
padding: 0;
}

.low-boxes{
padding: 0 25px;
}
.landing-low .con-but{
margin: auto;
}
.feat-item{
	width: 100%;
}
.home .main {
    background-position-x: 23%;
}

.contact-modal{
	width:90%;
	padding: 50px 30px 30px;
	overflow:auto;
	top:10%;
	height: 530px;

}

.contact-modal .fa-times{
	top:10px;
	right:10px;
	background: none;
	color:#855FA8;
}

.contact-modal .fa-times:hover{
	top:8px;
}

.logo-contact{
	display:none;
}

.modal-wrap{
	overflow:hidden;
}

.pro-image{
	display:none;
}
.pro-content{
	width:100%;
}

.pro-content a, .lower-vid a, .home .main a{
	font-size: .9rem;
	    padding: 12px 20px;

}
.home .main .content{
    background: rgba(255,255,255,.8);
	padding: 30px;
}.left-top li{
	left:auto;
	padding: 5px 5px 15px 5px;
}
.left-top h2{
	margin:0 0 30px;
}
.hero p{
	font-size: 1.2em;
}
.hero-but p{
	font-size: 15px;
}
.hero-but{
	width: 90%;
	padding: 15px 20px;
}

}

@media(min-height:750px){
	.page-template-landing-page .page-banner{
		min-height: 750px;
	}
	
}

@media(max-height:700px){
	.left-top li{
		font-size: 14px;
	}
	.hero{
		top:120px;
		margin: 0;
	}
}

@media(max-height:580px){
	.contact-modal{
		height:90%;
		padding: 20px 20px 80px;
		top:2%;
	}
	.logo-contact{
		display:none;
	}
	.scrolled .news-sign{
		bottom: -200px;
	}

	 



}

@media(max-width: 600px){
		.content img.alignnone{
	width: 100%;
	height:auto;
}
.archive.category .news-image{
	 	width: 100%;
	 	background-size: cover;
	 }
	 .archive.category .news-text{
	 	width: 100%;
	 }
	 .archive .news-text{
	 	padding: 0;
	 }

.con-page-form{
	width: 100%;
}
.con-page-form .gfield_radio li{
	width: 100%;
}
.con-page-form
.gform_button, .con-page-form
.gform_footer{
	width:100%;
}
}



@media(max-width:480px){

	.home .main {
    padding:50px 0;
}

.box-left{
    padding: 0 0 50px 0;
}
.box-right{
	padding: 0 0 100px ;
	float: left;
}

.contact-modal li:nth-child(2), .contact-modal li:nth-child(3){
	width: 100%;
	margin: 10px 0 10px ;
}
.contact-modal .gform_button{
	padding: 15px 0;
}

.news-sign .gform_body{
	width: 88%;
}
.news-sign .gform_footer{
	width: 10%;

}
.file-list-wrap a{
	width: 100%;
	height: 250px;
}

.news-sign input[type="submit"] {
  text-indent: -99em;
  background-image: url(images/arrow-right.svg);
  background-repeat: no-repeat;
  background-size: 22%;
  background-position: center;
}
.news-sign .gform_ajax_spinner {
    left: 50%;
    top: 50%;
	margin: -10px 0 0 -10px;
}

.low-box{
	width: 100%;

}
.box-left{
	height:auto;
}

.vid-head span{
    top: -50px;
    left: 0;
    width: 100%;
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
    height: 50px;
}



}

@media(max-width:400px){
	.alignright, .alignleft{
	float: none;
    width: 90%;
    height: auto;
    margin: 0 auto;
    display: block;
}

.privacy-policy{
	width: 90%;
}

.pp-wrap{
	width:100%;
}
}

@media(max-width:350px){
	.off-canvas{
		width: 100%;
	}
}