@import url("https://daphnis.wbnusystem.net/~wbplus/websites/assets/default.css");
/*-- GLOBAL 
=======================*/

body {
	margin: 0px;

	}

.main-content {
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	min-height: 600px;
	padding-bottom: 0px;
	padding-top: 0px;
	}
@media only screen and (max-width: 719px) {
.main-content {
	padding-top: 0px;
	}
.main-content-inner {
	padding: 0px 0px;
}
}


#background {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
.for-mobile {
	display: block;	
}
.for-desktop {
	display: none;	
}
@media screen and (min-width: 767px) {
#background {
	display: block;
}
.for-mobile {
	display: none;	
}
.for-desktop {
	display: block;	
}
}

/*-- FORM FIELDS
======================*/
form ul {
	list-style: none
	}
input[type=submit],input[type=button] {
	padding: 10px 22px;
	font-size: 1.0em;
	border-radius: 3px;
	display: inline-block;
	margin-bottom: 10px;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: solid 2px #014278;
	white-space: nowrap;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	max-width: 100%;
	background-color: transparent;
	color: #014278;
	-webkit-appearance: none;
	text-transform: uppercase;
	}
input[type=submit]:hover,input[type=button]:hover {
	background-color: transparent;
	transform: translateY(-5px);
	}
input:not([type=submit]):not([type=image]) {
	padding: 10px;
	margin-right: 10px;
	border: 1px solid rgba(0, 0, 0, 0.3);
	border-radius: 3px;
	width: 250px;
	margin-bottom: 10px;
	font-size: 1.0em;
    font-family: "open_sansregular", sans-serif;
	max-width: 100%;
}
select {
	padding: 10px;
	margin-right: 10px;
	border: 1px solid rgba(0, 0, 0, 0.3);
	border-radius: 3px;
	width: 272px;
	margin-bottom: 10px;
	font-size: 1.0em;
    font-family: "open_sansregular", sans-serif;
	max-width: 100%;
}
textarea {
	padding: 10px;
	margin-right: 10px;
	border: 1px solid rgba(0, 0, 0, 0.3);
	border-radius: 3px;
	width: 250px;
	margin-bottom: 10px;
	font-size: 1.0em;
    font-family: "open_sansregular", sans-serif;
	height: 150px;
	max-width: 100%;
}

.button-grey {
	background-color: #909090 !important;	
	}
	
/* CONTACT FORM
======================*/
.button-grey {
	background-color: #909090 !important;	
	}
.contact-form {
	margin-top: 20px;	
	}
.contact-form label {
	display: none;
	}
.form-alert {
	color: #FFFFFF;
	font-size: 1.3em;
	background-color: #F9B000;	
}



.show-label label {
	display: inline-block;
}


/* Login Section 
=============================*/
.loginpage-form {
	width: 210px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	clear: both;
	}

.loginpage-form ul {
	padding: 0;
	margin: 0;
	list-style:none;
	clear: both;
}
.loginpage-form li {

}
.loginpage-form label {
	display: none;
	}
.loginpage-form input[type=submit] {
	width: 212px;
}


/* Header components
=========================================================*/
.header {
	text-align: left;
	position: relative;
	margin-bottom: 0em;
	background-color: #ffffff;
	z-index: 1010;
	}
.header-inner {
	/*max-width: 1170px;*/
	margin-left: auto;
	margin-right: auto;
	padding-left: 1.5em;
	padding-right: 0em;
	position: relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: rgba(255,255,255,1.00);
	}
.header-inner a {

	}
#logo {
    margin: 0.5em 0 0.5em 1em;
    float: left;
    width: 110px;
    text-align: left;
}
#logo img {
    width: 100%;
    max-width: 250px;
}
.header-info {
	text-align: right;
	float: right;
	margin: 1.0em 0em 1em 0em;
	width: 50%;
	position: relative;
	z-index: 9000;
	display: none;
	}
