/* 
Colors
red = #BE3230
red hover = #d9001d
gold = #EEAB21

light grey text = #ada7a2
very light grey text = #b1b1b1
footer border grey = #dedede
background = 

Process Colors
Blue = #6DC0E1
Lime = #C7DE5A
Orange = #FBBD5B
Green = #53BF93


*/

/* HTML Tag Redefinition */
html {padding: 0px;margin: 0px;}
body {background-color: #fff;padding: 0px; margin: 0px;font-family: 'Roboto', sans-serif; font-weight: 400; }
img {border: 0px}
a {cursor:pointer;text-decoration: none;color: #BE3230;}

hr{
    border: 0;
    height: 1px;
    background: #afafaf;
}

.button{padding: 18px 18px;background-color: transparent;border: 1px solid;text-transform: capitalize;font-size: 15px;font-weight: 400;cursor: pointer;color: #d9001d;border-color: #d9001d;white-space: pre; width: 100%; display: block; box-sizing: border-box;text-align: center;-webkit-appearance:none;
}
.button:hover{background-color: #d9001d;color: white;white-space: pre;}
.button:hover a{color: white;}

::selection {
  background: #BE3230; /* WebKit/Blink Browsers */
  color: white;
}
::-moz-selection {
  background: #BE3230; /* Gecko Browsers */
  color: white;
}

/*headings */
h2{}
h3{}

/* universal */


.center-main{max-width: 945px;width:98%;margin: 0 auto;padding: 0 1%;}
.header-banner-outer{background: #000;}
.header-banner{z-index: 1;position: relative;margin-top: -90px;height: 70vh;min-height: 570px;background-image: url(images/jogging.jpg);background-size: cover;background-position: center center;}
	.banner-text{padding-top: 15vh;}
		.banner-text p{max-width: 550px;font-size: 64px;font-weight: 900;text-transform: uppercase;color: #fff;letter-spacing: 2px;line-height: 62px;text-shadow: 0px 2px 4px rgba(0,0,0,0.5);}




/* Page Structure / Navigation */
#navBar{ background-color:rgba(255,255,255,1);height: 90px;z-index: 1;padding: 0px;
	position:absolute;width: 100%;border-bottom: 1px solid #eee;left:0;top:40px;
	   
}
.page-template-home #navBar{top: 100vh;}

[scroll-intent="down"] #navBar { left:0; }

.active {

    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}


#headerNav{padding: 0 70px;
		padding: 0 70px 0 0;/*changed Sept 2018*/
}

#headerNav .nav {
    list-style-type: none; /*to remove bullets*/
    text-align: center;
    	text-align: left;/*changed Sept 2018*/
    padding: 0px;
    zoom:1;
    overflow: hidden;
}
#headerNav .nav li{
    padding: 0px 5%;
    display:inline-block;
    	padding: 0 10% 0 0;/*changed Sept 2018*/
    
}
	.nav-link{
		font-size: 35px;
		line-height: 70px;
			font-size: 22px;/*changed Sept 2018*/
			line-height: 65px;/*changed Sept 2018*/
		color: #FFFFFF;
		text-transform: none;
			
	}
	.nav-link:hover{
		color: #BE3230;
		
	}
	

.invisible{display: none;}



.headerLogo {display: block;}
.headerLogo .site-name
{
	background-image: url(images/push-product-design-logo-image.svg);
	background-size: 70px 70px;
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
	height: 70px;
	left: 36px;
	margin: 0;
	padding: 0px;
	position: absolute;
	text-indent: -9999px;
	top: 10px;
	width: 70px;
	z-index: 2;
}
.page-template-home .site-name
{
	display: none;
}


.top-bar{width: 100%;height: 30px;background-color: rgba(238, 171, 33, 1.0); color: #000;padding-top:12px;position: absolute;top: 0;z-index: 5;display: none; }
	.page-template-home .top-bar {background-color: rgba(238, 171, 33, 0.8);display: block;}
.top-bar a{color: #eee;text-decoration: underline;}
.top-bar .left{float: left;padding-left: 18px;}
.top-bar .right{float: right;padding-right: 18px;}
.top-bar .center{width:100%;text-align: center;}
.top-bar-lower{top:45px;}

/* Home */

.main-wrapper{z-index: -1}
.cover{margin-top: 0!important;width: 100%;height: 100vh;}
.after-faq{height: 600px;width: 100%;margin-bottom: 80px; background: url('images/push-product-desgin-at-hardware-park-2.png') no-repeat center center; background-size: cover;}
	.after-faq img{height: 600px;width: 100%;}
                     
.motto{ height: 100vh; font-family: 'Roboto', sans-serif; font-size: 10vmin;line-height: 10vmin;color: #fdfdfd;width:100%;/*font-weight: 900;text-transform: uppercase;*/font-weight: 700;text-transform: none;padding: 6% 0%;letter-spacing: -.03em;
}

[data-anchor="Home"] .inner {width: 100%!important;}


.note {
    position: absolute;
    right: 3%;
    bottom: 3%;
    width: 50%;
    color: white;
	font-weight: 500;
	text-align: right;
	font-size: 1.4em;

}

/*.push-button-wrapper{position: fixed;width: 100%;height: 100vh;top:0px;z-index: 2;}
	.push-button-wrapper-menu{width: 0;height: 0;}
*/
.push-button{width: 120px;height: 120px;cursor: pointer;     position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: all .4s cubic-bezier(0.45, 0.05, 0.55, 0.95);
	transition: all .4s cubic-bezier(0.45, 0.05, 0.55, 0.95);
    }
.push-button:hover .logo-red{fill: #AC2E2C;}

.push-button-menu:active {
    margin: 2px;
    width: 66px;
    height: 66px;
        -webkit-transition: all .05s cubic-bezier(0.45, 0.05, 0.55, 0.95);
	transition: all .05s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.push-button-menu{
	width: 140px;
	height: 140px;
	position: fixed;
    top: 60px; 
    left: 60px;width: 70px;height: 70px;
    
    }
.push-button-menu-left{}

/*Blog *******************************/

.page-type-article .center-main {
/*width: 55%;*/
}

.page-type-article .push-button-menu{
	left: 25px;
	top:25px;
	
}

.page-type-article img {
    max-width: 100%;
    height: auto;
}


.blog-footer {
    margin: 140px 0 0 0;
    border-top: 1px solid #e6e6e6;
}




.page-type-article #main {margin-top: 30px;}



.blog-intro .kicker-text {
	font-size: 16px;
    font-style: italic;
}


.page-type-article #main p{

color: rgb(41, 41, 41);

margin: 60px 0;
	
	
}

.blog-intro p{font-weight: 400;margin-bottom: -5px;}

.page-type-article h1, .blog-intro h1{
-webkit-font-smoothing: antialiased;
color: rgb(41, 41, 41);
font-size: 46px;
font-style: normal;
font-weight: 700;
letter-spacing: -0.4620000123977661px;
line-height: 52px;
text-rendering: optimizeLegibility;
word-break: break-word;
word-wrap: break-word;
margin-bottom: 10px;
}

.blog-footer h5 {
    font-size: 1.5em;
}

.blog-footer .quote{}



@media screen and (max-width:680px) {
	.blog-intro .kicker-text {

	line-height: 20px;
}
.blog-intro p {
    margin-top: 0px;
    margin-bottom: 20px;
    line-height: 100%!important;	
}

.blog-footer .quote {line-height: 110%;}
	
	
	
	
	.page-type-article .push-button-menu, .page-template-full .push-button-menu {
    left: 15px; top:25px;

}



}	



/*Full Page Overrides *******************************/

#fp-nav ul li .fp-tooltip {
    color: #5c5c5c;
 }   

#fp-nav ul li a span {
    background: #BE3230;
    }
    
#fp-nav ul, .fp-slidesNav ul {
    text-align: center;
}

.fp-slidesNav.fp-bottom ul li a span {
    background: #bbb;
}

.fp-controlArrow.fp-prev {
    border-color: transparent #bbb transparent transparent!important;
}

.fp-controlArrow.fp-next {
    right: 65px!important;
    border-color: transparent transparent transparent #bbb!important;
    }
    
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {
    height: 20px;
    width: 20px;
    margin: -10px 0 0 -10px;
    border-radius: 100%;
}

#fp-nav {
    z-index: 5;
}

