/* CORE */

body {
    background-color: #eee;
}
p {
    color: #333;
}
h1, h2, h3, h4, h5 {

}
h1 {
    font-size: calc(18px + 1vw);
    font-weight: bold;
}
h2 {
    font-size: calc(16px + 0.8vw);
}
h3 {
    font-size: calc(15px + 0.6vw);
}
h4 {
    font-size: calc(14px + 0.4vw);
}
h5 {
    font-size: 14px;
}
a {
    color: #033551;
}
img {
    max-width: 100%;
    height: auto;
}
.row {
    margin-top: 0px;
    margin-bottom: 0px;
}
.no-vmargin {
    margin-top: 0px;
    margin-bottom: 0px;
}
/* END CORE */

/* CONTAINER */

.container .container {
	width: 100%!important;
}
.container.main {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 45px;
    background-color: #fff;
    margin-top: 45px;
    margin-bottom: 45px;
}
.content {
    
}
.contactus label {
    text-align: left;
}

.map iframe {
    width: 100%;
    height: 360px;
}
/* END CONTAINER */


/* TEXT */

h4.heading {
	background-color: #033551;
    padding: 10px;
    color: #fff;
    margin-top: 20px;
    font-size: 16px;
    text-align: center;
}

/* END TEXT */

/* HEADER */
.headbg .container {
    width: 100%!important;
}
.header {
    margin-top: 0px;
    margin-bottom: 0px;
}
.header a {
    color: rgba(48,89,98,1)
}
.header a:hover {
    color: rgba(167,219,119,1)
}
.slogan {
    padding-left: 15px;
    margin-left: 15px;
}
.slogan p {
    padding: 5px;
    margin: 0px;
}
/* END HEADER */

/* NAVIGATION */

.navigation {
    margin-top: 0px;
    margin-bottom: 0px;
}
.navbg {
    background-color: #000;
}
.navbg .container {
    width: 100%!important; 
}
.navbar {
    background: #033551;
    color: #fff;
    border: none;
    border-radius: 0px;
    margin: 0px;
}
.logomain {
    margin-bottom: 15px;
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
}

.navbar-default .navbar-nav>li>a:hover {
    color: #eee;
}
.sidebar #navbar {
    padding: 0px;
}
.sidebar .navbar-nav {
	float: none;
	width: 100%;
	text-align: left;
}
.sidebar .navbar-right {
	display: none;
}
.sidebar .navbar-default .navbar-nav>li {
	display: block;
	width: 100%;
}
.sidebar .navbar-default .navbar-nav>li>a {
	width: 100%;
    padding: 10px 20px;
}
.navbar-collapse {
    padding: 0px;
}
.sidebar .dropdown-menu {
    position: relative;
    width: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    padding: 0px;
    background-color: #033551;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.sidebar .dropdown-menu a {
    padding: 10px 20px;
    color: #fff;
}
.sidebar .container {

}
/* END NAVIGATION */


/* HOMEBOXES */

.homeboxes {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}
.homeboxes {
    margin-bottom: 10px;
}
.homeboxes div img {
    width: 100%;
    height: auto;
}

.homeboxes div h4 {
    color: #033551;
    padding: 0px;
    margin: 0px;
    font-size: 20px;
    height: 55px;
    line-height: 55px;
    font-weight: bold;
    text-align: center;
}
.homeboxes div h4 span {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}
.homeboxes div p {
    padding: 10px;
}
.slidewside .homeboxes div h4 {
    font-size: 15px;
    min-height: 45px;
    padding: 5px 0px;
}
.slidewside .homeboxes div p {
    padding: 5px 0px;
    margin: 0px;
}
.homeboxes p {padding: 0px 10px;font-size: 12px;}
.homeboxes a:hover {
    text-decoration: none;
}

/* END HOMEBOXES */

/* HOMEICONS */