.h-tel {
	margin-right: 6px;
	color: #8DC63F;
	letter-spacing: 0.0em;
	font-size: 0.9em;
}
.h-tel a {
	color: #6E6E6E;
	display: inline-block;
	background-image: url(images/he-icon-tel.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 14px auto;
	padding-left: 25px;
	font-family: "open_sansbold", sans-serif;
}
.h-tel a:first-of-type {
	padding-right: 20px;	

}
.h-tel a:last-of-type {
	background-image: url(images/he-icon-email.png);
	font-size: 0.95em;
}
	
	
	
.header-sign-up a, .header-Login a,  .header-cart a {
	float: right;
	display: block;
	padding: 2px 8px;
	border-right: solid 1px #8ac5cd;
    font-family: "open_sansbold", sans-serif;
	font-size: 0.9em;
}
.header-cart a {
	padding: 2px 25px 2px 8px;
	border: none;
	background-image: url(images/cart.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: auto 100%;
}
.search-header {
	border: solid 1px #cdcdcd;
	border-radius: 19px;
	width: 190px;
	margin: 22px 0px 0px 0px;
	padding: 5px 10px;
	margin-left: auto;
}
.search-header input[type=image] {
	width: 24px;
	height: 24px;
	float: right;
}
.search-header input[type=text] {
	border: none !important;
	width: 150px;
	margin: 0px;
	float: left;
	padding: 5px;
}

@media screen and (max-width: 999px) {
#logo {
	
	}
.header-info {
	margin: 4.0em 0em 1em 0em;
	}
.header-inner {
	padding-left: 0.75em;
	padding-right: 0.75em;
}
}


/* MULTI MENU SYSTEM
================================*/

@media screen and (min-width: 1000px) {




 .howerbox-level1 {
    display: none;
        width: 1000px;
        height: auto;
        position: absolute;
        color: black;
        background-color: floralwhite;
		column-count: 5;
    }

    .cl_orange
    {
    color: orange;
    }
/**/


/*.content-box {
   border: 10px solid #000000;
   column-count: 3;
 }*/

UL#nav-main  {
	padding: 0px !important;
	margin: 0px !important;
}
#nav-main UL,#nav-main LI,#nav-main OL  {
	padding: 0px !important;
	margin: 0px !important;
	margin-bottom: 8px !important;
}
/*.ol_class {
	width: 250px;
	text-transform: none !important;
}*/
.navigation {
	z-index: 9999999;
	text-align: right;
}
.howerbox {
	text-align: left !important;
}
.howerbox-level1 {
	position: absolute;
	top: 64px;
	left: auto;
	right: 1px;
	z-index: 9999999;
	width: 100% !important;
	margin: 0em 0em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	/*max-width: 1280px;*/
}
nav ul li {
    position: inherit !important;

}

.howerbox-level1 {
	background-color: #FFFFFF;
	border-top: 3px solid #9EA0A4;
}
.howerbox-level2 {
}
.ol_class {
	text-align: center;	
}
.howerbox-level1 li a {
	color: #445b6d;
	font-family: "open_sansbold", sans-serif !Important;
	text-transform: uppercase;
	font-size: 0.83em;
	padding: 8px 2px;
	margin: 0px autox;
	text-align: center;
	border-bottom: solid 1px #969696 !important;
	width: 210px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.howerbox-level2 li a {
	color: #807b74;
	font-family: "open_sansregular", sans-serif !Important;
	text-transform: none;
	font-size: 0.83em;
	padding: 4px 2px;
	margin: 0px 0px;
	text-align: left;
	border: none !important;
}
.howerbox img {
	padding-bottom: 7px;
	width: 100%;
	max-width: 300px;	
}
#nav-main .howerbox-level2 UL,#nav-main .howerbox-level2 LI,#nav-main .howerbox-level2 OL  {
	padding: 0px !important;
	margin: 0px !important;
	margin-top: 3px !important;
}
}
/* NEW MENU SYSTEM
================================*/
@media screen and (min-width: 1000px) {
.menu-hold {
	position: absolute;
	height: 30px;
	top: 5px;
	right: 0.0em;
	width: 100%;
}
.menu-hold-inner {
	/*max-width: 1240px;*/
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 9000;
}
.toggleMenu {
	display: none !important;
}
ul#navres {
	text-align: right;	
}
.navresponsive {
	position: absolute;
	left: 0%;
	/*right: 0px;
	bottom: 0px;*/
	text-align: right;
	background-color: transparent;
	color: #858585;
	top: auto;
}
.navrespsubmenu {
	width: 150px;
	left: 0px;
}
.navresponsive UL,.navresponsive LI {
	text-align: right;
	/*display: inline-block;*/
	color: #444444;
}
nav ul li a {
	color: #838383;
	font-family: "open_sansregular", sans-serif !Important;
	font-size: 0.77em;
	padding: 24px 20px;
	text-transform: uppercase;
	letter-spacing: 0.15em;
}
nav ul li ul li a {
	color: #ffffff;
	font-family: "open_sansregular", sans-serif !Important;
	font-size: 1.00em;
	padding: 10px 10px;
	background-color: #37A1B1;
	text-align: left;
}
nav ul li a:hover {
	color: #000000;
	background-color: transparent;
}
.touch-btn {
	display: none;
}

}
@media screen and (max-width: 999px) {
.navresponsive {
	width: 100%;
	background-color: transparent;
}
.menu-hold {
	position: absolute !important;
	right: 0px;
	top: 14px !important;
	left: 0px;
	z-index: 999999;
	float: none !important;
}
.header-inner {
	position: relative;
	z-index: 9999999;
	}
a.toggleMenu {
	background-color: transparent;
	color: #807B74 !important;
	font-size: 0em;
	height: 30px;
}
nav {
    margin: 0 0px 10px 10px;
}
#navres {
	margin: 0px !important;
}
#navres LI {
	background-color: transparent;
	width: 100%;
}
#navres LI:hover {
	background-color: transparent;
	/*color: #ffffff !important;*/
}
nav ul li a {
	color: #32353E !important;
	border-top: 1px solid #32353e;
	padding: 15px 10px;
	background-color: #ffffff;
}
nav ul li:last-of-type a {
	border-bottom: 1px solid #D3D3D3;
}
nav ul li a:hover {
	color: #ffffff !important;
	background-color: #32353e;
}
.touch-btn {
	display: none;
}
span.touch-btn {
    background-color: transparent !important;
    background: url(images/plus-minus2.png) no-repeat 50% 2px #666;	
}
.toggleMenu span.touch-btn:first-of-type {
    background: url(images/plus-minus.png) no-repeat 50% 2px #666;	
    border-radius: 0px  !important;
    background-color: transparent !important;
    width: 30px;
    height: 30px;

}
a.toggleMenu span.touch-btn {
    background-position: 0% 0px !important;
}
.mobiletoplevelopen {
	width: 100%;
}

