body {
  background-color: white;
  font-family: 'Lato', Arial, sans-serif;
  font-size: .935em;
  color: #333333;
	overflow: hidden;
}

.header {
	height: 80px;
	width: 100%;
}

.titlediv {
	margin-left: 50px;
	padding-top: 230px;
	height: 600px;
}

.titledivsmall {
	margin-left: 0px;
	padding-top: 50px;

}

.lefty {
	padding-left: 40px;
}

.marginright {
	padding-right:11px;
}

.h1inline {
	display:inline;
}

.textdivleft {
  margin-left: 50px;
  /*padding-right: 50px;*/
}

.textdivmed {
	max-width:90%;
	text-align: left;
	margin-left: 3%;
}

.textdivright {
  /*margin-left: 50px;*/
  padding-right: 80px;
}


.right {
	float: right;
}

.content {
	max-width: 1440px;
	/*border: 1px blue solid;*/
	margin: auto;
	padding: 80px 0px 50px 0px;
}

img {
	max-width: 100%;
  	height: auto;
}

.imgmed {
	max-width:96%;
}

.imgmobilemed {
	max-width:70%;
}

.imglarge {
	max-width:90%;
	float:right;
}

.imgcenter {
	text-align:center;
}

.imgathleteleft {
	max-width: 80%;
	padding-bottom: 50px;
}

.imgathleteright {
	max-width: 80%;
	margin-top: 60%;
}

.imgemail {
	max-width: 24px;
	height: auto;
}

.logo {
	max-width: 50px;
	height: auto;
}

/*
#newformalogo {
float: right;
	max-width: 150px;
	height: auto;
}
*/

.nav {
	height: 50px;
	display:fixed;
}

.w3-cell-row {
	width: auto;
}

.left {
	padding-left: 40px;
}

.medium {
	margin: 0px;
}

.none {
	text-decoration: none;
}
.coltext {
	width:35%;
}

div > p {
  line-height: 1.9em;
}

.colimg {
	width:65%;
}

.h1light {
/* 
	font-family: 'Oswald', Arial, sans-serif;
 */
 	font-family: 'Oswald', sans-serif; font-weight:300; font-style:normal;
}

.h1light70 {
	opacity: 0.7;
}

.titlemarginsmall {
	margin-top: -15px;
}

.h1boldtitle {
 	font-family: 'Oswald', sans-serif; font-weight:500; font-style:normal;

}

.h1boldcatapult {
 	font-family: 'Oswald', sans-serif; font-weight:500; font-style:normal;
	color: #FD4B04;
}

.h1boldnewforma {
 	font-family: 'Oswald', sans-serif; font-weight:500; font-style:normal;
	color: #3C75DD;
}

.h1boldnewformamobile {
 	font-family: 'Oswald', sans-serif; font-weight:500; font-style:normal;
	color: #51859D;
}

.h1boldsmartuse {
 	font-family: 'Oswald', sans-serif; font-weight:500; font-style:normal;
	color: #3E5B63;
}

.h1boldruxit {
 	font-family: 'Oswald', sans-serif; font-weight:500; font-style:normal;
	color: #75A14A;
}

hr {
	border-top: 1px solid #CCCCCC;
}

.modalbg {
	background-color: #FFFFFF;
	opacity: .8;
}

.projectbutton {
	border-radius: 0px 12px;
	height:40px;
	width: 110px;
	color: #FFFFFF;
	border: none;
	margin: 10px 0px 0px 0px;
	opacity: 1;
	transition: 0.3s;
}

.projectbutton:hover {
	opacity: 0.85;
}

.buttonvision {
	background-color: #FD4B04;
	box-shadow: 0px 8px 24px -8px rgba(253, 75, 4, 0.8);
}

.buttonnewforma {
	background-color: #3C75DD;
	box-shadow: 0px 8px 24px -8px rgba(60, 117, 221, 0.8);
}

.buttonnewformamobile {
	background-color: #51859D;
	box-shadow: 0px 8px 24px -8px rgba(81, 133, 157, 0.8);
}

.buttonsmartuse {
	background-color: #2BB9BA;
	box-shadow: 0px 8px 24px -8px rgba(43, 185, 186, 0.8);
}

.buttonruxit {
	background-color: #75A14A;
	box-shadow: 0px 8px 24px -8px rgba(117, 161, 74, 0.8);
}

.shadow {
	box-shadow: 0px 5px 10px -8px rgba(0, 0, 0, 0.5);
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(230,230,230,.8); /* White w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #FFFFFF;
  margin: 5% auto; /* 15% from the top and centered */
  padding: 20px;
  width: 90%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.modaltitlevision {
 	font-family: 'Oswald', sans-serif; font-weight:500; font-style:normal;
	color: #FD4B04;
}

.modaltitleNewforma {
 	font-family: 'Oswald', sans-serif; font-weight:500; font-style:normal;
	color: #3C75DD;
}

.modaltitleNewformamobile {
 	font-family: 'Oswald', sans-serif; font-weight:500; font-style:normal;
	color: #51859D;
}

.modaltitleSmartuse {
 	font-family: 'Oswald', sans-serif; font-weight:500; font-style:normal;
	color: #2BB9BA;
}

.modaltitleRuxit {
 	font-family: 'Oswald', sans-serif; font-weight:500; font-style:normal;
	color: #75A14A;
}

.modalh4 {
 	font-family: 'Oswald', sans-serif; font-weight:500; font-style:normal;
	color: #000000;
	font-size: 18px;
}

.pbottom {
	margin: 0px 0px 30px 0px;
}

figure {
	margin: 0;
}

figcaption {
	float:left;
	margin-top: -8%;
	margin-left: 11%;
	color: #999999;
}

.captionmodal {
	margin-left: 1%;
}

.captionmodalruxit {
	margin: 0;
}

.figcaptionmobile {
	margin: -21% 0% 0% 20%;
}

.figcaptionmobilemiddle {
	clear:both;
	margin: -9% 0% 0% 21%;
}

.figcaptionmobilemed {
	margin: -10% 0% 0% 23%;
}

.w3-twothird {
	margin-top:20px;
}

.gapmed {
	margin-top: 80px;
}