html {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  color:#00394d;

}

li {
list-style:none;
}



body {
  background-color:#00394d;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
	font-family: 'Overpass', sans-serif;
	letter-spacing: 1.5px;
  	font-weight: 900;
	

  overflow-x: hidden;
}

a {
  text-decoration: none;
  cursor:pointer;
    color:#00394d;

}

	  
	  
#topmouseover{
	width:150px;
	height:150px;
	right:0;	
	position:fixed;
	-webkit-transform: translateZ(0);
	top:0px;
	background-color: #FFFFFF;	
    opacity:0.0;
    filter:alpha(opacity=0); /* For IE8 and earlier */
	z-index:125;
}

.content-title {
  font-size: 12vh;
  line-height: 1.4;
}


.content-sub {
font-size:16px;
}


#topmouseover {
	z-index:149;
}


.nowrap {
white-space:nowrap;

z-index:153;
}


.nowrap ul
{
-webkit-padding-start: 0;
}

.nowrap li
{
	white-space:nowrap;
	display:inline-block;    
}



.two {
  background-position: bottom right;
}

.three {
  background-position: right center;
}

.four {
  background-position: center center;
}

.buffer {
width:100%;
height:75px;
background-color: rgba(0, 57, 77, 0);	
position:relative;
top:0;
}

.sectioninside {
color:rgba(0, 57, 77, 1); 
background-color:rgb(191, 215, 48);
margin: 0 auto;
margin-top:-10px;
margin-bottom:35px;
width:90vw;
text-align:center;
border-radius:10px;
min-height:100px;
	overflow-y:visible;  
/* box-shadow: 0 0 25px #00394d; */

}

.section {
  position: relative;
  width: 100%;
  transform-style: inherit;
  min-height:250px;
  width: 100vw;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
	background: 50% 50% / cover;
	overflow-y:visible;  


}



.section p {
  text-align: center;
  font-size: 3vw;
  margin: 0 auto;
  padding:50px;
}


.section:before {
  content: "";
  top: 0;
  bottom: 0;
  left:0;
  right:0;
    background: 0 0 / cover;
}

.section1:before {
  position: absolute;
}



.section:nth-child(2n) .title {
  margin-left: 0;
  margin-right: auto;
}

.section:nth-child(2n+1) .title {
  margin-left: auto;
  margin-right: 0;
}

#message {
background-color:#F5F5F5;

}

input[type] {
background-color:#F5F5F5;
}

#gotoclientsup {
  color:#00394d;
}

#gotoclientsup:hover {
  color:#fff;
}



#work {
	height:81vh;
	overflow: visible;

   background-attachment: fixed;  
}

#workincategory {
	overflow: visible;
   background-attachment: fixed;

}

#section1 {
  /* background-image: url("/images/backgroundimage1.jpg"); */
    /* transform: translateZ(-1px) scale(2); */
  background-attachment: fixed;

}



#section2 {
  /* background-image: url("/images/backgroundimage2.jpg"); */
  background-attachment: fixed;
  padding-bottom:35px;
  background-color:rgb(191, 215, 48);
}

#section2incategory {
	background-color: #00394d;
}

#quote .sectionheader {
  color:#FFF;
	padding-left:calc(1px + 8vw);
}


#section3:before {
  /* transform: translateZ(-1px) scale(2); */
  z-index:-1;
}

#section3 {
min-height:200px;
padding-top:35px;
overflow:visible;
background-color: rgba(0, 57, 77, 1);
	
}

#footer {
background-color: rgba(0, 57, 77, 0);
color:#ffffff;
font-size:10px;

}


.sectionupbutton, .sectiondownbutton 
{
font-size:18px;
text-align:center;
width:100%;
margin-top:17px;
color:rgb(191, 215, 48); 
z-index:498;
cursor:pointer;
border-top-left-radius: 5px;
     -moz-transform:  scale(2, 1);
    -ms-transform:  scale(2, 1);
    -o-transform:  scale(2, 1);
    -webkit-transform:  scale(2, 1);
    transform:  scale(2, 1);
 
 }
 
 


.sectiondownbutton 
{
cursor:pointer;
text-align:center;
height:38px;
width:20px;
padding-right:12px;
padding-left:5px;
padding-top:10px;
color:rgb(191, 215, 48);
background-color:#00394d;
bottom:-5px;
position:fixed;
right:0;  
/* box-shadow: 0 0 10px rgba(0, 57, 77, 1); */
	border-radius:none;

}

 
 .sectionupbutton:hover, .sectiondownbutton:hover 

