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


img.size-medium.wp-img-559{
	border-radius: 25px;
}

/***********************************/
html, body{
	height: 100%;
}
body {
	margin:0 auto;
	text-align:left;
	color: #000000;
	font-size:16px;
	font-family: 'Archivo Narrow', sans-serif;
}
#wrapper
{
	width:100%;
	margin:0 auto;
	position:relative;
	z-index:9999;
	text-align:left;
	display:block;
	clear:both;
	overflow:hidden;
}
.bg
{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
/***********************************************/
#sidebar
{
	display: block;
	float: left;
 	height: 98%;
	left: 0;
	margin-left: 0px !important;
	padding-right: 40px;
	padding-top: 25px !important;
	padding-left: 30px !important;
	position: fixed;
	top: 0;
	width: 164px;
	z-index: 3;
}
#content
{
	float:left;
	display:block;
	padding-top:100px;
	padding-left:244px;
	position:relative;
	overflow:hidden;
	padding-bottom:100px;
}

#home-logo {
    position: relative;
    width: 161px;
    height: 40px;
    margin-bottom: 100px;
    right: 75px;
}


/*************************/
#left-nav {
    position: relative;
    width: 100%;
    top: 20px;
}

#sub-menu {
	display: none;
}

/***************************/
#footer
{
	width:100%;
    height: 160px;
	bottom: 60px;
	left: 30px !important;
	position:absolute;
	display:block;
}
.btn-callback-home { 
	border:solid 2px #fff; 
	color:#ffffff; 
	padding:8px 10px; 
	display:inline-block; 
	margin-top:40px; 
	text-decoration:none; 
	font-family: 'Archivo Narrow', sans-serif; 
	font-weight:400; 
	font-size:15px;  
}
.btn-callback-in { 
	border:solid 2px #505050; 
	color:#505050; 
	padding:8px 10px; 
	display:inline-block; 
	margin-top:40px; 
	text-decoration:none; 
	font-family: 'Archivo Narrow', sans-serif; 
	font-weight:400; 
	font-size:15px;  
}
.btn-callback-in:hover, .btn-callback-home:hover { 
	opacity:0.5; 
}
.social-links a { 
	padding-right: 18px; 
	margin-left: 6px; 
}
.social-links a:hover { 
	opacity:0.5; 
}
.slides-container li .container { 
	font-size:50px; 
font-family: 'Archivo Narrow', sans-serif; 
	font-weight:normal; 
	color:#fff; 
	position:absolute; 
	bottom:40px; 
	right:40px; 
}
.block { 
	width:280px; 
	float:left; 
	margin-right:40px; 
}
#banner-inner { 
	height:auto; 
	margin-bottom:30px; 
	display:block; 
	clear:both; 
	position:relative; 
}

.work-slider { 
	width:100%; 
	height:765px; 
	margin-bottom:15px; 
	position:relative; 
}
.touchcarousel-container { 
	height:765px; 
}
#work {
	margin: 0; 
	padding: 0; 
	list-style: none; 
	display: block; 
}
#work li {
	width:auto !important; 
	height:100%; 
	float:left; 
	margin-right:20px; 
	display:block;  
}
#work li { 
	width:100%; 
	height:auto; 
}
#work li:first-child { 
	padding-left:245px; 
}
.page-slider { 
	width:100%; 
	height:auto; 
	margin-bottom:30px; 
	position:relative; 
}
.page-slider ul { 
	margin:0px; 
	padding:0px; 
	display:block; 
	width:100%; 
	height:auto; 
}
.page-slider li { 
	width:100%; 
	height:auto; 
	display:block; 
	position:absolute;  
	list-style: none; 
	overflow:hidden; 
	text-align:center; 
	margin-bottom: -20px;
}

.page-slider li img {  
	border: 0 none;
	float: left;
	margin: 0 auto;
	position: relative;
	width: 98%;
	z-index: 1;
}


/**** Isotope Filtering ****/

.isotope-item {
  	z-index: 2;
}

.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope, .isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */
.item {
 	width: 280px;
 	height: 180px;
 	margin: 0px 10px 20px 0px;
 	float: left;
 	overflow: hidden;
 	position: relative;
}
.item .number {
	display:none; 
}
.item * {
  position: absolute;
}
.item  img {
	width:100%; 
	height:100%;
	object-fit: cover;
}
.variable-sizes .item.width2 { 
	width: 580px; 
}
.variable-sizes .item.height2 { 
	height: 380px; 
}
.variable-sizes .item.width2.height2 {
	font-size: 40px;
}

