/*
Theme Name: WP-Forge-Child
Theme URI: http://www.whitenoiseav.ie/
Author: Brian Casey
Author URI: http://www.weareopen.ie
Template: wp-forge
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html


Start adding your theme specific styles below.
*/
/********/
/* BASE */
/********/
@import url(https://fonts.googleapis.com/css?family=Lato:400,300,500,600);

@font-face {
    font-family: 'neuropolregular';
    src: url('fonts/neuropol-webfont.eot');
    src: url('fonts/neuropol-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/neuropol-webfont.woff2') format('woff2'),
         url('fonts/neuropol-webfont.woff') format('woff'),
         url('fonts/neuropol-webfont.ttf') format('truetype'),
         url('fonts/neuropol-webfont.svg#neuropolregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
  font-family: 'Lato', sans-serif;
     /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e9e9e8+0,dddcda+47,efefef+100 */
background: #e9e9e8; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #e9e9e8 0%, #dddcda 47%, #efefef 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  #e9e9e8 0%,#dddcda 47%,#efefef 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  #e9e9e8 0%,#dddcda 47%,#efefef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e8', endColorstr='#efefef',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    
}

/***********************/
/* Header Nav Strucure */
/***********************/

h1,h2,h3,h4,h5,h6 {
   font-family: 'Lato', sans-serif; 
}
/***********************/
/* Updated Navigation  */
/***********************/
.container {
  padding: 0 2rem;
  max-width: 1280px;
  margin: 0 auto;
  width: 100%;
}
.container:before, .container:after {
  content: "";
  display: table;
}
.container:after {
  clear: both;
}
a {
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

.row.main-nav {
    max-width:75em;
}

header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  will-change: height;
  position: fixed;
  height: 6rem;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  background-color: #fff;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
    background:transparent;
}
header.shrunk {
  height: 5rem;
background:#121111;    
}

nav {
  display: block;
  float: none;
    text-align: right;
}
nav ul {
    list-style-type: none;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}
nav ul:before, nav ul:after {
  content: "";
  display: table;
}
nav ul:after {
  clear: both;
}
nav ul li {
  float: none;
  line-height: 2rem;
display: inline-block;
    margin:1% 0 1% 30px; 
    position: relative;
    width:auto;
}
nav a {
  font-size: 1em;
  text-transform: uppercase;
  color: #45c66d;
  text-decoration: none;
  -webkit-transition: color .3s ease;
  transition: color .3s ease;
}
nav a:hover, nav a:focus {
  color: #fff;
}
img.logo {
    width:85%;
}
/* -------- Sector Dropdown -------- *//

#sector-dropdown {
   background-color: #121111;
   
}
.menu-sec {
  background-color: rgba(0, 0, 0, 0.8);
 
  width: 100% !important;
  padding: 10px 0px !important;
  text-align: center;
}

ul#sector-dropdown li {
	margin-top: 2px;
	height: auto;
	text-align: center;
	text-transform: uppercase;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 14px;
	letter-spacing: 1px;
	color: #ffffff;
    display: inline-block;
}

ul#sector-dropdown li:hover {
	background:transparent;
}

ul#sector-dropdown li a {
	display: block;
	color: #ffffff;
    margin-left:22px;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}
ul#sector-dropdown li a:hover {
    color:#45c66d;
}

ul {
    margin-left:0;
}


.sector-menu {
	overflow: hidden;
	width: auto;
	position: absolute;
	z-index: 99999999;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
    width:100%;
    top:80px; 
}

.show {
	z-index: 999999;
	/*margin: 18px 20px 0 0;
	width: 34px;
	height: 20px;
	position: absolute;
	top: 0;
	right: 40px;
	-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;*/
}

.show span {
	z-index: 999999;
	/*display: block;
	position: absolute;
	height: 5px;   
	width: 100%;
	background: #ffffff;
	opacity: 1;
	left: 0;
	-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;*/
}

span.toggle {
    height: 11px;
    width: 28px;
    background: url("http://retailrepublic.ie/img/chevron-down.png");
    background-repeat: no-repeat;
    background-position: 98% 60%;
    display: inline-block;
    background-size: 95%;
}

span.expanded {
    background: url("http://retailrepublic.ie/img/arrow-up.png");
    height: 11px;
    width: 28px;
    background-repeat: no-repeat;
    background-position: 98% 60%;
     background-size: 95%;
}

