@import url('reset.css');


/* sc start menu customisation */

.navbar-default .navbar-nav>li>a {
    color: #42549C;
}

/* end*/

/* sc start mobile */

.navbar-toggle {
    border: solid 2px #42549C !important;
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 2px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.navbar-toggle .icon-bar {
    background-color: #42549C !important;
}

@media only screen and (max-width: 350px) {
    /* on a tiny mobile / device */
    .title {
        font-size: 1.8em !important;
    }
}
@media only screen and (max-width: 767px) {
    /* on a mobile / device */
    .title {
        font-size: 2.2em;
        text-align: left;
        float: left;
        padding-left: 15px;
    }
    .navbar-collapse {
        float: left !important;
    }
}
@media only screen and (min-width: 767px) {
    /* not on a mobile */
    .title {
        font-size: 3.5em;
        text-align: center;
    }
    .navbar-header {
        float: none !important;
    }
}
/* end */

body {
    margin: 0;
    color: #42549C;
    background-color: #ffffff;
    font-family: 'Bell MT','Lato', sans-serif;

}
body:after {
    content: url(../gallery/gal01.jpg) url(../gallery/gal02.jpg) url(../gallery/gal03.jpg) url(../gallery/gal04.jpg) url(../gallery/gal05.jpg) url(../gallery/gal06.jpg) url(../gallery/gal07.jpg) url(../gallery/gal08.jpg) url(../gallery/gal09.jpg) url(../gallery/gal10.jpg) ;
    display:none;
}

/*START of Border around the body*/
#top, #bottom, #left, #right {
	background: transparent; /* rwm 2.4.15 #42549c; */
	position: fixed;
    z-index: 999;
	}
	#left, #right {
		top: 0; bottom: 0;
		width: 15px;
		}
		#left { left: 0; }
		#right { right: 0; }
		
	#top, #bottom {
		left: 0; right: 0;
		height: 15px;
		}
		#top { top: 0; }
		#bottom { bottom: 0; }

/*END of Border around the body*/

.wrapper {
    margin: 0 auto;
    height: 100%; /*900px; RWM*/
    width: 100%; /* 1240px; */
    /*background-color: #FFFFFF; */
    /*border-: 10px solid #42549C; /*#47616e*/ 
    /*box-shadow: inset 0 1px 30px #e5ebf1;*/
    overflow: hidden;
}

.upper {
    /*position: fixed;*/
    top: 50px;
    width: 100%;
    z-index: 10;
/*    background-image: url(../img/background.png); */
    background-position: 0px 20px;
    background-repeat: no-repeat;
    background-size: cover ;
    overflow:  hidden; 
}

.title {
    font-family: 'Bell MT','Baskerville', 'Baskerville Old Face','Times New Roman';
   
    letter-spacing: .15em;
    margin: 0 auto 0px auto;
    height: 70px;
    text-shadow:  
    -1px -1px 0 rgba(255,255,255,1),  
    1px -1px 0 rgba(255,255,255,1),
    -1px 1px 0 rgba(255,255,255,1),
    1px 1px 0 rgba(255,255,255,1);
 }


.sub-title {
    font-family: 'Bell MT','Baskerville', 'Baskerville Old Face','Times New Roman';
    font-size: 1.2em;
    text-align: center;
    letter-spacing: 1.1em;
    word-spacing: -.6em;
    margin: 0 auto 0 auto;
    text-shadow:  
    -1px -1px 0 rgba(255,255,255,1),  
    1px -1px 0 rgba(255,255,255,1),
    -1px 1px 0 rgba(255,255,255,1),
    1px 1px 0 rgba(255,255,255,1);
}

#shop-content, #uk-shop-content, #us-shop-content {
    margin-top: 0;
}
#carecard-content {
    margin-top: 0;
    padding-bottom: 30px;
}
#carecard-content p {
    margin: 15px;
}
@media screen and (max-width: 750px) {
    #carecard-content {
        margin-top: 50px;
    }
    .caretitle {
        text-align: center;
        width: 300px;
    }
}
#page-content {
    margin-top: 0;
}

