body {

	margin: 0;

	background: #fff;

	overflow-x: hidden;

	font-family: 'Raleway', sans-serif;



}

body a {

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

	-moz-transition: 0.5s all;

	-o-transition: 0.5s all;

	-ms-transition: 0.5s all;

	text-decoration: none;

	outline: none;

	font-family: 'Raleway', sans-serif;

	text-decoration:none;

}

h1, h2, h3, h4, h5, h6 {

	margin: 0;

	font-family: 'Raleway', sans-serif;

	

}



ul, label {

	margin: 0;

	padding: 0;

}

.jobmsgdiv ul, .jobmsgdiv label {

	margin: 0;

	padding: 0;

	font-size: 12px;

}

body a:hover {

	text-decoration: none;

}

/*-- banner --*/



.wrapp-mainbody{

	width: 90%;

margin: 0 auto;

max-width: 1600px;}



.wrapp-mainbody-footer{

	width: 90%;

margin: 0 auto;

max-width: 1200px;}





.homeslider{ width:100%;

height:100vh;
}



.banner {

	/* background: url(../images/5pBVTc.gif) no-repeat center 0px;*/

	background-size: cover;

	position: relative;

	position: relative;

	float: left;

	width: 100%;

	height: auto;

}

.video-story {

	width: 100%;

	height: 60vh;

}

.video {

	/*position: fixed;

  top: 50%;

  left: 50%;*/

	z-index: 1;

	/*min-width: 100%;

  min-height: 100%;*/

  min-height: 100vh;/*-webkit-transform: translate(-50%, -50%);

      -ms-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);*/

}

/*-- banner-text --*/





