/*-- A. Template --------------------------------------------------------------------------------------*/

body{
  position: relative;
	background-color: #202020;
  font-family: sans-serif;
  margin: 0;
}

h1, h2, h3, h4, h5, h6{
	font-family: itc-avant-garde-gothic-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  line-height: 120%;
	color: #111f3a;
	margin: 0;
}



p, li, a, input, textarea{
  font-size: 15px;
  font-family: proxima-nova, sans-serif;
  line-height: 140%;
}

a{
  color: #bbda14;
  text-decoration: none;
	transition-duration: .2s;
}

a:hover{
  color: #d3f12f;
}

img{
  display: block;
  width: 100%;
}

img.img-1{
	border-radius: 10px;	
}


.site-maxwidth{
  width: 1920px;
  max-width: 100%;
  margin: 0 auto;
  background-color: #6b6b6b;
}


.panel-maxwidth{
  width: 1366px;
  max-width: 90%;
  margin: 0 auto;
}

.rowpadd{
  padding: 30px 0;
}

.row-alignmid{
  align-items: center;
}



/*-- X2. Template: Container Style Split Half --*/
.s20 > div,
.s25 > div,
.s30 > div,
.s33 > div,
.s40 > div,
.s45 > div,
.s50 > div,
.s55 > div,
.s60 > div,
.s66 > div,
.s70 > div,
.s80 > div{
  padding: 0 15px;
}

@media (min-width: 768px){
  .row-split{
    display: flex;
    flex-wrap: wrap;
  }
  .s20{flex: 0 0 20%;} 
  .s25{flex: 0 0 25%;} 
  .s30{flex: 0 0 30%;}  
  .s33{flex: 0 0 33.33%;}  
  .s40{flex: 0 0 40%;}  
	.s45{flex: 0 0 45%;}  
  .s50{flex: 0 0 50%;}   
	.s55{flex: 0 0 55%;} 
  .s60{flex: 0 0 60%;}  
  .s66{flex: 0 0 66.66%;}  
  .s70{flex: 0 0 70%;}  
	.s80{flex: 0 0 80%;}  
	
  .rowpadd{
    padding: 60px 0;
  }
	
	.content-gap > div{
		padding: 30px 8%;
	}


}
/*-- --*/

@media (min-width: 768px){
  .row{
    display: flex;
    flex-wrap: wrap;
  }
  
  .col{
    flex-grow: 1;
  }
  
  h1{
    font-size: 40px;
  }
	
	h2{
		font-size: 30px;
	}

  h3{
    font-size: 25px;
  }
  
	p, li, a, input, textarea{
    font-size: 17px;
  }
	
} 

/*--backgrounds--*/
.bg-0{
	background: none;
}

.bg-2{
  background-color: #000;
}



/*--buttons--*/
.button{
	color: #000;
	border-bottom: 2px solid #000;
	padding: 10px 17px;
	display: inline-flex;
  align-items: center;
  transition-duration: .3s;
}

.button:after{
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
	background-image: url(https://urbancine.com/images/icons/arrow-right-black.svg);
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 15px;
	transition-duration: .2s;
}

.button:hover{
	color: #000;
}

.button:hover:after{
	/*margin-left: 20px;*/
	transform: translateX(4px);
}

.button.white{
	color: #fff;
	border-color: #fff;
}

.button.white:hover{
	color: #fff;	
}

.button.white:after{
	background-image: url(https://urbancine.com/images/icons/arrow-right-white.svg);
}


/*-- B. Header --------------------------------------------------------------------------------------*/

header{
  top: 0;
  left: 0;
  right: 0;
  width: 1920px;
  max-width: 100%;
  margin: 0 auto;
  z-index: 10;
  background: #000;
  background: linear-gradient(90deg, #000, #232323);
	height: 100px;
	
	position: absolute;
  background: none;
}

/*
.page-3 header{
}
*/

header .header_top{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  max-width: 1366px;
  margin: 0 auto;
	height: 100px;
	transition-duration: .2s;
}


header .header_top .logo{
	width: 60px;
  max-width: 100%;
	height: auto;
  outline: none !important;
	transition-duration: .2s;
}

header .header_top .logo img{
  width: 100%;
	height: auto;
  transition-duration: .2s;
}


header .header_top #nav_button{
  width: 25px;
  max-width: 100%;
  cursor: pointer !important;
}

header .header_top #nav_button:hover{
  transform: scale(1.1);
}

header #nav{
  display: none;
  text-align: right;
}

header.open .header_top #nav_button{
  display: block !important;
}

header.open .header_wrap{
 	display: block;
	background: #000000e8;
	width: 100%;
	height: 100%;
  opacity: 1;
  z-index: 100;
	position: fixed;
}

header.open .header_top{
  width: 90%;
  max-width: 1366px;
  margin: 0 auto;
}

header.open #nav{
	position: absolute;
	top: 100px;
  display: block !important;
  width: 89%;
  max-width: 1366px;
  margin: 0 auto;
  padding: 0;
  text-align: left;
}

header.open #nav .nav-home img{
	width: 15px;
	height: 15px;
  margin-bottom: 10px;
}

header.open #nav li{
  display: block !important;
}

header.open #nav li a{
	font-size: 22px;
  margin: 0 !important;
}

header.open #nav li a img{
  margin-left: 0;
}

header.open #nav li.search,
header.open #nav li.portal,
header.open #nav li.hire-bag{
  display: inline-block !important;
}

header.open #nav li.search a,
header.open #nav li.portal a,
header.open #nav li.hire-bag a{
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
}

header.open #nav li.search a img,
header.open #nav li.portal a img,
header.open #nav li.hire-bag a img{
  padding: 0;
  width: 20px;
  height: 20px;
  margin: 8px 15px 0 1px;
}


header #nav li{
  list-style-type: none;
  margin: 5px 0;
}

header #nav li a{
  color: #fff;
  font-size: 15px;
  transition-duration: .2s;
  text-decoration: none;
  font-weight: 500;
  
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
}

header #nav li a:hover{
  color: #cbec14;
}


header #nav li a.green:hover{
  color: #c0e7ff;
}

header #nav li a img{
  height: 25px;
  width: 25px;
  margin-left: 20px;
}







/* Icon 3 */

#nav-icon3 {
  width: 20px;
  height: 20px;
  position: relative;
  margin: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  cursor: pointer !important;
}

#nav-icon3 span{
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background-color: #fff;
  border-radius: 5px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .1s ease-in-out;
  -moz-transition: .1s ease-in-out;
  -o-transition: .1s ease-in-out;
  transition: .1s ease-in-out;
  cursor: pointer;
  box-shadow: 2px 2px 2px #0000000a;
}


#nav-icon3 span:nth-child(1) {
  top: 10%;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 50%;
}

#nav-icon3 span:nth-child(4) {
  top: 90%;
}

#nav-icon3.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

@media (min-width: 700px){
  #nav-icon3 {
    width: 25px;
    height: 25px;
  }
  
  header #nav li a{
    font-size: 20px;
  }
}

@media (min-width: 768px){
  header .header_top{
    padding: 10px 0;
  }
	
  header #nav li a{
    font-size: 30px;
  }
	
}

@media (min-width: 900px){
	header .header_top{
		padding: 15px 0;
	}
	
	header .header_top .logo{
		width: 80px;
	}
	
	#nav_button{
		display: none;
	}
  
  header.open #nav{
    margin-top: 30px;
  }
	
	#nav.nav-desktop{
    display: flex !important;
    align-items: center !important;
	}
	
	#nav.nav-desktop li{
		align-items: center;
    justify-content: center;
    display: flex;
	}
	
	#nav.nav-desktop li a{
		font-size: 20px;
		margin: 0 10px;
	}
	
	#nav.nav-desktop li a img{
    width: 17px;
    height: 17px;
    object-fit: contain;
    margin: auto;
	}
	
	#nav.nav-desktop li.nav-home a{
    margin: -1px 13px 0 0;
		filter: brightness(10);
		transition-duration: 2s;
	}
	
	#nav.nav-desktop li.nav-home a:hover{
		filter: brightness(1);
	}
	
	#nav.nav-desktop li.nav-home a img{
    height: 15px;
    width: 14px;
	}
	
	#nav.nav-desktop li.portal a{
		background: #6e5b4c;
    padding: 10px;
    border-radius: 50%;
		margin-right: 0;	
	}

	#nav.nav-desktop li.portal a img{
    width: 16px;
    height: 16px;
	}
	
	#nav.nav-desktop li.hire-bag a {
		background-color:#788240;
    background-color: #97ae18;
    background: linear-gradient(45deg, #97ae18, #c3e219);
    padding: 10px;
    border-radius: 50%;
		margin-right: 0;	
	}
	
	#nav.nav-desktop li.hire-bag.has-items a {
		background-color:#adc90f;
	}

	#nav.nav-desktop lihire-bag a img{
    width: 16px;
    height: 16px;
	}
	
}

@media (min-width: 1300px){
	header .header_top{
		padding: 30px 0;
	}
	
	header .header_top .logo{
		width: 100px;
	}
	
}



