@charset "UTF-8";
.owl-carousel {
	display: none;
	width: 100%;
	-webkit-tap-highlight-color: transparent;
	position: relative;
	z-index: 1;
}
.owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y;
	-moz-backface-visibility: hidden;
}
.owl-carousel .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
	position: relative;
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
}
.owl-carousel .owl-item img {}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
	display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
	cursor: pointer;
	cursor: hand;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.owl-carousel.owl-loaded {
	display: block;
}
.owl-carousel.owl-loading {
	opacity: 0;
	display: block;
}
.owl-carousel.owl-hidden {
	opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
	visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.owl-carousel.owl-grab {
	cursor: move;
	cursor: grab;
}
.owl-carousel.owl-rtl {
	direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
	float: right;
}
.no-js .owl-carousel {
	display: block;
}
.owl-carousel .animated {
	animation-duration: 3s;
	animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
	z-index: 0;
}
.owl-carousel .owl-animated-out {
	z-index: 1;
}
.owl-carousel .fadeOut {
	animation-name: fadeOut;
}
.owl-prev.disabled,
.owl-next.disabled {
	display: none;
}
@keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
.owl-height {
	transition: height .5s ease-in-out;
}
.owl-carousel .owl-item .owl-lazy {
	opacity: 0;
	transition: opacity .4s ease;
}
.owl-carousel .owl-item img.owl-lazy {
	transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: #000;
}
.owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background: url("owl.video.play.png") no-repeat;
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	transition: transform .1s ease;
}
.owl-carousel .owl-video-play-icon:hover {
	-ms-transform: scale(1.3, 1.3);
	transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
	display: none;
}
.owl-carousel .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	transition: opacity .4s ease;
}
.owl-carousel .owl-video-frame {
	position: relative;
	z-index: 1;
	height: 100%;
	width: 100%;
}
.item.animatedParent {
	text-align: center;
}
@font-face {
	font-family: OpenSans;
	font-weight: 400;
	font-style: normal;
	src: url(OpenSansCondensed-Light.ttf)
}
@font-face {
	font-family: OpenSans;
	font-weight: 700;
	font-style: normal;
	src: url(OpenSansCondensed-Bold.ttf)
}
body {
	background: white;
}
.clear {
	clear: both;
	float: none;
}
.center {
	text-align: center;
}
body,
html,
p {
	font-family: OpenSans;
	margin: 0;
	padding: 0;
	color: #202020;
}
b {
	font-weight: 700;
}
a {
	text-decoration: none;
	color: #202020;
}
.top a {
	color: white;
}
img {
	vertical-align: middle;
	width: 100%;
}
small {
	font-weight: 300;
	font-size: 12px;
}
#mobile {
	display: none;
	position: relative;
	left: calc(100% - 50px);
	width: 40px;
	height: 35px;
	margin-bottom: 5px;
	margin-top: 10px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}
#mobile span {
	display: block;
	position: absolute;
	height: 7px;
	width: 100%;
	background: #0c71c3;
	border-radius: 9px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
#mobile span:nth-child(1) {
	top: 0px;
}
#mobile span:nth-child(2),
#mobile span:nth-child(3) {
	top: 12px;
}
#mobile span:nth-child(4) {
	top: 24px;
}
#mobile.open span {
	background: #ef8f12;
}
#mobile.open span:nth-child(1) {
	top: 18px;
	width: 0%;
	left: 50%;
}
#mobile.open span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
#mobile.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#mobile.open span:nth-child(4) {
	top: 18px;
	width: 0%;
	left: 50%;
}
#mobile-menu {
	width: 380px;
	height: 0px;
	background: white;
	position: absolute;
	top: 45px;
	left: 50%;
	margin-left: -190px;
	transition: height 1s;
}
#mobile-menu.open {
	height: 210px;
	display: block;
}
#mobile-menu li {
	float: none;
	font-size: 20px;
	text-align: center;
	border-bottom-color: #d7e377;
	margin: 10px 3px;
}
#mobile-menu li a {}
::after,
 ::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.clearfix::after,
