@CHARSET "UTF-8";

body {
	background-color: #EAEDF1;
	color: #323A45;
	font-family: 'Lato', sans-serif;
	font-size: 1.5em;
	font-weight: 100;
}

/* dasdasd */
 
.white-back { background-color: #FFFFFF; color: #323A45; }
.graylight-back { background-color: #EAEDF1; color: #323A45; }
.gray-back { background-color: #9EA7B3; color: #FFF; }
.dark-back { background-color: #323A45; color: #FFF; }
.orange-back { background-color: #F58723; color:#FFF; }
.greensea-back { background-color: #1FBBA6; color:#FFF; }
.torquoise-back { background-color: #14B9D6; color:#FFF; }


.font-syncopate {
	font-family: 'Syncopate', sans-serif;	
}

.name {
	margin-top: 20px;
	font-size: 1.7em;
}

.panel { 
	border: 0px; 
	margin: 0px; 
	padding: 0px;	
  -webkit-box-shadow: 0px 0px 10px -2px rgba(50, 50, 50, 0.6);
  -moz-box-shadow:    0px 0px 10px -2px rgba(50, 50, 50, 0.6);
  box-shadow:         0px 0px 10px -2px rgba(50, 50, 50, 0.6);
 }
 
.panel .title { margin:0px; padding:10px; text-align:center; background-color: #323A45; color: #FFF; font-weight: 400; 
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
 }
 
.panel { position:relative; margin:0px; padding:20px; background-color: #FFFFFF; color:#323A45; overflow: hidden; }
.panel a { color: #F58723; font-weight:400; }
.panel a:link { text-decoration: none; color:#F58723; }
.panel a:visited { text-decoration: none; color:#F58723; }
.panel a:hover { text-decoration: none; color:#14B9D6;}

.buttons a { float:left; display:inline-block;  background-color:#323A45; height:80px; }
.buttons a:link { text-decoration: none; color:#9EA7B3; }
.buttons a:visited { text-decoration: none; color:#9EA7B3; }
.buttons a:hover { text-decoration: none; color:#FFFFFF; background-color: #14B9D6;}
.buttons a .acontent { padding: 10px 0px; text-align: center; }
.buttons a .acontent p { margin:0px; padding-top:10px; font-size: 0.8em; font-weight: 400; }

.panel .tab { display:none; }

.website {
	margin-top: 25px;
	height: 250px;
}

.text-light {
	color: #E8E8E8;
}

.topbar {  
  display: none;
	position: fixed;
	width: 100%;
	height: 78px;
	border-bottom: 2px solid #FFF;
	z-index: 999;
}

.topbar a { color: #FFF; font-weight:400; }
.topbar a:link { text-decoration: none; color:#FFF; }
.topbar a:visited { text-decoration: none; color:#FFF; }
.topbar a:hover { text-decoration: none; color:#323A45;}

.section {}
.section .title {
	padding: 0px 50px;
	line-height: 130px;
}

.m-none { margin: 0px !important; }
.m-t-xs { margin-top: 5px; }
.m-t { margin-top: 10px; }
.m-t-2x { margin-top: 20px; }
.m-b-xs { margin-bottom: 5px; }
.m-b { margin-bottom: 10px; }
.m-b-2x { margin-bottom: 20px; }

.p-none { padding: 0px !important; }
.p { padding: 10px; }
.p-2x { padding: 20px; }
.p-t-xs { padding-top: 5px; }
.p-t { padding-top: 10px; }
.p-t-2x { padding-top: 20px; }
.p-b-xs { padding-bottom: 5px; }
.p-b { padding-bottom: 10px; }
.p-b-2x { padding-bottom: 20px; }
.p-b-4x { padding-bottom: 40px; }