/*note: old code, do not delete*/
/*@import 'https://fonts.googleapis.com/css?family=Open+Sans';*/



@font-face { 
	font-family: 'juneau-bold';
	src: url('../fonts/Juneau-Bold.woff') format('woff'),
		 url('../fonts/Juneau-Bold.woff2') format('woff2');
 }
 
 @font-face { 
	font-family: 'juneau-regular';
	src: url('../fonts/Juneau-Regular.woff') format('woff'),
		 url('../fonts/Juneau-Regular.woff2') format('woff2');
 }
 @font-face { 
	font-family: 'FrutigerNextBold';
	src: url('../fonts/35A32A_0_0.woff') format('woff'),
		 url('../fonts/35A32A_0_0.woff2') format('woff2');
 }
 
 @font-face { 
	font-family: 'FrutigerNextRegular';
	src: url('../fonts/35A32A_1_0.woff') format('woff'),
		 url('../fonts/35A32A_1_0.woff2') format('woff2');
 }
 
 
/******* fonts **********/

body,
button,
input,
textarea, 
.ui-dialog,
.ui-autocomplete,
.ui-datepicker ,
.ui-tabs,
.profile-info-box,
.latest-posts {
	font-size: 14px;
	font-family: 'FrutigerNextRegular';
    color: #333;
	-webkit-font-smoothing: antialiased
}

h1, h2 {
	font-family: 'juneau-bold';
}
h3, h4 {
	font-family: 'juneau-regular';
}

h5, h6, strong {
	font-family: 'FrutigerNextBold';
	letter-spacing: .05rem;
}

/************* General ******************/
body {
	background-color: #f6f6f6;
	font-size: 16px;
}
a {
	letter-spacing: 0.1px;
	
}
a:hover {
	color: #009687;
}
.email-a-friend-page a {
	color: #009687;
}

.admin-header-links a.administration {
	color: #FFF;
}
.admin-header-links a.administration:hover  {
	color: #009687;
}
.breadcrumb li a {
	color: #009687;
}
.breadcrumb li a:hover {
	color: #01544c;
}
.header-links .ico-wishlist {
	display: none;
}




/***** header *****/
.header-logo a img {
	padding-top: 8px;
	max-width: 200px;
}
.header-selectors-wrapper,
.header-upper {
	border: none;
}
.header-menu {
	border: none;
	/*width: 93%;*/
	max-width: none;
}
.header-menu > ul > li > a:hover {
	color: #009687;
}
.header-links li {
	margin: 0 10px;
}
.header-links a:hover, .wishlist-page .share-info a:hover {
	color: #009687;
}
.header-links span, .header-links a {
	font-size: 15px;
}
.header-menu > ul > li > a{
	font-size: 20px;
}
#topcartlink {
	background-color: #009687;
	color: #fff;
	transition: all 0.5s ease;
	font-family: 'juneau-bold';
	padding: 0 12px;
}

#topcartlink:hover {
	background-color: #333;
	transition: all 0.5s ease;
	color: #fff;
}
#topcartlink a {
	padding: 2px 0 0 30px;
	letter-spacing: 0.05em;
}
#topcartlink a:hover {
	color: #fff!important;
	transition: all 0.5s ease;
}
.cart-label {
	letter-spacing: 0.05em;
}
.mini-shopping-cart {
	font-size: 15px;
}

/***Categories***/
.category-description {
	text-align: left;
	max-width: 860px;
    margin: 40px auto;
}
.category-description td {
	 padding: 8px;
}


