/*----------------------------------*/
/*			   RESET				*/
/*----------------------------------*/
*{margin:0;padding:0;outline:0}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,img,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,hgroup,menu,nav,summary,time,mark,audio,video,header,footer{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;background:transparent}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
ol,ul{list-style:none}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,img{display:block}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
input,select{vertical-align:middle}
table{border-collapse:separate;border-spacing:0}
caption,th,td{text-align:left;font-weight:400}
input{vertical-align:middle}
:focus{outline:0}
input[type=submit]{-webkit-appearance:none}
img,object,embed{max-width:100%}
p{margin-bottom:20px}
p:empty{display:none}
.gallery-caption{margin-left:0;margin-bottom:10px;padding:0 10px}
.clear{clear:both;height:0}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block;display:block}
.none{display:none}
.alignleft{float:left}
.alignright{float:right}
.aligncenter{margin-left:auto;margin-right:auto;display:block;clear:both}
.alignleft img{float:left}
.alignright img{float:right}
.aligncenter img{margin-left:auto;margin-right:auto;display:block;clear:both}
img.alignleft{float:left;margin:0 20px 0 0}
img.alignright{float:right;margin:0 0 0 20px}
img.aligncenter{margin-left:auto;margin-right:auto;display:block;clear:both}
iframe{display:block}
input,textarea{font-size:12px;line-height:21px;font-family:inherit;outline:none 0}
.inv{display:none}
em{font-style:italic}
a img{border:none}
img{margin:0;padding:0;border:0;white-space:normal;display:block}
.alignright{text-align:right}
.alignleft{text-align:left}
.aligncenter{text-align:center}
.alignRight{text-align:right}
.alignLeft{text-align:left}
.alignCenter{text-align:center}
.right{text-align:right}
.left{text-align:left}
.center{text-align:center}
.wp-smiley{display:inline}


html *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
} 
/*----------------------------------*/
/*				BODY				*/
/*----------------------------------*/

