/*
 Theme Name: Sky ripples
 Theme URI: www.sprdh.com
 Author: SPRDH
 Author URI: sprdh.com
 Description: Sky ripples
 Version: 1.0
 Tags: skyripples
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
	font-weight: normal;
	text-decoration: none;
	outline: none;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
header, section, article, aside, nav, footer, address {
	display: block;
}
@font-face {
    font-family: 'ralewayregular';
    src: url('fonts/raleway-regular-webfont.eot');
    src: url('fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-regular-webfont.woff2') format('woff2'),
         url('fonts/raleway-regular-webfont.woff') format('woff'),
         url('fonts/raleway-regular-webfont.ttf') format('truetype'),
         url('fonts/raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewaylight';
    src: url('fonts/raleway-light-webfont.eot');
    src: url('fonts/raleway-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-light-webfont.woff2') format('woff2'),
         url('fonts/raleway-light-webfont.woff') format('woff'),
         url('fonts/raleway-light-webfont.ttf') format('truetype'),
         url('fonts/raleway-light-webfont.svg#ralewaylight') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
	font-family: 'ralewayregular', Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #555;
}
input,textarea,select{
	font-family: 'ralewayregular', Arial, Helvetica, sans-serif;
}
a{
	color: #555;
}
a:hover,.submit:hover{
	filter: alpha(opacity = 85);
	-moz-opacity: 0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
}
.thumb{
	display: block;
}
.thumb img{
	display: block;
}
p{
	line-height:1.6em;
}
.hidden{
	display:none;
}
.left {
	float: left;
}
.right {
	float: right;
}
br.clear {
	clear: both;
	line-height: 0;
}
.wrapper {
	max-width: 1200px;
	margin: 0 auto;
	width: 90%;
}
header{
	margin-top: 25px;
}
header #logo {
    float: left;
    margin-right: 9%;
    width: 18%;
}
header #logo h1 a{
	background: url(images/logo.png) no-repeat scroll 0 0;
	width: 206px;
	height: 131px;
	display: block;
	text-indent: -99999px;
	-webkit-background-size: contain;
	background-size: contain;
}
header nav {
    float: left;
    margin-top: 63px;
    padding-bottom: 10px;
    width: 73%;
}
header nav ul li {
    float: left;
    margin-right: 12%;
    position: relative;
}
header nav ul li:last-child{
	margin-right: 0;
}
header nav ul li a b{
	font-size: 18px;
	display: block;
	color: #595649;
}
header nav ul li a{
	text-transform: uppercase;
	display: block;
	text-align: center;
	color: #afafaf;
	font-size: 12px;
}
header nav ul li.main:first-child a{
	background: url(images/home-btn-left.png) no-repeat scroll 0 0;
	width: 45px;
	height: 45px;
	display: block;
	text-indent: -99999px;
	-webkit-background-size: contain;
	background-size: contain;
}
header nav ul li.main{
	padding-bottom: 15px;
}
header nav ul li ul {
	position: absolute;
	width: 200px;
	top: 46px;
	z-index: 10;
	display: none;
	background: none repeat scroll 0 0 #2E2E2E;
}
header nav ul li ul li {
	width: 200px;
	border-bottom: 1px solid #fff;
	height: auto;
}
header nav ul li ul li a {
	color: #fff;
	padding: 8px 0 8px 23px;
	width: auto;
	font-size: 15px;
	text-align: left;
}
header div#mobile_menu{
	display: none;
}
header span.trigger{
	display: none;
}
#spotlight img{
	display: block;
	width: 100%;
}
#spotlight .wrapper{
	position: relative;
}
#spotlight .wrapper div.caption{
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 10;
	width: 22%;
	padding: 25px 1.5% 5px;
	color: #fff;
	background: rgba(0,0,0,.8);
}
#spotlight .wrapper div.caption #big {
    display: block;
    font-size: 202px;
    line-height: 232px;
    margin-top: -61px;
    text-align: center;
}
#spotlight .wrapper div.caption #medium{
	font-size: 25px;
	display: block;
	text-transform: uppercase;
}
#spotlight .wrapper div.caption p{
	font-size: 15px;
}
.fixed {
    position:fixed;
    top:0;
}
section.fixed_menu {
    background: none repeat scroll 0 0 #000;
    width: 100%;
    z-index: 2147483647;
}
section.fixed_menu ul {
	float: left;
	width: 75%;
	padding: 11px 0;
}
section.fixed_menu ul li{
	float: left;
    margin-right: 12%;
}
section.fixed_menu ul li:first-child a{
	background: url(images/home-btn-top.png) no-repeat scroll left center;
	height: 45px;
	display: block;
	padding-left:100px;
	font-size: 18px;
	color: #555;
	line-height: 48px;
}
section.fixed_menu ul li:last-child{
	margin-right: 0;
}
section.fixed_menu ul li a b{
	font-size: 16px;
	display: block;
	color: #595649;
}
section.fixed_menu ul li a{
	text-transform: uppercase;
	display: block;
	text-align: center;
	color: #afafaf;
	font-size: 12px;
}
div#view_all{
	float: right;
	width: 25%;
	background: #2E9290;
}
div#view_all a{
	width: 100%;
	display: block;
	font-size: 22px;
	text-transform: capitalize;
	text-align: center;
	color: #fff;
	padding: 20px 0;
}
#projects {
	background: url(images/projects-bg.jpg) no-repeat scroll center bottom #000;
	-webkit-background-size: contain;
	background-size: contain;
	padding: 40px 0 140px;
}
#projects .wrapper{
	position: relative;
}
#projects h1{
	font-size: 30px;
	margin-bottom: 45px;
	text-align: center;
	color:#acacac;
}
#projects h1 a{
	color:#acacac;
}
#projects h2{
	text-align: center;
	font-size: 23px;
	color: #a8a9a9;
}
#projects h2 a, .inner ul.list1 li div.details h2 a {
    color: #a8a9a9;
    font-size: 17px;
    text-transform: capitalize;
}
#projects div#slider {
    margin: 20px auto;
    width: 1000px;
}
#projects div#slider .slides{
	position: relative;
}
#projects .list {
    background: none repeat scroll 0 0 #fff;
    float: left;
    margin-right: 2%;
    width: 31.2%;
}
.bdrn{
	border-right: none !important;
}
.inner ul.list1 li{
	background: none repeat scroll 0 0 #fff;
    float: left;
    margin-right: 2.5%;
    width: 23%;
    margin-bottom: 2.5%;
}
#projects .list a.thumb, #projects .list a.thumb img, .inner ul.list1 li a.thumb, .inner ul.list1 li a.thumb img{
	width: 100%;
	display: block;
}
#projects .list a.thumb, .inner ul.list1 li a.thumb {
    height: 184px;
    overflow: hidden;
    position: relative;
}
#projects .list a.thumb img, .inner ul.list1 li a.thumb img{
    overflow: hidden;
    position: relative;
    min-height: 184px;
}
#projects .list span.arrow, .inner ul.list1 li span.arrow{
	position: absolute;
	bottom: 0;
	left: 30px;
	width: 34px;
	height: 14px;
}
#projects .list a.thumb span.arrow img, .inner ul.list1 li a.thumb span.arrow img{
	width: 100%;
	display: block;
    min-height: 14px;
}
#projects .list div.details, .inner ul.list1 li div.details {
    padding: 15px 7%;
	color: #7D8585;
}
#projects .list div.details h2, .inner ul.list1 li div.details h2{
	text-align: left;
	margin: 10px 0 0;
	
	height:50px;
}
#projects .list div.details h2 a, .inner ul.list1 li div.details h2 a {
    color: #7d8585;
    text-align: left;
}
#projects .list div.details .type, .inner ul.list1 li div.details .type{
	background: #757E7D;
	color: #fff;
	padding: 3px 6px;
	text-transform: uppercase;
	font-size: 11px;
	border-radius: 4px;
}
#projects .list div.details .location, .inner ul.list1 li div.details .location{
	background: url(images/location-icon.png) no-repeat scroll left center;
	padding-left: 16px;
	margin:10px 0;
	display: block;
}
#projects .list div.details p, .inner ul.list1 li div.details p{
	font-size: 11px;
	text-transform: uppercase;
}
#projects .list div.details .client, .inner ul.list1 li div.details .client{
	font-size: 14px;
	text-transform: capitalize;
	display: block;
}
#projects .list .fifty , .inner ul.list1 li .fifty{
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    float: left;
    padding: 10px 4%;
    width: 50%;
    color: #7d8585;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#projects div.bx-pager{
	display: none;
}
#projects div.bx-controls-direction a{
	top: 0;
	bottom: 0;
	margin:auto 0;
	background: url(images/slide-arrow-left.png) no-repeat scroll 0 0;
	width: 51px;
	height: 51px;
	position: absolute;
	text-indent: -99999px;
}
#projects div.bx-controls-direction a.bx-prev{
	background: url(images/slide-arrow-left.png) no-repeat scroll 0 0;
	left: 0;
}
#projects div.bx-controls-direction a.bx-next{
	background: url(images/slide-arrow-right.png) no-repeat scroll 0 0;
	right: 0;
}
#content_left  .wp-pagenavi{
	border-top: 1px solid #ccc;
	padding-top: 10px;
	text-align: center;
}
#content_left  .wp-pagenavi a, #content_left .wp-pagenavi span {
	display: inline-block;
	padding: 5px 15px;
	border: 1px solid #4ABABA;
	margin-right: 10px;
}
#content_left .wp-pagenavi span.current {
	background: #4ABABA;
	color: #fff;
}
.grid{
	background: #2A2E2F;
	padding: 100px 0;
}
.grid div.left{
	width: 40%;
	color: #E8E8E8;
}
.grid div.right{
	width: 40%;
}
.grid div.left h2{
	text-transform: uppercase;
	float: left;
	margin-top: 115px;
}
.grid div.left img.big_logo{
	width: 174px;
	float: left;
}
.grid div.left  p{
	margin-top: 20px;
}
.grid div.left a.button, .grid div.right a.button{
	color: #E8E8E8;
	padding: 13px 7%;
	text-transform: capitalize;
	font-size: 19px;
	margin-right: 3%;
	background: #3A4442;
	float: left;
}
.grid div.right h2{
	text-align: center;
}
.grid div.right h2 a{
	color: #A3E100;
	font-size: 28px;
	text-transform: capitalize;
}
.grid div.right h2 a span{
	text-transform: uppercase;
	color: #6D7070;
	font-size: 12px;
	display: block;
}
.grid div.right img.lines{
	display: block;
	width: 377px;
	margin: 0 auto;
}
.grid div.right ul li {
    float: left;
    margin-right: 2%;
    margin-top: 15px;
    text-align: center;
    text-transform: capitalize;
    width: 32%;
}/*
.grid div.right ul li:first-child {
    margin-right: 9%;
    width: 25%;
}
.grid div.right ul li:last-child {
    margin-left: 8%;
    margin-right: 0;
    width: 24%;
}*/
.grid div.right ul li:last-child {
	float: right;
}
.grid div.right ul li img.thumb{
	display: block;
	width: 108px;
	height: 108px;
	margin: 0 auto;
}
.grid div.right ul li h3 {
    color: #d1d1d1;
    font-size: 18px;
    margin-top: 18px;
}
.grid div.right ul li span.designation{
	color: #286866;
	font-size: 12px;
}
.grid div.right a.button {
    display: block;
    float: none;
    margin: 16px auto 0;
    width: 100px;
}
/* slide item */
.carousel .slides .slideItem 
{
	position :absolute ;
	cursor :pointer ;
	overflow : hidden;
	margin :0;
}

