@charset "utf-8";
/* CSS Document */
@font-face {
font-family: 'museo_sans300';
src: url('../fonts/museosans-300-webfont.eot');
src: url('../fonts/museosans-300-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/museosans-300-webfont.woff2') format('woff2'),
url('../fonts/museosans-300-webfont.woff') format('woff'),
url('../fonts/museosans-300-webfont.ttf') format('truetype'),
url('../fonts/museosans-300-webfont.svg#museo_sans300') format('svg');
font-weight: normal;
font-style: normal;

}




@font-face {
font-family: 'museo700';
src: url('../fonts/museo700-regular-webfont.eot');
src: url('../fonts/museo700-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/museo700-regular-webfont.woff2') format('woff2'),
url('../fonts/museo700-regular-webfont.woff') format('woff'),
url('../fonts/museo700-regular-webfont.ttf') format('truetype'),
url('../fonts/museo700-regular-webfont.svg#museo700') format('svg');
font-weight: normal;
font-style: normal;

}




@font-face {
font-family: 'museo_sans500';
src: url('../fonts/museosans-webfont.eot');
src: url('../fonts/museosans-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/museosans-webfont.woff2') format('woff2'),
url('../fonts/museosans-webfont.woff') format('woff'),
url('../fonts/museosans-webfont.ttf') format('truetype'),
url('../fonts/museosans-webfont.svg#museo_sans500') format('svg');
font-weight: normal;
font-style: normal;

}
html {
height: 100%;
}

body{
	background:url(../images/banner-new.jpg) no-repeat center center fixed;
	background-size:cover;
	-moz-background-size:cover;
		-webkit-background-size:cover;
	font-family:'museo_sans300', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

nav {
min-height: 22px;
background: #111111;
line-height: 22px;
position: relative;
z-index: 300;
margin-top:20px;
max-width: 950px;
}

.menu-logo{
	display:none;
}

.menu ul {
margin: 0;
padding: 0;
list-style: none;
}
.menu li {
display: inline-block;
position:relative;
}
.menu li a {
color: #fff;
font-family: 'museo_sans500';
font-size: 14px;
display: block;
text-transform:uppercase;
font-weight:bold;
padding: 0 32px;
}
.menu li a:hover{
text-decoration:none;	
}
.menu li:hover .menu-drop {
display: block;
padding: 13px !important;
background: rgba(0,0,0,.4);
width: 174px;
text-align: left;
}
.menu ul li li{
	display:block;	
}
.menu ul li li a{
	padding:0 !important;
}
.menu-drop{
display:none;
position:absolute;
top:22px;
overflow:hidden;
left:41px;	
}
.menu li .menu-drop li a {
color: #fff;
font-size: 13px;
text-transform:none;
}
.what-we-do-cvr{
background:#fff;
overflow:hidden;
width:94%;
height:100%;	
}
.what-we-do h3{
color: #000;
font-family: 'museo_sans500';
font-size: 16px;
font-weight:bold;	
margin:0 0 23px 0;
}
.block-main h4{
color: #000;
font-family: 'museo700';
font-size: 16px;
font-weight:bold;	
margin:0 0 0 0;	
}
.block-main p{
color: #000;
font-family:'museo_sans300';
font-size: 14px;
font-weight:normal;	
margin:0 0 23px 0;		
}
.container-inner {
	min-height:640px;
	padding-left: 80px;
}
.what-we-do {
padding: 60px 0 0 0;
}
.block-img {
width: 160px;
height: 108px;
background: #acacac;
margin-bottom: 20px;
}
.block-main {
display: inline-block;
vertical-align: top;
width: 160px;
margin-right: 19px;
}
.inner-slider {
width: 70%;
margin: auto;
margin-top: 160px;
padding: 19px;
}
section.work-cvr {
margin-top: 41px;
}
.inner-slider p {
font-size: 14px;
font-family:'museo_sans300';
margin:20px 0 0 0;
color: #fff;
}
.carousel { min-height: 20px; height:auto !important; height: 20px;  background:url(../images/loader.gif) center center no-repeat; }
.carousel .next,
.carousel .prev { display:block !important;opacity: 9 !important; width:56px; height:22px; position:absolute; top:32%; z-index:9999; cursor:pointer; }
.carousel .prev { margin-left:0;left: -38px; background:url(../images/prev.png) center center no-repeat;  }
.carousel .next {right: -38px; margin-right:0px;  background:url(../images/next.png) center center no-repeat; }
.carousel li { display:none; }
.carousel li img { width:100%; height:auto; }

.carousel-mob { min-height: 20px; height:auto !important; height: 20px;  background:url(../images/loader.gif) center center no-repeat; }
.carousel-mob .next-mob,
.carousel-mob .prev-mob { display:block !important;opacity: 9 !important; width:56px; height:22px; position:absolute; top:32%; z-index:9999; cursor:pointer; }
.carousel-mob .prev-mob { margin-left:0;left: -38px; background:url(../images/prev.png) center center no-repeat;  }
.carousel-mob .next-mob {right: -38px; margin-right:0px;  background:url(../images/next.png) center center no-repeat; }
.carousel-mob li { display:none; }
.carousel-mob li img { width:100%; height:auto; }


.paging { position:absolute; z-index:9998; }
.paging > a { display:block; cursor:pointer; width:40px; height:40px; float:left; background:url(../images/dots.png) 0px -40px no-repeat; }
.paging > a:hover,
.paging > a.current { background:url(../images/dots.png) 0px 0px no-repeat;  }
.badge { display:block; width:104px; height:104px; background:url(../images/badge.png) 0 0 no-repeat; z-index:9000; position:absolute; top:-3px; left:-3px; }
img {
-webkit-user-select: none;  /* Chrome all / Safari all */
-moz-user-select: none;     /* Firefox all */
-ms-user-select: none;      /* IE 10+ */
-o-user-select: none;
user-select: none;    
}
.inner-slider li {
overflow: hidden;
max-width: 300px;
margin: auto;

}
.wrap {
margin-right: 21px;
}
.carousel ul{
margin:0 0 0 19px;
padding:0;	
z-index:150;
}
.inner-slider li img {
max-width: 100%;
height: auto;
}
.work-bg{
background:rgba(0,0,0,.6);
width:100%;
height:100%;
position:absolute;
z-index:50;
top:0;
bottom:0;
left:0;
right:0;
}	
.slidr-popup{
background:#fff;
padding:20px;	
position:absolute;
top:0;
left:0;
right:0;
width:864px;
height:440px;	
margin:auto;
bottom:0;
display:none;
z-index:200;
}
.slidr-popup-left{
float:left;
width:610px;
}
.slidr-popup-right{
float:left;
width:210px;	
color:#000;
padding:0 0 0 20px;
position: relative;
height: 100%;
}
.slidr-popup-right .project-desc{
	overflow:auto;
	position:absolute;
	top:0;
	left:0;
	right:-10px;
	bottom:30px;
	padding:0 15px;
}
.slidr-popup-right p{
color: #000;
font-family:'museo_sans300';
font-size: 12px;
font-weight:bold;		
margin:0 0 12px 0; 
}
.slidr-popup-right b{
color: #000;
font-family: 'museo700';
font-size: 12px;
font-weight:bold;	
}
.popup-close {
position: absolute;
bottom: 0;
right: -14px;
}
.page-dott{}
.page-dott ul{
	margin:0;
	padding:0;
		
}
.page-dott li{
list-style:none;
background:#acacac;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
width:9px;
height:9px;
display:inline-block;
cursor:pointer;	
}
#nav a{
list-style:none;
background:#acacac;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
width:9px;
height:9px;
display:inline-block;
cursor:pointer;	
text-indent: -99999px;
margin-left: 3px;
}
.page-dott {
position: absolute;
bottom: 0;
}
.map-cvr{
background:url(../images/contact-map.jpg) no-repeat center top;
background-size:cover;
-moz-background-size:cover;
-webkit-background-size:cover;	
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
z-index:250;
}
.mobi-icon{
	display:none;
}	
.logo {
position: absolute;
right: 2%;
top: 5px;
z-index: 999;
}
.home-silder .ccm-SlideshowBlock-display div div{background-size: cover !important; height: 100% !important;} 
.contact-main{padding-top: 60px;}
.contact-main .map-wrapper{padding-bottom:40px;}
.contact-main h1{
color: #000;
font-family: 'museo700';
font-size: 16px;
font-weight: bold;
margin: 0 0 0 0;
}	
.contact-main p{color: #000;
font-family: 'museo_sans300';
font-size: 14px;
font-weight: normal;
margin: 0 0 23px 0;}