.clearfix::before,
.nav::after,
.nav::before,
.row::after,
.row::before,
.container::after,
.container::before {
	display: table;
	content: " ";
	clear: both;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: inherit;
	font-weight: 400;
	line-height: 1.1;
	color: inherit;
	margin: 0;
}
.row {
	padding-top: 30px;
	padding-bottom: 30px;
	clear: both;
}
.container {
	max-width: 1320px;
	width: calc(100% - 20px);
	margin: 0 auto;
	clear: both;
}
.container-1200 {
	max-width: 1200px;
	width: calc(100% - 20px);
	margin: 0 auto;
}
.container-full {
	width: calc(100% - 20px);
	max-width: none;
	margin: 20px auto;
}
.top {
	background: #003c8c;
	text-align: right;
}
.top .nav {
	float: right;
}
.level {
	text-transform: initial;
	color: #3c763d;
}
.target {
	text-transform: initial;
color: #a94442;
}
.target.active {
	color: #3c763d;
}
.logo {
	position: absolute;
	max-width: 130px;
	text-align: center;
	background: white;
	padding: 2px;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.logo h1 {
	font-size: 14px;
}
.nav li {
	float: left;
	list-style: none;
	font-size: 20px;
}
.nav li.open,
.nav li:hover {
	background: #2ea3f2;
}
.nav li.open a,
.nav li:hover a,
.top .nav li:hover a {
	color: white;
}
.top .nav li:hover {
	background: #2ea3f2;
}
.top .nav li {
	font-size: 17px;
}
.nav {
	margin: 0;
	padding: 0;
}
.dropdown-menu {
	display: none;
}
.middle,
.bottom {
	background: white;
}
.middle .nav {
	margin-left: 130px;
}
.nav li a {
	display: block;
	padding: 15px;
}
.top .nav li a {
	display: block;
	padding: 10px 15px;
}
.nav li a:first-letter {
	text-transform: uppercase;
}
.middle .nav {
	float: left;
}
.middle a,
.bottom a {
	color: #003c8c;
}
.bottom .nav {
	float: right;
}
.special {
    background: #e09900;
}
.special2 {
    background: #0DABE0;
}
.nav .dropdown-menu li.special a,
.special a,
.special2 a {
    color: white;
}
#search,
#search-aff {
	font-size: 18px;
	vertical-align: middle;
	padding: 7px 10px;
	font-family: OpenSans;
	border: 1px solid #003c8c;
}
#search2 {
	background: #2a82ca;
	font-size: 15px;
	vertical-align: middle;
	padding: 2px 10px;
	font-family: OpenSans;
	border: none;
	height: 30px;
	width: calc(100% - 40px);
	color: white;
}
#form_header_search {
	float: right;
	vertical-align: middle;
	margin-top: 10px;
}
#form_header_search .btn {
	background: #003c8c;
	font-size: 18px;
	vertical-align: middle;
	width: 40px;
	height: 40px;
	border: 1px solid #003c8c;
	color: white;
}
#form_header_search2 {
	margin-left: 10px;
}
#form_header_search2 .btn {
	background: #2a82ca;
	font-size: 15px;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	border: none;
	color: white;
}
h2 {
	color: #0c71c3;
	font-size: 50px;
	font-weight: 700;
}
h1::first-letter,
h2::first-letter {
	text-transform: uppercase;
}
h1,
h3 {
	background: #0c71c3;
	font-size: 40px;
	text-transform: uppercase;
	color: white;
	padding: 10px;
	text-align: center;
	font-weight: 700;
	letter-spacing: 1px;
	margin-bottom: 30px;
	border-bottom: 5px solid #0dabe0;
	
	border-bottom: 5px solid #cecece;
	background: rgb(0,177,234);
	background: linear-gradient(90deg,rgba(0,177,234,1) 0%, rgba(0,241,251,1) 8%, rgba(0,177,234,1) 16%, rgba(3,122,188,1) 70%, rgba(50,97,172,1) 90%, rgba(52,81,170,1) 100%);
}
h1 span,
h3 span {
	position: relative;
	top: 20px;
	background: white;
	color: #0c71c3;
	padding: 5px 40px;
	display: inline-block;
	margin-left: 20px;
	margin-right: 20px;
}
h3.gray-h3 {
	background: none;
	border-color: #f5f5f5;
	color: #0c71c3;
}
h3.gray-h3 span {
	top: 30px;
}
h4 {
	font-weight: 700;
	margin: 10px 0;
	color: #0c71c3;
	font-size: 22px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
header {
	position: fixed;
	width: 100%;
	z-index: 11;
}
.header-fix {
	height: 100px;
}
p {
	line-height: 25px;
}
#home-slider {
	min-height: 800px;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	background-attachment: fixed;
}
#home-slider h1 {
	font-size: 30px;
	color: #10394f;
	text-shadow: 3px 3px 5px rgba(150, 150, 150, 1);
	letter-spacing: 2px;
	text-transform: uppercase;
	background: none;
	text-align: right;
	font-weight: 400;
	padding: 0;
	margin: 0;
	border: none;
}
#home-slider h2 {
	font-size: 90px;
	text-align: right;
	color: #10394f;
	text-shadow: 3px 3px 5px rgba(150, 150, 150, 1);
	font-weight: 700;
}
#home-slider::before {
	content: ' ';
	position: absolute;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMCUiIHZpZXdCb3g9IjAgMCAxMjgwIDE0MCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjZmZmZmZmIj48cGF0aCBkPSJNMTI4MCAxNDBWMEgwbDEyODAgMTQweiIgZmlsbC1vcGFjaXR5PSIuNSIvPjxwYXRoIGQ9Ik0xMjgwIDk4VjBIMGwxMjgwIDk4eiIvPjwvZz48L3N2Zz4=);
	background-size: 100% 100%;
	top: 0px;
	width: 100%;
	height: 10%;
	z-index: 10;
	background-color: transparent;
}
#home-slider::after {
	content: ' ';
	position: absolute;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxNTNweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9InJnYmEoMjU1LDI1NSwyNTUsMC42OCkiPjxwYXRoIGQ9Ik0wIDB2MTQwaDEyODBMMCAweiIgZmlsbC1vcGFjaXR5PSIuNSIvPjxwYXRoIGQ9Ik0wIDQydjk4aDEyODBMMCA0MnoiLz48L2c+PC9zdmc+);
	background-size: 100% 153px;
	bottom: 0;
	width: 100%;
	height: 153px;
	z-index: 10;
}
#home-slider .container {
	padding: 200px 0;
	text-align: right;
	max-width: 800px;
}

.fl-20 {
	float: left;
	width: 20%;
}
.fl-25 {
	float: left;
	width: 25%;
}
.fl-33 {
	float: left;
	width: 33%;
}
.fl-40 {
	width: 40%;
	float: left;
}
.fl-50 {
	width: 50%;
	float: left;
}
.fl-60 {
	width: 60%;
	float: left;
}
.fl-67 {
	float: left;
	width: 67%;
}
.fl-75 {
	float: left;
	width: 75%;
}
.fl-130p {
	float: left;
	width: 130px;
}
.fl--130p {
	float: left;
	width: calc(100% - 130px);
}
.fl-260p {
	float: left;
	width: 260px;
}
.fl--260p {
	float: left;
	width: calc(100% - 260px);
}
.fl-300p {
	float: left;
	width: 300px;
}
.fl--300p {
	float: left;
	width: calc(100% - 300px);
}
.fl-600p {
	float: left;
	width: 600px;
}
.fl--600p {
	float: left;
	width: calc(100% - 600px);
}
.fr-50 {
	float: right;
	width: 50%;
}
.fr-300p {
	float: right;
	width: 300px;
}
.fr--300p {
	float: right;
	width: calc(100% - 300px);
}
.pad-15 {
	padding: 15px;
}
.mar-15 {
	margin: 15px;
}
.pad-50 {
	padding: 50px;
}
.mar-50 {
	margin: 50px;
}
.testimonial.fl-33 > div {
	background: #f5f5f5;
	padding: 30px 15px;
	color: #00568c;
	font-size: 18px;
}
.testimonial {
	position: relative;
}
.testimonial::before {
	content: ' ';
	background: url(/images/quotes.png);
	background-size: contain;
	position: absolute;
	top: 0;
	left: calc(50% - 16px);
	width: 32px;
	height: 32px;
}
.testimonial.fl-33 > div p {
	color: #00568c;
}
.testimonial.fl-33 > div .testimonial-author {
	font-weight: 700;
	margin: 10px 0;
}
.testimonial-rating {
	text-align: center;
	color: #FFA500;
}
.filter {
	list-style: none;
	margin: 0;
	padding: 0;
	background: white;
}
.filter li {
	display: block;
	text-transform: uppercase;
	color: #666;
	border-bottom: 5px solid #f4f4f4;
	padding: 6px 12px;
	overflow: hidden;
}
.filter li.size > div {
	float: left;
	width: 25%;
}
.filter li.size > div:nth-child(2) {
	width: 100%;
}
.filter.lower-case li {
	text-transform: initial;
}
.filter li a {
	display: block;
	color: #666;
}
.filter li a:hover {
	color: #0c71c3;
	text-decoration: underline;
}
.container-products {
	clear: both;
	overflow: hidden;
}