/* OL FIX */

.howerbox ol.ol_class {
	padding-left: 0px;
}
.howerbox-level1 ol li a {
	padding-left: 30px !important;
}
.howerbox-level2 ol li a {
	padding-left: 60px !important;
}

img.menu_image {
	padding-bottom: 0px;
	width: 100%;
	max-width: 60px !important;	
}
}


/* SLIDER BG
============================*/
.wbSlider {
	background-color: transparent !important;
}

/* Internal Menu
=================================*/
.inpage-menu-colour {
	background-color: transparent
}
.menu-int-wrap {
	background-color: transparent !important;
	color: #4d4d4f;
	border: none;
	font-size: 1.1em;
}
.menu-int-wrap a {
	font-family: "latoregular", sans-serif;
	text-transform: uppercase;
	font-size: 0.80em;
}
.menu-int-selected {
	background-color: transparent !important;
	color: #FFFFFF !important;
}
.menu-int-selected a {
	background-color: #0D86A7 !important;
	color: #FFFFFF !important;
}
.menu-int-L1:hover {
	background-color: transparent !important;
	color: #FFFFFF !important;
}
.menu-int-UL {
	text-align: right;
}
.menu-int-UL LI,.menu-int-page-name {
	border: solid 0px #D8D8D8;
	border-radius: 0px;
	margin-right: 0px;
	background-color: transparent;
	padding: 0px;
	font-size: 1.05em;
	float: none;
	display: inline-block;
}
.menu-int-UL LI a,.menu-int-page-name a {
	border: solid 0px #D8D8D8;
	border-radius: 5px 5px 0px 0px;
	margin-right: 5px;
	background-color: #0DACDB;
	display: block;
	padding: 10px 15px;
	color: #FFFFFF;
}
.menu-int-UL LI a:hover,.menu-int-page-name a:hover {
	border: solid 0px #D8D8D8;
	border-radius: 2px;
	margin-right: 5px;
	background-color: #227abe;
	color: #FFFFFF !important;
}

@media only screen and (max-width: 719px) {
.menu-int-wrap {
	padding: 0px;
}
.menu-int-page-name {
	width: 99%;
	
}
.menu-int-UL LI {
	/*float: none;*/
	width: 32.3%;

}	
	
}
@media only screen and (max-width: 450px) {

.menu-int-UL LI {
	width: 49%;
}	
	
}
@media only screen and (max-width: 370px) {

.menu-int-UL LI {
	width: 99%;
}	
	
}
/* ICON SLIDER
===============================*/
.slider_content_information {
	border: solid 1px #e3e3e3;
}
@media only screen and (max-width: 719px) {
.slider_content_information {
	border-left: none;
	border-right: none;
}
}

/* Icon Content Slider
========================================================*/
.slider_content_icons {
	padding: 1em 0em 2em 0em;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	}
.slider_content_icon {
	width: 19%;
	display: inline-block;
	text-align: center;
	border-bottom: solid 6px #c4c4c4;
	padding-bottom: 0.75em;
	margin: 0px 0.5% 0px 0.5%;
	}
.iconselected {
	border-bottom: solid 6px #f9b000;
}
.slider_content_icon div {
	text-align: center;
	width: 100% !important;
	font-size: 0.85em;
	color: #888888;
	text-transform: uppercase;
	margin-top: 5px;
	}
.iconselected div {
	color: #333333;
}
.slider_content_icon img {
	width: 50%;
	padding: 0px 15%;
	border-radius: 0%;
	}

@media screen and (max-width: 800px) {
.slider_content_icon {
	}
.slider_content_icon div {
	}		
}
@media screen and (max-width: 600px) {
.slider_content_icon img {
	width: 70%;
	padding: 0px 15%;
}
.slider_content_icon div {
	font-size: 0.5em;
	}		
}
@media screen and (max-width: 400px) {
.slider_content_icon div {
	font-size: 0.5em;
	display: block;
	height: 1.2em;
	}		
}

/* HOME
===============================*/


.home-text H1 {
	font-size: 1.5em;
	color: #575756;
}
.home-text span {
}

.loginpage-form {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}
.loginpage-form LI {
	width: 90%;
	max-width: 550px;
}
.loginpage-form input:not([type=submit]) {
	padding: 8px 2.5%;
	margin-right: 5%;
	border: 1px solid rgba(0, 0, 0, 0.3);
	border-radius: 3px;
	width: 90%;
	margin-bottom: 10px;
	font-size: 1.0em;
	background-color: #FFFFFF !important;
}