/* Mobile Navigation */
#mobile-header {
    box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.5);
    height:auto;
    background: #121111;
    left:0;
    top:0;
    position: fixed;
    width:100%;
    z-index:100;
    padding:20px 0%;
}
.mobile-container {
	overflow: hidden;
	position: absolute;
    z-index: 9999;
	background-color: rgba(27,25,25,0.98);
	-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out; 
	-o-transition: all 0.3s ease-in-out; 
	transition: all 0.3s ease-in-out;
    margin-top:43px !important;
    max-width:100% !important;
}

#menu-mobile {
	padding: 0px;
	margin: 0;
	position: relative;    
	z-index: 9999;
}

ul#menu-mobile li {
	font-size: 20px;
	text-align: center;
	font-weight: 300;
	line-height: 19px;
	display: block;
	width: 100%;
}

ul#menu-mobile li a {
	border-bottom: 1px solid #c6c5c3;
	color: #fff;
	padding: 15px 0 15px 0;
	margin: 0px;
	display: block;
}
ul#menu-mobile li a:link {
	color:#fff;
}

ul#menu-mobile li a:hover {
	color: #45c66d;
	background-color: #121111;
}
ul#menu-mobile li a:active { 
	color: #ffffff;
}


#show-mobile {
    z-index: 999999;
	margin: 0 12px 0 0;
  width: 40px;
  height: 30px;
  position: absolute;
  top: 0;
  right: 6%;
  -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;
margin-top:2.5%;    
}

#show-mobile span {
    z-index: 999999;
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  background: #45c66d;
  opacity: 1;
  left: 0;
  -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;
}

#show-mobile span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#show-mobile span:nth-child(2) {
  top: 13px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#show-mobile 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;
}

#show-mobile.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -3px;
  left: 0px;
}

#show-mobile.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#show-mobile.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 26px;
  left: 0px;
}
img.logo-mobile {
    width:210px;
    float:left;
    margin-left:3%;
}


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

    .active-tb {
     -moz-transition-property: none;
        -webkit-transition-property: none;
        -o-transition-property: none;
        transition-property: none;
         -moz-transform-property: none;
        -webkit-transform-property: none;
        -o-transform-property: none;
        transform-property: none;     
    }
    .active-tb:hover {
        position: relative;
        box-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.5);
        border: 0;
        z-index: 15;
        -moz-transform-property: none;
        -webkit-transform-property: none;
        -o-transform-property: none;
        transform-property: none;   
    }
}

/***********************/
/* Custom Styles       */
/***********************/

*, *::after, *::before {
     -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;   
}

/* Updated Video CSS */
#video-container {
    top:0%;
    left:0%;
    /*height:100%;*/
    width:100%;
    overflow: hidden;
    /*padding-bottom: 56.25%; /* 16:9 */*/
    position: relative;
}


iframe.fillWidth {
    width: 100%;
    height:100%;
    position:absolute;
    z-index:0;
    background-size:cover;  	
}

.fillWidth {
    width: 100%;
    height:100%;
    position:absolute;
   
    background-size:cover;  	
}

#video-container.contact-p {
    top:0%;
    left:0%;
    /*height:100%;*/
    width:100%;
    overflow: hidden;
    
    position: relative;
}


#landing-image-container {
    top:0%;
    left:0%;
    /*height:100%;*/
    width:100%;
    overflow: hidden;
   
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
#landing-image-container:after {
    content: "";
    display: block;
   
    position: relative;
    padding-bottom: 43.25%; /* 16:9 */
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    height: auto;
    width:100%;
    background: rgba(30, 30, 30, 0.5);
}
.flex-video {
    margin-bottom: 0 !important;
}
.video-overlay {
    position: absolute;
    top:200px;
    left:0;
    right:0;
    margin:0 auto;
    text-align: center;
}
.video-overlay.contact {
    top:100px;
}
.max-width {
    max-width: 1080px;
    margin: 0 auto;
}

