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

@font-face {
  font-family: 'AvenirLTStd-Book';
  src: url('../fonts/AvenirLTStd-Book.eot');
  src: url('../fonts/AvenirLTStd-Book.eot') format('embedded-opentype'), url('../fonts/AvenirLTStd-Book.woff2') format('woff2'), url('../fonts/AvenirLTStd-Book.woff') format('woff'), url('../fonts/AvenirLTStd-Book.ttf') format('truetype'), url('../fonts/AvenirLTStd-Book.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'AvenirLTStd-Medium';
  src: url('../fonts/AvenirLTStd-Medium.eot');
  src: url('../fonts/AvenirLTStd-Medium.eot') format('embedded-opentype'), url('../fonts/AvenirLTStd-Medium.woff2') format('woff2'), url('../fonts/AvenirLTStd-Medium.woff') format('woff'), url('../fonts/AvenirLTStd-Medium.ttf') format('truetype'), url('../fonts/AvenirLTStd-Medium.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'AvenirLTStd-Roman';
  src: url('../fonts/AvenirLTStd-Roman.eot');
  src: url('../fonts/AvenirLTStd-Roman.eot') format('embedded-opentype'), url('../fonts/AvenirLTStd-Roman.woff2') format('woff2'), url('../fonts/AvenirLTStd-Roman.woff') format('woff'), url('../fonts/AvenirLTStd-Roman.ttf') format('truetype'), url('../fonts/AvenirLTStd-Roman.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}





@font-face {
  font-family: 'avenirnext';
  src: url('../fonts/avenirnext.eot');
  src: url('../fonts/avenirnext.eot') format('embedded-opentype'), url('../fonts/avenirnext.woff2') format('woff2'), url('../fonts/avenirnext.woff') format('woff'), url('../fonts/avenirnext.ttf') format('truetype'), url('../fonts/avenirnext.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'avenir';
  src: url('../fonts/avenir.eot');
  src: url('../fonts/avenir.eot') format('embedded-opentype'), url('../fonts/avenir.woff2') format('woff2'), url('../fonts/avenir.woff') format('woff'), url('../fonts/avenir.ttf') format('truetype'), url('../fonts/avenir.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}











@font-face {
  font-family: 'Avenir-Light';
  src: url('../fonts/newfonts/Avenir-Light.eot');
  src: url('../fonts/newfonts/Avenir-Light.eot') format('embedded-opentype'), url('../fonts/newfonts/Avenir-Light.woff2') format('woff2'), url('../fonts/newfonts/Avenir-Light.woff') format('woff'), url('../fonts/newfonts/Avenir-Light.ttf') format('truetype'), url('../fonts/newfonts/Avenir-Light.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Avenir-Book';
  src: url('../fonts/newfonts/Avenir-Book.eot');
  src: url('../fonts/newfonts/Avenir-Book.eot') format('embedded-opentype'), url('../fonts/newfonts/Avenir-Book.woff2') format('woff2'), url('../fonts/newfonts/Avenir-Book.woff') format('woff'), url('../fonts/newfonts/Avenir-Book.ttf') format('truetype'), url('../fonts/newfonts/Avenir-Book.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}




body{
	margin:0px;
	padding:0px;
	font-size:14px;
	color:#000;
	font-weight:400;
	 font-family: 'Avenir-Book';
	background-color:#fff;
}
body, html{
	overflow-x: hidden;
}
body img{
	max-width:100%;
}
body p{
	 font-weight:100;
}
.my-nav{
	background-color:#fff;
	background:none;
	border:none;
	height:80px;
	margin-bottom:-80px;
	 
}
body.home-page .my-nav{
	margin-bottom:0px;
}
.my-nav a.navbar-brand{
	height:auto;
		padding:0px;
		margin-top:284px;
		padding-left:12px;
}
 

.my-nav .navbar-brand img{
	max-width:100%;
	width:445px;
}
.my-nav #navbar{
	max-width:135px;
	float:right;
	border-top:solid 20px #fff;
	margin-top:125px;
	z-index:999;
	position:relative;
}
.my-nav  .navbar-nav > li{
	margin-top:45px;
	 
	
	
}
.my-nav  .navbar-nav > li:last-child {
    margin-right:0px;
}
.my-nav  .navbar-nav > li > a{
	font-size:16px;
	color:#fff;
	padding:0px;
	padding-bottom:0px;
	border-bottom:solid 0px #faf5f5;
	 -webkit-transition: border-bottom 1s;
  transition: border-bottom 0.5s;
  letter-spacing:0.96px;
  
}
.my-nav  .navbar-nav > li > a:hover{
	border-bottom:solid 0px  #c1272c;
	color:#fff;
	
}


.my-nav .navbar-nav > .active > a, .my-nav  .navbar-nav > .active > a:focus, .my-nav .navbar-nav > .active > a:hover{
	background:none;
	color:#333;
	border-bottom:solid 2px  #c1272c;
}
.top-banner{
	background-size:cover;
	min-height:730px;
	background-repeat:no-repeat;
	background-position:center center;
}
.service-banner{
	background-image:url(../images/Services.png);
	 
	 
}
.who-we-are-banner{
	background-image:url(../images/WhoWeAre.png);
	 
	 
}
.creative-coaching-banner{
	background-image:url(../images/CreativeDesignerCoaching.png);
	 
}
.our-approach-banner{
	background-image:url(../images/our-approach.png);
}
.contact-banner{
	background-image:url(../images/contact.png);
	 
}
.home-banner{
	background-image:none;
}

.my-nav .navbar-brand {
	margin-top:45px;
}
.top-banner h1 {
  
  font-size: 34px;
  font-weight: 400;
  line-height: 1.12;
  letter-spacing: 1.1px;
  text-align: left;
  color: #ffffff;
  margin-top:0px;
  
   
   font-family: 'AvenirLTStd-Book';
}
.top-banner .line {
  width: 32px;
  height: 3px;
  border-bottom: solid 10px #ffffff;
  display:block;
  
  margin-top:34px;
}
.top-banner.home-banner h1{
	 color: #4a4a4a;
	 font-family: 'AvenirLTStd-Book';
}
.top-banner.home-banner p{
	font-size: 18px;
  font-weight: 300;
  line-height: 1.61;
  letter-spacing: 1px;
  text-align: left;
  color: #4a4a4a;
  margin-top:30px;
  max-width:580px;
  font-family: 'AvenirLTStd-Book';
  font-weight:300;
  
}
.service-tabs-container {
	background-color: #fff;
	min-height:1000px;
	padding:0px;
	margin-bottom:0px;
}
.service-tabs-container ul.nav-tabs {
	float:right;
	width:470px;
	margin-left:250px;
	max-width:470px;
	margin-top:100px;
	
}
.service-tabs-container  .tab-content{
	float:right;
	width:50%;
	background-color: #f7f7f7;
	min-height:1000px;
	 
}
.service-tabs-container .nav-tabs{
	border:none;
}




.service-tabs-container .nav-tabs > li{
	 display:block;
  width:100%;
  margin-bottom:40px;
}
.service-tabs-container .nav-tabs > li  > a{
	font-size: 24px;
  letter-spacing: 0.47px !important;
  text-align: left;
  color: #868687;
  background:none !important;
  box-shadow:none !important;
  border:none;
  padding-right:0px;
  font-family: 'AvenirLTStd-Book';
  
  
 
}
.service-tabs-container .nav-tabs .active-line{
	 width: 200px;
	 float:right;
	 margin-top:15px;
	 height:1px;
	 margin-right:-4px;
	 background: #fff;
	 
  
  
}
.service-tabs-container .nav-tabs > li.active   .active-line{
	 background: #dbdbdb;
}
.service-tabs-container .nav-tabs > li  > a .active-line:after {
	content: '';
	display: block;
	margin: auto;
	height: 1px;
	width: 0px;
	background: transparent;
	transition: width .8s ease, background-color .8s ease;
	
}
.service-tabs-container .nav-tabs > li  > a:hover .active-line:after {
	width: 100%;
	background: #dbdbdb;
}
.service-tabs-container .nav-tabs > li.active > a, .service-tabs-container .nav-tabs > li.active > a:focus, .service-tabs-container .nav-tabs > li.active > a:hover{
	font-size: 24px;
  font-weight: 500;
  letter-spacing: 0.4px;
  text-align: left;
  color: #000000;
  border:none;
  font-family: 'AvenirLTStd-Medium';
}
 
.service-tabs-container  .tab-content p{
	
  
  font-size: 18px;
  line-height: 2;
  letter-spacing: 0.4px;
  text-align: left;
  color: #A8A8A8 !important;
  max-width:350px;
  margin-left:100px;
  margin-top:100px;
  font-family: 'AvenirLTStd-Book';
  letter-spacing: 0.47px !important;
   
}
.home-nav{
}
.home-nav #navbar {
   
   
    border-top: solid 20px #4a4a4a;;
    
}
.home-nav  .navbar-nav > li > a{
	color: #4a4a4a;
	
}
.home-nav  .navbar-nav > li > a:hover{
	
	color: #4a4a4a;
}

.home-top{
}
.home-top h1{ 
   
  font-size: 30px;
  line-height: 1.47;
  letter-spacing: 0.9px;
  text-align: left;
  color: #4a4a4a;
  margin-top:98px;
}
.home-top h2 {
  
  font-size: 26px;
  line-height: 1.83;
  letter-spacing: 0.7px;
  text-align: left;
  color: #4a4a4a;
}
.home-top p{
	font-size: 16px;
  font-weight: 300;
  line-height: 1.55;
  letter-spacing: 0.9px;
  text-align: left;
  color: #4a4a4a;
 
  /*font-family: 'Avenir';*/
  
 font-family: 'Avenir-Light';
   
 
}

 
.home-top .bottom-home-line{
	height: 9.7px;
  background-color: #4a4a4a;
  width: 28.8px;
  margin-top:40px;
  margin-bottom:35px;
}
.home-top .see-more a{
 
  
  text-align: right;
  
  text-decoration:none;
  text-align:right;
  float:right;
 
  margin-right:30px;
  margin-top:30px;
  margin-bottom:90px;
  
 
  font-size: 14px;
  line-height: 3.14;
  letter-spacing: 0.5px;
 
  color: #9b9b9b;
  
  
  
  
  
  
  
  
  
}
.home-bottom{
	background:#F5F5F5;
	padding-top:150px;
	padding-bottom:150px;
}
.home-bottom h3{
	font-size: 36px;
  line-height: 1.42;
  letter-spacing: -0.5px;
  text-align: right;
  color: #636363;
}
.home-bottom .btn-cntct {
	font-size: 16px;
  font-weight: 500;
  line-height: 2.75;
  letter-spacing: 0.7px;
  text-align: center;
  color: #7b7b7b;
  
   width: 168.4px;
  height: 53.8px;
  border-radius: 8px;
  background-color: #ffffff;
  margin-top:40px;
}
.home-bottom .btn-cntct:hover{
	 background-color: #EAEAEA;
	
}
.home-bottom .btn-cntct:focus{
	box-shadow:none;
}

.home-bottom ul{
	list-style:none;
	margin:0px;
	padding:0px;
}
.home-bottom ul li{
	 
  font-size: 16px;
  font-weight: 500;
  line-height: 3.25;
  letter-spacing: 1.2px;
  text-align: right;
  color: #8b8b8b;
  width:230px;
  float:right;
  margin-left:70px;
}
 

#footer{
background-color: #303030;
margin:0px;
padding:0px;
padding-top:75px;
padding-bottom:20px;
}
#footer ul{
	list-style:none;
	margin:0px;
	padding:0px;
	float:right;
	margin-bottom:35px;
}
#footer li {
	display:inline ;
	margin-left:50px;
}
#footer li a{
	display:inline ;
	font-size: 16px;
  line-height: 3;
  letter-spacing: 0.9px;
  text-align: left;
  color: #ffffff;
  letter-spacing:0.96px;
}
#footer h4{
	font-size: 32px;
  line-height: 1.84;
  letter-spacing: 0.8px;
  text-align: right;
  color: #ffffff;
  margin-bottom:0px;
}
#footer h4 a{
	color:#fff;
	text-decoration:none;
}
#footer h5{
	font-size: 16px;
  line-height: auto;
  letter-spacing: 0.8px;
  text-align: right;
  color: #ffffff;
  margin-top:0px;
}
#footer  p{
	 
  
  
  
  
 
  font-size: 9px;
  line-height: 6.56;
  letter-spacing: 0.8px;
  text-align: left;
  color: #ffffff;
}
 
 
.opacity-none{
	opacity:0;
}
.opacity-full{
	opacity:10;
}
.creative-designer-coaching-container{
	background-color:#fff;
	padding-top:50px;
}
.creative-designer-coaching-container h2{
	 
  
  font-size: 28px;
  letter-spacing: 0.6px;
  text-align: center;
  color: #000000;
}
.creative-designer-coaching-container h3{
	 
  
  font-size: 26px;
  letter-spacing: 0.6px;
  
  color: #000000;
  line-height:35px;
  
   
}
.creative-designer-coaching-container p{
	 
  
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0.3px;
  text-align: left;
  color: #868687;
  margin-bottom:25px;
  font-weight:400;
  font-weight:100;
 
}
 

