/* Deshpande Associates */

/* Table of Content
==================================================
	#Homepage Styles
	#Page Styles
	#Media Queries
	#Font-Face */
html, body, #wrapper {
	 height: 100%;
	 
	 } 

body > #wrapper {height: auto; min-height: 100%; background:#111111;
	}
#main{
	  width:100%;
	  padding:0;
	  margin:0 auto;
	  padding-top:120px;
	}
#main_Inner{
	  width:100%;
	  padding:0;
	  margin:0 auto;
	  
	}
*{
	padding:0;
	margin:0;
	}
/* #Grid system
================================================== */
.container{
	width:1170px;
	margin:0 auto;
	}
.container:before, .container:after, .row:before, .row:after{
	content:"";
	display:table;
	}
.container:after, .row:after{clear:both;}
.row{
	margin-left:-10px;
	margin-right:-10px;
	}
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{
	position:relative;
	min-height:1px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	}

.col-sm-12{width:100%;}
.col-sm-11{width:91.66666667%;}
.col-sm-10{width:83.33333333%;}
.col-sm-9{width:75%;}
.col-sm-8{width:66.66666667%;}
.col-sm-7{width:58.33333333%;}
.col-sm-6{width:50%;}
.col-sm-5{width:41.66666667%;}
.col-sm-4{width:33.33333333%;}
.col-sm-3{width:25%;}
.col-sm-2{width:16.66666667%;}
.col-sm-1{width:8.33333333%;}
.flt-right { float: right; }
.flt-left { float: left; }


/* #Buttons Styles
================================================== */
.submit{
	width:85%;
	background:#1c1b17;
	padding:5% 0%;
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	color:#fff;
	text-align:center;
	margin:5% auto 0%;
	border:none;
	transition: all 500ms ease 0s;
	border-radius:5px;
	}
.btn_more{
	width:20%;
	background:#ffc668;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	color:#fff;
	text-align:center;
	padding:1.5% 2%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	cursor:pointer;
	margin-top:2%;
	}
.btn_more:hover{
	background:#000;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	}
.btn_more a{
	color:#fff;
	}
/* #Homepage Styles
================================================== */
.clr{
	clear:both;
	}
.center{
	text-align:center!important;
	}
.bold{
	font-weight:700!important;
	}
.pdt5{
	padding-top:5px;
	}
a{
	color:#e05510;
	}
/* =Header
-------------------------------------------------------------- */
.bdr{
	border:none!important;
	}
header {
	width: 100%;
	position: fixed;
	top:10;
	left: 0;
	z-index:999;
	background: rgba(0, 0, 0, 0);
	border-bottom: 1px solid rgba(255, 198, 104, 0.38);
	padding-bottom:1%;
	}
header .logo {
	width:18%;
	float:left;
	padding:1% 0%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	position:relative;
	}
header .Nav_Box {
	float:right;
	padding:3% 0% 0%;
	}
header nav {
	float:right;
	padding:1% 0%;
	}
header.smaller {
	top:0;
	background:#000;
	}
header.smaller .logo {
	width:13%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;	
	}
header.smaller .logo img{
	width:100%;
	}
header.smaller nav {
	float:right;
	padding:1% 0%;
	}


/* banner style
================================================== */
.banner {
	width:100%;
	margin:0 auto;
	padding:4% 0 0%;
	text-align:center;
	position:relative;
	}
.logo_btm{
	width:100%;
	margin:0 auto;
	text-align:center;
	opacity:0.5;
	}
.main_top{
	width:100%;
	background:url(../images/bg.jpg) repeat left;
	}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .banner {
	width:100%;
	margin:0 auto;
	padding:12% 0 5%;
	text-align:center;
	position:relative;
	}
}
/* ============================= slider3 ====================== */
#slider3_wrapper {
	padding-top: 0px;
	margin: 2% 0%;
	}
#slider3 {
	position: relative;
	}
.slider3_txt {
	display: block;
	line-height: 40px;
	padding: 0;
	font-family: 'Varela Round', sans-serif;
	font-weight: 700;
	font-size: 30px;
	color: #999999;
	margin-bottom: 30px;
	text-align: center;
	}
