body{
	font-size:16px;
	line-height: 28px;
	font-family: 'Open Sans', sans-serif;
	background-color: #FFF;
}
#wrap{padding-top:0px !important; /*85px*/}
#wrap .wrap-body > section > .container {
    padding: 20px 15px 60px;
}
.wrap-body {
	position:relative;
}
section{overflow: hidden;}

h1,h2,h3,h4,h5{font-family: 'Open Sans Condensed', sans-serif;}
h3,h4{font-weight:light;}
h1{font-size:2.8em}
h2{font-size:2.1em}
h3{font-size:1.8em}
h4{font-size:1.4em}

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

h1:hover a, h2:hover a, h3:hover a, h4:hover a, h5:hover a{
text-decoration: none;
}

.fleft {float: left;}
.fright {float:right;}

#content img{max-width: 100%;    height: auto !important;}
#content .bodytext p{ margin-bottom:1.5em}
#content .bodytext ol{list-style-type: decimal;    margin: 1em 2em;}
#content .bodytext ul{list-style-type: disc;    margin: 1em 2em;}
#content .bodytext li{ margin: 1em 0;}

.navbar-static { position:static !important; margin-bottom:0px !important; }
.navbar-default{	background-color: #004469;
	z-index: 1001;}
.navbar-default .navbar-nav>li>a{	color:#FFF;	opacity:0.95;}
.navbar-default .navbar-nav>li>a:hover{	opacity:1;	color:#FFF;}
.navbar-brand {	height: 85px; padding: 15px 30px;  }
.navbar-nav > li > a {
   line-height: 55px;
}
.nav>li>a:hover{prom
	color: #0089FF;
}
.pagelogo{
	max-height:65px;
}

.carousel-control {width:5%;}
.carousel-inner>.item>a>img, .carousel-inner>.item>img{	width:100%;}
.carousel-caption{ background-color: rgba(0, 68, 105, 0.9); max-width:100%; bottom: 70px; left:0; right:auto; text-align: left; padding:0em 10% 0.25em;}
.carousel-indicators .active,
.carousel-indicators li{width:20px;height:20px;border-color:#004469;border-width:1px;}
.carousel-indicators .active {background-color:#004469;border-color: #FFF;border-width:0px;}
.carousel-indicators li {background-color:#FFF;}

.searchbox input{
	width: 0 !important;
	padding:0;
	background:transparent;	
}
.searchbox:hover input{
    background-color: #FFF;
    width: 350px !important;
    transition: width 0.5s;
	padding: 6px 12px;
	margin: ;
}
.searchbox input:focus{
 	background-color: #FFF;
 	width: 350px !important;
 	transition: width 0.25s;
	padding: 6px 12px;
 	transition-timing-function: ease-in;
}
.promoblock{
	position: absolute;
	top:25px;
	right:10vw;
	z-index: 1000;
	box-shadow: 0 0 38px #000;
	border: 1px solid #FFF;
	width:25vw;/*290px;*/
	max-width:290px;
}
.promoblock_sq h4,
.promoblock h4{
	padding:0.5em 30px;
	color:#FFF;
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
	font-size: 1.65em;
}
.promoblock .Red,.promoblock_sq .Red{background-color:rgba(255, 0, 0, 0.85);colour:#FFF}
.promoblock .Blue,.promoblock_sq .Blue{background-color:rgba(1, 73, 121, 0.85);colour:#FFF}
.promoblock .Green,.promoblock_sq .Green{background-color:rgba(0, 178, 50, 0.85);colour:#FFF}
.promoblock .Orange,.promoblock_sq .Orange{background-color:rgba(242, 144, 5, 0.85);colour:#FFF}
.promoblock .White,.promoblock_sq .White{background-color:rgba(255, 255, 255, 0.85);;colour:#014979}
.promoblock .Black,.promoblock_sq .Black{background-color:rgba(0, 0, 0, 0.85);;colour:#FFF}
.promoblock .noneWhiteText,.promoblock_sq .noneWhiteText{background-color:rgba(255, 255, 255, 0);;colour:#FFF}
.promoblock .noneBlackText,.promoblock_sq .noneBlackText{background-color:rgba(255, 255, 255, 0);;colour:#000}
.promoblock .description ,.promoblock_sq .description {
	font-size: 1em;
	padding:0.5em 30px;
	background-color: rgba(0, 0, 0, 0.75);
	color:#FFF;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	line-height: 1.25;
	font-weight: 100;
}
.promoblock a,.promoblock_sq a{position:relative;display:block;text-decoration:none;}
.promoblock a:hover,.promoblock_sq a:hover{color:inherit;text-decoration:none;}

.promoblock_sq { display:none; }

.promotion{
	max-width:720px;
	max-height:545px;
}

/* 
	http://www.jqueryscript.net/layout/jQuery-Plugin-For-Aligning-Elements-As-A-Mosaic-jMosaic.html
*/
.jMosaic-clear { clear: both; }
.jMosaic-selector { clear: both; position: relative; }
.jMosaic-selector > .jMosaic-item { display: block; float: left; position: relative; overflow: hidden; width: auto; }
.jMosaic-selector > .jMosaic-item:hover, .jMosaic-selector > .jMosaic-item:focus { }

.imagegrid {
	/* max-height: 240px; */
	overflow: hidden;
}

.back_leather{background: url('images/leather.jpg') center center no-repeat; background-size: cover; color: #FFF;overflow: hidden;position: relative;}
.back_leather::before{content: ""; position:absolute; left:0;top:0;right:0;bottom:0; background-color:rgba(255, 255, 255, 0.85);}
.back_map{background: url('images/location_map.jpg') center center no-repeat; background-size: cover; color: #FFF;overflow: hidden;position: relative; padding:3em 0;}
.back_blue{background-color:#004469;color:#FFF;}
.back_grey{background-color:#4c4c4c;color:#FFF;text-align: center;line-height: 1.2em}

.back_grey  img{margin: 0 auto;margin-bottom: 0.75em}
.back_grey .container{padding: 30px 0px 30px !important;}

.homecontact{background-color: #004469; color:#FFF; padding: 15px;
    border-radius: 20px;position:relative;
}
.homecontact::before{content:'';position:absolute;border-width: 50px 75px 0 0;
    border-color: rgba(0, 0, 0, 0) #004469; left:-75px;top:75px;bottom:auto;right:auto;border-style: solid;}

.navbar-fixed-top{ border-bottom:0}
.navbar-form .form-control {
    width: auto;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #000;
    background-color: #FFF;
	    opacity: 1;
}
.featurebadge {position:relative;-webkit-mask-image: -webkit-radial-gradient(circle, white, black);width:80%;margin:0 auto;}
.featurebadge img{width:100%; position: absolute;   transition: opacity 0.25s ease-in, transform 0.25s ease-out; border-radius: 100%;z-index:1;}
.featurebadge:hover img{transform: scale(1.1, 1.1);}
.featureitem h2{text-align: center;}
.featureitem{text-decoration: none; color:#000;}
.featureitem:hover{text-decoration: none; color:#000;}
.showcase,.brands,.backrelief,.promotions,.online,
.featurebadge {	width:80%;	padding-bottom: 80%;	height: 0;	border-radius: 100%;	background-color: #004469;	overflow: hidden;}
.featurebadge::before{z-index:10;content: ""; position:absolute; left:0;top:0;right:0;bottom:0; background-size: 55%; background-color: rgba(0, 0, 0, 0.10);border-radius: 100%;}

.sublist a,.sublist a:hover{
	color:#FFF;
	text-decoration:none;
}
.featurebadge .overlay {z-index:10;content: ""; position:absolute; left:0;top:0;right:0;bottom:0; background: url('images/showcase.png') center center no-repeat; background-size: 55%; background-color: rgba(0, 0, 0, 0.25);border-radius: 100%;}

/* .showcase::before{z-index:10;content: ""; position:absolute; left:0;top:0;right:0;bottom:0; background: url('images/showcase.png') center center no-repeat; background-size: 55%; background-color: rgba(0, 0, 0, 0.25);border-radius: 100%;}
.brands::before{z-index:10;content: ""; position:absolute; left:0;top:0;right:0;bottom:0; background: url('images/brands.png') center center no-repeat; background-size: 55%; background-color: rgba(0, 0, 0, 0.25);border-radius: 100%;}
.promotions::before{z-index:10;content: ""; position:absolute; left:0;top:0;right:0;bottom:0; background: url('images/promotions.png') center center no-repeat; background-size: 55%; background-color: rgba(0, 0, 0, 0.25);border-radius: 100%;}
.online::before{z-index:10;content: ""; position:absolute; left:0;top:0;right:0;bottom:0; background: url('images/online.png') center center no-repeat; background-size: 55%; background-color: rgba(0, 0, 0, 0.25);border-radius: 100%;}
.backrelief::before{z-index:10;content: ""; position:absolute; left:0;top:0;right:0;bottom:0; background: url('images/spine.png') center center no-repeat; background-size: 55%; background-color: rgba(0, 0, 0, 0.25);border-radius: 100%;}}
*/

.navbar-default .navbar-toggle { border-color:  rgba(0, 0, 0, 0);    }
.navbar-default .navbar-toggle .icon-bar {    background-color: #FFF;}
.navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar{     background-color: #004469;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {    background-color: #FFF;}


.icon-bars-button{
  display: inline-block;
  vertical-align:middle;
    cursor: pointer;
}
.icon-bars-button .icon-bar {
  margin-bottom:3px;
  display: block;
  width: 22px;
  height: 2px;
  background-color: #004469;
  border-radius: 1px;
}

.blogtitle{background-color: #004469;color: #FFFFFF;padding: 0.25em 100em 0.2em 1em;  margin-right: -100em;}
.bloglist  ul{
	padding: 0;
}
.bloglist li{
	list-style: none;
	-webkit-padding-start: 0px;
	margin:1em 0;
	font-size: 12px;
	background-color: #F7F7F7;
	padding:1em 0.5em;
}
.bloglist li p{line-height: 1.4em;/*margin: 0;*/}
.bloglist img{padding: 0;}
.bloglist .title{
	display:block;
	font-size: 1.2em;
	line-height:1.8em;
	color:#004469;
}
.adBanner {
    text-align: center;
    color: #222;
}
.adBanner .bannerTextArea {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.85);
    padding: 10px;
}
.adBanner .bannerTextArea .bannerTextAreaInner {
    height: 100%;
    border: 2px solid #222;
    padding-top: 35px;
}
.adBanner .bannerTextAreaInner h4,
.adBanner .bannerTextAreaInner h5{
    font-family: 'Open Sans Condensed', sans-serif;
	color:#000;
}
.adBanner .bannerTextAreaInner h4 {
    font-size: 20px;
    font-weight: bold;
}
.adBanner .bannerTextAreaInner h4:after {
    content: '';
    width: 65px;
    height: 2px;
    background: #222;
    margin: 13px auto;
    display: block;
}
.homeBanner {margin:0 -15px;}
.brandslist {
	display: block;
	-webkit-padding-start: 0px;
	margin:0 0 0 0;    
	height: 120px;
    overflow: hidden;
    white-space: nowrap;
}
.brandslist li{
	display: inline-block;
}
.shopimage{
    position: absolute;
    bottom: 50px;
    max-width: 30%;
    z-index: 0;
    border: 2px solid #FFF;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
}

.photoCredit{
	position:absolute;
	bottom: 25px;
    left: 20px;
    right: 20px;
	background-color:rgba(4, 70, 104, 0.85);
	padding:0.25em;
	color:#FFF;
    line-height: 1.15em;
}
.galdescription{
	margin-bottom:1em;
}
#footer .text-muted {
    margin: 10px 0;
}
.byline{
	line-height: 1.2em;
    margin-top: 1em;
    font-style: italic;
}
#footer {
	background: url('images/footer.jpg') center center no-repeat;
    background-size: cover;
    color: #FFF;
    padding: 0 15px;
    height: 480px;
}
#footer h2{margin-top:0;}
#footer a{color:#FFF}
.topFooter{
	background: rgba(4, 70, 104, 0.85);
	padding-bottom: 4em;
}
.widget_sh_foot_features{
	margin:1em 0;
}
#footer .line2{

}
footer .topFooter .widget h4 {    text-transform: uppercase;    margin-bottom: 1em;}
footer .topFooter ul {margin-left: 0;  padding-left: 0;    -webkit-margin-before: 0em;}
footer .topFooter li {list-style: none}

footer .copyRight {
    background: rgba(0, 31, 47, 0.95);
    line-height: 12px;
    padding: 19px 0;
    color: #FFF;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
}
.copyRight li{
	display:inline-block;
	    margin-left: 2em;
}
footer .topFooter .widget .input-group {
    margin-bottom: 25px;
    border: 1px solid #FFF;
    padding: 10px;
}
.footFeatures{
	margin: 2em 0;
}
.navbar-form {
	margin-top: 	25px;
}


@media (min-width: 768px) {
    #wrap /*> .container*/ {
		padding-top:85px;
        /*padding-top: 110px !important;*/
    }

    .navbar .navbar-form {
        float: none;
    }

    /*.navbar-nav > li > a {line-height: normal;}*/

	.searchbox:hover input{
		width: 150px !important;
	}
	.searchbox input:focus{
		width: 150px !important;
	}

}

@media (max-width: 640px) {

	#wrap {
		padding-top:85px;
	}
	body {
		font-size:12px;
		line-height: 18px;
	}
	.promoblock { display:none; }
	.promoblock_sq {
		display:inline;
		position:relative;
		top: auto; 
		right: auto;
		width:100%;
		max-width:100%;
		box-shadow: none;
	}
	.carousel-indicators {
		display:none;
	}
	.carousel-caption {
		bottom:0;
		left:0;
		right:0;
		width: 90%;
		padding:0.25em 5%;
	}


	.jMosaic-selector{
		display:none;
	}
}

@media (max-width: 1200px) {
	#wrap {
		padding-top: 135px;
	}
	.navbar-nav > li > a {
	   line-height: normal;
	}
	nav form { display:none; }
}


@media (max-width: 1024px) {
	.pagelogo {
    	max-height: 40px;
	}
	.navbar-brand {
    	height: 50px;
   	 	padding: 8px 30px;
	}
}

@media (max-width: 780px) {
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    	color: #FFF;
	}	
.navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
    color: #004469;
    background-color: #FFF;
}
	.navbar-nav li a{
    	font-size: 18px;
    	padding: 17px 9px;
	}

	.bloglist .title{
		font-size: 1.2em;
		line-height:1.2em;
	}
	.bloglist li { margin:0 }

	#footer h2 {font-size:2em}


  .adBanner .bannerTextArea{
		height: auto;
  }
  a.item.active{
	height: auto;
	display: inline-block;
	    width: 100%;
  }
  .adBanner .bannerTextArea .bannerTextAreaInner{
	height: 100%;
	padding:0em;
  }
	.adBanner .bannerTextAreaInner h4,
	.adBanner .bannerTextAreaInner h5{
		padding: 0.5em 1em;
	}
	.adBanner .bannerTextAreaInner h4{padding-bottom:0}
	.homeBanner .item {overflow: hidden;}
	.homeBanner .item img{max-width:inherit}
	.adBanner .centralimage{ height: auto; }

	.featureitem h2{
		font-size:1.2em;
	}
	.featureitem span{
		font-size:1em;
		line-height:1.4em;
	}
}

@media (max-width: 568px) {
	.promoblock_sq img {
    	width: 25%;
	}
	.promoblock_sq h4 {
    	left: 25%;    font-size: 2.2em;     height: 100%;
	}
	.promoblock .description, 
	.promoblock_sq .description{
    	left: 25%;	    font-size: 1.4em;
	}

	.photoCredit{
		font-size:1.35em; bottom: 5px;
	}
	.homeBanner .item img {display:none}
	.adBanner .bannerTextArea {
    	position:relative;
	}
}

@media (max-width: 480px) {
	.sublist span{
	    position: absolute;
    	top: 29%;
    	left: 1em;
    	right: 1em;
    	background-color: rgba(0, 0, 0, 0.41);
		padding: 0.5em 1em;
	}
	.copyRight{
		text-align: center;
	}
	.copyRight ul{	
		text-align: left;
		margin-top:1em
	}

	.line2>div>div{
		margin-top:1.5em;
	}
	#Social-Sidebar.Pos-Left{
		width:100%
	}
	#Social-Sidebar ol, #Social-Sidebar ul{
		text-align: center;
	}
	#Social-Sidebar ul li a{
		height: 52px !important;
    	line-height: 58px !important;
    	font-size: 34px !important;
	}
	#Social-Sidebar span{
		display:none !important;
	}

	.promoblock_sq img{width:50%}
	.promoblock_sq h4{left:50%;bottom:0;font-size: 2em;}
	.promoblock_sq .description{left:50%;}

	h2 {
    	font-size: 1.4em;
	}
	.adBanner .bannerTextArea {
    	position:relative;
	}
	.adBanner .centralimage {
    	height: auto;
	}
}


/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -75%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -75%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 75%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 75%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 75%; /* 6 columns */
  }


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */