/*!
Theme Name: Tom and Tina
Author: Bill

Version: 1.0.0
*/

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

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

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

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

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

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

body {
    font-family: 'source_sans_proregular';
    font-size: 1.7rem;
    line-height: 1.5;
    margin-bottom: 20px;
    clear: both;
    color: #333;
}

h2 {
    font-size: 3.8rem;
}

p {
  margin:0 0 20px 0 ;
   
}

.basic a {
	color: #2a3140;
	transition: all 0.5s ease;
 }
 .basic a:hover, .basic a:focus .basic a.current{
	color: #1cb467;
	transition: all 0.5s ease;
 }
 

.basic .container h1 {
	font-size: 3.2rem;
}

main .line {
	display: block;
	background: #dedbdb;
	width: 50px;
	height: 3px;
	margin-bottom: 30px;
}

main .container ul,
.content-wrapper ul {
	padding-left: 60px;
	margin-top: 10px;
}

main .container ul li {
	display: block;
	
    font-size: 1.7rem;
    line-height: 1.5;
	margin-bottom: 5px;
}

.content-wrapper ul li {
	display: block;
	
    font-size: 1.7rem;
    line-height: 1.5;
}

main .container ul li:before,
.content-wrapper ul li:before {
	content:'';
	background: url('../images/icon-right.png') no-repeat;
	background-size: 25px 25px;
    display: inline-block;
    height: 25px;
    margin-left: -35px;
    margin-right: 10px;
    margin-top: 14px;
    width: 25px;
    vertical-align: -7px;
}

main .top-bar ul {
	padding-left: 0;
}

main .top-bar ul li {
	display: inline;
	margin-right: 20px;
}

main .top-bar ul li::before {
	display: none;
}

main .top-bar ul li a {
	color: #2b3141;
}

main .top-bar ul li span {
	color: #008000;
}

.dividing-line {
	border-top: 1px #f2f2f2 solid;
    margin-bottom: 10px;
    margin-top: 20px;
}

.basic .container h1.title {
	font-size: 4rem;
	margin-top: 40px;
	margin-bottom: 60px;
	color: #000000;
}

.navbar-default .navbar-toggle {
	border-color: #aaaaaa;
}

.post-wrapper {
	clear: both;
	padding: 0px;
}

#primary_page a {
	display: block !important;
}

.btn-transition {
	display: block;
	font-size: 2rem;
	text-align: center;
	padding: 15px 35px;
	border:  1px #ffffff solid;	
}

.logo-mailing {
	display: inline-block;
	background: url('../images/logo-mailing.png') no-repeat;
	background-size: 80px 80px;
	width: 80px;
	height: 80px;
}

.no-padding {
	padding: 0px;
}

.navigation {
	clear: both;
	padding: 0 15px;
	height: 40px;
}

/* Header */

#header {
	background: rgba(255,255,255,1);
    width: 100%;
    border-bottom: none;
    z-index: 99999;
    opacity: 0;
}

#header.sticky-header {
	background: rgba(255,255,255,.9);
	-webkit-transition: 1s ease;
    -o-transition: 1s ease;
    transition: 1s ease;
}

#header #top-header {
	background: #f7f7f7;
	padding: 15px 0px;
	font-size: 1.4rem;
	line-height: 1;
}

#header #top-header ul {
	margin: 0px
}

#header #top-header .top-left {
	text-transform: uppercase;
}

#header #top-header .top-left li:nth-of-type(1) a {
	padding-left: 0px;
	border-left: none;
}

#header #top-header .top-left li a {
	color: #49344e;
	text-transform: uppercase;
	line-height: 1;
	padding: 0 15px;
	border-left: 1px #49344e solid;
}

#header #top-header .top-left li a:hover {
	color: #1cb467;
}

#header #top-header .top-right {
	text-align: right;
}

#header #top-header .top-right > div a {
	color: #49344e;
}

#header #top-header .top-right > div a:hover {
	color: #1cb467;
}

#header #top-header .top-right > div {
	display: inline-block;
}

#header #top-header .top-right > div li {
	margin-right: 15px;
}

#header #top-header .top-right .top-contact i {
	color: #813194;
	margin-right: 10px;
}

#header .navbar-brand,
#header.sticky-header .navbar-brand {
	width: 100px;
	-webkit-transition: 1s ease;
    -o-transition: 1s ease;
    transition: 1s ease;
}

#header .navbar-nav > li,
#header.sticky-header .navbar-nav > li {
	padding: 5px 0px;
	-webkit-transition: 1s ease;
    -o-transition: 1s ease;
    transition: 1s ease;
}

#header .navbar-brand,
#header.sticky-header .navbar-brand {
	padding-top: 15px;
}

#header .header-container {
	padding: 0px;
}

.navbar-brand {
    max-width: 420px;
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 15px;
    height: auto;
}

.navbar-nav {
    float: right;
    margin: 0px;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 10px;
}

.navbar-nav > li {
    border: none;
    padding: 35px 0px;
    margin: 0px;
}

.navbar-default .navbar-nav > li > a {
    font-family: 'source_sans_prosemibold';
    font-size: 1.4rem;
	letter-spacing: 1px;
	line-height: 1;
    text-transform: uppercase;
    color: #2a3140;
    padding: 0px 15px;
    border-left: 1px #2a3140 solid;
}

.navbar-default .navbar-nav > li:nth-of-type(1) a {
	border-left: none;
}

.navbar-default .navbar-nav > li:hover,
.navbar-nav > li.active, .navbar-nav > li.open {
}

.navbar-default .navbar-nav > li:hover > a,
.navbar-nav > li.active > a, 
.navbar-nav > li.open > a,
.navbar-default .navbar-nav > li > a:hover {
    color: #1cb467;
}

.nav .open > a, 
.nav .open > a:hover, 
.nav .open > a:focus, 
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #1cb467;
    background: none;
}

.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #1cb467;
    background: none;
}