/*====*/
.wcs-wrap-wrap {
	width: 242px;
	margin-left: auto;
	margin-right: auto;
}
.contact-form input,.contact-form textarea {
	margin-right: 0px !important;
}



.design1 {
	display: block;
}
.design2 {
	display: none;
}

/*NEWS
===========================*/

.blog-wrap-div {
    max-width: none;
	padding: 0px 0em 30px 0em;
    margin-left: auto;
    margin-right: auto;
}
.blog-wrap-div H1 {
	display: none;	
}
.blog-wrap-div .news1-main-content H1 {
	display: block;	
}
.blog-wrap-div .news1-article-date {
	display: none;		
}
.blog-wrap-div .news1-wrap .news1-article-date {
	display: block;		
}
.news1-footer-numbers,.news1-wrap {
	margin-left: auto;
	margin-right: auto;
	max-width: 1130px;
	padding-left: 1em;
    padding-right: 1em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.news1-footer-numbers {
	margin: 1em auto;
}
.blog-wrap-div .news1-article-images img {
	max-width: 700px !important;
	border: none !important;
	display: block;
}
.blog-wrap-div .news1-article-images {
    float: left;
    width: 35% !important;
}
.blog-wrap-div .news1-wrap:nth-of-type(odd) .news1-article-images {
    float: right;
	margin-right: 0% !important;
	margin-left: 3%;	
}
.blog-wrap-div .news1-article-text-wrap {
	float: left;
	max-width: 65%;
	width: 60% !important;
	padding-top: 1em;
}
@media screen and (max-width: 719px) {
.blog-wrap-div .news1-article-images {
    float: left;
    width: 100% !important;
}
.blog-wrap-div .news1-wrap:nth-of-type(odd) .news1-article-images {
    float: none;
	margin-right: 0% !important;
	margin-left: 0%;	
}
.blog-wrap-div .news1-article-text-wrap {
	float: left;
	max-width: 100%;
	width: 100% !important;
	padding-top: 1em;
}
}

/* BLOG
============================*/
.news2-wrap-sum {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;	
}
.news2-wrap {
	padding-top: 0px;
}
.news2-wrap .news1-wrap {
	float: left;
	width: 29%;
	margin: 1em 2% 2em 2%;
	border: none;
	border-bottom: solid 1px #cccccc;
	position: relative;
	padding-bottom: 42px;
}
.news2-wrap .news1-article-images {
	margin-right: 0px;
}
.news2-wrap .news1-article-images img {
	max-width: 500px !important;
	width: 100%;
	border: none;
}
.news2-wrap .news1-article-text-wrap {
	max-width: 100%;
}
.news2-wrap .news1-article-date {
	font-size: 1em;
	margin-bottom: 0.6em;
	color: #8B8B8B;
}
.news2-wrap .news1-article-text-wrap {
    font-size: 1em;
	padding-top: 8px;
}
.news2-nav-wrapper {
	background-color: #EAECEB;
	text-align: right;
}
.news1-footer-numbers {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;

}
.news1-footer-numbers-item {
	margin-right: 10px;
	float: none;
	display: inline-block;
	padding-right: 0px;
}
.news1-footer-numbers-item span {
	padding: 7px 0px 3px 0px;
}
.news1-footer-numbers-item input[type=submit] {
	background: none;
	color: #212322;
	padding: 5px 10px;
	border: solid 1px #c7c9c8;
	border-radius: 0px;
	
}
.news1-footer-numbers-item input[type=submit]:disabled {
	border: solid 1px #dbdbdb;
	color: #afbcb5;	
	cursor: default;
}
.news2-item-date {
	color: #ABABAB;
}
.news2-wrap H3 {
	margin: 0px;
	font-size: 1.2em;
}
.news2-sum-shortdesc P {
	margin: 0px;	
}
.news2-sum-more a {
	display: block;
	padding: 10px 0px;
	margin-top: 10px;
	background-image: url(images/ed-arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: auto 80%;
	position: absolute;
	bottom: 0px;
	right: 0px;
	left: 0px;
}
.news2-det-news-snip-wrap {
	width: 80%;
	border: solid 1px #c8c8c8;
	border-radius: 8px;
	margin: 2.5em 0px;
	padding: 15px;
	-webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.11);
	-moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.11);
	box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.11);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.news2-det-news-snip-wrap .news1-article-images {
	display: none;
}
.news2-det-news-snip-wrap .news1-wrap-tag {
	border-bottom: 1px solid #BDBDBD;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.news2-det-news-snip-wrap .news1-article-short-description P {
	margin: 0px;
}
.news2-det-numbers .news1-footer-numbers-item {
	margin-left: 7px;
	border: solid 1px #c5c7c6;
	padding: 5px 10px;
	color: #ABABAB;
}
.news2-det-numbers .news1-footer-numbers-item a {
	color: #000000;
	font-family: "open_sansregular", sans-serif;
	
}
.news2-det-numbers .news1-footer-numbers-item:nth-of-type(3n+3) {	
	border: none;
	padding: 5px 0px;
	color: #000000;
}
@media (max-width: 719px) {
.news2-wrap .news1-wrap {
	width: 44%;
	margin: 0 3% 2em 3%;
}
	
}
@media (max-width: 400px) {
.news2-wrap .news1-wrap {
	width: 94%;
	margin: 0 3% 2em 3%;
}
	
}