.video-overlay h1 {
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-size: 2.2em;
    padding-bottom:20px;
}
.video-overlay h3 {
    color: #45c66d;
    font-family: 'Lato', sans-serif;
    font-size: 1.4em;
    padding-bottom: 40px;
}
.overlay-content .btn-1 {
    margin-bottom:280px;
}
.overlay-content .btn-1 a {
    color:#fff;
}
.overlay-content button.btn-1:hover > a {
    color:#000;
}
/* Swiper */
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	direction:ltr;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}
.swiper-container-horizontal>.swiper-pagination{
    bottom: 0;
    left: 0;
    width: 100%;
    margin-top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet {
    background: #45c56c;
}

.row.full-width {
  background: #000000; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #000000 0%, #292828 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #000000 0%,#292828 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #000000 0%,#292828 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#292828',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  max-width: 100% !important;
}

.full-width.package {
  background: #fff;
  max-width: 100% !important;
}


.full-width img {
    display: block;
    width: 100%; 
    margin: 0 auto;
}
.full-width.contact-form {
   background: #e9e9e8; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  #e9e9e8 0%, #dddcda 47%, #efefef 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover,  #e9e9e8 0%,#dddcda 47%,#efefef 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center,  #e9e9e8 0%,#dddcda 47%,#efefef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e8', endColorstr='#efefef',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    padding:50px 0px;
}

.hero .overlay {
    z-index: 1;
    position: absolute;
    left:0%;
    color: #fff;
    padding: 0px 0px 70px 0px;
    top: 0%;
    background: transparent;
    text-align:center;
    width:100%;
    margin-top:190px;
}

.hero .overlay.pa {
    z-index: 1;
    position: absolute;
    left: 10%;
    color: #fff;
    padding: 0px 0px 70px 0px;
    top: 17%;
    background: transparent;
    width: auto;
    text-align: left;
}

.hero .overlay h1 {
    color:#fff;
    font-family: 'Lato', sans-serif;
    font-size:2.2em;
}
  
.hero .overlay h3 {
    color:#45c66d;
    font-family: 'Lato', sans-serif;
    font-size:1.4em;
}
  
.row.landing {
    padding-bottom:3%;
}

.welcome {
    padding:1% 0%;   
}

.welcome h2 {
    font-size:1.6em;
    color:#45c66d;
}

h2 {
    font-size:1.8em;
    color:#45c66d;
}
h2.text-center {
            margin: 30px 0% 50px 0%;   
}

.welcome-image {
   padding:1% 0%;
}

.welcome-image img {
    overflow:hidden;
    border-radius:50%;
    box-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.5);
    margin-top:-5%;
    margin-left:15%;
}