.navbar-default,
.navbar-default .navbar-collapse, 
.navbar-default .navbar-form {
	background: none;
}
a.dropdown-toggle .caret {
    margin-left: 5px;
    vertical-align: 3px;
    border-top: 6px solid;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

li.menu-item-has-children:hover .dropdown-menu {
    display: block;
}

.tab-content {
    padding: 0px;
}

.dropdown-menu {
	background: #2a3140;
    border: none;
    padding: 0px 20px;
    top: 100%;
    left: 15px;
    box-shadow: none;
}

.dropdown-menu li a {
    font-size: 1.6rem;
    color: #ffffff;
    padding: 10px;
    border-bottom: 1px #f0f0f4 solid;
    text-align: left;
}

.dropdown-menu li:last-child a {
	border-bottom: none;
}

.dropdown-menu li a:hover {
	background: #2a3140;
	color: #1cb467;
}

.icon-mailling {
	display: inline-block;
	background: url('../images/icon-mailling.png') no-repeat;
	background-size: 34px 34px;
	width: 34px;
	height: 34px;
}

/* Search form */

#header form.search-form {
	position: absolute;
	right: 0px;
	top: 10px;
	margin: 10px;
	height: 40px;
	width: 40px;
	overflow: hidden;
	transition: 1s;
}

#header form.search-form:hover {
	width: 240px;
	transition: 1s;
}

#header form.search-form:hover input[type="search"] {
	right: 40px;
	transition: 1s;
}

#header form.search-form input[type="search"] {
	position: absolute;
	background: #ffffff;
	top: 0px;
	width: 200px;
	height: 39px;
	right: -200px;	
	z-index: 2;	
	transition: 1s;
}

#header form.search-form input[type="submit"] {
	position: absolute;
	right: 0px;
	top: 0px;
	background: url('../images/icon-search.png') no-repeat center;
	width: 40px;
	height: 40px;
	border: none;
	z-index: 1;
	opacity: 0;
}

#header form.search-form svg {
	position: absolute;
    right: 0px;
    top: 0px;
	color: #777474;
    padding: 10px;
    width: 40px;
    height: 40px;
}

/* Shopping list component */

#shopping-list-component {	
	display: inline;
	position: relative;
	float: right;
    padding-top: 28px;
    padding-bottom: 30px;
    padding-right: 45px;
}

#shopping-list-icon {
	position: relative;
	cursor: pointer;
}

#shopping-list-icon svg {
	height: 24px;
	color: #777474;
}

#shopping-list-icon span {
	position: absolute;
    background: #d5e9ff;
    font-size: 8px;
    color: #313030;
    width: 15px;
    height: 15px;
    border: 1px solid #535252;
    border-radius: 10px;
    line-height: 13px;
    text-align: center;
    right: -5px;
}

#product-list {
    position: absolute;
    background: #fff;
	text-transform: capitalize;
    width: 320px;
    height: auto;
    max-height: 400px;
	overflow: hidden;
    right: 0;
    border: 1px solid #bfbcbc;
    border-radius: 5px;
    z-index: 1;
}

#product-list-wrapper {
	padding: 15px 15px;
	height: auto;
    max-height: 325px;
    overflow-y: auto;
}

#product-list .cart-product {
	border-bottom: 1px solid #bfbcbc;
	padding: 10px 0;
}

#product-list .cart-product a {
	display: block;
	font-weight: 600;
	height: 24px;
	overflow: hidden;
}

#product-list .product-list-details {
	height: 45px;
}

#product-list .product-list-details > div {
	display: inline;
	float: left;
}

#product-list .product-list-details .product-list-image {
	border: 1px solid #bfbcbc;
	margin-right: 10px;
	width: 45px;
    height: 45px;
    overflow: hidden;
}

#product-list .product-list-details .product-list-attributes span {
	display: block;
	clear: both;
	line-height: 1.8;
}

#product-list .product-list-details .product-list-qty {
	padding: 0 12px;
}

#product-list .product-list-details .product-list-qty {
	float: right;
}

#product-list .product-thumbnail {
	width: 50px;
	height: 50px;
	margin-right: 10px;
}

#persistent-div {
	background: #d5e9ff;
	text-align: center;
    width: 100%;
    padding: 15px;
}

#persistent-div span {
	font-weight: 600;
}

.product-item {
	display: inline-block;
	margin-bottom: 10px;
}

/* Shopping list page */

#shopping-list {
	margin-bottom: 25px;
}

#shopping-list .product-name img{
	float: left;
	margin-right: 10px;
}

#shopping-list .product-quantity {
	text-align: center;
}

#shopping-list .product-quantity button {
	background: none;
	padding: 1px;
}

#shopping-list .product-quantity svg{
	color: #2a3140;
	width: 20px;
}

#shopping-list .subtotal {
	text-align: right;
	font-weight: 600;
	font-size: 22px;
}

#request-form-content {
	margin-bottom: 25px;
}

#request-form-content .submit {
	text-align: right;
}

#request-form-content .submit button {
	font-size: 16px;
	text-align: center;
	border-radius: 5px;
}

#error-message {
	color: #008000;
	font-size: 18px;
    margin-bottom: 10px;
	transition: .5s;
}

#error-message.error {
	color: #880000;
    transition: .5s;
}

/* main title */

.header-space {
	height: 60px;
}

#main_title h1 {
    font-size: 3rem;
}

#page-title {
	position: relative;
	padding: 0px;
}

#page-title .container .title {	
	font-size: 2rem;
    color: #353434;
    text-transform: capitalize;
    padding: 10px 0px;
}

#page-title .container ul {
	margin: 0px;
	padding: 10px 0px;
}

#page-title .container ul li {
	display: inline-block;
	font-size: 1.6rem;
	margin-bottom: 0px;
	margin-left: 8px;
	color: #353434;
}

#page-title .container ul li:before {
	content: none;
}

#page-title .container ul li a {
	color: #353434;
	transition: all .5s;
}

#page-title .container ul li a:hover {
	color: #1cb467;
	transition: all .5s;
}

.widget_search form.search-form input[type="submit"] {
	position: absolute;
	right: 15px;
	top: 0px;
	background: url('../images/icon-search.png') no-repeat center;
	width: 40px;
	height: 40px;
	border: none;
	z-index: 1;
}

/* Foorer */

#footer-newsletter {
	background: url('../images/bg-newsletter.jpg') no-repeat top center;
	background-size: cover;
	padding: 20px 0px;
	color: #ffffff;
	font-size: 1.8rem;
}

#footer-newsletter h3 {
	font-family: 'source_sans_proregular';
	font-size: 3rem;
	margin-top: 0px;
	color: #ffffff;
}

#footer-newsletter .button {
	padding-top: 20px;
	text-align: right;
}

#footer-newsletter .button a {
	display: inline-block;
	width: 80%;
	transition: all .5s;
}

#footer-newsletter .button a:hover {
	background: rgba(255,255,255,.5);
	transition: all .5s;
}

#footer-content {
	font-size: 1.6rem;
}

#footer-content .address {
	position: relative;
}

#footer-content .address span {
	position: absolute;
	left: 15px;
	top: 0px;
}

#footer-content .address .footer-menu {
	padding-left: 105px;
	padding-top: 8px;
}

#footer-content .social-media {
    font-family: 'socicon';
    text-align: center;
    clear: both;
}

#footer-content .social-media li {
	display: inline-block;
}

#footer-content .top .social-media a {
	display: block;
    font-size: 1.6rem;
    color: #7f7f7f;
    padding: 10px;
    background: #ffffff;
    margin-right: 10px;
    width: 42px;
    height: 42px;
    border: 1px #7f7f7f solid;
    border-radius: 21px;
}

#footer-content .top .social-media a:hover {
    color: #1cb467;
}

#footer-content .social-media span {
    font-family: 'open_sanssemibold';
    font-size: 1.6rem;
}

#footer {
    position: relative;
    background: #ffffff;
    font-size: 1.6rem;
    color: #787a7b;
    padding: 0px;
}

#footer #footer-content .bottom {
    font-size: 1.4rem;
}

#footer-content h2 {
	text-transform: uppercase;
	font-size: 2rem;
	line-height: 1;
	letter-spacing: 1px;
	margin-top: 0px;
	margin-bottom: 30px;
}

#footer-content li {
	display: block;
	margin-bottom: 10px;
}

#footer .bottom {
    color: #999999;
    padding-top: 0px;
}

#footer .bottom a {
    color: #787a7b;
}

#footer .bottom a:hover {
    color: #1cb467 ;
}

#footer .line {
	border-top: 1px #f2f2f2 solid;
	margin-bottom: 10px;
}

#footer .copyright {
	text-align: left;
	color: #807979;
	padding: 10px 0px;
}

#footer .copyright span {
	padding: 0px 5px;
}

#footer .footer_menu {
	text-align: right;
	padding: 10px 0px;
}

#footer .footer_menu ul {
	margin: 0px;
}

#footer .footer_menu li {
	display: inline-block;
	margin-bottom: 0px;
}

#footer .footer_menu li a {
	font-size: 1.4rem;
	line-height: 1;
	padding: 0 5px;
	border-left: 1px #ccccd4 solid;
}

#footer .footer_menu li:nth-of-type(1) a {
	border-left: none;
}

#mobile-footer {
    display: none;
    position: fixed;
    width: 100%;
    background: #404040;
    padding-top: 0px;
    bottom: 0px;
    z-index: 99999;
}

#mobile-footer .mobile-footer-item {
    display: inline-table;
    width: 20%;
    float: left;
}

#mobile-footer #mobile-questoin {
    width: 60%;
    padding: 15px 10px;
    height: 44px;
    text-align: center;
    font-size: 1.4rem;
    color: #ffffff;
    text-transform: uppercase;
    cursor: pointer;
}

#mobile-footer .call {
    text-align: right;
}

#mobile-footer span.phone {
    display: block;
    background: url('../images/tap-to-call-icon.png') no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    margin: 0px;
}

/* Home page */

.homepage-item {
	position: relative;
}

section {
	position: relative;
	clear: both;
}

section .green-line {
	display: block;
	background: #1cb467;
	width: 120px;
	height: 5px;
	margin-bottom: 30px;
}

.homepage-item .title {
	font-family: 'source_sans_prosemibold';
	font-size: 2.4rem;
	text-transform: uppercase;
}

.homepage-item .sub-title {
	font-family: 'source_sans_prolight';
	font-size: 5rem;
	line-height: 1.2;
	width: 70%;
	margin-bottom: 35px;
}

section .button {
	font-size: 1.8rem;
	color: #1cb467;
}

section .contents .text {
	padding-left: 30px;
}

/* ---- page */

main,
footer {
	opacity: 0;
}

.main-contents p:first-child {
    font-size: 1.6rem;
}

.main-contents ul {
    padding-left: 50px;
}

.main-contents ul li {
    display: block;
    width: 95%;
    margin-right: 0%;
    margin-left: 0%;
    float: none;
    margin-bottom: 15px;
    line-height: 1.5;
}

.main-contents ul li:before {
    display: inline-block;
    content: "";
    background: url('../images/icon-select.png') no-repeat;
    width: 21px;
    height: 21px;
    margin-left: -40px;
    margin-right: 20px;
    vertical-align: -3px;
}

.strong-content .testimonial {
    border: none;
    padding-left: 20px;
    padding-right: 20px;
}

/* Product page */

#post-product .product-slider {
	position: relative;
}

#post-product .product-slider .logo {
	position: absolute;
	bottom: 0;
    z-index: 999;
    width: 100px;
}

#prodcut-details .price {
	font-size: 24px;
    font-weight: 600;
}

#prodcut-details .price p {
	line-height: 1;
	margin-bottom: 5px;
}

#prodcut-details .price span {
	font-size: 16px;
	font-weight: 300;
}

/* About page */

.about-item .contents{
	padding: 40px 0px;
}

.about-item .title {
    font-family: 'source_sans_prosemibold';
    font-size: 2.4rem;
    text-transform: uppercase;
}

.about-item .sub-title {
    font-family: 'source_sans_prolight';
    font-size: 5rem;
    line-height: 1.2;
    width: 70%;
    margin-bottom: 35px;
}

span.top-line {
	position: absolute;
	display: block;
	height: 55px;
	border-left: 1px #ffffff solid;
	top: 0px;
	left: 50%;
}

span.top-line:before {
	position: absolute;
	display: block;
	background: #1ea763;
	content: '';
	width: 30px;
	height: 5px;
	bottom: 0px;
	right: 0px;
}

span.top-line:after {
	position: absolute;
	display: block;
	background: #1ea763;
	content: '';
	width: 30px;
	height: 5px;
	bottom: 0px;
}

#products-additional .line {
	width: 100%;
	height: 1px;
    margin-bottom: 30px;
}

#products-additional .title-wrapper {
	position: relative;
}

#products-additional .title {
	text-align: center;
}

#products-additional .title-wrapper .view-more {
	position: absolute;
	top: 10px;
	right: 0;
}

#products-additional .product-contents {
	position: relative;
}

#products-additional .product-contents .details {
	display: table;
	position: absolute;
    bottom: 0px;
    left: 0px;
	width: 100%;
	height: 100%;
	padding: 15px;
	text-align: center;
	opacity: 0;
	transition: .5;
}

#products-additional .product-contents .details:hover {
	background: rgba(255,255,255,.75);
	opacity: 1;
	transition: .5;
}
#products-additional .product-contents .details a {
	display: table-cell;
    vertical-align: middle;
}
.product-wrapper,
#about-last .product-wrapper {
	position: relative;
}

