@charset "UTF-8";
	
html, body {
    margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	background-color:#4c4d4f;
	background-image:url(../images/BG.jpg);
	background-repeat:repeat;
	background-attachment:fixed;
}
body {
    margin:0px;
	padding:0px;
	width:100%;
	height:100%;
}
a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
}
@font-face {
  font-family: 'AvantGarde-Book';
  src: url('../fonts/AvantGarde-Book.eot'); /* IE9 Compat Modes */
  src: url('../fonts/AvantGarde-Book.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/AvantGarde-Book.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/AvantGarde-Book.otf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/AvantGarde-Book.svg#AvantGarde-Book') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'avantgardef-bold';
  src: url('../fonts/AvantGarde-Bold.eot'); /* IE9 Compat Modes */
  src: url('../fonts/AvantGarde-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/AvantGarde-Bold.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/AvantGarde-Bold.otf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/AvantGarde-Bold.svg#AvantGarde-Bold') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'avantgardef-medium';
  src: url('../fonts/AvantGarde-Book.eot'); /* IE9 Compat Modes */
  src: url('../fonts/AvantGarde-Book.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/AvantGarde-Book.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/AvantGarde-Book.otf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/AvantGarde-Book.svg#AvantGarde-Book') format('svg'); /* Legacy iOS */
}

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

@-webkit-keyframes fadeNav1 {
0% {opacity:0; margin-top:-50px;}
100%{opacity:0.9; margin-top:0px;}
}
@-moz-keyframes fadeNav1 {
0% {opacity:0; margin-top:-50px;}
100%{opacity:0.9; margin-top:0px;}
}
@-o-keyframes fadeNav1 {
0% {opacity:0; margin-top:-50px;}
100%{opacity:0.9; margin-top:0px;}
}
@keyframes fadeNav1 {
0% {opacity:0; margin-top:-50px;}
100%{opacity:0.9; margin-top:0px;}
}

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

/* Knock Down */
@-webkit-keyframes knock_down {
0% {opacity:1; }
100%{opacity:0.00; }
}
@-moz-keyframes knock_down {
0% {opacity:1; }
100%{opacity:0.00; }
}
@-o-keyframes knock_down {
0% {opacity:1; }
100%{opacity:0.00; }
}
@keyframes knock_down {
0% {opacity:1; }
100%{opacity:0.00; }
}
/* Knock Down */
@-webkit-keyframes knock_up {
0% {opacity:0.05; }
100%{opacity:1; }
}
@-moz-keyframes knock_up {
0% {opacity:0.05; }
100%{opacity:1; }
}
@-o-keyframes knock_up {
0% {opacity:0.05; }
100%{opacity:1; }
}
@keyframes knock_up {
0% {opacity:0.05; }
100%{opacity:1; }
}

@keyframes logo_anim {
	0% {transform: scale(0.6, 0.6); opacity: 0.0;}
    100% {transform: scale(1.0, 1.0); opacity: 0.8;}
}
@-webkit-keyframes logo_anim {
    0% {transform: scale(0.6, 0.6); opacity: 0.0;}
    100% {transform: scale(1.0, 1.0); opacity: 0.8;}
}
@-moz-keyframes logo_anim {
    0% {transform: scale(0.6, 0.6); opacity: 0.0;}
    100% {transform: scale(1.0, 1.0); opacity: 0.8;}
}
@-o-keyframes logo_anim {
    0% {transform: scale(0.6, 0.6); opacity: 0.0;}
    100% {transform: scale(1.0, 1.0); opacity: 0.8;}
}


#wrap_a {
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
}
#wrap_b {
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	font-size:30px;
	background-color:#e9168c;
}
#splash_contain {
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	overflow:hidden;
}
#header {
	position:fixed;
	text-align:left;
	width:100%;
	padding-top:0px;
	padding-bottom:0px;
	background-image:url(../images/Menu_Angle.svg);
	background-repeat:no-repeat;
	background-position:left;
	background-size:cover;
	z-index:900;
	opacity:0;
	font-size:0px;
}
.contact_wrapper .contact_cup {
	height:200px;
	
}
#Duke_Toggle {
	height:100px;
	width:58px;
	display:inline-block;
}
.stripe {
	height:4px;
	width:33px;
	background-color:#FFFFFF;
}
#stripe_a {
	position:absolute;
	bottom:37px;
	left:0px;
	z-index:101;
}
#stripe_b {
	position:absolute;
	bottom:20px;
	left:0px;
	z-index:100;
}
#stripe_c {
	position:absolute;
	bottom:3px;
	left:0px;
	z-index:102;
}
#Duke_Logo {
	height:100px;
	width:220px;
	background-image:url(../images/Duke_Network_Logo.svg);
	background-repeat:no-repeat;
	background-position:bottom;
	background-size:contain;
	display:inline-block;
}
#Duke_Logo_Pink {
	height:100px;
	width:220px;
	background-image:url(../images/Duke_Network_Pink.svg);
	background-repeat:no-repeat;
	background-position:right;
	background-size:contain;
	margin:17px auto 0px auto;
}
.grey_band {
	background-color:#4c4d4f;
	position: absolute;
	bottom: 50px;
	height:190px;
	width: 100%;
	z-index: 99;
	left:0px;
	overflow: hidden;
}
.add_cursor {
	cursor:pointer;
	
}
.pink_band {
	background-color:#e9168c;
	height:190px;
	width: 100%;
	position: absolute;
	bottom: 240px;
	z-index: 100;
	left:0px;
	
}

.hide_overflow {
	overflow-x: hidden;
	
}
.lower {
	background-color:#e9168c;
	
}
#Privacy_Policy {
	position: absolute;
	top: 190px;
	left: 0px;
	width: 100%;
	height: 0px;
	z-index: 100;
  
}
#Copyright_Policy {
	position: absolute;
	top: 190px;
	left: 0px;
	width: 100%;
	height: 0px;
	z-index: 100;
   
}
#GDPR_Policy {
	position: absolute;
	top: 190px;
	left: 0px;
	width: 100%;
	height: 0px;
	z-index: 100;
   
}
.legal_line_pad {
	padding: 25px 35% 70px 56px;
	background-image:url(../images/Line.svg);
	background-repeat:repeat-x;
	background-position:top;
	background-size:100px 50px;
	color: #939293;
	font-family: 'avantgardef-medium', Avant Garde, Avantgarde, Century Gothic, CenturyGothic, AppleGothic, sans-serif;
	font-size: 17px;
	line-height:19px;
	letter-spacing:-0.5px;
	text-align: left;
	font-weight:100;
	
	overflow-y: scroll;

}

#Duke_Sign_Off {
	height:20px;
	font-family: 'AvantGarde-Book', Avant Garde, Avantgarde, Century Gothic, CenturyGothic, AppleGothic, sans-serif;
	letter-spacing:0.5px;
	color:#FFFFFF;
	display:block;
	font-size:14px;
	margin:7px auto 120px auto;
	text-align: center;
}
.legals {
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	background-color:#4c4d4f;
	height: 50px;
	font-family: 'AvantGarde-Book', Avant Garde, Avantgarde, Century Gothic, CenturyGothic, AppleGothic, sans-serif;
	letter-spacing:0.5px;
	color:#FFFFFF;
	display:block;
	font-size:12px;
	background-image:url(../images/Line.svg);
	background-repeat:repeat-x;
	background-position:top;
	background-size:contain;
	padding: 17px 0px 0px 56px;
	z-index: 101;
}
.legal_title {
    font-family: 'avantgardef-bold', Avant Garde, Avantgarde, Century Gothic, CenturyGothic, AppleGothic, sans-serif;
}
#Duke_Strap {
	position:absolute;
	bottom:-25px;
	left:60px;
	z-index:104;
	height:20px;
	font-family: 'AvantGarde-Book', Avant Garde, Avantgarde, Century Gothic, CenturyGothic, AppleGothic, sans-serif;
	
	letter-spacing:0.5px;
	color:#FFFFFF;
	display:block;
	font-size:15px;
	opacity:0;
}
.pull_outs {
	font-family: 'avantgardef-bold', Avant Garde, Avantgarde, Century Gothic, CenturyGothic, AppleGothic, sans-serif;
	color:#f391bc;
	display:block;
	font-size: 26px;
	line-height:30px;
	letter-spacing:-0.8px;
	padding: 40px 60px 25px 75px;
	font-weight: 500;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
	height: 450px;
}

#Quote_Cup {
	text-rendering: optimizeLegibility;
	height: auto;
}
.po_author {
	font-family: 'avantgardef-medium', Avant Garde, Avantgarde, Century Gothic, CenturyGothic, AppleGothic, sans-serif;
	font-size: 17px;
	line-height:20px;
	letter-spacing:-0.5px;
}
.pull_left{
	margin-left: -13px;
}
#pull_cover {
	position: absolute;
	z-index: 1001;
	background-image:url(../images/Title_Angle_02.svg);
	background-repeat:no-repeat;
	background-position:left;
	background-size:cover;
	height:500px;
	width: 100%;
	left: -30px;
}
#pull_absolute {
	position: absolute;
	z-index: 1000;
	height: auto;
	width: 100%;
}
@media (max-width: 1300px) {
	.pull_left{
	margin-left: -10px;
	}
	.pull_outs {
	font-family: 'avantgardef-bold', Avant Garde, Avantgarde, Century Gothic, CenturyGothic, AppleGothic, sans-serif;
	color:#f391bc;
	display:block;
	font-size: 20px;
	line-height:24px;
	letter-spacing:-0.9px;
	padding: 40px 60px 25px 75px;
	font-weight: 500;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
	height: 450px;
	}
	.po_author {
	font-family: 'avantgardef-medium', Avant Garde, Avantgarde, Century Gothic, CenturyGothic, AppleGothic, sans-serif;
	font-size: 16px;
	line-height:15px;
	letter-spacing:-0.8px;
	}
	
}

