/* IMPORT GOOGLE FONTS
===========================================================*/
@import url(https://fonts.googleapis.com/css?family=Lemon);
@import url(https://fonts.googleapis.com/css?family=Arimo:400,400italic,700,700italic);

html, body {
	height: 100%;
	width: 100%;
}

body {
	background-color: rgb(255, 255, 255);
	background-image: url(../images/swirl_pattern-opacity-0.5.png);
	font-family: 'Arimo', sans-serif;
	font-size: 16px;
}

@-webkit-keyframes bounceInUpRepeat {
	from, 60%, to {
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	} 
	from {
		opacity: 1;
		-webkit-transform: translate3d(0, 300px, 0);
		transform: translate3d(0, 3000px, 0);
	} 
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -150px, 0);
		transform: translate3d(0, -150px, 0);
	} 
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 300px, 0);
		transform: translate3d(0, 300px, 0);
	}
}
@keyframes bounceInUpRepeat {
	from, 60%, to {
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	} 
	from {
		opacity: 1;
		-webkit-transform: translate3d(0, 300px, 0);
		transform: translate3d(0, 300px, 0);
	} 
	50% {
		opacity: 1;
		-webkit-transform: translate3d(0, -150px, 0);
		transform: translate3d(0, -150px, 0);
	} 
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 300px, 0);
		transform: translate3d(0, 300px, 0);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}
}

.bounceInUpRepeat {
	-webkit-animation-name: bounceInUpRepeat;
	animation-name: bounceInUpRepeat;
}

/* OVERWRITE BOOTSTRAP CSS
===========================================================*/
.navbar {
    border-radius: 0px;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6);
	padding: 0px;
}
.navbar.navbar-white {
	background-color: rgb(255, 255, 255);
	box-shadow: none;
	color: rgb(0, 0, 0);
	margin: 0px;
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: 1031;
}
.navbar.navbar-white:after {
	background: transparent url(../images/clouds-bottom.png) repeat-x left bottom;
	bottom: -60px;
	content: '';
	height: 60px;
	left: 0px;
	position: absolute;
	width: 100%;
	z-index: 10;
}
.navbar.navbar-white.affix,
.navbar.navbar-white.affix-bottom {
	position: fixed;
}
.navbar.navbar-white.affix-bottom {
	top: 0px !important;
}
.navbar.navbar-white .navbar-nav > li > a {
	border-radius: 0px;
}
.navbar.navbar-white .navbar-nav > li.active > a {
	/*border-top: 5px solid rgb(3, 169, 244);
	padding-top: 17px;*/
}
.navbar.navbar-white .nav.navbar-nav {
	position: relative;
}
.navbar.navbar-white .nav.navbar-nav:after {
	background-color: rgb(3, 169, 244);
	height: 5px;
	left: 0px;
	position: absolute;
	top: 0px;
	transition: all 0.4s ease-in-out;
	width: 0px;
}
.navbar.navbar-white .nav.navbar-nav.nav-home:after {
	width: 0px;
}
.navbar.navbar-white .nav.navbar-nav.nav-about:after {
	width: 75px;
}
.navbar.navbar-white .nav.navbar-nav.nav-bouncers:after {
	left: 75px;
	width: 110px;
}
.navbar.navbar-white .nav.navbar-nav.nav-contact:after {
	left: 185px;
	width: 96px;
}
@media (min-width: 768px) {
	.navbar.navbar-white .nav.navbar-nav.nav-about:after {
		width: 85px;
	}
	.navbar.navbar-white .nav.navbar-nav.nav-bouncers:after {
		left: 85px;
		width: 120px;
	}
	.navbar.navbar-white .nav.navbar-nav.nav-contact:after {
		left: 205px;
		width: 107px;
	}
}

.navbar .navbar-brand {
	height: 64px;
	padding: 10px 0px;
}
.navbar-header {
	display: inline-block;
}
.navbar-brand > img {
	margin-top: -10px;
	max-height: 54px;
}
.navbar.navbar-white .nav.navbar-nav {
	float: right;
	margin-bottom: 0px;
	margin-top: 0px;
}
.navbar.navbar-white .nav.navbar-nav > li {
	float: left;
}
.navbar .navbar-nav > li > a {
	font-size: 16px;
	padding: 22px 10px;
}
.navbar .navbar-text {
	margin-bottom: 18px;
	margin-top: 22px;
}
@media (min-width: 768px) {
	.navbar-nav {
		margin-left: -15px;
	}
	.navbar .navbar-nav > li > a {
		font-size: 16px;
		padding: 22px 15px;
	}
}