.product-wrapper {
	position: relative;
	height: 100%;
	background: #fdfdfd;
    border: 1px #f2f2f2 solid;
	margin-block: 20px;
}

.product-wrapper .image {
	width: 100%;
	height: 250px;
	overflow: hidden;
	z-index: 1;
}

.product-wrapper .image a {
	display: block;
	padding: 0;
}

.product-wrapper .products {
	position: relative;
	padding: 55px 0px 55px 80px;
	z-index: 2;
}

.product-wrapper .products .product-list {
	position: relative;
	font-family: 'source_sans_prolight';
	font-size: 2.4rem;
	padding-left: 35px;
	margin: 15px 0px;
}

.product-wrapper .products .product-list i {
	position: absolute;
	font-size: 3rem;
	color: #1cb467;
	left: 0px;
	top: 5px;
}

.product-wrapper .products .product-list a {
	color: #ffffff;
	transition: all .5s;
}

.product-wrapper .products .product-list a:hover {
	color: #1cb467;
	transition: all .5s;
}

/* colours */

.colours {
	margin: 15px 0px;
}

.colours .colour-item,
.size-options .size-item {
	position: relative;
	display: inline-block;
	margin-right: 15px;
	margin-bottom: 15px;
	text-transform: capitalize;
	border: 1px solid #bfbcbc;
    padding: 5px 15px;
    border-radius: 5px;
}

.colours .colour-item.selected,
.size-options .size-item.selected {
	background: rgba(155,155,155,0.25);
}

.colours .colour-item input,
.size-options .size-item input {
	position: absolute;
	opacity: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	cursor: pointer;
}

.colours .colour-item  span {
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: #b9b9b9 solid 1px;
	margin-right: 5px;
	vertical-align: -5px;
	box-shadow: 1px 1px 5px #8e938e;
	opacity: .75;
}

.red {
	background-color: red;
}

.blue {
	background-color: blue;
}

.black {
	background-color: black;
}

.darkred {
	background-color: #880000;
}

.lightblue {
	background-color: #ADD8E6;
}

.lakeblue {
	background-color: #1E90FF;
}

.yellow {
	background-color: #FFFF00;
}

.orange {
	background-color: #FFA500;
}

.pink {
	background-color: #FFC0CB;
}

.grey {
	background-color: #808080;
}

.silver {
	background-color: #C0C0C0;
}

.darkgrey {
	background-color: #A9A9A9;
}

.green {
	background-color: #008000;
}

.lightgreen {
	background-color: #90EE90;
}

.purple {
	background-color: #800080;
}

.white {
	background-color: #ffffff;
}

.cream {
	background-color: #FFFAFA;
}

.sliver {
	background-color: #d8d8d8;
}

.brown {
	background-color: #b68150;
}

.add-to-list button {
	font-size: 18px;
    padding: 5px 20px;
    border-radius: 5px;
	float: right;
	margin-top: 15px;
}

#product-images .owl-theme .owl-nav,
.related-products .owl-theme .owl-nav{
    position: absolute;
    top: 50%;
    z-index: 220;
    opacity: 1;
    transition: .5s;
    width: 100%;
}

#product-images .owl-theme .owl-nav [class*=owl-],
.related-products .owl-theme .owl-nav [class*=owl-] {
    background: rgba(255, 255, 255, 0.5) ;
    width: 30px;
    height: 30px;
    border-radius: 50%;
	color: black;
    font-size: 24px;
    line-height: 15px;
    border: 1px solid rgba(0,0,0,.15);
    box-shadow: 0 0 5px #8a8a8a;
	margin: 0 15px;
}

.owl-theme .owl-nav button.owl-next {
	float: right;
}

/* calendar */

.ai1ec-calendar-toolbar {
	margin: 0px;
	padding: 0px;
	border: none;
}

.ai1ec-btn-toolbar {
	background: #365769;
	padding: 10px;
}

.ai1ec-title-buttons .ai1ec-btn-group {
	margin: 0px;
}

.ai1ec-views-dropdown {
	margin-right: 10px;
	margin-top: 10px;
}

table.ai1ec-month-view, 
.ai1ec-week-view table, 
.ai1ec-oneday-view table {
	border: none !important;
}

#ai1ec-container tr {
	display: block;
	width: 100%;
}

#ai1ec-container .ai1ec-month-view thead th {
	display: inline-block;
	background: #264452 !important;
	font-family: 'source_sans_prolight';
	font-weight: 100;
	text-transform: uppercase;
	color: #ffffff !important;
	text-shadow: none;
	padding: 10px !important;
	width: 14.28571428571428%;
	float: left;
}

#ai1ec-container tr td {
	display: inline-block;
	width: 14.28571428571428%;
	float: left;
	height: 70px;
}

.ai1ec-month-view .ai1ec-date {
	background: none;
	font-size: 1.6rem;
	height: 53px;
	text-align: center;
	padding: 25px 10px;
}

.ai1ec-dropup .ai1ec-dropdown-menu {
	padding-left: 5px;
}

.ai1ec-dropup .ai1ec-dropdown-menu li:before {
	content: none;
}

.ai1ec-oneday-view thead tr th,
.ai1ec-oneday-view thead tr td {
	display: block;
	width: 100% !important;
}

.ai1ec-week-view thead tr th {
	display: inline-block;
	width: 14.28571428571428% !important;
	float: left;
}

.ai1ec-week-view .tablescroll_wrapper, 
.ai1ec-oneday-view .tablescroll_wrapper {
	overflow-y: auto !important;
	height: 200px !important;
}

#products .product {
	margin-bottom: 30px;
}

#products .product-wrapper .image a {
	display: block;
	position: relative;
	width: 100%;
	padding: 0px;
	opacity: 1;
}

#products .product-wrapper .image img {
	width: 100%;
}

#products .product-wrapper .image i {
	position: absolute;
	display: block;
	background: #1cb467;
	width: 40px;
	height: 40px;
	font-size: 2rem;
	color: #ffffff;
	right: 0px;
	bottom: 0px;
	padding: 10px;
	transition: all .5s;
}

#products .product-wrapper .image a:hover i {
	background: rgba(255,255,255,.8);
	color: #1cb467;
	transition: all .5s;
}

#products .product-wrapper .details {
	padding: 20px 25px;
    font-style: italic;
}

#products .product-wrapper .details .title {
	display: block;
	font-size: 1.6rem;
    color: #2b3141;
    margin-bottom: 0px;
	height: 40px;
}

#products .product-wrapper .details .price p {
	text-align: right;
	font-size: 1.2rem;
	margin: 0;
}

#products .product-wrapper .details .price p span {
	font-size: 1.6rem;
	color: coral;
}

#products .product-wrapper .details .title:hover {
	color: #1cb467;
}

#products .product-wrapper .details .description {
    font-size: 1.2rem;
    line-height: 1.5;
}

#post-product h3 {
	font-size: 3rem;
	color: #2a3140;
	margin-bottom: 25px;
}
.pagination {
	display: block;
	text-align: center;
	clear: both;
 }
 
 .pagination a {
	padding: 0 5px;
 }

 .pagination .current {
	color: #1ea763;
 }

div.details-wrapper div.col-xs-12.col-sm-12.contact-info {
	  border-top: 1px solid #ededed;
    margin-top: 5px;
	margin-bottom: 10px;
}

#price-filter label {
	display: block;
	height: 20px;
}


/* widget */

.widget {
	margin-bottom: 30px;
}

.widget .widget-title {
	font-family: 'source_sans_prosemibold';
	font-size: 1.8rem !important;
}

.widget .widget-title:before {
	content: '';
	display: block;
	background: #1cb467;
    width: 60px;
    height: 3px;
    margin-bottom: 20px;
}

.widget ul {
	margin-top: 0px !important;
	padding-left: 0px !important;
}

.widget ul li {
	position: relative;
	padding-left: 30px;
}

.widget ul li a {
	display: block;
	padding: 10px 0px;
}

.widget ul li a:hover {
    color: #1cb467;
}

#secondary .widget_recent_entries ul li:before,
#right-bar .widget_recent_entries ul li:before,
#right-bar .widget_categories ul li:before {
	background: url('../images/icon-file.png') no-repeat;
    background-size: 16px 16px;
    display: inline-block;
    position: absolute;
    height: 16px;
    left: 0px;
    margin: 0px;
    top: 15px;
    width: 16px;
    vertical-align: 0px;
}

#right-bar .widget_categories ul li {
	border-bottom: 1px solid #CCC;
}

#right-bar .widget_categories ul li a {
	border: none;
}

/* Negotiations & Claim informaton */

#claim .current-wrapper {
	padding: 0px 25px;
	border: 5px #eee solid;
	margin-bottom: 30px;
}

.current h1 {
	margin-top: 0px;
}

.current-wrapper .contact-info {
	border-top: 1px #ededed solid;
}

.current-wrapper .contact-info span {
	display: inline-block;
	padding: 10px 20px;
	border-left: 1px #ededed solid;
}

.current-wrapper .contact-info span:nth-of-type(1) {
	border-left: none;
}

.current-wrapper .contact-info span a {
	color: #1bcc66;
}

.current-wrapper .contact-info span a:hover {
	color: #2a3140;
	transition: all .5s;
}

/* Contact page */

#map {
	height: 400px;
}

#contact-form h1 {
	margin-top: 0px;
}

.form-wrapper {
	background: #eeeeee;
	padding: 15px;
}

.form .form-group {
	display: table;
	width: 100%;
}

.form .form-group .submit img {
	display: block;
	clear: both;
	margin: 0 auto;
}

.form .form-group input[type="submit"] {
	background: none repeat scroll 0 0 #1cb467;
    color: #ffffff;
    text-align: center;
    padding: 10px 30px;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    line-height: 24px;
    cursor: pointer;
    font-size: 1.8rem;
}

.form .form-group input[type="submit"]:hover {
	background: none repeat scroll 0 0 #1cb467;
    color: #000000;
}

#contact-form .contact-info {
	width: 60%;
	color: #22234b;
	margin-bottom: 15px;
}

#contact-form .contact-info span {
	font-weight: 700;
}



/* Blog */

#blog .list-odd {
	clear: both;
}

.top-blogs {
	margin-bottom: 50px;
}

.top-blogs .top-blog-wrapper {	
	border-bottom: 3px #e6eef1 solid;
}

.top-blogs .blog-wrapper {
	padding-bottom: 20px;
	margin-bottom: 20px;
}

#blog .blog-wrapper {
	border-bottom: 1px #e6eef1 solid;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.top-blogs .blog-wrapper .image a,
#blog .blog-wrapper .image a {
	position: relative;
	display: block;
}

.top-blogs .blog-wrapper .image a .date,
#blog .blog-wrapper .image a .date {
	position: absolute;
	background: rgba(28,170,98,.9);
	padding: 14px;
	width: 60px;
	height: 60px;
	color: #ffffff;
	left: 0px;
	bottom: 0px;
	text-align: center;
	line-height: 1;
	transition: all .5s;
}

.top-blogs .blog-wrapper .image a .date {
	width: 70px;
	height: 70px;
	font-size: 2rem;
}

.top-blogs .blog-wrapper .image a:hover .date,
#blog .blog-wrapper .image a:hover .date {
	background: rgba(255,255,255,.8);
	color: #1ea763;
	transition: all .5s;
}

.top-blogs .blog-wrapper .contents .title a {
	display: block;
	 font-family: 'source_sans_prosemibold';
	font-size: 2.2rem;
	color: #463f3f;
	padding-top: 20px;
	padding-bottom: 10px;
	text-transform: capitalize;
}

#blog .blog-wrapper .contents .title a {
	display: block;
	font-family: 'source_sans_prosemibold';
	font-size: 2rem;
	color: #463f3f;
	line-height: 1;
	text-transform: capitalize;
	margin-bottom: 15px;
}

.top-blogs .blog-wrapper .contents a,
#blog .blog-wrapper .contents a {
	color: #1bcc66;
}

.top-blogs .blog-wrapper .contents a:hover,
#blog .blog-wrapper .contents a:hover {
	color: #2a3140;
}

#right-bar #search-2 {
	display: none;
}

#pager {
	text-align: center;
}

main .container ul.simple-sitemap-page {
	margin-top: 0px;
}

.election-infor {
	position: relative;
	z-index: 9;
}

/* Social icon */

.social-icons {
    position: relative;
    font-family: 'socicon';
    text-align: left;
    margin-top: 15px;
    clear: both;
}

.social-icons > div {
    display: inline-block;
    
}

.bg-line {
    border-bottom: 1px #eeeeee solid;
    position: absolute;
    width: 100%;
    top: 50%;
    z-index: 1;
}

.social-icons .icons {
    background: #ffffff;
    display: inline-block;
    margin: 0 auto;
    position: relative;
    padding: 10px 20px 0px;
    z-index: 2;
}