.contact-cover-cvr{background: #fff;
overflow: hidden;
width: 94%;
height: 100%;
margin: 0 auto;
margin-top: 20px;}

a.pop-next {
position: absolute;
right: -45px;
top: 50%;
background:url(../images/next.png) center center no-repeat;
color: transparent;
width: 15px;
height: 22px;
text-indent: -9999px;
cursor: pointer;
}
a.pop-prev {
position: absolute;
left: -45px;
top: 50%;
background:url(../images/prev.png) center center no-repeat;
color: transparent;
width: 15px;
height: 22px;
text-indent: -9999px;
cursor: pointer;
}
#nav a.activeSlide{background: #666;}

.inner-slider.visible-xs .detail-wrapp {
width: 100% !important;
left: 0 !important;
}
.slidr-popup-mob {
height: 100%;
width: 100%;
}

.accordion-head{
	cursor:pointer;
}
.accordion-body{
	width:95%;
	margin-bottom:20px;
}


/* extra css code
============================================================ */

/* site general */
strong {
	font-family:'museo700';
}

/* make team member thumbnail image responsive */
.wht-we-do-block .block-img img {
	width:100%;
	height:auto;
}

/* contact page */
.contact-main h1 {
	margin-bottom:20px;
	font-size:22px;
}
.contact-main > .row p {
	margin-bottom:5px;
}

/* what we do page */
.wht-we-do-block h4 {
	margin-bottom:10px;
}
.wht-we-do-block ul {
	padding-left:16px;
	font-family:'museo_sans300';
	font-weight:normal;
}
.what-we-do-cvr {
	max-width:860px;
}
.home-body nav.mobile-menu{position: absolute; top: 0}
.home-body{height: 100%;}
.home-silder {
height: 100%;
}
.home-silder .ccm-SlideshowBlock-display{position: absolute !important; top:0 !important; height: 100% !important; left: 0; right: 0; bottom: 0;}
.home-body .ccm-SlideshowBlock-display .slideImgWrap{
    height: 100% !important;
    top:0!important;
}

@media only screen and (max-width:767px) {
	.wht-we-do-block ul {
		text-align:left;
	}
}

/* nav */
nav {
	margin-top:0;
}


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

	.menu, .menu-logo {
	  float: left;
	}
	.menu-logo{
		display:block;
	}
	.accordion-body{
		width:590px;
	}

	.menu li a {
		background-color: #000;
	}
}