.creative-designer-coaching-container .line-bottom {
  width: 67px;
 
  border-bottom: solid 3px #4a4a4a;
  margin-top:50px;
}
.our-approach .line-bottom {
    border-bottom: 2px solid #4a4a4a;
    margin-top: 40px;
    width: 30px;
	margin-bottom:20px;
}
.our-approach h5{
	 width: 46px;
  height: 46px;
  background-color: #fff;
  border-radius:25px;
   font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.4px;
  text-align: center;
 color: #4a4a4a;
  margin-bottom:30px;
  padding-top:17px;
  margin-top:20px;
}
.our-approach h2{
	 
  
  font-size: 32px;
  font-weight: 500;
  line-height: 1.19;
  letter-spacing: 0.4px;
  text-align: left;
  color: #373737;
  font-family: 'AvenirLTStd-Medium';
  margin-bottom:100px;
  margin-top:125px;
}
 
.our-approach-top-box-for-bottom-border{
	border-bottom: solid 1px #CCC;
	padding-bottom:100px;
	margin-bottom:55px;
}

.designer-coaching-bottom{
	 
	width:100%;
	 
	display:inline-block;
	border-top:solid 1px #f7f7f7;
}
.designer-coaching-bottom .left-box{
	 
	width:35%;
	display:inline-block;
	float:left;
	height:402px;
	padding-top:150px;
	padding-right:3%;
	 
	 
}
.designer-coaching-bottom .right-box{
	 
	width:65%;
		display:inline-block;
		float:left;
		padding-left:5.5%;
		height:402px;
	 
	 
}
.left-grey{
	background-color:#f7f7f7;
}
.our-approach h3{
	margin-top:5px;
}