.fp-responsive .fp-auto-height-responsive.fp-section, .fp-responsive .fp-auto-height-responsive .fp-slide, .fp-responsive .fp-auto-height-responsive .fp-tableCell {
    height: auto;
}

.no-x-overflow {overflow-x: hidden;}

/* End Full Page Overrides *******************************/



.section{outline-width: 0;height: 100vh;}
.slide {height: 100vh;}
#about{position: relative;}
	#navBar.sticky {top: 0px;position: fixed;}
	.sticky #headerNav .nav{text-align: right;
						text-align: left;/*changed Sept 2018*/
	}
	.sticky #headerNav .nav .nav-link{text-align: right;font-size: 22px;line-height: 65px;cursor: pointer;}
	.sticky #headerNav .nav li {padding: 0 0 0 10%;
						padding: 0 10% 0 0;/*changed Sept 2018*/
	}

.section p{font-size: 3vw;}
.section h5{font-size: 3vw;}


.process-intro {
    width: 40%;
    float: left;
    margin-top: 0px;

}

.process-intro p {

    font-size: 3vw;
    line-height: 150%;
    margin: 0 0 0.6em 0;
}


.process-blocks{width: 900px;
	height: 460px;
	position: relative;
	float: right;
	background: #f9f9f9;
	border-radius: 30px ;
}

.process-block{width: 440px;
	height: 220px;
	position: absolute;
	-webkit-transition: all .4s cubic-bezier(0.45, 0.05, 0.55, 0.95);
	transition: all .4s cubic-bezier(0.45, 0.05, 0.55, 0.95);
	
}
.process-block p{color: white;font-size: 28px;
    line-height: 150%;
    padding-left: 8%;
    width: 84%;
    font-weight: 400;
    }