{
color:#FFFFFF;
cursor:pointer;
font-size:20px;
 }

 .sectiondownbutton:hover 
{
color:#00394d;
background-color:#ffffff; 
 }



	  
	  
	  .category {
  		position: fixed;
		-webkit-transform: translateZ(0);
		
		
		-moz-transform:  skew(-10deg);
    	-ms-transform:  skew(-10deg);
   	 	-o-transform:  skew(-10deg);
   		-webkit-transform:  skew(-10deg);
		transform: skew(-10deg);
		
		border-bottom-left-radius:5px;
		float:right;
  		right: 39px;
  		z-index: 97;
  		font-size:24px;
		padding-left:20px;
		padding-right:35px;
		background: rgba(0, 57, 77, 1.0);	
		color:rgb(191, 215, 48);
		height:50px;
		line-height:50px;
		/* box-shadow: 0 0 10px rgba(0, 57, 77, 1); */

	}


	  
	  
	  /*  NAV  */
	  
	  
#topnavback{
		position:fixed;
		right:0;
		height:199px;
		width:50px;
		background:none;
	  /* background-color:#00394d;
	  	box-shadow: 0 0 10px rgba(0, 57, 77, 1); */

	  }
	  
	  
	
.navspacer{
	font-weight:400;
	font-size:12px;
}



#topnav {
	position:fixed; 
	-webkit-transform: translateZ(0);
	z-index:551; 
	display:none;
	left:0; 
	top:0;
	width:100vw;

}

#topnav ul { 
	float:left;
	position:relative;
	line-height:13px;
	width:calc(50vw - 60px);

	min-width:225px;
	background-color: #00394d; 
	margin-top:-10px;
	/* box-shadow: 0 0 10px rgba(0, 57, 77, 1); */
	font-size: calc(10px + 1vw);
	padding:25px;
	border-bottom-right-radius: 5px;
	z-index: 665;
	}

	
#topnav li {
	display: inline-block;
 	margin-top:5px;
	background-color:rgb(191, 215, 48);
	padding: calc(10px + .25vw);
		-moz-transform:  skew(-10deg);
    	-ms-transform:  skew(-10deg);
   	 	-o-transform:  skew(-10deg);
   		-webkit-transform:  skew(-10deg);
		transform: skew(-10deg);	
	line-height: calc(14px + .5vw);
	border-radius:5px;
}


	  
#topnav li:hover {
  color:#00394d;
  background-color:#FFFFFF;
  	/* box-shadow: 0 0 10px #000000; */

}











#bottomnavleft li {
  font-size: calc(14px + 0.75vw);
	display: inline-block;
 	margin:5px;
	background-color:#FFFFFF;
	padding: calc(10px + 1.5vw);
		-moz-transform:  skew(-10deg);
    	-ms-transform:  skew(-10deg);
   	 	-o-transform:  skew(-10deg);
   		-webkit-transform:  skew(-10deg);
		transform: skew(-10deg);
		border-radius:5px;

}

#bottomnavleft li a {
		-moz-transform:  skew(10deg);
    	-ms-transform:  skew(10deg);
   	 	-o-transform:  skew(10deg);
   		-webkit-transform:  skew(10deg);
		transform: skew(10deg);
	}


#bottomnavleft li:hover {

  color:#FFFFFF;
	background-color:rgb(191, 215, 48);
	/* box-shadow: 0 0 10px #00394d; */

}

#bottomnavleft li a:hover {
  color:#FFFFFF;

	background-color:rgb(191, 215, 48);
}


.currentpage
{
	color:#00394d;
	background-color:#BFD730;
	pointer-events: none;
}
li.currentpage
{
	color:#00394d;
		background-color:#BFD730 !important;
	pointer-events: none;
	
}
l1.currentpage:hover
{
	color:#00394d;
		pointer-events: none;
}

li.currentpagetop
{
	color:#00394d;
	background-color:#ffffff !important;
	pointer-events: none;
}

.currentpagetop li:hover
{
	color:#00394d;
	background-color:#ffffff;

}

#musictab {
	position:fixed;
	-webkit-transform: translateZ(0);
	bottom:0;
	width: 100%;
	background-color:rgb(191, 215, 48);
	z-index:599;
	display:none;
	/* box-shadow: 0 0 10px #00394d; */
	border-top-left-radius:10px;
	border-top-right-radius:5px;
	margin:0 auto;
	padding:25px;
	padding-bottom:0px;
}


#hidemusictab {
width:35px;
height:50px;
position:absolute;
font-size:28px;
cursor:pointer;
background-color:rgb(191, 215, 48);
z-index:551;
left:calc(100%-25px);
padding:0;
padding-top:5px;
bottom:0;
border-top-right-radius:5px;
margin-left:-5px;
}

#hidemusictab:hover {
color:#ffffff;
}

#topnavbutton
{
position:fixed; 
-webkit-transform: translateZ(0);
top:0;
right:0;  
height:50px; 
width:50px;

z-index:497; 
background-color:rgb(191, 215, 48); 
color:#00394d; 
cursor:pointer;
	border-bottom-left-radius: 5px;
	/* box-shadow: 0 0 10px rgba(0, 57, 77, 1); */
  font-size: calc(36px + 0.4vw);
  text-align: center;
line-height:50px;
}

