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


/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/



body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.42857143;
  color: #666666;
  background-color: #fff;
}
a {color:#444444}
a {outline:0}

a:hover {color:#44dfd7}

a:focus {
  color: #44dfd7;
  text-decoration: underline;
}
a:focus {
  outline:none;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}


p, ul  {font-size: 10px;

  line-height: 1.8;
  color: #666666;}
  
  h1 {font-size:24px}
  h2{font-size:20px}
  
  h3{font-size:16px}
  h4{font-size:12px}
  
  h3:first-of-type {margin-top:0px; margin-bottom:5px}
  
  .page-header {
  padding-bottom: 9px;
  margin: 20px 0 10px;
  border-bottom: 1px solid #eee;
}
  
  
  footer {margin:25px 0px 10px}
  
.border-top{border-top:1px solid #eeeeee}
.add-top{margin-top:10px}
.add-bottom{margin-bottom:10px}
.add-double{margin-top:20px}
.remove-both{margin-bottom:2px; margin-top:5px}

.panel {
  border-bottom: 1px solid #ffffff!important;
}


.panel {
  margin-bottom: 5px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 0px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .0);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .0);
		  color:#666666
}  

.panel:first-of-type{margin-top:10px}


.panel-heading > .dropdown .dropdown-toggle {
  color: #44dfd7;
  
  text-decoration: underline;
}



/* reduce desktop width for col-lg-* */
/*@media (min-width: 1200px) {
  .container {
    width: 1070px;
  }
}*/

	.navbar-default {
  background-color: #ffffff;
  border-color: #ffffff;
  
}
.navbar-nav {
  margin: 10px -15px 0;
}
.navbar .container {
/*  border-bottom: 1px solid #eeeeee;*/
 }
  
  	.navbar-header{min-height:40px}
		.navbar {
  position: relative;
  min-height: 40px;
  margin-bottom: 15px;
  border: 1px solid transparent;
  margin-top:20px
}
  
  .navbar-brand {
  float: left;
  height: 40px;
  padding: 11px 15px 0px  ;
  font-size: 18px;
  line-height: 20px;
}
		
.navbar-nav > li > a {
  color: #000000;
  line-height:1;
  
  border-bottom:2px solid transparent
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color:#44dfd7!important;
  background-color: transparent;
  border-bottom:2px solid #44dfd7
}



#ferrexpolondonnew li.ferrexpolondonnew a, #ferrexpotokyo li.ferrexpotokyo a, #timberland li.timberland a, #wolverine li.wolverine a, 
#ferrexpolondon li.ferrexpolondon a, #coats li.coats a, #lindt li.lindt a, #timberlandmilan li.timberlandmilan a,  #westbond li.westbond a,  #turbo li.turbo a,  #timberlandshowroom li.timberlandshowroom a,  #kiev li.kiev a, 

#bosch li.bosch a, #IATA li.IATA a, #sega li.sega a, #thomas li.thomas a, #chiswick li.chiswick a


{color:#44dfd7; text-decoration:underline
    
	
	
   
}
#what-we-do li.what-we-do a, #what-do-you-want li.what-do-you-want a, #contact li.contact a, #clients li.clients a, #about li.about a {color:#44dfd7; 
  border-bottom:2px solid #dddddd}
    /*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {

	
	.slick img {display: block;
  max-width: 300px;
  height: auto;}
	
	
.slide{
	position:relative;
}
.slide-caption{

  min-height: 80px;
  position: absolute;
  z-index: 2;
  background: rgba(255,255,255,1);
color:#666666;
  height:auto;
  width:270px;
  max-height:90%;
  top:10px;
  margin-left:10px;
 margin-right:10px;
  margin-top:0;
  padding:50px 20px 20px 40px;
  display:block; 
  overflow:visible;
  overflow-x:hidden;
box-shadow: 5px 5px 10px rgba(0,0,0,0.25);

 
}


.flip  {display:none
}



.slide-open{
  min-height: 80px;
  position: relative;
  z-index: 2;
  background: rgba(255,255,255,1);
color:#666666;
 height:200px;
  width:auto;
/*  max-height:90%;*/
  top:0px;
  margin-left:0px;
  margin-right:0px;
  margin-top:5px;
  margin-bottom:10px;
  padding:0px 0px 10px 0px;
display:block;
  overflow:visible;
  overflow-x:hidden;
/*box-shadow: 5px 5px 10px rgba(0,0,0,0.25);
 */
}


.flip-open  { position: absolute;
  width: 40px;
  height:40px;
  z-index: 20;
  top:0;
	margin-left: 10px;
	
	margin-top: 10px;
	padding:0px;
	text-align: center;
	background: #44dfd7;
	color:#ffffff;
	cursor:pointer;
	line-height:3.2em;
	font-size:12px;
	border:1px solid #ffffff;
}

.listwidth{column-width: 140px;}

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
		
.slick img {display: block;
  max-width: 470px;
  height: auto;}
  
  .listwidth{column-width: 160px;}
  
  .flip  { position: absolute;
  width: 40px;
  height:40px;
  z-index: 20;
  top:0;
	margin-left: 6px;
margin-top: 8px;
	padding:0px;
	text-align: center;
	background: #44dfd7;
	color:#ffffff;
	cursor:pointer;
	line-height:3.2em;
	font-size:12px;
	border:1px solid #ffffff;
	display:block
}
  
.slide-open{
  min-height: 80px;
  position: absolute;
  z-index: 2;
  background: rgba(255,255,255,1);
color:#666666;
 height:auto;
  width:270px;
  max-height:90%;
  top:8px;
  margin-left:6px;
  margin-right:10px;
  margin-top:0;
  padding:50px 20px 20px 40px;
display:block;
  overflow:visible;
  overflow-x:hidden;
box-shadow: 5px 5px 10px rgba(0,0,0,0.25);
 
}



    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
		
	.slick img {display: block;
  max-width: 100%;
  height: auto;}
  
  
.listwidth {column-width:100%}
		
}

   

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {  .slide-open{

  width:325px;
}

  .slide-caption{

  width:325px;
}

.row.no-pad {
  margin-right:0;
  margin-left:0;
}
.row.no-pad > [class*='col-'] {
  padding-right:0;
  padding-left:0;
}
 
}


 @media only screen and (max-height : 768px) {
	 /*.img-responsive {display: block;
  max-width: auto;
  max-height: 450px;}*/
	 
 }








  

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {



    }