/*
Theme Name: Custom Theme For COMPLETE
Theme URI: http://itechks.com
Author: iTech Solutions
Author URI: http://www.itechks.com
Description: Custom theme for COMPLETE
*/

/* -----------------------------------------------------------
TABLE OF CONTENTS:
--------------------------------------------------------------
GENERAL SECTION
HEADER SECTION
SLIDER SECTION
VIDEO BACKGROUND SECTION
ABOUT SECTION
TEAM SECTION
PROMOS SECTION
PARALLAX SECTION
SERVICES SECTION
WORKS SECTION
REQUEST AN ESTIMATE
CONTACT SECTION
FOOTER SECTION
BLOG SECTION
--SIDEBAR SECTION
--COMMENTS SECTION
ACCOUNT SECTIONS
MEDIA QUERIES
-------------------------------------------------------------

------------------------------------------------------------*/


@font-face {
    font-family: 'Aroha';
    src: url('fonts/aroha-webfont.woff') format('woff2'),
         url('fonts/aroha-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.icon {
float:right;
}

.hidden {
display:none;
}

.ui-selectmenu-menu .ui-menu {
        max-height: 200px;
}
/*-----------------------------------------GENERAL SECTION--------------------------------------------------*/

img {
	max-width: 100%;
	height: auto;
}

body, html {
	height: 100%;
}
body {
	color: #999;
	font-size: 15pt;
	line-height: 1.2;
	background-color: #e5e5e5;
	font-family: 'Prompt', sans-serif;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
	cursor: inherit;
}
a {
	color: #d4d4d4;
	text-decoration: none;
	transition: ease .3s;
	-webkit-transition: ease .3s;
	-moz-transition: ease .3s;
	-o-transition: ease .3s;
	-ms-transition: ease .3s;
}
a:hover {
	text-decoration: none;
	color: #333;
}
a:focus {
	outline: none;
	color: #333;
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	font-family: 'Prompt', sans-serif;
	color: #7E7E7E;
	letter-spacing: 1px;
}
.dj-name {
font-size: 36px;
color: #7e7e7e;
font-family: "Prompt",sans-serif;
font-weight: bold;
letter-spacing: 1px;
}

iframe {
	border: none;
	/*width: 100%;*/
}
.videoWrapper iframe {

}

.full-width {
  width: 100%;
  display: block;
}
.content {
	background: #e5e5e5;
	padding: 60px 0 0;
	position: relative;
	z-index: 1;
}
.content-white {
	background: #fff;
	padding: 108px 0 0;
	position: relative;
	z-index: 1;
}

.photo-bg {
	background: url("../../../images/bg/photo-bg.png") no-repeat center top;
	min-height: 1100px;
}
.lighting-bg {
	background: url("../../../images/bg/lighting-bg.png") no-repeat center top;
	min-height: 1100px;
}
.dj-bg {
	background: url("../../../images/bg/dj-bg.png") no-repeat center top;
	min-height: 1100px;
}
.video-bg {
	background: url("../../../images/bg/video-bg.png") no-repeat center top;
	min-height: 1100px;
}
.photobooth-bg {
	background: url("../../../images/bg/photobooth-bg.png") no-repeat center top;
	min-height: 1100px;
}
.franchise_content_back {
clear: both;
}

div.content:first-of-type {
	padding: 108px 0 0;
}

.content-box {
	text-align: center;
}
.about-title {
	font-size: 22px;
	letter-spacing: 1px;
	line-height: 32px;
	text-align: center;
	padding: 70px 0 40px 0;
	text-transform: uppercase;
	background-color: #3CCBC7;
	margin: 0;
 	/*height: 180px;*/
}
.overlay {
	/*width: 600px;*/
	/*width: 90%;*/
	/*position: relative;
	margin: auto;*/
}

.script {
	font-size: 200px;
	color: #fff;
	font-family: 'Aroha', cursive, sans-serif;
	text-transform: none;
	opacity: 0.5;
  z-index: -10;
  margin-top: 22px;
  margin-bottom: -22px;
	text-align: center;
	font-weight: normal;
}

/*.do-good-overlay {
  font-size: 45vw;
  color: #dadada;
  top: -15vw;
  left: 5vw;
  font-family: 'Aroha', cursive, sans-serif;
  z-index: -10;
  position: absolute;
}
*/
#do-good {
	background: url("../../../images/bg/dg-bg.png") no-repeat top left;
	background-size: auto;

}

.description {
	margin: auto;
	position: relative;
	z-index: 10;
	text-align: center;
	text-transform: none;
	padding: 35px 0 5px;
	color:#0B9C97;
}

.services-icons {
	display: block;
	width: 300px;
	margin: 20px auto;
}
.services-icons img {
	padding: 5px;
}

.work-content .content-title {
	font-size: 18px;
}

.content-title {
	font-size: 25px;
	letter-spacing: 4px;
	line-height: 1;
	text-align: center;
	margin: 30px 0;
	text-transform: uppercase;
	clear:both;
	padding: 20px 0;
}
.open-text {
	font-family: 'Prompt', sans-serif;
	font-size: 15pt;
	margin: 0 0px 40px;
	text-align: left;
}
.ic-title {
	color: #4d4d4d;
	font-size: 25px;
}
.title-border {
	background: none repeat scroll 0 0 #4d4d4d;
	display: block;
	height: 3px;
	margin: auto auto 40px;
	width: 50px;
}
.spacing20 {
  overflow: hidden;
	width: 100%;
	height: 20px;
}
.spacing30 {
  overflow: hidden;
	width: 100%;
	height: 30px;
}
.spacing40 {
  overflow: hidden;
	width: 100%;
	height: 40px;
}
.clear {
	clear: both;
}

ul, ol {
	list-style-position: outside;
	list-style-type: square;
	margin: 0;
	padding: 0 0 0 20px;
}
.clearboth {
	clear: both;
}
.black-bg {
	background: #1f1f1f;
}
.grey-bg {
	background: #F0F0F0;
}
.white-bg {
  background: #fdfdfd;
}

/* Gallery Options  */
.gallery {
	text-align: center;
	margin-bottom: 20px;
}
.gallery.one-third {
	width: 33%;
	float:left;
	padding: .5%;
}
.gallery-caption {
	display:block;
}
.gallery .wp-post-image {
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	margin-bottom: 24px;
}
.gallery:hover .wp-post-image  {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.gallery a {
	color: #949494;
}

.gallery a:hover {
  color: #6d6868;
}

/* TOS close button */
.tos-wrapper .tos-close {
	border: 3px solid #b5b5b5;
}
.tos-wrapper .tos-close span:before, .tos-wrapper .tos-close span:after {
	width: 12px;
	height: 12px;
	margin-top: -5px;
}
.tos-wrapper .tos-close span:before {
	border-bottom: 4px solid white;
	border-left: 4px solid white;
}
.tos-wrapper .tos-close span:after {
	border-top: 4px solid white;
	border-right: 4px solid white;
}

/* TOS DJ */
.dj-image {
	float:right;
	padding: 0 0 20px 20px;
	width: 50%;
}

.tos-html-lightbox h3, .tos-html-lightbox span {
	font-family: 'Prompt', sans-serif;
}
.tos-html-lightbox h2 {
	margin-top: 20px;
	margin-bottom: 30px;
	text-align:center;
}

.tos-html-lightbox a.play-video-button {
    background: #999 none repeat scroll 0 0;
    border: 3px solid #d4d4d4;
    color: #fff;
    font-family: 'Prompt', sans-serif;
    margin: 20px 0;
    padding: 10px;
    text-transform: uppercase;
}

.tos-html-lightbox a.play-video-button :hover {
    background: #000;
    color: #2d2c2c;
}


/*---------------------HEADER SECTION----------------------------*/
.header {
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 999;
	/*line-height: 24px;*/
}
.menu-box {
	text-align: right;
}
.navigation {
	list-style: none outside none;
	margin: 0;
	padding: 0;
	float: right;
}
.navigation li {
	float: left;
}
.navigation li a {
	color: #ffffff;
	display: block;
	font-family: 'Prompt', sans-serif;
	font-size: 11px;
	letter-spacing: 2px;
	padding: 22px 20px;
	text-transform: uppercase;
}

.navigation .dropdown-menu {
	/*left: -1px;*/
	margin-top: 0px;
	border: none;
	border-radius: 0 0 10px 10px;
	padding-bottom: 10px;
}
.navigation .dropdown-menu li {
	float: none;
}

.navigation ul.dropdown-menu {
    background-color: rgba(0,0,0,0.75);

}
.navigation .dropdown-menu a {
    padding: 14px 20px;
}

nav ul li:hover {
	background-color: rgba(0,0,0,0.50);
}

.navigation .dropdown-menu>li>a:hover{
	background-color: rgba(0, 0, 0, 0.40);
	color: #E0E0E0;
}


.navigation .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #FFFFFF;
    text-decoration: none;
    background-color: #888888;
}
.navbar-fixed-top{
	padding: 0;
	margin: 0;
	/*padding: 20px 0;*/
	transition: all 0.5s ease-out 0s;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
	width: 100%;
	z-index:333;
	background-color: rgba(0, 0, 0, 0.50);
	border: 0;
}
.navbar-fixed-top .logo {
	padding: 16px 0;
	transition: all 0.5s ease-out 0s;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
}

