body::-webkit-scrollbar {
	width: 7px;
}

body::-webkit-scrollbar-track {
	/*box-shadow: inset 0 0 2px rgba(236, 31, 58, 0.3);*/
}

body::-webkit-scrollbar-thumb {
	background-color: #2187ab;
	outline: 1px solid slategrey;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	
	box-sizing: border-box; 
}

.background-maincolor {
    background: #378BB9;
}

.second-color {color: #378BB9;}

.main-color {color: #5ab3e4;}

a:hover {color:#2d2d2d}

.table td, .table th {
    vertical-align: middle;
}

.title {position:relative;margin-bottom:25px}

/*.title:before {
    content: '';
    width: 40px;
    height: 2px;
    background: #5ab3e4;
    position: absolute;
    bottom: -4px;
}*/

.flex {
	display: flex;
}

.payments {
	justify-content: center;
    align-items: center;
}

.popup-order .payments > div {
	margin: 0 15px;
}

.header-phone a {
    color: #fff;
    display: block;
}
.header-phone span {
    font-size: 36px;
    line-height: 50px;
    margin-right: 10px;
}

.header-social img {
    height: 30px;
}

.popup-menu .header-phone a {color:inherit !important;}
.color-white {
	color:#fff !important;
}
.header-cart {
	position: relative;
}
.header-menu span {
    cursor: pointer;
}
span.count {
    position: absolute;
    color: #fff;
    top: -10px;
    right: -10px;
    font-size: 12px;
    background: #e79a3a;
    display: block;
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    border-radius: 50%;
}
.fs-20 {font-size:20px;}
.fs-22 {font-size:22px;}
.fs-24 {font-size:24px;}
.fs-26 {font-size:26px;}
.fs-28 {font-size:28px;}
.header-language,.header-buttons {display: flex;align-items: center;justify-content: center;}
.header-language a {
    border: 1px solid;
    display: block;
    margin: 0 5px;
    width: 38px;
    height: 30px;
    line-height: 28px;
    text-align: center;
	border-radius: 0.25rem;
}
.header-buttons a {cursor:pointer;}
.header-buttons a:hover,
.header-language a:hover,
.header-language .active {
	background: #fff;
	color: #378BB9 !important;
	border: 1px solid #fff;
}
.header-social a {margin:0 5px;}
.header-buttons a {
	border: 1px solid #fff;
	back-ground:#fff;
	bor-der: 1px solid #303952;
	back-ground:#303952;
	bor-der: 1px solid #F2CE5F;
	back-ground:#F2CE5F;
	color:#fff;
    display: block;
    margin: 0 5px;
    height: 30px;
	padding:0 10px;
    line-height: 28px;
    text-align: center;
	border-radius: 0.25rem;
}
header .telegram-bot {min-width: 146px;}
header .color-white.order {
    background: #FF7B00;
    border-color: #fff;
    font-weight: 500;
}
header .color-white.order:hover {
	border-color: #fff;
	background: #fff;
}

footer .header-buttons a {
    height: 40px;
    line-height: 38px;
    padding: 0 30px;
    margin-bottom: 15px;
	min-width: 180px;
}
.popup-order{background: #5AB3E4;}

.popup-menu {
	background: url(../images/action-bg-opacity.png) #fff;
}

.popup-order,.popup-order ::placeholder {
	color:#fff !important;
}

.popup-order,
.popup-menu {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
	background-size: 100%;
	background-size: contain;
	color: #303952;
    z-index: 999;
}

.popup-order .closed,
.popup-menu .closed {
    top: 30px;
    right: 30px;
    position: fixed;
	z-index: 100;
}

.popup-order .closed {
	color: #fff !important;
}

.popup-order .closed:hover {
	color: #366b89 !important;
}

.popup-menu .closed i {
	color: #e79a3a;
}

.popup-order .closed i,
.popup-menu .closed i {
    font-size: 30px;
    cursor: pointer;
}
.popup-order .closed span,
.popup-menu .closed span {
	color:#252c35 !important;
	cursor:pointer;
}
.popup-order .closed span:hover,
.popup-menu .closed span:hover {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.no-style {
	list-style: none;
    margin: 0;
    padding: 0;
}

ul.mainmenu {
	
}

.slide {
    background: url(../images/hero-bg.png) #5AB3E4;
	background-size: 100%;
}

#main_features {
    background: url(../images/action-bg.png) #fff;
	z-index: -2;
    position: relative;
	background-size: 100%;
	background-size: contain;
}

#about,
#team {
    background: url(../images/action-bg.png) #f6f6f6;
	background-size: 100%;
	background-size: contain;
}
#faq {
    background: url(../images/faq-bg.png) #fff no-repeat bottom center;
	background-size: 100%;
	background--size: contain;
	background-size: cover;
}

.buttons li,
.mainmenu li {
    margin-bottom: 15px;
}
.mainmenu li a {
    font-weight: 600;
    padding: 0 0 5px 0px;
    position: relative;
    color: #366b89;
    col-or: #303952;
    margin-left: 10px;
}
.mainmenu li a:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0%;
    height: 2px;
    background-color: #366b89;
    transform: translateX(-50%);
    -webkit-transition: all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -o-transition: all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.mainmenu li a:hover:before {
    width: 100%;
}

.mainmenu li.active a:before {
    width: 100%;
}
.mainmenu li a:hover {padding--left: 15px;}
.mainmenu li span {
    font-size: 16px;
}

.buttons li a {}

.popup-order .form-control {
	background:none;
	border-color: #fff !important;
	color: #fff;
}

/*responsive*/
.mobile-header .flex {
	flex-direction: row;
    justify-content: space-between;
}
.mobile-header .header-phone {
	display: flex;
	flex-direction: row;
    justify-content: space-between;
}



@media (max-width: 992px) {
	.hide-mobile { display: none !important;}
	.padding-40 {padding:40px}
	.popup-order, .popup-menu{background-size: auto !important;}
	#myCallback {bottom: 70px !important;right: 15px !important;}
	.totop {bottom: 15px !important;right: 15px !important;padding: 5px 10px !important;}
}

@media (max-width: 768px) {
	.mobile-header {
		text-align: center;
		top:15px;
	}
}

@media screen and (max-width: 492px) and (min-width: 480px) {
	.second-title {
    font-size: 26px !important;
    letter-spacing: -1px;
    margin-top: -20px;
}
	.third-title {
    font-size: 20px !important;
    line-height: 16px !important;
    letter-spacing: -1px;
}
header .telegram-bot {
    min-width: auto;
}
	.boxes .box .space-20,.boxes .box .icon,.slide a {display:none !important;}
}

@media screen and (max-width: 600px) and (min-width: 493px) {
	.second-title {
    font-size: 26px !important;
    letter-spacing: -1px;
    margin-top: -20px;
}
	.third-title {
    font-size: 20px !important;
    line-height: 16px !important;
    letter-spacing: -1px;
}
header .telegram-bot {
    min-width: auto;
}
}

@media screen and (max-width: 768px) and (min-width: 601px) {
	.second-title {
    font-size: 27px !important;
    letter-spacing: -1px;
    margin-top: -10px;
}
	.third-title {
    font-size: 21px !important;
    line-height: 16px !important;
    letter-spacing: -1px;
}
header .telegram-bot {
    min-width: auto;
}
}

@media screen and (max-width: 900px) and (min-width: 768px) {
	.second-title {
    font-size: 33px !important;
    letter-spacing: -1px;
    margin-top: 10px;
}
	.third-title {
    font-size: 26px !important;
    line-height: 22px !important;
    letter-spacing: -1px;
}
header .telegram-bot {
    min-width: auto;
}
}

@media screen and (max-width: 768px) and (min-width: 320px) {
	.header-social,
	.header-menu,
	.header-cart,
	.header-language, .header-buttons,
	.navbar-brand,.header-phone {margin--bottom:20px}
}

@media (min-width: 481px) {
	.viber-mobile/*,
	.telegram-bot i*/ {
		display: none !important;
	}
}

@media (max-width: 480px) {
	ul.mainmenu {text-align: center;}
	.mainmenu li a {margin-left: 0 !important;}
	.popup-menu {text-align: center;}
	.header-phone {display: inline-block;}
	.mainmenu li {margin-bottom: 5px;}
	.mainmenu li a:before {bottom: 3px;}
	.git-in-touch .form-group .form-control {margin-bottom: 0.5em;padding: 5px 10px;line-height: 1;}
	textarea.form-control {
		height: 50px;
	}
	footer .viber-mobile {
		display: none !important;
	}
	.navbar-brand,.header-buttons {margin--bottom:10px}
	.header-language a {
		border: 1px solid;
		display: block;
		margin: 0 3px;
		width: 24px;
		height: 24px;
		line-height: 23px;
		text-align: center;
		border-radius: 0.25rem;
		font-size: 13px;
	}
	.header-social img {height: 24px;}
	.header-social a {
		margin: 0 1px;
	}
	.fs-28 {
		font-size: 26px;
	}
	header .header-buttons a {
		height: 24px;
		min-width: auto;
		line-height: 22px;
		font-size: 14px;
		margin: 0 5px 0 0;
		padding: 0 5px;
		background: #6c2c84;
		border-color: #6c2c84;
	}
	.viber-mobile {
		background: #3b52cb !important;
		border-color: #3b52cb !important;
	}
	.section-title h3 {font-size: 30px !important;}
	.prices .price-table .top h4 {font-size: 22px;font-weight: 500;}
	.prices .price-table .bottom ul li {font-size: 20px;padding:10px;}
	.prices .price-table .top {padding: 10px 25px 5px;}
	
	.second-title {
    font-size: 18px !important;
    letter-spacing: -1px;
    margin-top: 0px;
    padding-bottom: 20px !important;
}
	.third-title {font-size: 13px !important;line-height: 7px !important;letter-spacing: -1px;}
	.boxes .box .space-20,.boxes .box .icon,.slide a {display:none !important;}
	.boxes .box {padding: 20px 30px !important;margin-bottom: 20px !important;}
	.products-item .top .inner h3 {font-size: 14px !important;}
	.products-item .top .inner {text-align: center !important;}
	.fun-facts .fact-box {padding: 1em;border-radius: 20px;}
	.fun-facts .fact-box h6 {font-size: 14px;}
	.fun-facts .fact-box h5 {font-size: 28px;}
	.products-item .bottom a {font-weight: 400 !important;font-size: 14px;}
	.foxapp-header .navbar {max-width: 380px;margin: 0 auto;}
	.navbar-brand {wid-th:100%;max--width: 100% !important;}
	.navbar-brand img {max-width: 120px !important;}
	.header-buttons,.header-phone {margin--bottom:20px;wi-dth: 100%;}
	.header-phone a {font-size: 13px;line-height: 16px;}
	.foxapp-header .header-buttons .telegram-bot span/*,.foxapp-header .header-phone*/ {display: none;text--indent: -9999px;}
	footer .header-buttons,footer .header-phone {margin-bottom:20px;wi-dth: 100%;display: inline-block;}
	footer .header-buttons a {display: inline-block;padding: 0 20px;}
	.one-category-list span {padding: 5px 10px !important;font-size: 14px !important;}
	
	.qty .qty-minus, .qty .qty-plus {
		height: 41px !important;
		width: 41px !important;
		line-height: 43px !important;
	}
}

@media (max-width: 380px) {
	/*.header-social {
        display: none !important;
		}
		.git-in-touch .form-group .form-control {margin-bottom: 0.5em;padding: 5px 10px;}
		.form-group {margin-bottom: 0;}
		textarea.form-control {height: 80px;}
		.btn-primary {border-radius: 10px;padding: 10px 30px;}
		.qty input {max-width: 70px !important;font-size: 18px;margin: 0 15px -10px !important;}
	.popup-order .closed, .popup-menu .closed {top: 10px;right: 10px;}*/
}

@media (max-width: 480px) {
	.header-social,
	.foxapp-header.sticky .navbar-brand,
	.foxapp-header.sticky .header-buttons .telegram-bot span, .foxapp-header.sticky .header-phone,
	.popup-menu .popup-title,
	.popup-menu .space-50 {
        display: none !important;
	}
}


@media (max-width: 843px) {
	
}

@media screen and (max-width: 1200px) and (min-width: 768px) {
	header .telegram-bot {
        display: none !important;
	}
}

@media screen and (max-width: 992px) and (min-width: 481px) {
	
	.fun-facts .fact-box {
		padding: 1em;
		border-radius: 20px;
	}
	.fun-facts .fact-box h6 {
		font-size: 14px;
	}
	.fun-facts .fact-box h5 {
		font-size: 28px;
	}
	.header-social {
		display: none !important;
	}
}

/*catalog*/
.catalog-page {
	background-color: #F5F5F5;
}
.prod-img {
	overflow:hidden;
	margin-bottom: 30px;
	position:relative;
	/*padding-top: 15px;
margin-top: 15px; */}
.products-item .top img {
	max-width: 100%;
	max--width: 180px;
	margin--left: auto;
	margin--right: auto;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.products-item .top .wishlist {
	display: inline-block;
	color: #F05454;
	font-size: 25px;
	position: absolute;
	z-index: 100;
	top: 14px;
	right: 15px;
	width: 40px;
	height: 40px;
	text-align: center;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 20px 0px #dddddd59;
	box-shadow: 0px 0px 20px 0px #dddddd59;
	border-radius: 50%;
}
.products-item .top .wishlist i {
	line-height: 40px;
}
.products-item .top {
	position: relative;
	padding--top: 35px;
}
.products-item {
	text-align: center;
	background-color: #fff;
	border-radius: 10px;
	padding-bottom: 40px;
	position: relative;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	margin-bottom: 30px;
	overflow: hidden;
}
.products-item .top .inner {
	text-align: left;
	padding: 0 15px;
}
.products-item .bottom {
	text-align: right;
	position: absolute;
	right: -8px;
	bottom: -8px;
}
.products-item .top .inner h3 {
	margin-bottom: 5px;
	font-size: 16px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.products-item .top .inner h3 {
		font-size: 14px;
	}
}
.products-item .top .inner h3 a {
	color: #363636;
	font-weight: 700;
	padding-bottom: 10px;
	display: block;
}
.products-item .top .inner span {
	display: block;
	margin-top: 0;
	font-size: 15px;
	font-weight: 700;
}
.products-item .bottom a {
	display: inline-block;
	color: #434E6E;
	font-weight: 600;
	position: relative;
	top: -5px;
	right: 0;
	opacity: 0;
	visibility: hidden;
}
.products-item .bottom i {
	display: inline-block;
	width: 60px;
	height: 60px;
	line-height: 42px;
	color: #434E6E;
	background-color: #fff;
	font-size: 25px;
	border: 10px solid #F5F5F5;
	border-radius: 50%;
	text-align: center;
	cursor: pointer;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.bx-plus:before {
	content: "\eb21";
}
.products-item .bottom:hover a {
	opacity: 1;
	visibility: visible;
	right: 15px;
}

.products-item .bottom:hover i {
	color: #fff;
	background-color: #434E6E;
	-webkit-transform: rotate(-360deg);
	transform: rotate(-360deg);
}

.blog-page .blog-box .blog-img a:hover img,
.products-item:hover .top img {
	-webkit-transform: scale(1.3) rotate(10deg);
	transform: scale(1.3) rotate(10deg);
	transition: all ease 0.5s;
}

.blog-page .blog-box .blog-img a {overflow:hidden;}
.products-item .bottom a {
	display: inline-block;
	color: #434E6E;
	font-weight: 600;
	position: relative;
	top: -5px;
	right: 0;
	opacity: 0;
	visibility: hidden;
}

.products-item .bottom a:hover {
	color: #F05454;
}
.products-item .top .wishlist:hover {
	color: #fff;
	background-color: #F05454;
}
.one-category-list {
	border-radius: 10px;
	position: relative;
	overflow: hidden;
}
.one-category-list a {position: relative;display: block;overflow: hidden;border-radius: 10px;}
.blog-page .blog-box .blog-img a,
.one-category-list img {
	border-radius: 10px;
	transition: all ease 0.5s;
}
.category-list {
	margin-bottom: 20px;
}
.one-category-list span {
	position: absolute;
	bottom: 0;
	display: block;
	width: 100%;
	background: rgb(90 179 228 / 76%);
	color: #fff;
	padding: 5px 15px;
	font-size: 20px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.one-category-list img:hover
{
	-webkit-transform: scale(1.3) rotate(10deg);
	transform: scale(1.3) rotate(10deg);
	
}
/*catalog*/

/*cart*/
input.input-number {
	width: 40px;
	height: 30px;
	line-height: 28px;
	border: 2px solid #5ab3e4;
	text-align: center;
	margin: 0 5px;
}
.total {
	min-width: 90px;
}
.pointer {cursor:pointer;}
.input-number-decrement:hover i,.input-number-increment:hover i {color:#2d2d2d}
span.amount {
	margin: 20px auto 15px;
	display: block;
}
.empty-cart i {
	font-size: 100px;
	color: #5ab3e4;
}
.empty-cart p {
	font-size: 20px;
	color: #5ab3e4;
}
/*cart*/

/*product*/
.product-navigation {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 10px 0;
	margin: 0 0;
	border-top: 0px solid #5ab3e4;
	border-bottom: 2px solid #5ab3e4;
}
.product-variations input.input-number {
	width: 50px;
	height: 32px;
	line-height: 30px;
	border: 2px solid #5ab3e4;
	text-align: center;
	margin: 0 5px;
	font-size: 16px;
	color: #5ab3e4;
}
span.price {
	font-size: 20px;
	margin: 15px 0 0;
	display: block;
}
span.old-price {
	margin: 15px 0 0px 15px;
	font-size: 20px;
	text-decoration: line-through;
}
.desc {
	margin-top: 20px;
	text-align: justify;
	border-radius: 10px;
	padding: 30px 30px;
	margin-bottom: 30px;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 20px 0px #ddd;
	box-shadow: 0px 0px 20px 0px #ddd;
}
.desc p {
	margin-bottom: 10px;
	line-height: 24px;
}
.product-category-list .category-list {margin-bottom: 0;}
span.label {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100;
	background: #5ab3e4;
	color: #fff;
	padding: 5px 10px;
	font-size: 14px;
}
.product-info figure {
	border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	pad-ding: 20px 0;
    background: #fff;
}
.product-variations {
	margin-right: 20px;
}
/*product*/

/*checkout-area*/
.section-title {
	margin-bottom: 30px;
	margin-top: -5px;
}
.checkout-area .section-title h2 {
	font-size: 30px;
}
.section-title h2 {
	margin-bottom: 0;
	font-size: 25px;
	color: #363636;
}
.checkout-area .checkout-billing {
	margin-bottom: 30px;
}
.checkout-area .checkout-billing .form-group {
	margin-bottom: 15px;
}
.checkout-area .checkout-billing .form-group .form-control {
	height: 50px;
	border-radius: 5px;
	border: 0;
	padding-left: 15px;
}
.form-control {
	display: block;
	width: 100%;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0.25rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.checkout-area .checkout-billing .form-group .form-check {
	margin-bottom: 15px;
	padding-left: 26px;
}

.form-check {
	display: block;
	min-height: 1.5rem;
	padding-left: 1.5em;
	margin-bottom: 0.5rem;
}
.checkout-area .checkout-method .form-check .form-check-input:checked {
	background-color: #363636;
}
.checkout-area .checkout-method .form-check .form-check-input {
	margin-left: -32px;
	width: 20px;
	height: 20px;
	margin-top: 3px;
	border: 1px dashed #363636;
}
.form-check-input[type=radio] {
	border-radius: 50%;
}
.form-check-input:checked[type=radio]:after {
	content: '';
	width: 9px;
	height: 8px;
	background: #fff;
	position: absolute;
	top: 52%;
	left: 50%;
	border-radius: 50%;
	margin: -4px -4px;
}
.checkout-area .checkout-billing .form-group .form-check .form-check-input {
	margin-left: -26px;
	width: 18px;
	height: 18px;
	border-radius: 0;
	margin-top: 2px;
	border: 1px solid transparent;
}
.form-check-input[type=checkbox] {
	border-radius: 0.25em;
}
.form-check .form-check-input {
	float: left;
	margin-left: -1.5em;
}
.form-check-input {
	width: 1em;
	height: 1em;
	margin-top: 0.25em;
	vertical-align: top;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border: 1px solid rgba(0,0,0,.25);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-print-color-adjust: exact;
	color-adjust: exact;
	transition: background-color .15s ease-in-out,background-position .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.checkout-area .checkout-billing .form-group .form-check .form-check-label {
	font-size: 15px;
	color: #545454;
}

label {
	display: inline-block;
}
.checkout-area .checkout-billing .form-group .form-control {
	height: 50px;
	border-radius: 5px;
	border: 0;
	padding-left: 15px;
}
.checkout-area .checkout-billing .form-group textarea {
	height: auto !important;
	padding-top: 13px;
}
textarea.form-control {
	min-height: calc(1.5em + 0.75rem + 2px);
}
.checkout-area .checkout-billing .form-group .nice-select {
	height: 50px;
	border-radius: 5px;
	border: 0;
	margin-bottom: 15px;
	line-height: 50px;
	color: #545454;
	width: 100%;
	display: block;
	font-size: 16px;
}

.nice-select {
	-webkit-tap-highlight-color: transparent;
	background-color: #fff;
	border-radius: 5px;
	border: 1px solid #e8e8e8;
	box-sizing: border-box;
	clear: both;
	cursor: pointer;
	display: block;
	float: left;
	font-family: inherit;
	font-size: 14px;
	font-weight: 400;
	height: 42px;
	line-height: 40px;
	outline: 0;
	padding-left: 18px;
	padding-right: 30px;
	position: relative;
	text-align: left!important;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap;
	width: auto;
}
.checkout-area .checkout-billing .form-group .nice-select .list {
	width: 100%;
	display: block;
}
.nice-select .list {
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0 0 0 1px rgb(68 68 68 / 11%);
	box-sizing: border-box;
	margin-top: 4px;
	opacity: 0;
	overflow: hidden;
	padding: 0;
	pointer-events: none;
	position: absolute;
	top: 100%;
	left: 0;
	-webkit-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transform: scale(.75) translateY(-21px);
	-ms-transform: scale(.75) translateY(-21px);
	transform: scale(.75) translateY(-21px);
	-webkit-transition: all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;
	transition: all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;
	z-index: 9;
}
.nice-select:after {
	border-bottom: 2px solid #999;
	border-right: 2px solid #999;
	content: '';
	display: block;
	height: 5px;
	margin-top: -4px;
	pointer-events: none;
	position: absolute;
	right: 12px;
	top: 50%;
	-webkit-transform-origin: 66% 66%;
	-ms-transform-origin: 66% 66%;
	transform-origin: 66% 66%;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
	width: 5px;
}
.nice-select .option.selected {
	font-weight: 700;
}

.nice-select .option {
	cursor: pointer;
	font-weight: 400;
	line-height: 40px;
	list-style: none;
	min-height: 40px;
	outline: 0;
	padding-left: 18px;
	padding-right: 29px;
	text-align: left;
	-webkit-transition: all .2s;
	transition: all .2s;
}
.checkout-area .checkout-billing .text-center .common-btn {
	display: block;
	width: 100%;
}
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
	cursor: pointer;
}
.common-btn {
	display: inline-block;
	color: #fff;
	background-color: #434E6E;
	padding: 12px 30px;
	font-weight: 600;
	border: 0;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	opacity: 1 !important;
	z-index: 1;
	position: relative;
	border-radius: 5px;
	overflow: hidden;
}
.checkout-area .checkout-order,
.checkout-area .checkout-method {
	border-radius: 10px;
	padding: 30px 30px;
	margin-bottom: 30px;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 20px 0px #ddd;
	box-shadow: 0px 0px 20px 0px #ddd;
}
.checkout-area .checkout-order .inner h3 {
	font-size: 16px;
	color: #545454;
	font-weight: 400;
	position: relative;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #f4f4f4;
}
.checkout-area .checkout-order .inner h4 {
	font-size: 18px;
	margin-bottom: 0;
	position: relative;
}
.checkout-area .checkout-order .inner h3 span,
.checkout-area .checkout-order .inner h4 span {
	position: absolute;
	top: 0;
	right: 0;
}
.checkout-method h3,
.checkout-area .checkout-order h3 {
	font-size: 20px;
	margin-bottom: 20px;
}
.checkout-area .checkout-order ul {
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #f4f4f4;
}
.align-items-center {
	align-items: center!important;
}
.checkout-area .checkout-order ul li:nth-child(1) {
}

.checkout-area .checkout-order ul li {
	list-style-type: none;
	display: inline-block;
}
.checkout-area .checkout-order ul li h4 {
	margin-bottom: 0;
	font-size: 16px;
}
.checkout-area .checkout-order ul li span {
	display: block;
}
figure {overflow:hidden;position: relative;}

.proceed-to-checkout.text-center {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

/*checkout-area*/		

/*validate*/
#success,#successorder {display:none;}
.form-group  {
	position: relative;
}
.form-group  .form-control.error {
	border-color: red !important;
	display:block;
}

.form-group label.error {
    right: 0;
    position: absolute;
    top: -10px;
    color: #366b89;
    font-size: 12px;
    z-index: 1;
}

/*.form-group  label.error {
	bottom: -50px !important;
	top: auto !important;
}
.form-group label.error {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: stretch;
	align-items: center;
	position: absolute;
	top: auto;
	left: 0;
	padding: 8px 12px 6px;
	background: red;
	color: #ffffff;
	font-size: 14px;
	line-height: 22px;
	z-index: 1;
	width: calc(100% - 0px);
	border:none !important;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.form-group label.error:after {
	content: '';
	position: absolute;
	top: auto;
	bottom: 36px;
	to-p: -12px;
	left: 50%;
	border: 6px solid transparent;
	border-bottom: 6px solid #f8353e;
}*/
/*validate*/

/*popup-order*/
.date-picker-wrapper {z-index: 1000 !important;}
.qty {
	align-items: center;
	justify-content: center;
}

.qty .qty-minus, .qty .qty-plus {
    background: #fff;
    display: block;
    height: 46px;
    width: 46px;
	line-height: 48px;
    text-align: center;
}

.qty .qty-minus i,
.qty .qty-plus i
{}


.qty .qty-minus {}
.qty .qty-plus {}

.qty input {
    max-width: 80px;
    text-align: center;
    font-size: 22px;
    font-weight: 500 !important;
    color: #5ab3e4;
    margin: 0 !important;
	padding: 5px 10px !important;
    border: 2px solid #5ab3e4 !important;
}

/*.qty input {
	max-width: 100px;
	text-align: center;
	font-size: 22px;
	font-weight: 500 !important;
	color: #5ab3e4;
	margin: 0 15px !important;
}*/

/*popup-order*/

/*hero*/
.first-title {
	font-size: 36px;
	font-weight: 400;
}
.first-title span,.second-title span,.third-title span {color:#366b89}
.second-title {
    font-size: 44px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    margin-bottom: 0;
    line-height: 1.1;
    padding-bottom: 55px;
}
.second--title span {color:#2d5a72}
.third-title {
	font-size: 32px;
	line-height: 34px;
	font-weight: 400;
	margin: 0;
	text-transform: uppercase;
	padding-bottom: 10px;
}
.third--title span {color:#378BB9}
/*hero*/

/*why*/
img.icon {
	max-width: 44px;
	text-align: center;
	margin-bottom: 10px;
}

.skew {transform: skew(-0.06turn, 20deg);}
.menu-icon {height:15px;margin-top: -5px;}
/*why*/

/*blocks*/
img.blocks-icon {
	max-width: 60px;
	text-align: center;
	margin-bottom: 10px;
}
/*blocks*/

/*animation*/
.time-delivery {
	/* margin-bottom: 100px; */
	/* margin-top: -100px; */
	position: absolute;
	top: -130px;
	right: -80px;
}
@media screen and (max-width: 380px){
	.second-title {font-size: 16px !important;letter-spacing: -1px !important;margin-top: -30px !important;}
	.third-title {
    font-size: 12px !important;
    line-height: 5px !important;
    letter-spacing: -1px !important;
}
	.slide a {display:none !important;}
}
@media screen and (max-width: 991px){
	.popup-order .closed, .popup-menu .closed {top: 10px;right: 15px;}
	.second-title {
    font-size: 35px;
    padding: 20px 0 30px;
    letter-spacing: -2px;
    line-height: 1.3;
}
	.third-title {
    font-size: 28px;
    line-height: 30px;
}
	.page-head {padding: 20px 0;}
}
/*.time-delivery {
	margin-bottom: 100px;
	margin-top: -100px;
	position: relative;
}*/
.time-delivery p {
	font-size: 18px;
	line-height: 22px;
	width: 160px;
	text-shadow: 4px 0px 18px #fff;
}
.time-delivery img {
	width: 80px;
	position: absolute;
	top: -20px;
	left: 160px;
}
.pulse {
	animation: pulse 2s infinite;
	animation-direction: alternate;
	-webkit-animation-name: pulse;
	animation-name: pulse;
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(1);
	}
	50% {
		-webkit-transform: scale(1.2);
	}
	100% {
		-webkit-transform: scale(1);
	}
}

@keyframes pulse {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.2);
	}
	100% {
		transform: scale(1);
	}
}
/*animation*/


.logos-slider .slick-slide img {
	display: block;
	border-radius: 10px;
}

.faq img {
	padding: 0px 20px;
}

.seo-text h3 {margin-top:30px; }
.seo-text p {text-align:justify;}
.seo-text ul li {line-height:30px;text-align:justify;}

@media screen and (max-width: 568px){
	section#about .space-25 {display: none !important;}
	.why-us h3 {
		font-size: 30px;
		font-weight: 700;
		text-align: center;
		margin-bottom: 20px;
	}
	.why-us p {margin-bottom: 20px;}
	.why-us .why-us-icon {
		margin-bottom: 10px;
		text-align: center;
		padding: 0 20px;
	}
}
/*@media screen and (max-width: 768px){
	.slide a {display: none !important;}
	.second-title {font-size: 40px;display: none !important;}
	.third-title {font-size: 30px;display: none !important;}
	.slide a {display: none !important;}
	.time-delivery {
	position: relative;
	right: 0;
	top: 0;
	}
}*/

@media screen and (max-width: 768px){
	.main-slider img {max--width: 300px;max-width: 100%;}
	#about .col-md-7,
	#faq .col-md-8 {
		max-width: 100% !important;
		display: block;
		flex: 0 0 100%;
	}
	.time-delivery,
	section#faq .col-md-4,
	section#about .col-md-5 {
		display: none !important;
	}
}
@media screen and (max-width: 992px){.main-features .features-circle {display: none !important;}}

@media screen and (max-width: 991px){
.section-title .space-25,
/*section.slide,*/
.section-title p {display: none !important;}
.padding-100 {
padding: 20px 0 !important;
}
.boxes .box {
padding: 20px 15px;
margin-bottom: 30px;
}
.boxes .box .icon {
padding: 10px;
width: 70px;
height: 70px;
}
.blocks-icon {max-width: 50px !important;}
.boxes .box h4 {font-size: 18px;}
.boxes .box p {
font-size: 14px;
line-height: 18px;
}
.space-50 {
height: 0 !important;
}
.products-item .flex {display:block !important;}
span.old-price {margin-left:0 !important;}

	.table-cart .price {
		color: #5ab3e4;
		font-weight: 700;
		font-size: 16px;
	}
	.table-cart thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
.table-cart td::before {
content: attr(data-label);
float: left;
font-weight: bold;
text-transform: capitalize;
font-size: 16px;
color: #444444;
min-width: 90px;
text-align: left;
}
.table-cart tbody > tr {
border: 1px solid #ebebeb;
display: block;
margin-bottom: 15px;
}
.table-cart tbody > tr td.ec-cart-pro-name {
width: 100%;
}
.table-cart tbody > tr td {
border-bottom: 1px solid #ebebeb;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 14px;
padding: 8px 10px;
}

}