#topnavbuttonwork
{
position:fixed; 
-webkit-transform: translateZ(0);
top:0;
right:0;  
height:50px; 
width:50px;

z-index:498; 
background-color:rgb(191, 215, 48); 
color:#00394d; 
cursor:pointer;
	border-bottom-left-radius: 5px;
	/* box-shadow: 0 0 10px rgba(0, 57, 77, 1); */
  font-size: calc(36px + 0.4vw);
  text-align: center;
line-height:50px;
}

#topnavbuttonwork:hover
{
color:#ffffff; 
background-color:#00394d;
  font-size: calc(40px + 0.4vw);
}


#topnavbutton:hover
{
color:#ffffff; 
background-color:#00394d;
  font-size: calc(40px + 0.4vw);
}


#topnavclosebutton {
	position:fixed; 
	-webkit-transform: translateZ(0);
	right:0; 
	height:50px; 
	width:50px; 
	z-index:555; 
	font-size:40px; 
	color:#FFFFFF; 
	background-color:#00394d;
	text-align:center;
	border-bottom-left-radius:5px;
	top:0px;
	text-align: center;
	line-height:50px;
} 

#topnavclosebutton:hover
{
background-color:rgb(191, 215, 48); 
color:#00394d; 
  font-size: calc(40px + 0.4vw);


}

#music, #instagram, #fb  {
	position:absolute;
	right:0; 
	width:50px; 
	height:50px; 
	background-size:25px; 
	background-repeat:no-repeat; 
	background-position:center;
	
	/*
	background-color:#00394d;
	color:rgb(191, 215, 48);
	box-shadow: 0 0 10px rgba(0, 57, 77, 1);
	*/
	
	-webkit-transform: translateZ(0);
	z-index:152;
	text-align: center;
	line-height:52px;
	font-size:34px;
}

#music {
	margin-top:149px; 
		border-bottom-left-radius: 5px;

}


#instagram {
	margin-top:50px; 
	/* background-image:url(/images/instagram-green.png); */
}

#fb {
	margin-top:100px; 
	/* background-image:url(/images/fb-green.png); */
}

#music:hover, #instagram:hover, #fb:hover  {
		background-size:30px;
		font-size:36px;

	/*
		background-color:rgb(191, 215, 48);
		color:#00394d;
	*/
}

/*

#instagram:hover {
	background-image:url(/images/instagram-blue.png); 

}
#fb:hover {
	background-image:url(/images/fb-blue.png); 

}
*/





#bottomnavleft ul { 
	line-height:13px;
	padding:0;
	margin:0 auto;
	padding-top:25px;
	width:100%;
}




#logo, #bottomlogo
{ 
	float:left; 
	margin-top:-10px;
	margin-bottom:-25px;
	left:0;
	/* box-shadow: 0 0 10px rgba(0, 57, 77, 1); */
	background-color:#00394d;
	background-image:url(/images/NiceUp_Logo_white.png); 
	min-width:275px;
	max-width:500px;
	min-height:275px;
    max-height:500px;
	width:calc(50vw - 25px);
	height:calc(50vw - 25px);
	border-bottom-right-radius:5px;
	z-index:555;

	background-position: top;
	background-size:95%; 
	background-repeat:no-repeat;
	-webkit-transform: translateZ(0);

}

#logo:hover {
	background-image:url(/images/NiceUp_Logo_green.png); 
}


#bottomlogo
{
	background-image:url(/images/NiceUp_Logo_green.png);
	background-position: top center;
	position:relative;
	margin:0 auto;
	margin-bottom:10px;
	float:none;
	top:0;
	right:0;
	left:0;
	background-size:100%; 
	
	width:75vw;
	height:75vw;
	min-width:250px;
	max-width:500px;
	min-height:250px;
    max-height:500px;
	   box-shadow:none;
	   z-index:149;



}

#bottomlogo:hover {
	background-image:url(/images/NiceUp_Logo_white.png);


}


.smallnavbutton
{
  font-size: calc(10px + 0.4vw);
	padding-top:12px; 
	padding-bottom:10px;
}


.longnavbutton
{
	letter-spacing:1px;
}

 
.smalllongnavbutton
{
	letter-spacing:1px;
  font-size: calc(10px + 0.4vw);
	padding-top:12px; 
	padding-bottom:10px;
}


	  
	  /*  HORIZ ART SWIPER/SLIDES  */
	  
	  
    .swiper-container {
        width: 100vw;
        height: 100%;
	position:absolute;
	top:0;
	left:0;
	
        
    }
    .swiper-slide {
        font-size: 18px;
        background: #fff;
	width:100vw;
        height: 100%;
	top:0;
 	no-repeat center center: fixed;
	  -webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	 background-position: center;

    }
	.swiper-slide img {
      width: 100vw;
      height:100%;
    file:index.html  max-width: 100%;
      -ms-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      position: absolute;
      left: 50%;
      top: 50%;
    }
	
	
	