/* NEWS HOME
===========================*/
.news1-wrap-tag {
	width: calc(50% - 1.5rem);
	float: left;
	/*border: solid 1px #CCCCCC;*/
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-bottom: 25px;
	background-color: #FFFFFF;
}
.news1-wrap-tag .news1-article-images {
	width: 100%;
	max-width: 100%;
	margin: 0px;
}
.news1-wrap-tag .news1-article-images img {
	display: block;	
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.news1-wrap-tag .news1-article-images img {
    max-width: 100% !important;
	border: none;
}
.news1-wrap-tag .news1-article-text-wrap {
	max-width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 0px;
}
.news1-wrap-tag-all .news1-wrap-tag:nth-of-type(1) {
	margin-right: 1.5rem;
}
.news1-wrap-tag-all .news1-wrap-tag:nth-of-type(2) {
	margin-left: 1.5rem;
}
.news1-wrap-tag-all H3 {

	margin: 1em 0em 1em 0em;
}

.news1-wrap-tag-all .news1-article-text-wrap {
    font-size: 1em;
}
.h-news-title H3 {
	margin-top: 0px;
	font-size: 0.85em;
}
.news1-article-images a {
	display: inline-block;
	background-image: url(images/find-out-more.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 160px auto;
}
.news1-article-images img:hover {
	opacity: 0.2;
}
.news1-wrap-tag .news1-article-text-wrap P a,.news1-article-short-description a {
	padding-top: 10px;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 10px;
	font-size: 1.2em;
	border-radius: 2px;
	display: inline-block;
	margin-bottom: 0.5em;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid #a0c814;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-family: "open_sansbold", sans-serif;
	color: #23373C;
	margin-left: 15px;
	margin-right: 15px;
}
.news1-wrap-tag .news1-article-text-wrap P a:hover,.news1-article-short-description a:hover {color: #ffffff;background-color: #8dc63f;border-color: #8dc63f;}


@media screen and (max-width: 719px) {
.news1-wrap-tag {
	width: 90%;
	float: left;
	/*border: solid 1px #CCCCCC;*/
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-bottom: 25px;
	background-color: #FFFFFF;
	margin: 0px 5% !important;
}
}


/* GALLERY 
=============================================*/
.yacht-gallery .gallery-col {
    width: 16.66% !important;
}
.yacht-gallery .grid {

}
.yacht-gallery .swipebox {
	max-height: 100px;
	overflow: hidden;
	display: block;
}
.yacht-gallery .gallery-col img {
    width: 100%;
    padding: 10px 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
}
@media screen and (max-width: 719px) {
.yacht-gallery .gallery-col img {
    padding: 5px 5px;
}	
}
@media screen and (max-width: 500px) {
.yacht-gallery .gallery-col {
    width: 25% !important;
}
}


.yacht-gallery .sail-plans-wrap .swipebox {
	max-height: none;
}
.sail-plans-wrap {
	padding: 25px 0 0 0;
}
/* GALLERY PLANS 
=============================================*/
.specification .gallery-col {
	width: 100% !important;
	margin-left: auto;
	margin-right: auto;
}
.plans-wrap {
	width: 80%;
	margin-left: auto;
	margin-right: auto;	
}
.specification .grid-item:nth-of-type(8),.specification .grid-item:nth-of-type(5),.specification .grid-item:nth-of-type(6),.specification .grid-item:nth-of-type(7) {
	display: none;
}
@media screen and (max-width: 719px) {
.plans-wrap {
	margin-top: 2em;
}
}
/* 3 wide image snippet - text overlay 
=============================================*/
.h-three-img  figure {
	position: relative;
	overflow: hidden;
	background-color: #0DACDB;
	background-image: url(images/icon-boats.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: auto 140px;
}
.h-three-img  figure P {
	display: block;
	position: absolute;
	left: 1em;
	bottom: 0em;
	font-family: "open_sanslight", sans-serif;
	color: #FFFFFF;
	font-size: 2em;
	z-index: 3;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.63);
}
.h-three-img  figure {
	margin: 0px;
}
.h-three-img  figure img {
	z-index: 2;
	position: relative;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	display: block;
}
.h-three-img  figure img:hover {
	opacity: 0.1;
}
@media screen and (max-width: 375px) {
	.h-three-img  figure P {
	font-size: 1em;
}
}
/* Centre forms
================================*/
.center .form-group {
	display: inherit !important;
	margin-left: auto;
	margin-right: auto;
}
.form-group * {
	display: inline-block !important;
}
/* CONTACT FORM
======================*/
.button-grey {
	background-color: #909090 !important;	
	}
.contact-form {
	margin-top: 20px;	
	}
.contact-form label {
	display: none;
	}
.form-alert {
	color: #FFFFFF;
	font-size: 1.3em;
	background-color: #F9B000;	
}
.show-label label {
	display: inline-block;
}

/*HEADER FIX
============================*/
.header-two,.header-one {
	overflow: hidden
}
@media (min-width: 1200px) {
.header-two img,.header-one img {
	margin-top: -5%;
	margin-bottom: -5%;
}
}
@media (min-width: 1400px) {
.header-two img,.header-one img {
	margin-top: -8%;
	margin-bottom: -8%;
}
}


@media (max-width: 800px) {
.header-two img,.header-one img {
	width: 150% !important;
	max-width: none !important;
	margin-left: -25%;

}
}
@media (max-width: 450px) {
.header-two img,.header-one img {
	width: 200% !important;
	max-width: none !important;
	margin-left: -50%;
}
}
/* FULL WIDTH IMAGE SNIPPET
==============================*/
.full-width-image img {
	width: 100%;
	max-width: none;
	margin: 0px !important;
	display: block;
}
@media (max-width: 800px) { 
.full-width-image {
	overflow: hidden;
}
.full-width-image .column img {
	width: 150% !important;
	max-width: none !important;
	margin-left: -25% !important;

}
}
@media (max-width: 450px) {
.full-width-image .column img {
	width: 200% !important;
	max-width: none !important;
	margin-left: -50% ;
}
}


/* NEW BOAT SECTION
=============================*/



* {box-sizing: border-box}
body {font-family: "Lato", sans-serif;}

/* Style the tab */
.tab {
	float: left;
	background-color: #f1f1f1;
	width: 24%;
	/*height: 237px;*/
	margin-right: 1%;
	border-radius: 8px;
	overflow: hidden;
}

/* Style the buttons inside the tab */
.tab button {
	display: block;
	background-color: inherit;
	color: black;
	padding: 22px 10px 22px 50px;
	width: 100%;
	border: none;
	outline: none;
	text-align: left;
	cursor: pointer;
	transition: 0.3s;
	font-size: 15px;
	background-image: url(images/icon-menu-photos.png);
	background-repeat: no-repeat;
	background-position: left 10px center;
	background-size: auto 30px;
	border-bottom: solid 1px #ffffff;
}
.tab button#BasicDetails {
	background-image: url(images/icon-menu-info.png);	
}
.tab button#Descriptions {
	background-image: url(images/icon-menu-descriptions.png);	
}
.tab button#Features {
	background-image: url(images/icon-menu-faetures.png);	
}
.tab button#Measurements {
	background-image: url(images/icon-menu-measure.png);	
}
.tab button#Propulsion {
	background-image: url(images/icon-menu-prop.png);	
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current "tab button" class */
.tab button.active {
	background-color: #0DACDB;
}
.active{
  color: yellow;
}