.homeicons {
    margin-top: 20px;
    margin-bottom: 20px;
}
.homeicons div {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}
.homeicons div span {
    width: 100%;
    height: auto;
    font-size: 60px;
    padding: 10px;
}
.homeicons div h4 {
    margin: 0px;
    font-size: 30px;
}
.homeicons div p {
    margin: 0px;
}
.sliderwside .homeicons div h4 {
    margin: 0px;
    font-size: 20px;
    min-height: 60px;
}
.sliderwside .homeicons div p {
    margin: 0px;
    font-size: 12px;
}
.homeicons a:hover {
    text-decoration: none;
}
.homeicons.sidebyside div span {
    height: auto;
    width: auto;
    font-size: 60px;
    padding: 10px;
    display: inline-block;
    vertical-align: middle;
}
.homeicons.sidebyside div h4 {
    color: #033551;
    margin: 0px;
    font-size: 30px;
    display: inline-block;
    vertical-align: middle;
}

/* END HOMEICONS */

/* BUTTONS */
.btn {
    background: #033551;
    color: #fff;
    border-radius: 0;
    font-weight: bold;
    behavior: url(../PIE.php);
    background-clip: padding-box;
}
.btn:hover {
    background-color: #fff;
}
/* END BUTTONS */

/* FOOTER */
.footbg {
    background-color: #033551;
    width: 100%;
}
.footer {
    padding: 10px 0px;
    color: #fff;
    background: #033551;
    position: relative;
    text-align: left;
    color: #fff;
    margin: 0px;
}

.footer .footerlogo {
    text-align: center;
    padding-top: 20px;
}

.footer a, .footer a:hover {
    color: #fff;
}
.footer ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.footer ul li {
    list-style: none;
}
.footer p {
    color: #fff;
}
.wwwd {
    text-align: center;
    margin: 0px;
}
/* END FOOTER */

/* ALBUMS */

.albumimage {
	text-align: center;
	margin: 10px 0px;
}
.albumimage img {
	width: 100%;
	height: auto;
}
.albumimage h4 {
	margin: 0px;
}
.albumimage p {
	margin: 0px;
}

/* END ALBUMS */

/* BASKET */

.basket {
display: inline-table;
width: 100%;
}
.basket .headerrow {
display: table-row;
width: 100%;
height: 22px;
line-height: 22px;
background-color: #3F73BF;
color: #ffffff;
}
.basket .oddrow {
display: table-row;
width: 100%;
height: 22px;
line-height: 22px;
background-color: #E7EEF8;
color: #3F73BF;
}
.basket .evenrow {
display: table-row;
width: 100%;
height: 22px;
line-height: 22px;
}
.basket .productcell {
display: table-cell;
width: 49%;
padding-left: 1%;
}
.basket .deletecell {
display: table-cell;
width: 4%;
text-align: center;
}
.basket .quantitycell {
display: table-cell;
width: 15%;
text-align: center;
}
.basket .pricecell {
display: table-cell;
text-align: right;
width: 15%;
}
.basket .totalcell {
display: table-cell;
text-align: right;
width: 14%;
padding-right: 1%;
}

.basket2 {
display: block;
width: 100%;
font-size: 18px;
font-weight: bold;
}
.basket2 .headerrow {
display: inline-block;
width: 100%;
height: 32px;
line-height: 32px;
background-color: #3F73BF;
color: #ffffff;
}
.basket2 .oddrow {
display: inline-block;
width: 100%;
height: 32px;
line-height: 32px;
background-color: #E7EEF8;
color: #3F73BF;
}
.basket2 .evenrow {
display: inline-block;
width: 100%;
height: 32px;
line-height: 32px;
}
.basket2 .productcell {
display: inline-block;
width: calc(100% - 162px);
padding: 0px 7px;
}
.basket2 .options {
font-size: 12px;
padding: 0px 10px;
height: 22px;
line-height: 22px;
background-color: #ccc;
}
.basket2 .deletecell {
display: inline-block;
width: 42px;
text-align: center;
padding: 0px 7px;
}
.basket2 .totalcell {
display: inline-block;
text-align: right;
width: 110px;
padding: 0px 7px;
}