#navigation {
	width:100%;
}
.menu_item {
	margin-top:2px;
	height:40px;
	font-family: 'avantgardef-bold', Avant Garde, Avantgarde, Century Gothic, CenturyGothic, AppleGothic, sans-serif;
	letter-spacing:-1px;
	line-height: 46px;
	color:#FFFFFF;
	display:block;
	font-size:42px;
	cursor:pointer;
	text-align:left;
	padding:0px;
	vertical-align:central;
	
}
.dash {
	vertical-align:central;
}



.vert_position {
	position: absolute;
	width:100%;
	height:200px;
    top: 50%;
    left: 50%;
    padding: .8em 1.2em;
	-webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.spaced {
	height:30px;
	background-image:url(../images/tick.svg);
	background-repeat:no-repeat;
	background-size:contain;
	padding:6px 0px 0px 27px;
}


.vert_cup {
	width:100%;
	height:100%;
	display:table;
}
.vert_centre {
	width:100%;
	height:100%;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	color:#eae1e1;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-size:75px;
}

#splash_hero {
	width:100%;
	height:100%;
}
#Video_BG {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
	background-size:cover;
}

video::-webkit-media-controls-start-playback-button {
    display: none;
}
video::-webkit-media-controls {
    display: none;
}

#about, #clients, #candidates, #opportunities, #testimonials {
	width:100%;
	height:70%;
}
#contact {
	width:100%;
	overflow-x: hidden;
}

.hdr_pos {
	position: fixed;
	width:100%;
	height:10px;
    top: 0px;
    left: 0%;
	z-index:200;
}
.hdr_title {
	height:190px;
	padding-top:42px;
	padding-left:60px;
	-moz-box-sizing: border-box;
  	-webkit-box-sizing: border-box;
  	box-sizing: border-box;
	background-color:#e9168c;
}
.reveal_title {
	position: absolute;
	height:180px;
	width: 100%;
	background-image:url(../images/Title_Angle.svg);
	background-repeat:no-repeat;
	background-position:left;
	background-size:contain;
	z-index:1200;
	pointer-events: none;
	overflow: hidden;
	left: 0px;
}
.reveal_title_mobile {
	position: absolute;
	height:180px;
	width: 100%;
	background-image:url(../images/Title_Angle.svg);
	background-repeat:no-repeat;
	background-position:left;
	background-size:contain;
	z-index:1200;
	pointer-events: none;
	overflow: hidden;
	left: 0px;
	}
.cover_it {
	background-size:cover;
}
.body_hdr_title {
	padding-top:38px;
	padding-left:60px;
	-moz-box-sizing: border-box;
  	-webkit-box-sizing: border-box;
  	box-sizing: border-box;
	background-color:#e9168c;
}

h1 {
	font-family: 'avantgardef-bold', Avant Garde, Avantgarde, Century Gothic, CenturyGothic, AppleGothic, sans-serif;
	font-size: 46px;
	line-height:40px;
	letter-spacing:-1px;
	color:#FFFFFF;
	text-align: left;
	text-rendering: optimizeLegibility;
}
.k1 {
	letter-spacing:-2.5px;
}
.k2 {
	letter-spacing:-3px;
}
.k3 {
	letter-spacing:1px;
}

#Static_anim_text_01 {
	opacity: 0;
	position: absolute;
	z-index: 102;
	left:33px;
	bottom:33px;
	width: 80%;
	min-width: 80%;
	background-size: cover;
	background-position: bottom;
}
#Static_anim_text_02 {
	opacity: 0;
	position: absolute;
	z-index: 103;
	left:33px;
	bottom:33px;
	width: 80%;
	min-width: 80%;
	background-size: cover;
	background-position: bottom;
}
#Static_anim_text_03 {
	opacity: 0;
	position: absolute;
	z-index: 104;
	left:33px;
	bottom:33px;
	width: 80%;
	min-width: 80%;
	background-size: cover;
	background-position: bottom;
}
#Static_anim_text_04 {
	opacity: 0;
	position: absolute;
	z-index: 105;
	left:33px;
	bottom:33px;
	width: 80%;
	min-width: 80%;
	background-size: cover;
	background-position: bottom;
}


#Video_anim_text_01 {
	opacity: 0;
	position: absolute;
	z-index: 102;
	left:10%;
	bottom:10%;
	width: 50%;
	min-width: 50%;
	background-size: cover;
	background-position: bottom;
}
#Video_anim_text_02 {
	opacity: 0;
	position: absolute;
	z-index: 103;
	left:10%;
	bottom:10%;
	width: 50%;
	min-width: 50%;
	background-size: cover;
	background-position: bottom;
}
#Video_anim_text_03 {
	opacity: 0;
	position: absolute;
	z-index: 104;
	right:10%;
	bottom:10%;
	width: 50%;
	min-width: 50%;
	background-size: cover;
	background-position: bottom;
}
#Video_anim_text_04 {
	opacity: 0;
	position: absolute;
	z-index: 105;
	left:10%;
	bottom:10%;
	width: 50%;
	min-width: 50%;
	background-size: cover;
	background-position: bottom;
}