#SinglePdf,#MultiplePdf,#MultipleImagePdf {
	width: calc(100% - 20px);
	margin: 10px 10px 5px 10px;
	font-size: 0.85em;
	text-align: left;
	text-transform: none;
}
.pdf-gallery-image-text-wrap {
	width: 50%; 
	float: left;
}
.boat_image_name {
	height: 50px;
	background-color: #FFF500;
}


/* Style the tab content */
.tabcontent {
  float: left;
  padding: 0px 0px 20px 0px;
  width: 75%;
  min-height: 237px;
  height: Auto;
	background-color: #F1F1F1;
	border-radius: 8px;
	overflow: hidden;
}
.tabcontent#BoatOfficeWrapContent {
  padding: 20px 20px 20px 20px;
}
/* Create two equal columns that floats next to each other */
.column {
  float: left;
 height: auto; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}


.form_action_wrap .save-boat-feature,.form_action_wrap .continue-boat-feature,.form_action_wrap .finish-boat-feature{
	background-color: #32353e;
	color:#FFF;
	width:125px;
}

.form_action_wrap .save-boat-measurement,.form_action_wrap .continue-boat-measurement,.form_action_wrap .finish-boat-measurement{
	background-color: #32353e;
	color:#FFF;
	width:125px;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
	width: 100%;
  }
}
.tabcontent .row {
	padding: 7px 0px;
}
.tabcontent .row:nth-of-type(even) {
	background-color: #E5E5E5;
}
#BasicDetailsContent H4,#PhotosVideosContent H4,#FeaturesContent H4,#MeasurementsContent H4,#PropulsionContent H4 {
	background-color: #0DACDB;
	padding: 16px 25px;
	color: #FFFFFF;
	margin: 20px 0px;
}
#boat_360_details_form h4 {
	background-color: #0DACDB;
	padding: 16px 25px;
	color: #FFFFFF;
	margin: 20px 0px;
	margin-top: 0px;
}
/*#DescriptionsContent h4:nth-of-type(1) {
	background-color: #0DACDB;
	padding: 16px 25px;
	color: #FFFFFF;
	margin: 20px 0px;	
}*/

#BasicDetailsContent H4:nth-of-type(1),#PhotosVideosContent H4:nth-of-type(1),#FeaturesContent H4:nth-of-type(1),#MeasurementsContent H4:nth-of-type(1),#PropulsionContent H4:nth-of-type(1) {
	margin-top: 0px;
}
.tabcontent U {
	text-decoration: none !important;
}
.tabcontent label {
	display: block;
	padding-bottom: 3px;
}