.box-story{ width:100%; height:300px; text-align:center; color:#FF0 ;}





.banner-text {

	width: 100%;

	height: auto;

	position: absolute;

	left: 0;

	top: 50%;

	font-family: 'Raleway', sans-serif;

}



.banner-w3lstext h3 {

	font-size: 68px;

	color: #fff;

	text-align: center;

	text-transform: uppercase;

	font-weight: 100;

}

.banner-w3lstext p {

	font-size: 18px;

	color: #fff;

	text-align: center;

	width: 71%;

	margin: 1em auto;

	font-weight: 300;

	font-family: 'Raleway', sans-serif;

	

}

.banner-inner {

	min-height: 72vh;

	background: url(../images/inro-bg_02.html) no-repeat center 0px;

	background-size: cover;

	position: relative;

	background-attachment: fixed;

}

.makker-image {

	min-height: 72vh;

	/*background: url(../images/SLIDERINNER_03.jpg) no-repeat center 0px;*/

	background-size: cover;

	position: relative;

	background-attachment: fixed;

}





.pro-m-image {

	min-height: 72vh;

	background: url(../images/Productbanner.jpg) no-repeat center 0px;

	background-size: cover;

	position: relative;

	background-attachment: fixed;

}

.blog-m-image {

	min-height: 72vh;

	background: url(../images/bannerblog-m2.jpg) no-repeat center 0px;

	background-size: cover;

	position: relative;

	background-attachment: fixed;

}





.hadder-sign{  

width:100%;

  background-color:#333;

  height:30px;



}





.black{ color:#333;}



.banner-gif {

	min-height: 100vh;

/*	background: url(../images/5pBVTc.gif) no-repeat center 0px;*/

   /*background:url(../images/baaner-main-PNG.png) no-repeat center 0px;*/

	/*background: url(../images/giff-banner.gif) no-repeat center 0px;*/

	background-size: cover;

	position: relative;

	background-attachment: fixed;

	background-color: rgba(0, 0, 0, .8);

}

.banner-black {

	background-color: rgba(0, 0, 0, .8);

	position: relative;

	z-index: 9999;

	overflow: auto;

}

.blog-image {

	min-height: 72vh;

	background: url(../images/Blog-banner.html) no-repeat center 0px;

	background-size: cover;

	position: relative;

	background-attachment: fixed;

}

.theme-image {

	min-height: 72vh;

	background: url(../images/themebanner_02.jpg) no-repeat center 0px;

	background-size: cover;

	position: relative;

	/*background-attachment:fixed;*/

	background-attachment: fixed;

}

.story-inner {

	min-height: 72vh;

	background: url(../images/STORIES-bg_03.jpg) no-repeat center 0px;

	background-size: cover;

	position: relative;

	/*background-attachment:fixed;*/

	background-attachment: fixed;

}





.home-section{

	width:100%;

	min-height: 92vh;

	background: url(../images/new-section.jpg) no-repeat center center ;

	 background-size:cover;


	float:left;
	/*background-attachment:fixed;*/

	background-attachment: fixed;

}







.moda-abou {

	float: right;

	width: 29.2%;

	background: #fff;

	padding: 24px 34px;

	font-family: 'Raleway', sans-serif;

	

	font-size: 13px;

	border-radius: 2px;

	/* height:100vh;*/

	/*height: 92vh;*/

	line-height: 22px;

	position: fixed !important;

	-webkit-position: fixed !important;

	right: calc(50% - 46.5%);

	z-index: 99;

	margin-top: 1.7%;

}

.maker-small {

	width: 246px !important;

	height: 305px !important;

}

.maker-imgtwo {

	width: 504px !important;

	height: 279px !important;

}

.maker-big {

	width: 504px !important;

	height: 596px !important;

}

.moda-abou h3 {

	text-transform: uppercase;

	color: #333;

	font-family: 'Raleway', sans-serif;

	padding: 11px 0px;

}



.moda-abou p {

	

	color: #333;

	

}



.moda-abou h4 {

	text-transform: uppercase;

	color: #000;

	font-family: 'Raleway', sans-serif;

	

}

.moda-abou h6 {

	text-transform: uppercase;

	color: #FFF;

	text-align: center;

	background-color: #000;

	font-family: 'Raleway', sans-serif;

	

	width: 38%;

	position: absolute;

	bottom: 6%;

	left: 32%;

	padding: 9px;

	cursor: pointer;

	font-size: 14px;

	transition: ease-in-out.7s;

	-webkit-transition: ease-in-out.7s;

	-moz-transition: ease-in-out.7s;

	-o-transition: ease-in-out.7s;

	-ms-transition: ease-in-out.7s;

	-s-transition: ease-in-out.7s;

}

.moda-abou h6:hover {

	background-color: #F60;

}

















.modal-dialog .close {

	margin-right: -43px;

	background-color: #FFF;

	padding: 0px 7px 7px 10px;

	border-radius: 5px;

	color: #ef6c23;

	/*   right: -183px;*/

	right: 0px;

	position: fixed;

	top: 0px;

	right: 0px;

	z-index: 999999999;

	display: block;

}

.poup-upimge {

	width: 70%;

	height: auto;

	float: left;

	margin-top: 2%;

}

.poup-upimge img {

	width: 100%;

	display: block;

}







.home-section h2 {

    text-align: center;

    font-size: 60px;

   margin: 38vh 11px 23px;

	color:#FFF;

	

	font-family: 'Raleway', sans-serif;

}



.home-section h4 {

    width: 134px;

    margin: 0 auto;

    background-color:#ee5050;

    text-align: center;

    padding: 12px 20px;

   font-size: 18px;

	color:#FFF;

	cursor:pointer;

	font-family: 'Raleway', sans-serif;

	

}



.home-section h4:hover {

	 background-color:#cc3366;

	}

	

	

	

	

	

	.home-section-2{

	width:100%;

	min-height: 92vh;

	background: url(../images/new-section-2.jpg) no-repeat center 0px;

	background-size: cover;

	float:left;

	/*background-attachment:fixed;*/

	background-attachment: fixed;

}







.home-section-2 h2 {

    text-align: center;

    font-size: 60px;

   margin: 38vh 11px 23px;

	color:#FFF;

	font-family: 'Raleway', sans-serif;

}



.home-section-2 h4 {

    width: 134px;

    margin: 0 auto;

    background-color:#ee5050;

    text-align: center;

    padding: 12px 20px;

    font-size: 18px;

	color:#FFF;

	cursor:pointer;

	

	font-family: 'Raleway', sans-serif;

}



.home-section-2 h4:hover {

	 background-color:#cc3366;

	}

	

	

	

	

.product-div{

	width:100%;

	float:left;

	/*background-color:#666;*/

	margin-bottom:100px;

	/*color:#bf3561;*/

	

	}

	

	.product-div h2 {

    text-align: center;

    text-transform: uppercase;

    margin: 80px 0px 0px;

    font-size: 48px;

	font-family: 'Raleway', sans-serif;

}



.product-div p{

	text-align: center;

padding: 31px 120px 40px 120px;

color:#000;

	

	font-size: 14px;

line-height: 23px;

	}

	

	

	







.story-1 {

	position: relative !important;

	top: -131px;

	left: 132px;

	box-sizing: border-box;

}

.story-2 {

	position: relative !important;

	top: 0px;

	left: 132px;

	box-sizing: border-box;

}





.story-3 {

	position: relative !important;

	top: 132px;

	left: 2px;

	box-sizing: border-box;

}

.story-4 {

	position: relative !important;

	top: 0px;

	left: -262px;

	box-sizing: border-box;

}

.story-5 {

	position: relative !important;

	top: -262px;

	left: -262px;

	box-sizing: border-box;

}

.story-6 {

	position: relative !important;

	top: -393px;

	left: 0px;

	box-sizing: border-box;

}

.story-7 {

	position: relative !important;

	top: -262px;

	left: -132px;

	box-sizing: border-box;

}

.blog-inner-inner {

	min-height: 70vh;

	background: url(../images/banner-inner.html) no-repeat center 0px;

	background-size: cover;

	position: relative;

	/*background-attachment:fixed;*/

	background-attachment: fixed;

}

.find-inner {

	min-height: 72vh;

	background: url(../images/FIND-US-bg_02.html) no-repeat center 0px;

	background-size: cover;

	position: relative;

	/*background-attachment:fixed;*/

	background-attachment: fixed;

}

.job-inner {

	min-height: 72vh;

	background: url(../images/JOBS-BG_02.jpg) no-repeat center 0px;

	background-size: cover;

	position: relative;

	/*background-attachment:fixed;*/

	background-attachment: fixed;

}



.con-inner {

	min-height: 72vh;

	background:url(../images/CONT.jpg) no-repeat center 0px;

	background-size: cover;

	position: relative;

	/*background-attachment:fixed;*/

	background-attachment: fixed;

}





.mamujee-con{

	

width:100%;

 float:left;

 margin-top:100px;	

	}

	

	.adders-divm{

		width:100%;

background-color:#81007f;

float:left;

background-image:url(../images/SLIDERINNER_03.jpg);

background-attachment:fixed;



	

		}

		

		.adders-divm h2{

		margin: 135px 0px 28px 0px;	

		color:#FFF;

		

			

			}

			

			

			.adders-divm h3{

		margin: 39px 60px 35px 25px;

		font-size:16px;

		color:#FFF;

		line-height: 24px;

			

			}

			

			.adders-divm h5{

		margin: 13px 0px 10px 36px;

		font-size:16px;

		color:#FFF;

			

			}

			

			.adders-divm h6{

		margin: 13px 0px 140px 36px;

		font-size:16px;

		color:#FFF;

			

			}





.blog-image h4 {

	font-size: 40px;

	color: #fff;

	float: left;

	text-transform: uppercase;

	padding: 12% 10% 10%;

	text-align: center;

	font-family: 'Raleway', sans-serif;

}

.blogcont {

	width: 90%;

	margin: 0 auto;

	height: auto;

	padding: 2%;

	font-family: 'Raleway', sans-serif;

}

.blogcont h3 {

	/*padding: 5% 0% 3%;*/

	padding: 12% 5% 0%;

	font-weight: 400;

	color: #333333;

	font-family: 'Raleway', sans-serif;

	text-transform: uppercase;

	font-size: 22px;

	font-weight: bold;

}

.blogcont h2 {

	font-family: 'Raleway', sans-serif;

	text-align: center;

	font-size: 68px;

	text-transform: uppercase;

	line-height: 60px;

	color: #000;

	font-weight: 200;

}



.fillter-s1{ width: 100%;

height: 556px;}





.fillter-s2{ width:50%;

height: 180px;}



.fillter-s3{ width:50%;

height: 368px;

}



.fitter-margin-top{ margin-top:5px;}





.colur-rose{ color:#cc3366; font-weight:bold;}

.colur-rose:hover{ color:#FFF;}



.smallblog-hadd {

	font-size: 46px;

}

.blogcont h5 {

	color: #000;

	font-size: 14px;

	padding: 2% 0% 2%;

	font-family: 'Raleway', sans-serif;

	width: 80%;

	margin: 0 auto;

	text-align: center;

	font-weight: 300;

line-height: 20px;

}

.blogcont h4 {

	float: right;

	background-color: #000;

	font-family: 'Raleway', sans-serif;

	text-align: center;

	padding: 11px 33px;

	color: #fff;

	font-weight: bold;

	border-radius: 8px;

	font-size: 12px;

	text-transform: uppercase;

	cursor: pointer;

	transition: ease-in-out.4s;

	-webkit-transition: ease-in-out.4s;

	-moz-transition: ease-in-out.4s;

	-o-transition: ease-in-out.4s;

	-ms-transition: ease-in-out.4s;

	-s-transition: ease-in-out.4s;

}

.blogcont h4:hover {

	background-color: #0ac775;

}

.blogcont h6 {

	font-family: 'Raleway', sans-serif;

	

	font-size: 12px;

	float: right;

	background-color: #F60;

	margin-right: 1%;

	text-align: center;

	padding: 11px 33px;

	color: #fff;

	font-weight: bold;

	border-radius: 8px;

	cursor: pointer;

	text-transform: uppercase;

	transition: ease-in-out.4s;

	-webkit-transition: ease-in-out.4s;

	-moz-transition: ease-in-out.4s;

	-o-transition: ease-in-out.4s;

	-ms-transition: ease-in-out.4s;

	-s-transition: ease-in-out.4s;

}

.blogcont h6:hover {

	background-color: #0ac775;

}

.blogcont p {

	font-family: 'Raleway', sans-serif;

	padding: 3% 3% 0% 5%;

	color: #000;

line-height: 20px;

}

/*

.banner-inner-text {

    margin-top: 10em;

}*/



.banner-inner-text-inner {

	position: absolute;

	top: 35%;

	width: 100%;

}

.banner-inner-w3lstext h3 {

	font-family: 'Raleway', sans-serif;

	font-size: 68px;

	color: #fff;

	text-align: center;

	text-transform: uppercase;

	font-weight: 100;

}

.banner-inner-w3lstext p {

	font-family: 'Raleway', sans-serif;

	font-size: 18px;

	color: #fff;

	text-align: center;

	width: 62%;

	margin: 1em auto;

	font-weight: 300;

}





.hadder-new {

	width: 100%;

	height: auto;

	position: absolute;

	left: 0;

	top: 0;

	z-index: 999;

	/*background: rgba(0, 0, 0, .8);*/

	

	

	/*margin-top:2px;*/

	/*position:fixed;*/

    

}

.hadder-new.sticky {

	width: 100%;

	height: 60px;

	background: rgba(191,53,97,0.50);

	/*background: rgba(45,47,147,0.7);*/

	position: fixed;

	z-index: 99999;

	top: 0;

	background-image:url(../images/logo-stikky.png);

	background-repeat:no-repeat;

	cursor:pointer;

	

}





.hadder-new.sticky .logo-capio img {

	width: 105px;

	float: left;

	transition: all .9s ease-in; 

	

	

}

.hadder-new.sticky .button {

	top:6px;

	transition: all .9s ease-in;

}



.hadder-new.sticky .logo-capio {  display:none;}



.maketest {

	width: 100%;

	height: auto;

	padding: 5%;

	float: left;

	background-color: #000;

}

.div-left {

	border-left: 1px solid #FFF;

	text-align: left !important;

	padding: 0px 12px;

	margin: 29% 28% !important;

	line-height: 25px;

}

.logo-capio {

	width:266px;

	float: left;

	height: 89px;

	padding: 7px 15px;

	box-sizing: border-box;

	background-image:url(../images/logo-capio_03.png);

	

}

.storydiv {

	width: 100%;

	height: auto;

	float: left;

	background: #fff;

	padding: 50px 0px;

	box-sizing: border-box;

}

.filter-div {

	width: 100%;

	height: auto;

	float: left;

	/*height: 589px;*/

    /*padding:50px 0px;*/

	box-sizing: border-box;

	margin-top: 10px;

}

.storydiv h2 {

	font-family: 'Raleway', sans-serif;

	text-align: center;

	font-size: 68px;

	text-transform: uppercase;

	line-height: 60px;

	color: #000;

	font-weight: 100;

}

.storydiv p {

	font-family: 'Raleway', sans-serif;

	width: 52%;

	text-align: center;

	margin: 0 auto;

	/*text-transform: uppercase;*/

	padding: 20px 0px 22px;

	color: #000;

	font-size: 16px;

	font-weight: 300;

}

.storydiv h3 {

	font-family: 'Raleway', sans-serif;

	width: 9%;

	min-height: 40px;

	margin: 0px auto;

	text-align: center;

	border: 1px solid #333;

	padding: 15px 0px 15px;

	color: #000;

	padding: 10px 0px 0px;

	font-weight: 300;

	font-size: 16px;

	/* -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    box-shadow: 0 0 1px transparent;

    -webkit-transition-property: color;

    transition-property: color;

    -webkit-transition-duration: 0.5s;

    transition-duration: 0.5s;*/

	

	transition: ease-in-out.4s;

	-webkit-transition: ease-in-out.4s;

	-moz-transition: ease-in-out.4s;

	-o-transition: ease-in-out.4s;

	-ms-transition: ease-in-out.4s;

	-s-transition: ease-in-out.4s;

}

.storydiv h3:hover {

	border: 1px solid #F60;

}















.work-div {

	width: 100%;

	height: auto;

	float: left;

	padding: 10px 0px;

	box-sizing: border-box;

	background-color: #333333;

	/*margin-bottom: 5%;*/

	padding: 5%;

}

.work-div h2 {

	font-family: 'Raleway', sans-serif;

	text-align: center;

	font-size: 58px;

	font-height: 58px;

	text-transform: uppercase;

	color: #FFF;

	margin: 0% 0% 0%;

	font-weight: 100;

}

.work-div p {

font-family: 'Raleway', sans-serif;

	width: 50%;

	text-align: center;

	margin: 0 auto;

	/* text-transform: uppercase;*/

	padding: 1% 0% 0%;

	color: #FFF;

	font-size: 16px;

	font-weight: 300;

}

.home-clint {

	width: 100%;

	height: auto;

	float: left;

	margin: 2% 0% 0%;

	padding: 4%;

	background-color: #333333 !important;

}

.home-clint h2 {

	font-family: 'Raleway', sans-serif;

	text-align: center;

	font-size: 58px;

	font-height: 58px;

	text-transform: uppercase;

	color: #FFF;

	font-weight: 100;

}

.home-clint p {

font-family: 'Raleway', sans-serif;

	width: 50%;

	text-align: center;

	margin: 0 auto;

	padding: 1% 0% 0%;

	color: #FFF;

	font-size: 16px;

	font-weight: 300;

}

.box-work {

	width: 100%;

	min-height: 341px;

	margin: 0 auto;

	background-color: #000;

}

.project {

	width: 100%;

	height: auto;

	float: left;

	/*margin: 0% 0% 4%;*/

	background-color: #fff;

}

.project h3 {

	width: 134px;

margin: 0 auto;

background-color: #ee5050;

text-align: center;

padding: 12px 20px;

font-size: 18px;

color: #FFF;

cursor: pointer;

font-family: 'Raleway', sans-serif;

	

	margin-bottom: 5%;

	/* -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    box-shadow: 0 0 1px transparent;

    -webkit-transition-property: color;

    transition-property: color;

    -webkit-transition-duration: 0.5s;

    transition-duration: 0.5s;*/

	

	transition: ease-in-out.4s;

	-webkit-transition: ease-in-out.4s;

	-moz-transition: ease-in-out.4s;

	-o-transition: ease-in-out.4s;

	-ms-transition: ease-in-out.4s;

	-s-transition: ease-in-out.4s;

}



.project h3:hover {

	background-color:#bf3561;

}

.pageli {

	color: #bf3561;

}

.project h2 {

	font-family: 'Raleway', sans-serif;

	text-align: center;

	padding: 5% 0% 0%;

	font-size: 60px;

	text-transform: uppercase;

	color: #000;

	font-weight: 300;

}

.project h5 {

font-family: 'Raleway', sans-serif;

	text-align: center;

	padding: 0% 0% 2%;

	font-size: 16px;

	color: #000;

	

}



.project p {

    text-align: center;

    padding: 31px 120px 40px 120px;

	font-size: 14px;

line-height: 23px;

}

	

	

.home-fill {

	width: 100%;

	height: auto;

	float: left;

	

}







.misiondiv{

	width:100%;

	height:auto;

	float:left;

	 background-color:#FFF;

	

	}

	

	.misiondiv h3{

		color: #000;

text-transform: uppercase;

margin: 134px 0px 10px 50px;

font-size: 40px;

font-weight: bold;

font-family: 'Raleway', sans-serif;

/*text-decoration: underline;*/

/*text-decoration-color: #ee5050;*/

		}

		

		.misiondiv h4{

		color: #fff;

text-transform: uppercase;

margin: 29px 0px 10px 50px;

font-size: 18px;

/*font-weight: bold;*/

background-color: #ee5050;

width: 100px;

padding: 8px;

text-align: center;

cursor:pointer;

font-family: 'Raleway', sans-serif;



		}

		

		.misiondiv h4:hover{

			background-color:#bf3561;

			

			}

		

		

		.misiondiv p {

    color: #000;

    padding: 10px;

    margin: 0px 54px 0px 40px;

	font-size: 14px;

line-height: 23px;

}





.video-div{

	

	width:100%;

	height:auto;

	float:left;

	

	}

	

.video-div h3 {

	

	color: #000;

text-transform: uppercase;

margin: 94px 0px 10px 50px;

font-size: 40px;



font-family: 'Raleway', sans-serif;



	}	

	

	.video-div h4 {

   color: #000;

/*text-transform: uppercase;*/

margin: 20px 0px 0px 53px;

font-size: 14px;

padding: 9px 80px 0px 0px;

line-height: 23px;

    

}

	

	

	

	

	.video-div h2{

		

		text-align: center;

text-transform: uppercase;

margin: 80px 0px 0px;

font-size: 48px;

font-family: 'Raleway', sans-serif;

		}

		

		.video-div p{

			/*text-align: center;*/

/*padding: 31px 120px 40px 120px;*/
padding: 32px 152px 40px 50px;

color: #000;

font-size: 14px;

line-height: 23px;

			}

			

			.video-div h5{

				color: #fff;

text-transform: uppercase;

margin: 29px 0px 10px 50px;

font-size: 16px;

/*font-weight: bold;*/

background-color: #ee5050;

width: 100px;

padding: 8px;

text-align: center;

cursor: pointer;

				

				}

				

				

				.video-div h5:hover{

					background-color: #bf3561;

					

					}

			

			

			#videosList {

/* max-width: 600px;*/ 

  overflow: hidden;

}



.video-demo {

 

 /* height: 330px;*/

  width: 100%;

/*  margin-bottom: 50px;*/

}



/* Hide Play button + controls on iOS */

video-demo::-webkit-media-controls {

    display:none !important;

}







.div-linefooter{

	width:100%;

	height:1px;

	float:left;

	background-color:#CCC;

	margin-top:5px;

	}







.footer {

	width: 100%;

	padding: 59px 10px 0px;

	background-color: #fafafa;

	float: left;

}

.footerbox {

	width: 100%;

	padding: 0 40px;

box-sizing: border-box;

	float: left;

}

.footerbox h3 {

font-family: 'Raleway', sans-serif;

padding: 0px 0 34px;

	font-size: 34px;

	text-transform: uppercase;

	color: #000;

	font-weight:bold;

	box-sizing:border-box;

}

.footerbox p {

	font-family: 'Raleway', sans-serif;

	font-size: 14px;

padding: 0px 0px 0px 0px;

	color: #000;

	/*font-weight: 300;*/

	line-height: 20px;

        text-align: justify;

}

.footerbox-two {

	width: 100%;

	

	float: left;

	

}

.footerbox-two h3 {

	font-family: 'Raleway', sans-serif;

padding: 0px 0 13px;

	/*padding: 46px 0px 0px 73px;*/

	font-size: 34px;

	text-transform: uppercase;

	color: #fff;

	font-weight: 100;

}

.footerbox h4 {

	font-family: 'Raleway', sans-serif;

	font-size:18px;

	color: #fff;

	border: 1px solid #fff;

	padding:4px 20px; margin-top:20px;

	transition: ease-in-out.7s;

	-webkit-transition: ease-in-out.7s;

	-moz-transition: ease-in-out.7s;

	-o-transition: ease-in-out.7s;

	-ms-transition: ease-in-out.7s;

	-s-transition: ease-in-out.7s;

}





.footerbox h4:hover {

	border: 1px solid #F60;

}

.footerbox a{ display:inline-block; float:left;}

.footerbox-two p {

	font-family: 'Raleway', sans-serif;

	font-size: 14px;

	/*padding: 25px 98px 13px 73px;*/

	color: #EAEAEA;

	font-weight: 200;

}

.footerbox-three {

	width: 100%;

	

	float: left;

}

.footerbox-three h3 {

	font-family: 'Raleway', sans-serif;

	

	/*padding: 46px 0px 0px 73px;*/

	font-size: 34px;

	text-transform: uppercase;

	color: #fff;

	font-weight: 100;

}

.textjs {

	width: 100%;

	height: auto;

	float: left;

}

.footerbox-four {

	width: 100%;

	

	float: left;

}

.footerbox-four h3 {

	font-family: 'Raleway', sans-serif;

	/*padding: 46px 0px 0px 73px;*/

	padding: 0px 0px 0px 67px;

	font-size: 34px;

	text-transform: uppercase;

	color: #000;

	font-weight:bold;

}

.footerbox li {

	font-family: 'Raleway', sans-serif;

	font-size:18px;

	text-align: left;

	line-height: 35px;

	list-style: outside none none;

	border-bottom: 1px solid #4C4C4C;

	/* color: rgb(134, 134, 134);*/

	color: #EAEAEA;

	

	/*margin: 5px 61px 11px 69px;*/

	text-transform: uppercase;

	transition: ease-in-out.4s;

	-webkit-transition: ease-in-out.4s;

	-moz-transition: ease-in-out.4s;

	-o-transition: ease-in-out.4s;

	-ms-transition: ease-in-out.4s;

	-s-transition: ease-in-out.4s;

	font-weight: 500;

}



.footerbox li:hover {

	color: #F60;

	border-bottom: 1px solid #FF6600;

}







.footerbox-four li a{ color:#000;}



.footerbox-four li {

	font-family: 'Raleway', sans-serif;

	font-size:18px;

	text-align: left;

	line-height: 26px;

	list-style: outside none none;

	border-top: 1px solid #ccc;

	padding: 5px 0px 0px;

	/* color: rgb(134, 134, 134);*/

	color: #FFFFFF;

	margin: 5px 0px 0px 100px;

	text-transform: uppercase;

	transition: ease-in-out.4s;

	-webkit-transition: ease-in-out.4s;

	-moz-transition: ease-in-out.4s;

	-o-transition: ease-in-out.4s;

	-ms-transition: ease-in-out.4s;

	-s-transition: ease-in-out.4s;

	/*font-weight: 600;*/

	width: 200px;

}



.footerbox-four li:hover {

	color: #F60;

	/*border-top: 1px solid #FF6600;*/

}



.footerbox-four li a:hover{ color:#bf3561;}















@media (max-width: 1024px)  {
	.navbar {
		display: none;
	}
}

.copyfoot img {

	width: 2%;

}

.text-bold {

	font-weight: bold;

	

}

.text-small {

	font-family: 'Raleway', sans-serif;

	font-size: 56px;

	/*color: #000;*/

	

}

.them-story {

	width: 100%;

	float: left;

	background-color: #333333;

}

.them-story h2 {

	font-family: 'Raleway', sans-serif;

	text-align: center;

	padding: 73px 0px 0px;

	font-size: 56px;

	text-transform: uppercase;

	line-height: 60px;

	color: #fff;

}

.them-story p {

font-family: 'Raleway', sans-serif;

	width: 54%;

	text-align: center;

	margin: 0 auto;

	/*text-transform: uppercase;*/

	padding: 20px 15px 80px;

	color: #FFFFFF;

	font-size: 16px;

	font-weight: 300;

}

.product-listtext h2 {

    padding: 70px 0px 0px 32px;

    font-size: 36px;

    text-transform: uppercase;

    font-weight: 200;

}

.them-story h3 {

font-family: 'Raleway', sans-serif;

	width: 11%;

	min-height: 40px;

	margin: 0px auto !important;

	text-align: center;

	border: 1px solid #F60;

	padding: 15px 0px 15px;

	color: #fff;

	vertical-align: middle;

	-webkit-transform: perspective(1px) translateZ(0);

	transform: perspective(1px) translateZ(0);

	box-shadow: 0 0 1px transparent;

	position: relative;

	-webkit-transition-property: color;

	transition-property: color;

	-webkit-transition-duration: 0.5s;

	transition-duration: 0.5s;

}

.them-story h3:before {

	content: "";

	position: absolute;

	z-index: -1;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background: #FF6600;

	-webkit-transform: scaleX(0);

	transform: scaleX(0);

	-webkit-transform-origin: 0 50%;

	transform-origin: 0 50%;

	-webkit-transition-property: transform;

	transition-property: transform;

	-webkit-transition-duration: 0.5s;

	transition-duration: 0.5s;

	-webkit-transition-timing-function: ease-out;

	transition-timing-function: ease-out;

}

.them-story h3:hover, .them-story h3:focus, .them-story h3:active {

	color: white;

}

.them-story h3:hover:before, .them-story h3:focus:before, .them-story h3:active:before {

	-webkit-transform: scaleX(1);

	transform: scaleX(1);

	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);

	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);

}

.them-story h3 a {

	text-decoration: none;

}

.product-listtext {

	width: 100%;/* min-height: 550px;*/

}

 font-family: font-family: 'Raleway', sans-serif;;

.product-listtext h2 {

	padding: 106px 0px 30px 68px;

	font-size: 36px;

	text-transform: uppercase;

}

.product-listtext p {

   font-family: 'Raleway', sans-serif;

    line-height: 22px;

    padding: 13px 10px 17px 34px;

    color: #000;

    font-weight: 300;

}

.product-listtext h6 {

   font-family: 'Raleway', sans-serif;

   padding: 7px 0px 15px 35px;

    font-size: 12px;

    color: #F60;

    font-weight: 600;

}

.product-listtext h3 {

	font-family: 'Raleway', sans-serif;

	padding: 0px 0px 0px 37px;

	font-size: 30px;

	text-transform: uppercase;

	border-left: 1px solid #000;

	margin: 11px 37px 0px;

	color: #000;

	font-weight: 100;

	transition: ease-in-out.4s;

	-webkit-transition: ease-in-out.4s;

	-moz-transition: ease-in-out.4s;

	-o-transition: ease-in-out.4s;

	-ms-transition: ease-in-out.4s;

	-s-transition: ease-in-out.4s;

}

.product-listtext h3:hover {

	border-left: 1px solid #F60;

	color:#F60;

}

.start-div {

	width: 100%;

	background-color: #000;

	float: left;

}

.start-div h2 {

	font-family: 'Raleway', sans-serif;

	color: #FFF;

	text-align: center;

	padding: 90px 0px 5px 0px;

	font-size: 44px;

	font-weight: 100;

}

.start-div p {

	font-family: 'Raleway', sans-serif;

	color: #FFF;

	text-align: center;

	padding: 0px 0px 40px 13px;

	font-size: 16px;

	font-weight: 300;

}

.start-div h3 {

	font-family: 'Raleway', sans-serif;

	width: 11%;

	min-height: 40px;

	margin: 0px auto;

	text-align: center;

	border: 1px solid #FFF;

	text-transform: uppercase;

	padding: 10px 0px 0px;

	color: #FFF;

	cursor: pointer;

	/* -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    box-shadow: 0 0 1px transparent;

    -webkit-transition-property: color;

    transition-property: color;

    -webkit-transition-duration: 0.5s;

    transition-duration: 0.5s;*/

	margin-bottom: 80px;

	font-weight: 300;

	font-size: 16px;

	transition: ease-in-out.7s;

	-webkit-transition: ease-in-out.7s;

	-moz-transition: ease-in-out.7s;

	-o-transition: ease-in-out.7s;

	-ms-transition: ease-in-out.7s;

	-s-transition: ease-in-out.7s;

}

/*.start-div h3:before {

    content: "";

    position: absolute;

    z-index: -1;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #F60;

    -webkit-transform: scaleX(0);

    transform: scaleX(0);

    -webkit-transform-origin: 0 50%;

    transform-origin: 0 50%;

    -webkit-transition-property: transform;

    transition-property: transform;

    -webkit-transition-duration: 0.5s;

    transition-duration: 0.5s;

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out;

}



.start-div h3:hover,

.start-div h3:focus,

.start-div h3:active {

    color: white;

}



.start-div h3:hover:before,

.start-div h3:focus:before,

.start-div h3:active:before {

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);

    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);

}

*/



.start-div h3:hover {

	border: 1px solid #F60;

}

.meet-div {

	width: 100%;

	background-color: #333333;

	float: left;

	padding: 12px 0px 46px 9px;

}

.meet-div h5 {

font-family: 'Raleway', sans-serif;

	width: 14%;

	min-height: 40px;

	margin: 0px auto;

	text-align: center;

	border: 1px solid #FFF;

	text-transform: uppercase;

	padding: 10px 0px 0px;

	color: #FFF;

	/* -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    box-shadow: 0 0 1px transparent;

    -webkit-transition-property: color;

    transition-property: color;

    -webkit-transition-duration: 0.5s;

    transition-duration: 0.5s;*/

    

	font-size: 16px;

	font-weight: 300;

	transition: ease-in-out.7s;

	-webkit-transition: ease-in-out.7s;

	-moz-transition: ease-in-out.7s;

	-o-transition: ease-in-out.7s;

	-ms-transition: ease-in-out.7s;

	-s-transition: ease-in-out.7s;

}

.meet-div h5:hover {

	border: 1px solid #F60;

}

.meet-div h2 {

	font-family: 'Raleway', sans-serif;

	color: #FFF;

	text-align: center;

	padding: 44px 0px 12px 13px;

	font-size: 44px;

	text-transform: uppercase;

	font-weight: 100;

}

.meet-div p {

	font-family: 'Raleway', sans-serif;

	color: #FFF;

	text-align: center;

	padding: 5px 0px 26px 13px;

	font-size: 16px;

	font-weight: 300;/* text-transform: uppercase;*/

}

.theme-box {

	width: 100%;

	min-height: 444px;

	border-right: 1px solid #000;

	transition: ease-in-out.7s;

	-webkit-transition: ease-in-out.7s;

	-moz-transition: ease-in-out.7s;

	-o-transition: ease-in-out.7s;

	-ms-transition: ease-in-out.7s;

	-s-transition: ease-in-out.7s;

}

.theme-boxicon {

	width: 100%;

	height: auto;

	/*padding: 94px 12px 2px 165px;*/

	padding: 25% 8% 7% 45%;

}

.theme-boxicon-img {

	width: 58px;

	height: 58px;

	background-color: #F2F2F2;

	border-radius: 50%;

}

.theme-boxicon-img img {

	padding: 13px;

}

.theme-box h3 {

	font-family: 'Raleway', sans-serif;

	text-align: center;

	text-transform: uppercase;

	padding: 6px 0px 17px 0px;

	font-weight: 100;

	font-size: 32px;

}

.theme-box h5 {

font-family: 'Raleway', sans-serif;

	

	text-align: center ;

	line-height: 22px;

	padding: 9px 18px 0px 15px;

	text-align: center;

	font-weight: 300;

}

.theme-box h6 {

 font-family: 'Raleway', sans-serif;

	text-align: left;

	padding: 11px 42px 26px 54px;

	font-size: 14px;

}

.icon-theme {

	width: 42px;

	height: 46px;

	float: left;

	background-image: url(../images/iconbox_theme-two.png);

	position: relative;

	left: 19%;

}

.theme-box:hover {

	background-color: #000;

	border-right: 1px solid #000;

	color: #FFF;

 

}









.theme-box-two {

	width: 100%;

	min-height: 444px;

	border-right: 1px solid #000;

	transition: ease-in-out.7s;

	-webkit-transition: ease-in-out.7s;

	-moz-transition: ease-in-out.7s;

	-o-transition: ease-in-out.7s;

	-ms-transition: ease-in-out.7s;

	-s-transition: ease-in-out.7s;

}

.theme-boxicon-two {

	width: 100%;

	height: auto;

	/*padding: 94px 12px 2px 165px;*/

	padding: 25% 8% 7% 45%;

	text-align: center;

}

.theme-boxicon-img-two {

	width: 58px;

	height: 58px;

	background-color: #F2F2F2;

	border-radius: 50%;

}

.theme-boxicon-two img {

	padding: 13px;

}

.theme-box-two h3 {

	font-family: 'Raleway', sans-serif;

	text-align: center;

	text-transform: uppercase;

	padding: 6px 0px 17px 0px;

	font-weight: 100;

	font-size: 32px;

}

.theme-box-two h5 {

	font-family: 'Raleway', sans-serif;

	

	text-align: center;

	line-height: 22px;

	padding: 9px 18px 0px 15px;

	

	font-weight: 300;

}

.theme-box-two h6 {

font-family: 'Raleway', sans-serif;

	text-align: left;

	padding: 11px 42px 26px 54px;

	font-size: 14px;

}

.icon-theme-two {

	width: 42px;

	height: 46px;

	float: left;

	background-image: url(../images/iconbox_theme-two.png);

	position: relative;

	left: 16%;

}

.theme-box-two:hover {

	background-color: #000;

	border-right: 1px solid #000;

	color: #FFF;



}

.theme-box-three {

	width: 100%;

	min-height: 444px;

	border-right: 1px solid #000;

	transition: ease-in-out.7s;

	-webkit-transition: ease-in-out.7s;

	-moz-transition: ease-in-out.7s;

	-o-transition: ease-in-out.7s;

	-ms-transition: ease-in-out.7s;

	-s-transition: ease-in-out.7s;

}

.theme-boxicon-three {

	width: 100%;

	height: auto;

	/*padding: 94px 12px 2px 165px;*/

	padding: 25% 8% 7% 45%;

}

.theme-boxicon-img-three {

	width: 58px;

	height: 58px;

	background-color: #F2F2F2;

	border-radius: 50%;

}

.theme-boxicon-three img {

	padding: 13px;

}

.theme-box-three h3 {

	font-family: 'Raleway', sans-serif;

	text-align: center;

	text-transform: uppercase;

	padding: 6px 0px 17px 0px;

	font-weight: 100;

	font-size: 32px;

}

.theme-box-three h5 {

	font-family: 'Raleway', sans-serif;

	

	text-align: center;

	line-height: 22px;

	padding: 9px 18px 0px 15px;

	

	font-weight: 300;

}

.theme-box-three h6 {

	font-family: 'Raleway', sans-serif;

	

	text-align: left;

	padding: 11px 42px 26px 54px;

	font-size: 14px;

}

.icon-theme-three {

	width: 42px;

	height: 46px;

	float: left;

	background-image: url(../images/iconbox_theme-two.png);

	position: relative;

	left: 18%;

}

.theme-box-three:hover {

	background-color: #000;

	border-right: 1px solid #000;

	color: #FFF;

 

}

.theme-box-four {

	width: 100%;

	min-height: 444px;

	transition: ease-in-out.7s;

	-webkit-transition: ease-in-out.7s;

	-moz-transition: ease-in-out.7s;

	-o-transition: ease-in-out.7s;

	-ms-transition: ease-in-out.7s;

	-s-transition: ease-in-out.7s;

}

.theme-box-four h6 {

	font-family: 'Raleway', sans-serif;

	

	text-align: left;

	padding: 25% 8% 7% 15%;

	font-size: 14px;

	line-height:22px;

	

	font-weight: 300;

}

.theme-box-four:hover {

	background-color: #000;

	color: #FFF;

 background-color:;

}

.theme-box-four h5 {

	font-family: 'Raleway', sans-serif;

	padding: 7px 4px 5px 17px;

	font-size: 18px;

	text-transform: uppercase;

	border: 1px solid #333;

	margin: 1% 45% 0% 15%;

	color: #777;

}

.theme-box-four h5:hover {

	color: #CCC;

	border: 1px solid #F60;

}

.join-story {

	width: 100%;

	float: left;

	background-color: #FFFFFF;

}



.footer-s{ font-size:24px !important; color:#000;}

.footer-s:hover{ color:#bf3561 !important;}





.join-story h2 {

	font-family: 'Raleway', sans-serif;

	text-align: center;

	padding: 73px 0px 0px;

	font-size: 56px;

	text-transform: uppercase;

	line-height: 60px;

	color: #000;

}

.join-story p {

	font-family: 'Raleway', sans-serif;

	line-height: 22px;

	width: 60%;

	text-align: center;

	margin: 0 auto;

	/*text-transform: uppercase;*/

	padding: 30px 0px 31px;

	color: #000;

	font-size: 14px;

	

}



.filtter-div{

	width:100%;

	float:left;



	

	}



.jobmsgdiv {

	width: 60%;

	margin: 0 auto;

	border: none;

}

.div-dotted {

	width: 20%;

	height: 1G1907px;

	background-color: #CCC;

	margin: 0 auto;

	margin-bottom: 2%;

}

.jobmsg-text {

	width: 98%;

	height: 60px;

	float: left;

	border: none;

	margin: 10px 0px 10px -18px;

	box-shadow: 0px 1px 0px #B7B7B7;

	font-size: 15px;

	color: #5c5c5c;

}

.jobmsg-text-two label, input {

	color: #333;

	font: 14px/20px Arial;

}

.jobmsg-text-two h2 {

	font-family: 'Raleway', sans-serif;

	font-size: 16px;

	font-weight: bold;

	text-transform: uppercase;

	margin: 0 0 1em;

}

.jobmsg-text-two label {

	display: inline-block;

	width: 5em;

	padding: 0 1em;

	text-align: right;

}





/* Hide the file input using

opacity */



[type=file] {

 position: absolute;

 filter: alpha(opacity=0);

 opacity: 0;

}

 .jobmsg-text-two input, [type=file] + label {

 border-bottom: 1px solid #BABABA;

 font-size: 14px;

 padding: 12px 0px 0px 4px;

 width: 98%;

 float: left;

 position: relative;

 height: 60px;

 margin: 10px 0px 10px -18px;

 text-transform: uppercase;

 font-family: 'Raleway', sans-serif;

 color: #8E8E8E;

}

.jobmsg-text [type=file] + label {

	text-align: center;

	left: 7.35em;

	top: 0.5em;

	/* Decorative */

	background: #333;

	color: #fff;

	border: none;

	cursor: pointer;

	font-family: 'Raleway', sans-serif;

}

.job-msg {

	font-family: 'Raleway', sans-serif;

	width: 100%;

	height: 210px;

	float: left;

	resize: none;

	border: 1px solid #ccc;

	margin: 30px 10px 20px 0px;

	padding: 22px 13px;

	color: #5c5c5c;

	font-size: 15px;

}

.jobmsg {

	margin-top: 10px;

}

.jobmeet-div {

	width: 100%;

	background-color: #333333;

	margin: 8% 0px 0px 0px;

	float: left;

}

.jobmeet-div h2 {

	font-family: 'Raleway', sans-serif;

	color: #FFF;

	text-align: center;

	padding: 44px 0px 12px 13px;

	font-size: 44px;

	text-transform: uppercase;

	font-weight: 100;

}

.jobmeet-div p {

	font-family: 'Raleway', sans-serif;

	color: #FFF;

	text-align: center;

	padding: 10px 0px 46px 13px;

	/*text-transform: uppercase;*/

	width: 70%;

	margin: 0 auto;

	font-size: 16px;

	font-weight: 300;

}

.jobmeet-div h3 {

	font-family: 'Raleway', sans-serif;

	width: 13%;

	min-height: 40px;

	margin: 0px auto;

	text-align: center;

	border: 1px solid #FFF;

	text-transform: uppercase;

	padding: 10px 0px 0px;

	color: #FFF;

	transition: ease-in-out.7s;

	-webkit-transition: ease-in-out.7s;

	-moz-transition: ease-in-out.7s;

	-o-transition: ease-in-out.7s;

	-ms-transition: ease-in-out.7s;

	-s-transition: ease-in-out.7s;

	/*  -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    box-shadow: 0 0 1px transparent;

    -webkit-transition-property: color;

    transition-property: color;

    -webkit-transition-duration: 0.5s;

    transition-duration: 0.5s;

   

	font-weight: 300;*/

	font-size: 16px;

	margin-bottom: 50px;

}

/*.jobmeet-div h3:before {

    content: "";

    position: absolute;

    z-index: -1;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #F60;

    -webkit-transform: scaleX(0);

    transform: scaleX(0);

    -webkit-transform-origin: 0 50%;

    transform-origin: 0 50%;

    -webkit-transition-property: transform;

    transition-property: transform;

    -webkit-transition-duration: 0.5s;

    transition-duration: 0.5s;

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out;

}



.jobmeet-div h3:hover,

.jobmeet-div h3:focus,

.jobmeet-div h3:active {

    color: white;

}



.jobmeet-div h3:hover:before,

.jobmeet-div h3:focus:before,

.jobmeet-div h3:active:before {

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);

    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);

}

*/



.jobmeet-div h3:hover {

	border: 1px solid #F60;

}

.job-check {

	padding: 30px 10px 10px 10px;

}

.job-send {

	height: 41px;

	border: 1px solid #666;

	width: 59px;

	float: right;

	background-color: #FFF;

	font-size: 14px;

	transition: ease-in-out.7s;

	-webkit-transition: ease-in-out.7s;

	-moz-transition: ease-in-out.7s;

	-o-transition: ease-in-out.7s;

	-ms-transition: ease-in-out.7s;

	-s-transition: ease-in-out.7s;

}

.job-send:hover {

	background-color: #bf3561;

	color: #FFF;

}

.introdiv {

	width: 90%;

	margin: 0 auto;

}

.introdiv-box {

	width: 100%;

	min-height: 360px;

	/*border: 1px solid #ccc;*/

	border-bottom: 1px solid #ccc;

	/*border-left: 1px solid #ccc;*/

/*border-right:1px solid #ccc;*/

	border-top: 1px solid #ccc;

	transition: ease-in-out.7s;

	-webkit-transition: ease-in-out.7s;

	-moz-transition: ease-in-out.7s;

	-o-transition: ease-in-out.7s;

	-ms-transition: ease-in-out.7s;

	-s-transition: ease-in-out.7s;

}

.boder-right {

	border-right: 1px solid #ccc;

}

.boder-left {

	border-left: 1px solid #ccc;

}

.border-r-l {

	border-right: 1px solid #ccc;

	border-left: 1px solid #ccc;

}

.introdiv-boxicon {

	width: 100%;

	height: auto;

	/*padding: 94px 12px 2px 165px;*/

	padding: 16% 0% 6% 42%;

}

.introdiv-boxicon-img {

	width: 58px;

	height: 58px;

	border-radius: 50%;

}

.introdiv-boxicon-img img {

	padding: 13px;

}

.introdiv-box h3 {

	text-align: center;

	text-transform: uppercase;

	padding: 0px 0px 17px 0px;

	font-weight: 100;

	color: #000;

	font-size: 32px;

}

.introdiv-box p {

	text-align: center;

padding: 6px 17px 0px;

font-weight: 300;

color: #000;

line-height: 22px;

}

.introdiv-box h6 {

	text-align: left;

	padding: 11px 42px 26px 54px;

	font-size: 14px;

}

.introdiv-icon {

	width: 55px;

	height: 58px;

	float: left;

	background-image: url(../images/iconbox_theme.png);

	position: relative;

	left: 25%;

}

.mapdiv {

	width: 100%;

	margin: 0 auto;

	min-height: 516px;

	/*background-image:url(../images/map_03.jpg);*/

	background-size: cover;

	position: relative;

}

.mapdiv-up {

	width: 100%;

	margin: 0 auto;

	min-height: 516px;

	background-color: #000;

	background-size: cover;

	position: relative;

}

.mapdiv-contct {

	width: 30%;

	background-color: #fff;

	min-height: 419px;

	right: 10%;

	top: 50px;

	position: absolute;

}

.find-contactdiv {

	width: 90%;

	margin: 0 auto;

}

.find-box {

	width: 100%;

	min-height: 240px;

	float: left;

	/*margin: 25% 0% 25% 0%;*/

	margin: 0% 0% 5% 0%;

	/* border: 1px solid #999;*/

	border-bottom: 1px solid #ccc;

	border-top: 1px solid #ccc;

	transition: ease-in-out.7s;

	-webkit-transition: ease-in-out.7s;

	-moz-transition: ease-in-out.7s;

	-o-transition: ease-in-out.7s;

	-ms-transition: ease-in-out.7s;

	-s-transition: ease-in-out.7s;

}

.find-box-icon {

	width: 100%;

	float: left;

	height: auto;

}

.find-box-icon-div {

	width: 58px;

	height: 58px;

	border-radius: 50%;

	margin: 6% 0% 6% 41%;

}

.find-box-icon-div img {

	padding: 20% 0% 0% 20%;

}

.find-box p {

	padding: 0% 12% 14% 11%;

	text-align: center;

	line-height: 22px;

}

.socialdiv {

	width: 200px;

	float: left;

	height: 52px;

	margin: 0% 0% 0% 25%;

}

.textmakkers-social ul {

	margin: auto;

	padding: 0;

}

.textmakkers-social li {

	width: 32px;

	height: 32px;

	line-height: 32px;

	text-align: center;

	float: left !important;

	display: block;

	position: relative;

	list-style: none;

	font-family: 'Raleway', sans-serif;

}

.social-icon-footer {

	/*width: 32px;

	height: 32px;*/

	float: left;

	margin: 10px;

	cursor: pointer;

	background-repeat: no-repeat;

	transition: ease-in-out.7s;

	-webkit-transition: ease-in-out.7s;

	-moz-transition: ease-in-out.7s;

	-o-transition: ease-in-out.7s;

	-ms-transition: ease-in-out.7s;

	-s-transition: ease-in-out.7s;

}

/*.social-icon-footer:hover {

	opacity: .2

}*/

.social-icon {

	width: 32px;

	height: 32px;

	float: left;

	margin: 3px;

	cursor: pointer;

	background-image: url(../images/s-fb-m.png);

	background-repeat: no-repeat;

	transition: ease-in-out.7s;

	-webkit-transition: ease-in-out.7s;

	-moz-transition: ease-in-out.7s;

	-o-transition: ease-in-out.7s;

	-ms-transition: ease-in-out.7s;

	-s-transition: ease-in-out.7s;

}

.social-icon:hover {

	background-image: url(../images/s-fb-m-h.png);

}

.social-icon-2 {

	width: 32px;

	height: 32px;

	float: left;

	margin: 3px;

	cursor: pointer;

	background-image: url(../images/s-be-m.png);

	background-repeat: no-repeat;

	transition: ease-in-out.7s;

	-webkit-transition: ease-in-out.7s;

	-moz-transition: ease-in-out.7s;

	-o-transition: ease-in-out.7s;

	-ms-transition: ease-in-out.7s;

	-s-transition: ease-in-out.7s;

}

.social-icon-2:hover {

	background-image: url(../images/s-be-m-h.png);

}

.social-icon-3 {

	width: 32px;

	height: 32px;

	float: left;

	margin: 3px;

	cursor: pointer;

	background-image: url(../images/s-y-m.png);

	background-repeat: no-repeat;

	transition: ease-in-out.7s;

	-webkit-transition: ease-in-out.7s;

	-moz-transition: ease-in-out.7s;

	-o-transition: ease-in-out.7s;

	-ms-transition: ease-in-out.7s;

	-s-transition: ease-in-out.7s;

}

.social-icon-3:hover {

	background-image: url(../images/s-y-m-h.png);

}

.social-icon-4 {

	width: 32px;

	height: 32px;

	float: left;

	margin: 3px;

	cursor: pointer;

	background-image: url(../images/s-in-m.png);

	background-repeat: no-repeat;

	transition: ease-in-out.7s;

	-webkit-transition: ease-in-out.7s;

	-moz-transition: ease-in-out.7s;

	-o-transition: ease-in-out.7s;

	-ms-transition: ease-in-out.7s;

	-s-transition: ease-in-out.7s;

}

.social-icon-4:hover {

	background-image: url(../images/s-in-m-h.png);

}

.social-icon-5 {

	width: 32px;

	height: 32px;

	float: left;

	margin: 3px;

	cursor: pointer;

	background-image: url(../images/s-p-m.png);

	background-repeat: no-repeat;

	transition: ease-in-out.7s;

	-webkit-transition: ease-in-out.7s;

	-moz-transition: ease-in-out.7s;

	-o-transition: ease-in-out.7s;

	-ms-transition: ease-in-out.7s;

	-s-transition: ease-in-out.7s;

}

.social-icon-5:hover {

	background-image: url(../images/s-p-m-h.png);

}

.socialdiv-footer {

	width: auto;

/*	float: left;*/

	margin-top:30px;

	

}

/*.social-icon:hover {

    opacity: .2;

    

    

}*/



.undr {

	width: 624px;

	height: 312px;

	margin: 0 auto;

	background-image: url(../images/underconstruction.html);

}

.find-textfeeld {

	width: 80%;

	height: 45px;

	float: left;

	border: 1px solid #ccc;

	margin: 4% 0% 0% 11%;

	font-size: 15px;

}

.find-msg {

	width: 80%;

	height: 120px;

	float: left;

	border: 1px solid #ccc;

	margin: 4% 0% 0% 11%;

	font-size: 15px;

}

.find-send {

	width: 20%;

	height: 45px;

	float: right;

	font-size: 15px;

	border: 1px solid #ccc;

	margin: 4% 9% 0% 0%;

	transition: ease-in-out.7s;

	-webkit-transition: ease-in-out.7s;

	-moz-transition: ease-in-out.7s;

	-o-transition: ease-in-out.7s;

	-ms-transition: ease-in-out.7s;

	-s-transition: ease-in-out.7s;

}

.find-send:hover {

	background-color: #F60;

	color: #FFF;

}

.divmakers {

	width: 100%;

	height: auto;

	float: left;

	margin: 0% 6% 5%;

	box-sizing: border-box;

}

/*.maker-mar{

margin: 0% 6% 0%;	

	}*/



.join-div {

	width: 100%;

	background-color: #000000;

	margin: 3% 0% 0% 0px;

	height: 283px;

	min-height: 301px;

}

.join-div h2 {

	color: #FFF;

	text-align: center;

	padding: 60px 0px 12px 0px;

	font-size: 44px;

	text-transform: uppercase;

	font-weight: 100;

}

.join-div p {

	color: #FFF;

	font-family: 'Raleway', sans-serif;

	line-height: 22px;

	text-align: center;

	padding: 0% 0% 2% 0%;

	/* text-transform: uppercase;*/

	font-size: 16px;

	font-weight: 300;

}

.join-div h3 {

	width: 10%;

	margin: 0px auto;

	text-align: center;

	font-size: 16px;

	font-weight: 300;

	font-family: 'Raleway', sans-serif;

	border: 1px solid #FFF;

	padding: 9px 0px 9px 0Px;

	color: #fff;

	/*-webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    box-shadow: 0 0 1px transparent;

    -webkit-transition-property: color;

    transition-property: color;

    -webkit-transition-duration: 0.5s;

    transition-duration: 0.5s;*/

	transition: ease-in-out.7s;

	-webkit-transition: ease-in-out.7s;

	-moz-transition: ease-in-out.7s;

	-o-transition: ease-in-out.7s;

	-ms-transition: ease-in-out.7s;

	-s-transition: ease-in-out.7s;

}

/*.join-div h3:before {

    content: "";

    position: absolute;

    z-index: -1;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #F60;

    -webkit-transform: scaleX(0);

    transform: scaleX(0);

    -webkit-transform-origin: 0 50%;

    transform-origin: 0 50%;

    -webkit-transition-property: transform;

    transition-property: transform;

    -webkit-transition-duration: 0.5s;

    transition-duration: 0.5s;

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out;

}



.join-div h3:hover,

.join-div h3:focus,

.join-div h3:active {

    color: white;

}



.join-div h3:hover:before,

.join-div h3:focus:before,

.join-div h3:active:before {

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);

    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);

}

*/



.join-div h3:hover {

	border: 1px solid #F60;

}

.story-text {

	width: 100%;

	background-color: #000000;

	height: auto;

	float: left;

	padding: 4%;

}

.story-text p {

	font-family: 'Raleway', sans-serif;

	color: #FFF;

	text-align: center;

	padding: 6px 0px 24px 13px;

	font-size: 16px;

}

.story-text h3 {

	width: 14%;

	min-height: 40px;

	margin: 0px auto;

	text-align: center;

	border: 1px solid #FFF;

	text-transform: uppercase;

	padding: 10px 0px 0px;

	color: #FFF;

	font-family: 'Raleway', sans-serif;

	cursor: pointer;

	/* -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    box-shadow: 0 0 1px transparent;

    -webkit-transition-property: color;

    transition-property: color;

    -webkit-transition-duration: 0.5s;

    transition-duration: 0.5s;*/

	font-size: 16px;

	font-weight: 300;

	transition: ease-in-out.7s;

	-webkit-transition: ease-in-out.7s;

	-moz-transition: ease-in-out.7s;

	-o-transition: ease-in-out.7s;

	-ms-transition: ease-in-out.7s;

	-s-transition: ease-in-out.7s;

}

.story-text h3:hover {

	border: 1px solid #F60;

}

/*.story-text h3:before {

    content: "";

    position: absolute;

    z-index: -1;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #F60;

    -webkit-transform: scaleX(0);

    transform: scaleX(0);

    -webkit-transform-origin: 0 50%;

    transform-origin: 0 50%;

    -webkit-transition-property: transform;

    transition-property: transform;

    -webkit-transition-duration: 0.5s;

    transition-duration: 0.5s;

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out;

}



.story-text h3:hover,

.story-text h3:focus,

.story-text h3:active {

    color: white;

}



.story-text h3:hover:before,

.story-text h3:focus:before,

.story-text h3:active:before {

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);

    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);

}*/









.story-text h2 {

	color: #FFF;

	text-align: center;

	padding: 0px 0px 12px 13px;

	font-size: 44px;

	font-family: 'Raleway', sans-serif;

	text-transform: uppercase;

	font-weight: 100;

}

.story-story {

	width: 100%;

	float: left;

	background-color: #000000;

}

.story-story h2 {

	font-family: 'Raleway', sans-serif;

	text-align: center;

	padding: 73px 0px 0px;

	font-size: 78px;

	text-transform: uppercase;

	line-height: 60px;

	color: #FFF;

}

.story-story p {

	width: 52%;

	text-align: center;

	margin: 0 auto;

	font-family: 'Raleway', sans-serif;

	padding: 20px 15px 75px;

	color: #FFFFFF;

	font-size: 18px;

	font-weight: 300;

}

.div-storygallery {

	width: 91%;

	height: auto;

	margin: 0 auto;

}

.gallery img {

	width: 100%;

	padding:5px;

	cursor: pointer;

}

#map {

	width: 100%;

	height: 500px;

}

.modal-header-maker .close {

	margin-top: -14px;

	margin-right: -56px;

	background-color: #fff;

	padding: 10px 15px 11px 13px;

	border-radius: 5px;

}

.modal-dialog {

	width: 88%;

}

.thumbnail {

}

.textmakkers {

	width: 100%;

	background-color: #FFF;

	float: right;

	height: 493px;

}

.textmakkers h2 {

	text-align: center;

	padding: 72px 10px 10px;

	font-family: 'Raleway', sans-serif;

}

.textmakkers p {

	text-align: center;

	padding: 3px 0 26px;

	font-family: 'Raleway', sans-serif;

}

.textmakkers-under {

	width: 20%;

	height: 1px;

	margin: 0 auto;

	background-color: #CCC;

}

.textmakkers h3 {

	text-align: center;

	font-size: 14px;

	padding: 31px 10px 29px;

	font-family: 'Raleway', sans-serif;

}

.textmakkers-underall {

	width: 80%;

	margin: 0 auto;

	height: 1px;

	background-color: #CCC;

}

.textmakkers-social {

	width: 42%;

	height: 40px;

	margin: 6% 46% 10%;

}

.poup-upimge .modal-header {

	width: 100%;

	/*width:89%;*/

	background-color: #fff;

	float: left;

	/*min-height: 16.42857143px;*/

	padding: 15px;

	/* border-bottom: 1px solid #e5e5e5;*/

	border-radius: 2px;/*position:fixed !important;*/

}

.modal-dialog .close {

	margin-right: -43px;

	background-color: #FFF;

	padding: 0px 7px 7px 10px;

	border-radius: 5px;

	color: #ef6c23;

	font-family: 'Raleway', sans-serif;

}

.modal-title {

	margin: 0;

	line-height: 1.42857143;

	margin: 0;

	font-size: 30px;

	color: #333;

	text-transform:uppercase;

}

.wrapper {

	width: 1300px;

	margin: 0 auto;

}

.gallery-holder {

	width: 100%;

	height: auto;

	float: left;

}

.gallery-holder .blockone {

	width: 27.9%;

	height: auto;

	float: left;

	margin-right: 1%;

}

.gallery-holder .blocktwo {

	width: 13.2%;

	height: auto;

	float: left;

}

.blockimg-one {

	width: 48.3%;

	height: auto;

}

.blockimg-one img {

	width: 100%;

	display: block;/*margin-bottom: 6%;*/

}

.blockimg-two {

	width: 48.3%;

	height: auto;

}

.blockimg-two img {

	width: 100%;

	display: block;

}

.blockimg-three {

	width: 100%;

	height: auto;

}

.blockimg-three img {

	width: 100%;

	display: block;

}

.blockimg-four {

	width: 100%;

	height: auto;

}

.blockimg-four img {

	width: 100%;

	display: block;

}

.blockimg-five {

	width: 100%;

	height: auto;

}

.blockimg-five img {

	width: 100%;

	display: block;

}

.f-left {

	float: left;

}

.f-right {

	float: right;

}

.m-bottom {

	margin-bottom: 3%;

}

.m-top {

	margin-top: 3%;

}

.mm-bottom {

	margin-bottom: 9%;

}

/*.blockimg-five{

        width:48.3%;

        height:auto;

        float:right;



        }   

.blockimg-five img { width:100%; display:block; margin-bottom: 6%;} 



.blockimg-six{

        width:100%;

        height:auto;

        float:right;



        }   

.blockimg-six img { width:100%; display:block; margin-bottom: 6%;}  */



.flitter-div {

	width: 100%;

	float: left;

	padding: 40px 0px 34px 0px;

}

.flitter-div li ul {

	margin: 0 auto;

}

.flitter-div li {

	text-align: center;

	list-style: none;

	float: left;

	text-align: center;

	display: block;

	width: 14%;

	font-family: 'Raleway', sans-serif;

}

.flitter-div a {

}

.clintdiv {

	width: 100%;

	float: left;

	height: auto;

	background-color: #4B4B4B;

}

.imgContainer {

	width: 300px;

	height: 300px;

	overflow: hidden;

	text-align: center;

	margin: 5px 10px 5px 0;

	float: left;

	display: block;

}

.imgContainer-bg {

	width: 500px;

	height: 300px;

	overflow: hidden;

	text-align: center;

	margin: 5px 10px 5px 0;

	float: left;

	position: relative;

	display: block;

}

#galleryTab {

	margin: 10px 5px 20px 0;

	top: 26px;

	width: 100%;

}

.galleryWrap {

	padding: 0 0 30px;

}

.filter-1 {

	/*border: 1px solid #ccc;*/

	color: #333333;

	float: left;

	font-size: 12px;

	/* margin: 38px 3px 10px 23px;*/

	margin: 0% 0px 0px 8%;

	padding: 8px 9px;

	text-align: center;

	font-family: 'Raleway', sans-serif;

	text-decoration: none;/*-webkit-border-radius: 3px;

    -moz-border-radius: 3px;

         border-radius: 3px;*/

}

.filter-1:hover {

/*background-color: #f8f8f8;

  -webkit-box-shadow: -2px 2px 5px 1px #a3a3a3;

    -moz-box-shadow: -2px 2px 5px 1px #a3a3a3;

    box-shadow: -2px 2px 5px 1px #a3a3a3;*/

}

.filter-1.active {

	/* background-color: #ff6633;*/

   /* border: 1px solid #ccc;*/

	/*color: #fff;

	cursor: default;*/

	/* margin: 38px 39px 10px 23px;*/

	font-family: 'Raleway', sans-serif;

}

.moda-abou {

	float: right;

	width: 29.2%;

	background: #fff;

	padding: 24px 34px;

	font-family: 'Raleway', sans-serif;

	

	font-size: 13px;

	border-radius: 2px;

	/* height:100vh;*/

	/*height: 92vh;*/

	line-height: 22px;

	position: fixed !important;

	-webkit-position: fixed !important;

	right: calc(50% - 46.5%);

	z-index: 99;

	margin-top: 1.7%;

}

.maker-small {

	width: 246px !important;

	height: 305px !important;

}

.maker-imgtwo {

	width: 504px !important;

	height: 279px !important;

}

.maker-big {

	width: 504px !important;

	height: 596px !important;

}

.moda-abou h3 {

	text-transform: uppercase;

	color: #333;

	font-family: 'Raleway', sans-serif;

	padding: 11px 0px;

}



.moda-abou p {

	

	color: #333;

	

}



.moda-abou h4 {

	text-transform: uppercase;

	color: #000;

	font-family: 'Raleway', sans-serif;

	

}

.moda-abou h6 {

	text-transform: uppercase;

	color: #FFF;

	text-align: center;

	background-color: #000;

	font-family: 'Raleway', sans-serif;

	

	width: 38%;

	position: absolute;

	bottom: 6%;

	left: 32%;

	padding: 9px;

	cursor: pointer;

	font-size: 14px;

	transition: ease-in-out.7s;

	-webkit-transition: ease-in-out.7s;

	-moz-transition: ease-in-out.7s;

	-o-transition: ease-in-out.7s;

	-ms-transition: ease-in-out.7s;

	-s-transition: ease-in-out.7s;

}

.moda-abou h6:hover {

	background-color: #F60;

}

















.modal-dialog .close {

	margin-right: -43px;

	background-color: #FFF;

	padding: 0px 7px 7px 10px;

	border-radius: 5px;

	color: #ef6c23;

	/*   right: -183px;*/

	right: 0px;

	position: fixed;

	top: 0px;

	right: 0px;

	z-index: 999999999;

	display: block;

}

.poup-upimge {

	width: 70%;

	height: auto;

	float: left;

	margin-top: 2%;

}

.poup-upimge img {

	width: 100%;

	display: block;

}

.talkdiv {

	width: 100%;

	float: left;

	height: auto;

	background-color: #036;

	background-size: cover;

	position: relative;

	background-image: url(../images/talk-bg_02.jpg);

	background-attachment: fixed;

}

.talkdiv .dropdown-menu > li > a {

	padding: 9px 20px;

	line-height: 20px;

}

.talkdiv h2 {

	font-size: 58px;

	color: #FFF;

	text-align: left;

	font-weight: bold;

	text-transform: uppercase;

	font-family: 'Raleway', sans-serif;

	padding: 5% 15% 2%;

	font-weight: 100;

}

.talkdiv h3 {

	font-size: 40px;

	color: #FFF;

	text-align: left;

	padding: 1% 15% 0%;

	font-family: 'Raleway', sans-serif;

	font-weight: 100;

}

.talk-send {

	text-align: center;

	color: #FFF;

	border: 2px sold #FFF;

	background-color: transparent;

	margin: 5% 15%;

	padding: 10px 32px;

	font-size: 18px;

	text-transform: uppercase;

	font-weight: bold;

	font-family: 'Raleway', sans-serif;

}

.talk-send:hover {

	border: 2px solid #F60;

	background-color: #F60;

}

/*.talk-colur {

    color: #000;

    font-weight: bold;

    border-bottom: 2px solid #F60;

    position: absolute;

}

*/

/*.talk-colur-down {

    height: 30px;

    position: relative;

    text-align: center;

    font-size: 16px;

    background-color: #F00;

    color: #000;

}*/



/*.selectpicker {

    color: #F60 !important;

    font-weight: bold !important;

    background-color: transparent !important;

    border-bottom: 2px solid #F60 !important;

}*/





.talk-textfiled {

	background-color: transparent;

	color: #F60;

	padding: 1.2%;

	border-bottom: 1px solid #F60 !important;

	border: none;

	font-family: 'Raleway', sans-serif;

	font-size: 28px;

}

.texcolurbd {

	font-weight: bold;

	color: #bf3561;

	font-family: 'Raleway', sans-serif;

}

.blog-imgbox {

	width: 96%;

	float: left;

	height: auto;

	border: 1px solid #D4D4D4;

	border-radius: 10px;

	padding-bottom: 40px;

	margin: 4% 0% 0%;

}

.blog-imgbox-img {

	width: 100%;

	float: left;

	min-height: 300px;

}

.blog-imgbox-img img {

	border-radius: 0px 0px 0 0;

}

.blog-imgbox-img h3 {

	padding: 20px 16px 0px;

	font-size: 20px;

	font-family: 'Raleway', sans-serif;

}

.blog-imgbox-img h5 {

	padding: 20px 16px 0px;

	font-size: 14px;

	color: #F60;

	font-weight: bold;

	font-family: 'Raleway', sans-serif;

}

.blog-imgbox-img p {

	padding: 20px 16px 0px;

	font-family: 'Raleway', sans-serif;

}

.blog-inner-margin {

	margin: 2% 2% 0%;

	width: 96%;

}

.blog-innersadie {

	width: 100%;

	float: left;

	height: auto;

	border: 1px solid #D4D4D4;

	border-radius: 5px;

	padding-bottom: 20px;

	margin: 11% 0% 0%;

}

.blog-innersadie p {

	width: 100%;

	color: #F60;

	padding: 10px 10px 0px;

	font-weight: bold;

 font-family: 'Raleway', sans-serif;

}

.blog-innersadie img {

	margin: 3% 0% 0%;

}

.share-div {

	width: 40%;

	float: right;

	position: absolute;

	right: 0;

	height: 53px;

	top: -79px;

	z-index: 99;

}

.intro-monial {

	width: 100%;

	float: left;

	background-color: #D8D8D8;

	height: 200px;

}

.att {

	font-size: 15px !important;

}

.blog-wrapp {

	width: 100%;

	float: left;

	background-color: #666;

	height: auto;

	margin-top: 20px;

}

.blog-wrapp-inner {

	width: 100%;

	float: left;

	height: auto;

}

.blog-inner-width {

	width: 100%;

	float: left;

	/*padding: 10px 10px;*/

	height: auto;

	/*border: 1px solid #CCC;*/

	/*margin-bottom: 10px;*/

}

.blog-wrapp-inner h2 {

	font-size: 58px;

}

.story-wrapp {

	width: 90%;

	margin: 0 auto;

}

.story-cont {

	width: 100%;

	float: left;

}

.s-large {

	width: 33%;

	float: left;

}

.s-large img {

	width: 100%;

	display: block;

}

.s-small {

	width: 16.3%;

	float: left;

}

.s-small img {

	width: 100%;

	display: block;

}

.s-down {

	width: 16.2%;

	float: left;

}



.s-down img {

	width: 100%;

	display: block;

}



.s-ver .s-one{ width:49.1%; }

.s-ver .s-one img { width:100%; }

.s-ver {

	width: 32.7%;

	float: left;

}



.s-ver-two {

	width: 33%;

	float: left;

}

.s-ver-two img{

	width: 100%;

	display: block;

	}

	

	.s-small-below {

	width: 33.1%;

	float: left;

}



.s-small-below .s-one{ width:49.1%; }

.s-small-below .s-one img { width:100%; }





.s-ver img {

	width: 100%;

	display: block;

}

.f-right {

	float: right;

}

.f-left {

	float: left;

}

.s-margin-top {

	margin-top: 1.7%;

}

.s-margin-right {

	margin-right: 0.6%;

}

.s-margin-bottom {

	margin-bottom : 0.6%;

}

.s-margin-bottom-2 {

	margin-bottom : 0.6%;

}

.s-margin-left {

	margin-left: 0.6%;

}











.down-div{

	height:45vh;

	}











 @media (max-width:991px) {
	 
	 
	 
	 .misiondiv p {
		 text-align:justify;
		 }
	 

.textmakkers-social {

	width: 89%;

	margin: 4% 36% 3%;

}

.list-group {

	margin-bottom: 25px;

}

.grid_3 {

	margin-bottom: 0em;

}

.grid_5 {

	padding: 1em 0;

}

.in-gp-tb {

	padding: 0;

}

}

 @media(max-width:1680px) {

	 

	 .wrapp-mainbody{ width:auto; margin:0 auto; }

}

 @media(max-width:1560px) {

.moda-abou {

	width: 28.5%;

}

/*.banner-inner {

    min-height: 54vh;

}*/

    

    /*.makker-image {

    min-height: 54vh;

   

}*/

.banner-inner-text {

	margin-top: 10em;

}

.textmakkers-social {

	width: 84%;

	margin: 7% 45% 10%;

}

.textmakkers {

	width: 100%;

}

.imgContainer-bg {

	width: 420px !important;

}

.imgContainer {

	width: 259px;

}

.banner-inner-w3lstext p {

	margin: 3px auto;

}

ul,  label {

	font-size: 12px;

}

}

 @media(max-width:1460px) {

	 

	 

	 

.moda-abou {

	width: 28.5%;

}

.footerbox-two h4 {

	width: 39%;

}

.talk-textfiled {

	padding: 16px;

}

.textmakkers {

    width: 100%;

   

    height: 452px;

}

.textmakkers-social {

	width: 87%;

	margin: 6% 43% 10%;

}

.talkdiv h3 {

	font-size: 30px;

}

}

 @media(max-width:1366px) {

	 

	 .footerbox p {

  

    padding: 3px 21px 24px 0px;

   

}

	 

.textmakkers {

	height: 432px;

}

.jobmsgdiv ul, .jobmsgdiv label {

	font-size: 11px;

}

.icon-theme {

	left: 16%;

}

.icon-theme-two {

	left: 11%;

}

.icon-theme-three {

	left: 13%;

}

.moda-abou {

	width: 28.2%;

}

.talk-textfiled {

	padding: 16px;

}

.talkdiv h3 {

	font-size: 30px;

}

.textmakkers-social {

	width: 84%;

	margin: 20px 43% 10%;

}

.textmakkers {

	width: 100%;

}

.imgContainer-bg {

	width: 420px !important;

}

.imgContainer {

	width: 259px;

}

.footerbox-two h4 {

	width: 38%;

}

.overlay {

	width: 23%;

	left: 77%;

}

.job-send {

	width: 56px;

	font-size: 15px;

}

ul,  label {

	font-size: 11px;

}

}

 @media(max-width:1303px) {

.textmakkers {

	height: 408px;

}

.jobmeet-div h3 {

	width: 14%;

}

.talkdiv h3 {

	font-size: 30px;

}

.textmakkers-social {

	width: 89%;

	margin: 4% 33% 3%;

}

.textmakkers {

	width: 100%;/* float: left;*/

}

.job-send {

	width: 51px;

}

}

 @media(max-width:1280px) {

.theme-box h3 {

	font-size: 28px;

}

.theme-box-two h3 {

	font-size: 27px;

}

.theme-box-three h3 {

	font-size: 28px;

}

.meet-div h5 {

	width: 19%;

}

.introdiv-box {

	min-height: 442px;

}

.theme-box {

	min-height: 442px;

}

.theme-box-two {

	min-height: 442px;

}

.theme-box-three {

	min-height: 442px;

}

.theme-box-four {

	min-height: 442px;

}

.talkdiv h3 {

	font-size: 30px;

}

.textmakkers-social {

	width: 89%;

	margin: 4% 44% 3%;

}

.textmakkers {

	width: 100%;

}

.footerbox-two h4 {

	width: 43%;

}

.theme-box-four h5 {

	margin: 1% 40% 0% 15%;

}

.icon-theme-three {

	left: 12%;

}

.icon-theme-two {

	left: 11%;

}

.icon-theme {

	left: 14%;

}

.job-send {

	width: 14%;

	font-size: 11px;

}

.jobmsgdiv ul, .jobmsgdiv label {

	font-size: 12px;

}

.job-send {

	width: 100%;

	font-size: 20px;

	margin-top: 14px;

}

.imgContainer-bg {

	width: 390px !important;

}

.imgContainer {

	width: 236px;

}

/*.banner {

    min-height: 690px; 

}*/

.banner-w3lstext h3 {

	font-size: 5em;

}

.banner-text {

	margin-top: 0em;

}

.banner-w3lstext p {

	width: 73%;

	margin: 2em auto;

}

.banner-text {

	top: 33%;

}

}

 @media(max-width:1080px) {

	 

	 

	 

.jobmeet-div h3 {

	width: 16%;

}

.moda-abou {

	position: relative;

	right: calc(51% - 50.9%);

}

.theme-box-three h3 {

	font-size: 24px;

}

.theme-box-two h3 {

	font-size: 24px;

}

.theme-box h3 {

	font-size: 24px;

}

.footerbox-two h4 {

	width: 51%;

}

.moda-abou {

	width: 100%;

	position: relative !important;

	height: 61vh;

}

.poup-upimge {

	width: 100%;

}

.moda-abou h6 {

	margin-top: 5%;

}

.talkdiv h3 {

	font-size: 20px;

}

.textmakkers-social {

	width: 89%;

	margin: 4% 44% 3%;

}

.textmakkers {

	width: 100%;

}

.storydiv h3 {

	width: 13%;

}

.project h3 {

	width: 13%;

}

.banner-w3lstext h3 {

	font-size: 4em;

}

/* .banner {

        min-height: 808px;

    }*/

}

 @media(max-width:991px) {
	 
	 
	 .width-60 {
    width: 90% !important;
    
}
	 
	 .adders-divm h3 {
    margin: 0px 0px 0px 0px;}
	 
	 
	 .con-inner {

	min-height: 40vh;

	
	background:#000;

	/*background-attachment:fixed;*/

	background-attachment: fixed;

}
	 
	 .job-div {

    width: 91%;
   
    padding:0px;}
	 
	 
	 .job-div p {

    
    font-size: 14px !important;}
	 
	 .banner-inner-w3lstext h3 {
    font-family: 'Raleway', sans-serif;
    font-size: 28px !important ;
}
	 
	 
	 .join-story h2 {

     padding: 5% 0 9% ;

}
	 
	 
	 .misiondiv h3 {
		font-size: 21px;
		 }
		 
		 .blog-m-image {
    min-height: 12vh;}
	 
	 
	 
	 .main-head {

    font-size: 25px !important;
    line-height: 19px !important;

}
	 
	 .pro-m-image {
    min-height: 10vh;}
	 
	 .makker-image {

    min-height: 32vh;}
	
	
	.para-type-about {
    width: 84% !important;}
	
	 
.home-section {	 
	 background-size: contain;
	background-attachment:inherit;
	 
}
	 
	 .button {
   
    right: 0px;
    top: 0px;
  
}
	 
	 
	.video-div h3 {
   
  margin: 34px 0px 10px -3px;
text-align: center;} 
	 
	 
.misiondiv p {	 
	 margin: 0px 21px 0px 21px;

}

.misiondiv p {
    color: #000;
    padding: 2px;}

	 .displynonemision{
		display:none; 
		 }
		 
		 #displynonemision{
		display:none; 
		 }
		 
	.visiontop	 
		 { margin-top:0px !important;}

	 

	 .project p {
padding: 0px 25px 25px 25px;
text-align: justify;
}



.home-section h2 {
font-size: 24px;
margin: 9vh 11px 23px;

}


.home-section {
    width: 100%;
    min-height: 41vh;
}

.misiondiv h3 {
   margin: 35px 0px 23px 0px;
    text-align: center;
}



.product-div h2 {

   

    margin: 26px 0px 0px;

    font-size: 40px;

   

}



.product-div p {

 
    padding: 31px 23px 40px 23px;

   

}



.home-section-2 h2 {

  

    font-size: 43px;

    margin: 20vh 11px 22px;

   

}



.video-div p {

padding: 0px 21px 40px 21px;
color: #000;
font-size: 14px;
text-align: justify;


}


.video-div h2 {
   
    margin: 39px 0px 0px;}





.banner-inner-w3lstext p {

    

    font-size: 16px !important;

}



.footer {

	background-color: #fff;

}



.footerbox-four li {

 

    padding: 5px 0px 0px;

  

    margin: 5px 11px 0px 47px;}

	

	.footerbox-four h3 {

    padding: 46px 0px 0px 45px;

}



.footerbox h3 {

    font-family: 'Raleway', sans-serif;

    padding: 20px 0 34px;}

	

	

	.logo-capio {

	width:120px;
height: 47px;


	margin-top: 0px;



		background-image:url(../images/logo-mob.jpg);

	

}



.hadder-new.sticky {
	background-image:url(../images/logo-mob-stiky.jpg);
	}




.footerbox p {

    padding: 17px 0px 0px 2px;

    color: #000;

}


.footerbox p {
    padding: 0px 0px 0px 2px;
    color: #000;
}



	 

	 .banner-inner-w3lstext h3 {

    font-family: 'Raleway', sans-serif;

    font-size: 36px;}

	

	 

.wrapp-mainbody{ width:auto; margin:0 auto; }

	 

	 

.maker-small {

	width: 286px !important;

	height: 305px !important;

}

.maker-imgtwo {

	width: 286px !important;

	height: 305px !important;

}

.maker-big {

	width: 286px !important;

	height: 305px !important;

}

.blog-wrapp-inner h2 {

	font-size: 16px;

	line-height: 28px;

}

.smallblog-hadd {

	font-size: 16px;

}

.product-listtext h3 {

	margin: 11px 72px 47px;

}

.product-listtext {

	min-height: auto;

}

.introdiv-box {

	border: 1px solid #ccc;

}

.foot-up {

	display: none;

}

.moda-abou {

	/*height: 167vh !important;*/

	position: inherit !important;

}



.down-div {

    height: 167vh !important;

}

.copyfoot img {

	width: 5%;

}

.story-text h3 {

	width: 30%;

}

.meet-div h5 {

	width: 29%;

}

.theme-box-four {

	min-height: 325px;

}

.theme-box-four h6 {

	padding: 11% 0% 4% 15%;

}

.theme-box-three {

	min-height: 325px;

}

.theme-box-two {

	min-height: 325px;

}

.theme-box {

	min-height: 325px;

}

.theme-boxicon {

	padding: 10% 0% 5% 46%;

}

.introdiv-box {

	min-height: 276px;

	margin-bottom: 5%;

}

.share-div {

	top: -82px;

}

.socialdiv-footer {

	margin: 8% 0% 0% 7%;

}

.blog-imgbox {

	width: 100%;

}

.find-box-icon-div img {

	padding: 24% 0% 0% 84%;

}

.find-box {

	border: 1px solid #ccc;

	margin: 18% 0% 3% 0%;

}

.product-listtext {

	/* background-color: bisque;*/

	border: 1px solid #000;

}

.meet-div h3 {

	width: 58%;

}

.theme-box h3 {

	font-size: 26px;

}

.theme-box-two h3 {

	font-size: 26px;

}

.theme-box-three h3 {

	font-size: 26px;

}

.introdiv-boxicon {

	padding: 5% 0% 0% 46%;

}

.theme-boxicon-two {

	padding: 10% 0% 5% 45%;

}

.theme-boxicon-three {

	padding: 10% 0% 5% 45%;

}

.icon-theme-three {

	left: 34%;

}

.icon-theme-two {

	left: 33%;

}

.icon-theme {

	left: 34%;

}

.banner-text {

	display: none;

}

.project h3 {

	width: 18%;

}

.jobmeet-div h3 {

	width: 21%;

}

.start-div h3 {

	width: 20%;

}

/*.banner-inner-text-inner {

	display: none;

}*/

.jobmsg-text {

	width: 100%;

	margin: 10px 0px 10px 0px;

}

 .jobmsg-text-two input,  [type="file"] + label {

 width: 100%;

 margin: 0px 0px 0px 0px;

}

.textmakkers-social {

	width: 89%;

	margin: 4% 43% 3%;

}

.textmakkers {

	width: 100%;

}

.thumbnail {

	width: 100%;

}

.theme-box {

	border-bottom: 1px solid #000;

	border-right: 0px solid #000;

}

.theme-box-two {

	border-bottom: 1px solid #000;

	border-right: 0px solid #000;

}

.theme-box-three {

	border-bottom: 1px solid #000;

	border-right: 0px solid #000;

}

/*.banner-w3lstext h3 {

	display: none;

}*/

.banner-inner-text {

	display: none;

}

.storydiv h3 {

	width: 18%;

}

.banner-w3lstext h3 {

	font-size: 4.5em;

}

.banner-w3lstext p {

	width: 61%;

	margin: 1.5em auto;

}

/*  .banner {

        min-height: 710px;

    }*/

.banner-text {

	margin-top: 9em;

}

.join-div h3 {

	width: 26%;

}

.footerbox {

	min-height: 280px;

	margin-bottom: 35px;

}

.footerbox-two {

	min-height: 280px;

}

.socialdiv {

	margin: 0% 0% 0% 37%;

}

}

 @media(max-width:765px) {
	 
	 
	 
	 
	

	 /* .footerbox-four h3 {

  

    padding: 46px 0px 0px 73px;

	 }*/

	 

	.footerbox-four li { width:250px;} 

.clintdiv img {

	margin: 0 auto;

}

.footer {

	background-color: #333333;

}

}

 @media(max-width:703px) {

 .fade-carousel .slides .slido {
    height: 40vh !important;}
	
	.hero h1 {
    font-size: 1em !important;
}


.fade-carousel .carousel-inner .item {
    height: 53vh !important;
}

.btn.btn-lg {
    padding: 0px 16px !important;
}

.fade-carousel {
  
    height: 40vh !important;
}


.banner-gif {
    min-height: 40vh !important;
	
	
	}
	
	.homeslider {
    width: 100%;
    height: 40vh !important;
}


	.media-carousel img {
    
    margin-bottom: 25px !important;
}

.media-carousel .carousel-control.left {
    
	margin-top: 100vh !important;
	}
	
	.media-carousel .carousel-control.right {
    
	margin-top: 100vh !important;
	}
	
	.divImg .caption {
    height: 100%;
    width: 94% !important; }
	
	.square + .caption-text h1 {
    font-size: 24px !important;
    padding: 10px;
    width: 60% !important;
    margin: 0 auto !important;
}

	 

.footer {

	background-color: #fff;

}

.socialdiv {

	margin: 0% 0% 0% 25%;

}

.find-box-icon-div img {

	padding: 24% 0% 0% 24%;

}

.blog-image h4 {

	font-size: 28px;

	padding: 36% 10% 10%;

}

.story-story h2 {

	padding: 15% 2% 2%;

	font-size: 40px;

	line-height: 40px;

}

.story-text h2 {

	font-size: 34px;

	padding: 16% 18% 4%;

}

.story-text h3 {

	width: 54%;

	font-size: 16px;

	margin-bottom: 11%;

}

.story-text p {

	padding: 4% 20% 10%;

	font-size: 18px;

}

.them-story h2 {

	padding: 10% 2% 2%;

	font-size: 34px;

	line-height: 38px;

}

ul, label {

	font-size: 14px;

}

.jobmeet-div h3 {

	width: 52%;

	font-size: 16px;

}

.jobmeet-div p {

	padding: 2% 4% 9%;

}

.jobmeet-div h2 {

	padding: 11% 3% 5%;

	font-size: 40px;

}

.join-div p {

	padding: 1% 10% 3% 12%;

}

.join-div h2 {

	font-size: 30px;

	padding: 18% 25% 6%;

}

.join-div {

	margin: 3% 0% 0% 0px;

	height: 418px;

}

.join-story h2 {

   font-size: 35px;
line-height: 40px;
padding: 11% 0 0%;

}

.join-story p {

width: 84%;
text-align: justify;

}

.join-story p {
	padding: 0px 0px 30px;
	}

.product-listtext h2 {

	padding: 7% 7% 7%;

	font-size: 30px;

}

.start-div h2 {

	padding: 9% 17% 12%;

	font-size: 30px;

}

.start-div p {

	padding: 0% 23% 15%;

	font-size: 18px;

}

.start-div h3 {

	width: 40%;

	font-size: 16px;

}

.meet-div h2 {

	padding: 13% 17% 7%;

	font-size: 30px;

}

.meet-div p {

	padding: 0% 16% 14%;

	font-size: 16px;

}

.meet-div h5 {

	width: 55%;

	font-size: 16px;

}

.clintdiv img {

	margin: 0 auto;

}

.work-div h2 {

	font-size: 46px;

	margin: 5% 15% 4%;

}

.project h2 {

	padding: 5% 16% 5%;

	font-size: 46px;

}

.project h5 {

	padding: 0% 13% 5%;

	font-size: 18px;

}

.home-clint p {

	width: 50%;

	padding: 1% 0% 11%;

}

.project h3 {

	width: 42%;

	font-size: 16px;

}

.home-clint h2 {

	font-size: 46px;

	padding: 0% 12% 3%;

}

.storydiv h2 {

	font-size: 46px;

	padding: 0% 14% 4%;

}

.text-small {

	font-size: 46px;

	line-height: 30px;

}

.storydiv h3 {

	width: 33%;

	font-size: 16px;

}

.introdiv-boxicon {

	padding: 5% 0% 0% 44%;

}

.textmakkers-social {

	width: 89%;

	margin: 10% 40% 3%;

}

.theme-box {

	border-bottom: 1px solid #000;

	border-right: 0px solid #000;

}

.theme-box-two {

	border-bottom: 1px solid #000;

	border-right: 0px solid #000;

}

.theme-box-three {

	border-bottom: 1px solid #000;

	border-right: 0px solid #000;

}

.mapdiv-contct {

	width: 100%;

	background-color: none;

	top: 50px;

	left: 0%;

	min-height: 0px;

	position: relative;

}

/*.banner-w3lstext h3 {

	display: none;

}*/

/*.banner-inner-text {

	display: none;

}*/

/* .banner {

        min-height: 698px;

    }*/

.join-div h3 {

	width: 37%;

}

.storydiv h3 {

	width: 20%;

}

.box-work {

	width: 100%;

	min-height: 167px;

}

}

 @media(max-width:640px) {



	.socialdiv-footer {

    margin: 25% 0% 0% 8%;

}



.theme-box h3 {

	font-size: 28px;

}

.theme-box-two h3 {

	font-size: 28px;

}

.theme-box-three h3 {

	font-size: 28px;

}

.theme-box {

	min-height: 282px;

}

.theme-box-three {

	min-height: 282px;

}

.theme-box-two {

	min-height: 282px;

}

.introdiv-boxicon {

	padding: 5% 0% 0% 44%;

}

.product-listtext h3 {

	margin: 11px 72px 79px;

}

.widthbg {

	width: 68% !important

}

.widthbg1 {

	width: 68% !important

}

.icon-theme {

	left: 20%;

}

.icon-theme-two {

	left: 18%;

}

.icon-theme-three {

	left: 18%;

}

.divmakers {

    margin: 0% -4% 0%;

}

.story-text {

	margin: 5% 0% 0%;

}

.moda-abou {

	height: 100vh;

}

.textmakkers {

	width: 42%;

	position: absolute;

	top: 14%;

}

.textmakkers-social {

	width: 89%;

	margin: 4% 45% 3%;

}

.theme-box {

	border-bottom: 1px solid #000;

	border-right: 0px solid #000;

}

.theme-box-two {

	border-bottom: 1px solid #000;

	border-right: 0px solid #000;

}

.theme-box-three {

	border-bottom: 1px solid #000;

	border-right: 0px solid #000;

}

.mapdiv-contct {

	width: 100%;

	background-color: none;

	top: 50px;

	left: 0%;

	min-height: 0px;

	position: relative;

}

/*.banner-w3lstext h3 {

	display: none;

}*/

/*.banner-inner-text {

	display: none;

}*/

.storydiv h3 {

	width: 42%;/* margin: 23%;*/

}

.banner-w3lstext h3 {

	font-size: 3.5em;

}

/* .banner {

        min-height: 698px;

    }*/

.banner-text {

	margin-top: 8em;

}

.welcome,  .team,  .services,  .about,  .gallery,  .codes,  .contact {

	padding: 2.5em 0;

}

.join-div h3 {

	width: 37%;

}

}

 @media(max-width:360px) {
	 
	 
	 .home-section {
    
    min-height: 48vh;
}

.introdiv-boxicon {

	padding: 5% 42% 0%;

}

.text-small {

	font-size: 30px;

	line-height: 30px;

}

.project h5 {

	padding: 0% 25% 10%;

	font-size: 16px;

}

.project h3 {

	width: 36%;

	font-size: 14px;

	margin-bottom: 7%;

}

.home-clint h2 {

	font-size: 30px;

	margin: 5% 0% 10%;

}

.project h2 {

	padding: 5% 17% 7%;

	font-size: 30px;

}

.work-div h2 {

	font-size: 35px;

	margin: 5% 0% 6%;

}

.storydiv h3 {

	width: 52%;

	margin: 16px 85px 13px;

	font-size: 14px;

}

.storydiv h2 {

	font-size: 30px;

	line-height: 30px;

	padding: 0% 11% 7%;

}

.copyfoot img {

	width: 9%;

}

.product-listtext h3 {

	margin: 11px 72px 79px;

}

.icon-theme {

	left: 24%;

}

.icon-theme-two {

	left: 18%;

}

.icon-theme-three {

	left: 19%;

}

.theme-box {

	border-bottom: 1px solid #000;

	border-right: 0px solid #000;

}

.theme-box-two {

	border-bottom: 1px solid #000;

	border-right: 0px solid #000;

}

.theme-box-three {

	border-bottom: 1px solid #000;

	border-right: 0px solid #000;

}

.mapdiv-contct {

	width: 100%;

	background-color: none;

	top: 50px;

	left: 0%;

	min-height: 0px;

	position: relative;

}

/*.banner-w3lstext h3 {

	display: none;

}*/

/*.banner-inner-text {

	display: none;

}*/

.box-work {

	min-height: 931px;

}

.storydiv h3 {

	width: 52%;

	margin: 16px 85px 70px;

}

.storydiv p {

	width: 92%;

}

/* .banner {

        min-height: 967px;

    }*/

    

.div-dotted {

	width: 62%;

}

.join-div h2 {

	font-size: 32px;

}

.join-div h3 {

	width: 64%;

}

.footerbox h3 {

/*	padding: 45px 0px 0px 24px;*/

	font-size: 30px;

}

.footerbox-two h3 {

	padding: 45px 0px 0px 24px;

	font-size: 30px;

}

.footerbox-three h3 {

	padding: 45px 0px 0px 24px;

	font-size: 30px;

}

.footerbox-four h3 {

	padding: 45px 0px 0px 24px;

	font-size: 30px;

}

}

 @media(max-width:320px) {

.text-small {

	font-size: 30px;

	line-height: 30px;

}

.footerbox-two h4 {

	width: 76%;

	margin: 10%;

	text-align: center;

}

.footerbox p {

    padding: 0px 0px 0px 2px;

    color: #000;

}

.footerbox-two p {

	color: #EAEAEA;

	padding: 24px 35px 0px 24px;

}

.home-clint h2 {

	font-size: 30px;

	padding: 7% 12% 0%;

}

.project h3 {

	width: 42%;

	font-size: 14px;

}

.project h5 {

	color: #000;

	font-size: 14px;

	padding: 1% 16% 13%;

	text-align: center;

}

.project h2 {

	color: #000;

	font-size: 30px;

	padding: 12% 12% 8%;

	text-align: center;

	text-transform: uppercase;

}

.storydiv h2 {

	font-size: 30px;

	line-height: 30px;

	padding: 2% 11% 7%;

}

.find-box {

	margin: 34% 0% 3% 0%;

}

.icon-theme {

	left: 14%;

}

.icon-theme-two {

	left: 8%;

}

.icon-theme-three {

	left: 9%;

}

.work-div h2 {

	font-size: 30px;

	margin: 5% 11% 5%;

}

.theme-box {

	border-bottom: 1px solid #000;

	border-right: 0px solid #000;

}

.theme-box-two {

	border-bottom: 1px solid #000;

	border-right: 0px solid #000;

}

.theme-box-three {

	border-bottom: 1px solid #000;

	border-right: 0px solid #000;

}

.mapdiv-contct {

	width: 100%;

	background-color: none;

	top: 50px;

	left: 0%;

	min-height: 0px;

	position: relative;

}

/*.banner-w3lstext h3 {

	display: none;

}

.banner-inner-text {

	display: none;

}*/

.join-div h2 {

	font-size: 28px;

}

.join-div h3 {

	width: 55%;

}

.footerbox h3 {

	/*padding: 45px 0px 0px 24px;*/

	font-size: 30px;

}

.footerbox-two h3 {

	padding: 45px 0px 0px 24px;

	font-size: 30px;

}

.footerbox-three h3 {

	padding: 45px 0px 0px 24px;

	font-size: 30px;

}

.footerbox-four h3 {

	padding: 45px 0px 0px 24px;

	font-size: 30px;

}

.join-story h2 {

	font-size: 37px;

}

.join-story p {

	width: 84%;

}

.div-dotted {

	width: 61%;

}

.banner-w3lstext h3 {

	font-size: 2.2em;

}

.banner-w3lstext p {

	font-size: 0.9em;

}

.storydiv p {

	width: 69%;

}

.storydiv h3 {

	width: 42%;

	margin: 2% 29% 0%;

	font-size: 14px;/* padding: 5% 0% 6%;*/

}

.box-work {

	min-height: 1103px;

	background-color: #000;

}

}

.holder-img {

	width: auto;

	height: auto;

	float: left;

	position: relative;

}

.holder-img figure.effect-bubba {

	background: #000;

}

.holder-img figure.effect-bubba img {

	opacity: 2;

	-webkit-transition: opacity 1s;

	transition: opacity 1s;

}

.holder-img figure.effect-bubba:hover img {

	opacity: 0.4;

}

.holder-img figure.effect-bubba figcaption::before, .holder-img figure.effect-bubba figcaption::after {

	position: absolute;

	top: 30px;

	right: 30px;

	bottom: 30px;

	left: 30px;

	content: '';

	opacity: 0;

	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

	transition: opacity 0.35s, transform 0.35s;

}

.holder-img figure.effect-bubba figcaption::before {

	border-top: 1px solid #fff;

	border-bottom: 1px solid #fff;

	-webkit-transform: scale(0, 1);

	transform: scale(0, 1);

}

.holder-img figure.effect-bubba figcaption::after {

	border-right: 1px solid #fff;

	border-left: 1px solid #fff;

	-webkit-transform: scale(1, 0);

	transform: scale(1, 0);

}

.holder-img figure.effect-bubba h2 {

	padding-top: 30%;

	-webkit-transition: -webkit-transform 0.35s;

	transition: transform 0.35s;

	-webkit-transform: translate3d(0, -20px, 0);

	transform: translate3d(0, -20px, 0);

}

.holder-img figure.effect-bubba p {

	padding: 100px 2.5em;

	opacity: 0;

	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

	transition: opacity 0.35s, transform 0.35s;

	-webkit-transform: translate3d(0, 20px, 0);

	transform: translate3d(0, 20px, 0);

	font-size: 18px;

	line-height: 20px;

}

.holder-img figure.effect-bubba:hover figcaption::before, .holder-img figure.effect-bubba:hover figcaption::after {

	opacity: 1;

	-webkit-transform: scale(1);

	transform: scale(1);

}

.holder-img figure.effect-bubba:hover h2, .holder-img figure.effect-bubba:hover p {

	opacity: 1;

	-webkit-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0);

}

.holder-img figure img {

	position: relative;

	display: block;

	opacity: 0.8;

}

.holder-img figure figcaption {

	padding: 2em;

	color: #fff;

	text-transform: uppercase;

	font-size: 1.25em;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

}

.holder-img figcaption::before, .holder-img figcaption::after {

	pointer-events: none;

}

.holder-img figcaption, .holder-img figcaption > a {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}

/* Anchor will cover the whole item by default */





/* For some effects it will show as a button */



.holder-img figure figcaption > a {

	z-index: 1000;

	text-indent: 200%;

	white-space: nowrap;

	font-size: 0;

	opacity: 0;

}

.holder-img figure h2 {

	word-spacing: -0.15em;

	font-weight: 300;

}

.holder-img figure h2 span {

	font-weight: 800;

}

.holder-img figure h2, .holder-img figure p {

	margin: 0;

}

.holder-img figure p {

	letter-spacing: 1px;

	font-size: 68.5%;

}

.makershover {

	padding: 7px;

	box-sizing: border-box;

	float: left;

}

.makershover figure.effect-bubba {

/*background: #9e5406;*/

}

.makershover figure.effect-bubba img {

	opacity: 1;

	-webkit-transition: opacity 0.35s;

	transition: opacity 0.35s;

}

.makershover figure.effect-bubba:hover img {

	opacity: 0.4;

}

.makershover figure.effect-bubba figcaption::before, .makershover figure.effect-bubba figcaption::after {

	position: absolute;

	top: 30px;

	right: 30px;

	bottom: 30px;

	left: 30px;

	content: '';

	opacity: 0;

	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

	transition: opacity 0.35s, transform 0.35s;

}

.makershover figure.effect-bubba figcaption::before {

	border-top: 1px solid #fff;

	border-bottom: 1px solid #fff;

	-webkit-transform: scale(0, 1);

	transform: scale(0, 1);

}

.makershover figure.effect-bubba figcaption::after {

	border-right: 1px solid #fff;

	border-left: 1px solid #fff;

	-webkit-transform: scale(1, 0);

	transform: scale(1, 0);

}

.makershover figure.effect-bubba h2 {

	padding-top: 30%;

	-webkit-transition: -webkit-transform 0.35s;

	transition: transform 0.35s;

	-webkit-transform: translate3d(0, -20px, 0);

	transform: translate3d(0, -20px, 0);

}

.makershover figure.effect-bubba p {

	padding: 20px 2.5em;

	opacity: 0;

	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

	transition: opacity 0.35s, transform 0.35s;

	-webkit-transform: translate3d(0, 20px, 0);

	transform: translate3d(0, 20px, 0);

}

.makershover figure.effect-bubba:hover figcaption::before, .makershover figure.effect-bubba:hover figcaption::after {

	opacity: 1;

	-webkit-transform: scale(1);

	transform: scale(1);

}

.makershover figure.effect-bubba:hover h2, .makershover figure.effect-bubba:hover p {

	opacity: 1;

	-webkit-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0);

}

