@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700,900);


* { 
	margin: 0;
	padding: 0px;
    font-family: 'Lato', sans-serif;
} 
body { 
	background: #fff; 
	margin: 0; 
	color: #5a5a5a;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Lato', sans-serif;
	font-weight: 300;
}


p { 
	padding: 0; 
	margin-bottom: 12px; 
    font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 18px; 
	line-height: 28px;
	color: #666; 
	margin-top: 10px; 
}

html,
body {
	width: 100%;
	height: 100%;

}

.bottomcut {
clip-path: inset(0 0 3% 0);
}

.vertical-align {
    display: flex;
    align-items: center;
}


*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}
a { 
	padding: 0;
	margin: 0;
	text-decoration: none; 
	-webkit-transition: background-color .4s linear, color .4s linear;
	-moz-transition: background-color .4s linear, color .4s linear;
	-o-transition: background-color .4s linear, color .4s linear;
	-ms-transition: background-color .4s linear, color .4s linear;
	transition: background-color .4s linear, color .4s linear;
	color: #fff;
}
a:hover,
a:focus {
  text-decoration: none;
  color:#696E74;
}

hr {
	height:1px;
	color:#ddd;
	background-color:#ddd;
}

.bordered {

	border-radius: 5px;
	line-height: 20px;
	padding: 10px;
	border: 1px solid #000;
	margin-top: 10px;
	margin-left: 0px;
	min-height: 14px;
}

.grey {

	border-radius: 15px;
	background-color:#eee;
}

.yellow {
	border-radius: 15px;
	background-color:#fff3cd;
}

.red {
	border-radius: 15px;
	background-color:#f8d7da;
}

.green {
	border-radius: 15px;
	background-color:#d1e7dd;
}

.blue {
	border-radius: 15px;
	background-color:#cfe2ff;

}
.blue-outline {
	border-radius: 15px;
	border: 1px solid #cfe2ff;
	background-color:#fff;
}
.bottom-line {
	
	border-bottom: 1px dotted #ddd;

}
.top-line {
	
	border-top: 1px dotted #ddd;

}

.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.dotted_frame {
	border: 1px dotted #000;
}

#overlay{
    position: absolute;
    top:0px;
    left:0px;
    width: 100%;
    height: 100%;
    background: black;
    opacity: .5;
}
.loader {
  position: relative;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 70px;
  height: 70px;
  left:50%;
  top:50%;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}