/* END BASKET */

/* SHOP */

.shopcontainer .shopitem {
    text-align: center;
    border: solid 1px #000;
    margin: 10px 0px;
}
.shopcontainer .shopitem .shopitemimg {
    width: 100%;
    height: 150px;
    border-bottom: solid 1px #000;
}
.shopcontainer .shopitem .shopitemtext {
    background-color: #ccc;
}
.shopcontainer .shopitem .shopitemtext p {
    margin: 0px;
    font-weight: bold;
    font-size: 15px;
    line-height: 16px;
}
.shopcontainer .shopitem .shopitemtext p span {
    font-size: 12px;
    line-height: 11px;
}
/* END SHOP */

/* MOCKUP */
.mockup {
    background-color: #eee;
    border: solid 1px #ccc;
}
.mockup .col-xs-1, .mockup .col-xs-2, 
.mockup .col-xs-3, .mockup .col-xs-4, 
.mockup .col-xs-5, .mockup .col-xs-6, 
.mockup .col-xs-7, .mockup .col-xs-8, 
.mockup .col-xs-9, .mockup .col-xs-10, 
.mockup .col-xs-11, .mockup .col-xs-12 {
    padding: 0px;
    margin: 0px;border: solid 1px #ccc;
}
.mockup .col-xs-12 {

}
.mockup .row {
    padding: 0px;
    margin: 0px -1px;
}
.mockup .row:first-child {

}
.mockup .row div:before {
    content: '';
}
.mockup div {
    height: 50px;
}
.options select {
    height: 25px;
    width: 100%;
    margin: 5px 0px
}
.options label {
    font-weight: normal;
    font-size: 20px;
    width: 100%;
    margin: 0px
}

/*END MOCKUP */

/* BX-SLIDER-CUSTOM */

.slider {
    margin-top: 0px;
    margin-bottom: 0px;
}
.bx-wrapper {
    max-width: 100%!important;
    overflow-x: hidden!important;
    overflow-y: inherit!important;
}

.bx-wrapper .bx-viewport {
    background-color: #666;
    padding: 0px!important;
}
.albums .bx-wrapper .bx-viewport {
    background-color: #033551;

}
.albums .slide * {
    color: #fff;
}
.bx-wrapper .bx-viewport .imagesslider .slide {
    margin: 0px!important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.bx-wrapper .bx-pager {
    bottom: 10px!important;
}

.bx-wrapper .bx-controls-direction a {
    margin-top: -45px!important;
}

.indeximg100 img {
    width: 100%;
}
.slide {
    position: relative;
}
.slide .slidetext {
    width: 50%;
    position: absolute;
    right: 5%;
    top: 12%;
    color: white;
    font-size: 1.5vw;
    font-weight: bold;
    background-color: #033551;
    padding: 1vw 2vw;
    left: auto;
    top: auto;
    bottom: 0px;
    right: auto;
    width: 100%;
}
.sliderwside .slide .slidetext {
    width: 50%;
    position: absolute;
    right: 5%;
    top: 12%;
    color: white;
    font-size: 1vw;
    font-weight: bold;
    background-color: #033551;
    padding: 0.5vw 1vw;
}
.sliderwside .slidetext h2 {
    margin: 0px;
    font-size: 1.5vw;
    padding: 0vw;
    line-height: 1.5vw;
}
.slide .slidetext a {
    color: #fff;
}
.slide .slidetext p {
    color: #fff;
    font-weight: normal;
    margin: 0px;
}
.slide .slidetext.bottomleft {
    left: 2vw;
    top: auto;
    bottom: 2vw;
    right: auto;
}
.slide .slidetext.bottomright {
    left: auto;
    top: auto;
    bottom: 2vw;
    right: 2vw;
}
.slide .slidetext.topleft {
    left: 2vw;
    top: 2vw;
    bottom: auto;
    right: auto;
}
.slide .slidetext.topright {
    left: auto;
    top: 2vw;
    bottom: auto;
    right: 2vw;
}
.slide .slidetext.bottomfull {
    left: auto;
    top: auto;
    bottom: 0px;
    right: auto;
    width: 100%;
}
.slide .slidetext.topfull {
    left: auto;
    top: 0px;
    bottom: auto;
    right: auto;
    width: 100%;
}
.bx-wrapper .bx-pager {
    display: none;
}
.slidetext h2 {
    margin: 0px;
    font-size: 2.5vw;
    padding: 0.1vw;
    line-height: 2.5vw;
}
.slide img {
    width: 100%!important;
}
/* END BX-SLIDER-CUSTOM */

/* FOOTER */

.footbg {
    background-color: #033551;
}

/* END FOOTER */

/* HOMETABS */

.nav>li>a {
    padding: 20px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
}
.nav-tabs.nav-justified>li>a {
    background-color: #fff;
    color: #033551;    
}
.navbar-default .navbar-nav>li>a:hover {
    color: #033551!important;
    background-color: #ccc;
}
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:focus {

}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
        color: #033551!important;
    background-color: #ccc;    
}
.tab-content {
    padding: 10px;
    border: solid 1px #ccc;
    border-top: none;
}