#nextbutton_clearspan {

	background-image:none;
	position:fixed;
			-webkit-transform: translateZ(0);
 top:0;
	right:0px;
	z-index:499;
	width:50px;
	height:100%;
	background-color: rgba(0, 57, 77, 0.0); 
	/* box-shadow: 0 0 10px rgba(0, 57, 77, 0); */
}

#prevbutton_clearspan{
	background-image:none;
	position:fixed;
	-webkit-transform: translateZ(0);
	right:auto;
	left:0;
	z-index:498;
	width:50px;
	height:100%;
	background-color: rgba(0, 57, 77, 0.0); 	
	top:0;

}




.swiper-button-prev{

	position:fixed;
	-webkit-transform: translateZ(0);
	right:50px;
	bottom:0px;
	z-index:503;
	width:50px;
	height:50px;
text-align: center;
line-height:50px;
font-size:26px;
	color: rgb(191, 215, 48);
	background-color: rgba(0, 57, 77, 1.0);
	/* box-shadow: 0 0 10px rgba(0, 57, 77, 1); */
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
-moz-transform: scale(-1, 1);
-webkit-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
 		cursor:pointer;
		border-top-right-radius:5px;

}	


.swiper-button-next{

	position:fixed;
	-webkit-transform: translateZ(0);
	color: rgb(191, 215, 48);
	right:0;
	bottom:0px;
	z-index:502;
	width:50px;
	height:50px;
	background-color: rgba(0, 57, 77, 1.0);		
	/* box-shadow: 0 0 10px rgba(0, 57, 77, 1); */
	cursor:pointer;
text-align: center;
line-height:50px;
font-size:26px;


}


.swiper-button-next:hover, .swiper-button-prev:hover {
		color: rgba(0, 57, 77, 1.0);		
		background-color: rgb(191, 215, 48);
}
	

#nextbutton:hover, #prevbutton:hover
{
		color: rgba(0, 57, 77, 1.0);		
		background-color: rgb(191, 215, 48);
		cursor:pointer;
}


	
	
#nextbutton_zoomoverlay:hover, #prevbutton_zoomoverlay:hover
{
		color:#fff;		
		cursor:pointer;
}





#swiperslide1 
{
	background-image:url(/images/slides-index/1.jpg);
}
#swiperslide2
{
	background-image:url(/images/slides-index/2.jpg);
}
#swiperslide3
{
	background-image:url(/images/slides-index/3.jpg);
}
#swiperslide4
{
	background-image:url(/images/slides-index/4.jpg);
}
#swiperslide5
{
	background-image:url(/images/slides-index/thumb5.jpg);
}
#swiperslide6
{
	background-image:url(/images/slides-index/6.jpg);
}
#swiperslide7
{
	background-image:url(/images/slides-index/7.jpg);
}
#swiperslide8
{
	background-image:url(/images/slides-index/thumb8.jpg);
}
#swiperslide9
{
	background-image:url(/images/slides-index/9.jpg);
}
#swiperslide10
{
	background-image:url(/images/slides-index/10.jpg);
}
#swiperslide11
{
	background-image:url(/images/slides-index/11.jpg);
}









/* ZOOM OVERLAY */



#zoomoverlayclosebutton{
	z-index:501; 
	color:rgb(191, 215, 48); 
	background-color: rgba(0, 57, 77, 1); 
	font-size:26px; 
	font-weight:900; 
	position:absolute;  
	width:50px; 
	height:50px;
	bottom:27px;
	left:0px;
	border-bottom-left-radius:5px;

	  text-align: center;
line-height:50px;
}

#zoomoverlayclosebutton:hover
{
	color: #fff; 

}


#prevbutton_zoomoverlay{
		z-index:501; 

	position:absolute;
	float: left;
	-webkit-transform: translateZ(0);
	right:50px;
	bottom:25px;
	width:50px;
	height:50px;
text-align: center;
line-height:50px;
font-size:26px;
	color: rgb(191, 215, 48);
	background-color: rgba(0, 57, 77, 1.0);
	/* box-shadow: 0 0 10px rgba(0, 57, 77, 1); */
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
-moz-transform: scale(-1, 1);
-webkit-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
 		cursor:pointer;
	}


#nextbutton_zoomoverlay{
	position:absolute;
	z-index:501; 
float: left;
	-webkit-transform: translateZ(0);
	color: rgb(191, 215, 48);
	right:0px;
	bottom:25px;
	width:50px;
	height:50px;
	background-color: rgba(0, 57, 77, 1.0);		
	/* box-shadow: 0 0 10px rgba(0, 57, 77, 1); */
	cursor:pointer;
text-align: center;
line-height:50px;
font-size:26px;
	border-bottom-right-radius:5px;
}