.designer-coaching-bottom .right-box h3{
	 
  
   
  font-size: 20px;
  letter-spacing: 0.6px;
  text-align: left;
  color: #4a4a4a;
   max-width:635px;
   margin-top:100px;
}
 
.designer-coaching-bottom .right-box p{
	 
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.5px;
  text-align: left;
  color: #868687;
  max-width:635px;
  margin-top:22px;
   
}
ul.who-top-links{
	list-style:none;
	margin:0px;
	text-align:center;
	width:100%;
	padding:0px;
}
ul.who-top-links li{
	display:inline-block;
	margin:25px;
	margin-top:10px;
}
ul.who-top-links li a{
	 
	
	font-size: 18px;
  line-height: 3.28;
  letter-spacing: 0.2px;
  text-align: center;
  color: #000000;
  padding:35px;
}
.who-we-are-container{
}
.who-we-are-container h3{
	 color: #000000;
    font-size: 26px;
    letter-spacing: 0.6px;
    line-height: 35px;
}
.who-we-are-container h4{
	font-size: 20px;
  font-weight: 300;
  line-height: 1.33;
  
  text-align: right;
  color: #868687;
  margin-top:23px;
}
 
.who-we-are-container .line-bottom {
    border-bottom: 3px solid #4a4a4a;
    margin-top: 50px;
    width: 40px;
}
.who-we-are-box-container{
	margin-top:150px;
	margin-bottom:150px;
}
.first-grey-box{
	background-color: #4a4a4a;
	min-height:480px;
	padding-left:20%;
	padding-right:4%;
	border-right:solid 6px #fff;
}
.first-grey-box h3{
	font-size: 32px;
  line-height: 1.31;
  letter-spacing: 0.3px;
  text-align: left;
  color: #ffffff;
  margin-top:100px;
}
.first-grey-box p{
	font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.2px;
  text-align: left;
  color: #ffffff;
  margin-top:50px;
}
.second-grey-box{
	background-color: #f1f1f1;
	min-height:480px;
	 
	border-right:solid 6px #fff;
}
.second-grey-box h3, .fourth-grey-box h3{
	font-size: 22px;
  line-height: 3.45;
  letter-spacing: 0.3px;
  text-align: center;
  color: #000000;
  margin-top:200px;
}
.second-grey-box h4{
	font-size: 18px;
font-weight: 500;
line-height: 4.22;
letter-spacing: 0.3px;
text-align: left;
color: #ffffff;
}
.fourth-grey-box h4{
	font-size: 18px;
font-weight: 500;
line-height: 4.22;
letter-spacing: 0.3px;
text-align: left;
color: #ffffff;
}
#content-text {
    min-width: 100%;
    background: #DE3C3C;
   
   
    position: margin-top: -100px;
    margin-left: 0px;
	
	
	 transition: all 0.4s ease-in-out;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
	
	opacity:0;
	
	overflow:hidden;
	position:absolute;
	left:0px;
	top:0px;
	font-size: 14px;
  line-height: 1.29;
  text-align: left;
  color: #ffffff;
   
    padding:40px;
 
  padding-bottom:0px;
  
  height:480px;
	
	 padding-top:60px;
	 
	 
  
    
	 
}
.inspiratin-back{
	background-color:#4A90E2 !important;
	
	
}
 

 

.second-grey-box:hover > #content-text, .fourth-grey-box:hover > #content-text{
     height:480px;
	
	  padding-top:50px;
	  opacity:10;
}