.slider3_txt_inner {
	display: block;
	line-height: 37px;
	padding: 0;
	font-family: 'Varela Round', sans-serif;
	font-weight: 700;
	font-size: 24px;
	color: #666666;
	margin-bottom: 5px;
	}
.prev3 {
	display: block;
	position: absolute;
	left:47%;
	bottom:-72px;
	height:46px;
	width:46px;
	z-index: 100;
	padding: 1%;
	transition: all .2s ease-in;
	background: url(../images/prev.jpg) 5px 6px no-repeat;
	}
.next3 {
	display: block;
	position: absolute;
	left:50%;
	bottom:-72px;
	height:46px;
	width:46px;
	z-index: 100;
	padding: 1%;
	transition: all .2s ease-in;
	background: url(../images/next.jpg) 5px 6px no-repeat;
	}
.carousel-box {
	position: relative;
	}
.carousel-box .inner {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	}
.carousel.main {
	position: relative;
	overflow: hidden;
	}
.caroufredsel_wrapper {
	padding: 0;
	margin: 0;
	}
.caroufredsel_wrapper ul {
	padding: 0;
	margin: 0;
	}
.carousel-box ul li {
	float: left;
	display: inline-block;
	position: relative;
	width: 100%;
	overflow: hidden;
	padding: 0 0.2%;
	margin: 0 -6px;
	}
#myMarquee{
	width:100%;
	}
.interior{
	width:100%;
	margin:0 auto;
	}
.interior .interior_thum{
	width:20%;
	float:left;
	padding:0 2%;
	}
.interior .interior_thum img{
	width:100%;
	float:left;
	}
img.grayscale {
  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 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  cursor:pointer;
}

img.grayscale:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
  -webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}
.banner #left{
	left:-63px;
	top:50%;
	position:absolute;
	}
.banner #right{
	right:-63px;
	top:50%;
	position:absolute;
	}
/* inner page style
================================================== */
.Inner_Banner {
	background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #ffffff;
    padding:10% 0 5%;
    position: relative;
	}
.position-center-center{
    position: absolute;
    top:25%;
	text-align: center;
	margin: 0 auto;
	width: 100%;
	}
.position-center-center h3 {
	font-family: 'Raleway', sans-serif;
    color: #fff;
    font-size:24px;
    font-weight:300;
    margin-top:80px;
	margin-bottom:10px;
	text-align:left;
	text-transform:uppercase;
	}
.position-center-center hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color: #666666 currentcolor;
    border-image: none;
    border-style: solid none;
    border-width: 1px medium;
    height: 1px;
    width: 150px;
	float:left;
	}
hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #666666 currentcolor currentcolor;
    border-image: none;
    border-style: solid none none;
    border-width: 1px 0 0;
    margin-bottom: 20px;
    margin-top: 20px;
	}
hr {
    box-sizing: content-box;
    height: 0;
	}
.breadcrumb {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    float:left;
	}
.breadcrumb ul {
   float:left;
	}
.breadcrumb li {
	font-family: 'Raleway', sans-serif;
    color: #fff;
    font-size: 12px;
    font-weight:400;
    letter-spacing: 1px;
    line-height: 30px;
    margin:10px 0 10px 0px;
    text-transform: none;
	text-align:left;
	display:inline-block;
	}
.breadcrumb li a {
	font-family: 'Raleway', sans-serif;
    color: #666666;
    font-size:12px;
    font-weight:400;
    text-transform: none;
	}
.breadcrumb li a::after {
   content:">";
   color: #666666;
   font-size:14px;
   margin:10px 0 10px 10px;
	}
.breadcrumb > li + li::before {
    color: #666666;
	}
.About_Section{
	width:100%;
	margin:0 auto;
	padding:4% 0%;
	}
.About_Section .Lt{
	width:100%;
	float:left;
	}
.About_Section .Rt{
	width:100%;
	float:left;
	background:#000;
	padding:4%;
	}
.About_Section .Lt .thum{
	width:100%;
	margin:0 auto;
	text-align:center;
	}	
.About_Section .Lt .thum img{
	width:100%;
	margin:0 auto;
	text-align:center;
	}	
.About_Section .Rt .Title {
	font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size:18px;
    font-weight: 600;
    text-align: left;
    width: 100%;
	padding:0;
	text-transform:uppercase;
	}
