@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{
	font-family: 'ITCAvantGardeStd-Md';
	padding:0px;
	margin:0px;
	font-size:36px!important;
}

body.innerpage header{
	height:90px;
	background:#fff;
	border-bottom:1px solid #d7d7d7;
}

body.innerpage .logo{
	height:60px;
	top:15px;
}

body.homepage{
/*	background:url(images/home-page-final-one.png) no-repeat center center fixed;
	background-size:auto 100vh;
*/	
}

.content  section.home{
	background:url(images/home-page-final-one.png) no-repeat center center fixed;
	background-size:auto 100vh;
}

h1, h2, h3,p, ul, div, form, a{
	padding:0px;
	margin:0px;
	list-style:none;
	text-decoration:none;
}

.left{
	position:absolute;
	height:80%;
	left:0px;
	bottom:0px;
	z-index:99;
}

#home-section{
}

.left img, 
.rightbottom img,
.topright img, 
.logo img, 
.burger img{
	height:100%;
}


.rightbottom{
	position:absolute;
	height:45%;
	right:0px;
	bottom:0px;
	z-index:99;
}

.topright{
	position:absolute;
	height:62%;
	right:25%;
	top:0px;
	z-index:99;
}


.conttnetwrapper{
	 position:relative;
	 z-index:990;
}

.welcome h2{
	font-family: 'ITCAvantGardeStd-Demi';
	font-size:100%;
}


.burger{
	position:absolute;
	right:35px;
	top:35px;
	z-index:991;
}

.logo{
	position:fixed;
	left:25px;
	top:25px;
	height:12%;
	display:inline-block;
	z-index:10000;
}

.blackoverlay{
	position:fixed;
	z-index:995;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.85);
	display:none;
}

a.closebtn{
	position:absolute;
	right:25px;
	top:25px;
	border:2px solid #fff;
	border-radius:50%;
	padding:3px;
}

.menu{
	position:fixed;
	z-index:1000;
	height:100%;
	display:table;
	left:18%;
	font-family: 'ITCAvantGardeStd-Demi';
	display:none;
}

.menu ul.links{
	display:table-cell;
	vertical-align:middle;
}

.menu ul.links li{
	position:relative;
}

.menu ul.links li:before{
	top: 15px;
    left: 0px;
    width: 50px;
    height: 10px;
	
	content:" ";
	position: absolute;
    background: #ee394e;
}

.menu ul.links li:after{
    content: " ";
    position: absolute;
    right: 10px;
    top: 19px;
    right: 0px;
    height: 2px;
    background: #3d4246;
	width:calc(100% - 100px);
}

.menu ul.links li:nth-child(2n):after{
	left:0px;
	right:auto;
}

.menu ul.links li:nth-child(2n):before{
	right:0px;
	left:auto;
}

.menu ul.links li a{
	display:block;
	font-size:150%;
	letter-spacing:10px;
	text-transform:uppercase;
	color:#fff;
	padding:30px 0px;
}

.menu ul.links li:hover a{
	color:#484d51;
}

.menu ul.links li.active a{
	color:#ee394e;
}

.scrollto .note{
	display:block;
	text-align:center;
	font-size:15px;
	opacity:0;
	margin-bottom:20px; 
	
	-webkit-transition: opacity 0.5s ease-out 0.5s;
    -moz-transition: opacity 0.5s ease-out 0.5s;
    -o-transition: opacity 0.5s ease-out 0.5s;
    transition: opacity 0.5s ease-out 0.5s;
}

.scrollto:hover .note{
	opacity:1;
}

.scrollto{
	position:fixed;
	bottom:5px;
	text-align:center;
	width:100%;
	cursor:pointer;
	z-index:998;
	animation: float 6s ease-in-out infinite;
	-webkit-transition: 1s ease;
           -moz-transition: 1s ease;
         -o-transition: 1s ease;
            transition: 1s ease; 
}

.scrollto:hover{
}

.scrollto img{
	width:70px;
}

