@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&family=Advent+Pro:ital,wght@0,100..900;1,100..900&family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap');

@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: only light;
  }
}
:root {
  color-scheme: only light;
}
* {
	margin: 0;
	padding: 0;
}
body {
	min-width: 320px;
	font-family: "Exo 2", sans-serif;
	background: #0c375c;
	padding-top: 100px;
}
body.info-page {
	background: #031729 !important;
}
body.product-page,
body.category-page {
	background: #ebebeb;
}
/* body.category-page,
body.product-page,
body.info-page {
	padding-top: 100px;
} */
h1, h2, h3, h4, h5, h6 {
	font-family: "Comfortaa", sans-serif;
}
img {
	max-width: 100%;
	max-height: 100%;
}
header {
	padding: 0 0 100px 0;
	/*background: radial-gradient(circle at 50% 70%, #017e75, #075196);*/
	background: #0c375c;
	position: relative;
	overflow: hidden;
	color: #fff;
}
	header svg.header-footer {
	    position: absolute;
	    display: block;
	    width: calc(120% + 1.3px);
	    height: 100px;
	    transform: rotateY(180deg);
	    bottom: -1px;
	    left: 0;
	    z-index: 1;
	}
	header .shape-fill {
	    fill: #031729;
	}
	.top-line-wrap {
		margin-bottom: 65px;
	}
		.top-line-wrap::before {
			/*
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			height: 100%;
			width: 100%;
			*/
			/*background: linear-gradient(177deg, #0e3e69, #0b2728);*/
			/*background: #0c375c;*/
			/*clip-path: ellipse(25% 37% at -3% -8%);*/
			/*clip-path: ellipse(22% 32% at 2% -8%);*/
			/*
			clip-path: ellipse(22% 30% at 9% -13%);
			background: #0c375c;
			z-index: 1;
			*/
		}
		.header-content {
			padding: 25px 0;
			display: flex;
			align-items: center;
			position: relative;
			z-index: 1;
		}
			.header-content .logo {
				margin: 0 150px 0 0;
			}
				.header-content .logo a {
					color: #fff;
					text-decoration: none;
					font-family: "Comfortaa", sans-serif;
					display: flex;
					align-items: center;
					flex-flow: column;
				}
					.header-content .logo a img {
						margin: 0 10px 0 0;
					    display: block;
					}
					.header-content .logo a span {
						/*display: block;*/
    					text-align: center;
    					font-size: 20px;
    					font-weight: bold;
    					line-height: 1;
    					text-transform: uppercase;
					}
						.header-content .logo a span small {
							display: block;
							font-size: 9px;
							text-transform: lowercase;
						}
		.menu ul {
			list-style: none;
			display: flex;
			margin: 0;
		}
		.menu li {
			margin-right: 46px;
		}
		.menu a {
			text-decoration: none;
			color: #fff;
			transition: all .3s;
			padding: 0 0 10px 0;
			background: transparent;
			outline: none;
			position:relative;
			overflow:hidden;
		}
		.menu a:before {
		  content: "";
		  position: absolute;
		  width: 0;
		  background : #fff;
		  left: 45%;
		  height: 2px;
		  bottom: 0;
		  transition: all .3s;
		  opacity: 0.7;
		}

		.menu a:hover:before {
		  width: 100%;
		  left:0;
		}

	.header-content-wrap {
		margin-top: 65px;
	}
		.header-content-wrap h1 {
			color: #fff;
			font-size: 55px;
			font-weight: bold;
		}
			.header-content-wrap h1 span {
				display: block;
				color: #f9a614;
			}
		.header-main-text .header-order-btn {
		    border: none;
		    outline: none;
		    cursor: pointer;
		    position: relative;
		    z-index: 0;

			text-decoration: none;
			background: #fff;
			color: #05586a;
		    display: inline-flex;
		    padding: 9px 16px;
    		border-radius: 10px;
    		align-items: center;
    		margin: 15px 0 0 0;
    		/*transition: all .3s;*/
		}
			.header-main-text .header-order-btn:before {
			    content: '';
			    background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
			    position: absolute;
			    top: -2px;
			    left:-2px;
			    background-size: 400%;
			    z-index: -1;
			    filter: blur(5px);
			    width: calc(100% + 4px);
			    height: calc(100% + 4px);
			    animation: glowing 20s linear infinite;
			    opacity: 0;
			    transition: opacity .3s ease-in-out;
			    border-radius: 10px;
			}
			.header-main-text .header-order-btn:active {
			    color: #fff;
			}

			.header-main-text .header-order-btn:active:after {
			    background: transparent;
			}

			.header-main-text .header-order-btn:hover:before {
			    opacity: 1;
			}

			.header-main-text .header-order-btn:after {
			    z-index: -1;
			    content: '';
			    position: absolute;
			    width: 100%;
			    height: 100%;
			    background: #fff;
			    left: 0;
			    top: 0;
			    border-radius: 10px;
			}

			@keyframes glowing {
			    0% { background-position: 0 0; }
			    50% { background-position: 400% 0; }
			    100% { background-position: 0 0; }
			}

			.header-main-text .header-order-btn img {
				margin: 0 20px 0 0;
			}
			.header-main-text .header-order-btn .hob-text {
				display: inline-flex;
    			flex-flow: column;
    			font-weight: 300;
			}
				.header-main-text .header-order-btn .hob-text .text-bold {
					font-weight: 900;
					font-size: 18px;
				}
		.header-main-text .do-icons-header span {
			display: inline-block;
			padding: 0 15px 0 0;
		}
		.header-image {
			position: relative;
			top: -10%;
		}
.what-we-do {
	padding: 50px 0 60px 0;
	background: #031729;
}
	.what-we-do h2 {
		color: #fff;
		font-size: 30px;
		font-weight: bold;
		margin: 0 0 45px 0;
	}
	.what-we-do .wwd-blocks {

	}
		.what-we-do .wwd-blocks .wwdb-uno,
		.what-we-do .wwd-blocks .wwdb-double {

		}
		.what-we-do .wwd-blocks .wwdb-double {

		}
			.what-we-do .wwd-blocks .wwdb-double .wwd-block {
				height: 50%;
			}
		.what-we-do .wwd-blocks .wwdb-uno {
			display: flex;
		}
			.what-we-do .wwd-blocks .wwdb-uno .wwd-block {
				margin-bottom: -24px;
			}
		.what-we-do .wwd-blocks .wwd-block {
			color: #fff;
			border-radius: 10px;
			padding: 25px 25px 50px;
			margin-bottom: 24px;
			position: relative;
		}
			.what-we-do .wwd-blocks .wwd-block h3 {
				font-size: 20px;
				font-weight: bold;
				margin-bottom: 30px;
			}
			.what-we-do .wwd-blocks .wwd-block p {
				font-size: 14px;
			}
			/* wwdb blocks start */

			/* .what-we-do .wwd-blocks .wwd-block:hover>.hover-info {
			  opacity: 1;
			  transform: translateY(0) rotateX(0);
			} */
			/* .what-we-do .wwd-blocks .wwd-block .hover-info {
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
				opacity: 0;
				color: #fff;
				display: flex;
				transition: 0.3s;
				position: absolute;
				background-size: cover !important;
				background-position: center center !important;
				content: "";
				transform: translateY(0%) rotateX(90deg);
				border-radius: 10px;
				cursor: pointer;
			}
				.what-we-do .wwd-blocks .wwd-block .hover-info .hi-text {
    				width: 100%;
    				height: 100%;
    				position: relative;
				}
					.what-we-do .wwd-blocks .wwd-block .hover-info .hi-text p {
						position: absolute;
					    font-weight: 600;
					    margin: 0;
				        top: 50%;
					    left: 50%;
					    transform: translate(-50%, -50%);
					}
					.what-we-do .wwd-blocks .wwd-block .hover-info .hi-text svg {
						transition: all .3s;
						font-size: 45px;
					}
						.what-we-do .wwd-blocks .wwd-block .hover-info .hi-text svg:hover {
							font-size: 55px;
						} */


			.what-we-do .wwd-blocks .wwd-block.b-cards {
				background: #4ba0a5 url(../img/what-we-do/b-cards.png) no-repeat 0 128%;
			}
				/* .what-we-do .wwd-blocks .wwd-block.b-cards .hover-info {
					background: #4ba0a5 url(../img/what-we-do/bg/b-cards.jpg) no-repeat;
				} */
			.what-we-do .wwd-blocks .wwd-block.tags {
				background: #4649ca url(../img/what-we-do/tag.png) no-repeat 85% 90% / 30% auto;
			}
				/* .what-we-do .wwd-blocks .wwd-block.envelops .hover-info {
					background: #4ba0a5 url(../img/what-we-do/bg/b-cards.jpg) no-repeat;
				} */
			.what-we-do .wwd-blocks .wwd-block.photo-docs {
				background: #fff5e9 url(../img/what-we-do/photo-docs.jpg) no-repeat center 100%;
				color: #031729;
			}
				/* .what-we-do .wwd-blocks .wwd-block.photo-docs .hover-info {
					background: #4ba0a5 url(../img/what-we-do/bg/b-cards.jpg) no-repeat;
				} */
			.what-we-do .wwd-blocks .wwd-block.stickers {
				background: #a9f8ff;
				color: #03444a;
				width: 50%;
				position: relative;
				z-index: 1;
				overflow: hidden;
			}
				.what-we-do .wwd-blocks .wwd-block.stickers .hover-info {
					background: #4ba0a5 url(../img/what-we-do/bg/b-cards.jpg) no-repeat;
				}
				.what-we-do .wwd-blocks .wwd-block.stickers:before {
					background: #a9f8ff url(../img/what-we-do/stickers.png) no-repeat right 90%;
					content: "";
					width: 100%;
					height: 100%;
					position: absolute;
					left: 0;
					top: 0;
					opacity: 0.6;
					z-index: -1;
				}
			.what-we-do .wwd-blocks .wwd-block.postcards {
				background: #f8eddb;
				color: #000;
				position: relative;
				z-index: 1;
				overflow: hidden;
			}
				/* .what-we-do .wwd-blocks .wwd-block.postcards .hover-info {
					background: #4ba0a5 url(../img/what-we-do/bg/b-cards.jpg) no-repeat;
				} */
				.what-we-do .wwd-blocks .wwd-block.postcards:before {
					background: #f8eddb url(../img/what-we-do/postcards.jpg) no-repeat right 100%;
					content: "";
					width: 100%;
					height: 100%;
					position: absolute;
					left: 0;
					top: 0;
					opacity: 0.6;
					z-index: -1;
				}
			/* wwdb blocks end */
.delivery {
	background: #fff;
	padding: 40px 0;
	position: relative;
	overflow: hidden;
	z-index: 1;
	color: #354256;
}
	.delivery:before {
		position: absolute;
		content: "";
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		background: #fff url(../img/delivery/bg-dog.jpg) no-repeat 67% 100%;
		background-size: 20%;
		z-index: -1;
		opacity: 0.22;
	}
	.delivery-poster {
		position: relative;
	}
		.delivery-poster img {
		    padding: 10px;
	        margin: 25px 0 0 0;
		}
		.delivery-poster h3,
		.delivery-poster p {
			position: absolute;
			top: 0;
			right: 0;
			margin: 0;
		}
		.delivery-poster h3 {
		    font-size: 36px;
    		font-weight: 700;
		}
		.delivery-poster p {
			transform: rotate(90deg);
		    top: 50%;
		    right: -30%;
		    font-size: 18px;
    		/*white-space: nowrap;*/
		}
			.delivery-poster p span {
				font-weight: bold;
			}
	.delivery-text {
		padding: 0 0 0 80px;
		display: flex;
	    flex-flow: column;
	    justify-content: space-around;
	}
		.delivery-main-text {
			padding: 0 60px;
		}
			.delivery-main-text p {
				font-size: 14px;
	    		margin: 0;
			}
		.delivery-info-wrap {

		}
			.delivery-info {
				text-align: center;
			}
				.delivery-info:first-child {
					text-align: left;
				}
				.delivery-info h4 {
					font-size: 28px;
					font-weight: 900;
					margin: 0 0 0 -2px;
				}
				.delivery-info p {
					margin: 0;
					font-size: 14px;
				}
					.delivery-info p span {
						color: #0ea3b0;
						font-size: 20px;
						font-weight: 900;
					}
					.delivery-info p small {
						font-size: 12px;
					}