.zoom-slide-text
{
	color: #FFFFFF;
	font-size:16px;
	font-weight:900;
	position:absolute;
	bottom: 0px;
	left:50px;
	overflow: hidden;
	min-height:50px;	
	width: calc(100% - 250px);
	padding:10px;
	padding-right:60px;
	letter-spacing:0.5;
	display:none;
	line-height:18px;
	background-color: rgba(0, 57, 77, 1);

}
.zoom-slide-subtitle
{
	display: none;
	font-size:12px;
	font-weight:500;
		line-height:14px;
	font-style:italic;
}

.italic {
	font-style:italic;
}


.zoom-slide-text a {
	color:#FFF; !important
}


#portfoliolink {

width:100%;
background-color: rgba(0, 57, 77, 0.75);
color:#fff;
height:100%;
text-align:center;
vertical-align: middle;
padding-top: calc(100px + 10vw);
padding-left:25px;
}


.zoom-slide, .zoom-slide-art {
	position:absolute;
	 z-index:510; 
	 width:100vw; 
	 height:calc(100% - 170px);
	 vertical-align:bottom;
 	 background-repeat:no-repeat; 
 	 background-position: center;  
 	 background-size:contain; 
	 padding-top:75px;
	 overflow:auto;
}

.zoom-slide {
	background-image:url(/images/slides-index/1.jpg);
}





#swippercontainerzoomoverlay {
	width:100vw; 
	height:84vh; 
	display:none; 
	z-index:499;  
	position:absolute;
		 overflow:auto;
 
	left:0; 
	top:0; 
	background-color: rgba(0, 57, 77, 1);
}




#swippercontainerzoomoverlay-innerframe {
	width:100vw; 
	height:100vh; 
	z-index:500; 
	background-color: rgba(225, 225, 225, 0.0);  
	box-shadow: 0px 0px 0px #FFFFFF;
	position:absolute; 
		 overflow:auto;
}


#zoomoverlaygreyout {
	display: none;
	position: fixed;
	width:100vw;
	height:100vh;
	z-index: 498;
	background-color: rgba(0, 0, 0, 0.8); 
}




#trapezoid {
position:absolute;
float:left;
left:0;
  border-bottom: 100vw solid #00394d;
    border-left: 100px solid transparent;
    border-right: 100px solid transparent;
    width: 100vw;
	height:0;
}

#loading {
	color:rgb(191, 215, 48);
	text-align:center;
	font-size:calc(6.5px + .75vh);
	
	position:relative;
	z-index:509;
	margin-top:40vh;
	
}


#loading-imgal {
	display: none;
	color:rgb(191, 215, 48);
	font-size:calc(6.5px + .75vh);
	
	position:fixed;
	text-align: center;
	top: 45vh;
    left: 30vw;
	
}

#zoomslideappend {
	position:absolute;
	z-index:510;
}
	
#gotoworkfrombottom 
{
color:#FFFFFF;
text-align:center;
height:40px;
width:20px;
padding-right:12px;
padding-left:5px;
padding-top:15px;
background-color:#00394d;
bottom:0;
position:fixed;
right:0;
background-position:center;
line-height:.65;
/* box-shadow: 0 0 10px rgba(0, 57, 77, 1); */
	border-top-left-radius: 5px;
}

	

#gotoworkfrombottom:hover
{
background-color:rgb(191, 215, 48);
color:#00394d;

}

#gotoworkfrombottomshort {
	
}



#instagrambottom, #fbbottom, #musicbottom {
width:calc(50px + 2vw);
height:calc(50px + 2vw);
top:0;
left:0;
margin:0 auto;
background-position:center; 
background-repeat:no-repeat;
background-color:#00394d;

background-size:25px;
}

#musicbottom {
color:#ffffff;
top:5px;
font-size:38px;
line-height:64px;
position: sticky;
overflow:hidden;
}

#musicbottom:hover {
background-size:35px;
color:rgb(191, 215, 48);
font-size:48px;
}


#fbbottom {
/* background-image:url(/images/fb.png); */
}

#fbbottom:hover {
/* background-image:url(/images/fb-green.png); */
background-size:35px;

}

#instagrambottom {
/* background-image:url(/images/instagram.png); */
}


#instagrambottom:hover {
/* background-image:url(/images/instagram-green.png); */
background-size:35px;
}





#copyright {
width:100%;
color:#FFFFFF;
}



#clientscontainer ul {
	-webkit-padding-start: 0;
	padding:25px;
		padding-bottom:65px;


}

#clientscontainer li {
width:150px;
height:150px;
border-style:dashed;
border-width: 1.5px;
border-color:#FFFFFF;
margin:-4px;
display: inline-block;
border-radius:10px;
background-repeat:no-repeat;
background-position:center;
background-color:rgb(191, 215, 48);
background-size:50%;

}

#clientscontainer p {
max-width:150px;
max-height:150px;
padding:0;
position:absolute;
margin:0 auto;
margin-top:calc(29px + .05vw);
margin-left:calc(23px + .05vw);

font-size:calc(22px + .5vw);
line-height:calc(26px + .5vw);

}