.block-1{background-color: #6DC0E1;top:-800px;left:0px;z-index: 4;opacity: 0;border-radius: 30px 0 0 0;}
.block-2{background-color: #C7DE5A;top:0;left:2000px;z-index: 3;border-radius: 0 30px 0 0;}
.block-3{background-color: #FBBD5B;bottom:-800px;left:460px;z-index: 2;opacity: 0;border-radius: 0 0 30px 0;}
.block-4{background-color: #53BF93;bottom:0;left:-80vw;z-index: 1;border-radius: 0 0 0 30px ;}


	.block-1.end{background-color: #6DC0E1;top:0;left:0;z-index: 4;opacity: 1;}
	.block-2.end{background-color: #C7DE5A;top:0;left:460px;z-index: 3;transition-delay: 0.5s;}
	.block-3.end{background-color: #FBBD5B;bottom:0;left:460px;z-index: 2;transition-delay: 1s;opacity: 1;}
	.block-4.end{background-color: #53BF93;bottom:0;left:0;z-index: 1;transition-delay: 1.5s;}

.process-block-arrow {position: absolute;
	
  width: 0; 
  height: 0; 
  border-top: 40px solid transparent;
  border-bottom: 40px solid transparent;
  
  border-left: 40px solid #6DC0E1;
  
  
}

.block-1 .process-block-arrow{border-left-color: #6DC0E1;right: -40px;bottom: 0px;}
.block-2 .process-block-arrow{border-left-color: #C7DE5A;right: 20px;bottom: -60px;transform: rotate(90deg)}
.block-3 .process-block-arrow{border-left-color: #FBBD5B;left: -40px;bottom: 0px;transform: rotate(180deg)}


.process-block-arrow.cut{border-left-color: #f9f9f9;}	
	
.block-2 .process-block-arrow.cut{left: 0px;bottom: 0px;transform: rotate(0deg)}
.block-3 .process-block-arrow.cut{top: -20px;left:auto;right: 20px;bottom: auto;transform: rotate(90deg)}
.block-4 .process-block-arrow.cut{left: auto;right: 0px;bottom: 0px;transform: rotate(180deg)}


/* Slides *******************************/



div#grid {
    position: absolute;
    width: 100%;
    height: auto;
    top: 446px;
}



.ap-highlight{color: #6DC0E1;}




#Stannd-container #slide1{
	background: linear-gradient(rgba(20,20,20, .5), rgba(20,20,20, .5)), url('images/stannd-phone-grip-bike.jpg') no-repeat center center; background-size: cover;
                }




[data-anchor="StanndSlide2"]{
	background: linear-gradient(rgba(20,20,20, .3), rgba(20,20,20, .3)), url('images/soccer-bg.jpg') no-repeat center center; background-size: cover;
                }

                
#SEC-container #slide1{
	background: linear-gradient(rgba(20,20,20, .1), rgba(20,20,20, .9)), url('images/sec-basketball-vandy-monitor-stand-bg.jpg') no-repeat center center; background-size: cover;
                }

[data-anchor="SecSlide2"]{
	background: linear-gradient(rgba(20,20,20, .3), rgba(20,20,20, .5)), url('images/sec-basketball-vandy-monitor-stand-2-bg.jpg') no-repeat center center; background-size: cover;
                }
                
#Rampart-container #slide1{
	background: linear-gradient(rgba(20,20,20, .5), rgba(20,20,20, .7)), url('images/rampart-bg.png') no-repeat center center; background-size: cover;
                }
                
 #History-container #slide1{
	background: linear-gradient(rgba(20,20,20, .3), rgba(20,20,20, .5)), url('images/jeep-on-beach.png') no-repeat center center; background-size: cover;
                }
                
                


/* Vimeo Clear Cover so Scroll will work */
#Rampart-container #slide4 .inner div:after, #Rampart-container #slide5 .inner div:after {
    width: 100%;
    height: 93%;
    position: absolute;
    top: 0;
    left: 0;
    /* background: blue; */
    content: "\00a0";
}

.core77-award {
    position: absolute;
    top: 20px;
    left: calc(50% - 75px);
    width: 150px;
    display: none;
    -webkit-transition: all .4s cubic-bezier(0.45, 0.05, 0.55, 0.95);
	transition: all .4s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.fp-viewing-Rampart-RampartSlide1 .core77-award {display: block;}

/* YouTube Clear Cover (top half) so Scroll will work */
#Stannd-container #slide6 .inner div:before, #SEC-container #slide6 .inner div:before, #SEC-container #slide7 .inner div:before{
    width: 100%;
    height: 45%;
    position: absolute;
    top: 0;
    left: 0;
    /* background: blue; */
    content: "\00a0";
    z-index: 10;
}

/* YouTube Clear Cover (bottom half) so Scroll will work */
#Stannd-container #slide6 .inner div:after, #SEC-container #slide6 .inner div:after, #SEC-container #slide7 .inner div:after{
    width: 100%;
    height: 35%;
    position: absolute;
    top: 55%;
    left: 0;
    /* background: blue; */
    content: "\00a0";
}



                
 
.slide p{
	font-size: 3vw;    
	line-height: 130%;
    font-weight: 500;
    letter-spacing: -.03em;
    color: #a9a9a9;
    margin: 0 0 0.6em 0;
    }
    
                                    

                
.coverbg p{
	color: white;
	}
	
.coverbg h2, .coverbg h3 {color: white;}	

#slide1 h2{font-size: 6vw;font-weight: 500;margin-block-end: -5vw;}
#slide1 h3{font-size: 4vw;font-weight: 300;}
#slide1 p{font-size: 2.2vw;}




.third {
    width: 30%;
    float: left;
}
.third.middle{
	margin: 0 5%;
}

.third p{font-size: 1.3em;line-height: 1.7em;
}

.quote{color: #6DC0E1;    font-size: 1.3em;
    line-height: 150%;}
.third .kicker-text {color: #a9a9a9;    top: -5px;
    position: relative;}

.quote-name{font-size: 28px;font-weight: 500;}


.sg-item-image img {
    height: auto;
    width: 100%;
}



/* End Slides *******************************/

.team-content {
    width: 46%;
    margin: 0 4% 0 0;
    float: left;
}


.team-content p{font-size: 2.2vw;}


.team-content h4{color:#6DC0E1;font-weight: 500;margin: 1.5em 0 0 0; padding: 0; font-size: 4em;letter-spacing: -0.03em;font-style: normal; }

.team-content h5{font-size: 2.2em;
    font-weight: 500;
    margin: 0 0 1.5em 0;
    letter-spacing: -0.03em;
    }

.team-image {
    width: 50%;
    float: left;
    overflow: hidden;
}
.team-image img {
    width: auto;
    height: 100vh;
}



#About-container .team-content{width: 100%;}

#About-container .team-content h4 {/*color: #FBBD5B;*/width: 100%;margin: 0 0 1em 0;}
#About-container .team-content p{width: 60%;}
#About-container .team-content a {color: #FBBD5B;}

#About-container .team-content a:after {
	content: "\00a0";
    background: url(images/External-link.svg);
    position: absolute;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
}


#About-container .team-image {
    width: auto;
    position: absolute;
    bottom: 0;
    right: 0;
    overflow: hidden;
        z-index: -2;

}
#About-container .team-image img {
    width: auto;
    height: 70vh;
	position: relative;
    z-index: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
}



.clients h5 {
    width: 40%;
    float: left;
    margin: 60px 0 0 0;
    font-size: 6em;
    color: #a0a0a0;
    font-weight: 500;
    letter-spacing: -.03em;
    
}


.client.client-56.js-client {
    width: 60%;
    margin-left: 40%;
}

.home #central {margin-top: 0;background-color: white;}
.home #main{margin-top: 0%;border-top: 0px solid #D9001D;z-index: 1;position: relative;}
#main{margin: 40px auto;display: block;padding-top: 0px; margin-top: 120px;}
.no-overflow{overflow-x: hidden;margin-top: -100px;}

.clients {
    margin-bottom: 60px;
}



.faq h5 {display: none;}
.contact h5 {
    font-size: 3vw;
}
.contact p {
    font-size: 2.2vw;
}


#main ul {
    color: #5d5d5d;
    font-size: 20px;
    font-weight: 300;
}
#main li {
    margin: 0 0 10px;
}

#columns{margin-top: 18px;}
	
	#columns h2{color: black;font-size: 23px;letter-spacing: -1px;padding: 0px;margin: 0px;font-weight: 500;}
.column{width: 30%;float: left;display: block;}
.outer{margin: 0;}
.inner{width:80%;margin: 0 10%;}
.two-thirds{width: 65%;margin: 0 0 0 5%;}

.kicker-text{font-size: 16px;line-height: 14px;font-style: italic;color: #BE3230;}
.column-headline{font-size: 28px;font-weight: 500;}

.withSidebar{background-color: white;margin-top: 0px;padding-bottom: 30px!important;min-height: 850px;}
#mainColumn{width: 62%;margin:0 2% 0 2%;float: left;max-width: 700px;}





	#mainColumn ul ul {margin: 5px 0;}

#sidebar{float: left;width: 32%;font-size: 14px;padding: 0;}
	.right #sidebar{margin-left: 2%;}
		.right #sidebar p{color: #535353;}
		#sidebar img{width: auto;max-width: 96%;margin-top: 30px;}
#main #sidebar p{font-size: 14px;line-height: 20px;}		
#sidebar li{margin-bottom: 3px;}

#sidebar .side-nav{margin-top: 75px;}
#sidebar .side-nav ul{list-style: none;margin: 0;padding: 0;}
#sidebar .side-nav ul a:hover{color: black;}
#sidebar .side-nav .nav-selected a{color: black;}

.ccm-tag-list{color: #d9001d;margin-top: 15px;list-style: none;margin-left: 0px;padding-left: 0px;}
.ccm-tag-list a{color: #d9001d;}
.ccm-tag-list a:hover{color: #000;}



#sidebar .nav-selected .nav-path-selected{color: #d9001d;}


#sidebar .news-sidebar a{color: #d9001d;}

.sidebar-inner{width: 85%;}

#footer-outer{
	
	
}
#footer{clear: both; color: #fff;text-align: left;font-size: 18px;line-height: 160%;padding: 0 0 65px 0; position: relative;font-weight: 300;letter-spacing: -0.02em;}
#footer-inner{width: 50%;padding: 3px 0px;position: relative;
    z-index: 12;}
#footer-inner a{color: white;}
	#footer-inner a:hover{color: rgba(255,255,255,0.8);}		
			
	#footerNav .nav{list-style: none;padding: 30px 0 0 0;} 
		#footerNav .nav li{display: inline-block;}

				#footerNav .nav li:first-child a{border-left: none;padding-left: 0;}
			#footerNav .nav li a:hover{text-decoration: underline;}
	
	#footer-social{float: right; width: 180px;
	line-height: 65px;font-size: 12px;text-transform: uppercase;letter-spacing: 1px;margin-top: -60px;z-index: 11;position: relative;}
	.social-icon{width: 60px;height: 60px;background-image: url(images/social-sprite.png);background-size: 180px 120px; text-indent: -9999px;background-repeat: no-repeat;float: right;}
	.instagram{background-position: 0px 0px;}
		.instagram:hover{background-position: 0px -60px;}
	.twitter{background-position: -60px 0px;}
		.twitter:hover{background-position: -60px -60px;}
	.email{background-position: -120px 0px;}
		.email:hover{background-position: -120px -60px;}	




.formBlockSurveyTable .question {width: 170px;}




.meta{font-size: 14px;border-bottom: 1px solid #d9001d;padding-bottom: 10px;}
.meta span{margin: 0 5px;color: #d9001d;}



	#sidebar h5{margin: 10px 0;}
.sidebar-title{text-transform: uppercase; margin: 20px 0 0 0;padding: 10px 0;color: #d9001d; border-bottom: 1px solid #afafaf;font-size: 13px;font-weight: normal;}	
	

	

.sharing{margin: 40px 0;}


.comments input[type="text"], .comments input[type="email"], .comments textarea{padding-left: 1px;
border-style: solid;
border-color: #c6c6c6;
border-width: 1px;
padding: 8px;
font-size: 14px;
margin: 10px 15px 10px 0px;
}

.comments h4{border-bottom: none;margin: 0;padding: 0;}
.comments h5{font-weight: bold;
margin-bottom: 20px;border-bottom: 1px solid #AFAFAF!important;
padding-bottom: 10px;
margin-top: 60px;}

.comments div.guestBook-entry {
padding: 18px 0;
border-top: 1px solid #ddd;}

.comments .contentByLine {
font-size: 13px;
color: #AFAFAF;
}


#pagination {margin: 50px 0 20px 0;
	text-align: center;
}
#pagination .numbers{margin: 0 5px;}

.ccm-next-previous-previouslink, .pagination-left {float: left;}
.ccm-next-previous-nextlink, .pagination-right {float: right;}



input {
    -webkit-border-radius:0px;
}



#mc_embed_signup{margin: 50px 0 20px 0;}

#mc_embed_signup input[type="email"]
{padding-left: 1px;
border-style: solid;
border-color: #c6c6c6;
border-width: 1px;
padding: 8px;
font-size: 14px;
margin: 10px 15px 10px 0px;
width: 75%;
font-family: inherit;
display: block;
outline: none;
}


#mc-embedded-subscribe {
position: relative;
top: -48px;
left: 75%;
width: 41px;
height: 38px;
background-color: #d9001d;
color: white!important;
text-align: center;
padding: 0!important;
font-weight: bold;
font-size: 16px;
border: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0;

}
#mc-embedded-subscribe:hover {background-color: black;, border:none; }



/* login form */
#login fieldset{border: 0px;padding: 0px;}

#login .forgot{margin-top: 40px;}
#login h4{font-size: 16px; color: #707070;font-weight: 300;margin-top: -15px;}

#login legend 
{display: block;
width: 100%;
padding: 0;
margin-bottom: 27px;
font-size: 19.5px;
line-height: 36px;
color: #C2C2C2;
border: 0;
border-bottom: 1px solid #C2C2C2;
}


#login .alert-message {
padding: 8px 35px 8px 14px;
margin: 30px 0 0 0;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #FCF8E3;
border: 1px solid #FBEED5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #C09853;
}


#login .alert-message.success {
background-color: #DFF0D8;
border-color: #D6E9C6;
color: #468847;
}

#login .alert-message.error{background-color:#f2dede;border-color:#eed3d7;color:#b94a48;}
#login .alert-message.notice{padding-top:14px;padding-bottom:14px;}


#login [class*="span"] {
float: left;
margin-right: 20px;
}

#login .span5 {
width: 380px;
}



#login .span4 {
width: 300px;
}