/* Common style */

.makershover figure {

	position: relative;

	float: left;

	overflow: hidden;

	width: 100%;

	/*background: #3085a3;*/

	text-align: center;

	cursor: pointer;

}

.makershover figure img {

	position: relative;

	display: block;

	min-height: 100%;

	max-width: 100%;

	opacity: 0.8;

}

.makershover figure figcaption {

	padding: 2em;

	color: #fff;

	text-transform: uppercase;

	font-size: 1.25em;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

}

.makershover figure figcaption::before, .makershover figure figcaption::after {

	pointer-events: none;

}

.makershover figure figcaption, .makershover figure figcaption > a {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}

.makershover figure figcaption:hover {

	background: rgba(0,0,0, 0.5);

}

/* Anchor will cover the whole item by default */

/* For some effects it will show as a button */

.makershover figure figcaption > a {

	z-index: 1000;

	text-indent: 200%;

	white-space: nowrap;

	font-size: 0;

	opacity: 0;

}

.makershover figure h2 {

	word-spacing: -0.15em;

	font-weight: 300;

}

.makershover figure h2 span {

	font-weight: 800;

}

.makershover figure h2, .makershover figure p {

	margin: 0;

}

.makershover figure p {

	letter-spacing: 1px;

	font-size: 68.5%;

}