/*-- c. Footer--------------------------------------------------------------------------------------*/
footer{
  background-color: #000 !important;
  color: #fff;
	padding: 50px 0;
	transition-duration: .2s;
}

footer a{
  color: #fff;
  transition-duration: .1s;
}

footer a:hover{
  color: #4099d4;
}

/**/
footer form{
	width: 800px;
	max-width: 100%;
}

footer form h2{
	color:  #fff;
	font-size: 34px;
	margin: 0 0 5px;
}

footer form p{
	color: #d8d8d8;
	margin: 0 0 10px;
	max-width: 280px;
}

footer form .freeform-row{
	display: block;
	margin: 0;
	flex-wrap: wrap;
}

footer form .freeform-row .freeform-column{
	margin: 0 5px;
  padding-top: 5px;
  padding-bottom: 5px;
	flex: 0 0 100%;
}

footer form .freeform-row .freeform-column .freeform-input{
  color: #fff;
	background: #252525;
	width: 100%;
	display: block;
	box-sizing: border-box;
	padding: 15px 20px;
	border: none;
	border-radius: 2px;
	outline: none !important;
}

footer form .freeform-row .freeform-column .freeform-input::placeholder{
 
}
	
footer form button{
  color: #fff;
	background: #acc910;
	border: none;
  text-shadow: 2px 2px 10px #00000052;
  padding: 15px 25px;
	font-weight: 600;
	border-radius: 2px;
	outline: none !important;
	transition-duration: .2s;
}

footer form button:hover{
	background: #bbda12;
}

/**/
footer .footer-logo{
	margin: 20px 0;
	align-items: center;
}

footer .footer-logo .line {
	flex: 0 0 calc(100% - 150px);
}

footer .footer-logo .line hr{
	border: none;
	display: block;
	height: 2px;
	background: #fff;
	background: linear-gradient(45deg, #fff, #3e3e3e);
	margin: auto;
}

footer .footer-logo .logo {
	flex: 0 0 150px;
}

footer .footer-logo .logo img{
	width: 80px;
	margin: 40px 0;
}

footer .footer-contact p{
	display: flex;
	margin: 7px 0;
	width: 300px;
	max-width: 100%;
}

footer .footer-contact p span{
	color: #CCEC14;
	flex: 0 0 25px;
}

footer .footer-contact p a:hover{
	color: #cbec14;
}

footer .social{
	display: inline-flex;
}

footer .footer-bot{
	justify-content: space-between;
	margin: 40px 0 0;
}

footer .footer-bot .social a{
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}


footer .footer-bot .social a img{
	display: block;
	margin: 0 10px;
	width: 33px;
	height: 33px;
	padding: 5px;
  filter: brightness(9999999);
}

footer .footer-bot .social a:hover img{
  filter: brightness(1);
}

footer .footer-bot .social a:nth-of-type(1) img{
	margin: 0;
	padding-left: 0;
}

footer .footer-bot .social a:nth-of-type(2) img{
	margin: 0 5px;
}

footer .footer-bot .social a:nth-of-type(3) img{
	margin: 0 5px;
}

footer .footer-bot .social a:nth-of-type(4) img{
	margin: 0 5px 0 10px;
}

footer .footer-bot .social a:nth-of-type(5) img{
	margin: 0 5px 0 10px;
}

footer .footer-bot .social a:nth-of-type(6) img{
	margin: 0 0 0 5px;
	padding-right: 0;
}

footer .footer-bot .links p a{
	font-size: 30px;
}

footer .footer-bot .links p a:hover{
	color: #cbec14;
}

footer .footer-bot .links p span{
	margin: 0 12px;
}

.terms-and-conditions,
.terms-and-conditions a{
	color: #cbec14;
	margin: 0;
	font-size: 14px;
	transition-duration: .2s;
}

.terms-and-conditions a:hover{
	color: #e4ff4c;
  text-decoration: underline;
}

.terms-and-conditions span{
	margin: 0 7px;
}


@media(min-width: 768px){
	footer{
		padding: 150px 0;
	}

	footer .footer-logo .logo img{
		width: 100px;	
		margin-left: auto;
	}
	
	footer form p{
		max-width: 500px;
	}
	
	footer form .freeform-row{
		display: flex;
	}

	footer form .freeform-row .freeform-column{
		flex: 1 0;
	}
	
	footer .footer-bot{
		margin: 70px 0 0;
	}


}








/*-- 1. Home ---------------------------------------------------------------- */
#home-header{
	padding-top: 120px;
}

#home-header h1{
	color: #fff;
	max-width: 680px;
	width: 100%;
}

#home-services{
}

#home-services > div{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;	
}

#home-services .service{
	flex: 0 0 100%;
	background: #383838;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-size: cover;
  margin: 0 0 10px;
  max-height: 600px;
}

#home-services .service a{
	display: block;
}

#home-services .service a > div{
	padding: 30px;
	min-height: 400px;
}

#home-services .service a > div .content{
	margin-top: 250px;
}

#home-services .service a .content h3{
	display: inline-flex;
	width: 80%;
	max-width: 150px;
	color: #fff;	
	border-bottom: 2px solid #fff;
	padding: 0 0 12px;
	align-items: center;
}

#home-services .service a .content h3::after{
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	margin-left: 15px;
	background-image: url("https://urbancine.com/images/icons/arrow-right-white.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#home-services .service a .content p{
	color: #fff;	
}

#home-services .service.featured{
	background: #222222;
	overflow: hidden;
}

#home-services .service.featured a > div{
	padding: 20px;
}

#home-services .service.featured .content{
	margin-top: 30px;
}

#home-services .service.featured .content span.feature{
	color: #cced13;
}

#home-services .service.featured .content h2{
	color: #fff;
	font-size: 25px;
	margin: 5px 0 10px;
}

#home-services .service.featured .content p{
	margin: 5px 0 20px
}

#home-services .service.featured .photo img{
	display: block;
	width: 100%;
	height: 250px;
	object-fit: cover;
}

#home-services .service.featured .home-featured-slick{
	padding: 0 0 30px;
}

#home-services .service.featured .home-featured-slick ul{
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0;
	left: 15px;
	bottom: 25px;
}

#home-services .service.featured .home-featured-slick ul li{
	margin: 5px;
	padding: 0;
	width: 12px;
	height: 12px;
	border-radius: 12px;
	background: #4c4c4c;
	list-style-type: none;
	transition-duration: .2s;
}

#home-services .service.featured .home-featured-slick ul li button{
	display: none;
}

#home-services .service.featured .home-featured-slick ul li:hover,
#home-services .service.featured .home-featured-slick ul li.slick-active{
	background: #cced13;
}





/**/
#home-hire{

}

#home-hire .group-buy{
	margin-top: 50px;
}

#home-hire h3{
	color: #fff;
	margin: 0 0 20px;
}

#home-hire .items{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -.5%;
}


#home-hire .items .item{
	flex: 0 0 19%;
	min-height: 100px;
	background: #252525;
	margin: .5%;
	border-radius: 5px;
	overflow: hidden;
	text-align: center;
	transition-duration: .2s;
}

#home-hire .items .item:hover{
	background: #444444;
}

#home-hire .items .item:hover .photo img{
	transform: scale(1.05);
	transition-duration: .2s;
}

#home-hire .items .item .photo{
	position: relative;
	background: #fff;
	overflow: hidden;
	height: 0;
	padding-top: 56.25%;
}

#home-hire .items .item .photo img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#home-hire .items .item .content{
	color: #fff;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	padding: 20px 10px;
}

#home-hire .items .item .content p{
	padding: 20px 25px;
	line-height: 120%;
	font-size: 15px;
	word-break: break-word;
}


/**/
#home-difference{
	background: #000;
	overflow: hidden;
}

#home-difference .left{
	flex: 0 0 100%;
}

#home-difference .left .content{
	background: #252525;
	padding: 80px 0;
}

#home-difference .left .content > div{
	max-width: 633px;
	width: 85%;
	margin: 0 auto;
}

#home-difference .left .content > div h2{
	color: #cbec14;
	max-width: 90%;
}

#home-difference .left .content > div p{
	color: #fff;	
	max-width: 90%;
}

#home-difference .left .content > div img.signature{
	width: 200px;
	height: auto;
	max-width: 100%;
	margin: 40px 0 0;
}

#home-difference .left .pete{
	max-width: 100%;
	width: 100%;
	margin-left: auto;
	padding: 0;
}

#home-difference .right{
	flex: 0 0 100%;
}

#home-difference .right .video img{

}

#home-difference .right .shoot{
	margin: 70px 5% 90px;
	max-width: 300px;
	width: 100%;
}

#home-difference .right .shoot h2{
	color: #fff;
}

#home-difference .right .shoot p{
	color: #fff;
}

#home-difference .right .news{
	margin: 50px 5%;
	max-width: 600px;
	width: auto;
}

#home-difference .right .news h3{
	color: #cbec14;
	margin: 50px 0 20px;
}