.social-icons .icons a {
    display: inline-block;
    margin-bottom: 10px;
    float: left;
    background: url('../images/bg-social.png') no-repeat;
    height: 40px;
    width: 48px;
    padding: 10px;
}

/* Share social icon */

.share-social {
	height: 100%;
	margin-bottom: 30px;
}

.share-social h3 {
	color: #ffffff;
	border-bottom: 1px #ffffff solid;
	line-height: 1.8;
	margin-bottom: 30px;
}

#share {
	display: table;
	width: 100%;
}

.share-affix {
    position: fixed;
    top:50px;
    left:0px;
}

.share-icon {
    background-repeat: no-repeat;
    background-image:url('../images/social-icons.png');
    height:40px;
    width:40px;
    display: inline-block;
    text-indent: -99999px;
    margin:2px;
    opacity: .9;
    filter:Alpha(Opacity=90);
}

.share-icon:hover {
    opacity: 1;
    filter:Alpha(Opacity=100);
}

/**a.behance, a.delicious, a.deviantart, a.digg, a.dribbble, a.facebook, a.flickr, a.forrst, a.foursquare, a.googleplus, a.in1, a.instagram, a.lastfm, a.linkedin, a.pinterest, a.rss, a.skype, a.tumblr, a.twitter, a.vimeo, a.youtube {*/
.share-square {
    background: url("../images/social-icons.png") no-repeat scroll left top transparent;
    display: inline-block;
    float: left;
    height: 48px;
    line-height: 0;
    width: 48px;
    border: 1px #ffffff solid;
    margin-right: 10px;
}

.share-square-facebook {
    background-position: -57px 2px;
}
.basic a.share-square-facebook:hover {
	background: url("../images/social-icons.png") no-repeat scroll left top transparent;
	background-color: #1cb467;
	background-position: -57px 2px;
}
.share-square-googleplus {
    background-position: -117px 2px;
}
.basic a.share-square-googleplus:hover {
	background: url("../images/social-icons.png") no-repeat scroll left top transparent;
	background-color: #1cb467;
    background-position: -117px 2px;
}
.share-square-linkedin {
    background-position: -180px 2px;
}
.basic a.share-square-linkedin:hover {
	background: url("../images/social-icons.png") no-repeat scroll left top transparent;
	background-color: #1cb467;
    background-position: -180px 2px;
}
.share-square-twitter {
    background-position: 3px 2px;
}
.basic a.share-square-twitter:hover {
	background: url("../images/social-icons.png") no-repeat scroll left top transparent;
	background-color: #1cb467;
    background-position: 3px 2px;
}

/* search */

.search .entry-header,
.search .entry-meta {
	text-align: left;
}

.search .entry-header .entry-title a {
	border: none;
	padding: 0px;
}

.edit-link {
	margin: 0px;
}

@media (min-width: 1400px) and (max-width: 1599px) {
    .navbar-brand {
        max-width: 320px;
        padding-top: 30px;
    }

}

@media (min-width: 1200px) and (max-width: 1399px) {
	
    .navbar-brand {
        max-width: 210px;  
        padding-top: 30px;
    }

    .navbar-nav > li {
        padding: 15px 0px;
    }

    .header-phone {
        padding-top: 15px;
    }

    .header-space {
    	height: 80px;
    }
    
}

@media (min-width: 992px) and (max-width: 1199px) {
	
    .navbar-brand {
        max-width: 180px;
        height: auto;
        padding-top: 30px;       
    } 
    
    #content_top {
	    top: -60px;
	}
    
    .navbar-default .navbar-nav > li > a {
        padding: 0px 10px;
        font-size: 1.2rem;
    }

    .navbar-nav > li {
        padding: 15px 0px;
    }

    .header-phone {
        padding-top: 20px; 
    }

   .header-phone .header_call {
        padding: 5px 10px 5px 5px;
    }

    #contact-details .right .col-md-3 {
        width: 50%;
    }

    #contact-details .right .list-odd {
        clear: both;
    }

    .plan-type .pricing_details {
        padding: 30px 15px;
    }
    #footer-top .contents {
    	padding-left: 20%;
    }
    
    #footer-top .contents:before {
    	left: 10%;
    }
    	
	.home-service > .contents .list-wrapper {
		padding-left: 0px;
	}
	
	#post-product .staff .details .contact-info span {
		display: block;
		clear: both;
	}

}

@media (min-width: 768px) and (max-width: 991px) {
     
     #content_top {
	    top: -55px;
	}
	
	.header-space {
		height: 60px;
	}
	
	#page-title .contents .container,
	.about-page .contents .container {
		padding-left: 15px;
	}
	
    .navbar-brand {
        max-width: 120px;
        height: auto;
        padding-top: 20px;
        padding-right: 0px;       
    }
    
    .navbar-nav {
    	padding-right: 30px;
    }

    .navbar-nav > li {
        padding: 10px 0px;
        margin-left: 0px;
    }

    .navbar-default .navbar-nav > li > a {
        font-size: 1rem;
        padding: 0px 5px;
    }

    .header-phone {
        display: none;
    }

    #footer-content .bottom > div {
        width: 100%;
        text-align: center;
    }
    
    #contact-details .right .col-md-3 {
        width: 50%;
    }

    #contact-details .right .list-odd {
        clear: both;
    }

    #PageContents li {
        width: 100%;
    }

    .front_page .service-list .contents .title p {
        font-size: 2.2rem;
    }

    .front_page .item-3 .list-2 .main-contents ul {
        padding-left: 25px;
    }
    .front_page .item-3 .list-2 .main-contents ul li{
        padding-right: 20px;
    }

    .front_page .item-3 .list-2 .main-contents ul li:before {
        margin-left: -30px;
        margin-right: 10px;
    }
    
    .blogs {
    	padding-top: 40px;
    }
    
    #footer-top .contents {
    	padding-left: 30%;
    }
    
    #footer-top .contents:before {
    	left: 15%;
    }
        
    #footer-content .top .contents {
    	width: 100%;
    	margin-top: 30px;
    }
    
    #footer-content .top .contents .col-sm-3 {
    	width: 50%;
    	margin-bottom: 20px;
    }
    
    .about-item.item-1 .background,
    .about-item.item-2 .background {
	    position: static;
	    height: 350px;
	}
	
	#footer-newsletter .button a {
		width: 100%;
	}
	
	#right-bar {
		clear: both;
		padding-top: 20px;
	}
	
	.form .form-group {
		margin-bottom: 0px;
	}
	
	.form .form-group > div {
	    margin-bottom: 15px;
	}

}