.carecard-left {
    position: fixed;
    bottom: 28px;
    left: 15px;
    width: 140px;
    height: 568px;
    z-index: 8;
    background: transparent url(../img/carecard-left.png) no-repeat;
}
.carecard-right {
    position: fixed;
    bottom: 28px;
    right: 15px;
    width: 140px;
    height: 568px;
    z-index: 8;
    background: transparent url(../img/carecard-right.png) no-repeat;
}

/*Contact blocks*/
#contact-content {
    z-index: 9;
    text-align: center;
    overflow: visible;
    margin-top: 0;
}

.contact-block { 
  overflow: hidden;
}

.contact-block div {
   min-height: 200px;
   padding: 10px;
}

#contact-img {
    text-align: center;
    width: 400px;
    height: auto;
}
.contact-address-wrapper {
    margin: 0 auto;
    text-align: center;
    display: block;
}

.contact-address-wrapper h1 {
    font-family: 'Bell MT','Baskerville', 'Baskerville Old Face','Times New Roman';
    font-size:  16pt;
    padding-bottom: 20px;
    font-weight: normal;
    text-align: center;
}    
.contact-address-wrapper h3 {
    font-family: 'Bell MT','Baskerville', 'Baskerville Old Face','Times New Roman';
    font-weight: normal;
    margin: 10px 0 10px 0;
}
/*#one {
    width: 50%;
    min-width: 300px;
    float: left;
}
#two {
    width: 50%;
    min-width: 300px;
    float: left;
}

@media screen and (max-width: 400px) {
    #one { 
        float: none;
        margin-right: 0;
        width: auto;
        border: 0;   
  }
}*/
/*Contact blocks*/

img {
    border: none;
}

a {
    text-decoration: none;
    color: #42549C; /*#4A6C99;*/
}

a:hover {
    color: #42549C; /*#87a4b1*/
}

article {
    padding: 0 80px;
    border-top: 1px dashed #FFFFFF; 
}
article h3 {
    color: #C23F3C;
    font-size: 20px;
    font-style: italic;
    font-weight: normal;
    border-bottom: medium double #e2e2e2;
	margin: 6px 0 6px 0;
}
article p {
    font-family: helvetica;
    text-align: justify;
    font-size: 15px;
}
article a:hover {
    text-decoration: underline;
}

hr.separator {
    padding: 0;
    border: none;
    border-top: medium double #e9e9e9;
}

p {
	line-height: 1.4em;
	padding: 0;
	/*margin: 0 0 0.3em 0;*/
}
ul {
	margin: 0 0 8px 0;
}

.flags {
    text-align: center;
    margin-top: 40px;
}
.flags h2 {
    font-family: 'Bell MT','Baskerville', 'Baskerville Old Face','Times New Roman';
    font-weight: bold;
    font-size: 20px;
    text-shadow: -1px -1px 0 rgba(255, 255, 255, 1), 1px -1px 0 rgba(255, 255, 255, 1), -1px 1px 0 rgba(255, 255, 255, 1), 1px 1px 0 rgba(255, 255, 255, 1);
}
/*.flags div:hover {
    background-color: rgba(66, 84, 156, 0.3);
}*/

/*SHOP FLAGS*/
.sh-grid {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}

.sh-grid:after,
.sh-item:before {
	content: '';
    display: table;
}

.sh-grid:after {
	clear: both;
}

.sh-grid li {
	width: 250px;
	height: 137px;
	display: inline-block;
	margin: 20px;
}
.sh-item {
	width: 100%;
	height: 100%;
	/*border-radius: 50%;*/
	overflow: hidden;
	position: relative;
	cursor: default;
	box-shadow: 
		inset 0 0 0 16px rgba(255,255,255,0.6),
		0 1px 2px rgba(0,0,0,0.1);
	transition: all 0.4s ease-in-out;
}
.sh-img-1 { 
	background-image: url(../img/british-flag-medium.jpg);
}
.sh-img-2 { 
	background-image: url(../img/us-flag.jpg);
}
.sh-info {
	position: absolute;
	background: rgba(66, 84, 156, 0.8);
	width: inherit;
	height: inherit;
	/*border-radius: 50%;*/
	overflow: hidden;
	opacity: 0;
	transition: all 0.4s ease-in-out;
	transform: scale(0);
}
.sh-info h3 {
    font-family: 'Bell MT','Baskerville', 'Baskerville Old Face','Times New Roman';
	color: #fff;
	letter-spacing: 2px;
	font-size: 22px;
	margin: 0 30px;
	padding: 55px 0 0 0;
	height: 140px;
	text-shadow: 
		0 0 1px #fff, 
		0 1px 2px rgba(0,0,0,0.3);
}
/* .sh-info p a:hover {
	color: rgba(255,242,34, 0.8);
} 
.sh-item:hover {
	box-shadow: 
		inset 0 0 0 1px rgba(255,255,255,0.1),
		0 1px 2px rgba(0,0,0,0.1);
}
.sh-item:hover .sh-info {
	transform: scale(1);
	opacity: 1;
}
/*SHOP FLAGS*/