/* PRODUCTX-BOX */
.product-box {
	float: left;
	/* width: 250px; */
	width: 243px;
	min-height: 520px;
	position: relative;
	margin: 10px;
	border: 1px solid #d6d6d6;
	text-align: center;
	background: white;
}
.product-img {
	/* max-width: 248px; */
	/* max-height: 248px; */
	max-width: 241px;
	max-height: 241px;
	width: auto;
	display: block;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	transition: all 0.2s linear;
}
.product-new {
	position: absolute;
	top: 5px;
	left: 5px;
	background: #5f6366;
	padding: 10px;
	z-index: 2;
}
.product-price {
	position: absolute;
	right: 0;
	background: rgba(98, 98, 98, 0.5);
	padding: 10px;
	color: white;
	font-weight: 700;
	max-width: 100px;
	text-align: center;
	z-index: 2;
}
.product-price small {
	display: block;
}
.product-promo {
	position: absolute;
	right: 0;
	top: 0;
	background: rgba(255, 0, 0, 0.6);
	padding: 10px;
	color: white;
	font-weight: 700;
	max-width: 100px;
	z-index: 2;
}
.product-name {
	color: #0c71c3;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	background: white;
	position: absolute;
	width: 100%;
	bottom: 0px;
	display: block;
	left: 0px;
	z-index: 3;
	overflow: hidden;
}
.product-view {
	display: block;
	background: #edb5c0;
	color: #0c71c3;
	max-height: 0;
	line-height: 50px;
	transition: all 0.2s linear;
}
.product-box:hover {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}
.product-box:hover .product-view {
	max-height: 50px;
	transition: all 0.2s linear;
}
.product-box:hover .product-img {
	opacity: 0.6;
	transition: all 0.2s linear;
}
.product-box.svejar-product-box {
	border: none;
	text-align: left;
	vertical-align: top;
}
.svejar-product-box .product-name {
	position: relative;
}
.svejar-product-box .product-price {
	position: relative;
	background: no-repeat;
	color: #339966;
	padding-left: 0;
	padding-right: 0;
	text-align: left;
	max-width: none;
}
.product-box.svejar-product-box:hover {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.product-box.svejar-product-box:hover .product-view {
	max-height: none;
	transition: none;
}
.product-box.svejar-product-box:hover .product-img {
	opacity: 1;
	transition: none;
}
.product-excerpt {
	font-size: 18px;
	line-height: 25px;
	padding: 10px 0 20px;
}
.product-title {
	color: #00568c;
	font-weight: 700;
}
.product-box.svejar-product-box .button-base {
    width: 100%;
}



.hex-box {
	width: 50px;
	height: 50px;
	border: 1px solid #202020;
}
.hex {
	height: 48px;
	width: 48px;
}
.hex_1, .hex_2 {
	height: 24px;
	width: 48px;
}
.product-colors {
	height: 20px;
}
.color-box {
	width: 20px;
	height: 20px;
	display: inline-block;
	margin: 2px;
	border-radius: 20px;
	transform: rotate(-45deg);
	position: relative;
}
.color-box.white-border::before {
	content: '';
	position: absolute;
	width: calc(100% + 6px);
	height: calc(100% + 6px);
	left: -3px;
	top: -3px;
	border-radius: 20px;
	z-index: -1;
	border: 1px solid #c0c0c0;
}
.color-box .hex {
	width: 100%;
	height: 100%;
	border-radius: 20px;
}
.color-box .hex_1, .color-box .hex_2 {
	width: 100%;
	height: 50%;
}
.color-box .hex_1 {
	border-radius: 50px 50px 0 0;
}
.color-box .hex_2 {
	border-radius: 0 0 50px 50px;
}
.filter-box {
	cursor: pointer;
}
input[type="checkbox"] {
	display: none;
}
label {
	position: relative;
	padding-left: 30px;
	width: calc(100% - 30px);
	display: block;
	margin: 5px 0;
}
label::before, label::after {
	font-size: 24px;
	position: absolute;
	top: 0;
	left: 0;
}
input[type="checkbox"] + label::before {
	content: '';
	color: #333;
	width: 16px;
	height: 16px;
	border: 1px solid #333;
	border-radius: 3px;
	top: 3px;
	background: white;
}
input[type="checkbox"] + label[for|="color"] {
	width: auto;
	padding: 0;
	display: inline-block;
	margin-right: 5px;
}
input[type="checkbox"] + label[for|="color"]::before {
	display: none;
}

input[type="checkbox"]:checked + label::after {
	max-width: 40px;
	opacity: 1;
	color: #0c0;
}
input[type="checkbox"] + label::after {
	content: '✔';
	top: -10px;
	left: 1px;
	max-width: 0;
	overflow: hidden;
	opacity: 0.5;
	transition: all 0.3s ease-in-out;
}
input[type="checkbox"] + label[for|="color"]::after {
	left: 4px;
	color: #72ff72;
}
button, input {
	-webkit-appearance: none;
	border: none;
}
input[readonly] {
	background: #f9f9f9;
	color: #595959;
}
/* .button-submit { */
	/* font-size: 14px; */
	/* text-transform: uppercase; */
	/* color: white; */
	/* padding: 15px; */
	/* border: none; */
	/* width: 100%; */
	/* -webkit-appearance: none; */
	/* cursor: pointer; */
	/* background: #edb5c0; */
/* } */
/* .button-submit:hover { */
	/* background: #9aa5c3; */
/* } */
.button-submit:disabled,
.button-submit[disabled]{
	border: 1px solid #999999;
	background-color: #cccccc;
	color: #666666;
	cursor: not-allowed;
}
.button-design {
	display: inline-block;
	width: auto;
	padding: 10px;
}
.extra-light-blue-top-pattern {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSI1N3B4IiB2aWV3Qm94PSIwIDAgMTI4MCAxNDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTEyODAgMTQwVjBIMGwxMjgwIDE0MHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMTI4MCA5OFYwSDBsMTI4MCA5OHoiLz48L2c+PC9zdmc+);
	background-size: 100% 57px;
	top: 0;
	height: 57px;
	z-index: 1;
	transform: rotateY(180deg);
}
.extra-light-blue-bottom-pattern {
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9InJnYmEoNjUsMTg4LDIxOSwwLjE3KSI+PHBhdGggZD0iTTEyODAgMTQwVjBIMGwxMjgwIDE0MHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMTI4MCA5OFYwSDBsMTI4MCA5OHoiLz48L2c+PC9zdmc+);
	background-size: 100% 100px;
	top: 0;
	height: 100px;
	z-index: 1;
}
.light-blue-top-pattern {
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIzOXB4IiB2aWV3Qm94PSIwIDAgMTI4MCAxNDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTEyODAgMTQwVjBIMGwxMjgwIDE0MHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMTI4MCA5OFYwSDBsMTI4MCA5OHoiLz48L2c+PC9zdmc+) #0c71c3;
	background-size: 100% 39px;
	top: 0;
	height: 39px;
	z-index: 1;
	transform: rotateY(180deg);
}
.light-blue-bottom-pattern {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIzOXB4IiB2aWV3Qm94PSIwIDAgMTI4MCAxNDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iIzBjNzFjMyI+PHBhdGggZD0iTTEyODAgMTQwVjBIMGwxMjgwIDE0MHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMTI4MCA5OFYwSDBsMTI4MCA5OHoiLz48L2c+PC9zdmc+);
	background-size: 100% 39px;
	top: 0;
	height: 39px;
	z-index: 1;
}
.light-blue-top-x-pattern {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSI0OXB4IiB2aWV3Qm94PSIwIDAgMTI4MCAxNDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iIzBjNzFjMyI+PHBhdGggZD0iTTAgMTQwbDY0MC03MCA2NDAgNzBWMEw2NDAgNzAgMCAwdjE0MHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMCAxNDBoMTI4MEw2NDAgNzAgMCAxNDB6Ii8+PC9nPjwvc3ZnPg==);
	background-size: 100% 49px;
	bottom: 0;
	height: 49px;
	z-index: 1;
}
.light-blue-bottom-x-pattern {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIzOXB4IiB2aWV3Qm94PSIwIDAgMTI4MCAxNDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iIzBjNzFjMyI+PHBhdGggZD0iTTEyODAgMEw2NDAgNzAgMCAwdjE0MGw2NDAtNzAgNjQwIDcwVjB6IiBmaWxsLW9wYWNpdHk9Ii41Ii8+PHBhdGggZD0iTTEyODAgMEgwbDY0MCA3MCA2NDAtNzB6Ii8+PC9nPjwvc3ZnPg==);
	background-size: 100% 39px;
	top: 0;
	height: 39px;
	z-index: 1;
}
.orange-bottom-x-pattern {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNlMDk5MDAiPjxwYXRoIGQ9Ik0wIDE0MGw2NDAtNzAgNjQwIDcwVjBMNjQwIDcwIDAgMHYxNDB6IiBmaWxsLW9wYWNpdHk9Ii41Ii8+PHBhdGggZD0iTTAgMTQwaDEyODBMNjQwIDcwIDAgMTQweiIvPjwvZz48L3N2Zz4=);
	background-size: 100% 100px;
	bottom: 0;
	height: 100px;
	z-index: 1;
}
.green-bottom-x-pattern {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSI2OXB4IiB2aWV3Qm94PSIwIDAgMTI4MCAxNDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTAgMHYxNDBoMTI4MEwwIDB6IiBmaWxsLW9wYWNpdHk9Ii41Ii8+PHBhdGggZD0iTTAgNDJ2OThoMTI4MEwwIDQyeiIvPjwvZz48L3N2Zz4=);
	background-size: 100% 69px;
	bottom: 0;
	height: 69px;
	z-index: 1;
	transform: rotateY(180deg);
}
#blog-posts {
	background: #e09900;
	padding-top: 0;
	margin-top: 30px;
}
.blog-head {
	background-image: linear-gradient(158deg,#2b87da 36%,#edf000 100%);
}
#blog-posts h1,
.about-page h1 {
	background: no-repeat;
	border: none;
	text-align: left;
	margin-top: 40px;
}
.about-page p {
	font-size: 25px;
	line-height: 35px;
	padding-bottom: 20px;
	color: #0c71c3;
}
#blog-posts .box > div {
	background: white;
}
#social {
    float: left;
    margin-left: 130px;
	margin-top: 8px;
}
#social a {
    display: inline-block;
    font-size: 30px;
    background: white;
    height: 25px;
    width: 25px;
    line-height: 30px;
    text-align: center;
    padding-top: 0;
    border-radius: 7px;
	margin-right: 10px;
}
#social a i {
    position: relative;
    top: -3px;
}
.about-head {
	background-image: linear-gradient(163deg,#2b87da 51%,#f4ff2b 100%);
}
.svejo-extra-light-blue {
	background: #0dabe0;
	color: white;
}
.svejo-light-blue {
	background: #0c71c3;
	color: white;
}
.svejo-dark-blue {
	background: #003c8c;
	color: white;
	font-size: 20px;
	font-weight: bold;
}
.svejo-light-blue h3,
.svejo-extra-light-blue h3 {
	color: white;
	font-size: 40px;
	font-weight: 700;
	text-transform: uppercase;
	background: none;
	text-align: center;
	margin-bottom: 5px;
	border: none;
}
.svejo-light-blue hr,
.svejo-extra-light-blue hr {
	background: white;
	border: none;
	height: 2px;
	margin-top: 20px;
}
.svejo-light-blue h4,
.svejo-extra-light-blue h4 {
	color: white;
	text-transform: uppercase;
	background: none;
	font-size: 25px;
}
.svejo-light-blue h4 i,
.svejo-extra-light-blue h4 i {
	color: #edf000;
	margin-right: 5px;
}
.svejo-light-blue p {
	color: #0fffbb;
	line-height: 30px;
	font-size: 20px;
}
.svejo-light-blue p i,
.svejo-extra-light-blue p i {
	margin-right: 10px;
	color: #edf000;
}
.svejo-extra-light-blue p {
	color: #003c8c;
	line-height: 30px;
	font-size: 20px;
}
p.white {
	color: white;
}
.gray-block {
	background: #769fc1;
	padding: 20px;
}
.gray-block h3 {
	background: no-repeat;
	border: none;
	margin: 50px 0;
}
.top-right-round {
	border-radius: 0 250px 0 0;
}
.bottom-left-round {
	border-radius: 0 0 0 250px;
}
.gray-block h3 span {
	position: initial;
	background: none;
	padding: 0;
	top: 0;
	color: yellow;
}
#for-him img ,
#for-her img {
	border-radius: 150px 0 150px 0;
	margin-bottom: 30px;
}
.svejo-1 {
	background: url(/shakeradv/images/svejar-background-promo-1.jpg);
}
.svejo-2 {
	background: url(/shakeradv/images/svejar-background-promo-2.jpg);
}
.svejo-3 {
	background: url(/shakeradv/images/svejar-background-promo-3.jpg);
}
.svejo-1,
.svejo-2,
.svejo-3 {
	min-height: 500px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}
