@import url(https://fonts.googleapis.com/css?family=Lato:400,400italic,700,900,300,900italic);
/* CSS Document */

/* Scrollbar Style */

::-webkit-scrollbar {
 width:12px;
}
::-webkit-scrollbar-track {
 -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
 border-radius:10px;
 background:#e5e5e5;
}
::-webkit-scrollbar-thumb {
 border-radius:10px;
 background:#c84742;
}
::scrollbar {
 width:12px;
}
::scrollbar-track {
 -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
 border-radius:10px;
 background:#e5e5e5;
}
::scrollbar-thumb {
 border-radius:10px;
 background:#c84742;
}



* {
	margin: 0;
	padding: 0;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
::after, ::before {
  content: '';
}
ul, li {
	list-style: none;
}




h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	-webkit-transition: ease-in .4s;
	-moz-transition: ease-in .4s;
	-o-transition: ease-in .4s;
	-ms-transition: ease-in .4s;
	transition: ease-in .4s;
}
a:hover, a:focus, a:visited {
	text-decoration: none;
}
button {
	-webkit-transition: ease-in .4s;
	-moz-transition: ease-in .4s;
	-o-transition: ease-in .4s;
	-ms-transition: ease-in .4s;
	transition: ease-in .4s;
}
p {
	color: #646464;
	font-size: 14px;
	line-height:22px;
	margin: 0;
	padding: 0;
}
.clear:after {
	content: "";
	display: table;
	clear: both;
}
body {
	margin:0px;
	padding:0px;
	font-family: 'Lato', sans-serif;	
}
.top-header {
	border-bottom:#c8cbcd thin solid;
	padding:15px 0;
}
.call-icon {
	background:url(../images/call-icon.png) left center no-repeat;
	padding:10px 0 10px 50px;	
}
.call-icon h1 {
	font-size:20px;
	color:#5d5c5c;
	font-weight:300;	
}
.call-icon h2 {
	font-size:25px;
	color:#c84742;
	font-weight:800;	
}
.banner {
	width:100%;
	height:830px;
	background:url(../images/banner.jpg) center no-repeat;	
}
.who-we-are {
	background:#c84742;
	padding:75px 0;
	text-align:center;	
}
.who-we-are  h1 {
	color:#fff;
	font-size:50px;
	margin-bottom:25px;
	font-weight:800;	
}
.who-we-are p {
	color:#fff;
	line-height:24px;
	font-weight:300;
	color:#fff;
	width:85%;
	margin:0 auto;
	font-size:16px;	
}
.who-we-are .read-more {
	border:#fa7e7a 2px solid;
	border-radius:15px;
	padding:15px 50px;
	color:#fff;
	font-size:12px;
	font-weight:800;
	display:inline-block;
	margin:0 auto;
	margin-top:50px;	
}
.who-we-are .read-more:hover {
	background:#333;	
}
.recent-project {
	background:url(../images/project-bg.jpg) center no-repeat;
	background-size:cover;	
}
.square-gallery .square-tuple {
	background: #fff;
	float: left;
	height:auto;
	overflow: hidden;
	width: 50%;
	-webkit-transition: ease-in .2s;
	-moz-transition: ease-in .2s;
	-o-transition: ease-in .2s;
	-ms-transition: ease-in .2s;
	transition: ease-in .2s;
}

.square-gallery .square-tuple img {
	float: left;
	margin: 0;
	padding: 0;
	width: 50%;
}

.square-gallery .square-tuple .text {
	float: left;
	margin: 0;
	padding: 1.3em;
	position: relative;
	width: 50%;
	padding-left:50px;
}

.square-gallery .square-tuple .text h3,
.square-gallery .square-tuple .text p {
	color: #696969;
	font-weight:normal;
}
.square-gallery .square-tuple .text h3 {
	color:#c84742;
	font-weight:800;
	text-transform:uppercase;
	font-size:16px;
	margin-bottom:20px;
	margin-top:25px;	
}
.square-gallery .square-tuple .text .arrow {
	border-color: transparent #fff transparent transparent;
	border-style: solid;
	border-width: 19.5px 21px 19.5px 0;
	height: 0px;
	left: -21px;
	position: absolute;
	width: 0px;
}

.square-gallery .square-tuple .text .arrow.alt {
	border-color: transparent transparent transparent #fff;
	border-width: 19.5px 0 19.5px 21px;
	left: 100%;
}

.square-gallery .square-tuple:hover {
	background:#c84742;
}

.square-gallery .square-tuple:hover .text h3,
.square-gallery .square-tuple:hover .text p {
	color: #fff;
}

.square-gallery .square-tuple:hover .text .arrow {
	border-color: transparent #c84742 transparent transparent;
}
.square-gallery .square-tuple:hover .text .arrow.alt {
	border-color: transparent transparent transparent #c84742;
}

.recent-project {
	padding:45px 0 125px;	
}
.recent-project h1 {
	color:#fff;
	font-size:36px;
	text-transform:uppercase;
	font-weight:800;
	padding:20px 0 50px;
	text-align:center;	
}
.client-name {
	font-weight:800;
	color:#696969;	
}
.client-type, .client-loc {
	color:#696969;	
}
.view-gal {
	padding-top:15px;	
}
.view-gal a {
	color:#c84742;
	font-weight:600;	
}
.square-gallery .square-tuple:hover .client-name, .square-gallery .square-tuple:hover .client-type, .square-gallery .square-tuple:hover .client-loc, .square-gallery .square-tuple:hover .view-gal a  {
	color:#fff;
}
.our-team-wrap {
	padding-top:35px;
	padding-bottom:35px;	
}
.our-team-wrap h1 {
	color:#666;
	font-size:36px;
	text-transform:uppercase;
	font-weight:800;
	padding:20px 0 50px;
	text-align:center;	
}
.team-frame {
	border:#cacaca thin solid;
	border-radius:5px;
	text-align:center;
	padding-top:10px;
	padding-bottom:15px;
	margin-bottom:30px;	
}
.member-name {
	color:#c84742;
	font-size:16px;
	font-weight:800;
	padding:10px 0 0;
	min-height: 55px;
}
.member-desig {
	color:#828282;
	font-size:14px;
	min-height: 40px;
}

/* carousel */
.media-carousel 
{
  margin-bottom: 0;
  padding: 0 40px 30px 40px;
  margin-top: 30px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -12px;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 30px
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -12px !important;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 30px
}
/* Changes the position of the indicators */
.media-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
.media-carousel .carousel-indicators .active 
{
  background: #333333;
}
.media-carousel img
{
  width: 250px;
  height: 100px
}
/* End carousel */

.client-area {
	
}
.client-area h1 {
    color: #666;
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 800;
    padding: 20px 0 10px;
    text-align: center;
}
.bottom-part {
	padding:75px 0;
}
.bottom-part h1 {
	font-size:28px;
	color:#434343;
	font-weight:800;
	margin-bottom: 5px;
}
.bottom-part h1 span {
	color:#c84742;
	
}
.bottom-part h2 {
	color:#74797e;
	font-size:18px;
	margin-bottom:35px;
	font-weight:300;
}
.bottom-part p {
	line-height:26px;	
}
.panel {
	border:none;	
}
.panel-body {
	padding:0px;	
}
.pad-lef {
	padding-left:15px;	
}
.btn-info {
	background:#c84742;
	border:none;	
}
.btn-info:hover {
	background:#333;	
}
.footer-div {
	background:#202731;
	padding:25px 0;
	color:#666666;
	font-size:12px;	
}
.footer-div a {
	color:#CCC;	
}

#fdw nav select {
	display:none; /* this is just for the mobile display */
}
#fdw nav ul {
	display:block;
	z-index:999999;
	text-align:right;
}
#fdw nav ul li {
	display:inline-block;
	padding: 10px 3px 5px;
	margin-left:20px;
	position:relative;
}
#fdw nav ul li a:link, #fdw nav ul li a:visited {
	color:#757e83;
	font-size:12px;
	font-weight:800;
	text-transform:uppercase;
	display:inline-block;
	position:relative;
}
#fdw nav ul li a:hover, #fdw nav ul li a:active {
	color:#e25d29;
	text-decoration:none;
}
#fdw nav ul li span {
	position:absolute;
	right:-12px;
	bottom:6px;
	width:7px;
	height:8px;
	margin:0 0 0 3px;
	float:right;
	display:block;
	background:url('../images/nav_arrow.png') no-repeat left -8px;
	font:0/0 a;
}
#fdw nav ul li.current {
	border-bottom:2px solid #e25d29;
}
#fdw nav ul li.current a {
	color:#e25d29;
	cursor: default;
}
#fdw nav ul li.current a span {
	background:url('../images/nav_arrow.png') no-repeat left 0;
}
#fdw nav ul li.current ul li a {
	cursor:pointer;
}