.third-yellow-box{
	background-color: #f6a623;
	min-height:480px;
	padding:40px;
	 
	border-right:solid 6px #fff;
}
.third-yellow-box  h3{
	 font-size: 18px;
  font-weight: 500;
  line-height: 4.22;
  letter-spacing: 0.3px;
  text-align: left;
  color: #ffffff;
}
.third-yellow-box p{
	 
  font-size: 14px;
  line-height: 1.29;
  text-align: left;
  color: #ffffff;
 
}
.fourth-grey-box{
	background-color: #f1f1f1;
	min-height:480px;
	 
	border-right:solid 6px #fff;
}
.fifth-grey-box{
	background-color: #4a4a4a;
	min-height:480px;
	 
}
.who-we-are-testi{
	font-size: 22px;
  line-height: 1.68;
  letter-spacing: 0.4px;
  text-align: left;
  color: #9b9b9b;
  margin-top:60px;
  font-weight:400;
  margin-bottom:150px;
font-family: 'AvenirLTStd-Book';
}
.who-we-are-testi .line-bottom-who{
	 width: 70px;
   
  border-bottom: solid 3px #9b9b9b;
  float:right;
  margin-top:200px;
  margin-right:0px;
}
.bottom-who-left{
	background-color: #fafafa;
	min-height:395px;
	border-right:solid 20px #fff;
	border-bottom:solid 20px #fff;
	padding-right:85px;
}
.bottom-who-right{
	background-color: #f7f7f7;
	min-height:395px;
	border-right:solid 0px #fff;
	border-bottom:solid 20px #fff;
	padding-left:85px;
}
.who-box-bottom{
	max-width:450px;
}
.bottom-who-boxes h4{
	font-size: 21px;
  line-height: 2.81;
  letter-spacing: 1.1px;
  text-align: left;
  color: #545454;
  margin-top:70px;
}
.bottom-who-boxes p {
	font-size: 14px;
  font-weight: 300;
  line-height: 1.64;
  letter-spacing: 0.5px;
  text-align: left;
  color: #868687;
  margin-top:20px;
}
.who-we-bottom-dark{
	background-color: #f7f7f7;
}
.who-we-bottom-light{
	background-color: #fafafa;
}
.who-we-bottom-map{
	background-color: #fafafa;
	padding-bottom:25px;
}
.contact-container .left-line {
	 
   
  border-bottom: solid 1px #dbdbdb;
  width:100%;
  margin-left:-25px;
  margin-top:-7px;
}
.contact-container h3{
	 font-size: 28px;
  letter-spacing: 0.5px;
  text-align: left;
  color: #000000;
}
.contact-right{
	background-color: #f7f7f7;
	padding-top:100px;
	padding-left:100px;
	padding-bottom:100px;
}
.contact-right h4{
	font-size: 18px;
  line-height: 1.61;
  letter-spacing: 0.4px;
  text-align: left;
  color: #7E7E7E;
}
.contact-right .form-group label {
	font-size: 15px;
  line-height: normal;
  letter-spacing: 0.1px;
  text-align: left;
  color: #7E7E7E;
  font-weight:400;
  margin-top:10px;
}
.contact-right .form-control{
	max-width: 393.4px;
 min-height: 42.5px;
  background-color: rgba(234, 234, 234, 0.96);
  border-radius:0px;
  box-shadow:none;
  border:0px;
}
.contact-right .checkbox-inline{
	font-size: 14px;
  text-align: left;
  color: #4A4A4A;
  width:200px;
  margin-left:15px;
  margin-top:3px;
  margin-bottom:8px;
  line-height:22px;
  
}
.contact-right .cntct-btn {
	margin-top:25px;
	padding:15px;
	color:#fff;
	background-color:#646464;
	border-radius:0px;
	font-size:16px;
	min-width:150px;
}
.our-approach-two-colors{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+43,dd3c3c+43,de3c3c+100 */
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+46,dd3c3c+46,dd3c3c+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 46%, #dd3c3c 46%, #dd3c3c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #ffffff 0%,#ffffff 46%,#dd3c3c 46%,#dd3c3c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #ffffff 0%,#ffffff 46%,#dd3c3c 46%,#dd3c3c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dd3c3c',GradientType=1 ); /* IE6-9 */

}
.our-approach{
	padding-top:0px;
	margin-bottom:0px;
	
}
.our-approach-right{
	background-color: #de3c3c;
	color:#fff !important;
	padding-left:100px;
	padding-right:100px;
	padding-top:290px;
	padding-bottom:150px;
}
.second-our-approach-right{
	padding-top:0px;
}
 
 .our-approach-right p{
	 color:#fff !important;
 }
 .blck-alwys{
	 color:#000 !important;
 }
 
 
  .deliverable-banner{
	 background-image:url(../images/Deliverables.png);
	 
 }
 .deliverable-box{
	 margin-bottom:30px;
	 overflow:hidden;
	 cursor:pointer;
 }
 .deliverable-box img{
	 max-width:100%;
	 width:100%;
 }
 .deliverable-box .hover-image{
	  max-width:94.9% !important;
 }
 .first-deli-hover{
	 
	  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
	  opacity: 0; 
	   position:absolute;
 }
 .first-deli:hover .first-deli-hover{
	 
	
	 opacity: 1;
	 
	
 }
 .deli-modal{
 }
  .deli-modal .modal-dialog {
    width: 1150px;
    margin-top:50px;
	margin-bottom:50px;
	margin-left:auto;
	margin-right:auto;
}
.deli-modal h3 {
  width: 571px;
  height: 25px;
  font-family: 'AvenirLTStd-Medium';
  
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.3px;
  text-align: left;
  color: #000000;
   
}
.deli-modal p{
	color:#939393 !important;
	line-height:22px;
}
.deli-modal .modal-content{
	border-radius:0px;
}
.deli-modal .modal-body {
	padding:0px;
}
.deli-modal .modal-header{
	border:none;
	padding-bottom:0px;
}
.modal-left-right-pad{
	padding-left:100px;
	padding-right:100px;
	padding-bottom:50px;
	padding-top:20px;
}
.modal-grey-back{
	background-color:#E9E9E9;
}

.hide-home-full{
	display:none;
}
.show-home-full{
	display:block;
}
.hide-video-pop{
	display:none !important;
}
 #fvpp-blackout {
  display: none !important;
  z-index: 499;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.5;
}

#my-welcome-message {
  display: none;
  z-index: 99999999;
  position:fixed;
  width: 100%;
  
  
  padding:0px;
   
  background: #FFF;
  min-height:100vh;
  top:0px;
}

#fvpp-close {
  position: relative;
  
  right: 3px;
  cursor: pointer;
  font-size:12px;
  color:#000 !important;
  opacity:0.8;
  bottom:20vh;
  z-index:999999999;
  width:100px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  display:block;
   
}
a#fvpp-close {
	 color:#000 !important;
	 text-decoration:none;
}

#fvpp-dialog h2 {
  font-size: 2em;
  margin: 0;
}

#fvpp-dialog p { margin: 0; }

#show-message{
	cursor:pointer;
	font-size: 15px;
	line-height: 1.61;
letter-spacing: 1px;
text-align: left;
color: #4a4a4a;
margin-top: 30px;
max-width: 580px;
font-family: 'AvenirLTStd-Book';
font-weight: 300;
text-decoration:none;
display:block;
margin-top:40px;
}
 


 
 @media (max-width: 1700px) {
	 .designer-coaching-bottom .left-box {
    
    width: 33%;
}
.designer-coaching-bottom .right-box {
   
    width: 67%;
}
.first-grey-box{
	padding-left:15%;
}
	 
 }
 
 
 
 
 

@media (max-width: 1440px) {
	.service-tabs-container ul.nav-tabs {
   
   margin-left: 50px;
margin-top: 100px;
max-width: 500px;
width: 500px;
}

 .designer-coaching-bottom .left-box {
    
    width: 31%;
}
.designer-coaching-bottom .right-box {
   
    width: 69%;
}
.first-grey-box{
	padding-left:10%;
}
.second-grey-box > #content-text,
.fourth-grey-box > #content-text
 {
	padding:25px; 
 }
.second-grey-box:hover > #content-text,
.fourth-grey-box:hover > #content-text
 {
	padding:25px;     
	
	  padding-top:50px;
}
.third-yellow-box{
	padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
} 
 
}


