@charset "UTF-8";
/* CSS Document */
body {
    background-color:#ffffff !important;
    font-family: 'Nunito Sans', sans-serif !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-weight: 700 !important; text-align: left !important;}

.h5, h5 {text-transform: uppercase; letter-spacing: 2px; font-size: 14px !important; color: #697979 !important;}
.h4, h4 {font-size: 1.2rem !important;}
.danny-arvo {font-weight: 700; 
}
.navbar-danny {background-color:#ffffff;
}
.white-text {color:#ffffff !important;
}
.navbar-toggler {border-color:transparent !important;}
.title-row {padding:80px 0px 30px;}


.container-1 {max-width: 100% !important; width:100% !important;}

.namelogo.align-content-center {text-transform: uppercase !important;
    text-align: center;
    font-weight: 900;
    font-size: 4.9em !important;
    
}



.work-title-2{text-align: left; white-space: nowrap; font-size: 10px; text-transform:uppercase; letter-spacing: 2px;margin-bottom:20px;}

.work-tile{padding:15px 0px}
.work-tile:hover {}
.process{text-align: left; font-size: 18px; font-weight: 900; margin-top:20px;}
.processcards{padding: 20px 0px;}

.snoozimg {-webkit-box-shadow: 0px 0px 24px -4px rgba(0,0,0,0.56);
-moz-box-shadow: 0px 0px 24px -4px rgba(0,0,0,0.56);
box-shadow: 0px 0px 24px -4px rgba(0,0,0,0.56);
}

.proj-img-1 {margin-top:-00px;}
.proj-img-2 {margin-left:-40px;}
.proj-img-3 {margin-left:-40px; opacity:0;}
.proj-img-3:hover {opacity:1; transition:ease-in-out .5s}



.journey-flow1 {color:#000000; padding:20% 0px 60%; font-size: 1em; font-family: monospace;}
.journey-flow {color:#000000; padding:10% 0px 30%; font-size: 1em; font-family: monospace;}

.journey-description{padding-top:0px;}



.case-study-title {padding-top:60px;}
.step-process{text-align: left; margin-top:5px; margin-bottom:15px; font-size: 14px; letter-spacing: 0px; }
.stage-process{text-align: left; font-size: 18px;font-family: monospace; margin-top:0px;  font-weight: 900;}

.about-process{text-align: left; font-size: 18px;margin-top:0px;  font-weight: 900;}
.work-container {z-index: 1;}
.about-container {z-index: 1; margin-top:0px; background-color: #ffffff;}

.case-study-container {z-index: 1; padding:100px 0px; margin-top:0px; background-color: #ffffff;}
.process-container{}



.slant {-webkit-clip-path: polygon(0 20%, 100% 0%, 100% 80%, 0% 100%);
clip-path: polygon(0 20%, 100% 0%, 100% 80%, 0% 100%); background-color: #fff;width:100%;margin-top:-30px; z-index: 100;}


.slant2 {-webkit-clip-path: polygon(0 10%, 100% 0%, 100% 100%, 0% 100%);
clip-path: polygon(0 10%, 100% 0%, 100% 100%, 0% 100%); background-color: #fff;width:100%;margin-top:-30px; z-index: 100;}

.slant3 {-webkit-clip-path: polygon(0 3%, 100% 0%, 100% 100%, 0% 100%);
clip-path: polygon(0 3%, 100% 0%, 100% 100%, 0% 100%); background-color: #fff;width:100%;margin-top:0px; padding-bottom:100px; z-index: 100;}

.slant4 {-webkit-clip-path: polygon(0 11%, 100% 0%, 100% 89%, 0% 100%);
clip-path: polygon(0 10%, 100% 0%, 100% 90%, 0% 100%); background-color: #fff;width:100%;margin-top:0px; z-index: 100;}



.slant5 {-webkit-clip-path: polygon(0 1%, 100% 0%, 100% 100%, 0% 100%);
clip-path: polygon(0 1%, 100% 0%, 100% 100%, 0% 100%); background-color: #fff;width:100%;margin-top:0px; z-index: 100;padding-bottom:100px;}


.danny-gradientbg {z-index: 0; padding: 330px 0px 330px; margin-top:-230px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5fad90+0,a8c8dd+100 */
background: #5fad90; /* Old browsers */
background: -moz-linear-gradient(top, #5fad90 0%, #a8c8dd 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #5fad90 0%,#a8c8dd 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #5fad90 0%,#a8c8dd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fad90', endColorstr='#a8c8dd',GradientType=0 ); /* IE6-9 */
}


.danny-gradientbg2 { z-index: 0; padding: 190px 0px 330px; margin-top:0px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5fad90+0,a8c8dd+100 */
background: #5fad90; /* Old browsers */
background: -moz-linear-gradient(top, #5fad90 0%, #a8c8dd 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #5fad90 0%,#a8c8dd 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #5fad90 0%,#a8c8dd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fad90', endColorstr='#a8c8dd',GradientType=0 ); /* IE6-9 */
}


.danny-gradientbg3 { z-index: 0; padding: 0 0px 0; margin:0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5fad90+0,a8c8dd+100 */
background: #5fad90; /* Old browsers */
background: -moz-linear-gradient(top, #5fad90 0%, #a8c8dd 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #5fad90 0%,#a8c8dd 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #5fad90 0%,#a8c8dd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fad90', endColorstr='#a8c8dd',GradientType=0 ); /* IE6-9 */
}


.danny-gradientbg4 { z-index: 0; padding: 0 0px 0; margin:0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5fad90+0,a8c8dd+100 */
background: #5fad90; /* Old browsers */
background: -moz-linear-gradient(top, #ffe556 0%, #c40d2d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffe556 0%,#c40d2d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffe556 0%,#c40d2d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe556', endColorstr='#c40d2d',GradientType=0 ); /* IE6-9 */
}

.danny-gradientbg5 { z-index: 0; padding: 190px 0px 330px; margin-top:0px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5fad90+0,a8c8dd+100 */
background: #5fad90; /* Old browsers */
background: -moz-linear-gradient(top, #ffe556 0%, #c40d2d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffe556 0%,#c40d2d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffe556 0%,#c40d2d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe556', endColorstr='#c40d2d',GradientType=0 ); /* IE6-9 */
}


.danny-gradientbg6 { z-index: 0; padding: 0 0px 0; margin:0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5fad90+0,a8c8dd+100 */
	

background: #d7ba9a; /* Old browsers */
background: -moz-linear-gradient(top, #d7ba9a 0%, #d1d3d2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #d7ba9a 0%,#d1d3d2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #d7ba9a 0%,#d1d3d2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7ba9a', endColorstr='#d1d3d2',GradientType=0 ); /* IE6-9 */
}


.danny-gradientbg7 { z-index: 0; padding: 190px 0px 330px; margin-top:0px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5fad90+0,a8c8dd+100 */
	

background: #d7ba9a; /* Old browsers */
background: -moz-linear-gradient(top, #d7ba9a 0%, #d1d3d2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #d7ba9a 0%,#d1d3d2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #d7ba9a 0%,#d1d3d2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7ba9a', endColorstr='#d1d3d2',GradientType=0 ); /* IE6-9 */
}



.danny-gradientbg8 { z-index: 0; padding: 0 0px 0; margin:0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5fad90+0,a8c8dd+100 */
	
background: #550006; /* Old browsers */
background: -moz-linear-gradient(top, #550006 0%, #fee3e5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #550006 0%,#fee3e5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #550006 0%,#fee3e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#550006', endColorstr='#fee3e5',GradientType=0 ); /* IE6-9 */
}


.danny-gradientbg9 { z-index: 0; padding: 190px 0px 330px; margin-top:0px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5fad90+0,a8c8dd+100 */
	
background: #550006; /* Old browsers */
background: -moz-linear-gradient(top, #550006 0%, #fee3e5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #550006 0%,#fee3e5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #550006 0%,#fee3e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#550006', endColorstr='#fee3e5',GradientType=0 ); /* IE6-9 */
}


.danny-gradientbg10 { z-index: 0; padding: 190px 0px 330px; margin-top:0px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5fad90+0,a8c8dd+100 */
	
	
background: #7ab6bc; /* Old browsers */
background: -moz-linear-gradient(top, #7ab6bc 0%, #f9d796 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #7ab6bc 0%,#f9d796 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #7ab6bc 0%,#f9d796 100%); /* W3C, f9d796zIE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ab6bc', endColorstr='#f9d796',GradientType=0 ); /* IE6-9 */
}



.danny-gradientbg11 { z-index: 0; padding: 100px 0px 0px; margin-top:0px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5fad90+0,a8c8dd+100 */
	
	
	
background: #241130; /* Old browsers */
background: -moz-linear-gradient(top, #241130 0%, #490e6f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #241130 0%,#490e6f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #241130 0%,#490e6f 100%); /* W3C, f9d796zIE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#241130', endColorstr='#490e6f',GradientType=0 ); /* IE6-9 */
}
.danny-gradientbg12 { z-index: 0; padding: 190px 0px 190px; margin-top:0px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5fad90+0,a8c8dd+100 */
	
	
background: #d36666; /* Old browsers */
background: -moz-linear-gradient(top, #d36666 0%, #d38566 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #d36666 0%,#d38566 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #d36666 0%,#d38566 100%); /* W3C, f9d796zIE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d36666', endColorstr='#d38566',GradientType=0 ); /* IE6-9 */
}
.danny-gradientbg13 { z-index: 0; padding: 190px 0px 190px; margin-top:0px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5fad90+0,a8c8dd+100 */

background: #0982be; /* Old browsers */
background: -moz-linear-gradient(top, #0982be 0%, #2ca1d8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #0982be 0%,#2ca1d8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #0982be 0%,#2ca1d8 100%); /* W3C, f9d796zIE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0982be', endColorstr='#2ca1d8',GradientType=0 ); /* IE6-9 */
}

.danny-gradientbg14 { z-index: 0; padding: 190px 0px 190px; margin-top:0px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5fad90+0,a8c8dd+100 */

background: #0982be; /* Old browsers */
background: -moz-linear-gradient(top, #00aeef 0%, #ec008c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #00aeef 0%,#ec008c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #00aeef 0%,#ec008c 100%); /* W3C, f9d796zIE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aeef', endColorstr='#ec008c',GradientType=0 ); /* IE6-9 */
}
.danny-gradientbg15 { z-index: 0; padding: 190px 0px 190px; margin-top:0px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5fad90+0,a8c8dd+100 */
background: #0a9543; /* Old browsers */
background: -moz-linear-gradient(top, #0a9543 0%, #2ca1d8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #0a9543 0%,#2ca1d8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #0a9543 0%,#2ca1d8 100%); /* W3C, f9d796zIE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a9543', endColorstr='#2ca1d8',GradientType=0 ); /* IE6-9 */
}


.danny-gradientbg16 { z-index: 0; padding: 190px 0px 190px; margin-top:0px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5fad90+0,a8c8dd+100 */
	

background: #13294b; /* Old browsers */
background: -moz-linear-gradient(top, #13294b 0%, #10104b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #13294b 0%,#10104b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #13294b 0%,#10104b 100%); /* W3C, f9d796zIE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13294b', endColorstr='#10104b',GradientType=0 ); /* IE6-9 */
}



.danny-kiwamihero {z-index: 0; padding: 330px 0px 330px; margin-top:00px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5fad90+0,a8c8dd+100 */
background: url(img/kiwamihero.jpg);
background-size:cover; background-position:center center; background-attachment: fixed; 
}

.danny-kiwamihero2 {z-index: 0; padding: 330px 0px 330px; margin-top:00px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5fad90+0,a8c8dd+100 */
background: url(img/kiwami-mobile.png), linear-gradient(#5fad90, #a8c8dd);;
background-size:cover; background-position:center center; background-attachment: fixed;
	
}
@media (max-width:575px){.danny-kiwamihero2 {z-index: 0; padding: 330px 0px 330px; margin-top:00px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5fad90+0,a8c8dd+100 */
background: url(img/kiwami-mobile.png), linear-gradient(#5fad90, #a8c8dd);;
background-size:auto 100%; background-position:center center; background-attachment: scroll;
    
    
    
	
}

.namelogo.align-content-center {text-transform: uppercase !important;
    text-align: center;
    font-weight: 900;
    font-size: 1.9em !important;
    
}}


.danny-hibbetthero {z-index: 0; padding: 330px 0px 330px; margin-top:00px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5fad90+0,a8c8dd+100 */
background: url(img/hibbett-mobile.png), linear-gradient(#ffe556, #c40d2d);;
background-size:cover; background-position:center center; background-attachment: fixed;
	
}


@media (max-width:575px){.danny-hibbetthero {z-index: 0; padding: 330px 0px 330px; margin-top:00px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5fad90+0,a8c8dd+100 */
background: url(img/hibbett-mobile.png), linear-gradient(#ffe556, #c40d2d);;
background-size:auto 100%; background-position:center center; background-attachment: scroll;
	
}}



.danny-snoozhero {z-index: 0; padding: 330px 0px 330px; margin-top:00px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5fad90+0,a8c8dd+100 */
background: url(img/snooz-mobile.gif), linear-gradient(#d38566, #d36666);;
background-size:cover; background-position:center center; background-attachment: fixed;
	
}


@media (max-width:575px){.danny-snoozhero {z-index: 0; padding: 330px 0px 330px; margin-top:00px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5fad90+0,a8c8dd+100 */
background: url(img/snooz-mobile.gif), linear-gradient(#ffe556, #c40d2d);;
background-size:auto 100%; background-position:center center; background-attachment: scroll;
	
}}

.danny-4sight {z-index: 0; padding: 330px 0px 330px; margin-top:00px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5fad90+0,a8c8dd+100 */
background: url(img/4sight-mobile.png), linear-gradient(#0982be, #2ca1d8);;
background-size:cover; background-position:center center; background-attachment: fixed;
	
}


@media (max-width:575px){.danny-4sight {z-index: 0; padding: 330px 0px 330px; margin-top:00px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5fad90+0,a8c8dd+100 */
background: url(img/4sight-mobile.png), linear-gradient(#0982be, #2ca1d8);;
background-size:auto 100%; background-position:center center; background-attachment: scroll;
	
}}


.danny-pinkshell {z-index: 0; padding: 330px 0px 330px; margin-top:00px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5fad90+0,a8c8dd+100 */
background: url(img/pinkshell-mobile.png), linear-gradient(#13294b, #10104b);;
background-size:cover; background-position:center center; background-attachment: fixed;
	
}


@media (max-width:575px){.danny-pinkshell {z-index: 0; padding: 330px 0px 330px; margin-top:00px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5fad90+0,a8c8dd+100 */
background: url(img/pinkshell-mobile.png), linear-gradient(#13294b, #10104b);;
background-size:auto 100%; background-position:center center; background-attachment: scroll;
	
}}

.danny-teamdynamix {z-index: 0; padding: 330px 0px 330px; margin-top:00px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5fad90+0,a8c8dd+100 */
background: url(img/teamdynamix-mobile.png), linear-gradient(#13294b, #10104b);;
background-size:cover; background-position:center center; background-attachment: fixed;
	
}


@media (max-width:575px){.danny-teamdynamix {z-index: 0; padding: 330px 0px 330px; margin-top:00px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5fad90+0,a8c8dd+100 */
background: url(img/teamdynamix-mobile.png), linear-gradient(#13294b, #10104b);;
background-size:auto 100%; background-position:center center; background-attachment: scroll;
	
}}


.danny-futuremakers {z-index: 0; padding: 330px 0px 330px; margin-top:00px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5fad90+0,a8c8dd+100 */
background: url(img/futuremakers-mobile.png), linear-gradient(#00aeef, #2ca1d8);;
background-size:cover; background-position:center center; background-attachment: fixed;
	
}


@media (max-width:575px){.danny-futuremakers {z-index: 0; padding: 330px 0px 330px; margin-top:00px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5fad90+0,a8c8dd+100 */
background: url(img/futuremakers-mobile.png), linear-
	gradient(#00aeef, #2ca1d8);;
background-size:auto 100%; background-position:center center; background-attachment: scroll;
	
}}

.danny-frontier {z-index: 0; padding: 330px 0px 330px; margin-top:00px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5fad90+0,a8c8dd+100 */
background: url(img/frontier-mobile.png), linear-gradient(#0a9543, #2ca1d8);;
background-size:cover; background-position:center center; background-attachment: fixed;
	
}


@media (max-width:575px){.danny-frontier {z-index: 0; padding: 330px 0px 330px; margin-top:00px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5fad90+0,a8c8dd+100 */
background: url(img/futuremakers-mobile.png), linear-
	gradient(#00aeef, #2ca1d8);;
background-size:auto 100%; background-position:center center; background-attachment: scroll;
	
}}


.danny-bathero {z-index: 0; padding: 330px 0px 330px; margin-top:00px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5fad90+0,a8c8dd+100 */
background: url(img/snooz-mobile.png), linear-gradient(#d7ba9a, #d1d3d2);;
background-size:cover; background-position:center center; background-attachment: fixed;
	
}


@media (max-width:575px){.danny-bathero {
background-size:auto 100%; background-attachment: scroll;
	
}

    }



.danny-rmohero {z-index: 0; padding: 330px 0px 330px; margin-top:00px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5fad90+0,a8c8dd+100 */
	
background: url(img/rmo-mobile.png), linear-gradient(#550006, #fee3e5);
background-size:cover; background-position:center center; background-attachment: fixed;
	
}


@media (max-width:575px){.danny-rmohero {
background-size:auto 100%; background-attachment: scroll;
	
}}









.danny-luminancehero {z-index: 0; padding: 330px 0px 330px; margin-top:00px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5fad90+0,a8c8dd+100 */
background: url(img/luminance-mobile.png), linear-gradient(#7ab6bc, #f9d796);;
background-size:cover; background-position:center center; background-attachment: fixed;
	
}


@media (max-width:575px){.danny-luminancehero {
background-size:auto 100%; background-attachment: scroll;
	
}}



.danny-pancanhero {z-index: 0; padding: 370px 0px 330px; margin-top:00px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5fad90+0,a8c8dd+100 */
background: url(img/pancan-mobile.png), linear-gradient(#241130, #490e6f);;
background-size:cover; background-position:center center; background-attachment: fixed;
	
}


@media (max-width:575px){.danny-pancanhero {
background-size:auto 100%; background-attachment: scroll;
	
}}

.container-nav{position:relative;margin-left:auto;margin-right:auto;padding-right:15px;padding-left:15px}

@media (max-width:575px){.container-nav{padding-right:15px;padding-left:15px; width: 100% !important}}

@media (min-width:576px){.container-nav{padding-right:15px;padding-left:15px}}@media (min-width:768px){.container-nav{padding-right:15px;padding-left:15px}}@media (min-width:992px){.container-nav{padding-right:15px;padding-left:15px}}@media (min-width:1200px){.container-nav{padding-right:15px;padding-left:15px}}@media (min-width:576px){.container-nav{width:540px;max-width:100%}}@media (min-width:768px){.container-nav{width:720px;max-width:100%}}@media (min-width:992px){.container-nav{width:960px;max-width:100%}}@media (min-width:1200px){.container-nav{width:1140px;max-width:100%}}.container-nav-fluid{position:relative;margin-left:auto;margin-right:auto;padding-right:15px;padding-left:15px}@media (min-width:576px){.container-nav-fluid{padding-right:15px;padding-left:15px}}@media (min-width:768px){.container-nav-fluid{padding-right:15px;padding-left:15px}}@media (min-width:992px){.container-nav-fluid{padding-right:15px;padding-left:15px}}@media (min-width:1200px){.container-nav-fluid{padding-right:15px;padding-left:15px}}

a.btn-outline-danny{border: #ffffff solid 2px; color: #fff; margin-top:30px;}

a.btn-outline-danny:hover{border: #ffffff solid 2px; color: #5fad90;background-color: #fff;}


a.btn-outline-danny:visited{text-decoration:none; color:#fff; }
a.btn-outline-danny:active{text-decoration:none; color:#fff; }
a.btn-outline-danny:link{text-decoration:none; color:#fff; }


.fluid-container {
    height: 100%;
}

.flexbox-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    height: 100%;
}


.fill { 
     min-height: 100%;
    height: 100%;
}


/* start animate.css */

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.animated {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}


/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
	  -webkit-animation-name: none;
  animation-name: none;
}


.pulse:hover {
	
  -webkit-animation-name: pulse;
  animation-name: pulse;

}


@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}


@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
	
	  
  }

  40% {
   
	  opacity: .2;
  }

  60% {
   
    opacity: 1;
  }

  
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
	 
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}


@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}


/* end animate.css */



-webkit-animation: AnimatedGradient 9s ease infinite;
-moz-animation: AnimatedGradient 9s ease infinite;
animation: AnimatedGradient 9s ease infinite;

@-webkit-keyframes AnimatedGradient {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimatedGradient {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimatedGradient { 
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2000;
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #eeeeee;

    -webkit-animation: spin 1s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 1s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */

    z-index: 2001;
}

    #loader:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #eeeeee;

        -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
        animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

    #loader:after {
        content: "";
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #eeeeee;

        -webkit-animation: spin .7s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
          animation: spin .7s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

    @-webkit-keyframes spin {
        0%   { 
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(0deg);  /* IE 9 */
            transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
        }
        100% {
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(360deg);  /* IE 9 */
            transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
        }
    }
    @keyframes spin {
        0%   { 
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(0deg);  /* IE 9 */
            transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
        }
        100% {
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(360deg);  /* IE 9 */
            transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
        }
    }

    #loader-wrapper .loader-section {
        position: fixed;
        top: 0;
        width: 51%;
        height: 100%;
        background: #ffffff;
        z-index: 2000;
        -webkit-transform: translateX(0);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: translateX(0);  /* IE 9 */
        transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */
    }

    #loader-wrapper .loader-section.section-left {
        left: 0;
    }

    #loader-wrapper .loader-section.section-right {
        right: 0;
    }

    /* Loaded */
    .loaded #loader-wrapper .loader-section.section-left {
        -webkit-transform: translateX(00%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateX(00%);  /* IE 9 */
                transform: translateX(-00%);  /* Firefox 16+, IE 10+, Opera */

        -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
                transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    }

    .loaded #loader-wrapper .loader-section.section-right {
        -webkit-transform: translateX(00%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateX(00%);  /* IE 9 */
                transform: translateX(00%);  /* Firefox 16+, IE 10+, Opera */

-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
        transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    }
    
    .loaded #loader {
        opacity: 0;
        -webkit-transition: all 0.3s ease-out;  
                transition: all 0.3s ease-out;
    }
    .loaded #loader-wrapper {
        visibility: hidden;

        -webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateY(-100%);  /* IE 9 */
                transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */

        -webkit-transition: all 0.3s .7s ease-out;  
                transition: all 0.3s .7s ease-out;
    }
    
    /* JavaScript Turned Off */
    .no-js #loader-wrapper {
        display: none;
    }




/* 2019 site */
.intro-h1 {
    text-align:center;
    color:rgba(0,0,0,8);
     text-align: center;
    
    
}

.center-div {
    text-align: center;
    margin: 50% auto;
}

.question-h2 {
    text-align: left;
    font-size: 1.2em;
    margin: 1.2em auto;
}

.intro-container {
    margin:0% auto;
}

.text-highlight-dark {
    color:rgba(00,00,00,.3)
}

.text-highlight-light {
    color:rgba(255,255,255,.3)
}

.green-underline { 
background-image: linear-gradient(90deg, rgba(171,210,139,.7) 0%, rgba(150,193,116,.7) 49%, rgba(123,164,89,.7) 100%);
  background-position: 0 .95em;
  background-repeat: repeat-x;
  background-size: 100% 7px;
    font-weight: 900;
}

.answer-select {
    color:#000000;
    text-align: left;
    margin: 30px 0% 0px 0%;
    border:2px solid;
    border-color:#000000;
    padding:20px 20px;
    background-color: inherit;
    transform: scale(1,1);
    transition:all .5s ease-in-out;
    font-size: .9em;

}

.answer-select:hover {
    color:#000000;
    min-width:300px;
    text-align: left;
    margin: 30px 0% 0px 0%;
    border:2px solid;
    border-color:#96c174;
    padding:20px 20px;
    background-color: inherit;
    transform: scale(1.05,1.05);
}

.answer-selector {
    background-color: coral;
    color: white;
    font-size: 10px;
    padding: 50% 0;
    text-align: center;
    width:100%;
}


a.btn-quiz {
    color: inherit;
}
a.btn-quiz:hover {
    color: inherit;
    text-decoration: none;
    
}

a.btn-quiz:visited {
    color: inherit;
    text-decoration: none;
    
}

.logo-align {text-align: center !important;}

.navbar-danny-2019 {
    text-align: left;
    padding: 0px 0px;
    
}



@media (max-width:575px){
    .hide-mobile {display:none;}

}


a.back-link {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 2px;
    color: rgba(0,0,0,.2);
    transition: ease-in-out all .5s;
    
}

a.back-link:hover {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 2px;
    color: rgba(150,193,116,1);

}

a.back-link:visited {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 2px;
}


.back-div {
    padding: 20px 0px 0px 0px;
    text-align: left;
}
.disclaimer {font-size: 10px; color: #999999;}

.team-descriptors {width: 85%; margin: 0 auto; margin:-30px auto 30px;}


.highlightstitles {margin-top:35px;}