/* General button style (reset) */
.btn {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background: none;
	cursor: pointer;
	padding: 15px 45px;
	display: inline-block;
	
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-package {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background: none;
	cursor: pointer;
	padding: 10px 35px;
	display: inline-block;
	
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-package:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}



/* Button Style */
.btn-1 {
	border: 3px solid #fff;
	color: #fff;
}
.btn-1-package {
	border: 2px solid #45C66D;
	color: #45C66D;
}

.btn-1-pa {
	border: 3px solid #121111;
	color: #121111;
}

/* Button 1a */
.btn-1a:hover,
.btn-1a:active {
	color:#121111;
	background: #fff;
}

.btn-1a-package:hover,
.btn-1a-package:active {
	color:#fff;
	background: #45C66D;
}

.btn-pa:hover,
.btn-pa-pa:active {
	color:#fff;
	background: #121111;
}

.btn-1a.rent {
    margin:0 auto;
    display:block;
}

.overlay button {
    margin-top:3%;   
}

.full-width.testimonal {
    padding:60px 9%;
    background: #45C66D;
    background: -moz-radial-gradient(center, ellipse cover, #45C66D 0%, #2e9f51 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #45C66D 0%,#2e9f51 100%);
    background: radial-gradient(ellipse at center, #45C66D 0%,#2e9f51 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45C66D', endColorstr='#2e9f51',GradientType=1 );
}

.testimonal h4 {
  font-family: 'Lato', sans-serif;
  color:#fff;
  font-size:1.3em;      
}
.testimonial-content {
    text-align: center;
    padding:0 100px;
}
.testimonial-content h1 {
    color: #fff;
    font-size: 1.6em;
    font-weight:100;
}
.testimonial-content h3 {
    color: #fff;
    font-size: 1.3em;
    font-weight:100;
    padding-top:40px;
}
/***************************/
/* Animated Package Tables */
/***************************/
.row.packages {
    padding:3% 0%;
}
.row.packages.first {
    margin-top:4%;
}
.active-tb {
  position: relative;
  box-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.5);
  transform: scale(1);
  border: 0;
  transition: 0.4s ease;
  z-index: 13; 
}
.active-tb:hover {
    position: relative;
    box-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.5);
    transform: scale(1.25);
    border: 0;
    z-index: 15; 
}

.active-tb.package {
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;

}

.active-tb.package:hover {
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
    box-shadow: 0px 2px 4px 0px rgba(50, 50, 50, 0.5);
}

/* Tabs */
.tab-title.active {
    color:#45C66D;   
}

.pricing-table.package .title {
    background:#fff;   
}

.title img {
    width:30%;
}
.pricing-table h3 {
    font-family:'Lato', sans-serif; 
}

.testimonal button,.marketing button {
    float:right;
    margin-top:3%;
}
.full-width.rental {
    padding:3% 9%;
    /*background-repeat: no-repeat;
    background: #000000; /* Old browsers */
/*background: -moz-radial-gradient(center, ellipse cover, #000000 0%, #292828 100%); /* FF3.6-15 */
/*background: -webkit-radial-gradient(center, ellipse cover, #000000 0%,#292828 100%); /* Chrome10-25,Safari5.1-6 */
/*background: radial-gradient(ellipse at center, #000000 0%,#292828 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#292828',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
        background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url("img/speaker-background.jpg");
    padding: 3% 9%;
    background-repeat:repeat;
}


.device {
    margin:3% 0% 4% 0%;;   
}

.rental img {
    width:50%;
}
.rental h2 {
    text-align: center;
    font-family: 'Lato', sans-serif;
    color:#fff;
    font-size:1.6em;
    font-weight:300;
    padding:4% 0%;
}

h2.products {
    margin-top:0;
    padding:2% 0%;
    margin-top:-2%;
    font-size:1.8em;
}

.rental p {
    color:#fff;
    text-align: center;
    padding:5% 0%;
}

.full-width.clients {
    padding:4% 0%;
    background:#fff;
    text-align:center;
    }


img.google {
    margin-top:10%;   
}

img.rds {
   width:70%; 
}

img.dcc {
    margin-left:10%;
    width:55%;
    text-align: center;
    margin-top:8%;
}

img.aviva {
   margin-top:15%; 
}

img.arena {
    margin-left:10%;
}
.full-width.marketing {
    padding:2% 9%;
    background: #45C66D;
    background: -moz-radial-gradient(center, ellipse cover, #45C66D 0%, #2e9f51 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #45C66D 0%,#2e9f51 100%);
    background: radial-gradient(ellipse at center, #45C66D 0%,#2e9f51 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45C66D', endColorstr='#2e9f51',GradientType=1 );
}
.marketing h4 {
  font-family: 'Lato', sans-serif;
  color:#fff;
  font-size:1.3em;      
}

/* PA System Page */

.hero.pa {
    margin-top:3%;   
}

.overlay.pa h1 {
    color:#121111;
    font-size:2.8em;
}

.overlay.pa h3 {
    color:#45C66D;
    font-weight:500;
}

.overlay.pa button {
    margin-top:6%;   
}
.overlay.pa button:focus {
    color:#fff;   
}
.pa-package {
   padding:7% 0%;   
}

.hero.pa img {
    width:35%;
    float:right;
    margin-right:10%;    
}

.pa-package img {
    overflow:hidden;
    border-radius:50%;
    box-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.5);
}

.pa-package-info {
   padding:5% 0% 5% 3%;;   
}

.pa-package-info h2 {
    font-size:1.8em;
    color:#121111;
    font-family: 'Lato', sans-serif;
}

.pa-package-info h4 {
    font-size:1.25em;
    color:#45c66d;
    font-family: 'Lato', sans-serif;
}

.full-width.pa-divider {
    background-image:linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("img/pa-package-divider.jpg");
    padding:8% 0%;
}

.full-width.package-type {
    background:#fff;
    padding:4% 9%;
}

.package-type h4 {
    color:#45c66d;
    text-align: center;
}



.package-type h5 {
    color:#45c66d;
    font-size:1.6em;
    font-weight:800;
    text-align: center;
}
/*
.package-type ul {
    line-height:2;   
}
*/
.package-type span {
    font-size:1.3em;
    font-weight:800;
    font-family: 'Lato', sans-serif;
    color:#45C66D;
}

.package-type em {
    font-size:0.8em;   
}

.row.order-form {
    margin-top:4%;   
}



/*****************/
/* Footer Styles */
/*****************/

footer .row.full-width {
    background: transparent;   
}

.footer {
  padding:4% 9%;
    background: #000000; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #000000 0%, #292828 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #000000 0%,#292828 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #000000 0%,#292828 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#292828',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ 
   
}

.footer p {
  font-family: 'Lato', sans-serif;
  color:#fff;
  font-size:0.9em;
margin-bottom:0.5em;    
}

.footer span {
 font-family: 'Lato', sans-serif;   
}
.social {
    float:right;
}
.social-links {
    text-align:center;
}
.social-links a{
    display: inline-block;
    width:27px;
    height: 27px;
    border: none;
    border-radius: 50px;
    margin-right: 12px;
    background:#fff;
}
.social-links a i{
    padding: 7px 4px;
    font-size: 15px;
    color:#45C66D;   
}
.social-links a:hover {
    background:#45C66D;
    
}
.social-links a i:hover {
    color:#fff;
}
.footer p a {
    color:#45C66D;
}
.footer span a {
   font-family: 'Lato', sans-serif; 
}
p.social {
    margin-top:7.5%;
    margin-right: -15%;
}




/* New Styles */

.row.inner {
    max-width: 62.5rem !important;
    width: 100%;
    margin: 0 auto;
}

.full-width.alternate {
    background:#F5F5EF;
}

.full-width.package {
  max-width: 100% !important;
  background-size: cover;
    height:28em;
}

.pa-package-one {
    padding: 5% 0% 5% 0%;
}

.pa-package-one ul li {
    line-height:2;
}

img.small-band {
    margin-top:30%;
}

.pa-package-two {
    padding: 5% 0% 5% 15%;
}

.pa-package-two ul li {
    line-height:2;
}

img.medium-band {
    margin-top:40%;
}

img.large-band {
    margin-top:50%;
}

img.ex-band {
    margin-top:50%;
}

img.medium-corporate {
    margin-top:20%;
}

img.large-corporate {
    margin-top:40%;
}

img.medium-party {
    margin-top:25%;
    padding-right:10%;
}

img.large-party {
    margin-top:15%;
    padding-left:10%;
}

img.small-visual {
    margin-top:20%;
}

img.medium-visual {
    margin-top:17%;
}

img.large-visual {
   margin-top:25%; 
}

.pa-package-three {
    padding: 5% 0% 5% 0%;
}

.pa-package-three ul li {
    line-height:2;
}

.pa-package-four {
    padding: 5% 0% 5% 15%;
}

.pa-package-four ul li {
    line-height:2;
}

ul.pa-left {
    width:45%;
    display: inline-block;
    position: relative;
    float:left;
}
ul.pa-right {
    width:45%;
    display: inline-block;
    position: relative;
    margin-left:5%;
}
h4 {
    color:#45C66D
}

.overlay-package {
    margin-top:150px;
    padding:0;
    z-index:1;
}

.overlay-package h1 {
    font-size:2.6em;
    color:#fff;
}

.overlay-package h3 {
    font-size:1.4em;
    color:#45C66D;    
}

/* Animation Features */

.myFade {
    
}

.os-animation{
  opacity: 0;
  transition: all 4s;
}

.os-animation.animated{
    opacity: 1;
}

.overlay-package {
   
}

.full-width.social-feed {
    background: #3a3a38; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #3a3a38 0%, #1d1b17 47%, #252323 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  #3a3a38 0%,#1d1b17 47%,#252323 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  #3a3a38 0%,#1d1b17 47%,#252323 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d1b17', endColorstr='#252323',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/*************************/
/* Foundation Overwrites */
/*************************/

button:focus {
    background:transparent;   
}
.pricing-table .title {
    background:#151410;
}
.pricing-table .title  h4{
    color:#45c66d;
} 
.pricing-table .cta-button {
    padding:1.25rem 1.25rem 1.5rem;
}

.tabs dd>a, .tabs .tab-title>a {
    display: block;
    background-color: #151410;
    color: #fff;
    font-family: "Lato",sans-serif;
    font-size: 1rem;
    padding: 1rem 2.46rem;
    text-align: center;
}

.tabs .tab-title.active>a {
    background-color: #151410;
    color: #45c66d;
}

ul.tabs.show-for-medium-up {
    margin-left:0%;   
}
.accordion {
    margin-top:0%;   
}

.accordion .accordion-navigation>.content, .accordion dd>.content {
    margin-top:4%;
}

.tabs dd>a:hover, .tabs .tab-title>a:hover {
    background-color: #171612;
     color: #46de75;
}
    .row {
        margin: 0 auto;
        width: 100%;
        max-width: 62.5em;
    }

button:hover, button:focus, .button:hover, .button:focus, #content dl.sub-nav dd.active a:hover, #content dl.sub-nav dd.active a:focus {
    background:transparent;
}

input[type="file"], input[type="checkbox"], input[type="radio"], select {
    margin: 0 0 1rem 0;
}

.switch {
    display: flex;
    flex-flow: row wrap;
}

.left {
    order:1;
}
.right {
    order:2;
}

.testimonial-content a {
    color:#fff;   
}
.about-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.full-width.about {
    background: #e9e9e8; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #e9e9e8 0%, #dddcda 47%, #efefef 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  #e9e9e8 0%,#dddcda 47%,#efefef 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  #e9e9e8 0%,#dddcda 47%,#efefef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e8', endColorstr='#efefef',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    padding-bottom:0px;
}
.about-content .welcome {
    padding:0 13% 50px 5%;
}
.juicer-feed h1.referral {
    display: none !important;
}
.pack-image {
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center center;
}
.solo {
    display: block;
    clear:both;
}
.success #content h2 {
    color:#45c66d;
    clear: both;
}
.success {
    padding-bottom:40px;
}
.success a {
    color:#45c66d;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

.juicer-feed.image-grid li.feed-item.words .j-text a:hover {
    color:#45c66d !important;
}
.package-type-list-radio-wrap-wrap label#ninja_forms_field_439_label {
    font-size: 1.05em!important;
    color: #45c66d!important;
}
.video-mobile-container {
    display: none;
}
ul.pricing-table li img {
    width:100%;
}
/* ================================================
 *
 * iPad Landscape Stylings
 *
 * ==============================================*/


