@charset "utf-8";
/* CSS Document */


/******/



body{
	margin:0;
	padding:0;
	background:#fff;	
}

/*****heart animation*****/


@-webkit-keyframes bouncing {
  from {
    -webkit-transform: scale(1,1);
  }
  to {
    -webkit-transform: scale(0.5,0.5);
  }
}
@-moz-keyframes bouncing {
  from {
    -moz-transform: scale(1,1);
  }
  to {
    -moz-transform: scale(0.5,0.5);
  }
}
@keyframes bouncing {
  from {
   transform: scale(1,1);
  }
  to {
    transform: scale(0.5,0.5);
  }
}
.tryanim {
  	position:absolute;
	left:212px;
	top:79px;
    width: 51px;
    height: 60px;
	 background:url(../images/newheartfront.png) no-repeat;
    
     -webkit-animation: bouncing 1s infinite alternate;
	 -moz-animation: bouncing 1s infinite alternate;
	  animation: bouncing 1s infinite alternate;
}


.tryanim1 {
  	position:absolute;
	left:185px;
	top:79px;
    width: 51px;
    height: 60px;
   background:url(../images/newhearts.png) no-repeat;
     -webkit-animation: bouncing 1s infinite alternate;
	 -moz-animation: bouncing 1s infinite alternate;
	 animation: bouncing 1s infinite alternate;
}
/******************/

body{
	margin:0;
	padding:0;
	background:#fff;	
}

.wrap{
	/*display:none;	*/
	width:100%;
}
.main{
	width:100%;	
	visibility:hidden;
}
.landing-cont{
	position:relative;	
	width:100%;
	background:#e3dfc6;
}
.rightimg{
	position:absolute;
	right:0;	
	
}
.rightimg img{
	height:100%;
	width:auto;
	
}
.linkedin{
	position:absolute;	
	left:8.12%;
	width:19.12%;
	bottom:25.89%;
}
.linkedin img{
	width:100%;	

}
.wanted{
	position:absolute;	
	top:31.17%;
	width:28.5%;	
	left:8.12%;
}
.wanted img{
	width:100%;
	
}
#in{
	position:absolute;	
	 width:13.39%;
	
	 border:none;
	 top:0%;
	 right:17%;
}
#facebook{
	position:absolute;	
	  width:13.39%;
	
	border:none;
	 top:33%;
	 z-index:9;
	 right:17%;
}

.menubar{
	width:100%;
	height:60px;
	background:#fff;
	font-family: 'Oxygen', sans-serif;
	color:#b09d99;
	text-transform:uppercase;
	/*position:fixed;*/
	z-index:9999;
	top:0;
}

.menu{
	float:right;	
}

.nav-content{
	margin:0px; padding:0px;
	
}

.nav-content li{
 	float: left;
    line-height: 60px;
    margin-right: 45px;	
	list-style:none;
}

.nav-content li a{
	font-size:13px;
	text-decoration:none;
	color:#666;
	padding-bottom: 15px
}
.nav-content li a:hover, .nav-content li a.active{
	
	color:#000;
	 
	/*text-decoration:underline;*/
	border-bottom: 1px solid #000;
}
.logo{
	padding:5px 0px 0px 20px;	
	float:left;
}

.logo>a>img{
	width:125px;
}

.bars{
	display:none;	
}
.mobilemenu{
		display:none;
	}
.mobile-cont{
	display:none;
}
.mobiletext{
	display:none;	
}