.item .large, .item-sizes .element.large, .item-sizes .item.large.width2.height2 {
	width: 600px;
	height: 449px;
	z-index: 100;
}
.clearfix { 
	display:block; 
	clear: both; 
}

.item .item_name {
    padding: 5%;
    width: 90%;
    height: 93%;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    background: #fff;
    color: #000000;
    text-decoration: none;
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 22px;
    z-index: 999;
}
.item .width2 .item_name { 
	font-size:40px;  
}

.item .item_name {

  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.item .item_name {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

.item .item_name:hover { 
	opacity:0.8 !important;
	-moz-opacity: 0.8 !important; 
	filter: alpha(opacity=80) !important; 
}

#callback-wrapper { 
	position:absolute; 
	top:0px; 
	left:0px; 
	width:100%; 
	height:100%; 
	opacity:0;
	background:#fff; 
	z-index:999999; 
	display:none; 
}

#callback-wrapper .btn-close { 
	font-family: 'Archivo Narrow', sans-serif; 
	color:#4c4c4c; 
	font-size:50px; 
	text-decoration:none; 
	position:absolute; 
	top:60px; 
	right:-100px; 
}

.callback-bg{
	width:650px;
	min-height:425px;
	position:relative;
	padding-top:40px;
	padding-left:240px;
}
#callback-success {
	width:735px;
	min-height:425px;
	position:relative;
	padding-top:40px;
	padding-left:240px;
	color:#4c4c4c;
	font-size:75px;
	font-family: 'Archivo Narrow', sans-serif;
	text-align:left;
	line-height:75px;
	display:none;
}
#callback-success p { 
	line-height:75px;
}
.callback-title
{
	color:#4c4c4c;
	font-size:50px;
	font-family: 'Archivo Narrow', sans-serif;
	padding:0px;
	margin-top:0px;
	margin-bottom:30px;
	text-align:left !important;
}
.callback-sub-title{
	color:#4c4c4c;
	font-size:50px;
	font-family: 'Archivo Narrow', sans-serif;
	padding:0px;
	margin-top:30px;
	margin-bottom:30px;
	text-align:left !important;
}	
.txtbox-ca{
	width:290px;
	min-height:35px;
	border-bottom:solid 2px #000;
	background:none;
	border-left:0px;
	border-right:0px;
	border-top:0px;
	font-size:24px;
	color:#d9d9d9;
	margin-bottom:30px;
	font-family: 'Archivo Narrow', sans-serif;
}
.txtarea-ca{
	width:650px;
	height:35px;
	border-bottom: solid 2px #000;
	background:none;
	border-left:0px;
	border-right:0px;
	border-top:0px;
	font-size:24px;
	color:#d9d9d9;
	margin-bottom:30px;
	font-family: 'Archivo Narrow', sans-serif;
}
	
.txtarea-ca-big	{
	width:650px;
	height:140px;
	border-bottom:solid 2px #000;
	background:none;
	border-left:0px;
	border-right:0px;
	border-top:0px;
	font-size:24px;
	color:#d9d9d9;
	margin-bottom:30px;
	font-family: 'Archivo Narrow', sans-serif;
}	
	
.submit-btn-ca{
	width:180px;
	height:80px;
	float:left;
	color:#4c4c4c;
	font-size:50px;
	background:none;
	border:none;
	font-family: 'Archivo Narrow', sans-serif;
	cursor:pointer;
	margin-top: 20px;
}
.submit-btn-ca:hover { 
	opacity:0.5;
}
.btn-mobile-menu { 
	display:none; 
}

#mobile-nav-wrapper { 
	display:none; 
}
#map-wrapper { 
	height:576px; 
	width:98%; 
}
.company-favicon { 
	position:absolute; 
	bottom:20px; 
	right:20px; 
}
.backtosite {
	display:block; 
	margin-top:60px; 
}