#home-difference .right .news .news-item{
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #252525;
	color: #fff;
	padding: 30px 8%;
	margin: 10px 0;	
	transition-duration: .2s;
}

#home-difference .right .news .news-item:hover{
	background: #3a3a3a;
}

#home-difference .right .news .news-item img{
	width: 12px;
	height: 12px;
	object-fit: contain;
}

#home-difference .video{
  width: 100%;
  padding-top: 56.25%;
  height: 0px;
  position: relative;
}

#home-difference .video video{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}


@media (min-width: 500px){
	#home-header{
		padding-top: 150px;
	}
	
	#home-services .service{
		flex: 0 0 49%;
	}
}

@media (min-width: 768px){
	#home-difference{
		padding-top: 50px;
	}
	
	#home-difference .left{
		flex: 0 0 49%;
		margin-right: 1%;
	}
	
	#home-difference .left .content{

	}
	
	#home-difference .left .content > div{
		width: 90%;
		margin: 0 0 0 auto;
	}
	
	#home-difference .left .pete{
		max-width: 683px;
		width: 95%;
	}

	#home-difference .right{
		flex: 0 0 49%;
		margin-left: 1%;
	}
	
	#home-difference .right .news{
		width: 100%;
	}
}

@media (min-width: 900px){
	#home-header{
		padding-top: 240px;
	}

	#home-services .service{
		flex: 0 0 32.33%;
	}
}

@media (min-width: 1300px){
	#home-difference .left .content > div{
		width: 90%;
	}
}


  

/*-- 2. Page Generic ---------------------------------------------------------------- */
#page-bg{
	background-size: contain;
	background-position: 50% 0;
	background-repeat: no-repeat;
	background-color: #000;
	min-height: 1400px;
}

#page-header h1{
	color: #fff;
	padding-top: 100px;
	transition-duration: .2s;
}


@media (min-width: 500px){
	#page-header h1{
		padding-top: 130px;
	}
}


@media (min-width: 768px){
	#page-header h1{
		padding-top: 150px;
	}
}

@media (min-width: 1100px){
	#page-header h1{
		padding-top: 200px;
	}
}



/*-- 3.1 Page Buy ---------------------------------------------------------------- */
.buy-content .photo{
}

.buy-content .photo > div{
	background: #fff;
	background: linear-gradient(45deg, #ffffff, #dedede);
	position: relative;
	overflow: hidden;
	height: 0;
	padding-top: 75%;
	border-radius: 2px;
}

.buy-content .photo > div img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.buy-content{
  margin: 50px 5px 30px !important;
  height: 100%;
  transition-duration: 1s;
}

.buy-content .content > div{
  padding: 30px 7%;
}

.buy-content .content,
.buy-content .content h1,
.buy-content .content p{
  color: #fff;
}


.buy-content .collapsible {
  overflow: hidden;
  transition: all 0.5s ease-in-out;
  height: 140px;
	margin: 10px 0 30px;
}

.buy-content .collapsible p{
  margin: 10px 0; 
}

.buy-content .collapsible.collapsed {
  height: auto;
}

.buy-content .collapsible figure{
  padding: 0;
  margin: 20px 0;
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}

.buy-content .collapsible figure.figure-image{
  height: 100%;
  padding: 0;
}

.buy-content .collapsible figure iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}




.buy-content .content .button{
  cursor: pointer !important;
}

.buy-content .content .button.viewproducts{
  border: 2px solid #bad914;
	padding: 10px 20px;
  margin: 0 20px;
}

.buy-content .content .button.viewproducts:hover{
	border-color: #fff;
}

.buy-content .content .button.viewproducts:after{
  display: none;
}





/**/
.buy-products{
  padding-bottom: 10px;
  margin-bottom: 0 !important;
}




/*-- 3.2 Page Hire ---------------------------------------------------------------- */
.page-88  #product-nav .categories{
	position: relative !important;
	overflow: unset !important;
}

.page-88 .product-loading{
	position: absolute !important;
	bottom: -55px !important;
	right: 0 !important;
	z-index: 999 !important;
}

.page-hire{
	background-image: url(https://urbancine.com/images/uc-background.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 0%;
	background-color: #000;
	min-height: 2000px;
}

.page-hire #page-header > div{
	padding-bottom: 20px;	
}

.page-hire #page-header > div .intro{
	display: flex;
	justify-content: space-between;
}

.page-hire #page-header > div .intro a{
	color: #fff;
}

.page-hire #page-hire-subtext{
  color: #cced14;
  min-height: 30px;
  margin: 5px 0 0;
}

.page-hire .subcategory{
	background: #262626;
	display: inline-block;
	margin: 5px 0 0;
	color: #fff;
	font-size: 14px;
	padding: 7px 15px;
	font-weight: 600;
	transition-duration: .2s;
}

.page-hire .subcategory.active,
.page-hire .subcategory:hover{
	color: #cced13;
}

#product-nav .buy-main-categories{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -.5%;
}

#product-nav .buy-main-categories .box{
	background: #252525;
	flex: 0 0 99%;
	margin: .5%;
	color: #fff;
	cursor: pointer !important;
	transition-duration: .2s;
}

#product-nav .buy-main-categories .box.active{
	color: #cced14;	
}

#product-nav .buy-main-categories .box:hover{
	background: #373737;
}

#product-nav .buy-main-categories .box > div{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 10px;
  font-weight: 600;
	border-radius: 5px;
}

#product-nav .buy-main-categories .box > div img{
	width: 37px;
	height: 37px;
	margin-right: 15px;
	filter: brightness(9999999);
}

#product-nav .buy-main-categories .box.active > div img{
	filter: none;
}


#product-nav .product-nav-collapsible {
  overflow: hidden;
  transition: all 0.2s ease-in-out;
	margin: 10px 0 30px;
	height: 0;
}

#product-nav .product-nav-collapsed {
  height: auto;
}


#product-nav .categories{
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
	transition-duration: .2s;
	margin: 0 -.5%;
}

#product-nav .categories.loading{
  /*opacity: .5;*/
  pointer-events: none;
}

#product-nav .category{
	position: relative;
	overflow: hidden;
	flex: 0 0 24%;
	margin: 0.5%;
	background: #252525;
	border-radius: 2px;
	color: #fff;
	font-size: 12px;
	line-height: 110%;
	word-break: break-word;
	transition-duration: .2s;
	cursor: pointer !important;
	transition-duration: .2s;
}

#product-nav .category.all{
	background: #6e5b4c;
	display: flex;
	align-items: center;
	justify-content: center;
}

#product-nav .category:hover,
#product-nav .category.active{
	color: #fff;
	background: #262626;
}

.product-nav-hire .category:hover,
.product-nav-hire .category.active{
	color: #000;
	background: #cced14;
}

#product-nav .category:hover img,
#product-nav .category.active img{

}

#product-nav .category:hover img,
#product-nav .category.active img{

}

#product-nav .category > div{
	padding: 2px 5px 5px;
	text-align: center;
  font-size: 13px;
}

.product-nav-hire .category > div{
	padding: 10px 5px;
}

#product-nav .category:hover > div,
#product-nav .category.active > div{
	color: #cced14;
}

#product-nav .category:hover > div img,
#product-nav .category.active > div img{
	filter: brightness(1);
}

#product-nav .category > div img{
	height: 30px;
	width: auto;
	margin: 10px auto;
	filter: brightness(9999999);
}

#product-nav.product-nav-buy .category{
  display: flex;
  align-items: center;
  justify-content: center;
	transition-duration: .2s;
	/*height: 80px;*/
}

#product-nav.product-nav-buy .category:hover{
	background: #fff;
}

.heading-buy-prod-cat{
	color: #949494;
	margin: 5px 0;
	font-size: 15px;
}

#product-nav.product-nav-buy .category.category-buy-prod-cat{
	height: auto;
}

#product-nav.product-nav-buy .category.category-buy-prod-cat > div{
	padding: 0 0 15px;
}

#product-nav.product-nav-buy .category.category-buy-prod-cat:hover{
	background: #252525;
}

#product-nav.product-nav-buy .category.category-buy-prod-cat img{
	height: 30px;
	margin: 10px auto 5px;
}

#product-nav.product-nav-buy .category p{
	color: #bfbfbf;
	text-align: center;
	line-height: 110%;
	margin: 0;
	font-size: 12px;
}

#product-nav.product-nav-buy .category > div{
	transition-duration: .2s;
	opacity: 1;
}

#product-nav.product-nav-buy .category img.logo-inverted,
#product-nav.product-nav-buy .category img.logo-original{
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	margin: 0;
	opacity: 1;
	filter: none;
	transition-duration: .2s;
}


#product-nav.product-nav-buy .category img.logo-original{
}

#product-nav.product-nav-buy .category img.logo-inverted{
	position: absolute;
}

#product-nav.product-nav-buy .category img.logo-inverted{
	z-index: 2;
}

#product-nav.product-nav-buy .category:hover img.logo-inverted{
	opacity: 0;
}