.pink {
	color:#f390bc;
}
h3 {
	font-family: 'avantgardef-medium', Avant Garde, Avantgarde, Century Gothic, CenturyGothic, AppleGothic, sans-serif;
	font-size: 26px;
	line-height:30px;
	letter-spacing:-0.5px;
	color:#FFFFFF;
	text-align: left;
	font-weight:100;
	padding:20px 0px 0px 0px;
	text-rendering: optimizeLegibility;
}
.headband {
	margin-top:190px;
}

p {
	font-family: 'avantgardef-medium', Avant Garde, Avantgarde, Century Gothic, CenturyGothic, AppleGothic, sans-serif;
	font-size: 17px;
	line-height:20px;
	letter-spacing:-0.5px;
	color:#FFFFFF;
	text-align: left;
	font-weight:100;
	padding:20px 0px 0px 0px;
	text-rendering: optimizeLegibility;
}
.bold {
	font-family: 'avantgardef-bold', Avant Garde, Avantgarde, Century Gothic, CenturyGothic, AppleGothic, sans-serif;
	font-weight:100;
	font-size: 15px;

}
/* ABOUT US IMAGES */
.area_a_img_a {
	background-image:url(../images/About_Image_A.jpg);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	opacity:0;
}
.area_a_img_b {
	background-image:url(../images/About_Image_B.jpg);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	opacity:0;
}
.area_a_img_c {
	background-image:url(../images/About_Image_C.jpg);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	opacity:0;
}

/* CLIENT IMAGES */
.area_b_img_a {
	background-image:url(../images/Client_Image_A.jpg);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	opacity:0;
}
.area_b_img_b {
	background-image:url(../images/Client_Image_B.jpg);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	opacity:0;
}

/* CANDIDATES IMAGES */
.area_c_img_a {
	background-image:url(../images/Candidates_Image_A.jpg);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	opacity:0;
}
.area_c_img_b {
	background-image:url(../images/Candidates_Image_B.jpg);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	opacity:0;
}


/* OPPORTUNITIES IMAGES */
.area_d_img_a {
	background-image:url(../images/Opportunties_Image_A.jpg);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	opacity:0;
}
.area_d_img_b {
	background-image:url(../images/Opportunties_Image_B.jpg);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	opacity:0;
}

/* OPPORTUNITIES IMAGES */
.area_e_img_a {
	background-image:url(../images/Testimonials_Image_A.jpg);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	opacity:0;
}
.area_e_img_b {
	background-image:url(../images/Testimonials_Image_B.jpg);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	opacity:0;
}
.area_e_img_c {
	background-image:url(../images/Testimonials_Image_C.jpg);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	opacity:0;
}

/* CONTACT IMAGE */
.area_f_img_a {
	background-image:url(../images/Contact_Image_A.jpg);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	opacity:0;
	height: 80%;
}
.image_height {
	height: 450px;
}
.pull_up {
	margin-top: -21px;
}
.table_dis {
	display:table;
}

.splitter {
	height:1px;
	width:20px;
	background-color:#999999;
	margin:25px auto 25px auto;
}
.visible {
display:block;
}
.hidden {
display:none;
}
.collapse {
height:0px;
padding-top:0%;
}
.collapse_header {
height:0px;
padding-top:0%;

}
.expand {
   height:100%;
   padding-top:0%;
}
.centralise {
    position: absolute;
	width:100%;
    top: 57%;
    left: 50%;
    padding: 0px 0px 0px 0px;
	-webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}



/* IMAGES */

.img_pos {
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
#contact_wrap {
	
	height:100%;
	width: 100%;
	
	
}

.contact_b {
	height:35px;
	width: 35px;
	padding:50px 0px 10px 0px;
	background-image:url(../images/Contact_04.svg);
	background-position:left;
	background-repeat:no-repeat;
	background-size:35px 35px;
	display: inline-block;
	cursor: pointer;
	margin-left: -3px;
}
.contact_c {
	height:35px;
	width: 35px;
	padding:50px 0px 10px 0px;
	background-image:url(../images/Contact_05.svg);
	background-position:left;
	background-repeat:no-repeat;
	background-size:35px 35px;
	display: inline-block;
	cursor: pointer;
}
.contact_d {
	height:35px;
	width: 35px;
	padding:50px 0px 10px 0px;
	background-image:url(../images/Contact_06.svg);
	background-position:left;
	background-repeat:no-repeat;
	background-size:35px 35px;
	display: inline-block;
	cursor: pointer;
}



.sml {
	font-size:12px;
}
.cur {
	cursor:pointer;
}
.wht {
	color:#eae1e1;
}
.contact_cup {
	width:85%;
	margin:0px auto 0px auto;
}
.company {
	font-size:11px;
	margin:10px auto 35px auto;
	width:65%;
	color:#BCBCBC;
	text-align:center;
}


@media (max-width: 1600px) {
	.image_height {
		height: 380px;
	}
}
@media (max-width: 1200px) {
	.image_height {
		height: 300px;
	}
}
.contact_image_height {
		
		padding-top:40%;
	}

.max_width {
	width: 50%;
}

