/*== Fonts CSS
=====================*/
@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,700');

/*== Global CSS
=====================*/
body{font-family: 'Poppins', sans-serif; margin: 0; color: #555555; font-size: 15px;}
*{margin: 0; padding: 0;}
.wrapper{width:1200px;margin: 0 auto;}
.floatleft{float: left}
.floatright{float: right}
ul{padding: 0;margin: 0;list-style-type: none}
/*.row{float: left;width:100%}*/
img{vertical-align: middle; max-width: 100%;}
.clear{clear: both}
.inner{width:1200px;}

h1{color: #004386; font-size: 28px; font-weight: 500; line-height: 35px; margin: 0 0 7px 0;}
h2{color: #004386; font-size: 25px; line-height: 35px; margin: 0 0 7px 0;}
h3{color: #004386; font-size: 22px; line-height: 35px; margin: 0 0 7px 0;}
h4{color: #004386; font-size: 18px; line-height: 35px; margin: 0 0 7px 0;}
h5{}

.btn-white{color: #fff; background-color: transparent; border-color: #FFF; font-size: 14px; font-weight: 500; text-transform: uppercase; padding: 13px 20px; min-width: 200px;}
.btn-white:hover{color:#fff;background-color:#004386;border-color:#004386}

/*== Header CSS
=====================*/
#header{float: left; width: 100%; background: #FFF; border-top: 5px solid #004386;}
.logo{float: left; padding: 14px 0 30px 0;}
.header-right{float: right; max-width: 75%; text-align: right;}
.header-top{font-size: 14px; float: left; width: 100%;}
.contact-info{text-align: left; float: left; font-weight: 500; color: #004386; padding: 8px 0 0 0;}
.contact-info ul{margin: 0; padding: 0; list-style: none;}
.contact-info li{display: inline-block; margin-right: 27px;}
.contact-info a{color: #0091b1; text-decoration: none;}
.contact-info i.fa{margin-right: 8px;}

.header-top-right{float: right;}
.follow-links{float: left;}
.follow-links h3{display: inline-block; vertical-align: middle; font-size: 14px; color: #004386; text-transform: uppercase; font-weight: 500; margin: 0 5px 0 0;}
.follow-links ul{margin: 0; padding: 0; list-style: none; display: inline-block; vertical-align: middle;}
.follow-links li{display: inline-block; margin: 0 5px; vertical-align: middle;}
.follow-links a{color: #0091b1;}

.welcome{background: #004386; color: #FFF; font-weight: 500; padding: 8px 15px; text-decoration: none; display: block; float: right; border-radius: 0 0 5px 5px; margin-left: 15px;}
.welcome a { color:#fff; }
.welcom a:hover{color: white; text-decoration:underline;}

.navigation{float: left; width: 100%; border-top:1px solid #d4d8df; margin-top: 30px; padding-top: 22px;}
.navigation ul{margin: 0; padding: 0; list-style: none; float:right;}
.navigation ul li{float: left; margin-left: 44px;}
.navigation ul li:first-child{margin-left: 0;}
.navigation ul li:hover a, .navigation ul li.active a{color: #0091b1; border-color: #0091b1;}
.navigation ul li a{color: #444444; font-size: 14px; font-weight: 500; display: block; text-decoration: none; border-bottom: 1px solid transparent;}

/*== Slider CSS
=====================*/
.slider{float: left; width: 100%; overflow: hidden;}
.slider .flexslider{margin: 0;}
.slider img{float: left; width: 100%;}
.slider li{position: relative;float: left;width: 100%;height: 730px;background-size: cover!important;background-position: center center!important;}
.slider li .slider-content{position: absolute; left: 0; width: 100%; text-align: center; top: 40%;}
.slider li .slider-content h2{font-size: 36px; font-weight: 700; color: #fff; margin-bottom: 20px;}
.slider li .slider-content p{color: #fff; font-size: 22px; line-height: 35px;}
.flex-control-nav{display: none !important}

/*== About Content CSS
=====================*/
.about-content{float: left; width: 100%; padding: 65px 0; background: #0091b1; text-align: center; color: #FFF;}
.about-content p{line-height: 30px; margin-bottom:42px; }

/*== What do section CSS
=====================*/
.what-do-section{float: left; width: 100%; padding: 70px 0; line-height: 1.8;}
.what-do-section h1{text-align: center; margin-bottom: 40px;}
.what-do-section .row{margin: 35px -15px;}
.what-do-section .row .row{margin: 0 -15px;}
.what-do-section blockquote{font-size: 20px; color: #0091b1; border: none; padding: 0;}
.what-do-content{padding: 20px 0 0 20px;}
.pull-left .what-do-content{padding: 20px 20px 0 0;}
.pull-right{text-align: right;}
.what-do-content p{margin: 0 0 32px 0!important;}
.what-do-section li{position: relative; margin: 0 0 4px 0; padding-left: 20px;}
.what-do-section li:before{content: ''; display: block; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #004386; position: absolute; left: 5px; top: 8px;}
.what-do-section .pagination li:before { display:none; }

/*== Online Sales Content CSS
=====================*/
.online-sales-content{float: left; width: 100%; padding: 65px 0 85px 0; background: #004386; text-align: center; color: #FFF;}
.online-sales-content p{line-height: 30px; margin-bottom:25px; }
.online-sales-content h1{color: #FFF;}
.online-sales-content .btn-white:hover{background-color:#0091b1;border-color:#0091b1}

/*== Footer CSS
=====================*/
#footer{float: left; width: 100%; background: #004386; color: #FFF;}
.footer-top{float: left; width: 100%; padding: 65px 0; font-size: 14px; line-height: 2.0;}
.footer-top h3{font-size: 20px; color: #FFF; text-transform: uppercase; font-weight: 500; margin-bottom: 15px;}
.footer-col-1 img{display: block;}
.footer-col-1 .footer-logo img{margin-bottom: 40px;}
.footer-top a{color: #FFF;}
.footer-top p{margin: 0 0 30px 0;}
.footer-top li{margin: 0 0 4px 0;}

.footer-col-1{float: left; width: 440px;}
.footer-col-2{float: left; width: 270px;}
.footer-col-3{float: left; width: 300px;}
.footer-col-4{float: left; width: 190px;}

.footer-bottom{float: left; width: 100%; padding: 30px 0; background: #0091b1; color: #FFF;}
.footer-bottom p{margin: 0;}
.footer-bottom p a{color: #FFF;}
.footer-bottom .follow-links{float: right;}
.footer-bottom .follow-links li{margin: 0 0 0 20px;}
.footer-bottom .follow-links a{color: #FFF;}

/*== Inner page CSS
=====================*/

.page-title{float: left; width: 100%; background: url(../images/page-title-bg.jpg) no-repeat center; background-size: cover; padding: 80px 0; text-align: center;}
.page-title h1{font-size: 30px; color: #FFF; font-weight: 500;}

.inside-content-left{float: left;margin: 70px 0px;width: 775px;}
.inside-content-left p{line-height: 28px;margin: 27px 0px;}

.inside-content-right{float: right;width: 370px;margin: 70px 0px;}   

.list-section{border-top: 1px solid #d4d8df; padding-top: 40px; margin-top: 50px;}
.list-section h1{margin: 0 0 45px 0;}
.list-section ul{margin: 0; padding: 0; list-style: none;}
.list-section li{overflow: hidden; margin: 40px 0;}
.list-section .ls-img-box{float: left; width: 282px; height: 189px; line-height: 185px; border: 1px solid #d6dae1; text-align: center;}
.list-section .ls-img-box img{display: inline; margin: 0 auto;}
.list-section .ls-content{margin-left: 302px;}
.list-section .ls-content h3{margin: 0 0 12px 0; border-bottom: 1px solid #d4d8df; padding: 0 0 8px 0;}
.list-section .ls-content p{margin: 0 0 12px 0; line-height: 1.7;}
.list-section .ls-content .btn{padding: 10px 18px; background-color: #0091b1; border-color: #0091b1;}
.list-section .ls-content .btn:hover{background-color: #004386; border-color: #004386;}

.form{ margin-top: 0px}
.form h1{margin: 0 0 35px 0;}
.form input{width: 100%;padding: 10px;height: 44px;font-size: 16px;font-family: 'Roboto', sans-serif !important;box-sizing: border-box; border-radius: 5px; border: 1px solid #d4d8df;}
.form textarea{width: 100%;height: 140px!important;padding: 10px;font-size: 16px;font-family: 'Roboto', sans-serif !important;box-sizing: border-box; border-radius: 5px; border: 1px solid #d4d8df;}
.form input[type=submit], .form button{width: 180px;}
.form .col-1{margin-bottom: 25px; clear: both;}
.form .col-2{width: 375px;float: left;margin-bottom: 25px;}
.form .col-2:nth-child(2n+1){float: right;}
.form .col-3{width: 32%;float: left;margin-right: 1%;margin-bottom: 25px;}
.form .col-3:last-child{display: none;}

.map{border-top: 1px solid #d4d8df; padding-top: 40px; margin-top: 50px;}
.map h1{margin: 0 0 35px 0;}

.subscribe{margin: 30px 0px 0 0; overflow: hidden; border-top: 1px solid #d4d8df; padding-top: 40px;}
.subscribe h1{margin: 0 0 35px 0;}
.subscribe-content{background: url(../images/subscribe-bg.png) no-repeat center #191718; background-size: cover; min-height: 300px;}
.subscribe-form{padding: 50px 0 0 0; width: 375px; float: right;}
.subscribe-form h2{margin: 0 0 18px 0; font-size: 24px; color: #12a0bf;}
.subscribe p{font-size: 16px;color: #c9ced3; margin: 0; padding: 0 0 30px 0; line-height: 1.7;}
.subscribe input{width: 250px;padding: 10px 20px;font-size: 14px;font-family: 'Roboto', sans-serif;margin-bottom: 16px; width: 210px; float: left; border-radius: 5px 0 0 5px; border: none; margin: 0;}
.subscribe input[type=submit]{background: #0091b1;color: #FFF;font-weight: 500;border: 0px;width: 114px; float: left; border-radius: 0 5px 5px 0;}
.subscribe input[type=submit]:hover{background: #004386; cursor: pointer;}

.specialise-links{}
.specialise-links h3{margin-bottom: 30px;}
.specialise-links ul{margin: 0; padding: 0; list-style: none; background: url(../images/strip1.jpg) no-repeat top left;}
.specialise-links li{background: url(../images/strip1.jpg) no-repeat bottom left; border-left: 1px solid #d4d8df;}
.specialise-links a{display: block; padding: 15px 15px 15px 40px; font-size: 15px; color: #444444; position: relative; text-decoration: none; transition: all 0.3s;}
.specialise-links a:before{content: ''; display: block; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #0091b1; position: absolute; left: 22px; top: 20px; transition: all 0.3s;}
.specialise-links a:hover{padding-left: 45px;}
.specialise-links a:hover:before{left: 27px;}
.specialise-links .active a { background: #337ab7; color: #fff; }

.inside-content-right .online-sales-content{margin-top: 40px; text-align: left; padding: 35px 35px 45px 35px;}
.inside-content-right .online-sales-content h1{margin-bottom: 15px;}

.species-slider{text-align: center; padding: 70px 0 100px 0; float: left; width: 100%; color: #555555;}
.species-slider .flexslider{margin: 50px auto 0 auto; max-width: 1170px;}
.species-slider img{margin: 0 0 12px 0; width: 100%;}
.species-slider h3{font-size: 20px; font-weight: bold; text-transform: uppercase;}
.species-slider .species-content{max-width: 290px; padding: 0 10px; margin: 0 auto;}
.species-slider .species-content p{min-height: 115px;}
.species-slider .species-content a.btn-primary{background-color: #0091b1; border-color: #0091b1;}
.species-slider .flex-direction-nav{display: block;}
.species-slider .flex-direction-nav .flex-prev{background: url(../images/slider-left-arrow.png) no-repeat; width: 30px; height: 57px;    opacity: 1!important; left: -70px!important;}
.species-slider .flex-direction-nav .flex-prev.flex-disabled{background-position: left bottom;}
.species-slider .flex-direction-nav .flex-next{background: url(../images/slider-right-arrow.png) no-repeat; width: 30px; height: 57px;    opacity: 1!important; right: -70px!important;}
.species-slider .flex-direction-nav .flex-next.flex-disabled{background-position: left bottom;}

.res-menu{display: none;}

#map-canvas{height: 350px;}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { vertical-align: middle; }

.btn-add {
	    background: #4BB543;
    color: #fff;
}
.btn-remove {
	background:#FFBABA;
	color:#fff;
}
.basket-btn {
	background: #4BB543;
    color: #fff;
}
.btn-checkout {
		background: #4BB543;
    color: #fff;
	width:100%;
}
.basket-outer {
    background: #eee;
	border:1px solid;
    padding: 30px;
    float: right;
    position: absolute;
    right: 0;
    /* border: 1px solid #000; */
    /* border-right: 0; */
    top: -65px;
	z-index:10;
}
.wrapper {
position: relative;
}
#basketwarning {
	display:none;
	border: 1px solid #f00;
    padding: 30px;
    margin-bottom: 30px;
    background: #fbb;
}
.btn-lists {
	display: block;
    width: 100%;
    text-align: center;
    padding: 20px 10px;
    border: 3px solid #004386;
    text-transform: uppercase;
    font-weight: bold;
    color: #004386;
}
.btn-lists.active {
	color:#fff;
	background:#004386;
}
.checkbox, .radio {
	margin-bottom:50px;
}
.checkbox input[type=checkbox] {
	padding: 0;
    width: auto;
    height: auto;
}
#modal {
	position: fixed;
    background: #eee;
    padding: 30px;
    border: 1px solid;
	display:none;
	left:10px;
	top:10px;
}
.offline-message {
	clear:both;
}
.filterbox {
	    border: 3px solid #004386;
    padding: 20px;
    text-align: center;
	background:#fff;
	position:absolute;
}
.filterbox-spacer {
	height:110px;
	position:relative;
}
.filterbox h3 {
	display: inline-block;
    margin: 0 10px 0 0;
    padding: 0;
    top: 1px;
    position: relative;
}
.filterbox ul {
	display:inline-block;
}
.filterbox ul li {
	padding:0;
	margin:0;
	display:inline-block;
}
.filterbox ul li:before {
	display:none;
}
.filterbox ul li a {
	display:block;
	padding:5px 10px;
	border: 1px solid #004386;
	color:#004386;
	font-weight:bold;
	margin:0 3px;
}
.filterbox ul li a:hover, .filterbox ul li a.active {
	background:#004386;
	color:#fff;
	text-decoration:none;
}
.prodday {
	color:#fff;
}
.prodday1 {
	background:#FF0000;
}
.prodday2 {
	background:#808000;
}
.prodday3 {
	background:#008080;
}
.prodday4 {
	background:#000080;
}
.prodday5 {
	background:#FF00FF;
}
.prodday6 {
	background:#800000;
}
.prodday7 {
	background:#0000FF;
}
.logo img {
	max-width:180px;
	    margin-top: 20px;
}
.footer-logo img {
	max-width:170px;
}
.multiline {
	white-space: pre-line
}