.advantages {
	padding: 45px;
	background: #031729;
}
	.advantage {
		padding: 0 40px;
	}
		.advantage .advantage-inner {
			background: #2e3944;
			color: #fff;
			padding: 25px 20px 40px 25px;
			display: flex;
		    flex-flow: column;
		    height: 100%;
		    border-radius: 10px;
		}
			.advantage .advantage-inner.advantage-price {
				background: #25547c;
			}
			.advantage .advantage-inner.advantage-deadlines {
				position: relative;
			}
				.advantage .advantage-inner.advantage-deadlines:before {
					position: absolute;
					height: 25%;
					width: 3px;
					top: 10%;
					left: 0;
					background: #25547c;
					content: "";
				}
			.advantage .advantage-inner.advantage-methods {
				position: relative;
				z-index: 1;
			}
				.advantage-background {
					position: absolute;
				    top: 0;
				    left: 0;
				    width: 100%;
				    height: 100%;
				    background: #2e3944;
				    z-index: 0;
				    border-radius: 10px;
				}
				.advantage .advantage-inner.advantage-methods:before {
					position: absolute;
					height: 25%;
					width: 3px;
					top: 10%;
					left: 0;
					background: #25547c;
					content: "";
					z-index: 2;
				}
				.advantage .advantage-inner.advantage-methods:after {
					position: absolute;
					height: 100%;
					width: 100%;
					top: 5%;
					left: 5%;
					background: #25547c;
					content: "";
					z-index: -2;
					border-radius: 10px;
				}
			.advantage .advantage-inner .advantage-image-number {
				display: flex;
    			justify-content: space-between;
    			margin-bottom: 35px;
			}
				.advantage .advantage-inner .advantage-image-number img {
					width: 60px;
					height: 60px;
				    z-index: 2;
				}
				.advantage .advantage-inner .advantage-image-number>p {
					font-size: 60px;
					opacity: 0.1;
					font-family: "Advent Pro", sans-serif;
					margin: 0;
					line-height: 1;
				}
			.advantage .advantage-inner .advantage-header {
				z-index: 2;
			}
				.advantage .advantage-inner .advantage-header h3 {
					font-size: 16px;
					font-weight: 700;
				}
			.advantage .advantage-inner .advantage-text {

			}
				.advantage .advantage-inner .advantage-text p {
					font-size: 14px;
					position: relative;
					padding-top: 15px;
					margin: 20px 0 0 0;
				}
					.advantage .advantage-inner .advantage-text p:before {
						font-size: 14px;
						position: absolute;
						left: 0;
						top: 0;
						width: 30%;
						content: "";
						height: 2px;
						background: #fff;
						opacity: 0.5;
					}
.unique-template {
	padding: 50px 0;
	background: #f3f3f1;
	position: relative;
	overflow: hidden;
	z-index: 1;
}
	.unique-template:before {
		position: absolute;
		content: "";
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		background: #f3f3f1 url(../img/design-variants-bg.jpg) no-repeat right top;
		background-size: contain;
		z-index: -1;
		opacity: 0.33;
	}
		.unique-info {
			margin-bottom: 50px;
		}
			.unique-info .ut-info-block {
				border-color: #16929d;
			}
		.template-info {

		}
			.template-info .ut-info-block {
				border-color: #6660b1;
			}
			.ut-info-block {
				border-left: 2px solid;
	    		padding-left: 15px;
	    		display: flex;
			    flex-flow: column;
			    justify-content: center;
			}
				.ut-info-block:first-child {
					border-left: none;
	    			padding-left: 12px;
				}
				.unique-info .ut-info-block h4,
				.unique-info .ut-info-block h3 {
					color: #16929d;
				}
				.template-info .ut-info-block h4,
				.template-info .ut-info-block h3 {
					color: #6660b1;
				}
				.ut-info-block h3 {
					font-size: 28px;
					font-weight: bold;
				}
					.ut-info-block h3 span {
						display: block;
					}
				.ut-info-block h4 {
					font-family: "Exo 2", sans-serif;
					font-size: 18px;
					font-weight: 600;
				}
				.ut-info-block p {
					font-size: 14px;
					margin: 0;
				}
	.ut-btns {
		display: flex;
		justify-content: center;
		margin-top: 50px;
	}
		.ut-btns a {
			text-decoration: none;
			color: #fff;
			padding: 12px 16px;
			border-radius: 10px;
			font-size: 18px;

			transition: .2s linear;
		    position: relative;
		    top: 0;
		    left: 0;
		}
			.ut-btns a:hover {
			    top: -4px;
			    left: -4px;
			}
			.ut-btns a img {
				margin-right: 6px;
			}
			.ut-btns a.ut-btn-need-help {
				margin-right: 24px;
				background: #6660b1;
			}
				.popover {
					z-index: 100000 !important;
					background: #0C375C;
					color: #fff;
				}
				.popover-body {
					color: #fff;
					font-size: 16px;
				}
				.popover-body a {
					color: #fff;
				}
				.popover-arrow::after {
					border-top-color: #0C375C !important;
				}
				.ut-btns a.ut-btn-need-help:hover {
					box-shadow: 2px 2px white, 4px 4px #413d76;
				}
			.ut-btns a.ut-btn-order {
				background: #16929d;
			}
				.ut-btns a.ut-btn-order:hover {
					box-shadow: 2px 2px white, 4px 4px #157f89;
				}
footer {
	padding: 50px 0 30px;
	background: #031729;
	color: #fff;
}
	.footer-phones p {
		font-size: 16px;
		font-weight: bold;
	}
		.footer-phones p span {
			display: block;
			font-size: 14px;
			font-weight: 400;
		}
	footer nav {

	}
		footer nav h4 {
			font-size: 16px;
			font-family: "Exo 2", sans-serif;
			font-weight: bold;
		}
		footer nav ul {
			list-style-type: none;
		    padding: 0;
		    margin: 0;
		}
			footer nav ul li {

			}
				footer nav ul li a {
					color: #fff;
					text-decoration: none;
					font-size: 14px;
				}
	.footer-social {
		display: flex;
		justify-content: right;
	    margin-bottom: 10px;
	    flex-wrap: wrap;
	}
		.footer-social a {
			display: inline-block;
			transition: .3s all;
			width: 33.3333%;
    		text-align: center;
    		margin-bottom: 12px;
		}
			.footer-social a img {

			}
			.footer-social a:hover img {
				filter: brightness(0.8);
			}
	.footer-copy {
		text-align: right;
	}
		.footer-copy p {
			margin: 0;
		}
			.footer-copy p span {
				text-transform: uppercase;
				font-size: 12px;
			}
.top-line-wrap {
	position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
	background: #0c375c;
	transition: transform 0.3s ease-in-out;
}
.product-page .top-line-wrap {
	background: #ebebeb;
}
.fancybox__container {
  z-index: 999999999;
}
.info-page .top-line-wrap {
	background: #031729;
}
/* background: #0c375c; */
.hidden-menu {
	transform: translateY(-100%);
}
.header-image-small-screen {
	display: none;
}
.mobile-menu-btn {
	display: none;
}
div.swal2-container {
	z-index: 999999;
}
#orderModal {
	z-index: 99999;
	scroll-behavior: smooth;
}
.modal-content {
	border-radius: 20px;
}
		.modal-body .order-header {
			display: flex;
			justify-content: space-between;
			margin-top: 15px;
		}
			.modal-body .order-header .close-modal-btn {
			    border: none;
			    background: none;
			    font-size: 26px;
			    color: #4c4c4c;
			    height: 100%;
			    opacity: 0.6;
			}
			.modal-body .order-header h2 {
				font-weight: 900;
				font-size: 42px;
				margin-bottom: 45px;
			}
		.modal-body .order-icons {
		    display: flex;
		    flex-flow: column;
		    justify-content: space-between;
		}
			.modal-body .order-icons .all-services {
				display: flex;
    			flex-wrap: wrap;
			}
				.modal-body .order-icons .all-services a,
				.modal-body .order-icons .all-services label {
					flex: 33.3333%;
				    display: flex;
				    flex-flow: column;
				    justify-content: space-between;
				    align-items: center;
				    margin-bottom: 35px;
				    text-decoration: none;
				    padding: 15px;
    				border-radius: 20px;
    				transition: .3s all;
    				cursor: pointer;
				}
					.modal-body .order-icons .all-services a:hover,
					.modal-body .order-icons .all-services input:checked + label {
						background: #215b8d;
						color: #fff;
					}
						.modal-body .order-icons .all-services a:hover span {
							color: #fff;
						}
					.modal-body .order-icons .all-services a img {

					}
					.modal-body .order-icons .all-services a span {
						font-size: 16px;
						color: #164164;
					}
			.modal-body .order-icons-footer {
			    display: flex;
    			justify-content: space-between;
    			padding: 30px 0 0 0;
			}
				.modal-body .order-icons-footer a {
					text-decoration: none;
				}
				.modal-body .order-icons-footer .order-next-step-btn {
					width: 100%;
				}
					.modal-body .order-icons-footer .order-next-step-btn.start-step {
						width: auto;
					}
					.modal-body .order-icons-footer .order-next-step-btn button {
						border: 2px solid #164164;
					    padding: 14px 30px;
					    border-radius: 10px;
					    color: #fff;
					    background: #164164;
					    transition: .3s all;
					    opacity: 1;
					}
						.modal-body .order-icons-footer .order-next-step-btn button:hover {
							background: none;
							color: #164164;
						}
						.modal-body .order-icons-footer .order-next-step-btn button span {
    						margin-right: 15px;
						}
						.modal-body .order-icons-footer .order-next-step-btn button svg {
    						font-size: 13px;
    						margin-left: 15px;
						}
						.modal-body .order-icons-footer .order-next-step-btn button[disabled] {
							cursor: no-drop;
							opacity: 0.3;
							background: none;
							color: #164164;
						}
				.modal-body .order-icons-footer .order-need-help-btn {
					display: flex;
    				align-items: center;
				}
					.modal-body .order-icons-footer .order-need-help-btn a {
						display: flex;
						flex-flow: column;
						color: #000;
						opacity: 0.45;
					}
						.modal-body .order-icons-footer .order-need-help-btn a:hover {
							cursor: help;
						}
						.modal-body .order-icons-footer .order-need-help-btn a svg {
							font-size: 16px;
						}
						.modal-body .order-icons-footer .order-need-help-btn a span {
							font-size: 12px;
						}
		.modal-body .order-bg-image {
			display: flex;
			align-items: center;
		    padding: 0 30px 0 0;
		}
			.modal-body .order-bg-image img {
			    border-radius: 15px;
			    width: 100%;
			    padding: 15px;
			}
.modal-body .order-header h2 {
	display: flex;
}
	.modal-body .order-header h2 button {
		background: none;
	    border: none;
	    font-size: 30px;
	    line-height: 1;
	    margin-right: 20px;
	}
.modal-body h3 {
	font-size: 20px;
}
	.photo-type,
	.postcard-sizes,
	.bcard-weight {
		margin: 25px 0;
	}
	.photo-weight,
	.postcard-type,
	.postcard-weight {
		margin-bottom: 25px;
	}
	.paper-size {
		display: flex;
	    justify-content: space-around;
	    margin: 40px 0;
	}
		.paper-size label {
			border: 2px solid #000;
			padding: 15px 20px;
			border-radius: 10px;
			cursor: pointer;
		}
			.paper-size input:checked + label {
				border-color: green;
				position: relative;
				color: green;
			}
			.paper-size input:checked + label:after {
				content: "\f560";
				position: absolute;
				top: 3px;
				right: 5px;
				color: green;
				font-family: "Font Awesome 6 Pro";
			    font-size: 12px;
			}
	#om-step2 .order-icons-footer {
		display: flex;
		justify-content: space-between;
		margin-top: 40px;
	}
		#om-step2 .order-icons-footer button,
		#om-upload-step .order-icons-footer button,
		#om-take-contact .order-icons-footer button,
		#om-user-idea-step .order-icons-footer button {
			background: #164164;
			border: 2px solid #164164;
			color: #fff;
			font-size: 	16px;
			padding: 14px 30px;
			border-radius: 10px;
			transition: .3s all;
		}
			#om-step2 .order-icons-footer button:hover,
			#om-upload-step .order-icons-footer button:hover,
			#om-take-contact .order-icons-footer button:hover,
			#om-user-idea-step .order-icons-footer button:hover {
				background: none;
				color: #164164;
			}
			.order-next-step-btn {
				width: 100%;
				margin-bottom: 10px;
			}
				.order-next-step-btn button {
					width: 100%;
					display: flex;
				    position: relative;
				    justify-content: center;
				    align-items: center;
				}
					.order-next-step-btn button span {
						flex-grow: 1;
						text-align: center;
					}
					.order-next-step-btn button svg {
						font-size: 20px;
						position: absolute;
					    right: 15px;
					    display: flex;
					    align-items: center;
					}
			.order-step-back-btn button svg {
				margin-right: 25px;
			}