.tabcontent select,.tabcontent textarea,input:not([type=submit]):not([type=image]) {
    width: calc(100% - 20px);
	padding: 5px
}
.tabcontent input[type=button] {
	width: calc(100% - 0px);
	padding: 10px;
	margin-top: 30px !important;
	margin-right: 0px;
	text-transform: uppercase;
	font-size: 1.2em;
}
/* Boats Table
====================================*/
#boatListingTable_filter input:not([type=submit]):not([type=image]) {
	width: 200px;
}
#boatListingTable_length select {
	padding: 5px;
}
.add-new-boat {
	margin-bottom: 20px !important;	
}
.DTFC_ScrollWrapper {
	-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.22);
	-moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.22);
	box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.22);
	margin-bottom: 15px;
}


/* IMAGE UPLOADER
=====================================*/
.fileuploader {
	max-width: 100%;
	margin: 0px !important;
}                                    

.form-status {
	font-weight: bold;
	margin: 12px 0;
}

.form-status p {
	margin: 0;
}

.form-status .text-success {
	color: #43d084;
}

.form-status .text-error {
	color: #fe7676;
}

.form-status .progressbar-holder {
	display: block;
	width: 100%;
	height: 4px;
	background: #fafbfd;
	border-radius: 6px;
	overflow: hidden;
}

.form-status .progressbar-holder .progressbar {
	height: 100%;
	width: 0;
	background: #5b7bfe;
	border-radius: 6px;
	-webkit-transition: width 0.2s ease;
			transition: width 0.2s ease;
}

/*tweaks*/
.fileuploader-input {
	margin: 0px 0px 10px 0px !important;
	background-color: #e0eff3;
}
.fileuploader-theme-dropin .fileuploader-input-inner {
	font-size: 1.5em;
}
.fileuploader-theme-dropin .fileuploader-input-inner div span {
	color: #0DACDB !important;
	text-decoration: none !important;
}
.fileuploader-items .fileuploader-item .column-thumbnail {
    width: 200px !important;
    height: 100px !important;
}
.fileuploader-items .fileuploader-item {
	padding: 4px 20px 4px 30px !important;
}
.fileuploader-items-list LI:nth-of-type(1) {
	background-image: url(images/photos-main.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 100%;
}
.fileuploader-items-list LI:nth-of-type(2),
.fileuploader-items-list LI:nth-of-type(3),
.fileuploader-items-list LI:nth-of-type(4),
.fileuploader-items-list LI:nth-of-type(5) {
	background-image: url(images/photos-secondary.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 100%;
}

/*============*/
.label-follow {
	float: right;

}


/* 2019 12
=====================*/
.form_action_wrap input[type=button] {
	position: fixed;
	top: 230px;
	right: 0px;
	width: 70px;
	padding: 25px 3px;
	border-radius: 8px 0px 0px 8px;
	background-color: #DD6E00;
	border: none;
	-webkit-box-shadow: -4px 4px 3px 0px rgba(0,0,0,0.18);
	-moz-box-shadow: -4px 4px 3px 0px rgba(0,0,0,0.18);
	box-shadow: -4px 4px 3px 0px rgba(0,0,0,0.18);
}
@media screen and (max-width: 1300px) {
.boats-page-wrap {
	padding-right: 15px;
}
}

/* 2020 Jan
==============*/
select#boat_status {
    padding: 0px !important;
    margin: 0px !important;
    width: 125px !IMPORTANT;
    font-size: 0.8em;
}
#boatListingTable td {
	color: #000;
    font-size: 0.9em;
}
#BoatMakesWrapContent {
	padding: 20px;
}
button.edit_int_btn, button.delete_int_btn, button.copy_int_btn {
	background-color: #0d86a7 !important;
	border: none;
	color: #FFFFFF;
	padding: 5px 15px;
	text-transform: uppercase;
	border-radius: 2px;
	cursor: pointer;
	font-size: 12px !important;
}
button.delete_int_btn {
	background-color: #C90202 !important;
	padding: 5px 7px;
	font-size: 8px !important;

}
button.copy_int_btn {
	background-color: #3AB700 !important;
	padding: 5px 8px;
	margin-right: 14px;
	margin-left: 6px;
}


/*-----------------------IMAGE UPLOAD CHANGES---------------------------------*/
#startUpload {
    padding: 20px;
    margin: 20px;
    background-color: #05C509;
    color: white;
    font-weight: 600;
    cursor: pointer;
	width: calc(100% - 40px);
    border: none;
    border-radius: 8px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	text-transform: uppercase;
}
#messageContainer {
    margin-bottom: 20px;
    padding: 10px;
    display: none;
    border-radius: 5px;
}

.error-message {
    background: #ffcccc;
    color: #cc0000;
    padding: 10px;
    display: none;
    border-radius: 5px;
    margin-bottom: 10px;
}

.success-message {
    background: #dff0d8;
    color: #3c763d;
    padding: 10px;
    display: none;
    border-radius: 5px;
    margin-bottom: 10px;
}