#login .span10 {
width: 780px;
}

#login textarea {
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border linear 0.2s,box-shadow linear 0.2s;
-moz-transition: border linear 0.2s,box-shadow linear 0.2s;
-ms-transition: border linear 0.2s,box-shadow linear 0.2s;
-o-transition: border linear 0.2s,box-shadow linear 0.2s;
transition: border linear 0.2s,box-shadow linear 0.2s;
}

#login .ccm-input-text {
width: 280px;}


#login input, #login textarea, #login select, #login .uneditable-input {
display: inline-block;
font-size: 13px;
line-height: 18px;
padding: 4px 8px;
color: #555;
background-color: white;
border: 1px solid #CCC;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}


#login .actions {
padding: 17px 20px 18px;
margin-top: 18px;
margin-bottom: 18px;
background-color: transparent;
border-top: 1px solid #DDD;
padding-left: 0px;
clear: both;
}


#login .btn.primary {
color: white;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #0074CC;
background-image: -moz-linear-gradient(top, #08C, #05C);
background-image: -ms-linear-gradient(top, #08C, #05C);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08C), to(#05C));
background-image: -webkit-linear-gradient(top, #08C, #05C);
background-image: -o-linear-gradient(top, #08C, #05C);
background-image: linear-gradient(top, #08C, #05C);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08C', endColorstr='#05C', GradientType=0);
border-color: #05C #05C #003580;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
white-space: pre;
}


#login .btn {
display: inline-block;
padding: 4px 10px 4px;
margin-bottom: 0;
font-size: 13px;
line-height: 18px;
color: #333;
text-align: center;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
vertical-align: middle;
cursor: pointer;
background-color: transparent;
background-image: -moz-linear-gradient(top, white, #E6E6E6);
background-image: -ms-linear-gradient(top, white, #E6E6E6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#E6E6E6));
background-image: -webkit-linear-gradient(top, white, #E6E6E6);
background-image: -o-linear-gradient(top, white, #E6E6E6);
background-image: linear-gradient(top, white, #E6E6E6);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#E6E6E6', GradientType=0);
border-color: #E6E6E6 #E6E6E6 #BFBFBF;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
border: 1px solid #CCC;
border-bottom-color: #B3B3B3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
}


#login form-horizontal .control-label {
float: left;
width: 140px;
padding-top: 5px;
text-align: right;
}

#login label {
display: block;
margin-bottom: 5px;
color: #333;
}

#login label, #login input, #login button, #login select, #login textarea {
font-size: 13px;
font-weight: normal;
line-height: 18px;
}



#login .form-horizontal .control-group {
margin-bottom: 18px;
}

#login legend  .control-group {
margin-top: 18px;
-webkit-margin-top-collapse: separate;
}

#login .control-group {
margin-bottom: 9px;
}


/* Fix for SEO, Location and Attributes Overlay when editing 
	div#ccm-panel-overlay {display: block;}
    div.ccm-panel-detail { display: block;}*/
    
    


/*error message for Login Page */


.alert ul {list-style: none;margin: 0;padding: 0;}



.alert li{
padding: 8px 35px 8px 14px;
margin-bottom: 18px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #FCF8E3;
border: 1px solid #FBEED5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #C09853;
}

.alert-danger, .alert-error li {
background-color: #F2DEDE;
border-color: #EED3D7;
color: #B94A48;
}


.alert-success {
color: #468847;
background-color: #DFF0D8;
border-color: #D6E9C6;
}



.ccm-ui {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 13px;
font-weight: normal;
line-height: 18px;
color: #333;
}








/* Back_To Block */
.back_to{text-transform: lowercase;}



/* Video Container for responsive video */
video {
Ê width: 100%!important;
Ê height: auto!important;
}




.videoWrapper {
z-index: 0;
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 0px;
height: 0;
background: #fff;
}
.videoWrapper iframe,  
.videoWrapper object,  
.videoWrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
}




/* PageList RSS icon */
.ccm-page-list-rss-icon img{max-width: 14px;height: auto;}



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

.clients h5 {
    width: 100%;
    font-size: 2.7em;
    
 } 
 
 .client.client-56.js-client {
    width: 100%;
    margin-left: 0%;
}


.fp-controlArrow {
    display: none;
}

.fp-slidesNav.fp-bottom {
    bottom: 40px;
}


.third {
    width: 100%;
}

.third.middle{margin: 0;}

.slide h3 {
    margin-bottom: 10px;
}

.third p {
    font-size: 1.3em;
    line-height: 140%;
}

.third h3 {
    font-size: 36px;
}


 .motto{
 line-height: 11vmin;
 }
 
 
 
 
 
 
 .team-content h5{font-size: 1.7em;}

.clients h5 {
    width: 100%;
    font-size: 1.6em;
    padding-top: 1em;
}    
 .client.client-56.js-client {
    width: 100%;
    margin-left: 0%;
}   
 
 
 .section p, .team-content p{
    line-height: 150%;
    width: 90%;
}    
    #slide1 p , .team-content p{
    font-size: 1.85em;
}