.About_Section .Rt p {
    font-family: 'Open Sans', sans-serif;
    font-size:13px;
	color: #fff;
    text-align: left;
	line-height:22px;
	padding:0%;
	}
.About_Section .Rt .Text_Box{
	padding-bottom:2%;
	}
.team{
	width:100%;
	margin:2% auto 0;	
	border-top:1px solid #333333;
	}
.team .Title{
	font-family: 'Open Sans', sans-serif;
    color:#fff;
    font-size:24px;
	padding:2% 0;
	}
.team .team_member{
	width:100%;
	margin:0 auto;	
	}
.team .team_member .Thum{
	width:100%;
	margin:0 auto;	
	text-align:center;
	padding-bottom:2%;
	}
.team .team_member .name{
	font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size:14px;
	text-align:center;
	}
.team .team_member .tot_yer{
	font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size:13px;
	text-align:center;
	}
.team .team_member .tot_area{
	font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size:13px;
	text-align:center;
	}
/* Services
================================================== */
.Services_Section{
	width:100%;
	margin:0 auto;
	padding:2% 0 10%;
	}
.cat_home {
    margin: 0 auto;
    width: 100%;
	}
.cat_home .col-sm-7, .col-sm-5 {
    padding: 0;
	}
.cat_home .mbox {
    display: none;
	}
.cat_home .dbox {
    display: block;
	}
.cat_home .pd_lt {
    padding-left: 5%;
    padding-top: 8%;
	}
.cat_home .pd_rt {
    padding-right: 5%;
    padding-top: 8%;
	}
.cat_home .lt {
    float: left;
    height:485px;
    width: 100%;
	}
.cat_home .lt .thum {
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
	}
.cat_home .lt .thum img {
    text-align: center;
    transform: scale(1);
    transition: all 0.3s ease-in-out 0s;
    /*width: 100%;*/
	}
.cat_home .lt .thum img:hover {
    transform: scale(1.1);
	}
.cat_home .rt {
    background: #000 none repeat scroll 0 0;
    float: left;
    height:495px;
    padding:2% 5%;
    width: 100%;
	}
.cat_home .rt h4 {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size:24px;
    font-weight:600;
    padding-bottom: 2%;
    text-align: left;
    text-transform: uppercase;
	}
.cat_home .rt h4 span {
    border-bottom: 1px solid #aa852d;
    padding-bottom: 3px;
	}
.cat_home .rt p {
    color: #58595b;
    font-family: 'Open Sans', sans-serif;
    font-size:16px;
    font-weight: 300;
    line-height: 28px;
    text-align: left;
	}
.cat_home .rt p a{
	color:#744b1e;
	font-weight:700;
	}
.arrow_box {
    background:#000;
    border: 4px solid #000;
    position: relative;
	}
.arrow_left {
    position: absolute;
    right: 0;
    top: 45%;
    width: auto;
	}
.arrow_right {
    left: 0;
    position: absolute;
    top: 45%;
    width: auto;
	}
.arrow_box_rt {
    background:#000;
    border: 4px solid #000;
    position: relative;
	}
.cat_home .More {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #58595b;
    font-weight: 400;
	text-align:center;
	border:1px solid #000000;
	padding:1.5%;
	float:left;
	margin:2% 0 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	}
.cat_home .More a{
    color: #58595b;
    font-weight: 400;
	text-align:center;
	}
.cat_home .More:hover{
	background:#ed1c24;
	border:1px solid #fff;
	color:#fff;
	}