.buy-all-products-dropdown{
  overflow: hidden;
  transition: all 0.2s ease-in-out;
  margin: 10px 0 -20px;
  height: 0;
}

.buy-all-products-dropdown.collapsed{
  height: auto;
}

.page-hire.showBrands #buy-all-products,
.page-hire.showBrands #buy-all-specials{
	display: none;
}

.page-hire.showBrands .buy-filtered-brand-products{
	display: block;
}

.product-nav-buy.showAllProdCat .buy-filtered-brand-products{
	display: block;
}

.page-hire .buy-filtered-brand-products{
	display: none;
}

.page-hire .buy-filtered-brand-products.loading{
	opacity: .3;
	pointer-events: none;
}

.page-hire .brand-no-product{
  color: #cced14;
}

.product-boxes{
	padding-bottom: 10px;
	transition-duration: .2s;
}

.product-boxes.loading .item{
	pointer-events: none !important;
}

.product-boxes.loading .product-load-more{
	opacity: .5;
	pointer-events: none !important;
}
 

.product-boxes.loading .item .photo,
.product-boxes.loading .item .content{
	opacity: .3;
	transition-duration: .2s;
}

.product-boxes .product-wrapper{
	display: flex;
	flex-wrap: wrap;
	margin: 20px -.5%;
}

.product-boxes .product-wrapper .item{
	position: relative;
	display: block;
	background: #252525;
	color: #fff;
	padding: 0;
  flex: 0 0 48%;
  margin: 1%;
	border-radius: 5px;
	overflow: hidden;
	transition-duration: .2s;
}

.product-boxes .product-wrapper .item:hover{
	background: #353535;
}

.product-boxes .product-wrapper .item .photo{
	position: relative;
	background: #fff;
	overflow: hidden;
	height: 0;
	padding-top: 56.25%;
}

.product-boxes .product-wrapper .item .photo img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.product-boxes .product-wrapper .item .content{
	padding: 15px;
	line-height: 120%;
	font-size: 14px;
	word-break: break-word;
}

.product-boxes .product-wrapper .item .content .price{
	color: #cced13;
	color: #8b8b8b;
	font-size: 14px;
	margin: 2px 0 0;
}

.product-boxes .product-wrapper .item .content .price .dollar{
	margin-right: 2px;
}

.product-boxes .product-wrapper .item .content .price .extra{
	display: block;
	font-size: 12px;
	margin-top: -2px;
}

.product-boxes .product-wrapper .item .add-to-bag{
	position: absolute;
	top: 5px;
	right: 5px;
	width: 8px;
	height: 8px;
	padding: 7px;
	background: #cced13;
	color: #000;
	font-size: 15px;
	font-weight: 700;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition-duration: .2s;
  border: none;
  box-shadow: 2px 2px 5px #00000030;
  font-size: 15px;
  font-weight: 500;
}

.product-boxes .product-wrapper .item button.add-to-bag{
  padding: 10px;
}

.product-boxes .product-wrapper .item .add-to-bag:hover{
	transform: translateY(-3px);
}

.product-boxes .product-wrapper .item .special{
	position: absolute;
	top: 2px;
	left: 2px;
	width: 30px;
	height: 30px;
	padding: 0;
	color: #000;
	font-size: 15px;
	font-weight: 700;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition-duration: .2s;
}




@media (min-width: 500px){
	.product-boxes .product-wrapper .item{
    flex: 0 0 48.6%;
    margin: .7%;
	}
  
  .product-boxes .product-wrapper .item .content{
	  padding: 20px 25px;
		font-size: 15px;
  }
  
	#product-nav .buy-main-categories .box{
		flex: 0 0 32.33%;
	}
	
	#product-nav.product-nav-buy .category p{
		font-size: 14px;
	}

	
}


@media (min-width: 768px){
	.product-boxes .product-wrapper .item{
    flex: 0 0 31.93%;
    margin: .7%;
	}
	
	#product-nav .categories{
		margin: 0 -.2%;
	}

	#product-nav .category{
		font-size: 14px;
	}
	
	#product-nav .category > div{
		padding: 20px 5px;
	}
	
	#product-nav .category > div img{
		height: 50px;
	}
	
	#product-nav .buy-main-categories .box > div{
		padding: 30px;
	}
	
	#product-nav.product-nav-buy .category{
		flex: 0 0 19.6%;
		margin: 0.2%;
	}
	
	.product-nav-hire .category{
		flex: 0 0 13.88% !important;
		margin: 0.2% !important;
	}
	
}

@media (min-width: 900px){
	#product-nav.product-nav-buy .category{
    flex: 0 0 16.26%;
	}
	.product-nav-hire .category{
		flex: 0 0 13.88% !important;
	}
	
	#product-nav.product-nav-buy .category p{
		font-size: 15px;
	}
	
}

@media (min-width: 1000px){
	#product-nav.product-nav-buy .category{
		flex: 0 0 13.887%;
	}
	.product-nav-hire .category{
    flex: 0 0 7.933% !important;
    flex: 0 0 7.28% !important;
	}
  #product-nav .category > div{
    padding: 15px 5px;
  }
}

@media (min-width: 1200px){
	.product-boxes .product-wrapper .item{
    flex: 0 0 23.6%;
    margin: .7%;
	}
	
	#product-nav.product-nav-buy .category{
		flex: 0 0 10.7%;
	}
}

@media (min-width: 1400px){
	.product-boxes .product-wrapper .item{
		flex: 0 0 19%;
		margin: .5%;
	}
	

		
}


/*-- --*/
#hire-bag,
#hire-bag p{
	color: #fff;
}


/*-- product loading --*/
.product-loading{
  padding: 20px 0;
  text-align: center;
}

.product-loading img{
  width: 40px;
  height: 40px;
  margin: 0 auto 10px;
}

.product-loading p{
  margin: 0;
  color: #fff;
  font-weight: 600;
}

.product-loading#product-loading-brands-ajax,
.product-loading#product-loading-hire-ajax{
  opacity: .5; 
	padding-bottom: 0;
}

/*-- product load more button --*/
a.product-load-more{
  background: #adc90f;
  color: #fff;
  display: block;
  text-align: center;
  padding: 15px 30px;
  font-weight: 600;
  text-shadow: 2px 2px 10px #00000052;
  transition-duration: .2s;
  margin: 0 auto;
  max-width: 150px;
  border-radius: 5px;
}

a.product-load-more:hover{
  background: #bbda12;
}


/*-- 4. Page Shoot ---------------------------------------------------------------- */
#page-shoot-list > div{
	display: flex;
	flex-wrap: wrap;
}

#page-shoot-list > div .item{
	position: relative;
	flex: 0 0 100%;
	margin: 5px 0;
	border-radius: 5px;
	overflow: hidden;
	cursor: pointer !important;
}

#page-shoot-list > div .item:hover .shade{
	background: none;	
}

#page-shoot-list > div .item .shade{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #00000061;
	z-index: 2;
	transition-duration: .2s;
}


#page-shoot-list > div .item img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#page-shoot-list > div .item video{
	position: absolute;
	object-fit: cover;
	top: 0;
	left: auto;
	right: auto;
	margin: auto;
	width: 100%;
	height: 100%;
	z-index: 1;
}

#page-shoot-list > div .item p{
	position: absolute;
	bottom: 0px;	
	color: #fff;
	font-size: 17px;
	line-height: 110%;
	text-align: center;
	padding: 10px 10%;
	text-shadow: 2px 2px 10px #0000005c;
	background: linear-gradient(0deg, #00000075, transparent);
	transition-duration: .2s;
	margin: 0 auto;
	left: 0;
	right: 0;
	z-index: 3
}

@media (min-width: 500px){
	#page-shoot-list > div .item{
		flex: 0 0 49%;
		margin: .5%;
		height: 250px;
	}
}


@media (min-width: 1200px){
	#page-shoot-list > div .item{
		flex: 0 0 32.33%;
		margin: .5%;
		height: 270px;
	}
}



/*-- 5.1 Page News ---------------------------------------------------------------- */
#page-news-list .news-item{
	background: #1b1b1b;
	margin: 30px 0;
	align-items: center;
	border-radius: 5px;
	overflow: hidden;
}

#page-news-list .news-item .photo{
	height: 280px;
	width: 100%;
	object-fit: contain;
}

#page-news-list .news-item .photo img{
  width: 90%;
  height: 100%;
  margin: 0 auto;
	object-fit: contain;
}

#page-news-list .news-item .content{
	color: #fff;	
}

#page-news-list .news-item .content > div{
	padding: 30px 5%;
}

#page-news-list .news-item .content h2{
	color: #fff;	
	margin: 0 0 20px;
}

#page-news-list .news-item .content p{
	color: #fff;
	margin: 10px 0;
}

#page-news-list .news-item .content .button{
	margin: 15px 0 0;
}


/*-- 5.2 Page News - Individual News Item ---------------------------------------------------------------- */
.page-individual-news .header_wrap{
	background: #000;
}

.page-individual-news #news-header{
  background: #000;
  padding-top: 150px;
}