/******* products *******/
.product-grid .item-grid, .home-page-category-grid .item-grid {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: stretch;
}
.product-grid .item-grid .item-box {
	flex-basis: 220px;
	
}
.item-box .product-title{
	color: #009687;
}
.item-box .product-title a:hover {
	color: #333;
}
.item-box .actual-price {
    margin: 0 5px 0 0;
    font-size: 16px;
    color: #333;
}
.overview .value a, 
.variant-overview .value a {
	color: #333;
}
.overview .value a:hover, 
.variant-overview .value a:hover {
	text-decoration: none;
	color: #333;
}
.pager li span {
	background-color: #009687;
}
.pager li span:hover {
	background-color: #333;
}
.cart-total .order-total {
	color: #009687;
}
.terms-of-service a {
	color: #009687;
}
.terms-of-service a:hover {
	font-weight: bold;
}
.post-title:hover,
.news-title:hover {
	color: #333;
}
.news-list-homepage .view-all a {
	color: #333;
}
.news-list-homepage .view-all a:hover {
	color: #01544c;
}
.cart a,
.data-table a,
.forum-table a,
.mini-cart a {
	font-weight: normal;
	color: #009687;
}
.cart a:hover, 
.data-table a:hover, 
.forum-table a:hover,
.mini-cart a:hover {
	color: #333;
	text-decoration: underline;
}
.cart .product a:hover,
.data-table .product a:hover,
.data-table .info a:hover {
	color: #009687;
}
.cart-footer .total-info{
	border-bottom: 1px solid #009687;
}
input[type="text"],
input[type="password"],
textarea, select {
	padding: 0 0 0 5px;
}
.write-review .button-1 {
	background-color: #009687;
}
.write-review .button-1:hover {
	background-color: #01544c;
}
.product-reviews-page h1 a {
	color: #009687;
}
.product-reviews-page h1 a:hover {
	color: #333;
}
.product-reviews-overview {
	display: none;
}
.cart tr {
	background: #FFF;
}


/**********checkout **************/
.login-page .new-wrapper .text {
	background-color: #EFEFEF;
}
.form-fields {
	background-color: #EFEFEF;
}
.personal-message-note {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 0px;
	padding-bottom: 10px;
}
.personal-message-note label {
	display: block;
	width: 100%;
	color: #000;
	text-align: center;
	white-space: pre-wrap;
}
.order-completed .details a {
	color: #009687;	
	font-weight: bold;
}
.order-details-page .order-overview .order-total strong {
	color: #009687;
}
.order-details-page .repost .button-2 {
	background-color: #009687;
}
.order-details-page .repost .button-2:hover {
	background-color: #333;
}
.order-details-page .actions input:first-child {
	background-color: #009687;
}
.order-details-page .actions input:first-child:hover {
	background-color: #333;
}
.order-details-page .total-info {
	background-color: #e8e8e8;
}
.order-review-data > div, .order-details-area > div, .shipment-details-area > div {
	background-color: #e8e8e8;
}
.order-details-page .page-title a {
	background-color: #009687;
}
.order-details-page .page-title a:hover {
	background-color: #333;
}

.checkout-page .checkout-collaterals .deals {
	background-color: #F5F5F5 !important;
}

.order-details-page .booking-info {
	color: #009687;
	font-weight: bold;
}

.shipping-method .method-list li label, .payment-method .method-list li label {
	color: #333;
}

.payment-method .payment-logo, .checkout-page .payment-method .method-list li:nth-child(2n+1), .checkout-page .payment-method .method-list li:nth-child(2n+2), .order-details-area > div {
	background: #fff;
}

/********** payment status ***********/
.statusNotDownloadable, .statusDownloadable, .statusNeedApproval {
	min-width: 50px;
	border: none;
	padding: 5px 20px;
	color: #000;
	vertical-align: central;
	display: block;
}
.statusNotDownloadable {
	background-color: #F24A02;
}
.statusDownloadable {
	background-color: #7BBA7B;
	background-color: #ffffff;  
	display: block;
	border: 2px solid #009687;
    font-family: 'juneau-bold';
	color: #009687;
}
.statusNeedApproval {
	background-color: #9834eb;
}
.statusIsNotPaid {
	min-width: 50px;
	border: none;
	padding: 5px 20px;
	color: #000;
	vertical-align: central;
	/*background-color: #F24A02;*/
	display: block;
} 
.statusIsPaid { 
    min-width: 50px; 
    border: none; 
    padding: 5px 20px;
    color: #009687;
    vertical-align: central;
	background-color: #ffffff;  
	display: block;
	border: 2px solid #009687;
    font-family: 'juneau-bold';
} 