#About-container .team-image {
    bottom: -100px;
    }

#About-container .team-image img {
    height: 60vh;
    
    }
  
 #About-container .team-content {width: 92%;margin:0 4%;}

 #About-container .team-content p{width: 100%;}
  
  
  .team-content h4 {
    font-size: 2.5em;
    margin: 0 0 0 0;

}  

.section h5 {
    font-size: 2.3em;
    width: 90%;
    padding-bottom: 0px;
}    


.team-content {
margin: 5% 4% 0 0;
}

.team-image {

    
    }
    
    .team-image img {

    }
    
    
    



   
    
 
 
 
 
 
 }
 
/*iPad*/

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
 
 
 .nav-menu ul.menu li {

    line-height: 120%;
}

  .process-intro {
    width: 100%;
    float: left;
    margin-top: -25px;
}

.block-1 .process-block-arrow, .block-2 .process-block-arrow, .block-3 .process-block-arrow  {
	right: 20px;
    bottom: -60px;
    left: auto;
    top: auto;
   
}

.block-2 .process-block-arrow.cut, .block-3 .process-block-arrow.cut, .block-4 .process-block-arrow.cut  {
    top: -20px;
    left: auto;
    right: 20px;
    bottom: auto;
    transform: rotate(90deg);
}

.block-1 .process-block-arrow, .block-3 .process-block-arrow {transform: rotate(90deg);}


