body{background: url(../images/datailor-bg.jpg)}

html,body{
	height: 100%;
	width: 100%;
	font-family: "Oswald", Arial;
	font-weight:200;
	text-decoration:none;
	line-height:130%;
	font-size:20px;
}
.site {
	display: block;
	align-items: center;
	justify-content: center;
	height:100%;
	width:100%;
}
.hero {
	background:#1d2459; 
	border-radius:15px; 
	/*padding:3em; */
	padding:1em; 
	max-width:100%;
	color:#fff;
	-webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 10px 5px rgba(0,0,0,0); 
	box-shadow: 0px 10px 13px -7px #000000, 5px 5px 10px 5px rgba(0,0,0,0);
	overflow:hidden;
}

.hero img{max-width:100%}
.hero .padding{padding:1.5em 0 1.5em 1.5em;}

.pull-right{text-align:right}


/* Typo */

h4{
	font-size:38px; 
	padding:10px 0; 
	margin:1.5em 0 1em; 
	font-weight:300;
	color:#fff;
	letter-spacing:1px;
}
.subline{
	font-size:16px; 
	background: linear-gradient(to right,  rgba(19, 23, 58, 1) 0%, rgba(233, 233, 233, 0) 100%);
	padding:10px 15px;
	margin-top:1em;
	letter-spacing:1px;
}

.hero p{margin:0 0 1em 0}

/* Button */

.button{
	background:#d95e27; 
	border:0; 
	border-radius:0; 
	text-transform:uppercase;
	font-size:16px; 
	color:#fff; 
	transition: all 0.3s;
	position: relative;
	overflow: hidden;
	z-index: 1;
	font-weight:400; 
	letter-spacing:1px;
	-webkit-box-shadow: 3px 4px 0px 0px rgba(19,23,58,0.91); 
	box-shadow: 3px 4px 0px 0px rgba(19,23,58,0.91);
}

.button:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #d95e27;
	border-radius: 0;
	z-index: -2;
}
.button:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0%;
	height: 100%;
	background-color: #456bc0;
	transition: all 0.3s;
	border-radius: 0;
	z-index: -1;

}
.button:hover { color: #fff;}
.button:hover:before { width: 100%;}

.button span{background: url(../images/arrow.png) no-repeat 50% 50%; width:14px; height:14px; display:inline-block; margin-left:10px; left:-100px; position: relative;transition: all 0.3s;opacity:0; margin-right:-15px; }
.button:hover span{left: 0; opacity:1; }


@media screen and (min-width:1200px) {
	.site {display: flex;}
	.hero { max-width:1200px; }
}

@media screen and (max-width:960px) {
	.six.columns{width:100%}
	.hero .padding{padding:0;}
	.pull-right{text-align:center}
}

/* animations */

.slide-in-left {
	-webkit-animation: slide-in-left 1s ease-out both;
	        animation: slide-in-left 1s ease-out both;
}

.slide-in-left-1s {
	-webkit-animation: slide-in-left 1s ease-out 0.4s both;
	        animation: slide-in-left 1s ease-out 0.4s both;
}

.slide-in-left-2s {
	-webkit-animation: slide-in-left 1s ease-out 0.6s both;
	        animation: slide-in-left 1s ease-out 0.6s both;
}

.slide-in-bottom {
	-webkit-animation: slide-in-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940)  both;
	        animation: slide-in-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.slide-in-bottom-1s {
	-webkit-animation: slide-in-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.4s both;
	        animation: slide-in-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.4s both;
}

.slide-in-bottom-2s {
	-webkit-animation: slide-in-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.6s both;
	        animation: slide-in-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.6s both;
}

.slide-in-bottom-4s {
	-webkit-animation: slide-in-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s both;
	        animation: slide-in-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s both;
}

.slide-in-top {
	-webkit-animation: slide-in-top 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s both;
	        animation: slide-in-top 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s both;
}

.scale-in-hor-center {
	-webkit-animation: scale-in-hor-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.4s both;
	        animation: scale-in-hor-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.4s  both;
}

.tracking-in-expand {
	-webkit-animation: tracking-in-expand 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.4s both;
	        animation: tracking-in-expand 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.4s both;
}

.kenburns-top {
	-webkit-animation: kenburns-top 10s ease-out    both;
	        animation: kenburns-top 10s ease-out    both;
}

.blink-1 {
	-webkit-animation: blink-1 0.6s both;
	        animation: blink-1 0.6s both;
}

/* ----------------------------------------------
 * Generated by Animista on 2021-11-10 10:26:0
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-top
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}


/* ----------------------------------------------
 * Generated by Animista on 2021-11-10 10:23:55
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation blink-1
 * ----------------------------------------
 */
@-webkit-keyframes blink-1 {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes blink-1 {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}


/* ----------------------------------------------
 * Generated by Animista on 2021-11-10 10:18:18
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/* ----------------------------------------------
 * Generated by Animista on 2021-11-10 10:19:31
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

//* ----------------------------------------------
 * Generated by Animista on 2021-11-10 10:20:28
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation kenburns-top
 * ----------------------------------------
 */
@-webkit-keyframes kenburns-top {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translateY(-15px);
            transform: scale(1.25) translateY(-15px);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
}
@keyframes kenburns-top {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translateY(-15px);
            transform: scale(1.25) translateY(-15px);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
}



/* ----------------------------------------------
 * Generated by Animista on 2021-11-10 10:16:40
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation tracking-in-expand
 * ----------------------------------------
 */
@-webkit-keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}

/* ----------------------------------------------
 * Generated by Animista on 2021-11-10 10:8:10
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-left
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
            transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
            transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}


/* ----------------------------------------------
 * Generated by Animista on 2021-11-10 10:9:58
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-bottom
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(1000px);
            transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(1000px);
            transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}


/* ----------------------------------------------
 * Generated by Animista on 2021-11-10 10:15:21
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-in-hor-center
 * ----------------------------------------
 */
@-webkit-keyframes scale-in-hor-center {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    opacity: 1;
  }
}
@keyframes scale-in-hor-center {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    opacity: 1;
  }
}