@media only screen and (max-width: 64.062em) { 
 

    .hero .overlay {
        top:3%;
    }
    .hero .overlay h1 {
        font-size:1.6em;
    }
    .hero .overlay h3 {
        font-size:1.4em;
    }
    .btn {
        padding:12px 25px;
        font-size:0.9em;
    }
    .btn-1 {
        font-size:0.9em;
    }
    .testimonal h4 {
        font-size:1.2em;
    }
    .testimonal button {
        margin-top:4%;
    }
    .welcome {
        padding:3% 9%;
    }
    p.social {
        margin-top:15%;
        margin-right:-17%;
    }
    .active-tb {
        margin-bottom:15%;
    }
    .active-tb:hover {
        -moz-transform-property: none;
        -webkit-transform-property: none;
        -o-transform-property: none;
        transform-property: none;   
    }
    .full-width.package-type {
        padding: 9% 9% 0% 9%;
    }
    .hero.pa {
        margin-top:10%;
    }
    .overlay.pa {
        top:16%;
    }
    .pa-package {
        padding:7% 0%;
    }
    .pa-package img {
        margin:0% 14%;
    }
    
    .pa-package-info {
        padding:5% 8% 5% 0%;
    }
    
    .tabs dd>a, .tabs .tab-title>a {
        padding:1rem 1.455rem;
    }
    .welcome-image {
        padding:8% 0% 0% 8%;   
    }
    .btn-1a.rent { 
        display: block;
        margin:0 auto;
    }
    .device {
        margin:3% 0%;   
    }
    .overlay-package {
        padding-left:8%;   
    }
    .pa-package-one,.pa-package-two,.pa-package-three {
        padding:5%;
    }
    .pa-package-four {
        padding: 5% 3%    
    }
    .white-form {
        padding:0 40px 80px;
    }
    #landing-image-container {
        top:80px;
    } 
    #book {
        margin-top:140px;
    }
    #book.home-p {
        margin-top:40px;
    }
    .package-sec {
        padding-top:120px;
    }
    .package-sec .left {
        order:2;
    }
    .package-sec .right {
        order:1;
    }
    .package-sec img.small-band {
        margin-top:0;
        display: block;
        margin:0 auto;
    }
    .full-width.contact-form {
        padding: 50px;
    }
    .swiper-container-horizontal>.swiper-pagination {
        bottom:180px;
    }
    .full-width.about {
        padding-top: 80px
    }

    iframe.fillWidth{
        display: none;
    }
    .video-mobile-container {
        display: block;
        height: 500px;
        top: 0%;
        left: 0%;
        width: 100%;
        overflow: hidden;
        position: relative;
        margin-top: 50px;
        background: #fff;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover; 
    }
    .flex-video.vimeo {
        display: none;
    }
    #landing-image-container {
        height:500px;
    }
    #landing-image-container:after {
        height: 100%;
    }

}