@media (max-width: 768px) {
    main {
        overflow-x: hidden;
    }

    .navbar-brand {
        max-width: 220px;
        height: auto;
        padding: 15px 8px 8px 15px;
    } 

    .navbar-toggle {
        margin-top: 20px;
    }

    .navbar-nav {
        margin: 0px auto;
    }
    
    #header .header-container {
    	padding: 0px;
    }
    
    #header .navbar-brand, #header.sticky-header .navbar-brand {
    	width: 80px;
    	padding-top: 15px;
    }
    
    #footer #footer-content .right {
        position: static;
        padding: 0px;
    }

    .front_page .item-3 .contents {
        position: relative;
    }

    .front_page .item-3 .feature-image,
    .front_page .item-3 .feature-image img {
        width: 100% !important;
        height: auto !important;
    }
    
    .front_page .home-solutions .solutions-list .level-bottom {
    	margin-bottom: 40px;
    }
    
    #home-slider .poo-images {
    	display: none;
    }
    
    #content_top {
    	top: -55px;
    }
    
    #main_title h1 {
        margin: 20px 0px;
        font-size: 2.4rem;
    }
    
    .solutions .solution-list:nth-of-type(3n+3) {
        border-left: none; 
        border-right: none; 
    }

    a.dropdown-toggle .caret {
        float: right;
        border-top: 10px solid;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
    }

    .dropdown-menu {
        position: static;
        width: 100%;
        float: none;
        font-size: 1.6rem;
        border: none;
        box-shadow: none;
        background: none;
    	text-align: center;
    }
    
    li.menu-item-has-children:hover .dropdown-menu {
       display: block;
    }
    
    #PageContents li {
        float: none;
    }
        
    .testimonials-slider ol.flex-control-nav {
    	bottom: 40px;
    }

    .basic a.btn {
          white-space: normal;
    }

    .front_page .item-3 .list-2 .main-contents ul li {
        display: block;
        width: 100%;
    }

    a.dropdown-toggle .caret {
        display: none;
    }

    span.mobile-drop {
        display: block;
        background: url('../images/icon-arrow-down.png') no-repeat;
        background-size: 50px 50px; 
        position: absolute;
        height: 50px;
        width: 50px;
        top: 0px;
        right: 0px;
        border: none;
        z-index: 1;
    }

    .navbar-default .navbar-nav > li:hover span.mobile-drop, 
    .navbar-nav > li.active span.mobile-drop {
        background: url('../images/icon-arrow-down-active.png') no-repeat;
    }

    .navbar-default .navbar-nav > li.show {
        height: auto;
    }

    .navbar-default .navbar-nav > li.show ul{        display: block;
    }
    
    #footer-content .top .contents {
    	width: 100%;
    	margin-top: 30px;
    }
    
    #footer-content .top .contents .col-sm-3 {
    	width: 50%;
    	margin-bottom: 20px;
    }
    
    .form .form-group {
    	margin-bottom: 0px;
    }
    
    .form .form-group > div {
    	margin-bottom: 15px;
    }
    
    #mailling-form .form .form-group {
    	margin-bottom: 15px;
    }
    
    #footer-newsletter .button a {
    	width: 100%;
    }
    
    section#about > .background {
	    position: static;
	    height: 400px;
	}
	
	#service.homepage-item .background .pull-right {
	    display: none;
	}
	
	#blog .blog-wrapper .contents .title a {
	    margin-top: 15px;
	}
	
	.about-item.item-2 .background {
	    position: static;
	    height: 350px;
	}
	
	#page-title .contents .container, .about-page .contents .container {
	    padding-left: 15px;
	}
	
	#about-last .product-wrapper .image {
	    width: 100% !important;
	}
	
	#post-product .staff .details {
	    padding-left: 15px;
	}

	#post-product .staff .details .details-wrapper {
	    padding: 15px;
	}
	
	section#council-election > .background {
	    position: static;
	}
	
	section#council-election > .background .image {
		padding-top: 100px;
	}
	
	#council-election .details-wrapper {
	    position: static;
	    width: 80%;
	}
	
	.about-item.item-1 .background,
    .about-item.item-2 .background {
	    position: static;
	    height: 300px;
	}	
	
	#history {
		height: auto !important;
	}
	
	#footer-newsletter .button a {
		width: 100%;
	}
	
	#right-bar {
		clear: both;
		padding-top: 20px;
	}
	
	#products .product .product-wrapper {
	    height: auto !important;
	}

	#shopping-list-component {
		position: static;
		width: 100%;
		padding: 30px 0 0;
		text-align: center;
	}

	#product-list {
		position: relative;
	}

	#shopping-list-icon {
		position: relative;
		cursor: pointer;
		display: inline-block;
	}

	#shopping-list-icon span {
		position: absolute;
		right: -5px;
	}

	#header form.search-form svg {
		top: 15px;
		z-index: 10;
	}

}

@media (max-width: 767px) {
	
	.header-space {
		height: 65px;
	}	
	
	.navbar-nav {
		width: 100%;
	}
	
	.navbar-nav > li {
		padding: 15px 0px;
		text-align: center;
	}
	
	.navbar-default .navbar-nav > li > a {
		display: block;
		padding: 5px 0px;
		font-size: 1.6rem;
		border: none;
	}
		
	#header form.search-form {
		display: block;
		position: relative;
		width: 100% !important;
		height: 40px;
		margin: 0;
		padding: 15px 0;
		overflow: visible;
		top: 0;
	}

	#header form.search-form label {
		display: block;
	}

	#header form.search-form input[type="search"] {
		width: 100%;
		right: 0 !important;
		position: relative;
		transition: 0s;
	}

	#header form.search-form input[type="submit"] {
		right: 0px;
    	top: 15px;
		z-index: 3;
	}
	
	.navbar-collapse {
		padding: 0px;
	}
	
	.dropdown-menu {
        position: static;
        width: 100%;
        float: none;
        font-size: 1.6rem;
        border: none;
        box-shadow: none;
        display: block;
        background: none;
    	text-align: center;
    }
    
    .dropdown-menu li a {
	    color: #333333;
	    text-align: center;
	    border: none;
	}
	
	.about-item .contents br {
		display: none;
	}
	
	.about-item .contents br:nth-child(1) {
		display: block;
	}
	
	#history {
		height: auto !important;
	}
}