.signoff_title {
	font-family: 'Montserrat', sans-serif;
	font-size: 1.1em;
	font-weight:400;
	letter-spacing:-0.4px;
	text-align: center;
	color:#eae1e1;
	line-height:1.5em;
	
}

#background_01 {
	position: absolute;
	z-index: 12;
	top: 0px;
	left: 0px;
	width:  100%; /*or 70%, or what you want*/
  height: 100%; /*or 70%, or what you want*/
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#background_02 {
	position: absolute;
	z-index: 11;
	top: 0px;
	left: 0px;
		width:  100%; /*or 70%, or what you want*/
  height: 100%; /*or 70%, or what you want*/
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#background_03 {
	position: absolute;
	z-index: 10;
	top: 0px;
	left: 0px;
		width:  100%; /*or 70%, or what you want*/
  height: 100%; /*or 70%, or what you want*/
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#background_04 {
	position: absolute;
	z-index: 9;
	top: 0px;
	left: 0px;
		width:  100%; /*or 70%, or what you want*/
  height: 100%; /*or 70%, or what you want*/
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

}
#background_05 {
	position: absolute;
	z-index: 8;
	top: 0px;
	left: 0px;
		width:  100%; /*or 70%, or what you want*/
  height: 100%; /*or 70%, or what you want*/
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

}
.shift_up {
	padding:4px 0px 0px 40px;
	background-color:transparent;
	height: 100px;
}
.shift_up_contact {
	margin-top:-25px;
}

/* MQ 1024 */
@media (max-width: 1024px) {
	h1 {
	font-family: 'avantgardef-bold', Avant Garde, Avantgarde, Century Gothic, CenturyGothic, AppleGothic, sans-serif;
	font-size: 38px;
	line-height:34px;
	letter-spacing:-1px;
	color:#FFFFFF;
	text-align: left;
	margin: 20px 0px 0px 0px;
	text-rendering: optimizeLegibility;
	}
	.shift_up {
	padding:5px 0px 0px 40px;
	background-color:transparent;
	height: 100px;
	}
	.shift_up_contact h3 {
	font-family: 'avantgardef-medium', Avant Garde, Avantgarde, Century Gothic, CenturyGothic, AppleGothic, sans-serif;
	font-size: 22px;
	line-height:24px;
	letter-spacing:-0.5px;
	color:#FFFFFF;
	text-align: left;
	font-weight:100;
	padding:42px 0px 0px 0px;
	}
	.max_width {
		width: 80%;
	}
	.mbl_height {
		min-height:55%;
	}
	.menu_item {
	margin-top:2px;
	height:32px;
	font-family: 'avantgardef-bold', Avant Garde, Avantgarde, Century Gothic, CenturyGothic, AppleGothic, sans-serif;
	letter-spacing:-1px;
	line-height: 36px;
	color:#FFFFFF;
	display:block;
	font-size:32px;
	cursor:pointer;
	text-align:left;
	padding:0px;
	vertical-align:central;
	}	
	.contact_image_height {
		padding-top:60%;
	}
	.legal_line_pad {
	padding: 25px 25% 70px 56px;
	background-image:url(../images/Line.svg);
	background-repeat:repeat-x;
	background-position:top;
	background-size:100px 50px;
	color: #939293;
	font-family: 'avantgardef-medium', Avant Garde, Avantgarde, Century Gothic, CenturyGothic, AppleGothic, sans-serif;
	font-size: 17px;
	line-height:19px;
	letter-spacing:-0.5px;
	text-align: left;
	font-weight:100;
	}
  
}

@media (max-width: 992px) {
.marg_left {
		margin: 0px 5% 0px 75px;
	  
	}
	

	
	.legals {
	visibility: hidden;
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	background-color:#4c4d4f;
	height: 50px;
	font-family: 'AvantGarde-Book', Avant Garde, Avantgarde, Century Gothic, CenturyGothic, AppleGothic, sans-serif;
	letter-spacing:0.5px;
	color:#FFFFFF;
	display:block;
	font-size:12px;
	background-image:url(../images/Line.svg);
	background-repeat:repeat-x;
	background-position:top;
	background-size:contain;
	padding: 17px 0px 0px 56px;
	z-index: 101;
	}
	.legal_line_pad {
		visibility: hidden;
		height: 0px;
	}
  
	.grey_band {
	background-color:#4c4d4f;
	position: absolute;
	bottom: 0px;
	height:190px;
	width: 100%;
	z-index: 99;
	left:0px;
	overflow: hidden;
	}
	.pink_band {
	background-color:#e9168c;
	height:190px;
	width: 100%;
	position: absolute;
	bottom: 190px;
	z-index: 100;
	left:0px;
	}
	
}

/* 800 */
@media (max-width: 800px) {
	
	.image_height {
	    height: 200px;
	}
	
}