.cat_home .More a:hover{
	color:#fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	}
.cat_home .Box ul {
	margin: 0;
	}
.cat_home .Box ul li {
	display: block;
	background: url(../images/box.jpg) 5px 12px no-repeat;

	}
.cat_home .Box ul li:last-child {
	border-bottom: none;
	}
.cat_home .Box ul li{
	font-family: 'Open Sans', sans-serif;
	color: #fff;
    font-size:15px;
    font-weight: 400;
    line-height: 22px;
	font-style: normal;
	text-decoration: none;
	text-align: left;
	display: block;
	padding: 0px 0px 2% 30px;
	}
/* Project
================================================== */
.Project_Section{
	width:100%;
	margin:0 auto;
	padding:2% 0% 10%;
	}
.Project_Section .Lt_Sec{
	width:100%;
	float:left;
	}
.Project_Section .Rt_Sec{
	width:100%;
	float:left;
	}
.Project_Section .Lt_Sec .Proj_Title{
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	font-size:16px;
	font-weight:600;
	line-height: 22px;
	padding-bottom:5%;
	}
.Project_Section .Lt_Sec .Proj_desc{
	border: 1px solid #333333;
	margin-bottom: 10px;
	padding:5% 2%;
	}
.Project_Section .Lt_Sec .Proj_desc .text{
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	font-size:13px;
	font-weight:400;
	}
.Project_Section .Lt_Sec .Proj_desc .text:before{
	content:url(../images/box.jpg);
	padding:0 15px;
	}
.Project_Section .Lt_Sec p{
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	font-size:13px;
	font-weight:400;
	line-height:20px;
	padding-top:2%;
	}		
.Project_Section .Lt_Sec .Video_Box{
	width:100%;
	margin:0 auto;
	padding:5% 0%;
	}
.Project_Section .Lt_Sec .Video_Box{
	width:100%;
	margin:0 auto;
	}
.Project_Section .Lt_Sec .Video_Box .thum .playbtn{
	position:absolute;
	text-align:center;
	left:45%;
	top:45%;
	}
.Project_Section .Lt_Sec .Video_Box .thum{
	width:100%;
	text-align:center;
	position:relative;
	}
.Project_Section .Lt_Sec .Video_Box .thum img{
	width:100%;
	text-align:center;
	}
.Project_cat{
	width:100%;
	margin:0 auto 5%;
	}
/*---------------*/
/***** Marley *****/
/*---------------*/

figure.effect-marley figcaption {
	text-align: right;
	}

figure.effect-marley h2,
figure.effect-marley p {
	position: absolute;
	right: 30px;
	left: 30px;
	padding: 10px 0;
	}
figure.effect-marley p {
	bottom:30px;
	line-height: 1.5;
	-webkit-transform: translate3d(0,200%,0);
	transform: translate3d(0,200%,0);
	}
figure.effect-marley .det {
	opacity:0;
	margin:4% 0 0;
	}
figure.effect-marley:hover .det {
	opacity:10;
	}
figure.effect-marley h2 {
	top:0px;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
	color:#fff;
	font-size:28px;
	font-family:'Open Sans', sans-serif;
	}
figure.effect-marley:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	}
figure.effect-marley h2::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height:1px;
	background: #fff;
	content: '';
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
	}
figure.effect-marley h2::after,
figure.effect-marley p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	color:#fff;
	font-size:18px;
	font-family:'Open Sans', sans-serif;
	text-align:right;
	}
figure.effect-marley:hover h2::after,
figure.effect-marley:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	}
/* h3*/
figure.effect-marley h3 {
	top:0px;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
	color:#fff;
	font-size:16px;
	font-family:'Open Sans', sans-serif;
	}
figure.effect-marley:hover h3 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	}
figure.effect-marley h3::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height:1px;
	background: #fff;
	content: '';
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
	}
figure.effect-marley h3::after,
figure.effect-marley p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	color:#fff;
	font-size:18px;
	font-family:'Open Sans', sans-serif;
	text-align:right;
	}
figure.effect-marley:hover h3::after,
figure.effect-marley:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	}
.grid {
	position: relative;
	margin: 0 auto;
	list-style: none;
	text-align: center;
	}
/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	width:100%;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
	margin-bottom:8%;
	}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
	}
.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	}
.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
	}
.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}
.grid figure figcaption:hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
	}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
	}
.grid figure h2 {
	word-spacing: -0.15em;
	font-weight:600;
	padding:8% 0 0;
	}
.grid figure h2 span {
	font-weight:400;
	font-family:'Open Sans', sans-serif;
	}
.grid figure h2,
.grid figure p {
	margin: 0;
	}
.grid figure p {
	letter-spacing: 1px;
	}

/* Media
================================================== */
.Media_Section{
	width:100%;
	margin:0 auto;
	padding:2% 0;
	}