.navbar-fixed-top li.dropdown {
	padding: 26px 0;
	transition: all 0.5s ease-out 0s;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
}

.shrink .navbar-fixed-top .logo {
	padding: 0 30px 0 0;
}
.shrink .navbar-fixed-top li.dropdown {
	padding: 5px 0;
}

.shrink .navbar-fixed-top {
	background: none repeat scroll 0 0 #333333;
	padding: 0 0;
	-webkit-backface-visibility: hidden;
}

.box-mobile {
	float: right;
	padding-right: 30px;
}
.mobile-menu {
	background: none repeat scroll 0 0 #333;
	display: block;
	height: 0;
	list-style: none outside none;
	margin: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	text-align: center;
	top: 100%;
	width: 100%;
	z-index: 3;
	padding: 0;
}
.mobile-menu.in {
	border: 1px solid #333;
	max-height: 480px;
	overflow-x: hidden;
	overflow-y: auto;
	height: auto;
}
.mobile-menu li a {
	display: block;
	font-size: 14px;
	padding: 8px 15px;
	text-decoration: none;
	text-transform: uppercase;
	border-top: none;
}
.menu-btn {
	border: 3px solid;
	cursor: pointer;
	border-radius: 100px;
	height: 30px;
	line-height: 24px;
	margin: 33px 0;
	text-align: center;
	width: 30px;
	z-index: 3;
	color: #d8d8d8;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
}
.logo img {
	max-height: 76px;
}


/*-------------------SLIDER SECTION----------------------------------*/
#home{position:relative;}
.home-slider .slide {
	background-position: center center;
	background-size: cover;
	height:100vh;
}
#slide-1 {
	background-image: url("../../../images/slider/wedding-slide-1.jpg");
}
#slide-2 {
	background-image: url("../../../images/slider/wedding-slide-2.jpg");
}
#slide-3 {
	background-image: url("../../../images/slider/wedding-slide-3.jpg");
}
#slide-4 {
	background-image: url("../../../images/slider/wedding-slide-4.jpg");
}
#slide-5 {
	background-image: url("../../../images/slider/wedding-slide-5.jpg");
	background-position: bottom right;
}

ul#slides {
	padding: 0;
}
ul#slides li {
	display: none;
}
ul#slides li:first-child {
    display: block;
}

.slider-mask {
	background-color: rgba(20, 20, 20, 0.1);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.caption-box {
	padding: 12% 0;
	text-align: center;
	position: relative;
	z-index: 1;
}
.sl-block {
	display: block;
	height: 406px;
	width: 100%;
}
.sub-slider {
	color: #fff;
	font-family: 'Prompt', sans-serif;
	font-size: 11px;
	letter-spacing: 9px;
	text-transform: uppercase;
}
.slider-desc {
	color: #ffffff;
	font-size: 14px;
	margin: auto;
	font-family: 'Prompt', sans-serif;}

.caption-box h3 {
	color: #eee;
	font-size: 60px;
	letter-spacing: 4px;
	margin: 10px 0 20px;
	line-height: 1;
	text-transform: uppercase;
}
.align-center {
	text-align: center;
}
.align-left {
	text-align: left;
}
.align-right {
	text-align: right;
}
#home .owl-pagination {
	height: 80px;
	margin-top: -80px;
	position: relative;
	text-align: center;
	width: 100%;
	z-index: 1;
}
#home .owl-page.active {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
	border-radius: 100px;
}
#home .owl-page span {
	background: none repeat scroll 0 0 #ffffff;
	border-radius: 100px;
	display: inline-block;
	height: 5px;
	text-align: center;
	width: 5px;
}
#home .owl-page {
	display: inline-block;
	height: 30px;
	line-height: 25px;
	margin: 2px;
	width: 30px;
}

#home .video {
	margin-top:150px;
	margin-bottom: 150px;
}
.slider-overlay-button {
	position: absolute;
	width: 320px;
	text-align: center;
	top: 55%;
	left: 50%;
	margin-left: -160px;
	transform: translateY(-45%);
	z-index: 100;
}
.slider .slide {
	display: none;
}
.slider .slide:first-child {
	display: block;
}
.sl-btn {
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	display: inline-block;
	font-family: 'Prompt', sans-serif;
	font-size: 13px;
	letter-spacing: 4px;
	line-height: 1;
	margin-top: 50px;
	padding: 15px 30px;
	text-transform: uppercase;
	border: solid 5px #fff;

	/*border-top: 5px solid #7B3FD2;
	border-bottom:5px solid #1E39D0;
	background-image:
        linear-gradient(#7B3FD2, #1E39D0),
        linear-gradient(#7B3FD2, #1E39D0)
    ;
    background-size:5px 100%;
    background-position:0 0, 100% 0;
    background-repeat:no-repeat;*/
}

/*.sl-btn:hover {
	color: #d4d4d4;
	border-color: transparent;
	background: transparent;
}
*/



/*-----------------------------ABOUT SECTION-----------------------------------*/
.about-img {
	position: relative;
}
.about-desc {
	background: none repeat scroll 0 0 #ffffff;
	height: 101%;
	padding: 40px;
	position: absolute;
	right: 0;
	text-align: left;
	bottom:0;
	top: 0;
	overflow: auto;
	width: 40%;
}
.about-desc > h3 {
	display: inline-block;
	font-size: 20px;
	line-height: 1;
	margin: 10px 0 20px;
}
.about-img .fa {
	color: #4d4d4d;
	display: inline-block;
	font-size: 25px;
	margin-right: 10px;
}
about-desc p {
	display: inline-block;
}
/*-----------------------------TEAM SECTION-----------------------------------*/

#team .container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#team {
	background-color: #3CCBC7;
}
#team .content-title {
color: #fff;
}

#team .open-text {
color: #fff;
}

.team-box {
	overflow: hidden;
	padding: 0;
	margin-bottom: 40px;
	position: relative;
}
.team-desc {
	bottom: 0;
	left: 0;
	height: 100%;
	position: absolute;
	text-align: left;
	z-index: 1;
	width: 100%;
	transition: ease .8s;
	-webkit-transition: ease .8s;
	-moz-transition: ease .8s;
	-o-transition: ease .8s;
	-ms-transition: ease .8s;
}
.team-desc:hover {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
}
.team-caption {
	bottom: 30px;
	left: 30px;
	position: absolute;
	z-index: 2;
}
.team-caption > h3 {
	color: #ffffff;
	font-size: 28px;
	margin: 0;
}
.team-caption > p {
	color: #ffffff;
	font-style: italic;
}
.team-social {
	display: block;
	left: 0;
	list-style: outside none none;
	margin: 0;
	padding: 0;
	margin-top: -15px;
	position: absolute;
	text-align: center;
	top: -100px;
	width: 100%;
	opacity: 0;
	transition: ease .4s;
	-webkit-transition: ease .4s;
	-moz-transition: ease .4s;
	-o-transition: ease .4s;
	-ms-transition: ease .4s;
}
.team-box:hover .team-social {
	top: 50%;
	opacity: 1;
}
.team-social li {
	display: inline-block;
}
.team-social li a {
	background: none repeat scroll 0 0 #4d4d4d;
	border: transparent;
	border-radius: 100px;
	color: #ffffff;
	display: inline-block;
	font-size: 15px;
	height: 40px;
	line-height: 36px;
	margin: 0 2px;
	width: 40px;
}
.team-social li a:hover {
	background: transparent;
	color: #fff;
	border-color: transparent;
}