.refresh-button-wrap {
    display: none;
}
.refresh-button-wrap .refresh-button{	
	padding: 20px;
    margin: 0px 20px 20px 20px;
    background-color: #0DACDB;
    color: white;
    font-weight: 600;
    cursor: pointer;
    width: calc(100% - 40px);
    border: none;
    border-radius: 8px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.refresh-button-wrap .refresh-button:hover{	
    background-color: #0DACDB;
}

.dz-success-mark, .dz-error-mark {
    display: none !important;
}

#boatImageGallery {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.boat-image-item {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    padding: 0px 15px 0px 0px;
    background: #f9f9f9;
    flex-wrap: wrap;
    margin: 0px 10px;
    border-radius: 8px;
    overflow: hidden;
}

.image-wrap {
    flex: 1 1 150px;
    max-width: 130px;
    margin-right: 5%;
}

.image-wrap img {
    width: 100%;
    height: auto;
    display: block;
}

.caption-wrap {
    flex: 1 1 300px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.boat-image-gallery-wrap .caption-input {
    flex-grow: 1;
    padding: 5px;
}

.save-boat-image-caption-btn {
    padding: 5px 10px;
    background-color: #4CAF50;
    color: white;
    border: none;
    cursor: pointer;
}

.action-wrap {
    flex: 1 1 150px;
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

.boat-image-download-btn {
    background: #fff;
    border: 2px solid #ddd;
    border-radius: 50%;
    padding: 5px 10px;
    text-decoration: none;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    cursor: pointer;
	width: 30px;
    height: 30px;
}

.boat-image-delete-btn {
    background: #ff4d4d; /* Red Background */
    border: 2px solid #ff0000; /* Red Border */
    border-radius: 50%;
    padding: 5px;
    text-decoration: none;
    color: white; /* White Icon/Text */
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    cursor: pointer;
	width: 30px;
    height: 30px;
}

/* Hover Effects */
.boat-image-delete-btn:hover {
    background: #e60000; /* Darker Red on Hover */
}

.boat-image-download-btn:hover,
.boat-image-move-handle:hover {
    background: #f8f8f8; /* Light Grey on Hover */
}
.boat-image-move-handle {
    cursor: grab;
    font-size: 24px;
    padding: 0 10px;
    display: flex;
    align-items: center;
	width: 30px;
    height: 30px;
	margin-right: 10px;
}
.boat-image-move-handle:active {
    cursor: grabbing;
}

/* Custom Icons Using CSS */
.boat-image-move-handle::before {
    content: "☰";
}

.boat-image-delete-btn::before {
    content: "✖";
    font-size: 18px; /* Increased icon size */
    display: inline-block;
    line-height: 1;
}

.boat-image-download-btn::before {
    content: "⬇";
    font-size: 24px; /* Increased icon size */
    display: inline-block;
    line-height: 1;
}

.boat-images-list-wrap-uploader .column-title {
	display: flex;
    align-items: center;
    padding: 0px 15px 0px 0px;
    background: #f9f9f9;
    flex-wrap: wrap;
    margin: 0px 10px;
    border-radius: 8px;
    overflow: hidden;
}

.boat-images-list-wrap-uploader .save-caption-btn {
    padding: 5px 10px;
    background-color: #4CAF50;
    color: white;
    border: none;
    cursor: pointer;
}

.boat-images-list-wrap-uploader .image-message.message-success {
	color: #28a745;
    font-weight: bold;
    margin-top: 10px;
    display: block;
    text-align: center;
    padding: 5px;
}
.boat-images-list-wrap-uploader .image-message.message-error {
	color: #dc3545;
    font-weight: bold;
    margin-top: 10px;
    display: block;
    text-align: center;
    padding: 5px;
}

.boat-images-list-wrap-uploader .image-message.message-loading {
	color: #0d6efd;
    font-weight: bold;
    margin-top: 10px;
    display: block;
    text-align: center;
    padding: 5px;
}

/*-----------------------*/
input:not([type=submit]):not([type=image]).caption-input {
	margin-bottom: 0px;
}

.dropzone {
    border: 2px dashed rgba(0, 0, 0, .3) !Important;
	border-radius: 15px;
	margin: 0px 10px;
}



/* BOATS PAGE TABLE FIX 
======================================================================*/
#detailwrapper{
	min-height:470px;
}
.dt_flag_dropdown{
	width:50px;
}

.pageHiddenClass{
	background-color: #fcf8e3 !important;
}
.pageHiddenClass .sorting_1{
	background-color: #fcf8e3 !important;
}			
.rowColor{
	background-color: #FFF !important;
}
.rowColor .sorting_1{
	background-color: #FFF !important;
}

.section-block{
	border: 1px solid #c5c5c5;
	margin: 5px;
	border-radius: 3px;
	width: 65%;
	left: 34.5%;
	position: relative;
}
.section-block-div{
	margin: 2px;
	background-color: #E9E9E9;
	padding: 10px;
	border-radius: 2px;
}


.dataTables_scroll
{
	overflow-x:auto;
}
.delete_int_btn{
	margin-left:10px;
}									

.api-status-select {
	padding: 0px !important;
	margin: 0px !important;
	width: 75px !IMPORTANT;
	font-size: 0.8em;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 10px 18px;
    border-bottom: 1px solid #111;
    font-size: 0.9em;
    color: #000;
}