/***Functional***/

.register-block .buttons { 
	background: #FFF; 
	padding: 30px 0;
}

.login-page .new-wrapper .text { 
	margin: unset;
}
#ph-topic h2, #ph-topic h3, #ph-topic h4, #ph-topic h5, #ph-topic h6 {
	margin: 10px 0;
	font-family: 'juneau-bold';
}

#ph-topic h2 {
	font-size: 22px;
}

#ph-topic h3 {
	font-size: 20px;
}

#ph-topic h4 {
	font-size: 18px;
}

#ph-topic h5 {
	font-size: 16px;
}

#ph-topic h6 {
	font-size: 14px;
}

#tickettable td {
	background-color: #f6f6f6!important;
}
.account-page .buttons {
	margin-top: 20px;
}



/***** footer *****/
.footer {
	background-color: #e8e8e8;
}
.footer-block {
	font-size: 16px;
}
.footer-block .title {
	background-color: #009687;
	font-size: 18px;
}
.footer-block .list a:hover {
	color: #009687;
}
.footer-upper {
	border-bottom: 5px solid #009687;
}
.follow-us .social ul {
	border-bottom: 1px solid #009687;
}
.follow-us .social .title {
	color: #FFF;
}
.follow-us .newsletter .title {
	color: #FFF;
}
.footer-powered-by a {
	color: #333;
}
.footer-powered-by a:hover {
	text-decoration: none;
	color: #009687;
}
.cart-footer .totals {
	background-color: #ffffff;
}
.follow-us .social a {

}
.follow-us .social .facebook a {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Crect width='28' height='28' rx='4' fill='none'/%3E%3Cpath d='M18.0246 11.4842H15.0059V9.47172C15.0066 9.20527 15.1129 8.94997 15.3015 8.76175C15.4901 8.57354 15.7457 8.46775 16.0121 8.46757H17.0184V5.9502H15.0059C14.2052 5.9502 13.4374 6.26824 12.8713 6.83437C12.3052 7.40049 11.9871 8.16832 11.9871 8.96895V11.4863H9.97461V14.0037H11.9871V22.0502H15.0059V14.0002H17.0184L18.0246 11.4842Z' fill='%23333333'/%3E%3C/svg%3E");
background-repeat: no-repeat no-repeat;
background-position: center center;
background-size: cover;
}
.follow-us .social .twitter a {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='28' viewBox='0 0 29 28' fill='none'%3E%3Crect x='0.699219' width='28' height='28' rx='4' fill='none'/%3E%3Cpath d='M16.1979 12.7677L22.0626 5.9502H20.6727L15.5787 11.8698L11.5132 5.9502H6.82227L12.9726 14.9012L6.82227 22.0502H8.21217L13.5897 15.7991L17.8852 22.0502H22.5762L16.1979 12.7677ZM14.2944 14.9804L13.669 14.0888L8.71324 6.9968H10.8474L14.849 12.7204L15.4744 13.6121L20.6741 21.0515H18.5392L14.2944 14.9804Z' fill='%23333333'/%3E%3C/svg%3E");
background-repeat: no-repeat no-repeat;
background-position: center center;
background-size: cover;
}
.follow-us .social .youtube a {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='28' viewBox='0 0 29 28' fill='none'%3E%3Crect x='0.699219' width='28' height='28' rx='4' fill='none'/%3E%3Cpath d='M23.6662 8.56047C23.1347 7.61465 22.5577 7.44082 21.3836 7.37468C20.2089 7.29508 17.2579 7.26172 14.7014 7.26172C12.1449 7.26172 9.18741 7.29508 8.01508 7.37292C6.84451 7.44023 6.26449 7.61289 5.72779 8.55988C5.17996 9.50453 4.89844 11.1316 4.89844 13.996V14.006C4.89844 16.8581 5.17996 18.4969 5.72779 19.4316C6.26449 20.3774 6.83983 20.5489 8.01391 20.6285C9.18741 20.6969 12.1402 20.7373 14.7014 20.7373C17.2626 20.7373 20.2095 20.6969 21.3842 20.6296C22.5588 20.55 23.1359 20.3785 23.6668 19.4327C24.2193 18.4963 24.4985 16.8575 24.4985 14.0071V13.9972C24.499 11.1316 24.2199 9.50453 23.6662 8.56047Z' fill='%23333333'/%3E%3Cpath d='M12.248 17.6748V10.3242L18.3731 13.9992L12.248 17.6748Z' fill='white'/%3E%3C/svg%3E");
background-repeat: no-repeat no-repeat;
background-position: center center;
background-size: cover;
}
.follow-us .social .instagram a {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Crect width='28' height='28' rx='4' fill='none'/%3E%3Cpath d='M17.018 5.9502H10.9805C9.64638 5.95112 8.3672 6.4815 7.42386 7.42484C6.48052 8.36818 5.95014 9.64736 5.94922 10.9814V17.0189C5.95014 18.353 6.48052 19.6322 7.42386 20.5756C8.3672 21.5189 9.64638 22.0493 10.9805 22.0502H17.018C18.3521 22.0493 19.6312 21.5189 20.5746 20.5756C21.5179 19.6322 22.0483 18.353 22.0492 17.0189V10.9814C22.0483 9.64736 21.5179 8.36818 20.5746 7.42484C19.6312 6.4815 18.3521 5.95112 17.018 5.9502ZM20.5395 17.0189C20.5384 17.9526 20.167 18.8476 19.5068 19.5078C18.8467 20.168 17.9516 20.5394 17.018 20.5405H10.9805C10.0468 20.5394 9.15177 20.168 8.4916 19.5078C7.83143 18.8476 7.46005 17.9526 7.45894 17.0189V10.9814C7.45987 10.0477 7.83116 9.15245 8.49135 8.49213C9.15155 7.8318 10.0467 7.46033 10.9805 7.45922H17.018C17.9516 7.46033 18.8467 7.8317 19.5068 8.49188C20.167 9.15205 20.5384 10.0471 20.5395 10.9807V17.0189Z' fill='%23333333'/%3E%3Cpath d='M13.9995 9.73145C13.1552 9.73145 12.3298 9.98183 11.6278 10.4509C10.9257 10.92 10.3785 11.5867 10.0554 12.3668C9.73232 13.1469 9.64778 14.0052 9.8125 14.8333C9.97722 15.6614 10.3838 16.4221 10.9808 17.0192C11.5779 17.6162 12.3385 18.0228 13.1667 18.1875C13.9948 18.3522 14.8531 18.2677 15.6332 17.9446C16.4133 17.6215 17.08 17.0743 17.5491 16.3722C18.0182 15.6702 18.2686 14.8448 18.2686 14.0005C18.2684 12.8683 17.8185 11.7826 17.018 10.982C16.2174 10.1815 15.1317 9.73163 13.9995 9.73145ZM13.9995 16.6689C13.4717 16.6689 12.9558 16.5124 12.517 16.2192C12.0782 15.926 11.7362 15.5092 11.5342 15.0217C11.3323 14.5341 11.2794 13.9975 11.3824 13.4799C11.4853 12.9623 11.7395 12.4868 12.1127 12.1136C12.4858 11.7404 12.9613 11.4863 13.4789 11.3833C13.9966 11.2804 14.5331 11.3332 15.0207 11.5352C15.5083 11.7372 15.925 12.0792 16.2182 12.518C16.5114 12.9568 16.6679 13.4727 16.6679 14.0005C16.667 14.7079 16.3856 15.3861 15.8854 15.8863C15.3851 16.3866 14.7069 16.668 13.9995 16.6689Z' fill='%23333333'/%3E%3Cpath d='M18.4347 10.2506C18.7406 10.1784 18.9301 9.87181 18.8579 9.56585C18.7856 9.2599 18.4791 9.07043 18.1731 9.14266C17.8672 9.21488 17.6777 9.52146 17.7499 9.82742C17.8222 10.1334 18.1287 10.3228 18.4347 10.2506Z' fill='333'/%3E%3C/svg%3E");
background-repeat: no-repeat no-repeat;
background-position: center center;
background-size: cover;
}