h1, h2, h3, h4, h5, h6 {
	color: rgb(66, 165, 245);
	font-family: 'Lemon', cursive;
}
.h1, h1 { font-size: 42px; }
.h2, h2 { font-size: 36px; }
.h3, h3 { font-size: 30px; }
.h4, h4 { font-size: 24px; }
.h5, h5 { font-size: 18px; }
.h6, h6 { font-size: 14px; }

.label {
	font-family: 'Arimo', sans-serif;
}

.page-header small {
	font-size: 18px;
}
a, a:hover, a:focus {
	color: rgb(66, 165, 245);
}

.form-control, .form-group .form-control {
	background-image: linear-gradient(rgb(66, 165, 245), rgb(66, 165, 245)), linear-gradient(rgb(210, 210, 210), rgb(210, 210, 210));
}
.form-group.is-focused .form-control {
	background-image: linear-gradient(rgb(66, 165, 245), rgb(66, 165, 245)), linear-gradient(rgb(210, 210, 210), rgb(210, 210, 210));
}
.form-group.is-focused label, .form-group.is-focused label.control-label {
	color: rgb(66, 165, 245);
}
.dropdown-menu li > a {
	font-size: 16px;
}
.dropdown-menu li a:hover, .dropdown-menu li a:focus, .dropdown-menu li a:active {
	background-color:  rgb(66, 165, 245);
}
.bootstrap-select:not(.open) .open .dropdown-menu {
	display: none;
}


/* CUSTOM CSS
===========================================================*/
header {
	background: rgb(100, 181, 246) url(../images/sun-ray.png) no-repeat center 100%;
	background-size: cover;
	min-height: 600px;
	overflow: hidden;
	position: relative;
}
header h1 {
	color: rgb(255, 255, 255);
	position: absolute;
	font-size: 42px;
	margin: 0px;
	top: 15px;
	text-align: center;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.7);
	width: 100%;
	z-index: 1000;
}
@media (min-width: 768px) {
	header h1 {
		font-size: 52px;
		line-height: 54px;
	}
}
@media (min-width: 992px) {
	header h1 {
		font-size: 62px;
		line-height: 64px;
	}
}
@media (min-width: 1200px) {
	header h1 {
		font-size: 72px;
		line-height: 74px;
	}
}
header .cloud {
	left: 0px;
	position: absolute;
	top: 0px;
}
header .cloud.cloud-1 {
	background: transparent url(../images/cloud-1a.png) no-repeat bottom left;
	height: 300px;
	left: 80%;
	margin-left: -93.5px;
	width: 187px;
	z-index: 10;
}
header .cloud.cloud-2 {
	background: transparent url(../images/cloud-2a.png) no-repeat bottom left;
	height: 350px;
	left: 20%;
	margin-left: -74.5px;
	width: 149px;
	z-index: 20;
}
header .cloud.cloud-3 {
	background: transparent url(../images/cloud-3a-call-us-2024.png) no-repeat bottom left;
	height: 250px;
	left: 50%;
	margin-left: -121px;
	width: 242px;
	z-index: 30;
}
header .jumping-kid {
	left: 0px;
	position: absolute;
	bottom: 0px;
	z-index: 0;
}
header .jumping-kid.kid-001 {
	background: transparent url(../images/jumping_kids/kid-001.png) no-repeat bottom left;
	height: 141px;
	left: 50%;
	margin-left: -608.25px;
	width: 98px;
}
header .jumping-kid.kid-002 {
	background: transparent url(../images/jumping_kids/kid-002.png) no-repeat bottom left;
	height: 144px;
	left: 50%;
	margin-left: -478.25px;
	width: 96px;
}
header .jumping-kid.kid-003 {
	background: transparent url(../images/jumping_kids/kid-003.png) no-repeat bottom left;
	height: 168px;
	left: 50%;
	margin-left: -348.25px;
	width: 82px;
}
header .jumping-kid.kid-004 {
	background: transparent url(../images/jumping_kids/kid-004.png) no-repeat bottom left;
	height: 152px;
	left: 50%;
	margin-left: -218.25px;
	width: 94px;
}
header .jumping-kid.kid-005 {
	background: transparent url(../images/jumping_kids/kid-005.png) no-repeat bottom left;
	height: 155px;
	left: 50%;
	margin-left: -88.25px;
	width: 93px;
}
header .jumping-kid.kid-006 {
	background: transparent url(../images/jumping_kids/kid-006.png) no-repeat bottom left;
	height: 158px;
	left: 50%;
	margin-left: 88.25px;
	width: 94px;
}
header .jumping-kid.kid-007 {
	background: transparent url(../images/jumping_kids/kid-007.png) no-repeat bottom left;
	height: 157px;
	left: 50%;
	margin-left: 218.25px;
	width: 94px;
}
header .jumping-kid.kid-008 {
	background: transparent url(../images/jumping_kids/kid-008.png) no-repeat bottom left;
	height: 126px;
	left: 50%;
	margin-left: 348.25px;
	width: 58px;
}
header .jumping-kid.kid-009 {
	background: transparent url(../images/jumping_kids/kid-009.png) no-repeat bottom left;
	height: 177px;
	left: 50%;
	margin-left: 478.25px;
	width: 91px;
}