.process-block {
    position: relative;
    float: left;
    left: 0px!important;
    margin-bottom: 0px;
    height: 150px;
    top: 100vh!important;
    opacity: 0;
    width: 100%;
	border-radius: 0!important;
}

.process-block.end {
    top: 0px!important;
    opacity: 1;
    
}

.process-block p {
    margin-top: 24px;
    width: 80%;
    font-size: 1.4em!important;
}

.process-blocks {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    border-radius: 0!important;
}
 
 
 
 
 
 
 
}  /* End iPad portrait layouts only */


 


/*iPad*/

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
  
  
  .nav-menu ul.menu li {
    font-size: 1.3em;
    line-height: 100%;
}


  .process-blocks {
    width: 800px;
    }
  .process-block {
    width: 390px;
    }
  
  
      		.block-3 {

			left: 410px;}
			
			  
    .block-2.end, .block-3.end {
    left: 410px;
    }

    
    .process-block p {
    font-size: 24px;
    padding-left: 6%;
    padding-top: 4%;
    }
    
    
 
}



@media only screen and (min-device-width: 481px) and (max-device-width: 1024px)  {



 #navBar {margin-top: 30px;}
  
  

/* Page Structure / Navigation */
#navBar{height: 60px;}

.headerLogo {width: 60px; height: 60px;}
.headerLogo h1{width: 60px; height: 60px; background-size: 60px 60px;}

#headerNav {}

#headerNav ul li ul {

    top: 34px;
}

.header-banner {

    height: 55vh;
}

 
 .banner-text {
top: 25%!important;
left: 0;
width: 67%;
font-size: 25px;
margin: 0 16%;
}

.banner-text .title {
font-size: 25px;
font-weight: 500;
text-align: left;
line-height: 26px;
}

.banner-text .description {
width: 100%;
margin-top: 0;
font-size: 18px;
line-height: 20px;
}

.banner-text .tags {
font-size: 16px;
margin-top: 0;
}


 .banner-text .title {font-size: 30px;line-height: 32px;}
 
 .journal-title{margin-left: -33px;}
 
}


/* */

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

.roster li{padding-left: 5%;font-size: 20px;}
.roster .roster-inner{display: block;margin-left: 70px;line-height: 30px;}
.roster .player-info{width: inherit;}
	.roster .player-info.jersey-number{width: 50px;}
.roster .player-info.bats, .roster .player-info.height{margin-right: 20px;}

}



@media screen and (max-width:955px) {
 #headerNav ul li a {}

.banner-text {top: 50%;}
.banner-text .title {font-size: 35px;line-height: 40px;}
.banner-text .description {font-size: 18px;line-height: 22px;margin-top: 0;}
.banner-text .tags {font-size: 18px;}
}