/***** buttons *****/
.search-box .search-box-button, .result-success {
	font-family: 'juneau-bold';
	letter-spacing: 0.05em;
	background-color: #009687 !important;
	transition: all 0.5s ease;
	letter-spacing: 0.05em;
}
.search-box .search-box-button:hover {
	background-color: #333!important;
	transition: all 0.5s ease;
	color: #FFF;
}
.blog-posts .buttons .read-more, .news-items .buttons .read-more {
	background-color: #009687;
	transition: all 0.5s ease;
	font-family: 'juneau-bold';
    letter-spacing: 0.05em;
}
.blog-posts .buttons .read-more, .news-items .buttons .read-more:hover {
	background-color: #333;
	transition: all 0.5s ease;
}
.newsletter-subscribe-button {
	background-color: #009687;
	transition: all 0.5s ease;
	font-family: 'juneau-bold';
    letter-spacing: 0.05em;
}
.newsletter-subscribe-button:hover {
	background-color: #333;
	transition: all 0.5s ease;
}
.menu-toggle {
	background-color: #009687;
	transition: all 0.5s ease;
}
.search-input .button-1 {
	background-color: #009687;
	transition: all 0.5s ease;
	font-family: 'juneau-bold';
    letter-spacing: 0.05em;
}
.search-input .button-1:hover {
	background-color: #333;
	transition: all 0.5s ease;
}
.registration-page .button-1, 
.registration-result-page .button-1, 
.login-page .button-1, 
.password-recovery-page .button-1, 
.account-page .button-1, 
.return-request-page .button-1 {
	background-color: #009687;
	transition: all 0.5s ease;
	font-family: 'juneau-bold';
    letter-spacing: 0.05em;
}
.registration-page .button-1:hover,
.registration-result-page .button-1:hover,
.login-page .button-1:hover,
.password-recovery-page .button-1:hover,
.account-page .button-1:hover,
.return-request-page .button-1:hover {
	background-color: #333;
	transition: all 0.5s ease;
}
.item-box .product-box-add-to-cart-button {
	width: 86%;
	background-color: #009687;
	white-space: normal;
	font-size: 13px;
	transition: all 0.5s ease;
	font-family: 'juneau-bold';
    letter-spacing: 0.05em;
}
.item-box .product-box-add-to-cart-button:hover {
	background-color: #333;
	transition: all 0.5s ease;
}
.item-box .add-to-compare-list-button, 
.item-box .add-to-wishlist-button{
	width: 13%;
	background-color: #EAEAEA;
	transition: all 0.5s ease;
	font-family: 'juneau-bold';
    letter-spacing: 0.05em;
}
.item-box .add-to-compare-list-button:hover,
.item-box .add-to-wishlist-button:hover {
	background-color: #CCC;
	transition: all 0.5s ease;
}
.overview .button-2, 
.variant-overview .button-2{
	background-color: #EAEAEA;
	transition: all 0.5s ease;
}
.overview .email-a-friend-button, .overview .add-to-wishlist-button {
	background-position: center;
}
.overview .add-to-wishlist-button {
	display: none;
}
.overview .button-2:hover, 
.variant-overview .button-2:hover{
	background-color: #CCC;
	transition: all 0.5s ease;
}
.overview .add-to-cart-button, 
.variant-overview .add-to-cart-button {
	background-color: #009687;
	transition: all 0.5s ease;
	font-family: 'juneau-bold';
    letter-spacing: 0.05em;
}
.overview .add-to-cart-button:hover,
.variant-overview .add-to-cart-button:hover {
	background-color: #333;
	transition: all 0.5s ease;
}
.contact-page .button-1, 
.email-a-friend-page .button-1, 
.apply-vendor-page .button-1 {
	background-color: #009687;
	transition: all 0.5s ease;
	font-family: 'juneau-bold';
    letter-spacing: 0.05em;
}
.contact-page .button-1:hover, 
.email-a-friend-page .button-1:hover, 
.apply-vendor-page .button-1:hover {
	background-color: #333;
	transition: all 0.5s ease;
}
.shopping-cart-page .common-buttons input:first-child {
	background-color: #009687;
	transition: all 0.5s ease;
	font-family: 'juneau-bold';
    letter-spacing: 0.05em;
}
.shopping-cart-page .common-buttons input:first-child:hover {
	background-color: #333;
	transition: all 0.5s ease;
}
.cart-footer .checkout-button {
	background-color: #009687;
	transition: all 0.5s ease;
	font-family: 'juneau-bold';
    letter-spacing: 0.05em;
}
.cart-footer .checkout-button:hover {
	background-color: #333;
	transition: all 0.5s ease;
}
.new-comment .button-1 {
	background-color: #009687;
	transition: all 0.5s ease;
	font-family: 'juneau-bold';
    letter-spacing: 0.05em;
}
.new-comment .button-1:hover {
	background-color: #333;
	transition: all 0.5s ease;
}
.compare-products-page .clear-list {
	background-color: #009687;
	transition: all 0.5s ease;
}
.compare-products-page .clear-list:hover {
	background-color: #333;
	transition: all 0.5s ease;
}
/* peronalization text button*/
input.personalization-button, 
button.personalization-button {
    font-size: 15px;
    min-width: 150px;
    margin: 5px;
    border: none;
    background-color: #009687;
    padding: 10px 20px;
    color: #FFF;
	transition: all 0.5s ease;
	font-family: 'juneau-bold';
    letter-spacing: 0.05em;
}
input.personalization-button:hover, 
button.personalization-button:hover {
    background-color: #333;
	transition: all 0.5s ease;
}
/* peronalization text button*/
input.personalization-button-back, 
button.personalization-button-back {
    font-size: 15px;
    min-width: 150px;
    margin: 5px;
    border: none;
    background-color: #aaa;
    padding: 10px 20px;
    color: #FFF;
	transition: all 0.5s ease;
	font-family: 'juneau-bold';
    letter-spacing: 0.05em;
}
input.personalization-button-back:hover, 
button.personalization-button-back:hover {
    background-color: #333;
	transition: all 0.5s ease;
}