/*************************************************************************/
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
/*************************************************************************/

	#map-wrapper { 
		height:554px !important; 
		width:100%; 
	}	
	.work-slider { 
		height:554px !important; 
		overflow:hidden; 
	}
	.touchcarousel-container { 
		height:554px !important; 
	}
	.page-slider { 
		height:auto !important; 
		margin-bottom:30px; 
	}
	.block { 
		width:95%; 
		float:none; 
	}
	.callback-bg, #callback-success { 
		padding-left:40px !important; 
	}	
	.content-inner {
		width:85%;
	}

	/**********************************Call back form*****************************************/

	#callback-wrapper .btn-close { 
		font-family: 'Archivo Narrow', sans-serif; 
		color:#4c4c4c; 
		font-size:50px; 
		text-decoration:none; 
		position:absolute; 
		top:29px; 
		right:6%; 
	}
	.callback-bg td { 
		display:block; 
		clear:both; 
		margin-top:10px; 
	}
	.callback-bg{
		width:90%;
		height:auto;
		position:relative;
		padding-top:40px;
	   	padding-left:5%;
	   	padding-right:5%;	
	}
	#callback-success {
		width:90%;
		height:auto;
		position:relative;
		padding-top:60px; 
		padding-left:5%; 
		padding-right:5%;
		color: #4c4c4c;
		font-size:40px;
		font-family: 'Archivo Narrow', sans-serif;
		text-align:left;
		line-height:40px;
		display:none;
	}
	#callback-success p { 
		line-height:40px; 
	}
	.callback-title{
		color:#4c4c4c;
		font-size:30px;
		font-family: 'Archivo Narrow', sans-serif;
		padding:0px;
		margin-top:0px;
		margin-bottom:10px;
		text-align:left !important;
	}
	.callback-sub-title{
		color:#4c4c4c;
		font-size:30px;
		font-family: 'Archivo Narrow', sans-serif;
		padding:0px;
		margin-top:10px;
		margin-bottom:10px;
		text-align:left !important;
	}	
	.txtbox-ca{
		width:96%;
		min-height:35px;
		border-bottom:solid 2px #000;
		background:none;
		border-left:0px;
		border-right:0px;
		border-top:0px;
		font-size:26px;
		color:#d9d9d9;
		margin-bottom:30px;
		padding-left:2%;
		padding-right:2%;
		font-family: 'Archivo Narrow', sans-serif;	
	}
	.txtarea-ca{
		width:96%;
		height:35px;
		border-bottom:solid 2px #000;
		background:none;
		border-left:0px;
		border-right:0px;
		border-top:0px;
		font-size:26px;
		color:#d9d9d9;
		margin-bottom:30px;
		padding-left:2%;
		padding-right:2%;
		font-family: 'Archivo Narrow', sans-serif;
	}
	.txtarea-ca-big{
		width:96%;
		height:140px;
		border-bottom:solid 2px #000;
		background:none;
		border-left:0px;
		border-right:0px;
		border-top:0px;
		font-size:26px;
		color:#d9d9d9;
		margin-bottom:30px;
		padding-left:2%;
		padding-right:2%;
		font-family: 'Archivo Narrow', sans-serif;
	}		
	.submit-btn-ca{
		min-width:260px;
		height:50px;
		float:left;
		color:#4c4c4c;
		font-size:35px;
		background:none;
		border:none;
		font-family: 'Archivo Narrow', sans-serif;
		cursor:pointer;
		text-align:left;
	}
	.submit-btn-ca:hover { 
		opacity:0.5;
	}


}  /******** END OF MEDIA QUERY (min-width: 1024px) and (max-width: 1200px) **********/