.Media_Section .Media_Box{
	width:100%;
	margin:0 auto 20px;
	background:#fff;
	position:relative;
	text-align:center;
	padding-bottom:18%;
	}
.Media_Section .Media_Box .thum{
	width:100%;
	margin:0 auto;
	text-align:center;
	}
.Media_Section .Media_Box .thum img{
	width:100%;
	text-align:center;
	}
.Media_Section .Media_Box .Media_Title{
	width:80%;
	background:#fff;
	position:absolute;
	bottom:10%;
	left:8%;
	padding:5% 4% 1%;
	}
.Media_Section .Media_Box .Media_Title .Title{
	font-family: 'Open Sans', sans-serif;
    color: #000;
    font-size:16px;
    font-weight:700;
	text-align:left;
	padding-bottom:4%;
	}
.Media_Section .Media_Box .Media_Title .date{
	font-family: 'Open Sans', sans-serif;
    color: #333333;
    font-size:14px;
    font-weight:400;
	text-align:left;
	}
/* Clientle Section
================================================== */
.clientle_Section{
	width:100%;
	margin:0 auto;
	padding:2% 0% 10%;
	}
.col-6 {
    box-sizing: border-box;
    position: relative;
}
.box {
    border-left: 1px solid rgba(35, 33, 38, 0.5);
    border-top: 1px solid rgba(35, 33, 38, 0.5);
    margin: 15px 0;
    position: relative;
    text-align: center;
}
.box::before, .box::after {
    clear: both;
    content: "";
    display: block;
    width: 100%;
}
.box .col-6 {
    border-bottom: 1px solid rgba(35, 33, 38, 0.5);
    border-right: 1px solid rgba(35, 33, 38, 0.5);
    box-sizing: border-box;
    float: left;
    padding:4% 20px;
    width:20%;
}
.box .col-6:last-child::after {
    clear: both;
    content: "";
    display: block;
    width: 100%;
}
.work-for {
    padding-top:2%;
    text-align: center;
}
.work-for .box, .work-for .col-6 {
    border-color: #dedede;
}
.box .col-6:nth-child(odd)		{ background-color:#eee; }
.box .col-6:nth-child(even)		{ background-color:#fff; }
img.grayscale {
  filter: url("data:image/clients/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 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  cursor:pointer;
}

img.grayscale:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
  -webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}

.client_two .client_member{
	width:100%;
	margin:0 auto;	
	padding-bottom:15px;
	}
.client_two .client_member .Thum{
	width:100%;
	margin:0 auto;	
	text-align:center;
	padding-bottom:2%;
	}
.client_two .client_member .name{
	font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size:14px;
	text-align:center;
	height:50px;
	}
.Box h4 {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    font-weight: 600;
    padding-bottom: 2%;
    text-align: left;
    text-transform: uppercase;
}
.Box ul {
	margin: 0;
	}
.Box ul li {
	display: block;
	background: url(../images/box.jpg) 5px 12px no-repeat;

	}
.Box ul li:last-child {
	border-bottom: none;
	}
.Box ul li{
	font-family: 'Open Sans', sans-serif;
	color: #fff;
    font-size:15px;
    font-weight: 400;
    line-height: 22px;
	font-style: normal;
	text-decoration: none;
	text-align: left;
	display: block;
	padding: 0px 0px 1% 30px;
	}
/* career
================================================== */
.career{
	width:100%;
	margin:0 auto;
	padding:3% 0;
	}
.career .lt_box{
	width:35%;
	float:left;
	}
.career .Title{
	font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size:22px;
    font-weight: 600;
	padding-bottom:4%;
	}
.career .rt_box{
	width:60%;
	float:right;
	padding-left:5%;
	text-align:right;
	}
.career .rt .paper-pin{
	width:100%;
	float:right;
	}
.upload{
	font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size:14px;
	}
.career_btn {
	width:20%;
	margin:4% 0 0;
	float:left;
	position: relative;
	display: block;
	padding:2% 0%;
	overflow: hidden;
	border-width: 0;
	outline: none;
	border-radius: 2px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .6);
	background-color:#333333;
	color: #fff;
 	transition: background-color .3s;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	text-transform:uppercase;
	cursor:pointer;
	text-align:center;
	}
.career_btn:hover {
	background-color: #fff;
	color:#000;
	}
	
/* contact
================================================== */
.Contact_Page{
	width:100%;
	margin:0 auto;
	padding:0% 0% 2%;
	}
.Contact_Page .Title {
	font-family: 'Open Sans', sans-serif;
    color: #333333;
    font-size:28px;
    font-weight: 600;
    text-align: center;
	padding:0% 0 1%;
	text-transform:uppercase;
	}
.Contact_Page p{
	font-family: 'Open Sans', sans-serif;
    color: #666666;
    font-size:14px;
    font-weight:400;
    text-align:center;
	text-transform:none;
	line-height:26px;
	}
.contact_information {
    margin: 0 auto;
    padding: 2% 0;
    width: 100%;
	}
.ci_box {
    margin: 0 auto;
    width: 100%;
	}
.ci_box .ci_icon {
    padding-bottom: 5%;
    text-align: center;
	}
.ci_box .ci_title {
    color: #714f03;
    font-family: "Open Sans",sans-serif;
    font-size:18px;
    font-weight:600;
    padding-bottom: 5%;
    text-align: center;
	text-transform:uppercase;
	}
.ci_box .text p {
    color: #333333;
    font-family: "Open Sans",sans-serif;
    font-size:14px;
    font-weight: 300;
    line-height: 26px;
    text-align: center;
	}
.ci_box .text p a {
    color: #58595b;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    text-align: center;
	}
.form{
	width:100%;
	padding:2% 0%;
	}
.form .lt{
	width:50%;
	float:left;
	}
.form .rt{
	width:50%;
	float:left;
	}
.form .Title {
	font-family: 'Open Sans', sans-serif;
    color: #333333;
    font-size:28px;
    font-weight: 600;
    text-align: center;
	padding:0% 0 2%;
	text-transform:uppercase;
	}
.form .subtitle {
	font-family: 'Open Sans', sans-serif;
    color: #333333;
    font-size:14px;
    font-weight:400;
    text-align: left;
	padding:1% 0 1% 10px;
	}
.form .col-sm-3{
	padding:0 0 20px 10px;
	}
.form .col-sm-3 p{
	font-family: 'Open Sans', sans-serif;
    color: #666666;
    font-size:14px;
    font-weight:400;
    text-align:left;
	text-transform:none;
	line-height:26px;
	}
.form_btn {
	width:100%;
	margin:4% 0 0;
	float:left;
	position: relative;
	display: block;
	padding:8% 0%;
	overflow: hidden;
	border-width: 0;
	outline: none;
	border-radius: 2px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .6);
	background-color:#333333;
	color: #fff;
 	transition: background-color .3s;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	text-transform:uppercase;
	cursor:pointer;
	text-align:center;
	}