.carousel .slides .slideItem a
{
	display: block ;
	text-decoration :none;
	margin :0;
	padding :0;
	border :none;
	outline :none;
}

.carousel .slides .slideItem img
{
	margin :0;
	padding :0;
	border :none;
	width :100%;
	height :100%;
}
.carousel .slides .slideItem  div.details{
	position: absolute;
	left:0;
	top:300px;
	background: #fff;
	width:100%;
}
.carousel .slides .slideItem  div.details .arrow{
	width:34px;
	height:14px;
	background: url(images/arrow.png) no-repeat;
	position: absolute;
	left:40px;
	top:-14px;
}
.carousel .slides .slideItem  div.details h3{
	margin-bottom: 10px;
}
.carousel .slides .slideItem  div.details h3 a{
	color:#008599;
}
#projects #slider .list a.thumb{
	height: auto;
	overflow: hidden;
}
#projects #slider .list a.thumb img{
	width:auto;
	min-width: 100%;
	height:300px;
}
#projects #slider .list p.dates{
	margin-top: 10px;
}
#projects #slider .list div.details h2{
	height:auto;
}
#projects #slider .list div.details{
	padding:0;
}
#projects #slider .list div.details div.main{
	padding:5%;
}
/* _______________________________________________ */

/* DIRECTION BUTTON */
/* _______________________________________________ */