/*-----------------------------PROMOS and PACKAGES SECTION-----------------------------------*/

#promos, #package {
background: #F0F0F0;
}

#package {
	background: #4D52D4;
}
#package h3.content-title {
	color: #fff;
}

#package .open-text {
	color: #fff;
}
.promotions {
	text-align:center;
	word-break: break-all;
	width: 100%;
	display: inline-block;
	word-break: break-word;
}
.promotions img {
	padding: 0 10px;
}




/*-----------------------------PARALLAX SECTION-----------------------------------*/
.bg {
	overflow: hidden;
	position: relative;
}
.bg-mask {
	background-color: rgba(0, 0, 0, 0.8);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}
.para-img {
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}
.no-para .para-img {
	background-attachment: scroll;
}
.para-box h3 {
	color: #4d4d4d;
	font-size: 19px;
	font-style: italic;
	font-weight: normal;
	margin: 20px 0 40px;
}
.para-box {
	padding-bottom: 90px;
	padding-top: 90px;
	position: relative;
	text-align: center;
	z-index: 1;
}
.para-box p {
	color: #aaaaaa;
	font-family: 'Prompt', sans-serif;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 2px;
	/*text-transform: uppercase;*/
}
.bg2 .para-box p, .bg2 .para-box {
  color: #FFF;
}
.para-box i {
	background: none repeat scroll 0 0 #4d4d4d;
	border-radius: 100px;
	color: #eee;
	font-size: 24px;
	height: 50px;
	line-height: 50px;
	margin-bottom: 20px;
	width: 50px;
}
.para-border {
	background: none repeat scroll 0 0 #ffffff;
	display: inline-block;
	height: 2px;
	opacity: 0.2;
	width: 20px;
}
/*parallax image background setting here*/
.bg1 .para-img {
	background-image: url("../../../images/bg/1.jpg");
}
.bg2 .para-img {
	background-image: url("../../../images/bg/pink-bg.jpg");
}
.bg3 .para-img {
	background-image: url("../../../images/bg/blue-bg.jpg");
}
.bg4 .para-img {
	background-image: url("../../../images/bg/packages-bg.jpg");
}

/* Listen 360 Reviews */
/* Hide the reviews so the JQuery can selectively display them.*/
.reviews {
  min-height: 140px;
}
.reviews .public-review {
	display: none;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}