/*************************************************************************/
@media only screen and (min-width: 768px) and (max-width: 1023px) {
/*************************************************************************/

		#map-wrapper {
			height:454px !important; width:100%; 
		}	
		.work-slider { 
			height:454px !important; 
			overflow:hidden; 
		}
		.touchcarousel-container { 
			height:554px !important; 
		}
		.page-slider { 
			height:auto !important; 
			margin-bottom:30px; 
		}
		.block { 
			width:95%; float:none; 
		}
		.callback-bg, #callback-success { 
			padding-left:40px !important; 
		}	
		.content-inner {
			width:95%;
		}
		.content-inner h1 br {
			display:none;
		}

	/**********************************Call back form*****************************************/

		#callback-wrapper .btn-close { 
			font-family: 'Archivo Narrow', sans-serif;
			color:#4c4c4c; 
			font-size:50px; 
			text-decoration:none; 
			position:absolute; 
			top:29px; 
			right:6%; 
		}
		.callback-bg td { 
			display:block; 
			clear:both; 
			margin-top:10px; 
		}
		.callback-bg {
			width:90%;
			height:auto;
			position:relative;
			padding-top:40px;
			padding-left:5%;
			padding-right:5%;	
		}
		#callback-success {
			width:90%;
			height:auto;
			position:relative;
			padding-top:60px; 
			padding-left:5%; 
			padding-right:5%;
			color:#4c4c4c;
			font-size:40px;
			font-family: 'Archivo Narrow', sans-serif;
			text-align:left;
			line-height:40px;
			display:none;
		}
		#callback-success p { 
			line-height:40px; 
		}
		.callback-title {
			color:#4c4c4c;
			font-size:30px;
			font-family: 'Archivo Narrow', sans-serif;
			padding:0px;
			margin-top:0px;
			margin-bottom:10px;
			text-align:left !important;
		}
		.callback-sub-title {
			color:#4c4c4c;
			font-size:30px;
			font-family: 'Archivo Narrow', sans-serif;
			padding:0px;
			margin-top:10px;
			margin-bottom:10px;
			text-align:left !important;
		}	
		.txtbox-ca {
			width:96%;
			min-height:35px;
			border-bottom:solid 2px #000;
			background:none;
			border-left:0px;
			border-right:0px;
			border-top:0px;
			font-size:26px;
			color:#d9d9d9;
			margin-bottom:30px;
			padding-left:2%;
			padding-right:2%;
			font-family: 'Archivo Narrow', sans-serif;	
		}
		.txtarea-ca{
			width:96%;
			height:35px;
			border-bottom:solid 2px #000;
			background:none;
			border-left:0px;
			border-right:0px;
			border-top:0px;
			font-size:26px;
			color:#d9d9d9;
			margin-bottom:30px;
			padding-left:2%;
			padding-right:2%;
			font-family: 'Archivo Narrow', sans-serif;
		}
		.txtarea-ca-big{
			width:96%;
			height:140px;
			border-bottom:solid 2px #000;
			background:none;
			border-left:0px;
			border-right:0px;
			border-top:0px;
			font-size:26px;
			color:#d9d9d9;
			margin-bottom:30px;
			padding-left:2%;
			padding-right:2%;
			font-family: 'Archivo Narrow', sans-serif;
		}		
		.submit-btn-ca{
			min-width:260px;
			height:50px;
			float:left;
			color:#4c4c4c;
			font-size:35px;
			background:none;
			border:none;
			font-family: 'Archivo Narrow', sans-serif;
			cursor:pointer;
			text-align:left;
		}
		.submit-btn-ca:hover { 
			opacity:0.5;
		}

	} /******** END OF MEDIA QUERY (min-width: 768px) and (max-width: 1023px) **********/