.carousel .nextButton
{
	position :absolute ;
	right :-20px;
	top :290px;
	width: 51px;
	height: 51px;
	background: url(images/slide-arrow-right.png) no-repeat;
	cursor :pointer ;
	z-index :9999;
}

.carousel .prevButton
{
	position :absolute ;
	left :-40px;
	top :290px;
	background: url(images/slide-arrow-left.png) no-repeat;
	width: 51px;
	height: 51px;
	cursor :pointer ;
	z-index :9999;
}

/* _______________________________________________ */

/* NAVIGATION BUTTON */
/* _______________________________________________ */

/* buttons container */
.carousel .buttonNav
{
	position : relative ;
	margin :0 auto;
	z-index :999;
	display: none;
}

/* numbers */
.carousel .buttonNav .numbers 
{
	position :relative ;
	float :left ;
	margin :5px;
	color : #828282 ;
	cursor :pointer ;
	font-weight :bold ;
	text-decoration :none;
	font-size :1em;
	font-family :Arial, Verdana ;
}

.carousel .buttonNav .numbers:hover
{
	color: #000;
	text-decoration :underline;
}

.carousel .buttonNav .numberActive
{
	background : none;
	color :#000;
	cursor :default ;
}


/* ____________________________________________________________ */

/* VIDEO */
/* ____________________________________________________________ */