/* END HOMETABS */

/* ALBUMS */

.albums #thumbnails img {
    width: 100%;
    height: auto;
    margin: 10px 0px;
    border: solid 2px #fff;
}
.albums #thumbnails .active img {
    border: solid 2px #00adf2;
}
.albums #thumbnails img:hover {
    border: solid 2px #00adf2;
}
.albums #thumbnails {
    display: table;
    vertical-align: middle;
    text-align: center;
}
.albums #thumbnails a {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    min-height: 150px;
}
/* END ALBUMS */

/* GALLERY */

.gallery .slide .slidetext {
    width: 100%;
    position: absolute;
    right: 0%;
    top: 83%;
    color: white;
    font-size: 3vw;
    font-weight: bold;
    background-color: rgba(0,0,0,0.7);
    padding: 5px 10px;
    text-align: center;
}
.gallery .bx-wrapper .bx-pager {
    display: none;
}
.gallery .thumbnails img {
    border: solid 2px #fff;
}
.gallery .thumbnails .active img {
    border: solid 2px #00adf2;
}
.gallery .thumbnails img:hover {
    border: solid 2px #00adf2;
}

/* END GALLERY */


/* TESTIMONIALS */

.sidebar .testimonials blockquote {
    font-size: 12.5px;
    padding: 10px;
}
.testimonials blockquote {
    border-left: none;
    padding: 0px;
    border: solid 1px #ccc;
    padding: 10px;
}
.testimonials blockquote:before {
    content: ''
}
.testimonials cite {
    color: #033551;
    display: block;
    text-align: right;
}
.testimonials p {
    margin: 0px; 
    padding: 0px 10px;
    font-size: 14px;
}
.testimonials h4 {
    width: 100%;
    margin: 0px;
    padding: 5px 10px;
    color: #fff;
    background-color: #033551;
}
.sidebar li {
    list-style: none;
}
.sidebar .testimonials cite {
    float: none;
    display: block;
}
/* END TESTIMONIALS */

/* faqs */

.faqs h3 {
    color: #033551;
}

/* END faqs */

/* social */
.contact-details {
    text-align: right;
}
.headerbgimg .contact-details {
    position: absolute;
    top: 7px;
    right: 15px;
    max-width: 100%;
}
.contact-details * {
    display: inline-block;
    vertical-align: top;
    font-size: calc(12px + 0.2vw);
    line-height: calc(12px + 0.2vw);
    font-weight: bold;
    margin-bottom: 0px;
}
.contact-details .telephone {
    display: inline-block;
}
.contact-details .email {
    display: inline-block;
}