/*-----------------------------SERVICES SECTION-----------------------------------*/
.services-list h4 {
	font-family: 'Prompt', sans-serif;
	margin: 30px 0 30px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.services-icon {
	background: none repeat scroll 0 0 #4d4d4d;
	color: #ffffff;
	font-size: 40px;
	height: 100%;
	left: 0;
	line-height: 200px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
	transition: ease .4s;
	-webkit-transition: ease .4s;
	-moz-transition: ease .4s;
	-o-transition: ease .4s;
	-ms-transition: ease .4s;
}
.services-box:hover .services-icon {
	background: rgba(0,0,0,0.2);
}
.anim-box {
	margin: auto auto 40px;
	max-width: 200px;
	position: relative;
}
/*--pricing table--*/
.pricing-table {
	border: 1px solid #eee;
	margin: auto auto 40px;
	max-width: 300px;
	background: #fff;
}
.pricing-table > h3 {
	color: #333333;
	font-family: 'Prompt', sans-serif;
	font-size: 20px;
	margin: 0 0 -40px;
	padding: 20px 20px 60px;
	text-transform: uppercase;
}
.price-icon {
	background: none repeat scroll 0 0 #4d4d4d;
	color: #ffffff;
	display: inline-block;
	font-size: 25px;
	height: 80px;
	line-height: 80px;
	margin-bottom: 30px;
	width: 80px;
}
.pricing-table .price {
	font-style: italic;
	font-size: 16px;
}
.pricing-btn {
	background: none repeat scroll 0 0 #333333;
	color: #ffffff;
	display: inline-block;
	font-family: 'Prompt', sans-serif;
	font-size: 13px;
	letter-spacing: 2px;
	line-height: 1;
	margin-bottom: 40px;
	padding: 15px 30px;
	text-transform: uppercase;
}
.pricing-btn:hover {
	background: none repeat scroll 0 0 #4d4d4d;
	color: #fff;
}
.special .pricing-btn {
	background: none repeat scroll 0 0 #4d4d4d;
}
.special .pricing-btn:hover {
	background: none repeat scroll 0 0 #333333;
}


.cbp-l-filters-text .cbp-filter-item {

    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    letter-spacing: 2px;
    line-height: 1;
    margin: 10px 0;
    overflow: visible;
    padding: 15px 30px;
    position: relative;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out 0s;

	border-top: 5px solid #c03fd2;
  border-bottom: 5px solid #7B3FD2;
  background-image: linear-gradient(#c03fd2, #7B3FD2), linear-gradient(#c03fd2, #7B3FD2);
  background-size: 5px 100%;
  background-position: 0 0, 100% 0;
  background-repeat: no-repeat;
}
.cbp-l-filters-text .cbp-filter-item a {
color: #333;
}


/*.cbp-l-filters-text .cbp-filter-item {
    background: #999 none repeat scroll 0 0;
    border: 3px solid #d4d4d4;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    letter-spacing: 2px;
    line-height: 1;
    margin: 10px 0;
    overflow: visible;
    padding: 15px 30px;
    position: relative;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out 0s;
}*/
.cbp-l-filters-text {
    color: #dadada;
    font: 400 12px/21px "Lato",sans-serif;
    margin-bottom: 30px;
    padding: 0 15px;
    text-align: center;
}
.cbp, .cbp *, .cbp *::after, .cbp::after, .cbp-l-filters-alignCenter, .cbp-l-filters-alignCenter *, .cbp-l-filters-alignCenter .cbp-filter-counter::after, .cbp-l-filters-alignLeft, .cbp-l-filters-alignLeft *, .cbp-l-filters-alignRight, .cbp-l-filters-alignRight *, .cbp-l-filters-alignRight .cbp-filter-counter::after, .cbp-l-filters-button, .cbp-l-filters-button *, .cbp-l-filters-button .cbp-filter-counter::after, .cbp-l-filters-buttonCenter, .cbp-l-filters-buttonCenter *, .cbp-l-filters-buttonCenter .cbp-filter-counter::after, .cbp-l-filters-dropdown, .cbp-l-filters-dropdown *, .cbp-l-filters-dropdownHeader::after, .cbp-l-filters-list, .cbp-l-filters-list *, .cbp-l-filters-work, .cbp-l-filters-work *, .cbp-l-filters-big, .cbp-l-filters-big *, .cbp-l-filters-text, .cbp-l-filters-text *, .cbp-l-filters-text .cbp-filter-counter::after, .cbp-l-filters-underline, .cbp-l-filters-underline *, .cbp-popup-wrap, .cbp-popup-wrap *, .cbp-popup-wrap::before, .cbp-popup-loadingBox::after, .cbp-l-loadMore-bgbutton, .cbp-l-loadMore-bgbutton *, .cbp-l-loadMore-button, .cbp-l-loadMore-button *, .cbp-l-loadMore-text, .cbp-l-loadMore-text *, .cbp-search, .cbp-search *, .cbp-search-icon::after {
    box-sizing: border-box;
}

/*-----------------------------WORKS SECTION-----------------------------------*/
.port-ajax {
	background: none repeat scroll 0 0 #000;
	position: relative;
	text-align: left;
	display: block;
}
.vendor-ajax .port-caption {
background: none;
}

.vendor-ajax .port-caption {
	padding: 10px;
	position: relative;
	border-top: 5px solid #7B3FD2;
	border-bottom:5px solid #1E39D0;
	background-image:
        linear-gradient(#7B3FD2, #1E39D0),
        linear-gradient(#7B3FD2, #1E39D0)
    ;
    background-size:5px 100%;
    background-position:0 0, 100% 0;
    background-repeat:no-repeat;
}

.vendor-ajax  .port-caption {
	padding: 10px;
	position: relative;
	border-top: 5px solid #7B3FD2;
	border-bottom:5px solid #1E39D0;
  min-height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.the-vendors {
  display:none;
  text-align: center;
  word-wrap: break-word;
}
.the-vendors-flex-wrapper {
  display:flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
}

.the-vendors .gallery.one-third {
    border-top: 5px solid #7B3FD2;
    border-bottom: 5px solid #1E39D0;
    background-image: linear-gradient(#7B3FD2, #1E39D0), linear-gradient(#7B3FD2, #1E39D0);
    background-size: 5px 100%;
    background-position: 0 0, 100% 0;
    background-repeat: no-repeat;
    margin: 10px;
    width: 30%;
}
.the-vendors .open-text {
  margin: 0;
  padding: 0;
}
.the-vendors-flex-wrapper h3 {
  background-color: #3ccbc7;
  margin: 10px 10px;
  color: #FFF;
  padding: 10px;
}
.the-vendors ul {
    list-style: none;
}
.the-vendors li {
    text-align: center;
    font-size: 18px;
    margin-bottom: 10px;
}
.main-services .port-caption .icon {
    margin-right: -20px;
}
.main-services .port-caption {
	padding: 20px 20px 10px;
  overflow: hidden;
}
.port-caption {
	padding: 20px;
	position: relative;
	background: #fff;
}
.port-caption.active {
    /*background-color: rgba(31, 44, 115, 0.83);*/
    border-top: 5px solid #1E39D0;
    border-bottom: 5px solid #7B3FD2;
    background-image: linear-gradient(#1E39D0, #7B3FD2),  linear-gradient(#1E39D0, #7B3FD2);
}


.port-ajax img {
	opacity: 2;
	transition: ease .4s;
	-webkit-transition: ease .4s;
	-moz-transition: ease .4s;
	-o-transition: ease .4s;
	-ms-transition: ease .4s;
}
/*.port-ajax:hover img {
	opacity: 0.3;
}
*/
.port-caption > h3 {
	color: #000;
	font-family: 'Prompt', sans-serif;
	font-size: 14px;
	font-weight: ;
	letter-spacing: 2px;
	margin: 5px 0;
	padding-right: 0px;
	text-transform: uppercase;

}
/*.port-caption > h3 {
	color: #713CC8;
	font-family: 'Prompt', sans-serif;
	font-size: 14px;
	font-weight: ;
	letter-spacing: 2px;
	padding: 0px;
	text-transform: uppercase;
	margin: 0;

}*/

.port-client {
	color: ;
	font-style: italic;
}
.port-cat {
	color: #999;
	font-family: 'Prompt', sans-serif;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 2px;
	margin: 0;
	padding-right: 10px;
	text-transform: uppercase;
}
.icon-port {
	background: none repeat scroll 0 0 #4d4d4d;
	border-radius: 100px;
	bottom: 50%;
	color: #ffffff;
	font-size: 1px;
	height: 30px;
	line-height: 30px;
	margin-bottom: -15px;
	position: absolute;
	right: 20px;
	text-align: center;
	width: 30px;
}
.port-top {
	position: relative;
}
.services-image-inner {
	display: block;
  height: 0;
  padding-top: 150%;
}
.services-image {
	width: 100%;
  display: inline-block;
  vertical-align: middle;
  font: 0/0 serif;
  text-shadow: none;
  color: transparent;
  background-size: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;

}
.port-hov {
	left: 0;
	margin-top: -19px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 100%;
	opacity: 0;
	transition: ease .4s;
	-webkit-transition: ease .4s;
	-moz-transition: ease .4s;
	-o-transition: ease .4s;
	-ms-transition: ease .4s;
}
.port-ajax:hover .port-hov {
	opacity: 1;
}
.port-hov > span {
	background: none repeat scroll 0 0 #;
	color: #ffffff;
	font-family: 'Prompt', sans-serif;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 3px;
	padding: 12px 20px;
	text-transform: uppercase;
}
.port-item {
	margin-bottom: 30px;
}
.port-filter {
	display: inline-block;
	list-style: outside none none;
	margin: 0 0 40px;
	padding: 0;
}
.port-filter li {
	display: inline-block;
}
.port-filter li a {
	background: none repeat scroll 0 0 #999;
	border: 3px solid #d4d4d4;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	letter-spacing: 2px;
	line-height: 1;
	margin-top: 10px;
	padding: 15px 30px;
	text-transform: uppercase;
}
.port-filter li .active, .port-filter li a:hover {
	color: #ccc;
	border-color: transparent;
	background: transparent;
}
.port-attr p {
	display: inline-block;
	font-family: 'Prompt', sans-serif;
	margin: 0 10px 40px;
	font-size: 14px;
}
.slide-nav.inright {
	left: auto;
	right: 10px;
}
.slide-nav {
	background: none repeat scroll 0 0 #d4d4d4;
	border: 3px solid #d4d4d4;
	border-radius: 100px;
	color: #ffffff;
	font-size: 15px;
	height: 40px;
	left: 10px;
	line-height: 34px;
	margin-top: -20px;
	position: absolute;
	text-align: center;
	top: 50%;
	transition: ease .4s;
	-webkit-transition: ease .4s;
	-moz-transition: ease .4s;
	-o-transition: ease .4s;
	-ms-transition: ease .4s;
	width: 40px;
}
.slide-nav:hover {
	background: transparent;
	border-color: #fff;
}
.the-vendors .close, .work-content .close {
	border: 3px solid;
	display: inline-block;
	float: none;
	height: 30px;
	line-height: 24px;
	width: 30px;
	letter-spacing: normal;
}
.go-btn {
	color: #7C38D3;
	display: inline-block;
	font-family: 'Prompt', sans-serif;
	font-size: 13px;
	letter-spacing: 4px;
	line-height: 1;
	margin-top: 50px;
	padding: 15px 30px;
	text-transform: uppercase;

	border-top: 5px solid #7B3FD2;
	border-bottom:5px solid #1E39D0;
	background-image:
        linear-gradient(#7B3FD2, #1E39D0),
        linear-gradient(#7B3FD2, #1E39D0)
    ;
    background-size:5px 100%;
    background-position:0 0, 100% 0;
    background-repeat:no-repeat;
}
.est-btn {
	color: #fff;
	display: inline-block;
	font-family: 'Prompt', sans-serif;
	font-size: 13px;
	letter-spacing: 4px;
	line-height: 1;
	margin-top: 50px;
	padding: 15px 30px;
	text-transform: uppercase;

	border-top: 5px solid #E72EDC;
	border-bottom:5px solid #1E39D0;
	background-image:
        linear-gradient(#E72EDC, #1E39D0),
        linear-gradient(#E72EDC, #1E39D0)
    ;
    background-size:5px 100%;
    background-position:0 0, 100% 0;
    background-repeat:no-repeat;
}

.learn-btn{
	color: #901ed0;
	display: inline-block;
	font-family: 'Prompt', sans-serif;
	font-size: 16px;
	letter-spacing: 4px;
	line-height: 1;
	margin-top: 50px;
  padding: 10px 20px;
  text-align: center;
  text-transform: uppercase;
	border-top: 5px solid #E72EDC;
	border-bottom:5px solid #901ed0;
	background-image:
        linear-gradient(#E72EDC, #901ed0),
        linear-gradient(#E72EDC, #901ed0)
    ;
    background-size:5px 100%;
    background-position:0 0, 100% 0;
    background-repeat:no-repeat;

}
.go-btn.close {
	background: none repeat scroll 0 0 #999;
	border: 3px solid #d4d4d4;
	color: #fff;
	display: inline-block;
	font-family: 'Prompt', sans-serif;
	font-size: 13px;
	letter-spacing: 4px;
	line-height: 1;
	margin-top: 50px;
	padding: 15px 30px;
	text-transform: uppercase;
	width: auto;
	height: auto;
	opacity: 100;
}
/*.go-btn:hover {
	color: #333;
	border-color: transparent;
	background: transparent;
}*/
.portfolio-gallery div {
	width: 33.3%;
	float: left;
}
.portfolio-gallery a {
	position: relative;
	display: block;
}
.portfolio-gallery a span {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 100%;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
}
.portfolio-gallery a i, #js-grid-services a i {
	opacity: 0;
	color: #fff;
	display: block;
	font-size: 15px;
	height: 40px;
	left: 50%;
	line-height: 40px;
	margin-left: -20px;
	margin-top: -20px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 40px;
	background: none repeat scroll 0 0 #4d4d4d;
	border-radius: 100px;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	-ms-transition: .5s;
}
.portfolio-gallery a:hover span, .portfolio-gallery a:hover i {
	opacity: 1;
}
a.pp_previous, a.pp_next {
	transition: none;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
}

/*-----------------------------REQUEST AN ESTIMATE --------------------------------*/
#request-an-estimate {
/*background: #1039D3;*/
}
#request-an-estimate .content-title {
color:#fff;
}

.address-list > li {
	display: inline-block;
	margin: 0 10px;
	color: #FFF;
}
.address-list {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}
.address-list i {
	background: none repeat scroll 0 0 #FFF;
	border-radius: 100px;
	color: #1039d3;
	font-size: 15px;
	height: 30px;
	line-height: 30px;
	right: 20px;
	text-align: center;
	width: 30px;
}
.address-list a{
	color:#FFF;
}
.address-list a:hover{
	color:#d3dbf9;
}

/* Home page sending request */
.tos-html .content-white {
  padding: 0;
}
@keyframes blink {
    /**
     * At the start of the animation the dot
     * has an opacity of .2
     */
    0% {
      opacity: .2;
    }
    /**
     * At 20% the dot is fully visible and
     * then fades out slowly
     */
    20% {
      opacity: 1;
    }
    /**
     * Until it reaches an opacity of .2 and
     * the animation can start again
     */
    100% {
      opacity: .2;
    }
}

.please-wait-loading span {

    font-size: 110px;
    /**
     * Use the blink animation, which is defined above
     */
    animation-name: blink;
    /**
     * The animation should take 1.4 seconds
     */
    animation-duration: 1.4s;
    /**
     * It will repeat itself forever
     */
    animation-iteration-count: infinite;
    /**
     * This makes sure that the starting style (opacity: .2)
     * of the animation is applied before the animation starts.
     * Otherwise we would see a short flash or would have
     * to set the default styling of the dots to the same
     * as the animation. Same applies for the ending styles.
     */
    animation-fill-mode: both;
}

.please-wait-loading span:nth-child(2) {
    /**
     * Starts the animation of the third dot
     * with a delay of .2s, otherwise all dots
     * would animate at the same time
     */
    animation-delay: .2s;
}

.please-wait-loading span:nth-child(3) {
    /**
     * Starts the animation of the third dot
     * with a delay of .4s, otherwise all dots
     * would animate at the same time
     */
    animation-delay: .4s;
}
/* Thank you page */

#thank-you-response {
  position:relative;
  background-color: #FFF;
  padding-top: 50px;
}
.thanks-button {
  color: #FFF;
  background-color: #000;
  width: auto;
  margin: 0 auto 0 30px;
  padding: 10px;
  font-size: 18px;
}

#thank-you-response .wireframe, .learn-more .wireframe {
  min-height: 105px;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: center;

}
#wireframe1 {
  background: url("../../../images/how-it-works/wireframe-1.png");
  background-repeat: no-repeat;
}
#wireframe2 {
  background: url("../../../images/how-it-works/wireframe-2.png");
  background-repeat: no-repeat;
}
#wireframe3 {
  background: url("../../../images/how-it-works/wireframe-3.png");
  background-repeat: no-repeat;
}
#wireframe4 {
  background: url("../../../images/how-it-works/wireframe-4.png");
  background-repeat: no-repeat;

}
#thank-you-response img {
  float:left;
}
.thank-you-button {
  text-align: right;
}

#thank-you-response h1, #thank-you-response p {
  text-align: left;
  font-family: 'Prompt', sans-serif;
  font-weight: 300;

}
#thank-you-response h1 {
  color: #000;
}
#thank-you-response p {
  color: #969696;
  padding-right: 50%;
}