@media (max-width:430px) { 

#clientscontainer li {
width:100px;
height:100px;
line-height:16px;
}

#clientscontainer p {
position:absolute;
font-size:calc(12px + 1vw);
line-height:calc(15px + 1vw);
margin-left:calc(16px + .1vw);
margin-top:calc(22px + .1vw);

}


}

#clientscontainer li:hover {
background-color:#ffffff;
border-color:rgb(191, 215, 48);

}



.sectionheader
{
width:90%;
margin:0 auto;
left:0;
right:0;
padding-top:50px;
font-size: calc(14px + 2vw);
line-height: calc(22px + 2vw);
text-align:left;
font-style:italic;
}

.sectionsubhead {
font-size: calc(8px + 1.75vw);
line-height: calc(9px + 1.75vw);
text-align:center;
white-space:nowrap;
}




#clientlogo_showmore, #clientlogo_end {
font-size:calc(16px + 1vw);
line-height:calc(22px + .5vw);
color:#ffffff;
}


#clientlogo_showmore:hover {
color:#00394d;
cursor:pointer;

}


#clientlogo_end:hover {
cursor::none;
color:rgb(191, 215, 48);
}

.clientlogo, clientlogos_set2  {
 	width:100%;	
	height:100%;
	background-size:85%;
	background-repeat:no-repeat;
	background-position:center;
}


.clientlogo:hover, .clientlogo_set2:hover {
	background-size:95%;
}


#clientlogo_iheart
{

	background-image:url(/images/clientlogos/iHeartRadio_Logo_White.png);
}
#clientlogo_iheart:hover
{


	background-image:url(/images/clientlogos/iHeartRadio_Logo.png);
}

#clientlogo_broncos
{
 
	background-image:url(/images/clientlogos/Broncos_Logo_White.png);
}
#clientlogo_broncos:hover
{

	background-image:url(/images/clientlogos/Broncos_Logo.png);
}



#clientlogo_mysaladchop 
{
 
	background-image:url(/images/clientlogos/MySaladChop_Logo_White_Transparent.png);
}
#clientlogo_mysaladchop:hover
{

	background-image:url(/images/clientlogos/MySaladChop_Logo_Transparent.png);
}

#clientlogo_933logo
{
 
	background-image:url(/images/clientlogos/Channel933_Logo_White.png);
}
#clientlogo_933logo:hover
{

	background-image:url(/images/clientlogos/Channel933_Logo.png);
}


#clientlogo_chow
{
	background-image:url(/images/clientlogos/ChowUrbanGrill_Logo_White.png);
}
#clientlogo_chow:hover
{

	background-image:url(/images/clientlogos/ChowUrbanGrill_Logo.png);
}


#clientlogo_rockies
{
 
	background-image:url(/images/clientlogos/Rockies_Logo_White.png);
}
#clientlogo_rockies:hover
{

	background-image:url(/images/clientlogos/Rockies_Logo.png);
}

#clientlogo_koa
{
  	width:100%;	
	height:100%;
	background-size:85%;
	background-repeat:no-repeat;
	background-position:center;
		background-image:url(/images/clientlogos/KOA_Logo_White.png);
}
#clientlogo_koa:hover
{
	background-size:90%;
	background-image:url(/images/clientlogos/KOA_Logo.png);
}

#clientlogo_kbpi
{

	background-image:url(/images/clientlogos/KBPI_Logo_White.png);
}
#clientlogo_kbpi:hover
{

	background-image:url(/images/clientlogos/KBPI_Logo.png);
}


#clientlogo_kbco
{
 
	background-image:url(/images/clientlogos/KBCO_Logo_White.png);
}
#clientlogo_kbco:hover
{
	background-image:url(/images/clientlogos/KBCO_Logo.png);
}


#clientlogo_kptt
{

	background-image:url(/images/clientlogos/KPTT_Logo_White.png);
}
#clientlogo_kptt:hover
{

	background-image:url(/images/clientlogos/KPTT_Logo.png);
}



#clientlogo_kptt
{
  	width:100%;	
	height:100%;
	background-size:85%;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url(/images/clientlogos/KPTT_Logo_White.png);
}
#clientlogo_kptt:hover
{
	background-size:90%;
	background-image:url(/images/clientlogos/KPTT_Logo.png);
}


#clientlogo_krfx
{
  	width:100%;	
	height:100%;
	background-size:85%;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url(/images/clientlogos/KRFX_Logo_White.png);
}
#clientlogo_krfx:hover
{
	background-size:90%;
	background-image:url(/images/clientlogos/KRFX_Logo.png);
}


#clientlogo_wespeakpos {
	background-image:url(/images/clientlogos/WeSpeakPOS_Logo_White.png);
}

#clientlogo_wespeakpos:hover
{

	background-image:url(/images/clientlogos/WeSpeakPOS_Logo.png);
}