@media (max-width: 1300px) {
 

 .designer-coaching-bottom .left-box {
    
    width: 29%;
}
.designer-coaching-bottom .right-box {
   
    width: 71%;
}
 
}

@media (max-width: 1199px) {
.deliverable-box .hover-image{
	  max-width:93.9% !important;
 }
 
 .deli-modal .modal-dialog {
    width: 95%;
    
}
.modal-left-right-pad {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-top: 0px;
}
.our-approach-right{
	 
	padding-left:80px;
	 
}
}


@media (max-width: 1159px) {
	.top-banner h1 {
  
    font-size: 30px;
  
   
    margin-top: 0px;
    
}
.top-banner {
    
    min-height: 400px;
}

	.service-tabs-container ul.nav-tabs {
   
    margin-left: 100px;
    margin-top: 100px;
    max-width: 420px;
    width: 420px;
}
.my-nav .navbar-nav > li {
    margin-right: 0px;
   
}

 
}
@media (max-width: 991px) {
	.deliverable-box .hover-image{
	  max-width:91.9% !important;
 }
	.service-tabs-container ul.nav-tabs {
    margin-left: 0px;
    margin-top: 100px;
    max-width: 300px;
    width: 300px;
}
.service-tabs-container .nav-tabs .active-line {
    
    width: 100px;
}
.service-tabs-container .tab-content p {
  
    font-size: 15px;
   
    margin-left:50px;
    
    max-width: 300px;
     
}
.my-nav .navbar-nav > li {
    margin-right: 0px;
   
}
#footer {
    
    padding: 100px 0 20px;
}
.creative-designer-coaching-container h2 {
    
    font-size: 24px;
     
}
.creative-designer-coaching-container h3 {
    
    font-size: 22px;
     
}
.designer-coaching-bottom .right-box h3 {
   
    font-size: 18px;
   
}
.who-we-are-box-container {
    margin-bottom: 40px;
    margin-top: 10px;
}
.first-grey-box{
	border-right:0px;
	padding:25px;
	min-height:50px;
}
.first-grey-box h3 {
   
    font-size: 28px;
    
    margin-top: 20px;
   
}
.first-grey-box h3 br{
	display:none;
}
.first-grey-box p {
    
    font-size: 16px;
   
    margin-top: 20px;
    
}
.second-grey-box,
.fourth-grey-box
{
	min-height:20px;
	position:relative;
	top:0px;
}


.second-grey-box h3,
.fourth-grey-box h3
{
	margin-top:0px;
	margin-bottom:0px;
}
#content-text{
	position:relative;
}

#content-text {
    min-width: 100%;
    
    height: 0;
    transition: all 0.4s ease-in-out;
    
    margin-left: 0px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
	 
	position:relative;
	left:0px;
	top:0px;
	font-size: 14px;
  line-height: 1.29;
  text-align: left;
  color: #000;
   
    background-color: #f1f1f1;
  padding-top:0px;
  padding-bottom:0px;
  height:auto;
  padding:15px !important;
   padding-top:0px!important;
   padding-bottom:25px!important;
    
  
	 
}
.second-grey-box:hover > #content-text,
.fourth-grey-box:hover > #content-text 
 {
    height:auto;
	
	 padding:15px;
   padding-top:0px;
   padding-bottom:25px;
}
.third-yellow-box {
    
    border-right: 0px solid #fff;
    min-height: 100px;
    padding:15px;
}
.third-yellow-box h3 {
   
    font-size: 22px;
   
    text-align: center;
	margin-top:0px;
	margin-bottom:0px;
}
.fifth-grey-box {
    
    min-height: 20px;
}
ul.who-top-links li {
    
    margin: 5px;
}
ul.who-top-links li a{
	padding:15px;
}
.bottom-who-boxes h4{
	margin-top:25px;
}
.bottom-who-boxes p{
	margin-top:15px;
}
.who-we-are-container .line-bottom {
     
    margin-top: 25px;
    width: 35px;
}
.who-box-bottom {
    max-width: 100%;
}
.bottom-who-left,
.bottom-who-right
 {
    
    max-width: 100%;
    border-right: 0px solid #fff;
    min-height: 50px !important;
	float:none !important;
	padding:15px;
	display: inline-block;
     
}
.contact-container .left-line{
	display:none;
}
.contact-container h3{
	margin-top:15px;
	margin-bottom:15px;
}
.contact-right {
    
    
    padding-left: 25px;
    padding-top: 25px;
}

.home-top h1{ 
   
  font-size: 26px;
  
}
.home-top h2 {
  
  font-size: 22px;
  
}
.home-top p{
	font-size: 15px;
   
}
.home-top .bottom-home-line{
 
  margin-top:20px;
  margin-bottom:40px;
}
.home-top .see-more a{
 
  margin-bottom:50px;
}
.home-bottom{
	background:#F5F5F5;
	padding-top:50px;
	padding-bottom:50px;
}
.home-bottom h3{
	font-size: 28px;
  
}
.home-bottom .btn-cntct {
	clear:both;
	float:none;
}

.home-bottom ul{
	display:inline-block;
	width:100%;
	margin-top:25px;
}
.home-bottom ul li{
	 
  font-size: 15px;
  
  width:200px;
   
  margin-left:20px;
}
.top-banner.home-banner p{
	max-width:100%;
	 
	
}
.our-approach-right{
	padding-left:25px;
	padding-right:25px;
}

.first-grey-box{
	padding-top:50px;
	padding-bottom:50px;
}
.first-grey-box h3 {
   
  font-size: 24px;
  line-height: 1.25;
  letter-spacing: 0.2px;
  text-align: left;
  
}

.first-grey-box p {
   
  font-size: 14px;
  
  line-height: 1.64;
  letter-spacing: 0.2px;
  text-align: left;
   
}
.second-grey-box h3, .fourth-grey-box h3{
	display:none;
}
.second-grey-box{
	background-color: #de3c3c;
	margin-right: -15px;
}
#content-text,
.second-grey-box:hover > #content-text,
.fourth-grey-box:hover > #content-text{
	background:none !important;
	 padding-bottom:40px !important;
	
}
.second-grey-box h4,
.third-yellow-box h3,
.fourth-grey-box h4

{
	line-height:normal;
	margin-top:60px;
	margin-bottom:20px;
	font-size: 18px;
	text-align:left;
}
#content-text{
	opacity:10;
	 
}
#content-text,
.third-yellow-box p {
  
  font-size: 14px;
  line-height: 1.64;
  text-align: left;
  color: #ffffff;
  padding-bottom:40px !important;
}
 
.third-yellow-box  {
	padding:30px;
	padding-top:1px;
	padding-bottom:1px;
}
.fourth-grey-box{
	background-color: #4a90e2;
	margin-right: -15px;
}
.fifth-grey-box{
	display:none;
}