/* ================================================
 *
 * Tablet Portrait Stylings 
 *
 * ==============================================*/

@media only screen and (max-width: 56.250em) {

    .hero .overlay {
        top:6%;
    }
    .hero .overlay h1 {
        font-size:1.4em;
    }
    .hero .overlay h3 {
        font-size:1.2em;
    }
    .overlay button {
        margin-top:2%;
    }
    .btn {
        padding:10px 15px;
        font-size:0.875em;
    }
    .welcome {
        padding:3% 9%;
    }
    p{
        font-size:0.9em;   
    }
    .testimonal h4,.marketing h4 {
        font-size:1.05em;
    }
    .rental h2 {
        font-size:1.3em;
    }
    .hero.pa {
        margin-top:10%;
    }
    .overlay.pa {
        top:9%;
    }
    .pa-package img {
        margin-left:15%;    
        width:65%;
    }
    .pa-package-info {
        padding:5% 9% 5% 0%;
    }
    .pa-package-info h2 {
        font-size:1.6em;
    }
    .pa-package-info h4 {
        font-size:1.15em;
    }
    .tabs dd>a, .tabs .tab-title>a {
        font-size:0.9em;
        padding:0.5rem 0.635rem;
    }
    .package-type h4 {
        font-size:1.3em;
    }
    .accordion .accordion-navigation>.content, .accordion dd>.content {
        margin-top: 3.5%;
    }
        .welcome-image {
        padding:8% 0% 0% 8%;   
    }
    .btn-1a.rent { 
        display: block;
        margin:0 auto;
    }
    .device {
        margin:3% 0%;   
    }
    .overlay-package {
        padding-left:8%;   
    }
    .pa-package-one,.pa-package-two,.pa-package-three {
        padding:5%;
    }
    .pa-package-four {
        padding: 5% 3%;    
    }
    
    ul.pa-left {
        width:40%;
    }
    ul.pa-right {
        width:40%;
    }
    .pa-package-one ul li.pa-package-two ul li,.pa-package-three ul li,.pa-package-four ul li {
        font-size:0.9em;   
    }
    #landing-image-container {
        top:40px;
    }
    .left {
        width:100% !important;
    }
    .right {
        width:100% !important;
    }
    .package-sec .left, .flat-sec .left  {
        order:2;
        padding-left:80px;
    }
    .package-sec .right, .flat-sec .right {
        order:1;
    }
    img.small-band,  img.small-visual {
        display: block;
        margin:0 auto;
        margin-top:40px;
    }
    img.medium-band, img.medium-corporate, img.medium-visual, img.medium-party {
        display: block;
        margin:0 auto;
        margin-top:40px;
        width:60%;
    }
    .pa-package-two {
        padding-left:80px;
    }
    
    .pa-package-three.left {
        order:2;
    }
    .pa-package-three {
        padding-left:80px;
    }
    .package-three.right {
        order:1;
    }
    img.large-band, img.ex-band, img.large-corporate, img.large-visual, img.large-party {
        display: block;
        margin:0 auto;
        margin-top:40px;
        width:60%;
    }
    .pa-package-four {
        padding-left:80px;
    }
    .overlay-package {
        margin-top:180px;
    }
    .contact-p .overlay-package {
        padding-left:0;
    }
    .footer {
        padding:4% 50px;
    }
    .video-overlay {
        top:200px;
    }
    .overlay-content {
        padding:0 100px;
    }
    .overlay-content .btn-1 {
        padding:10px 45px;
        margin-bottom:0;
    }
    .swiper-container-horizontal>.swiper-pagination {
        bottom:220px;
    }
    .testimonial-content {
        padding:0 50px;
    }
    .swiper-container-horizontal>.swiper-pagination {
        display: none;
    }
}