.landingimg{ width:100%; height:482px; background:url(../images/langingbg.jpg) center no-repeat; background-size:cover; padding-top:170px; margin-top:60px; /*background-attachment:fixed;*/}
.letsbegin{ width:204px; height:58px; margin:338px auto; border:2px solid #4c4c4c; }
.begintxt{ font-family: 'Oxygen', sans-serif; font-weight:300; font-size:27px; color:#4c4c4c; margin:8px 0px 0px 28px; cursor:pointer;}

.brands{ width:100%; }
.brandsAnim{position:relative; width:295px; margin:-99px auto; height:150px; }
.animslide{ position:absolute; left:0; top:0; width:295px; height:150px;}
.brandsAnim img{position:absolute; }


.aboutsect{ width:100%; height:848px; }
.aboutarea{ width:819px; height:848px; margin:0 auto; }
.pageHeading{ margin-top:104px;}
.pageHeading h2{ text-align:center; font-family: 'Oxygen', sans-serif; font-weight:300; font-size:39px; color:#4c4c4c; text-transform:uppercase;}
.aboutarea .pageHeading .bar{ width:80px; height:2px; background:#000000; margin:0 auto;}
.aboutcont{ padding:40px 0 80px 0px; text-align:center; color:#5b5b5b; font-family: 'Oxygen', sans-serif; font-weight:300; font-size:13px; color:#4c4c4c;  line-height:22px;  }

.aboutcont > p {
    line-height: 28px;
	margin:0;
}
.aboutImgs{
	width:100%;
	height:464px;
	position:relative;
	overflow:hidden;
}

.aboutImgs img{
	position:absolute;
	bottom:-800px;
	left:303px;
	transition:all 1s;
	-moz-transition:all 1s;
	-webkit-transition:all 1s;
}

.ae-animation-slide img{
	bottom:0;
}

.aboutImgs img:first-child{
	left:0px;
}

.aboutImgs img:last-child{
	left:606px;
}

.teamsect{ width:100%; /*height:895px; */position:relative; }
.teamsect .pageHeading .bar{ width:80px; height:2px; background:#000000; margin:0 auto;}
.teamCont{ width:100%; margin-top:42px; position:relative;}
.teamCont_mob{ width:100%; margin-top:42px; position:relative;}
.teammember{ width:100%; position:absolute; left:0; top:0; height:100%;}
.teamCont_mob{display:none;}
.teammember_mob{ width:100%; position:absolute; left:0; top:0; height:100%;}
.teammember img{ position:absolute; left:0; top:0; display:block;}
.teammember_mob img{ position:absolute; left:0; top:0; display:block;}
.team_sl{width:100%; position:absolute; left:0; top:0; height:100%;}
.team_sl > p {
color: #000;
    font-family: "Oxygen",sans-serif;
    font-size: 14px;
    left: 2%;
    position: absolute;
    top: 28%;
    z-index: 999;
}
.team_sl > p a{ padding:4px 8px; color:#000; border:1px solid #5b685f; text-decoration:none; display:inline-block; margin-top:10px;}
.teamCont img{ width:100%;}
.teamCont_mob img{width:100%;}
.teamarrows{ width:100%; position:absolute; z-index:999; top:50%;  }
.teamarrows1{ width:100%; position:absolute; z-index:999; top:50%;  }
.leftArr{ float:left; margin-left:35px; cursor:pointer; width:42px; height:42px; overflow:hidden; background:url(../images/prevs.png)  no-repeat; transition:all 1s; -moz-transition:all 1s; -moz-transition:all 1s;}
.rightArr{float:right; margin-right:35px; cursor:pointer;  width:42px; height:42px; overflow:hidden; background:url(../images/nexts.png) no-repeat; transition:all 1s; -moz-transition:all 1s; -moz-transition:all 1s;}
.leftArr:hover{ background-position: 0 100%;}
.rightArr:hover{ background-position: 0 100%;}

.leftArrs{ float:left; margin-left:-35px; cursor:pointer; width:42px; height:42px; overflow:hidden; background:url(../images/prevs.png)  no-repeat; transition:all 1s; -moz-transition:all 1s; -moz-transition:all 1s;}
.rightArrs{float:right; margin-right:-35px; cursor:pointer;  width:42px; height:42px; overflow:hidden; background:url(../images/nexts.png) no-repeat; transition:all 1s; -moz-transition:all 1s; -moz-transition:all 1s;}
/*.leftArrs:hover{ background-position: 0 100%;}
.rightArrs:hover{ background-position: 0 100%;}*/

.servicesect{ width:100%; height:284px; }
.servicesect .pageHeading .bar{ width:80px; height:2px; background:#000000; margin:0 auto;}
.servicearea{ width:819px; margin:0 auto; }
.serviceCont{ padding:22px 0 56px 0px; text-align:center; color:#5b5b5b; font-family: 'Oxygen', sans-serif; font-weight:300; font-size:13px; color:#4c4c4c;  line-height:22px;  }
.servicelist{ width:392px; margin:0 auto;}
.servicelist ul{ margin:0; padding:0; }
.serviceunit{ height:137px; width:98px; list-style:none; float:left; text-align:center; color:#5b5b5b; font-family: 'Oxygen', sans-serif;  font-size:15px; color:#4c4c4c; transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s; transform:scale(0.2,0.2); -moz-transform:scale(0.2,0.2); -webkit-transform:scale(0.2,0.2);}
.serviceunit .icon{cursor:pointer; position:relative;}
.icon img{ transition:all 1s cubic-bezier(0,1.55,.3,1.03); -moz-transition:all 1s cubic-bezier(0,1.55,.3,1.03); -webkit-transition:all 1s cubic-bezier(0,1.55,.3,1.03); transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg);}

.ae-animation-slide .serviceunit{
	transform:scale(1,1); -moz-transform:scale(1,1); -webkit-transform:scale(1,1);
}

.icon .tooltip {
    background: none repeat scroll 0 0 #000;
    color: #fff;
    left: -100px;
    min-width: 260px;
    padding: 10px;
    position: absolute;
    top: -132px;
    z-index: 9;
	display:none;
/*	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-wedkit-transition:all 0.5s ease;*/
	
}
.icon:hover .tooltip{display:block;}
.tooltip .arrow{width:7px; height:7px; background:url(../images/arrow_ser.png) no-repeat; position:absolute; left:140px; bottom:-7px;}
.serviceunit .icon:hover img{ transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg);}
.tooltip
.worksect{ width:100%;}
.worksect .pageHeading .bar{ width:80px; height:2px; background:#000000; margin:0 auto;}
.workarea{ width:100%; /*height:948px;*/ margin-top:70px;}
.workarea ul{ margin:0; padding:0; }
.workarea ul li{ width:25%; float:left; list-style:none;  cursor:pointer; overflow:hidden;}

.workarea ul li:hover{background:#000;}
.workarea ul li:hover img{opacity:0.3; transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s;}
.workarea ul li:hover .jobdesc{background:#4c4c4c; color:#fff;transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s;}
.workarea ul li:hover .wrkjobdesc{background:#4c4c4c; color:#fff;transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s;}
.workarea ul li img{ width:101%; vertical-align:top; opacity:1; transform: translate3d(0,0,0); }
.jobdesc{ width:auto; height:194px; text-align:center;  font-family: 'Oxygen', sans-serif;  font-size:17px; color:#4c4c4c; text-transform:uppercase; padding:20px 10px 0 10px; background:#fff;}
.wrkjobdesc{ width:100%; height:82px; text-align:center; color:#5b5b5b; font-family: 'Oxygen', sans-serif;  font-size:17px; color:#313131; text-transform:uppercase; padding-top:20px; background:#fff;}
.jobdesc p{margin:0; padding:2px;}
.care_content p{font-size:13px; text-transform:none; padding:4px; font-weight:300; line-height:22px;}
.care_content a{color:#4c4c4c; text-decoration:none;}
.jobdesc p span{font-size:13px; text-transform:none;}
.type{ font-size:13px; text-transform:lowercase;}


.ajaxworkarea{ width:100%; min-height:400px; display:none; padding:50px 0 0px 0;}
.jobslider{ width:70%; margin:0 auto; position:relative;}
.jobslider img{ width:100%;  }
.portfolioimg{position:absolute; width:100%; left:0; top:0;}
.slides{position:absolute; width:100%;}
.slides p{ margin:0px; text-align:center; font-family: 'Oxygen', sans-serif; font-size:13px; color:#313131; text-transform:uppercase; }
/*.portfolioimg img{position:absolute;}*/
.jobarrows{ width:100%; position:absolute; left:0; top:40%; z-index:999;}
.cls{ width:100%; text-align:center;/* position:relative; left:420px;  cursor:pointer;*/}
.cls img{ width:32px; height:32px;  top:45px; position:relative; cursor:pointer;}

.cogfreecaressect{ width:100%;}
.cogfreecaressect .pageHeading .bar{ width:80px; height:2px; background:#000000; margin:0 auto;}
.cogfreecarearea{ width:100%; margin-top:70px;}
.cogfree_content{width:819px;
margin:0 auto;
    color: #4c4c4c;
    font-family: "Oxygen",sans-serif;
    font-size: 13px;
    font-weight: 300;
    line-height: 22px;
    text-align: center;
}
.boxes{ float:left; position:relative;  width:33.33%; height:auto;   display:inline-block;}
.boxes:hover>img{ opacity:0.3; border: }
.boxes:hover{background:#3fa067;}
.boxes:hover .zoomsign{ opacity:1; transform:scale(1,1);}
.boxes>img{ width:100%; transition:all 0.5s; vertical-align:top; transform: translate3d(0,0,0); }
.zoomsign{ opacity:0; transition:all 0.5s;  transform:scale(0,0); position:absolute; z-index:999; left:42%; top:40%;}

.clientssect{ width:100%;}
.clientssect .pageHeading .bar{ width:80px; height:2px; background:#000000; margin:0 auto; margin-bottom:50px;}
.clientsarea{ width:84%; margin:0 auto; padding-top:20px; }
.clientsarea ul{ margin:0; padding:0;}
.clientsarea li{ width:16.66%; float:left; list-style:none; margin-bottom:24px;}
.clientsarea li img{ width:100%; 
transition:all 0.5s; -webkit-transition:all 1s; -moz-transition:all 1s; bottom:0px; -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 4+ */
}

.clientsarea li img:hover{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
}

.testisect{ width:100%;}
.testisect .pageHeading .bar{ width:80px; height:2px; background:#000000; margin:0 auto;}
.testiarea{ width:819px; margin:0 auto; margin-top:40px;}
.thumbArea{ width:684px; /*height:130px;*/ margin:0 auto;}
.thumbs{ width:223px; height:94px; float:left;}
.thumbs img{ max-width:100%; margin-top:0px; cursor:pointer;  transition:all 0.5s; -webkit-transition:all 1s; -moz-transition:all 1s; bottom:0px; -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 4+ */}
.thumbs:hover img{
	margin-top:10px;
}
.thumbs .act, .thumbs img:hover {
	-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
}
.testimonials{padding:22px 0 0px 0px; /*text-transform:uppercase;*/ text-align:center; color:#5b5b5b; font-family: 'Oxygen', sans-serif; font-weight:300; font-size:13px; color:#4c4c4c;  line-height:22px; width:100%; clear:both; }
.testihide{ display:none;}

.contactsect{ width:100%;}
.contactsect .pageHeading .bar{ width:80px; height:2px; background:#000000; margin:0 auto; margin-bottom:50px;}
.contactarea{ width:100%; position:relative;}
.contactarea>img{ width:100%;}
.contactbtns{ position:absolute; top:20%; width:100%;}
.contactbtnholder{ margin:0 auto; width:674px;}


.conticon{ width:223px; height:115px; float:left; text-align:center; transform:scale(0.2,0.2); -moz-transform:scale(0.2,0.2); -webkit-transform:scale(0.2,0.2); transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s; }
.conticon p{ color:#fff;font-family: 'Oxygen', sans-serif;  font-size:18px;}
.conticon a{ color:#fff; text-decoration:none;}


.ae-animation-slide .conticon{  transform:scale(1,1); -moz-transform:scale(1,1); -webkit-transform:scale(1,1);}

.footer{ width:100%; /*height:60px;*/ background:#fff; color:#5b5b5b; /*line-height:60px;*/ font-size:13px; text-align:center; font-family: 'Oxygen', sans-serif; font-weight:300;}

.workarea1{ width:100%; /*height:948px;*/ margin-top:70px;}
.workarea1 ul{ margin:0; padding:0; }
.workarea1 ul li{ width:33.33%; float:left; list-style:none;  cursor:pointer;}

.workarea1 ul li:hover{background:#000;}
.workarea1 ul li:hover img{opacity:0.3; transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s;}
.workarea1 ul li:hover .jobdesc{background:#4c4c4c; color:#fff;transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s;}
.workarea1 ul li:hover .jobdesc a{color:#fff; transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s;}
.workarea1 ul li img{ width:100%; vertical-align:top; opacity:1; transform: translate3d(0,0,0); }

.social_icons { /*float:left;*/ margin:0px; padding:8px 80px 6px 0px; position:absolute; right:0; top:-32px; }
.social_icons img {margin-right:12px; }
.social_icons a{width:35px; height:35px; background-position:center top!important; display: inline-block; transition:all 0.5s ease; margin-right:8px;}
.social_icons a:hover{background-position:center -45px!important;}
.social_icons a.facebook{background:url(../images/facebook.png) no-repeat;}
.social_icons a.linkdin{background:url(../images/linkdin.png) no-repeat;}
.social_icons a.igbtn{background:url(../images/ig.png) no-repeat;}


.social_icons2 { /*float:left;*/ margin:0px; padding:8px 80px 6px 0px; position:absolute; right:0; top:-32px; }
.social_icons2 img {margin-right:12px; }
.social_icons2 a{width:35px; height:35px; background-position:center top!important; display: inline-block; transition:all 0.5s ease; margin-right:8px;}
/*.social_icons a:hover{background-position:center -45px!important;}*/
.social_icons2 a.facebook{background:url(../images/facebook.png) no-repeat;}
.social_icons2 a.linkdin{background:url(../images/linkdin.png) no-repeat;}
.social_icons2 a.igbtn{background:url(../images/ig.png) no-repeat;}

.conticon img{ min-height:22px;}
.con_mob{display:none;}
.con_desk{display:block;}

.back_top {
    bottom:0;
    position:fixed;
    right: 30px;
	z-index:999999;
}
.back_top a, .back_top img{display:block;}

.worksect {
    clear: both;
    width: 100%;
}

.footer > span {
    display: inline-block;
    margin-top: 18px;
}
@media (max-width:768px){
	body{
		background:#fff;	
	}
	.landingimg{ width:100%; height:700px; background:url(../images/langingbg_mob.jpg) center no-repeat; /*background-size:cover;*/ padding-top:0px; margin-top:60px; /*background-attachment:fixed;*/}
	.brandsAnim{top: 100px;}
	.letsbegin{margin: 384px auto;}
	.bars{
	display:block;
	padding:3px 8px 0 0;
	float:right;	
	}
	
	
	.landing-cont{
		display:none;	
	}
	
	.nav-content{
		display:none;
	}
	
	.nav-mobile{
		width:90%;
		margin:0;
		padding:0 5%;
		float:left;
		background:#fff;
	}
	.mobilemenu{
		
		width:100%;
	}
	
.mobilemenu li{
 	float: none;
    line-height: 35px;
    margin-right: 45px;	
	list-style:none;
	text-align:left;
	background:#FFF;
	border-top:1px solid #E6E6E6;
	width:100%;
}

.mobilemenu li a{
	font-size:0.6em;
	text-decoration:none;
	color:#060606;
	display:block;
}
.mobilemenu li a:active{
	font-size:0.8em;
	text-decoration:none;
	color:#fff;
	display:block;
	background:#666;
}
.mobile-cont{
	display:block;
	background:url(../images/mobilebg.jpg) no-repeat ;
	background-size:cover;
	height:100%;
	width:100%;
}	
.mobiletext{
	display:block;	
	width:100%;
	background:#f3f3e9;
}
.mobilewant{
	width:100%;	
	text-align:center;
	padding:9% 0 0 0;
	position:relative;
}

.mobilewant img{
	width:80%;
	position:absolute;
	left:10%;
}
.mobillaunch{
	width:100%;		
	text-align:center;
	padding:9% 0 0 0;
	position:relative;
}

.mobillaunch img{
	width:80%;		
	left:10%;
	position:absolute;
}

#inm{
	position:absolute;	
	 width:6.39%;
	 border:none;
	 top:115%;
	 right:50%;
	
	 z-index:9;
}
#facebookm{
	position:absolute;	
	width:6.39%;
	border:none;
	top:115%;
	z-index:9;
	
	right:18.39%;
}


.aboutarea{
	width:90%;	
}

.aboutImgs img{
	width:32%;
	position:static;	
}
.servicearea{
	width:90%;	
}

.clientsarea{
	width:92%;	
}
.testiarea{
	width:90%;
	
}
.cogfree_content{
	width:90%;
	
}
.jobslider{
	width:100%;	
}
.thumbArea{ width:100%;}
.thumbArea .thumbs{
		width:33%;
		
	}

.contactbtnholder{ width:90%;}

.workarea ul li{
		width:50%;	
	}
.conticon{  transform:scale(1,1); -moz-transform:scale(1,1); -webkit-transform:scale(1,1); width:35%;}
.serviceunit{
	transform:scale(1,1); -moz-transform:scale(1,1); -webkit-transform:scale(1,1);
}
	.clientsarea li{
		width:50%;
	}	
	
	.rightArrs{margin-right:35px;}
	.leftArrs{margin-left:35px;}
	
	.icon:hover .tooltip{ display:none;}
	.con_mob{display:block;}
.con_desk{display:none;}
.contactbtnholder{text-align:center;}
.conticon{float:none; display:inline-block; width:40%; padding:10px; height:80px;}
/*.teamCont{display:none;}*/
.teamCont_mob{display:block;}
.pageHeading_mob{margin-top:40px!important;}
/*.back_top{display:none!important;}*/
.team_sl > p{font-size:13px; text-align:center; left:0; width:100%; top:98%;}
.workarea1 ul li{ width:80%; margin-left:10%;}
.pageHeading2{margin-top:160px!important;}
.serviceunit{width:50%;}
.servicelist{width:300px;}
.conticon p{font-size:12px;}
.slides p{font-size:13px;}
.jobdesc{height:auto; padding-bottom:48px;}
.contactbtns{top:10%;}

.social_icons {
    padding: 0 !important;
    position: absolute;
    right: 0;
    top: -56px;
    width: 100%;
}
.footer > span { margin-top: 48px;}
}

@media(max-width:767px){
.footer{ width:100%; /*height:60px;*/ background:#fff; color:#5b5b5b; /*line-height:60px;*/ font-size:13px; text-align:center; font-family: 'Oxygen', sans-serif; font-weight:300; margin-top:10%; float:left; padding-bottom:10px;}
.social_icons{top: -24px;}

.footer > span {
    display: inline-block;
    float: left;
    margin-top: 18px;
    width: 100%;
}	
}

@media (max-width:640px){
/*.team_sl > p{ top: 880px;}*/

}
@media (max-width:480px){
/*	.workarea ul li{
		width:50%;	
	}
	
	.workarea1 ul li{
		width:80%;
		margin-left:10%;	
	}
	
	.thumbArea{
		width:93%;	
	}
	
	.thumbArea .thumbs{
		width:31%;
		
	}
	
	.thumbArea .thumbs img{
		width:100%;
		
	}
	.conticon{
		
		text-shadow: 1px 1px 2px #000000;
	}
	.thumbs{height:58px;}
	.team_sl > p{top:664px;}*/
	
}

@media (max-width:360px){
	
/*	.servicelist{
			width:66%;	
		}*/
	
/*	.conticon{
		width:auto; margin:0px 5px;
		text-shadow: 1px 1px 2px #000000;
	}*/
	
/*	.conticon p{
		font-size:13px;
	}
	
	.slides p{ font-size:14px;}
	.team_sl > p {
    top: 500px;
}*/
}


@media (max-width:320px)
	{
/*		.servicelist{
			width:69%;	
		}
		
		.workarea ul li{
			width:50%;	
		}
	
		.workarea1 ul li{
			width:100%;
			margin-left:0;	
		}
		.clientsarea li{
			width:50%;	
		}*/
		
	/*	.thumbArea{
			height:72px;	
		}*/
		/*.thumbs{
			height:72px;	
		}*/
/*		.conticon{
			width:autopx;	
		}
		.conticon p{
			font-size:13px;	
		}
		.contactbtnholder{ width:97%;}
		.slides p{ font-size:14px;}
		.pageHeading2{margin-top:160px;}
		.team_sl > p{top:438px;}*/
	}
/*.servicelist{
	width:100%;	
}
.serviceunit{
	width:140px;	
}*/



@-webkit-keyframes wink {
    from { background-position: 0px; }
    to { background-position: -945px; }
}

@-moz-keyframes wink {
    from { background-position: 0px; }
    to { background-position: -945px; }
}

@keyframes wink {
    from { background-position: 0px; }
    to { background-position: -945px; }
}

.loader {
	margin-top:300px;
	display:none;
    width: 63px;
	z-index:9999;
    height: 116px;
    background-image:url(../images/Prince-of-Persia.gif);
	margin: 150px auto;
    
    -webkit-animation: wink .8s steps(15, end) infinite;
    -moz-animation: wink .8s steps(15, end) infinite;
    animation: wink .8s steps(15, end) infinite;
	
	-webkit-animation-direction: alternate;
	-moz-animation-direction: alternate;
	animation-direction: alternate;
}

.landingimg2{ width:100%; height:482px; background:url(../images/camp/topbanner.jpg) center no-repeat; background-size:cover; padding-top:170px; margin-top:60px; /*background-attachment:fixed;*/}

.aboutsect2{ width:100%; height:848px; }
.aboutarea2{ width:819px; height:848px; margin:0 auto; }


.aboutImgs2{
	width:100%;
	height:464px;
	position:relative;
	overflow:hidden;
}

.aboutImgs2 img{
	position:absolute;
	bottom:-800px;
	left:303px;
	transition:all 1s;
	-moz-transition:all 1s;
	-webkit-transition:all 1s;
}

.ae-animation-slide img{
	bottom:0;
}

.aboutImgs2 img:first-child{
	left:0px;
}

.aboutImgs2 img:last-child{
	left:606px;
}

.letsbegin2 {
    width: 382px;
    /*height: 58px;*/
    margin: 337px 0px;
   /* border: 2px solid #4c4c4c;*/
    margin-right: 0px;
    /*margin-left: 43px;*/
    margin-top: 15px;
}

.begintxt2 {
font-family: 'Oxygen', sans-serif;
font-weight: 300;
font-size: 34px;
color: #fff;
    margin: 8px 0px 0px 28px;
    cursor: pointer;
}
.begintxt1 {
font-family: 'Oxygen', sans-serif;
font-weight: 300;
font-size: 34px;
color: #fff;
    margin: 8px 0px 0px 78px;
    cursor: pointer;
}

.btnn22 {
  background-color: #04AA6D;
  border: none;
  color: white;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  border-radius: 12px;
}

@media screen and (max-width: 600px) {
  .begintxt2 {
font-family: 'Oxygen', sans-serif;
font-weight: 300;
font-size: 33px;
color: #fff;
    margin: 8px 0px 0px 28px;
    cursor: pointer;
}
.begintxt1 {
font-family: 'Oxygen', sans-serif;
font-weight: 300;
font-size: 33px;
color: #fff;
    margin: 8px 0px 0px 78px;
    cursor: pointer;
}

.btnn22 {
  background-color: #04AA6D;
  border: none;
  color: white;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  border-radius: 12px;
}
}

.btnn {
    background-color: #ECECEC;
    border: none;
    color: #090808;
    padding: 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    margin: 20px 113px;
    border-radius: 3px;
}

.pageH{
 text-align: center;
font-family: 'Oxygen', sans-serif;
font-weight: 300;
font-size: 39px;
color: #4c4c4c;
text-transform: uppercase;
padding: 16px 0px 64px 10px;
}

.pageH .bar2 {
    width: 80px;
    height: 2px;
    background: #000000;
    margin: 0 auto;
}

.wrapper {
  display: flex;
  justify-content: center;
}

.btnSubmit{
    color: #fff;
background-color: black;
padding: 6px 19px 6px 19px;
color: #fff;
padding: 6px 19px 6px 19px;
border-radius: 17px;
background-color: #69d3be;
}
.pClass{
    font-size: small;
margin-top: 15px;
}

.viewmore{
    color: #fff;
background-color: black;
padding: 6px 19px 6px 19px;
color: #fff;
padding: 6px 12px 6px 12px;
border-radius: 7px;
background-color: #69d3be;
text-decoration: none;
font-size: smaller;
}

.submit_button {
background-color: #469b8a;
border: none;
color: white;
padding: 8px 16px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
/*margin: 4px 2px;*/
/*cursor: pointer;*/
border-radius: 7px;
}

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

.container .pageHeading .bar {
    width: 80px;
    height: 2px;
    background: #000000;
    margin: 0 auto;
}

.topestHead{
margin-top: 0px;
font-size: 20px;
text-align: center;
text-decoration: none;
font-style: inherit;
background-color: #000;
color: black;
font-family: 'Oxygen', sans-serif;
text-transform: uppercase;
color: black;
padding: 8px;
font-weight: bolder;
}