#om-upload-step {

}
	.upload-zone {
		cursor: pointer;
	    width: 100%;
	    height: 100%;
	    border: 2px dashed #fff;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    padding: 50px 0;
	    border-radius: 10px;
	    background: #1867a7;
	    color: #fff;
	    transition: .3s all;
	}
		.upload-zone:hover,
		.upload-zone._active {
			opacity: 0.8;
		}
		.upload-zone svg {
		    font-size: 30px;
		    line-height: 1;
		}
		.upload-zone p {
			margin-bottom: 0;
			display: flex;
			flex-flow: column;
			font-size: 18px;
		}
	.upload-form {
		margin-top: 15px;
    	font-size: 18px;
	}
		#uploadPhoto::file-selector-button {
			/*
			opacity: 0;
			position: absolute;
			z-index: -1;
			*/
			display: none;
		}
	#om-upload-step .order-icons-footer {
	    display: flex;
	    justify-content: space-between;
	    margin-top: 25px;
	}
.step-take-contact {

}
	.step-take-contact .stc-input-wrap {
		align-items: center;
    	display: flex;
	}
		.step-take-contact .stc-input {
			/* padding: 0 25px; */
			display: flex;
		    flex-flow: column;
		    justify-content: center;
		    align-items: flex-start;
				width: 100%;
		}
			.step-take-contact input[type="text"],
			.step-take-contact input[type="tel"] {
			    padding: 15px;
			    font-size: 14px;
			    /* text-align: center; */
			    /* margin-bottom: 25px; */
			    border-radius: 10px;
			    /*border: 1px solid #0e496a;*/
			    /*rgb(23 205 91)*/
			    /*box-shadow: 0px 0px 10px #0069a3;*/
			    width: 100%;
			    transition: .3s all;
			    border: 1px solid rgba(22,65,100,0.2);
			    background: #fbfbfb;
			}
				.step-take-contact input[type="text"]:focus {
					outline: none;
				}
			.step-take-contact .stc-input p {
				font-size: 19px;
				width: 100%;
				font-weight: 500;
			}
			.step-take-contact .form-check {
				font-size: 14px;
			}
	.step-take-contact .stc-image {
		text-align: center;
	}
		.step-take-contact .stc-image img {
			width: 70%;
		}
	input.not-valide-input {
  	border-color: #fd4543 !important;
	}
	input[name="customer_phone"] {
		background: #e5e5e5;
		border-color: rgba(22,65,100,0.2);
		font-weight: 400;
		transition: .3s all;
	}
	.input-phone-wrap {
		width: 100%;
	}
	/*
		.input-phone-wrap::before {
			content: "\f232";
	    position: absolute;
	    top: calc(50% - 23px);
	    left: 8%;
	    font-family: "Font Awesome 6 Brands";
	    font-size: 14px;
	    color: #fff;
	    opacity: 0;
	    transition: .3s all;
		}
		.input-phone-wrap.wuchecked::before {
	    opacity: 1;
		} */
		.input-phone-wrap.wuchecked input[name="customer_phone"] {
			border-color: #25d366;
		}
#om-take-contact .order-icons-footer {
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}
.wa-check-label svg {
	color: #25d366;
}
#om-user-idea-step .order-header h2 {
	margin-bottom: 30px;
}
.step-user-idea {
	margin-bottom: 15px;
}
	#orderModal textarea {
	    resize: none;
	    padding: 15px;
	    width: 100%;
	    border-radius: 10px;
	    border: 1px solid rgba(22,65,100,0.2);
	    background: #e5e5e5;
	    outline: none;
	}
.swal2-confirm.swal2-styled {
	background: #164164;
}


/*category page start*/
.category-page header,
.product-page header {
	padding: 0;
}
	.category-page header .top-line-wrap,
	.product-page header .top-line-wrap {
		margin: 0;
	}
		.category-page header .header-content,
		.product-page header .header-content {
			padding: 25px 0;
			justify-content: space-between;
		}
			.category-page header .header-content .logo,
			.product-page header .header-content .logo {
				margin: 0;
			}
				.category-page header .header-content .header-cart-btns a,
				.product-page header .header-content .header-cart-btns a {
					color: #fff;
					font-size: 30px;
					text-decoration: none;
					position: relative;
					margin-right: 40px;
				}
					.category-page header .header-content .header-cart-btns a:last-child,
					.product-page header .header-content .header-cart-btns a:last-child {
						margin-right: 0;
					}
					.category-page header .header-content .header-cart-btns a span,
					.product-page header .header-content .header-cart-btns a span {
						font-size: 10px;
						position: absolute;
						top: 0;
						left: calc(80%);
					    padding: 2px 7px;
					    background: #1e80d4;
					    border-radius: 10px;
					}