/* iPhone 6plus portrait*/
@media (max-width: 767px) {
	.image_height {
		height: 175px;
	}
	.contact_image_height {
		
		padding-top:75%;
	}
	.legal_line_pad {
	padding: 25px 56px 70px 56px;
	background-image:url(../images/Line.svg);
	background-repeat:repeat-x;
	background-position:top;
	background-size:100px 50px;
	color: #939293;
	font-family: 'avantgardef-medium', Avant Garde, Avantgarde, Century Gothic, CenturyGothic, AppleGothic, sans-serif;
	font-size: 14px;
	line-height:16px;
	letter-spacing:-0.5px;
	text-align: left;
	font-weight:100;
	}


}

/* iPhone 6p S portrait*/
@media (max-width: 667px) {
	
	.area_f_img_a {
	background-image:url(../images/Contact_Image_A.jpg);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	opacity:0;
	height: 60%;
}
	

	.body_hdr_title {
	padding-top:38px;
	padding-left:0px;
	-moz-box-sizing: border-box;
  	-webkit-box-sizing: border-box;
  	box-sizing: border-box;
	background-color:#e9168c;
		margin-left: -24px;
}
	.menu_item {
	margin-top:2px;
	height:30px;
	font-family: 'avantgardef-bold', Avant Garde, Avantgarde, Century Gothic, CenturyGothic, AppleGothic, sans-serif;
	font-weight: 200;
	letter-spacing:-1px;
	line-height: 46px;
	color:#FFFFFF;
	display:block;
	font-size:27px;
	cursor:pointer;
	}
	
	h1 {
	font-family: 'avantgardef-bold', Avant Garde, Avantgarde, Century Gothic, CenturyGothic, AppleGothic, sans-serif;
	font-size: 28px;
	line-height:26px;
	letter-spacing:-1px;
	color:#FFFFFF;
	text-align: left;
	margin: 7px 0px 0px 0px;
	text-rendering: optimizeLegibility;
	}
	.k1 {
	letter-spacing:-1.5px;
	}
	.k2 {
		letter-spacing:-2px;
	}
	.k3 {
		letter-spacing:0.5px;
	}

	.shift_up {
	padding:15px 0px 0px 40px;
	background-color:transparent;
	height: 100px;
	}
	.shift_up_contact h3 {
	font-family: 'avantgardef-medium', Avant Garde, Avantgarde, Century Gothic, CenturyGothic, AppleGothic, sans-serif;
	font-size: 18px;
	line-height:20px;
	letter-spacing:-0.5px;
	color:#FFFFFF;
	text-align: left;
	font-weight:100;
	padding:67px 0px 0px 0px;
	}
	
	.hdr_title {
	height:120px;
	padding-top:38px;
	padding-left:60px;
	-moz-box-sizing: border-box;
  	-webkit-box-sizing: border-box;
  	box-sizing: border-box;
	background-color:#e9168c;
    }
	.reveal_title {
	position: absolute;
	height:120px;
	width: 100%;
	background-image:url(../images/Title_Angle.svg);
	background-repeat:no-repeat;
	background-position:left;
	background-size:cover;
	z-index:1200;
	}
	.reveal_title_mobile {
	position: absolute;
	height:170px;
	width: 100%;
	background-image:url(../images/Title_Angle.svg);
	background-repeat:no-repeat;
	background-position:left;
	background-size:cover;
	z-index:1200;
	}
	.headband {
	margin-top:120px;
	}
	#burger {
	margin-top:-15px;
	}
	.image_height {
		height: 165px;
	}
	.contact_image_height {
		
		padding-top:90%;
	}
	#Duke_Logo_Pink {
	height:100px;
	width:150px;
	background-image:url(../images/Duke_Network_Pink.svg);
	background-repeat:no-repeat;
	background-position:right;
	background-size:contain;
	margin:35px auto 0px auto;
	}
	#Duke_Sign_Off {
	height:15px;
	font-family: 'AvantGarde-Book', Avant Garde, Avantgarde, Century Gothic, CenturyGothic, AppleGothic, sans-serif;
	letter-spacing:0.5px;
	color:#FFFFFF;
	display:block;
	font-size:12px;
	margin:0px auto 120px auto;
	text-align: center;
	}
	
}
/* iPhone 6p S portrait*/
@media (max-width: 480px) {
	
	.image_height {
		height: 155px;
	}
	.legal_line_pad {
	padding: 25px 56px 70px 56px;
	background-image:url(../images/Line.svg);
	background-repeat:repeat-x;
	background-position:top;
	background-size:100px 50px;
	color: #939293;
	font-family: 'avantgardef-medium', Avant Garde, Avantgarde, Century Gothic, CenturyGothic, AppleGothic, sans-serif;
	font-size: 13px;
	line-height:15px;
	letter-spacing:-0.5px;
	text-align: left;
	font-weight:100;
	}
	
}
/* iPhone 6 portrait*/
@media (max-width: 375px) {
	
	#Duke_Logo_Pink {
		height:80px;
		width:150px;
		background-image:url(../images/Duke_Network_Pink.svg);
		background-repeat:no-repeat;
		background-position:right;
		background-size:contain;
		margin:34px auto 0px auto;
	}
	#Duke_Sign_Off {
		height:10px;
		font-family: 'AvantGarde-Book', Avant Garde, Avantgarde, Century Gothic, CenturyGothic, AppleGothic, sans-serif;
		letter-spacing:0.5px;
		color:#FFFFFF;
		display:block;
		font-size:11px;
		margin:0px auto 140px auto;
		text-align: center;
	}
	.shift_up_contact {
		margin-top:-70px;
	}
	.grey_band {
		background-color:#4c4d4f;
		position: absolute;
		bottom: 0px;
		height:140px;
		width: 100%;
		z-index: 99;
		left:0px;
		overflow: hidden;
	}
	.pink_band {
		background-color:#e9168c;
		height:140px;
		width: 100%;
		position: absolute;
		bottom: 140px;
		z-index: 100;
		left:0px;
	}
	.reveal_title_mobile {
		position: absolute;
		height:120px;
		width: 100%;
		background-image:url(../images/Title_Angle.svg);
		background-repeat:no-repeat;
		background-position:left;
		background-size:cover;
		z-index:1200;
		pointer-events: none;
		overflow: hidden;
		left: 0px;
	}
}