.item-box input[type="button"], .checkout-page .button-1 {
	font-family: 'juneau-bold';
    letter-spacing: 0.05em;
}
.shopping-cart-page .common-buttons input {
	background-color: #28b2a4;
	font-family: 'juneau-bold';
    letter-spacing: 0.05em;
}
/*** checkout ***/
.checkout-page .button-1 {
	background-color: #009687;
	transition: all 0.5s ease;
}
.checkout-page .button-1:hover {
	background-color: #333;
	transition: all 0.5s ease;
}
.opc .allow .step-title{
	background-color: #009687;
	letter-spacing: 0.05em;
}
.opc .allow .step-title .number {
	background-color: #00968752;
	color: rgb(255, 255, 255);
}
.opc .step-title {
	background-color: #ffffff;
}
.wishlist-content .update-wishlist-button, .wishlist-content .wishlist-add-to-cart-button {
	background-color: #009687;
	transition: all 0.5s ease;
}
.wishlist-content .update-wishlist-button:hover, .wishlist-content .wishlist-add-to-cart-button:hover {
	background-color: #333;
	transition: all 0.5s ease;
}
/*Disable product selector*/
.product-selectors {
    display: none;
}
/*Disable product filters*/
.product-filters {
    display: none;
}
.block .list a:hover {
	color: #333;
}