.category-page .cat-page-wrap {
	background: #ebebeb;
	padding-bottom: 30px;
}
	.breadcrumbs {
		list-style: none;
	    padding: 0;
	    display: flex;
	    flex-wrap: wrap;
	    font-size: 14px;
	    color: #1b1b1b;
	    margin: 50px 0 25px;
	}
		.breadcrumbs li {
	        margin-right: 25px;
	        position: relative;
		}
			.breadcrumbs li:after {
		        content: "\f061";
				position: absolute;
				top: 3px;
				right: -17px;
				font-family: "Font Awesome 6 Pro";
			    font-size: 12px;
			}
			.breadcrumbs li:first-child {
				margin-right: 10px;
				font-weight: 600;
			}
			.breadcrumbs li:last-child {
				margin-right: 0;
			}
				.breadcrumbs li:last-child:after,
				.breadcrumbs li:first-child:after {
					content: "";
				}
			.breadcrumbs li a {
				text-decoration: none;
				color: #1b1b1b;
			}
	.category-page h1 {
		font-size: 36px;
		font-weight: 700;
		margin-bottom: 30px;
	}
	aside section {
		background: #fff;
		padding: 20px 0 0 0;
		border-radius: 10px;
	}
		aside section h2 {
			font-size: 20px;
			font-weight: 700;
			padding: 0 20px;
		}
	.side-cats {
		margin-bottom: 30px;
	}
		.side-cats ul {
			padding: 0;
			list-style: none;
			margin: 0;
		}
			.side-cats ul li {
				border-bottom: 1px solid #ebebeb;
				padding: 8px 15px;
				overflow: hidden;
			}
				.side-cats ul li:last-child {
					border: none;
				}
				.side-cats ul li a {
					text-decoration: none;
					display: flex;
					align-items: center;
					color: #000;
					position: relative;
				}
					.side-cats ul li a:after {
						position: absolute;
					    content: "\f060";
					    top: calc(62% - 16px);
					    right: 0;
					    font-family: "Font Awesome 6 Pro";
					    font-size: 16px;
					    color: #cecece;
					    transform: translateX(300%);
					    transition: .3s all;
					}
					.side-cats ul li a:hover:after,
					.side-cats ul li.active a:after {
						transform: translateX(0);
					}
					.side-cats ul li a .cat-img {
						flex-basis: 20%;
						text-align: center;
					}
						.side-cats ul li a .cat-img img {
							height: 100%;
							flex-shrink: 0;
						}
					.side-cats ul li a .cat-txt {
						display: flex;
    					flex-flow: column;
						margin-left: 10px;
					    line-height: 1;
    					padding: 10px 0;
					}
						.side-cats ul li a span.cat-txt  {
							display: flex;
	    					flex-flow: column;
	    					font-size: 16px;
	    					font-weight: 600;
						}
							.side-cats ul li a span.cat-txt small {
								font-size: 14px;
								font-weight: 400;
								color: #969696;
							}
	.side-filters {
		padding: 20px 0 0 0;
	}
		.side-filters h2 {
			padding: 0 20px;
	    margin: 0 0 15px 0;
		}
		.side-filters h3 {
			font-size: 16px;
    	margin-bottom: 18px;
		}
		.filter-checkbox-wrapper {
			display: flex;
	    align-items: center;
	    padding: 13px 15px;
	    border-bottom: 1px solid #ebebeb;
		}
			.filter-checkbox-wrapper:last-child {
				border-bottom: none;
			}
		.filter-checkbox-wrapper .check-in {
	    --size: 30px;
	    position: relative;
	    background: linear-gradient(90deg, #174c7a, #3a9df3);
	    line-height: 0;
	    perspective: 400px;
	    font-size: var(--size);
			margin-right: 5px;
	  }
		.filter-checkbox-wrapper .check-in + label {
			font-size: 14px;
			width: 100%;
    	cursor: pointer;
			line-height: 1;
		}
	  .filter-checkbox-wrapper .check-in input[type="checkbox"],
	  .filter-checkbox-wrapper .check-in label,
	  .filter-checkbox-wrapper .check-in label::before,
	  .filter-checkbox-wrapper .check-in label::after,
	  .filter-checkbox-wrapper .check-in {
	    appearance: none;
	    display: inline-block;
	    border-radius: var(--size);
	    border: 0;
	    transition: .35s ease-in-out;
	    box-sizing: border-box;
	    cursor: pointer;
	  }

	  .filter-checkbox-wrapper .check-in label {
	    width: calc(2.2 * var(--size));
	    height: var(--size);
	    background: #d7d7d7;
	    overflow: hidden;
	  }

	  .filter-checkbox-wrapper .check-in input[type="checkbox"] {
	    position: absolute;
	    z-index: 1;
	    width: calc(.8 * var(--size));
	    height: calc(.8 * var(--size));
	    top: calc(.1 * var(--size));
	    left: calc(.1 * var(--size));
	    background: linear-gradient(45deg, #dedede, #ffffff);
	    box-shadow: 0 6px 7px rgba(0,0,0,0.3);
	    outline: none;
	    margin: 0;
	  }

	  .filter-checkbox-wrapper .check-in input[type="checkbox"]:checked {
	    left: calc(1.3 * var(--size));
	  }

	  .filter-checkbox-wrapper .check-in input[type="checkbox"]:checked + label {
	    background: transparent;
	  }

	  .filter-checkbox-wrapper .check-in label::before,
	  .filter-checkbox-wrapper .check-in label::after {
	    content: "· ·";
	    position: absolute;
	    overflow: hidden;
	    left: calc(.15 * var(--size));
	    top: calc(.5 * var(--size));
	    height: var(--size);
	    letter-spacing: calc(-0.04 * var(--size));
	    color: #9b9b9b;
	    font-family: "Times New Roman", serif;
	    z-index: 2;
	    font-size: calc(.6 * var(--size));
	    border-radius: 0;
	    transform-origin: 0 0 calc(-0.5 * var(--size));
	    backface-visibility: hidden;
	  }

	  .filter-checkbox-wrapper .check-in label::after {
	    content: "●";
	    top: calc(.65 * var(--size));
	    left: calc(.2 * var(--size));
	    height: calc(.1 * var(--size));
	    width: calc(.35 * var(--size));
	    font-size: calc(.2 * var(--size));
	    transform-origin: 0 0 calc(-0.4 * var(--size));
	  }

	  .filter-checkbox-wrapper .check-in input[type="checkbox"]:checked + label::before,
	  .filter-checkbox-wrapper .check-in input[type="checkbox"]:checked + label::after {
	    left: calc(1.55 * var(--size));
	    top: calc(.4 * var(--size));
	    line-height: calc(.1 * var(--size));
	    transform: rotateY(360deg);
	  }

	  .filter-checkbox-wrapper .check-in input[type="checkbox"]:checked + label::after {
	    height: calc(.16 * var(--size));
	    top: calc(.55 * var(--size));
	    left: calc(1.6 * var(--size));
	    font-size: calc(.6 * var(--size));
	    line-height: 0;
	  }
		.filter-apply-btn {
			background: #174c7a;
	    border: none;
	    color: #fff;
	    width: 100%;
	    padding: 10px;
	    border-radius: 0 0 10px 10px;
	    outline: none;
		}
		.offcanvas-body .filter-apply-btn {
			padding: 15px 10px;
			border-radius: 0;
		}
		/* .side-filters input {
			display: none;
		}
		.side-filters label {
			border: 1px solid transparent;
			padding: 10px 12px;
			border-radius: 10px;
			cursor: pointer;
			background: #ebebeb;
			display: inline-flex;
    		align-items: center;
    		font-size: 14px;
    		margin: 0 10px 10px 0;
		}
			.side-filters label img {
				margin-right: 10px;
			}
			.side-filters input:checked + label {
				border-color: #2caf45;
				position: relative;
			}
			.side-filters input:checked + label:after {
				content: "\f00c";
				position: absolute;
				top: 3px;
				right: 5px;
				color: #2caf45;
				font-family: "Font Awesome 6 Pro";
			    font-size: 8px;
			} */
		button.mobile-filters {
			position: fixed;
		    bottom: 15px;
		    left: 20px;
		    z-index: 999;
		    background: #1b71bb;
		    color: #fff;
		    border: none;
		    box-shadow: none;
		    padding: 13px 15px;
		    border-radius: 10px;
		    opacity: 0.7;
		    transition: .3s all;
		    line-height: 1;
		    font-size: 20px;
		    display: none;
		}
			button.mobile-filters:hover {
				opacity: 1;
			}
	.cat-main {

	}
		.cat-main .sort-line {
			background: #fff;
		    border-radius: 10px;
		    padding: 25px 35px;
		    font-size: 14px;
	        display: flex;
    		justify-content: space-between;
    		align-items: center;
		}
			.cat-main .sort-line p {
				margin: 0;
			}
			.cat-main .sort-line svg {
				font-size: 10px;
			}
				.cat-main .sort-line .fast-sort a {
					margin-right: 15px;
					color: #676767;
					text-decoration: none;
				}
					.cat-main .sort-line .fast-sort a:last-child {
						margin: 0;
					}
					.cat-main .sort-line .fast-sort a.dropdown-item:active {
						background: #0c375c;
						color: #fff;
					}
				.cat-main .sort-line .cat-sort {
					display: inline-flex;
					align-items: center;
				}

					.cat-main .sort-line .cat-sort span {
						font-weight: 700;
						margin-right: 6px;
						display: flex;
    					align-items: center;
					}
						.cat-main .sort-line .cat-sort span small {
							font-size: 16px;
						}
						.cat-main .sort-line .cat-sort span svg {
							font-size: 16px;
							margin-right: 6px;
						}
						.cat-main .sort-line .cat-sort .dropdown > a {
							color: #1786e5;
						    text-decoration: none;
						    border-bottom: 1px dashed #1786e5;
						}
					.cat-main .sort-line .cat-sort select {
					    outline: none;
					    box-shadow: none
					}
						.cat-main .sort-line .cat-sort select option {

						}
				.sort-line .view-vars a {
					margin-left: 20px;
					color: #3c3c3c;
					transition: .3s all;
				}
					.sort-line .view-vars a:hover,
					.sort-line .view-vars a.active {
						color: #337AB7;
					}
					.sort-line  .view-vars a svg {
						font-size: 25px;
					}
	.products-wrap {
		margin-top: 25px;
	}
		.products-wrap .item-wrap .item {
			background: #fff;
			border-radius: 10px;
			margin-bottom: 25px;
			display: flex;
		    flex-flow: column;
		    justify-content: space-between;
		    height: 100%;
		}
			.item-content-wrap > .item-header .item-alt-btns {
				opacity: 0;
			    visibility: hidden;
			    transition: opacity 0.3s ease, visibility 0.3s ease;
			}
			.item-content-wrap:hover > .item-header .item-alt-btns {
				opacity: 1;
    			visibility: visible;
			}
			.products-wrap .item-wrap .item .item-content-wrap:hover > .item-header .item-alt-btns.fav-added a {
				opacity: 1;
    			visibility: visible;
			}
				.products-wrap .item-wrap .item .item-content-wrap > .item-header .item-alt-btns.fav-added {
					opacity: 1;
					visibility: visible;
				}
					.products-wrap .item-wrap .item .item-content-wrap > .item-header .item-alt-btns.fav-added a {
						opacity: 0;
			    		visibility: hidden;
					}
					.products-wrap .item-wrap .item .item-content-wrap > .item-header .item-alt-btns.fav-added a.fav-add {
						background: #b15151;
						opacity: 1;
						visibility: visible;
					}
			.item-wrap {
				display: flex;
				flex-flow: column;
				justify-content: space-between;
			}
				.item-wrap .item-content-wrap {
					padding: 15px;
					overflow: hidden;
				    height: 100%;
				    display: flex;
				    flex-flow: column;
				    justify-content: space-between;
				}
					.item-wrap .item-content-wrap .item-header {
						position: relative;
						height: 100%;
					}
						.item-wrap .item-content-wrap .item-header img {
							width: 100%;
						    height: 100%;
						    object-fit: contain;
						    display: block;
						    max-height: 230px;
						}
						.item-wrap .item-content-wrap .item-header .ih-labels {
							position: absolute;
						    top: 20px;
						    left: 5px;
						}
							.item-wrap .item-content-wrap .item-header .ih-labels p {
								margin-bottom: 5px;
								font-size: 14px;
								border-radius: 10px;
								color: #fff;
								padding: 4px 8px;
								text-align: center;
								line-height: 1;
							}
							.item-wrap .item-content-wrap .item-header .ih-labels .ihl-new {
								background: #049a9f;
							}
							.item-wrap .item-content-wrap .item-header .ih-labels .ihl-sale {
								background: #de5454;
							}
						.item-wrap .item-content-wrap .item-header .item-alt-btns {
							position: absolute;
						    top: 10px;
						    right: 10px;
						    display: flex;
						    flex-flow: column;
						}
							.item-wrap .item-content-wrap .item-header .item-alt-btns a {
								font-size: 16px;
							    text-decoration: none;
							    background: #2771b2;
							    color: #fff;
							    margin-bottom: 10px;
							    border-radius: 50%;
							    width: 40px;
							    height: 40px;
							    display: flex;
							    align-items: center;
							    justify-content: center;
							    transition: .3s all;
							}
								.item-wrap .item-content-wrap .item-header .item-alt-btns a:hover {
								    background: #144976;
								}
					.item-wrap .item-content-wrap .item-body {

					}
						.item-wrap .item-content-wrap .item-body .category-rate {
							margin: 15px 0 5px;
							display: flex;
	    					justify-content: space-between;
	    					align-items: center;
						}
							.item-wrap .item-content-wrap .item-body .category-rate .cr-cat {
								font-size: 14px;
								color: #848484;
							}
							.item-wrap .item-content-wrap .item-body .category-rate .cr-rate {
								font-size: 10px;
								color: #f9a614;
							}
						.item-wrap .item-content-wrap .item-body a.item-title {
							font-family: "Comfortaa", sans-serif;
							font-size: 18px;
							font-weight: 700;
							color: #1a1a1a;
							text-decoration: none;
							display: block;
							margin-bottom: 10px;
							min-height: 60px;
						    max-height: 60px;
						    display: flex;
						    align-items: center;
						    justify-content: flex-start;
						    overflow: hidden;
						}
						.item-wrap .item-content-wrap .item-body a.item-add-to-cart,
						a.product-buy-button {
							color: #fff;
						    background: #174c7a;
						    text-decoration: none;
						    padding: 13px 15px;
						    display: flex;
						    align-items: center;
						    justify-content: center;
						    position: relative;
						}
							.item-wrap .item-content-wrap .item-body a.item-add-to-cart.iatc-added,
							a.product-buy-button.pbb-added,
							.cmp-add-cart a.wishlist-cart-add.wl-cart-added {
								background: #20722f;
							}
							.item-wrap .item-content-wrap .item-body a.item-add-to-cart .iatc-txt,
							a.product-buy-button .pbb-txt {
								flex-grow: 1;
	    						text-align: center;
	    						font-size: 14px;
							}
							.item-wrap .item-content-wrap .item-body a.item-add-to-cart .iatc-icon,
							a.product-buy-button .pbb-icon {
								position: absolute;
								right: 15px;
								display: flex;
								align-items: center;
								font-size: 18px;
							}

				.item-wrap .item-footer {
					display: flex;
					border-top: 2px solid #ebebeb;
				}
					.item-wrap .item-footer button {
						padding: 5px 15px 8px;
						width: 25%;
						border: none;
						background: #fff;
						border-radius: 10px;
						font-size: 30px;
					}
					.item-wrap .item-footer input {
						padding: 12px 15px;
						width: 50%;
						border-left: 2px solid #ebebeb;
						border-right: 2px solid #ebebeb;
						border-top: none;
						border-bottom: none;
						outline: none;
						text-align: center;
						font-size: 18px;
					}
	.pagination-wrap {
		margin: 30px 0 15px 0;
		display: flex;
		justify-content: left;
	}
		.pagination-wrap ul {
		    padding: 0;
		    list-style: none;
		    display: flex;
		    margin: 0;
		}
			.pagination-wrap ul li {

			}
				.pagination-wrap ul li span {
					margin: 0 10px;
				}
				.pagination-wrap ul li a {
					padding: 15px 23px;
				    border-radius: 10px;
				    text-decoration: none;
				    color: #494949;
				    transition: .3s all;
				}
					.pagination-wrap ul li.active span {
						background: #174c7a;
						color: #fff;
						padding: 15px 23px;
				    border-radius: 10px;
						margin: 0;
					}
					.pagination-wrap ul li.active a,
					.pagination-wrap ul li.active a:hover {
						background: #174c7a;
						color: #fff;
					}
					.pagination-wrap ul li a:hover {
						background: #c1c1c1;
						color: #1a2b58;
					}
					.pagination-wrap ul li a svg {
						/* margin-left: 10px; */
					}
	#fastViewModal .modal-body {
		padding-bottom: 25px;
	}
		.fast-view-header {
			display: flex;
		    justify-content: flex-end;
		    margin-top: 15px;
		}
			.fast-view-header button {
				border: none;
			    background: none;
			    font-size: 26px;
			    color: #4c4c4c;
			    height: 100%;
			    opacity: 0.6;
			}
		#fastViewModal .product-header .product-header-info h2 {
		    font-size: 32px;
    		font-weight: 100;
		}
			#fastViewModal .product-header .product-header-info h2 span {
	    		font-weight: 700;
			}
		#fastViewModal .product-main-img {
			padding: 0;
			background: none;
		}
      #fastViewModal .product-main-img:hover:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 10px;
        background: #000;
        opacity: 0.2;
        top: 0;
        left: 0;
      }
			#fastViewModal .product-main-img.button-wrapper:hover:after {
				width: 0;
				height: 0;
				background: none;
			}
			#fastViewModal .product-main-img a.go-to-full-product {
				font-size: 16px;
			    text-decoration: none;
			    background: #174c7a;
			    color: #fff;
			    width: 100%;
			    display: inline-block;
			    text-align: center;
					padding: 12px 10px;
			    margin-top: 15px;
			    border-radius: 10px;
					transition: .3s all;
					position: relative;
				overflow: hidden;
			}
			#fastViewModal .product-main-img a.go-to-full-product:hover {
				background: #0e5c9f;
			}
				#fastViewModal .product-main-img a.go-to-full-product svg {
					display: inline;
					position: unset;
					transform: none;
					font-size: 14px;
					transform: translateX(785%);
					overflow: hidden;
				}
				#fastViewModal .product-main-img a.go-to-full-product:hover svg {
						transform: translateX(0);
						margin-left: 15px;
				}
.no-products {
	background: #fff;
	border-radius: 10px;
	padding: 20px 25px;
	font-weight: 600;
}
/*category page end*/

/*product page start*/
.product-page header {
	background: #ebebeb;
}
	.product-page header .menu a {
		color: #1a1a1a;
	}
		.product-page header .menu a:before {
			background: #1a1a1a;
		}
	.product-page header .header-content .header-cart-btns a {
		color: #1a1a1a;
	}
		.product-page header .header-content .header-cart-btns a span {
			color: #fff;
		}