/* iPhone portrait*/
@media (max-width: 320px) {
	
	.image_height {
		height: 125px;
	}
	.grey_band {
		background-color:#4c4d4f;
		position: absolute;
		bottom: 0px;
		height:140px;
		width: 100%;
		z-index: 99;
		left:0px;
		overflow: hidden;
	}
	.pink_band {
		background-color:#e9168c;
		height:140px;
		width: 100%;
		position: absolute;
		bottom: 180px;
		z-index: 100;
		left:0px;
	}
	#Duke_Logo_Pink {
		height:80px;
		width:130px;
		background-image:url(../images/Duke_Network_Pink.svg);
		background-repeat:no-repeat;
		background-position:right;
		background-size:contain;
		margin:28px auto 0px auto;
	}
	#Duke_Sign_Off {
		height:10px;
		font-family: 'AvantGarde-Book', Avant Garde, Avantgarde, Century Gothic, CenturyGothic, AppleGothic, sans-serif;
		letter-spacing:0.5px;
		color:#FFFFFF;
		display:block;
		font-size:11px;
		margin:0px auto 140px auto;
		text-align: center;
	}
	
	
}

.knock_back {
	opacity:1;
	animation:knock_down 0.4s ease-in-out 0.0s forwards;
	-webkit-animation:knock_down 0.4s ease-in-out 0.0s forwards;
	-moz-animation:knock_down 0.4s ease-in-out 0.0s forwards;
	-o-animation:knock_down 0.4s ease-in-out 0.0s forwards;
}
.knock_back_half_down {
	opacity:1;
	animation:knock_down 0.2s ease-in-out 0.0s forwards;
	-webkit-animation:knock_down 0.2s ease-in-out 0.0s forwards;
	-moz-animation:knock_down 0.2s ease-in-out 0.0s forwards;
	-o-animation:knock_down 0.2s ease-in-out 0.0s forwards;
}
.knock_back_half_up {
	opacity:1;
	animation:knock_up 0.4s ease-in-out 0.0s forwards;
	-webkit-animation:knock_up 0.4s ease-in-out 0.0s forwards;
	-moz-animation:knock_up 0.4s ease-in-out 0.0s forwards;
	-o-animation:knock_up 0.4s ease-in-out 0.0s forwards;
}

