@charset "utf-8";
/* CSS Document */

html{

}
body{
width: 100%;
margin: 0;
height: 100%;
background-position:right top;
background-repeat:no-repeat;
background-attachment:fixed;
background-size: cover;
font-family: 'Oswald', sans-serif;
}

/* fonts */
.title{
font-size:19px;
color:#fff;}
.large{
font-size:34px;}
.middle{
font-size:22px;}
.regular{
font-size:15px;
line-height: 20px;
}

.regular2{
	font-size: 15px;
	
}
.seeall a{
color:#FFFFFF;
text-decoration:none;
float:right;
margin-right: 15px;
margin-top: 5px;
font-size: 14px;}
/* top */
#titlewrap{
width: 100%;
min-height: 20px;
background: rgb(169,3,41); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(169,3,41,1) 0%, rgba(79,0,18,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(169,3,41,1) 0%,rgba(79,0,18,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(169,3,41,1) 0%,rgba(79,0,18,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#4f0012',GradientType=1 ); /* IE6-9 */

scroll-snap-type: mandatory;
}
#titlename{
width: 90%;
text-align:left;
padding: 1%;
padding-left: 5%;


}
#intro{
width: 100%;
    background-image: url(../images/bulbs.jpg);
    background-repeat:no-repeat;
	background-position:left;
    background-size:cover;
	
	text-align:left;
	max-height: 460px;
		color:#FFFFFF;
		margin:40px 0 0 0;	}
		
		
		#web #intro{
		background-image: url(https://i.ytimg.com/vi/KW1RWTTkw5Q/maxresdefault.jpg)
		}
		
		#print #intro{
		background-image: url(http://wallpapercave.com/wp/lUCTlFZ.jpg)	
		}
		
		#brand #intro{
		background-image: url(https://wplook.com/wp-content/uploads/2014/11/homepage-bg.jpg)

		}
		
		#ux #intro{
		background-image: url(../images/flower5.jpg);	
		}
		
		
		
		.study{
			font-weight:100; font-size:14px;
			
		}
#intext{
width: 50%;
max-width: 450px;
padding-left: 5%;
padding-top: 4%;
padding-bottom: 5%;}


#intext p {
  
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}


#print #intext{
	color:#fff;
}

#web  .regular{
	padding: 6px;
	background-color:#000000;
	
}

#web  .large{
	padding: 6px;
	background-color:#000000;
	
}

#print .regular{
		padding: 6px;
		border: dashed medium #C0C0C0;
}
/* END TOP */

/* ports  */
.parr{
min-width: 100%;
background-position: bottom center;
background-attachment: fixed;
background-size: cover;

background: rgb(169,3,41); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(169,3,41,1) 0%, rgba(79,0,18,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(169,3,41,1) 0%,rgba(79,0,18,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(169,3,41,1) 0%,rgba(79,0,18,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#4f0012',GradientType=1 ); /* IE6-9 */



}
#parr1{
background-image: url(../images/mountain.jpeg);background-size:cover;}

#parr2{
background-image: url(../images/beer.jpeg);background-size:cover;}

#parr3{
background-image: url(../images/crowsnest_background.jpg);background-size:cover;}

#parr4{
background-image:url(../images/blueblue.jpg);background-size:cover;}

#parrclarion{
background-image:url(../images/clarion_background.jpg);background-size:cover;}

#parrprint{
background-image:url("../images/background-print2.gif");background-size:cover;}

#parrtvt{
	background-image:url(../images/tvt_background.jpg);
	background-size:cover;
	
	
	}
	
	#parrp2a{
			background-image:url(../images/plan2account_background.jpg);
	background-size:cover;
	}
	
		#parrcmc{
			background-image:url(../images/bg-cmc.jpg);
	background-size:cover;
	}


	#parr360D{
			background-image:url(../images/bg-360Divisions.jpg);
	background-size:cover;
	}

#parrfade{
	background-color:rgba(0, 0, 0, 0.5);
	
	margin-left:auto;
margin-right:auto;
padding: 3% 0% 0% 0%;

background-image:url(../images/fade.png);
background-repeat:repeat;
text-align:center;}
#portwrap{
margin-left:auto;
margin-right:auto;
padding-bottom: 2%;
padding-left: 1%;
max-width: 100%;
float: left;}
.port{
max-width: 96%;
margin-left:auto;
margin-right:auto;
padding-top: 1%;}
.porttext{
float:left;
color:#fff;
width: 100%;
padding-bottom: 25px;
margin-top: 15px;}
.portimage{
float:left;
width: 100%;
padding-bottom: 25px}