.svejo-3 {
	min-height: 820px;
}
#svejo p {
	color: white;
	text-transform: uppercase;
	font-size: 20px;
}
.title-s {
	color: white;
	font-size: 30px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1px;
}
.title-l {
	color: white;
	font-size: 60px;
	font-weight: 700;
}
.svejo-1 > div {
	padding: 145px 80px;
	background: rgba(12,113,195, .6);
	background: linear-gradient(150deg, rgb(12, 113, 195) 0%, rgb(36, 127, 201) 10%, rgba(255,255,255,0) 100%);
	min-height: 500px;
}
.svejo-2 > div {
	padding: 150px 80px;
	text-align: center;
	background: rgb(255,255,255);
	background: linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 10%, rgba(57,57,57,0.2049020291710434) 72%, rgba(0,0,0,0.3029412448573179) 90%, rgba(0,0,0,0.3029412448573179) 100%); 
	min-height: 500px;
}
.svejo-3-1 {
	position: absolute;
	bottom: 0;
	left: -10px;
	background: url(/images/svejo-3-1-bg.png) #ffb456;
	padding: 20px;
	background-size: contain;
	background-repeat: no-repeat;
	width: 200px;
}
.svejo-3-1 .title-l {
	line-height: 54px;
	padding-bottom: 11px;
	color: #003c8c;
}
.svejo-3-1 .title-s {
	line-height: 20px;
	padding-top: 10px;
	font-size: 20px;
}
.svejo-3-2 {
	background: white;
	padding: 50px 100px 50px 50px;
	float: right;
	margin-right: -15px;
	margin-top: 100px;
}
.svejo-3-2 .title-s,
.svejo-3-2 .title-l {
	color: #003c8c;
}
.button-submit,
.button-base {
	padding: 10px 20px;
	background: white;
	color: #202020;
	display: inline-block;
	margin-top: 5px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 700;
	font-size: 20px;
	cursor: pointer;
}
.button-submit:after,
.button-base:after {
	content: '»';
	transition: opacity 0.2s linear;
	opacity: 0;
	font-size: 28px;
	line-height: 20px;
	margin-left: 0px;
	width: 0;
	display: inline-block;
}
.button-submit:hover,
.button-base:hover {
	padding: 10px;
}
.button-submit:hover:after,
.button-base:hover:after {
	opacity: 1;
	transition: opacity 0.4s linear;
	width: 20px;
}
.button-design:after {
	content: none;
}
.button-design:hover {
	padding: 10px 20px;
}
button.button-base {
	width: 100%;
}
.button-white {
	background: white;
	color: #202020;
}
.button-submit,
.button-orange {
	background: #ffb456;
	color: white;
}
.button-design,
.button-blue {
	background: #0dabe0;
	color: white;
	border: 2px solid white;
}
.button-submit.button-design {
	font-size: 15px;
	padding: 5px 10px;
}
.button-white-blue {
	background: white;
	color: #0dabe0;
	border: 2px solid #0dabe0;
}
.button-transparent-white {
	background: transparent;
	color: white;
	border: 2px solid white;
}
.button-black {
	background: #202020;
	color: white;
}
#advantages {
	text-align: center;
	margin: 40px 0;
	border-top: 1px solid #0c71c3;
	padding-top: 40px;
}
#advantages img {
	width: auto;
	margin: 0 auto;
}
#advantages p {
	padding: 10px;
}
#be-fresh {
	background: url(/images/be-fresh.jpg);
	background-size: cover;
	background-attachment: fixed;
}
.fresh-design #be-fresh {
	background: url(/images/be-fresh-design.jpg);
	background-size: cover;
	background-attachment: fixed;
}
#be-fresh .fl-50 {
	height: 750px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#be-fresh h1 {
	background: no-repeat;
	border: none;
}
#be-fresh p {
	color: white;
	margin: 10px 0;
}
#newsletter {
	background: #e09900;
	padding-top: 60px;
	padding-bottom: 60px;
}
#newsletter p {
	color: white;
	font-size: 30px;
	font-weight: 700;
	line-height: 40px;
}
#newsletter-form input,
#newsletter-form textarea {
	width: 100%;
	border: none;
	padding: 10px 20px;
	margin: 5px 0;
	letter-spacing: 1px;
	font-family: OpenSans;
	font-size: 20px;
}
#popular-designs .fl-25 > div {
	background: #f5f5f5;
	text-align: center;
}
#popular-designs .title-s {
	color: #00568c;
	font-size: 20px;
	padding: 10px;
}
#popular-designs .title-l {
	color: #00568c;
	font-size: 40px;
	padding: 0px 10px 20px;
}
#popular-designs .img-div img {
	max-height: 210px;
	padding: 10px;
	width: auto;
}
.instagram-media {
	min-width: auto !important;
}
#home-register .container {
	background: url(/images/register.png);
	background-size: cover;
	background-position: center -40px;
	background-repeat: no-repeat;
}
.svejo-category {
	background: #f5f5f5;
	text-align: center;
	padding: 20px 0 50px;
}
.svejo-category .title-s {
	color: #00568c;
	font-size: 20px;
	padding: 10px;
}
.svejo-category .title-l {
	color: #00568c;
	font-size: 40px;
	padding: 0px 10px 20px;
}
.top-line-1 {
	border-top: 5px solid #0dabe0;
}
.top-line-2 {
	border-top: 5px solid #7cda24;
}
.top-line-3 {
	border-top: 5px solid #0c71c3;
}
.top-line-4 {
	border-top: 5px solid #FFA500;
}
.round-img {
	border-radius: 50%;
}
hr.blue-hr {
	margin: 20px 0;
	border-color: #0c71c3;
}
hr.white-hr {
	margin: 20px 0;
	border-color: white;
}







