@font-face {
  font-family: 'AGaramondPro-Regular';
  src: url('fonts/AGaramondPro-Regular.eot?#iefix') format('embedded-opentype'),  url('fonts/AGaramondPro-Regular.otf')  format('opentype'),
	     url('fonts/AGaramondPro-Regular.woff') format('woff'), url('fonts/AGaramondPro-Regular.ttf')  format('truetype'), url('fonts/AGaramondPro-Regular.svg#AGaramondPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'ITCAvantGardeStd-Md';
  src: url('fonts/ITCAvantGardeStd-Md.eot?#iefix') format('embedded-opentype'),  url('fonts/ITCAvantGardeStd-Md.otf')  format('opentype'),
	     url('fonts/ITCAvantGardeStd-Md.woff') format('woff'), url('fonts/ITCAvantGardeStd-Md.ttf')  format('truetype'), url('fonts/ITCAvantGardeStd-Md.svg#ITCAvantGardeStd-Md') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ITCAvantGardeStd-Demi';
  src: url('fonts/ITCAvantGardeStd-Demi.eot?#iefix') format('embedded-opentype'),  url('fonts/ITCAvantGardeStd-Demi.otf')  format('opentype'),
	     url('fonts/ITCAvantGardeStd-Demi.woff') format('woff'), url('fonts/ITCAvantGardeStd-Demi.ttf')  format('truetype'), url('fonts/ITCAvantGardeStd-Demi.svg#ITCAvantGardeStd-Demi') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ITCAvantGardeStd-Bk';
  src: url('fonts/ITCAvantGardeStd-Bk.eot?#iefix') format('embedded-opentype'),  url('fonts/ITCAvantGardeStd-Bk.otf')  format('opentype'),
	     url('fonts/ITCAvantGardeStd-Bk.woff') format('woff'), url('fonts/ITCAvantGardeStd-Bk.ttf')  format('truetype'), url('fonts/ITCAvantGardeStd-Bk.svg#ITCAvantGardeStd-Bk') format('svg');
  font-weight: normal;
  font-style: normal;
}


body{
	margin:0px;
	padding:0px;
	font-family: 'ITCAvantGardeStd-Md';
}

section img{
	max-width:100%;
}

section.fullimg img{
	width:100%;
}


.intro{
	padding:100px 100px;
	background:#0d1633;
}

.intro h2{
	color:#FFF;
	font-size:28px;
	line-height:40px;
	font-family: 'ITCAvantGardeStd-Demi';
	text-align:center;
}

.brand-story{
	padding:150px 100px;
}

.brand-story h2{
	font-size:44px;
}

.brand-story p.width50{
	line-height:28px;
	font-size:23px;
	width:50%;
	float:left;
	text-align:;
	padding:0px;
	box-sizing:border-box;
	font-family: 'AGaramondPro-Regular';
}

.brand-story p.width50:nth-child(2){
	padding-right:30px;
}

.brand-story p.width50:nth-child(3){
	padding-left:35px;
}

.clr{
	clear:both;
}

.fotterinfo{
	background:url(images/dfg_30.png) no-repeat center bottom #0d1733;
	background-size:100% auto;
	min-height:400px;
}

section.info3{
	padding:150px 50px;
	text-align:center;
}

section.info3 h2{
	font-size:46px;    font-family: 'ITCAvantGardeStd-Demi';
}

section.info3 p{
	font-size:22px;
	line-height:28px;
  font-family: 'AGaramondPro-Regular';
}

.info2 {
	padding:150px 50px; 
}

.info2 .info{
	width:60%;
	float:right;
}

.info2 .info h2{
	font-size:46px;
}

.info2 .info h2+p{
	font-size:21px;
	line-height:normal;
  font-family: 'AGaramondPro-Regular';
}

.projectFolio{
	position: fixed;
	width: calc(100% + 20px);
	height:100%;
	overflow:auto;
	z-index:999;
	background:#fff;
	top:0px;
	font-size:0px;
	display:none;
}

.whyicarus{
	background:#000;
	padding-top:70px;
}

.section1{
	background:url(images/why-icarus_01.png) no-repeat center center;
	background-size:100% auto;
	min-height:1000px;
}

.section2{
	background:url(images/why-icarus_02.png) no-repeat center center;
	background-size:100% auto;
}

.section3{
	background:url(images/why-icarus_03.png) no-repeat center right;
	background-size:auto 80%;
}

body.yicaruspage .footer{
	background:url(images/why-icarus_06.png) no-repeat bottom right;
	background-size:auto 100%;
	padding:50px 0px;
}


.section1 .content{
	 padding:7% 50% 10% 12%;
	 color:#fff;
}


.section3 .content{
	 padding:7% 45% 10% 8%;
	 color:#fff;
}


.section2 .content{
	 margin:5% 12% 25px 40%;
	 color:#fff;
}

.content p{
	padding:10px 0px;
	text-align:justify;
	font-size:20px;
	line-height:24px;
	font-family: 'AGaramondPro-Regular';
}

.content h2{
	font-size:45px;
	margin:0px;
	padding:20px 0px 0px 0px;
}

.contact_txt{
	text-align:center;
	color:#FFF;
	padding:8% 0px 0px 0px;
}

.contact_txt h3,
.contact_txt h4,
.contact_txt h5{
	letter-spacing:14px;
	color:#fff;
	padding:25px 0px;
	margin:0px;
}

.contact_txt h3{
	font-size:34px;
	font-weight:bold;
}

.contact_txt h4{
	font-size:14px;
	font-family: 'ITCAvantGardeStd-Bk';
	font-weight:normal;
}

.contact_txt h5{
	font-size:24px;
	font-family: 'ITCAvantGardeStd-Bk';
	font-weight:normal;
}

.contact_txt h5 a{
	color:#FFF;
}

.imgwrapper table, .customimagewrap{
	margin:50px 0px;
	background:#f1f2f2;
}

.customimagewrap:after{
	content:" ";
	display:block;
	clear:both;
}

.imgwrapper table img{
	margin:-150px auto -150px auto; 
	max-width:95%;
}

.margin0{	margin:auto!important;	}
.bottom0, .bottom0 table{	margin-bottom:0px!important;	}
.top0{	margin-top:0px!important;	}


.singleimg{
	text-align:center;
	background:#f1f2f2;
}

section h2{
	margin:0px;
	padding-bottom:20px;
}

section h2+p,
section h2+p+p{
	text-align:justify;
}

.singleimg img{
	max-width:60%;
	margin-top:-100px;
}

.orange{	color:#f08d1d;	}
.gold{	color:#c19d2d;	}

.stepsimg{	padding:50px 20px;	}
.stepsimg td{ vertical-align:top;  padding:5px;}

.stepsimg td:nth-child(2){	padding-top:150px; vertical-align:bottom; }
.stepsimg td:nth-child(3){	padding-top:300px; vertical-align:bottom; }
 
.dfg_brochures tr td:nth-child(1) img{
	margin-bottom:-250px;
}

.dfg_brochures tr td:nth-child(2) img{
	margin-top:-250px;
}

.dfg_brochures .imgwrapper table td{
	text-align:center;
	padding:50px 0px;
}

.rightimg{
	text-align:right;
	padding-top:100px;
}

.dfg_brochures{
	padding:100px 0px;
}

.imgwrapper table{
	padding-left:50px;
	padding-right:50px;
}

/*
.imgwrapper table td:nth-child(1){
	text-align:left;
}

.imgwrapper table td:nth-child(2){
	text-align:right;
}

*/

p.thoughmyeye{
	text-align:center;
	width:80%;
	margin:0px auto;
}

.padbottom0{
	padding-bottom:0px!important;
}

.padtop0{
	padding-top:0px!important;
}

.marbottom0{
	margin-bottom:0px!important;
}

.martop0{
	margin-top:0px!important;
}

.no-leftpad table{
	padding-left:0px;
}

.no-rightpad table{
	padding-right:0px;
}

.projectWrapper, .serviceWrapper{
	z-index:2;
	position:relative;
}

img.lefttopexcess{
	width:125%;
	margin:-100px -25% 100px 0px;
}

.av-left{
	width:50%;
	float:left;
}

.av-right{
	width:50%;
	float:right;
	margin:-100px 0px -100px 0px;
}

.av-right img:nth-child(1){
	padding-left:150px;
}

.av-right img:nth-child(2){
	padding-right:150px;
	margin-bottom:-250px;
}

body.av-ed .customimagewrap img{
	max-width:95%;
	box-sizing:border-box;
}

.customimagewrap{
	padding:0px 50px;
	box-sizing:border-box;
	margin-bottom:-100px;
}

body.av-ed section:not(.intro) h2{
	color:#0e4e91!important;
}
body.servicepage section:not(.intro) h2{
	color:#5b3920!important;
}

body.servicepage .info p{
	line-height:22px;
	font-size:20px;
}

body.servicepage .info p strong{
	padding-top:15px;
	font-size:22px;
	display:block;
}

body.servicepage .section2{
	background:none;
}

body.servicepage .imgwrapper img{
	max-width:50%;
}


body.servicepage .imgwrapper span.fullimg img{
	max-width:100%;
}

.people:after{
	clear:both;
	display:block;
	content:" ";
}

.people{
	padding-top:20px;
}

.people .teaminfo p{
	font-size:19px;
}

.people .teaminfo p strong{
	font-size:21px;
}

.people span.team_photo{
	display:block;
	float:left;
	width:160px;
	margin-right:20px;
	margin-top:10px;
}

body.yicaruspage .content h2{
	font-size:39px;
	font-weight:normal;
	font-family: 'ITCAvantGardeStd-Demi';
}

.section1 .content h2{	color:#ef4a23;	}
.section2 .content h2{	color:#96d6d5;	}
.section3 .content h2{	color:#d9ca80;	}

@media only screen and (min-width:800px) {
	.dfg_brochures .imgwrapper table img{
		max-width:70%;
	}
	
	.rightimg img{
		max-width:60%;
	}
}

@media only screen and (max-width:480px) {
	
	body.yicaruspage .content h2{
		font-size:24px;
	}
	
	.people span.team_photo{
		display:block;
		text-align:center;
		float:none;
	}
	
	body.servicepage .imgwrapper img{
		max-width:100%;
		margin:0px!important;
	}
	
	body.services .imgwrapper{
		margin:10px 0px;
		padding:5px 0px;
	}
	
	section.intro, section.brand-story,section.info2, section.info3{
		padding:15px!important;
	}
	
	section.intro h2, section.brand-story h2, section.info2 .info h2, section.info3 h2{
		font-size:24px;
		padding:15px 0px;
		margin:0px;
		line-height:normal;
		
	}
	
	.brand-story p.width50{
		 padding:10px 0px;
		 font-size:18px;
		 line-height:normal;
		 margin:0px;
	}
	
	.info2 .info,
	.brand-story p.width50{
		width:100%;
		float:none;
	}
	.brand-story p.width50{
		padding:10px 0px!important;
		text-align:justify;
	}
	
	.stepsimg td{
		display:block;
	}
	
	.stepsimg td img{
		margin:0px!important;
		margin-top:20px!important;
	}
	
	.contact_txt h5{	font-size: 17px;	}
	.contact_txt h3, .contact_txt h4, .contact_txt h5{	letter-spacing:4px;	}	
	
	.imgwrapper table td{
		display:block;
		text-align:center!important;
		width:100%!Important;
	}
	
	.imgwrapper table img{
		margin:10px auto!important;
		padding:0px;
	}
	
	.contact_txt h3{
		font-size:22px;
		text-align:center;
	}
	
	.fotterinfo {
		min-height:200px;
	}
	
	 .content h2, .info h2{
		 color:#fff;	
		font-size:22px;
	 }
	 
	 .section1, .section2{
		min-height:0px;
		padding-bottom:20px;
	 }
	 
	.section2 .content, .section1 .content, .section3 .content{
		padding:10px;
		margin:0px;
	}
	
	.wrapper{
		width:100%;
		padding:10px 10px;
	} 
	
	.info{
		width:100%;
	}
	
	.templates,	.templates li{
		display:block;
	}
	
	 .serviceWrapper{
		 padding-top:100px;
	 }
	 
	 .customimagewrap, .imgwrapper table{	margin:0px; padding:0px; }
	 
	 .av-left img, .av-right img{
		padding:0px!important;
		margin:0px!important;
	 }
	 
	 .dfg_brochures, .info{
		 padding:10px 0px;
		 margin:0px;
	 }
	 
	 .av-left, .av-right{
		 float:none;
		 margin:10px 0px;
		 width:100%;
	 }
	 
	 .topwrap h3{
		 text-align:center;
	 }
	 
	 .info2 .info{
		 padding:10px 0px;
	 }
	 
	 .info2 .info h2{
		 color:#000;
		 
	 }
}