.form_btn:hover {
	background-color: #fff;
	color:#000;
	}
/* footer
================================================== */
.footer {

  position: fixed;
  bottom: 0;
  width: 100%;
  height: 60px; /* Set the fixed height of the footer here */
  line-height: 60px; /* Vertically center the text there */
  background-color: #000;

	}
.footer .copyright {
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	text-align: left;
	float:left;
	font-weight:200;
	}
.footer .Media_ft {
	float:right;
	}
.footer .Media_ft a {
	width:25%;
	float:right;
	padding:0 0 0 20px;
	}
/*=======================
Loader
========================*/
.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background:rgb(249,249,249);
	}
.loader .icon {
	position: fixed;
	left:40%;
	top:30%;
	z-index: 9999;
	text-align:center;
	}
.client_two .col-sm-4{
	border-bottom:1px solid #666666;
	padding:10px;
	border-right:1px solid #666666;
	}
.thankyou{
	width:100%;
	margin:0 auto;
	}
.thankyou .Title {
    color: #714f03;
    font-family: "Open Sans",sans-serif;
    font-size:78px;
    font-weight:700;
    padding:5% 0% 0%;
    text-align: center;
	text-transform:uppercase;
	}
.thankyou p {
    color: #fff;
    font-family: "Open Sans",sans-serif;
    font-size:16px;
    font-weight: 300;
    line-height: 26px;
    text-align: center;
	text-transform:capitalize;
	}