.carousel .slides .videoOverlay
{
	background :url("images/video.png") no-repeat center; /* play button */
}

.carousel .slides .spinner
{
	background : #000 url(images/loading.gif) no-repeat center; /* video preloader */
}

/* _____________________________ *

/* SHADOW */
/* _____________________________ */

.carousel .shadow
{
	width :100%;
	height :82px;
}

.carousel .shadow .shadowLeft
{
	background : url("images/shadowLeft.png") no-repeat;
	width :100px;
	height :82px;
	
	/* fix png problems in ie */
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowLeft.png, sizingmethod=scale)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowLeft.png, sizingmethod=scale);   /* IE6 & 7 */                     
}

.carousel .shadow .shadowMiddle
{
	height :82px;
	background:url("images/shadowTile.png") repeat-x;
	
	/* fix png problems in ie */
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowTile.png, sizingmethod=scale)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowTile.png, sizingmethod=scale);   /* IE6 & 7 */                     
}

.carousel .shadow .shadowRight
{
	width :100px;
	height :82px;
	background:url("images/shadowRight.png") no-repeat;
	
	/* fix png problems in ie */
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowRight.png, sizingmethod=scale)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowRight.png, sizingmethod=scale);   /* IE6 & 7 */                     
}

/* ____________________________________________________________ */