/*************************************************************************/
@media only screen and (min-width: 220px) and (max-width: 767px) {
/*************************************************************************/


	#sidebar { 
		margin-left: 0 !important; 
		padding-top: 20px !important; 
	}

	#map-wrapper { 
		height:325px !important; 
		width:100%; 
	}	
	.work-slider { 
		height:325px !important; 
		overflow:hidden; 
	}
	.touchcarousel-container { 
		height:325px !important; 
	}
	.page-slider { 
		height:auto !important; 
	margin-bottom:30px; 
	}
	.block { 
		width:95%; 
		float:none; 
	}
	.callback-bg, #callback-success { 
	padding-left:40px !important; 
	}	
	.content-inner {
		width:95%;
	}
	.content-inner h1 br {
		display:none;
	}

	/**********************************Call back form*****************************************/

	#callback-wrapper .btn-close { 
		font-family: 'Archivo Narrow', sans-serif; 
		color:#4c4c4c; 
		font-size:50px; 
		text-decoration:none; 
		position:absolute; 
		top:29px; 
		right:6%; 
	}
	.callback-bg td { 
		display:block; 
		clear:both; 
		margin-top:10px; 
	}
	.callback-bg
	{
		width:90%;
		height:auto;
		position:relative;
		padding-top:40px;
	   	padding-left:5%;
	   	padding-right:5%;	
	}
	#callback-success {
		width:90%;
		height:auto;
		position:relative;
		padding-top:60px; 
		padding-left:5%; 
		padding-right:5%;
		color:#4c4c4c;
		font-size:40px;
		font-family: 'Archivo Narrow', sans-serif;
		text-align:left;
		line-height:40px;
		display:none;
	}
	#callback-success p { 
		line-height:40px; 
	}
	.callback-title
	{
		color:#4c4c4c;
		font-size:30px;
		font-family: 'Archivo Narrow', sans-serif;
		padding:0px;
		margin-top:0px;
		margin-bottom:10px;
		text-align:left !important;
	}
	.callback-sub-title
	{
		color:#4c4c4c;
		font-size:30px;
		font-family: 'Archivo Narrow', sans-serif;
		padding:0px;
		margin-top:10px;
		margin-bottom:10px;
		text-align:left !important;
	}	
	.txtbox-ca
	{
		width:96%;
		min-height:35px;
		border-bottom:solid 2px #000;
		background:none;
		border-left:0px;
		border-right:0px;
		border-top:0px;
		font-size:26px;
		color:#d9d9d9;
		margin-bottom:30px;
		padding-left:2%;
		padding-right:2%;
		font-family: 'Archivo Narrow', sans-serif;
	}
	.txtarea-ca
	{
		width:96%;
		height:35px;
		border-bottom:solid 2px #000;
		background:none;
		border-left:0px;
		border-right:0px;
		border-top:0px;
		font-size:26px;
		color:#d9d9d9;
		margin-bottom:30px;
		padding-left:2%;
		padding-right:2%;
		font-family: 'Archivo Narrow', sans-serif;
	}
	.txtarea-ca-big
	{
		width:96%;
		height:140px;
		border-bottom:solid 2px #000;
		background:none;
		border-left:0px;
		border-right:0px;
		border-top:0px;
		font-size:26px;
		color:#d9d9d9;
		margin-bottom:30px;
		padding-left:2%;
		padding-right:2%;
		font-family: 'Archivo Narrow', sans-serif;
	}		
	.submit-btn-ca
	{
		min-width:260px;
		height:50px;
		float:left;
		color:#4c4c4c;
		font-size:35px;
		background:none;
		border:none;
		font-family: 'Archivo Narrow', sans-serif;
		cursor:pointer;
		text-align:left;
	}
	.submit-btn-ca:hover {
		opacity:0.5;
	}
	
} /******** END OF MEDIA QUERY (min-width: 220px) and (max-width: 767px) **********/