#clientlogo_farmtotruck
{
  	width:100%;	
	height:100%;
	background-size:85%;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url(/images/clientlogos/FarmToTruck_Logo_White.png);

}
#clientlogo_farmtotruck:hover
{
	background-size:90%;
	background-image:url(/images/clientlogos/FarmToTruck_Logo.png);

}


#clientlogo_gaia
{
  	width:100%;	
	height:100%;
	background-size:85%;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url(/images/clientlogos/Gaia_Logo_White.png);

}
#clientlogo_gaia:hover
{
	background-size:90%;
	background-image:url(/images/clientlogos/Gaia_Logo.png);

}



#clientlogo_soapshop
{
  	width:100%;	
	height:100%;
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url(/images/clientlogos/SoapShop_Logo_White.png);

}
#clientlogo_soapshop:hover
{
	background-size:110%;
	background-image:url(/images/clientlogos/SoapShop_Logo.png);

}


#clientlogo_mamalenas
{
  	width:100%;	
	height:100%;
	background-size:85%;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url(/images/clientlogos/MamaLenas_Logo_White.png);

}
#clientlogo_mamalenas:hover
{
	background-size:90%;
	background-image:url(/images/clientlogos/MamaLenas_Logo.png);

}

#clientlogo_shinespot
{
  	width:100%;	
	height:100%;
	background-size:85%;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url(/images/clientlogos/ShineSpot_Logo_White.png);

}
#clientlogo_shinespot:hover
{
	background-size:90%;
	background-image:url(/images/clientlogos/ShineSpot_Logo.png);

}




#quoteicon {
display:inline-block;
width:100px;
height:100px;
background-image:url(/images/quote_circle.png);
background-position:center;
background-repeat:no-repeat;
background-size:100%;
position:sticky;
vertical-align:middle;
margin-right:25px;
float:left;
	margin-top:-25px;
}

#clientsicon {
display:inline-block;
width:75px;
height:75px;
background-image:url(/images/clients_icon.png);
background-position:center;
background-repeat:no-repeat;
background-size:100%;
position:sticky;
vertical-align:middle;
margin-right:25px;
margin-top:-10px;
float:left;
}



textarea {
    width: calc(100% - 25px);
	height:100px;
    padding:10px;
    margin: 0 auto;
    border: none;
    background-color: #ffffff;
    color: #00394d;
	cursor:text;
	border-radius:5px;
    box-sizing: border-box;
	resize: vertical;
	font-size:16px;
}

input[type=email] {
    width: calc(100% - 25px);
    padding:10px;
    margin: 0 auto;
    box-sizing: border-box;
    border: none;
    background-color: #ffffff;
    color: #00394d;
	cursor:text;
	border-radius:5px;
	font-size:16px;
}

input[type=text] {
    width: calc(100% - 25px);
    padding:10px;
    margin: 0 auto;
    box-sizing: border-box;
    border: none;
    background-color: #ffffff;
    color: #00394d;
	cursor:text;
	border-radius:5px;
	font-size:16px;
}

input[type=checkbox] {
width:25px;
height:25px;
    border: none;
    background-color: #00394d;
    color: white;
	display:inline-block;
vertical-align:middle;
margin-top:-5px;
margin-left:15px;
 
}

input[type=submit] {
position:relative;
    background-color: #ffffff;
	color: #00394d;
	font-size:18px;
	font-weight:900;
	border:none;
	border-radius:5px;
	padding:15px;
	cursor:pointer;
		-moz-transform:  skew(-10deg);
    	-ms-transform:  skew(-10deg);
   	 	-o-transform:  skew(-10deg);
   		-webkit-transform:  skew(-10deg);
		transform: skew(-10deg);
			margin:0 auto;
	margin-bottom:-100px;
	margin-top:-25px;

	text-align:center;
	font-family: 'Overpass', sans-serif;
}

input[type=submit]:hover {
    background-color: #00394d;
	color: #ffffff;

}



#quote {
  text-align:center;
  background-color:#00394d;
  color:rgb(191, 215, 48);
  box-shadow:none;
  letter-spacing:0.25px;
}



#quotefieldscontainer {
 padding-left:50px;
 padding-right:25px;
 padding-bottom:50px;
	padding-top:25px;
	text-align: center;

}

.quotebutton {
	margin-top: 35px;
padding:15px;
	padding-left: 50px;
	padding-right: 50px;
	background-color:#BFD730;
	border-radius: 10px;
	font-size: 18pt;
	white-space: nowrap;
}

.quotebutton:hover {
	color:#00394d;
  background-color:#ffffff;

}

.quotebuttonongreen {
	margin-top: 25px;
padding:15px;
	padding-left: 50px;
	padding-right: 50px;
	background-color:#ffffff;
	border-radius: 10px;
	font-size: 18pt;
}

.quotebuttonongreen:hover {
	color:#ffffff;
  background-color:#00394d;

}


label {
	display:inline-block;
	margin:5px;
}