/* REFLECTION GRADIENT */
/* ____________________________________________________________ */

/* gradient color for Opera */
.carousel .gradient
{
	background-image :url(scripts/gradient.svg);
}
footer{
	background: #5A564A;
	padding-top: 30px;
}
#footer_top div.left{
	width: 45%;
}
#footer_top div.left h2 span{
	font-size: 13px;
	color: #9b9888;
	display: block;
}
#footer_top div.left h2{
	font-size: 20px;
	text-transform: uppercase;
	color: #EEEDEE;
	margin-bottom: 25px;
	padding-bottom: 15px;
	border-bottom: 1px solid #777669;
	padding-left: 40px;
	background: url(images/contact-icon.png) no-repeat scroll left center;
}
#footer_top div.left h2 a{
	font-size: 20px;
	text-transform: uppercase;
	color: #EEEDEE;
}
#footer_top div.right{
	width: 45%;
}
footer span.green{
	color: #A3E100;
	font-size: 12px;
	text-transform: uppercase;
}
footer #footer_top div.left p.big, footer #footer_top div.left p.big a {
	font-weight: bold;
	font-size: 25px;
	color: #fff;
}
footer #footer_top div.left p.big{
	margin-bottom: 4px;
}
#footer_top div.left p{
	color: #ABABAB;
	font-size: 16px;
	font-weight: bold;
}

#footer_bottom .sh {
    margin: 15px auto 33px;
    width: 125px;
}
#footer_bottom .sh ul li {
    float: left;
    height: 32px;
    margin-right: 8px;
    width: 32px;
}
#footer_bottom .sh ul li a{
	width: 100%;
	display: block;
	background: url("images/t.png") no-repeat ;
	height: 32px;
}
#footer_bottom .sh ul li.f a{
	background: url("images/f.png") no-repeat ;
}
#footer_bottom .sh ul li.g a{
	background: url("images/g.png") no-repeat ;
}