/*************************************************************************/
@media only screen and (min-width: 220px) and (max-width: 767px) {
/*************************************************************************/


	#sidebar { 
		margin-left: 0 !important; 
		padding-top: 20px !important; 
	}
	h1 { 
		font-size:30px; 
	}
	.btn-mobile-menu { 
		display:block;
		position:absolute; 
		width:43px; 
		height:40px; 
		top:68px; 
		right:5%; 
		z-index:3;
	}
	.btn-mobile-menu span { 
		display:block; 
		width:43px; 
		height:10px; 
		background:#404040; 
		margin-bottom:5px; 
		font-size:5px; 
	}
	.home .btn-mobile-menu span { 
		background:#fff; 
		color:#fff !important;
		border:none !important; 
	}
	#content { 
		padding-left:0px;
		width:100%; 
		padding-top:95px; 
		padding-bottom:100px; 
	}
	#footer { 
		display:none; 
	}
	#left-nav { 
		display:none; 
	}
	#sidebar { 
		width:90%; 
		height:auto; 
		position:absolute; 
		top:0px; 
		left:0px; 
		margin:0px; 
		padding-left:5% !important; 
		padding-right:5% !important; 
		padding-top:30px; 
		padding-bottom:0px !important; 
	}
	.slides-container li .container br { 
		display:none; 
	}
	#home-logo {
		margin-bottom:0px; 
	}
	.slides-navigation { 
		display: none; 
	}
	.content-inner { 
		padding-right:5%; 
		padding-left:5%; 
		width:90%; 
	}
	.content-inner h1 br {
		display:none;
	}
	.block { 
		width:100%; 
		float:none; 
		margin-right:0px; 
	}
	.contact p  { 
		font-size:16px; 
		line-height:25px;
	}
	.work-nav, .pg-nav { 
		display:none;  
	}
	.work-slider { 
		height:225px; 
		overflow:hidden; 
	}
	.touchcarousel-container { 
		height:225px; 
		margin-bottom:30px; 
	}
	.page-slider { 
		height:auto; 
	}
	.slides-container li .container { 
		font-size:40px; 
		bottom:auto; 
		top:145px; 
		right:auto; 
		left:5%;  
	}
	.themeblvd-gmap { 
		height:225px !important; 
	}
	#map-wrapper { 
		height:225px !important;
		width:100%; 
		margin-top: 90px; 
	}
	#work li:first-child { 
		padding-left:0px; 
	}
	.work-slider { 
		margin-top:185px !important; 
	}
	.touchcarousel .arrow-holder {  
	}

	.isotope {
		margin-top: 80px;
	}

	.page-slider li img {  border: 0 none;
 		margin: 80px auto 0;
   		position: relative;
   		width: 100%;
    		z-index: 1; }


	/*********************** mobile menu ***********************************/
	
	#mobile-nav-wrapper #home-logo { 
		padding-top:30px; 
		margin-left:5%; 
	}

	#mobile-nav-wrapper { 
		position:fixed; 
		top:0px; 
		left:0px; 
		width:100%; 
		display:block; 
		height:100%; 
		opacity:0; 
		background:#fff; 
		z-index:999999; 
		display:none; 
	}

	#mobile-nav-wrapper .btn-close { 
		font-family: 'Archivo Narrow', sans-serif; 
		color:#4c4c4c; 
		font-size:50px; 
		text-decoration:none; 
		position:absolute; 
		top:20px; 
		right:5%; 
		z-index:99999999;
	}

	#mobile-nav { 
		padding-top:100px; 
		padding-left:5%; 
		padding-right:5%; 
		width:90%; 
	}

	#mobile-nav ul
	{
		margin:0px;
		padding:0px;
	}
	#mobile-nav ul li{
		display:block;
		padding-top:10px;
		padding-bottom:0px;
		position:relative;
	}
	#mobile-nav ul li a{
		color:#ffffff;
		font-size:22px;
		text-decoration:none;
		font-family: 'Archivo Narrow', sans-serif;
	}
	#mobile-nav ul li a:hover, #mobile-nav ul li.current-menu-item a, #mobile-nav ul li.current-menu-parent a { 
		border-bottom:solid 1px #505050; 
		padding-bottom:3px;
	}
	#mobile-nav ul li ul.sub-menu { 
		display:none !important; 
	}
	#mobile-nav ul li ul.sub-menu li { 
		padding-top:4px; 
		padding-bottom:4px; 
	}
		#mobile-nav ul li ul.sub-menu a { 
		font-size:15px !important; 
	}
	#mobile-nav ul li.current-menu-item ul.sub-menu, #mobile-nav ul li.current-menu-parent ul.sub-menu  { 
		display:block; 
		padding-top:6px; 
	}
	#mobile-nav ul li.current-menu-item ul.sub-menu li a, #mobile-nav ul li.current-menu-parent ul.sub-menu li a { 
		text-decoration:none; 
		border:none; 
	}
	#mobile-nav ul ul.sub-menu li.current-menu-item a  {
		border-bottom:solid 1px #505050 !important; 
		padding-bottom:3px !important;
	}
	#mobile-nav ul ul.sub-menu li a:hover { 
		border-bottom:solid 1px #505050 !important; 
	}

	#mobile-footer { 
		position:absolute; 
		width:90%; 
		padding-left:5%; 
		padding-right:5%; 
		bottom:2%; 
	}
	#mobile-footer .btn-callback-in { 
		padding:20px 3%; 
		width:94%; 
		text-align:center; 
		margin-top:5px; 
	}

	/**********************************Call back form*****************************************/

	#callback-wrapper .btn-close { 
		font-family: 'Archivo Narrow', sans-serif; 
		color:#4c4c4c; 
		font-size:50px; 
		text-decoration:none;
		position:absolute; 
		top:29px; 
		right:6%; 
	}
	.callback-bg td { 
		display:block; 
		clear:both; 
		margin-top:10px; 
	}
	.callback-bg
	{
		width:90%;
		height:auto;
		position:relative;
	  	padding-top:40px;
	  	padding-left:5%;
	   	padding-right:5%;	
	}
	#callback-success {
		width:90%;
		height:auto;
		position:relative;
		padding-top:60px; padding-left:5%; 
		padding-right:5%;
		color:#4c4c4c;
		font-size:40px;
		font-family: 'Archivo Narrow', sans-serif;
		text-align:left;
		line-height:40px;
		display:none;
	
	}
	#callback-success p { line-height:40px; }
	.callback-title
	{
		color:#4c4c4c;
		font-size:30px;
		font-family: 'Archivo Narrow', sans-serif;
		padding:0px;
		margin-top:0px;
		margin-bottom:10px;
		text-align:left !important;
	}
	.callback-sub-title
	{
		color:#4c4c4c;
		font-size:30px;
		font-family: 'Archivo Narrow', sans-serif;
		padding:0px;
		margin-top:10px;
		margin-bottom:10px;
		text-align:left !important;
	}	
	.txtbox-ca
	{
		width:96%;
		min-height:35px;
		border-bottom:solid 2px #000;
		background:none;
		border-left:0px;
		border-right:0px;
		border-top:0px;
		font-size:26px;
		color:#d9d9d9;
		margin-bottom:30px;
		padding-left:2%;
		padding-right:2%;
		font-family: 'Archivo Narrow', sans-serif;
		
	}
	.txtarea-ca
	{
		width:96%;
		height:35px;
		border-bottom:solid 2px #000;
		background:none;
		border-left:0px;
		border-right:0px;
		border-top:0px;
		font-size:26px;
		color:#d9d9d9;
		margin-bottom:30px;
		padding-left:2%;
		padding-right:2%;
		font-family: 'Archivo Narrow', sans-serif;
	}
	.txtarea-ca-big
	{
		width:96%;
		height:140px;
		border-bottom:solid 2px #000;
		background:none;
		border-left:0px;
		border-right:0px;
		border-top:0px;
		font-size:26px;
		color:#d9d9d9;
		margin-bottom:30px;
		padding-left:2%;
		padding-right:2%;
		font-family: 'Archivo Narrow', sans-serif;
	}	
	.submit-btn-ca
	{
		min-width:260px;
		height:50px;
		float:left;
		color:#4c4c4c;
		font-size:35px;
		background:none;
		border:none;
		font-family: 'Archivo Narrow', sans-serif;
		cursor:pointer;
		text-align:left;
	}
	.submit-btn-ca:hover { 
		opacity:0.5; 
	}

	/*************************************** Portfolio *******************************/
	.item {
  		width: 263px;
  		height: 176px;
  		margin: 10px 5px;
  		float: left;
 		 overflow: hidden;
 		 position: relative;
	}
	.item .number { 
		display:none; 
	}
	.item * {
  		position: absolute;
  		object-fit: cover;
	}
	.item  img { 
		width:100%; 
		height:100%;
		object-fit: cover;
	}
	.variable-sizes .item.width2 { 
		width: 546px; 
	}

	.variable-sizes .item.height2 { 
		height: 372px; 
	}

	.variable-sizes .item.width2.height2 {
 		 font-size: 40px;
	}
	.item.large, .item-sizes .element.large, .item-sizes .item.large.width2.height2 {
  		width: 546px;
  		height: 372px;
  		z-index: 100;
	}
	.clearfix { 
		display:block; 
		clear: both; 
	}

	.item .item_name { 
		padding:5%; width:90%; 
		height:93%; display:block; 
		position:absolute; 
		top:0px; 
		left:0px; 
		opacity:0; 
		background:#fff; 
		color:#494949; 
		text-decoration:none;  
		font-family: 'Archivo Narrow', sans-serif; 
		font-size:22px; 
		z-index:999;   
	}
	.item.width2 .item_name { 
		font-size:28px;  
	}

	.item .item_name {
  		-webkit-transition-duration: 0.8s;
     		 -moz-transition-duration: 0.8s;
      		  -ms-transition-duration: 0.8s;
       		   -o-transition-duration: 0.8s;
          	transition-duration: 0.8s;
	}

	.item .item_name {
		  -webkit-transition-property: -webkit-transform, opacity;
		     -moz-transition-property:    -moz-transform, opacity;
		      -ms-transition-property:     -ms-transform, opacity;
		       -o-transition-property:      -o-transform, opacity;
		          transition-property:         transform, opacity;
	}

	.item .item_name:hover { 
		opacity:0.7; 
	}
	.company-favicon { 
		display:none; 
	}

} /******** END OF MEDIA QUERY (min-width: 220px) and (max-width: 767px) **********/

@media screen and (max-width: 625px){
	.content-inner{
		margin-top: 50px;
	}
}

/** PROJECT TILES FOR MOBILE **/
@media only screen and (max-width: 740px){
	.item.width2 .item_name {
    	font-size: 24px;
	}
	.item.width2 .item_name li{
    	font-size: 16px;
		word-wrap: normal;
	}
	.isotope-item .item_name {
    	font-size: 20px;
	}
	.isotope-item .item_name li{
    	font-size: 14px;
		word-wrap: normal;
	}
}