/**Reservation & Booking*/
.course-details-button, .course-booking-button, .download-button {
    background-color: #009687;
	transition: all 0.5s ease;
}

a.course-details-button, a.button-1:hover {
    color: #fff;
    text-decoration: none;
	transition: all 0.5s ease;
	background-color: #333;
}

.block-group {
    margin-bottom: 15px;
}
.course-side-list {
    margin: 10px 0;
}
.course-side-list li {
    margin-bottom: 5px;
}
.course-list {
    margin-bottom: 15px;
}
.course-list .button-1, .course-buttons .button-1, .booking-buttons .button-1 {
    min-width: 140px;
    border: none;
    padding: 10px 30px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
	margin: 0 10px;
	transition: all 0.5s ease;
}
a.course-details-button:hover {
    color: #fff;
	transition: all 0.5s ease;
}
.participant-info .title {
    text-align: left;
}
.participant-info strong {
    vertical-align: bottom;
}
.participant-info-row {
    margin-bottom: 10px;
}
.download-button {
    float: right;
}

.ui-datepicker {
	width: 280px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
	background-color: #fff;
	text-align: center;
	/*override jQuery UI styles, do not delete doubled properties*/
	border: none;
	border-radius: 0;
	padding: 0;
	font: normal 14px Arial, Helvetica, sans-serif;
	color: #333;
}