.page-individual-news h1,
.page-individual-news h2,
.page-individual-news h3,
.page-individual-news h4,
.page-individual-news h5,
.page-individual-news h6,
.page-individual-news ul,
.page-individual-news li,
.page-individual-news p{
	color: #fff;	
}

.page-individual-news #news-header > div{
  position: relative;
  padding: 50px 0 80px
}

.page-individual-news #news-header > div > .content > div{
	
}

.page-individual-news #news-header > div > .sidebar > div{
	background: #252525;
	margin: 30px 0 0;
	padding: 40px 10%;
}

.page-individual-news #news-header > div > .sidebar > div h3{
	margin: 0 0 30px;	
}

.page-individual-news #news-header > div > .sidebar .news-item{
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #252525;
	color: #fff;
	margin: 25px 0;	
	transition-duration: .2s;
}

.page-individual-news #news-header > div > .sidebar .news-item:first-of-type{
	margin-top: 0;	
}

.page-individual-news #news-header > div > .sidebar .news-item:last-of-type{
	margin-bottom: 0;	
}

.page-individual-news #news-header > div > .sidebar .news-item:hover img{
	transform: translateX(4px);
}

.page-individual-news #news-header > div > .sidebar .news-item img{
	width: 12px;
	height: 12px;
	margin-left: 10px;
	object-fit: contain;
	transition-duration: .2s;
}


@media (min-width: 768px){
	.page-individual-news #news-header > div > .sidebar > div{
		margin: 0;
		padding: 50px 10%;
	}
		
	.page-individual-news #news-header > div > .content > div{
		max-width: 90%;
	}
}



/*-- 6. Page About ---------------------------------------------------------------- */
body.page-156 > .ask-pete{
	display: none;
}

#page-about-content,
#page-about-content h1,
#page-about-content h2,
#page-about-content h3,
#page-about-content h4,
#page-about-content h5,
#page-about-content h6,
#page-about-content ul,
#page-about-content li,
#page-about-content p{
	color: #fff;
}

#page-about-content .button.vc{
	margin: 10px 15px 15px 0;
}

#page-about-content .button.ap{
	border: 2px solid #bad914;
	padding: 10px 20px;
	margin: 10px 0 15px;
}

#page-about-content .button.ap:hover{
	border-color: #fff;
}

#page-about-content .button.ap:after{
	display: none;
}

#page-about-content .video{
  width: 100%;
  padding-top: 56.25%;
  height: 0px;
  position: relative;
}

#page-about-content .video video{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}




/*-- 7. Page Contact ---------------------------------------------------------------- */
body.page-158 > .ask-pete{
	display: none;
}

body.page-158 #page-bg{
	min-height: unset;
}

#contact-info > div{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -.5%;
}

#contact-info .box{
	position: relative;
	flex: 0 0 49%;
	margin: .5%;
	background: #3b3b3b;
	border-radius: 2px;
	transition-duration: .2s;
}

#contact-info .box:hover{
	background: #464646;
}

#contact-info .box.box-ask-pete{
	background: #adc90f;
}

#contact-info .box > div{
	padding: 40px 10%;
	text-align: center;
	font-weight: 600;
	color: #fff;
	font-size: 16px;
	text-shadow: 2px 2px 20px #00000036;
	word-break: break-all;
	line-height: 110%;
}

#contact-info .box > div img{
	width: 30px;
	height: 30px;
	margin: 0 auto 20px;
}

#open-hours{
	color: #fff;
	padding: 50px 0 30px;
}

#open-hours h2{
	color: #acc910;
	margin: 0 0 20px;
}

#open-hours table{
	width: 400px;
	max-width: 90%;
  margin: 0 0 20px;
}

#open-hours table tr td{
	padding: 4px 0;
}

#open-hours table tr td:first-of-type{

}

#open-hours table tr td p{
  margin: 0;
}
  
#contact-map iframe{
	border-radius: 2px;
	overflow: hidden;
	background: #3b3b3b;
}

@media (min-width:768px){
	#contact-info .box{
		flex: 0 0 24%;
	}
}

@media (min-width:1200px){
	body.page-158 #page-bg{
		/*background-size: cover;*/
	}
}


/*-- 8. Page Search ---------------------------------------------------------------- */
.page-header-search h1{
	text-align: center;
}

#page-search form.search_bar input{
	padding: 20px;
	outline: none !important;
}

#page-search > div{
	width: auto;
	max-width: 800px;
	background: #f5f5f5;
	border-radius: 5px;
	padding: 15px 10px;
	box-shadow: 2px 2px 10px #0000001c;
	overflow: hidden;
	margin: 0 auto;
}

#page-search h1{
	font-weight: 600;
	color: #274564;
}

#page-search .search_bar{
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 15px;
}

#page-search .search_bar .text,
#page-search .search_bar .submit{
	flex: 0 0 100%;
	overflow: hidden;
	margin: 5px 0;
}
	
#page-search .search_bar input[type='text']{
	width: 100%;
	border: none;
	padding: 20px;
	background: #fff;
	border-radius: 5px;
}
	
#page-search .search_bar input[type='text']::placeholder{
	color: #c6c6c6;
}

#page-search .search_bar input[type='submit']{
	width: 100%;
	border: none;
	padding: 20px;
	background: #adc90d;
	color: #fff;
	font-weight: 600;
	border-radius: 5px;
	transition-duration: .2s;
}

#page-search .search_bar input[type='submit']:hover{
	background: #cbec14;
}

#page-search ul{
	padding: 0;
	margin: 0;
}

#page-search ul li{
	list-style-type: none;
	padding: 0;
	margin: 10px 0;
}

#page-search ul li:first-of-type{
	margin-top: 25px;
}

#page-search ul li:last-of-type{
	margin-bottom: 0;	
}

#page-search ul li a{
	display: flex;
	align-items: center;
	color: #5a5a5a;
	justify-content: space-between;
	background: #fff;
	border-radius: 2px;
	overflow: hidden;
}

#page-search ul li a:hover{
	color: #adc90d;
}

#page-search ul li a .title{
	display: flex;
	align-items: center;
}

#page-search ul li a .title span{
	display: inline-block;
	color: #fff;
	padding: 4px 10px;
	border-radius: 2px;	
	margin: 0 5px;
	font-size: 12px;
}

#page-search ul li a .title p{
	margin: 5px 10px 5px 0;
	word-break: break-word;
	line-height: 100%;
	font-size: 14px;
}

#page-search ul li a .title span.hire{
	background: #adc90d;
}

#page-search ul li a .title span.buy{
	background: #4c4c4c;
}

#page-search ul li a .thumbnail{
	flex: 0 0 50px;
	height: 100%;
	box-shadow: -7px 0px 10px #cfcfcf61;
}

#page-search ul li a .thumbnail img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#page-search .result_summary{
	color: #adc90d;
	text-align: center;
	font-size: 15px;
}

@media (min-width: 768px){
	#page-search .search_bar .text{
		flex: 0 0 80%;
	}
	
	#page-search .search_bar .submit{
		flex: 0 0 20%;
	}
	
	#page-search .search_bar input[type='text']{
		width: 90%;
	}
	
	#page-search > div{
		padding: 30px;
	}
	
	#page-search ul li a .title span{
		margin: 0 15px;
		font-size: 14px;
	}
	
	#page-search ul li a .title p{
		font-size: 16px;
	}
	
	#page-search ul li a .thumbnail{
		flex: 0 0 100px;
	}
	
}






/*-- X. Account ------------------------------------------------------------------------------------------*/
#page-account .panel-account{
	display: flex;
	background: #1b1b1b;
	color: #fff;
	min-height: 800px;
}

#page-account .panel-account .content{
	flex: 0 0 50%;
}

#page-account .panel-account .content > div{
	padding: 150px 10%;	
}

#page-account .panel-account .content > div h1,
#page-account .panel-account .content > div h2{
	color: #fff;
	margin: 0;
}

#page-account .panel-account .content > div p{
	color: #fff;
	margin: 5px 0;
}

#page-account .panel-account .content > div ul.account-nav{
	list-style-type: none;
	padding: 0;
	margin: 20px 0 0;
}

#page-account .panel-account .content > div ul.account-nav li{
	margin: 8px 0;	
}

#page-account .panel-account .content > div ul.account-nav li a{
	display: flex;
	align-items: center;
	color: #cbec14;
	font-size: 25px;
	transition-duration: .2s;
}

#page-account .panel-account .content > div ul.account-nav li a:hover{
	color: #fff;	
}

#page-account .panel-account .content > div ul.account-nav li a img{
	width: 20px;
	height: 20px;
	margin-right: 15px;
	object-fit: contain;
}


#page-account .panel-account .photo{
	background-color: #000;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	flex: 0 0 50%;
}



#page-account .panel-account hey{
	background: #dadada;
	box-shadow: 2px 2px 10px #000;
	margin: 30px auto;
	width: 1000px;
	max-width: 90%;
	border-radius: 20px;
}