#fvpp-close {
  
  bottom:10px;
  
   
}
.our-approach-top-box-for-bottom-border p{
	padding-left:25px;
}
 
 
 
 
}
 @media (max-width: 767px) {
	 .navbar-toggle .icon-bar {
   
    width: 25px;
    height: 4px;
	margin-top:5px;
    border-radius: 1px;
}

 .my-nav .navbar-brand {
	 margin:15px;
 }
 .my-nav a.navbar-brand {
    
    margin-top: 20px;
}
.my-nav .navbar-brand img {
    max-width: 100%;
    width: 140px;
}
  .my-nav .navbar-collapse,  .my-nav .navbar-form{
	  background-color:#fff;
	  position: relative;
	  z-index:999999;
	  border-bottom:solid 1px #CCC;
  }
  .my-nav .navbar-nav > li {
	  margin:0px;
	  text-align:center;
	  margin-top:5px;
	  margin-bottom:35px;
}
.my-nav .navbar-nav > li > a{
	color:#fff;
}
.my-nav .navbar-nav > li > a:hover{
	color:#50e3c2;
}
 .navbar-toggle{
	 background-color:#fff;
	background:none !important;
	 border:none;
 }
 .navbar-toggle:hover{
	 background-color:#fff;
	 background:none !important;
	 border:none;
 }
 .navbar-default .navbar-toggle .icon-bar{
	 background-color:#fff;
 }
 .top-banner h1 {
    font-size: 26px;
    margin-top: 75%;
	text-align:center;
}
.top-banner .line {
    border-bottom: 3.9px solid #eae9e9;
   
    margin-top: 30px;
     width: 43.8px;
	margin-left:auto;
	margin-right:auto;
}

.my-nav #navbar {
    max-width: 120%;
    float: none;
    border-top: solid 0px #fff;
    margin-top: 0px;
	position:absolute;
	width:100%;
	background-color:#000;
	margin-top:-70px;
	padding-top:28vh;
	min-height:105vh;
	border:0px;
	box-shadow:none;
}
.my-nav  .navbar-header{
	z-index:9999999;
	position:relative;
}
.top-banner {
    min-height:450px;
}
.service-tabs-container ul.nav-tabs {
    
    
    
   
	float:left;
	margin:5%;
	width:90%;
}
.service-tabs-container .nav-tabs > li {
	margin-bottom:10px;
}

.service-tabs-container .nav-tabs > li  > a,   .service-tabs-container .nav-tabs > li.active a {
   
    font-size: 18px !important;
	z-index:9999;
     
    
}
.service-tabs-container .nav-tabs .active-line{
	display:none;
}

.service-tabs-container .tab-content {
    float:right;
   
    min-height: 20px;
    width:100%;
	padding-top:20px;
	padding-bottom:0px;
	margin-bottom:0px;
}
.service-tabs-container .tab-content p {
    font-size: 15px;
    margin-left: 50px;
    max-width: 300px;
	max-width:100%;
	margin:25px;
	color:#A8A8A8;
	
}
.service-tabs-container .tab-content h5 {
	margin-left:25px;
	margin-bottom:25px;
	font-size: 24px;
  letter-spacing: 0.4px;
  text-align: left;
  color: #4a4a4a;
  margin-top:30px;
}
.service-tabs-container {
   
    min-height: 300px;
	float:none;
	display:inline-block;
	 
	min-width:100%;
	margin-bottom:-10px;
     
}

.service-tabs-container ul.nav-tabs{
	display:none !important;
}
.service-tabs-container .tab-content > .tab-pane {
	display:block !important;
	opacity:10;
	padding-top:50px;
	padding-bottom:30px;
}
 

.service-tabs-container .tab-content > .tab-pane:nth-child(even) {background: #fff;

}
.service-tabs-container .tab-content > .tab-pane:nth-child(even) h5 {
	color: #868687;
}
 


.creative-designer-coaching-container .line-bottom {
    border-bottom: 2px solid #4a4a4a;
    margin-top: 20px;
    width: 67px;
	margin-bottom:50px;
}

.designer-coaching-bottom .left-box{
	display:none;
}
.designer-coaching-bottom .right-box {
    width: 100%;
	height:auto;
	padding-bottom:35px;
}
.designer-coaching-bottom .right-box h3 {
    
    margin-top: 40px;
    max-width: 100%;
	
    
}
.designer-coaching-bottom .right-box h3 span {
    display: inline;
    float: left;
    font-weight: 700;
    padding-right: 15px;
}
.who-we-are-testi .line-bottom-who{
	 width: 50px;
   
  
  margin-top:100px;
}
.who-we-are-testi {
   
    font-size: 18px;
    
    text-align: left;
	margin-bottom:45px;
}
.our-approach-top-box-for-bottom-border{
	margin-top:0px;
	padding-top:10px;
	padding-bottom:25px;
	margin-bottom:0px;
	border-bottom:0px;
}
.our-approach h2{
	margin-bottom:15px;
}
.our-approach .line-bottom{
	margin-bottom:10px;
}
.our-approach-banner{
	background-position:-100px;
}
.approach-red-small-screen-only{
	background-color: rgba(218, 39, 39, 0.9);
	margin-left:-25px;
	padding-left:25px;
	margin-right:-25px;
	padding-right:25px;
	padding-top:45px;
}
.our-approach h2{
	margin-top:0px;
	font-size:24px;
	color:#fff;
}
.our-approach h3 {
    margin-top: 5px;
	margin-top:40px;
	font-size: 22px;
	color:#fff;
}
.our-approach .line-bottom {
    margin-bottom: 10px;
	width:24px;
	border-bottom: 2px solid #fff;
}
.approach-red-small-screen-only p{
	font-size:14px;
	color:#fff;
	margin-bottom:0px;
}
.our-approach-right p{
	font-size:14px;
}
.our-approach-right{
	padding:25px;
	margin-left:-25px;
	margin-right:-25px;
}
.approach-white-small-screen-only{
	background-color:#fff;
}
.approach-white-small-screen-only h3{
	color: #000000;
}
.approach-white-small-screen-only .line-bottom {
    
    border-bottom: 2px solid #4a4a4a;
}
.approach-white-small-screen-only h5 {
	background-color: #eeeeee;
	color: #4a4a4a;
}
.approach-white-small-screen-only p{
	color: #4a4a4a !important;
}