@media screen and (max-width:865px) {
 #headerNav ul li a {}

}

@media screen and (max-width:800px) {
 #headerNav ul li a {}
 
    .column {width: 100%;clear: both;margin: 1% 0;}
    

}



@media screen and (max-device-width: 1024px) {
	 #headerNav ul li a {}
	 
	.banner-background{background-attachment: scroll; }
	
}




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

.process-intro {
    width: 100%;
    margin-top: -25px;
}
	
.process-blocks {
    float: left;
}
	
	
	
	
	
}/* end 1880px */





/*iPhone and devices smaller than an iPad*/

@media screen and (max-width:680px) {
.top-bar{display: none;}
html,body{margin: 0;padding: 0;overflow-x: hidden;}

.headerLogo {width: 70px;height: 70px;display: block;position: relative;}
.headerLogo h1 {width: 60px;height: 57px;background-size: 60px 57px;}



#navBar {
height: auto;
margin-top: 0px;
padding: 0px;
}
.headerLogo {
width: 60px;
height: 57px;
}
#headerNav {
background: transparent;
padding: 0px;
margin: 15px 0;
    border-top: 1px solid white;
    margin-top: -20px;
}
.sticky #headerNav {
 
    margin: 8px 0;}

.header-banner {
    margin-top: -15px;
    /*max-height: 230px;*/
    
    }
 
 .push-button {

    top: 70%;
    }   

.inner {margin: 0 4%;
	width: 92%;
}    


.motto {
	width: 80%;
    font-size: 16vmin;
    line-height: 16vmin;
    padding: 9% 0%;
}

.note {

    width: 94%;
    text-align: left;
    left: 3%;
}

/*  Menu --------------------------------------------------------*/

.nav-menu ul.menu li {
    padding: 0.2em 0px;
    font-size: 1em;
    line-height: 120%;
}

.nav-menu li.li-heading {
    font-size: 0.9em!important;
}


#footer-social {
    position: relative;
    margin: 30px 0 0 -12px;
    float: left;
    }
    
 .nav-menu ul ul {
    padding: 10px 0 0 0;
    margin-bottom: 10px;
}


 #footer p{
	font-size: 0.9em;
    line-height: 120%;
    font-weight: 300;
    margin: 0.3em 0;
    padding: 0;
	 
 }
 
 
   

/*  End Menu --------------------------------------------------------*/

.slide p {
    font-size: 1.7em;

}
.section p{
	font-size: 1.7em;
}

.team-content h5{font-size: 1.7em;}

.clients h5 {
    width: 100%;
    font-size: 1.6em;
    padding-top: 1em;
}    
 .client.client-56.js-client {
    width: 100%;
    margin-left: 0%;
}   
 
 
 .section p, .team-content p{
    line-height: 160%;
    width: 90%;
}    
    #slide1 p , .team-content p{
    font-size: 1.25em;
}

#About-container .team-image {
    bottom: auto;
    width: inherit;
    position: relative;
    
    
    
    
    }

#About-container .team-image img {
        height: auto;
    width: 100%;
    bottom: auto;
    right: auto;
    
    }
  
 #About-container .team-content {width: 92%;margin:0 4%;}

 #About-container .team-content p{width: 100%;}
  
  
  .team-content h4 {
    font-size: 2.5em;
    margin: 0 0 0 0;

}  

.section h5 {
    font-size: 30px;
    width: 90%;
    padding-bottom: 0px;
}    


.team-content {
    width: 100%;
    margin: auto;
    float: right;
}

.team-image {
    width: 100%;
    float: none;
    
    }
    
    .team-image img {
    width: 100vw;
    height: auto;}
       
    
.center-main {
      width: 94%;
    padding: 0 3%;
    }

.flex-container {}

.banner-text .title:before {
margin-left: 0px;
}

.banner-text {
top: 8%;
left: 0;
width: 100%;
font-size: 20px;
margin: 0%;
padding: 10px 0px;
}

.banner-text .title {
font-size: 20px;
font-weight: 500;
text-align: left;
line-height: 22px;
}

.banner-text .description {
width: 100%;
margin-top: 0;
font-size: 12px;
line-height: 13px;
}

.banner-text .tags {
font-size: 14px;
margin-top: 0;
}



.banner-background {
background-attachment: scroll;
}

h4 {margin-top: 0px;}
	
	
	#sidebar {float: left;width: 98%;padding: 0 1%;}
		.right #sidebar {margin-left: 0;}
		
	#mainColumn {width: 96%;padding: 0;}

#sidebar .side-nav{margin-top: 35px;}
#sidebar .side-nav ul{list-style: none;margin: 0;padding: 0;}



#distributor-list li {width: 98%;}

#grid .thumbnail {width: 98%;}

.banner-link-container {top: 45px;}


.banner-cont{margin-bottom: 40px;width: 96%;}/*for home page footer spacing*/

#footer-inner {width: 100%;}

#footerNav .nav li a {
    
    padding: 0 20px 0 20px;}

.column {width: 100%;clear: both;margin: 1% 0;}
#columns h2{margin-top:40px; }
.inner {}


textarea{width:92%;}
label{font-size: 12px;}
.videoWrapper{margin-bottom: 40px;}




#blog-index {margin-top: 0px;}
.journal-title {
width: 100%;
height: auto;
min-height: 120px;
margin: 20px auto;
}
.journal-title:before {
content: none;
background-image: none;
}




.top-bar{height: 50px;}
.push-button-menu {
    left: 40px;
    top: 40px;
}
#about{padding-top: 60px;}
h2{font-size: 40px;padding-top: 18px;}


