body {
	color: #333333;
	font-weight: 300;
	font-style: normal;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	font-family: 'PT Sans', sans-serif;
	font-size: 14px;
	line-height: 1.85em;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-attachment: fixed;
	text-align: justify;
	letter-spacing: 1px;
}
ul{	margin:0px;
	padding:0px;}
.img_r{	margin-right:16px;}
a{	text-decoration:none;
color:#C02222;}
a, a:hover, a:focus { text-decoration: none; -webkit-transition: all 150ms ease-in; -moz-transition: all 150ms ease-in; -o-transition: all 150ms ease-in; transition: all 150ms ease-in; }

h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', Arial, "Helvetice Neue", sans-serif;
	text-align: center;
	font-size: 1.4em;
}
h1{
	text-transform:uppercase;
	font-size:23px;
	font-weight:bolder;
	margin-bottom:15px;
	padding-bottom:15px;
	color: #7a7a7a;
	margin-top:0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	}
h1 span{
	color:#ff6600;
	font-weight:bolder;
}
h1 span.small{ font-size:12px;
font-size:14px;
color:#484848;
line-height:23px;
		text-transform:none !important;}
.first-footer h1 span{ color:#fff;} 
h2.comp_proje{
	background-color: #ececec;
	color: #ed3338;
	line-height: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e3e3e3;
	clear: both;
}

h1.footerhead{	color:#FFF;}
h2.coreval{
	text-align:left;
	margin-bottom: 10px;
	padding-left: 5px;
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #ed3338;
	text-transform: uppercase;
}
h3{	margin:0px;
	padding:0px;
	font-size:14px;
	text-align:left;}

h4{
	text-align: left;
	color: #000;
	font-size: 17px;
	text-transform: uppercase;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 0px;
	background-image: url(../images/head.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
p{
	font-size:15px;
	color:484848px;
	margin-bottom:10px;
	line-height:24px;
	text-align:justify;
}
p span{
	font-size:20px;
	color:#0f61ab;
	margin-bottom: 18px;
	font-weight: bolder;
	margin-top: 16px;
}
ul.vision{	margin:0px;
	padding:0px;
}
ul.vision li {
	list-style: outside none none;
	line-height: 26px;
	margin-bottom: 6px;
	font-size: 16px;
	padding-left: 16px;
	background: transparent url("../404page.html") no-repeat scroll -3px 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ececec;
	padding-bottom: 6px;
}

*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#main{
	width: 100%;
	overflow: hidden;
}
#main-content, .full-width-slider {
	float: right;
	width:84%;
	overflow: hidden;
	
}
.top-content{
	float: right;
	width:84%;
}
.footer-content{
	float: right;
	width:84%;
}

.section-content {
	margin-bottom:0px;
	padding-top: 0;
	padding-right: 2%;
	padding-bottom: 0;
	padding-left: 2%;
}

.section-title { border-top: 4px solid; margin-bottom: 60px; }
.section-title h2 { display: inline-block; padding: 20px 35px; color: white; text-transform: uppercase; font-weight: 300; margin: 0; font-size: 20px; }

#about .section-title { border-color: #e09d1a; }
#about h2 { background-color: #e9b144; }

#services .section-title { border-color: #7c1fe5; }
#services h2 { background-color: #974dea; }


#contact .section-title { border-color: #cb1d62; }
#contact h2 { background-color: #e3387c; }

a.largeButton {
	color: white;
	font-weight: 700;
	font-size: 14px;
	display: inline-block;
	padding: 10px 20px;
	border-bottom: 3px solid;
}
.header_sec {
        background: #ff6600  none repeat scroll 0% 0%;
    border-bottom: 1px solid #e3e3e3;
    line-height: 30px;
    font-size: 13px;
    color: #000;
}
.homeBgColor { background: #38a9e3; }
.homeBgColor:hover { background-color: #16709f; }

.portfolioBgColor { background: #0064be; }
.portfolioBgColor:hover {
	background-color: #0689FF;
}

.contactBgColor { background: #0064be; }
.contactBgColor:hover { background-color: #0064be; }

a.largeButton.homeBgColor { border-color: #0064be; }

a.largeButton.portfolioBgColor { border-color: #003a6e; }

a.largeButton.contactBgColor { border-color: #0064be; }
#social-sidebar {
	float: left;
	width: 16%;
	height: 100%;
	color: white;
	z-index: 99;
	background-color: #353535;
	border-right:solid 1px #ececec;
}
#main-sidebar {
	float: left;
	width:16%;
	height: 100%;
	position: fixed;
	z-index: 99;
}
#main-menu-sidebar {
	float: right;
	width:100%;
	height: 100%;
	color: white;
	background-image: url(../404page.html);
	background-repeat: repeat;
	background-position: left top;
	border-right:solid 1px #ececec;
	
}

.logo {
	padding: 0px;
	margin-top:10px;
	margin-right: 0;
	margin-bottom:0px;
	margin-left: 0;
}
.logo img{ display:block;
			margin:0px auto;
}
.logo a { color: white; }
.logo a h1 { text-transform: uppercase; font-size: 30px; margin: 0; font-weight: 800; }
.logo span { color: #bee3f6; font-size: 13px; }

.top{
	width: 50px;
	height: 50px;
	bottom: 0px;
	left: 0px;
	background-image: url(../404page.html);
	background-repeat: no-repeat;
	background-position: left bottom;
	position: fixed;
}


/* ###### CSS Media queries ###### */

@media screen and (max-width: 480px){ /* When screen size is 480px */
	.main-menu ul li > div, .main-menu ul li > ul{
		left: 30px; /* Stack the sub menus so they take up less space */
	}

	.main-menu > ul li.hassub.selected::after{ /* Add "veil" to parent menus */
		background: #eee;
		content: '';
		height: 100%;
		left: 0;
		opacity: .8;
		pointer-events: none;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 1;
	}
}

li.home a { border-color: #38a9e3; }
li.home a.active { color: #38a9e3; }

li.about a { border-color: #e9b144; }
li.about a.active { color: #e9b144; }

li.services a { border-color: #974dea; }
li.services a.active { color: #974dea; }

li.contact a { border-color: #e3387c; }
li.contact a.active { color: #e3387c; }

a.menu-toggle-btn { width: 100%; height: 60px; background-color: #ed3338; text-align: center; line-height: 60px; display: block; color: white; }
a.menu-toggle-btn i { line-height: 60px; }

.responsive-navigation {
	position: fixed;
	width: 100%;
	display: block;
	z-index: 9999;
	top: 0px;
}
/*responsive menu here*/

.responsive-menu { display: none; background-color: #495054; }
.responsive-menu ul li a { color: white; text-transform: uppercase; display: block; padding: 20px; border-bottom: 1px solid #5a6267; }
.responsive-menu ul li:hover ul{ display:block;}
.responsive-menu ul li ul{	display:none;
							position:relative;
							
	}
.responsive-menu ul li ul li{	float:left; width:100%;}
.main-slider {
    width: 100%;
    height:578px;
    float: left;
    margin-bottom:35px;
}

.flexslider .slides { height:645px; }

.slider-caption {
	position: absolute;
	width:28%;
	padding:1%;
	text-align: left;
	height: 100;
	z-index: 8;
	color: white;
	top:300px;
	right:5%;
	background-color: rgba(255, 255, 255, 0.8);
}
.slider-caption a{	padding:10px;
					color:#0194da;
					border:solid 1px #0194da;
					float:left;
					}
.slider-caption a:hover{	color:#fff;
							background:#0194da;}

.slider-caption h2 {
	font-size:25px;
	text-transform: uppercase;
	font-weight:700;
	color:#0194da;
	margin-bottom:10px;
	text-align:left !important;
	background:none !important;
	margin-top:0px;
}
.slider-caption h2 span{	color:#ed3338;
font-weight:700;
							}
.slider-caption p { font-size:15px; letter-spacing:1px; color:#000; line-height:22px;}

.flexslider {
	background-color:black;
	height:590px;
	border-bottom:1px solid #fff;
	overflow: hidden;
	margin: 0;
}

.flexslider img { position: relative; opacity: 0.9; width: 100%; z-index: 7; }

.flex-control-nav { bottom:80px; z-index: 9; }

.flex-control-paging li a { background:none; border: 2px solid white; opacity: 0.9; background:#fff; }
.flex-control-paging li a:hover { opacity: 1; background:#0194da; border: 2px solid #0194da;  }
.flex-control-paging li a.flex-active { opacity: 1; background:#0194da; border: 2px solid #0194da;  }

.top-text {
	padding: 10px;
	text-align: center;
}
.welcome-text {
	padding: 10px;
	text-align: justify;
}
.welcome-text a { color: #38a9e3; }
.welcome-text h2 {
	color: #0064be;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 30px;
	letter-spacing: 1px;
}
.welcome-text p { color: #aaaaaa; }

.member-item { overflow: hidden; height: auto; }
.member-item:hover .overlay { opacity: 1; visibility: visible; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.member-thumb { width: 100%; overflow: hidden; height: auto; position: relative; }
.member-thumb img { width: 100%; }
.member-thumb .overlay { position: absolute; top: 0; right: 0; opacity: 0; visibility: hidden; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); }

.member-content { margin-top: 10px; overflow: hidden; text-align: center; }
.member-content h4 { text-transform: uppercase; font-size: 16px; color: #e9b144; }
.member-content p { color: #aaaaaa; font-size: 12; }

.social-member li { display: inline; float: left; width: 40px; height: 40px; background-color: #e9b144; text-align: center; margin-right: 1px; }
.social-member li a { display: block; line-height: 40px; color: white; }
.social-member li:hover { background-color: #e5a424; }

.our-story { margin-top:20px;
 }
.our-story h3 {
	color: #0d74ae;
	font-weight: bolder;
	font-size: 15px;
	letter-spacing: 1px;
	text-align: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
.our-story h1 {
	color: #007ABA;
	font-weight: bolder;
	text-transform: uppercase;
	font-size: 18px;
	letter-spacing: 1px;
	text-align: left;
	background-color: #ececec;
	line-height: 35px;
	border-left-width: 17px;
	border-left-style: solid;
	border-left-color: #007ABA;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
.our-story h1.business{
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(left,  #ffffff 0%, #f6f6f6 30%, #ececec 87%, #ececec 87%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(30%,#f6f6f6), color-stop(87%,#ececec), color-stop(87%,#ececec)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #ffffff 0%,#f6f6f6 30%,#ececec 87%,#ececec 87%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #ffffff 0%,#f6f6f6 30%,#ececec 87%,#ececec 87%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #ffffff 0%,#f6f6f6 30%,#ececec 87%,#ececec 87%); /* IE10+ */
	background: linear-gradient(to right,  #ffffff 0%,#f6f6f6 30%,#ececec 87%,#ececec 87%); /* W3C */






filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=1 ); /* IE6-9 */
	clear: both;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #f6f6f6;
	border-bottom-color: #f6f6f6;

			}
			
.our-story h1.business img{	padding:0px;}
.story-image { margin-top: 30px; overflow: hidden; }
.story-image img { width: 100%; height: auto; }

.service-item {
	background: #f2f2f2; /* Old browsers */
	background: -moz-linear-gradient(left,  #f2f2f2 42%, #dbdbdb 81%, #dbdbdb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(42%,#f2f2f2), color-stop(81%,#dbdbdb), color-stop(100%,#dbdbdb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #f2f2f2 42%,#dbdbdb 81%,#dbdbdb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #f2f2f2 42%,#dbdbdb 81%,#dbdbdb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #f2f2f2 42%,#dbdbdb 81%,#dbdbdb 100%); /* IE10+ */
	background: linear-gradient(to right,  #f2f2f2 42%,#dbdbdb 81%,#dbdbdb 100%); /* W3C */


filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#dbdbdb',GradientType=1 ); /* IE6-9 */
	color: #007aba;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.service-item .service-icon {
	width: 26%;
	float: left;
	height: 100%;
}
.service-item .service-content {
	width: 70%;
	overflow: hidden;
	text-align: center;
	padding-top: 18px;
	padding-bottom: 18px;
	padding-left: 4%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #009CF0;
}
.service-item .service-content h3 { margin: 0; font-size: 20px; color:#007aba; }

.our-skills { margin-top: 80px; }
.our-skills h3 { color: #974dea; font-weight: 300; text-transform: uppercase; font-size: 24px; margin: 0 0 20px 0; }

.progress-bar { background-color: #974dea; text-transform: uppercase; font-size: 12px; }


.load-more { width: 100%; text-align: center; margin-left:14px; }

.map-holder { border: 1px solid #d5dbe0; padding: 6px; background-color: #fafafa; }

footer{
	margin-top:30px;
	background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
footer .col-md-4{ padding-left:15px;
				 padding-right:15px;}
footer h2 {
    margin: 0px;
    padding: 0px;
    background: transparent url("../404page.html") repeat-x scroll left bottom;
    margin: 25px 0px;
    padding-bottom: 21px;
    text-transform: uppercase;
    color: #d4d4d4;
    font-size: 16px;
	font-weight:bolder;
	letter-spacing:1px;
}
.foot-addre{	margin:0px;
}
.foot-addre ul {
  margin: 0;
  padding: 0;
}

.foot-addre li {
    list-style: outside none none;
    font-family: "Open Sans",sans-serif;
    margin-bottom: 17px;
    font-size: 12px;
    color: #D4D4D4;
    padding-left: 38px;
    line-height: 22px;
}

.foot-addre li.addres{
	background-image: url(../images/address.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.foot-addre li.phone{
	background-image: url(../404page.html);
	background-repeat: no-repeat;
	background-position: left 5px;
}
.foot-addre li.fax{
	background-image: url(../images/fax.png);
	background-repeat: no-repeat;
	background-position: left 5px;
}
.foot-addre li.email{
	background-image: url(../images/emailid.png);
	background-repeat: no-repeat;
	background-position: left 5px;
}

.footer_copy{
	width:100%;
	color:#fff;
	font-size:12px;
	font-weight:lighter;
	line-height:30px;
	background-color: #252525;
}
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #26231B;
background-image: none;
border: 1px solid #626467;
border-radius: 0px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.btn-primary {
    color: #FFF;
	background:#101010;
    border-color: #313131;
	border-radius:0px;
	width:100%;
}
.home_contact li {
    list-style: none;
    line-height: 28px;
    color: #e1e1e1;
    font-size: 14px;
    text-align:right;
    padding-top: 10px;
	padding-right:42px;
    padding-bottom: 10px;
	margin-bottom:2px;
}
.home_contact li a{	color:#F99;}
.home_contact li.adress{	background:url(../images/a.png) no-repeat right 18px;}
.home_contact li.mobn{	background:url(../images/m.png) no-repeat right 10px;}
.home_contact li.email{	background: url(../images/e.png) no-repeat right 10px;}
.home_contact li.brouch{	background: url(../images/b.png) no-repeat right 10px;}
.contact-addre{	margin:0px;
}
.contact-addre ul {
  margin: 0;
  padding: 0;
}

.contact-addre li {
    list-style: outside none none;
    font-family: "Open Sans",sans-serif;
    margin-bottom: 15px;
    font-size: 12px;
    color: #666;
    padding-left: 38px;
    line-height: 22px;
}

.contact-addre li.addres{
	background-image: url(../images/address.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.contact-addre li.phone{
	background-image: url(../404page.html);
	background-repeat: no-repeat;
	background-position: left 5px;
}
.contact-addre li.fax{
	background-image: url(../images/fax.png);
	background-repeat: no-repeat;
	background-position: left 5px;
}
.contact-addre li.email{
	background-image: url(../images/emailid.png);
	background-repeat: no-repeat;
	background-position: left 5px;
}

/*social icons list*/
ul.spicesocialwidget{	margin:0px; pading:0px;}
ul.spicesocialwidget li {
	float: left;
	list-style: none outside none;
	margin: 0px;
	padding: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #414141;
	border-bottom-width: 1px;
	border-bottom-color: #262626;
}
ul.spicesocialwidget li a{
	background-color: transparent;
	background-image: url(../404page.html);
	background-repeat: no-repeat;
	background-size: auto 150px;
	border: 0 none;
	color: white;
	direction:ltr;
	display: block;
	height:50px;
	overflow: hidden;
	text-align: left;
	text-decoration: none;
	text-indent: -999em;
	transition: all 0.2s ease 0s;
	width: 50px
}
.ie7 ul.spicesocialwidget li a, .ie8 ul.spicesocialwidget li a{background-image:url(../404page.html);}
ul.spicesocialwidget li.facebook a{ background-position:-0 0}
ul.spicesocialwidget li.googleplus a{ background-position:-100px 0}
ul.spicesocialwidget li.rss a{ background-position:-250px 0}
ul.spicesocialwidget li.twitter a{ background-position:-400px 0}
ul.spicesocialwidget li.youtube a{ background-position:-450px 0}
ul.spicesocialwidget li.email-i a{ background-position:-500px 0}
ul.spicesocialwidget li.facebook a:hover, #sidebar ul.spicesocialwidget li.facebook a:hover{ background-position:-0 -50px}
ul.spicesocialwidget li.googleplus a:hover, #sidebar ul.spicesocialwidget li.googleplus a:hover{ background-position:-100px -50px}
ul.spicesocialwidget li.rss a:hover, #sidebar ul.spicesocialwidget li.rss a:hover{ background-position:-250px -50px}
ul.spicesocialwidget li.twitter a:hover, #sidebar ul.spicesocialwidget li.twitter a:hover{ background-position:-400px -50px}
ul.spicesocialwidget li.youtube a:hover, #sidebar ul.spicesocialwidget li.youtube a:hover{ background-position:-450px -50px}
ul.spicesocialwidget li.email-i a:hover, #sidebar ul.spicesocialwidget li.email-i a:hover{ background-position:-500px -50px}
/*social icons list*/

.image_margin{
	margin-right: 15px;
}
.smk_accordion {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom:20px;
}
/**
 * --------------------------------------------------------------
 * Section
 * --------------------------------------------------------------
 */
.smk_accordion .accordion_in {
	/*border-top:1px solid #FFF;*/
  position: relative;
  z-index: 10;
 
  overflow: hidden;
}
/**
 * --------------------------------------------------------------
 * Head
 * --------------------------------------------------------------
 */
.smk_accordion .accordion_in .acc_head {
  position: relative;
  background: #0d74ae;
  border-bottom:solid 1px #0c5b87;
  border-top:solid 1px #1286c8;
  padding: 10px;
  font-size: 13px;
  color:#b6dfff;
  display: block;
  cursor: pointer
}
.smk_accordion .accordion_in .acc_head .acc_icon_expand {
  display: block;
  width: 18px;
  height: 18px;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -9px;
  background: url(../404page.html) center 0;
}
/**
 * --------------------------------------------------------------
 * Content
 * --------------------------------------------------------------
 */
.smk_accordion .accordion_in .acc_content {
  background: #F9F9F9;
  color: #7B7E85;
  padding: 3px 10px;
}
.smk_accordion .accordion_in .acc_content h1:first-of-type,
.smk_accordion .accordion_in .acc_content h2:first-of-type,
.smk_accordion .accordion_in .acc_content h3:first-of-type,
.smk_accordion .accordion_in .acc_content h4:first-of-type,
.smk_accordion .accordion_in .acc_content h5:first-of-type,
.smk_accordion .accordion_in .acc_content h6:first-of-type {
  margin-top: 5px;
}
/**
 * --------------------------------------------------------------
 * General
 * --------------------------------------------------------------
 */
.smk_accordion .accordion_in:first-of-type,
.smk_accordion .accordion_in:first-of-type .acc_head {
  /*border-radius: 3px 3px 0 0;*/
}
.smk_accordion .accordion_in:last-of-type,
.smk_accordion .accordion_in:last-of-type .acc_content {
  /*border-radius: 0 0 3px 3px;*/
}
.smk_accordion .accordion_in.acc_active > .acc_content {
  display: block;
}
.smk_accordion .accordion_in.acc_active > .acc_head {
  background: #ececec;
  color:#000;
}
.smk_accordion .accordion_in.acc_active > .acc_head .acc_icon_expand {
  background: url(../404page.html) center -18px;
}
.smk_accordion.acc_with_icon .accordion_in .acc_head {
  padding-left: 40px;
}
.smk_accordion.acc_with_icon .accordion_in .acc_content {
  padding-left:10px;
}
.clear_style{	clear:both;}
.dropcap{
	line-height: 50px;
}
/*--------------*/
.clientbox{ border:solid 1px #ececec;
			padding-bottom:10px;
			margin:10px 0px;
			}
.clientbox:hover{	box-shadow: 0 0 10px rgba(169, 169, 169, 9);}
.clientbox h2{ text-transform:uppercase;
				font-weight:800;
				color:#484848;
				}
.clientbox img{	display:block;
				margin:0px auto;}
ul.clientslist{
	padding:0px;
	margin:0px;
}
ul.clientslist li{
	list-style: none;
	font-size: 13px;
	line-height: 30px;
	color: #1f1c1c;
	margin-left: 10px;
	text-align:center;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	margin-right: 10px;
}
/* =============================================================================
  COMPONENT
============================================================================= */
.component {
  text-align: center;
  margin-top:15px;
}
.component a{	margin:0px;
				padding:0px;}

/* =============================================================================
  ICONS - COMMON
============================================================================= */
/**
 * Icon common styles.
 *
 * Set it to block or inline block, whichever suits your needs. Overflow set to
 * hidden for precautions, and make sure to set the font size to 0 and the text
 * indent to -9999px. This allows us to actually include text in the markup
 * which will be good for screen readers and accessibility purposes.
 */
.icon {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  margin:1px;
  padding:0px;
  width:40px;
  height:40px;
  font-size: 0;
  text-indent: -9999px;
}

/* =============================================================================
  ICONS - DEMO 1
============================================================================= */
/**
 * "icon-mono" class name used to indicate monochrome-type icon. Use whatever
 * class name you want, but make sure to change it up in the markup.
 *
 * Example HTML:
 *
 * <a href="#" class="icon icon-mono facebook">facebook</a>
 * <a href="#" class="icon icon-mono twitter">twitter</a>
 * ...
 */
.icon-mono {
  background: url("../404page.html");
  background-image: url(../404page.html), none;
  background-color: #595959;
  -webkit-transition: background 0.3s;
          transition: background 0.3s;
}

/* facebook */
.icon-mono.facebook {
  background-position:-2px -5px;
}

.icon-mono.facebook:hover {
  background-color: #3b5998;
  background-position:-2px -49px;
}

/* twitter */
.icon-mono.twitter {
  background-position: -44px -5px;
}

.icon-mono.twitter:hover {
  background-color: #4099ff;
  background-position:-44px -114px;
}

/* google plus */
.icon-mono.googleplus {
  background-position: -275px -5px;
}

.icon-mono.googleplus:hover {
  background-color: #d34836;
  background-position: -275px -155px;
}

/* github */
.icon-mono.github {
  background-position: -318px -6px;
}

.icon-mono.github:hover {
  background-color: #f62123;
  background-position: -318px -222px;
}

/* rss */
.icon-mono.rss {
  background-position: -384px 0;
}

.icon-mono.rss:hover {
  background-color: #ee802f;
  background-position: -384px -96px;
}
/*--projects section here--*/
#projects{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom:10px;
	margin-left: 0px;
	background-image: url(../images/content-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-bottom:20px;
	border-top:solid 1px #ececec;
	border-bottom:solid 1px #ececec;
}
#projects a{	display:table;
				margin:0px auto;
				border:solid 1px #999;
				padding:10px;}
#projects a:hover{  background:#ff6600;
					color:#fff;
					border:solid 1px #ff6600;}
#inner_pag{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom:35px;
	margin-left: 0px;
}
#inner_pag .col-md-4{	padding-left:15px !important;
						padding-right:15px !important;}
#enquiry_pag{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom:35px;
	margin-left: 0px;
}
#enquiry_pag h2{ text-transform:uppercase;
				font-weight:700;
				margin-bottom:15px;
				padding-bottom:17px;
				background:url(../images/heading_line.jpg) no-repeat center bottom;}
#inner_pag .client img:hover {	border:solid 5px #F00;}
#inner_pag .col-md-3,.col-md-9,.col-md-4{ padding-left:15px !important;
										  padding-right:15px !important;}

#inner_pag a{	margin:0px auto;
				background:#ff6600;
					color:#fff;
				padding:10px;}
#inner_pag a:hover{  background:#484848;
					color:#fff;
					border:solid 1px #484848;}
#inner_pag h4{	margin-top:10px; font-weight:700;}
#inner_pag h5{	margin:0px;
padding:0px;
line-height:30px;
font-size:14px;
font-weight:bolder;
text-align:left;
font-weight:700;
margin-bottom:18px;}

#inner_pag h2{ text-transform:uppercase;
				font-weight:700;
				margin-bottom:15px;
				padding-bottom:17px;
				background:url(../images/heading_line.jpg) no-repeat center bottom;}
#inner_pag img{ margin-top:10px;
				padding:0px;
				border:solid 1px #e2e2e2;
				transition: box-shadow 0.2s, transform 0.2s;}
  #inner_pag img:hover{color: #fff;
  box-shadow: -6px -6px 0 #d93439;
  border:solid 1px #d93439;
  transform: translate(7px, 7px);}

.footer-red{
	position:absolute;
	width:25px;
	height:3px;
	top:36px;
	background:#c02222;
				}
#bg_midi{
	height:175px;
	margin-bottom:20px;
	width:100%;
	background-image: url(../images/punch.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	text-transform:uppercase;
}
#bg_midi h3 {
	text-align: center;
	font-size: 40px;
	color: #0194DA;
	font-weight: lighter;
	margin-top: 25px;
	padding: 0px;
	margin-bottom: -1px;
}
#bg_midi h4 {
	color: #515151;
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	background-image: none;
}
.hsop_img{	margin:10px 0px;}

.contact-addre {
	margin: 0px;
	padding: 15px;
	margin-top:-1px;
}
.contact-addre ul {
  margin: 0;
  padding: 0;
}

.contact-addre li {
    list-style: outside none none;
    font-family: 'PT Sans', sans-serif;
    margin-bottom: 15px;
    font-size: 13px;
    color: #666;
    padding-left: 38px;
    line-height: 22px;
}
.contact-addre li span{	font-weight:800;}

.contact-addre li.addres{
	background-image: url(../images/address.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.contact-addre li.phone{
	background-image: url(../images/phone2.png);
	background-repeat: no-repeat;
	background-position: left 5px;
}
.contact-addre li.fax{
	background-image: url(../images/fax.png);
	background-repeat: no-repeat;
	background-position: left 5px;
}
.contact-addre li.email{
	background-image: url(../images/emailid.png);
	background-repeat: no-repeat;
	background-position: left 5px;
}

.btn-primary:hover,
 .btn-primary:focus,
 .btn-primary:active,
.btn-primary.active,
 .open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #ff6600;
  border-color: #ff6600;
}
 .form-control:focus {
    border-color: #de0000 ;
    outline: 0px none;
    box-shadow: 0px 1px 1px rgba(222, 000, 000, 0.075) inset, 0px 0px 8px rgba(222, 000, 000, 0.6);
}
.project {
	padding: 9px;
	border: 1px solid #E3E3E3;
	margin: 14px 0px;
	overflow: auto;
}
.project_left{
	float:left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e3e3e3;
	display: block;
	width:58%;
	color:#ED3338;
}
.project_right{
	float:left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e3e3e3;
	display: block;
	width:42%;
}
.project:hover{ -moz-box-shadow: 0px 0px 7px #ababab;
-webkit-box-shadow: 0px 0px 7px #ababab;
box-shadow: 0px 0px 7px #ababab;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	}
.project h2{	margin:0px;
				}
.project img{	margin:15px 0px;}
.project p {
    font-size: 16px;
    background-image: url("../images/address.png");
    background-repeat: no-repeat;
    background-position: left 3px;
    padding-left: 27px;
    line-height: 35px;
}
.project a{
	padding:8px 7px;
	margin:1px;
	line-height:35px;
	background:#ed3338;
	font-size:11px;
	color:#fff;
}
.responsi_logo{	display:none;
				width:100%;
				height:95px;
}
.main-header {
  position:relative;
  background-color: rgba(255, 255, 255, 0.9);
  width: 100%;
  margin: 0 auto;
  z-index: 99;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

.scrolled {
  position: fixed;
  z-index:999;
  left: 0;
  top: 0;
  -webkit-box-shadow: 0px 3px 7px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 7px -1px rgba(0,0,0,0.75);
box-shadow: 0px 3px 7px -1px rgba(0,0,0,0.75);
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

#menu-wrapper {
	

}
#menu-wrapper .row{ padding-top:0px;}
/*--menu section here--*/
.logo-wrapper img{	padding:0px;
padding-top:8px;
					margin:0px;}

#menu{	margin:0px;
padding:0px;}
#menu ul {
  margin:0px;
  padding:0px;
  list-style: none;
}
#menu ul li { list-style:none;
			display:table;
			float:right;
  
}
#menu ul li a{
	text-decoration:none;
	list-style:none;
	line-height:90px;
	font-size:14px;
	color:#000;
	text-transform:uppercase;
	margin:0px;
	padding:0px 18px;
   }
#menu ul li a:hover {
  color: #fff;
}
#menu ul li ul {
	padding: 0;
	background: #555; 
	position: absolute;
	top:90px;
	width: 270px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	display: none;
	opacity: 0;
	visibility: hidden;
	margin:0px;
	-webkit-transiton: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-ms-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	-transition: opacity 0.2s;
}
#menu ul li ul li {  
  display: block;
  float:left;
  width: 270px;
  color: #fff;
  line-height:25px;
  text-align:left;
  border-bottom:solid 1px #292929;
  border-top:solid 1px #727272;
}
#menu ul li ul li a{	margin:0px;
padding:0px;
text-transform:none;
background:url(../images/bullet.png) no-repeat 5px center;
color:#fff;
line-height:38px;
padding:5px 0px;
padding-left:25px;
-webkit-transition: color .5s linear, background-color .5s ease-in-out;
	-moz-transition: color .5s linear, background-color .5s ease-in-out;
	-o-transition: color .5s linear, background-color .5s ease-in-out;
	transition: color .5s linear, background-color .5s ease-in-out;
}
#menu ul li ul li:hover { background: #ff6600;
						  -webkit-transition: background-color .25s ease-in-out;
	-moz-transition: background-color .25s ease-in-out;
	-o-transition: background-color .25s ease-in-out;
	transition: background-color .25s ease-in-out;

 }
#menu ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}

/* Sweep To Bottom */
.hvr-sweep-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ff6600;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-sweep-to-bottom.active:before, li.acive .hvr-sweep-to-bottom:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ff6600;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
  color: white;
}
.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
/*--end of menu section--*/
.project_box{
	display:block;
	padding: 10px;
	border: 1px solid #e3e3e3;
	text-align:center;
				}
.project_box h2 {
    text-transform: uppercase;
    font-weight: 700;
    margin:10px 0px;
}
.project_box p{ text-align:center;}
.project_box img{	margin:0px;}
.project_box a{	display:block;
				line-height:40px;
				text-align:center;
				border:solid 1px #c42229;
				}
.project_box a:hover{	color:#fff;
						background:#c42229;}
.medea_room{	width:100%;
				}
.medea_room ul{ margin:0px;
				padding:0px;
				}
.medea_room ul li{	list-style:none !important;
					background: url(../404page.html) no-repeat left 5px;
					padding-left:62px;
					
					}
.medea_room ul li a{ 
					list-style:none;
					display:block;
					color:#484848;
					font-size:15px;					
					}
.medea_room ul li a:hover{ display:block; color:#C02222;}

.csr_list{ width:100%;
			margin:0px;
			padding:0px;}
.csr_list li {
    list-style: outside none none;
    font-size: 15px;
    background-image: url(../images/bullet.png);
    background-repeat: no-repeat;
    background-position: -3px 6px;
    padding-left: 18px;
    line-height: 33px;
	
}
.csr_list li a{	color:#e2e2e2;
				font-size:13px;
				
				}
.block-head {
	position: relative;
	margin-bottom: 20px;
	padding: 0 0 20px;
	border-bottom: 1px #e2e2e2 solid;
	font-weight:700;
	color:#7a7a7a;
	text-transform:capitalize;
	font-size:23px;
}
.footer-top .block-head {
    border-bottom-color: #656565;
    color: #7a7a7a;
    text-transform: uppercase;
    font-size: 18px;
    margin-top: 20px;
}
.block-head:before{
	position: absolute;
	bottom: -3px;
	left: 20px;
	width: 35px;
	height: 5px;
	content: "";
	display:inline-block;
}
.block-head:after{
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 80px;
	height: 1px;
	content: "";
	display:inline-block;
}
.block-head.center{
    margin-left:auto;
    margin-right:auto;
    display:table;
	color:#7a7a7a;
	text-transform:uppercase;
}
.block-head.center:before{
	left: 50%;
    margin-left:-17.5px
}
.block-head.center:after{
	left: 50%;
	margin-left: -40px;
}
.side-heading{
	font-weight:800;
	border:0px;
	padding:0;
	font-size:28px;
	text-transform:uppercase;
	letter-spacing:-1px;
	margin-bottom:15px
}
.side-heading span{
	color:#777;
	font-weight:100;
}
.side-heading:after,.side-heading:before{
	display:none;
}
.large-heading{
    position: relative;
	margin-bottom: 40px;
	padding: 0 0 20px;
	border-bottom: 1px #e2e2e2 solid;
	font-weight:bold;
	text-transform:capitalize;
	font-size:26px;
	line-height:20px;
    text-align:center
}
.large-heading:before{
	position: absolute;
	bottom: -3px;
	left: 50%;
	width: 100px;
	height: 5px;
	content: "";
	display:inline-block;
    margin-left:-57px;
    border-left:15px #fff solid;
    border-right:15px #fff solid;
}
.gry-bg .large-heading:before{
    border-left:15px #eee solid;
    border-right:15px #eee solid;
}
#testimonails .col-md-3,.col-md-9,.col-md-4{	padding:0px !important;}
#testimonails .carousel-control.left {
    background-image: none !important;
    background-repeat: repeat-x;
}				
#testimonails .carousel-control.right {
right: 0;
left: auto;
background-image: none;
background-repeat: repeat-x;
}
#testimonails img{ margin:0px !important;}
#testimonails .viewall{	margin-top:20px;}
#testimonails .viewall img{	margin:0px; height:221px;}
#testimonails .carousel-control {
	position:relative;
top:8px;
bottom: 0;
left:86.9% !important;
width: 15%;
font-size: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
filter: alpha(opacity=50);
opacity:.9;
}
#client_sec{
	margin:0px;
}

.social-icons {
	list-style-type: none!important;
}
.social-icons li{
	float:right!important;
	margin-right: 2px!important;
	margin-bottom:0px!important;
	padding: 0px!important;
	display: inline!important;
	width: auto!important;

}			
.social-icons li a {
	-moz-transition: all 0.3s ease 0s;
	display: block!important;
	float: right!important;
	border-left:solid 1px #e3e3e3;
	height: 100%!important;
	margin: 0!important;
	padding: 0!important;
	width: 40px!important;
	height: 40px!important;
	text-indent: -9999px!important;
}
.social-icons li a:hover {
	background-position: 0 -40px!important;
}
.social-icons li a {
	background-color:transparent;
}

.social-icons li.blogger a {
	background: url(../404page.html) no-repeat 0 0;
}
.social-icons li.blogger a:hover {
	background-color: #fb913f;
}

.social-icons li.facebook a {
	background: url(../images/facebook.png) no-repeat 0 0;
}
.social-icons li.facebook a:hover {
	background-color: #3b5998;
}
.social-icons li.google a {
	background: url(../404page.html) no-repeat 0 0;
}
.social-icons li.google a:hover {
	background-color: #dd4b39;
}
.social-icons li.googleplus a {
	background: url(../images/googleplus.png) no-repeat 0 0;
}
.social-icons li.googleplus a:hover {
	background-color: #d94a39;
}
.social-icons li.linkedin a {
	background: url(../images/in.png) no-repeat 0 0;
}
.social-icons li.linkedin a:hover {
	background-color: #71b2d0;
}
.social-icons li.orkut a {
	background: url(../404page.html) no-repeat 0 0;
}
.social-icons li.orkut a:hover {
	background-color: #ed2590;
}
.social-icons li.paypal a {
	background: url(../404page.html) no-repeat 0 0;
}
.social-icons li.paypal a:hover {
	background-color: #32689a;
}
.social-icons li.picasa a {
	background: url(../404page.html) no-repeat 0 0;
}
.social-icons li.picasa a:hover {
	background-color: #444;
}
.social-icons li.pinterest a {
	background: url(../404page.html) no-repeat 0 0;
}
.social-icons li.pinterest a:hover {
	background-color: #cb2027;
}
.social-icons li.rss a {
	background: url(../404page.html) no-repeat 0 0;
}
.social-icons li.rss a:hover {
	background-color: #fe9900;
}
.social-icons li.skype a {
	background: url(../404page.html) no-repeat 0 0;
}
.social-icons li.skype a:hover {
	background-color: #18b7f1;
}
.social-icons li.tumblr a {
	background: url(../404page.html) no-repeat 0 0;
}
.social-icons li.tumblr a:hover {
	background-color: #3a5976;
}
.social-icons li.twitter a {
	background: url(../images/twit.png) no-repeat 0 0;
}
.social-icons li.twitter a:hover {
	background-color: #48c4d2;
}
.social-icons li.vimeo a {
	background: url(../404page.html) no-repeat 0 0;
}
.social-icons li.vimeo a:hover {
	background-color: #62a0ad;
}
.social-icons li.wordpress a {
	background: url(../404page.html) no-repeat 0 0;
}
.social-icons li.wordpress a:hover {
	background-color: #464646;
}

.social-icons li.yelp a {
	background: url(../404page.html) no-repeat 0 0;
}
.social-icons li.yelp a:hover {
	background-color: #c41200;
}
.social-icons li.youtube a {
	background: url(../images/tube.png) no-repeat 0 0;
}
.social-icons li.youtube a:hover {
	background-color: #f45750;
}
.top_emil{	float:right;
line-height:40px;
border-left:solid 1px #e3e3e3;
padding-left:15px;
}
.top_emil a{	color:#484848;}
/* boxes section here */
/* boxes section here */
#case-study{	margin:10px 0px; }
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin:15px 0px;;
	min-width: 320px;
	max-width: 480px;
	max-height:200px;
	width:100%;
	background: #000;
	text-align: center;
	cursor: pointer;
}
.grid .col-md-4 {

  cursor: pointer;
  color: #fff;
  transition: background .5s;
}

.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%;
}

/* 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-family: "Roboto", Arial, sans-serif;
	text-shadow: 1px 1px 1px #000;
	font-size:16px;
	font-weight: 700;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin:0px;
	
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
	margin-top:20xp;
}

/*---------------*/
/***** Layla *****/
/*---------------*/

figure.effect-layla {
	background: #000;
}

figure.effect-layla img {
	height: 300px;
}

figure.effect-layla figcaption {
	padding:2em;
}

figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after {
	position: absolute;
	content: '';
	opacity: 0;
}

figure.effect-layla figcaption::before {
	top: 50px;
	right: 30px;
	bottom: 50px;
	left: 30px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

figure.effect-layla figcaption::after {
	top: 30px;
	right: 50px;
	bottom: 30px;
	left: 50px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

figure.effect-layla h2 {
	padding-top:12%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-layla p {
	padding:0.5em 2em;
	font-size:12px;
	line-height:60px;
	display: inline;
	border:solid 1px #e3e3e3;
	text-transform: none;
	opacity: 0;
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
}

figure.effect-layla img,
figure.effect-layla h2 {
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}

figure.effect-layla img,
figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after,
figure.effect-layla p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-layla:hover img {
	opacity: 0.7;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-layla:hover figcaption::before,
figure.effect-layla:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-layla:hover h2,
figure.effect-layla:hover p {
	opacity: 1;
	text-align:center;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
figure.effect-layla:hover h2{	font-size:13px;}

figure.effect-layla:hover figcaption::after,
figure.effect-layla:hover h2,
figure.effect-layla:hover p,
figure.effect-layla:hover img {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}
/*--second box--*/
/* Common style */
.grid figure2 {
	position: relative;
	float:left;
	overflow: hidden;
	margin:15px 0px;;
	min-width: 320px;
	max-width: 480px;
	max-height:430px;
	height:430px;
	width:100%;
	background: #000;
	text-align: center;
	cursor: pointer;
}
.grid .col-md-4 {
    cursor: pointer;
    color: #fff;
    transition: background .5s;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.grid figure2 img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure2 figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure2 figcaption::before,
.grid figure2 figcaption::after {
	pointer-events: none;
}

.grid figure2 figcaption,
.grid figure2 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 */
.grid figure2 figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure2 h2 {
	word-spacing: -0.15em;
	font-family: "Roboto", Arial, sans-serif;
	font-size:20px;
	text-shadow: 1px 1px 1px #000;
	font-weight:700;
}

.grid figure2 h2 span {
	font-weight: 800;
}

.grid figure2 h2,
.grid figure2 p {
	margin: 0;
}

.grid figure2 p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

/*---------------*/
/***** Layla *****/
/*---------------*/

figure2.effect-layla {
	background: #000;
}

figure2.effect-layla img {
	height:600px;
}

figure2.effect-layla figcaption {
	padding:2em;
}

figure2.effect-layla figcaption::before,
figure2.effect-layla figcaption::after {
	position: absolute;
	content: '';
	opacity: 0;
}

figure2.effect-layla figcaption::before {
	top: 50px;
	right: 30px;
	bottom: 50px;
	left: 30px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

figure2.effect-layla figcaption::after {
	top: 30px;
	right: 50px;
	bottom: 30px;
	left: 50px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

figure2.effect-layla h2 {
	padding-top:95%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure2.effect-layla p {
	padding:0.5em 2em;
	font-size:12px;
	line-height:40px;
	display: inline;
	border:solid 1px #e3e3e3;
	text-transform: none;
	opacity: 0;
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
}

figure2.effect-layla img,
figure.effect-layla h2 {
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}

figure2.effect-layla img,
figure2.effect-layla figcaption::before,
figure2.effect-layla figcaption::after,
figure2.effect-layla p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure2.effect-layla:hover img {
	opacity: 0.7;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure2.effect-layla:hover figcaption::before,
figure2.effect-layla:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure2.effect-layla:hover h2,
figure2.effect-layla:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
figure2.effect-layla:hover h2{	font-size:13px;}

figure2.effect-layla:hover figcaption::after,
figure2.effect-layla:hover h2,
figure2.effect-layla:hover p,
figure2.effect-layla:hover img {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

@media (max-width: 991px) { #main-content { width: 100%; }
  .first-footer { border-left: 0; }
  .flexslider .slides, .flexslider, .main-slider { height: auto; }
  .service-item { margin-bottom: 30px; }
  .progess-bars { margin-top: 40px; } }
@media (max-width: 767px) { .slider-caption a, .slider-caption p { display: none; top: 50px !important; }
.responsi_logo {
    display: block;
    margin-top: 63px;
    margin-bottom:0px;
}
#projects{	background-image:none;}
#testimonails .carousel-control {
    position: relative;
    top: 8px;
    bottom: 0;
    left: 0% !important;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    filter: alpha(opacity=50);
    opacity: .9;
}
.top_emil {
    float: right;
    line-height: 40px;
    border-left: none !important;
    padding-left:0px !important;
	text-align:left;
	font-size:12px;
}
.responsi_logo img {
    margin: 0px auto;
    display: block;
}
#boxes{	display:none;}
img {
    vertical-align: middle;
    max-width: 100%;
	margin-top:14px;
    margin-bottom: 0px;
}
.logo-wrapper{ display:none;}
.flex-control-nav {
    bottom: 8px;
    z-index: 9;
}
#menu {
    margin: 0px;
    padding: 0px;
    display: none;
}
.responsive-menu { display: none; background-color: #495054; }
.responsive-menu ul { margin:0px; padding:0px; }
.responsive-menu ul li{ list-style:none;background:url(../404page.html) no-repeat 10px bottom;}
.responsive-menu ul li a {  color: white; text-transform: uppercase; display: block; padding:2px 30px; font-size:12px; border-bottom: 1px solid #5a6267; }
.responsive-menu ul li:hover ul{ display:block;}
.responsive-menu ul li ul{	display:none;
							position:relative;
							
	}
.responsive-menu ul li ul li{	float:left; width:100%; padding-left:13px; background:url(../404page.html) no-repeat 25px 2px;}
		ul.footer-menu {
    margin: 0px 0px 20px;
    padding: 0px;
    display: block;
    text-align: center;
    background-image: none;
    background-repeat: repeat-x;
    background-position: left bottom;
    color: #ECECEC;
    height:50px;
}
footer {
    margin-top: 30px;
    background-image: url(../images/footer.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background: #252525;
}
ul.footer-menu a {
    color: #CCC;
    font-size: 12px;
    text-align: center;
    font-family: Arial,Helvetica,sans-serif;
    letter-spacing: 1px;
    line-height: 22px;
}
.contact_foo img{	display:none;}
.bottom-footer{	text-align:center;}	
.bottom-footer .col-md-6{	text-align:center !important;}

 }
@media (max-width: 581px) { .slider-caption { display: none; } }
/***** Main Colors *******/
a, .top-search a, .main-color, .hr-style4:after, .hr-style4:before, .block-head, .widget-head, footer a:hover, .title-2 .breadcrumbs a, .title-3 .breadcrumbs a, .title-4 .breadcrumbs a, .nav-3 .top-nav > ul > li.current > a, .nav-3 .top-nav > ul > li > a:hover, .nav-3 .top-nav > ul > li.selected > a, .nav-3 .top-nav > ul > li.selected > a i, .footer-top a:hover:before, .list.prim li:before, #filters li a, .team-box-2 .t-position, .team-box-2 .team-socials a, .head-style3 .top-bar li a, .author-name, .add-items i.fa, .copyrights b, .dark-bg .btn-large:before, .box-top .more-btn, .service-box-1:hover a, .box-top i.fa, .item-box:hover .item-tools i, .item-cart a:hover, .main-border, .fun-title, .staff-1 .fun-icon, .top-bar ul.social-list li a:hover span, .top-nav > ul > li > a:hover i, .top-nav > ul > li.current > a i, .top-nav > ul > li.selected > a i, .top-bar li i, .nav-2 .top-nav > ul > li.selected > a i, .project-name, .slick-dots li.slick-active button:before, .title-1 h1,
.list.alt li:before,.product-price, .title-2 h1,.main-title, .accordion li.active a, .accordion li > h3 i.fa, .post-info h2 a:hover, .siteMap-nav ul ul li a:hover, .head2-lft-links li i, .head-style3 .top-bar li i, .item-tools i, .product-specs a.btn.selected,.widget-content a:hover  {
	color:#ff6600;
}
.main-bg, .top-nav > ul li a:hover, .top-nav > ul > li.selected > a, .top-search.selected a, .top-nav li.current > a, .plan-year:after, .team-boxes-2 .cell-3:hover .team-box-2, .head-style3 .top-search a, .service-box-1:hover .box-top, .top-nav-style3, .sticky .top-nav > ul > li > a:hover, .sticky .top-nav > ul > li.selected > a, .sticky .top-nav > ul > li.current > a, .sticky .top-search.selected > a, .item-box:hover .item-title, .tp-bullets.simplebullets.round .bullet, .top-nav li li a, .fixedHead .top-nav > ul > li > a:hover, .fixedHead .top-nav > ul > li.selected > a, .fixedHead .top-nav > ul > li.current > a, .top-search a:hover, .service-box-2:hover a.r-more, .service-box-3:hover a.r-more, .pager ul li.selected, .slick-prev:hover, .slick-next:hover, .hr-style1:before, .hr-style1:after, .social-list li a:hover, .footer-top .tags a:hover, hr:before, hr:after, .tp-arr-allwrapper:hover, .level-in, .tabs-vertical .tabs-pane .tab-panel:before, .table-style2 th, .menuBtn, .service-box-1:hover:after, .portfolio-item:hover:after, #filters li:hover, #filters li.active, .head-style2 .top-search a, .team-box .team-details, .title-4 h1, .tabs > ul li:hover, .tabs > ul li.active, .steps li.selected span, .icon-cont, .view-all-projects a:hover,
.accordion-horizontal > li.active a, .list-grid a.selected, .testimonials-2 .slick-prev:hover, .testimonials-2 .slick-next:hover, .comment-reply:hover, .service-box-2:hover .fa, .service-box-3:hover .icon, .share-post ul li a:hover, .item-price, .accordion li.active h3 u, .pager ul li:hover, .tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, footer .NL .NL-btn:hover,
.search-w .btn,.cart-icon {
	background-color: #ff6600;
	color: #fff;
}
.item-box:hover:after, .item-box:hover .item-price, .team-box:hover:after, .team-box-2:hover:after, .responsive-nav, .search-box:before, .block-head:before, .block-head:after, .widget-head:before, .widget-head:after, .details-img:after, .post-image:after,
.team-box:after, .team-box-2:after, .item-box:after, .team-box .team-socials li a:hover, .service-box-1:after, .portfolio-item:after {
	background-color: #ff6600;
}

/*---over effect script here--*/


#testimonails .info {
  -webkit-transform: rotate3d(1, 0, 0, 90deg);
          transform: rotate3d(1, 0, 0, 90deg);
  width: 100%;
  height: 100%;
  padding: 20px;
  position: absolute;
  text-align:center;
  top: 0;
  color:#fff;
  left: 0;
  border-radius:0px;
  pointer-events: none;
  background-color: rgba(222, 062, 063, 0.9);
}
#testimonails .info h3{ text-align:center;
margin:10px 0px;
margin-top:20px;
padding:0px;
}
#testimonails .info p{	padding:10px;
			display:table;
			margin:0px auto;
			margin-top:25px;
			border:solid 1px #e2e2e2;}

#testimonails .in-top .info {
  -webkit-transform-origin: 50% 0%;
          transform-origin: 50% 0%;
  -webkit-animation: in-top 300ms ease 0ms 1 forwards;
          animation: in-top 300ms ease 0ms 1 forwards;
}

#testimonails .in-right .info {
  -webkit-transform-origin: 100% 0%;
          transform-origin: 100% 0%;
  -webkit-animation: in-right 300ms ease 0ms 1 forwards;
          animation: in-right 300ms ease 0ms 1 forwards;
}

#testimonails .in-bottom .info {
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-animation: in-bottom 300ms ease 0ms 1 forwards;
          animation: in-bottom 300ms ease 0ms 1 forwards;
}

#testimonails .in-left .info {
  -webkit-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
  -webkit-animation: in-left 300ms ease 0ms 1 forwards;
          animation: in-left 300ms ease 0ms 1 forwards;
}

#testimonails .out-top .info {
  -webkit-transform-origin: 50% 0%;
          transform-origin: 50% 0%;
  -webkit-animation: out-top 300ms ease 0ms 1 forwards;
          animation: out-top 300ms ease 0ms 1 forwards;
}

#testimonails .out-right .info {
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  -webkit-animation: out-right 300ms ease 0ms 1 forwards;
          animation: out-right 300ms ease 0ms 1 forwards;
}

#testimonails .out-bottom .info {
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-animation: out-bottom 300ms ease 0ms 1 forwards;
          animation: out-bottom 300ms ease 0ms 1 forwards;
}

#testimonails .out-left .info {
  -webkit-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
  -webkit-animation: out-left 300ms ease 0ms 1 forwards;
          animation: out-left 300ms ease 0ms 1 forwards;
}

@-webkit-keyframes in-top {
  from {
    -webkit-transform: rotate3d(-1, 0, 0, 90deg);
            transform: rotate3d(-1, 0, 0, 90deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
            transform: rotate3d(0, 0, 0, 0deg);
  }
}

@keyframes in-top {
  from {
    -webkit-transform: rotate3d(-1, 0, 0, 90deg);
            transform: rotate3d(-1, 0, 0, 90deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
            transform: rotate3d(0, 0, 0, 0deg);
  }
}
@-webkit-keyframes in-right {
  from {
    -webkit-transform: rotate3d(0, -1, 0, 90deg);
            transform: rotate3d(0, -1, 0, 90deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
            transform: rotate3d(0, 0, 0, 0deg);
  }
}
@keyframes in-right {
  from {
    -webkit-transform: rotate3d(0, -1, 0, 90deg);
            transform: rotate3d(0, -1, 0, 90deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
            transform: rotate3d(0, 0, 0, 0deg);
  }
}
@-webkit-keyframes in-bottom {
  from {
    -webkit-transform: rotate3d(1, 0, 0, 90deg);
            transform: rotate3d(1, 0, 0, 90deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
            transform: rotate3d(0, 0, 0, 0deg);
  }
}
@keyframes in-bottom {
  from {
    -webkit-transform: rotate3d(1, 0, 0, 90deg);
            transform: rotate3d(1, 0, 0, 90deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
            transform: rotate3d(0, 0, 0, 0deg);
  }
}
@-webkit-keyframes in-left {
  from {
    -webkit-transform: rotate3d(0, 1, 0, 90deg);
            transform: rotate3d(0, 1, 0, 90deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
            transform: rotate3d(0, 0, 0, 0deg);
  }
}
@keyframes in-left {
  from {
    -webkit-transform: rotate3d(0, 1, 0, 90deg);
            transform: rotate3d(0, 1, 0, 90deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
            transform: rotate3d(0, 0, 0, 0deg);
  }
}
@-webkit-keyframes out-top {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
            transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    -webkit-transform: rotate3d(-1, 0, 0, 104deg);
            transform: rotate3d(-1, 0, 0, 104deg);
  }
}
@keyframes out-top {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
            transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    -webkit-transform: rotate3d(-1, 0, 0, 104deg);
            transform: rotate3d(-1, 0, 0, 104deg);
  }
}
@-webkit-keyframes out-right {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
            transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    -webkit-transform: rotate3d(0, -1, 0, 104deg);
            transform: rotate3d(0, -1, 0, 104deg);
  }
}
@keyframes out-right {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
            transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    -webkit-transform: rotate3d(0, -1, 0, 104deg);
            transform: rotate3d(0, -1, 0, 104deg);
  }
}
@-webkit-keyframes out-bottom {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
            transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    -webkit-transform: rotate3d(1, 0, 0, 104deg);
            transform: rotate3d(1, 0, 0, 104deg);
  }
}
@keyframes out-bottom {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
            transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    -webkit-transform: rotate3d(1, 0, 0, 104deg);
            transform: rotate3d(1, 0, 0, 104deg);
  }
}
@-webkit-keyframes out-left {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
            transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    -webkit-transform: rotate3d(0, 1, 0, 104deg);
            transform: rotate3d(0, 1, 0, 104deg);
  }
}
@keyframes out-left {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
            transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    -webkit-transform: rotate3d(0, 1, 0, 104deg);
            transform: rotate3d(0, 1, 0, 104deg);
  }
}
/* you can ignore this ones */
.home_over{
  position: relative;
  margin:0px;
  padding:0px;
  color:#fff;
  list-style: none;
}
.home_over a {
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  border-radius: 4px;
}
.home_over h3 {
  margin: 0;
  font-size: 16px;
 }
.home_over p {
  font-size: 12px;
  line-height: 1.5;
  }
.home_over .normal {
  width: 100%;
  height: 100%;
  background-color: #ECF0F1;
  color: rgba(52, 73, 94, 0.6);
  box-shadow: inset 0 2px 20px #e6ebed;
  text-align: center;
  font-size: 50px;
  line-height: 200px;
}
.home_over .normal img {
  pointer-events: none;
  
  
}
* {
  box-sizing: border-box;
}
/*--balck and white image--*/
#client_sec .client_img{	margin:0px;
					padding:0px;
					border-bottom:solid 1px #e3e3e3;
					}
#client_sec .balck-white{	position:relative;
						width:100%;}
#client_sec img {
	max-width:100%;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	margin:0px;
	padding:30px 27.9px;	
	border-right:solid 1px #e3e3e3;
}

#client_sec img:hover {
    filter: none; /* IE6-9 */
    -webkit-filter: grayscale(0);} /* Google Chrome, Safari 6+ & Opera 15+ */
#chch-mainSwitchWrapper{	height:38px;}
/*--end of balck and white image--*/
#inner_img{	max-width:100%;
			width:100%;
}
/*--Portfolio--*/
#portfolio{	position:relative;
			width:100%;}
#portfolio .view-sixth img {
	border:solid 2px #e3e3e3;
   -webkit-transition: all 0.4s ease-in-out 0.5s;
   -moz-transition: all 0.4s ease-in-out 0.5s;
   -o-transition: all 0.4s ease-in-out 0.5s;
   -ms-transition: all 0.4s ease-in-out 0.5s;
   transition: all 0.4s ease-in-out 0.5s;
}
#portfolio .view-sixth .mask {
   background-color: rgba(255,255,255,0.8);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.3s ease-in 0.4s;
   -moz-transition: all 0.3s ease-in 0.4s;
   -o-transition: all 0.3s ease-in 0.4s;
   -ms-transition: all 0.3s ease-in 0.4s;
   transition: all 0.3s ease-in 0.4s;
}
#portfolio .view-sixth h2 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   border-bottom: 1px solid rgba(223,64,64,0.3);
   background: rgba(223,64,64,0.3);
   margin: 20px 40px 0px 40px;
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -webkit-transition: all 0.3s ease-in-out 0.1s;
   -moz-transition: all 0.3s ease-in-out 0.1s;
   -o-transition: all 0.3s ease-in-out 0.1s;
   -ms-transition: all 0.3s ease-in-out 0.1s;
   transition: all 0.3s ease-in-out 0.1s;
}
#portfolio .view-sixth p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -webkit-transition: all 0.3s ease-in-out 0.2s;
   -moz-transition: all 0.3s ease-in-out 0.2s;
   -o-transition: all 0.3s ease-in-out 0.2s;
   -ms-transition: all 0.3s ease-in-out 0.2s;
   transition: all 0.3s ease-in-out 0.2s;
}
#portfolio .view-sixth a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -webkit-transition: all 0.3s ease-in-out 0.1s;
   -moz-transition: all 0.3s ease-in-out 0.1s;
   -o-transition: all 0.3s ease-in-out 0.1s;
   -ms-transition: all 0.3s ease-in-out 0.1s;
   transition: all 0.3s ease-in-out 0.1s;
}
#portfolio .view-sixth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
#portfolio .view-sixth:hover img {
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
#portfolio .view-sixth:hover h2 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
   font-weight:700;
}
#portfolio .view-sixth:hover p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   line-height:19px;
   margin-top:10px;
   transition-delay: 0.2s;
}
#portfolio .view-sixth:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   -ms-transition-delay: 0.3s;
   transition-delay: 0.3s;
}
#portfolio .view {
   width: 300px;
   height:220px;
   margin: 10px;
   float: left;
   border: 10px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
   background: #fff url(../404page.html) no-repeat center center;
}
#portfolio .view .mask,.view .content {
   width:281px;
   border:solid 2px #ff6600;
   height:187px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
#portfolio .view img {
   display: block;
   position: relative;
}
#portfolio .view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size:12px;
   letter-spacing:0px;
   padding: 10px;
   background:#ff6600;
   margin: 20px 0 0 0;
}
#portfolio .view p {
   font-size: 13px;
   position: relative;
   color: #000;
   padding:1px 20px;
   text-align: center;
}
#portfolio .view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background:#ff6600;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #ba2323;
}
#portfolio .view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
   background:#FFF;
   color:#fff;
}
/*--contactus--*/
.contact-page{	margin:0px; padding:0px;
}
.contact-page .contact-form { margin-top:0px; }
.contact-page .contact-form input, .contact-form textarea { width: 100%; display: block; background:#fff !important; border: 1px solid #e3e3e3; padding: 10px 15px; outline: 0; }
.contact-page .contact-form input { height: 46px; margin-bottom:0px; background:#fff; }
.contact-page .contact-form label { font-weight: normal; }
.contact-page .contact-form label.required:after { content: "*"; color: red; margin-left: 5px; }
.contact-page .btn-primary {
    color: #FFF;
	width:100%;
	background:#ff6600 !important;
    border:1px solid #ff6600;
	border-radius:0px;

	clear:left;
	float:left;
	margin:0px 2px;
}
.contact-page .btn-primary:hover,
.contact-page .btn-primary:focus,
.contact-page .btn-primary:active,
.contact-page .btn-primary.active,
.contact-page .open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #484848 !important;
  border-color: #484848;
}
.contact-page .form-control {
display: block;
width: 100%;
height: 40px;
padding:8px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #b9b9b9;
border-radius: 0px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.contact-page .form-control:focus {
    border-color: #EC0000 ;
    outline: 0px none;
    box-shadow: 0px 1px 1px rgba(236, 000, 000, 0.075) inset, 0px 0px 8px rgba(236, 000, 000, 0.6);
}
.contact li {
    list-style: none;
    line-height: 28px;
    color: #484848;
    font-size: 14px;
    text-align: left;
    padding-top: 10px;
	padding-left:37px;
    padding-bottom: 10px;
	margin-bottom:2px;
}
.contact li a{	color:#ff6600;}
.contact li.adress{	background:url(../images/a.png) no-repeat left 18px;}
.contact li.mobn{	background:url(../images/m.png) no-repeat left 10px;}
.contact li.email{	background: url(../images/e.png) no-repeat left 10px;}
.contact li.brouch{	background: url(../images/b.png) no-repeat left 10px;}