/*===== sub_menu Style =======*/
#fdw nav ul li ul.sub_menu {
	position:absolute;
	top: 55px;
	left:0;
	margin:0;
	padding:0;
	background:#fff;
	border:1px solid #ececec;
	border-top:5px solid #e25d29;
	/*	display:none;*/
	z-index:999999;
	-moz-box-shadow: 0px 6px 7px #121012;
	-webkit-box-shadow: 0px 6px 7px #121012;
	box-shadow: 0px 6px 7px #121012;
}
#fdw nav ul li ul.sub_menu li.arrow_top {
	position:absolute;
	top:-12px;
	left:12px;
	width:13px;
	height:8px;
	display:block;
	border:none;
	background:url('../images/arrow_top.png') no-repeat left top;
}
#fdw nav ul li ul.sub_menu li {
	float:none;
	margin:0;
	padding:0;
	border-bottom:1px solid #ececec;
}
#fdw nav ul li ul.sub_menu li a {
	white-space: nowrap;
	width: 150px;
	text-align:left;
	padding:12px;
	font-weight:normal;
	text-transform:capitalize;
	color:#777;
}
#fdw nav ul li ul.sub_menu li a:hover {
	background:#f9f9f9;
	color:#333;
}
#fdw nav ul li ul.sub_menu li a.subCurrent {
	color:#e25d29;
	cursor:default;
}
#fdw nav ul li ul.sub_menu li a.subCurrent:hover {
	background:none;
}
#fdw nav {
	padding-right:25px;
}
.navmenu li:hover .sub_menu {
	z-index:1;
	opacity:1;
}