/* XXX xxx */
.owl-images {
	max-width: 400px;
	margin: 0 auto;
}
.owl-images .owl-nav,
.owl-related .owl-nav {
	position: absolute;
	top: calc(50% - 40px);
	width: 100%;
	height: 0px;
	font-size: 40px;
	color: white;
	text-shadow: 0 1px 2px rgba(0,0,0,.6);
}
.owl-images .owl-prev,
.owl-related .owl-prev {
	float: left;
	padding: 20px 20px 20px 5px;
}
.owl-images .owl-next,
.owl-related .owl-next {
	float: right;
	padding: 20px 5px 20px 20px;
}
.nav-img {
	width: 96px;
	height: 96px;
}
.nav-img img {
	max-width: 100px;
	max-height: 100px;
	width: auto;
	height: auto;
}
.nav-box {
	float: left;
	width: 112px;
	margin: 5px;
	text-align: center;
	border: 4px solid white;
	padding: 4px;
	cursor: pointer;
}
#colors .nav-box {
	margin: 3px;
}
.size-box {
	float: left;
	width: 100px;
	margin: 3px;
	text-align: center;
	border: 2px solid white;
	padding: 0px;
	cursor: pointer;
	position: relative;
}
.size-box span {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	font-size: 30px;
	font-weight: bold;
	height: 100%;
	line-height: 90px;
	text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white;
}
.size-box a {
	display: block;
}
.size-panel.active {
	display: block;
}
.size-panel {
	display: none;
}
.nav-box:nth-child(6n+1) {
	clear: both;
}
.nav-box h4 {
	font-weight: 300;
	margin: 0;
	text-transform: capitalize;
	min-height: 50px;
}
.nav-box small span {
	color: white;
	width: 14px;
	display: inline-block;
	border-radius: 20px;
	font-weight: 700;
	position: relative;
	margin-top: -3px;
	background: #537FBB;
}
.nav-box.active {
	border-color: #FFD503;
}
.panel {
	background: white;
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #E4E4E4;
}
#content h3 {
	margin-bottom: 10px;
}
#signs a {
	display: inline-block;
}
#signs img {
	width: 45px;
	height: 45px;
}
.product h1 {
	margin-top: 10px;
	font-size: 40px;
}
.price-table {
	width: 100%;
	background: #ececec;
	border-spacing: 1px;
	border-collapse: separate;
	text-align: center;
	/* border: 4px solid #5f6366; */
	display: none;
}
.price-table.active {
	display: table;
}
.price-table td { 
	padding: 5px;
}
.price-table tr:nth-child(even) {background: #f9f9f9}
.price-table tr:nth-child(odd) {background: #ffffff}
.count-products {
	width: 40px;
	border-radius: 3px;
	border: 1px solid #ececec;
	padding: 5px;
}
.promo-price {
	color: #ae1919;
	font-weight: 700;
}
.promo-price s {
	font-size: 80%;
	display: block;
}
#login-form {
	width: 320px;
	margin: 0 auto;
}
#login-form.register-form {
	width: 100%;
	max-width: 640px;
}
#login-form input,
#login-form textarea {
	display: block;
	width: 100%;
	font-size: 20px;
	margin: 4px 0;
	box-sizing: border-box;
	padding: 5px 10px;
	font-family: OpenSans;
	border: 1px solid #a4a4a4;
}
#login-form textarea {
	height: 82px;
	min-height: 82px;
}
.red {
	color: #ff3838;
}
.big-text {
	font-size: 25px;
	margin: 20px 0;
	line-height: 35px;
	color: #00568c;
}
.big-text i {
	color: #edf000;
}
#password-div {
	text-align: left;
	position: relative;
}
#login-form input#password-field {
	width: 100%;
	display: inline-block;
	margin-right: 0;
	border: 1px solid #202020;
	height: 40px;
	vertical-align: middle;
	padding-right: 60px;
}
#login-form h1 {
	text-transform: capitalize;
}
#pass-meter {
	overflow: hidden;
	margin: 0 0 10px;
}
#show-pass {
	width: 50px;
	font-size: 23px;
	background: #5f6366;
	color: #747474;
	display: inline-block;
	border: 1px solid #202020;
	height: 40px;
	text-align: center;
	line-height: 35px;
	border-left: none;
	margin: 0 0 0 -4px;
	padding: 0;
	vertical-align: middle;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
	margin-top: 4px;
}
#show-pass:hover {
	color: #7cda24;
}
#show-pass i {
	vertical-align: middle;
	text-align: center;
}
#show-pass i.far.fa-eye {
	display: inline-block;
}
#show-pass i.far.fa-eye-slash {
	display: none;
}
#show-pass.showed i.far.fa-eye {
	display: none;
}
#show-pass.showed i.far.fa-eye-slash {
	display: inline-block;
}
#login-form .line {
	height: 10px;
	background: #b8b8b8;
	display: block;
	width: calc(33.3333% - 3px);
	margin: 1px;
	float: left;
}
#login-form .line:last-child {
	margin-right: 0;
	width: 33%;
}
#login-form .line:first-child {
	margin-left: 0;
	width: 33%;
}
#login-form .line.bg-red {
	background: #ff4343;
}
#login-form .line.bg-orange {
	background: #FFA500;
}
#login-form .line.bg-green {
	background: #89ff89;
}
.ttip-box {
	position: relative;
}
.ttip {
	position: absolute;
	border: 1px solid #202020;
	display: block;
	background: white;
	padding: 2px;
	font-size: 15px;
	width: 160px;
	line-height: 15px;
	font-weight: 600;
	left: 0;
	display: none;
}
.ttip-box:hover .ttip {
	display: block;
	transition: all 1s linear;
}
.error-msg {
	margin: 10px 0;
	border: 1px solid #ebccd1;
	padding: 10px 20px;
	color: #a94442;
	background: #f2dede;
}
.confirm-msg {
	margin: 10px 0;
	border: 1px solid #3da937;
	padding: 10px 20px;
	background: #edffec;
}
.info-msg {
	color: #31708f;
	margin: 10px 0;
	border: 1px solid #bce8f1;
	padding: 10px 20px;
	background: #d9edf7;
}
.info-success {
	margin: 10px 0;
	color: #202020;
	background-color: #dbeaeb;
	border: 1px solid #0c71c3;
	padding: 10px 20px;
}
.info-msg a,
.error-msg a,
.confirm-msg a {
	text-decoration: underline;
	font-weight: 600;
}
.error-msg::before {
	/* content: '\f00d'; */
	font-family: "Font Awesome 5 Free";
	border: 2px solid;
	padding: 2px;
	margin-right: 4px;
	border-radius: 15px;
	width: 24px;
	height: 24px;
	display: inline-block;
	text-align: center;
	line-height: 16px;
	font-size: 16px;
}
#login-form label {
	padding-top: 10px;
	display: block;
}
#login-form input[type="checkbox"] {
	display: none;
}
#login-form input[type="checkbox"] + label {
	margin-top: 0;
	padding-top: 0;
}
#login-form button {
	margin: 30px 0 10px;
}
#basket2 {
	position: relative;
}
#cart_items_count {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	border-radius: 50%;
	background: #ff3838;
	color: #fff;
	font-size: 0.7em;
	font-weight: bold;
}
.cart_title {
	float: left;
	width: calc(100% - 300px);
	padding-right: 20px;
}
.cart_product:after {
	content: '';
	float: none;
	clear: both;
	display: block;
}
.cart_price {
	float: left;
	width: 100px;
	text-align: right;
	padding-right: 10px;
}
.cart_quantity_text {
	float: left;
	width: 200px;
	text-align: right;
	padding-right: 10px;
}
.cart_quantity {
	float: left;
	width: 100px;
	padding-left: 20px;
}
.cart_sum {
	float: left;
	width: 100px;
	text-align: right;
}
.cart_title img {
	max-width: 100px;
	max-height: 50px;
	width: auto;
	height: auto;
	margin: 10px;
}
.cart_product:nth-child(2n+1) {
	background: white;
}
.cart_product {
	padding: 10px;
	background: #f9f9f9;
}
.cart_table {
	margin: 20px 0;
}
.cart_product:nth-child(1) {
	font-weight: 700;
}
.cart_title a {
	color: #003c8c;
	font-weight: 700;
}
.cart_price s {
	color: #ff3838;
}
.cart_table .red-button {
	float: right;
}
.red-button {
	background: #ff3838;
	padding: 8px 10px;
	color: white;
	margin-left: 10px;
	border: none;
	cursor: pointer;
}
.green-button {
	background: #7cda24;
	padding: 8px 10px;
	color: white;
	margin-left: 10px;
	border: none;
	cursor: pointer;
}
.blue-button {
	background: #4267b2;
	padding: 4px 10px;
	margin-top: 7px;
	color: white;
	letter-spacing: 1px;
	font-size: 18px;
}
.back-button a,
.back-button button {
	color: #fff;
	background-color: #ffb456;
	border: 2px solid #d58512;
	display: inline-block;
	padding: 10px 20px;
	font-size: 20px;
	font-family: OpenSans;
	cursor: pointer;
	transition: all 0.2s linear;
}
.back-button a:hover,
.back-button button:hover {
	background-color: #f0ad4e;
	border: 2px solid #eea236;
}
.next-button a,
.next-button button {
	color: #fff;
	background-color: #7cda24;
	border: 2px solid #37a837;
	display: inline-block;
	padding: 10px 20px;
	font-size: 20px;
	font-family: OpenSans;
	cursor: pointer;
	transition: all 0.2s linear;
}
.next-button a:hover,
.next-button button:hover {
	background-color: #37a837;
	border: 2px solid #398439;
}
.back-button {
	float: left;
}
.next-button {
	float: right;
}
.right {
	text-align: right;
}
footer {
	background: #222222;
}
footer p {
	color: white;
}
footer .container {
	padding: 10px 0;
	color: white;
}
footer a {
	color: white;
}
footer h4 {
	color: #0dabe0;
}
footer ul li {
	list-style: none;
}
footer ul li::before {
	content: "\2022";
	color: #0dabe0;
	font-weight: bold;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
}
footer ul li.l2 {
	margin-left: 20px;
}
.footer-bottom,
.footer-bottom .container,
.footer-bottom a {
	color: gray;
}
input:focus,
textarea:focus {
	outline: 0;
}
.profile_table input, .profile_table textarea {
	width: 100%;
	padding: 5px;
	border: 1px solid #a4a4a4;
	font-family: OpenSans;
	font-size: 15px;
}
select {
	width: 100%;
	height: 30px;
	font-family: OpenSans;
	margin-bottom: 20px;
}
.profile_table input[type="checkbox"] {
	display: none;
}
.profile_table {
	width: 100%;
}
.save-button {
	background-color: #7cda24;
	color: white;
	padding: 10px 15px;
	border: 1px solid #37a837;
	text-transform: uppercase;
	margin-top: 10px;
	cursor: pointer;
}
.profile_table tr:nth-child(2n+1) {
	background: white;
}
.profile_table tfoot tr,
.profile_table thead tr {
	background: #b0b0b0 !important;
	color: white;
}
.wrong {
	border-color: red !important;
}
.max-640 {
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
}
textarea {
	width: 100%;
	min-height: 150px;
}
.caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px dashed;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}
.nav .dropdown-menu li a {
	/* font-size: 18px; */
	display: block;
	margin: 10px;
	padding: 5px 10px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #003c8c;
	white-space: nowrap;
}
.dropdown-menu li {
	float: none;
}
.dropdown-menu {
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
li.open > .dropdown-menu {
	display: block;
	position: absolute;
	z-index: 9999;
	padding: 0;
	text-align: left;
	max-width: 320px;
}
.dropdown-menu .dropdown-menu {
	left: 100%;
	margin-top: -27px;
	margin-left: -5px;
}
hr {
	margin: 0;
}
.nav .dropdown-menu a:hover,
.nav .dropdown-menu li.open > a {
	background: #2ea3f2;
	color: white;
}
.product-box.basic {
	width: calc(20% - 20px);
}
.owl-carousel .product-box,
.owl-carousel .product-box.basic {
	width: calc(100% - 10px);
}
.product-box.basic .product-img {
	max-width: calc(100% - 10px);
}
.page {
	float: left;
	background: white;
	padding: 5px 10px;
	border: 1px solid #0c71c3;
	border-right: none;
	color: #0c71c3;
}
.page a {
	color: #0c71c3;
}
.page:last-child {
	border-right: 1px solid #0c71c3;
}
.page.current {
	font-weight: 600;
}
.s-filter::after {
	content: ',';
	margin: 0 2px;
	font-size: 15px;
}
.s-filter:last-child::after {
	content: none;
}
.content {
	margin: 20px 0;
	background: white;
}
.content img {
	max-width: 100%;
	width: auto;
}
a.pdf {
	background: transparent url(/images/file-pdf.png) center left no-repeat;
	display: inline-block;
	padding-left: 38px;
	line-height: 32px;
	display: inline-block;
	margin: 10px;
	font-size: 20px;
	color: #003c8c;
}
.product-label h2 {
	float: left;
	width: calc(100% - 220px);
}
.sort-filter {
	float: right;
	width: 215px;
}
.sort-filter > div {
	float: left;
	padding-top: 20px;
	padding-bottom: 5px;
}
.sort-filter a,
.sort-filter button {
	padding: 5px;
	height: 30px;
}
.button-submit.active {
	background: #9aa5c3;
}
.box {
	float: left;
	width: calc(33% - 20px);
	margin: 10px 10px 50px;
}
.box:nth-child(3n+1) {
	clear: both;
}
.box h3 {
	text-align: center;
}
#filter-button {
	cursor: pointer;
	position: relative;
}
#filter-button::after {
	content: "\f078";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: white;
	position: absolute;
	right: 10px;
	top: 20px;
}
.price-table thead td {
	background: #0c71c3;
	color: white;
}
.open #filter-button::after {
	content: "\f077";
}
.t-v, .m-v {
	display: none;
}
.short {
	display: none;
}
.profile_table .green-button {
	display: block;
}
/* Tipr 4.0.1 http://www.tipue.com/tipr */
.tipr_content {
	font-size: 12px;
	color: #5f6366;
	font-weight: 600;
	background-color: #0c71c3;
	padding: 5px 9px 6px 9px;
	border-radius: 3px;
}
.tipr_container_above, .tipr_container_below {
	display: none;
	position: absolute;
	z-index: 1000;
}
.tipr_point_above, .tipr_point_below {
	position: relative;
	background: #0c71c3;
	border: 1px solid #0c71c3;
	border-radius: 3px;
}
.tipr_point_above:after, .tipr_point_below:after {
	position: absolute;
	pointer-events: none;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	border-width: 7px;
	left: 50%;
	margin-left: -7px;
}
.tipr_point_above:after {
	top: 100%;
	border-top-color: #0c71c3;
}
.tipr_point_below:after {
	bottom: 100%;
	border-bottom-color: #0c71c3;
}
#eucookielaw {
	position: fixed;
	bottom: 0;
	background: white;
	width: 100%;
	padding: 5px 20px;
	border-top: 2px solid blue;
	z-index: 10;
	text-align: center;
}
#eucookielaw a {
	border: 1px solid green;
	padding: 2px 10px;
	display: inline-block;
	cursor: pointer;
	margin-top: 2px;
}

