@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Simonetta);

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

}






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

}

*:focus{outline:none;}

  .fbshare {

    float: left;
    height: 25px;
    width: 90px;
}
.twshare {
    float: left;
    height: 25px;
    width: 70px;
}

.pinshare {
    float: left;
    height: 25px;
    width: 50px;
}

.trustlogo {margin-top: -21px;float: left; margin-left: 15px;}

iframe#tl_popupCL1tLDD {width: 100% !important;}
div#tl_popupCL1 {min-width: 700px !important;}
.heading1 {color: #FFF;}

.rightfloat {width:320px;float:right;} 


.bottompadding{padding-bottom:20px;}


.fb-like{
/* if you want to remove comments */
    /*height: 20px;
    overflow: hidden;     */
} 
.fb_iframe_widget {
    display: inline-block;
    position: relative;
}

ul.social li a.blog{
    background: url(../images/socials/blogicon-big.png);
}



#main-content, #main-content .events-list-single{color:#666;}
 .redmenu{color: #b51e25;font-weight: bold;font-size: 14.7px;}

.nopadding{padding-left:0;padding-right:0;}
 .nopadding-left{padding-left:0;}
 .nopadding-right{padding-right:0;}
.side-box h2{
 text-align:center;
 padding: 5px;
    background: #E6E6E6;
    font-weight: 300!important;   
    text-transform:uppercase;
}


.blogimage{
    max-width:400px;
    margin: 0 10px 10px 0;
}



body {
  
  font-family: Arial, sans-serif;  
  color:#000;
  font-size:15px;
  line-height:1.3;
}


ul.categories{ list-style:none; }
ul.categories li{ padding-left: 20px;
    padding: 5px 0 5px 0;
    border-bottom: 1px dotted #666; }


.wrap a:link, .wrap a:visited {color:#3399ff;}
.navbar {border-radius:0; min-height:40px;}
.navbar a, .navbar a:visited, .navbar-inverse .navbar-nav>li>a {color:#000; font-weight:normal; 
font-size: 14px;
padding: 5px 8.5px;
text-transform: uppercase;
    font-weight: 300;
}




.container {
    padding-right: 8px;
    padding-left: 8px;
}    

.row {
    margin-right: -8px;
    margin-left: -8px;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {

    padding-right: 8px;
    padding-left: 8px;
}



.register a{
color:#000;
}


.wrap img{
width:100%;
}



.col-lg-4-shorter{width:31% !important;}

.nopadding-right{
 padding-right:0;
}

.navbar a:hover{background-color:transparent; color:#000;}
.navbar-nav{display:inline-block;}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:visited {color: #222;}
.navbar-inverse .navbar-nav>li>a:hover{opacity:0.8;}
/*.navbar li:first-child a {padding-left:0;}*/

.navbar-inverse {
    background-color: #fff;
    border-color: transparent;
	margin-bottom: 0;
	padding:0;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #666;
 
}

.navbar-fixed-top .nav {
    padding: 15px 0;
	
}

.navbar-toggle {background-color:#ddd; border-color:#666}

.navbar-fixed-top .navbar-brand {
    padding: 0 15px;
}

.form-control {background: #fff; font-size:13px; border-radius:0px;}
.search .form-control  {width: 52%; display: inline-block;   margin-left: 10px;}
.search span {}
.btn.find {
color:#fff; font-weight:bold;
border-color:#b5b5b5;
 float:right;
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#707070+0,bdbdbd+100&1+0,0+100 */
background: -moz-linear-gradient(left,  rgba(112,112,112,1) 0%, rgba(189,189,189,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(112,112,112,1)), color-stop(100%,rgba(189,189,189,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(112,112,112,1) 0%,rgba(189,189,189,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(112,112,112,1) 0%,rgba(189,189,189,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(112,112,112,1) 0%,rgba(189,189,189,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(112,112,112,1) 0%,rgba(189,189,189,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#707070', endColorstr='#00bdbdbd',GradientType=1 ); /* IE6-9 */
padding-left: 15px;
padding-right: 15px;
 }
.btn.find:hover {background:#707070; color:#fff;}

.click {position:absolute; bottom:0; z-index:11;    top: -80px;}

.bot {background: url(../images/bg.png); padding:15px; width:100%; margin: 0; position:absolute; bottom:0; left:0; z-index:9; }
.basket {     padding: 10px 0 0 0;}
.basket .row{
    margin: 11px 0;
}

.topb .row{
margin:6px 0 11px 0;
}

.basket h4 {color:#222;font-size:16px; }
.basket img {vertical-align:middle;margin-right: 10px;}
.register {margin: 10px 0 0 16.5px;}
h3.strapline {font-family:   'throw_my_hands_up_in_the_aiRg',  cursive;     font-size: 18.4px; color:#000; letter-spacing: 1.4px;}
.logo {margin:15px 0; display: inline-block}
.img-responsive.top {vertical-align:bottom; margin-bottom: 15px; display:inline-block; width: 18.667%;}
ul.small-nav {padding:0; margin-top:35px;}
ul.small-nav li {display: inline-block; margin-left:20px;}
ul.small-nav li a, ul.small-nav li a:visited {color: #000;}

.products h2 {background:#b5b5b5; text-align:center; padding: 8px 0; width:100%; color:#fff; font-size:22px; font-weight:normal; margin:0;
padding: 14.5px 0;
  /*  float: left;
    width: 100%;
    line-height: 35px;
    font-size: 17px;
    font-weight: 500;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    padding: 0 2%;
    text-transform: uppercase;
    background-color: #B5B5B5;
    text-align: center;
    -webkit-transition: background 0.3s linear;
    -moz-transition: background 0.3s linear;
    -o-transition: background 0.3s linear;
    -ms-transition: background 0.3s linear;
    transition: background 0.3s linear;
    */
     font-family: Arial, sans-serif ;
    
       -webkit-transition: background 0.3s linear;
    -moz-transition: background 0.3s linear;
    -o-transition: background 0.3s linear;
    -ms-transition: background 0.3s linear;
    transition: background 0.3s linear;

}
      
.products a:hover h2 {
	background-color: #000 ;
	text-decoration: none;
}	



.headline a:hover{
color:#fff;
}

.products h2 a{
width:100%;
}

a:hover{
text-decoration:none !important;
}


.events-list-single a:hover,
.events-list-single a:focus,
.blog-list-single  a:hover,
.blog-list-single a:focus {
  color: #888;
  text-decoration: underline !important;
}

 .products h2 a {
	text-decoration: none;
  }

.products h2 a:hover  {
	background-color: #000;
	text-decoration: none;
}	


.explore-img, .shop-img{
height:435px;
}

/*.shop-now-button{
z-index:2;
margin-top:-40px;
}  */

.products .img-responsive {margin:0 auto; float:none; width:100%; margin-bottom:15px}
.products .offers h2 {color: #eee;}

 h1.headline, .headline {background: #b51e25; padding:1% 15px;height: 62px; width:100%; color:#fff; font-size:30.5px; font-weight:bold; margin:0 0 15px 0;
 font-family:Arial, sans-serif ;  /*   text-align:center;  */      
  


  }
  
  
  .headline:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
  
  
.headline  h1 {font-size:30.5px; font-weight:bold;}
.inner {
  display: inline-block;
  vertical-align: middle;

}


.inner3{padding:0.5% 0;width:100%;}

.headershopbutton{

float:right;position:absolute;z-index:2;right:20px;
}

  
.headline  span{
       display:box;       /* Display like a div      */
box-pack:center;   /* Pack contents to center */
box-align:center;  /* Align box in center     */ 
vertical-align:center;

}  
  
  .third_headline{padding:25px 15px;display: table-cell;vertical-align:middle;}
  .third_headline span{
    
  }
  

 h1.headline .btn, .wrap .btn , .inner .btn{background: #000; border-color: #000; border-radius:0; 
 font-size:23px; font-weight: normal; color: #fff; margin:0; text-transform:uppercase; vertical-align:middle; padding: 5px 15px; float:right;
 }
 .wrap .btn {position:absolute; z-index:9; bottom: 35px; right: 35px; font-size:20px;}
 .second-row .wrap .btn {position:absolute; z-index:9;  left:0!important;  right: 0!important;  margin: auto; font-size:19px; width:150px;
 margin-bottom:25px !important; }
 .tag {position:absolute; z-index:9; bottom: 20px; right: 15px; }
.wrap{position:relative;}

.newsletter, .socials {background:#b5b5b5; color: #000; text-align:center; padding: 20px 8px; margin-bottom:15px;

 height: 144px;
}
.socials {margin-bottom:0;padding: 20px 10px;}
#main-content .socials{ margin:0 0 20px 0;   }
.newsletter h3, .socials h3 {text-transform:uppercase; font-size:16px; margin-top:0;}
.newsletter .btn {background: #fff; color: #666; border-radius:0; padding: 3px 16px; border: 1px solid #666; float:right;}
.newsletter .form-control {  padding: 3px 5px; width:70%; display: inline-block;height:28px;  border: 1px solid #666;}


/* A Magic to vertically centre the text */
.table-parent{
display: table;
}


.table-child{
display: table-cell;vertical-align: middle;
}



ul.social, ul.social-lg, ul.social_small {
		list-style: none;
		display: inline-block;
		padding-left: 0;
		clear: both;
		text-align: right;
		margin-right:0;
    margin-top:-2px;
		float: none;
        width: 370px;
       margin-bottom: 0;
       height:35.5px;     
}

 ul.social-lg  {float: right; margin:0 ;}

 .nopadding{
 padding-left:0;
 padding-right:0;
 }
	ul.social li a , ul.social_small li a {
    height: 35px;
    width: 35px;
    display: inline-block;
    text-indent: -99999px;
        display: inline-block;
    background-size: contain !important;
/*    background: url(../images/social.png);   */
	}
	
	ul.social-lg li a {
    height: 37px;
    width: 36.5px;
    display: inline-block;
    text-indent: -99999px;


	}
	
	ul.social li a:hover, ul.social-lg li a:hover  {opacity:0.8}
	
	ul.social li , ul.social-lg li{
		display: inline;
	}
	
	ul.social li a.fb  {
      background: url(../images/socials/social-fb.jpg);
	
	}
	
	ul.social li a.twitter {
      background: url(../images/socials/social-tw.jpg);
	}
	
	ul.social li a.in {
	      background: url(../images/socials/social-in.jpg);
	}
	
	ul.social li a.google {
	      background: url(../images/socials/social-gp.jpg);
	}
	
	ul.social li a.pin {
	      background: url(../images/socials/social-pr.jpg);
	}
	
	ul.social li a.you {
      background: url(../images/socials/social-yt.jpg);
	}
	ul.social li a.instagram {
      background: url(../images/socials/social-ig.jpg);
	}
	ul.social li a.trip {
	      background: url(../images/socials/social-ta.jpg);
	}



ul.social_small li a.you {
    background-position: -130px 0;
}
ul.social_small li a {
    height: 23px;
    width: 23px;
    display: inline-block;
    text-indent: -99999px;
    background: url(../images/social_small.png);
}
	
ul.social_small li a.twitter {
    background-position: -25px 0;
}	
	/*
	ul.social-lg li a.fb {
		background-position: 0 0;
	}
	
	ul.social-lg li a.twitter {
		background-position: -38px 0;
	}
	
	ul.social-lg li a.in {
		background-position: -80px 0;
	}
	
	ul.social-lg li a.google {
		background-position: -125px 0;
	}
	
	ul.social-lg li a.pin {
		background-position: -168px 0;
	}
	
	ul.social-lg li a.you {
		background-position: -205px 0;
	}
	ul.social-lg li a.instagram {
		background-position: -250px 0;
	}
	ul.social-lg li a.trip {
		background-position: -292px 0;
	}
  */

footer {
    padding: 15px;
	background:#b5b5b5;
	color:#000;
}

footer.white {
    padding: 15px 0;
	background:#fff;
	color:#000;
	font-size:12px;
}

footer h3 {text-transform:uppercase; font-size:18px; margin-top:0; font-weight:normal; margin-bottom:15px;}
footer ul {list-style:none; padding-left:0;}
footer ul a:link, footer ul a:visited , footer a, footer a:visited{color:#000; }

footer ul li a{
text-transform:lowercase;

}


footer ul li{

padding-right:20px;
}

a.contact {word-wrap: break-word;}


.phone-icon {
 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABCklEQVR42mNkQABJIF4CxJ+AOAqIvzMQARihtCwQH4XSIDAViHNIMWArEHshif8DYhMgPk+MAVJA/ATJMBjoAeJSYgxwBuI9WORioWFC0AB7ID6AJPYT6v85xIaBCBC/BGImqNhcIE4hRjNyIO4DYkco+zAQ25FqACgGtiKJBwDxRlIMYGBAjcp3QGwBxLdJMQCUEi8AsRiUfx+InYD4AZSvAsTTgPgXEFcB8SV0A0DAFoh3AzE7lP8KqhhEzwZicaj4NwZIct+IbgAIhADxciBmIeD630BsxYhD0h+IlwIxNwFDQhjxSOoA8UIgNsIi9w/qtU58BoAAKHEFQ/2rBxU7B8T9QHwMxAEAkD4tmNU0Wy8AAAAASUVORK5CYII=');
 width: 16px;
 height: 16px;
 display: inline-block;
}

.select-address {
	color: #111;
	border: 1px solid #ccc;
	padding: 5px;
	border-radius: 4px;
	background-color: whitesmoke;
	margin-top: 10px;
  margin-bottom: 10px;
	text-decoration: none;
	display: block;
	width: 180px;
	text-align: center;
}

@media (min-width: 1200px){
.container {
}
}

@media(max-width:1024px) {
.navbar a, .navbar a:visited, .navbar-inverse .navbar-nav>li>a {font-size:12px; padding:5px;}
.search .form-control { width: 44%;}
.img-responsive.top {width:120px;}
}

@media(max-width:1000px) {
.products h2 {font-size:18px;}

}

@media(max-width:768px) {
ul.social, ul.social-lg, ul.social_small { 
margin:15px 0;
width:40%;
}

.input-group {margin-bottom:10px;}
.navbar-nav{display:block; float:none!important;}

.shop-now {width:60px;}

.bg h2 {font-size:20px;}
.bg h3 {font-size:13px;}
.click {position:relative; width:80px; float:none; margin: 10 auto 0; top:0;}
.products h2{font-size:20px;}
   .navbar-inverse {background:#eee; border-color: #eee;}
   .navbar-inverse .navbar-nav>li>a:hover {background:#ddd; color:#333;}
   .nav>li {
   
    border-bottom: 1px solid #ddd;
}

    .navbar-fixed-top .navbar-brand {
        padding: 15px 0;
    }
	.logo, .img-responsive.top { float:none; }
	.logo-holder {text-align:center;}
	h3.strapline {text-align:center;}
	
	.search {margin-bottom:5px;}
	
	.search .form-control {width: 100%; margin: 5px auto; display:block;}
	ul.social-lg {float:none; margin: 5px auto;     text-align: center;}
	h1.headline{text-align:center; font-size:30px;}
	footer {font-size:12px;}
  
  


  
}
    
@media(max-width:480px) {
.bg, .bot {padding:15px 0;}
.bg h2 {font-size:18px;}
.bg h3 {font-size:12px;}
h1.headline{font-size:22px; text-align:center;}

.logo, .img-responsive.top { float:none; }
.logo-holder {text-align:center;}
.logo {width:60%}
.img-responsive.top {width:25%;}

.search .form-control {width: 100%; margin: 5px auto; display:block;}
ul.social-lg {float:none; margin: 5px auto;     text-align: center;}

h1.headline .btn, .wrap .btn {font-size:14px; float: none; margin: 0 auto; display: block;}

ul.social li a , ul.social_small li a {
    height: 32px;
    width: 32px;
    display: inline-block;
    text-indent: -99999px;
        display: inline-block;
    background-size: contain !important;
/*    background: url(../images/social.png);   */
	}


}