.lato-font {font-family: 'Lato', sans-serif;}

.auto-centered{display:table;margin:auto;width:auto;}
.box-container{margin: 80px auto}

.image-width-100 img{width: 100%}
/*.absolute-center{position: absolute;top: 0;left:0;bottom:0;right:0;margin:auto;display: table;width: 100%}*/
.absolute-center{
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width:100%;
}

.transition-all{
	transition: all 0.5s ease;
}

.padding-none{padding:0;}
.padding-right-none{padding-right: 0}
.padding-left-none{padding-left: 0}

.text-over-image{display: table;width: 100%;background-color: #000;position: relative;overflow: hidden;}
.text-over-image img{opacity: .6;width: 100%}
.text-over-image > a:hover{opacity: .8}
.text-over-image .toi-title-container *{color:#fff;padding: 0 15px}
.text-over-image .toi-title-container .toi-title{font-size: 2.4em;text-transform: uppercase;}
.text-over-image .toi-title-container .toi-subtitle{font-size: 1.4em;text-transform: uppercase;}

.black-transparent{
	background-color: rgba(0,0,0,0.6); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	-webkit-transition: background-color .5s linear;
	-moz-transition: background-color .5s linear;
	-o-transition: background-color .5s linear;
	-ms-transition: background-color .5s linear;
	transition: background-color .5s linear;
}

.black-transparent:hover{
	background-color: rgba(0,0,0,0.7); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	-webkit-transition: background-color .5s linear;
	-moz-transition: background-color .5s linear;
	-o-transition: background-color .5s linear;
	-ms-transition: background-color .5s linear;
	transition: background-color .5s linear;
}

/* Arrows */

.arrow {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.arrow.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.arrow.left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.arrow.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.arrow.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}