body{
	overflow-x:hidden;
}
#footer {
	padding-top:60px;
	padding-bottom:0px;
}
#footer img{
	max-width:200px;
	height:auto;
}
#footer ul{
	float:none;
	margin-top:50px;
}
#footer li{
	display:block;
	margin-left:0px;
	margin-bottom:15px;
}
#footer li a{
	font-size:14px;
}
#footer p{
	text-align:center;
	margin-bottom:0px;
}
#footer h4{
	font-size:20px;
	text-align:left;
}
#footer h5 {
    font-size:13px;
	text-align:left;
	line-height:normal;
}
.home-page {
}
.home-page .navbar-default .navbar-toggle .icon-bar {
    background-color: #4a4a4a;
}
.home-page .my-nav .navbar-brand img {
    max-width: 100%;
    width: 140px;
	margin-top:0px;
	margin-left:-10px;
}
.home-page .my-nav #navbar {
	margin-top:-140px;
	background-color:#fff;
}
.home-page .my-nav .navbar-nav > li > a  {
    color: #4a4a4a;
}
.home-page .my-nav .navbar-nav > li > a:hover {
    color: #4a4a4a;
}
.home-page  .top-banner h1 {
    font-size: 22px;
    
	text-align:left;
}
.home-page .top-banner.home-banner p {
   font-size: 16px;
   margin-top:15px;
}
.home-page  .top-banner {
	min-height:400px;
}
.home-page  .home-top h1 {
    font-size: 22px;
}
.home-top .bottom-home-line {
   width: 12px;
	height: 3px;
	margin-bottom:10px;
}
.home-top h2 {
    font-size: 17px;
	margin-top:30px;
}
.home-top p {
    font-size: 14px;
	padding-bottom:20px;
}
.home-top .see-more a {
    margin-bottom: 70px;
	text-align:left;
	font-size:15px;
	float:left;
	margin-top:0px;
	padding-top:0px;
}
.home-bottom h3 {
    font-size: 19px;
	
	text-align:center;
}
 
.home-bottom ul{
	text-align:center !important;
	float:none;
	width:100%;
}
.home-bottom li{
	margin-left:0px !important;
	text-align:center !important;
	display:block !important;
	font-size:12px !important;
	width:100% !important;
}
.home-bottom .btn-cntct{
	float:none!important;
 
	margin-left:auto;
	margin-right:auto;
	font-size:14px;
	padding:6px;
	height:50px;
	width:120px;
	margin-bottom:50px;
}
.contact-container h3 {
    margin-top: 15px;
    margin-bottom: 15px;
	font-size: 28px;
	text-align:center;
	margin-top:50px;
	padding-top:0px;
	margin-bottom:35px;
}
.contact-right h4 {
	margin-bottom:25px;
}
.contact-right .form-control{
	max-width:97%;
}
ul.who-top-links{
	display:none;
}
.who-we-are-container h3{
	font-size: 22px;
	margin-top:50px;
}
.who-we-are-container .line-bottom{
	display:none;
}
.who-we-are-container h4{
	 
  font-size: 14px;
  font-weight: 300;
  line-height: 1.64;
  letter-spacing: 0.4px;
  text-align: left;
  padding-bottom:25px;
  color: #868687;
}
.who-we-are-testi {
  
  font-size: 22px;
  line-height: 1.68;
  letter-spacing: 0.4px;
  text-align: left;
  color: #9b9b9b;
  margin-left:0px;
  padding-left:25px;
}
.who-we-are-testi .line-bottom-who {
    width: 50px;
    margin-top: 60px;
	width:49px;
	float:left;
	
}
.who-we-are-container h3 {
    font-size: 22px;
    margin-top: 30px;
	margin-bottom:0px;
}
.bottom-who-boxes h4 {
    margin-top: 70px;
}
.bottom-who-boxes p {
    margin-bottom: 80px;
}
.our-approach-two-colors{
	background:none;
}
.top-banner {
    min-height: 100vh;
}
.who-we-are-container{
	padding-left:10px;
	padding-right:10px;
}
.our-approach,
.our-approach-two-colors{
	padding-left:10px;
	padding-right:10px;
}
#footer{
	padding-left:10px;
	padding-right:10px;
}
.bottom-who-boxes h4,
.bottom-who-boxes p
{
	padding-left:10px;
	padding-right:10px;
	 
}
.bottom-who-boxes h4{
	margin-top:30px;
}
.creative-designer-coaching-container h3 
 {
   
	padding-left:10px;
	padding-right:10px;
	line-height:1.1;
	font-size:24px;
}
.designer-coaching-bottom .right-box h3{
	padding-left:7px;
	padding-right:18px;
  margin-left: 0.7em; 
 text-indent: -0.9em 
 

}
.creative-designer-coaching-container .line-bottom{
	margin-left:7px;
}
.creative-designer-coaching-container p {
 
	padding-left:10px;
	padding-right:10px;
}
 
.designer-coaching-bottom .right-box p{
	  padding-left:7px;
	padding-right:25px;
	
}
.deliverable-container {
    padding-right: 5px;
    padding-left: 5px;
}
.approach-red-small-screen-only h2 {
	margin-left:10px;
}
.approach-red-small-screen-only .line-bottom{
	margin-left:12px;
}
#BrandStrategists{
	padding-top:0px;
}
.service-tabs-container .tab-content > .tab-pane{
	padding-top:20px;
}
.our-approach h3{
	margin-top:5px;
}
.designer-coaching-bottom .right-box h3 span{
	position:absolute;
	margin-left:-18px;
}
.designer-coaching-bottom .right-box h3 {
    padding-left: 0px;
    padding-right: 25px;
    margin-left: 25px;
    text-indent: 0em;
}
body{
	overflow-x:hidden;
}

}

 @media (max-width: 767px) {

	.deliverable-box .hover-image{
	  max-width:95.6% !important;
 }
 }
  @media (max-width: 650px) {

	.deliverable-box .hover-image{
	  max-width:95% !important;
 }
 }

  @media (max-width: 600px) {

	
	 
 .first-deli-hover{
	 background:none;
	   opacity: 1;
 }
 .deliverable-box .hover-image{
	 background:none !important;
	 max-width: 95% !important;
 }
  
 
 }
  @media (max-width: 560px) { 
   .deliverable-box .hover-image{
	 
	 max-width: 94.5% !important;
 }
	  
	  }
	    @media (max-width: 520px) { 
   .deliverable-box .hover-image{
	 
	 max-width: 94% !important;
 }
	  
	  }
	  
	     @media (max-width: 480px) { 
   .deliverable-box .hover-image{
	 
	 max-width: 93.5% !important;
 }
	  
	  }
	      @media (max-width: 450px) { 
   .deliverable-box .hover-image{
	 
	 max-width: 93% !important;
 }
	  
	  }
	       @media (max-width: 420px) { 
   .deliverable-box .hover-image{
	 
	 max-width: 92.5% !important;
 }
	  
	  }
	         @media (max-width: 390px) { 
   .deliverable-box .hover-image{
	 
	 max-width: 92% !important;
 }
	  
	  }
	         @media (max-width: 365px) { 
   .deliverable-box .hover-image{
	 
	 max-width: 91.5% !important;
 }
	  
	  }
	        @media (max-width: 345px) { 
   .deliverable-box .hover-image{
	 
	 max-width: 91% !important;
 }
	  
	  }
	       @media (max-width: 330px) { 
   .deliverable-box .hover-image{
	 
	 max-width: 90.5% !important;
 }
	  
	  }

 
 /* new css after moving updates 2*/
 