.product-page main {
	background: #ebebeb;
}
	.product-header {
		padding-top: 20px;
	}
		.product-header-info {
			padding-left: 30px;
		}
			.product-header .product-header-info h1 {
				font-size: 32px;
				font-weight: 100;
			}
				.product-header .product-header-info h1 span {
					font-weight: 700;
				}
			.product-header .product-header-info .phi-cat-avl {
				margin: 0 0 20px 0;
    			font-size: 12px;
    			display: flex;
    			justify-content: space-between;
			}
				.product-header .product-header-info .phi-cat-avl .phica-cat {

				}
					.product-header .product-header-info .phi-cat-avl .phica-cat a {
						text-decoration: none;
						color: #1e80d4;
					}
				.product-header .product-header-info .phi-cat-avl .phica-avl {
					/*margin-left: 50px;*/
				}
					.product-header .product-header-info .phi-cat-avl .phica-avl.instock svg {
						color: #2caf45;
					}
					.product-header .product-header-info .phi-cat-avl .phica-avl.outofstock svg {
						color: #cf0c0c;
					}
      .product-header .product-header-info .product-inner-labels {
        display: flex;
        margin-bottom: 10px;
      }
        .product-header .product-header-info .product-inner-labels p {
          margin: 0;
          padding: 2px 10px 4px 10px;
          font-size: 12px;
          border-radius: 7px;
          line-height: 1;
          color: #fff;
        }
          .product-header .product-header-info .product-inner-labels p.pil-new {
            background: #049a9f;
            margin-right: 10px;
          }
          .product-header .product-header-info .product-inner-labels p.pil-sale {
            background: #de5454;
          }
			.product-header .product-header-info .phi-rate {
				color: #f9a614;
				font-size: 18px;
				margin-bottom: 35px;
			}
			.product-header .product-header-info .phi-description {
				font-size: 14px;
				margin-bottom: 40px;
			}
			.phi-price-limit {
				margin-bottom: 40px;
			}
				.phip-price {
					font-size: 40px;
					font-weight: 800;
					line-height: 1;
				}
					.phip-price span.phip-old-price {
						text-decoration: line-through;
						font-size: 16px;
    				color: #8b8b8b;
					}
					.phip-price small {
						font-weight: 400;
						font-size: 16px;
					}
				.phipl-qty-limit {
					margin-left: 50px;
					font-size: 18px;
				}
					.phipl-qty-limit svg {
						color: #174c7a;
					}
			.buy-btn-qty-wrap {
				display: flex;
			}
				.product-header-info .buy-btn-qty-wrap .product-buy-button {
					padding: 13px 80px 13px 60px;
					display: inline-flex;
					white-space: nowrap;
				}
				.product-qty {
					margin-left: 60px;
					display: inline-flex;
				    align-items: center;
				}
					.product-qty button {
						border: none;
						font-size: 30px;
						height: 100%;
						box-shadow: none;
						padding: 0 10px;
						background: none;
					}
					.product-qty input {
						margin: 0;
						border: none;
						text-align: center;
						font-size: 24px;
						height: 100%;
						padding: 0 10px;
						outline: none;
						background: none;
						width: 30%;
					}
          .change-text-btn {
            margin-right: 15px;
          }
	.product-main-img {
		padding: 5px;
	    background: #e1e1e1;
	    border-radius: 10px;
	    cursor: pointer;
	    position: relative;
	    transition: .3s all;
	}
		.product-main-img:hover:after {
			content: "";
			position: absolute;
			width: 100%;
			height: 100%;
			border-radius: 10px;
			background: #000;
			opacity: 0.2;
			top: 0;
			left: 0;
		}
		.product-main-img img {
		    border-radius: 10px;
		}
		.product-main-img svg {
			display: none;
			position: absolute;
		    top: 50%;
		    left: 50%;
		    transform: translate(-50%, -50%);
		    font-size: 50px;
		    color: #fff;
		    z-index: 99;
		    transition: .3s all;
		}
			.product-main-img svg:hover {
				font-size: 60px;
			}
			.product-main-img:hover svg {
				display: block;
			}
	.product-full-info {
		background: #fff;
		margin-top: 50px;
	}
		.product-full-info ul.nav.nav-pills {
			border-bottom: 2px solid #ebebeb;
		}
			.product-full-info ul.nav.nav-pills li.nav-item {

			}
				.product-full-info ul.nav.nav-pills li.nav-item button.nav-link {
					color: #1b1b1b;
				    background: none;
				    font-size: 14px;
				    outline: none;
				    padding: 15px 25px;
				    border-radius: 0;
				    position: relative;
				    box-shadow: none;
				}
					.product-full-info ul.nav.nav-pills li.nav-item button.nav-link.active:after {
						content: "";
					    position: absolute;
					    width: 100%;
					    height: 2px;
					    background: #174c7a;
					    bottom: -2px;
					    left: 0;
					}
					.product-full-info ul.nav.nav-pills li.nav-item button.nav-link svg {
						margin-right: 5px;
					}
					.product-full-info ul.nav.nav-pills li.nav-item button.nav-link small {
						color: #fff;
					    background: #174c7a;
					    padding: 2px 5px;
					    line-height: 1;
					    border-radius: 5px;
					}
		.product-full-info .tab-content {
			padding: 30px 0;
			font-size: 14px;
		}
			.product-full-info .tab-content .tab-pane {
				outline: none;
				box-shadow: none;
			}
			.product-full-info .tab-content h2 {
				font-size: 24px;
				margin-bottom: 30px;
			}
			.desc-full-txt {
				margin-bottom: 30px;
			}
			.desc-tags {
			}
				.desc-tags ul {
					padding: 0;
				    margin: 0;
				    list-style: none;
				    display: flex;
				    flex-wrap: wrap;
				}
					.desc-tags ul li {
						margin: 0 15px 20px 0;
					}
						.desc-tags ul li a {
							padding: 6px 9px;
							background: #174c7a;
							color: #fff;
							text-decoration: none;
							border-radius: 10px;
							transition: .4s all;
						}
							.desc-tags ul li a:hover {
								background: #fff;
								color: #174c7a;
							}
			.product-full-info .tab-content .desc-features {
				font-size: 16px;
				padding-left: 30px;
			}
				.desc-features ul {
					padding: 0;
					margin: 0;
					list-style: none;

				}
					.desc-features ul li {
						font-weight: 700;
					}
						.desc-features ul li svg {

						}
						.desc-features ul li span {
							font-weight: 400;
							color: #535353;
						}
		.reviews-wrap {

		}
			.reviews-wrap .review {
				background: #ebebeb;
				padding: 25px;
				font-size: 14px;
				margin-bottom: 20px;
				border-radius: 10px;
			}
				.reviews-wrap .review:last-child {
					margin: 0;
				}
				.ur-name-date {
					display: flex;
					justify-content: space-between;
					margin-bottom: 6px;
				}
					.urnd-name {
						font-weight: 600;
						font-size: 16px;
					}
					.urnd-date {
						font-size: 12px;
						color: #7e7e7e;
					}
				.ur-rate {
					font-size: 18px;
					color: #f9a614;
					line-height: 1;
					margin-bottom: 20px;
				}
					.ur-rate svg {

					}
				.ur-review-text {
					margin: 0;
				}
			.admin-review {
				margin-left: 15%;
				position: relative;
			}
				.admin-review:before {
					content: "\e455";
				    position: absolute;
				    top: 0;
				    left: -15%;
				    color: #ebebeb;
				    font-family: "Font Awesome 6 Pro";
				    font-size: 42px;
				    font-weight: 800;
				}
			.reviews-pagination {
				margin-top: 40px;
			}
				.reviews-pagination ul {
				    padding: 0;
				    list-style: none;
				    display: flex;
				    align-items: center;
			        justify-content: center;
				}
					.reviews-pagination ul li {
					    margin-right: 10px;
					}
						.reviews-pagination ul li:last-child {
						    margin-right: 0;
						}
						.reviews-pagination ul li a {
							padding: 15px 23px;
						    border-radius: 10px;
						    text-decoration: none;
						    color: #494949;
						    transition: .3s all;
						    background: #e1e1e1;
						}
							.reviews-pagination ul li a:hover {
								background: #c1c1c1;
    							color: #1a2b58;
							}
							.reviews-pagination ul li a svg {
								margin-right: 9px;
							}
								.reviews-pagination ul li:last-child a svg {
									margin-right: 0;
									margin-left: 9px;
								}
		.reviews-form {
			padding-left: 30px;
		}
			.reviews-form form {

			}
				.reviews-form form input[type="text"] {
					width: 100%;
					outline: none;
					border-radius: 10px;
					background: #ebebeb;
					padding: 20px;
					font-size: 14px;
					border: none;
					margin-bottom: 15px;
				}
				.reviews-form form textarea {
					resize: none;
					width: 100%;
					outline: none;
					border-radius: 10px;
					background: #ebebeb;
					padding: 20px;
					font-size: 14px;
					border: none;
					margin-bottom: 15px;
				}
				.emojionearea {
					border: none;
					box-shadow: none;
				}
				.emojionearea.focused {
					box-shadow: none;
				}
				.emojionearea-search,
				.emojionearea .emojionearea-picker .emojionearea-search-panel {
					display: none;
				}
				.emojionearea .emojionearea-editor {
					background: #ebebeb;
			    padding: 20px;
			    border-radius: 10px;
					margin-bottom: 15px;
    			height: 150px;
				}
				.reviews-form-btns {
					display: flex;
				    align-items: center;
				    justify-content: space-between;
				}
					.reviews-form-btns button.send-review {
						border: none;
						box-shadow: none;
						outline: none;
						background: #174c7a;
						color: #fff;
						padding: 15px 25px;
						border-radius: 10px;
						transition: .3s all;
					}
						.reviews-form-btns button.send-review:hover {
							background: #0e3454;
						}
						.reviews-form-btns button.send-review svg {
							margin-left: 15px;
						}
					.reviews-form-btns .review-user-rating {
					    display: inline-flex;
					}
						.review-user-rating .rur-rate {
							display: inline-flex;
						}
							.review-user-rating .rur-rate input {
								position: absolute;
								left: -9999px;
							}
							.review-user-rating .rur-rate label {
								cursor: pointer;
							}
								.review-user-rating .rur-rate label svg {
									font-weight: 900;
									color: #f9a614;
									font-size: 16px;
									transition: .3s all;
									opacity: 1;
								}
								.review-user-rating input:checked ~ label svg {
									font-weight: 400;
									opacity: 0.3;
								}
								.review-user-rating .rur-rate:hover label svg {
									font-weight: 900;
									opacity: 1;
								}
								.review-user-rating .rur-rate input:hover ~ label svg {
									font-weight: 400;
									opacity: 0.3;
								}
/*product page end*/

/*input number arrow display none start*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}
input[type="number"]::-ms-clear,
input[type="number"]::-ms-reveal {
    display: none;
}
/*input number arrow display none end*/