#thank-you-response .thank-you-check-spam {
  background-color: #3CCBC7;
  padding: 20px 0 10px;
}
#thank-you-response .thank-you-check-spam p {
  color: #FFF;
  text-align: center;
  padding: 0;
}
#thank-you-response .franchise_content_back {
  padding: 0 30px;
  background: url("../../../images/how-it-works/thanks.png");
  background-repeat: no-repeat;
  background-size: contain;
}

/* Schedule appointment on Thank You page */
.ui-widget {
  font-family: 'Prompt', sans-serif;
  font-size: 13px;
}

.ui-selectmenu-menu.ui-front.ui-selectmenu-open {
  z-index: 9999;
}
#schedule-appt-form {
  display:none;
  overflow:hidden;
  background: #901ed0;
  padding: 16px;
  color: #FFF;
  margin-top: 50px;
  float: left;
  width: 100%;
}

#schedule-appt-form div {
  text-align: center;
  padding-top: 6px;
  padding-bottom: 6px;
}
#schedule-appt-form input {
  padding: 8px 20px;
  color: black;
  background: #f5f5f5;
  text-align: center;
}
#schedule-appt-form .appt-calendar {
  padding-top: 15px;
}
#appt-time-button {
  padding: 9px 16px;
}
#schedule-appt-form p {
  color: #FFF;
  padding-right: 0;
}
/* Learn More Page */
.learn-more .wireframe .learn-btn {
  margin: 0 auto 0 30px;
  min-height: 66px;
  display: flex;
  align-items: center;
}
.learn-more .wireframe .learn-btn a {
  color: #901ed0;
}
.learn-more-numbers {
  display: inline-block;
  width: 10%;
  min-width:65px;
}

.learn-more-numbers .learn-btn {
  margin-top: 15px;
  font-size: 30px;
  letter-spacing: 0;
  font-weight: 700;
  width: 55px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.learn-more-content {
  display: inline-block;
  width: 88%;
}
.learn-more-sections {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin: 35px 0;
}
#lets-throw-party {
  background: url("../../../images/how-it-works/lets-throw-party.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 60%;
  padding-bottom: 130px;
}
#lets-connect {
  width: 66%;
  padding-left: 10%;
  background: url("../../../images/how-it-works/wireframe-1-large.png");
  background-repeat: no-repeat;
  background-size: auto;
  min-height: 300px;
  background-position: 10% 0%;
}
#reserve-date-img {
  width: 66%;
  float:right;
  text-align: right;
}
#reserve-date {
  width: 66%;
  float:right;
  padding-right: 26%;
  background: url("../../../images/how-it-works/wireframe-2-large.png");
  background-repeat: no-repeat;
  background-size: auto;
  min-height: 300px;
  background-position: 55% 0%;
}
#lets-plan {
  width: 66%;
  padding-left: 10%;
  background: url("../../../images/how-it-works/wireframe-3-large.png");
  background-repeat: no-repeat;
  background-size: auto;
  min-height: 300px;
  background-position: 10% 0%;
}
#lets-celebrate {
  width: 66%;
  float: right;
  padding-left: 10%;
  background: url("../../../images/how-it-works/wireframe-4-large.png");
  background-repeat: no-repeat;
  background-size: auto;
  min-height: 300px;
  background-position: 10% 0%;
}
#have-fun {
  width: 100%;
  position: relative;
}
#have-fun h2 {
  color: #FFF;
  display: block;
  padding: 10px;
  left: 45%;
  bottom: 10px;
  position: absolute;
  background: rgba(0, 0, 0, 0.75);
}
.learn-more h1 {
  text-align: left;
  font-weight: 300;
}

.learn-more p {
  text-align: left;
  font-weight: 300;
}
/*-----------------------------CONTACT SECTION----------------------------------*/
#map_canvas {
	height: 500px;
}
#map_address .address-list > li {
	display: inline-block;
	margin: 0 10px;
	color: #7e7e7e;
}
#map_address .address-list {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}
#map_address .address-list i {
	background: none repeat scroll 0 0 #FFF;
	border-radius: 100px;
	color: #7e7e7e;
	font-size: 15px;
	height: 30px;
	line-height: 30px;
	right: 20px;
	text-align: center;
	width: 30px;
}
#map_address .address-list a{
	color: #7e7e7e;
}
#map_address .address-list a:hover{
	color:#d3dbf9;
}
form input, form textarea {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #ddd;
	color: #888;
	line-height: inherit;
	padding: 12px 20px;
	width: 100%;
	font-size: 14px;
	background: #ccc;
}
form input[type="password"] {
  font-size: 26px;
  padding: 6px 20px;
  letter-spacing: 0.2em;
}
#MyContactForm {
	text-align: left;
}
#MyContactForm p span {
	display: block;
	letter-spacing: 2px;
	text-transform: uppercase;
}
input:focus, textarea:focus {
	border-color: #aaa;
}
::-webkit-input-placeholder {
 color: #999;
}
#MyContactForm p label {
	cursor: text;
	display: block;
	margin: 0;
	position: relative;
	top: 0;
	width: 100%;
}
:-moz-placeholder { /* Firefox 18- */
 color: #999;
}