/**/
#page-account .account-headline{
	margin: 0 0 30px;
	padding-top: 100px;
}

#page-account .login-settings{
	margin: 50px 0 0 0;
}

#page-account .login-settings p a{
	color: #b3b3b3;
	transition-duration: .2s;
}

#page-account .login-settings p a:hover{
	color: #fff
}

/**/
#page-account form.account_form_login input{
	display: block;
	color: #fff;
	border-radius: 2px;
	padding: 15px;
	outline: none !important;
	margin: 10px 0;
	width: 300px;
	max-width: 100%;
	border: 2px solid #fff;
	background: none;
}

#page-account form.account_form_login input::placeholder{
	color: #cbec14;
}

#page-account form.account_form_login input[type=submit]{
	background: #cbec14;
	background: linear-gradient(45deg, #cbec14, #fff705);
	color: #000;
	border: none;
	font-size: 15px;
	font-weight: 700;
	padding: 15px 30px;
	box-shadow: 2px 2px 10px #0000332e;
	margin: 20px 0;
	width: 140px;
	max-width: 100%;
	transition-duration: .2s;
}

#page-account form.account_form_login input[type=submit]:hover{

}



/*-- 9. OCR Labs ---------------------------------------------------------------- */
body.page-8653 #page-bg{
  min-height: 1250px;
}

body.page-8653 footer{
  padding-top: 0;
  margin-top: -100px;
}

#page-header.ocr-labs > .panel-maxwidth{
  padding-bottom: 0;
}

#page-header.ocr-labs p{
  color: #bbda14;
  max-width: 360px;
}

#ocr-labs-content{
  color: #fff;
}

#ocr-labs-content .content > div{
  padding: 0;
  max-width: 90%;
}

#ocr-labs-content .photo img{
  max-height: 400px;
  width: auto;
  max-width: 100%;
}

@media(min-width:768px){
  #ocr-labs-content .photo img{
    margin-top: -100px;
    max-height: 600px;
  }
}


/*-- 9. FAQ Page ---------------------------------------------------------------- */
#faqs .faq{
  margin: 50px 0;
  width: 100%;
  max-width: 900px;
}

#faqs .faq:first-of-type{
  margin-top: 0;
}

#faqs .faq:last-of-type{
  margin-bottom: 0;
}

#faqs .faq > div{
}

#faqs .faq h3{
  color: #CCEC14;
  margin: 0;
}

#faqs .faq .content p{
  color: #fff;
}

#faqs .faq .content p:last-of-type{
  margin-bottom: 0;
}






/*-- X.1 Page Individual HIRE --------------------------------------------------------------------*/
.page-individual-hire .header_wrap{
	background: #000;
}

#hire-header{
	background: #fff;
	padding-top: 100px;
}

#hire-header .content .breadcrumb{
	color: #a3a3a3;
	font-weight: 500;
	margin: 0 0 5px;
}

#hire-header .content .breadcrumb span{
	color: #a6c206;
	font-size: 14px;
	font-weight: 600;
	margin: 0 6px;
}

#hire-header .content .breadcrumb a{
	color: #a3a3a3;
	text-transform: lowercase;
	transition-duration: .2s;
}

#hire-header .content .breadcrumb a:hover{
	color: #000
}

#hire-header .content h1{
	color: #000;
	font-weight: 500;
	line-height: 110%;
	margin: 0 0 5px;
	max-width: 500px;
	width: 100%;
	font-size: 22px;
}

#hire-header .content .special{
	display: inline-flex;
	align-items: center;
	margin: 10px 0;
	transition-duration: .2s;
}

#hire-header .content .special:hover{

}

#hire-header .content .special img{
	width: 16px;
	height: 16px;
	padding: 3px;
	margin-right: 6px;
	background: #819704;
	border-radius: 50%;
}

#hire-header .content .special span{
	color: #819704;
	font-size: 16px;
	margin: 1px 0 0 2px;
}

#hire-header .content .buy-price{
	margin: 10px 0 0;
	color: #a3a3a3;
	font-weight: 500;
	font-size: 16px;
}

#hire-header .content h4{
	color: #a2a2a2;
	margin: 0 0 20px;
	font-size: 25px;
}

#hire-header .content .rates{
	margin: 20px 0;
}

#hire-header .content .rates p{
	font-weight: 600;
	margin: 0;
}

#hire-header .content .rates p .rate{
	min-width: 105px;
	display: inline-block;
}

#hire-header .content .rates p .dollar{
	color: #819704;
	font-size: 15px;
	font-weight: 500;
	margin: 0 2px;
}

#hire-header .content .rates p .amount{
	color: #819704;
	font-weight: 500;
}

#hire-header .content .rates .insurance{
	color: #a7a7a7;
	font-weight: 500;
	font-size: 16px;
	margin: 5px 0 0;
}




#hire-header .content .get-quote{
	display: flex;
	color: #000;
	align-items: center;
	margin: 40px 0 20px;
	overflow: hidden;
}

#hire-header .content .get-quote a{
	background: none;
	color: #000;
	padding: 15px 30px;
	border: 2px solid #000;
	margin-right: 10px;
	font-weight: 600;
	font-size: 16px;
}

#hire-header .content .get-quote a.gq-2{
	background: #cced13;
	border-color: #cced13;
}


#hire-header .content .get-quote .form-add-to-cart button{
  background: #cced13;
  color: #000;
  padding: 15px 30px;
  border: 4px solid #cced13;
  margin-right: 10px;
  font-weight: 600;
  font-size: 17px;
  transition-duration: .2s;
}

#hire-header .content .get-quote .form-add-to-cart button:hover{
  background: #bbda12;
  border-color: #bbda12;
}

#hire-header .content .get-quote .get-quote-content .top{
	color: #ccea36;
}

#hire-header .content .get-quote .get-quote-content .bot{
	color: #8b8b8b;
}

#hire-header .content .get-quote .get-quote-content p{
	margin: 0;
}

#hire-header .photo{
	overflow: hidden;
}

#hire-header .photo .product-gallery{
	width: 100%;
	display: block;
}

#hire-header .photo .product-gallery ul{
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 10px 0;
	padding: 0;
}

#hire-header .photo .product-gallery ul li{
	margin: 5px;
	padding: 0;
	width: 12px;
	height: 12px;
	border-radius: 12px;
	background: #4c4c4c;
	list-style-type: none;
	transition-duration: .2s;
}

#hire-header .photo .product-gallery ul li button{
	display: none;
}

#hire-header .photo .product-gallery ul li:hover,
#hire-header .photo .product-gallery ul li.slick-active{
	background: #cced13;
}



#hire-header .photo img{
	display: block;
}

/**/
#hire-content{
	background: #000;
	background: linear-gradient(0deg, #000, #2b2521);
	padding: 5px 0;
}

#hire-content .content{
	color: #c7c7c7;
}

#hire-content .content figure{
	padding: 0;
	margin: 0;
	display: block;	
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
}

#hire-content .content figure.figure-image{
	padding: 0;
}

#hire-content .content figure iframe{
	position: absolute;
	width: 100% !important;
	height: 100% !important;
}

#hire-content .content iframe{
	max-width: 100%;
}

#hire-content .content h3{
	color: #cbec14;
	margin: 40px 0 30px 0;
}

#hire-content .content img{
	width: 100%;
	height: auto;
	margin: 5px 0;
}

#hire-content .content p,
#hire-content .content li{
	color: #fff;
}

#hire-content .resources > div.resources-content a{
	color: #fff;
	display: flex;
	align-items: center;
	margin: 10px 0;
}

#hire-content .resources > div.resources-content a:first-of-type{
	margin-top: 0;
}

#hire-content .resources > div.resources-content a:last-of-type{
	margin-bottom: 0;
}

#hire-content .resources > div.resources-content a img{
	width: 10px;
	height: 10px;
	margin-left: 18px;
}

#hire-content .resources > div.resources-content a:hover{
	color: #bbda14;
}

#hire-content .resources > div{
	position: relative;
	/*background: #393939;
	min-height: 600px;*/
	padding: 25px 20px;
}

#hire-content .resources > div h3{
	position: relative;
	color: #cbec14;
	margin: 0 0 30px;
	z-index: 2;
}

#hire-content .resources > div p{
	color: #fff;
}


/*
#hire-content .resources > div a{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #fff;
	margin: 15px 0;
	transition-duration: .2s;
	z-index: 2;
}

#hire-content .resources > div a img{
	width: 14px;
	height: 14px;
	margin: 0 0 0 -5px;
	transition-duration: .2s;
}

#hire-content .resources > div a:hover{
	color: #cbec14;
}

#hire-content .resources > div a:hover img{
	transform: translateX(5px);
}

#hire-content .resources > div .silhouette{
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	display: none;
}
*/

#hire-content .resources > div .process-steps{
	margin: 30px 0 0;
}
	
#hire-content .resources > div.process{
	margin: 30px 0 0;
	background: #343434;
	color: #000;
	min-height: auto;
}

#hire-content .resources > div.process h3{
	margin-bottom: 5px;
}