.client-slider {

	width: 100%;

	height: auto;

	float: left;

}

.main-head{

	font-size:40px ;

}

.sub-head-1{

	font-size:34px;
	font-weight:bold;

}

.sub-head-2{

	font-size:30px;

}

.sub-head-3{

	font-size:22px;

        color: #333;

}

.para-type-1{

	font-size:18px !important;

	line-height:18px;

}

.para-type-2{

	font-size:14px !important;

	line-height:20px;

}

.para-type-about{

    

    width: 70%;

text-align: center;

margin: 0 auto;

   

}

.para-type-about p{

        

	font-size:14px ;

	line-height:20px !important;

        

}

.job-div{

    width: 91%;

    margin: 0px auto;
    padding: 0px;

    

    line-height: 22px !important;

    text-align: justify !important;

}

.job-div p{

    padding: 10px;

    font-size: 14px !important;

    line-height: 22px !important;

    text-align: justify !important;

}
.job-div ul{

    padding: 10px;

    font-size: 16px !important;

    line-height: 22px !important;

    text-align: justify !important;

}

.current-vaccancy{

    cursor: pointer !important;

}

.fixed-back-1{

	background:url("../../white-canvas-background_1053-239.jpg");

	background-attachment:fixed;

	background-size:cover;

}

.descoo p{

    font-size: 16px !important;

    line-height: 18px !important;

    text-align: center !important;

}