/*SHOP ADJUSTMENT*/

.gwt-Anchor {
    margin-top: 20px;
}



@font-face {
    font-family: 'si';
    src: url('../fonts/social/socicon.eot');
    src: url('../fonts/social/socicon.eot?#iefix') format('embedded-opentype'),
         url('../fonts/social/socicon.woff') format('woff'),
         url('../fonts/social/socicon.ttf') format('truetype'),
         url('../fonts/social/socicon.svg#icomoonregular') format('svg');
    font-weight: normal;
    font-style: normal;
 
}
 
@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family:si;
        src: url(../fonts/social/socicon.svg) format(svg);
    }
}

.social {
    height: auto;
    width: auto;
    margin: 0px;
    background-color: transparent;
}

.soc {
    overflow:hidden;
    margin:0; padding:0;
    list-style:none;
}

.soc li {
    display:inline-block;
    *display:inline;
    zoom:1;
}

.soc li a {
    font-family:si!important;
    font-style:normal;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;

    overflow:hidden;
    text-decoration:none;
    text-align:center;
    display:block;
    position: relative;
    z-index: 1;
    width: 26px;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    -webkit-border-radius: 44px;
    -moz-border-radius: 44px;
    border-radius: 44px;
    margin-right: 5px;
    color: #ffffff;
    background-color: none;
}


.soc-icon-last{
    margin:0 !important;
}

.soc-pinterest {
    background-color: #42549C;
}
.soc-pinterest:before {
    content:'d';
}
.soc-pinterest:hover {
    opacity: 0.8;
}
.soc-instagram {
    background-color: #42549C;
}
.soc-instagram:before {
    content:'x';
}
.soc-instagram:hover {
    opacity: 0.8;
}
.soc-tumblr {
    background-color: #42549C;
}
.soc-tumblr:before {
    content:'z';
}
.soc-tumblr:hover {
    opacity: 0.8;
}
.soc-email1 {
    background-color: #578AD6;
}
.soc-email1:before {
    content:'<';
}
.soc-email1:hover {
    opacity: 0.8;
}

#footer {
   position:fixed;
   left:0px;
   bottom:10px;
   height:6px;
   width:100%;
   background: transparent; /* rwm 2.4.15 #42549c; */
   font-family: 'Bell MT','Baskerville', 'Baskerville Old Face','Times New Roman', sans-serif;
   text-align: left;
   color: #42549C;
   font-size: 15px;
   font-weight: 600;
   padding: 6px 20px 16px 20px;
   z-index: 999 !important;
   text-shadow:  
    -1px -1px 0 #ffffff,  
    1px -1px 0 #ffffff,
    -1px 1px 0 #ffffff,
    1px 1px 0 #ffffff;
}
@media screen and (max-width: 750px) {
    #footer {
        font-size: 10px;
        text-align: center;
        padding-left: 0;
        visibility: hidden;
    }
}
#footer a {
/*    color: #ffffff;*/
}
#footer a:hover {
    opacity: 0.8;
}
.footer-safeserve {
    float: right;
    padding-right: 40px;
}
@media screen and (max-width: 850px) {
    .footer-safeserve {
        display: none;
    }
}
.footer-safeserve:hover {
    opacity: 0.8;
}

/* IE 6 */
* html #footer {
   position:absolute;
   top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}