#hire-content .resources > div.process p.intro{
	color: #fff;
	margin: 15px 0 40px;
}

#hire-content .resources > div.process .process-step{
	background: #0000001a;
	color: #fff;
	padding: 15px;
}

#hire-content .resources > div.process .process-step .step{
	min-width: 65px;
	display: inline-block;
	font-weight: 600;
}

#hire-content .resources > div a.view-tcs{
	color: #fff;
	background: #acc910;
	padding: 15px;
	display: block;
	text-shadow: 2px 2px 10px #00000052;
	text-align: center;
	transition-duration: .2s;
}

#hire-content .resources > div a.view-tcs:hover{
	background: #bbda12;
}

@media (min-width:768px){
	#hire-header{
		padding-top: 130px;
	}
	
	#hire-header > div{
		padding: 50px 0;
		transition-duration: .2s;
	}
	
	#hire-content .content > div{
		padding-right: 12%;
	}
	
	#hire-header .content h1{
		font-size: 35px;
	}
	
	#hire-content .resources > div{
		padding: 40px;
	}
}

@media (min-width:1200px){
	#hire-header > div{
		padding: 100px 0;
	}
	
	#hire-header .content .breadcrumb{
		margin: 20px 0 5px;
	}
	
}

@media (min-width:1300px){
	#hire-header{
		padding-top: 150px;
	}
	
	#hire-header > div{
		padding: 140px 0;
	}	
}

/*-- X.1 Page Individual HIRE --------------------------------------------------------------------*/
.page-individual-shoot .header_wrap{
	background: #000;
}

.page-individual-shoot #shoot-header{
  background: #000;
  padding-top: 60px;
}

.page-individual-shoot #shoot-header > div{
  position: relative;
  padding-bottom: 10px;
}

.page-individual-shoot #shoot-header iframe{
  width: 100%;
  min-height: 300px;
}

.page-individual-shoot #shoot-header .videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
  overflow: hidden;
}

.page-individual-shoot #shoot-header .videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.page-individual-shoot #shoot-header .videoWrapper img{
  position: absolute;
  object-fit: cover;
  width: 100%;
  height: 100%;
  filter: grayscale(1) blur(4px);
}

.page-individual-shoot #shoot-header .videoWrapper p.coming-soon{
  z-index: 99;
  position: absolute;
  width: 100%;
  height: 100%;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  font-size: 30px;
  font-weight: 600;
  text-shadow: 2px 2px 5px #00000030;
}

.page-individual-shoot #shoot-header .scrolldown{
	display: none;
  width: 12px;
  height: auto;
  position: absolute;
  bottom: 40px;
  left: -30px;
}

.page-individual-shoot #shoot-intro{
  background: #000;
  padding: 5px 0 30px;
}

.page-individual-shoot #shoot-intro > div{
  width: 800px;
  margin: 0 auto;
  color: #fff;
  padding: 15px 0;
}

.page-individual-shoot #shoot-intro > div h1.shoot-heading{
	text-align: left;
	font-size: 22px;
	margin: 0;
	color: #cced14;
}

.page-individual-shoot #shoot-intro > div figure{
  padding: 0;
  margin: 20px 0;
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}

.page-individual-shoot #shoot-intro > div figure.figure-image{
  height: 100%;
  padding: 0;
}

.page-individual-shoot #shoot-intro > div figure iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.page-individual-shoot #page-shoot-list{
  background: #151515;
}

.page-individual-shoot #page-shoot-list .intro{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto 30px;
  color: #fff;
}

.page-individual-shoot #page-shoot-list .intro h2{
  color: #fff; 
}

.page-individual-shoot #page-shoot-list .intro a{
  color: #cced14;
  transition-duration: .2s;
}

.page-individual-shoot #page-shoot-list .intro a:hover{
  color: #fff; 
}

@media (min-width:768px){
	.page-individual-shoot #shoot-header{
		padding-top: 150px;
	}
	
	.page-individual-shoot #shoot-intro > div h1.shoot-heading{
		font-size: 34px;
		margin: 10px 0 40px;
		text-align: center;
	}
	
	.page-individual-shoot #shoot-header .scrolldown{
		display: block;
	}
	
	.page-individual-shoot #shoot-intro > div{;
		padding: 30px 0;
	}

}




/*-- X3.1 Snippet: Floating Ask Pete --------------------------------------------------*/
.ask-pete{
	position: fixed;
	z-index: 99999;
	top: unset;
	bottom: 15px;
	right: 0;
	margin: auto 0 0 0;
	height: unset;
	width: 35px;
	transition-duration: .2s;
}

.ask-pete img{
	width: 30px;
	height: auto;
}

@media (min-width:768px){
	.ask-pete{
		top: 0;
		bottom: 0;
		margin: auto;
		height: 150px;
		width: 50px;
	}

	.ask-pete img{
		width: 40px;
	}
}

/*-- X3.2 Snippet: Page Ask Pete --------------------------------------------------*/
.page-ask-pete{
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
}

.page-ask-pete #popup-ask-pete{
  background-color: #000;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 100%;
  color: #fff;
}

.page-ask-pete #popup-ask-pete > div{
  padding: 20px;
}

.page-ask-pete #popup-ask-pete h1{
  color: #acc910;
  margin: 0;
}

.page-ask-pete #popup-ask-pete p{
  margin: 5px 0 10px;
}

.page-ask-pete #popup-ask-pete .freeform-row .freeform-column label {
  display: none;
}

.page-ask-pete #popup-ask-pete.popup-buy-quote .freeform-row .freeform-column label {
	display:block;
	margin-bottom:4px;
	font-weight:500;
}

.page-ask-pete #popup-ask-pete input,
.page-ask-pete #popup-ask-pete textarea{
	border: none;
  padding: 15px !important;
  outline: none !important;
}

.page-ask-pete #popup-ask-pete input[readonly] {
	opacity:0.75;
	color:#666;
}

.page-ask-pete #popup-ask-pete .freeform-row .freeform-column button{
  background: #adc90f;
  border: none;
  padding: 20px 40px;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  transition-duration: .2s;
}

.page-ask-pete #popup-ask-pete .freeform-row .freeform-column button:hover{
  background: #bbda12;
}

.page-ask-pete #popup-ask-pete input.qty{
    width: 35px;
    height: 20px;
    padding: 5px 10px;
    font-size: 14px;
    margin-right: 20px;

}

.page-ask-pete #popup-ask-pete .freeform-alert.freeform-alert-success {
	border:1px solid #acc910;
	padding:12px;
	margin:0 0 16px 0;
}

@media (min-width: 768px){
  .page-ask-pete #popup-ask-pete > div{
    padding: 50px;
  }
  
  .page-ask-pete #popup-ask-pete textarea{
    padding: 20px;
  }
  
}


/*-- X4. Terms and Conditions --------------------------------------------------*/

#page-terms-and-conditions,
#page-terms-and-conditions h1,
#page-terms-and-conditions h2,
#page-terms-and-conditions h3,
#page-terms-and-conditions h4,
#page-terms-and-conditions h5,
#page-terms-and-conditions h6,
#page-terms-and-conditions p{
	color: #fff;
}



/*-- C1. Camera Bag  --------------------------------------------------*/
.commerce-13624 #page-header p{
  color: #fff;
  max-width: 340px;
  margin-bottom: 0;
}


#commerce-hire-and-buy{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#commerce-hire-and-buy > div{
  flex: 0 0 49%;
  border-radius: 5px;
  position: relative;
  background-color: #000;
  box-shadow: inset 0 0 0 4px #cbec14;
  color: #fff;
}

#commerce-hire-and-buy > div > div{
  padding: 30px 30px 100px;
}

#commerce-hire-and-buy > div > div h2{
  color: #cbec17;
  margin: 0 0 25px; 
  font-size: 25px;
}

#commerce-hire-and-buy > div > div p{
  max-width: 300px;
}

#commerce-hire-and-buy > div > div .button{
  display: inline-block;
  position: absolute;
  bottom: 30px;
  cursor: pointer !important;
}

#commerce-hire-and-buy > div > div .button{
  cursor: pointer !important;
}

/*-- camera bag: container hire --*/

#commerce-hire-and-buy .container-hire #hire-bag-table.mini{
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
}

#commerce-hire-and-buy .container-hire #hire-bag-table.mini tr.item{
  background: none;
  border: none;
  color: #fff;
}

#commerce-hire-and-buy .container-hire #hire-bag-table.mini tr.item td{
  color: #fff;
  border: none;
  padding: 0;
}

#commerce-hire-and-buy .container-hire table a,
#commerce-hire-and-buy .container-buy table a{
  color: #fff; 
  font-size: 16px;
  line-height: 120%;
  margin: 5px 0;
  display: inline-block;
  pointer-events: none !important;
}

#commerce-hire-and-buy .container-hire table a:before,
#commerce-hire-and-buy .container-buy table a:before{
  content: "• ";
}

#commerce-hire-and-buy .container-hire #hire-bag-table.mini tr.item td.thumbnail,
#commerce-hire-and-buy .container-hire #hire-bag-table.mini tr.item td.actions,
#commerce-hire-and-buy .container-hire #hire-bag-table.mini tr.item td.price{
  display: none;
}

#commerce-hire-and-buy .container-hire #hire-bag-table.mini tr.total{
  display: none;
}

/*-- camera bag: container buy --*/


/*-- C2. Commerce Cart --------------------------------------------------*/
#commerce-cart{
  overflow: hidden;
}

#commerce-cart > div{
  width: 90%;
  margin: 0 auto;
}

#commerce-cart table{
  text-align: left;
  width: 100%;
  border-collapse: collapse;
}

#commerce-cart table tr th{
  line-height: 90%;
}

#commerce-cart table tr th,
#commerce-cart table tr td{
  padding: 2px; 
  word-break: break-word;
  font-size: 12px;
}

#commerce-cart table tr:nth-of-type(even){
  background: #fcfcfc;
}

#commerce-cart table .product-title a{
  color: #000;
  transition-duration: .2s;
}

#commerce-cart table .product-title a:hover{
  text-decoration: underline;
}

#commerce-cart table .product-qty{
  text-align: center;
}

#commerce-cart table .product-price{
  text-align: right;
}

#commerce-cart table .total{
  text-align: right;
}

#commerce-cart table.cart_table .item_name{
  padding: 10px 2px;
}

#commerce-cart table.cart_table .item_img img{
  width: 120px;
  max-width: 100%;
  height: auto;
}

#commerce-cart table.cart_table .item_remove{
  text-align: center;
}

#commerce-cart table.cart_table .item_qty{
  text-align: center;
}

#commerce-cart table.cart_table .item_qty input{
  width: 15px;
  max-width: 100%;
  padding: 5px;
  text-align: center;
}

#commerce-cart table.cart_table th.product{
  min-width: 44px;
}

#commerce-cart table.cart_table th.remove{
  min-width: 47px;
}

#commerce-cart table.cart_table th.qty{
  text-align: center;
}

#commerce-cart table.cart_table .subtotal{
  text-align: right;
}

#commerce-cart table.cart_table span.estimated-total{
  display: block;
  color: #b2b2b2;
  margin: 0 0 5px;
  font-size: 14px;
  line-height: 14px;
  margin: 10px 0;
}

#commerce-cart table.cart_table span.currency,
#commerce-cart table.cart_table span.number{
  color: #98b306;
}

#commerce-cart table.cart_table tr.row_total{
  background: none;
  border-top: 2px solid #eeeeee;
}

#commerce-cart table.cart_table tr.row_update{
  background: none;
  text-align: right;
}

#commerce-cart table.cart_table tr.row_update td{
  padding: 0; 
}

#commerce-cart table.cart_table tr.row_update .button{
  color: #fff;
  background: #a7a7a7;
  border: none;
  text-shadow: 2px 2px 10px #00000026;
  font-size: 11px;
  padding: 8px;
  font-weight: 600;
  border-radius: 2px;
  margin: 0;
  outline: none !important;
  transition-duration: .2s;
  margin-top: 10px;
}

#commerce-cart table.cart_table tr.row_update .button:hover{
  background: #bebebe;
}

@media (min-width:768px){
  #commerce-cart table.cart_table tr.row_update .button{
    font-size: 15px;
    padding: 18px 30px;
    margin-top: 0;
  }
  
  #commerce-cart table.cart_table .item_qty input{
    width: 30px; 
  }
}

/*-- C3.1 Commerce Breadcrumbs --------------------------------------------------*/
#commerce-breadcrumbs{
  background: none !important;
  box-shadow: inset 0 0 0 3px #fff;
  margin: 0 auto 20px;
}

#commerce-breadcrumbs ul{
  display: flex;
  list-style-type: none;
  margin: 0;
  padding: 30px;
}

#commerce-breadcrumbs ul li{
}

#commerce-breadcrumbs ul li:after{
  content: ">"; 
  color: #878787;
  font-size: 14px;
  margin: 0 10px;
}

#commerce-breadcrumbs ul li:last-of-type:after{
  display: none;
}

#commerce-breadcrumbs ul li a,
#commerce-breadcrumbs ul li span{
  color: #fff; 
  transition-duration: .2s;
}

#commerce-breadcrumbs ul li a:hover{
  color: #bbda14;
}

#commerce-breadcrumbs ul li a.active{
  color: #bbda14;
  border-bottom: 2px solid #bbda14;
}

@media (min-width:768px){
  #commerce-cart table tr th,
  #commerce-cart table tr td{
    padding: 20px; 
    font-size: 16px;
    word-break: keep-all;
  }
}

/*-- C3.2 Commerce Button --------------------------------------------------*/
.commerce-cart-intro{
  margin: 0 0 30px;
  padding: 0 0 30px;
  border-bottom: 2px solid #eeeeee;
}

.commerce-cart-intro h2{
  color: #bbda14;
}

.commerce-cart-intro p{
  margin: 5px 0; 
}

/*-- C3.3 Commerce Button --------------------------------------------------*/
button.commerce-buy-button{
  color: #fff;
  background: #acc910;
  border: none;
  text-shadow: 2px 2px 10px #00000026;
  font-size: 15px;
  padding: 25px 30px;
  font-weight: 600;
  border-radius: 2px;
  margin: 20px 0 0;
  outline: none !important;
  transition-duration: .2s;
}

button.commerce-buy-button:hover{
 background: #bbda12; 
}

/*-- C4. Commerce - Your Details --------------------------------------------------*/
#commerce-your-details{
  margin: 30px auto 0;
}

#commerce-your-details > div{
  width: 90%;
  margin: 0 auto;
}

#commerce-your-details .commerce-your-details-intro{
  margin: 0 0 30px;
}

#commerce-your-details .commerce-your-details-intro h2{
  color: #acc910;
}

#commerce-your-details .commerce-your-details-intro p{
  margin: 5px 0;
}

#commerce-your-details .address_groups .address_group .row{
  display: flex;
  justify-content: space-between;
}

#commerce-your-details .address_groups .address_group .row .column{
  padding: 10px 0;
  flex: 0 0 48%;
}

#commerce-your-details .address_groups .address_group .row .column label{
  display: block;
}

#commerce-your-details .address_groups .address_group .row .column input{
  border: 1px solid #e1e1e1;
  padding: 8px;
  margin: 10px 0 0;
  width: calc(100% - 16px);
}

#commerce-your-details .checkout_proceed{
  text-align: right;
}


/*-- C5. Commerce - xxxxxxx --------------------------------------------------*/


/*-- C6. Commerce - Complete --------------------------------------------------*/
#commerce-complete > div{
  width: 90%;
  margin: 0 auto;
}

#commerce-complete h2{
  color: #bbda14;
  margin: 0 0 30px;
}


#commerce-complete .commit-to-buy .qty{
  background: #e8e8e8;
  color: #4f4f4f;
  font-size: 14px;
  font-weight: 600;
  padding: 5px 10px;
  border-radius: 5px;
  letter-spacing: 2px;
  margin-left: 10px;
}


/*-- Z. Animation Elements --------------------------------------------------------------------*/
.animate{
  position: relative;
}

.bounce-up.in-view.animate,
.slide-from-left.in-view.animate,
.slide-from-right.in-view.animate,
.fadein.in-view.animate{
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

/*-- animation: bounce up--*/
.bounce-up.animate {
  opacity: 0;
  
  /*-- transition --*/
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  
  /*-- transform --*/
  -moz-transform: translate3d(0px, 50px, 0px);
  -webkit-transform: translate3d(0px, 50px, 0px);
  -o-transform: translate(0px, 50px);
  -ms-transform: translate(0px, 50px);
  transform: translate3d(0px, 100, 0px);
  
  /*-- visibility --*/
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

/*-- animation: slide from left --*/
.slide-from-left.animate {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(-50px, 0px, 0px);
  -webkit-transform: translate3d(-50px, 0px, 0px);
  -o-transform: translate(-50px, 0px);
  -ms-transform: translate(-50px, 0px);
  transform: translate3d(-50px, 0px, 0px);
}

/*-- animation: slide from right --*/
.slide-from-right.animate {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(50px, 0px, 0px);
  -webkit-transform: translate3d(50px, 0px, 0px);
  -o-transform: translate(50px, 0px);
  -ms-transform: translate(50px, 0px);
  transform: translate3d(50px, 0px, 0px);
}

@media (max-width: 768px){
  .animate{
    overflow: hidden;
  }
}

.delay-1 {transition-delay: 0.05s !important;}
.delay-2 {transition-delay: 0.10s !important;}
.delay-3 {transition-delay: 0.15s !important;}
.delay-4 {transition-delay: 0.20s !important;}
.delay-5 {transition-delay: 0.25s !important;}
.delay-6 {transition-delay: 0.30s !important;}


.freeform-row .freeform-column .input-group-one-line label,
.checkout-form .freeform-row .freeform-column .freeform-label{
	display: flex;
	align-items: center;
}