.alignright {
float:right;
}




.antisocial {
	text-align: center;

	margin: 0 auto;
	margin-top:75px;
	margin-bottom:25px;
}

.antisocial a {

	color:#BFD730 ;
}

.antisocialimg {
	width:150px;
	height: 150px;
	margin: 0 auto;
	margin-top:25px;
	background-image:url(/images/instagram.png);
	  background-repeat: no-repeat;
  background-size: auto;
	text-align: center;

	z-index:555;

	background-position: top;
	background-size:95%; 
	background-repeat:no-repeat;
	-webkit-transform: translateZ(0);
}


.antisocialimg:hover {

	background-image:url(/images/instagram_green.png);
}

.sectionupbuttonincategory {
font-size:18px;
text-align:center;
width:100%;
margin-top:17px;
color:rgb(191, 215, 48); 
z-index:498;
cursor:pointer;
border-top-left-radius: 5px;
     -moz-transform:  scale(2, 1);
    -ms-transform:  scale(2, 1);
    -o-transform:  scale(2, 1);
    -webkit-transform:  scale(2, 1);
    transform:  scale(2, 1);
}

#gotoworkfrombottomincategory {
	
display: none;
color:#FFFFFF;
text-align:center;
height:30px;
width:20px;
padding-right:12px;
padding-left:5px;
padding-top:15px;
background-color:#00394d;
bottom:0;
position:fixed;
right:0;
background-position:center;
line-height:.65;
/* box-shadow: 0 0 10px rgba(0, 57, 77, 1); */
	border-top-left-radius: 5px;
}

	

#gotoworkfrombottomincategory:hover
{
background-color:rgb(191, 215, 48);
color:#00394d;

}



/* GALLERY  START */



.imgal-right-button, .imgal-left-button {
	font-size: 20pt;
	font-weight: 900;
	position: fixed;
	right:0px;
	
	bottom:0px;
	z-index: 667;

	
	
	-webkit-transform: translateZ(0);
	color: rgb(191, 215, 48);

	width:50px;
	height:40px;
	vertical-align: top;
	background-color: rgba(0, 57, 77, 1.0);		
	/* box-shadow: 0 0 10px rgba(0, 57, 77, 1); */
	cursor:pointer;
text-align: center;
line-height:40px;
font-size:26px;
	border-top-left-radius: 5px;
	display: none;
	
}

.imgal-left-button {
	right:50px;
	border-top-left-radius: 5px;
	
	    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
-moz-transform: scale(-1, 1);
-webkit-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
	display: none;
}



.imgal-container {
	line-height:0;
	-webkit-column-count:5;
	-webkit-column-gap:0;
	-moz-column-count:5;
	-moz-column-gap:0;
	column-count:5;
	column-gap:0;
	background-color: #000000;
	
	}

.imgal-img{

	width:100%;
	height:auto;
	transition:filter .2s;
	

	}




.imgal-img:hover, .imgal-img img:hover, img.imgal-img:hover {
	-webkit-filter:opacity(100%);
	filter:opacity(100%);
	cursor:pointer;
	}

.imgal-modal{
	margin:auto;
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background-color:#00394d;
	color:#fff;
	vertical-align:middle;
	width:calc(100vw - 20px);
	z-index: 666;
	display: none;
	padding:10px;
	padding-right:10px;
	padding-top:10px;
	}

#imgal-modal-close{
	
	display:inline;
	font-size:22pt;
	font-weight: 700;
	position:fixed;
	bottom:-50px;
	text-transform: lowercase;
	right:110px;	
	cursor:pointer;
	color:rgb(191, 215, 48);
	padding-bottom:50px;
	padding-left:50px;
	
	}

.imgal-modal-img{
	width:calc(100% - 20px);
	height:calc(100% - 50px);
	object-fit:contain;
	position: fixed;
	z-index: 668;

	}

@media only screen and (max-width:768px){
	.imgal-container{
		line-height:0;
		-webkit-column-count:2;
		-webkit-column-gap:0;
		-moz-column-count:2;
		-moz-column-gap:0;
		column-count:2;
		column-gap:0;
		}
	}

@media only screen and (min-width:768px){
	.imgal-container{
		line-height:0;
		-webkit-column-count:3;
		-webkit-column-gap:0;
		-moz-column-count:3;
		-moz-column-gap:0;
		column-count:3;
		column-gap:0;
		}
	}

@media only screen and (min-width:992px){
	.imgal-container{
		line-height:0;
		-webkit-column-count:4;
		-webkit-column-gap:0;
		-moz-column-count:4;
		-moz-column-gap:0;
		column-count:4;
		column-gap:0;
		}
	}

@media only screen and (min-width:1200px){
	.imgal-container{
		line-height:0;
		-webkit-column-count:5;
		-webkit-column-gap:0;
		-moz-column-count:5;
		-moz-column-gap:0;
		column-count:5;
		column-gap:0;
		}
	}