::-moz-placeholder {  /* Firefox 19+ */
 color: #999;
}

:-ms-input-placeholder {
 color: #999;
}
#form-wrapper #MyContactForm .error {
	bottom: 12px;
	color: #999;
	font-family: 'Prompt', sans-serif;
	font-size: 12px;
	font-weight: normal;
	left: auto;
	font-style: italic;
	letter-spacing: 0;
	position: absolute;
	right: 20px;
	text-transform: capitalize;
	width: auto;
}
.contact-btn {
	background: none repeat scroll 0 0 #ccc;
	color: #aaa;
	display: inline-block;
	font-family: 'Prompt', sans-serif;
	font-size: 13px;
	letter-spacing: 4px;
	padding: 15px 30px;
	text-decoration: none;
	text-transform: uppercase;
}
.contact-btn:hover, .contact-btn:focus {
	background: #eee;
	color: #999;
}
#MyContactForm p {
	position: relative;
}
.response h3 {
	margin: 10px 0 25px;
}

/* Homepage request an estimate */
#form-inner label {
	display:inline-block;
	text-align: left;
	padding-top: 20px;
	color: #FFF;
	font-family: 'Prompt', sans-serif;
	font-weight: 400;
}
#form-inner .form-half-left {
	display: block;
	width:48%;
	float: left;
	text-align: left;
}

#form-inner .form-half-right {
	display: block;
	width:48%;
	float: right;
	text-align: left;
}

#form-inner .form-full-center {
	width:100%;
	display:block;
	text-align: center;
	float: left;
}
#form-inner .form-full-center label {
	text-align: center;
}
#form-inner .phone3{
	width: 70px;
}
#form-inner .phone4{
	width: 90px;
}

#form-inner input {
  background:#FFF;
}


.select-style {
    border: 1px solid #ccc;
    overflow: hidden;
    background: #fafafa;
}

.select-style select {
    padding: 12px 22px;
    font-size: 15px;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
}

.select-style select:focus {
    outline: none;
}

.select-style .ui-selectmenu-button.ui-button {
  width: 100%;
  border:none;
}
#form-inner .form-error-message {
  /*width: 100%;
  float: left;
  padding: 6px 0 0;*/
}
#form-inner span.error,
#form-inner div.error  {
	color: #ff6666;
  text-shadow: 2px 2px 5px #000;
  margin-top: 6px;
  display: inline-block;
  /*background-color: rgba(28, 42, 142, 0.55);*/
  padding: 6px 10px;
}
#form-inner input[type=checkbox]{
	width: 22px;
	margin-bottom: 4px;
}
#form-inner select {
	width: 100%;
}

#form-inner .checkbox-label {
	display: inline;
	padding-top:0;
}

#form-inner .stretch-checkboxes {
    display: flex;
    justify-content: space-between;
}

#form-inner .request-form-checks label {
    font-weight: 600;
    letter-spacing: 2px;
}
#form-inner .request-form-checks {
  text-align: left;
}

#form-inner ul {
	list-style-type:none;
	text-align:left;
}

#form-inner #btnSubmit, .btnSubmit {
  border: none;
  border-top: 5px solid #c03fd2;
  border-bottom: 5px solid #7B3FD2;
  background-image: linear-gradient(#c03fd2, #7B3FD2), linear-gradient(#c03fd2, #7B3FD2);
  color: #fff;
  background-color: #1039d3;
  background-size: 5px 100%;
  background-position: 0 0, 100% 0;
  background-repeat: no-repeat;
  padding: 8px 20px;
  font-family: 'Prompt', sans-serif;
  width: auto;
  font-size: 18px;
  letter-spacing: 2px;
  cursor: pointer;
  margin-top: 20px;
}

#form-inner input#btnSubmit:hover {
    /* color: blue !important; */
    background-color: rgba(0, 0, 0, 0.46);
}
.request-form-checks .newsslc {
    opacity: 0;
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;

}

.request-form-checks .checkbox-label {
    position: relative;
}

.request-form-checks .newsslc + .checkbox-label:before {
    content: '';
    background: #1039d3;
    border: 3px solid #fff;
    display: inline-block;
    vertical-align: middle;
    width: 23px;
    height: 24px;
    padding: 3px;
    margin-right: 10px;
    text-align: center;
    margin-top: -3px;
}

.request-form-checks .newsslc:checked + .checkbox-label:before {
  content: "\f00c";
  font-family: 'FontAwesome';
  background: #0d2994;
  color: #ffffff;
  font-size: 12px;
}

.request-form-checks span {
  display: block;
  margin-bottom: 15px;
  margin-left: 2px;
}

.request-form-checks span:last-child {
    margin-right: 0;
}
#ui-datepicker-div.ui-datepicker {
	width:218px;
	font-family: 'Prompt', sans-serif;
	font-size: 16px;
	padding:0;

}

#ui-datepicker-div .ui-datepicker-header {
	color: #4d4d4d;
	text-shadow:none;
}



/*-----------------------------FOOTER SECTION-----------------------------------*/
.footer {
	background: none repeat scroll 0 0 #ccc;
	padding: 40px 0;
}
.footer p {
	color: #ffffff;
	font-size: 13px;
	margin: 0;
}
.nav-footer {
	list-style: outside none none;
	margin: 0;
	padding: 0;
	text-align: left;
}
.nav-footer > li {
	display: inline-block;

}

.nav-footer a {
	color: #828282;
	display: inline-block;
	font-size: 10pt;
}
.soc-footer {

}
.soc-footer > li {
	display: inline-block;
}
.soc-footer a {

	border-radius: 30px;
	color: #ffffff;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	text-align: center;
	width: 30px;

    background: #7C38D3; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#7C38D3, #0F38D1); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#7C38D3, #0F38D1); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#7C38D3, #0F38D1); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#7C38D3, #0F38D1); /* Standard syntax */


}
.soc-footer a:hover {
	background: #eee;
}
/* ------------------*/
/* ACCOUNT SECTIONS */
/* -----------------*/

/* 10/31/2016 - Hide the available services - uncomment to show these sections */
#available-services-cart {
  display:none;
}
#available-services .service-package-discount {
  display:none;
}

#available-services .description-box-items {
  margin: 20px;
}

#available-services .pre-selected {
  display:none;
}

/* hide the remove button */
#available-services .remove-pending {
  display:none;
}
#available-services .service-discount-price,
#available-services .service-package-discount-price  {
  display: none;
}

#available-services .service-package-discount-desc,
#available-services .buttons {
  display:none;
}

.cart .service-package-discount-price {
  float:right;
}
.align-right input {
  text-align: right;
}

/* Labels with errors */
label.error {
  color: #bb0000;
  padding: 5px 0 0;
}
/* Hide the cart messages but show if the cart is set to empty */
.empty-services {
  display:none;
}
.empty .empty-services {
  display:block;
}
.empty form {
  display: none;
}

#partial-payment {
  display:none;
  overflow: hidden;
  padding: 10px 0 0;
}
#pay-deposit-box .item-value label {
  font-weight: normal;
}
#pay-deposit-box a {
  font-size: 0.7em;
}
#pay-deposit-box .hidden-button {
  display:none;
}
.show-partial-payment {
  font-size: 0.8em;
  padding: 0 0 10px;
}
.show-partial-payment:hover {
 cursor:pointer;
}
.description-box {
  margin-bottom: 20px;
}
.description-box .item-error {
  font-weight: 700;
  color: #f95ca2;
  display: none;
}