.portimage img{
max-height:80vh;
max-width: 100%;
border-bottom: thin solid #990000;
margin-left: -2%;

}


#caseText{
	color:#FFFCFC;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size:16px;
	text-align:left;
	font-weight: 600;
	padding: 35px;
	margin-top: auto;
	margin-bottom: auto;
	
}


.goTo{
	background-color:#930C0E;
	padding: 15px;
	font-weight:600;
	text-decoration:none;
	color: #ffffff;
	margin-bottom: 15px;
	font-size: 1.1em;
	letter-spacing: 1px;
	
}



/*
#port-1{
    background-image: url(../images/panel_calvin.jpg);
    background-repeat:no-repeat;
	background-position:center;
    background-size:100% auto;
}


/* SECONDARY PAGES */

.portrow{
width: 100%;
margin-left:auto;
margin-right:auto;
min-height: 200px;
text-align:center;
padding-bottom: 50px;
}

.portrow img{
	float: none;
	margin-left:auto;
	margin-right:auto;
	padding: 1%;
    box-shadow: 2px 5px 15px #dddddd;
max-width: 92%;
	height: auto;
	
	
	/*border-bottom: medium solid #990000;*/
}

.portrowText{
	width: 74%;
	max-width: 600px;
	min-height: 100px;
	
	margin-left:auto;
	margin-right:auto;
	
	color:#3E3E3E;
	font-size: 1.1em;
	padding: 25px;
	text-align:left;
	
}

.portappa{
	width: 18%;
	
}


/* ROWS */





/* FOOTER */

.foot{
	z-index: 20;
background-color: #fff;
color:#fff;
font-size:18px;
padding: 12px;
margin-bottom: -50px;



background: rgb(79,0,18,1); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(79,0,18,1) 0%, rgba(169,3,41,1)) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(79,0,18,1) 0%,rgba(169,3,41,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(79,0,18,1) 0%,rgba(169,3,41,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f0012', endColorstr='#a90329',GradientType=1 ); /* IE6-9 */


} 

.foot a{
color:#fff;

}


/* END FOOTER */









.bottom{
text-align:center;
width:42px;
height:32px;
background-color: #ffffff;
position:fixed;
right:20px; 
bottom:20px;
display:none;
    border-radius: 28px;
	z-index: 10;
	text-decoration:none;
	padding-top: 8px;
	font-size: 3px;
	
	border: medium  solid #990000;

    
}​



.material-icons a{
color:#999999;
text-decoration:none;

font-family: 'Material Icons';
font-size: 60px;
line-height: 40px;
font-weight:bolder;

margin-top: 2px;


}

.material-icons a:visited{
color:#888888;
text-decoration:none;

}

.bottom a{
display:block;
color: #888888;

}




/* ************************* */
@media(min-width:300px){
#portwrap{
margin-left:auto;
margin-right:auto;

float:none;
padding-left: 2%;}

}


@media(max-width:1000px){

#intro{


	background-position:center;

	}

#intext{
max-width: 90%;
}







.port{
width: 90%;
margin-left:auto;
margin-right:auto;
padding-top: 1%;}

.porttext{
float:none;
margin-left:auto;
margin-right:auto;
width: 90%;
max-width: 90%;
}

.portappa{
	width: 34%;
	
}


}





@media(min-width:1400px){

.title{
font-size:24px;
}

#titlename{
width: 90%;
text-align:left;
}

#intext{
width: 50%;
max-width: 550px;
padding-left: 5%;
padding-top: 4%;
padding-bottom: 15%;

}


.portappa{
	width: 10%;
	
}

.large{
font-size:54px;
}

.middle{
font-size:32px;
}

.regular{
font-size:19px;
}
}




@media(min-width:1300px){
#caseText{
	max-width: 50%;
	margin-left:auto;
	margin-right:auto;
	font-size:24px;
}





#intro{
	background-attachment: fixed;
}
.parr{
	background-attachment: fixed;
}}


.row100{
	width: 100%;
	padding: 20px 0;
}

.bgcwhite{
	background-color:#FFFFFF;
	
}

.ch-logos{
	width: 14%;
	height:auto;
	margin: 0 1%;
	max-width: 400px
		
}

.textcenter{
	text-align:center;
	
}

@media(max-width:1000px){

	.ch-logos{
	width: 45%;
	margin: 0 1.2%;
		max-width: 45%

		
}
}