/*
 ___________________________________________________________
/ _________________________________________________________ \
\ \   _____    _      ____    _      _         ______   _   / /
/ /  |. _ .\  |.|    |. __|  \.\    /./       |. __ .| |.|  \ \
\ \  |.| |.|  |.|    |.|      \.\  /./        |.|  |.| |.|  / /
/ /  |.|_|.|  |.|    |.|__     \.\/./         |.|__|.| |.|  \ \
\ \  |. ___/  |.|    |. __|     /..\          |. __ .| |.|  / /
/ /  |.|      |.|    |.|       /./\.\         |.|  |.| |.|  \ \
\ \  |.|      |.|__  |.|__    /./  \.\    _   |.|  |.| |.|  / /
/ /  |_|      |____| |____|  /_/    \_\  |_|  |_|  |_| |_|  \ \ 
\ \_______________________________________________________/ /
 \_________________________________________________________/

Want to be a part of this?  email us :)
*/
/*Full Screen Adjustments*/
/** Generic **/
html {
	margin: 0;
}

body {
    background: rgb(237, 240, 242);
    margin: 0px;
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    font-size: 1.5rem;
    line-height: 1.53333;
    color: rgb(57, 75, 89);
    font-family: Roboto;
    -webkit-font-smoothing: antialiased;
}

.main {
    position: relative;
    width: 100%;
    max-width: 1440px;
    margin: 0px auto;
    background: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 0px 8px;
}

.content-wrapper{
	/*min-height: 100%;*/
	margin-top: -70px;
}

/*Images*/
.waterloo{
	background-image: url("./imgs/background_image_v6-800.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	min-height: 600px;
}

.black{
	background-color: black;
	min-height: 70px;
}

.bubble{
	background-image: url("./imgs/city-people-bubble-soap.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	min-height: 70px;
}

.mountain{
	background-image: url("./imgs/footer_image-v1.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	min-height: 1400px;
	opacity: 0.9;
}

.maps{
	background-image: url("./imgs/first.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	min-height: 600px;
}



.vision{
	background: -webkit-linear-gradient(180deg, #34495E 10%, #1ABC9C 90%); /* Chrome 10+, Saf5.1+ */
  	background:    -moz-linear-gradient(180deg, #34495E 10%, #1ABC9C 90%); /* FF3.6+ */
  	background:     -ms-linear-gradient(180deg, #34495E 10%, #1ABC9C 90%); /* IE10 */
  	background:      -o-linear-gradient(180deg, #34495E 10%, #1ABC9C 90%); /* Opera 11.10+ */
  	background:         linear-gradient(180deg, #34495E 10%, #1ABC9C 90%); /* W3C */    
	min-height: 510px;
}


.screen-shot{
	background-image: url("./imgs/imac-front-stand-psd-mockup.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	min-height: 710px;
}

.marginless-row{
	margin-bottom: 0px;
}


/**Navigation Bar**/   
.custom-nav-small {
    background-color: rgba(0, 0, 0, 0.2);
    color: rgb(255, 255, 255);
    height: 64px;
    max-width: 1440px;
}

.custom-nav-large {
    background-color: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    height: 78px;
    max-width: 1440px;
}

.nav-wrapper{
	margin-left: 10px;
}

.logo-img-large {
    height: 71px;
    width: 49px;
    margin-left: 10px;
    margin-top: 5px;
    background-image: url("./imgs/plex-logo-9-square.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

.logo-img-small {
    height: 50px;
    width: 40px;
    margin-left: 10px;
    margin-top: 9px;
    background-image: url("./imgs/plex-logo-9-light-small.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

.message-background{
	background-color: rgba(0,0,0,0.5);
}



/* Splash Message */
.splash-message-wrapper{
	display: flex;
	/*min-height: 400px;*/
}

.splash-message{
	display: flex;
	text-align: center;
	margin: 0 auto;
	font-size: 50px;
	margin-top: 200px;
	padding: 50px;
	
}

.splash-title{
	font-size: 70px;
	text-align: center;
}

/*Footer*/

.footer{
	display: flex;
	margin-top: 0px;
	height: 0px;
	z-index: 1;
	color: white;
}

.footer-item {
    display: flex;
    text-align: center;
    font-weight: 300;
    margin: 0px auto;
    font-size: 17px;
}

.footer-wrapper{
    padding-bottom: 35px;
}

/* Vision Message */
.slider-image {
    background-image: url("./imgs/waterloo.jpg");
    background-size: cover;
    background-position-y: 50%;
    opacity: 1;
}

.splash-message-wrapper{
	display: flex;
	min-height: 650px;
}


.vision-message{
	position: fixed;
	text-align: center;
	top: 30%;
	font-size: 50px;
	font-size: 35px;
}

/** Animations **/
.animation-container {
  height: 633px;
  position: relative;
  margin-bottom: 10px;
}

.animation-frame {
  left: 50%;
  margin-left: -155px;
  position: absolute;
}

.animation-video {
  left: 50%;
  margin-left: -134px;
  position: absolute;
  top: 77px;
  width: 268px;
}

.mac-animation-container {
  height: 633px;
  position: relative;
}

.mac-animation-frame {
	position: absolute;
	margin-left: -385px;
	left: 50%;
	z-index: 1;
}

.mac-animation-img{
  margin-left: -359px;
  position: absolute;
  top: 10px;
  left: 50%;
  width: 700px;
}

/** MISC **/
.primary-content{
	min-height: 400px;
	color: rgb(255,255,255);
}

i[class*="fa"]:hover{
    /*color: #C0392B;*/
}

.link-icon:hover{
  color: #C0392B;
}

.phone-frame{
	height: 507px;
	width: 248px;
}

.feature-img{
	width: 50px;
    height: 50px;
}

.feature-text{
	font-size: 15px;
	font-weight: 300;
}

.bullet-point{
	list-style-type: square;
	margin-left: 50px;
}

.pdfviewer{
	margin-top: 100px;
    min-height: 600px;
}

.action-color{
	background-color: #C0392B;
	font-size: large;
}


.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}


.heavy-font {
    font-family: 'Titillium Web', sans-serif;
    font-size: 60px;
}

.light-font {
    font-family: 'Titillium Web', sans-serif;
    font-size: 25px;
}

.menu-item {
    color: rgb(255, 255, 255);
    font-weight: 500;
    height: 64px;
    line-height: 64px;
}

.side-menu-item {
    color: rgb(255, 255, 255);
    font-weight: 500;
    height: 64px;
    line-height: 64px;
    color: black;
}

.btn:hover {
    background-color: black;
}

.partner-img {
    width: 100px;
}

.answer{
  font-weight: 200;
}

.question{
  font-weight: 300;
}

.features{
  font-size: 35px;
  font-weight: 300;
}

.consumer-hidden{
  visibility: hidden;
  display: none;
}