#map_canvas {
    height: 350px;
    width: 100%;
}
#footer_bottom {
    border-top: 1px solid #777669;
    margin: 25px 0 0;
    padding: 20px 0 0;
}
#footer_bottom h2{
	text-align: center;
}
#footer_bottom h2 a{
	font-size: 22px;
	color: #8A8C7C;
}
#footer_bottom #center{
	text-align: center;
	margin: 80px auto 0;
	color: #fff;
	text-transform: uppercase;
	border-top: 1px solid #777669;	
	background: #514D41;
	position: relative;
}
#center .wrapper{
	background: #514D41;
	width:570px;
	position: relative;
	z-index: 2;
	padding: 10px 0;
}
#footer_bottom #center a{
	color: #fff;
	text-transform: uppercase;
	padding-left: 23px;
	background: url(images/top-arrow-small.png) no-repeat scroll left center;
}
#footer_bottom #center .footer_logo{
	margin: -40px 60px 0 93px;
    position: relative;
    z-index: 2;
}
#footer_bottom #center .footer_logo img{
	display: block;
}
#footer_bottom #center p,#footer_bottom #center div,#footer_bottom #center a{
	float: left;
	line-height: 30px;
}
#center .circle{
	position: absolute;
	left:0;
	right:0;
	margin:0 auto;
	top:-50px;
	width:80px;
	height:80px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	border: 1px solid #777669;
	background: #514D41;
}
/*typography starts here*/
.single p {
	margin-bottom: 15px;
	font-size: 15px;
	line-height: 22px;
}
.single p a {
	color: #0e7fdb;
}
section.single ul, section.single ol {
	list-style: disc outside none;
	margin-bottom: 23px;
	padding-left: 17px;
}
section.single ol {
	list-style: decimal;
}
section.single li {
	margin-bottom: 12px;
}
section.single  li ul, section.single li ol {
	padding-left: 30px;
	margin: 15px 0;
	list-style: disc;
}
section.single  li ol {
	list-style: lower-roman;
}
section.single table {
	width: 100%;
	margin-bottom: 20px;
	border-collapse: collapse;
}
section.single a {
	color: #555;
}
section.single a:hover {
	color: #444343;
}
section.single table th {
	background: #EEEEEE;
	padding: 10px 20px;
	border: 1px solid #e0e0e0;
}
section.single td {
	padding: 10px 20px;
	border: 1px solid #e0e0e0;
}
section.single h1 {
	text-transform: uppercase;
	color: #515151;
	font-size: 30px;
}
section.single h2 {
	color: #555;
	font-size: 25px;
	text-transform: capitalize;
}
section.single h3 {
	color: #555;
    font-size: 19px;
    text-transform: capitalize;
}
section.single h4 {
	font-size: 20px;
}
section.single strong, section.single b {
	font-weight: bold;
}
section.single i {
	font-style: italic;
}
section.single h5 {
	font-size: 20px;
}
section.single h6 {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}
section.single h1, section.single h2, section.single h3, section.single h4, section.single h5, section.single h6 {
	margin-bottom: 10px;
}
/*typography ends here*/
/* About page starts here */
body.inner{
	background: #F1F1F1;
}
.inner #content_left {
    margin: 55px 0;
    width: 100%;
}
.inner #content_left h2 {
    color: #555;
    font-size: 20px;
    margin-bottom: 10px;
    text-transform: capitalize;
}
.inner #content_left.single{
	padding:20px;
	border: 1px solid #e7e7e7;
	background: #f5f5f5;
}
.inner #content_left h2.title{
	font-size: 30px;
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 20px;
	padding-bottom: 10px;
	text-transform: uppercase;;
}
/* About page ends here */
/* list page starts here */
.inner #content_left ul.list li div.details {
    width: auto;
	padding-top: 0;
	float: none;
}
.inner #content_left ul.list li {
	padding: 15px 2%;
	border-bottom: 1px solid #ccc;
}
.inner #content_left ul.list li h3{
	margin-bottom: 4px;
}
.inner #content_left ul.list li h3 a {
    color: #2a2d7c;
    font-size: 20px;
    text-transform: capitalize;
}
.inner #content_left ul.list li p {
    min-height: 83px;
}
.inner #content_left ul.list li a.thumb {
    float: left;
    height: 150px;
    margin-right: 4%;
    overflow: hidden;
    width: 25%;
}
.inner #content_left ul.list li a.thumb img{
	width: 100%;
	display: block;	
}
.inner #content_left ul.list li a.more {
    background: none repeat scroll 0 0 #2a2d7c;
    border-radius: 17px;
    color: #fff;
    float: right;
    margin-top: 10px;
    padding: 3px 13px;
}
.inner ul.list1 li:nth-child(4n){
	margin-right: 0;
}
.inner #pro_details{
	border: 1px solid #ccc;
	padding: 25px 2%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.inner #pro_details .left{
	width: 36%;
}
.inner #pro_details .right{
	width: 56%;
}
.inner #pro_details .left img{
	width: 100%;
	display: block;
}
.inner #pro_details .right p b{
	font-weight: bold;
	float: left;
	width: 40%;
}
.inner #pro_details .right p span{
	float: right;
	width: 58%;
}
/* list page ends here */
/*contact page style starts here*/
.inner #contact {
	margin-top: 20px;
	border: 6px solid #dadada;
	width: 100%;
	position: relative;
}
.inner .address{
	background: rgba(0, 0, 0, 0.85);
    width: 100%;
    padding: 20px 0;
}
.inner .address span{
	display: block;
}
.inner .address p{
	text-align: center;
	font-size: 17px;
	color: #fff;
}
.inner .form{
	margin-top: 20px;
	width: 100%;
	float: right;
}
.inner .form h3{
	margin-bottom: 45px;	
	font-size: 30px;
	padding-bottom: 5px;
	border-bottom: 1px solid #E7E7E7;
}
.inner .form p.left, .inner .form p.right{
	margin-bottom: 15px;
	width: 43%;
	display: block;	
}
.inner  .form p.full{
	float: left;
	width: 100%;
}
.inner .form p.full textarea{
	width: 100%;
	height: 160px;
	border: 1px solid #e8e8e8;
	resize: none;
}
.inner .form input {
	padding: 10px;
	border: 1px solid #e8e8e8;
	width: 93%;
}
.inner .form p.submit{
	display: block;
	width: 22.1%;
	margin-top:15px;
}
.inner .form p.submit input {
    background: none repeat scroll 0 0 #150183;
    border: medium none;
    color: #ffffff;
    cursor: pointer;
    font-size: 20px;
    margin-top: 10px;
    padding: 10px 17%;
}
/*contact page style ends here*/
/* gallery style */
div.galleryid-179 dl{
	float: left;
	width: 30%;
	height: 80px;
	padding: 10px 5px;
	margin: 0 10px 10px 0;
	position: relative;
}
div.galleryid-179 dl img{
	max-height: 80px;
	width: auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
	max-width: 90%;
	
}
.jp-carousel-info{
	display: none !important;
}
.gallery dl{
	float: left;
	width: 23%;
	margin: 0 10px 10px 0;
	border: 2px solid #F5F5F5;
}
.gallery dl dt{
	padding: 5%;
}
.gallery dl img{
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
@media all and (max-width: 1280px) {
	header nav{
		width: 63%;
	}
	#spotlight .wrapper div.caption{
		width: 21%;
	}
}
@media all and (max-width: 1080px) {
	header nav{
		width: 69%;
	}
	#spotlight .wrapper div.caption{
		width: 20%;
	}
	section.fixed_menu ul li{
		margin-right: 7%;
	}
}
@media all and (max-width: 960px) {
	header nav{
		display: none;
	}
	section.fixed_menu{
		display: none;
	}
	header span.trigger {
	    cursor: pointer;
	    display: block;
	    float: right;
	    height: 41px;
	    margin: 60px 40px 0 0;
	    width: 63px;
	}
	header span.trigger img {
		display: block;
		width: 100%;
	}
	header #mobile_menu ul li {
	    border-bottom: 1px solid #fff;
	    float: left;
	    text-align: center;
	    width: 100%;
	    position: relative;
	}
	header #mobile_menu ul li span.arrow{
		background: url(images/arrow-menu.png) no-repeat scroll right center ;
	}
	header #mobile_menu ul li:last-child {
		border-bottom: none;
	}
	header #mobile_menu ul li a {
	    color: #fff;
	    display: block;
	    padding: 9px 2%;
	    text-transform: uppercase;
	}
	header #mobile_menu {
	    background: rgba(0,0,0,1);
	    float: none;
	    padding: 0;
	    position: absolute;
	    right: 0;
	    top: 168px;
	    width: 250px;
	    z-index: 457;
	    border: 1px solid #ccc;
	    display: none;
	}
	header #mobile_menu ul li ul{
		display: none;
		width: 100%;
		border:none;
		border-top:1px solid #000;
		background: #fff;
	}
	header #mobile_menu ul li ul li{
		background: #fff;
		border-bottom: 1px solid #000;
	}
	header #mobile_menu ul li ul li a{
		color: #000;
	}
	header #mobile_menu ul li span.arrow {
	    background: url("images/arrow-menu.png") no-repeat scroll right center rgba(0, 0, 0, 0);
	    cursor: pointer;
	    display: block;
	    height: 25px;
	    position: absolute;
	    right: 14px;
	    top: 8px;
	    width: 23px;
	    z-index: 30;
	    -webkit-background-size: contain;
	    background-size: contain;
	}
	#spotlight .wrapper div.caption{
		display: none;
	}
	#projects{
		padding: 40px 0;
	}
	#projects div.bx-controls-direction{
		display: none;
	}
	.grid div.right {
	    width: 47%;
	}
	.inner ul.list1 li {
	    margin-right: 2%;
	    width: 32%;
	}
	.inner ul.list1 li:nth-child(4n) {
	    margin-right: 2%;
	}
	.inner ul.list1 li:nth-child(3n) {
	    margin-right: 0;
	}
	#projects{
		display: none;
	}
}
@media all and (max-width: 800px) {
	.grid div.right ul li img.thumb{
		width: 100%;
		height: auto;
	}
	.grid div.right img.lines {
	    width: 77%;
	}
	.grid div.right ul li:first-child, .grid div.right ul li, .grid div.right ul li:last-child {
	    margin-right: 14%;
	    width: 24%;
	}
	 .grid div.right ul li:last-child {
	    margin-left: 0;
	    margin-right: 0;
	}
}
@media all and (max-width: 768px) {
	.grid{
		padding:40px 0;
	}
	.grid div.left{
		margin-bottom: 25px;
		text-align: center;
	}
	.grid div.left, .grid div.right {
	    width: 100%;
	}
	.grid div.left h2{
		margin-left: 28%;
		text-align: left;
	}
	.grid div.left a.button.first{
		margin-left: 21%;
	}
	header #mobile_menu{
		top:180px;
	}
	#center .wrapper{
		width:auto;
	}
	#center  div,#center a,#center .circle{
		display: none !important;
	}
	#footer_bottom #center p{
		float: none;
		text-align: center;
	}
}
@media all and (max-width: 600px) {
	#footer_bottom #center a.back-to-top {
	    display: inline-block;
	    float: left;
	    margin: 25px 0 25px 28%;
	    width: 167px;
	}
	#footer_bottom .sh {
	    margin: 15px auto 13px;
	}
	.inner ul.list1 li {
	    margin-right: 2%;
	    width: 49%;
	}
	.inner ul.list1 li:nth-child(2n) {
	    margin-right: 0;
	}
	.inner ul.list1 li:nth-child(3n), .inner ul.list1 li:nth-child(4n) {
	    margin-right: 2%;
	}
	.inner .form p.left, .inner .form p.right{
		width: 100%;
	}
}
@media all and (max-width: 480px) {
	header #logo {
	    margin-right: 0;
	    width: 100%;
	}
	header #logo h1 a{
		margin:0 auto;
	}
	header span.trigger {
	    margin: 23px 44% 0 0;
	}
	header #mobile_menu {
	    float: left;
	    margin-top: 10px;
	    position: static;
	    width: 100%;
	}
	.grid div.left a.button.first {
	    margin-left: 12%;
	}
	#footer_top div.left {
	    width: 100%;
	    margin-bottom: 15px;
	}
	#footer_top div.right {
	    width: 100%;
	}
}
@media all and (max-width: 360px) {
	.grid div.left h2 {
	    margin-left: 0;
	    text-align: left;
	}
	header span.trigger {
	    margin: 23px 38% 0 0;
	}
	.grid div.left img.big_logo {
	    float: right;
	}
	.grid div.left a.button.first {
	    margin-left: 6%;
	}
	.inner ul.list1 li {
	    margin-right: 0;
	    width: 100%;
	}
	.inner ul.list1 li:nth-child(2n) {
	    margin-right: 0;
	}
	.inner ul.list1 li:nth-child(3n), .inner ul.list1 li:nth-child(4n) {
	    margin-right: 0;
	}
}
@media all and (max-width: 320px) {
	.grid div.left a.button.first {
	    margin-left: 3px;
	}
}