/* modal cart start */
#cartModal .modal-body {
	padding: 20px;
}
	.cart-modal-header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 15px 0 0 0;
	}
		.cart-modal-header h2 {
			font-size: 32px;
			margin: 0;
		}
		.cart-modal-header button {
			border: none;
			background: none;
			font-size: 24px;
			color: #606060;
		}
	.cart-modal-product {
		margin-top: 20px;
	}
		.cart-modal-product {
			display: flex;
			justify-content: space-between;
		    align-items: center;
		}
			.cmp-img {
				text-align: left;
			}
				.cmp-img a {
				    display: block;
				}
					.cmp-img a img {
						width: 100px;
						height: 100px;
						max-width: 100%;
						border-radius: 5px;
						padding: 3px;
						object-fit: contain;
						box-shadow: 0px 0px 2px rgb(0 0 0 / 30%);
					}
			.cmp-title {
				text-align: left;
			}
				.cmp-title a {
					text-decoration: none;
					transition: .3s all;
					color: #114878;
					border-bottom: 1px solid #114878;
				}
					.cmp-title a:hover {
						border-bottom: 1px dashed #114878;
					}
			.cmp-qty {
				display: flex;
				justify-content: center;
				align-items: center;
			}

				.cmp-qty button {
					border: none;
					outline: none;
					background: none;
					font-size: 25px;
					padding: 0 10px;
				}
				button.disabled-btn {
					opacity: 0.5;
					cursor: default !important;
				}
				.cmp-qty input {
					width: 100%;
				    text-align: center;
				    background: none;
				    border: none;
				    padding: 0 10px;
				    outline: none;
				}
			.cmp-add-cart {

			}
				.cmp-add-cart a {
				    display: block;
				    background: #174c7a;
				    color: #fff;
				    padding: 10px 15px;
				    text-decoration: none;
			        font-size: 14px;
					text-align: center;
				}
			.cmp-price {
				display: flex;
			    justify-content: center;
			    align-items: center;
			    height: 100%;
			}
				.cmp-price p {
					margin: 0;
				}
			.cmp-delete {
				display: flex;
			    justify-content: center;
			    align-items: center;
			    height: 100%;
			}
				.cmp-delete a {
						text-decoration: none;
    				color: #cd5757;
				}
					.cmp-delete a span {
						display: none;
					}
				.cmp-delete button {
    				color: #cd5757;
				}
					.custom-tooltip {
						z-index: 9999;
					}
	.cart-modal-info {
        border-top: 1px solid #d9d9d9;
	    border-bottom: 1px solid #d9d9d9;
	    margin: 25px 0 20px;
	    padding: 30px 0;
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
	}
		.cmi-help-info {
			flex: 0 0 70%;
			display: flex;
			align-items: center;
    		justify-content: space-between;
		}
			.cmi-help-info svg {
				color: #174c7a;
				font-size: 28px;
				margin-right: 15px;
			}
			.cmi-help-info p {
				margin: 0;
				font-size: 14px;
			}
		.cmi-total {
			flex: 0 0 30%;
			text-align: right;
		}
			.cmi-total p {
				margin: 0;
				font-size: 14px;
			}
				.cmi-total p span {
					font-weight: 700;
					font-size: 24px;
				}
	.cart-modal-body .empty-cart {
		padding: 50px 0;
    font-size: 20px;
    font-weight: 600;
	}
		.cart-modal-body .empty-cart p {
			margin: 0;
		}
	.cart-modal-footer {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: 25px;
	}
	#favModal .cart-modal-footer {
		justify-content: center;
	}
		.cart-modal-footer a {
			/* padding: 10px 20px;
			color: #fff;
			text-decoration: none;
			transition: .3s all; */
			text-decoration: none;
		  color: #fff;
		  padding: 12px 16px;
		  border-radius: 10px;
		  font-size: 16px;
		  transition: .2s linear;
		  position: relative;
		  top: 0;
		  left: 0;

		}
			/* .cart-modal-footer a svg {
				margin-left: 10px;
			} */
			.cart-modal-footer a img {
				margin-right: 6px;
			}
			.cart-modal-footer a:hover {
				top: -4px;
    		left: -4px;
			}
		#favModal .cart-modal-footer a {
			text-align: center;
		}
		.cart-modal-footer .cmf-continue {
    	background: #213752;
		}
			.cart-modal-footer .cmf-continue:hover {
				box-shadow: 2px 2px white, 4px 4px #213752;
				/* box-shadow: inset 0px 0px 10px #464646;
				border: 2px solid #525252; */
			}
		.cart-modal-footer .cmf-order {
    	background: #3577b1;
		}
			.cart-modal-footer .cmf-order:hover {
				box-shadow: 2px 2px white, 4px 4px #3577b1;
				/* box-shadow: inset 0px 0px 10px #0c2234;
				border: 2px solid #123856; */
			}
/* modal cart end */

/* info page start */
.category-page.info-page .info-page-wrap,
.category-page.info-page .cat-page-wrap,
.category-page.info-page header {
	background: #031729;
	color: #fff;
}

.category-page.info-page .cat-page-wrap {
		/* background: #031729; */
		color: #fff;
}

	.category-page.info-page header {
		padding: 0;
	}
	.info-page .top-line-wrap {
		margin: 0;
	}
		.info-page .header-content {
			padding: 25px 0;
		}
	.info-page-wrap {
		background: #fff;
	}
	.category-page.info-page .breadcrumbs,
	.category-page.info-page .breadcrumbs li a {
		color: #fff;
	}
		.info-page-content {
			padding: 0 150px 25px;
		}
			.info-page-wrap blockquote {
				position: relative;
				padding: 25px 25px 25px 70px;
				background: #24547c;
				color: #fff;
				display: inline-block;
			}
				.info-page-wrap blockquote:before {
					content: "\e329";
					position: absolute;
					top: calc(50% - 16px);
					left: 25px;
					color: #fff;
					font-family: "Font Awesome 6 Pro";
				    font-size: 25px;
				    font-weight: 600;
				}
			.info-page-wrap h6 {
				font-size: 18px;
			}
			.info-page-wrap img {
				display: block;
	    		margin: 15px auto;
					border-radius: 10px;
			}
			.info-page-wrap a {
				color: #77c0ff;
				text-decoration: none;
				transition: .3s all;
			}
				.info-page-wrap a:hover {
					text-decoration: underline;
				}
.info-page-wrap .accordion .accordion-button:not(.collapsed) {
	background: #02101c;
	color: #fff;
}
.info-page-wrap .accordion .accordion-button {
	background: #041b2e;
	color: #fff;
	font-size: 22px;
  font-weight: 900;
	box-shadow: none;
}
.info-page-wrap .accordion .accordion-body {
	background: #072136;
	color: #fff;
}

.info-page-wrap .accordion-button::after {
    background-image: none !important;
    font-family: 'Font Awesome 6 Pro';
    content: '\f078';
    font-weight: 900;
    color: #fff;
    font-size: 1.25rem;
    transition: transform 0.3s ease;
}
.info-page-wrap .accordion-item {
	border-color: #1268b5;
}
#infoPageModal .cart-modal-header h2 {
	margin-bottom: 25px;
}
.info-page-wrap .ut-btns img {
	display: inline;
	margin: 0;
}
.info-page-wrap .ut-btns a {
	color: #fff;
	text-decoration: none;
	background: #213752;
}
.info-page-wrap .ut-btns a:hover {
	box-shadow: 2px 2px white, 4px 4px #213752;
}
/* info page end */

/* up button start */
.offcanvas {
	z-index: 1050;
}
.upbtn {
    opacity: 0.8;
    z-index: 1049;
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: -80px;
    right: 20px;
    cursor: pointer;
    transition: all .7s ease-in-out;
    background-color: #337AB7;
    border-radius: 10px;
}
	.upbtn:before {
		position: absolute;
	    font-family: "Font Awesome 6 Pro";
	    content: "\f30c";
	    font-size: 24px;
	    color: #fff;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    line-height: 1;
	    font-weight: 900;
	}
	.upbtn:hover {
	    opacity: 1;
	    background-color: #337AB7;
	}
/* up button end */

/* Empty modal fav-cart start */
.empty-wrapper {

}
	.empty-wrapper img {

	}
	.empty-wrapper .e-text-wrap {
		display: flex;
    justify-content: center;
    align-items: center;
	}
		.empty-wrapper .e-text-wrap p {
			font-size: 25px;
		}
/* Empty modal fav-cart end */

/* checkout page start */
#cart-checkout .accordion-item {
	border: none;
}
#cart-checkout .accordion-button {
	background: #ffffff;
  box-shadow: none;
  border-bottom: 1px solid #ebebeb;
}
#checkout-products .cart-modal-products .cart-modal-product:first-child {
	margin-top: 0;
}
.form-checkout-block {
	margin-top: 35px;
  background: #fff;
  padding: 20px;
  border-radius: 10px;
}
.form-checkout-block h3,
.form-checkout-inputs h3 {
	font-size: 22px;
  font-weight: 900;
  margin-bottom: 15px;
}

.form-checkout-inputs {
	margin-top: 35px;
	background: #fff;
  border-radius: 10px;
	padding: 20px;
}
	.form-checkout-inputs .form-checkout-block {
		margin-top: 12px;
		padding: 0;
	}

.checkbox-wrapper-24 .checkbox {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	text-align: center;
}

.checkbox-wrapper-24 {
	margin-bottom: 8px;
}
.checkbox-wrapper-24 label {
	display: inline-block;
	color: #333;
	cursor: pointer;
	position: relative;
}
.checkbox-wrapper-24 label span {
	display: inline-block;
	position: relative;
	background-color: transparent;
	width: 25px;
	height: 25px;
	transform-origin: center;
	border: 2px solid #333;
	border-radius: 50%;
	vertical-align: middle;
	margin-right: 10px;
	transition: background-color 150ms 200ms, transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89);
}
.checkbox-wrapper-24 label span:before {
	content: "";
	width: 0px;
	height: 2px;
	border-radius: 2px;
	background: #333;
	position: absolute;
	transform: rotate(45deg);
	top: 10px;
	left: 7px;
	transition: width 50ms ease 50ms;
	transform-origin: 0% 0%;
}
.checkbox-wrapper-24 label span:after {
	content: "";
	width: 0;
	height: 2px;
	border-radius: 2px;
	background: #333;
	position: absolute;
	transform: rotate(305deg);
	top: 14px;
	left: 8px;
	transition: width 50ms ease;
	transform-origin: 0% 0%;
}
.checkbox-wrapper-24 label:hover span:before {
	width: 5px;
	transition: width 100ms ease;
}
.checkbox-wrapper-24 label:hover span:after {
	width: 10px;
	transition: width 150ms ease 100ms;
}

.checkbox-wrapper-24 input[type=radio] {
	display: none;
}
.checkbox-wrapper-24 input[type=radio]:checked + label span {
	background-color: #333;
	transform: scale(1.25);
}
.checkbox-wrapper-24 input[type=radio]:checked + label span:after {
	width: 10px;
	background: #fff;
	transition: width 150ms ease 100ms;
}
.checkbox-wrapper-24 input[type=radio]:checked + label span:before {
	width: 5px;
	background: #fff;
	transition: width 150ms ease 100ms;
}
.checkbox-wrapper-24 input[type=radio]:checked + label:hover span {
	background-color: #333;
	transform: scale(1.25);
}
.checkbox-wrapper-24 input[type=radio]:checked + label:hover span:after {
	width: 10px;
	background: #fff;
	transition: width 150ms ease 100ms;
}
.checkbox-wrapper-24 input[type=radio]:checked + label:hover span:before {
	width: 5px;
	background: #fff;
	transition: width 150ms ease 100ms;
}

.total-block {
	background: #fff;
	border-radius: 10px;
  padding: 15px;
}
.total-block h2 {
	font-family: 'Exo 2';
	display: flex;
	justify-content: space-between;
	font-size: 26px;
	font-weight: 600;
	margin-bottom: 20px;
}
.total-block p {
	display: flex;
	justify-content: space-between;
	color: #7a7a7a;
	margin-bottom: 7px;
}
.total-block .free-shipping {
  background: #ebebeb;
  padding: 10px 15px;
  border: 1px dashed #838383;
  display: none;
  align-items: center;
}
  .total-block .free-shipping p {
    display: block;
    margin: 0;
    color: #2a2a2a;
    font-size: 14px;
  }
    .total-block .free-shipping p svg {
      margin-right: 10px;
      font-size: 22px;
    }
    .total-block .free-shipping p .free-shipping-sum {
      font-weight: 700;
    }
.total-block p span:last-child {
	text-align: right;
}
.total-block p.checkout-info-block {
	display: block;
	font-size: 14px;
}
.total-block p.checkout-info-block a {
	text-decoration: none;
	color: #000;
}

.total-wrap button {
	width: 100%;
	padding: 10px;
	border: 2px solid #0c375c;
	background: #0c375c;
	color: #fff;
	text-align: center;
  margin: 20px 0;
	transition: all .3s;
	position: relative;
	overflow: hidden;
}
.total-wrap button:disabled,
.total-wrap button:disabled:hover{
	background: #8f8f8f;
	border-color: #8f8f8f;
}
.total-wrap button:hover {
	background: #104c81;
	border-color: #104c81;
}
.total-wrap button::after {
	content: "\f847";
  position: absolute;
  font-weight: bold;
  color: #fff;
  font-family: "Font Awesome 6 Pro";
  font-size: 17px;
  transform: translateX(200%);
  transition: .3s all;
  top: calc(50% - 12px);
  right: 15px;
}
.total-wrap button:hover::after {
	transform: translateX(0);
}

.checkout-errors-block {
	margin: 0;
  font-size: 14px;
  color: #a51e1e;
}

.empty-cart-checkout {
	margin-top: 20px;
}
	.empty-cart-checkout + img {
		display: block;
		margin: 0 auto;
	}
	.empty-cart-checkout a {
    background: #1a5a91;
		text-decoration: none;
    color: #fff;
    padding: 17px 16px 20px;
    border-radius: 10px;
    font-size: 15px;
    transition: .2s linear;
    position: relative;
    top: 0;
    left: 0;
	}
		.empty-cart-checkout a:hover {
    	box-shadow: 2px 2px white, 4px 4px #1a5a91;
			top: -4px;
    	left: -4px;
		}
		.empty-cart-checkout a img {
			margin-right: 6px;
		}
	.empty-cart-checkout p {
		font-size: 30px;
    font-weight: 500;
		margin-bottom: 30px;
	}

