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

body{
	background: white;
	margin: 0;
	padding: 0;
	font-family: 'Overpass', sans-serif;
	text-align: left;
	-webkit-font-smoothing: antialiased;
	overflow: overlay;
	color: #2f3131;
	font-weight: 400;
	font-size: 18px;
}
section{
  min-height: calc(100vh - 250px);
  min-height: -webkit-calc(100vh - 250px);
}
*{
	margin: 0;
}

h1 { 
    display: block;
    font-size: 2em;
}
h2 {
    display: block;
    font-size: 1.5em;
}
h3 { 
    display: block;
    font-size: 1.17em;
}
h4 { 
    display: block;
    font-size: 1em;
}
h5 { 
    display: block;
    font-size: .83em;
}
h6 { 
    display: block;
    font-size: .67em;
}
a{
	text-decoration: none
}
a:hover{
	color: #ebbc20
}
.block{
	display: block;
}
.inline-block{
	display: inline-block;
}
.regular{
	font-weight: 400;
}
.italic{
	font-weight: 400i;
}
.bold{
	font-weight: 700;
}
.black{
	font-weight: 900
}

.yellow-color{
	color: #ebbc20
}
.yellow-bg{
	background: #ebbc20
}

.dark-color{
	color: #2f3131
}
.dark-bg{
	background: #2f3131
}

.wrapper{
	padding: 50px;
}
.line-through{
	/*text-decoration: line-through;
  text-decoration-style: wavy;
  text-decoration-color: white;
  text-decoration-thickness: 0.06em;*/
}

.uppercase{
	text-transform: uppercase;
}

.padding-right-10{
  padding-right: 10px;
}
.padding-right-15{
	padding-right: 15px;
}

.padding-left-15{
	padding-left: 15px;
}

.padding-top-15{
	padding-top: 15px;
}

.padding-bottom-15{
	padding-bottom: 15px;
}

.col-0{
  width: 0%;
}
.col-10{
  width: calc(100% / 10 - 0px);
  width: -webkit-calc(100% / 10 - 0px);
  width: -moz-calc(100% / 10 - 0px);
  width: -ms-calc(100% / 10 - 0px);
}
.col-15{
  width: calc(100% / 20 * 3 - 0px);
  width: -webkit-calc(100% / 20 * 3 - 0px);
  width: -moz-calc(100% / 20 * 3 - 0px);
  width: -ms-calc(100% / 20 * 3 - 0px);
}
.col-20{
  width: calc(100% / 5 - 0px);
  width: -webkit-calc(100% / 5 - 0px);
  width: -moz-calc(100% / 5 - 0px);
  width: -ms-calc(100% / 5 - 0px);
}
.col-25{
  width: calc(100% / 4 - 0px);
  width: -webkit-calc(100% / 4 - 0px);
  width: -moz-calc(100% / 4 - 0px);
  width: -ms-calc(100% / 4 - 0px);
}
.col-33{
  width: calc(100% / 3 - 0px);
  width: -webkit-calc(100% / 3 - 0px);
  width: -moz-calc(100% / 3 - 0px);
  width: -ms-calc(100% / 3 - 0px);
}
.col-40{
  width: calc(100% / 5 * 2 - 0px);
  width: -webkit-calc(100% / 5 * 2 - 0px);
  width: -moz-calc(100% / 5 * 2- 0px);
  width: -ms-calc(100% / 5 * 2 - 0px);
}
.col-50{
  width: calc(100% / 2 - 0px);
  width: -webkit-calc(100% / 2 - 0px);
  width: -moz-calc(100% / 2 - 0px);
  width: -ms-calc(100% / 2 - 0px);
}
.col-60{
  width: calc(100% / 5 * 3 - 0px);
  width: -webkit-calc(100% / 5 * 3 - 0px);
  width: -moz-calc(100% / 5 * 3- 0px);
  width: -ms-calc(100% / 5 * 3 - 0px);
}
.col-66{
  width: calc(100% / 3 * 2 - 0px);
  width: -webkit-calc(100% / 3 * 2 - 0px);
  width: -moz-calc(100% / 3 * 2 - 0px);
  width: -ms-calc(100% / 3 * 2 - 0px);
}
.col-75{
  width: calc(100% / 4 * 3 - 0px);
  width: -webkit-calc(100% / 4 * 3 - 0px);
  width: -moz-calc(100% / 4 * 3 - 0px);
  width: -ms-calc(100% / 4 * 3 - 0px);
}
.col-80{
  width: calc(100% / 5 * 4 - 0px);
  width: -webkit-calc(100% / 5 * 4 - 0px);
  width: -moz-calc(100% / 5 * 4 - 0px);
  width: -ms-calc(100% / 5 * 4 - 0px);
}
.col-90{
  width: calc(100% / 10 * 9 - 0px);
  width: -webkit-calc(100% / 10 * 9  - 0px);
  width: -moz-calc(100% / 10 * 9  - 0px);
  width: -ms-calc(100% / 10 * 9  - 0px);
}
.col-100{
  width: 100%;
}
.max-width-980{
  max-width: 980px;
}

.h-100px{
	height: 100px;
}
.h-100{
  height: 100%;
}

.vertical-align-top{
	vertical-align: top;
}
.vertical-align-middle{
	vertical-align: middle;
}
.vertical-align-bottom{
	vertical-align: bottom;
}

.absolute{
  position: absolute;
}
.relative{
  position: relative;
}
.fixed{
  position: fixed;
}

.left-0{
  left: 0;
}
.left-50percent{
  left: 50%;
}
.right-0{
  right: 0;
}
.bottom-0{
  bottom: 0;
}
.top-0{
  top: 0;
}
.top--50px{
  top: -50px;
}

.z--1{
  z-index: -1;
}
.z-0{
  z-index: 0;
}
.z-1{
  z-index: 1;
}

.opacity-0{
  opacity: 0;
}
.opacity-25{
  opacity: .25;
}
.opacity-50{
  opacity: .50;
}
.opacity-75{
  opacity: .75;
}
.opacity-100{
  opacity: 1;
}

@media (min-width: 320px) and (max-width: 767px) {
	h1 { 
	    display: block;
	    font-size: 1.6em;
	}
	h2 {
	    display: block;
	    font-size: 1.4em;
	}
	.wrapper{
		padding: 20px;
	}
}