.width-60{

    width: 60%;

    line-height: 22px;

}

.back-better{

    background-image: url("../../white-canvas-background_1053-239.jpg");

    background-size: cover;

    background-attachment: fixed;

    padding-top: 3%;

}



/*///////Accordion///////*/



#accordion .panel{

 border:0px none;

 box-shadow:none;

}

#accordion .panel-heading{

 padding:0;

 background: #fff;

}

#accordion .panel-title a{

 display: block;

 position: relative;

 background:transparent;

 color:#de4d4e;

 font-size:14px;

 font-weight: bolder;

 text-transform:uppercase;

 margin-bottom:15px;

 padding:15px 20px;

 border-bottom:1px solid #de4d4e;

 border-radius: 0 15px 0 15px;

 transition:all 0.10s linear 0s;

}

#accordion .panel-title a.collapsed{

 color:#808080;

 border-bottom:1px solid #d3d3d3;

 margin: 0;

}

#accordion .panel-title a i{

 color:#de4d4e;

 position: absolute;

 top: 14px;

 left:25px;

}

#accordion .panel-title a:before,

#accordion .panel-title a.collapsed:before{

 content:"";

 position: absolute;

 bottom:-15px;

 left:36px;

 border:7px solid transparent;

 border-top:7px solid #de4d4e;

}

#accordion .panel-title a.collapsed:before{

 content:"";

 border: 0px none;

}

#accordion .panel-title a.collapsed:hover{

 color: #6a6060;

}

#accordion .panel-title a:after,

#accordion .panel-title a.collapsed:after{

 content: "\f106";

 font-family: FontAwesome;

 color: #de4d4e;

 font-size: 20px;

 line-height: 20px;

 position: absolute;

 top: 14px;

 right:25px;

}

#accordion .panel-title a.collapsed:after{

 content: "\f107";

 color:#808080;

}

#accordion .panel-body{

 border-top:0 none;

 color:#808080;

}

/* 

//accordion ends//*/