section.clouds {
	background-color: rgb(255, 255, 255);
	min-height: 64px;
	padding: 0px;
	position: relative;
}
section.clouds:before,
section.body-block:before {
	background: transparent url(../images/clouds-top.png) repeat-x left bottom;
	content: '';
	height: 60px;
	left: 0px;
	position: absolute;
	top: -60px;
	width: 100%;
	z-index: 10;
}
section.body-block:before {
	background-image: url(../images/clouds-bottom.png);
	top: -3px;
}

section.body-block {
	position: relative;
}
section.body-block .content {
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
	min-height: 300px;
	padding-bottom: 60px;
}

h1 .highlight, h2 .highlight, h3 .highlight, h4 .highlight, h5 .highlight, h6 .highlight {
	color: rgb(239, 83, 80);
}

a.alert-cross-link {
	background-color: rgb(156, 39, 176);
	border-radius: 0px;
	color: rgb(255, 255, 255);
	display: block;
	font-family: 'Lemon', cursive;
	font-size: 18px;
	padding-top: 50px;
	text-align: center;
	transition: all 0.2s ease-in-out;
	width: 100%;
}
a.alert-cross-link:hover,
a.alert-cross-link:focus {
	background-color: rgb(123, 31, 162);
	color: rgb(255, 255, 255);
	text-decoration: none;
}
@media (min-width: 768px) {
	a.alert-cross-link {
		font-size: 22px;
		line-height: 24px;
	}
}
@media (min-width: 992px) {
	a.alert-cross-link {
		font-size: 28px;
		line-height: 30px;
	}
}
@media (min-width: 1200px) {
	a.alert-cross-link {
		font-size: 32px;
		line-height: 34px;
	}
}

.product-item {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    padding: 15px;
    background: #fff;
    margin-bottom: 10px;
    margin-top: 10px;
    /*overflow: hidden;*/
    position: relative;
}
.pi-img-wrapper {
    position: relative;
    text-align: center;
}
.pi-img-wrapper img {
	display: inline-block;
}
.product-item h3 {
    text-transform: uppercase;
}
.product-item .list-group {
	margin-left: -15px;
	width: calc(100% + 30px);
}
.product-item .list-group-item {
	border-left-width: 0px;
	border-right-width: 0px;
}
.product-item .list-group-item:first-child,
.product-item .list-group-item:last-child {
	border-radius: 0px;
}
.product-item .list-group-item h6 {
	margin: 0px;
}
.product-item .btn {
	margin-bottom: 5px;
}


.ribbon {
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.7);
	min-width: 100px;
	padding: 8px;
	position: absolute;
	text-align: center;
	/*-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);*/
}
.ribbon-top.ribbon-right,
.ribbon-bottom.ribbon-left {
	/*-webkit-transform: rotate(45deg);
	transform: rotate(45deg);*/
}
.ribbon-top { top: 10px }
.ribbon-bottom { bottom: 10px; }
.ribbon-left { left: 10px; }
.ribbon-right { right: 10px; }

.mix {
    display: none;
    float: none;
    -webkit-backface-visibility: hidden;
    -webkit-transform-origin: 50% 0;
    min-height: 700px;
}

.masonry {
    -moz-column-gap: 15px;
    -webkit-column-gap: 15px;
    column-gap: 15px;
}
.masonry:after {
    content:'';
    display: inline-block;
    width: 100%;
}
/*-------------------- media queries --------------------- */
 @media only screen and (min-width: 700px) {
    .masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}
@media only screen and (min-width: 900px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}