.ui-datepicker-header {
	position: relative;
	height: 32px;
	background-color: #009687;
	color: #fff;
	/*override jQuery UI styles, do not delete doubled properties*/
	border: none;
	border-radius: 0;
	background-image: none;
	padding: 0 !important;
	font-weight: normal;
}

.ui-datepicker-calendar .ui-state-active {
	outline: 2px solid #009687;
	font-weight: bold;
	color: #009687;
	/*override jQuery UI styles, do not delete doubled properties*/
	color: #009687 !important;
}
.color-squares .selected-value .color-container {
	background-color: #009687;
}
.cart td.subtotal .discount {
	color: #009687;
}

/************** Smartphone vertical *******************/
@media all and (max-width: 480px) {

.search-box {
	margin-bottom: 15px;
}

} /*** End media max 480 ***/



/************** Smartphone Landscape *******************/
@media all and (min-width: 481px) {

.header-logo {
	display: block;
}
.header-row {
	display: block;
}
.header-selectors-wrapper {
  border: none;
  padding: 0;
}
.language-selector select {
	height: 27px;
	padding: 0;
	margin-top: 2px;
}
.search-box {
	height: 45px;
}
.search-box input.search-box-text {
	width: 200px;
	height: 27px;
}
.search-box .search-box-button {
	height: 27px;
}

.inputs .image-preview {
	width: 400px;
}
} /*** End media min 481 ***/





/************** small Tablets *******************/
@media all and (min-width: 769px) {

.footer-block .title {
	background: none;
	color: #009687;
}
.follow-us .social .title{
	background-color: transparent;
	padding: 10px 15px;
	color: #009687;
}
.follow-us .newsletter .title{
	background-color: transparent;
	padding: 10px 15px;
	color: #009687;
}
}

/************** Tablets *******************/
@media all and (min-width: 1001px) {

.header-upper {
	border-bottom: 1px solid #ddd;
}
.header-logo {
	float: left;
}
.header-logo a img {
	padding-right: 20px;
}
.header-row {
	float: right;
	display: block;
	margin-bottom: 5px;
}
.language-selector {
	float: left;
	padding-top: 5px;
	margin-left: 20px;
}
.language-selector select {
	height: 27px;
}
.search-box {
	height: 45px;
}
.search-box input.search-box-text {
	width: 200px;
	height: 27px;
}
.search-box .search-box-button {
	height: 27px;
}
.mini-shopping-cart .name a{
	color: #009687;
	font-weight: bold;
}
.mini-shopping-cart .name a:hover{
	color: #01544c;
}
.mini-shopping-cart input[type="button"] {
	background-color: #009687;
	font-family: 'juneau-bold';
    letter-spacing: 0.05em;
}
.mini-shopping-cart input[type="button"]:hover {
	background-color: #333;
}
/* Show 4 products on one line (just for onepage layout) */
.item-box {
	width: 23.33333%;
	margin: 0 0.5% 50px;
}
.item-box:nth-child(2n+1) {
  clear: none;
}
.item-box:nth-child(3n+1) {
  clear: none;
}
.item-box:nth-child(4n+1) {
  clear: both;
}
.button-3 { 
display: inline-block;
margin: 10px 0;
border: none; 
padding: 10px 15px;
font-size: 12px;
color: #fff;
text-transform: uppercase; 
transition: all 0.5s ease;
}
.button-3:hover{
	background-color: #333;
	transition: all 0.5s ease;
}

.button-3 {
    background-color:  #009687;
}
} /*** End media min 1001 ***/