.deli-modal .modal-content{
	 box-shadow:none;
 }
 .modal-grey-back{
	 background-color: #404040;
 }
 
 
 /* new css for new home page with video */
 
 .home-title-video-fixed{
	  
 }
 .home-main-box .my-nav a.navbar-brand{
	 margin-top:24px;
 }
  .home-main-box .my-nav .navbar-brand img {
    max-width: 100%;
    width: 196px;
}
 
 
 a.home-contact-link{
	font-family: 'Avenir-Book'; 
   
  font-size: 16px;
  letter-spacing: 0.6px;
  text-align: left;
  color: #4a4a4a;
  margin-top:40px;
  right:0px;
  float:right;
  margin-left:55px;
  
 }
 .home-video{
	 margin:0px;
	 padding:0px;
	 background:none;
	 margin-top:30px;
 }
 

.wrapper {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video-embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.home-banner {
	margin-top:137px;
	min-height:50px;
}

.top-banner.home-banner p{
 
   font-family: 'Avenir-Light';
  font-size: 18px;
  font-weight: 300;
  line-height: 2;
  letter-spacing: 1px;
  text-align: left;
  color: #4a4a4a;
}

ul.home-points{
	margin:0px;
	padding:0px;
	list-style:none;
	
	 
   
 font-family: 'avenir';
  font-size: 16px;
  letter-spacing: 1px;
  text-align: left;
  color: #4a4a4a;
  max-width:170px;
   
  
}
ul.home-points li{
	margin-bottom:26px;
}
.home-points-bar{
	background-color: #4a4a4a;
	width:26.8px;
	height:9.7px;
	margin-bottom:46px;
	
	
	
}
ul.home-points.first-list{
	float:left;
	margin-left:35px;
}
ul.home-points.second-list{
	float:right;
}
.popup-home-container{
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	margin-top:143px;
}
 
.home-hover-1-box{
	width:33.3%;
	float:left;
	overflow:hidden;
	 
	 
	
}
.home-hover-1-box img{
	max-width:100%;
	 
	 
}
.home-hide-hover{
	display:none;	
  opacity: 0;
  
  
  transition: display 0s, opacity 0.5s linear;
   
	  
	   
}

.home-hover-1-box:hover{
	margin-top:-20px;
	
}

@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 0.4; }
}  
@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 0.4; }
}


.home-hover-1-box:hover  .home-hide-hover{
	display:inline;
	margin-bottom:-69.5%;
	z-index:9999;
	position:relative;
	  
	-webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
	opacity:1;
	min-height:100%;;
	 
	 
	 
 
	
}





 @media (max-width: 1320px) {
 
.home-hover-1-box:hover  .home-hide-hover{
	
	margin-bottom:-70.7%;
 
}
}

 @media (max-width: 1200px) {
 
.home-hover-1-box:hover  .home-hide-hover{
	
	margin-bottom:-71.1%;
 
}
}

 @media (max-width: 1100px) {
 
.home-hover-1-box:hover  .home-hide-hover{
	
	margin-bottom:-71.5%;
 
}
}


 



 @media (max-width: 1050px) {
	 ul.home-points.first-list {
    
    margin-left: 0px;
}
 
 }
  @media (max-width: 991px) {
	   ul.home-points{
		   margin-top:70px;
	   }
	 ul.home-points.second-list {
    
    margin-left: 75px;
	float:left;
}

.home-hover-1-box:hover  .home-hide-hover{
	
	margin-bottom:-71.5%;
 
}

 }
 @media (max-width: 850px) {
	 .home-hover-1-box:hover  .home-hide-hover{
	
	margin-bottom:-72.5%;
 
}
 }


  @media (min-width: 767px) {
	  .home-nav #navbar{
	 display:none !important;
 }
 
 .home-main-box .container-fluid{
	 padding-left:80px;
	 padding-right:80px;
	 
 }
  }
 @media (max-width: 767px) {
 #footer li {
    
    margin-left: 0px;
}
  a.home-contact-link{
	  display:none;
  }
  
   .home-main-box .my-nav a.navbar-brand{
	 margin-top:20px;
	 padding-left:24px;
 }
  .home-main-box .my-nav .navbar-brand img {
    max-width: 100%;
    width: 140px;
}

 .home-main-box .my-nav #navbar {
    
    margin-top: -65px;
    padding-top: 28vh;
    min-height: 105vh;
}

  ul.home-points{
		   margin-top:70px;
	   }
	 ul.home-points.second-list,
	 ul.home-points.first-list
	  {
    
    margin-left:0px;
	float:none;
}
ul.home-points.second-list{
	margin-top:0px;
}
ul.home-points.second-list .home-points-bar{
	display:none;
}
ul.home-points.first-list{
	margin-top:25px;
}
.home-points-bar {
    
   
    height: 5px;
    margin-bottom: 25px;
}
.home-page .top-banner{
	margin-top:50px;
}
.home-page .top-banner h1{
	margin-top:0px;
}
.popup-home-container {
    
    margin-top: 20px;
}







@-webkit-keyframes fadeIn {
    from { opacity: 1; }
      to { opacity: 1; }
}  
@keyframes fadeIn {
    from { opacity: 1; }
      to { opacity: 1; }
}







.home-hover-1-box{
	 
	overflow:hidden;
	float:none;
	margin-left:auto;
	margin-right:auto;
	max-width:480px;
	width:100%;
	padding-left:25px;
	padding-right:25px;
	margin-bottom:20px;
	
	 
	 
	
}
.home-hover-1-box img{
	max-width:100%;
	 
	 
}
 

.home-hover-1-box:hover{
	margin-top:0px;
}
.home-hover-1-box:hover  .home-hide-hover,
.home-hide-hover
{
	display:inline;
	margin-bottom:-71%;
	z-index:9999;
	position:relative;
	opacity:1;
	
	-webkit-animation: fadeIn 0s;
    animation: fadeIn 0s;
	opacity:1;
	 
	 
	 
 
	
}
.home-top,
.home-banner{
	padding-left:10px;
	padding-right:10px;
}
.home-top h1 {
   
    margin-top: 50px;
}
 
 


 


 }