.motto{;
    }


.cover {
    height: 50vh;
}
h3{font-size: 2.4em;}

#slide1 h2 {
    font-size: 4em;
    }

#slide1 h3 {
    font-size: 1.6em;
    font-weight: 300;
}


.page-template-home #navBar {
    top: 50vh;
}
#navBar.sticky{top:0px;    height: 80px;}

.nav-link {
    font-size: 22px;
    line-height: 22px;}
    
    .sticky #headerNav .nav .nav-link {
    
    font-size: 18px;
    line-height: 18px;}
    
#headerNav .nav li {
    padding: 0px 0%;}    
    
    .sticky #headerNav .nav li {
    padding: 0;
}

.sticky .headerLogo {
    height: 15px;
}


.contact-info {
    margin-left: 0px; 
    margin-top: 30px;
    display: block;
}

.contact-image {
    float: none;
}




.process-intro {
    width: 100%;
    float: left;
    margin-top: -25px;
}

.block-1 .process-block-arrow, .block-2 .process-block-arrow, .block-3 .process-block-arrow  {
	right: 20px;
    bottom: -60px;
    left: auto;
    top: auto;
   
}

.block-2 .process-block-arrow.cut, .block-3 .process-block-arrow.cut, .block-4 .process-block-arrow.cut  {
    top: -20px;
    left: auto;
    right: 20px;
    bottom: auto;
    transform: rotate(90deg);
}

.block-1 .process-block-arrow, .block-3 .process-block-arrow {transform: rotate(90deg);}


.process-block {
    position: relative;
    float: left;
    left: 0px!important;
    margin-bottom: 0px;
    height: 150px;
    top: 100vh!important;
    opacity: 0;
    width: 100%;
	border-radius: 0!important;
}

.process-block.end {
    top: 0px!important;
    opacity: 1;
    
}

.process-block p {
    margin-top: 24px;
    width: 80%;
    font-size: 1.4em!important;
}

.process-blocks {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    border-radius: 0!important;
}



.fp-controlArrow {display: none;}


.third {
    width: 100%;
    float: left;
}
.third.middle{
	margin: 4.5em 0;
}



.fp-auto-height-responsive {
    height: auto!important; margin: 4em 0 6em 0;
}
	.coverbg {height: 100vh!important;margin: 0;}




}/* end iPhone and devices smaller than an iPad*/


@media screen and (max-width: 680px) and (max-height: 700px) {

/*  Menu --------------------------------------------------------*/

.nav-menu ul.menu li {
    padding: 0.1em 0px;
    font-size: .9em;
    line-height: 125%;
}

.nav-menu li.li-heading {
    font-size: 0.8em!important;
}


#footer-social {
    position: relative;
    margin: 0px 0 0 -12px;
    float: left;
    }
    
 .nav-menu ul ul {
    padding: 0px 0 0 0;
    margin-bottom: 0px;
}

.nav-menu ul.menu {
    top: 70px;
}
 
 #push-logotype {

    top: -146px;
        width: 190px;
    left: -97px;
}
 
 #footer {

    line-height: 120%;
    }

 #footer p{
	font-size: 0.8em;
    line-height: 120%;
    font-weight: 300;
    margin: 0.5em 0;
    padding: 0;
	 
 }
    
    
/*  End Menu --------------------------------------------------------*/


} /* END------  @media screen and (max-height:600px) /



/*
@media screen and (max-aspect-ratio: 5/4) { 
	
	.motto{
	
	font-size: 12vmin;
    line-height: 10.5vmin;
    padding: 9% 5%;
	}
	
	
	
	
	
}

*/

@media screen and (min-aspect-ratio: 2/1) { 
	
	.motto{
	
	font-size: 15vmin;
    line-height: 15vmin;
    padding: 4.5% 5%;

	}
	
		
}


@media screen and (min-width: 1000px) and (max-height: 1000px){ 

.client-item-image {
    width: 12%;
}

.section h5 {
    font-size: 2.3em;
    width: 90%;
    padding-bottom: 0px;
} 

.client.client-56.js-client {
    width: 100%;
    margin-left: 0%;
}


.section p, .team-content p {
    line-height: 120%;
    width: 100%;
 }   
    
 
 
 .process-block p {
    color: white;
    font-size: 25px;
    margin-top: 40px;
    width: 90%;
    }   


/*  Menu --------------------------------------------------------*/

.nav-menu ul.menu li {
    padding: 0.2em 0px;
    font-size: 1em;
    line-height: 120%;
}

.nav-menu li.li-heading {
    font-size: 0.9em!important;
}


#footer-social {
    position: relative;
    margin: 30px 0 0 -12px;
    float: left;
    }
    
 .nav-menu ul ul {
    padding: 10px 0 0 0;
    margin-bottom: 10px;
}


 #footer p{
	font-size: 0.9em;
    line-height: 120%;
    font-weight: 300;
    margin: 0.3em 0;
    padding: 0;
	 
 }
 
 
   

/*  End Menu --------------------------------------------------------*/





}
  
    

/*
@media screen and (max-height:600px) {

.cover {
    height: 60vh;
}
.page-template-home #navBar {
    top: 60vh;
}
	.page-template-home  #navBar.sticky {
    top: 0px;
}

.push-button{top: 60%;}
.push-button-menu{top:40px;}
}

}



@media screen and (max-height:600px) {

.cover {
    min-height: 600px;
}
.page-template-home #navBar {
    top: 600px;
}
	.page-template-home  #navBar.sticky {
    top: 0px;
}

.push-button{top: 300px;}
.push-button-menu{top:300px;}
}
.motto{font-size: 40px;}



}
*/


/* fixes  */
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}