.hideOperations {
	display: none;
}
.displayOperations {
	display: inline-block;
}
#designs {
	margin-left: 20px;
}
#designs-box {
	overflow-y: scroll;
	height: calc(100% - 210px);
}
.design-box {
	float: left;
	width: 133px;
	height: 220px;
	margin-right: 30px;
	margin-bottom: 30px;
	text-align: center;
	cursor: pointer;
	display: none;
}
.design-box.vis {
	display: block;
}
.design-box img {
	max-height: 160px;
	width: auto;
	max-width: 100%;
}
.controls {
	z-index: 1;
	right: 0;
	position: absolute;
	text-align: right;
}
.canvas-bg-wrapper {
	position: relative;
	width: 600px;
	margin: 0 auto;
}
.canvas-bg {
	position: absolute;
	width: 600px;
}
.canvas-container {
	top: 170px;
	left: 115px;
	border-style: solid;
	border-width: 19px 22px 22px 19px;
	-moz-border-image: url(/images/custom-border.png) 19 22 21 19 round;
	-webkit-border-image: url(/images/custom-border.png) 19 22 21 19 round;
	-o-border-image: url(/images/custom-border.png) 19 22 21 19 round;
	border-image: url(/images/custom-border.png) 19 22 21 19 round;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.canvas-container.left-side {
	top: 140px;
	left: 230px;
}
.canvas-container.right-side {
	top: 140px;
	left: 200px;
}
.canvas-bg-wrapper canvas {
	position: relative;
}
#font-family {
	width: 133px;
	margin: 0;
	height: auto;
}
#canvas-img-back,
#canvas-img-left,
#canvas-img-right {
	display: none;
}
#sizes .nav-box:nth-child(6n+1),
#sizes .nav-box:nth-child(5n+1),
#sizes .nav-box:nth-child(4n+1),
#sizes .nav-box:nth-child(3n+1),
#sizes .nav-box:nth-child(2n+1),
#sizes .nav-box:nth-child(n+1),
#colors .nav-box:nth-child(6n+1),
#colors .nav-box:nth-child(5n+1),
#colors .nav-box:nth-child(4n+1),
#colors .nav-box:nth-child(3n+1),
#colors .nav-box:nth-child(2n+1),
#colors .nav-box:nth-child(n+1) {
	clear: none;
}
.cart_title .custom-img {
	width: 100%;
	max-width: 120px;
	max-height: none;
}
input[type="range"] {
	border: 1px solid gray;
	background: #eaeaea;
	height: 8px;
	border-radius: 10px;
}
#front_btn {
	position: absolute;
	z-index: 1;
	padding: 6px;
}
#back_btn {
	position: absolute;
	z-index: 1;
	left: 40px;
	padding: 6px;
}
#left_btn {
	position: absolute;
	z-index: 1;
	left: 0px;
	padding: 6px;
	top: 40px;
}
#right_btn {
	position: absolute;
	z-index: 1;
	left: 40px;
	padding: 6px;
	top: 40px;
}
#front_btn img,
#back_btn img,
#left_btn img,
#right_btn img {
	margin-top: -4px;
}
.upload-btn-wrapper {
	overflow: hidden;
	position: relative;
	display: inline-block;
	width: 36px;
	height: 36px;
	margin-right: 8px;
}
.upload-btn {
	border: none;
	background: white;
	padding: 0;
	font-weight: bold;
	font-size: 24px;
	width: 36px;
	height: 36px;
}
.upload-btn-wrapper input[type=file] {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	width: 36px;
	height: 36px;
	cursor: pointer;
}
.custom_price_div {
	margin-left: 20px;
}
#design_price {
	text-align: right;
	font-size: 30px;
	padding-right: 20px;
}
.sq-btn {
	width: 36px;
	height: 36px;
	background: #cecece;
	border: none;
	font-size: 20px;
	color: #202020;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	margin-right: 5px;
	padding: 0;
	border: 1px solid gray;
}
.sq-btn:hover,
.upload-btn:hover,
.upload-btn-wrapper:hover button {
	background: #eee;
	border-color: #ddd;
	transition: all 0.3s linear;
}
.sq-btn:disabled,
.upload-btn-wrapper.disabled button,
.upload-btn-wrapper.disabled input,
.sq-btn[disabled]{
	background: #9b9b9b;
	cursor: context-menu;
	border-color: #dfdfdf;
}
.hideOperations label {
	width: 100%;
}
#designs label {
	padding: 0;
	width: calc(50% - 20px);
	float: left;
	margin: 3px 10px;
}
#shadow-checkbox label {
	float: right;
	width: 55px;
	padding-left: 0;
	padding-right: 20px;
	background: rgba(255,255,255,0.7);
	border-radius: 3px;
}
#shadow-checkbox label:before {
	right: 0;
	left: auto;
}
#shadow-checkbox label:after {
	right: -4px;
	left: auto;
}
.canvas-bg-wrapper, #designs {
	height: 756px;
}
#login-form.h {
	max-height: 0px;
	overflow: hidden;
}
#login-form.s {
	max-height: 500px;
}