.success-order {

}
.success-order + img {
 display: block;
 margin: 0 auto;
}
.success-order h1 {
	margin-bottom: 10px;
}
.success-order p {
	margin-bottom: 45px;
}
.success-buttons-wrapper {
	margin-bottom: 20px;
}
	.success-order a {
		text-decoration: none;
		color: #fff;
		padding: 17px 16px 20px;
		border-radius: 10px;
		font-size: 15px;
		transition: .2s linear;
		position: relative;
		top: 0;
		left: 0;
	}
		.success-order a.main-page {
			margin-right: 15px;
			background: #1d3346;
		}
		.success-order a.catalog-page {
			background: #1a5a91;
		}
		.success-order a.main-page:hover {
			box-shadow: 2px 2px white, 4px 4px #1d3346;
		}
		.success-order a.catalog-page:hover {
			box-shadow: 2px 2px white, 4px 4px #1a5a91;
		}

		.success-order a:hover {
			top: -4px;
			left: -4px;
		}
		.success-order a img {
			margin-right: 6px;
		}
.form-checkout-inputs .form-floating label::after {
	content: "*";
	color: red;
}
/* checkout page end */

/* contact page start */
.contact-page input,
.contact-page textarea {
	background: #02101c;
	border: none;
	color: #fff !important;

}
.contact-page textarea {
	resize: none;
	height: 250px !important;
}
.contact-page input:focus,
.contact-page textarea:focus {
	background: #02101c;
}
.contact-page label {
	color: #fff !important;
}
.contact-page label::after {
	background: #02101c !important;
}
.contact-page input[type="submit"] {
	padding: 12px 15px;
	background: #0d416e;
	transition: .3s all;
}
.contact-page input[type="submit"]:hover {
	background: #092b4a;
}
.contact-img {
	display: flex;
	justify-content: center;
}
.contact-img img {
	margin: 0;
	width: 200px;
}
.contacts-shop {
	display: flex;
  flex-flow: column;
  justify-content: center;
}
/* contact page end */

/* 404 page start */
#error-not-found {
	background: url(../img/other/404.jpg) no-repeat top center;
  margin: 0;
  padding: 0;
  background-size: cover;
  width: 100%;
  color: #fff;
	position: relative;
	/* overflow: hidden; */
	/* padding-bottom: 200px; */
 	z-index: 1;
  min-height: 100vh;
	display: flex;
	justify-content: center;
  align-items: center;
}
#error-not-found::after {
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: -1;
}
#error-not-found #content {
	padding: 20px;
	text-align: center;
}
	#error-not-found h1 {
		font-size: 100px;
	}
	#error-not-found .success-buttons-wrapper {
		display: flex;
		justify-content: center;
	}
	#error-not-found .marker {
		/* background: red; */
	}
	#error-not-found .success-buttons-wrapper a:first-child {
		margin-right: 20px;
	}
	.info-404-page {
		background: rgba(0, 0, 0, 0.5);
    padding: 15px;
    margin-bottom: 40px;
	}
	#error-not-found a {
		text-decoration: none;
    color: #fff;
    padding: 17px 16px 20px;
    border-radius: 10px;
    font-size: 15px;
    transition: .2s linear;
    position: relative;
    top: 0;
    left: 0;
	}
	#error-not-found a.main-page {
		background: #1d3346;
	}
		#error-not-found a.main-page:hover {
			box-shadow: 2px 2px #0b1822, 4px 4px #1d3346;
		}
	#error-not-found a.catalog-page {
		background: #1a5a91;
	}
		#error-not-found a.catalog-page:hover {
			box-shadow: 2px 2px #06223a, 4px 4px #1a5a91;
		}
		#error-not-found a:hover {
			top: -4px;
    	left: -4px;
		}
		#error-not-found a img {
			margin-right: 6px;
		}
/* 404 page end */

/* search page start */
.tags-input {
	background: #fff;
  padding: 20px;
  border-radius: 10px 10px 0 0;
}
.tags-input .form-select {
	background-image: none;
	padding: 8px 10px;
}
.tags-input h2 {
	font-size: 22px;
  font-weight: 600;
}
.tags-input .tags-hint {
	font-size: 14px;
	color: #747474;
}
#SelectBox {
	border-radius: 10px;
    padding: 15px 10px;
		width: 100%;
}
.selectit {
	border-color: #cfcfcf;
}
.selectit.focus {
	border: 1px solid #262626;
}
.selectit .selectit-option {
	background: #174c7a;
  color: #fff;
  border-radius: 10px;
  font-size: 14px;
}
.selectit button.selectit-remove {
    fill: #fff;
    padding: 0px;
    line-height: 1;
    top: 9px;
    right: 4px;
    transition: .3s all;
}
.selectit button.selectit-remove:hover {
	background: none;
  fill: #08233a;
}
.tags-btn-wrapper {
	display: flex;
}
.tags-btn-wrapper #button-filter {
	flex: 80%;
	border-radius: 0 0 0 10px;
}
.tags-btn-wrapper #button-filter-reset {
	flex: 20%;
  border-left: 1px solid #0b3050;
  border-radius: 0 0 10px 0;
	transition: .3s all;
}
.tags-btn-wrapper #button-filter-reset:hover {
	background: #0b3050;
}
/* search page end */


/* jQuery width check start */
.pagewidth767, .pagewidth991 {display: none;}
@media only screen and (max-width : 991px) {
	.pagewidth991 {display:block;}
}
@media only screen and (max-width : 767px) {
	.pagewidth767 {display:block;}
}
/* jQuery width check end */

/* custom radio start */
.checkbox-wrapper-16 *,
.checkbox-wrapper-16 *:after,
.checkbox-wrapper-16 *:before {
	box-sizing: border-box;
}

.checkbox-wrapper-16 {
	display: flex;
  justify-content: space-around;
}
.checkbox-wrapper-16 .checkbox-wrapper {
	flex: 0 0 40%;
}
.checkbox-wrapper-16 .checkbox-wrapper .checkbox-tile {
	width: 100%;
}