/* Mobile Landscape Styles */

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

    .video-mobile-container {
        height: 350px;
    }  
    .video-overlay {
        top: 100px;
    }
}

@media screen and (max-width: 420px) {
    
    .full-width.package {
        background-position: 30% 0%;   
    }

    #mobile-header {
        padding:6% 0%;   
    }
    
    img.logo-mobile {
        width:200px;   
    }
    
    #show-mobile {
        margin-top:22px;   
    }
    
    .hero .overlay h1 {
        font-size:1.8em;   
    }
    .hero .overlay h3 {
        font-size:1.1em;   
    }
    
    .hero .overlay {
        padding: 0 5%;
        top:-10%;
    }
    h2.text-center {
        margin:8% 0;   
    }
    .welcome-image {
        padding: 3% 0% 8% 0%;
    }
    .welcome {
        padding:0% 5%;   
    }
    .testimonal button, .marketing button {
        float:none;   
    }
    .full-width.testimonal {
        padding: 9% 2%; 
    }
    .btn-1a.rent { 
        display: block;
        margin:0 auto;
    }
    .device {
        margin:3% 0% 6% 0%;   
    }
    .full-width.rental {
        10% 9%;   
    }
    
    .logos {
        margin-bottom:3%;   
    }
    
    .logos img {
        width:40%;   
    }
    img.arena {
        margin-left:0%;
        margin:0 auto;
    }
    img.dcc {
        margin-left:0; 
        margin:0 auto;
    }
    img.google {
        margin:0 auto;   
    }
    .social {
        float:left;
    }
    p.social {
        float:none;   
    }
    .full-width.marketing {
        padding:9% 2%;   
    }
    
    .footer {
        padding:9% 2%;   
    }
    
    .overlay-package {
        margin-top:70px;
        padding-left:5%;
    }
    .pa-package-one,.pa-package-two,.pa-package-three {
        padding:5%;
    }
    .pa-package-four {
        padding: 5% 3%;    
    }
    
    ul.pa-left {
        width:100%;
    }
    ul.pa-right {
        width:100%;
    }
    .pa-package-one ul li.pa-package-two ul li,.pa-package-three ul li,.pa-package-four ul li {
        font-size:0.9em;   
    }
    
    img.small-band {
        margin: 5% 0%;
    }
    img.medium-band {
        margin-top:15%;
        margin-bottom:5%;
    }

    img.large-band {
        margin-top:15%;
         margin-bottom:5%;
    }

    img.ex-band {
        margin-top:15%;
         margin-bottom:5%;
    }

    img.medium-corporate {
            margin-top:15%;
         margin-bottom:5%;
    }

    img.large-corporate {
               margin-top:15%;
         margin-bottom:5%;
    }

    img.medium-party {
        margin-top:15%;
         margin-bottom:5%;
    }

    img.large-party {
        margin-top:15%;
         margin-bottom:5%;
    }

    img.small-visual {
        margin-top:15%;
         margin-bottom:5%;
    }

    img.medium-visual {
        margin-top:15%;
         margin-bottom:5%;
    }

    img.large-visual {
        margin-top:15%;
         margin-bottom:5%;
    }
    
    p.social {
        margin-right:0;
    }
    #landing-image-container {
        top: 70px;
        height: 300px;
    }
    .fillWidth {
        background-position: 80%;
    }
    #landing-image-container:after {
        padding-bottom: 82.25%;
    }
    .overlay-package h1 {
        font-size: 2em;
    }
    .overlay-package h3 {
        font-size:1.2em;
        margin-top:25px;
        padding-right:10px;
    }
    #book {
        margin-top: 95px;
    }
    .white-form {
        padding: 0 20px 80px;
    }
    .package-sec .left, .flat-sec .left {
        padding-left: 30px;
    }
    .btn-1-package {
        width:100%;
    }
    .pa-package-one, .pa-package-two, .pa-package-three {
        padding: 20px 30px;
    }
    .flex-video.widescreen {
        padding-bottom: 100.34%;
    }
    .testimonial-content {
        text-align: center;
        padding: 25px 50px;
    }
    .testimonial-content h1 {
        font-size:1.3em;
    }
    .full-width.contact-form {
        padding:50px 20px;
    }
    .video-overlay h1 {
        font-size:1.6em;
        padding-bottom:0;
    }
    .overlay-content {
        padding:0px 20px;
    }
    .video-overlay h3 {
        font-size:1.3em;
        padding-bottom:15px;
    }
    .video-overlay {
        top: 140px;
    }
    .welcome-image {
        
    }
    .welcome-image img {
        margin-left:0;
        display: block;
        text-align: center;
        margin: 0 auto;
    }
    .rental .device {
        margin: 20px 0% 50px 0%;
    }
    .rental h2 {
        font-size:1.8em;
    }
    .rental p {
        font-size:1em;
    }
    .btn-1a.rent {
        padding: 15px 65px;
        font-size:0.95em;
    }
    .testimonal .testimonial-content {
        padding:25px 10px;
    }
    .pack-image {
        min-height: 300px;
        background-size: 70%;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) and (orientation: portrait) {  
    #show-mobile {
        margin-top: 18px;
    }
    
    #landing-image-container:after {
        padding-bottom: 95.25%;
    }
    
    }