
/** Generated by FG **/
@font-face {
	font-family: 'Conv_Gotham-Medium';
	src: url('../fonts/Gotham-Medium.eot');
	src: local('â˜º'), url('../fonts/Gotham-Medium.woff') format('woff'), url('../fonts/Gotham-Medium.ttf') format('truetype'), url('../fonts/Gotham-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/** Generated by FG **/
@font-face {
	font-family: 'Conv_Gotham-Book';
	src: url('../fonts/Gotham-Book.eot');
	src: local('â˜º'), url('../fonts/Gotham-Book.woff') format('woff'), url('../fonts/Gotham-Book.ttf') format('truetype'), url('../fonts/Gotham-Book.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: 0;
    margin-right: 50px;
}


body {
	margin: 0;
	font-family: 'Conv_Gotham-Medium';
	overflow:hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
input[type="text"], input[type="password"], textarea, select { 
    outline: none;
}
*:focus {
    outline: none;
}

.img-responsive {
    width: 100%;
}

.navbar {
   font-family: 'Conv_Gotham-Medium';
    padding: 15px 10px 3px 10px;
   margin-bottom: 0;
	 z-index:999;
	 border-radius:0;
	 background-color:#fff;
}


.navbar-toggle .icon-bar {
    background: #e95f33;
}

.navbar-brand {
    padding: 0;
}

.navbar-nav>li>a {
    font-family: 'Conv_Gotham-Medium';
    font-size: 16px;
    color: #828282;
    text-transform: uppercase;
}
.nav>li>a {
    position: relative;
    display: block;
    padding-left: 0;
    padding-right: 0;
    margin-right: 25px;
}

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
    color: #3d3d3d;
}

.navbar-nav > li a:before {
    content: "";
    position: absolute;
    z-index: 2;
    left: 50%;
    right: 50%;
    bottom: -5px;
    background: #e95f33;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.navbar-nav > li a:hover:before {
    left: 0;
    right: 0;
}

.navbar-toggle {
    padding: 3px 10px;
}


.bar1{
    width: 30px;
    height: 4px;
    background-color: #e95f33;
    margin: 6px 0;
    transition: 0.4s;
    display: block;
}
.bar2{
    width: 25px;
    height: 4px;
    background-color: #e95f33;
    margin: 6px 0;
    transition: 0.4s;
    display: block;
    position: relative;
    right: -5px;
}

.bar3 {
    width: 20px;
    height: 4px;
    background-color: #e95f33;
    margin: 6px 0;
    transition: 0.4s;
    display: block;
    position: relative;
    right: -9px;
}

.change .bar1 {
    -webkit-transform: rotate(-43deg) translate(-2px, 9px) ;
    transform: rotate(-43deg) translate(-2px, 9px);
    width: 26px;
    position: relative;
    top: 2px;
}

.change .bar2 {opacity: 0;}

.change .bar3 {
	-webkit-transform: rotate(43deg) translate(-9px, -5px) ;
	transform: rotate(43deg) translate(-9px, -5px);
	width: 25px;
}


.search {
	position: absolute;
	right: 0;
	top: 0;
}

.search input[type=search] {
    background: url("../images/search-icon.png");
    background-repeat: no-repeat;
    background-position: 90% center;
    font-family: 'Conv_Gotham-Medium';
    border-left: solid 1px #e5e5e5;
    border-right: 0;
    border-bottom: 0;
    border-top: 0;
    width: 188px;
    padding: 25px 15px;
    color: #e7e7e7;
    font-size: 14px;
    text-transform: uppercase;
	color:#999999;
	
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}
input:-moz-placeholder {
	color: #e7e7e7;
}
input::-webkit-input-placeholder {
	color: #e7e7e7;
}

video { 
	position: fixed;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	background-size: cover;
	-webkit-transition: 1s opacity;
	transition: 1s opacity;
}

.spotlight-container-aboutus
{
	position:absolute;
	bottom:40px;
	left:35px;
	width:45%;
	z-index:99999;
}


.spotlight-container-aboutus h1{
	font-family: 'Conv_Gotham-Medium';
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
	opacity:1;
}

.spotlight-container-aboutus img
{
	opacity:1;
	width:52px;
	 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
	  -webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */
	  -webkit-backface-visibility: hidden;  /* Fix for transition flickering */
}

.spotlight-container-aboutus p 
{
	font-family: 'Conv_Gotham-Medium';
	font-size: 30px;
	line-height:36px;
	color: #fff;
	text-transform: uppercase;
	padding-bottom:40px;
	opacity:1;
}

.spotlight-container-aboutus small
{
 width:auto;
	border:2px solid #fff;
	font-family: 'Conv_Gotham-Medium';
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
	
	opacity:1;
	display:inline-block;
}

.know-more-btn { position:relative;display:inline-block;}

.know-more-btn a {color: #FFF; text-decoration:none;padding:12px 25px 12px 25px; display:block;}
.know-more-btn a:hover {color: #333; text-decoration:none;padding:12px 25px 12px 25px;background-color:#FFF;display:inline-block; color:#333; -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;}


.black-patch
{
	position:absolute;
	min-width: 100%;
	min-height:calc(100% - 70px);
	width: auto;
	height:auto;
	background-color:#000;
	opacity:0.7;
}

.socialPanel
{
	position:absolute;
	min-height: 100%;
	width:18%;
	right:0px;
	top:0px;
	background: #e95f33 url("../images/spot-test.jpg") no-repeat 0 0;
	overflow:hidden;
	cursor:pointer;
	background-size:cover;

}
.socialPanel .layer:hover{background-color: #000;opacity:0.5;}
.layer {
	background-color: #e95f33;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity:0.7;
	
}

.whtwedoPanel
{
	position:absolute;
	min-height: 100%;
	width:18%;
	right:0%;
	top:0px;
	/*background: #e95f33 url("../images/whatwedoBg.png") no-repeat 9% 100%;*/
	overflow:hidden;
	cursor:pointer;
}
.whtwedoPanel .layer:hover{background-color: #000;opacity:0.5;}
.whtwedooverlay {background-color: #000;opacity:0.5;}

.aboutPanel
{
	position:absolute;
	min-height: 100%;
	width:18%;
	right:-18%;
	top:0px;
	background: #e95f33 url("../images/whatwedoBg.png") no-repeat 45% 100%;
	overflow:hidden;
	cursor:pointer;
}
.aboutPanel .layer:hover{background-color: #000;opacity:0.5;}
.rpanel-conatiner
{
	position:absolute;
	left:20px;
	top:45%;
}

.rpanel-conatiner h1
{
		font-family: 'Conv_Gotham-Medium';
	font-size: 20px;
	color: #fff;
	text-transform: uppercase;
	width:80%;
}

.blocks
{
	position:absolute;
	width:100%;
	height:auto;
	left:0px;
	bottom:0%;
}

.block1
{
	width:100%;
	height:auto;
	cursor:pointer;
	padding:20px 20px 20px 18px;
	
}

.block0
{
	padding: 20px 20px 40px 18px;
}
.block0 img 
{
	width:50px;
}
.rpanel-conatiner img 
{
	width:60px;
}
.block0 h1
{
		font-family: 'Conv_Gotham-Medium';
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
	width:30%;
	margin:0px;
	margin-top:10px;
}

.block1
{
	background-color:rgba(196, 191, 184,0.7) ;
	
}
.block1:hover
{
	background-color:rgba(0, 0, 0 ,0.7) ;
}
/*.block1 { background-image:url(../images/whatwedo_home_img1.jpg); background-repeat:no-repeat; background-size:100% 100%;}
.block2 { background-image:url(../images/whatwedo_home_img2.jpg); background-repeat:no-repeat;background-size:100% 100%;}
.block3 { background-image:url(../images/whatwedo_home_img3.jpg); background-repeat:no-repeat;background-size:100% 100%;}*/

.h2
{
	color:#FFF;
	text-transform:uppercase;
	font-size:20px!important;
	margin:0px;
	margin-bottom:18px;
}
.intro-txt
{
	color:#FFF;
	font-size:12px!important;
	line-height:20px;
	text-transform:none;
	font-family: 'Conv_Gotham-Book';
	
}

.know-more{ font-size:12px; color:#e95f33; text-transform:uppercase; background-image:url(../images/know-more-arrow.png);
 background-position:105px 35px; background-repeat:no-repeat ; padding-top:30px;}
 .know-more a{ color:#e95f33; text-decoration:none;}
 .know-more:hover{color:#e95f33;background-position:120px 35px;transition: 0.6s;-moz-transition: 0.6s;-ms-transition: 0.6s;-webkit-transition: 0.6s;}
.block2
{
	background-color:rgba(0, 0, 0 ,0.7) ;
}


/*==========  Non-Mobile First Method  ==========*/

/* Large desktops and laptops */
@media (min-width: 1400px) {
	.socialPanel
	{ 
	background-position:0% 0%;
	}


	.whtwedoPanel
	{
	 background-position:9% 100%;
	}

	.aboutPanel
	{
	 background-position:45% 100%;
	}
	.intro-txt
{
	padding-right:30px;
}
.block1 { padding:30px 30px 20px 30px;}
.block0{ padding:30px 30px 40px 30px;}
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

    .nav>li>a {
        margin-right: 15px;
        font-size: 13px;
    }
    .whtwedoPanel { width:27%; right:0%;}
.socialPanel{ width:27%;}
.spotlight-container-aboutus{ left:15px;}
.spotlight-container-aboutus p{ font-size:20px; line-height:26px; padding-bottom:20px;}
    
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {


	.nav>li>a {
		margin-right: 20px;
	}

	.navbar-nav>li>a{
		font-size: 12px;
	}

	.search input[type=search] {
		border-left: solid 1px #e5e5e5;
		border-right: solid 1px #e5e5e5;
		border-bottom: solid 1px #e5e5e5;
		border-top: solid 1px #e5e5e5;
		font-size: 15px;
		padding: 15px 15px;
		margin-top: 15px;
	}

.whtwedoPanel { width:27%; right:0%;}
.socialPanel{ width:27%;}
.spotlight-container-aboutus{ left:15px;}
.spotlight-container-aboutus p{ font-size:20px; line-height:26px; padding-bottom:20px;}
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {    
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
	margin-left: 0;
	height: 40px;
	}
	.navbar-nav {
	padding-bottom: 25px;
	}

	.navbar-toggle {
	padding: 3px 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-top: 0;
	}


	.navbar {
		padding: 15px 20px 10px 20px;
	}

	.navbar-collapse {
		padding-right: 0;
		padding-left: 0;
	}

	.nav>li>a {
		margin-right: 0;
	}
	.navbar-nav > li a:before {
		bottom: 0px;
	}

	.navbar-nav>li>a {
		text-align: center;
		font-size: 20px;
	}


	.search  {
		position: relative;
	}

	.search input[type=search] {
		border: solid 2px #e5e5e5;
		border-right: solid 2px #e5e5e5;
		border-bottom: solid 2px #e5e5e5;
		border-top: solid 2px #e5e5e5;
		background-position: 96% center;
		width: 100%;
		margin-bottom: 10px;
		margin-top: 10px;
		font-size: 14px;
		 color: #999999;
	}


	input:-moz-placeholder {
	color: #999999;
	}
	input::-webkit-input-placeholder {
	color: #999999;
	}
	
	body{overflow-y:auto;overflow-x: hidden;}
	.spotlight-container-aboutus, .spotlight-container-whatwedo, .spotlight-container-social{
		width: 80%;
		
	}
	.panel-box{position: relative;width:100%;height:auto;}
	header{position:fixed; z-index:9999;top:0px;width:100%;}
	.black-patch{top:0px;}
	.socialPanel,.whtwedoPanel,.aboutPanel{width:100%;}
	
	.whtwedoPanel{position: relative;left: 0;right: 0 !important;opacity: 1 !important;padding-top: 100px;}
	.socialPanel{position: relative;left: 0;right: 0 !important;opacity: 1 !important;padding-top: 700px;}
	.blocks{position: relative;left: auto;top: auto !important;right: auto;}
	.owl-carousel{padding-top:30px;}
	video{position:absolute;left: -58%;}
		.owl-controls {
		position: absolute;
		top:0px;
		z-index: 9999;
		left:10px;
		display: block;
		overflow: hidden;
		visibility: visible;
		opacity: 1;
	}
	.owl-controls .owl-page{
		    display: table-cell;
    		padding: 0 2px;
	}
	
	.owl-page span {
		background-color: #482215;
		width: 10px;
		height: 10px;
		border-radius: 10px;
		display: block;
	}
	.owl-page.active span{
		background-color:#e1baae;
	}
	.spotlight-container-aboutus p{
		font-size:16px;
		line-height:25px;
		padding-bottom:20px;
	}
	.spotlight-container-aboutus small{ font-size:14px;
	}
	.spotlight-container-aboutus{ bottom:auto; top:40%; z-index:999;}
	.block1 { padding:40px 30px 40px 30px;}
.block0{ padding:40px 30px 40px 30px;}
}

/* Portrait phones and smaller */
@media (max-width: 480px) {

}

/* Portrait phones and smaller */
@media (max-width: 320px) {

}