@media (max-width: 520px) {
	
	.navbar {
		margin: 0px;
	}
	
	.navbar-brand {
		padding-top: 8px;
	}
	
	#header #top-header {
		padding: 10px 0px;
	}
	
	#header #top-header ul,
	#header #top-header .top-right {
		text-align: center;
	}
	
	#header .navbar-brand, #header.sticky-header .navbar-brand {
		padding-top: 10px;
		padding-left: 0px;
		width: 65px;
	}
	
	.navbar-toggle {
		margin-right: 0px;
	}
	
	.dropdown-menu {
		display: block;
		background: none;
		text-align: center;
	}
	
	.dropdown-menu li a {
		color: #333333;
		text-align: center;
		border: none;
	}
		
	#page-title .contents .container,
	.about-page .contents .container {
		text-align: center;
	}
	
	#page-title .contents h1,
	.about-page .contents h1 {
		font-size: 2.4rem;
	}
	
	#page-title .contents .line {
		display: inline-block;
	}
	
	.basic a.btn {
		width: 100%;
	}
	
    .button a {
        width: 100%;
    }
    
    .front_page .item-3 .feature-image,
    .about-page #company .feature-image {
        height: 240px !important;
    }

    .front_page .item-3 .btn-white,
    .front_page .item-3 .btn-green {
        width: 100%;
        margin-bottom: 15px;
    }

    .contact-details .wpcf7-submit {
        width: 100%;
        margin-bottom: 0px;
    }
    
    #close {
    	top: 5px;
    	right: 5px;
    }
    
    #open {
    	top: 5px;
    }
    
    .hide-mobile {
        display: none;
    }

    #footer {
        margin-bottom: 0px;
    }

    #footer .certifications .contents {
        font-size: 1.3rem;
        padding-top: 0px;
    }

    #footer #footer-content .top a.btn-pink {
        width: 100%;
    }

    #main_title {
        padding: 10px 0px;
    }

    #main_title span.icon {
        background-size: 50px 50px;
        width: 50px;
        height: 50px;
        vertical-align: -18px;
    }

    #main_title h1 {
        font-size: 1.6rem;
    }
        
    .blogs {
    	padding-top: 20px;
    }
    
    .blog-page #pager {
    	margin-top: 0px;
    }
    
    blockquote {
    	padding: 30px;
    }
    
    #footer .copyright {
    	text-align: center;
    }
          
    #footer-content {
    	font-size: 1.2rem;
    	text-align: center;
    }
    
    .navbar-nav {
    	padding: 20px 0px;
    }
    
    .logo-mailing {
    	background-size: 60px 60px;
	    width: 60px;
	    height: 60px;
    }
    
    #footer-content .address span {
    	left: 15px;
    }
    
    #footer-content .address .footer-menu {
    	padding-left: 0px;
    }
    
    section#about > .background {
    	position: static;
    	height: 300px;
    }
    
    #footer .footer_menu li a {
    	font-size: 1.2rem;
    }
    
    .menu-footer-menu-container {
    	text-align: center;
    }
    
    .home-service > .contents .list-wrapper {
    	padding-left: 0px;
    	width: 100%;
    }
    
    .homepage-item .sub-title {
    	font-size: 3.2rem;
    	width: 100%;
    }
    
    #service.homepage-item .background .pull-right {
    	display: none;
    }
    
    #blog .blog-wrapper .contents .title a {
    	margin-top: 15px;
    }
    
    #page-title .container .title,
    #page-title .container ul {
    	line-height: 1;
    	padding: 0px;
    }
    
    #page-title .container .title {
    	font-size: 2.4rem;
    }
    
    .about-item .sub-title {
    	width: 100%;
    }
    
    .about-item.item-2 .background {
    	position: static;
    	height: 250px;
    }
    
    #about-last .product-wrapper .image {
    	width: 100% !important;
    }
    
    #about-last .product-wrapper .products {
    	padding: 30px;
    }
    
    #post-product .staff .details {
    	padding-left: 15px;
    }
    
    #post-product .staff .details .details-wrapper {
    	padding: 15px;
    }
    
    section#council-election > .background {
    	position: static;
    }
    
    #council-election .details-wrapper {
    	position: static;
    	width: 100%;
    }
    
    .form .form-group input[type="submit"] {
    	width: 100%;
    }
    
    #elections .candidate .image img {
    	width: 100%;
    }
    
    #elections .candidate h2 {
    	margin-top: 15px;
    }
    
    #elections .candidate .details-wrapper {
    	border-bottom: 1px #ededed solid;
    }
    
    #elections .candidate .contact-info span {
    	border: none;
    }
    
    #candidate .sub-title,
    .about-item .sub-title {
    	font-size: 4rem;
    }
    
    .top-blogs .blog-wrapper .image a img, 
    #blog .blog-wrapper .image a img {
    	width: 100%;
    }
    
    .councillors .councillors-wrapper {
    	padding: 0px 15px 0px;
    }
    
    .councillors .councillors-wrapper img {
    	width: 100%;
    }
    
    .current-wrapper .contact-info span {
    	border-left: none;
    }
    
    .navigation {
    	margin-bottom: 20px;
    }
        
    #products .product .product-wrapper {
    	height: auto !important;
    }
    
    .product-wrapper .image, 
    #about-last .product-wrapper .image {
    	width: 100% !important;
		height: 300px;
    }
    
    .about-item.item-1 .background,
    .about-item.item-2 .background {
	    position: static;
	    height: 200px;
	}
	
	.top-blogs,
	.top-blogs .blog-wrapper {
		margin-bottom: 0px;
	}

	main .top-bar {
		margin: 0 -15px;
	}

	main .top-bar ul li {
		display: inline-block;
		width: 50%;
		padding: 0 15px;
		margin: 0 0 15px 0;
	}

	main .top-bar ul li a,
	main .top-bar ul li span {
		display: block;
		text-align: center;
    	border: 1px solid #2b3141;
		padding: 5px;
	}

	#archive-header {
		margin: 15px 0;
	}

	.product-item {
		width: 100%;
	}

	#product-list {
		width: 100%;
	}
	
	#shopping-list .product-name a {
		display: inline-block;
		font-size: 14px;
    	line-height: 1;
	}

	#shopping-list .product-name > div {
		font-size: 14px;
    	line-height: 1;
	}

	#request-form-content .submit button {
		width: 100%;
	}

	.add-to-list button {
		width: 100%;
	}

	.basic h2, .basic h3 {
		font-size: 3rem;
		line-height: 1.2;
	}

	#products-additional .title-wrapper .view-more {
		position: static;
		display: block;
		text-align: center;
	}
}