/*
Theme name: The Parade Company
Description: Custom Theme
*/

/******* The Parade Company WordPress CSS *******/

* { margin: 0; padding: 0; outline: 0; }

html,
body { height: 100%; }

html { overflow-y: scroll; margin:0px !important;}

body { background: url(images/bg.jpg) repeat 0 0; background-size: 85px 85px; font-size: 18px; line-height: 1.55; font-family: 'Gotham', sans-serif; color: #000; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; }

a { color: #d53e2e; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }
img { vertical-align: middle; }

.lt {float:left;}
.rt {float:right;}
.clr {clear:both;}

h1,
h2,
h3,
h4,
h5,
h6 { font-weight: normal; font-family: 'TexGyreScholaBold', sans-serif; line-height: 1.2; }

h1 { font-size: 48px; }
h2 { font-size: 36px; }
h3 { font-size: 32px; color:#2e3094; }
h4 { font-size: 28px; }
h5 { font-size: 24px; }
h6 { font-size: 20px; }

strong { font-weight: normal; font-family: 'GothamBold', sans-serif; }
em { font-style: normal; font-family: 'GothamIt', sans-serif; }
strong em { font-family: 'GothamBoldIt', sans-serif; }

input, 
textarea, 
select { font-size: 24px; font-family: 'Gotham', sans-serif;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
textarea { overflow: auto; resize: none; }
textarea,
input[type="tel"],
input[type="text"],
input[type="email"],
input[type="password"],
input[type="submit"] { -webkit-appearance: none; }


.content li {list-style-type:none; background:url('images/star2.png') no-repeat 0 6px ; padding-left:20px;}
.products li, .woocommerce-checkout li, #gform_fields_1 li {background:none; padding-left:0;}
.gfield {margin-left:0 !important;}
.checkout h3 {font-size:30px;}


/* =====================================================
	#Common
====================================================== */

.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.left, .alignleft { float: left; }
.right, .alignright { float: right; }

.container { overflow: hidden; position: relative; }
.shell { width: 996px; margin: 0 auto; }

.buttons { text-align: center; margin-bottom: 30px; }
.buttons .button { margin: 0 60px 20px; font-size: 18px; min-width: 135px; }
.button { display: inline-block; background-color: #2e3094 !important; border: 3px solid #99793e !important; border-radius: 15px; min-width: 210px; color: #fff !important; font-size: 24px; text-align: center; line-height: 1.2; font-family: 'TexGyreSchola', sans-serif; text-transform: uppercase; padding: 18px 20px 17px; cursor: pointer;
	-webkit-transition: .2s;
	        transition: .2s;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.button:hover { text-decoration: none; background-color: #ffc246 !important; color: #2e3094 !important; }

a {
	-webkit-transition: opacity .2s;
	        transition: opacity .2s;
}

/* =====================================================
	#Icons
====================================================== */

.icon { display: inline-block; background: no-repeat 0 0; background-size: cover; vertical-align: middle; position: relative; top: -4px; }
.icon-email { background-image: url(images/icon-mail.png); width: 24px; height: 16px; }
.icon-phone { background-image: url(images/icon-phone.png); width: 24px; height: 30px; }
.icon-download { background-image: url(images/icon-download.png); width: 19px; height: 35px; }

/* =====================================================
	#Header
====================================================== */

.top-bar { padding: 20px 100px 0; margin-bottom: 52px; position: relative; z-index: 4;
	background: rgb(203,57,42); /* Old browsers */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NiMzkyYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYzMxMjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(203,57,42,1) 0%, rgba(188,49,35,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(203,57,42,1)), color-stop(100%,rgba(188,49,35,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(203,57,42,1) 0%,rgba(188,49,35,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(203,57,42,1) 0%,rgba(188,49,35,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(203,57,42,1) 0%,rgba(188,49,35,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(203,57,42,1) 0%,rgba(188,49,35,1) 100%); /* W3C */
}
.top-bar:after { content: ''; background: url(images/header.png) repeat-x center 0; background-size: auto 100%; height: 60px; position: absolute; top: 100%; left: 0; right: 0; }

.cart-button-holder { float: right; font-size: 14px; color: #fff; }
.cart-button-holder:before { content: '|'; margin: 0 7px; }
.cart-button { color: #fff; }

.utility-nav { font-size: 14px; text-align: right; }
.utility-nav ul { list-style: none outside none; }
.utility-nav li { display: inline; margin-left: 25px; }
.utility-nav a { color: #fff; }

.menu-item-100 {
	display:block !important;
}

.header { padding: 0 100px 26px; position: relative; z-index: 2; }
.logo { width: 450px; position: relative; z-index: 2; margin-top:70px; }
.logo a { display: block; background: url(images/clownie.png) no-repeat 0 0; background-size: cover; height: 76px; white-space: nowrap; text-indent: -4000px; overflow: hidden; margin: 15px 0px 0px 0px; }

.nav {font-size: 14px; font-family: 'GothamMedium', sans-serif; line-height: 1.3; margin-top: 30px; }
.footer .nav {font-size:16px;}
.nav li { float: left; position: relative; }
.nav li + li { margin-left: 26px; }
.nav ul { list-style: none outside none; }
.nav li a { display: block; color: #000;
	-webkit-transition: .2s;
	        transition: .2s;
}
.nav li:hover > a { color: #2e3094; text-decoration: none; }
.nav li:hover ul li:hover > a { background-color: #d53e2e; text-decoration: none; color:#fff; }
.nav .current-menu-item > a { color: #d53e2e; }
.nav em { display: block; }

.nav .menu-item-has-children > a { padding-bottom: 10px; }

.nav li:hover > ul { opacity: 1; visibility: visible; }
.nav ul ul { width: 250px; background-color: #2e3094; position: absolute; top: 100%; left: 50%; margin-left: -125px; padding: 10px 0; opacity: 0; visibility: hidden;
	-webkit-transition: .2s;
	        transition: .2s;
}
.nav ul ul li { float: none; text-align:left; }
.nav ul ul li + li { margin-left: 0; }
.nav ul ul a { color: #fff; padding: 5px 15px; cursor: pointer;}
.nav ul ul .menu-item-has-children > a { padding-bottom: 5px; }

.nav ul ul ul { top: -10px; left: 100%; right: auto; margin: 0; }
.nav ul ul ul ul { right: auto; left: 100%; z-index: 2; box-shadow: }

.nav-btn { display: none; width: 44px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.nav-btn span { display: block; height: 6px; background-color: #2e3094; }
.nav-btn span + span { margin-top: 10px; }

.nav-btn-close { display: block; position: absolute; top: 110px; left: 5px; width: 46px; z-index: 1; }
.nav-btn-close span { background-color: #fff; height: 3px; position: relative; }
.nav-btn-close span + span { margin-top: 13px; }
.nav-btn-close span:nth-child(1) { left: 8px;
	-webkit-transform-origin: 0 0;
	        transform-origin: 0 0;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}
.nav-btn-close span:nth-child(2) { opacity: 0; }
.nav-btn-close span:nth-child(3) { left: 8px;
	-webkit-transform-origin: 0 100%;
	        transform-origin: 0 100%;
	-webkit-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}

/* nav-mobile */
.nav-mobile { background-color: #2e3094; width: 100%; padding: 100px 0 20px; position: absolute; top: 0; left: 0; z-index: 3; line-height: 1.2;
	-webkit-transition: .5s;
	        transition: .5s;
	-webkit-transform: translate(0, -100%);
	        transform: translate(0, -100%);
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.nav-mobile.open {
	-webkit-transform: translate(0, 0);
	        transform: translate(0, 0);
}
.nav-mobile li a { display: block; color: #fff; padding: 9px 9px 9px 67px; position: relative;
	-webkit-transition: .2s;
	        transition: .2s;
}
.nav-mobile li a:hover { text-decoration: none; color: #b22c1e; }
.nav-mobile em { display: block; font-size: 15px; }
.nav-mobile .open { background-color: #3d3fb8; }
.nav-mobile .open > ul { display: block; }
.nav-mobile ul ul { display: none; font-size: 16px; }
.nav-mobile ul ul a { padding: 7px 7px 7px 85px; }
.nav-mobile ul ul ul { background-color: #4e51f0; }
.nav-mobile ul ul .open { background-color: #4e51f0; }
.nav-mobile ul ul .open > a { color: #2ac3e8; }
.nav-mobile ul ul ul a { padding: 7px 7px 7px 100px; }

.nav-mobile	li a,
.nav-mobile	li.menu-item-has-children > a { display: inline-block; position: relative; padding-right: 4px; margin-right: 30px; }
.nav-mobile	li.menu-item-has-children > a:after { content: '+'; position: absolute; top: 9px; left: 100%; }
.nav-mobile	li em { display: none; }

/* =====================================================
	#Slider
====================================================== */

.slider { margin: 0 200px; position: relative; top: -100px; margin-bottom: -87px; }
.slides { list-style: none outside none; }
.slide { position: relative; overflow: hidden; }

.slide-image { margin-top: 100px; height: 900px; background: no-repeat center center; background-size: cover; position: relative; }

.corner { background: url(images/corners.png) no-repeat 0 0; background-size: 150px 150px; width: 75px; height: 75px; position: absolute; }
.corner-top-left { background-position: right bottom; top: 0; left: 0; }
.corner-top-right { background-position: left bottom; top: 0; right: 0; }
.corner-bottom-left { background-position: right top; bottom: 0; left: 0; }
.corner-bottom-right { background-position: left top; bottom: 0; right: 0; }

.slide-text { border-radius: 50%; width: 630px; height: 630px; position: absolute; top: 78px; right: 112px; text-align: center; font-size: 24px; line-height: 1.25;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.slide-text-inner { display: table; width: 100%; height: 100%; }
.slide-text-content { display: table-cell; vertical-align: middle; padding: 8px 50px 0; }
.slide-text h2 { font-size: 44px; line-height: 1.1; margin-bottom: 17px; }
.slide-text p { padding: 0 15px; }
.slide-text h2 span { display: block; font-family: 'TexGyreSchola', sans-serif; }
.slide-button { font-family: 'GothamMediumIt', sans-serif; position: absolute; bottom: -37px; left: 50%; font-size: 26px;
	-webkit-transform: translate(-50%, 0);
	        transform: translate(-50%, 0);
}
.slide-button:hover { opacity: .7; text-decoration: none; }
.slide-button:after { content: ''; display: block; background: url(images/arrow-round.png) no-repeat 0 0; background-size: cover; width: 80px; height: 80px; margin: 10px auto 0; }

.slider-round { position: absolute; top: 20px; left: 0; right: 0; height: 0; }
.slider-round img { position: absolute; top: 50%; left: 50%; /*width: 90%; height: auto;*/ margin-top: 10px; 
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}

.bottom-star { background: url(images/bottom-round.png) no-repeat 0 0; background-size: cover; width: 78px; height: 39px; position: absolute; bottom: 0; left: 50%; margin-left: -39px; text-align: center; z-index: 1; }
.bottom-star:before { content: ''; display: block; background: url(images/star.png) no-repeat 0 0; background-size: cover; width: 45px; height: 41px; margin: 12px auto 0; }

.bx-viewport { -webkit-transform: translateZ(0); transform: translateZ(0); }

/* Direction Nav */
.bx-controls-direction { list-style: none outside none; height: 0; }
.bx-controls-direction a { background: url(images/arrows.png) no-repeat 0 0; background-size: 100% auto; width: 50px; height: 110px; position: absolute; top: calc(50% + 20px); top: -webkit-calc(50% + 20px); text-indent: -4000px; white-space: nowrap; overflow: hidden;
	-webkit-transform: translate(0, -50%);
	        transform: translate(0, -50%);
}
.bx-controls-direction a:hover { opacity: .7; }
.bx-controls-direction .bx-prev { left: -125px; }
.bx-controls-direction .bx-next { background-position: 0 bottom; right: -125px; }
.bx-controls-direction .disabled { display: none; }

/* =====================================================
	#Main
====================================================== */

.script-text { text-align: center; font-family: 'DancingScript', sans-serif; font-size: 36px; margin-bottom: 10px; color: #6000a3; }
.script-text a { color: #6000a3; }

.ribbon { display: table; background: url(images/ribbon.png) no-repeat 0 0; background-size: cover; width: 1190px; height: 140px; text-align: center; color: #fff; margin: 0 auto; position: relative; z-index: 1; }
.ribbon-inner { display: table-cell; vertical-align: middle; padding: 0 140px 20px; }
.ribbon-inner > * { line-height: 1.1; }

/* features */
.features-container { padding: 0 .5%; margin-bottom: 161px; }
.features-container .ribbon { margin-bottom: -19px; }

.features { margin-left: -0.5%; }
.feature { float: left; display: block; width: 32.83%; margin-left: 0.5%; position: relative; }
.feature:hover { text-decoration: none; opacity: .8; }
.feature-image { display: block; }
.feature-image img { width: 100%; height: auto; }

.feature-text { position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; color: #fff; text-align: center; font-size: 24px; line-height: 1; padding: 0 40px 25px; }
.feature-text:before { content: ''; background: url(images/triangle.png) no-repeat 0 0; background-size: 100% 100%; height: 105px; position: absolute; top: -65px; left: 0; right: 0; z-index: 0; }
.feature-text:after { content: ''; background-color: #2e3094; position: absolute; top: 40px; bottom: 0; left: 0; right: 0; z-index: 0; }
.feature-text-inner { display: block; position: relative; z-index: 1; max-width: 600px; margin: 0 auto; }
.feature-text strong { display: block; font-size: 36px; font-family: 'TexGyreSchola', sans-serif; color: #fff05f; margin-bottom: 13px; text-transform: uppercase; }
.feature-text small { display: block; font-size: inherit; }

/* conntected */
.yellow-bar { position: relative;
	background: rgb(255,240,95); /* Old browsers */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZjA1ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmJmNDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,240,95,1) 0%, rgba(255,191,68,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,240,95,1)), color-stop(100%,rgba(255,191,68,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,240,95,1) 0%,rgba(255,191,68,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,240,95,1) 0%,rgba(255,191,68,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,240,95,1) 0%,rgba(255,191,68,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,240,95,1) 0%,rgba(255,191,68,1) 100%); /* W3C */
}
.yellow-bar:before { content: ''; background: url(images/yellow-bg.png) repeat-x center 0; background-size: auto 100%; height: 46px; position: absolute; bottom: 100%; left: 0; right: 0; }

.connected { margin-bottom: 30px; }
.connected .shell { position: relative; }
.connected .script-text { position: absolute; top: -126px; left: 0; right: 0; }

.connected-text { display: block; max-width: 500px; margin: 0 auto; text-align: center; line-height: 1.45; font-size: 24px; padding: 4px 0 72px; }
.connected-text h1 { color: #d53e2e; margin-bottom: 10px; }
.connected-text p { margin-bottom: 35px; }

.apps { position: absolute; top: -134px; left: -224px; text-align: center; font-size: 0; line-height: 0; }


.app-store,
.google-play { display: inline-block; background: no-repeat 0 0; background-size: cover; width: 144px; height: 43px; margin: 0 17px; position: relative; z-index: 1; }
.app-store { background-image: url(images/app-store.png); width: 144px; height: 43px; }
.google-play { background-image: url(images/google-play.png); width: 123px; height: 43px; }

.connected-rectangle { background-color: #fff; width: 347px; height: 347px; padding: 14px; position: absolute; top: -106px; right: -186px; }
.connected-rectangle img { width: 100%; height: 100%; }

.socials ul { list-style: none outside none; font-size: 0; line-height: 0; }
.socials li { display: inline-block; }
.socials li + li { margin-left: 43px; }
.socials a { display: block; height: 50px; }
.socials a:hover { opacity: .7; }
.socials img { height: 100%; width: auto; }

/* cta */
.cta { margin: -3px 0 170px -3.33%; }
.cta-item { float: left; width: 30%; margin-left: 3.33%; text-align: center; font-family: 'GothamMedium', sans-serif; line-height: 1.25; font-size: 23px; }
.cta-image { height: 225px; margin-bottom: 17px; }
.cta-image img { max-height: 100%; width: auto; vertical-align: bottom; }
.cta-item p { margin-bottom: 16px; }

/* outro */
.outro { position: relative; padding: 50px 0 233px;
	background: rgb(214,247,255); /* Old browsers */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q2ZjdmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4NmU3ZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(214,247,255,1) 0%, rgba(134,231,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(214,247,255,1)), color-stop(100%,rgba(134,231,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(214,247,255,1) 0%,rgba(134,231,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(214,247,255,1) 0%,rgba(134,231,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(214,247,255,1) 0%,rgba(134,231,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(214,247,255,1) 0%,rgba(134,231,255,1) 100%); /* W3C */
}
.outro .shell { position: relative; }
.outro:before { content: ''; background: url(images/blue-bg.png) repeat-x 0 0; background-size: auto 100%; height: 56px; position: absolute; bottom: 100%; left: 0; right: 0; }
.outro:after { content: ''; background: url(images/colored-bg.png) repeat-x right 0; background-size: auto 100%; height: 179px; position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; }
.outro-text { width: 800px; margin: 0 30px 0 auto; font-size: 18px; line-height: 1.7; }
.outro-text h1 { margin-bottom: 10px; color: #d53e2e; }
.outro-script { display: inline-block; font-size: 36px; color: #6000a3; font-family: 'DancingScript', sans-serif; margin-bottom: 7px; }

.clown { background: url(images/clown.png) no-repeat 0 0; background-size: cover; width: 533px; height: 602px; position: absolute; top: -170px; left: -340px; z-index: 2; }

/* =====================================================
	#Footer
====================================================== */

.footer:before { content: ''; background: url(images/footer-banner.png) repeat-x center 0; background-size: auto 100%; height: 232px; position: absolute; top: -64px; left: 0; right: 0; }
.footer { position: relative; z-index: 1; padding: 25px 0 78px; font-size: 17px; }
.footer .shell { width: 1100px; }
.footer .nav { float: none; text-align: center; }
.footer .nav li + li { margin-left: 27px; }
.footer .nav ul { display: inline-block; }

.footer .socials { display: block; position: relative; z-index: 2; }
.footer .socials ul { float: left; }
.footer .socials ul + ul { margin-left: 50px; }
.footer .socials li + li { margin-left: 50px; }
.footer .socials a { height: 31px; }

.footer .utility-nav { margin-top: 6px; position: relative; z-index: 2; }
.footer .utility-nav li + li { margin-left: 15px; }
.footer .utility-nav a { color: #2e3094; }

.footer-row-white { background-color: #fff; padding: 19px 0; margin-bottom: 26px; }
.footer-address,
.footer-phone { position: relative; z-index: 2; }

.legal { position: relative; text-align: center; font-size: 14px; color: #fff; padding: 17px 0 53px;
	background: rgb(213,62,46); /* Old browsers */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q1M2UyZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMTM0MjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(213,62,46,1) 0%, rgba(193,52,37,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(213,62,46,1)), color-stop(100%,rgba(193,52,37,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(213,62,46,1) 0%,rgba(193,52,37,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(213,62,46,1) 0%,rgba(193,52,37,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(213,62,46,1) 0%,rgba(193,52,37,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(213,62,46,1) 0%,rgba(193,52,37,1) 100%); /* W3C */
}
.legal:before { content: ''; background: url(images/footer.png) repeat-x center 0; background-size: auto 100%; height: 60px; position: absolute; bottom: 100%; left: 0; right: 0; }
.legal p { margin-bottom: 7px; }

/* =====================================================
	#Fireworks Page
====================================================== */

/* banner */
.banner { margin: 20px 162px 34px 163px; position: relative; padding: 40px; z-index: 0; }
.banner-inner { position: relative; }
.banner-round { position: absolute; top: 0; left: 0; right: 0; z-index: 1; }
.banner-round img { position: absolute; top: 50%; left: 50%;
	-webkit-transform: translate(-50%, -30%);
	        transform: translate(-50%, -30%);
}
.banner-image { background: no-repeat center center; background-size: cover; height: 670px; }

.dots-border-top,
.dots-border-bottom { background: url(images/dots.png) repeat-x 0 0; height: 3px; position: absolute; left: 0; right: 0; }
.dots-border-top { top: 0; }
.dots-border-bottom { bottom: 0; }

.dots-border-left,
.dots-border-right { background: url(images/dots.png) repeat-y 0 0; width: 4px; position: absolute; top: 6px; bottom: 6px; }
.dots-border-left { left: 0; }
.dots-border-right { right: 0; }

/* content */
.content { margin-bottom: 205px; }
.content .ribbon { margin-bottom: 46px; }

.post { margin-bottom: 20px; }

.post h1,
.post h2,
.post h3,
.post h4,
.post h5,
.post h6 { margin-bottom: 10px; }

.post p,
.post ul,
.post ol { margin-bottom: 32px; }

.post ul,
.post ol { padding-left: 20px; } 

.post ul ul,
.post ul ol,
.post ol ol,
.post ol ul { padding-left: 25px; margin-bottom: 0; }

.post blockquote { padding: 10px 30px; margin-bottom: 24px; font-style: italic; font-size: 16px; position: relative; overflow: hidden; }
.post blockquote:before { content: '"'; position: absolute; top: 5px; left: 0; font-size: 40px; line-height: 1; }

.post img { margin-bottom: 32px; max-width: 100%; height: auto; }

.post .alignleft { margin: 10px 50px 30px 0; }
.post .alignright { margin: 10px 0 30px 50px; }

/* contacts */
.contacts { text-align: center; line-height: 1.18; font-size: 26px; padding: 49px 0 72px; }
.contacts p { margin-bottom: 30px; }
.contacts a { font-size: 21px; color: #2e3094; }
.contacts a:hover { text-decoration: none; opacity: .7; }
.contacts .icon { margin-right: 14px; }

.tickets { position: absolute; top: -125px; left: 50%;
	-webkit-transform: translate(-50%, 0);
	        transform: translate(-50%, 0);
}

/* =====================================================
	#Pops Page
====================================================== */

.wrapper { padding: 0 92px; }

/* intro */
.intro { display: table; width: 100%; border-spacing: 8px; margin-bottom: -8px; }

.intro-text { display: table-cell; background-color: #d60c28; width: 33.23%; vertical-align: top; padding: 58px 75px; color: #fff; font-size: 24px; line-height: 1.5;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.intro-text h2 { font-size: 90px; line-height: .95; font-family: 'GothamBlack', sans-serif; text-transform: uppercase; margin-bottom: 25px; }
.intro-text h2 span { display: block; }

.intro-image { display: table-cell; vertical-align: bottom; background: no-repeat center center; background-size: cover; width: 66.76%; font-size: 250px; font-family: 'GothamBlack', sans-serif; text-transform: uppercase; line-height: 1; }
.intro-image p { padding: 0 10px 0 50px; position: relative; bottom: -33px; }

/* tabs-section */
.tabs-section { display: table; border-spacing: 8px; margin-bottom: -8px; width:100%; }
.tabs { display: table-cell; background-color: #2e3094; width: 66.76%; vertical-align: top; color: #fff; padding: 58px 75px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.tabs-nav { float: left; width: 425px; margin-right: 25px; font-size: 48px; font-family: 'GothamMedium', sans-serif; }
.tabs-nav ul { list-style: none outside none; }
.tabs-nav li + li { margin-top: 26px; }
.tabs-nav a { display: inline-block; color: #fff; position: relative; padding-left: 45px; text-transform: uppercase;
	-webkit-transition: .2s;
	        transition: .2s;
}
.tabs-nav a:hover,
.tabs-nav .current a { color: #d60c28; text-decoration: none; }
.tabs-nav a:before { content: '+'; position: absolute; top: 0; left: 0; }

.tabs-cnt { overflow: hidden; }
.tab { display: none; }
.tab:first-child { display: block; }
.tab .alignleft { margin: 0 40px 20px 0; }
.tab .alignright { margin: 0 0 20px 40px; border: 10px solid white; }

.slogan { display: table-cell; background-color: #ffe468; vertical-align: bottom; width: 33.23%; color: #fff; text-align: right; font-size: 29px; text-transform: uppercase; font-family: 'GothamBlack', sans-serif; }
.slogan p { padding: 10px 70px; }
.slogan p span { display: block; }

/* boxes */
.boxes { display: table; border-spacing: 8px; margin-bottom: -8px; }
.box { display: table-cell; width: 33.33%; color: #fff; position: relative;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.box-text { background-color: #771aa2; padding: 70px; line-height: 1.72; }
.box-text h3 { color: #ffe468; font-size: 72px; text-transform: uppercase; font-family: 'GothamMedium', sans-serif; line-height: 1; margin-bottom: 35px; padding-right: 200px; }

.box-slides { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.box-slide { background: no-repeat center center; background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; opacity: 0; visibility: hidden;
	-webkit-transition: .5s;
	        transition: .5s;
}
.box-slide.current { z-index: 1; opacity: 1; visibility: visible; }
.box-slide-text { position: absolute; bottom: 70px; left: 70px; right: 70px; font-size: 30px; line-height: 1.2; }
.box-slide-text h6 { font-family: 'GothamBold', sans-serif; font-size: 30px; }

.arrows { position: absolute; top: 50px; right: 60px; font-size: 0; line-height: 0; }
.arrow { display: inline-block; background: url(images/arrows-small.png) no-repeat 0 0; background-size: 100% auto; width: 18px; height: 33px; }
.arrow-next { background-position: 0 bottom; }
.arrow + .arrow { margin-left: 30px; }

/* contact */
.contact { background-color: #f7941d; color: #fff; margin: 8px 8px 0; padding: 70px; }
.contact-text { float: left; width: 59%; margin-top: 60px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.contact h2 { float: left; width: 35%; font-size: 100px; text-transform: uppercase; font-family: 'GothamBlack', sans-serif;
	line-height: .9; padding-right: 30px; text-transform: uppercase;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.contact-info { float: left; width: 65%; font-size: 30px; padding-right: 80px; line-height: 1.2;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.contact-info p { margin-bottom: 70px; }
.contact-info a { color: #2e3094; }
.contact-info a:hover { text-decoration: none; opacity: .7; }
.contact-info span { display: inline-block; width: 35px; text-align: center; margin-right: 25px; }
.contact-info .contact-link { margin-bottom: 23px; }
.contact-info .icon-phone { width: 36px; height: 46px; }
.contact-info .icon-download { width: 28px; height: 52px; }

.contact-form { float: left; width: 41%; }

.gform_heading { display: none; }
.gform_fields { list-style: none outside none; position: relative; margin-left: -3%; }
.gform_fields:before,
.gform_fields:after { content: " "; display: table; }
.gform_fields:after { clear: both; }
.gform_footer .button { width: 100%; border: 0; border-radius: 0; font-family: 'Gotham', sans-serif; text-transform: inherit; }

.gfield { width: 47%; margin-left: 3%; position: relative; margin-bottom: 28px; }
.gfield_label { display: none; }
.gfield input[type="tel"],
.gfield input[type="text"],
.gfield input[type="email"],
.gfield input[type="password"],
.gfield textarea { display: block; background-color: #fff; border: 0; border-radius: 0; height: 68px; width: 100%; padding: 0 35px; }
.gfield textarea { height: 230px; padding: 20px 35px; }
.gfield-textarea { position: absolute; top: 0; right: 0; bottom: 0; }
.gfield-textarea textarea { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.searchform input[type="text"] { border: 1px solid #d53e2e; padding: 0 10px; height: 40px; }
.searchform input[type="submit"] { cursor: pointer; border: 0; background: #d53e2e; color: #fff; width: 160px; height: 40px; }

.woocommerce div.product .woocommerce-tabs ul.tabs {display:none !important;}

.box-slide:after,
.box-slide-text { transition: all, .3s; -moz-transition: all, .3s; -webkit-transition: all, .3s; }
/*.box-slide { position:relative; }*/
.box-slide:after { content: ''; position:absolute; top: 0; left: 0; width:100%; height:100%; background: rgba(0,0,0,.5); opacity: 0; }
.box-slide:hover:after { opacity: 1; }
.box-slide-text { opacity: 0; z-index: 2; }
.box-slide:hover .box-slide-text { opacity: 1; }

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {min-height:390px; }
.woocommerce ul.products li.product .button {position:absolute; bottom:0;}
.woocommerce .products ul, .woocommerce ul.products, .woocommerce div.product, .woocommerce-cart .woocommerce, .woocommerce-checkout .woocommerce {background:#fff; padding:20px;}
/*.woocommerce-page .content {background:#fff; padding:20px;}*/

.input-text {line-height:42px;}
.product_title {font-size:36px;}
#tab-description h2 {font-size:24px;}
.coupon {display:none;}

.zero {margin-bottom:0 !important;}
.padtwenty {padding:20px;}
.subtitle {font-family:'GothamMedium' !important; font-size:21px !important;}
.onethird {width:30%; max-width:100%; margin-right: 25px;}
.onethird img {border: solid 10px #fff;}
.twothirds {width:65%; max-width:100%;}
.contruction {font-family:'GothamMedium' !important; font-size:21px !important; text-align:center;}
.gothmed {font-family:'GothamMedium' !important;}
.no-link a {cursor: default;}
.whiteborder {border: 10px solid white;}


#ff-stream-1 .ff-filter:hover, #ff-stream-1 .ff-loadmore-wrapper .ff-btn, #ff-stream-1 .ff-square:nth-child(1) {background-color:#2e3094 !important;}
#ff-stream-1, #ff-stream-1 .ff-search input, #ff-stream-1.ff-layout-compact .picture-item__inner {background:#fff !important;}

td.column-1 {font-family: 'GothamMedium';}
.cart_totals td {padding-left:20px !important;}
#tablepress-4 {background:#fff; max-width:100%;}
#tablepress-4 td {text-align:center; vertical-align:middle;}
#tablepress-4 img {max-width:100%;}


.page-id-854 .gfield_label {display:block;}
.page-id-854 .gfield_required {display:none;}
.page-id-854 .content li {background:none; padding-left:0;}
#gform_wrapper_2 {width:400px; max-width:100%;}

.page-id-16 .woocommerce-info {display: none;}
.fifty {float: left; width: 47%;}
.fiftyrt {float: right; width: 47%;}

.recaptcha_theme_blackglass #recaptcha_response_field, .recaptcha_theme_white #recaptcha_response_field {height: 20px !important;}

#gform_3 ul li {background: none;}

#gform_3 .gform_heading { display: none; }
#gform_3 .gform_fields { list-style: none outside none; position: relative; margin-left: -3%; }
#gform_3 .gform_fields:before,
#gform_3 .gform_fields:after { content: " "; display: table; }
#gform_3 .gform_fields:after { clear: both; }
#gform_3 .gform_footer .button { width: 100%; border: 0; border-radius: 0; font-family: 'Gotham', sans-serif; text-transform: inherit; }

#gform_3 .gfield { width: 100%; margin-left: 3%; position: relative; margin-bottom: 28px; }
#gform_3 .gfield_label { display: inherit; }
#gform_3 .gfield input[type="tel"],
#gform_3 .gfield input[type="text"],
#gform_3 .gfield input[type="email"],
#gform_3 .gfield input[type="password"],
#gform_3 .gfield textarea { display: block; background-color: #fff; border: 0; border-radius: 0; height: 68px; width: 100%; padding: 0 35px; }
#gform_3 .gfield textarea { height: 230px; padding: 20px 35px; }
#gform_3 .gfield-textarea { position: absolute; top: 0; right: 0; bottom: 0; }
#gform_3 .gfield-textarea textarea { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#gform_3 i {display: none;}
#gform_3 .gfield_time_hour {width: 49%; float: left; margin-bottom: 15px;}
#gform_3 .gfield_time_minute {width: 49%; float: right; margin-bottom: 15px;}

#ui-datepicker-div {background-color: white; padding: 20px; border: 1px black solid;}

span#input_3_2_3_container {width: 49%; float: left; margin-bottom: 25px;}
span#input_3_2_6_container {width: 49%; float: right; margin-bottom: 25px;}
.ui-datepicker-prev {display: none;}
.ui-datepicker-next {display: none;}


/*--- BDG STYLE --- */
.ban-count .content_countdown {right: 0px; top: 0px; position: absolute; background:url(images/bg.jpg) repeat 0 0; background-size: 85px 85px; padding: 10px 10px 20px 20px;}
.ban-count #main_countedown_1 .countdown {text-align: right !important;}
#main_countedown_1 .element_conteiner {min-width: 50px !important;}
#main_countedown_1 .time_description {font-size: 18px !important; color: #D53E2E;}
#main_countedown_1 .time_left {width: 50px; height: 44px; color: #FFFFFF; line-height:1.5em;}
.time_left {padding: 18px 15px !important;}

@media (max-width: 2700px) {
	.intro-text { padding: 40px; }
	.intro-text h2 { font-size: 70px; }

	.tabs { padding: 40px; }
	.slogan { line-height: 1.3; }
	.slogan p { padding: 30px 40px; }

	.box-text { padding: 40px; }

	.box-slide-text { bottom: 40px; left: 40px; right: 40px; }

    .nav {width:1400px; max-width:100%; padding-bottom:0}
}

@media (max-width: 2540px) {
	.intro-image { font-size: 180px; }

	.intro-image p { bottom: -24px; }

    .nav {width:1400px; max-width:100%;}
}

@media (max-width: 2500px) {
	.top-bar { padding: 20px 30px 0; }
	.header { padding: 0 30px 26px; }
	.nav { font-size: 14
px; margin-top: 36px; }
    .footer .nav {font-size:16px;}

	.slogan { font-size: 28px; }

	.box-text h3 { padding-right: 100px; }

    .nav {width:1400px; max-width:100%;}
}

@media (max-width: 2200px) {
	.top-bar { padding: 20px 30px 0; }
	.header { padding: 0 30px 45px; }
	.nav { font-size: 14px; margin-top: 37px; }
    .footer .nav {font-size:16px;}

	.box-text h3 { padding-right: 100px; }

	.box-slide-text { font-size: 20px; }
	.box-slide-text h6 { font-size: 20px; }

	.box-text h3 { font-size: 65px; }

    .nav {width:1135px; max-width:100%;}
}

@media (max-width: 2000px) {
	.nav { font-size: 14px; margin-top: 10px; width:1135px; max-width:100%;}
    .footer .nav {font-size:14px;}
    .footer .nav {margin-top:40px;}

	.slider { margin: 0 100px -87px; }
	.bx-controls-direction .bx-prev { left: -75px; }
	.bx-controls-direction .bx-next { right: -75px; }

	.banner { margin: 20px 29px 34px 28px; }

	.wrapper { padding: 0 22px; }

	.feature-text:before { height: 90px; top: -50px; }
	.feature-text { font-size: 20px; line-height: 1.1; }
	.feature-text strong { font-size: 26px; padding-top: 10px; }

	.tabs-nav { width: 300px; font-size: 32px; }
	.tabs-nav li + li { margin-top: 15px; }
	.tabs-nav a { padding-left: 30px; }

	.tab { font-size: 24px; }
}

@media (max-width: 1920px) {
	.slide-image { height: 700px; }

	.slide-text { width: 500px; height: 500px; font-size: 15px; top: 30px; right: 60px; }
	.slide-text h2 { font-size: 30px; }

	.feature-text { font-size: 16px; padding: 0 20px 15px; }
	.feature-text:before { height: 50px; top: -40px; }
	.feature-text:after { top: 10px; } 
}

@media (max-width: 1359px) {
	h1 { font-size: 35px; }

	.slide-image { height: 500px; }

	.slide-text { width: 400px; height: 400px; font-size: 12px; top: 10px; right: 30px; }
	.slide-text p { padding: 0; }
	.slide-text h2 { font-size: 24px; }

	.slide-button { font-size: 20px; bottom: -30px; }
	.slide-button:after { width: 60px; height: 60px; }

	.corner { width: 60px; height: 60px; background-size: 130px 130px; }

	.ribbon { width: 800px; height: 94px; }
	.ribbon-inner { padding-bottom: 10px; }

	.features-container .ribbon { margin-bottom: 30px; }
	.feature-text strong { font-size: 20px; margin-bottom: 5px; }
	.feature-text { font-size: 13px; }
	.feature-text:before { height: 50px; top: -30px; }
	.feature-text:after { top: 20px; }

	.connected-text { max-width: 400px; font-size: 18px; padding-bottom: 30px; }

	.baloons { width: 300px; height: 268px; }
	.apps { left: -20px; top: -80px; }
	.app-store { width: 105px; height: 31px; }
	.google-play { width: 89px; height: 31px; }
	.app-store,
	.google-play { margin: 0 10px; }

	.connected-rectangle { width: 250px; height: 250px; right: 0; top: -80px; }

	.cta-container .ribbon { margin-bottom: 30px; }

	.outro { padding-top: 20px; }
	.outro-text { width: 500px; }
	.clown { top: -90px; left: -100px; }

	.footer { font-size: 15px; }
	.footer .shell { width: auto; padding: 0 15px; }

	.footer .utility-nav { font-size: 12px; }

	.footer .nav li + li { margin-left: 15px; }

	.banner { padding: 30px; }
	.banner-round { top: -40px; }
	.banner-round img { width: 300px; height: auto; }
	.banner-image { height: 500px; }

	.contact { padding: 20px; }
	.contact h2 { float: none; width: auto; margin-bottom: 20px; font-size: 40px; }
	.contact h2 br { display: none; }
	.contact-text { margin-top: 0; width: 45%; }
	.contact-info { float: none; width: auto; }
	.contact-form { width: 55%; }

	.contact-link span { margin-right: 5px; }
	.contact-info .icon-phone { width: 20px; height: 27px; }
	.contact-info .icon-download { width: 15px; height: 30px; }

	.wrapper { padding: 0; }

	.intro-text { font-size: 16px; padding: 20px; }
	.intro-text h2 { font-size: 30px; }
	.intro-image { font-size: 85px; }
	.intro-image p { bottom: -11px; }

	.tabs { padding: 20px; }
	.tabs-nav { font-size: 20px; width: 200px; margin-right: 10px; }
	.tab { font-size: 24px; }
	.tab img { max-width: 100px; }

	.slogan { font-size: 24px; }
	.slogan p { padding: 20px; }

	.box-text { padding: 20px; font-size: 16px; }
	.box-text h3 { font-size: 30px; }
}

@media (max-width: 1212px) {
    .nav li + li {margin-left:18px;}
}

@media (max-width: 1100px) {
    .nav li + li {margin-left:6px;}
}

@media (max-width: 1024px) {
	.shell { width: auto; padding: 0 15px; }

	.banner { margin: 0 28px 34px 27px; }

	.top-bar:after { background-position: 0 0; }

	.slider { margin: 0 0 -87px; }
	.corner { display: none; }

	.header { padding: 0 15px 26px; }

	.top-bar { padding: 15px 15px 10px; }

	.feature-text { font-size: 12px; padding: 0 10px 10px; }
	.feature-text:before { height: 30px; top: -10px; }
	.feature-text strong { font-size: 14px; margin-bottom: 0; }

	.footer { padding-bottom: 120px; }
	.footer .shell { padding: 0 27px; }
	.footer .utility-nav { display: none; }

	.footer .socials { float: none; }
	.footer .socials ul + ul { float: right; }

	.footer .nav { display: none; }

	.apps { position: relative; margin-bottom: -30px; top: -60px; left: 0; }
	.baloons { margin: 0 auto -18px; }

	.connected-rectangle { position: static; margin: 0 auto; }

	.connected { padding-bottom: 40px; }
	.connected:before { display: none; }
	.connected .script-text { top: -135px; }
	.connected-text { padding-bottom: 0; margin-bottom: 45px; }

	.buttons .button { margin: 0 20px 20px; }

	.banner { padding: 20px; }
	.banner-round { top: -30px; }
	.banner-round img { width: 250px; height: auto; }
	.banner-image { height: 400px; }

	.header {padding-bottom: 60px;}
	.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {font-size: 80%;}
	.contact {padding-bottom: 100px;}
}

@media (max-width: 979px) {
	body { font-size: 18px; }
	h1 { font-size: 30px; }

	.ribbon { width: 700px; height: 82px; }

	.cta { margin: 0 0 100px -3.33%; }
	.cta-item { font-size: 18px; }
	.cta-image { height: 150px; }

	.button { font-size: 20px; }

	.clown { display: none; }

	.footer { padding-bottom: 90px; }
	.footer-phone,
	.footer-address { float: none; text-align: center; }
	.footer-address { margin-bottom: 10px; }

	.footer-row-white { margin-bottom: 90px; }

	.outro-text { width: auto; position: relative; z-index: 2; margin: 0 30px; }

	.contact { padding-bottom: 90px; margin: 0; }
	.contact-text { float: none; width: auto; margin-bottom: 40px; }
	.contact-info p { margin-bottom: 20px; }

	.contact-form { float: none; width: auto; }

	.gform_footer .button { font-size: 20px; padding: 15px; }

	.intro { display: block; margin-bottom: 8px; }
	.intro-text { display: block; width: auto; margin-bottom: 8px; }
	.intro-image { display: block; width: auto; height: 400px; position: relative; }
	.intro-image p { position: absolute; padding-left: 20px; }

	.tabs-section { display: block; margin-bottom: 8px; }
	.tabs { display: block; width: auto; margin-bottom: 8px; min-height: 300px;}
	.slogan { display: block; width: auto; padding-top: 50px; }

	.boxes { display: block; position: relative; padding-bottom: 300px; margin-bottom: 8px; }
	.box { display: block; width: auto; }
	.box-slider { height: 300px; width: 50%; position: absolute; bottom: 0; }
	.box-slider:first-child { left: 0; }
	.box-slider:last-child { right: 0; }
	.box-slide-text { left: 20px; bottom: 20px; }

	.arrows { top: 15px; }

    .box-slide-text,
    .box-slide:hover:after { opacity: 1; }

}

@media (max-width: 1080px) {
    .nav-btn { display: block; float:right; }

    .nav { position: relative; margin: 35px 20px 0 0; }
    .nav ul { display: none; }

    .footer .nav ul { display: inline-block; opacity: 1; visibility: visible; }

    .intro-text { padding: 30px; }
    .intro-text h2 { font-size: 40px; }
    .intro-image { font-size: 125px; }
    .intro-image p { bottom: -16px; }

    .tabs { padding: 30px; }
    .tabs-nav { font-size: 26px; width: 230px; }

    .tab img { max-width: 100px; }

    .slogan { font-size: 28px; }

    .box-text { padding: 30px; font-size: 18px; }
    .box-text h3 { font-size: 50px; }

    .arrows { top: 35px; right: 30px; }

    .contact { padding: 30px; }
    .contact-text { width: 100%; margin-top: 20px; }
    .contact h2 { font-size: 60px; }

    .contact-info { font-size: 20px; padding-right: 30px; }
    .contact-info p { margin-bottom: 40px; }

    .contact-form { width: 100%; }
    .gform_fields {margin-left: 0px;}
    .gfield { margin-bottom: 10px; }
    .gfield input[type="tel"],
    .gfield input[type="text"],
    .gfield input[type="email"],
    .gfield input[type="password"],
    .gfield textarea { height: 55px; font-size: 20px; padding: 15px 15px; }
    .gfield textarea { height: 100%; }

}

@media (max-width: 825px) {
	.slider-round img {width: 75%;}
	.slide-text {width: 325px; height: 325px; font-size: 11px;}
	.slide-text h2 {font-size: 18px;}
	.cta-item {font-size: 17px;}
}

@media (max-width: 767px) {
	body { font-size: 16px; }
	h1 { font-size: 24px; }
.wpb-inline {display:none !important;}


	.top-bar { padding: 0; height: 11px; margin-bottom: 20px; }
	.top-bar:after { height: 15px; }

	.utility-nav { display: none; }

	.header { padding-bottom: 11px; }

	.cart-button-holder { display: none; }

	.nav { margin: 8px 0 0; }
	.nav-btn { width: 29px; }
	.nav-btn span { height: 4px; }
	.nav-btn span + span { margin-top: 6px; }

	.nav-btn-close { width: 30px; left: 10px; top: 40px; }
	.nav-btn-close span { height: 3px; }
	.nav-btn-close span + span { margin-top: 7px; }

	.nav-mobile { font-size: 15px; padding-top: 30px; }
	.nav-mobile em { font-size: 9px; }
	.nav-mobile ul ul { font-size: 12px; }

	/*.logo { width: 233px; }*/
	/*.logo a { height: 39px; }*/
    .logo {max-width:90%; margin:0 auto;}
    .logo a {max-width:100%; background-size:contain;}

	.slide-image { height: 363px; }

	.slide-text { width: 200px; height: 200px; top: 80px; right: 50%; margin-right: -100px; margin-top: 0 !important; }
	.slide-text p { display: none; }
	.slide-text h2 { font-size: 16px; line-height: 1.2; }

	.slide-button { font-size: 11px; bottom: -30px; }
	.slide-button:after { width: 55px; height: 55px; }

	.slide-text-content { padding: 14px 20px 0; }

	.bottom-star { width: 28px; height: 14px; margin-left: -14px; }
	.bottom-star:before { width: 15px; height: 14px; margin-top: 6px; }

	.script-text { font-size: 18px; }

	.ribbon { width: 300px; height: 35px; }
	.ribbon-inner { padding: 0 30px 5px; }
	.ribbon h1 { font-size: 16px; }

	.features-container { padding: 0; margin-bottom: 60px; }
	.feature { float: none; width: auto; margin: 0 6px 12px; }
	.feature-text { padding: 0 60px 10px; }
	.feature-text strong { margin-bottom: 5px; font-size: 16px; }
	.feature-text:before { height: 35px; top: -15px; }

	.apps { top: -45px; margin-bottom: -35px; }
	.baloons { width: 216px; height: 193px; }

	.connected { padding-bottom: 30px; margin-bottom: 20px; }
	.connected .script-text { position: relative; top: 0; margin-bottom: 0; }
	.connected-text { margin-bottom: 10px; }
	.connected-text p { display: none; }
	.connected-text h1 { font-size: 18px; }
	.connected .socials { display: none; }

	.connected-rectangle { width: 170px; height: 170px; padding: 7px; }

	.cta { margin-bottom: 40px; }
	.cta-container .ribbon { margin-bottom: 15px; }
	.cta-item { float: none; overflow: hidden; width: auto; font-size: 11px; }
	.cta-image { float: left; width: 120px; height: 100px; text-align: right; margin-right: 10px; }
	.cta-text { overflow: hidden; margin-top: 10px; }

	.buttons .button { font-size: 12px; }
	.button { font-size: 12px; min-width: 110px; padding: 9px; border-radius: 7px; border-width: 2px; }

	.outro { display: none; }

	.footer { padding: 13px 0 30px; font-size: 11px; }
	.footer:before { height: 120px; top: -33px; }

	.footer .socials a { height: 15px; }
	.footer .socials li + li { margin-left: 25px; }

	.footer-row-white { padding: 12px 0; margin-bottom: 47px; }
	.footer-address { margin-bottom: 5px; }

	.legal { font-size: 10px; padding: 13px 0 12px; }
	.legal p { margin-bottom: 2px; }
	.legal:before { height: 17px; background-position: 0 0; }

	.content .ribbon { margin-bottom: 20px; }

	.post .alignleft,
	.post .alignright { float: none; margin: 0 0 25px; }

	.buttons { margin-bottom: 0; }
	.banner { padding: 10px; margin: 20px 3px; }
	.banner-round { top: -20px; }
	.banner-round img { width: 120px; height: auto; }
	.banner-image { height: 200px; }

	.content { margin-bottom: 120px; }

	.contacts { font-size: 18px; padding: 39px 0 32px; }
	.contacts p { margin-bottom: 20px; }
	.contacts a { font-size: 16px; }

	.tickets { width: 100px; top: -80px; }

	.intro-text { font-size: 14px; }
	.intro-image { height: 200px; font-size: 40px; }
	.intro-image p { bottom: -6px; }

	.tabs-nav { float: none; width: auto; margin: 0 0 20px; }
	.tabs-nav li + li { margin-top: 5px; }

	.tab { font-size: 16px; }

	.box-text { font-size: 14px; }

	.contact { padding-bottom: 50px; }
	.contact h2 { font-size: 30px; }

	.contact-link { font-size: 16px; }
	.gfield { width: auto; }
	.gfield input[type="tel"],
	.gfield input[type="text"],
	.gfield input[type="email"],
	.gfield input[type="password"],
	.gfield textarea { height: 40px; font-size: 16px; }
	.gfield-textarea { position: static; }
	.gfield-textarea textarea { position: static; height: 150px; padding-top: 13px; }

	.woocommerce-ordering select { width: 100%; }

	.onethird {width: 300px; max-width: 85%; float: none; margin: 0 auto;}
	.twothirds {width: 95%; float: none;}
	.fifty {float: none; width: 100%; margin-bottom: 25px;}
	.fiftyrt {float: none; width: 100%;}
	.post ul, .post ol {padding-left: 0px;}
	

}

@media (max-width: 479px) {
	.feature-text { font-size: 10px; padding: 0 20px 10px; }
	.feature-text strong { font-size: 14px; }

	.box { position: relative; width: auto; }
	.boxes { padding-bottom: 0; }
}

/* Big images in rich text editor should not break page layout */
.post .entry { overflow: hidden; } 

.woocommerce .entry { overflow: visible; }
.woocommerce-ordering select { max-width: 100%; }

/******* /The Parade Company WordPress CSS *******/

.recaptcha_input_area {height: 34px !important;}

.caption {font-size: 24px; text-align: center;}
.description {text-align: left; font-size: 18px;}
.description h2 {font-size: 21px;}


/*BASSO 2021 EDITS*/
.vol-btn {
	background-color: #303490;
    color: #FFFFFF;
    border-radius: 25px;
    padding: 15px 50px;
}
.vol-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	grid-column-gap: 5%;
}
.vol-col-1 {
	grid-column: 1;
}
.vol-col-2 {
	grid-column: 2;
}