.sub_menu {

	padding:5px 0px;
	position:absolute;
	top:100%;
	left:0px;
	z-index:-1;
	opacity:0;
	transition:opacity linear 0.15s;
	box-shadow:0px 2px 3px rgba(0,0,0,0.2);
	background:#2e2728;
}

.sub_menu li {
	display:block;
	font-size:16px;
}

.sub_menu li a {
	padding:10px 30px;
	display:block;
}

.sub_menu li a:hover, .sub_menu .current-item a {
	background:#3e3436;
}
.current {
	color:#c84742 !important;
}
.inner-page-header {
	background:url(../images/inner-header.jpg) center no-repeat;
	background-size:cover;
	min-height:200px;
		
}
.inner-page-header h1 {
	
	text-align:center;
	color:#fff;
	font-size:35px;
	font-weight:800;
	text-transform:uppercase;
	padding-top: 75px;	
}
.inner-content-section {
	padding:100px 0 0;
	border-bottom:#CCC thin solid;
}
.inner-content-section h1 {
	color:#c84742;
	font-size:26px;
	font-weight:800;
	margin-bottom:10px;
	
}
.inner-content-section p {
	text-align:justify;	
}
.our-service-bg {
	background:url(../images/our-services-image.png) right 100px bottom no-repeat;	
}
.cnt-page {
	padding-bottom:70px;	
}
.projects {
	padding-bottom:30px;	
}
.projects img {
	width:100%;
	border:#ccc thin solid;
	padding:5px;
	border-radius:5px;	

}
.projects img:hover {
	border:#c84742 thin solid;
}
.back-gal {
	float:right;
	position:relative;
	top:-35px;
	padding:8px 12px;
	border:#CCC 2px solid;
	border-radius:5px;
	color:#c84742;	
}
.back-gal:hover {
	background:#c84742;
	color:#fff;
	border:#c84742 2px solid;	
}
.gal-wrap {
	border:#ccc thin solid;
	padding-top:15px;
	padding-bottom:15px;
	border-radius:5px;
	padding-left:15px;
	padding-right:15px;
	margin-bottom:30px;	
	min-height:300px;
}
.gal-wrap:hover {
	border:#c84742 thin dashed;	
}
.gal-name {
	color:#c84742;
	font-size:18px;
	font-weight:600;
	padding:8px 0 0;	
}
.gal-photo-no {
	color:#666;
	font-size:12px;
}
.gal-button a {
	border:#c84742 thin solid;
	padding:5px 12px;
	border-radius:5px;
	color:#666;
	font-size:12px;
	display:inline-block;
	margin-top:10px;
}
.gal-button a:hover {
	background:#c84742;
	color:#fff;
}
/*===================== end Header style ======================*/


@media only screen and (min-width: 768px) and (max-width: 959px) {
		/* nav */
		#fdw nav ul li{
			margin-left:12px;
		}
}

	/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

		/* nav menu ul & select */
		#fdw nav ul {
			display:none;
		}
		#fdw nav select {
			width:100%;
			display:block;
			margin-bottom:30px;
			cursor:pointer;
			padding:6px;
			background:#f9f9f9;
			border:1px solid #e3e3e3;
			color:#777;
		}
}
.masonry { /* Masonry container */
    column-count: 4;
    column-gap: 1em;
}

.item { /* Masonry bricks or child elements */
    
    display: inline-block;
    margin: 0 0 1em;
    width: 100%;
}