body.homepage .scroll-link.bottom-link{
	height:auto;
	bottom:0px;
	width:300px;
}

img.scroll_traingle{
	width:90%;
}

body.homepage .projects .project-preview{
	font-family: 'ITCAvantGardeStd-Md';
	line-height:normal;
}

body.homepage .projects .project-preview h2{
	font-size:38px;	
	font-family: 'ITCAvantGardeStd-Demi';
	font-weight:bold;
}

body .svg-text{
	font-family: 'ITCAvantGardeStd-Demi'!important;
	font-weight:bold!important;
}

body.homepage .project-preview .text p{
	font-size:16px;	
	line-height:normal;
}

body.homepage .project-preview .text .bt{
	padding-left:0px;
}


.projects.project-name-scroll{
	background:url(images/innerbg.png) no-repeat center center fixed;	
	background-size:auto 100%;
}

body .menu-container nav .item{
	font-size:24px;
	font-family: 'ITCAvantGardeStd-Md';
	letter-spacing:1px;
	font-weight:normal;
	line-height:60px;
	position:relative;
	padding:0px;
	color:#d2ca82;
}

body .menu-container nav .item:before{
	display:none!important; 
}

body .menu-container nav .item:after{
	left:0px!important;
	right:0px!important;
	top:auto!important;
	bottom:0px!important;
}

.sidenav-bt .scroll-link {
	height:auto;
	bottom:15px;
	
	animation: float 6s ease-in-out infinite;
	-webkit-transition: 1s ease;
           -moz-transition: 1s ease;
         -o-transition: 1s ease;
            transition: 1s ease; 
}

.menu-container.dark:before{
	width:100%;
	height:100%;
	background:url(images/navigation.jpg) no-repeat right bottom;
	content:" ";
	position:fixed;
	background-size:100% auto;
	z-index:1;
}



.stage{
	z-index:-1;
}

body .project-preview .img, body .project-preview .o-img{
	background-size:100% auto;
	background-repeat:no-repeat;
}

#Project5.project-preview .text,
#Project6.project-preview .text,
#Project4.project-preview .text{
	margin-top:50px;
}

body.services .section1{
	background:none;
}

body.services .imgwrapper{
	background: #f1f2f2;
	margin: 50px auto;
	padding: 80px 0px;
}

body.services .section6{
	background: #f1f2f2;
	margin:20px auto;
	padding:50px 0px;
}

.imgwrapper img{
	position:relative;
	z-index:2;
}

.templatewrapper .templates{
	 padding:30px 10px;
	 background:#f1f2f2;
}

.templates{
	display:flex;
}

.templates li{
	padding:10px 15px;
	display:inline-flex;
	box-sizing:border-box;
}

img{
	max-width:100%;
}

.templates li img{
	width:100%;
	box-shadow:0px 0px 20px #999;
	height:100%;
}

.wrapper{
	margin:0px auto;
	padding:20px 0px;
	width:calc(100% - 140px);
	box-sizing:border-box;
	position:relative;
}

.info{
	width:50%;
	float:left;
	position:relative;
	padding:130px 0px 100px 0px;
}

.info h2{
	font-family: 'ITCAvantGardeStd-Demi';
	font-size:44px;
	padding-bottom:15px;
}

section:after,
.imgwrapper:after,
.templatewrapper ul.templates:after, .wrapper:after{
	display:block;
	content:" ";
	clear:both;
}


.section1 .info,
.section3 .info,
.section5 .info{
	float:right;
}

.info p{
  font-family: 'AGaramondPro-Regular';
  font-size:21px;
  line-height:28px;
}

.leftdown{
	float:left;
	margin-bottom:-200px;
}

.rightup{
	float:right;
	margin-top:-200px;
}

.leftup{
	float:left;
	margin-top:-200px;
}

.rightdown{
	float:right;
	margin-bottom:-200px;
}

.flotingobj{
	position:absolute;
	z-index:1;
}

.img1{
	right:-70px;
	top:-50px;
}