.description-box-items .item-description,
.description-box-items .item-value,
.login-box .description-box-items > div {
  margin: 5px 0 10px;
  overflow:hidden;
}
.description-box .clear {
  margin: 0;
}
.description-box p {
  margin: 0;
}
.description-box-inner {
  border: 2px solid #bbbbbb;
  overflow: hidden;
}
.login-box .description-box-inner {
  background-color: #fdfdfd;
  padding: 10px 10px 0;
}
.login-box form input {
  background: #eaeaea;
}
.login-box .btnSubmit {
  margin-top: 0;
}
.login-box ul {
  padding-left: 45px;
}
.login-box ul li {
    padding: 5px 0;
}
.login-notice {
  color: #c34c4c;
  font-size: 0.9em;
}
.description-box-title {
  margin: 10px;
  background-color: #e0e0e0;
  text-align: center;
}
.description-box-title h2 {
  margin: 20px 0;
}
.description-box-items {
  margin: 0 10px 20px;
  overflow:hidden;
}

.description-box-total {
  overflow:hidden;
  background-color: #d2f0ef;
  padding: 12px 0 2px;
  /*margin: 10px;*/
}
.account-link {
  overflow:hidden;
  margin:20px 0;
}
/*.account-section > div {
  overflow: hidden;
}*/
.all-services .description-box-inner {
  /*background-color: rgba(0, 0, 0, 0.06);*/
}
.all-services .service.booked, .all-services .not-available{
  display:none;
}
.all-services .service .buttons .remove {
    display: none;
}
.all-services .service.selected .buttons .add {
    display: none;
}
.all-services .service.selected .buttons .remove {
	background: url("Library/images/addremovebtn.png") no-repeat 0 0;
	color: #ff0000;
    cursor: pointer;
    display: block;
    float: right;
    height: 51px;
    text-align: center;
    text-indent: -9999px;
    width: 132px;
}
.all-services .service .buttons .add {
	cursor:pointer;
	text-align:center;
	display:block;
	color:#00D900;
	float: right;
	height: 51px;
	width: 132px;
	text-indent: -9999px;
	/*background: url("../../../raq/images/addremovebtn.png") no-repeat 0 -51px;*/
  background: url("Library/images/addremovebtn.png") no-repeat 0 -51px;
}

.selected-services .buttons {
    display: none;
}


.all-services #product_0, .booked-services #booked_1 {
	background: url("../../../images/services/dj-icon-trans.png") no-repeat 0 0;
  min-height: 52px;
	padding:5px 0 0 60px;
	font-weight:bold;
	line-height:30px;
	font-size:16px;
	}
.all-services #product_1, .booked-services #booked_2 {
	background: url("../../../images/services/video-icon-trans.png") no-repeat 0 0;
  min-height: 52px;
	padding:5px 0 0 60px;
	font-weight:bold;
	line-height:30px;
	font-size:16px;
}
.all-services #product_2, .booked-services #booked_3 {
	background: url("../../../images/services/photography-icon-trans.png") no-repeat 0 0;
  min-height: 52px;
	padding:5px 0 0 60px;
	font-weight:bold;
	line-height:30px;
	font-size:16px;
}
.all-services #product_3, .booked-services #booked_4 {
	background: url("../../../images/services/photobooth-icon-trans.png") no-repeat 0 0;
  min-height: 52px;
	padding:5px 0 0 60px;
	font-weight:bold;
	line-height:30px;
	font-size:16px;
}
.all-services #product_4, .booked-services #booked_5 {
	background: url("../../../images/services/lighting-icon-trans.png") no-repeat 0 0;
  min-height: 52px;
	padding:5px 0 0 60px;
	font-weight:bold;
	line-height:30px;
	font-size:16px;
}
.service.not-available .buttons .remove, .service.not-available .buttons .add{
  display:none;
}

.service.not-available .buttons:after {
  color: #D30422;
  content: "NOT AVAILABLE";
  float: right;
  font-weight: bold;
  height: 51px;
  padding: 0 10px 10px;
}


.service.pre-selected.selected .available {
  display:none;
}

.service.notavailable .available {
  display:block;
}


.buttons {
  /*clear:both;*/
  padding-top:10px;
}

.payment-success-inner {
text-align: left;
}

/* PLANNING FORMS */
#planning-form .description-box-inner {
  background-color: #FFF;
}
#planning-form .item-description {
  padding-top: 8px;
}
#planning-form .item-description,
#planning-form .item-value {
      margin: 5px 0;
}

.planning-form-show-hide {
  font-size: 0.5em;
  text-transform: uppercase;
  margin-top: 10px;
  background-color: #f1f1f1;

  padding: 3px 6px;
  border: 1px solid #c3c3c3;
}
.planning-form-show-hide.float-left {
  float: left;
  margin-left: 10px;
}
.planning-form-show-hide.float-right {
  float:right;
  margin-right: 10px;
}
.toggle-planning-sheet {
  display:none;
}

.planning-form-checks .planning-check,
.planning-form-radio .radio-check,
.make-payment-radio .radio-check{
    opacity: 0;
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    width: 24px;
    height: 24px;
    /*border-radius: 16px;*/
    z-index: 100;
}

.planning-form-checks .checklabel {
    position: relative;
}

.planning-form-checks .planning-check + .checklabel:before,
.planning-form-radio .radio-check + .checklabel:before,
.make-payment-radio .radio-check + .checklabel:before {
    content: '';
    background: #909090;
    /*border: 3px solid #fff;*/
    border-radius: 16px;
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    padding: 5px 0 5px 1px;
    margin-right: 10px;
    text-align: center;
    margin-top: -3px;
}

.planning-form-checks .planning-check:checked + .checklabel:before {
  content: "\f00c";
  font-family: 'FontAwesome';
  background: #0d2994;
  color: #ffffff;
  font-size: 12px;
}

.planning-form-radio .radio-check:checked + .checklabel:before,
.make-payment-radio .radio-check:checked + .checklabel:before {
  content: "\f111";
  font-family: 'FontAwesome';
  background: #0d2994;
  color: #ffffff;
  font-size: 12px;
}

.planning-form-checks span,
.planning-form-radio span,
.make-payment-radio span  {
  display: block;
  margin-bottom: 15px;
  margin-left: 2px;
}

.planning-form-checks span:last-child,
.planning-form-radio span:last-child,
.make-payment-radio span:last-child {
    margin-right: 0;
    margin-bottom: 0;
}

.make-payment-radio input[type=number] {
  width: 100px;
}
#planning-form .highlight {
  background-color: #eaeaea;
  padding: 12px 20px;
  /*margin: 5px 0;*/
  overflow:hidden;
}
#planning-form  .regular {
  padding: 10px 20px;
  overflow:hidden;
}
#planning-form .description-box-items {
  margin: 0 0 20px;
}
#planning-form input, #planning-form textarea {
  color: #333;
  background: #FFF;
}
#planning-form .content-title {
  margin: 10px 0;
  padding: 15px 0;
}
#planning-form .btnSubmit {
  margin:10px 0;
}
/*-----------------------------MEDIA QUERIES-----------------------------------*/
@media (min-width:1200px) {
  .auto-clear .col-lg-1:nth-child(12n+1){clear:left;}
  .auto-clear .col-lg-2:nth-child(6n+1){clear:left;}
  .auto-clear .col-lg-3:nth-child(4n+1){clear:left;}
  .auto-clear .col-lg-4:nth-child(3n+1){clear:left;}
  .auto-clear .col-lg-6:nth-child(odd){clear:left;}
} /* end min-width 1200px */
@media (max-width: 1200px) {
  .navbar .container {
    padding: 0 30px;
    width: 100%;
  }

  .navigation li a {
    padding: 22px 12px;
  }


} /* end max width 1200px */

@media (min-width:992px) and (max-width:1199px){
  .auto-clear .col-md-1:nth-child(12n+1){clear:left;}
  .auto-clear .col-md-2:nth-child(6n+1){clear:left;}
  .auto-clear .col-md-3:nth-child(4n+1){clear:left;}
  .auto-clear .col-md-4:nth-child(3n+1){clear:left;}
  .auto-clear .col-md-6:nth-child(odd){clear:left;}
} /* end (min-width:992px) and (max-width:1199px) */