.work_a {
	opacity:1;
}
#speaker {
	width: 38px;
	height: 38px;
	overflow: hidden;
	background-image:url(../images/speaker_icon.svg);
	background-repeat: no-repeat;
	background-size:38px 150px;
	background-position: top;
	position: absolute;
	top:150px;
	left:60px;
	cursor: pointer;
	opacity: 0.0;
}
.fade_a {
	opacity:0;
	animation:fadeIn 0.4s ease-in-out 0.0s forwards;
	-webkit-animation:fadeIn 0.4s ease-in-out 0.0s forwards;
	-moz-animation:fadeIn 0.4s ease-in-out 0.0s forwards;
	-o-animation:fadeIn 0.4s ease-in-out 0.0s forwards;
}
.fade_b {
	opacity:0;
	animation:fadeIn 0.5s ease-in-out 0.1s forwards;
	-webkit-animation:fadeIn 0.5s ease-in-out 0.1s forwards;
	-moz-animation:fadeIn 0.5s ease-in-out 0.1s forwards;
	-o-animation:fadeIn 0.5s ease-in-out 0.1s forwards;
}
.fade_c {
	opacity:0;
	animation:fadeIn 0.6s ease-in-out 0.2s forwards;
	-webkit-animation:fadeIn 0.6s ease-in-out 0.2s forwards;
	-moz-animation:fadeIn 0.6s ease-in-out 0.2s forwards;
	-o-animation:fadeIn 0.6s ease-in-out 0.2s forwards;
}
.fade_d {
	opacity:0;
	animation:fadeIn 0.7s ease-in-out 0.3s forwards;
	-webkit-animation:fadeIn 0.7s ease-in-out 0.3s forwards;
	-moz-animation:fadeIn 0.7s ease-in-out 0.3s forwards;
	-o-animation:fadeIn 0.7s ease-in-out 0.3s forwards;
}
.fade_ee {
	opacity:0;
	animation:fadeIn 0.8s ease-in-out 0.4s forwards;
	-webkit-animation:fadeIn 0.8s ease-in-out 0.4s forwards;
	-moz-animation:fadeIn 0.8s ease-in-out 0.4s forwards;
	-o-animation:fadeIn 0.8s ease-in-out 0.4s forwards;
}
.fade_e {
	opacity:0;
	animation:fadeIn 1.2s ease-in-out 0.8s forwards;
	-webkit-animation:fadeIn 1.2s ease-in-out 0.8s forwards;
	-moz-animation:fadeIn 1.2s ease-in-out 0.8s forwards;
	-o-animation:fadeIn 1.2s ease-in-out 0.8s forwards;
}
.fade_f {
	opacity:0;
	animation:fadeIn 1.0s ease-in-out 1.0s forwards;
	-webkit-animation:fadeIn 1.0s ease-in-out 1.0s forwards;
	-moz-animation:fadeIn 1.0s ease-in-out 1.0s forwards;
	-o-animation:fadeIn 1.0s ease-in-out 1.0s forwards;
}
.fade_g {
	opacity:0;
	animation:fadeIn 1.2s ease-in-out 1.2s forwards;
	-webkit-animation:fadeIn 1.2s ease-in-out 1.2s forwards;
	-moz-animation:fadeIn 1.2s ease-in-out 1.2s forwards;
	-o-animation:fadeIn 1.2s ease-in-out 1.2s orwards;
}
.fade_h {
	opacity:0;
	animation:fadeIn 1.2s ease-in-out 1.6s forwards;
	-webkit-animation:fadeIn 1.2s ease-in-out 1.6s forwards;
	-moz-animation:fadeIn 1.2s ease-in-out 1.6s forwards;
	-o-animation:fadeIn 1.2s ease-in-out 1.6s forwards;
}
.fade_i {
	opacity:0;
	animation:fadeIn 1.2s ease-in-out 2.2s forwards;
	-webkit-animation:fadeIn 1.2s ease-in-out 2.2s forwards;
	-moz-animation:fadeIn 1.2s ease-in-out 2.2s forwards;
	-o-animation:fadeIn 1.2s ease-in-out 2.2s forwards;
}
.fade_j {
	opacity:0;
	animation:fadeIn 1.2s ease-in-out 2.8s forwards;
	-webkit-animation:fadeIn 1.2s ease-in-out 2.8s forwards;
	-moz-animation:fadeIn 1.2s ease-in-out 2.8s forwards;
	-o-animation:fadeIn 1.2s ease-in-out 2.8s forwards;
}
.fade_k {
	opacity:0;
	animation:fadeIn 0.8s ease-in-out 3.5s forwards;
	-webkit-animation:fadeIn 0.8s ease-in-out 3.5s forwards;
	-moz-animation:fadeIn 0.8s ease-in-out 3.5s forwards;
	-o-animation:fadeIn 0.8s ease-in-out 3.5s forwards;
}
.fade_video {
	opacity:0;
	animation:fadeInVideo 1.5s ease-in-out 0.8s forwards;
	-webkit-animation:fadeInVideo 1.5s ease-in-out 0.8s forwards;
	-moz-animation:fadeInVideo 1.5s ease-in-out 0.8s forwards;
	-o-animation:fadeInVideo 1.5s ease-in-out 0.8s forwards;
}
.fade_nav_1 {
	opacity:0;
	animation:fadeNav1 1s ease-in-out 0s forwards;
	-webkit-animation:fadeNav1 1s ease-in-out 0s forwards;
	-moz-animation:fadeNav1 1s ease-in-out 0s forwards;
	-o-animation:fadeNav1 1s ease-in-out 0s forwards;
}

.fade_upper {
	opacity:0;
	animation:fadeIn 1.0s ease-in-out 0.2s forwards;
	-webkit-animation:fadeIn 1.0s ease-in-out 0.2s forwards;
	-moz-animation:fadeIn 1.0s ease-in-out 0.2s forwards;
	-o-animation:fadeIn 1.0s ease-in-out 0.2s forwards;
}
.fade_lower {
	opacity:0;
	animation:fadeIn 1.0s ease-in-out 0.5s forwards;
	-webkit-animation:fadeIn 1.0s ease-in-out 0.5s forwards;
	-moz-animation:fadeIn 1.0s ease-in-out 0.5s forwards;
	-o-animation:fadeIn 1.0s ease-in-out 0.5s forwards;
}
.fade_in_po {
	opacity:0;
	animation:logo_anim 1.8s ease-out 0.2s forwards;
	-webkit-animation:logo_anim 1.8s ease-out 0.2s forwards;
	-moz-animation:logo_anim 1.8s ease-out 0.2s forwards;
	-o-animation:logo_anim 1.8s ease-out 0.2s forwards;
}
.gry_lnk a {
    color: #939293;
}