.checkbox-wrapper-16 .checkbox-input {
	clip: rect(0 0 0 0);
	-webkit-clip-path: inset(100%);
					clip-path: inset(100%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}
.checkbox-wrapper-16 .checkbox-input:checked + .checkbox-tile {
	border-color: #164164;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	/* color: #2260ff; */
	background: #164164;
}
.checkbox-wrapper-16 .checkbox-input:checked + .checkbox-tile:before {
	transform: scale(1);
	opacity: 1;
	background-color: #fff;
	border-color: #164164;
}
.checkbox-wrapper-16 .checkbox-input:checked + .checkbox-tile .checkbox-icon,
.checkbox-wrapper-16 .checkbox-input:checked + .checkbox-tile .checkbox-label {
	color: #fff;
}
.checkbox-wrapper-16 .checkbox-input:focus + .checkbox-tile {
	border-color: #164164;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1), 0 0 0 4px #b5c9fc;
}
.checkbox-wrapper-16 .checkbox-input:focus + .checkbox-tile:before {
	transform: scale(1);
	opacity: 1;
}

.checkbox-wrapper-16 .checkbox-tile {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 7rem;
	min-height: 7rem;
	border-radius: 0.5rem;
	border: 2px solid #b5bfd9;
	background-color: #fff;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	transition: 0.15s ease;
	cursor: pointer;
	position: relative;
	padding: 40px 0;
}
.checkbox-wrapper-16 .checkbox-tile:before {
	content: "";
	position: absolute;
	display: block;
	width: 1.25rem;
	height: 1.25rem;
	border: 2px solid #b5bfd9;
	background-color: #fff;
	border-radius: 50%;
	top: 0.25rem;
	left: 0.25rem;
	opacity: 0;
	transform: scale(0);
	transition: 0.25s ease;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23164164' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='216 72.005 104 184 48 128.005' fill='none' stroke='%23164164' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'%3E%3C/polyline%3E%3C/svg%3E");
	background-size: 12px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.checkbox-wrapper-16 .checkbox-tile:hover {
	border-color: #164164;
}
.checkbox-wrapper-16 .checkbox-tile:hover:before {
	transform: scale(1);
	opacity: 1;
}

.checkbox-wrapper-16 .checkbox-icon {
	transition: 0.375s ease;
	color: #494949;
}
.checkbox-wrapper-16 .checkbox-icon svg {
	width: 3rem;
	height: 3rem;
}
.checkbox-wrapper-16 .checkbox-icon img {
	width: 3rem;
	height: 3rem;
}

.checkbox-wrapper-16 .checkbox-label {
	color: #707070;
	transition: 0.375s ease;
	text-align: center;
}
/* custom radio end */

.order-form-hints.no-valide {
	font-size: 14px;
	color: #bb2626;
}

/* Large Devices, Wide Screens*/
@media only screen and (max-width : 1199px) {
	.header-content-wrap h1 {
		font-size: 42px;
	}
	.what-we-do .wwd-blocks .wwd-block.stickers {
		width: 100%;
	}
	.what-we-do .wwd-blocks .wwd-block.postcards:before {
		background-size: 40%;
	}
	.delivery-poster p {
		top: 55%;
    	right: -34%;
	}
	.delivery-main-text {
		padding: 0 30px;
	}
	.delivery-text {
		padding-left: 60px;
	}
	.advantage {
		padding: 0 15px;
	}
	.footer-copy {
		font-size: 12px;
	}
	.side-cats ul li a .cat-img {
		flex-basis: 11%;
	}
		.side-cats ul li a:after {
			font-size: 14px;
			right: -4px;
		}
	.item-wrap .item-content-wrap .item-body a.item-title {
		font-size: 16px;
		font-weight: 900;
	}
	.side-filters label img {
		width: 18px;
	}
	.side-filters label span {
		font-size: 12px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
    .header-content .logo {
    	margin: 0;
    }
    .header-image-small-screen {
    	display: block;
    	text-align: center;
    }
	    .header-image-small-screen img {
	    	width: 200px;
	    }
	.him-grid {
		display: flex;
	    align-items: center;
	    justify-content: space-between;
	}
	.menu a {
		font-size: 15px;
	}
	.top-line-wrap {
		margin-bottom: 20px;
	}
	.hob-wrap {
		text-align: center;
		margin: 0 0 20px 0;
	}
		.hob-wrap .hob-text {
			text-align: left;
		}
	header {
		padding-bottom: 40px;
	}
		header svg.header-footer {
			height: 40px;
		}
	.what-we-do .wwd-blocks .wwdb-double {
		display: flex;
	}
		.what-we-do .wwd-blocks .wwdb-double .wwd-block {
			margin-right: 25px;
		}
			.what-we-do .wwd-blocks .wwdb-double .wwd-block:last-child {
				margin-right: 0;
			}
	.what-we-do .wwd-blocks .wwdb-uno {
		margin-bottom: 50px;
	}
	.what-we-do .wwd-blocks .wwd-block {
		width: 50% !important;
		height: 100% !important;
		margin-bottom: 0 !important;
	    padding: 40px 25px 80px;
	}
		.what-we-do .wwd-blocks .wwd-block.photo-docs {
			width: 100% !important;
			margin-bottom: 0 !important;
			background-size: 20%;
   			padding-bottom: 30px;
		}
	.what-we-do .wwd-blocks .wwdb-uno .wwd-block {
		margin-top: 25px;
		margin-bottom: 25px !important;
	}
	.delivery-poster {
		display: flex;
		align-items: center;
	}
		.delivery-poster img {
	        margin: 0;
		}
		.delivery-poster p {
	        top: 40%;
	    	right: -30%;
	    	font-size: 14px;
		}
		.delivery-poster h3 {
			top: 5%;
		}
	.delivery:before {
		background-position-x: 100%;
	}
	.delivery-info {
		margin-bottom: 25px;
	}
		.delivery-info:first-child {
			text-align: center;
			margin-top: 25px;
		}
	.delivery-main-text {
		padding: 0;
	}
	.advantage .advantage-inner .advantage-header h3 {
		font-size: 14px;
	}
	.ut-info-block h3 {
		font-size: 20px;
	}
	.ut-info-block h4 {
		font-size: 16px;
	}
	.footer-logo {
		text-align: center;
		margin-bottom: 20px;
	}
	.cart-modal-product {
		flex-flow: column;
	}
		.cmp-img {
		    text-align: center;
		}
		.cmp-title {
		    text-align: center;
		    margin: 20px 0;
		}
		.cmp-delete {
		    border-bottom: 1px solid #d9d9d9;
    		padding-bottom: 30px;
		}
			.cart-modal-product:last-child .cmp-delete {
			    border-bottom: none;
			}
			.cmp-delete a {
			    text-align: center;
			    background: #cd5757;
			    display: block;
			    width: 100%;
			    padding: 10px 0;
			}
				.cmp-delete a svg {
				    color: #fff;
				    margin-right: 9px;
				}
				.cmp-delete a span {
				    display: inline-block;
				    color: #fff;
				}
		.cmp-add-cart a {
			font-size: 16px;
		}
		.cmp-qty {
		    margin: 0 0 20px 0;
		}
			.cmp-qty button {
				font-size: 35px;
			}
			.cmp-qty input {
				font-size: 20px;
				width: 50%;
			}
		.cmp-price {
			display: block;
		    margin: 0 0 20px 0;
		    text-align: center;
		    font-size: 25px;
		    font-weight: 600;
		}
	.cart-modal-info {
		flex-flow: column;
	}
		.cmi-help-info {
			border-bottom: 1px solid #d9d9d9;
			padding-bottom: 30px;
		}
		.cmi-total {
			margin-top: 30px;
		}
			.cmi-total p {
				font-size: 18px;
			}
				.cmi-total p span {
					font-size: 32px;
				}
	.cart-modal-footer {
		flex-flow: column;
	}
		.cart-modal-footer a {
			width: 100%;
			text-align: center;
    		margin-bottom: 15px;
		}
	.category-page .top-line-wrap > .container,
	.product-page .top-line-wrap > .container {
		max-width: 100%;
		width: 100%;
	}
		.category-page .header-content .logo a img,
		.product-page .header-content .logo a img {
			width: 100px;
		}
	.category-page header .header-content .header-cart-btns a,
	.product-page header .header-content .header-cart-btns a {
		font-size: 24px;
	}
	.category-page .menu li,
	.product-page .menu li {
		margin-right: 36px;
	}
		.category-page .menu li a,
		.product-page .menu li a {
			font-size: 14px;
		}
	section.side-filters {
		display: none;
	}
	.side-cats ul li a:after {
		font-size: 20px;
    	right: 0;
	}
	button.mobile-filters {
		/* display: block; */
	}
	.side-filters label img {
		width: auto;
	}
	.side-filters label span {
		font-size: 14px;
	}
	.view-vars {
		display: none;
	}
	.cat-main .sort-line {
		justify-content: center;
	}
	.side-cats ul li a .cat-img {
		flex-basis: 7%;
	}
	.reviews-form,
	.product-header-info,
	.product-full-info .tab-content .desc-features {
		padding: 0;
	}
	.product-header {
		padding: 0;
	}
	.product-header .product-header-info h1 {
		margin: 15px 0 0 0;
	}
	.mobile-main-img-wrap {
		margin-bottom: 20px;
	}
	.product-main-img {
		max-height: 400px;
		border-radius: 0;
		padding: 0;
	}
		.product-main-img img {
			height: 400px;
		    width: 100%;
		    object-fit: contain;
		}
	.product-full-info .tab-content .desc-features {
		margin-top: 15px;
	}
	.reviews-form {
		margin-top: 30px;
	}
	#fastViewModal .product-header-info {
		margin-top: 75px;
	}
	.info-page-content {
		padding: 0;
	}
	.products-wrap .item-wrap .item .item-content-wrap > .item-header .item-alt-btns.fav-added a,
	.products-wrap .item-wrap .item .item-content-wrap > .item-header .item-alt-btns a,
	.item-content-wrap > .item-header .item-alt-btns {
		opacity: 1;
		visibility: visible;
	}
	.order-bg-image {
		padding: 0;
    justify-content: center;
	}
		.modal-body .order-bg-image img {
			width: 50%;
    	opacity: 0.6;
		}
	.modal-body .order-header h2,
	.modal-body .order-header h2 button {
		font-size: 30px;
	}
	.step-take-contact .stc-image img {
		width: 50%;
		margin-bottom: 20px;
		opacity: 0.8;
	}
	.checkbox-wrapper-16 .checkbox-wrapper {
		flex: 0 0 48%;
	}
	.total-block {
		margin-top: 35px;
	}
	#filtersOffcanvas .filter-btn-wrapper {
	  padding: 10px;
	}
	.tags-input-wrap {
		margin-bottom: 25px;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
	.header-content {
		justify-content: space-between;
	}
		.menu-big-position {
			display: none;
		}
	#mobileMenu {
		background: #093154;
		color: #fff;
	}
	#mobileMenu .offcanvas-header {
		padding: 30px 16px;
		justify-content: space-between;
	}
		#mobileMenu .offcanvas-header h5 {
			font-size: 24px;
		}
		#mobileMenu .offcanvas-header a {
			color: #fff;
			text-decoration: none;
			font-size: 20px;
			line-height: 1;
		}
	#mobileMenu .offcanvas-body {
		padding: 0;
	}
	    	.menu ul {
		    	flex-flow: column;
		    	padding: 0;
		    }
			    .menu ul li {
			    	margin: 0;
    				padding: 14px 0;
    				text-align: center;
			    }
			    	.menu ul li:last-child {
			    		/*border-bottom: 1px solid #08233a;*/
			    	}
				    .menu ul li a {
				    	color: #fff;
				    	font-size: 18px;
				    }
	    .mobile-menu-btn {
			display: block;
		}
			.mobile-menu-btn a {
				color: #fff;
				text-decoration: none;
				font-size: 26px;
			}
			.product-page .mobile-menu-btn a {
				color: #1a1a1a;
			}
	.header-main-text .him-grid {
		flex-flow: column;
	}
		.header-main-text .him-grid h1 {
			text-align: center;
    		font-size: 45px;
		}
	.do-icons-header {
		text-align: center;
	}
  .what-we-do .wwd-blocks .wwd-block.tags {
    background-size: 15%;
  }
	.what-we-do .wwd-blocks .wwd-block.photo-docs {
		background-size: 30%;
    background-position-x: 90%;
	}
	.what-we-do .wwd-blocks .wwdb-double {
		flex-flow: column;
	}
		.what-we-do .wwd-blocks .wwdb-double .wwd-block {
			margin: 0 0 25px 0 !important;
			width: 100% !important;
		}
			.what-we-do .wwd-blocks .wwdb-double .wwd-block:last-child {
				margin-bottom: 0 !important;
			}
	.what-we-do .wwd-blocks .wwd-block.postcards:before {
		background-size: 23%;
	}
	.delivery-text {
		padding: 0;
	}
	.delivery:before {
	    background-size: 40%;
	}
	.delivery-poster img {
		width: 70%;
	    margin: 60px auto 0;
	}
	.delivery-poster h3 {
		top: 0;
	    right: calc(50% - 95px);
	}
	.delivery-poster p {
		transform: rotate(0deg);
	    top: 40px;
	    right: calc(50% - 87px);
	}
	.advantage .advantage-inner .advantage-header h3 {
		font-size: 18px;
	}
	.advantage {
		margin-bottom: 25px;
	}
		.advantage:last-child {
			margin-bottom: 0;
		}
	.ut-info-block h3 span {
		display: inline;
		padding-left: 8px;
	}
	.ut-info-block h3 {
		text-align: center;
		font-size: 28px;
	}
	.unique-info .ut-info-block,
	.template-info .ut-info-block {
		margin-bottom: 25px;
		padding: 10px 15px;
	}
		.unique-info .ut-info-block:last-child,
		.template-info .ut-info-block:last-child {
			margin-bottom: 0;
		}
		.unique-info .ut-info-block:first-child,
		.template-info .ut-info-block:first-child {
			padding: 0;
		}
	.unique-template:before {
		background-position: center center;
		background-size: cover;
		opacity: 0.2;
	}
	footer {
		text-align: center;
	}
		.footer-logo,
		.footer-main-nav,
		.footer-wholesale-nav {
			margin-bottom: 20px;
		}
    .footer-social {
      justify-content: center;
    }
  		.footer-social a:nth-child(1),
  		.footer-social a:nth-child(4) {
  			text-align: right;
  		}
  		.footer-social a:nth-child(3),
  		.footer-social a:nth-child(6) {
  			text-align: left;
  		}
  		.footer-social a:nth-child(2),
  		.footer-social a:nth-child(5) {
  			width: 20%;
  		}
  		.footer-social a {
  			margin-bottom: 20px;
  		}
		.footer-copy {
			text-align: center;
			font-size: 16px;
		}
	.category-page .head-cart-mmenu-wrap,
	.product-page .head-cart-mmenu-wrap {
		display: flex;
	}
		.category-page header .header-content .header-cart-btns,
		.product-page header .header-content .header-cart-btns {
			margin-right: 50px;
		}
			.category-page header .header-content .header-cart-btns a,
			.product-page header .header-content .header-cart-btns a {
				font-size: 26px;
			}
	.category-page .menu li a,
	.product-page .menu li a {
		font-size: 18px;
	}
	.pagination-wrap .pagination {
		flex-wrap: wrap;
	}
		.pagination-wrap .pagination li {
			height: 100%;
		}
	.side-cats ul li a .cat-img {
		flex-basis: 10%;
	}
	.product-full-info .tab-content .desc-features ul li {
		font-size: 14px;
	}
	.ur-name-date {
		flex-flow: column-reverse;
	}
		.urnd-date {
			margin-bottom: 10px;
		}
	.modal-body .order-header h2,
	.modal-body .order-header h2 button {
		font-size: 24px;
	}
}

@media only screen and (max-width : 575px) {
	.delivery-main-text p {
		padding: 0 15px;
	}
	.unique-info,
	.template-info {
		padding: 0 15px;
	}
	.buy-btn-qty-wrap {
		flex-flow: column-reverse;
	}
		.product-qty {
			margin: 0 0 25px 0;
		    justify-content: center;
		}
	.phi-price-limit {
		display: flex;
	    justify-content: space-between;
	    align-items: end;
	}
		.phipl-qty-limit {
			margin: 0
		}
	.product-header .product-header-info .phi-cat-avl {
		flex-flow: column;
	}
		.product-header .product-header-info .phi-cat-avl span {
			margin-bottom: 10px;
		}
			.product-header .product-header-info .phi-cat-avl span:last-child {
				margin-bottom: 0;
			}
	.reviews-form form textarea {
		margin-bottom: 0;
	}
	.reviews-form-btns {
		flex-flow: column-reverse;
	}
		.reviews-form-btns .review-user-rating {
			margin: 25px 0 30px;
			font-size: 18px;
		}
			.review-user-rating .rur-rate label svg {
				font-size: 25px;
			}
		.reviews-form-btns button.send-review {
			width: 100%;
		}
	.cmp-add-cart {
		margin-bottom: 15px;
	}
	.checkbox-wrapper-16 {
		flex-flow: column;
	}
	.checkbox-wrapper-16 .checkbox-wrapper {
		margin-bottom: 15px;
	}
}

@media only screen and (max-width : 521px) {
	.header-main-text .him-grid h1 {
		font-size: 40px;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.cat-main .sort-line .cat-sort span small {
		display: none;
	}
	.side-cats ul li a .cat-img {
		flex-basis: 15%;
	}
	.admin-review:before {
	    font-size: 30px;
	}
	.ut-btns {
		flex-flow: column;
	}
		.ut-btns a {
			text-align: center;
		}
			.ut-btns a.ut-btn-need-help {
				margin: 0 0 15px 0;
			}
	.modal-body .order-icons .all-services label {
		flex: 40%;
	}
	#error-not-found .success-buttons-wrapper {
		flex-flow: column;
	}
		#error-not-found .success-buttons-wrapper a {
			margin: 0;
			width: 100%;
		}
		#error-not-found .success-buttons-wrapper a:first-child {
			margin-bottom: 20px;
		}
	.success-order a {
		display: block;
		width: 100%;
	}
	.success-order a.main-page {
		margin: 0 0 15px 0;
	}
}

@media only screen and (max-width : 360px) {
	.ut-info-block h3 {
		font-size: 23px;
	}
	.category-page header .header-content .header-cart-btns,
	.product-page header .header-content .header-cart-btns {
		display: flex;
		align-items: center;
	}
		.category-page header .header-content .header-cart-btns a,
		.product-page header .header-content .header-cart-btns a {
			font-size: 20px;
		}
	.reviews-pagination ul {
		flex-flow: column;
	}
		.reviews-pagination ul li {
			margin: 0 0 15px 0;
			width: 100%;
		}
			.reviews-pagination ul li a {
				display: block;
				text-align: center;
			}
	.pagination-wrap ul li.active span,
	.pagination-wrap ul li a {
		padding: 12px 20px;
	}
}