/************ Mobile Checkout *************/

 .qrcode {
        max-width: 100%;
        padding: 20px;
}

.mobilecheckout-page .qty-input {
    height: 40px;
	vertical-align: middle;
}

.mobilecheckout-page  .decrement-button {
    display: inline-block;
    border: none;
    background-color: #009687;
    padding: 10px;
    text-align: center;
    min-width: 50px;
    width: 50px;
    vertical-align: middle;
    background-image: url('../images/minus.png');
    background-repeat: no-repeat;
    background-position: center;
	height: 40px;
}

.mobilecheckout-page .increment-button {
	display: inline-block;
	border: none;
	background-color: #009687;
	padding: 10px;
	text-align: center;
	min-width: 50px;
	width: 50px;
	vertical-align: middle;
	background-image: url('../images/plus.png');
	background-repeat: no-repeat;
	background-position: center;
	height: 40px;
}

@media all and (min-width: 1001px) {
   th.quantity-title {
       display: none;
   }
   td.unit-amount {
       display: none;
   }
   td.quantity {
       min-width: 222px;
   }
}

/*** end mobile checkout ***/

/*Template selection*/

.template-selection label {
    width:auto;
    text-align: left;
}

.template-selection-box {
    width: auto;
    position: relative;
    text-align:center;
    display: inline-block;

}

.template-selection {
    min-width: 200px;
    border:solid 2px #AAA;
    border-radius: 15px;
    margin: 0px 20px 0px 0px;
    padding: 15px;
    position: relative;
    text-align:left;
    display: inline-block;
}
.template-selection-image {
    margin: 10px;
}
/*end Template selection*/

/* Cardrenewal-Management*/
/* peronalization text button*/
input.cardmanagement-button,
button.cardmanagement-button,
a.cardmanagement-button,
div.cardmanagement-button,
span.cardmanagement-button {
	display: inline-block;
	font-size: 15px;
	margin: 5px;
	border: none;
	background-color: #009687;
	padding: 10px 20px;
	color: #FFF;
	vertical-align: bottom;
}
	input.cardmanagement-button:first-child,
	button.cardmanagement-button:first-child,
	a.cardmanagement-button:first-child,
	div.cardmanagement-button:first-child {
		/*margin-left:0;*/
	}
	input.cardmanagement-button:hover,
	button.cardmanagement-button:hover,
	a.cardmanagement-button:hover,
	div.cardmanagement-button:hover{
		background-color: #333;
	}
.qq-upload-button {
	background-color: #009687!important;
}
.block .list .active > a {
	color: #009687;
}
.eu-cookie-bar-notification button {
	background-color: #009687;
}
	.eu-cookie-bar-notification button:hover {
		background-color: #333;
	}
.eu-cookie-bar-notification a {
	color: #009687;
}

#media-switch-camera {
	display: none;
}
@media all and (max-width: 1024px) {
	#media-switch-camera {
		display: block;
	}
}
@media all and (max-width: 1000px) {
.top-menu > li > a {
	background: #fff;
}
.cart tbody {
	display: flex;
	justify-content: center;
}
 .full-description ul {
	max-width: fit-content;
	margin: 0 auto;
	text-align: left;
}
 .full-description p {
   text-align: center;
}
}