.img2{
	left:-70px;
	bottom:50px;
}


.img3{
	left:-70px;
	top:100px;
}

.img4{
	right:-70px;
	bottom:-50px;
}

.img5{
	left:-70px;
	bottom:-50px;
	
	-webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.onlytop{
	margin-top:-150px;
}	

.img7{
	left:20px;
	bottom:20px;
	animation: slowfloat 6s ease-in-out infinite;
	-webkit-transition: 1s ease;
           -moz-transition: 1s ease;
         -o-transition: 1s ease;
            transition: 1s ease; 
}

.img8, .img6{
	right:-70px;
	bottom:-150px;
	
	-webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.arrow{
	padding:150px 0px 50px 0px;	
	background: #f1f2f2;
}

body .menu-container{
	z-index:1;
}

body .menu-container.active{
	z-index:9998;
}

.welcome h2, .tp h2{
	color:#000;
}


.projectWrapper, .serviceWrapper{
	padding-top:90px;
}

body.innerpage header .menu-btn{
	top:20px;
}

body.innerpage header .page-names{
	top:38px;
}

body.prevent-scroll header{
	background:none;
	border:0px;
}

.whyicarus h2{
	color:#fff;
}

section{
	margin-bottom:-10px;
}

body.contact-us{
	background:url(images/contact-us_01.jpg) no-repeat center center;
	background-size:cover;
}

.mainbaner_area{
	 height:calc(100vh + 10px);
}

.mainbaner_area .scrollto{
	width:auto;
}

.contactwrapper{
	position:relative;
	z-index:2;
}

.contact_info{
	padding:70px 0px;
	background:#0e1733;
	color:#fff;
	position:relative;
	z-index:99;
}

.contact_form{
	position:relative;
	z-index:99;
	color:#000;
}

.footer_con{
	position:relative;
	z-index:99;
}

.footer_con .note{
	position:absolute;
	font-size:24px;
	width:100%;
	text-align:center;
	top:50%;
	margin-top:-15px;
	line-height:30px;
	
}

.maps{
	text-align:center;
}

.maps li{
	width:calc(25% - 15px);
	display:inline-block;
	text-align:center;
}

.maps li strong{
	font-size:12px;
	text-transform:uppercase;
	display:block;
	padding:5px 0px 40px 0px;
}

.maps li img{
	max-height:200px;
}

.contact_info h2{
	color:#FFF;
	text-align:center;
	font-size:20px;
	text-transform:uppercase;
}

.contact_info p{
	font-size:18px;
	text-align:center;
	line-height:400px;
	position:relative;
	margin-bottom:100px;
	border-bottom:2px solid #eb6a30;
	padding-bottom:50px;
}

.contact_info p span{
	display:inline-block;
	width:50px;
}

.contact_info p strong{
	text-transform:uppercase;
}

.contact_form{
	background:url(images/contact-us_19.png) no-repeat center left #fff;
	background-size:auto 100%;
	padding:100px 0px;
	text-align:center;
}

.contact_form form{
	width:400px;
	max-width:100%;
	margin:0px auto;
	box-sizing:border-box;
}

.contact_form form h2{
	font-size:28px;
	font-weight:normal;
}

.contact_form form input{
	border:0px;
	width:calc(100% - 20px);
	line-height:40px;
	border-bottom:2px solid #646e76;
	margin:0px 10px;
	margin-bottom:10px;
	font-size:14px;
	color:#000;
  font-family: 'ITCAvantGardeStd-Md';
}

.contact_form form input.w50{
	float:left;
	width:calc(50% - 20px);
}

.footer_con{
	background:#0e1733;
	color:#fff;
	padding:50px 0px 30px 0px;
}

.footer_con p.copt{
	font-size:8px;
	color:#fff;
	letter-spacing:2px;
}

.mobileimg{
	display:none;
}

.topwrap{
	padding:50px 0px 80px 0px;
	text-align:center;
}

.topwrap h3{
	font-size:16px;
	text-transform:uppercase;
	font-family: 'ITCAvantGardeStd-Md';
	color:#ed1c24;
	letter-spacing:3px;
}

.topwrap p{
	font-size:22px;
	padding:30px 0px;
}

.topwrap p a:hover{ text-decoration:underline; }

a.to_uparrow {
	position:relative;
	display:block;
	min-height:80px;
}

a.to_uparrow img{
	position:absolute;
	bottom:0px;
	text-align:center;
	width:80px;
	margin-left:-40px;
	cursor:pointer;
	z-index:998;
	animation: float 6s ease-in-out infinite;
	-webkit-transition: 1s ease;
           -moz-transition: 1s ease;
         -o-transition: 1s ease;
            transition: 1s ease; 
}


.section6 .info{
	padding:0px;
}

.padd0{ 
	padding:0px!important;
}

body .pad100{
	 padding-top:100px;
	 padding-bottom:100px;
}

.servicepage .arrow{
	position:static;
	width:100%;
	height:auto;
	background:#fff;
}

body.servicepage .section3{
	background:none;
}


@media only screen and (min-width:1800px) {	

	body .menu-container nav .item{
		font-size:44px;
	}
	

	.menu ul.links li a{
		font-size:250%;
		letter-spacing:20px;
	}
	
	.scrollto img{
		width:120px;
	}
	
	.scrollto .note{
		font-size:20px;
	}
	
}

@media only screen and (max-width:600px) {		
	body{
		font-size:30px;
	}
	
	.welcome h2{
		width:360px;
		max-width:100%;
		position:absolute;
		font-size:60%;
		top:50%;
		left:50%;
		margin:-8% 0px 0px -180px;
	}
	
	.menu ul.links li a{
		font-size:120%;
		letter-spacing:5px;
	}
	
	.scrollto img{
		width:60px;
	}
	
	body .project-preview .img, body .project-preview .o-img{
		background-size:auto 100%;
		left:5%;
		right:5%;
	}
	
	body .home .main-text{
		width:90%;
		left:5%;
		right:5%;
		margin:0px;
	}
	
	body.homepage .welcome h2{
		position: static;
		width: 100%;
		margin: 0;
		font-size: 24px;
		padding: 35px 50px;
	}
	
	
	.content h2 br{
		display:none;
	}
	
	.content h2{
		 font-size:25px; 		 
		padding: 30px;
		box-sizing: border-box;
	}
	
	body.homepage .left, body.homepage .rightbottom, body.homepage .topright{
		display:none;
	}
	
	body.homepage .logo{
		display:inline-block;
		height:40px;
		overflow:hidden;
		left:20px;
		top:20px;
	}
	
	body.homepage .logo img{
		height:55px;
	}
	
	.homepage .content h2{
		margin-top:70px;
	}
	
	.mobileimg{
		display:block;
	}
	
	.desktopimg{
		display:none;
	}

	.maps li{
		width:80%;
		margin:10px 10%;
	}
	
	.contact_info p{
		line-height:30px;
		padding:30px 0px 50px 0px;
	}
	
	.contact_info p span{
		display:block;
	}
	
	.contact_form form input.w50{
		width:calc(100% - 20px);
		float:none;
	}
}

@keyframes float {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-20px);
	}
	100% {
		transform: translatey(0px);
	}
}



@keyframes slowfloat {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-30px);
	}
	100% {
		transform: translatey(0px);
	}
}

body.nav_project .menu-container nav .item.projct_link span,
body.nav_why .menu-container nav .item.why_link span,
body.nav_services .menu-container nav .item.services_link span,
body.nav_contact .menu-container nav .item.contact_link span{
	color:#ee394e;	
}

body.nav_project .menu-container nav .item.projct_link:after,
body.nav_why .menu-container nav .item.why_link:after,
body.nav_services .menu-container nav .item.services_link:after,
body.nav_contact .menu-container nav .item.contact_link:after{
	background:#ee394e;
}