@media only screen and (max-width:1320px){
	.nav-box:nth-child(5n+1) {
		clear: both;
	}
	.nav-box:nth-child(6n+1) {
		clear: none;
		float: left;
	}
	.nav-box {
		margin: 5px;
	}
}
@media only screen and (max-width:1190px){
	.nav-box:nth-child(5n+1) {
		clear: none;
		float: left;
	}
	#price-table {
		font-size: 13px;
	}
	.m-p-10 {
		/* padding: 0 10px; */
	}
}
@media only screen and (max-width:990px){
	.nav .d-v {
		display: none;
	}
	.nav .t-v {
		display: block;
	}
	.product-box {
		width: 200px;
		min-height: 250px;
	}
	.product-box .product-img {
		width: 100%;
	}
	.product-colors {
		overflow: hidden;
		height: 25px;
	}
	h2 {
		font-size: 36px;
	}
}
@media only screen and (max-width:930px){
	.container.product .fl-40, .container.product .fl-60 {
		width: 100%;
	}
}
@media only screen and (max-width:760px){
	.d-v {
		display: none;
	}
	.t-v {
		display: block;
	}
	#mobile {
		display: block;
	}
	#category {
		max-height: 42px;
		transition: max-height 1s ease-out;
		overflow: hidden;
	}
	#category.open {
		max-height: 9000px;
		transition: max-height 2s ease-in;
	}
	#profile {
		max-height: 160px;
		transition: max-height 1s ease-out;
		overflow: hidden;
	}
	#profile.open {
		max-height: 9000px;
		transition: max-height 2s ease-in;
	}
	.container-products {
		text-align: center;
	}
	.product-box {
		display: inline-block;
		float: none;
	}
	.product-box.basic {
		float: left;
		width: calc(33% - 20px);
		min-height: auto;
	}
	.top .nav {
		/* display: none; */
	}
	.top .nav.open {
		display: block;
	}
	.top .nav li {
		/* float: none; */
	}
	.middle .nav {
		margin-left: 0;
	}
	.logo {
		max-width: 240px;
		padding: 0;
	}
	.logo a {
		height: 50px;
		display: inline-block;
	}
	.logo a img {
		width: 50px;
		height: 50px;
	}
	.logo h1 {
		display: inline-block;
		width: 120px;
		vertical-align: middle;
	}
	.middle .nav {
		width: 100%;
	}
	.middle .nav > li {
		width: 33%;
		text-align: center;
		font-size: 18px;
	}
	.middle .nav > li a {
		padding-left: 5px;
		padding-right: 5px;
	}
	#form_header_search {
		display: none;
		float: none;
		clear: both;
		text-align: center;
	}
	.sort-filter {
		width: auto;
	}
	.product-label h2 {
		width: 100%;
		float: none;
		font-size: 30px;
	}
	.bottom .nav {
		float: none;
		text-align: center;
	}
	.bottom .nav li {
		float: none;
		display: inline-block;
	}
	.fl-20, .fl-25, .fl-33, .fl-67, .fl-50, .fr-50, .fl-300p, .fl--300p, .fr-300p, .fr--300p {
		width: 100%;
		float: none;
	}
	.box:nth-child(3n+1) {
		clear: none;
	}
	.box:nth-child(2n+1) {
		clear: both;
	}
	.box {
		width: calc(50% - 20px);
	}
	#be-fresh .fl-50 {
		height: 280px;
	}
	.fresh-design #be-fresh .fl-50 {
		height: auto;
	}
	.button-submit, .button-base {
		letter-spacing: 0;
	}
	.nav > li > .dropdown-toggle b {
		display: none;
	}
}
@media only screen and (max-width:620px){
	.button-submit {
		width: 100%;
		display: block;
		float: none;
	}
}
@media only screen and (max-width:600px){
	li.open > .dropdown-menu {
		width: 100%;
		max-width: none;
		left: 0;
	}
	li.open > .dropdown-menu.right-dropdown-menu {
		/* text-align: right; */
	}
	li.open > .dropdown-menu .dropdown-menu {
		margin-top: -15px;
		margin-left: 0;
		font-size: 16px;
	}
	li.open > .dropdown-menu .dropdown-menu li {
		font-size: 16px;
	}
}
@media only screen and (max-width:560px){
	.short {
		display: inline;
	}
	.long {
		display: none;
	}
	.pad-15, .panel {
		padding: 5px;
	}
	.nav-box {
		margin: 0;
	}
	.s-filter {
		display: none;
	}
	.profile_table {
		font-size: 12px;
	}
}
@media only screen and (max-width:470px){
	.product-box {
		float: left;
		display: block;
		width: calc(50% - 5px);
		margin: 5px;
		min-height: auto;
	}
	.product-box:nth-child(2n+1) {
		margin-left: 0;
		clear: both;
	}
	.product-box:nth-child(2n) {
		margin-right: 0;
	}
	.product-box.basic {
		float: left;
		width: calc(50% - 20px);
		min-height: auto;
		clear: none;
		margin: 10px;
	}
	.product-colors {
		margin-bottom: 30px;
	}
}
@media only screen and (max-width:420px){
	#price-table {
		font-size: 11px;
	}
	#social {
		margin-left: 60px;
	}
}
@media only screen and (max-width:360px){
	
}
@media only screen and (max-width:350px){
	.bottom .nav li {
		font-size: 15px;
	}
}