body{
	background: #ffffff;
	color: #1b1b1b;
	font-size: 17px;
	line-height: 26px;
	font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif;
	margin:0;
	padding:0;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
::selection{background-color:#e92e2e;color:#fff;}
::-moz-selection{background-color:#e92e2e;color:#fff;}





/*----------------------------------*/
/*			 TYPOGRAPHY				*/
/*----------------------------------*/
a{
	text-decoration:none;
	  -webkit-transition: all 0.2s ease-in-out;
		 -moz-transition: all 0.2s ease-in-out;
		   -o-transition: all 0.2s ease-in-out;
			  transition: all 0.2s ease-in-out;
}


h1, h2, h3, h4, h5, h6{ font-weight: bold; }
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong{ font-weight: bold; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img{ display: inline-block; }

h1{
	font-size: 72px;
	line-height: 72px;
	margin-bottom: 40px;
}
h2{
	font-size: 60px;
	line-height: 60px;
	margin-bottom: 30px;
}
h3{
	font-size: 48px;
	line-height: 48px;
	margin-bottom: 30px;
}
h4{
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 20px;
}
h5{
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 10px;
}
h6{
	font-size: 72px;
	line-height: 72px;
	margin-bottom: 40px;
}

strong{ font-weight: bold; }
em{ font-style: italic; }
.biglines{
	font-size: 20px;
	line-height: 28px;
}
sup{
	position: relative;
	font-size: 60%; line-height: 12px;
	top: -5px;
}
small{ font-size: 80%; line-height: 60%;}

.smallTitle{
	font-size: 48px;
	font-weight: 300;
	line-height: 46px;
	margin-bottom: 20px;
	color: #3b7bae;
}
.upper{ text-transform: uppercase; }

.blue{ color: #3b7bae; }
.red{ color: #e94d4d; }
.green{ color: #e94d4d; }


.s10{ font-size: 10px; line-height: 16px; }
.s11{ font-size: 11px; line-height: 17px; }
.s12{ font-size: 12px; line-height: 18px; }
.s13{ font-size: 13px; line-height: 19px; }
.s14{ font-size: 14px; line-height: 20px; }
.s15{ font-size: 15px; line-height: 21px; }
.s16{ font-size: 16px; line-height: 22px; }
.s17{ font-size: 17px; line-height: 23px; }
.s18{ font-size: 18px; line-height: 24px; }
.s19{ font-size: 19px; line-height: 24px; }
.s20{ font-size: 20px; line-height: 24px; }
.s21{ font-size: 21px; line-height: 26px; }
.s22{ font-size: 22px; line-height: 26px; }
.s23{ font-size: 23px; line-height: 26px; }
.s24{ font-size: 24px; line-height: 26px; }
.s25{ font-size: 25px; line-height: 26px; }
.s26{ font-size: 26px; line-height: 30px; }
.s27{ font-size: 27px; line-height: 30px; }
.s28{ font-size: 28px; line-height: 30px; }
.s29{ font-size: 29px; line-height: 30px; }
.s30{ font-size: 30px; line-height: 36px; }
.s31{ font-size: 31px; line-height: 36px; }
.s32{ font-size: 32px; line-height: 36px; }
.s33{ font-size: 33px; line-height: 36px; }
.s34{ font-size: 34px; line-height: 36px; }
.s35{ font-size: 35px; line-height: 36px; }
.s36{ font-size: 36px; line-height: 40px; }
.s37{ font-size: 37px; line-height: 40px; }
.s38{ font-size: 38px; line-height: 40px; }
.s39{ font-size: 39px; line-height: 40px; }
.s40{ font-size: 40px; line-height: 44px; }
.s41{ font-size: 41px; line-height: 44px; }
.s42{ font-size: 42px; line-height: 44px; }

.specialTitle{
	text-align: center;
	margin-bottom: -10px;
	position: relative;
	z-index: 10000;
}
.specialTitle .line1{
	font-size: 30px; line-height: 40px;
	border-top: 4px solid #000;
	text-transform: uppercase;
	display: inline-block;
	clear: both;
	margin: 0 auto;
}
.specialTitle .line2{
	font-family: "Flaticon";
	color: #e92e2e;
	font-size: 60px;
	text-transform: uppercase;
	display: block;
	clear: both;
	margin: 0 auto;
	text-shadow: 6px 0 0 #fff, -6px 0 0 #fff, 0 6px 0 #fff, 0 -6px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;

	-webkit-transform:rotate(-4deg);
	-moz-transform:rotate(-4deg);
	-o-transform:rotate(-4deg);
	transform:rotate(-4deg);
}
.subVideo{
	text-transform: uppercase;
	border-top: 4px solid #000;
	border-bottom: 4px solid #000;
	padding: 8px 0 12px 0; 
	display: inline-block;
}
.bgdark h3 span,
.subVideo span{ color: #e92e2e; }

.featuresTitle{
	color:#e92e2e;
	text-transform: uppercase;
	margin-bottom: 20px;
	line-height: 30px;
}
.sectionTitle{
	background: #353535;
	color: #fff;
}
.sectionTitle span{
	background: #e92e2e;
	display: inline-block;
	width: 50%;
	text-align: right;
	padding: 30px 20px;
	position: relative;
	z-index:100;
	text-transform: uppercase;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}
.sectionTitle span:after{
	display: block;
	content: "";
	background: #e92e2e;
	width: 100%; height: 100%;
	position: absolute;top: 0; right: -30px;
	z-index: -1;
	-webkit-transform:skew(-16deg);
	-moz-transform:skew(-16deg);
	-o-transform:skew(-16deg);
	transform:skew(-16deg);
}




/* //////////////////////////////////////////////////////////////////////////////////////////////  MARGINS */

.m_t_20{ margin-top: 20px; }
.m_t_40{ margin-top: 40px; }
.m_b_0{ margin-bottom: 0px; }
.m_b_20{ margin-bottom: 20px; }
.m_b_40{ margin-bottom: 40px; }
.marg_0_5{ margin:0 5px; }

.space_lat{
	display: inline-block;
	width: 20px;
}

.gap_10,
.gap_20,
.gap_30,
.gap_40,
.gap_50,
.gap_60,
.gap_70,
.gap_80,
.gap_90,
.gap_100{
	display:block;
	width:100%;
}
.gap_10{ height: 10px; }
.gap_20{ height: 20px; }
.gap_30{ height: 30px; }
.gap_40{ height: 40px; }
.gap_50{ height: 50px; }
.gap_60{ height: 60px; }
.gap_70{ height: 70px; }
.gap_80{ height: 80px; }
.gap_90{ height: 90px; }
.gap_100{ height: 100px; }

.max100{ width: 100%; max-width: 100px; margin-left: auto; margin-right: auto;}
.max200{ width: 100%; max-width: 200px; margin-left: auto; margin-right: auto;}
.max300{ width: 100%; max-width: 300px; margin-left: auto; margin-right: auto;}
.max400{ width: 100%; max-width: 400px; margin-left: auto; margin-right: auto;}
.max500{ width: 100%; max-width: 500px; margin-left: auto; margin-right: auto;}
.max600{ width: 100%; max-width: 600px; margin-left: auto; margin-right: auto;}
.max700{ width: 100%; max-width: 700px; margin-left: auto; margin-right: auto;}
.max800{ width: 100%; max-width: 800px; margin-left: auto; margin-right: auto;}
.max900{ width: 100%; max-width: 900px; margin-left: auto; margin-right: auto;}
.max1000{ width: 100%; max-width: 1000px; margin-left: auto; margin-right: auto;}
.max1100{ width: 100%; max-width: 1100px; margin-left: auto; margin-right: auto;}
.max1200{ width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto;}

.va-bottom{ vertical-align: bottom; vertical-align: text-bottom;}
/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	COLUMNS

//////////////////////////////////////////////////////////////////////////////////////////////
*/
.col{
	float:left;
	margin-bottom:20px;
 -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
		 box-sizing: border-box;
}

    .one-full{
		float:none !important;
        margin-left: 2%;
        margin-right: 2%;
    }
	
    .one-half,
	.one-third,
	.two-third,
	.one-fourth,
	.two-fourth,
	.three-fourth,
	.one-fifth,
	.two-fifth,
	.three-fifth,
	.four-fifth{
        float: left;
        margin-left: 2%;
        margin-right: 2%;
    }
	.col.last{ margin-right:0% !important; }
	
    .one-full { 		width: 96%;  }
    .one-half { 		width: 46%;   }
    .one-third { 		width: 29.3%; }
    .two-third { 		width: 62.6%;   }
    .one-fourth {		width: 21%; }
    .two-fourth { 		width: 46%;   }
    .three-fourth { 	width: 71%;   }
    .one-fifth { 		width: 16%; }
   	.two-fifth { 		width: 36%; }
   	.three-fifth { 		width: 56%; }
   	.four-fifth { 		width: 78.3%; }

   	.caseStudy-large{
        float: left;
        margin-left: 1%;
        margin-right: 1%;
        width: 65%;
        margin-bottom: 20px !important;
   	}
   	.caseStudy-reg{
        float: left;
        margin-left: 1%;
        margin-right: 1%;
        width: 31%;
        margin-bottom: 20px !important;
   	}


	.max800{
		margin-left: auto;
		margin-right: auto;
		max-width: 800px;
	}
	.max900{
		margin-left: auto;
		margin-right: auto;
		max-width: 900px;
	}
	.max1000{
		margin-left: auto;
		margin-right: auto;
		max-width: 1000px;
	}







/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	SECTIONS

//////////////////////////////////////////////////////////////////////////////////////////////
*/
.section .content{
	width: 100%;
	max-width: 1020px;
	padding: 80px 20px;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}
.bgwhite{
	background-color: #fff;
}
.bgdark{
	background: #292929 url(https://97displaylive.blob.core.windows.net/aqua/Resources/landingpages/KUT/assets/images/bgdark.jpg) repeat center center;
	color: #fff;
}
.bgTexture{
	background: #f1f1f1 url(https://97displaylive.blob.core.windows.net/aqua/Resources/landingpages/KUT/assets/images/bgTexture.jpg) repeat center center;
}

.videoSection{
	background: #e92e2e url(https://97displaylive.blob.core.windows.net/aqua/Resources/landingpages/KUT/assets/images/videoSection.jpg) repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.videoSection .videoCenter{
	margin: 0 auto;
	width: 100%;
	max-width: 1020px;
	padding: 0 40px;
}
.videoSection .videoBox{
	position: relative;
	top: 80px;
}


.header{
	padding-top: 30px;
}
.header a{ display: inline-block; }

.footer .content{
	width: 100%;
	max-width: 1020px;
	padding: 40px 20px;
	font-size: 15px;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}






/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	RESULT

//////////////////////////////////////////////////////////////////////////////////////////////
*/
.result_item{
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: 300px;
	margin: 0 1% 40px 1%;
}
.result_item .result_image{ margin-bottom: 20px; }
.result_item .result_text{ font-style: italic; }

.result_item .author{font-style: normal;  text-align: right; display: block; clear: both; font-weight: bold; padding-top: 16px; }








/*
////////////////////////////////////////////////////////////////////////////////////////////// 
	
	ANIMATIONS

//////////////////////////////////////////////////////////////////////////////////////////////
*/

.anim{ opacity:0;
	visibility:none;
}
/* ANIMATIONS TYPE 0 */
.animStart.animType_0{
	visibility:visible;
	position: relative;
	opacity: 1;
  -webkit-animation: animTypeZero 2s 1; /* Chrome, Safari 5+ */
     -moz-animation: animTypeZero 2s 1; /* Firefox 5-15 */
       -o-animation: animTypeZero 2s 1; /* Opera 12.00 */
          animation: animTypeZero 2s 1; /* Chrome, Firefox 16+, IE 10+, Opera 12.10+ */
}

@-webkit-keyframes animTypeZero {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes animTypeZero {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes animTypeZero {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes animTypeZero {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}

/* ANIMATIONS TYPE 1 */
.animStart.animType_1{
	visibility:visible;
	position: relative;
	opacity: 1;
  -webkit-animation: animTypeOne 1s 1; /* Chrome, Safari 5+ */
     -moz-animation: animTypeOne 1s 1; /* Firefox 5-15 */
       -o-animation: animTypeOne 1s 1; /* Opera 12.00 */
          animation: animTypeOne 1s 1; /* Chrome, Firefox 16+, IE 10+, Opera 12.10+ */
}

@-webkit-keyframes animTypeOne {
  0%   { top: -80px; opacity: 0; }
  100% { top: 0;opacity: 1; }
}
@-moz-keyframes animTypeOne {
  0%   { top: -80px; opacity: 0; }
  100% { top: 0;opacity: 1; }
}
@-o-keyframes animTypeOne {
  0%   { top: -80px; opacity: 0; }
  100% { top: 0;opacity: 1; }
}
@keyframes animTypeOne {
  0%   { top: -80px; opacity: 0; }
  100% { top: 0;opacity: 1; }
}

/* ANIMATIONS TYPE 2 */
.animStart.animType_2{
	visibility:visible;
	position: relative;
	opacity: 1;
  -webkit-animation: animTypeTwo 1s 1; /* Chrome, Safari 5+ */
     -moz-animation: animTypeTwo 1s 1; /* Firefox 5-15 */
       -o-animation: animTypeTwo 1s 1; /* Opera 12.00 */
          animation: animTypeTwo 1s 1; /* Chrome, Firefox 16+, IE 10+, Opera 12.10+ */
}

@-webkit-keyframes animTypeTwo {
  0%   { top: 80px; opacity: 0; }
  100% { top: 0;opacity: 1; }
}
@-moz-keyframes animTypeTwo {
  0%   { top: 80px; opacity: 0; }
  100% { top: 0;opacity: 1; }
}
@-o-keyframes animTypeTwo {
  0%   { top: 80px; opacity: 0; }
  100% { top: 0;opacity: 1; }
}
@keyframes animTypeTwo {
  0%   { top: 80px; opacity: 0; }
  100% { top: 0;opacity: 1; }
}

/* ANIMATIONS TYPE 3 */
.animStart.animType_3{
	visibility:visible;
	position: relative;
	opacity: 1;
  -webkit-animation: animTypeThree 1s 1; /* Chrome, Safari 5+ */
     -moz-animation: animTypeThree 1s 1; /* Firefox 5-15 */
       -o-animation: animTypeThree 1s 1; /* Opera 12.00 */
          animation: animTypeThree 1s 1; /* Chrome, Firefox 16+, IE 10+, Opera 12.10+ */
}

@-webkit-keyframes animTypeThree {
  0%   { left: -80px; opacity: 0; }
  100% { left: 0;opacity: 1; }
}
@-moz-keyframes animTypeThree {
  0%   { left: -80px; opacity: 0; }
  100% { left: 0;opacity: 1; }
}
@-o-keyframes animTypeThree {
  0%   { left: -80px; opacity: 0; }
  100% { left: 0;opacity: 1; }
}
@keyframes animTypeThree {
  0%   { left: -80px; opacity: 0; }
  100% { left: 0;opacity: 1; }
}


/* ANIMATIONS TYPE 4 */
.animStart.animType_4{
	visibility:visible;
	position: relative;
	opacity: 1;
  -webkit-animation: animTypeFour 1s 1; /* Chrome, Safari 5+ */
     -moz-animation: animTypeFour 1s 1; /* Firefox 5-15 */
       -o-animation: animTypeFour 1s 1; /* Opera 12.00 */
          animation: animTypeFour 1s 1; /* Chrome, Firefox 16+, IE 10+, Opera 12.10+ */
}

@-webkit-keyframes animTypeFour {
  0%   { right: -80px; opacity: 0; }
  100% { right: 0;opacity: 1; }
}
@-moz-keyframes animTypeFour {
  0%   { right: -80px; opacity: 0; }
  100% { right: 0;opacity: 1; }
}
@-o-keyframes animTypeFour {
  0%   { right: -80px; opacity: 0; }
  100% { right: 0;opacity: 1; }
}
@keyframes animTypeFour {
  0%   { right: -80px; opacity: 0; }
  100% { right: 0;opacity: 1; }
}



/* ANIMATIONS DELAY 1 */
.animStart.animDelay_1{
	visibility:visible;
	position: relative;
  -webkit-animation: animDelay_A 0.6s 1 ease-in-out forwards; /* Chrome, Safari 5+ */
     -moz-animation: animDelay_A 0.6s 1 ease-in-out forwards; /* Firefox 5-15 */
       -o-animation: animDelay_A 0.6s 1 ease-in-out forwards; /* Opera 12.00 */
          animation: animDelay_A 0.6s 1 ease-in-out forwards; /* Chrome, Firefox 16+, IE 10+, Opera 12.10+ */
}

@-webkit-keyframes animDelay_A {
  0%   { top: 80px; opacity: 0; }
  100% { top: 0;opacity: 1; }
}
@-moz-keyframes animDelay_A {
  0%   { top: 80px; opacity: 0; }
  100% { top: 0;opacity: 1; }
}
@-o-keyframes animDelay_A {
  0%   { top: 80px; opacity: 0; }
  100% { top: 0;opacity: 1; }
}
@keyframes animDelay_A {
  0%   { top: 80px; opacity: 0; }
  100% { top: 0;opacity: 1; }
}

/* ANIMATIONS DELAY 2 */
.animStart.animDelay_2{
	visibility:visible;
	position: relative;
  -webkit-animation: animDelay_B 0.6s 0.2s 1 ease-in-out forwards; /* Chrome, Safari 5+ */
     -moz-animation: animDelay_B 0.6s 0.2s 1 ease-in-out forwards; /* Firefox 5-15 */
       -o-animation: animDelay_B 0.6s 0.2s 1 ease-in-out forwards; /* Opera 12.00 */
          animation: animDelay_B 0.6s 0.2s 1 ease-in-out forwards; /* Chrome, Firefox 16+, IE 10+, Opera 12.10+ */
}

@-webkit-keyframes animDelay_B {
  0%   { top: 80px; opacity: 0; }
  100% { top: 0;opacity: 1; }
}
@-moz-keyframes animDelay_B {
  0%   { top: 80px; opacity: 0; }
  100% { top: 0;opacity: 1; }
}
@-o-keyframes animDelay_B {
  0%   { top: 80px; opacity: 0; }
  100% { top: 0;opacity: 1; }
}
@keyframes animDelay_B {
  0%   { top: 80px; opacity: 0; }
  100% { top: 0;opacity: 1; }
}

/* ANIMATIONS DELAY 3 */
.animStart.animDelay_3{
	visibility:visible;
	position: relative;
  -webkit-animation: animDelay_C 0.6s 0.4s 1 ease-in-out forwards; /* Chrome, Safari 5+ */
     -moz-animation: animDelay_C 0.6s 0.4s 1 ease-in-out forwards; /* Firefox 5-15 */
       -o-animation: animDelay_C 0.6s 0.4s 1 ease-in-out forwards; /* Opera 12.00 */
          animation: animDelay_C 0.6s 0.4s 1 ease-in-out forwards; /* Chrome, Firefox 16+, IE 10+, Opera 12.10+ */
}

@-webkit-keyframes animDelay_C {
  0%   { top: 80px; opacity: 0; }
  100% { top: 0;opacity: 1; }
}
@-moz-keyframes animDelay_C {
  0%   { top: 80px; opacity: 0; }
  100% { top: 0;opacity: 1; }
}
@-o-keyframes animDelay_C {
  0%   { top: 80px; opacity: 0; }
  100% { top: 0;opacity: 1; }
}
@keyframes animDelay_C {
  0%   { top: 80px; opacity: 0; }
  100% { top: 0;opacity: 1; }
}

/* ANIMATIONS DELAY 4 */
.animStart.animDelay_4{
	visibility:visible;
	position: relative;
  -webkit-animation: animDelay_D 0.6s 0.6s 1 ease-in-out forwards; /* Chrome, Safari 5+ */
     -moz-animation: animDelay_D 0.6s 0.6s 1 ease-in-out forwards; /* Firefox 5-15 */
       -o-animation: animDelay_D 0.6s 0.6s 1 ease-in-out forwards; /* Opera 12.00 */
          animation: animDelay_D 0.6s 0.6s 1 ease-in-out forwards; /* Chrome, Firefox 16+, IE 10+, Opera 12.10+ */
}

@-webkit-keyframes animDelay_D {
  0%   { top: 80px; opacity: 0; }
  100% { top: 0;opacity: 1; }
}
@-moz-keyframes animDelay_D {
  0%   { top: 80px; opacity: 0; }
  100% { top: 0;opacity: 1; }
}
@-o-keyframes animDelay_D {
  0%   { top: 80px; opacity: 0; }
  100% { top: 0;opacity: 1; }
}
@keyframes animDelay_D {
  0%   { top: 80px; opacity: 0; }
  100% { top: 0;opacity: 1; }
}