.contact-details .social-icons {
    text-align: right;
}
.contact-details .socialicons {
    display: block;
}
.headbg .container {
    padding: 0px;
}
.social-icons {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.social-icons li {
    list-style: none;
    display: inline-block;
    font-size: 20px;
    padding: 0 5px;
}

.sidebar .social-icons {
    text-align: left;
}

/* END social */



/* blog */

.blogmain h1 {
    margin: 0px;
}
.blogtags {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.blogtags li {
    list-style: none;
    font-size: 10px;
    padding: 2px 8px;
    background-color: #a9daec;
    color: #033551;
    display: inline-block;
    border-radius: 5px;
    margin: 2px 3px;
}
.bloglist .blogitem {
    border: solid 1px #ccc;
    background-color: #f5f5f5;
    border-radius: 5px;
    overflow: hidden;
    margin: 10px 0px;
} 
.bloglist .blogitem .inner {
    padding: 10px;
} 
.blogitem h2 {
    margin: 0px;
    background-color: #033551;
    color: #fff;
    padding: 5px 10px;
}
.blogitem .readmore {
    background-color: #033551;
    color: #fff;
    padding: 5px 10px;
    display: block;
    width: 100%;
}
.blogitem p {
    margin: 0px;
}
.blogitem h4 {
    margin: 0px;
    color: #033551;
}
.blogitem img {
    width: 100%
}
/* END blog */


/* misc */

.g-recaptcha div {
    width: 100%!important;
    margin-bottom: 10px;
}
.headeronbg {
    position: absolute;
    top: 0px;
    width: 100%;
    left: 0px;
}
.headerbgimg .socialicons {
    position: absolute;
    top: 7px;
    right: 15px;
    max-width: 100%;
}
.headeronbg {
    position: absolute;
    top: 0px;
    width: 100%;
    left: 0px;
}
.breadcrumb {
    margin-bottom: 15px;
}
.breadcrumb .row {
    padding-left: 15px;
    padding-right: 15px;
    margin-left: -15px;
    margin-right: -15px;
}
:not([class*='col-']):not(.input-group-btn):not([class*='form-control']).bootstrap-select {
width:calc(100% - 45px);
}
.slogan {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
}
.testimonialsmall .bx-controls {
	display: none;
}
/* END misc */
@media screen and (max-width: 991px) {
    .nav>li>a {
        padding: 15px 10px;
    }
}
@media screen and (max-width: 767px) {
    .header .social-icons {text-align: center;}
    .slide .slidetext {position: relative!important;width: 100%!important;padding: 10px!important;top: auto!important;bottom: auto!important;right: auto!important;left: auto!important;}
    .slide .slidetext h2 {font-size: 16px;}
    .slide .slidetext p {font-size: 14px;}
    .slide .slidetext a {font-size: 12px;font-weight: normal;}
    .container.main {padding: 15px;margin-bottom: 0px;margin-top: 0px;}
    .header .col-sm-8 {display: inline-block;width: 66%;float: left;}
    .header .col-sm-4 {display: inline-block;width: 33%;float: left;}
    .contact-details * {font-size: 14px;text-align: right; margin: 0px;}
    .nav>li>a{padding: 10px 15px;}
    .testimonials blockquote {font-size: 14px;}
    .breadcrumb {font-size: 10px;text-align: left;padding: 0px;}
    .breadcrumb h1 {margin: 10px 0px 0px 0px;}
    .homeboxes div h4 {min-height: 0px;}
    .slogan {bottom: 15px;left: 33.5%;padding-left: 5px;margin-left: 5px;font-size: 12px;border: none!important;}
    .slogan p {padding: 5px;margin: 0px;font-size: 13px;}
    .headerbgimg .socialicons {
        position: absolute;
        top: 0px;
        right: 5px;
        max-width: 100%;
    }
    .header .col-sm-12 {clear: both;}
}
@media screen and (max-width: 490px) {
    .contact-details .phone {display: inline-block; font-size: 13px;}
    .contact-details .socialicons {display: inline-block; font-size: 13px;}
    .slogan {position: relative;left: auto;bottom: auto;}
    .albums #thumbnails a {width: 100%;height: auto;}
    .contact-details .socialicons a {display: block; font-size: 20px;}
}