@media (min-width:980px) {

	/* Services Image Sizes */
	#wedding-photography-image { background-image: url("../../../images/services/wedding-photography-250.jpg"); }
	#wedding-videography-image { background-image: url("../../../images/services/wedding-videography-250.jpg"); }
	#wedding-dj-image { background-image: url("../../../images/services/wedding-dj-250.jpg"); }
	#photo-booth-image { background-image: url("../../../images/services/photo-booth-250.jpg"); }
	#event-lighting-image { background-image: url("../../../images/services/event-lighting-250.jpg"); }

	#bar-bat-mitzvah-image { background-image: url("../../../images/services/bar-bat-mitzvah-250.jpg"); }
	#corporate-events-image { background-image: url("../../../images/services/corporate-events-250.jpg"); }
	#school-parties-image { background-image: url("../../../images/services/school-parties-250.jpg"); }
	#birthday-parties-image { background-image: url("../../../images/services/birthday-parties-250.jpg"); }
	#your-event-image { background-image: url("../../../images/services/your-event-250.jpg"); }
}

@media (min-width:768px) and (max-width:991px){
  .auto-clear .col-sm-1:nth-child(12n+1){clear:left;}
  .auto-clear .col-sm-2:nth-child(6n+1){clear:left;}
  .auto-clear .col-sm-3:nth-child(4n+1){clear:left;}
  .auto-clear .col-sm-4:nth-child(3n+1){clear:left;}
  .auto-clear .col-sm-6:nth-child(odd){clear:left;}
} /* end (min-width:768px) and (max-width:991px) */


@media (max-width: 979px) {
  .shrink .menu-btn {
  	margin: 23px 0;
  }
} /*end max width 979px */

@media (min-width:768px) and (max-width:979px) {
	.team-box {
		width: 33.3%;
		float: left;
	}
	.caption-box h3 {
		font-size: 50px;
	}
	.sub-slider {
		font-size: 17px;
		letter-spacing: 1px;
	}
	.about-desc {
		position: relative;
		right: 0;
		text-align: left;
		top: 0;
		width: 100%;
	}

	/* Services Image Sizes */
	#wedding-photography-image { background-image: url("../../../images/services/wedding-photography-180.jpg"); }
	#wedding-videography-image { background-image: url("../../../images/services/wedding-videography-180.jpg"); }
	#wedding-dj-image { background-image: url("../../../images/services/wedding-dj-180.jpg"); }
	#photo-booth-image { background-image: url("../../../images/services/photo-booth-180.jpg"); }
	#event-lighting-image { background-image: url("../../../images/services/event-lighting-180.jpg"); }

	#bar-bat-mitzvah-image { background-image: url("../../../images/services/bar-bat-mitzvah-180.jpg"); }
	#corporate-events-image { background-image: url("../../../images/services/corporate-events-180.jpg"); }
	#school-parties-image { background-image: url("../../../images/services/school-parties-180.jpg"); }
	#birthday-parties-image { background-image: url("../../../images/services/birthday-parties-180.jpg"); }
	#your-event-image { background-image: url("../../../images/services/your-event-180.jpg"); }

}
@media (max-width: 767px) {

  .auto-clear .col-xs-1:nth-child(12n+1){clear:left;}
  .auto-clear .col-xs-2:nth-child(6n+1){clear:left;}
  .auto-clear .col-xs-3:nth-child(4n+1){clear:left;}
  .auto-clear .col-xs-4:nth-child(3n+1){clear:left;}
  .auto-clear .col-xs-6:nth-child(odd){clear:left;}

  #form-inner .form-full-center, #form-inner .form-half-left,
  #form-inner .form-half-right {
    width: 100%;
    float:left;
  }
	/* Services Image Sizes */
	/* Show full size */
	#wedding-photography-image { background-image: url("../../../images/services/wedding-photography-full.jpg"); }
	#wedding-videography-image { background-image: url("../../../images/services/wedding-videography-full.jpg"); }
	#wedding-dj-image { background-image: url("../../../images/services/wedding-dj-full.jpg"); }
	#photo-booth-image { background-image: url("../../../images/services/photo-booth-full.jpg"); }
	#event-lighting-image { background-image: url("../../../images/services/event-lighting-full.jpg"); }

	#bar-bat-mitzvah-image { background-image: url("../../../images/services/bar-bat-mitzvah-full.jpg"); }
	#corporate-events-image { background-image: url("../../../images/services/corporate-events-full.jpg"); }
	#school-parties-image { background-image: url("../../../images/services/school-parties-full.jpg"); }
	#birthday-parties-image { background-image: url("../../../images/services/birthday-parties-full.jpg"); }
	#your-event-image { background-image: url("../../../images/services/your-event-full.jpg"); }
.team-box {
	width: 33.3%;
	float: left;
}
.caption-box h3 {
	font-size: 40px;
}
.slider-desc {
	font-size: 13px;
}
.sub-slider {
	font-size: 14px;
	letter-spacing: 1px;
}
.caption-box {
	padding: 18% 0;
}
.sl-btn {
	font-size: 11px;
	margin-top: 35px;
	padding: 10px 15px;
}
.para-box h3 {
	font-size: 30px;
	line-height: 1.3;
}
.content-title {
	font-size: 30px;
	z-index: 333;
	font-family: 'Prompt', sans-serif;
}
.work-box {
	z-index: 333;
}
.team-caption > h3 {
	font-size: 20px;
}
.team-caption > p {
	font-size: 13px;
}
.footer, .soc-footer {
	text-align: center;
}
.soc-footer {
	margin-top: 10px;
}
.about-desc {
	position: relative;
	right: 0;
	text-align: left;
	top: 0;
	width: 100%;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*menu */
.navigation .dropdown{
	display:none;
}
*/.do-good-overlay {
  font-size: 55vw;
  top: -20vw;
}*/

#do-good {
	background-image:none;
}

.the-vendors .gallery.one-third {
    width: 90%;
  }

  #schedule-appt-form .col-md-4, #schedule-appt-form .col-md-8 {
    padding: 5px 0;
  }

  #thank-you-response .franchise_content_back {
    padding: 0;
  }
  #thank-you-response p {
    padding-right: 0;
  }

  #lets-connect, #reserve-date-img, #reserve-date,
  #lets-plan, #lets-celebrate {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .learn-more-numbers {
    width:auto;
  }
  .learn-more-numbers .learn-btn {
    margin-right: 10px;
  }

  /* Set a font size sufficient for iOS */
  #request-an-estimate input, #schedule-appt-form input {
    font-size: 16px;
  }
} /* max width 767 px */

@media (max-width: 500px) {

  /* Planning forms */

  #planning-form .regular, #planning-form .highlight {
    padding: 12px 0px;
  }
  .planning-form-show-hide.float-left {
    display:none;
  }
  .planning-form-show-hide.float-right {
    margin-bottom: 10px;
  }
.dj-name {
font-size: 20px;
color: #7e7e7e;
font-family: "Prompt",sans-serif;
font-weight: bold;
letter-spacing: 1px;
}


  .script {
    font-size: 120px;
    line-height: 50px;
  }

.navbar-fixed-top .logo {
    margin: 0 0 0 10px;
}
.shrink .navbar-fixed-top .logo {
    padding: 1px 0;
}
.gallery.one-third {
	width: 100%;
}

#form-inner .form-half-left, #form-inner .form-half-right {
	width: 100%;
}
.port-item {
	width: 100%;
}
.team-box {
	width: 100%;
	float: none;
}
.caption-box h3 {
	font-size: 30px;
}
.team-caption > h3 {
	font-size: 25px;
}
.slider-desc {
	display: none;
}
.sub-slider {
	font-size: 14px;
	letter-spacing: 0;
}
.sl-btn {
	margin-top: 10px;
	padding: 8px 10px;
}
.port-filter li a {
	font-size: 10px;
	letter-spacing: 1px;
	padding: 10px 15px;
}
.content-title {
	font-size: 25px;
}
.para-box h3 {
	font-size: 24px;
	line-height: 1.2;
}
.about-desc {
	position: relative;
	right: 0;
	text-align: left;
	top: 0;
	width: 100%;
}
/*.do-good-overlay {
  top: -8vw;
}*/

#do-good {
	background-image:none;
}

} /*@media (max-width: 500px) */

@media (min-width: 480px) {

.shrink .menu-btn {
  margin: 18px 0;
}


.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    /*min-height: 1px;*/
    padding-right: 10px;
    padding-left: 10px;
}

} /* end @media (min-width:480px) */

@media (max-width: 320px) {

  .shrink .menu-btn {
    margin: 18px 0;
  }

} /*end max width 320px */
@media (min-width: 768px) {
.col-md-15 {
        width: 20%;
        float: left;
    }



}


@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
	}