@import url("https://fonts.googleapis.com/css2?family=Titillium+Web:wght@200;300;400;600;700;900&display=swap");
:root {
	scroll-behavior: initial;
}

* {
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style: none;
}

a {
	cursor: pointer;
}

a:hover,
a:focus,
a:active {
	text-decoration: none;
}

ol,
ul {
	margin: 0;
	padding: 0;
}

img {
	display: block;
}

body {
	font-family: "Titillium Web", sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #000;
	text-decoration: none;
	height: 100%;
	width: 100%;
}

a {
	transition: 0.4s linear;
	-webkit-transition: 0.4s linear;
	text-decoration: none;
}

/* */
.blocker {
	background: rgba(0, 0, 0, 0.7);
	backdrop-filter: blur(8px);
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 999998;
}
.blocker-form {
	background: #fff;
	height: 300px;
	left: 50%;
	margin: -150px auto auto -150px;
	position: fixed;
	top: 50%;
	width: 300px;
	z-index: 999999;
}

.under-construction {
	border: 1px solid #00afef;
	border-radius: 20px;
	margin: 50px;
	padding: 30px;
}

.loading50 {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 3px solid rgba(0,175,239,.3);
  border-radius: 50%;
  border-top-color: #00afef;
  animation: spin 1s ease-in-out infinite;
	-ms-animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}
.loading100 {
  display: inline-block;
  width: 100px;
  height: 100px;
  border: 3px solid rgba(0,175,239,.3);
  border-radius: 50%;
  border-top-color: #00afef;
  animation: spin 1s ease-in-out infinite;
	-ms-animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
/* */

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
	max-width: 1270px
}

header {
	position: fixed;
	top: 0px;
	left: 0;
	right: 0;
	z-index: 120;
	padding: 0;
	transition: 0.4s linear;
	-webkit-transition: 0.4s linear
}

header .top-band {
	background: #0077B8;
	color: #fff;
}
header .top-band p {
	margin: 0;
	padding: 3px 0;
	text-align: center;
	text-transform: uppercase;
}

header .top-bar {
	background: #00afef;
	padding: 25px 0
}

header .topbar-block {
	display: flex;
	align-items: center;
	justify-content: space-between
}

header .leftpart {
	width: 162px
}

header .leftpart.open-search {
	width: auto
}

header .leftpart a {
	height: 40px;
	width: 40px;
	background-color: #02a3de;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	text-align: center;
	font-size: 18px;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear
}

header .leftpart a:hover {
	background-color: #ff9200;
	color: #fff
}

header .leftpart button.navigation-toggle {
	background: transparent;
	border: 0;
	height: 40px;
	width: 40px;
	background-color: #02a3de;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	text-align: center;
	font-size: 18px;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear
}

header .leftpart button.navigation-toggle:hover {
	background-color: #ff9200;
	color: #fff
}

header .centerpart h1 {
    display: none;
	border: 0;
	margin: 0;
	padding: 0
}
header .centerpart a img {
	height: 50px;
	margin: 0 auto
}

.rightpart .right-content {
	margin-left: auto;
	margin-right: 0;
	display: inline-flex;
}

.rightpart .right-content li {
	display: inline-block;
	margin-right: 21px;
}

.rightpart .right-content li:last-child {
	margin: 0;
}

.rightpart .right-content li .top-link {
	height: 40px;
	width: 40px;
	background-color: #02a3de;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	text-align: center;
	font-size: 18px;
	position: relative;
	border: none;
	box-shadow: none;
	outline: none;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.rightpart .right-content li .top-link:after {
	display: none;
}

.rightpart .right-content li .top-link.active,
.rightpart .right-content li .top-link:hover {
	background-color: #ff9200;
	color: #fff;
}

header .rightpart .right-content li .top-link.close-searchbar {
	background-color: transparent;
	font-size: 20px;
	margin: 0;
	width: 0;
}

.search-box {
	display: flex;
	align-items: center;
	position: relative;
}

.search-box .form-group {
	margin: 0;
	width: 40px;
	display: none;
	visibility: hidden;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.search-box .form-group .form-control {
	background: #ffffff;
	border-radius: 8px;
	height: auto;
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	color: #44464d;
	padding: 11px 50px 12px 18px;
	border: none;
	box-shadow: none;
	outline: none;
}

.search-box .form-group .form-control:focus {
	box-shadow: none;
	outline: none;
}

.search-box .form-group .form-control::placeholder {
	color: #44464d;
}

.search-box .close-searchbar {
	display: none;
	visibility: hidden;
	width: 0;
}

.topbar-block.open-search .search-box .form-group {
	width: 750px;
	visibility: visible;
	display: block;
}

.topbar-block.open-search .search-box .searchbar {
	position: absolute;
	right: 60px;
	transition: transform 1200ms ease-in-out;
}

header .topbar-block.open-search ul li .top-link.close-searchbar {
	display: flex;
	visibility: visible;
	opacity: 1;
	width: 40px;
	margin-left: 20px;
}

header .inner-search-bx {
	position: absolute;
	background: #ffffff;
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
	border-radius: 0px 0px 20px 20px;
	width: 100%;
	z-index: 9;
	left: 0;
	right: 0;
	padding: 0;
}

header .inner-search-bx .notfound {
	padding: 38px 0 50px;
	position: relative;
	display: block;
	overflow-x: hidden;
}

header .inner-search-bx .notfound:before {
	position: absolute;
	content: "";
	background: #edf6fd;
	border-radius: 0 142.5px 142.5px 0;
	height: 300px;
	width: 50%;
	left: -37%;
	bottom: 50px;
}

header .inner-search-bx .notfound:after {
	position: absolute;
	content: "";
	background: #edf6fd;
	border-radius: 142.5px 0 0 142.5px;
	height: 300px;
	width: 50%;
	right: -37%;
	bottom: 50px;
}

header .inner-search-bx .notfound h2 {
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	text-align: center;
	letter-spacing: 0.1em;
	color: #44464d;
	margin: 0 0 36px;
}

header .inner-search-bx .notfound-block {
	background: #00afef;
	border-radius: 142.5px;
	height: 300px;
	padding: 0 0 0 150px;
	display: flex;
	align-items: center;
	position: relative;
}

header .not-found-img img {
	position: absolute;
	right: 0;
	bottom: 0;
	top: 0;
	width: 499px;
	height: 300px;
	border-radius: 0 142.5px 142.5px 0;
	object-fit: cover;
	object-position: center;
}

header .inner-search-bx .notfound-block .row {
	width: 100%;
}

header .inner-search-bx .notfound-block h2 {
	font-weight: 700;
	font-size: 30px;
	line-height: 30px;
	letter-spacing: 0.1em;
	color: #ffffff;
	text-align: left;
	margin: 0 0 13px;
}

header .inner-search-bx .notfound-block h2 strong {
	color: #005483;
}

header .inner-search-bx .notfound-block p {
	font-weight: 600;
	font-size: 14px;
	line-height: 15px;
	letter-spacing: 0.1em;
	color: #ffffff;
	margin: 0 0 20px;
}

header .inner-search-bx .notfound-block .btn-main {
	color: #00afef;
	background: #005483;
	width: 222px;
}

header .inner-search-bx .notfound-block .btn-main:hover {
	color: #000;
	background-color: #fff;
}

.overlay.open-search {
	top: auto;
	bottom: 0;
	height: 100%;
	width: 100%;
	opacity: 1;
}

body.add-fix {
	margin-top: 177px;
}

body.add-fix.open-search header {
	z-index: 999;
}

.disposition-wrp {
	padding: 30px 0 40px;
}

.disposition-wrp .container {
	width: 940px;
}

.disposition-wrp .disposition-head {
	padding: 0 0 12px;
	border-bottom: 1px solid #dbeaf5;
	margin: 0 0 31px;
}

.disposition-wrp .slick-slide {
	padding: 0 13px;
}

.disposition-wrp .slick-list {

}

.disposition-wrp .slick-slide .slider-box .slider-details p {
	min-height: 20px;
}

.disposition-wrp .disposition-head .col-md-6 {
	width: 50%;
}

.disposition-wrp .disposition-head p {
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	letter-spacing: 0.1em;
	color: #bcbdc0;
	margin: 0;
}

.disposition-wrp .disposition-head a {
	font-weight: bold;
	font-size: 14px;
	line-height: 17px;
	text-align: right;
	letter-spacing: 0.1em;
	color: #44464d;
	display: block;
}

.disposition-wrp .seller-slider {
	padding: 0;
	border: none;
	margin: 0;
}

.disposition-wrp .seller-slider .slider-box .col-md-4 {
	width: 35%;
}

.disposition-wrp .seller-slider .slider-box .col-md-8 {
	width: 65%;
}

.rightpart .dropdown-menu {
	width: 260px;
	min-width: 260px;
	left: auto !important;
	right: -70px !important;
	background: #ffffff;
	border-radius: 10px;
	top: 17px !important;
	padding: 15px 20px;
	border: none;
	filter: drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.2));
}

.rightpart .dropdown-menu:before {
	position: absolute;
	content: "";
	height: 30px;
	width: 30px;
	top: -10px;
	right: 75px;
	background-image: url(../images/arrow-top.svg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	z-index: -1;
}

.rightpart .dropdown-menu li {
	margin: 0 0 10px;
	display: block;
}

.rightpart .dropdown-menu li:last-child {
	margin: 0;
}

.rightpart .dropdown-menu li:last-child .dropdown-item {
	background-color: #00afef;
}

.rightpart .dropdown-menu .dropdown-item {
	border-radius: 24px;
	display: block;
	width: 100%;
	background-color: #0077b8;
	display: block;
	padding: 11px 20px 12px;
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
	color: #ffffff;
	position: relative;
	width: 100%;
}

.rightpart .dropdown-menu .dropdown-item i {
	position: absolute;
	right: 20px;
	font-size: 20px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.rightpart .dropdown-menu .dropdown-item:hover {
	background-color: #000 !important;
}

.rightpart .dropdown-menu .form-group {
	margin: 0 0 9px;
}

.rightpart .dropdown-menu .form-group .form-control {
	background: rgba(230, 231, 236, 0.5);
	border-radius: 20px;
	border: none;
	box-shadow: none;
	outline: none;
	font-weight: 600;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 0.1em;
	color: #8a8c91;
	height: auto;
	padding: 12px 18px 11px;
}

.rightpart .dropdown-menu .form-group .form-control::placeholder {
	color: #8a8c91;
}

.rightpart .dropdown-menu p {
	font-weight: normal;
	font-size: 10px;
	line-height: 15px;
	text-align: center;
	letter-spacing: 0.1em;
	color: #44464d;
	margin: 0 0 30px;
}

.rightpart .dropdown-menu p a {
	font-weight: bold;
	color: #44464d;
}

.rightpart .dropdown-menu .second-box .dropdown-item {
	background-color: #00afef;
}

.rightpart .dropdown-menu .second-box h4 {
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #0077b8;
	margin: 10px 0 26px;
}

.rightpart .dropdown-menu .second-box .back-drop {
	display: block;
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	letter-spacing: 0.05em;
	color: #bcbdc0;
}

/*
.rightpart .dropdown-menu .second-box {
	display: none;
}

.rightpart .dropdown-menu.none-firstbox .first-box {
	display: none;
}

.rightpart .dropdown-menu.none-firstbox .second-box {
	display: block;
}

.rightpart .dropdown-menu.none-secondbox .first-box {
	display: block;
}

.rightpart .dropdown-menu.none-secondbox .second-box {
	display: none;
}
*/

.cart-toggle {
	position: relative;
}

.cart-toggle span {
	height: 18px;
	width: 18px;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	text-align: center;
	color: #ffffff;
	background-color: #ff9200;
	border-radius: 100%;
	position: absolute;
	right: -9px;
	top: -9px;
}

.menubar {
	background: #ffffff;
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
	padding: 10px 0;
	position: relative;
}

.menubar ul {
	text-align: center;
}

.menubar ul li {
	display: inline-block;
	margin-right: 68px;
}

.menubar ul li .nav-link {
	font-weight: 600;
	font-size: 14px;
	line-height: 21px;
	padding: 5px 0 5px;
	text-align: center;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #44464d;
	border: none;
	box-shadow: none;
	outline: none;
	border: none;
	background-color: transparent;
	position: relative;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.menubar ul li .nav-link:after {
	display: none;
}

.menubar ul li .nav-link:before {
	position: absolute;
	content: "";
	width: 0;
	left: 50%;
	right: 50%;
	bottom: 0;
	background-color: #44464d;
	height: 2px;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.menubar ul li .nav-link:hover:before {
	width: 100%;
	left: 0;
	right: 0;
	width: 100%;
}

.menubar ul li:last-child {
    background: #00afef;
    border-radius: 8px;
	margin: 0;
    padding: 0 10px;
}

.menubar ul li:last-child:hover {
    background: #fd9226;
    border-radius: 8px;
	margin: 0;
    padding: 0 10px;
}

.menubar ul li:last-child .nav-link {
	color: #fff;
}

.menubar ul li:last-child .nav-link:hover:before {
	width: 0;
}

li.dropdown.mega-dropdown.open .nav-link:before {
	width: 100%;
	left: 0;
	right: 0;
	width: 100%;
}

.mega-dropdown {
	position: static !important;
}

.mega-dropdown-menu {
	padding: 40px 0 15px !important;
	width: 100% !important;
	height: 375px !important;
	left: 0 !important;
	right: 0 !important;
	border: none !important;
	background: #fff !important;
	border-radius: 0 0 20px 20px;
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
	z-index: -1;
	top: 51px;
}

.mega-dropdown-menu .container {
	width: 847px;
}

.mega-dropdown-menu .row {
	display: flex;
	align-items: start;
}

.mega-dropdown-menu .menu-box {
	display: flex;
	min-height: 120px;
	margin: 0 0 25px;
}

.mega-dropdown-menu .menu-box img {
	height: 41px;
	width: 41px;
	border-radius: 100%;
	margin-right: 15px;
	object-fit: cover;
	object-position: center;
}

.mega-dropdown-menu .menu-box h4,
.mega-dropdown-menu .menu-box span.h4 {
	font-weight: bold;
	font-size: 16px;
	line-height: 23px;
	color: #44464d;
	margin: 10px 0 5px;
}

.mega-dropdown-menu .menu-box p {
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	color: #44464d;
	margin: 0 0 5px;
}

.mega-dropdown-menu .menu-box a {
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 23px;
	color: #bcbdc0;
	display: block;
}

.mega-dropdown-menu .menu-box a:hover {
	color: #ff9200;
}

.mega-dropdown-menu .menu-box .see-more {
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 23px;
	color: #bcbdc0;
	display: block;
}

.mega-dropdown-menu .menu-box .see-more:hover {
	color: #ff9200;
}

.mega-dropdown-menu .menu-box .btn-all {
	background: #00afef;
	border-radius: 24px;
	display: block;
	width: 100%;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.05em;
	color: #ffffff;
	display: flex;
	align-items: center;
	height: 50px;
	margin-left: 55px;
	padding: 11px 20px 12px;
	position: relative;
	margin-top: 40px;
}

.mega-dropdown-menu .menu-box .btn-all i {
	position: absolute;
	right: 20px;
	font-size: 20px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.mega-dropdown-menu .menu-box .btn-all:hover {
	background-color: #000;
}

.overlay {
	position: fixed;
	height: 0%;
	width: 100%;
	left: 0;
	top: 50%;
	bottom: 50%;
	right: 0;
	opacity: 0;
	background: rgba(68, 70, 77, 0.6);
	z-index: 121;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.navigation-sidebar {
	position: fixed;
	width: 355px;
	left: -355px;
	background: #ffffff;
	border-radius: 0 30px 30px 0;
	top: 22px;
	bottom: 22px;
	height: 95%;
	z-index: 132;
	padding: 107px 52px 60px 57px;
	overflow-y: auto;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.navigation-sidebar.open-navigation {
	left: 0;
}

.overlay.open-navigation {
	top: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	opacity: 1;
}

.navigation-sidebar-header{
    position: absolute;
    left: 0;
    top: 20px;
    width: 100%;
    right: 0;
}
.navigation-sidebar-header .navigation-togglebar{
    height: 40px;
    width: 100px;
    background-color: rgba(2, 163, 222, 0.2);
    border-radius: 0 8px 8px 0;
		border: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #00afef;
    padding-right: 10px;
    text-align: center;
    font-size: 18px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}



.navigation-sidebar .close-navigation-toggle {
	background: transparent;
	border: 0;
	font-size: 20px;
	position: absolute;
	display: block;
	top: 26px;
	right: 21px;
	color: #bcbdc0;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.navigation-sidebar .close-navigation-toggle:hover {
	color: #000;
}

.navbar-links {
	margin: 0 0 75px;
}

.navbar-links ul li:last-child a {
	border: none;
}

.navbar-links ul li a {
	display: block;
	border-bottom: 1px solid #dbeaf5;
	font-weight: 600;
	font-size: 14px;
	line-height: 45px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #44464d;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.navbar-links ul li a:hover {
	color: #0077b8;
}

.bottom-btn li {
	margin: 0 0 15px;
}

.bottom-btn li:last-child {
	margin: 0;
}

.bottom-btn li:last-child a {
	background-color: #00afef;
}

.bottom-btn a {
	border-radius: 24px;
	display: block;
	width: 100%;
	background-color: #0077b8;
	display: block;
	padding: 11px 20px 12px;
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
	color: #ffffff;
	position: relative;
	width: 100%;
}

.bottom-btn a i {
	position: absolute;
	right: 20px;
	font-size: 20px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.bottom-btn a:hover {
	background-color: #000 !important;
}

.cart-sidebar {
	position: fixed;
	width: 355px;
	right: -355px;
	left: auto;
	background: #ffffff;
	border-radius: 30px 0 0 30px;
	top: 22px;
	bottom: 22px;
	height: 95%;
	z-index: 600;
	overflow-y: auto;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.cart-sidebar.open-cart-sidebar {
	right: 0;
}

.overlay.open-cart-sidebar {
	top: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	opacity: 1;
}

.cart-header {
	margin: 20px 0 26px 20px;
	background: #edf6fd;
	padding: 10px;
	border-radius: 8px 0 0 8px;
}

.cart-header a {
	margin: 0;
	display: block;
	font-weight: bold;
	font-size: 14px;
	line-height: 17px;
	text-align: left;
	letter-spacing: 0.1em;
	color: #0b99d7;
}

.cart-header .cart-toggle {
	margin-right: 20px;
	display: inline-block;
	vertical-align: middle;
}

.cart-body .cart-box {
	padding: 20px 0 20px 0;
	display: flex;
	position: relative;
	border-bottom: 1px solid #dbeaf5;
}

.cart-body .cart-box .cart-img {
	margin-right: 15px;
	height: 115px;
	width: 115px;
	background: #f9f9fd;
	border-radius: 10px;
	padding: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cart-body .cart-box .cart-img img {
	max-width: 100%;
}

.cart-body .cart-box h4 {
	font-weight: bold;
	font-size: 16px;
	line-height: 23px;
	color: #44464d;
	margin: 0 0 7px;
}

.cart-body .cart-box p {
	font-weight: normal;
	font-size: 14px;
	line-height: 23px;
	color: #bcbdc0;
	margin: 0 0 32px;
}

.cart-body .cart-box .close-cart {
	font-size: 20px;
	position: absolute;
	display: block;
	top: 18px;
	right: 0;
	color: #bcbdc0;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.cart-body .cart-box .close-cart:hover {
	color: #000;
}

.cart-body .cart-box .control {
	display: flex;
	align-items: center;
}

.cart-body .cart-box .bttn-right,
.cart-body .cart-box .bttn-left {
	font-size: 22px;
	height: 32px;
	width: 32px;
	font-weight: 600;
	border-radius: 100%;
	border: 2px solid #44464d;
	color: #44464d;
	line-height: 32px;
	background-color: transparent;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 0 5px;
}

.cart-body .cart-box .input {
	border: none;
	height: 32px;
	width: 30px;
	text-align: center;
	margin: 0 10px;
	font-weight: bold;
	font-size: 16px;
	line-height: 23px;
	text-align: center;
	color: #44464d;
}

.cart-body .cart-box input[type="number"]::-webkit-inner-spin-button,
.cart-body .cart-box input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.checkout-box {
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

.cart-header {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 99;
}

.cart-body {
	padding: 70px 27px 300px 21px;
	height: 100vh;
	overflow: auto;
	display: block;
}

.cart-footer {
	background: #ffffff;
	box-shadow: 0px -2px 8px rgba(0, 0, 0, 0.1);
	border-radius: 0px 0px 0px 30px;
	height: 186px;
	padding: 25px 20px;
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	width: 100%;
}

.subtotal {
	margin: 0 0 25px;
}

.subtotal p {
	font-weight: normal;
	font-size: 14px;
	line-height: 14px;
	color: #44464d;
	margin: 0;
}

.subtotal h3 {
	font-weight: bold;
	font-size: 16px;
	line-height: 16px;
	text-align: right;
	color: #44464d;
	margin: 0;
}

.subtotal h4 {
	font-weight: normal;
	font-size: 12px;
	line-height: 16px;
	text-align: right;
	color: #44464d;
	margin: 0;
}

.btn-main {
	background: #55da34;
	border-radius: 24px;
	display: block;
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	letter-spacing: 0.05em;
	color: #ffffff;
	display: block;
	width: 100%;
	padding: 11px 20px 12px;
	position: relative;
}

.btn-main i {
	position: absolute;
    right: 7px;
	font-size: 24px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.btn-main:hover {
	background-color: #000;
	color: #fff;
}

.cart-footer .btn-main {
	margin: 0 0 10px;
}

.cart-footer .foot-link {
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	letter-spacing: 0.05em;
	color: #bcbdc0;
	text-align: center;
	display: block;
}

.black-friday-tag {
    background: #000;
    color: #fff;
    text-align: center;
}
.black-friday-tag .container-wrapper {
    display: inline-block;
    position: relative;
}
.black-friday-tag .container-wrapper .star-left {
    left: -30px;
    position: absolute;
    top: 25px;
    width: 20px;
}
.black-friday-tag .container-wrapper .star-right {
    position: absolute;
    right: -30px;
    top: 25px;
    width: 20px;
}
.black-friday-tag .container-wrapper p {
    display: inline-block;
    font-size: 28px;
    font-weight: 600;
    line-height: 70px;
    margin: 0;
}
.black-friday-tag .container-wrapper p span {
    text-decoration: underline;
}
@media(max-width:768px) {
    .black-friday-tag .container-wrapper p {
        font-size: 20px;
    }
}

.hero-wrp {
	background-color: transparent;
	padding: 0;
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
}

.hero-wrp .container-fluid {
	padding: 0;
	width: 100%;
}

.hero-wrp .row {
	display: flex;
	align-items: center;
}

.hero-details {
	position: relative;
	z-index: 2;
}

.hero-details h1 {
	font-weight: 900;
	font-size: 50px;
	line-height: 50px;
	color: #ffffff;
	letter-spacing: 0.05em;
	margin: 0 0 30px;
}

.hero-details h1 span {
	display: block;
	color: #00afef;
}

.hero-details p {
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 18px;
	letter-spacing: 0.1em;
	color: #0077b8;
	margin: 0 0 40px;
}

.hero-details .btn-main {
	width: 222px;
	background-color: #00afef;
}

.hero-details .btn-main:hover {
	background-color: #000;
	color: #fff;
}

.hero-slider .slider-box {
	overflow: hidden;
	width: 100%;
}

.hero-slider .slider-box img {
	width: 100%;
}

.hero-slider button.slick-prev.slick-arrow,
.hero-slider button.slick-next.slick-arrow {
	position: absolute;
	left: 10px;
	top: 50%;
	z-index: 5;
	font-size: 0;
	box-shadow: none;
	outline: none;
	background-color: transparent;
	border: none;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}



.hero-slider button.slick-prev.slick-arrow:before,
.hero-slider button.slick-next.slick-arrow:before {
	position: absolute;
	content: "";
	font-family: "Font Awesome 5 Pro";
	height: 30px;
	width: 30px;
	border: 3px solid #fff;
	font-weight: 500;
	color: #fff;
	left: 0;
	right: 0;
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 2px;
	border-radius: 100%;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.hero-slider button.slick-prev.slick-arrow:after,
.hero-slider button.slick-next.slick-arrow:after {
	position: absolute;
	content: "\f105";
	font-family: "Font Awesome 5 Pro";
	height: 30px;
	width: 30px;
	border: 2px solid transparent;
	font-weight: 500;
	color: #fff;
	left: 0;
	right: 0;
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 2px;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.hero-slider button.slick-prev.slick-arrow:after {
	left: -1px;
	padding-bottom: 2px;
	width: 30px;
}
.hero-slider button.slick-next.slick-arrow:after {
	padding-bottom: 2px;
	width: 32px;
}

.hero-slider button.slick-next.slick-arrow {
	right: 40px;
	left: auto;
}

.hero-slider button.slick-prev.slick-arrow:after {
	content: "\f104";
}

.hero-slider button.slick-prev.slick-arrow:hover:before,
.hero-slider button.slick-next.slick-arrow:hover:before {
	background-color: #00afef;
	border-color: #00afef;
	color: #fff;
}

.hero-slider ul.slick-dots {
	display: flex;
	align-items: center;
	position: absolute;
	bottom: 35px;
	z-index: 9;
	left: 50%;
	transform: translate(-50%, 0);
}

.hero-slider ul.slick-dots li {
	line-height: 0;
	margin-right: 2px;
}

.hero-slider ul.slick-dots li:last-child {
	margin: 0;
}

.hero-slider ul.slick-dots li button {
	font-size: 0;
	border: none;
	height: 10px;
	width: 10px;
	border-radius: 100%;
	background-color: #fff;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.hero-slider ul.slick-dots li.slick-active button {
	background: #bcbdc0;
	border-radius: 30px;
	width: 26px;
}

.subscription-wrp .subscription-block {
	padding: 42px 0;
	border-bottom: 1px solid #dbeaf5;
}

.subscription-wrp .subscription-block .subscription-box {
	display: flex;
}

.subscription-wrp .subscription-block .subscription-box img {
	height: 34px;
	width: 34px;
	margin-right: 15px;
}

.subscription-wrp .subscription-block .subscription-box p {
	font-weight: normal;
	font-size: 14px;
	line-height: 17px;
	letter-spacing: 0.1em;
	color: #44464d;
	margin: 0;
}

.subscription-wrp .subscription-block .subscription-box p strong {
	font-weight: bold;
}

.solution-wrp {
	padding: 60px 0 136px;
}

.solution-wrp .solution-title h2 {
	font-weight: bold;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #44464d;
	margin: 0 0 43px;
}

.solution-wrp ul {
	margin-left: -15px;
	margin-right: -15px;
}

.solution-wrp ul li {
	float: left;
	width: 20%;
	padding: 0 15px;
}

.solution-wrp .solution-box {
	background: #ffffff;
	border-radius: 20px;
	width: 100%;
	height: 325px;
	position: relative;
}

.solution-wrp .solution-box:before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border-radius: 20px;
	background: transparent;
	-webkit-transition: all 0.3s linear;
	cursor: pointer;
	transition: all 0.3s linear;
}

.solution-wrp ul li:hover .solution-box:before {
	background: #55da34;
}

.solution-wrp ul li:nth-child(2):hover .solution-box:before {
	background: #ff9200;
}

.solution-wrp ul li:nth-child(3):hover .solution-box:before {
	background: #ffc300;
}

.solution-wrp ul li:nth-child(4):hover .solution-box:before {
	background: #d394e3;
}

.solution-wrp ul li:last-child:hover .solution-box:before {
	background: #e24747;
}

.solution-box img {
	width: 100%;
	border-radius: 20px;
	height: 325px;
	object-position: center;
	object-fit: cover;
}

.solution-box h2 {
	font-weight: 600;
	font-size: 30px;
	line-height: 32px;
	letter-spacing: 0.05em;
	color: #ffffff;
	margin: 0;
	position: absolute;
	left: 25px;
	top: 22px;
}

.bottom-box {
	padding: 25px;
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
}

.bottom-box .row {
	display: flex;
	align-items: center;
}

.bottom-box .col-md-5 {
	width: 40%;
	max-width: 40%;
}

.bottom-box .col-md-7 {
	width: 60%;
	max-width: 60%;
}

.bottom-box img {
	width: auto;
	max-width: 100%;
	height: auto;
	border-radius: 0;
}

.bottom-box p {
	font-weight: bold;
	font-size: 14px;
	line-height: 21px;
	text-align: right;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #ffffff;
	margin: 0;
}

.work-wrp {
	background-color: #00afef;
	background: #00afef;
	border-radius: 270px 0 0 270px;
	margin-left: 50px;
	padding: 70px 0;
	position: relative;
	height: 400px;
	display: flex;
	align-items: center;
}

.fundo-img {
	position: absolute;
	left: 46%;
	z-index: 9;
	bottom: -54px;
	height: 515px;
	width: 707px;
}

.work-wrp .left-content {
    padding-left: 45px;
    width: 120%;
}

.work-wrp .left-content img {
	max-width: 100%;
	margin: 0;
	display: none;
}

.work-wrp .left-content span {
	font-weight: 600;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #ffffff;
	display: block;
	margin: 0 0 7px;
}

.work-wrp .left-content h2 {
	font-style: normal;
	font-weight: 600;
	font-size: 36px;
	line-height: 38px;
	letter-spacing: 0.05em;
	color: #ffffff;
	margin: 0 0 5px;
}

.work-wrp .left-content p {
	font-weight: normal;
	font-size: 14px;
	line-height: 15px;
	letter-spacing: 0.1em;
	color: #005583;
	margin: 0 0 20px;
}

.work-wrp .left-content p strong {
	font-weight: 700;
}

.work-wrp .left-content .btn-main {
	color: #00afef;
	width: 222px;
	background: #005483;
}

.work-wrp .left-content .btn-main:hover {
	background-color: #fff;
	color: #000;
}

.work-wrp:after {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	top: 0;
	height: 100%;
	width: 30%;
	content: "";
	background-color: #0066AC;
}

.work-wrp:before {
	position: absolute;
	left: 50%;
	top: 0;
	bottom: 0;
	top: 0;
	height: 400px;
	width: 706px;
	content: "";
	background-image: url(../images/medbox-image2.svg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 9;
}

.bestseller-wrp {
	padding: 106px 0 0 0;
}

.bestseller-wrp .seller-title h2 {
	font-weight: bold;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #44464d;
	margin: 0 0 43px;
}

.seller-slider {
	padding: 0 0 86px;
	border-bottom: 1px solid #dbeaf5;
}

.bestseller-wrp .slick-slide {
	padding: 0 13px;
}

.bestseller-wrp .slick-list {

}

.seller-slider .slider-box {
	position: relative;
}

.seller-slider .slider-box .slider-img {
	position: relative;
}

.seller-slider .slider-box .slider-img ul {
	position: absolute;
	left: 0;
	top: 0;
}

.seller-slider .slider-box .slider-img ul li {
	display: table;
	background: #0077b8;
	border-radius: 11px;
	padding: 4px 8px;
	font-weight: bold;
	font-size: 11px;
	line-height: 12px;
	text-align: center;
	letter-spacing: 0.05em;
	color: #ffffff;
	margin: 0 0 7px;
}

.seller-slider .slider-box .slider-img ul li:last-child {
	margin: 0;
}

.seller-slider .slider-box .slider-img ul li.offer {
	background: #00afef;
}

.seller-slider .slider-box .slider-img img {
	max-width: 100%;
	width: 100%;
	margin: 0 auto;
}

.seller-slider .slider-box .slider-details {
	background: #e6e7ec;
	border-radius: 0px 0px 20px 20px;
	padding: 14px 20px;
	position: relative;
}

.seller-slider .slider-box .slider-details h2 {
	font-weight: bold;
	font-size: 20px;
	line-height: 23px;
	letter-spacing: 0.1em;
	color: #44464d;
	margin: 0 0 13px;
}

.seller-slider .slider-box .row {
	display: flex;
	align-items: center;
	margin: 0;
}

.seller-slider .slider-box .col-md-4 {
	width: 35%;
	padding: 0;
}

.seller-slider .slider-box .col-md-8 {
	width: 65%;
	padding: 0;
}

.seller-slider .slider-box .slider-details p {
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 0.1em;
	color: #44464d;
	min-height: 120px;
	margin: 0 0 25px;
}

.seller-slider .slider-box .slider-details span {
	font-weight: normal;
	font-size: 12px;
	line-height: 17px;
	letter-spacing: 0.1em;
	text-decoration-line: line-through;
	color: #44464d;
	display: block;
}

.seller-slider .slider-box .slider-details h4,
.seller-slider .slider-box .slider-details span.h4 {
	font-weight: bold;
	font-size: 14px;
	line-height: 17px;
	letter-spacing: 0.1em;
	color: #44464d;
	margin: 0;
	text-decoration: none;
}

.seller-slider .slider-box .slider-details ul {
	text-align: right;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.seller-slider .slider-box .slider-details ul li {
	display: inline-block;
	margin-right: 6px;
}

.seller-slider .slider-box .slider-details ul li:last-child {
	margin: 0;
}

.seller-slider .slider-box .slider-details ul li a.more-btn {
	padding: 8px 14px 10px;
	border-radius: 30px;
	background: #44464d;
	font-weight: 600;
	font-size: 14px;
	line-height: 21px;
	text-align: center;
	letter-spacing: 0.1em;
	color: #ffffff;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
	white-space: nowrap;
}

.seller-slider .slider-box .slider-details ul li a.shopping-btn,
.seller-slider .slider-box .slider-details ul li button.shopping-btn {
	height: 38px;
	width: 38px;
	background-color: #fff;
	border-radius: 100%;
	border: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: #44464d;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
	outline: none;
}

.seller-slider .slider-box .slider-details ul li a.shopping-btn img,
.seller-slider .slider-box .slider-details ul li button.shopping-btn img {
	width: 17px;
}

.seller-slider .slider-box .slider-details ul li a:hover,
.seller-slider .slider-box .slider-details ul li button:hover {
	color: #fff !important;
	background-color: #00afef !important;
}

.seller-slider .slider-box .slider-details ul li a.shopping-btn:hover img,
.seller-slider .slider-box .slider-details ul li button.shopping-btn:hover img {
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}

.seller-slider .top-corner-img {
	position: absolute;
	height: 41px;
	width: 41px;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #e24747;
	right: 14px;
	top: -20px;
	filter: drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.15));
}

.seller-slider .top-corner-img img {
	max-width: 50%;
}

.seller-slider .orange-box .top-corner-img {
	background: #ff9200;
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
}

.seller-slider .yellow-box .top-corner-img {
	background: #ffc300;
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
}

.seller-slider .purple-box .top-corner-img {
	background: #d394e3;
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
}

.seller-slider .blue-box .top-corner-img {
	background: #00afef;
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
}

.seller-slider button.slick-prev.slick-arrow,
.seller-slider button.slick-next.slick-arrow {
	position: absolute;
	left: -50px;
	top: 40%;
	z-index: 5;
	font-size: 0;
	box-shadow: none;
	outline: none;
	background-color: transparent;
	border: none;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.seller-slider button.slick-next.slick-arrow {
	right: -50px;
	left: auto;
}

.seller-slider button.slick-prev.slick-arrow:before,
.seller-slider button.slick-next.slick-arrow:before {
	position: absolute;
	content: "\f105";
	font-family: "Font Awesome 5 Pro";
	height: 25px;
	width: 25px;
	border: 2px solid #bcbdc0;
	font-weight: 500;
	color: #bcbdc0;
	right: 0;
	font-size: 15px;
	display: block;
	text-align: center;
	line-height: 21px;
	border-radius: 100%;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.seller-slider button.slick-prev.slick-arrow:before {
	content: "\f104";
	left: 0;
	right: auto;
}

.seller-slider button.slick-prev.slick-arrow:hover:before,
.seller-slider button.slick-next.slick-arrow:hover:before {
	background-color: #000;
	border-color: #000;
	color: #fff;
}

.influence-wrp {
	padding: 43px 0 53px;
	background: #d394e3;
}

.influence-title h2 {
	font-weight: bold;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #ffffff;
	margin: 0 0 34px;
}

.influence-slider {
    border: none;
	margin: 0 auto;
	padding: 0;
}

.influence-slider .slick-slide {
	padding: 0 20px;
}

.influence-slider .slick-list {

}

.influence-slider .slider-box {
	background-color: #fff;
	border-radius: 20px;
}

.influence-slider .slider-box .slider-img img {
    border-radius: 20px;
	width: 100%;
}

.influence-slider .slider-box .slider-details {
    background: linear-gradient(112.91deg, rgba(255, 255, 255, 0.51) 3.51%, rgba(255, 255, 255, 0) 111.71%);
    border-radius: 100px;
    filter: drop-shadow(14.6469px 17.5762px 29.2937px rgba(0, 0, 0, 0.05));
    backdrop-filter: blur(10.2528px);
    left: 10px;
    bottom: 20px;
    padding: 7px 0;
    position: absolute;
    right: 10px;
    text-align: center;
}

.influence-slider .slider-box .slider-details a {
    color: #fff;
    display: inline-block;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.1em;
    line-height: 21px;
    position: relative;
    text-transform: uppercase;
}

.influence-slider .slider-box .slider-details a:after {
    content: url('../images/verified.png');
    display: inline-block;
    height: 17px;
    margin: 0 0 0 8px;
    position: relative;
    top: 3px;
    width: 16px;
}

.influence-slider button.slick-prev.slick-arrow:before,
.influence-slider button.slick-next.slick-arrow:before {
	color: #fff;
	border-color: #fff;
}

.influence-slider button.slick-prev.slick-arrow:hover:before,
.influence-slider button.slick-next.slick-arrow:hover:before {
	color: #000;
	background-color: #fff;
	border-color: #fff;
}

.influence-slider ul.slick-dots {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 26px 0 0;
}

.influence-slider ul.slick-dots li {
	line-height: 0;
	margin-right: 2px;
}

.influence-slider ul.slick-dots li:last-child {
	margin: 0;
}

.influence-slider ul.slick-dots li button {
	font-size: 0;
	border: none;
	height: 10px;
	width: 10px;
	border-radius: 100%;
	background-color: #fff;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.influence-slider ul.slick-dots li.slick-active button {
	background: rgba(255, 255, 255, 0.6);
	border-radius: 30px;
	width: 26px;
}

.assessments-wrp {
	position: relative;
	padding: 83px 0 98px;
}

.assessments-wrp .container {
	width: 954px;
}

.assessments-wrp .row {
	display: flex;
	align-items: center;
}

.assessments-wrp .assessments-dt span {
	font-weight: 600;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #ea7575;
	display: block;
	margin: 0 0 7px;
}

.assessments-wrp .assessments-dt h2 {
	font-weight: 600;
	font-size: 36px;
	line-height: 38px;
	letter-spacing: 0.05em;
	color: #e24747;
	margin: 0 0 20px;
}

.assessments-wrp .assessments-dt p {
	font-weight: normal;
	font-size: 14px;
	line-height: 15px;
	letter-spacing: 0.1em;
	color: #44464d;
	margin: 0 0 25px;
}

.assessments-wrp .btn-main {
	width: 222px;
	background-color: #e24747;
    border: 0;
	color: #fff;
}

.assessments-wrp .btn-main:hover {
	background-color: #000;
	color: #fff;
}

.assessments-slider {
	padding-left: 40px;
}

.assessments-slider .slider-box {
	border: 2px solid rgba(234, 117, 117, 0.5);
	border-radius: 20px;
	padding: 30px 23px 36px;
}

.assessments-slider .slider-box h3 {
	font-weight: bold;
	font-size: 16px;
	line-height: 15px;
	letter-spacing: 0.1em;
	color: #44464d;
	margin: 0 0 8px;
}

.assessments-slider .slider-box p {
	font-weight: normal;
	font-size: 14px;
	line-height: 15px;
	letter-spacing: 0.1em;
	color: #44464d;
	margin: 0;
}

.assessments-slider .slick-slide {
	padding: 0 13px;
}

.assessments-slider .slick-list {

}

.rating-info {
	margin: 0 0 23px;
}

.rating-info li {
	display: inline-flex;
	margin-right: 2px;
	border: 2px solid #e24747;
	border-radius: 6.5px;
	width: 24px;
	height: 13px;
	padding: 0;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}

.rating-info li.fill {
	background-color: #e24747;
}

.rating-info li.fillhalf {
	background-image: url(../images/half.png);
	border: none;
	background-repeat: no-repeat;
}

.rating-info li:last-child {
	margin: 0;
}

.star-rating {
	direction: rtl;
	display: inline-block;
	cursor: default;
	margin: 0 0 23px;
}

.star-rating input[type="radio"] {
	display: none;
}

.star-rating label {
	border: 2px solid #e24747;
	border-radius: 6.5px;
	width: 24px;
	height: 13px;
	padding: 0;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}

.star-rating label:hover,
.star-rating label:hover ~ label,
.star-rating input[type="radio"]:checked ~ label {
	background-color: #e24747;
}

.assessments-slider button.slick-prev.slick-arrow,
.assessments-slider button.slick-next.slick-arrow {
	position: absolute;
	left: -50px;
	top: 50%;
	z-index: 5;
	font-size: 0;
	box-shadow: none;
	outline: none;
	background-color: transparent;
	border: none;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.assessments-slider button.slick-next.slick-arrow {
	right: -47px;
	left: auto;
}

.assessments-slider button.slick-prev.slick-arrow:before,
.assessments-slider button.slick-next.slick-arrow:before {
	position: absolute;
	content: "\f105";
	font-family: "Font Awesome 5 Pro";
	height: 25px;
	width: 25px;
	background-color: #ea7575;
	font-weight: 500;
	color: #fff;
	right: 0;
	font-size: 15px;
	text-align: center;
	line-height: 25px;
	display: block;
	border-radius: 100%;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.assessments-slider button.slick-prev.slick-arrow:before {
	content: "\f104";
	left: 0;
	right: auto;
}

.assessments-slider button.slick-prev.slick-arrow:hover:before,
.assessments-slider button.slick-next.slick-arrow:hover:before {
	background-color: #000;
	border-color: #000;
	color: #fff;
}

.assessments-slider button.slick-next.slick-arrow.slick-disabled:before,
.assessments-slider button.slick-prev.slick-arrow.slick-disabled:before {
	display: none;
}

.assessments-slider .btn-main {
	display: none;
}

/***/
.assessments-wrp-prd {
    background-color: #F9F9FD;
	position: relative;
	padding: 63px 0 63px;
}

.assessments-wrp-prd .container {
	width: 954px;
}

.assessments-wrp-prd .row {
	display: flex;
	align-items: center;
}

.assessments-wrp-prd .assessments-dt span {
	font-weight: 600;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #ea7575;
	display: block;
	margin: 0 0 7px;
}

.assessments-wrp-prd .assessments-dt h2 {
	font-weight: 600;
	font-size: 36px;
	line-height: 38px;
	letter-spacing: 0.05em;
	color: #e24747;
	margin: 0 0 20px;
}

.assessments-wrp-prd .assessments-dt p {
	font-weight: normal;
	font-size: 14px;
	line-height: 15px;
	letter-spacing: 0.1em;
	color: #44464d;
	margin: 0 0 25px;
}

.assessments-wrp-prd .btn-main {
	width: 222px;
	background-color: #e24747;
    border: 0;
	color: #fff;
}

.assessments-wrp-prd .btn-main:hover {
	background-color: #000;
	color: #fff;
}
/***/

.practicality-wrp {
	padding: 43px 0 53px;
	background: #ff9200;
}

.practicality-title h2 {
	font-weight: bold;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #ffffff;
	margin: 0 0 34px;
}

.practicality-slider {
	width: 1084px;
	margin: 0 auto;
	padding: 0;
	border: none;
}

.practicality-slider .slick-slide {
	padding: 0 20px;
}

.practicality-slider .slick-list {

}

.practicality-slider .slider-box {
	background-color: #fff;
	border-radius: 20px;
}

.practicality-slider .slider-box .slider-img img {
	height: 270px;
	width: 100%;
	object-position: center;
	object-fit: contain;
}

.seller-slider .green-box .top-corner-img {
	background: #55da34;
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
}

.practicality-slider button.slick-prev.slick-arrow:before,
.practicality-slider button.slick-next.slick-arrow:before {
	color: #fff;
	border-color: #fff;
}

.practicality-slider button.slick-prev.slick-arrow:hover:before,
.practicality-slider button.slick-next.slick-arrow:hover:before {
	color: #000;
	background-color: #fff;
	border-color: #fff;
}

.practicality-slider ul.slick-dots {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 26px 0 0;
}

.practicality-slider ul.slick-dots li {
	line-height: 0;
	margin-right: 2px;
}

.practicality-slider ul.slick-dots li:last-child {
	margin: 0;
}

.practicality-slider ul.slick-dots li button {
	font-size: 0;
	border: none;
	height: 10px;
	width: 10px;
	border-radius: 100%;
	background-color: #fff;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.practicality-slider ul.slick-dots li.slick-active button {
	background: rgba(255, 255, 255, 0.6);
	border-radius: 30px;
	width: 26px;
}

.video-wrp {
	align-items: flex-end;
    display: flex;
	margin: 100px 0 0;
    overflow: hidden;
    padding: 0;
	position: relative;
}

.video-wrp:before {
    background-color: #edf1f5;
    content: '';
    height: 350px;
    left: 0;
    margin: -185px auto auto auto;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 8;
}

.video-wrp .container {
	width: 980px;
}

.video-wrp .video-info {
	padding: 0;
	position: relative;
	z-index: 9;
}

.video-wrp .video-info span {
	color: #0077B8;
    display: block;
	font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.1em;
	line-height: 18px;
	text-transform: uppercase;
	margin: 0 0 15px;
}

.video-wrp .video-info h2 {
	color: #00AFEF;
	font-size: 36px;
    font-weight: 600;
    letter-spacing: 0.05em;
	line-height: 38px;
	margin: 0 0 35px;
}

.video-wrp .video-info h2 span {
	color: #0077B8;
    display: inline;
    font-size: 36px;
    font-weight: 600;
    letter-spacing: 0.05em;
	line-height: 38px;
    text-transform: none;
}

.video-wrp .video-info button.play-btn {
    background: transparent;
    border: 0;
    display: block;
    position: relative;
}

.video-wrp .video-info button.play-btn:before {
    background: linear-gradient(112.91deg, rgba(255, 255, 255, 0.51) 3.51%, rgba(255, 255, 255, 0) 111.71%);
    border-radius: 100px;
    filter: drop-shadow(14.6469px 17.5762px 29.2937px rgba(0, 0, 0, 0.05));
    backdrop-filter: blur(10.2528px);
    content: '';
    height: 43px;
    left: 50%;
    margin: -41px auto auto -21px;
    position: absolute;
    top: 50%;
    width: 43px;
}

.video-wrp .video-info button.play-btn:after {
    content: url('../images/play-btn.svg');
    height: 23px;
    left: 50%;
    margin: -31px auto auto -11px;
    position: absolute;
    top: 50%;
    width: 23px;
}

.video-wrp .video-info img {
    border-radius: 20px;
    margin: 0 0 24px 0;
}

.about-wrp {
	height: 400px;
	background-color: #edf1f5;
	margin: 50px 0 0;
	margin-right: 50px;
	border-radius: 0 275px 275px 0;
	position: relative;
	display: flex;
	padding: 58px 0;
	align-items: flex-end;
	overflow: hidden;
}

.about-wrp .container {
	width: 980px;
}

.about-wrp:before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	bottom: 0;
	height: 100%;
	width: 50%;
	background-size: cover;
	background-position: right;
	background-repeat: no-repeat;
	background-image: url(../images/about2.svg);
	z-index: 1;
}

.about-wrp .about-info {
	padding-bottom: 30px;
	position: relative;
	z-index: 9;
}

.about-wrp .about-info span {
	font-weight: 600;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #ffffff;
	display: block;
	margin: 0 0 15px;
}

.about-wrp .about-info h2 {
	font-weight: 600;
	font-size: 36px;
	line-height: 38px;
	letter-spacing: 0.05em;
	color: #ffffff;
	margin: 0 0 35px;
}

.about-wrp .about-info .btn-main {
	background-color: #80328d;
	width: 250px;
	color: #d394e3;
}

.about-wrp .about-info .btn-main:hover {
	background-color: #000;
	color: #fff;
}

.about-img img {
	position: absolute;
	right: 0;
	top: 0;
	height: 400px;
	width: 65%;
	object-position: center;
	object-fit: cover;
}

.about-block {
	padding: 35px 0 68px;
}

.about-block .container {
	width: 980px;
}

.about-block p {
	font-weight: normal;
	font-size: 14px;
	line-height: 15px;
	letter-spacing: 0.1em;
	color: #44464d;
	margin: 0 0 20px;
}

.about-block .abt-box {
	background: #f9f9fd;
	border-radius: 41.5px;
	padding: 18px 35px;
	display: flex;
	align-items: center;
}

.about-block .btn-main {
	background-color: #d394e3;
	width: 400px;
	color: #fff;
	display: none;
}

.about-block .btn-main:hover {
	background-color: #000;
	color: #fff;
}

.about-block .abt-box img {
	width: 40px;
	margin-right: 24px;
}

.about-block .abt-box p {
	font-weight: 900;
	font-size: 14px;
	line-height: 15px;
	letter-spacing: 0.1em;
	color: #d394e3;
	margin: 0;
}

.about-block p.purpul-info {
	color: #80328d;
}

.about-block .abt-icons ul {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 60px 0 0;
}

.about-block .abt-icons ul li {
	margin-right: 15px;
}

.about-block .abt-icons ul li:last-child {
	margin: 0;
}

.about-block .abt-icons ul li img {
	transition: all 0.3s linear;
}

.about-block .abt-icons ul li img:hover {
	filter: brightness(1) invert(1);
}

.news-wrp {
	padding: 35px 0;
	background-color: #00afef;
	position: relative;
}

.news-wrp .container {
	width: 980px;
}

.news-wrp:before {
	position: absolute;
	content: "";
	height: 100%;
	width: 50%;
	background-color: #dbeaf5;
	top: 0;
	bottom: 0;
	right: 0;
}

.news-wrp .row {
	display: flex;
	align-items: center;
}

.news-form form {
	width: 300px;
}

.news-form form h2 {
	font-weight: 700;
	font-size: 22px;
	line-height: 26px;
	letter-spacing: 0.05em;
	color: #ffffff;
	margin: 0 0 25px;
}

.news-form form .form-group {
	display: flex;
	align-items: center;
	margin: 0 0 10px;
}

.news-form form .form-group .form-control {
	border: none;
	height: auto;
	background: #ffffff;
	border-radius: 30px;
	padding: 12px 18px;
	box-shadow: none;
	outline: none;
	font-weight: 600;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 0.1em;
	color: #8a8c91;
}

.news-form form .form-group .form-control::placeholder {
	color: #0077b8;
}

.news-form form .form-group button {
	border: none;
	padding: 0;
	display: table;
	height: 42px;
	min-width: 42px;
	line-height: 48px;
	padding: 0;
	margin-left: 6px;
	width: 42px;
	border-radius: 100%;
	background-color: #0077b8;
	color: #00afef;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.news-form form .form-group button i {
	position: relative;
	transform: unset;
	top: 0;
	left: 0;
	right: 0;
}

.news-form form .form-group button:hover {
	background-color: #55da34;
	color: #fff;
}

.social-networks {
	position: relative;
	z-index: 9;
	width: 350px;
	margin-left: auto;
	margin-right: 0;
}

.box-link {
	margin: 30px auto 0;
}

.social-box {
	display: flex;
	align-items: center;
}

.social-box img {
	width: 63px;
	margin-right: 23px;
}

.social-box p {
	font-weight: normal;
	font-size: 14px;
	line-height: 15px;
	letter-spacing: 0.1em;
	color: #44464d;
	margin: 0;
}

.social-box h2 {
	font-weight: 700;
	font-size: 22px;
	line-height: 24px;
	letter-spacing: 0.05em;
	color: #0b99d7;
	margin: 0;
}

.social-box ul {
	display: flex;
	align-items: center;
	margin-left: 25px;
}

.social-box ul li {
	margin-right: 20px;
}

.social-box ul li:last-child {
	margin: 0;
}

.social-box ul li a {
	height: 42px;
	width: 42px;
	border-radius: 100%;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	color: #0b99d7;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.social-box ul li a img {
	max-width: 100%;
	width: auto;
	margin: 0;
}

.social-box ul li a:hover {
	opacity: 0.5;
}

.footer-block {
	width: 967px;
	margin: 0 auto;
	padding: 30px 0 23px;
}

.footer-block h3 {
	font-weight: bold;
	font-size: 14px;
	line-height: 21px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #0077b8;
	margin: 0 0 15px;
}

.footer-block a {
	font-weight: normal;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 0.1em;
	color: #44464d;
	display: block;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.footer-block a:hover {
	color: #0077b8;
}

.copyrihgt {
	padding: 14px 0 10px;
	border-top: 1px solid #dbeaf5;
}

.copyrihgt .row {
	display: flex;
	align-items: center;
}

.copyrihgt p {
	font-style: normal;
	font-weight: 600;
	font-size: 12px;
	line-height: 15px;
	letter-spacing: 0.1em;
	color: #44464d;
	margin: 0;
}

.copyrihgt ul {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.copyrihgt ul li {
	margin-right: 20px;
}

.copyrihgt ul li:last-child {
	margin: 0;
}

.copyrihgt ul li a img {
	max-width: 100%;
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
}

.copyrihgt ul li a img.neomacro {
	height: 28px;
}

.my-cart-box {
	display: block;
}

.cart-sidebar.hide-checkout .checkout-box {
	display: none;
}

.cart-sidebar.hide-checkout .my-cart-box {
	display: block;
}

.cart-notification {
	padding: 60px 60px 0;
}

.cart-notification img {
	max-width: 100%;
	margin: 50px auto 78px;
}

.cart-notification p {
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	text-align: center;
	letter-spacing: 0.1em;
	color: #44464d;
	margin: 0 0 30px;
}

.cart-notification ul li {
	margin: 0 0 10px;
}

.cart-notification ul li:last-child {
	margin: 0;
}

.cart-notification ul li a {
	display: block;
	width: 100%;
	background-color: #0077b8;
	color: #fff;
}

.cart-notification ul li a:hover {
	background-color: #000;
	color: #fff;
}

.modal {
	background-color: rgba(68, 70, 77, 0.6);
}

.modal-dialog {
	width: 484px;
	max-width: 484px;
}

.modal-content {
	background: #ffffff;
	border-radius: 20px;
	border: none;
	box-shadow: none;
	outline: none;
	padding: 20px 0;
	position: relative;
}

.modal-content .btn-close {
	background-image: unset;
	outline: none;
	box-shadow: none;
	border: none;
	margin: 0;
	display: table;
	opacity: 1;
	font-size: 22px;
	color: #bcbdc0;
	float: right;
	padding: 5px 20px;
	margin-left: auto;
	transition: all 0.3s linear;
    z-index: 1070;
}

.modal-content .btn-close:hover {
	color: #000;
}

#successfully .modal-body {
	padding: 0 85px;
}

#successfully .modal-body h2 {
	font-weight: bold;
	font-size: 20px;
	line-height: 22px;
	text-align: center;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #0077b8;
	margin: 0 0 40px;
}

#successfully .modal-body .btn-main {
	margin: 0 0 15px;
	background: #00afef;
	color: #fff;
}

#successfully .modal-body .btn-main:hover {
	background-color: #000;
	color: #fff;
}

#successfully .modal-body .continue-btn {
	background: transparent;
	border: 0;
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	letter-spacing: 0.05em;
	color: #bcbdc0;
	display: inline-block;
	width: 100%;
}

#experience .modal-body {
	padding: 0 50px;
}

#experience .modal-body h2 {
	font-weight: bold;
	font-size: 20px;
	line-height: 22px;
	text-align: center;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #0077b8;
	margin: 0 0 40px;
}

#experience .modal-body form .form-group {
	margin: 0 0 14px;
}

#experience .modal-body form .form-group label {
	font-weight: 600;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #8a8c91;
	margin: 0 0 6px;
	padding-left: 25px;
}

#experience .modal-body form .form-group .form-control {
	background: rgba(230, 231, 236, 0.5);
	border-radius: 20px;
	border: none;
	box-shadow: none;
	outline: none;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 0.1em;
	color: #8a8c91;
	height: auto;
	padding: 10px 25px;
	resize: none;
}

#experience .modal-body form .star-rating {
	display: table;
	margin: 0 auto;
}

#experience .modal-body form .star-rating label {
	border: 2px solid #0077b8;
	border-radius: 11.7063px;
	height: 23px;
	width: 44px;
	margin-right: 8px;
	display: inline-block;
}

#experience .modal-body form .star-rating label:hover,
#experience .modal-body form .star-rating label:hover ~ label,
#experience .modal-body form .star-rating input[type="radio"]:checked ~ label {
	background-color: #0077b8;
}

#experience .modal-body form .bottom-info span {
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #0077b8;
}

.rating-box {
	padding: 0 15px;
}

#experience .modal-body form .bottom-info span.left {
	float: left;
}

#experience .modal-body .btn-main {
	margin: 0 auto 15px;
	background: #00afef;
	color: #fff;
	border: none;
	text-align: left;
	width: 198px;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

#experience .modal-body .btn-main:hover {
	background-color: #000;
	color: #fff;
}

#experience .modal-body .continue-btn {
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	letter-spacing: 0.05em;
	color: #bcbdc0;
	display: block;
    border: 0;
    background: transparent;
    width: 100%;
}

#experience .modal-body .continue-btn:hover {
	color: #00afef;
}

#sick-modal .modal-body {
	padding: 0 85px;
}

#sick-modal .modal-body h2 {
	font-weight: bold;
	font-size: 20px;
	line-height: 22px;
	text-align: center;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #0077b8;
	margin: 0 0 40px;
}

#sick-modal .modal-body .btn-main {
	margin: 0 0 15px;
	background: #00afef;
	color: #fff;
}

#sick-modal .modal-body .btn-main:hover {
	background-color: #000;
	color: #fff;
}

#sick-modal .modal-body .continue-btn {
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	letter-spacing: 0.05em;
	color: #bcbdc0;
	display: block;
}


#signup .modal-dialog {
	width: 717px;
	max-width: 717px;
}

#signup .modal-dialog .modal-content {
    border-radius: 40px;
    overflow: hidden;
	position: relative;
}

#signup .modal-dialog .modal-content:after {
    background-image: url(../images/signup.jpg);
    background-size: cover;
    content: '';
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
}

@media(max-width:768px) {
    #signup .modal-dialog .modal-content:after {
        display: none;
    }
}

#signup .signup-info {
    margin: 0 0 30px 0;
    padding: 0 40px;
}

#signup .signup-info h2 {
	font-style: normal;
	font-weight: 900;
	font-size: 35px;
	line-height: 35px;
	letter-spacing: 0.05em;
	color: #0b99d7;
	margin: 0;
}

#signup .signup-info h2 span {
	font-size: 30px;
	line-height: 25px;
    color: #ff9200;
}

#signup .modal-body {
	padding: 0 0 30px 0;
}

#signup .modal-body .row {
	display: flex;
	align-items: center;
}

#signup .modal-body .news-form {
    padding: 0 40px;
}

#signup .modal-body .news-form p {
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 18px;
	text-align: left;
	letter-spacing: 0.1em;
	color: #44464d;
	margin: 0 0 21px;
}

@media(max-width:768px) {
    text-align: center;
}

#signup .modal-body .news-form p strong {
	display: block;
}

#signup .modal-body .news-form form .form-group .form-control {
	background-color: rgba(230, 231, 236, 0.6);
}

#signup .modal-body .news-form form .form-group .form-control::placeholder {
	color: #8a8c91;
}

#signup .modal-body .news-form form .form-group button {
	background-color: #00afef;
	color: #fff;
	line-height: 48px;
	padding: 0;
}

#signup .modal-body .news-form form .form-group button:hover {
	background-color: #55da34;
	color: #fff;
}

.main-wrpper {
	height: 100%;
	width: 100%;
	overflow: hidden;
}

.solution-wrp .subscription-mobile {
	display: none;
}

.solution-wrp .subscription-mobile ul {
	margin: 0;
	padding-left: 15px;
}

.solution-wrp .subscription-mobile li {
	background: #55da34;
	border-radius: 15px 0 0 15px;
	display: block;
	float: none;
	width: auto;
	margin: 0 0 5px;
	min-height: 72px;
	display: flex;
	align-items: center;
	position: relative;
}

.solution-wrp .subscription-mobile li:nth-child(2) {
	background: #ff9200;
}

.solution-wrp .subscription-mobile li:nth-child(3) {
	background: #ffc300;
}

.solution-wrp .subscription-mobile li:nth-child(4) {
	background: #d394e3;
}

.solution-wrp .subscription-mobile li:last-child {
	background: #e24747;
}

.solution-wrp .subscription-mobile li a {
	font-weight: 900;
	font-size: 20px;
	line-height: 21px;
	padding: 0 60px 0 0;
	letter-spacing: 0.05em;
	color: #ffffff;
}

.solution-wrp .subscription-mobile li .sol-img {
	position: absolute;
	right: 15px;
	width: 40px;
	top: 60%;
	transform: translate(0, -50%);
}

.solution-wrp .subscription-mobile li .sol-img img {
	max-width: 80%;
	margin: 0 auto;
}

.abt-mobile-img {
	display: none;
}

.footer-mobile-block {
	display: none;
}

.accordion .accordion-item .accordion-button:not(.collapsed) {
	background-color: transparent;
	box-shadow: none;
	color: unset;
	background: #bcbdc0;
	color: #ffffff;
}

.accordion .accordion-item {
	margin: 0;
	background-color: transparent;
	border: none;
	background: #f9f9fd;
	margin: 0 0 6px;
	border-radius: 30px;
}

.accordion .accordion-item .accordion-button {
	font-size: 22px;
	color: #000;
	font-weight: 600;
	background-color: transparent;
	position: relative;
	background: #bcbdc0;
	border-radius: 30px;
	font-weight: bold;
	font-size: 14px;
	line-height: 21px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #ffffff;
}

.accordion .accordion-item .accordion-button:focus {
	box-shadow: none;
}

.accordion .accordion-item .accordion-button::after {
	display: none;
}

.accordion .accordion-item .accordion-button:before {
	position: absolute;
	content: "\f054";
	font-family: "Font Awesome 5 Pro";
	right: 15px;
	top: 50%;
	font-size: 15px;
	color: #fff;
	height: 30px;
	width: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.accordion .accordion-item .accordion-button.collapsed:before {
	content: "\f078";
	font-family: "Font Awesome 5 Pro";
}

.accordion-item:last-of-type .accordion-button.collapsed {
	border-radius: 30px !important;
}

.accordion .accordion-item .accordion-body {
	padding: 20px 20px;
}

.accordion-item .footer-block a {
	color: #fff;
}

.navbar-links ul li.mobile-link {
	display: none;
}

.navbar-links ul li.mobile-link .drop-link {
	font-size: 22px;
	color: #000;
	font-weight: 600;
	background-color: #edf6fd;
	position: relative;
	font-weight: 600;
	font-size: 14px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #44464d;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	border-radius: 30px;
	border: none;
	position: relative;
}

.navbar-links ul li.mobile-link .drop-link:before {
	position: absolute;
	content: "\f077";
	font-family: "Font Awesome 5 Pro";
	right: 15px;
	top: 50%;
	font-size: 15px;
	color: #b6cddf;
	border-radius: 100%;
	border: 1px solid #b6cddf;
	font-weight: 500;
	height: 25px;
	width: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.navbar-links ul li.mobile-link a.drop-link.collapsed:before {
	content: "\f078";
}

.navbar-links .prd-info {
	padding: 12px 0 0 30px;
}

.navbar-links .prd-info h3 {
	font-weight: 900;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #00afef;
	margin: 0 0 18px;
}

.navbar-links .prd-info a {
	display: flex;
	align-items: center;
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	letter-spacing: 0.1em;
	color: #44464d;
	margin: 0 0 16px;
	padding: 0;
	border: none;
}

.navbar-links .prd-info img {
	margin-right: 15px;
}

.cart-mobile-header {
	background: #ffffff;
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
	padding: 14px 20px;
	display: flex;
	align-items: center;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 9;
	display: none;
}

.cart-mobile-header a {
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	letter-spacing: 0.1em;
	color: #0b99d7;
}

.cart-mobile-header .cart-toggle {
	height: 40px;
	width: 40px;
	background-color: #edf6fd;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #0b99d7;
	text-align: center;
	font-size: 18px;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
	float: right;
	margin-left: auto;
}

.close-cart-sidebar {
	background: transparent;
	border: 0;
	display: none;
	font-size: 20px;
	position: absolute;
	top: 26px;
	left: -31px;
	color: #fff;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.close-cart-sidebar:hover {
	color: #000;
}

.mobile-serach {
	display: none;
}

.mobile-serach .searchbar {
	height: 40px;
	width: 40px;
	background-color: #ff9200;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	text-align: center;
	font-size: 18px;
	position: relative;
	border: none;
	box-shadow: none;
	outline: none;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.mobile-serach .search-box .form-group {
	margin: 0;
	width: 100%;
	opacity: 1;
	display: block;
	visibility: visible;
	position: relative;
}

.mobile-serach .search-box .form-group .searchbar {
	position: absolute;
	right: 0;
	top: 0;
}

.mobile-serach .search-box {
	width: 100%;
}

.not-found-mobile-img {
	display: none;
}

.topbar-block.mobile-serach {
	display: none;
}

.disposition-mobile-wrp {
	padding: 15px;
	display: none;
}

.disposition-mobile-wrp .dm-head h3 {
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	letter-spacing: 0.05em;
	color: #bcbdc0;
	padding: 0 0 17px;
	border-bottom: 1px solid #edf6fd;
}

.disposition-mobile-block .disposition-box {
	display: flex;
	position: relative;
	border-bottom: 1px solid #edf6fd;
	padding: 20px 0;
}

.disposition-mobile-block .disposition-box .disposition-img {
	margin-right: 15px;
	height: 115px;
	width: 115px;
	background: #f9f9fd;
	border-radius: 10px;
	padding: 15px;
	flex: 1 0 30%;
	align-items: center;
	justify-content: center;
}

.disposition-mobile-block .disposition-box .disposition-img img {
	max-width: 100%;
	width: 100%;
}

.disposition-details h4 {
	font-weight: bold;
	font-size: 16px;
	line-height: 23px;
	letter-spacing: 0.1em;
	color: #44464d;
	margin: 0 0 4px;
}

.disposition-details p {
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 0.1em;
	color: #44464d;
}

.disposition-details p span {
	font-weight: bold;
	font-size: 14px;
}

.disposition-details ul li {
	display: inline-block;
	margin-right: 6px;
}

.disposition-details ul li a.more-btn {
	padding: 8px 10px 10px;
	border-radius: 30px;
	background: #44464d;
	font-weight: 600;
	font-size: 14px;
	line-height: 21px;
	text-align: center;
	letter-spacing: 0.1em;
	color: #ffffff;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
	white-space: nowrap;
}

.disposition-details ul {
	display: flex;
	align-items: center;
}

.disposition-details ul li a.shopping-btn,
.disposition-details ul li button.shopping-btn {
	height: 38px;
	width: 38px;
	background-color: #e6e7ec;
	border-radius: 100%;
	border: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: #44464d;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
	outline: none;
}

.disposition-details ul li a.shopping-btn img,
.disposition-details ul li button.shopping-btn img {
	width: 17px;
}

.disposition-mobile-block {
	height: 350px;
	overflow: auto;
	padding: 0 0 61px;
}

.disposition-footer {
	position: absolute;
	left: 0;
	bottom: 0;
	background: #ffffff;
	box-shadow: 0px -2px 8px rgba(0, 0, 0, 0.1);
	border-radius: 0px 0px 30px 30px;
	padding: 15px 65px;
	width: 100%;
}

.disposition-footer .btn-main {
	background: #ff9200;
	color: #fff;
}

.disposition-footer .btn-main:hover {
	background-color: #000;
	color: #fff;
}

.not-found-mobile-img img {
	border-radius: 0 0 30px 0;
}

.notfound-wrpper header .inner-search-bx .notfound {
	display: block;
}

.notfound-wrpper .disposition-wrp {
	display: none;
}

.notfound-wrpper .disposition-mobile-wrp {
	display: none;
}

.checkout-head {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	z-index: 99;
	padding: 20px 0 10px 20px;
	background: #fff;
}

.checkout-head .cart-header {
	position: relative;
	margin: 0;
}







/* **** Product Page **** */
.product-hero {
    background: #edf6fd;
    padding: 60px 0;
    height: 300px;
    position: relative;
    margin: 0 0 25px;
}
.product-hero-details{
    width: 25%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
/*.product-hero:before{
	position: absolute;
	content: "";
	right: 0;
	top: 0;
	height: 100%;
	width: 50%;
	bottom: 0;
	border-radius: 200px 0 0 200px;
	background-image: url(../images/product-hero1.png);
	background-size: cover;
	background-position: top;
	background-repeat: no-repeat;
}
.product-hero2:before{
	background-image: url(../images/product-hero.png);
}*/
.breadcrumb ul li {
    display: inline-block;
    margin-right: 0;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0.1em;
    color: #44464d;
}
.breadcrumb ul li span {
    padding: 0 10px;
}
.breadcrumb ul li a {
    color: #44464d;
}
.product-hero h1,
.product-hero h2 {
    font-weight: 700;
    font-size: 40px;
    line-height: 30px;
    letter-spacing: 0.1em;
    color: #0077b8;
    margin: 0 0 30px;
}
.product-hero p {
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.1em;
    color: #44464d;
    margin: 0;
}
.product-hero p a {
    font-weight: 900;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.1em;
    text-decoration-line: underline;
    color: #0077b8;
    transition: all 0.3s linear;
}
.product-hero p a:hover {
    color: #000;
}

.product-hero .hero-details {
	font-weight: normal;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.1em;
    color: #44464d;
}
.product-hero .hero-details a {
	font-weight: 900;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.1em;
	text-decoration-line: underline;
	color: #0077b8;
	transition: all 0.3s linear;
}
.dermo-wrpper .product-hero .hero-details a {
    color: #d394e3;
}
.product-hero .hero-details a:hover {
    color: #000;
}


.right-img img {
    height: 300px;
    width: 50%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 200px 0 0 200px;
    object-fit: cover;
    object-position: top;
}
/* **** End Product Page **** */

/* ***** Product **** */

.product-wrp {
    padding: 0 0 60px;
}
.product-wrp .filtrar-btn {
    background: #00afef;
    border: 0;
    border-radius: 30px;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.1em;
    color: #ffffff;
    padding: 7px 17px 6px;
    display: block;
    width: 100%;
}
.category-list-box {
    padding: 10px 0;
}
.category-list-box .list-box h2 {
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #00afef;
    margin: 0 0 14px;
}
.category-list-box .list-box {
    padding: 0 0 26px;
    margin: 15px 0 26px;
    border-bottom: 1px solid #dbeaf5;
}
.category-list-box .list-box ul li {
    margin: 0 0 12px;
}
.category-list-box .list-box ul li:last-child {
    margin: 0;
}
.category-list-box .list-box ul li a {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.1em;
    color: #44464d;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.category-list-box .list-box ul li a:hover {
    color: #00afef;
}
.category-list-box .list-box ul li a span {
    display: block;
    min-width: 30px;
}
.category-list-box .list-box ul li a span img {
    max-width: 100%;
    filter: grayscale(1);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.category-list-box .list-box ul li a.active img,
.category-list-box .list-box ul li a:hover img {
	filter: unset;
}

.category-list-box .price-box {
    padding: 0;
    margin: 0;
    border: none;
}
.category-list-box .price-box ul li {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.1em;
    color: #44464d;
    cursor: pointer;
    position: relative;
}
.category-list-box .price-box ul li span {
    height: 20px;
    min-width: 20px;
    border-radius: 100%;
    border: 1px solid #bcbdc0;
    margin-right: 12px;
    position: relative;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.category-list-box .price-box ul li span:before {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    height: 12px;
    width: 12px;
    border-radius: 100%;
    background-color: #00afef;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.category-list-box .price-box ul li input {
    position: absolute;
    left: 0;
    top: 50%;
    opacity: 0;
    visibility: hidden;
}
.category-list-box .price-box ul li.selected span {
    border-color: #00afef;
}
.category-list-box .price-box ul li.selected span:before {
    opacity: 1;
    visibility: visible;
}

/* **** selected-filter-box **** */
.selected-filter-box {
    background: #edf6fd;
    border-radius: 20px;
    margin: 10px 0 0;
}
.selected-filter-box h2 {
    padding: 11px 15px;
    font-weight: bold;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.1em;
    color: #0077b8;
    margin: 0;
    border-bottom: 1px solid #fff;
}
.selected-filter-box ul {
    padding: 15px;
}
.selected-filter-box li {
    position: relative;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.1em;
    color: #44464d;
    margin: 0 0 17px;
}
.selected-filter-box li a {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.1em;
    color: #44464d;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.selected-filter-box li a:hover {
    color: #00afef;
}
.selected-filter-box .selected-btn {
    font-weight: bold;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.1em;
    color: #ffffff;
    display: block;
    width: 100%;
    background: #44464d;
    border-radius: 30px;
    text-align: center;
    padding: 6px 6px 8px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.selected-filter-box .selected-btn:hover {
    background-color: #00afef;
}

/* **** End selected-filter-box **** */

/* **** product-right **** */
.product-right {
    padding-left: 100px;
}
.product-right .product-header {
    padding: 0 0 25px;
    border-bottom: 1px solid #dbeaf5;
}
.product-right .product-header p {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.1em;
    color: #a0a1a4;
    margin: 0;
}
.product-right .right-content {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.product-right .right-content .dropdown-toggle {
    border: none;
    background: #00afef;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.1em;
    color: #ffffff;
    border-radius: 20px;
    width: 205px;
    padding: 7px 15px;
    text-align: left;
    display: flex;
    align-items: center;
}
.product-right .right-content button:focus {
	box-shadow: none;
	outline: medium;
}
.product-right .right-content .dropdown-toggle span {
    height: 23px;
    width: 23px;
    border-radius: 100%;
    border: 2px solid #fff;
    margin-left: auto;
    display: block;
    line-height: 19px;
    text-align: center;
    font-size: 14px;
}
.product-right .right-content .dropdown-toggle.show {
    border-radius: 20px 20px 0 0;
}
.product-right .right-content .dropdown-toggle.show span i:before {
    content: "\f068";
}
.product-right .right-content .dropdown-toggle:after {
    display: none;
}
.product-right .right-content .dropdown-menu {
    width: 205px;
    min-width: 205px;
    background: #00afef;
    border-radius: 0 0 20px 20px;
    border: none;
    padding: 0 0 10px;
    right: 0 !important;
    left: 0 !important;
    top: 38px !important;
    transform: unset !important;
    overflow: hidden;
}
.product-right .right-content .dropdown-menu a,
.product-right .right-content .dropdown-menu button {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.1em;
    color: #ffffff;
    padding: 6px 15px;
    transition: all 0.3s linear;
}
.product-right .right-content .dropdown-menu a:hover,
.product-right .right-content .dropdown-menu button:hover {
    background-color: #0077b8;
}

.right-content .nav-tabs {
    border: none;
    border: 2px solid #e6e7ec;
    box-sizing: border-box;
    border-radius: 50px;
    margin-right: 24px;
}
.right-content .nav-tabs .nav-link {
    border-radius: 30px;
    height: 40px;
    width: 54px;
    margin: 0;
    border: none;
    background-color: transparent;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.right-content .nav-tabs .nav-link img {
    max-width: 100%;
}
.right-content .nav-tabs .nav-item.show .nav-link,
.right-content .nav-tabs .nav-link.active {
    background-color: #00afef;
    border: none;
}
.right-content .nav-tabs .nav-item.show .nav-link img,
.right-content .nav-tabs .nav-link.active img {
    filter: brightness(0) invert(1);
}

.product-list {
    padding: 40px 0 0;
}
.product-list .slider-box {
    position: relative;
    margin: 0 0 57px;
}
.product-list .slider-box .slider-img {
    position: relative;
}
.product-list .slider-box .slider-img ul {
    position: absolute;
    left: 0;
    top: 0;
}
.product-list .slider-box .slider-img ul li {
    display: table;
    background: #0077b8;
    border-radius: 11px;
    padding: 4px 8px;
    font-weight: bold;
    font-size: 11px;
    line-height: 12px;
    text-align: center;
    letter-spacing: 0.05em;
    color: #ffffff;
    margin: 0 0 7px;
}
.product-list .slider-box .slider-img ul li:last-child {
    margin: 0;
}
.product-list .slider-box .slider-img ul li.offer {
    background: #00afef;
}
.product-list .slider-box .slider-img img {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
}
.product-list .slider-box .slider-details {
    background: #e6e7ec;
    border-radius: 0px 0px 20px 20px;
    padding: 14px 20px;
    position: relative;
}
.product-list .slider-box .slider-details h2 {
    font-weight: bold;
    font-size: 20px;
    line-height: 23px;
    letter-spacing: 0.1em;
    color: #44464d;
    margin: 0 0 13px;
		min-height: 46px
}
.product-list .slider-box .row {
    display: flex;
    align-items: center;
    margin: 0;
}
.product-list .slider-box .col-md-4 {
    width: 35%;
    padding: 0;
}
.product-list .slider-box .col-md-8 {
    width: 65%;
    padding: 0;
}
.product-list .slider-box .slider-details p {
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.1em;
    color: #44464d;
    min-height: 125px;
    margin: 0 0 25px;
}

.product-list-vertical .slider-box .slider-details h2 {
	min-height: 15px;
}
.product-list-vertical .slider-box .slider-details p {
	min-height: 75px;
}

.product-list .slider-box .slider-details span {
    font-weight: normal;
    font-size: 10px;
    line-height: 17px;
    letter-spacing: 0.1em;
    text-decoration-line: line-through;
    color: #44464d;
    display: block;
}
.product-list .slider-box .slider-details h4,
.product-list .slider-box .slider-details span.h4 {
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.1em;
    color: #44464d;
    margin: 0;
		text-decoration: none
}
.product-list .slider-box .slider-details ul {
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.product-list .slider-box .slider-details ul li {
    display: inline-block;
    margin-right: 6px;
}
.product-list .slider-box .slider-details ul li:last-child {
    margin: 0;
}
.product-list .slider-box .slider-details ul li a.more-btn {
    padding: 8px 14px 10px;
    border-radius: 30px;
    background: #44464d;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #ffffff;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
		white-space: nowrap;
}
.product-list .slider-box .slider-details ul li a.shopping-btn,
.product-list .slider-box .slider-details ul li button.shopping-btn {
    height: 38px;
    width: 38px;
    background-color: #fff;
    border-radius: 100%;
		border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #44464d;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
		outline: none;
}
.product-list .slider-box .slider-details ul li a.shopping-btn img,
.product-list .slider-box .slider-details ul li button.shopping-btn img {
    width: 17px;
}
.product-list .slider-box .slider-details ul li a:hover,
.product-list .slider-box .slider-details ul li button:hover {
    color: #fff !important;
    background-color: #00afef !important;
}
.product-list .slider-box .slider-details ul li a.shopping-btn:hover img,
.product-list .slider-box .slider-details ul li button.shopping-btn:hover img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.product-list .top-corner-img {
    position: absolute;
    height: 41px;
    width: 41px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e24747;
    right: 14px;
    top: -20px;
    filter: drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.15));
}
.product-list .top-corner-img img {
    max-width: 50%;
}
.product-list .orange-box .top-corner-img {
    background: #ff9200;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
}
.product-list .yellow-box .top-corner-img {
    background: #ffc300;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
}
.product-list .purple-box .top-corner-img {
    background: #d394e3;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
}
.product-list .blue-box .top-corner-img {
    background: #00afef;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
}

.pagination ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 28px auto 0;
}
.pagination ul li {
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.1em;
    color: #bcbdc0;
    margin-right: 12px;
}
.pagination ul li:nth-child(4) {
    margin-right: 0;
}
.pagination ul li:first-child {
    margin-right: 22px;
}
.pagination ul li:last-child {
    margin-left: 22px;
}
.pagination ul li:last-child a {
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.1em;
    color: #44464d;
}
.pagination ul li:last-child a:hover {
    color: #00afef;
}
.pagination ul li a.number {
    border: 2px solid #00afef;
    border-radius: 100%;
    font-weight: 900;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #00afef;
    height: 40px;
    display: block;
    min-width: 40px;
    line-height: 34px;
}
.pagination ul li a.number:hover,
.pagination ul li a.number.active {
    background-color: #00afef;
    color: #fff;
}
/* **** End product-right **** */

/* **** product-information **** */
.product-information .container {
    width: 1268px;
}
.information-block {
    padding: 55px 0;
    border-top: 1px solid #dbeaf5;
}
.information-block .row {
    display: flex;
}
.information-image img {
    width: 100%;
    border-radius: 200px;
    height: 282px;
    object-position: center;
    object-fit: cover;
}
.information-dt {
    padding-left: 14px;
}
.information-dt h2 {
	 font-size: 22px;
}
.information-dt h3 {
	 font-size: 20px;
}
.information-dt p {
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.1em;
    color: #44464d;
    margin: 0 0 13px;
}
.information-dt p:last-child {
    margin: 0;
}
/* **** End product-information **** */

.product-list .green-box .top-corner-img {
    background: #55da34;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
}
.product-right .product-list .slider-box .slider-details h4,
.product-right .product-list .slider-box .slider-details span.h4 {
    font-weight: 600;
}
.product-right .product-list .slider-box .slider-details h4 strong,
.product-right .product-list .slider-box .slider-details span.h4 strong {
    font-weight: bold;
}

/* **** dermo-wrpper **** */
.dermo-wrpper .product-hero h1,
.dermo-wrpper .product-hero h2 {
    color: #d394e3;
}
.dermo-wrpper .product-hero p a {
    color: #d394e3;
}
/* **** End dermo-wrpper **** */

/* **** product-wrpper **** */
.product-wrpper .product-hero {
    padding: 30px 0;
    border-radius: 0 0 30px 30px;
    height: auto;
}
.product-wrpper .product-hero h1,
.product-wrpper .product-hero h2 {
    margin: 0;
}
/* **** End product-wrpper **** */

/* **** Cart Page **** */
.cart-wrpper header {
    margin: 0 0 32px;
}
.cart-wrpper header .topbar-block {
    justify-content: center;
}
.cart-informetion {
	padding: 30px 0 0 0;
}
.cart-informetion h2 {
    font-weight: 700;
    font-size: 30px;
    line-height: 30px;
    letter-spacing: 0.1em;
    color: #00afef;
    margin: 0 0 25px;
}

/* **** cart-price-box **** */
.cart-informetion-block {
    padding: 0 0 80px;
}
.cart-informetion-block .info-line a {
    font-weight: bold;
    display: block;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.05em;
    color: #bcbdc0;
    margin: 12px 0 0;
    transition: all 0.3s linear;
}
.cart-informetion-block .info-line a:hover {
    color: #000;
}
.cart-price-box {
    background: #edf6fd;
    border-radius: 8px;
    padding: 32px 17px 21px;
}
.cart-price-box .form-group {
    position: relative;
    margin: 0 0 20px;
}
.cart-price-box .form-group label {
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #0077b8;
    padding-left: 20px;
    margin: 0 0 8px;
}
.cart-price-box .form-group .form-control {
    background: #ffffff;
    border-radius: 30px;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.1em;
    color: #44464d;
    height: 40px;
    padding: 8px 17px;
    border: none;
    box-shadow: none;
    outline: none;
}
.cart-price-box .form-group .cep-link {
    font-style: normal;
    font-weight: bold;
    font-size: 10px;
    line-height: 14px;
    letter-spacing: 0.1em;
    text-decoration-line: underline;
    color: #0077b8;
    display: block;
    text-align: right;
    margin-top: 5px;
    padding-right: 20px;
}
.cart-price-box .form-group .link-btn {
    width: 26px;
    height: 26px;
    background: #0077b8;
    border-radius: 100%;
    text-align: center;
    line-height: 26px;
    display: block;
    font-size: 12px;
    color: #fff;
    position: absolute;
    top: 36px;
    right: 8px;
}
.cart-price-box .form-group .link-btn:hover {
    background-color: #000;
    color: #fff;
}
.cart-price-box .coupon-group {
    border-top: 2px solid #ffffff;
    padding: 20px 0 0;
}
.cart-price-box .coupon-group .link-btn {
    top: 56px;
}
.cart-price-box .abstract-box h3 {
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #44464d;
    margin: 0 0 12px;
}
.cart-price-box .abstract-box .total-box {
    background-color: #fff;
    border-radius: 10px;
    margin: 0 0 20px;
}
.cart-price-box .abstract-box .total-box .subtoal {
    padding: 16px;
    border-bottom: 2px solid #edf6fd;
}
.cart-price-box .abstract-box .total-box ul li {
    font-weight: bold;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.1em;
    color: #44464d;
    margin: 0 0 16px;
}
.cart-price-box .abstract-box .total-box ul li:last-child {
    margin: 0;
}
.cart-price-box .abstract-box .total-box ul li span {
    float: right;
    font-weight: 400;
}
.cart-price-box .abstract-box .total-box .total-info {
    padding: 16px 16px 21px;
}
.cart-price-box .abstract-box .total-box .total-info ul li h4 {
    float: right;
    margin: 0;
    font-weight: bold;
    font-size: 16px;
    line-height: 16px;
    text-align: right;
    letter-spacing: 0.1em;
    color: #44464d;
}
.cart-price-box .abstract-box .total-box .total-info ul li h4 span {
    float: none;
    display: block;
    font-weight: 400;
    margin: 4px 0 0;
}
.cart-price-box .abstract-box .btn-main i {
    height: 24px;
    width: 24px;
    border: 2px solid #fff;
    border-radius: 100%;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    right: 12px;
}
/* **** End cart-price-box **** */

/* **** option-box **** */
.option-box {
    position: relative;
    background: #ffffff;
    border-radius: 0px 0px 20px 20px;
    padding: 13px;
    border-top: 2px solid #edf6fd;
    display: none;
    visibility: hidden;
    opacity: 0;
}

/* **** Hide Show **** */
.cart-price-box.open-option-box .form-group .cep-link {
    display: none;
}
.cart-price-box.open-option-box .option-box {
    display: block;
    visibility: visible;
    opacity: 1;
}
.cart-price-box.open-option-box .first-form-box .form-control {
    border-radius: 15px 15px 0 0;
}

.error-line {
    font-style: italic;
    font-weight: bold;
    font-size: 10px;
    line-height: 14px;
    letter-spacing: 0.1em;
    color: #e24747;
    display: inline-block;
    padding-left: 10px;
    display: none;
}
.error-box .error-line {
	display: inline-block;
}
/* **** End Hide Show **** */
.option-box ul li {
    display: flex;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.1em;
    color: #44464d;
    cursor: pointer;
    position: relative;
    margin: 0 0 18px;
}
.option-box li:last-child {
    margin: 0;
}

.option-box ul li .select-circle {
    height: 20px;
    min-width: 20px;
    border-radius: 100%;
    border: 1px solid #00afef;
    margin-right: 12px;
    position: relative;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.option-box ul li .select-circle:before {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    height: 12px;
    width: 12px;
    border-radius: 100%;
    background-color: #00afef;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.option-box ul li input {
    position: absolute;
    left: 0;
    top: 50%;
    opacity: 0;
    visibility: hidden;
}
.option-box ul li.selected .select-circle {
    border-color: #00afef;
}
.option-box ul li.selected .select-circle:before {
    opacity: 1;
    visibility: visible;
}

.option-box ul li div {
}
.option-box ul li .option-info {
    display: block;
    font-weight: 400;
}
.option-box ul li .option-price {
    position: absolute;
    right: 0;
    top: 0;
}
.option-box ul li .free-charge {
    color: #00afef;
}
/* **** option-box **** */

/* **** End Cart Page **** */

/* **** informetion-table **** */
.informetion-table .prd-box {
    display: flex;
    align-items: center;
}
.informetion-table .select-often {
	  padding-bottom: 0;
}
.informetion-table .select-often .dropdown-toggle {
		font-size: 12px;
		width: 220px;
}

.informetion-table .cart-img {
    margin-right: 15px;
    height: 115px;
    width: 115px;
    background: #f9f9fd;
    border-radius: 10px;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.informetion-table .cart-img img {
		min-width: 85px;
    max-width: 100%;
}
.informetion-table h4 {
    font-weight: bold;
    font-size: 16px;
    line-height: 23px;
    color: #44464d;
    text-align: left;
    margin: 0 0 7px;
}

.informetion-table p {
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    color: #44464d;
    margin: 0;
}

.informetion-table .control {
    display: flex;
    justify-content: center;
    align-items: center;
}
.informetion-table .bttn-right,
.informetion-table .bttn-left {
    font-size: 22px;
    height: 32px;
    width: 32px;
    font-weight: 600;
    border-radius: 100%;
    border: 2px solid #44464d;
    color: #44464d;
    line-height: 32px;
    background-color: transparent;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0 5px;
}
.informetion-table .input {
    border: none;
    height: 32px;
    width: 30px;
    text-align: center;
    margin: 0 10px;
    font-weight: bold;
    font-size: 16px;
    line-height: 23px;
    text-align: center;
    color: #44464d;
}
.informetion-table input[type="number"]::-webkit-inner-spin-button,
.informetion-table input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.table > :not(:last-child) > :last-child > *,
.table > :not(caption) > * > * {
    border: none;
    box-shadow: none;
}
.informetion-table table tbody,
.informetion-table table thead {
    border: none;
    box-shadow: none;
}
.informetion-table table thead tr {
    border-bottom: 1px solid #dbeaf5;
}
.informetion-table table thead tr th {
    padding: 0 0 15px;
    font-weight: bold;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #00afef;
    border: none;
}
.informetion-table table thead tr th:first-child,
.informetion-table table tbody tr td:first-child {
    width: 250px;
}
.informetion-table table tbody tr td {
    vertical-align: middle;
    padding: 18px 0;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    line-height: 23px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #44464d;
    border-bottom: 1px solid #dbeaf5;
}
.informetion-table table tbody tr td a {
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #bcbdc0;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.informetion-table table tbody tr td a span {
    display: block;
}
.informetion-table table tbody tr td a:hover {
	color: #000;
}
.cart-wrpper footer {
    box-shadow: 0px -2px 8px rgba(0, 0, 0, 0.1);
}
/* **** End informetion-table **** */

.free-shipping-progress {
    background: #02a3de;
    height: 25px;
    position: relative;
}
.free-shipping-progress .wrapper {
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1;
}
.free-shipping-progress .wrapper .indicator {
    animation: widthIncrease 2s ease-out forwards;
    background: #fd9226;
    bottom: 0;
    font-size: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
}
@keyframes widthIncrease {
    to {
        width: 100%;
    }
}
.free-shipping-progress .remaining {
    position: relative;
    z-index: 10;
}
.free-shipping-progress .remaining p {
    color: #fff;
    font-weight: bold;
    line-height: 25px;
    text-align: center;
    text-transform: uppercase;
}

.cart-empty {
    padding: 30px 0 95px 0;
}
.cart-empty h2 {
    font-weight: 700;
    font-size: 30px;
    line-height: 30px;
    letter-spacing: 0.1em;
    color: #00afef;
    text-align: center;
    margin: 0 0 60px;
}
.cart-empty .breadcrumb {
    justify-content: center;
}
.cart-empty-block {
    width: 500px;
    margin: 0 auto;
}
.cart-empty-block .row {
    display: flex;
    align-items: center;
}
.cart-empty-block img {
    max-width: 100%;
}
.cart-empty-block p {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.1em;
    color: #44464d;
    margin: 0 0 30px;
}
.cart-empty-block ul li {
    margin: 0 0 10px;
}
.cart-empty-block ul li:last-child {
    margin: 0;
}
.cart-empty-block ul li a {
    display: block;
    width: 100%;
    background-color: #0077b8;
    color: #fff;
}
.cart-empty-block ul li a:hover {
    background-color: #000;
    color: #fff;
}

/* **** Product Details Page **** */
.prd-bestseller-wrp {
    padding: 65px 0 85px 0;
    margin: 0;
}
.prd-bestseller-wrp .seller-slider {
    padding: 0;
    border: none;
    margin: 0;
}

/* **** Product Details Slider **** */

.product-details-slider {
    padding: 35px 0 57px;
}
.product-details-slider .details-title h1,
.product-details-slider .details-title h2 {
	font-weight: 700;
	display: block;
	font-size: 40px;
	line-height: 30px;
	letter-spacing: 0.1em;
	color: #44464d;
	margin: 0 0 10px;
}
.product-details-slider .details-title h1 a,
.product-details-slider .details-title h2 a {
    font-weight: 700;
    display: block;
    font-size: 40px;
    line-height: 30px;
    letter-spacing: 0.1em;
    color: #44464d;
    margin: 0 0 10px;
}
.product-details-slider .details-title span {
    font-weight: 600;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: 0.1em;
    color: #44464D;
    display: block;
    margin: 0 0 8px;
}
.product-details-slider .hero-details {
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.1em;
    color: #44464d;
    margin: 0 0 36px;
}
.product-details-slider .hero-details a {
    font-weight: 900;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.1em;
    color: #44464d;
    text-decoration: underline;
    transition: all 0.3s linear;
}
.product-details-slider .hero-details a:hover {
	color: #00afef;
}

.price-text {
    display: flex;
    align-items: center;
    margin: 0 0 30px;
}
.underline {
    color: #44464d;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: 0.1em;
    text-decoration-line: line-through;
		padding-right: 11px;
}
.price-text strong {
    font-weight: 700;
    font-size: 20px;
    line-height: 17px;
    letter-spacing: 0.1em;
    color: #00afef;
}

/* **** End Product Details Slider **** */

/* **** purchase-box **** */
.purchase-box {
    padding: 0 0 30px;
}
.purchase-box ul {
    display: flex;
}
.purchase-box ul li {
    display: inline-block;
    margin-right: 14px;
    cursor: pointer;
    position: relative;
}
.purchase-box ul li div {
    border: 2px solid #e6e7ec;
    border-radius: 10px;
    padding: 20px;
    font-weight: bold;
    font-size: 18px;
    line-height: 14px;
    letter-spacing: 0.1em;
    color: #44464d;
    display: flex;
    align-items: center;
    min-width: 166px;
    position: relative;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    z-index: 1;
}
.purchase-box ul li div span {
    height: 20px;
    min-width: 20px;
    width: 20px;
    display: block;
    border-radius: 100%;
    border: 1px solid #bcbdc0;
    margin-right: 12px;
    position: relative;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.purchase-box ul li div span:before {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    height: 12px;
    width: 12px;
    border-radius: 100%;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.purchase-box ul li div input {
    position: absolute;
    left: 0;
    top: 50%;
    opacity: 0;
    visibility: hidden;
}
.purchase-box ul li.selected div {
    background-color: #00AFEF;
    border-color: #00AFEF;
    color: #fff;
}
.purchase-box ul li.selected div span {
    border-color: #fff;
}
.purchase-box ul li.selected div span:before {
    opacity: 1;
    visibility: visible;
}
.purchase-box ul li h4 {
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #00afef;
    margin: 5px 0 0;
}
.purchase-box ul li .tag {
    background-color: #55DA34;
    border-radius: 11px;
    color: #44464D;
    display: block;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: 16px;
    padding: 3px 10px;
    position: absolute;
    right: 10px;
    top: -10px;
    z-index: 10;
}
.purchase-box ul li .h4 {
	display: block;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #00afef;
    margin: 5px 0 0;
}
/* **** purchase-box **** */

.offerings {
    padding: 0 0 30px;
    width: 350px;
}
.offerings .box {
    background: #F1F1F9;
    border: 1px solid #000;
    border-radius: 10px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    margin: 0 10px;
    padding: 5px 10px;
    position: relative;
}
.offerings .box::before {
    background: #F1F1F9;
    border-radius: 0px 0px 5px 0px;
    content: '';
    height: 19px;
    right: 114px;
    position: absolute;
    transform: matrix(-0.67, -0.74, 0.67, -0.74, 0, 0);
    top: -10px;
    width: 19px;
}
.offerings .box ul li {
    align-items: center;
    display: flex;
    margin: 15px 20px;
}
.offerings .box ul li img {
    min-width: 30px;
    margin-right: 20px;
}
.offerings .box ul li p {
    font-size: 14px;
    letter-spacing: 0.1em;
    line-height: 17px;
    margin: 0;
}

.select-amount {
    padding: 0 0 35px;
    margin: 0 0 30px;
    border-bottom: 1px solid #e6e7ec;
}
.select-amount .amount-box {
    display: flex;
    align-items: center;
    margin: 0 0 34px;
}
.select-amount p {
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0.05em;
    color: #44464d;
    margin: 0;
}
.select-amount .control {
    display: flex;
    align-items: center;
    margin-left: 22px;
}
.select-amount .bttn-right,
.select-amount .bttn-left {
    font-size: 22px;
    height: 32px;
    width: 32px;
    font-weight: 600;
    border-radius: 100%;
    border: 2px solid #44464d;
    color: #44464d;
    line-height: 32px;
    background-color: transparent;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0 5px;
}
.select-amount .input {
    border: none;
    height: 32px;
    width: 30px;
    text-align: center;
    margin: 0 10px;
    font-weight: bold;
    font-size: 16px;
    line-height: 23px;
    text-align: center;
    color: #44464d;
}
.select-amount input[type="number"]::-webkit-inner-spin-button,
.select-amount input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.select-amount .btn-main i {
    height: 24px;
    width: 24px;
    border: 2px solid #fff;
    border-radius: 100%;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    right: 12px;
}
.select-amount .btn-main .spinner-border {
		top: -3px;
		margin-right: 10px;
		position: relative;
}

.share-link {
    padding: 0 0 25px;
    cursor: pointer;
    position: relative;
}
.share-link p {
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.1em;
    color: #bcbdc0;
    margin: 0;
    display: flex;
    align-items: center;
}
.share-link p img {
    margin-right: 10px;
}
.share-link a {
    float: right;
    margin-left: auto;
    font-size: 18px;
    color: #bcbdc0 !important;
    position: absolute;
    right: 0;
    top: 0;
}

.freight-box {
    background: #e6e7ec;
    border-radius: 10px;
    padding: 13px 20px 20px;
}
.freight-box .form-group {
    position: relative;
    margin: 0;
}
.freight-box .form-group label {
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #44464d;
    padding-left: 20px;
    margin: 0 0 8px;
}
.freight-box .form-group .form-control {
    background: #ffffff;
    border-radius: 30px;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.1em;
    color: #44464d;
    height: 40px;
    padding: 8px 17px;
    border: none;
    box-shadow: none;
    outline: none;
}
.freight-box .form-group .cep-link {
    font-style: normal;
    font-weight: bold;
    font-size: 10px;
    line-height: 14px;
    letter-spacing: 0.1em;
    text-decoration-line: underline;
    color: #44464d;
    display: block;
    text-align: right;
    margin-top: 5px;
    padding-right: 20px;
}
.freight-box .form-group .link-btn {
    width: 26px;
    height: 26px;
    background: #44464d;
    border-radius: 100%;
    text-align: center;
    line-height: 26px;
    display: block;
    font-size: 12px;
    color: #fff;
    position: absolute;
    top: 36px;
    right: 8px;
}
.freight-box .form-group .link-btn:hover {
    background-color: #000;
    color: #fff;
}

/* ***** detail-slider **** */
.detail-slider .slider-for {
    background: #f9f9fd;
    border-radius: 20px;
    position: relative;
    padding: 15px;
}
.detail-slider .slider-for button.slick-prev.slick-arrow,
.detail-slider .slider-for button.slick-next.slick-arrow {
    position: absolute;
    left: 18px;
    top: 50%;
    z-index: 5;
    font-size: 0;
    box-shadow: none;
    outline: none;
    background-color: transparent;
    border: none;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.detail-slider .slider-for button.slick-next.slick-arrow {
    right: 18px;
    left: auto;
}
.detail-slider .slider-for button.slick-prev.slick-arrow:before,
.detail-slider .slider-for button.slick-next.slick-arrow:before {
    position: absolute;
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    height: 25px;
    width: 25px;
    border: 2px solid #44464d;
    font-weight: 500;
    color: #44464d;
    right: 0;
    font-size: 15px;
    display: block;
    text-align: center;
    line-height: 21px;
    border-radius: 100%;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.detail-slider .slider-for button.slick-prev.slick-arrow:before {
    content: "\f104";
    left: 0;
    right: auto;
}
.detail-slider .slider-for button.slick-prev.slick-arrow:hover:before,
.detail-slider .slider-for button.slick-next.slick-arrow:hover:before {
    background-color: #000;
    border-color: #000;
    color: #fff;
}

.detail-slider .slider-for {
    margin: 0 0 17px;
}
.detail-slider .slider-for .slider-box {
    position: relative;
}
.detail-slider .slider-for .slider-box img {
    max-width: 100%;
    margin: 0 auto;
    border-radius: 10px;
}
.detail-slider .slider-for .slider-box label {
    font-weight: bold;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    letter-spacing: 0.05em;
    color: #ffffff;
    background: #00afef;
    border-radius: 11px;
    padding: 4px 6px;
    position: absolute;
    left: 0;
    top: 0;
}
.detail-slider .slider-for .slider-box a {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #ffffff;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    border-radius: 100%;
    height: 33px;
    width: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.detail-slider .slider-for .slider-box a img {
    width: auto;
    max-width: 100%;
    margin: 0;
    border-radius: 0;
}

.detail-slider .slider-nav .slider-box img {
    max-width: 100%;
    width: 100%;
    border-radius: 10px;
    margin: 0 auto;
}
.detail-slider .slider-nav .slick-slide {
    padding: 0 9px;
}
.detail-slider .slider-nav .slick-list {

}

/* **** panto-beauty-wrp **** */
.panto-beauty-wrp .panto-beauty-block {
    background-color: #d394e3;
    min-height: 430px;
    position: relative;
    padding: 50px 0;
    margin: 0 0 44px;
}
.panto-beauty-wrp .panto-beauty-block h2 {
    font-weight: 900;
    font-size: 40px;
    line-height: 40px;
    letter-spacing: 0.1em;
    color: #ffffff;
    margin: 0 0 44px;
}
.panto-beauty-wrp .panto-beauty-img {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 215px 0 0 215px;
    height: 430px;
    width: 42%;
    object-fit: cover;
    object-position: top;
    z-index: 9;
}
.panto-beauty-wrp ul {
    width: 920px;
    padding: 14px 40px 24px;
    margin-left: -70px;
    display: flex;
    align-items: center;

    background: linear-gradient(112.91deg, rgba(255, 255, 255, 0.51) 3.51%, rgba(255, 255, 255, 0) 111.71%);
	filter: drop-shadow(14.6469px 17.5762px 29.2937px rgba(0, 0, 0, 0.05));
	backdrop-filter: blur(20.5056px);
    border-radius: 100px;
    position: relative;
    z-index: 99;
}
.panto-beauty-wrp ul li {
    width: 33.33%;
    padding: 0 35px;
    border-right: 1px solid #d394e3;
    min-height: 123px;
}
.panto-beauty-wrp ul li:last-child {
    border: none;
}
.panto-beauty-wrp ul li img {
    max-width: 100%;
    margin: 0 0 10px;
}
.panto-beauty-wrp ul li p {
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.05em;
    color: #ffffff;
    margin: 0;
}

.panto-beauty-info p {
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.1em;
    color: #44464d;
    margin: 0 0 30px;
}
.panto-beauty-info .panto-info {
    padding-right: 100px;
}
/* **** End panto-beauty-wrp **** */

/* **** composition **** */
.composition-block {
    background: #f9f9fd;
    border-radius: 20px;
    padding: 40px 50px 50px;
    margin: 30px 0 0;
    height: 475px;
    position: relative;
}
.composition-main {
    position: absolute;
    bottom: 0;
    max-width: 100%;
}
.composition-block .left-bottom {
    position: absolute;
    left: 34px;
    bottom: 24px;
}
.composition-block .left-bottom img {
    margin-right: 10px;
}
.composition-block .left-bottom p {
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.1em;
    color: #80328d;
    margin: 0;
}
.composition-info .info-box {
    padding: 0 0 25px 25px;
    margin: 0 0 25px;
    border-bottom: 1px solid #e6e7ec;
}
.composition-info .info-box:last-child {
    margin: 0;
    padding: 0 0 0 25px;
    border: none;
}
.composition-info h2 {
    font-weight: 900;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 0.1em;
    color: #d394e3;
    margin: 0 0 16px;
    position: relative;
    display: flex;
    align-items: center;
}

.composition-info h2.blue {
		color: #00afef;
}
.composition-info h2.green {
		color: #55DA34;
}
.composition-info h2.orange {
		color: #FF9200;
}
.composition-info h2.purple {
		color: #d394e3;
}
.composition-info h2.red {
		color: #E24747;
}
.composition-info h2.yellow {
		color: #FFC300;
}


.composition-info h2 img {
	margin-right: 13px;
	position: absolute;
	left: -40px;
	top: -5px;
}
.composition-info p {
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.1em;
    color: #44464d;
    margin: 0;
}
.composition-info li {
    width: 150px;
    margin-right: 25px;
    margin-bottom: 15px;
    padding-left: 12px;
    position: relative;
    vertical-align: top;
    min-height: 32px;
    display: inline-block;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.1em;
    color: #44464d;
}
.composition-info li:nth-child(4),
.composition-info li:nth-child(5),
.composition-info li:last-child {
    margin-bottom: 0;
}
.composition-info li:before {
    position: absolute;
    left: 0;
    top: 5px;
    content: "";
    height: 6px;
    width: 6px;
    border-radius: 100%;
    background: #d394e3;
}
/* **** End composition **** */


/* **** select-often **** */
.select-often {
	display: flex;
	padding: 0 0 40px;
	display: none;
}
.show-select-often {
	display: flex;
}
.select-often p {
	font-weight: 600;
	font-size: 16px;
	line-height: 18px;
	letter-spacing: 0.05em;
    color: #44464d;
	margin: 0 20px 0 0;
}
.select-often .dropdown-toggle {
    border: none;
    background: transparent;
    border: 2px solid #e6e7ec;
    font-weight: normal;
    font-size: 14px;
	line-height: 14px;
	letter-spacing: 0.1em;
    color: #44464d;
    border-radius: 30px;
    width: 263px;
    padding: 8px 15px;
    text-align: left;
    display: flex;
    align-items: center;
}
.select-often button:focus {
	box-shadow: none;
	outline: medium;
}
.select-often .dropdown-toggle span {
    height: 26px;
    width: 26px;
    border-radius: 100%;
    background-color: #44464d;
    color: #fff;
    margin-left: auto;
    display: block;
    line-height: 26px;
    text-align: center;
    padding-left: 2px;
    font-size: 12px;
}
.select-often .dropdown-toggle.show {
    border-radius: 20px 20px 0 0;
}
.select-often .dropdown-toggle.show span i:before {
    content: "\f077";
}
.select-often .dropdown-toggle:after {
    display: none;
}
.select-often .dropdown-menu {
    width: 263px;
    min-width: 205px;
    border: 2px solid #e6e7ec;
    background: #fff;
    border-radius: 0 0 20px 20px;
    padding: 0 0 10px;
    right: 0 !important;
    left: 0 !important;
    top: 48px !important;
    transform: unset !important;
    overflow: hidden;
}
.select-often .dropdown-menu a {
    font-size: 14px;
	line-height: 14px;
	letter-spacing: 0.1em;
    color: #44464d;
    padding: 8px 15px;
    transition: all 0.3s linear;
}
.select-often .dropdown-menu a:hover {
    background-color: #e6e7ec;
}
/* **** End select-often **** */


/* **** Product Modal **** */
#payment-modal h2 {
	font-weight: bold;
	font-size: 20px;
	line-height: 22px;
	text-align: center;
	letter-spacing: 0.1em;
    color: #0077b8;
    margin: 0 0 40px;
}
#payment-modal ul li {
	display: flex;
	align-items: center;
	margin: 0 auto 20px;
	width: 312px;
}
#payment-modal ul li:last-child {
	margin: 0 auto;
}
#payment-modal ul li .payment-img {
	width: 135px;
	min-width: 135px;
	margin-right: 25px;
}
#payment-modal ul li img {
	max-width: 100%;
	margin: 0 auto;
}
#payment-modal ul li h4 {
	font-weight: 600;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
    color: #8a8c91;
	margin: 0 0 10px;
}
#payment-modal ul li p {
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 0.1em;
    color: #44464d;
	margin: 0;
}
/* **** End Product Modal **** */


/* **** share Modal **** */
#share-modal h2 {
	font-weight: bold;
	font-size: 20px;
	line-height: 22px;
	text-align: center;
	letter-spacing: 0.1em;
    color: #0077b8;
    margin: 0 0 30px;
}
.share-mdl-box ul {
	width: 250px;
	margin: 0 auto;
}
.share-mdl-box ul li {
	margin: 0 0 8px;
}
.share-mdl-box ul li:last-child {
	margin: 0;
}

.share-mdl-box ul li a {
    background: #3c5a99;
    border-radius: 30px;
	font-size: 18px;
	color: #fff;
	padding: 7px;
	display: block;
	text-align: center;
}
.share-mdl-box ul li:nth-child(2) a {
    background-color: #007bb6;
}
.share-mdl-box ul li:nth-child(3) a {
    background-color: #0084ff;
}
.share-mdl-box ul li:nth-child(4) a {
    background-color: #25d366;
}
.share-mdl-box ul li:last-child a {
    background-color: #454545;
}
.share-mdl-box ul li a:hover {
	color: #fff;
	background-color: #000;
}
/* **** End share Modal **** */

/* **** shipping Modal **** */
#shipping-modal h2 {
	font-weight: bold;
	font-size: 20px;
	line-height: 22px;
	text-align: center;
	letter-spacing: 0.1em;
    color: #0077b8;
    margin: 0 0 32px;
}
#shipping-modal .modal-body {
	padding: 0;
}
#shipping-modal .modal-body .shipping-mdl-box {
	padding: 0 56px 25px;
}
#shipping-modal .modal-body .shipping-mdl-box .shipping-box {
	position: relative;
	margin: 0 0 18px;
}
#shipping-modal .modal-body .shipping-mdl-box .shipping-box:last-child {
	margin: 0;
}
#shipping-modal .modal-body .shipping-mdl-box .shipping-box p {
	font-weight: bold;
	font-size: 14px;
	line-height: 14px;
	letter-spacing: 0.1em;
    color: #44464d;
	margin: 0;
}
#shipping-modal .modal-body .shipping-mdl-box .shipping-box p span {
	display: block;
	font-weight: 400;
	margin: 4px 0 0;
}
#shipping-modal .modal-body .shipping-mdl-box .shipping-box .option-price {
	position: absolute;
	right: 0;
	top: 0;
	font-weight: bold;
	font-size: 14px;
	line-height: 16px;
	text-align: right;
	letter-spacing: 0.1em;
    color: #44464d;
}
#shipping-modal .modal-body .shipping-mdl-box .shipping-box .free-charge {
    color: #00afef;
}
.available-box {
	display: block;
}
.unavailable-box {
	display: none;
	padding: 50px 0 0;
}
.unavailable-box p {
	font-weight: bold;
	font-size: 18px;
	line-height: 14px;
	letter-spacing: 0.1em;
    color: #44464d;
	margin: 0 0 34px;
}
.unavailable-box ul li {
	margin: 0 0 8px;
}
.unavailable-box ul li:last-child .btn-main {
    background-color: #d394e3;
}

.unavailable-box ul li:last-child .btn-main:hover {
    background-color: #000;
    color: #fff;
}
.product-dtinfo.show-unavailable-box .price-text {
	display: none;
}
.product-dtinfo.show-unavailable-box .available-box {
	display: none;
}
.product-dtinfo.show-unavailable-box .unavailable-box {
	display: block;
}

#returns-modal h2 {
	font-weight: bold;
	font-size: 20px;
	line-height: 22px;
	text-align: center;
	letter-spacing: 0.1em;
    color: #0077b8;
    margin: 0 0 34px;
}
#returns-modal form {
	width: 400px;
	margin: 0 auto;
}
#returns-modal form label {
	font-weight: 600;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
    color: #8a8c91;
	margin: 0 0 6px;
	padding-left: 25px;
}
#returns-modal form .form-group {
	margin: 0 0 15px;
}
#returns-modal form .form-group .form-control {
	background: rgba(230, 231, 236, 0.6);
	border-radius: 20px;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0.1em;
    color: #8a8c91;
	height: auto;
	padding: 11px 15px;
	box-shadow: none;
	outline: none;
	border: none;
}
#returns-modal .btn-main {
	text-align: left;
    background-color: #00afef;
	border: none;
	width: 200px;
	margin: 20px auto 0;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
#returns-modal .btn-main.success,
#returns-modal .btn-main:hover {
    background-color: #55da34;
	color: #fff;
}


/* **** product-mobile-header ***** */
.product-mobile-header {
	display: none;
	padding: 0 0 18px;
    border-bottom: 1px solid #e6e7ec;
}
.product-mobile-header .row {
	display: flex;
	align-items: center;
}
.product-mobile-header .row .col-md-6 {
	width: 50%;
}
.product-mobile-header .row .col-md-5 {
	width: 40%;
}
.product-mobile-header .row .col-md-7 {
	width: 60%;
}
.product-mobile-header .btn-link {
	background: #00afef;
    border-radius: 30px;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.1em;
    color: #ffffff;
    padding: 7px 17px 6px;
    display: block;
    width: 100%;
    border: none;
    text-align: left;
    text-decoration: none;
    display: flex;
    align-items: center;
}
.product-mobile-header button:focus {
	box-shadow: none;
	outline: medium;
}
.product-mobile-header .btn-link i {
	float: right;
	margin-left: auto;
}
.product-mobile-header .btn-link:after {
	display: none;
}
.product-mobile-header .dropdown-toggle.show {
    border-radius: 20px 20px 0 0;
}
.product-mobile-header .dropdown-toggle.show i:before {
    content: "\f056";
}
.product-mobile-header .dropdown-toggle:after {
    display: none;
}
.product-mobile-header .dropdown-menu {
    width: 100%;
    min-width: 100%;
    background: #00afef;
    border-radius: 0 0 20px 20px;
    border: none;
    padding: 0 0 10px;
    right: 0 !important;
    left: 0 !important;
    top: 38px !important;
    transform: unset !important;
    overflow: hidden;
}
.product-mobile-header .dropdown-menu a,
.product-mobile-header .dropdown-menu button {
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0.1em;
    color: #ffffff;
    padding: 6px 15px;
    transition: all 0.3s linear;
}
.product-mobile-header .dropdown-menu a:hover,
.product-mobile-header .dropdown-menu button:hover {
    background-color: #0077b8;
}

.product-mobile-header .bottom-row {
	padding: 18px 0 0;
}
.product-mobile-header .nav-tabs {
    border: none;
    border: 2px solid #e6e7ec;
    box-sizing: border-box;
    border-radius: 50px;
    width: fit-content;
}
.product-mobile-header .nav-tabs .nav-link {
    border-radius: 30px;
    height: 40px;
    width: 54px;
    margin: 0;
    border: none;
    background-color: transparent;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-mobile-header .nav-tabs .nav-link img {
    max-width: 100%;
}
.product-mobile-header .nav-tabs .nav-item.show .nav-link,
.product-mobile-header .nav-tabs .nav-link.active {
    background-color: #00afef;
    border: none;
}
.product-mobile-header .nav-tabs .nav-item.show .nav-link img,
.product-mobile-header .nav-tabs .nav-link.active img {
    filter: brightness(0) invert(1);
}

.product-mobile-header p {
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	text-align: right;
	letter-spacing: 0.1em;
    color: #a0a1a4;
	margin: 0;
}
/* **** End product-mobile-header ***** */


.close-product-sidebar {
    background: transparent;
    border: 0;
	display: none;
	font-size: 20px;
	position: absolute;
	top: 26px;
	right: -31px;
	color: #fff;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.close-product-sidebar:hover {
	color: #000;
}

.cart-informetion-mobile {
	display: none;
}
.cart-informetion-mobile .cart-box {
	padding: 20px 0 20px 0;
	display: flex;
	position: relative;
    border-bottom: 1px solid #edf6fd;
	margin: 0 0 20px;
}
.cart-informetion-mobile .cart-box:last-child {
	padding: 0;
	border: none;
}
.cart-informetion-mobile .cart-box .cart-img {
	margin-right: 15px;
	height: 115px;
	width: 115px;
	background: #f9f9fd;
	border-radius: 10px;
	padding: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.cart-informetion-mobile .cart-box .cart-img img {
	max-width: 100%;
}
.cart-informetion-mobile .cart-box h4 {
	font-weight: bold;
	font-size: 16px;
	line-height: 23px;
	color: #44464d;
	margin: 0 0 7px;
}
.cart-informetion-mobile .cart-box p {
	font-weight: normal;
	font-size: 14px;
	line-height: 23px;
	color: #bcbdc0;
	margin: 0 0 32px;
}
.cart-informetion-mobile .cart-box .close-cart {
	font-size: 20px;
	position: absolute;
	display: block;
	top: 18px;
	right: 0;
	color: #bcbdc0;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.cart-informetion-mobile .cart-box .close-cart:hover {
	color: #000;
}
.cart-informetion-mobile .cart-box .control {
	display: flex;
	align-items: center;
}
.cart-informetion-mobile .cart-box .bttn-right,
.cart-informetion-mobile .cart-box .bttn-left {
	font-size: 22px;
	height: 32px;
	width: 32px;
	font-weight: 600;
	border-radius: 100%;
	border: 2px solid #44464d;
	color: #44464d;
	line-height: 32px;
	background-color: transparent;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 0 5px;
}
.cart-informetion-mobile .cart-box .input {
	border: none;
	height: 32px;
	width: 30px;
	text-align: center;
	margin: 0 10px;
	font-weight: bold;
	font-size: 16px;
	line-height: 23px;
	text-align: center;
	color: #44464d;
}
.cart-informetion-mobile .cart-box input[type="number"]::-webkit-inner-spin-button,
.cart-informetion-mobile .cart-box input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.cart-tag {
    background-color: #55DA34;
    border-radius: 11px;
    color: #44464D;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: 16px;
    padding: 3px 10px;
}

.detail-two {
    order: 2;
}
.detail-one {
    order: 1;
}
.detail-slider ul.slick-dots {
    display: flex;
    align-items: center;
    justify-content: center;
}
.detail-slider ul.slick-dots li {
	margin-right: 5px;
	line-height: 0;
}
.detail-slider ul.slick-dots li button {
	width: 7px;
	height: 7px;
    background: #e6e7ec;
	border-radius: 100%;
	border: none;
	font-size: 0;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.detail-slider ul.slick-dots li.slick-active button {
	width: 20px;
	border-radius: 10px;
}

.mobile-button {
	display: none;
}
.mobile-button ul {
	display: flex;
	align-items: center;
	justify-content: center;
}
.mobile-button ul li {
	margin-right: 15px;
}
.mobile-button ul li:last-child {
	margin: 0;
}

.btn-main1 {
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	letter-spacing: 0.1em;
    color: #ffffff;
    background: #00afef;
	border-radius: 30px;
    padding: 8px 20px 9px;
}
.btn-main2 {
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	letter-spacing: 0.1em;
    color: #44464d;
    background: #e6e7ec;
	border-radius: 30px;
    padding: 8px 20px 9px;
}

.product-left .mobile-button {
	padding: 15px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}
.product-left .mobile-button ul {
	display: block;
}
.product-left .mobile-button ul li {
    margin: 0 0 15px;
}
.product-left .mobile-button ul li a {
    display: block;
    text-align: center;
}

.doubts-link {
	display: block;
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 0.1em;
	text-decoration-line: underline;
    color: #00afef;
	margin: 7px 0 0;
	padding-left: 15px;
}

.panto-beauty-shap1 {
    position: absolute;
    right: 38%;
    top: 0;
}
.panto-beauty-shap2 {
    position: absolute;
    left: 15px;
    bottom: 30px;
}
.panto-beauty-shap3 {
    position: absolute;
    left: 85px;
    bottom: 30px;
}

/* **** Cart2 Page **** */

.cart-informetion-block .form-group.first-form-box.open-option-box .cep-link {
    display: none;
}
.cart-informetion-block .form-group.first-form-box.open-option-box .option-box {
    display: block;
    visibility: visible;
    opacity: 1;
}
.cart-informetion-block .form-group.first-form-box.open-option-box .first-form-box .form-control {
    border-radius: 15px 15px 0 0;
}
.cart-informetion-block .form-group.first-form-box.open-option-box .form-control {
	border-radius: 15px 15px 0 0;
}
.cart-informetion-block .form-group.success .link-btn {
	background-color: #55da34;
}
.cart-informetion-block .form-group.success .fa-chevron-right:before {
	    content: "\f00c";
}


.bttn-right:hover,
.bttn-left:hover {
	background-color: #00afef;
	color: #fff;
	border-color: #00afef;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.mobile-icons {
	display: none;
}
.mobile-icons ul {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 0 40px;
}
.mobile-icons ul li {
	margin-right: 15px;
}
.mobile-icons ul li:last-child {
	margin: 0;
}
.mobile-icons ul li img {
	transition: all 0.3s linear;
}
.mobile-icons ul li img:hover {
	filter: brightness(1) invert(1);
}

.payment-mdl-box {
	padding-bottom: 30px;
}
.share-mdl-box {
	padding-bottom: 30px;
}

/* **** Login **** */
.login-braidcrumb {
    padding: 28px 0 47px;
}
.login-braidcrumb ul {
    display: flex;
    align-items: center;
    justify-content: center;
}
.login-braidcrumb ul li {
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #44464d;
    margin-right: 10px;
}
.login-braidcrumb ul li a {
    color: #44464d;
}
.login-braidcrumb ul li:last-child {
    margin: 0;
}
.login-braidcrumb h1,
.login-braidcrumb h2 {
    font-weight: 700;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #0077b8;
    margin: 20px 0 0;
}
.login-block {
    padding: 0 0 77px;
}
.login-block .row {
    margin-left: -35px;
    margin-right: -35px;
    display: flex;
    align-items: center;
}
.login-block .col-md-6 {
    padding-left: 35px;
    padding-right: 35px;
}
.login-block .container {
    max-width: 1054px;
}
.login-block h2 {
    font-weight: 700;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #44464d;
    margin: 0 0 31px;
}
.login-block .form-group {
    margin: 0 0 15px;
}
.login-block .form-group .form-control {
    background: rgba(230, 231, 236, 0.5);
    border-radius: 30px;
    box-shadow: none;
    outline: none;
    padding: 12px 18px 10px;
    border: none;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.1em;
    color: #8a8c91;
}
.login-block form p {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #44464d;
    margin: 0 0 22px;
}
.login-block form p a {
    font-weight: 700;
    text-decoration-line: underline;
    color: #44464d;
}
.btn-main1 {
    background-color: #00afef;
    text-align: left;
}
.btn-main2 {
    background-color: #0077b8;
    text-align: left;
    color: #fff;
}
.login-block form ul {
    display: flex;
    align-items: center;
}
.login-block form ul li {
    width: 50%;
    padding: 0 9px 0 0;
}
.login-block form ul li:last-child {
    padding: 0 0 0 9px;
}
.login-block form ul li a {
    font-size: 16px;
}
.login-block .btn-main i {
    right: 5px;
}
.login-block .register-box {
    background: #f9f9fd;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    padding: 40px 75px 30px;
}
.login-block .register-box h2 {
    margin: 0 0 22px;
}
.login-block .register-box p {
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #0077b8;
    margin: 0 0 30px;
}
.login-block .register-box a {
    font-size: 16px;
    width: 262px;
    margin: 0 auto;
}
.login-block .register-box a.btn-main1 {
    margin: 0 auto 9px;
}
.login-block .btn-main {
	border: 0;
}
/* **** End Login **** */

/* **** Login Modal ***** */
#login-form .modal-dialog {
    max-width: 484px;
}
#login-form .modal-dialog .modal-content {
    position: relative;
    background: #ffffff;
    border-radius: 20px;
    padding: 40px 50px 24px;
    margin: 0;
    border: none;
}
#login-form .modal-dialog .modal-content .btn-close {
    position: absolute;
    top: 19px;
    right: 19px;
    padding: 0;
    margin: 0;
    height: auto;
    width: auto;
}
#login-form .modal-dialog .modal-content h2 {
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #0077b8;
    margin: 0 0 25px;
}
#login-form .modal-dialog .form-group {
    margin: 0 0 15px;
}
#login-form .modal-dialog .form-group .form-control {
    background: #e6e7ec;
    opacity: 0.5;
    border-radius: 30px;
    box-shadow: none;
    outline: none;
    padding: 12px 18px 10px;
    border: none;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.1em;
    color: #8a8c91;
}
#login-form .modal-dialog .modal-box button {
    border: none;
    width: 231px;
    font-size: 16px;
    margin: 0 auto 16px;
    background-color: #0077b8;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
#login-form .modal-dialog .modal-box button:hover {
    background-color: #000;
}
#login-form .modal-dialog .modal-box p {
    font-weight: 600;
    font-size: 11px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 0.05em;
    color: #bcbdc0;
    margin: 0;
}
/* **** End Login Modal ***** */

#email-modal .modal-dialog {
    max-width: 347px;
}
#email-modal .modal-dialog .modal-content {
    position: relative;
    background: #ffffff;
    border-radius: 20px;
    padding: 40px 50px 24px;
    margin: 0;
    border: none;
}
#email-modal .modal-dialog .modal-content .btn-close {
    position: absolute;
    top: 19px;
    right: 19px;
    padding: 0;
    margin: 0;
    height: auto;
    width: auto;
}
#email-modal .modal-dialog .modal-content h2 {
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #0077b8;
    margin: 0 0 10px;
}
#email-modal .modal-dialog .modal-content p {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #44464d;
    margin: 0 0 24px;
}
#email-modal .modal-dialog .modal-content .email-modal-box button {
    border: none;
    width: 231px;
    font-size: 16px;
    margin: 0 auto;
    background-color: #55da34;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
#email-modal .modal-dialog .modal-content .email-modal-box button:hover {
    background-color: #000;
}
/* ***** End Login **** */

/* **** registration-personal ***** */
.registration-personal-wrp {
    padding: 0 0 80px;
}
.registration-personal-wrp .accordion .accordion-item {
    margin: 0;
    background-color: transparent;
    border: none;
    margin: 0 0 13px;
}
.registration-personal-wrp .accordion .accordion-item:last-child {
    margin: 0;
}
.registration-personal-wrp .accordion .accordion-item .accordion-button {
    background-color: transparent;
    position: relative;
    padding: 0;
    background: #0077b8;
    border-radius: 20px;
    padding: 16px 26px 18px;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0.1em;
    color: #ffffff;
    display: flex;
    align-items: center;
}
.registration-personal-wrp .accordion .accordion-item:last-of-type .accordion-button.collapsed {
    border-radius: 20px;
}
.registration-personal-wrp .accordion .accordion-item .accordion-button img {
    max-width: 100%;
    margin-left: 23px;
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.registration-personal-wrp .accordion .accordion-item .accordion-button img.active {
    opacity: 1;
}
.registration-personal-wrp .accordion .accordion-item .accordion-button i{
    height: 26px;
    width: 26px;
    background-color: #55DA34;
    border-radius: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    margin-left: 20px;

}
.registration-personal-wrp .accordion .accordion-item .accordion-button span {
    font-weight: 600;
    font-size: 10px;
    line-height: 15px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #0077b8;
    margin-left: auto;
    margin-right: 45px;
}
.registration-personal-wrp .accordion .accordion-item .accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none;
    color: unset;
    border-radius: 20px 20px 0 0;
    background-color: #edf6fd;
    color: #0077b8;
}
.registration-personal-wrp .accordion .accordion-item .accordion-button:focus {
    box-shadow: none;
}
.registration-personal-wrp .accordion .accordion-item .accordion-button::after {
    display: none;
}
.registration-personal-wrp .accordion .accordion-item .accordion-button:before {
    position: absolute;
    content: "\f106";
    font-family: "Font Awesome 5 Pro";
    right: 0;
    top: 50%;
    font-weight: 400;
    font-size: 18px;
    color: #0077b8;
    height: 26px;
    width: 26px;
    background-color: #fff;
    border-radius: 100%;
    right: 27px;

    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 0 2px 1px;

    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.registration-personal-wrp .accordion .accordion-item .accordion-button:not(.collapsed):before {
    background-color: #0077b8;
    color: #fff;
}
.registration-personal-wrp .accordion .accordion-item .accordion-button.collapsed:before {
    content: "\f107";
    font-family: "Font Awesome 5 Pro";
    padding: 0 0 0px 1px;
}
.registration-personal-wrp .accordion .accordion-item .accordion-body {
    padding: 0;
    border-top: 2px solid #ffffff;
    padding: 22px 19px 28px;
    background-color: #edf6fd;
    border-radius: 0 0 20px 20px;
}
.registration-personal-wrp .accordion .row {
    align-items: flex-end;
}
.registration-personal-wrp .form-group {
    margin: 0 0 13px;
}
.registration-personal-wrp .form-group label {
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #44464d;
    margin: 0 0 8px;
    padding-left: 20px;
}
.registration-personal-wrp .form-group .form-control {
    background-color: #ffffff;
    border-radius: 30px;
    box-shadow: none;
    outline: none;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0.1em;
    color: #44464d;
    height: auto;
    border: none;
    padding: 10px 15px 11px;
}
.registration-personal-wrp select.form-control {
    width: 100%;
    display: inline-block;
    margin: 0 0;
    -webkit-appearance: none;
    background-image: url(../images/down-arrow.svg);
    background-repeat: no-repeat;
    background-size: 26px;
    background-position: center right 8px;
}
.registration-personal-wrp .form-group input[type=checkbox].form-control {
		background: transparent;
		cursor: pointer;
		display: inline-block;
		margin-top: 10px;
		position: relative;
		width: 20px;
}
.registration-personal-wrp .form-group input[type=checkbox].form-control:before {
   content: "";
	 border: 1px solid #44464d;
	 border-radius: 5px;
   display: block;
   position: absolute;
   width: 20px;
   height: 20px;
   top: 0;
   left: 0;
   background-color:#ffffff;
}
.registration-personal-wrp .form-group input[type=checkbox].form-control:checked:before {
	 content: "";
	 display: block;
	 position: absolute;
	 width: 20px;
	 height: 20px;
	 top: 0;
	 left: 0;
	 background-color:#0077b8;
}
.registration-personal-wrp .form-group input[type=checkbox].form-control:checked:after {
   content: "";
   display: block;
   width: 5px;
   height: 10px;
   border: solid white;
   border-width: 0 2px 2px 0;
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
   position: absolute;
   top: 4px;
   left: 7px;
}
.registration-personal-wrp .form-group label.checkbox {
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #44464d;
    margin: 0 0 8px;
    padding-left: 0;
		position: relative;
		top: -6px;
}
.registration-personal-wrp form .btn-main {
    text-align: left;
    border: none;
    padding: 8px 20px 8px;
}
/* **** End registration-personal ***** */

/* **** registration-completed-wrp **** */
.registration-completed-wrp {
    padding: 0 0 95px;
}
.registration-completed-wrp h2 {
    font-weight: 900;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #0077b8;
    margin: 0 0 41px;
}
.registration-completed-wrp a {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-align: right;
    letter-spacing: 0.05em;
    color: #ffffff;
    background: #0077b8;
    border-radius: 30px;
    display: table;
    margin: 0 auto;
    position: relative;
    padding: 7px 14px 11px 41px;
}
.registration-completed-wrp a i {
    position: absolute;
    left: 11px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-size: 22px;
}
.registration-completed-wrp a:hover {
    background-color: #00afef;
}
/* **** End registration-completed-wrp **** */

/* **** client **** */
.client-wrpper {
    padding: 0 0 75px;
}
.client-wrpper .row .col-md-3.left-part {
    width: 27%;
}
.client-wrpper .row .col-md-9.right-part {
    width: 73%;
}
.client-wrpper .container {
    max-width: 1114px;
}
.client-links {
    background: #f9f9fd;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    padding: 0;
}
.client-links h2 {
    padding: 21px 22px;
    border-bottom: #ffffff;
    font-weight: 900;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0.1em;
    color: #0077b8;
    margin: 0 0 30px;
    border-bottom: 2px solid #fff;
}
.client-links ul {
    padding: 0 20px 20px;
}
.client-links ul li {
    margin: 0 0 15px;
}
.client-links ul li:last-child {
    margin: 0;
}
.client-links ul li a {
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #0077b8;
    position: relative;
    display: block;
}
.client-links ul li a:before {
    position: absolute;
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    font-weight: 500;
    color: #0077b8;
    top: 50%;
    font-size: 16px;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.client-links ul li a:hover,
.client-links ul li a.active {
    color: #00afef;
}
.client-links ul li a.active:before {
    content: "\f104";
    color: #00afef;
}
.client-links ul .unclick-link a:hover,
.client-links ul .unclick-link a {
    color: #bcbdc0;
}
.client-links ul .unclick-link a:before {
    display: none;
}
/* **** End client **** */

/* ***** order-block **** */
.order-block {
    padding-left: 18px;
    margin: 0 0 36px;
}

/*.client-right-block1 {display: none;}
.show-client-right-block1 .client-right-block1 {display: block;}*/

.client-right-block1 {
    display: none;
}
.show-client-right-block1 .client-right-block1 {
    display: block;
}

.client-right-block2 {
    display: none;
}
.show-client-right-block2 .client-right-block2 {
    display: block;
}

.client-right-block3 {
    display: none;
}
.show-client-right-block3 .client-right-block3 {
    display: block;
}
.client-right-block4 {
    display: none;
}
.show-client-right-block4 .client-right-block4 {
    display: block;
}
.client-right-block5 {
    display: none;
}
.show-client-right-block5 .client-right-block5 {
    display: block;
}
.client-right-block6 {
    display: none;
}
.show-client-right-block6 .client-right-block6 {
    display: block;
}
.client-right-block7 {
    display: none;
}
.show-client-right-block7 .client-right-block7 {
    display: block;
}
.client-right-block8 {
    display: none;
}
.show-client-right-block8 .client-right-block8 {
    display: block;
}

.endereco .delivery-bix h3 {
    position: relative;
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #44464D;
    margin: 0 0 16px;
}
.endereco .delivery-bix h4{
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.1em;
    color: #44464D;
    margin: 0 0 20px 0;
}
.endereco .delivery-bix button {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.05em;
    color: #ffffff;
    background: #00afef;
    border-radius: 20px;
    display: table;
    padding: 4px 17px 6px 17px;
    width: auto;
    position: relative;
		border: 0;
}
.endereco .new {
		margin-top: 10px;
}

.order-small-title h4 {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 40px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #00afef;
    padding: 0 0 14px;
    border-bottom: 2px solid #e6e7ec;
    margin: 0 0 17px;
}
.order-block .order-box {
    margin: 0 0 47px;
}
.order-block .order-box h2 {
    font-weight: 600;
    font-size: 16px;
    line-height: 14px;
    letter-spacing: 0.1em;
    color: #44464d;
    margin: 0 0 17px;
}
.order-block .order-box .order-box-dt p {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.1em;
    color: #44464d;
    margin: 0 0 20px;
}
.order-block .order-box .order-box-dt p strong {
    display: block;
    margin: 5px 0 0;
    font-weight: 700;
}
.order-box-info {
    padding-left: 21px;
    border-left: 2px solid #e6e7ec;
}
.accordion .order-box-info .accordion-item {
    margin: 0;
    background-color: transparent;
    border: none;
}
.accordion .order-box-info .accordion-item .accordion-button {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.05em;
    color: #ffffff;
    background: #00afef;
    border-radius: 20px;
    display: table;
    padding: 4px 50px 6px 17px;
    width: auto;
    position: relative;
}
.accordion .order-box-info .accordion-item .accordion-button:not(.collapsed) {
    color: #ffffff;
    background: #0077b8;
    box-shadow: none;
}
.accordion .order-box-info .accordion-item .accordion-button:focus {
    box-shadow: none;
}
.accordion .order-box-info .accordion-item .accordion-button::after {
    display: none;
}
.accordion .order-box-info .accordion-item .accordion-button:before {
    position: absolute;
    content: "\f056";
    font-family: "Font Awesome 5 Pro";
    right: 0;
    top: 50%;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.accordion .order-box-info .accordion-item .accordion-button.collapsed:before {
    content: "\f055";
    font-family: "Font Awesome 5 Pro";
}
.accordion .order-box-info .accordion-body {
    padding: 27px 0 0;
}

.product-detail-box .box-product-info h3 {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.1em;
    color: #44464d;
    margin: 0 0 15px;
}
.product-detail-box .box-product-info .image-box {
    display: flex;
    align-items: center;
    margin: 0 0 40px;
}
.product-detail-box .box-product-info .image-box img {
    max-width: 100%;
		max-width: 97px;
    margin-right: 28px;
}
.product-detail-box .box-product-info .image-box h4 {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.1em;
    color: #44464d;
    margin: 0 0 15px;
}
.product-detail-box .box-product-info .image-box h4:last-child {
    margin: 0;
}

.product-detail-box .delivery-data .data-title h3 {
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.1em;
    color: #44464d;
    margin: 0 0 5px;
}
.product-detail-box .box-product-info .data-info {
    margin: 0 0 40px;
}
.product-detail-box .delivery-data .data-info p {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.1em;
    color: #44464d;
    padding-left: 15px;
}
.order-block .order-box .box-product-info .data-info p strong {
    display: inline-block;
    margin: 0;
}
.product-detail-box .delivery-data .data-info p span {
    display: block;
    margin: 19px 0 0;
    font-style: italic;
    font-weight: 400;
    font-size: 11px;
    line-height: 14px;
    letter-spacing: 0.1em;
    color: #44464d;
}
.product-detail-box .delivery-data .data-info {
    margin: 0 0 40px;
}
.btn-payment {
	background: #55da34;
	border-radius: 24px;
	display: block;
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	letter-spacing: 0.05em;
	color: #ffffff;
	display: block;
	width: 100%;
	margin-bottom: 5px;
	padding: 4px 16px;
	position: relative;
}
.btn-payment:hover {
	color: #ffffff;
}

/* ***** process-block **** */
.process-block {
    padding: 26px 0 0;
}
.process-block ul {
    display: flex;
}
.process-block ul li {
    width: 120px;
    display: inline-block;
    position: relative;
}
.process-block ul li:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    background-color: #e6e7ec;
    left: 50%;
    top: 75px;
    border-radius: 100%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 9;
}
.process-block ul li:after {
    position: absolute;
    content: "";
    height: 6px;
    width: 50%;
    background: #e6e7ec;
    border-radius: 0;
    top: 82px;
    left: 0;
    width: 100%;
}
.process-block ul li:first-child:after {
    width: 50%;
    left: 50%;
}
.process-block ul li:last-child:after {
    width: 50%;
    right: 50%;
    left: auto;
}
.process-block ul li.activated:before,
.process-block ul li.active:before {
    background-color: #0077b8;
}
.process-block ul li.active:after {
    background-color: #0077b8;
    border-radius: 0 20px 20px 0;
}
.process-block ul li.activated .process-img,
.process-block ul li.active .process-img {
    background-color: #0077b8;
}
.process-block ul li.activated:after {
    border-radius: 0;
    background-color: #0077b8;
}

.process-block .process-img {
    background: #bcbdc0;
    border-radius: 8px;
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 50px;
}
.process-block h3 {
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #44464d;
    margin: 0 0 5px;
}
.process-block span {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #44464d;
    display: block;
}
/* ***** End process-block **** */

/* **** goout-box **** */
.client-right-block6 {
    padding-left: 18px;
}
.goout-block {
    border: 2px solid #e6e7ec;
    border-radius: 20px;
    padding: 22px;
    margin: 0 0 21px;
}
.goout-block ul {
    display: flex;
    align-items: center;
    justify-content: center;
}
.goout-block ul li {
    margin-right: 100px;
    position: relative;
}
.goout-block ul li:last-child {
    margin: 0;
}
.goout-block ul li:last-child:before {
    position: absolute;
    content: "";
    left: -51px;
    top: 0;
    bottom: 0;
    width: 2px;
    height: 100%;
    background-color: #e6e7ec;
}
.goout-block .goout-box {
    display: flex;
    align-items: center;
}
.goout-block .goout-box img {
    max-width: 100%;
    margin: 0 10px 0 0;
}
.goout-block .goout-box h3 {
    font-weight: 900;
    font-size: 20px;
    line-height: 14px;
    letter-spacing: 0.1em;
    color: #00afef;
    margin: 0 0 8px;
}
.goout-block .goout-box p {
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #44464d;
    margin: 0;
}

.bottom-button-bix {
    padding: 10px 0 80px;
}
.bottom-button-bix ul {
    display: flex;
    align-items: center;
}
.bottom-button-bix .btn-main {
    width: 240px;
    background-color: #0077b8;
    padding: 7px 40px 11px 20px;
}
.bottom-button-bix ul li:last-child {
    margin-left: auto;
}
.bottom-button-bix ul li:last-child a {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-align: right;
    letter-spacing: 0.05em;
    text-decoration-line: underline;
    color: #bcbdc0;
}
/* **** End  goout-box **** */

/* **** plan-details-pop **** */
#plan-details-pop .modal-dialog {
    max-width: 624px;
    width: 624px;
}
#plan-details-pop .modal-content {
    padding: 0;
    box-shadow: none;
    outline: none;
    border-radius: 20px;
}
#plan-details-pop .modal-body {
    padding: 0 72px 30px;
}
#plan-details-pop .modal-content .btn-close {
    padding: 20px 20px 0;
}
#plan-details-pop .modal-body h2 {
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #0077b8;
    margin: 0 0 40px;
}
#plan-details-pop .modal-body .form-group {
    display: flex;
    margin: 0 0 40px;
}
#plan-details-pop .modal-body .form-group label {
    width: 190px;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0.1em;
    color: #44464d;
    margin-right: 20px;
}
#plan-details-pop .modal-body .form-group .form-control {
    padding: 12px 18px 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.1em;
    color: #44464d;
    height: auto;
    border: 2px solid #e6e7ec;
    border-radius: 30px;
    box-shadow: none;
    outline: none;
    padding: 13px 19px;
}
#plan-details-pop .modal-body .form-group div {
    width: 100%;
}
#plan-details-pop .modal-body .form-group small {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.1em;
    color: #888888;
    margin: 15px 0 0 20px;
    display: block;
}
#plan-details-pop .modal-body select.form-control {
    width: 100%;
    display: inline-block;
    margin: 0 0;
    -webkit-appearance: none;
    background-image: url(../images/down-arrow.svg);
    background-repeat: no-repeat;
    background-size: 26px;
    background-position: center right 8px;
}
#plan-details-pop .modal-body .add-link {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.05em;
    color: #0077b8;
    display: block;
    margin: 0 0 58px;
}
#plan-details-pop .modal-body .btn-main {
    background-color: #0077b8;
    width: 240px;
    margin: 0 auto;
    cursor: pointer;
}
#plan-details-pop .modal-body .btn-main:hover {
    background-color: #000;
}
/* **** End plan-details-pop **** */

#update-pop .modal-dialog {
    max-width: 527px;
    width: 527px;
}
#update-pop .modal-content {
    padding: 0;
    box-shadow: none;
    outline: none;
    border-radius: 20px;
}
#update-pop .modal-body {
    padding: 0 72px 30px;
}
#update-pop .modal-content .btn-close {
    padding: 20px 20px 0;
}
#update-pop .modal-body h2 {
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #0077b8;
    margin: 0 0 40px;
}
#update-pop .modal-body p {
    margin: 0 0 40px;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #44464d;
}
#update-pop .modal-body p strong {
    display: block;
}
#update-pop .modal-body .btn-main {
    width: 240px;
    margin: 0 auto;
}

/* ****  End  **** */

/* **** Call Center **** */
.call-center-wrp {
    padding: 0 0 90px;
}
.call-center-wrp .row .col-md-3.left-part {
    width: 27%;
}
.call-center-wrp .row .col-md-9.right-part {
    width: 73%;
}
.call-center-wrp .call-center-link-block {
    padding: 16px 20px;
    background: #f9f9fd;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
}
.call-center-wrp .call-center-link-block .nav-tabs {
    display: block;
    border: none;
}
.call-center-wrp .call-center-link-block .nav-tabs li {
    margin: 0 0 15px;
    display: block;
}
.call-center-wrp .call-center-link-block .nav-tabs li:last-child {
    margin: 0;
}
.call-center-wrp .call-center-link-block .nav-tabs li .nav-link {
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #0077b8;
    position: relative;
    display: block;
    display: block;
    background-color: transparent;
    width: 100%;
    margin: 0;
    border: none;
    padding: 0;
    text-align: left;
}
.call-center-wrp .call-center-link-block .nav-tabs li .nav-link:before {
    position: absolute;
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    font-weight: 500;
    color: #0077b8;
    top: 50%;
    font-size: 16px;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.call-center-wrp .call-center-link-block .nav-tabs li .nav-link:hover,
.call-center-wrp .call-center-link-block .nav-tabs li .nav-link.active {
    color: #00afef;
}
.call-center-wrp .call-center-link-block .nav-tabs li .nav-link.active:before {
    content: "\f104";
    color: #00afef;
}

.call-center-main-block {
    padding-left: 40px;
}
.call-center-main-block .accordion .accordion-item {
    margin: 0;
    background-color: transparent;
    border: none;
    border-radius: 0;
}
.call-center-wrp .accordion-item:last-of-type .accordion-button.collapsed {
    border-radius: 0 !important;
}
.call-center-main-block .accordion .accordion-item .accordion-button {
    font-weight: 700;
    font-size: 16px;
    line-height: 40px;
    letter-spacing: 0.1em;
    color: #44464d;
    padding: 7px 0;
    border-bottom: 2px solid #e6e7ec;
    border-radius: 0;
    background-color: transparent;
    position: relative;
}
.call-center-main-block .accordion .accordion-item .accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none;
    color: unset;
}
.call-center-main-block .accordion .accordion-item .accordion-button:focus {
    box-shadow: none;
}
.call-center-main-block .accordion .accordion-item .accordion-button::after {
    display: none;
}
.call-center-main-block .accordion .accordion-item .accordion-button:before {
    position: absolute;
    content: "\f077";
    font-family: "Font Awesome 5 Pro";
    right: 0;
    top: 50%;
    font-size: 16px;
    color: #44464d;
    right: 20px;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.call-center-main-block .accordion .accordion-item .accordion-button.collapsed:before {
    content: "\f078";
    font-family: "Font Awesome 5 Pro";
}
.call-center-main-block .accordion .accordion-body {
    padding: 30px 35px 10px;
}
.call-center-main-block .accordion .accordion-body p {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.1em;
    color: #44464d;
    margin: 0 0 20px;
}
.call-center-main-block .accordion .accordion-body p strong {
    font-weight: 700;
}
.call-center-main-block .details-info-box p {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.1em;
    color: #44464d;
    margin: 0 0 20px;
}
/* **** End Call Center **** */

/* **** Contact **** */
.cnt-info {
    padding: 0;
    margin: 0;
    max-width: 900px;
    margin: 10px auto 42px;
}
.cnt-info .cnt-box {
    display: flex;
    align-items: center;
    justify-content: center;
}
.cnt-info .cnt-box img {
    max-width: 100%;
    margin-right: 12px;
}
.cnt-info .cnt-box span {
    display: block;
    margin: 0 0 5px;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.1em;
    color: #44464d;
}
.cnt-info .cnt-box a,
.cnt-info .cnt-box p {
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.1em;
    color: #44464d;
    margin: 0;
}
/* **** End Contact **** */

/* **** contact-wrpper **** */
.contact-wrpper {
    padding: 0 0 100px;
}
.contact-wrpper .container {
    max-width: 900px;
}
.contact-wrpper .cnt-title h2 {
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #0077b8;
    margin: 0 0 40px;
}
.contact-wrpper form {
    padding: 25px;
    background: #edf6fd;
    border-radius: 20px;
}
.contact-wrpper form .cnt-row {
    margin: 0 -40px;
}
.contact-wrpper form .col-md-6 {
    padding: 0 40px;
}
.contact-wrpper form .form-group {
    margin: 0 0 13px;
}
.contact-wrpper form .form-group label {
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #44464d;
    padding-left: 16px;
    margin: 0 0 8px;
}
.contact-wrpper form .form-group .form-control {
    background: #ffffff;
    border-radius: 20px;
    box-shadow: none;
    outline: none;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.1em;
    color: #44464d;
    padding: 10px 16px;
    border: none;
    resize: none;
}
.contact-wrpper form .form-group select.form-control {
    width: 100%;
    display: inline-block;
    margin: 0 0;
    -webkit-appearance: none;
    background-image: url(../images/down-arrow.svg);
    background-repeat: no-repeat;
    background-size: 26px;
    background-position: center right 8px;
}
.contact-wrpper form .form-group textarea.form-control {
		line-height: 24px;
}
.contact-wrpper form ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.contact-wrpper form ul li {
    margin-right: 12px;
}
.contact-wrpper form ul li:last-child {
    margin: 0;
}
.contact-wrpper form ul li span {
    font-style: italic;
    font-weight: 600;
    font-size: 10px;
    line-height: 15px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #0077b8;
}
.contact-wrpper form button {
    width: 200px;
    border: none;
    padding: 7px 16px;
    text-align: left;
    background-color: #0077b8;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.contact-wrpper form button:hover {
    background: #55da34;
}
/* **** End contact-wrpper **** */

/* **** stores **** */
.stores-wrp {
    padding: 10px 0 100px;
}
.stores-wrp .container {
    max-width: 900px;
}
.stores-wrp .stores-block .row {
    margin: 0 -20px;
}
.stores-wrp .stores-block .col-md-6 {
    padding: 0 20px;
}
.stores-wrp .stores-block label {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.1em;
    color: #0077b8;
    margin: 0 0 9px;
    padding-left: 16px;
}

.stores-wrp .stores-block {
    padding: 0 0 88px;
}
.stores-wrp p {
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #bcbdc0;
    margin: 0;
}
/* **** End stores **** */

.stores2-wrp {
    padding: 0;
}
.stores2-wrp .stores-block {
    padding: 0;
}
.map-wrp {
    padding: 0 0 90px;
}
.map-wrp .row {
    margin: 0 -30px;
}
.map-wrp .col-md-4 {
    padding: 0 30px;
}
.map-wrp .container {
    max-width: 967px;
}
.map-wrp h3 {
    font-weight: 900;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.1em;
    color: #00afef;
    margin: 0 0 20px;
}
.map-wrp .map-box {
    height: 168px;
    filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.2));
    border-radius: 10px;
    margin: 0 0 27px;
    border-radius: 10px;
}
.map-wrp .map-box iframe {
    height: 100%;
    width: 100%;
    border-radius: 10px;
}
.map-wrp ul li {
    margin: 0 0 25px;
}
.map-wrp ul li:last-child {
    margin: 0;
}
.map-wrp ul li a {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.1em;
    color: #44464d;
}
.map-wrp ul li a img {
    max-width: 100%;
    margin-right: 16px;
}
/* **** End Map **** */

/* **** about-wrpper **** */
.about-wrpper {
    padding: 18px 0 65px;
    margin: 33px 0 0;
    position: relative;
    overflow: hidden;
}
.about-wrpper:before {
    position: absolute;
    content: "";
    right: -68%;
    top: 0;
    width: 100%;
    height: 260px;
    background: #dbeaf5;
    border-radius: 130px;
    z-index: -1;
}
.about-wrpper:after {
    position: absolute;
    content: "";
    right: -42%;
    bottom: 0;
    width: 100%;
    height: 260px;
    background: #dbeaf5;
    border-radius: 130px;
    z-index: -1;
}
.about-wrpper .container {
    max-width: 1084px;
}
.about-wrpper .login-braidcrumb {
    padding: 0;
    width: 348px;
}
.about-wrpper .login-braidcrumb ul {
    justify-content: flex-start;
}
.about-wrpper .login-braidcrumb h2 {
    text-align: left;
    margin: 13px 0 31px;
}
.about-wrpper .login-braidcrumb p {
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0.1em;
    color: #44464d;
    margin: 0 0 15px;
}
.about-wrpper .about-image img {
    max-width: 100%;
    border-radius: 10px;
}
/* **** ENd about-wrpper **** */

/* **** medbox-about-us-wrp **** */
.medbox-about-us-wrp {
    padding: 40px 0 64px;
    position: relative;
}
.medbox-about-us-wrp:before {
    position: absolute;
    content: "";
    left: -90%;
    top: 0;
    width: 100%;
    height: 223px;
    background: #dbeaf5;
    border-radius: 130px;
    z-index: -1;
}
.medbox-about-us-wrp:after {
    position: absolute;
    content: "";
    left: -85%;
    bottom: 60px;
    width: 100%;
    height: 223px;
    background: #dbeaf5;
    border-radius: 130px;
    z-index: -1;
}
.medbox-about-us-wrp .medbox-container {
    max-width: 781px;
    margin: 0 auto;
}
.medbox-about-us-wrp img {
    margin: 0 auto 20px;
}
.medbox-about-us-wrp p {
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #0077b8;
    margin: 0;
}
.medbox-dt {
    padding: 40px 0 0;
    margin: 16px 0 0;
    width: 868px;
    margin-left: auto;
    margin-right: 0;
}
.medbox-dt p {
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0.1em;
    color: #44464d;
    text-align: left;
    margin: 0 0 15px;
    text-transform: unset;
}
/* **** End medbox-about-us-wrp **** */

.medbox-abt-image {
    padding: 0 0 55px;
}
.medbox-abt-image img.main-img {
    max-width: 100%;
    margin: 0 auto 47px;
}
.medbox-abt-image ul {
    display: flex;
    align-items: center;
    justify-content: center;
}
.medbox-abt-image ul li {
    margin-right: 15px;
}
.medbox-abt-image ul li:last-child {
    margin: 0;
}
.medbox-abt-image ul li img {
    transition: all 0.3s linear;
}
.medbox-abt-image ul li img:hover {
    filter: brightness(1) invert(1);
}

/* **** medbox-quiz-wrp **** */
.medbox-quiz-wrp {
    height: 707px;
    background: linear-gradient(180deg, #0077b8 0%, rgba(0, 119, 184, 0.82) 100%);
    position: relative;
}
.quiz-wrp {
    padding: 15px 0;
    position: relative;
    z-index: 9;
    background-color: #fff;
    height: 642px;
}
.medbox-quiz-wrp:before {
    position: absolute;
    content: "";
    left: 50px;
    top: 0;
    bottom: 0;
    height: 80%;
    width: 50%;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
    background-image: url(../images/quiz-shap1.svg);
}
.medbox-quiz-wrp:after {
    position: absolute;
    content: "";
    right: 50px;
    top: 0;
    bottom: 0;
    height: 80%;
    width: 50%;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
    background-image: url(../images/quiz-shap2.svg);
}

.medbox-quiz-wrp .login-braidcrumb {
    margin: 0;
    padding: 16px 0;
}
.medbox-quiz-wrp .login-braidcrumb ul li {
    color: #fff;
}
.medbox-quiz-wrp .login-braidcrumb ul li a {
    color: #fff;
}
/* **** End medbox-quiz-wrp **** */

/* **** medbox-quiz-final-wrp **** */
.medbox-quiz-final-wrp {
    height: auto;
    padding: 16px 0 83px;
}
.medbox-quiz-final-wrp:before {
    background-image: url(../images/quiz-shap3.svg);
    height: 100%;
}
.medbox-quiz-final-wrp:after {
    background-image: url(../images/quiz-shap4.svg);
    height: 100%;
}
.medbox-quiz-final-wrp .login-braidcrumb {
    margin: 0 0 34px;
}
.medbox-quiz-final-wrp .titlebar h2 {
    font-weight: 700;
    font-size: 36px;
    line-height: 38px;
    text-align: center;
    letter-spacing: 0.05em;
    color: #ffffff;
    margin: 0 0 2px;
}
.medbox-quiz-final-wrp .titlebar p {
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #ffffff;
    margin: 0 0 167px;
}
.medbox-quiz-product {
    width: 1063px;
    background: #ffffff;
    border-radius: 15px;
    padding: 0 60px 60px;
    margin: 0 auto;
    position: relative;
    z-index: 9;
}
.product-detail-block {
    padding: 0 0 45px;
    border-bottom: 1px solid #e6e7ec;
    margin: 0 0 34px;
}
.product-detail-block .btn-main {
    background-color: #0077b8;
    width: 350px;
    margin: 0 auto;
}
.product-detail-block .btn-main .spinner-border {
		top: -3px;
		margin-right: 10px;
		position: relative;
}

.medbox-quiz-product .slider-box.red-box {
    margin: 0 0 35px;
}

.medbox-quiz-product .slider-img {
    position: relative;
}
.medbox-quiz-product .slider-img ul {
    position: absolute;
    left: 0;
    top: 0;
}
.medbox-quiz-product .slider-img ul li {
    display: table;
    background: #0077b8;
    border-radius: 11px;
    padding: 4px 8px;
    font-weight: bold;
    font-size: 11px;
    line-height: 12px;
    text-align: center;
    letter-spacing: 0.05em;
    color: #ffffff;
    margin: 0 0 7px;
}
.medbox-quiz-product .slider-img ul li:last-child {
    margin: 0;
}
.medbox-quiz-product .slider-img ul li.offer {
    background: #00afef;
}
.medbox-quiz-product .slider-img img {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
}
.medbox-quiz-product .slider-details {
    background: #e6e7ec;
    border-radius: 0px 0px 20px 20px;
    padding: 14px 20px;
    position: relative;
}
.medbox-quiz-product .slider-details h2 {
    font-weight: bold;
    font-size: 20px;
    line-height: 23px;
    letter-spacing: 0.1em;
    color: #44464d;
    margin: 0 0 13px;
}
.medbox-quiz-product .slider-details .row {
    display: flex;
    align-items: center;
    margin: 0;
}
.medbox-quiz-product .slider-details .col-md-4 {
    width: 35%;
    padding: 0;
}
.medbox-quiz-product .slider-details .col-md-8 {
    width: 65%;
    padding: 0;
}
.medbox-quiz-product .slider-details p {
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.1em;
    color: #44464d;
    min-height: 28px;
    margin: 0 0 25px;
}
.medbox-quiz-product .slider-details span {
    font-weight: normal;
    font-size: 10px;
    line-height: 17px;
    letter-spacing: 0.1em;
    text-decoration-line: line-through;
    color: #44464d;
    display: block;
}
.medbox-quiz-product .slider-details h4,
.medbox-quiz-product .slider-details span.h4 {
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.1em;
    color: #44464d;
    margin: 0;
		text-decoration: none;
}
.medbox-quiz-product .slider-details ul {
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.medbox-quiz-product .slider-details ul li {
    display: inline-block;
    margin-right: 6px;
}
.medbox-quiz-product .slider-details ul li:last-child {
    margin: 0;
}
.medbox-quiz-product .slider-details ul li a.more-btn {
    padding: 8px 14px 10px;
    border-radius: 30px;
    background: #44464d;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #ffffff;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
		white-space: nowrap;
}
.medbox-quiz-product .slider-details ul li a.shopping-btn,
.medbox-quiz-product .slider-details ul li button.shopping-btn {
    height: 38px;
    width: 38px;
    background-color: #fff;
    border-radius: 100%;
		border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #44464d;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
		outline: none;
}
.medbox-quiz-product .slider-details ul li a.shopping-btn img,
.medbox-quiz-product .slider-details ul li button.shopping-btn img {
    width: 17px;
}
.medbox-quiz-product .slider-details ul li a:hover,
.medbox-quiz-product .slider-details ul li button:hover {
    color: #fff !important;
    background-color: #00afef !important;
}
.medbox-quiz-product .slider-details ul li a.shopping-btn:hover img,
.medbox-quiz-product .slider-details ul li button.shopping-btn:hover img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.medbox-quiz-product .top-corner-img {
    position: absolute;
    height: 41px;
    width: 41px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e24747;
    right: 14px;
    top: -20px;
    filter: drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.15));
}
.medbox-quiz-product .top-corner-img img {
    max-width: 50%;
}
.medbox-quiz-product .green-box .top-corner-img {
    background: #55da34;
    box-shadow: 0px 2px 8px rgb(0 0 0 / 15%);
}
.medbox-quiz-product .purple-box .top-corner-img {
    background: #d394e3;
    box-shadow: 0px 2px 8px rgb(0 0 0 / 15%);
}
.medbox-quiz-product .orange-box .top-corner-img {
    background: #ff9200;
    box-shadow: 0px 2px 8px rgb(0 0 0 / 15%);
}
.medbox-quiz-product .yellow-box .top-corner-img {
    background: #ffc300;
    box-shadow: 0px 2px 8px rgb(0 0 0 / 15%);
}
.medbox-quiz-product .blue-box .top-corner-img {
    background: #00afef;
    box-shadow: 0px 2px 8px rgb(0 0 0 / 15%);
}

.medbox-favorite-product .titlebix h2 {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #44464d;
    margin: 0 0 44px;
}
.medbox-favorite-product .seller-slider {
    padding: 0;
    margin: 0;
    border: none;
}
.medbox-favorite-product .slick-slide {
    padding: 0 14px;
}
.medbox-favorite-product .slick-list {

}

.medbox-quiz-product-block {
    position: relative;
    top: -120px;
    bottom: 0;
    margin-bottom: -140px;
}
/* **** End medbox-quiz-final-wrp **** */

/* **** medbox-quiz **** */
.quiz-wrp {
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}
.quiz-wrp .quiz-titlebox {
    width: 370px;
    margin: 0 auto;
}
.quiz-wrp .quiz-titlebox h2 {
    font-weight: 900;
    font-size: 36px;
    line-height: 38px;
    text-align: center;
    letter-spacing: 0.05em;
    color: #ffffff;
    margin: 0 0 7px;
}
.quiz-wrp .quiz-titlebox p {
    font-weight: 400;
    font-size: 14px;
    line-height: 15px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #ffffff;
    margin: 0 auto 24px;
    display: table;
    width: 301px;
}
.quiz-wrp .quiz-titlebox .btn-main {
    background: #00afef;
    margin: 0 auto;
    width: 222px;
}
.quiz-wrp .quiz-titlebox .btn-main:hover {
    background-color: #000;
    color: #fff;
}
.quiz-wrp .quiz-titlebox h4 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 13px 0 0;
    font-weight: 600;
    font-size: 10px;
    line-height: 15px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #ffffff;
}
.quiz-wrp .quiz-titlebox h4 img {
    margin-right: 2px;
    max-width: 100%;
}
/* **** End medbox-quiz **** */

/* ***** call-center-faq-wrp ***** */
.call-center-faq-wrp {
    padding: 0 0 60px;
    display: none;
}
.call-center-faq-wrp .accordion .accordion-item {
    margin: 0;
    background-color: transparent;
    border: none;
    border-radius: 0;
}
.call-center-faq-wrp .accordion .accordion-item:last-of-type .accordion-button.collapsed {
    border-radius: 0 !important;
}
.call-center-faq-wrp .accordion .accordion-item .accordion-button {
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #0077b8;
    padding: 16px 15px;
    border-bottom: 2px solid #e6e7ec;
    border-radius: 0;
    background-color: transparent;
    position: relative;
}
.call-center-faq-wrp .accordion .accordion-item .accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none;
    color: #00afef;
}
.call-center-faq-wrp .accordion .accordion-item .accordion-button:focus {
    box-shadow: none;
}
.call-center-faq-wrp .accordion .accordion-item .accordion-button::after {
    display: none;
}
.call-center-faq-wrp .accordion .accordion-item .accordion-button:before {
    position: absolute;
    content: "\f077";
    font-family: "Font Awesome 5 Pro";
    right: 0;
    top: 50%;
    font-size: 14px;
    color: #0077b8;
    right: 0;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.call-center-faq-wrp .accordion .accordion-item .accordion-button.collapsed:before {
    content: "\f078";
    font-family: "Font Awesome 5 Pro";
}
.call-center-faq-wrp .accordion .accordion-body {
    padding: 20px 15px 15px;
    background-color: #f9f9fd;
}
.call-center-faq-wrp .accordion .accordion-body p {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.1em;
    color: #44464d;
    margin: 0 0 20px;
}
.call-center-faq-wrp .accordion .accordion-body p strong {
    font-weight: 700;
}
.call-center-faq-wrp .details-info-box p {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.1em;
    color: #44464d;
    margin: 0 0 20px;
}

.call-center-faq-wrp .accordion .accordion-body .accordion .accordion-item {
    padding: 18px 0;
    border-bottom: 1px solid #e6e7ec;
}
.call-center-faq-wrp .accordion .accordion-body .accordion .accordion-item .accordion-button {
    font-size: 14px;
    line-height: 18px;
    padding: 0 30px 0 0;
    border: none;
    color: #44464d;
}
.call-center-faq-wrp .accordion .accordion-body .accordion .accordion-item .accordion-button:before {
    color: #44464d;
}
.call-center-faq-wrp .accordion .accordion-body .accordion .accordion-item .accordion-body {
    padding: 20px 0 0;
}
/* ***** End call-center-faq-wrp ***** */

.client-links ul.mobile-links {
    display: none;
}

.order-small-title {
    position: relative;
}
.order-small-title h4 {
    position: relative;
}

.process-slider {
    display: none;
}

.process-slider .slider-box {
    width: 100%;
    display: inline-block;
    position: relative;
}
.process-slider .slider-box:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    background-color: #e6e7ec;
    left: 50%;
    top: 75px;
    border-radius: 100%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 9;
}
.process-slider .slider-box:after {
    position: absolute;
    content: "";
    height: 6px;
    width: 50%;
    background: #e6e7ec;
    border-radius: 0;
    top: 82px;
    left: 0;
    width: 100%;
}
.process-slider .slider-box.slider-box1:after {
    width: 50%;
    left: 50%;
}
.process-slider .slider-box.slider-box4:after {
    width: 50%;
    right: 50%;
}

.process-slider .slider-box.activated:before,
.process-slider .slider-box.active:before {
    background-color: #0077b8;
}
.process-slider .slider-box.active:after {
    background-color: #0077b8;
    border-radius: 0 20px 20px 0;
}
.process-slider .slider-box.activated .process-img,
.process-slider .slider-box.active .process-img {
    background-color: #0077b8;
}
.process-slider .slider-box.activated:after {
    border-radius: 0;
    background-color: #0077b8;
}
.process-slider .slider-box .process-img {
    background: #bcbdc0;
    border-radius: 8px;
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 50px;
}
.process-slider .slider-box h3 {
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #44464d;
    margin: 0 0 5px;
}
.process-slider .slider-box span {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #44464d;
    display: block;
}

.process-slider {
    position: relative;
    padding: 36px 0 50px;
}
.process-slider button.slick-prev.slick-arrow,
.process-slider button.slick-next.slick-arrow {
    position: absolute;
    bottom: -30px;
    left: 50%;
    z-index: 5;
    font-size: 0;
    margin-left: -20px;
    box-shadow: none;
    outline: none;
    background-color: transparent;
    border: none;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}
.process-slider button.slick-next.slick-arrow {
    margin-left: 0;
    margin-right: -20px;
}
.process-slider button.slick-prev.slick-arrow:before,
.process-slider button.slick-next.slick-arrow:before {
    position: absolute;
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    height: 16px;
    width: 16px;
    border: 1px solid #44464d;
    font-weight: 500;
    color: #44464d;
    right: 0;
    left: 0;
    font-size: 12px;
    display: block;
    text-align: center;
    line-height: 14px;
    border-radius: 100%;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.process-slider button.slick-prev.slick-arrow:before {
    content: "\f104";
    left: 0;
    right: auto;
}
.process-slider button.slick-prev.slick-arrow:hover:before,
.process-slider button.slick-next.slick-arrow:hover:before {
    background-color: #000;
    border-color: #000;
    color: #fff;
}

.order-small-mobile-title {
    position: relative;
    display: none;
}
.order-small-mobile-title h4 {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 33px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #00afef;
    padding: 14px 0;
    margin: 0 0 26px;
    position: relative;
    text-align: center;
}
.order-small-mobile-title h4 a {
    position: absolute;
    left: 0;
}

.mobile-order-box {
    display: none;
}
.mobile-order-box ul li {
    margin: 0 0 10px;
}
.mobile-order-box ul li .btn-main {
    width: 240px;
    margin: 0 auto;
    display: table;
    background-color: #00afef;
}
.mobile-order-box ul li:nth-child(2) .btn-main {
    background: #0077b8;
}
.mobile-order-box ul li a.calander-link {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.05em;
    color: #bcbdc0;
    text-align: center;
    display: block;
    margin: 0 0 30px;
}
.mobile-order-box h4 {
    font-weight: 700;
    font-size: 12px;
    line-height: 40px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #00afef;
    margin: 0 0 20px;
    border-bottom: 1px solid #e6e7ec;
}

#order-pop .modal-dialog .modal-content {
    position: relative;
}
#order-pop .modal-dialog .modal-content .btn-close {
}
#order-pop .pop-title h2 {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #0077b8;
    margin: 0 0 25px;
}

#order-pop .pop-title p {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.1em;
    color: #44464d;
    margin: 0 0 17px;
}
#order-pop .pop-title p strong {
    display: block;
}

#order-pop .modal-body {
    padding: 0 28px;
}
#order-pop .box-product-info h3 {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.1em;
    color: #44464d;
    margin: 0 0 15px;
}
#order-pop .box-product-info .image-box {
    display: flex;
    align-items: center;
    margin: 0 0 18px;
}
#order-pop .box-product-info .image-box img {
    max-width: 100%;
    margin-right: 28px;
}
#order-pop .box-product-info .image-box h4 {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.1em;
    color: #44464d;
    margin: 0 0 15px;
}
#order-pop .box-product-info .image-box h4:last-child {
    margin: 0;
}

#order-pop .delivery-data .data-title h3 {
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.1em;
    color: #44464d;
    margin: 0 0 5px;
}
#order-pop .box-product-info .data-info {
    margin: 0 0 18px;
}
#order-pop .delivery-data .data-info p {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.1em;
    color: #44464d;
}
#order-pop .delivery-data .data-info p span {
    display: block;
    margin: 19px 0 0;
    font-style: italic;
    font-weight: 400;
    font-size: 11px;
    line-height: 14px;
    letter-spacing: 0.1em;
    color: #44464d;
}

/* **** End Csss *** */


.registration-personal-wrp .accordion .accordion-item span.info-line {
    font-weight: 600;
    font-size: 10px;
    line-height: 15px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #0077b8;
    margin-left: auto;
    margin-right:0;
    display: none;
}

.map-info-box {
	margin-top: 60px;
}
.map-info-box .one{order: 1;}
.map-info-box .two{order: 2;}


.sidebar-header{
    display: none;
}
.sidebar-header h3{
    position: relative;
    font-weight: 700;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #0077B8;
    margin: 0 0 25px;
    position: relative;
}
.client-links-mobile-close {
    position: absolute;
    left: 0;
    top: 50%;
    display: none;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}


#plan-details-pop .modal-content .select-often{
    display: flex;
}
#plan-details-pop .modal-content .select-often p{
    min-width: 130px;
}
#plan-details-pop .modal-content .select-often .dropdown{
    width: 100%;
}
#plan-details-pop .modal-content .select-often .dropdown .dropdown-toggle{
    width: 100%;
}
#plan-details-pop .modal-content .select-often .dropdown-menu{
    width: 100%;
    min-width: 100%;
}
#plan-details-pop .modal-body small {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.1em;
    color: #888888;
    margin: 15px 0 0 20px;
    display: block;
}



.stores-wrp .select-often{
    display: block;
    width: 100%;
}
.stores-wrp .select-often .dropdown-toggle{
    width: 100%;
    border: none;
    background-color: #F2F3F5;
}
.select-often .dropdown-toggle span{
    background: #00afef;
}
.select-often .dropdown-menu{
    border:none;
    width: 100%;
    min-width: 100%;
    background-color: #F2F3F5;
}

/* **** checkout-wrp **** */
.checkout-wrp{
    padding: 25px 0 40px;
}
.checkout-wrp .checkout-row{
    margin: 0 -30px;
}
.checkout-wrp .checkout-row .col-lg-4{
    padding: 0 30px;
}
.checkout-wrp .checkout-title h2{
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0.1em;
    color: #00AFEF;
    margin: 0 0 22px;
}
.checkout-wrp .delivery-bix{
    border-bottom: 1px solid #E6E7EC;
    padding: 0 0 22px;
    margin: 0 0 22px;
}
.checkout-wrp .delivery-bix:last-child{
    padding: 0;
    margin: 0;
    border: none;
}
.checkout-wrp .delivery-bix h3{
    position: relative;
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #44464D;
    margin: 0 0 16px;
}
.checkout-wrp .delivery-bix h3 a{
    margin-left: auto;
}
.checkout-wrp .delivery-bix h3 a:hover{
    opacity: 0.6;
}
.checkout-wrp .delivery-bix p{
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.1em;
    color: #8A8C91;
    margin: 0;
    padding-left: 25px;
}
.checkout-wrp .delivery-bix p span{
    display: block;
    margin: 0 0 10px;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0.1em;
    color: #44464D;
}
.checkout-wrp .delivery-bix h4{
    padding-left: 25px;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.1em;
    color: #44464D;
    margin: 0;
}
.checkout-wrp .delivery-bix .delivery-info-box{
    background: #F9F9FD;
    border-radius: 10px;
    padding: 12px 55px;
}
.checkout-wrp .delivery-bix .delivery-info-box p{
    font-style: italic;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #8A8C91;
    padding: 0;
    margin: 0;
}
.checkout-wrp .delivery-bix .option-box{
    display: block;
    visibility: visible;
    opacity: 1;
    padding: 0 0 25px 25px;
    border: none;
}
.center-checkout-brd{
    border: 1px solid #BCBDC0;
    border-top: none;
    border-bottom: none;
}

.delivery-bix .form-group {
	margin: 0 0 12px;
}
.delivery-bix .form-group .form-control{
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.1em;
    color: #8A8C91;
    padding: 6px;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #44464D;
    box-shadow: none;
    outline: none;
    background-color: transparent;
}


.delivery-prd{
    border-bottom: 1px solid #E6E7EC;
    padding: 0 0 22px;
    margin: 0 0 22px;
}
.delivery-prd:last-child{
    margin: 0;
    padding: 0;
    border: none;
}
.delivery-prd .prd-title h2{
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #44464D;
    margin: 0 0 13px;
}
.delivery-prd .prd-title p{
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0.1em;
    color: #44464D;
    margin: 0;
}
.delivery-prd .total-box {
    background-color: #F9F9FD;
    border-radius: 10px;
    margin: 22px 0;
}
.delivery-prd .total-box .subtoal {
    padding: 16px;
    border-bottom: 2px solid #E6E7EC;
}
.delivery-prd .total-box ul li {
    font-weight: bold;
    font-weight: 400;
    font-size: 16px;
    line-height: 14px;
    letter-spacing: 0.1em;
    color: #44464D;
    margin: 0 0 12px;
}
.delivery-prd .total-box ul li span {
    float: right;
}
.delivery-prd .total-box .total-info {
    padding: 16px 16px 21px;
}
.delivery-prd .total-box ul li:last-child {
    margin: 0;
}
.delivery-prd .total-box .total-info ul li{
    font-weight: 700;
    font-size: 16px;
    line-height: 14px;
    letter-spacing: 0.1em;
    color: #44464D;
}
.delivery-prd .total-box .total-info ul li h4 {
    float: right;
    margin: 0;
    font-weight: bold;
    font-weight: 700;
    font-size: 16px;
    line-height: 14px;
    letter-spacing: 0.1em;
    color: #44464D;
    text-align: right;
}
.delivery-prd .total-box .total-info ul li h4 span {
    float: none;
    display: block;
    font-weight: 400;
    font-size: 12px;
    margin: 4px 0 0;
}
.delivery-prd .btn-main .spinner-border {
	top: -3px;
	margin-right: 10px;
	position: relative;
}
.delivery-prd .btn-main i {
    height: 24px;
    width: 24px;
    border: 2px solid #fff;
    border-radius: 100%;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    right: 12px;
}

.delivery-prd .prd-bix{
    display: flex;
    align-items: flex-start;
		margin: 0 0 10px 0;
}
.delivery-prd .prd-bix .prd-image{
    height: 97px;
    width: 97px;
    background: #F9F9FD;
    border-radius: 10px;
    margin-right: 24px;
    padding: 8px;
}
.delivery-prd .prd-bix .prd-image img{
    max-width: 100%;
    margin: 0 auto;
    display: table;
}
.delivery-prd .prd-bix p{
    font-weight: 400;
    font-size: 14px;
    line-height: 23px;
    letter-spacing: 0.1em;
    color: #44464D;
    margin: 0;
}
.delivery-prd .prd-bix p strong{
    font-weight: 700;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0.1em;
    color: #44464D;
    display: inline-block;
    margin: 0;
}
.delivery-prd .prd-bix h4{
    font-weight: 700;
    font-size: 16px;
    line-height: 23px;
    text-align: right;
    letter-spacing: 0.1em;
    color: #44464D;
    margin: 0;
    margin-left: auto;
		min-width: 90px;
}

.delivery-prd .accordion{
    padding: 0 0 22px;
    margin: 0 0 22px;
    padding-left: 25px;
    border-bottom: 1px solid #E6E7EC;
}
.delivery-prd .accordion .accordion-item {
    margin: 0;
    background-color: transparent;
    border: none;
    margin: 0 0 13px;
}
.delivery-prd .accordion .accordion-item .accordion-button {
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0.1em;
    color: #44464D;
    background-color: transparent;
    position: relative;
    padding: 0 0 0 30px;
}
.delivery-prd .accordion .accordion-item .accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none;
    color: unset;
}
.delivery-prd .accordion .accordion-item .accordion-button:focus {
    box-shadow: none;
}
.delivery-prd .accordion .accordion-item .accordion-button::after {
    display: none;
}
.delivery-prd .accordion .accordion-item .accordion-button:before{
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    border-radius: 100%;
    border: 1.5px solid #00AFEF;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;

}
.delivery-prd .accordion .accordion-item .accordion-body{
    padding: 22px 0 12px;
}
.delivery-prd .accordion .accordion-item .accordion-button:not(.collapsed):after{
    position: absolute;
    content: "";
    top: 50%;
    left: 4px;
    transform: translate(0, -50%);
    height: 10px;
    width: 10px;
    border-radius: 100%;
    background: #00AFEF;
    display: block;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}


.delivery-prd .accordion .row{
    margin: 0 -12px;
}
.delivery-prd .accordion .row .col-md-4,
.delivery-prd .accordion .row .col-md-8,
.delivery-prd .accordion .row .col-md-12{
    padding: 0 12px;
}

.delivery-prd .accordion .form-group{
    position: relative;
    margin: 0 0 20px;
}
.delivery-prd .accordion .info-img{
    position: absolute;
    left: -30px;
    top: 50%;
    max-width: 100%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.mobile-tool{
    display: none;
}


.delivery-prd .accordion .form-group label{
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.1em;
    color: #44464D;
    margin: 0;
}
.delivery-prd .accordion .form-group .form-control{
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.1em;
    color: #8A8C91;
    padding: 6px;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #44464D;
    box-shadow: none;
    outline: none;
    background-color: transparent;
}
.delivery-prd .accordion .form-group select.form-control{
    width: 100%;
    display: inline-block;
    margin: 0 0;
    -webkit-appearance: none;
    background-image: url(../images/down1.svg);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: center right 8px;
}


.checkout-center .delivery-prd{
    padding: 0;
    margin: 0;
    border: none;
}
.form-copun{
    padding: 0  0 40px;
}
.form-copun .form-group{
    margin: 0;
    position: relative;
}
.form-copun .form-group .form-control{
    border: 1px solid #00AFEF;
    border-radius: 30px;
    box-shadow: none;
    outline: none;
    padding: 11px 60px 13px 25px;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.1em;
    color: #44464D;
}
.form-copun .form-group button{
    height: 28px;
    width: 28px;
    border-radius: 100%;
    background: #00AFEF;
    box-shadow: none;
    outline: none;
    border:none;
    font-size: 13px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.form-copun .form-group button:hover{
    background: #000;
}
.inner-footer{
    box-shadow: 0px -2px 8px rgba(0, 0, 0, 0.1);
}
.centerpart{
    margin: 0 auto;
    display: table;
}
/* **** End checkout-wrp **** */
.back-title{
    display: none;
}
.back-title a{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 25px;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.05em;
    color: #BCBDC0;
}
.back-title a img{
    margin-right:9px;
}



/* ***** signature-hero ***** */
.signature-hero{
    padding: 0;
}
.signature-hero img.signature-hero-img{
    width: 100%;
    margin: 0 0 45px;
}
.signature-hero .container{
    max-width: 1041px;
}
.signature-hero .row{
    margin: 0 -7px;
}
.signature-hero .col-md-3{
    padding: 0 7px;
}
.signature-hero .signature-box{
    height: 227px;
    background: #F9F9FD;
    border-radius: 20px;
    padding: 20px;
    margin: 0 0 30px;
}
.signature-hero .signature-box img{
    max-width: 100%;
    margin: 0 auto 8px;
}
.signature-hero .signature-box p{
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #44464D;
}
.signature-hero .signature-box p strong{
    font-weight: 700;
}


/* **** End HEro **** */


/* **** work process **** */
.work-process{
    padding: 0 0 50px;
}
.work-process .work-title h1,
.work-process .work-title h2{
    font-weight: 700;
    font-size: 30px;
    line-height: 32px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #00AFEF;
    margin: 0 0 72px;
}
.work-process-block{

}
.work-process-block ul{
    display: flex;
    margin: 0 -28px;
    position: relative;
}
.work-process-block ul:before{
    position: absolute;
    content: "";
    height: 10px;
    width: 80%;
    border-top: 3px dashed #E6E7EC;
    left: 50%;
    top: 35px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: -1;
}
.work-process-block ul li{
    width: 20%;
    padding: 0 28px;
}
.work-process-block ul li span.number{
    width: 75px;
    height: 75px;
    background: #00AFEF;
    border-radius: 100%;
    font-weight: 700;
    font-size: 35px;
    padding: 0 0 5px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 10px;
}
.work-process-block ul li p{
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #44464D;
}
.work-process-block ul li p small{
    display: block;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #44464D;
}
.work-process-block ul li p span{
    color: #00AFEF;
}
/* **** End work process **** */


/* **** PRODUCT SUBSCRIBE **** */
.product-subscribe-wrp{
    background: #D394E3;
    padding: 71px 0 57px;
    margin: 50px 0 0 0;
    position: relative;
}

.product-subscribe-wrp .subscribe-shap1{
    position: absolute;
    top: 30px;
    left: 25%;
    max-width: 100%;
}
.product-subscribe-wrp .subscribe-shap2{
    position: absolute;
    max-width: 100%;
    left: 0;
    bottom: 0;
}
.product-subscribe-wrp .subscribe-shap3{
    position: absolute;
    max-width: 100%;
    right: 0;
    top: 40px;
}


.product-subscribe-wrp .container{
    max-width: 1041px;
}
.product-subscribe-wrp .row{
    display: flex;
    align-items: center;
}
.product-subscribe-wrp .prd-title{
    padding: 0 0 70px;
}
.product-subscribe-wrp .prd-title h2{
    font-weight: 700;
    font-size: 40px;
    line-height: 42px;
    letter-spacing: 0.1em;
    color: #FFFFFF;
    margin: 0 0 10px;
}
.product-subscribe-wrp .prd-title p{
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0.1em;
    color: #80328D;
    margin: 0;
}


.product-subscribe-wrp.seller-slider .small-slider-box{
    width: 297px;
    margin-left: auto;
    margin-right: 0;
}
.product-subscribe-wrp.seller-slider .slider-box{
    background: #fff;
    border-radius: 20px;
}
.product-box{
    position: relative;
}
.product-subscribe-wrp .slider-box .slider-img{
    padding: 10px;
}
.product-subscribe-wrp .slider-box .slider-img img{
    height: 240px;
    object-fit: contain;
    object-position: center;
}
.product-subscribe-wrp.seller-slider .or-text h2{
    font-weight: 900;
    font-size: 40px;
    line-height: 42px;
    letter-spacing: 0.1em;
    color: #80328D;
    margin: 0;
}
.product-subscribe-wrp .btn-main{
    display: table;
    width: auto;
    padding-right: 100px;
    background: #fff;
    color: #80328D;
    margin: 34px auto 0;
}
/* **** END PRODUCT SUBSCRIBE **** */


/* **** EVERYTHING **** */
.everything-wrp{
    padding: 56px 0;
    position: relative;
}
.everything-wrp .row{
    display: flex;
    align-items: center;
}
.everything-wrp .container{
    max-width: 1071px;
}
.everything-wrp img{
    max-width: 100%;
}
.everything-wrp .everything-img{
    padding-right: 60px;
}
.everything-wrp h2{
    font-weight: 700;
    font-size: 30px;
    line-height: 32px;
    letter-spacing: 0.1em;
    color: #0077B8;
    margin: 0 0 23px;
}
.everything-wrp p{
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0.1em;
    color: #44464D;
    margin: 0 0 34px;
}
.everything-wrp .btn-main{
    display: table;
    width: auto;
    padding-right: 100px;
    background: #0077B8;
}
/* **** End EVERYTHING **** */


/* **** doubts-wrp **** */
.doubts-wrp{
    padding: 43px 0;
    background: #F9F9FD;
}
.doubts-wrp .doubts-title h2{
    font-weight: 700;
    font-size: 30px;
    line-height: 32px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #00AFEF;
    margin: 0 0 50px;
}
.doubts-wrp .container{
    max-width: 756px;
}
.doubts-wrp .medbox-abt-image{
    padding: 0;
    margin: 0;
}
.doubts-wrp .doubts-faq{
    padding: 0 0 100px;
}


.doubts-wrp .doubts-faq .accordion .accordion-item {
    margin: 0;
    background-color: transparent;
    border: none;
    border-radius: 0;
}
.doubts-wrp .doubts-faq .accordion-item:last-of-type .accordion-button.collapsed {
    border-radius: 0 !important;
}
.doubts-wrp .doubts-faq .accordion .accordion-item .accordion-button {
    font-weight: 700;
    font-size: 18px;
    line-height: 40px;
    letter-spacing: 0.1em;
    color: #44464D;
    padding: 7px 20px;
    border-bottom: 2px solid #e6e7ec;
    border-radius: 0;
    background-color: transparent;
    position: relative;
}
.doubts-wrp .doubts-faq .accordion .accordion-item .accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none;
    color: unset;
}
.doubts-wrp .doubts-faq .accordion .accordion-item .accordion-button:focus {
    box-shadow: none;
}
.doubts-wrp .doubts-faq .accordion .accordion-item .accordion-button::after {
    display: none;
}
.doubts-wrp .doubts-faq .accordion .accordion-item .accordion-button:before {
    position: absolute;
    content: "\f077";
    font-family: "Font Awesome 5 Pro";
    right: 0;
    top: 50%;
    font-size: 16px;
    color: #00AFEF;
    right: 20px;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.doubts-wrp .doubts-faq .accordion .accordion-item .accordion-button.collapsed:before {
    content: "\f078";
    font-family: "Font Awesome 5 Pro";
}
.doubts-wrp .doubts-faq .accordion .accordion-body {
    padding: 22px 20px 44px;
}
.doubts-wrp .doubts-faq .accordion .accordion-body p {
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0.1em;
    color: #44464D;
    margin: 0;
}
/* **** End doubts-wrp **** */

/* **** doubts-wrp **** */
.doubts-wrp-prd{
    padding: 0;
    background: #fff;
}
.doubts-wrp-prd .doubts-title span{
    color: #0077B8;
    display: block;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.1em;
    line-height: 18px;
    margin: 0 0 7px 0;
    text-align: center;
    text-transform: uppercase;
}
.doubts-wrp-prd .doubts-title h2{
    font-weight: 700;
    font-size: 30px;
    line-height: 32px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #0077B8;
    margin: 0 0 50px;
}
.doubts-wrp-prd .container{
    max-width: 756px;
}
.doubts-wrp-prd .medbox-abt-image{
    padding: 0;
    margin: 0;
}
.doubts-wrp-prd .doubts-faq{
    padding: 0 0 100px;
}


.doubts-wrp-prd .doubts-faq .accordion .accordion-item {
    margin: 0;
    background-color: transparent;
    border: none;
    border-radius: 0;
}
.doubts-wrp-prd .doubts-faq .accordion-item:last-of-type .accordion-button.collapsed {
    border-radius: 0 !important;
}
.doubts-wrp-prd .doubts-faq .accordion .accordion-item .accordion-button {
    font-weight: 700;
    font-size: 18px;
    line-height: 40px;
    letter-spacing: 0.1em;
    color: #44464D;
    padding: 7px 20px;
    border-bottom: 2px solid #e6e7ec;
    border-radius: 0;
    background-color: transparent;
    position: relative;
}
.doubts-wrp-prd .doubts-faq .accordion .accordion-item .accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none;
    color: unset;
}
.doubts-wrp-prd .doubts-faq .accordion .accordion-item .accordion-button:focus {
    box-shadow: none;
}
.doubts-wrp-prd .doubts-faq .accordion .accordion-item .accordion-button::after {
    display: none;
}
.doubts-wrp-prd .doubts-faq .accordion .accordion-item .accordion-button:before {
    position: absolute;
    content: "\f077";
    font-family: "Font Awesome 5 Pro";
    right: 0;
    top: 50%;
    font-size: 16px;
    color: #00AFEF;
    right: 20px;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.doubts-wrp-prd .doubts-faq .accordion .accordion-item .accordion-button.collapsed:before {
    content: "\f078";
    font-family: "Font Awesome 5 Pro";
}
.doubts-wrp-prd .doubts-faq .accordion .accordion-body {
    padding: 22px 20px 44px;
}
.doubts-wrp-prd .doubts-faq .accordion .accordion-body p {
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0.1em;
    color: #44464D;
    margin: 0;
}
/* **** End doubts-wrp **** */



/* **** about-hero **** */
.about-hero{
    padding: 42px 0 85px;
    position: relative;
}
.about-hero .abt-hero-img img{
    max-width: 100%;
    border-radius: 12px;
    position: relative;
    z-index: 8;
}
.about-hero h6{
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0.1em;
    color: #0077B8;
    margin: 0 0 32px;
}
.abt-hero-block{
    padding: 30px 25px;
    background: #EDF4FA;
    position: relative;
}
.abt-hero-block:before{
    position: absolute;
    content: "";
    width: 52px;
    height: 100%;
    left: -52px;
    top: 0;
    bottom: 0;
    background: #EDF4FA;
    border-radius: 50px 0 0 40px;
}
.abt-hero-block:after{
    position: absolute;
    content: "";
    width: 70%;
    height: 100%;
    right: -70%;
    top: 0;
    bottom: 0;
    background: #EDF4FA;
    border-radius: 0 50px 50px 0;
}
.abt-hero-block ul{
    width: 445px;
}
.abt-hero-block ul li{
    float: left;
    width: 50%;
    margin: 0 0 40px;
}
.abt-hero-block ul li:last-child,
.abt-hero-block ul li:nth-child(3){
    margin: 0;
}
.abt-hero-block ul li img{
    max-width: 100%;
    margin: 0 auto 15px;
}
.abt-hero-block ul li p{
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #0077B8;
    margin: 0 auto;
    display: table;
    width: 170px;
}
/* **** End about-hero **** */


/* **** Abt Block **** */
.abt-block-wrpper{
    padding: 0 0 43px;
}
.abt-block-wrpper .abt-block-image{
    background: #EDF4FA;
    padding: 0 0 105px;
}
.abt-block-wrpper .abt-block-image img{
    width: 100%;
}

.abt-block-wrpper .row{
    display: flex;
    align-items: center;
}
.abt-block-wrpper .abt-block-info{
    margin-top: -65px;
}
.abt-block-wrpper .abt-block-info .abt-block-info-img img{
    width: 100%;
    max-width: 100%;
    border-radius: 20px;
}
/*.abt-block-wrpper .abt-block-info-dt{
    padding-left: 50px;
}*/
.abt-block-wrpper .abt-block-info-dt p{
    font-weight: 400;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 0.1em;
    color: #44464D;
    margin: 0 0 15px;
}
.abt-block-wrpper .btn-main{
    display: table;
    width: auto;
    padding-right: 100px;
    background: #00AFEF;
    color: #fff;
    margin: 33px 0 0;
}
/* **** End Abt Block **** */


/* ***** clients-info-wrp **** */
.clients-info-wrp{
    position: relative;
    padding: 0 0 96px;
}
.clients-info-wrp img.main-image{
    width: 100%;
    margin: 0 0 53px;
}
.clients-info-wrp h2{
    font-weight: 700;
    font-size: 35px;
    line-height: 42px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #0077B8;
    margin: 0;
    position: relative;
    display: table;
    margin: 0 auto;
}
.clients-info-wrp h2:before{
    position: absolute;
    content: " “ ";
    font-weight: 900;
    font-size: 150px;
    line-height: 150px;
    text-align: center;
    letter-spacing: 0.2em;
    left: -30px;
    top: -30px;
    color: transparent;
    -webkit-text-stroke: 3px #E6E7EC;
    z-index: -1;
}
.clients-info-wrp h2:after{
    position: absolute;
    content: " ” ";
    font-weight: 900;
    font-size: 150px;
    line-height: 150px;
    text-align: center;
    letter-spacing: 0.2em;
    right: 70px;
    bottom: -100px;
    color: transparent;
    -webkit-text-stroke: 3px #E6E7EC;
    z-index: -1;
}
.clients-info-wrp h2 span{
    color: #00AFEF;
}
/*.clients-info-wrp h2 .quote1{
    max-width: 100%;
    position: absolute;
    left: -30px;
    top: -10px;
    z-index: -1;
}
.clients-info-wrp h2 .quote2{
    max-width: 100%;
    position: absolute;
    right: 10%;
    bottom: -15px;
    z-index: -1;
}*/
/* ***** End clients-info-wrp **** */

/* **** speak-with-us ***** */
.speak-with-us-wrp .cnt-info{
    margin: 0 auto;
    padding: 0 0 50px;
    border: none;
    width: 700px;
}
.expert-wrp .container{
    max-width: 900px;
}
.expert-wrp .expert-block{
    background: #D394E3;
    border-radius: 10px;
    overflow: hidden;
    padding: 60px 100px;
    margin: 0 0 50px;
    position: relative;
}
.expert1-img{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 50%;
    object-fit: cover;
    object-position: center;
    border-radius: 10px 163px 163px 10px;
}
.expert-wrp .expert-block .expert-dt{
    width: 270px;
    margin-left: auto;
    margin-right: 0;
}
.expert-wrp .expert-block .expert-dt h2{
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0.1em;
    color: #FFFFFF;
    margin: 0 0 20px;
}
.expert-wrp .expert-block .expert-dt p{
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.1em;
    color: #44464D;
    margin: 0 0 36px;
}
.expert-wrp .expert-block .expert-dt .btn-main{
    background: #fff;
    display: table;
    width: auto;
    padding-right: 100px;
    color: #D394E3;
}
/* **** End speak-with-us ***** */


.signature-hero-mobile{display: none;width: 100%;}
.product-subscribe-wrp .mobile-shap{display: none;}
.product-subscribe-wrp .mobile-shap img{position: absolute;max-width: 100%;}
.product-subscribe-wrp .mobile-shap .subscribe-shap-mobile1{top: 0;left: 0;}
.product-subscribe-wrp .mobile-shap .subscribe-shap-mobile2{right: 0;top: 10%;}
.product-subscribe-wrp .mobile-shap .subscribe-shap-mobile3{top: 54%;left: 0;}
.product-subscribe-wrp .mobile-shap .subscribe-shap-mobile4{right: 0;bottom: 0;}
.product-subscribe-wrp .mobile-shap .subscribe-shap-mobile5{left: 0;bottom: 26px;}



.work-process-block-slider{
    display: none;
}
.work-process-block-slider .slider-box{
    padding: 0 30px 0;
    position: relative;
}
.work-process-block-slider .slider-box:before{
    position: absolute;
    content: "";
    height: 5px;
    width: 50%;
    left: 50%;
    top: 35px;
    border-top: 3px dashed #E6E7EC;
    z-index: -1;
}
.work-process-block-slider .slider-box:after{
    position: absolute;
    content: "";
    height: 5px;
    width: 50%;
    left: 0;
    top: 35px;
    border-top: 3px dashed #E6E7EC;
    z-index: -1;
}
.last-slider-box:before,
.first-slider-box:after{
    display: none;
}
.work-process-block-slider .slider-box span.number{
    width: 75px;
    height: 75px;
    background: #00AFEF;
    border-radius: 100%;
    font-weight: 900;
    font-size: 35px;
    padding: 0 0 5px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 10px;
}
.work-process-block-slider .slider-box p {
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #44464D;
}
.work-process-block-slider .slider-box p span {
    color: #00AFEF;
}
.work-process-block-slider .slick-dots{
    display: flex;
    align-items: center;
    justify-content: center;
}
.work-process-block-slider .slick-dots li{
    line-height: 0;
    margin-right: 3px;
}
.work-process-block-slider .slick-dots li:last-child{
    margin: 0;
}

.work-process-block-slider .slick-dots li button{
    height: 8px;
    width: 8px;
    border-radius: 100%;
    border:none;
    box-shadow: none;
    outline: none;
    background: #E6E7EC;
    font-size: 0;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.work-process-block-slider .slick-dots li.slick-active button{
    background: #00AFEF;
    border-radius: 4.5px;
    width: 23px;
}

.about-hero .one{order: 1;}
.about-hero .two{order: 2;}

.clients-info-wrp .one{order: 1;}
.clients-info-wrp .two{order: 2;}

.abt-block-wrpper .abt-hero-block{display: none;}


.everything-wrp .btn-main:hover{background: #000;}
.product-subscribe-wrp .btn-main:hover{background: #000;color: #fff;}
.abt-block-wrpper .btn-main:hover{background: #000;}
.expert-wrp .expert-block .expert-dt .btn-main:hover{background: #000;}



/* **** quiz-presentation-wrpper **** */
.quiz-presentation-wrpper{
    background: #D394E3;
    padding: 15px 0 40px;
    position: relative;
    min-height: 616px;
}
.quiz-presentation-wrpper .login-braidcrumb{
    padding: 0 0 60px;
}
.quiz-presentation-wrpper .login-braidcrumb ul li,
.quiz-presentation-wrpper .login-braidcrumb ul li a {
    color: #fff;
}
.quiz-presentation-wrpper .presentation-shap1{
    position: absolute;
    left: 0;
    top: 0;
    max-width: 100%;
}
.quiz-presentation-wrpper .presentation-shap2{
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 100%;
}


.quiz-presentation-block{
    position: relative;
    z-index: 1;
}
.quiz-presentation-block .row{
    align-items: center;
}

.quiz-presentation-block .col-md-3{width: 27%;}
.quiz-presentation-block .col-md-4{width: 35%;}
.quiz-presentation-block .col-md-5{width: 38%;}


/*.quiz-presentation-block .quiz-title{
    width: 78%;
}*/
.quiz-presentation-block .quiz-info-title {
		padding-bottom: 30px;
}
.quiz-presentation-block .quiz-info-title h1,
.quiz-presentation-block .quiz-info-title h2{
    font-weight: 700;
    font-size: 30px;
    line-height: 32px;
    letter-spacing: 0.05em;
    color: #FFFFFF;
    margin: 0 0 25px;
}
.quiz-presentation-block .quiz-info-title h1 span,
.quiz-presentation-block .quiz-info-title h2 span{
    color: #80328D;
}
.quiz-presentation-block .quiz-info-title p{
    font-weight: 600;
    font-size: 19px;
    line-height: 20px;
    letter-spacing: 0.1em;
    color: #FFFFFF;
    margin: 50px 0 25px 0;
}
.quiz-presentation-block .quiz-info-title .btn-main{
    background: #80328D;
    color: #fff;
    margin: 0 0 14px;
    display: table;
    width: auto;
    padding-right: 70px;
}
.quiz-presentation-block .quiz-info-title .btn-main:hover{
    background: #fff;
    color: #80328D;
}
.quiz-presentation-block .quiz-info-title span.time-text{
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 15px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #FFFFFF;
}
.quiz-presentation-block .quiz-info-title span img{
    margin-right: 5px;
    max-width: 100%;
}



.presentation-image{
    padding: 22px;
    border: 2px solid #FFFFFF;
    background: #D394E3;
    border-radius: 219px 219px 219px 38px;
    position: relative;
    z-index: 5;
}
.presentation-image img{
    background: #D394E3;
    border-radius: 219px 219px 219px 30px;
    max-width: 100%;
}


.presentation-dt ul li{
    margin: 0 0 14px;
    background: #C378D6;
    border-radius: 45.5px;
    padding: 14px 27px 14px 18px;
    display: flex;
    align-items: center;
    width: 425px;
    margin-left: auto;
    justify-content: flex-end;
    position: relative;
}

.presentation-dt ul li .connecting-line{
    max-width: 100%;
    margin: 0;
    position: absolute;
    left: -66px;
    top: 43px;
}
.presentation-dt ul li .connecting-line2{
    left: -58px;
}
.presentation-dt ul li .connecting-line3{
    left: -58px;
    top: 7px;
}
.presentation-dt ul li .connecting-line4{
    left: -64px;
    top: auto;
    bottom: 44px;
}


.presentation-dt ul li:last-child{
    margin-left: auto;
    margin-bottom: 0;
}
.presentation-dt ul li img{
    max-width: 100%;
    margin-right: 17px;
}
.presentation-dt ul li p{
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.05em;
    color: #80328D;
    margin: 0 0 7px;
}
.presentation-dt ul li p strong{
    font-weight: 700;
}
.presentation-dt ul li span{
    display: block;
    font-weight: 400;
    font-size: 12px;
    line-height: 13px;
    letter-spacing: 0.1em;
    color: #FFFFFF;
}
.presentation-dt ul li span strong{
    font-weight: 700;
}

.closure-icons{
    padding: 45px 0 0;
}
.closure-icons ul{
    display: flex;
    align-items: center;
    justify-content: center;
}
.closure-icons ul li{
    margin-right: 16px;
}
.closure-icons ul li:last-child{
    margin: 0;
}
.closure-icons ul li a{
    display: block;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.closure-icons ul li a img{
    max-width: 100%;
    margin: 0;
}
.closure-icons ul li a:hover{
    opacity: 0.6;
}
/* **** End quiz-presentation-wrpper **** */



/* **** medbox-quiz-01-wrp **** */
.medbox-quiz-01-wrp{
    padding: 15px 0 30px;

    position: relative;
}
.medbox-quiz-01-wrp .login-braidcrumb{
    padding: 0 0 110px;
}
.medbox-quiz-progress{
    position: absolute;
    left: 50%;
    bottom: 27px;
    width: 800px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.medbox-quiz-progress .row{display: flex;align-items: flex-end;}
.medbox-quiz-progress .col-md-3{width: 18%;}
.medbox-quiz-progress .col-md-6{width: 64%;}
.medbox-quiz-progress .progress-arrow a{
    font-weight: 700;
    font-size: 10px;
    line-height: 15px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #FFFFFF;
    text-align: center;
    display: table;
    margin: 0 auto;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.medbox-quiz-progress .progress-arrow a span{
    height: 35px;
    width: 35px;
    background: #FFFFFF;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #80328D;
    font-size: 18px;
    margin: 0 auto 10px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.medbox-quiz-progress .progress-arrow a:hover{
    color: #000;
}
.medbox-quiz-progress .progress-arrow a:hover span{
    color: #fff;
    background: #000;
}
.medbox-quiz-progress .progress-block .progress-box li{
    background: #FFFFFF;
    border-radius: 5.5px;
    height: 8px;
}
.medbox-quiz-progress .progress-block .progress-box span{
    position: relative;
    display: block;
    height: 8px;
    border-radius: 5.5px;
    background: #C378D6;
}
.medbox-quiz-progress .progress-block .progress-box span:before{
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    background-image: url(../images/pen.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 34px;
    width: 34px;
    top: -12px;
}
.medbox-quiz-progress .progress-block h4{
    font-weight: 600;
    font-size: 10px;
    line-height: 15px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #80328D;
    margin: 19px 0 0;
}



.medbox-quiz-block{
    width: 800px;
    margin: 0 auto;position: relative;
    z-index: 5;
}
.medbox-quiz-block form h3{
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 24px;
    letter-spacing: 0.05em;
    color: #FFFFFF;
    margin: 0 0 17px;
		text-rendering: geometricPrecision;
}
.medbox-quiz-block form p{
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.1em;
    color: #FFFFFF;
    margin: 0 0 17px;
    padding-left: 35px;
		padding-right: 35px;
}
.medbox-quiz-block form p span{
    color: #80328D;
}
.medbox-quiz-block form .form-group{
    margin: 37px 0 33px;
    position: relative;
}
.medbox-quiz-block form .form-group .form-control{
    background: #D394E3;
    border-radius: 0;
    box-shadow: none;
    outline: none;
    border: none;
    border-bottom: 2px solid #80328D;
    font-weight: 600;
    font-size: 24px;
    line-height: 15px;
    letter-spacing: 0.1em;
    color: #FFFFFF;
    height: auto;
    padding: 0 34px 25px;
}
.medbox-quiz-block form .form-group .form-control::placeholder{
    color: #fff;
}
.medbox-quiz-block form button{
    border: none;
    display: table;
    width: auto;
    background: #80328D;
    padding-right: 60px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.medbox-quiz-block form button .spinner-border {
	margin-right: 10px;
	position: relative;
	top: -3px;
}
.medbox-quiz-block form .form-group .tooltip-box{
    position: absolute;
    left:30%;
    top: 100%;
    opacity: 0;
    visibility: hidden;
    margin: 40px 0 0;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.medbox-quiz-block form .form-group .tooltip-box span{
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #80328D;
    position: absolute;
    bottom: 10px;
    right: 0;
}
.medbox-quiz-block form .form-group:hover .tooltip-box{
    opacity: 1;
    visibility: visible;
    margin: 0;
}
.medbox-quiz-block .error-box .error-line {
		padding-left: 34px;
}
.error-message {
	font-style: italic;
	font-weight: bold;
	font-size: 10px;
	line-height: 14px;
	letter-spacing: 0.1em;
	color: #e24747;
	display: block;
	padding-left: 10px;
	text-align: center;
}
.error-message2 {
	font-style: italic;
	font-weight: bold;
	font-size: 10px;
	line-height: 14px;
	letter-spacing: 0.1em;
	color: #e24747;
	display: block;
	padding-left: 10px;
	margin-top: 30px;
	text-align: center;
}
/* **** End medbox-quiz-01-wrp **** */


/* ***** medbox-quiz-03 **** */
.medbox-quiz-03-wrp {
	min-height: 680px;
}
.medbox-quiz-03-wrp .medbox-quiz-block h3{
    text-align: center;
}
.medbox-quiz-03-wrp .medbox-quiz-block p{
    text-align: center;
    margin: 0 0 43px;
}
.medbox-quiz-03-wrp .medbox-quiz-block button{
    margin: 0 auto;
}
.medbox-quiz-03-wrp .medbox-quiz-block .select-gender{
    width: 382px;
    margin: 0 auto;
    padding: 0 0 33px;
}
.medbox-quiz-03-wrp .medbox-quiz-block .select-gender ul{
    display: flex;
    margin: 0 -19px;
}
.medbox-quiz-03-wrp .medbox-quiz-block .select-gender ul li{
    width: 33.33%;
    padding: 0 19px;
    font-weight: 700;
    font-size: 15px;
    line-height: 23px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #80328D;
    cursor: pointer;

}
.medbox-quiz-03-wrp .medbox-quiz-block .select-gender ul li .gender-img{
    height: 102px;
    width: 102px;
    background: #FFFFFF;
    box-shadow: 0px 2px 6px rgba(98, 32, 109, 0.46);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    margin: 0 auto 11px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.medbox-quiz-03-wrp .medbox-quiz-block .select-gender ul li .gender-img img{
    max-width: 100%;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.medbox-quiz-03-wrp .medbox-quiz-block .select-gender .qual-btn{
    margin: 25px 0 30px auto;
    display: table;
    width: 100px;
}
.medbox-quiz-03-wrp .medbox-quiz-block .select-gender .qual-btn .form-control{
    font-weight: 600;
    font-size: 14px;
    line-height: 15px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #FFFFFF;
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    outline: none;
    border: none;
    padding: 0 0 10px;
    border-bottom: 1px solid #C378D6;
}
.medbox-quiz-03-wrp .medbox-quiz-block .select-gender .qual-btn .form-control::placeholder{
    color: #FFFFFF;
}

.medbox-quiz-03-wrp .medbox-quiz-block .select-gender ul li input {
    position: absolute;
    left: 0;
    top: 50%;
    opacity: 0;
    visibility: hidden;
}
.medbox-quiz-03-wrp .medbox-quiz-block .select-gender ul li.selected .gender-img{
    background: #80328D;
    box-shadow: 0px 2px 6px rgba(98, 32, 109, 0.46);
}
.medbox-quiz-03-wrp .medbox-quiz-block .select-gender ul li.selected .gender-img img{
    filter: brightness(0) invert(1);
}

.medbox-quiz-03-wrp .medbox-quiz-block .select-gender ul li{
    position: relative;
}
.medbox-quiz-03-wrp .medbox-quiz-block .select-gender ul li .tooltip-box{
    position: absolute;
    left:90%;
    top: 10px;
    opacity: 0;
    visibility: hidden;
    margin-left: 40px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.medbox-quiz-03-wrp .medbox-quiz-block .select-gender ul li .tooltip-box span{
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #E24747;
    position: absolute;
    bottom: 17px;
    right: 0;
    left: 10px;
    text-align: center;
    text-transform: initial;
}
.medbox-quiz-03-wrp .medbox-quiz-block .select-gender ul li:hover .tooltip-box{
    opacity: 1;
    visibility: visible;
    margin: 0;
}
/* ***** End medbox-quiz-03 **** */


/* **** medbox-quiz-04 **** */
.medbox-quiz-04-wrp{
    background: #0077B8;
}
.presentation-shap3{
    position: absolute;
    left: 0;
    bottom: 0;
    max-width: 100%;
}
.presentation-shap4{
    position: absolute;
    right: 0;
    top: 0;
    max-width: 100%;
}
.medbox-quiz-04-wrp .login-braidcrumb{
    padding: 0 0 80px;
}
.medbox-quiz-04-wrp .medbox-quiz-block h3{
    text-align: center;
    margin: 0 0 42px;
		text-rendering: geometricPrecision;
}
.medbox-quiz-04-wrp .medbox-quiz-block button{
    background: #00AFEF;
    margin: 0 auto;
}
.medbox-quiz-04-wrp .medbox-quiz-block button:hover{
    background: #000;
    color: #fff;
}

.medbox-quiz-04-wrp .medbox-quiz-progress .progress-arrow a span{
    color: #0077B8;
}
.medbox-quiz-04-wrp .medbox-quiz-progress .progress-block .progress-box span{
    background: #00AFEF;
}
.medbox-quiz-04-wrp .medbox-quiz-progress .progress-block h4{
    color: #fff;
}
.medbox-quiz-04-wrp .medbox-quiz-progress .progress-block .progress-box span:before{
    background-image:url(../images/pen-blue.svg);
}

.birthday-block{
    width: 684px;
    margin: 0 auto;
    padding: 0 0 110px;
}
.select2-container--default .select2-selection--single{
    background: #FFFFFF;
    height: auto;
    border-radius: 44px;
    border: none;
}
.select2-container .select2-selection--single .select2-selection__rendered{
    padding: 15px 20px;
    font-family: "Titillium Web", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 15px;
    letter-spacing: 0.1em;
    color: #44464D;
    border: none;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-radius: 24px 24px 0px 0px;
}
.select2-search--dropdown{
    display: none;
}
.select2-dropdown{
    background: #FFFFFF;
    border-radius: 0px 0px 24px 24px;
    border: none;
    border-top: 1px solid #E6E7EC;
    overflow: hidden;
}
.select2-results__option{
    display: block;
    font-family: "Titillium Web", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 15px;
    letter-spacing: 0.1em;
    color: #44464D;
    padding: 10px 20px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected=true],
.select2-results__option:hover{
    background: #00AFEF;
    color: #fff;
}
.select2-container--default .select2-selection--single .select2-selection__arrow:before{
    position: absolute;
    content: "";
    right: 12px;
    top: 10px;
    background-image: url(../images/select-icon1.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 22px;
    width: 22px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
    display: none;
}
.select2-container--open.select2-container--default .select2-selection--single .select2-selection__arrow:before{
    transform: rotate(180deg);
}
.select2-container--default .select2-results>.select2-results__options{
    max-width: 245px;
}
/* **** End medbox-quiz-04 **** */

/* **** medbox-quiz-05 **** */
.quiz-ranger-bx{
    padding: 60px 0;
}
.quiz-ranger-bx .slider-blue > .bar > span{
    transition: 0.3s;
    background: transparent !important;
}
.quiz-ranger-bx .slider-blue > .bar-btn{
    transition: 0.3s;
}

.quiz-ranger-bx .slider {
		cursor: pointer;
    display: inline-block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.quiz-ranger-bx .slider > input {
    opacity: 0;
    width: 100%;
    height: 40px;
    position: relative;
    border-radius: 15px;
    z-index: 5;
    -webkit-appearance: none;
}
.quiz-ranger-bx .slider > input::-webkit-slider-thumb {
    -webkit-appearance: none;
    z-index: 100;
    position: relative;
    width: 50px;
    height: 30px;
    -webkit-border-radius: 10px;
}
.quiz-ranger-bx .slider > span.slider-container {
    min-height: 40px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.quiz-ranger-bx .slider > span.slider-container > span.bar {
    background-color: #fff;
    background-image: url('../images/scale-img.svg');
    background-repeat: repeat;
    background-size: contain;
    display: inline-block;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    height:21px;
    overflow: hidden;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    top: 50%;
    transform: translateY(-50%);
}
.quiz-ranger-bx .slider > span.slider-container > span.bar > span {
    background: #00965b;
    display: inline-block;
    float: left;
    height: 21px;
    width: 0%;
}
.quiz-ranger-bx .slider > span.slider-container > span.bar-btn {
    display: inline-block;
    position: absolute;
    min-width: 58px;
    max-width: 58px;
    height: 58px;
    font-weight: bold;
    text-align: center;
    background: url('../images/scaler-img.svg') 0 0 no-repeat;
    background-size: 100% 100%;
    left: 0;
    top: 50%;
    border-radius: 100px;
    box-shadow: 0px 2px 4px #005B7C;
    z-index: 5;
    color: #fff;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transform: translateY(-50%);
}
.quiz-ranger-bx .slider > span.slider-container > span.bar-btn > span {
    font-size: 18px;
    font-weight: 900;
    color: #44464D;
    padding: 5px 10px;
    min-width: 65px;
    border-radius: 10px;
    font-family: "Titillium Web", sans-serif;
    background: #fff;
    text-align: center;
    display: block;
    position: absolute;
    top: -55px;
}
.quiz-ranger-bx .slider > span.slider-container > span.bar-btn > span:after{
    position: absolute;
    content: '';
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    bottom: -10px;
    left: 50%;
    transform: translate(-50%,0);
}

.weight-img{
    margin: 0 auto 35px;
    position: relative;
    display: table;
}
.weight-input{
    position: absolute;
    top: 35px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: table;
}
.weight-input .form-control{
    padding: 0;
    height: auto;
    border-radius: 0;
    border: none;
    box-shadow: none;
    font-size: 20px;
    font-weight: bold;
    color: #00AFEF;
    width: 100px;
    text-align: center;
    margin: 0 auto;
    padding: 0 40px 0 0;
}
.weight-input .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #00AFEF;
}
.weight-input .form-control::-moz-placeholder { /* Firefox 19+ */
    color: #00AFEF;
}
.weight-input .form-control:-ms-input-placeholder { /* IE 10+ */
    color: #00AFEF;
}
.weight-input .form-control:-moz-placeholder { /* Firefox 18- */
    color: #00AFEF;
}
.weight-input span{
    font-size: 20px;
    font-weight: bold;
    color: #00AFEF;
    position: absolute;
    right: 20px;
    top: 0;
}
/* **** End medbox-quiz-05 **** */


/* **** medbox-quiz-07 **** */
.medbox-quiz-04-wrp .step7-box h3{
    margin: 0 0 15px;
		text-rendering: geometricPrecision;
}
.medbox-quiz-04-wrp .step7-box p{
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    margin: 0 auto 45px;
    text-align: center;
    display: table;
    width: 65%;
}
.step7-choice{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 35px;
}
.step7-choice .cus-radbx{
    margin-right: 25px;
}
.step7-choice .cus-radbx:last-child{margin: 0;}

.cus-radbx{
    padding: 15px 15px;
    min-width: 110px;
    text-align: center;
    background: #fff;
    border-radius: 10px;
}
.cus-radbx [type="radio"]:checked,
.cus-radbx [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.cus-radbx [type="radio"]:checked + label,
.cus-radbx [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
    color: #44464D;
    line-height: 26px;
    margin: 0;
}
.cus-radbx [type="radio"]:checked + label:before,
.cus-radbx [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width:26px;
    height: 26px;
    border:3px solid #00AFEF;
    border-radius: 100%;
    background: #fff;
}
.cus-radbx [type="radio"]:checked + label:after,
.cus-radbx [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 16px;
    height: 16px;
    background: #00AFEF;
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.cus-radbx [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.cus-radbx [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.cus-chkbx{
    padding: 15px 15px;
    min-width: 110px;
    text-align: center;
    background: #fff;
    border-radius: 10px;
}
.cus-chkbx [type="checkbox"]:checked,
.cus-chkbx [type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.cus-chkbx [type="checkbox"]:checked + label,
.cus-chkbx [type="checkbox"]:not(:checked) + label
{
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
    color: #44464D;
    line-height: 26px;
    margin: 0;
}
.cus-chkbx [type="checkbox"]:checked + label:before,
.cus-chkbx [type="checkbox"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width:26px;
    height: 26px;
    border:3px solid #00AFEF;
    border-radius: 5px;
    background: #fff;
}
.cus-chkbx [type="checkbox"]:checked + label:after,
.cus-chkbx [type="checkbox"]:not(:checked) + label:after {
    content: '';
    width: 16px;
    height: 16px;
    background: #00AFEF;
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 0;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.cus-chkbx [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.cus-chkbx [type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
/* **** End medbox-quiz-07 **** */

/* **** medbox-quiz-08 **** */
.medbox-quiz-08-wrp{
    background: #FF9200;
}
.medbox-quiz-08-wrp .presentation-shap3{
    bottom: auto;
    top: 0;
}
.medbox-quiz-08-wrp .presentation-shap4{
    top: auto;
    bottom: 0;
}
.medbox-quiz-08-wrp .medbox-quiz-block form h3{
    text-align: center;
		text-rendering: geometricPrecision;
}
.medbox-quiz-08-wrp .medbox-quiz-block form h6{
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    text-align: center;
    margin: 0 0 45px;
    line-height: 22px;
    letter-spacing: 2px;
}
.medbox-quiz-08-wrp .medbox-quiz-block form h6 span{
    color: #44464D;
    font-weight: 600;
}
.medbox-quiz-08-wrp .medbox-quiz-block form button{
    background: #fff;
    color: #FF9200;
    margin: 0 auto;
    display: table;
}
.medbox-quiz-08-wrp .medbox-quiz-block form button:hover{
    background: #000;
    color: #fff;
}
.medbox-quiz-08-wrp .medbox-quiz-progress .progress-block .progress-box span{
    background: #FFAF62;
}
.medbox-quiz-08-wrp .medbox-quiz-progress .progress-block .progress-box span:before{
    background-image: url('../images/orange-pen.svg');
}
.medbox-quiz-08-wrp .medbox-quiz-progress .progress-block h4{
    color: #fff;
}
.medbox-quiz-08-wrp .medbox-quiz-progress .progress-arrow a span{
    color: #FF9200;
}

.step8-choice-row ul{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto 35px;
    width: 550px;
    position: relative;
}
.step8-choice-row ul .nobx{
    width: 115px;
    position: absolute;
    top:50%;
    right: -115px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.step8-choice-row ul .nobx h4{
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    margin: 0;
    line-height: 16px;
}
.step8-choice-row ul .nobx h4 span{
    font-weight: 600;
    color: #44464D;
}
.step8-choice-row ul li{
    width: 33.33%;
    padding: 0 10px;
}
.step8-choice-row ul li .choice-orgbx{
    position: relative;
    width: 155px;
    margin: 0 auto;
    cursor: pointer;
}
.step8-choice-row ul li .choice-orgbx input{display: none;}
.step8-choice-row ul li .choice-orgbx .or-chimg{
    width: 150px;
    height: 150px;
    border-radius: 100%;
    object-fit: cover;
    margin: 0 auto 15px;
}
.step8-choice-row ul li .choice-orgbx .or-chimg img{
    width: 100%;
    height: 100%;
    border-radius: 100%;
    margin: 0 auto;
}
.tooltip-in{
    position: absolute;
    top: 0;
    left: 0;
}
.tooltip-in img{
    transition: .4s linear;
    -webkit-transition: .4s linear;
}
.tooltip-in a:hover img{
    opacity: 0.50;
}
.step8-choice-row ul li .choice-orgbx h5{
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}
.step8-choice-row ul li.selected .choice-orgbx .or-chimg{
    border: 3px solid #fff;
}
.step8-choice-row ul li.selected .choice-orgbx .or-chimg img{
    border: 10px solid #FF9200;
		box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.toolbx-o{
    padding: 10px 15px;
    border-radius: 10px;
    background: #fff;
    position: absolute;
    top: -20px;
    left: -220px;
    width: 200px;
    transition: .4s linear;
    -webkit-transition: .4s linear;
    opacity: 0;
    visibility: hidden;
}
.toolbx-o:after{
    position: absolute;
    content: '';
    border-top: 10px solid transparent;
    border-left: 10px solid #fff;
    border-bottom:10px solid transparent;
    right: -10px;
    top: 18px;
}
.tooltip-in .toolbx-o h4{
    margin: 0;
    font-size: 12px;
    font-weight: normal;
    color: #44464D;
    line-height: 16px;
    padding: 0;
}
.tooltip-in:hover .toolbx-o{
    opacity: 1;
    visibility: visible;
}
.medbox-quiz-08-wrp .medbox-quiz-block form h6 a span{
    text-decoration: underline;
}
.step8-choice-row.step9-row ul li{
    width: 25%;
}
.step8-choice-row.step9-row ul li{

}
.step8-choice-row.step9-row ul li .choice-orgbx{
    width: 120px;
}
.step8-choice-row.step9-row ul li .choice-orgbx .or-chimg{
    width: 120px;
    height: 120px;
}
/* **** End medbox-quiz-08 **** */

/* **** medbox-quiz-10 **** */
.medbox-quiz-08-wrp .medbox-quiz-block.step10-box form h3{
    margin: 0 0 35px;
		text-rendering: geometricPrecision;
}
.medbox-quiz-08-wrp .medbox-quiz-block form button{
    margin: 0 auto 50px;
}
.step10-rowbx ul{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 520px;
    margin: 0 auto 35px;
}
.step10-rowbx ul li{
    padding: 0 15px;
    width: 33.33%;
}
.step10-rowbx ul li .cus-radbx{
    text-align: left;
    margin: 0 0 10px;
    width: 100%;
}
.step10-rowbx ul li .cus-radbx [type="radio"]:checked + label:after, .step10-rowbx ul li .cus-radbx [type="radio"]:not(:checked) + label:after{
    background: #FF9200;
}
.step10-rowbx ul li .cus-radbx [type="radio"]:checked + label:before, .step10-rowbx ul li .cus-radbx [type="radio"]:not(:checked) + label:before{
    border-color: #FF9200;
}
.inner-itemsbx{
    display: flex;
    flex-wrap: wrap;
}
.inbx-it{
    padding: 0 5px 10px;
    width: 50%;
}
.inbx-it .item-step{
    background: linear-gradient(112.91deg, rgba(255, 255, 255, 0.51) 3.51%, rgba(255, 255, 255, 0) 111.71%);
    filter: drop-shadow(14.6469px 17.5762px 29.2937px rgba(0, 0, 0, 0.05));
    backdrop-filter: blur(15px);
    border-radius: 10px;
    width: 100%;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.step10-rowbx ul li.selected .inbx-it .item-step{
    background: #fff;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
}
.step10-rowbx ul li .inbx-it .item-step img.act-img{
    display: none;
}
.step10-rowbx ul li.selected .inbx-it .item-step img.act-img{
    display: block;
}
.step10-rowbx ul li.selected .inbx-it .item-step img.nrm-img{
    display: none;
}

.med12quiz .login-braidcrumb{
    padding: 0 0 25px;
}
.med12quiz .medbox-quiz-block form h6{
    margin: 0 0 25px;
}
.step12-wrpbx h5.eront{
    font-size: 12px;
    font-weight: bold;
    color: #44464D;
    padding: 10px 20px;
    background: #fff;
    border-radius: 5px;
    text-transform: uppercase;
    margin: 0 auto 15px;
    display: table;
}
.step12-rowbx .cus-radbx{
    width: 240px;
    margin: 0 auto 10px;
    padding: 12px 15px;
}
.step12-rowbx .cus-radbx:last-child{
    margin: 0 auto 25px;
}
.step12-rowbx .cus-radbx label{
    display: flex !important;
    align-items: center;
}
.step12-rowbx .cus-radbx label span{
    width: 45px;
    margin-right: 10px;
}
.step12-rowbx .cus-radbx label img{
    margin-right: 5px;
}
.step12-rowbx .cus-radbx label img:last-child{margin: 0;}
.step12-rowbx .cus-radbx [type="radio"]:checked + label:after, .step12-rowbx .cus-radbx [type="radio"]:not(:checked) + label:after{
    background: #FF9200;
    top: 9px;
}
.step12-rowbx .cus-radbx [type="radio"]:checked + label:before, .step12-rowbx .cus-radbx [type="radio"]:not(:checked) + label:before{
    border-color: #FF9200;
    top: 4px;
}
/* **** End medbox-quiz-10 **** */


/* **** medbox-quiz-13-wrp **** */
.medbox-quiz-13-wrp{
    background: #E24747;
}
.medbox-quiz-13-wrp .step13-wrpbx h3{
    text-align: center;
		text-rendering: geometricPrecision;
}
.medbox-quiz-13-wrp .step13-wrpbx p{
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #FFFFFF;
    margin: 0 0 40px;
}
.medbox-quiz-13-wrp .step13-wrpbx p span{
    font-weight: 700;
    color: #fff;
}
.medbox-quiz-13-wrp .step13-wrpbx .step13-selectbox ul{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0 50px;
}
.medbox-quiz-13-wrp .step13-wrpbx .step13-selectbox ul li span{
    background: #FFFFFF;
    height: 60px;
    width: 60px;
    border-radius: 100%;
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #44464D;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 11px;
    cursor: pointer;
    position: relative;
}
.medbox-quiz-13-wrp .step13-wrpbx .step13-selectbox ul li span input{
    position: absolute;
    opacity: 0;

}
.medbox-quiz-13-wrp .step13-wrpbx .step13-selectbox ul li:last-child{
    margin: 0;
}
.medbox-quiz-13-wrp .step13-wrpbx .step13-selectbox ul li span:before{
    position: absolute;
    content: "";
    height: 90%;
    width: 90%;
    border-radius: 100%;
    border: 3px solid #E24747;
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.medbox-quiz-13-wrp .step13-wrpbx .step13-selectbox ul li.selected span:before{
    opacity: 1;
}

.medbox-quiz-13-wrp .btn-main{
    background: #fff;
    color: #E24747;
    margin: 0 auto;
}
.medbox-quiz-13-wrp .btn-main:hover{
    background: #000;
    color: #fff;
}
.select-guid{
    padding: 0 0 20px;
}
.select-guid span{
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 10px;
    line-height: 15px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #FFFFFF;
}
.select-guid span img{
    max-width: 100%;
    margin-right: 5px;
}
.medbox-quiz-13-wrp .medbox-quiz-progress .progress-block .progress-box span{
    background: #EA7575;
}
.medbox-quiz-13-wrp .medbox-quiz-progress .progress-block .progress-box span:before{
    background-image: url('../images/red-pen.svg');
}
.medbox-quiz-13-wrp .medbox-quiz-progress .progress-block h4{
    color: #fff;
}
.medbox-quiz-13-wrp .medbox-quiz-progress .progress-arrow a span{
    color: #EA7575;
}
/* **** End medbox-quiz-13-wrp **** */

/* **** step14-wrpbx **** */
.step14-wrpbx .nav-tabs{
    border: none;
    width: 410px;
    margin: 0 auto 40px;
    position: relative;
}
.step14-wrpbx .nav-tabs:before{
    position: absolute;
    content: "";
    left: 50%;
    top: 25px;
    height: 5px;
    width: 90%;
    background: #EA7575;
    border-radius: 5.5px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.step14-wrpbx .nav-tabs li{
    width: 33.33%;
}
.step14-wrpbx .nav-tabs li:nth-child(2) .nav-link{
    text-align: center;
    margin: 0 auto;

}
.step14-wrpbx .nav-tabs li:last-child .nav-link{
    margin-left: auto;
    margin-right: 0;
}
.step14-wrpbx .nav-tabs li .nav-link{
    border: none;
    box-shadow: none;
    margin: 0;
    font-weight: 700;
    font-size: 15px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    display: table;
    color: #FFFFFF;
    border: none;
    padding: 0;
    background: transparent;
    position: relative;
    z-index: 9;
}
.step14-wrpbx .nav-tabs li .nav-link:before{
    position: absolute;
    left: 50%;
    content: "";
    height: 16px;
    width: 16px;
    border-radius: 100%;
    background: #EA7575;
    top: 19px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.step14-wrpbx .nav-tabs li .nav-link .nav-img{
    height: 52px;
    width: 52px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    box-shadow: 0px 2px 4px rgba(73, 0, 85, 0.17);
    margin: 0 auto 12px;
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    position: relative;
    z-index:10;
}
.step14-wrpbx .nav-tabs li .nav-link .nav-img img{
    max-width: 100%;
}
.step14-wrpbx .nav-tabs li .nav-link.active .nav-img{
    opacity: 1;
}
/* **** End step14-wrpbx **** */



/* **** step15 **** */
.medbox-quiz-15-wrp .login-braidcrumb{
    padding: 0 0 30px;
}
.step15-wrpbx .step15-info-block{
    width: 566px;
    margin: 0 auto;
}
.step15-wrpbx .step15-info-block .wrpbx-img img{
    max-width: 100%;
}
.step15-wrpbx .step15-info-block .wrpbx-block .btn-main{
    margin: 22px 0 0;
}

.wrpbx-block .cus-radbx{
    padding: 0;
    margin: 0;
    text-align: left;
    background: linear-gradient(112.91deg, rgba(255, 255, 255, 0.51) 3.51%, rgba(255, 255, 255, 0) 111.71%);
    filter: drop-shadow(14.6469px 17.5762px 29.2937px rgba(0, 0, 0, 0.05));
    backdrop-filter: blur(15px);
    border-radius: 100px;
    padding: 10px 12px;
    margin: 0 0 6px;
}
.wrpbx-block .cus-radbx [type="radio"]:checked + label,
.wrpbx-block .cus-radbx [type="radio"]:not(:checked) + label{
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1em;
    color: #FFFFFF;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.wrpbx-block .cus-radbx [type="radio"]:checked + label:before,
.wrpbx-block .cus-radbx [type="radio"]:not(:checked) + label:before{
    height: 20px;
    width: 20px;
    background: transparent;
    border: 2px solid #E24747;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.wrpbx-block .cus-radbx [type="radio"]:checked + label:after,
.wrpbx-block .cus-radbx [type="radio"]:not(:checked) + label:after{
    height: 12px;
    width: 12px;
    background: #E24747;
    left: 4px;
    top: 4px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.wrpbx-block .cus-radbx.selected{
    background: #fff;
}
.wrpbx-block .cus-radbx.selected label{
    color: #44464D;
}
.wrpbx-block .cus-radbx [type="radio"]:checked + label{
    color: #44464D;
}

.wrpbx-block .cus-chkbx{
    padding: 0;
    margin: 0;
    text-align: left;
    background: linear-gradient(112.91deg, rgba(255, 255, 255, 0.51) 3.51%, rgba(255, 255, 255, 0) 111.71%);
    filter: drop-shadow(14.6469px 17.5762px 29.2937px rgba(0, 0, 0, 0.05));
    backdrop-filter: blur(15px);
    border-radius: 100px;
    padding: 10px 12px;
    margin: 0 0 6px;
}
.wrpbx-block .cus-chkbx [type="checkbox"]:checked + label,
.wrpbx-block .cus-chkbx [type="checkbox"]:not(:checked) + label{
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1em;
    color: #FFFFFF;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.wrpbx-block .cus-chkbx [type="checkbox"]:checked + label:before,
.wrpbx-block .cus-chkbx [type="checkbox"]:not(:checked) + label:before{
    height: 20px;
    width: 20px;
    background: transparent;
    border: 2px solid #E24747;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.wrpbx-block .cus-chkbx [type="checkbox"]:checked + label:after,
.wrpbx-block .cus-chkbx [type="checkbox"]:not(:checked) + label:after{
    height: 12px;
    width: 12px;
    background: #E24747;
    left: 4px;
    top: 4px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.wrpbx-block .cus-chkbx.selected{
    background: #fff;
}
.wrpbx-block .cus-chkbx.selected label{
    color: #44464D;
}
.wrpbx-block .cus-chkbx [type="checkbox"]:checked + label{
    color: #44464D;
}
/* **** End step15 **** */


/* *** step16-wrpbx **** */
.medbox-quiz-16-wrp .login-braidcrumb{
    padding: 0 0 90px;
}
.medbox-quiz-16-wrp .medbox-quiz-block p{
    margin: 0 0 53px;
}
.medbox-quiz-16-wrp .medbox-quiz-block h3{
    text-align: center;
}
.medbox-quiz-16-wrp .medbox-quiz-block p{
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #FFFFFF;
    margin: 0 0 40px;
}
.medbox-quiz-16-wrp .medbox-quiz-block p span{
    font-weight: 700;
    color: #fff;
}

.step16-wrpbx ul {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0 60px;
}
.step16-wrpbx ul li{
    margin-right: 20px;
}
.step16-wrpbx ul li:last-child{
    margin: 0;
}
.step16-wrpbx .cus-radbx [type="radio"]:checked + label:before,
.step16-wrpbx .cus-radbx [type="radio"]:not(:checked) + label:before{
    border-color: #E24747;
}
.step16-wrpbx .cus-radbx [type="radio"]:checked + label:after,
.step16-wrpbx .cus-radbx [type="radio"]:not(:checked) + label:after{
    background: #E24747;
}

.medbox-quiz-16-wrp .medbox-quiz-block.step17-wrpbx h3{
    margin: 0 0 34px;
}

.step18-wrpbx .wrpbx-block{
    width: 605px;
    margin: 0 auto 38px;
}
/* *** End step16-wrpbx **** */


/* **** step19-wrpbx **** */
.medbox-quiz-19-wrp .login-braidcrumb{
    padding: 0 0 58px;
}
.medbox-quiz-19-wrp .medbox-quiz-block h3{
    text-align: center;
    margin: 0 0 6px;
}
.medbox-quiz-19-wrp .medbox-quiz-block p{
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #FFFFFF;
    margin: 0 0 40px;
}
.medbox-quiz-19-wrp .medbox-quiz-block p span{
    font-weight: 700;
    color: #fff;
}

.step19-block{
    width: 608px;
    margin: 0 auto;
    padding: 0 0 40px;
}
.step19-block .media-box{
    position: relative;
    cursor: pointer;
}
.step19-block .media-box input{
    position: absolute;
    opacity: 0;
}
.step19-block .media-box .media-img{
    height: 118px;
    width: 118px;

    margin: 0 auto 14px;
}
.step19-block .media-box .media-img img{
    max-width: 100%;
		border-radius: 100%;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.step19-block .media-box h4{
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #FFFFFF;
}
.step19-block .media-box.selected .media-img{
    border: 3px solid #FFFFFF;
    border-radius: 100%;
		box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    padding: 11px;
}
/* **** End step19-wrpbx **** */


/* **** step20-wrpbx **** */
.step20-wrpbx .step14-wrpbx .nav-tabs{
    width: 700px;
    padding: 0 0 25px;
}
.medbox-quiz-19-wrp .medbox-quiz-block.step20-wrpbx h3{
    margin: 0 0 60px;
}
.step20-wrpbx .nav-tabs:before{
    background: #BCE4EF;
    left: 13%;
    width: 75%;
    transform: unset;
}
.step20-wrpbx .step14-wrpbx .nav-tabs li{
    width: 25%;
    padding: 0 10px;
}
.step20-wrpbx .step14-wrpbx .nav-tabs li .nav-link{
    text-align: center;
    margin: 0 auto;
}

.step20-wrpbx .nav-tabs li .nav-link:before{
    background: #BCE4EF;
}
/* **** End step20-wrpbx **** */

.medbox-quiz-21-wrp .step21-wrpbx h3{
    margin: 0 0 34px;
}
.medbox-quiz-21-wrp .step21-wrpbx .wrpbx-block .cus-chkbx{
    min-height: 52px;
    display: flex;
    align-items: center;
}
.medbox-quiz-21-wrp .step21-wrpbx .wrpbx-block .cus-radbx{
    min-height: 52px;
    display: flex;
    align-items: center;
}
.medbox-quiz-21-wrp .step21-wrpbx .cus-radbx [type="radio"]:checked + label:before,
.medbox-quiz-21-wrp .step21-wrpbx .cus-radbx [type="radio"]:not(:checked) + label:before{
    top: 50%;
    border-color: #0077B8;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.medbox-quiz-21-wrp .step21-wrpbx .cus-chkbx [type="checkbox"]:checked + label:before,
.medbox-quiz-21-wrp .step21-wrpbx .cus-chkbx [type="checkbox"]:not(:checked) + label:before{
    top: 50%;
    border-color: #0077B8;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.medbox-quiz-21-wrp .step21-wrpbx .cus-radbx [type="radio"]:checked + label:after,
.medbox-quiz-21-wrp .step21-wrpbx .cus-radbx [type="radio"]:not(:checked) + label:after{
    top: 50%;
    background: #0077B8;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.medbox-quiz-21-wrp .step21-wrpbx .cus-chkbx [type="checkbox"]:checked + label:after,
.medbox-quiz-21-wrp .step21-wrpbx .cus-chkbx [type="checkbox"]:not(:checked) + label:after{
    top: 50%;
    background: #0077B8;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.medbox-quiz-21-wrp .step21-wrpbx .btn-main{
    margin: 26px auto 0;
}
.wrpbx-block .cus-radbx [type="radio"]:checked + label,
.wrpbx-block .cus-radbx [type="radio"]:not(:checked) + label{
    line-height: 16px;
}
.wrpbx-block .cus-chkbx [type="checkbox"]:checked + label,
.wrpbx-block .cus-chkbx [type="checkbox"]:not(:checked) + label{
    line-height: 16px;
}


/* **** medbox-quiz-22-wrp **** */
.medbox-quiz-22-wrp .login-braidcrumb{
    padding: 0 0 56px;
}
.medbox-quiz-22-wrp .medbox-quiz-block h3{
    margin: 0 0 30px;
}
.medbox-quiz-22-wrp .medbox-quiz-block p{
    text-align: center;
    margin: 0 auto 25px;
}
.medbox-quiz-22-wrp .cus-radbx{
    padding: 0;
    margin: 0;
    text-align: left;
    border-radius: 0;
    background: transparent;
}
.wrpbx22-block{
    width: 787px;
    background: #FFFFFF;
    border-radius: 20px;
    padding: 30px 30px 0;
}
.wrpbx22-block .cus-radbx{
    margin: 0 0 25px;
}
.wrpbx22-block .cus-radbx [type="radio"]:checked + label,
.wrpbx22-block .cus-radbx [type="radio"]:not(:checked) + label{
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.05em;
    color: #44464D;
}
.wrpbx22-block .cus-radbx [type="radio"]:checked + label:before,
.wrpbx22-block .cus-radbx [type="radio"]:not(:checked) + label:before{
    height: 22px;
    width: 22px;
}
.wrpbx22-block .cus-radbx [type="radio"]:checked + label:after,
.wrpbx22-block .cus-radbx [type="radio"]:not(:checked) + label:after{
    height: 12px;
    width: 12px;
}
/* **** End medbox-quiz-22-wrp **** */


.medbox-quiz-progress .progress-arrow a.btn-main{
    background: #00AFEF;
    color: #fff;
    text-align: left;
    margin: 0 0 20px;
}
.medbox-quiz-progress .progress-arrow a.btn-main:hover{
    background: #fff;
    color: #00AFEF;
}

.medbox-quiz-progress .progress-arrow a.btn-main .spinner-border {
		left: -10px;
		position: relative;
}


/* **** saude-bem-estar Page 1 **** */
.long-quiz-wrp{
    height: auto;
    background: #fff;
}
.long-quiz-wrp .login-braidcrumb{
    margin: 0 auto 30px;
}
.long-quiz-wrp .login-braidcrumb ul li, .long-quiz-wrp .login-braidcrumb ul li a{
    color: #44464D;
}
.long-quiz-wrp .presentation-shap3{
    right: 0;
    left: auto;
    top: 0;
    bottom: auto;
}
.long-quiz-wrp .presentation-shap4{
    left: 0;
    right: auto;
    bottom: 0;
    top: auto;
}
.quiz-title h2{
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    display: table;
    margin: 0 auto 15px;
    padding: 8px 35px 8px 75px;
    letter-spacing: 1px;
    border-radius: 30px;
    background: #55DA34;
    position: relative;
}
.quiz-title h2 span{
    position: absolute;
    top:-1px;
    left: -1px;
    width: 57px;
    height: 57px;
    border-radius: 50%;
    border: 3px solid #fff;
    background: #55DA34;
    display: flex;
    align-items: center;
    justify-content: center;
}
.quiz-long-quslist-row{
    width: 900px;
    margin: 0 auto;
    position: relative;
    z-index: 5;
}
.quiz-que-box{
    padding: 35px 50px;
    border-bottom: 1px solid #E6E7EC;
    width: 100%;
    position: relative;
    display: flex;
}
.quiz-que-box:last-child{border-bottom: none;padding: 30px 50px 0;}
.qus-num span{
    width: 35px;
    height: 35px;
    background: #55DA34;
    line-height: 35px;
    text-align: center;
    display: block;
    font-size: 20px;
    font-weight: 900;
    color: #fff;
    border-radius: 50%;
    letter-spacing: 2px;
}
.ques-bx{
    padding-left: 15px;
    width: 95%;
    margin-left: auto;
}
.ques-bx h3{
    font-size: 20px;
    font-weight: 700;
    color: #44464D;
    letter-spacing: 2px;
    margin: 0 0 10px;
}
.ques-bx p{
    font-size: 14px;
    font-weight: normal;
    color: #44464D;
    line-height: 20px;
    margin: 0 0 5px;
    width: 80%;
}
.ques-bx p span{
    font-weight: bold;
}

.choice-ans{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 25px 0 0;
}
.choice-ans .cus-chkbx{
    background: #E6E7EC;
    margin-right: 20px;
    padding: 12px 15px;
    border-radius: 10px;
    text-align: left;
}
.choice-ans .cus-radbx{
    background: #E6E7EC;
    margin-right: 20px;
    padding: 12px 15px;
    border-radius: 10px;
    text-align: left;
}
.choice-ans .cus-radbx label{
    display: flex;
}
.choice-ans .cus-radbx label span{
    width: 90%;
}
.choice-ans.custombigans{
    flex-flow: column;
    align-items: flex-start;
}
.choice-ans.custombigans .cus-chkbx{
    margin: 0 0 10px;
}
.choice-ans.custombigans .cus-radbx{
    margin: 0 0 10px;
}
.choice-ans.custombigans .cus-radbx:last-child{margin: 0;}
.choice-ans .cus-radbx:last-child{margin: 0;}
.choice-ans .cus-chkbx [type="checkbox"]:checked + label:before, .choice-ans .cus-chkbx [type="checkbox"]:not(:checked) + label:before{
    border-color: #55DA34;
}
.choice-ans .cus-chkbx [type="checkbox"]:checked + label:after, .choice-ans .cus-chkbx [type="checkbox"]:not(:checked) + label:after{
    background: #55DA34;
}
.choice-ans .cus-radbx [type="radio"]:checked + label:before, .choice-ans .cus-radbx [type="radio"]:not(:checked) + label:before{
    border-color: #55DA34;
}
.choice-ans .cus-radbx [type="radio"]:checked + label:after, .choice-ans .cus-radbx [type="radio"]:not(:checked) + label:after{
    background: #55DA34;
}
.quiz-submit-bx{
    padding: 40px 0 60px;
    background: #F9F9FD;
    width: 100%;
}
.quiz-submit-row{
    width: 700px;
    margin: 0 auto;
    padding: 0 50px;
}
.quiz-submit-row .half {
	float: left;
	width: 50%;
}
.quiz-submit-bx .btn-main {
    background: #44464D;
    border-radius: 24px;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0.05em;
    color: #ffffff;
    padding: 11px 60px 12px 20px;
    width: auto;
    border: none;
    position: relative;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}
.quiz-submit-bx .btn-main i {
    position: absolute;
    right: 7px;
    font-size: 24px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    transition: .4s linear;
    -webkit-transition: .4s linear;
}
.quiz-submit-bx .btn-main:hover {
    background-color: #55DA34;
    color: #fff;
}
.quiz-submit-bx .btn-main .spinner-border {
		margin-right: 10px;
		position: relative;
		top: -3px;
}

.quiz-submit-bx .btn-back {
    background: #44464D;
    border-radius: 24px;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0.05em;
    color: #ffffff;
    padding: 11px 50px 12px 40px;
    width: auto;
    border: none;
    position: relative;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}
.quiz-submit-bx .btn-back i {
    position: absolute;
    left: 7px;
    font-size: 24px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    transition: .4s linear;
    -webkit-transition: .4s linear;
}
.quiz-submit-bx .btn-back:hover {
    background-color: #55DA34;
    color: #fff;
}

img.bigquiz-shap1{
    position: absolute;
    top: 5%;
    left: 0;
    bottom: auto;
}
img.bigquiz-shap2{
    position: absolute;
    top:15%;
    right: 0;
    bottom: auto;
}
img.bigquiz-shap3{
    position: absolute;
    top:23%;
    left: 0;
    bottom: auto;
}
img.bigquiz-shap4{
    position: absolute;
    top: 45%;
    right: 0;
}
img.bigquiz-shap5{
    position: absolute;
    top: 65%;
    left: 0;
}
img.bigquiz-shap6{
    position: absolute;
    top: 80%;
    right: 0;
}
/* **** End saude-bem-estar Page 1 **** */

/* **** EMAGRECIMENTO Page **** */
.emagrecimento-quiz .quiz-title h2{
    background: #FFC300;
}
.emagrecimento-quiz .quiz-title h2 span{
    background: #FFC300;
}
.emagrecimento-quiz .qus-num span{
    background: #FFC300;
}
.emagrecimento-quiz .choice-ans .cus-chkbx [type="checkbox"]:checked + label:before, .emagrecimento-quiz .choice-ans .cus-chkbx [type="checkbox"]:not(:checked) + label:before{
    border-color: #FFC300;
}
.emagrecimento-quiz .choice-ans .cus-chkbx [type="checkbox"]:checked + label:after, .emagrecimento-quiz .choice-ans .cus-chkbx [type="checkbox"]:not(:checked) + label:after{
    background: #FFC300;
}
.emagrecimento-quiz .choice-ans .cus-radbx [type="radio"]:checked + label:before, .emagrecimento-quiz .choice-ans .cus-radbx [type="radio"]:not(:checked) + label:before{
    border-color: #FFC300;
}
.emagrecimento-quiz .choice-ans .cus-radbx [type="radio"]:checked + label:after, .emagrecimento-quiz .choice-ans .cus-radbx [type="radio"]:not(:checked) + label:after{
    background: #FFC300;
}
.eyellow .btn-main:hover {
    background-color: #FFC300;
    color: #fff;
}
.emagrecimento-wrp img.bigquiz-shap1{
    top: 20%;
}
.emagrecimento-wrp img.bigquiz-shap2{
    top: 40%;
}

.atividade-quiz .quiz-title h2{
    background: #FF9200;
}
.atividade-quiz .quiz-title h2 span{
    background: #FF9200;
}
.atividade-quiz .qus-num span{
    background: #FF9200;
}
.atividade-quiz .choice-ans .cus-chkbx [type="checkbox"]:checked + label:before, .atividade-quiz .choice-ans .cus-chkbx [type="checkbox"]:not(:checked) + label:before{
    border-color: #FF9200;
}
.atividade-quiz .choice-ans .cus-chkbx [type="checkbox"]:checked + label:after, .atividade-quiz .choice-ans .cus-chkbx [type="checkbox"]:not(:checked) + label:after{
    background: #FF9200;
}
.atividade-quiz .choice-ans .cus-radbx [type="radio"]:checked + label:before, .atividade-quiz .choice-ans .cus-radbx [type="radio"]:not(:checked) + label:before{
    border-color: #FF9200;
}
.atividade-quiz .choice-ans .cus-radbx [type="radio"]:checked + label:after, .atividade-quiz .choice-ans .cus-radbx [type="radio"]:not(:checked) + label:after{
    background: #FF9200;
}
.atividade-org .btn-main:hover {
    background-color: #FF9200;
    color: #fff;
}
.atividade-wrp img.bigquiz-shap1{
    top: 20%;
}
.atividade-wrp img.bigquiz-shap2{
    top: 40%;
}

.anos-60-quiz .quiz-title h2{
    background: #E24747;
}
.anos-60-quiz .quiz-title h2 span{
    background: #E24747;
}
.anos-60-quiz .qus-num span{
    background: #E24747;
}
.anos-60-quiz .choice-ans .cus-chkbx [type="checkbox"]:checked + label:before, .anos-60-quiz .choice-ans .cus-chkbx [type="checkbox"]:not(:checked) + label:before{
    border-color: #E24747;
}
.anos-60-quiz .choice-ans .cus-chkbx [type="checkbox"]:checked + label:after, .anos-60-quiz .choice-ans .cus-chkbx [type="checkbox"]:not(:checked) + label:after{
    background: #E24747;
}
.anos-60-quiz .choice-ans .cus-radbx [type="radio"]:checked + label:before, .anos-60-quiz .choice-ans .cus-radbx [type="radio"]:not(:checked) + label:before{
    border-color: #E24747;
}
.anos-60-quiz .choice-ans .cus-radbx [type="radio"]:checked + label:after, .anos-60-quiz .choice-ans .cus-radbx [type="radio"]:not(:checked) + label:after{
    background: #E24747;
}
.anos-org .btn-main:hover {
    background-color: #E24747;
    color: #fff;
}
.anos-60-wrp img.bigquiz-shap1{
    top: 20%;
}
.anos-60-wrp img.bigquiz-shap2{
    top: 40%;
}
.anos-60-wrp img.presentation-shap4{
    right: 0;
    left: auto;
}
.anos-60-wrp img.bigquiz-shap3{
    top: 52%;
}
/* **** End EMAGRECIMENTO Page **** */

/* **** Final Quiz Page **** */
.final-quiz-page{
    background: #D394E3;
    padding: 0;
    height: auto;
}
.final-quiz-page .medbox-quiz-wrp{
    background: #D394E3;
    padding: 25px 0 0;
}
.final-quiz-page .medbox-quiz-final-wrp:after,
.final-quiz-page .medbox-quiz-final-wrp:before{display: none;}
.final-quiz-page .login-braidcrumb{
    padding: 0;
}
.final-quiz-page .product-detail-block .btn-main{
    background: #00AFEF;
}
.final-quiz-page .product-detail-block .btn-main:hover{
    background: #000;
    color: #fff;
}
.quick-ans-quiz .btn-group{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 0 60px;
    width: 1063px;
    margin: 0 auto;
}
.quick-ans-quiz .btn-main{
    margin-right: 25px;
    background: #fff;
    color: #44464D;
    width: auto;
    padding: 10px 50px 10px 25px;
}
.quick-ans-quiz .btn-main:last-child{
    margin: 0;
}
.quick-ans-quiz .btn-main:hover{
    background: #44464D;
    color: #fff;
}
.final-quiz-page .expert-wrp{
    padding: 30px 0 50px;
}
.final-quiz-page .expert-wrp .container{
    max-width: 1063px;
    padding: 0;
}
.final-quiz-page .expert-wrp .expert-block{
    background: #fff;
    box-shadow: 0px 4px 10px 0px #62206D75;
    position: relative;
    z-index: 5;
}
.final-quiz-page .expert-wrp .expert-block .expert-dt h2{
    color: #00AFEF;
    font-weight: 900;
}
.final-quiz-page .expert-wrp .expert-block .expert-dt .btn-main{
    background: #00AFEF;
    color: #fff;
}
.final-quiz-page .expert-wrp .expert-block .expert-dt{
    width: 350px;
}
.final-quiz-page .expert-wrp .expert-block .expert-dt .btn-main:hover{
    background: #44464D;
    color: #fff;
}
.final-quiz-page img.presentation-shap4{
    top: auto;
    bottom: 20%;
    left: 0;
    right: auto;
    z-index: 1;
}
.final-quiz-page img.presentation-shap3{
    top: 0;
    left:auto;
    right: 0;
    z-index: 1;
}
/* **** End Final Quiz Page **** */

/* **** mobile-quiz-progress **** */
.mobile-quiz-progress{
    display: none;
    background: #C378D6;
    border-radius: 0px 0px 20px 20px;
    padding: 11px 20px 17px;
    margin: 0 0 26px;
}
.mobile-quiz-progress .progress-mb{width: 305px;margin: 0 auto;}
.mobile-quiz-progress .row .col-md-3{width: 25%;}
.mobile-quiz-progress .row .col-md-6{width: 50%;}
.mobile-quiz-progress .progress-arrow a{
    display: block;
    font-weight: 700;
    font-size: 10px;
    line-height: 15px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #FFFFFF;
}
.mobile-quiz-progress .progress-arrow a span{
    background: #FFFFFF;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 6px;
    font-size: 16px;
    color: #80328D;
    height: 30px;
    width: 30px;
}
.mobile-quiz-progress .progress-reange ul{
    display: flex;
    align-items: center;
    justify-content: center;
}
.mobile-quiz-progress .progress-reange ul li{
    margin-right: 8px;
}
.mobile-quiz-progress .progress-reange ul li:last-child{
    margin: 0;
}
.mobile-quiz-progress .progress-reange ul li span.small1{
    width: 10px;
    height: 10px;
    background: #80328D;
    display: block;
    border-radius: 100%;
}
.mobile-quiz-progress .progress-reange ul li span.small2{
    width: 15px;
    height: 15px;
    background: #80328D;
    display: block;
    border-radius: 100%;
}
.mobile-quiz-progress .progress-reange ul li span.small3{
    width: 30px;
    height: 30px;
    background: #80328D;
    display: block;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mobile-quiz-progress .progress-reange ul li span.small4{
    width: 15px;
    height: 15px;
    background: #fff;
    opacity: 0.5;
    display: block;
    border-radius: 100%;
}
.mobile-quiz-progress .progress-reange ul li span.small5{
    width: 10px;
    height: 10px;
    background: #fff;
    opacity: 0.25;
    display: block;
    border-radius: 100%;
}
.mobile-quiz-progress .progress-reange ul li span.disabled{
    opacity: 0;
}

.mobile-quiz-progress h5{
    font-weight: 700;
    font-size: 10px;
    line-height: 15px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #80328D;
    margin: 6px 0 0;
}


.medbox-quiz-22-wrp .mb-btn-main{
    display: none;
    background: #00AFEF;
    width: auto;
    padding-right: 100px;
    margin: 44px auto 0;
}



.anos-60-mobile-title{
    display: none;
    background: #E24747;
    border-radius: 0 0 20px 20px;
    padding: 11px 0 33px;
}
.anos-60-mobile-title .quiz-title h2 span{
    background: #fff;
    border-color: #e24747;
    height: 41px;
    width: 41px;
}
.anos-60-mobile-title .quiz-title h2{
    background: #fff;
}
.anos-60-mobile-title .red-title h2{
    color: #E24747;
}

.atividade-wrp .anos-60-mobile-title{background: #FF9200;}
.atividade-wrp .anos-60-mobile-title .quiz-title h2{color: #FF9200;}
.atividade-wrp .anos-60-mobile-title .quiz-title h2 span{border-color: #FF9200;}

.long-quiz-wrp .anos-60-mobile-title{background: #55DA34;}
.long-quiz-wrp .anos-60-mobile-title .quiz-title h2{color: #55DA34;}
.long-quiz-wrp .anos-60-mobile-title .quiz-title h2 span{border-color: #55DA34;}

.emagrecimento-wrp .anos-60-mobile-title{background: #FFC300;}
.emagrecimento-wrp .anos-60-mobile-title .quiz-title h2{color: #FFC300;}
.emagrecimento-wrp .anos-60-mobile-title .quiz-title h2 span{border-color: #FFC300;}



/* **** schedule **** */
.schedule-wrp{
    padding: 30px 0 90px;
}
.schedule-wrp .login-braidcrumb{
    padding: 0 0 20px;
    margin: 0;
}
.schedule-wrp .schedule-head h2{
    font-weight: 900;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #0077B8;
    margin: 0 0 75px;
}
.schedule-wrp .container{
    max-width: 1230px;
}
.schedule-wrp .schedule-block .row{
    margin: 0 -40px;
}
.schedule-wrp .schedule-block .row .col-md-3{
    padding: 0 40px;
    width: 30%;
}
.schedule-wrp .schedule-block .row .col-md-6{
    width: 40%;
    padding: 0 40px;
}
.schedule-wrp .schedule-block .row .col-md-6.cenetr-part{
    border: 1px solid #E6E7EC;
    border-top: none;
    border-bottom: none;
}
.schedule-wrp .schedule-block .consult-box{
    background: #EDF6FD;
    border-radius: 20px;
    padding: 30px 35px;
}
.schedule-wrp .schedule-block .consult-box h4{
    font-weight: 600;
    font-size: 24px;
    line-height: 26px;
    letter-spacing: 0.1em;
    color: #44464D;
    margin: 0 0 23px;
}
.schedule-wrp .schedule-block .consult-box p{
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #44464D;
    margin: 0;
}
.schedule-title h2{
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0.1em;
    color: #0077B8;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    margin: 0 0 20px;
}
.schedule-title h2 span{
    font-weight: 700;
    color: #FFFFFF;
    height: 34px;
    width: 34px;
    background: #0077B8;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-right: 24px;
		padding-left: 1px;
}
.time-box .dropdown .dropdown-toggle{
    display: block;
    border: 2px solid #0077B8;
    border-radius: 24.5px 24.5px 24.5px 24.5px;
    display: block;
    width: 100%;
    background: transparent;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0.05em;
    color: #44464D;
    padding: 10px 15px 10px 22px;
    text-align: left;
    display: flex;
    align-items: center;
}
.time-box .dropdown .dropdown-toggle span{
    margin-left: auto;
    margin-right: 0;
    height: 30px;
    width: 30px;
    border-radius: 100%;
    background: #0077B8;
    font-size: 18px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.time-box{
    padding: 0 0 40px;
    margin: 0 0 40px;
    border-bottom: 1px solid #E6E7EC;
}
.time-box .dropdown .dropdown-toggle:after{
    display: none;
}
.time-box .dropdown .dropdown-toggle.show{
    border-radius: 24.5px 24.5px 0px 0px;
    border-bottom: none;
}
.time-box .dropdown .dropdown-toggle.show i:before{
    content: "\f106";
}
.time-box .dropdown .dropdown-menu{
    background: #FFFFFF;
    border: 2px solid #0077B8;
    border-radius: 0px 0px 24.5px 24.5px;
    box-shadow: none;
    width: 100%;
    padding: 15px 10px;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 !important;
    transform: unset !important;
    height: 235px;
    overflow: auto;
}
.time-box .dropdown .dropdown-menu .dropdown-item{
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0.05em;
    color: #44464D;
    padding: 8px 13px;
    border-radius: 30px;
}
.time-box .dropdown .dropdown-menu .dropdown-item:hover{
    background: rgba(0, 175, 239, 0.15);
}

.confirm-box{
    background: #EDF6FD;
    border-radius: 20px;
    padding: 18px 18px 22px;
    margin: 0 0 18px;
}
.confirm-box p{
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    letter-spacing: 0.05em;
    color: #44464D;
    margin: 0;
}
.confirm-box h4{
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    letter-spacing: 0.05em;
    color: #44464D;
    margin: 0;
}
.schedule-block .btn-main{
    background: #00AFEF;
}
.schedule-block .btn-main:hover{
    background: #000;
    color: #fff;
}


.hour-dropdown .dropdown-toggle{
    border: none;
    box-shadow: none;
    outline: none;
    border: none;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #44464D;
    background: transparent;
    display: flex;
    align-items: center;
}
.hour-dropdown .dropdown-toggle i{
    font-size: 18px;
    margin-right: 10px;
}
.hour-dropdown .dropdown-menu{
    border: 1px solid #E6E7EC;
    border-radius: 20px;
    box-shadow: none;
    outline: none;
    padding: 15px;
    width: 100%;
}
.hour-dropdown .dropdown-menu .dropdown-item{
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0.05em;
    color: #44464D;
    padding: 8px 13px;
    border-radius: 30px;
}
.hour-dropdown .dropdown-menu .dropdown-item:hover{
    background: rgba(0, 175, 239, 0.15);
}


/* **** Calender **** */
.datepicker {
    width: 100%;
    background: #fdfdfd;
    margin: 0 0 60px;
    overflow: hidden;
}
.datepicker .ui-datepicker-inline {
    padding: 0;
}
.datepicker .ui-datepicker-header {
    text-align: center;
    font-size: 18px;
    letter-spacing: 0.1em;
    color: #65509b;
    margin: 0 0 35px;
    text-align: left;
    position: relative;
}
.datepicker .ui-datepicker-header .ui-datepicker-prev,
.datepicker .ui-datepicker-header .ui-datepicker-next {
    cursor: pointer;
    transition: 0.6s;
    position: absolute;
    right: 0;
    top: 12px;
    right: 10px;
    width: 24px;
    height: 24px;
    background: #BCBDC0;
    border-radius: 100%;
    font-size: 16px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 40px;
}
.datepicker .ui-datepicker-header i:before{
    font-weight: 400;
}
.datepicker .ui-datepicker-header .ui-datepicker-next {
    width: 24px;
    height: 24px;
    background: #0077B8;
    border-radius: 100%;
    font-size: 16px;
    color: #fff;
    right: 10px;
}
.datepicker .ui-datepicker-calendar {
    width: 100%;
    text-align: center;
}
.datepicker .ui-datepicker-calendar thead {
    color: #ddd;
}
.datepicker .ui-datepicker-calendar tr th{
    font-family: "Titillium Web", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #44464D;
    padding: 0 0 15px;
}
.datepicker .ui-datepicker-calendar tr td {
    padding-bottom: 0.4em;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
}
.datepicker .ui-datepicker-calendar tr td {
    font-weight: 500;
    color: #aaaaaa;
    font-size: 18px;
}
.datepicker .ui-datepicker-calendar a {
    color: #aaa;
    text-decoration: none;
    display: block;
    margin: 0 auto;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    border: 1px solid transparent;
    cursor: pointer;

    font-family: "Titillium Web", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    text-align: center;
    letter-spacing: 0.05em;
    color: #44464D;
}
.datepicker .ui-datepicker-calendar a:hover {
    background: rgba(0, 175, 239, 0.15);
    transition: 0.7s;
    transform: scale(1);
}
.datepicker .ui-datepicker-calendar .ui-state-highlight {
    background: rgba(0, 175, 239, 0.15);
}
/*.datepicker i {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    line-height: 40px;
    font-size: 24px;
    text-align: center;
    background: #f5f5f5;
    color: #c2c2c2;
}*/
.ui-datepicker-title{
    background: #F9F9FD;
    border-radius: 24.5px;
    padding: 14px 20px 18px;
    font-family: "Titillium Web", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0.05em;
    color: #44464D;
    text-align: left;
}
/* **** End schedule **** */



.schedule-confirmation-wrp{
    padding: 30px 0 60px;
}
.schedule-confirmation-wrp .login-braidcrumb{
    padding: 0 0 20px;
    margin: 0;
}
.schedule-confirmation-wrp .schedule-head h2{
    font-weight: 900;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #0077B8;
    margin: 0 0 25px;
}
.schedule-confirmation-wrp .container{
    max-width: 968px;
}
.schedule-confirmation-wrp .schedule-block .row{
    margin: 0 -40px;
}
.schedule-confirmation-wrp .schedule-block .row .col-md-3{
    padding: 0 40px;
    width: 30%;
}

.schedule-confirmation-wrp .back-btn-text{
    display: flex;
    align-items: center;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.05em;
    color: #BCBDC0;
    margin: 0 0 25px;
}
.schedule-confirmation-wrp .back-btn-text i{
    margin-right: 10px;
}


.schedule-confirmation-wrp .row{
    margin: 0 -40px;
}
.schedule-confirmation-wrp .row .col-md-6.left-col{
    border-right: 1px solid #E6E7EC;
}
.schedule-confirmation-wrp .row .col-md-6{
    padding: 0 40px;
}

.confirmation-meeting{
    padding: 30px 35px;
    background: #EDF6FD;
    border-radius: 20px;
}
.confirmation-meeting h2{
    font-weight: 900;
    font-size: 24px;
    line-height: 26px;
    letter-spacing: 0.1em;
    color: #44464D;
    margin: 0 0 30px;
}
.confirmation-meeting ul li{
    margin: 0 0 20px;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #44464D;
    display: flex;
    align-items: flex-start;
}
.confirmation-meeting ul li span{
    font-size: 18px;
    width: 30px;
}
.confirmation-meeting ul li:last-child{
    margin: 0;
}
.confirmation-meeting ul li strong{
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.05em;
    color: #44464D;
}

.confirmation-form h4{
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0.1em;
    color: #0077B8;
    margin: 0 0 20px;
    padding-left: 25px;
}
.confirmation-form .form-group{
    margin: 0 0 20px;
}
.confirmation-form .form-group label{
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.1em;
    color: #44464D;
    margin: 0 0 6px;
    padding-left: 25px;
}
.confirmation-form .form-group .form-control {
    background: rgba(230, 231, 236, 0.5);
    border-radius: 24.5px;
    border: none;
    box-shadow: none;
    outline: none;
    padding: 13px 28px;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.1em;
    color: #44464D;
    resize: none;
}
.confirmation-form button{
    background: #00AFEF;
    border: none;
    display: table;
    width: auto;
    padding-right: 100px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    margin: 13px 0 0;
}

/* Side Buttons */
#whatsapp-sidebtn {
	bottom: 175px;
	position: fixed;
	right: 0;
	z-index: 500;
}
#whatsapp-sidebtn img {
	height: 57px;
	width: 65px;
}

#quiz-sidebtn {
	bottom: 85px;
	position: fixed;
	right: 0;
	z-index: 500;
}
#quiz-sidebtn img {
	height: 87px;
	width: 93px;
}

@media(max-width:768px) {
    #whatsapp-sidebtn {
        bottom: 150px;
    }

    #quiz-sidebtn {
        bottom: 85px;
        position: fixed;
        right: 0;
        z-index: 500;
    }
    #quiz-sidebtn img {
        height: 61px;
        width: 65px;
    }
}

.long-desc-section {
    padding: 0 0 57px;
}
.long-desc-section > .container > .row > div {
    position: relative;
}
@media(max-width:768px) {
    .long-desc-section > .container > .row > div {
        padding: 0;
    }
}
.long-desc-section > .container > .row > div:first-of-type:before {
    background: #F9F9FD;
    bottom: 0;
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 6000px;
    z-index: -1;
}
@media(max-width:768px) {
    .long-desc-section > .container > .row > div:first-of-type:before {
        display: none;
    }
}
.long-desc-section > .container > .row > div:first-of-type:after {
    background: #DBEAF5;
    bottom: 0;
    content: '';
    position: absolute;
    left: 100%;
    top: 0;
    width: 6000px;
    z-index: -1;
}
@media(max-width:768px) {
    .long-desc-section > .container > .row > div:first-of-type:after {
        display: none;
    }
}
.long-desc-box {
	background: #F9F9FD;
    height: 100%;
	margin: 0 -40px;
	padding: 31px 40px 39px 39px;
}
.long-desc-box h2 {
    font-family: "Titillium Web", sans-serif;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 20px;
    margin-bottom: 1rem;
    text-align: left;
}
.long-desc-box p {
	font-family: "Titillium Web", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 16px;
	letter-spacing: 0.1em;
	text-align: left;
}
.long-desc-section .composition-info {
    padding: 31px 0 0 0;
}
.long-desc-section .composition-info .info-box {
    padding: 0 0 25px 25px;
    margin: 0 0 25px;
    border-bottom: 0;
}
.long-desc-section .composition-info h2 {
    font-weight: 700;
}
@media(max-width:768px) {
	.long-desc-section {
		padding: 0;
	}
	.long-desc-box {
		margin: 0;
	}
	.long-desc-section .composition-info {
		margin: 40px 0;
		padding: 0 40px;
	}
}

.long-desc-section .composition-info .benefits-slider {
    margin: 30px 0 0 -40px;
}
.long-desc-section .composition-info .benefits-box {
    background: #FFFFFF;
    box-shadow: 0px 4px 10px rgba(13, 85, 116, 0.25);
    border-radius: 15px;
    display: inline-block;
    margin: 0 26px 0 0;
    padding: 12px 21px 5px 19px;
}
@media(max-width:768px) {
    .long-desc-section .composition-info .benefits-box {
        display: block;
        margin: 0 0 10px 0;
    }
    .long-desc-section .composition-info .benefits-box br {
        display: none;
    }
}
.long-desc-section .composition-info .benefits-box h2 {
    color: #44464D;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 20px;
}

.subs-desc-section {
    position: relative;
}
@media(max-width:767px) {
    .subs-desc-section {
        display: none;
    }
}
.subs-desc-section .banner img {
    width: 100%;
}
.subs-desc-section .wall {
    background: #0077B8;
    bottom: 0;
    left: 0;
    mix-blend-mode: screen;
    opacity: 0.7;
    position: absolute;
    right: 0;
    top: 0;
}
.subs-desc-section .feats {
    align-items: center;
    bottom: 0;
    display: flex;
    left: 0;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
}
.subs-desc-section .feats div {
    background: linear-gradient(112.91deg, rgba(255, 255, 255, 0.54) 3.51%, rgba(255, 255, 255, 0.64) 111.71%);
    box-shadow: 14.6469px 17.5762px 29.2937px rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(10.2528px);
    border-radius: 30px;
    padding: 30px 50px;
}
.subs-desc-section .feats div h2 {
    color: #0077B8;
    font-family: 'Titillium Web';
    font-weight: 400;
    font-size: 24px;
    letter-spacing: 0.1em;
    line-height: 26px;
    margin: 0 0 30px 0;
    text-align: center;
}
.subs-desc-section .feats div ul {
    list-style: none;
}
.subs-desc-section .feats div ul li {
    display: inline-block;
    padding: 0 24px;
    position: relative;
    vertical-align: top;
}
.subs-desc-section .feats div ul li::before {
    background: #fff;
    content: '';
    left: 0;
    height: 79px;
    position: absolute;
    top: 5px;
    width: 1px;
}
.subs-desc-section .feats div ul li:first-of-type::before {
    display: none;
}

.subs-desc-section .feats div ul li img {
    margin: 0 0 12px 0;
}
.subs-desc-section .feats div ul li p {
    color: #44464D;
    font-family: 'Titillium Web';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.1em;
    line-height: 17px;
}

.subs-desc-section-mobile {
    display: none;
    padding: 50px 0 0 0;
}
@media(max-width:767px) {
    .subs-desc-section-mobile {
        display: block;
    }   
}
.subs-desc-section-mobile .feats-area {
    background: #00AFEF;
    border-radius: 68px 68px 0px 0px;
    padding: 160px 30px 50px 30px;
    position: relative;
}
.subs-desc-section-mobile .feats-area .close-up {
    left: 5%;
    position: absolute;
    top: -10%;
}
.subs-desc-section-mobile .feats-area .close-up:after {
    background: #0077B8;
    border-radius: 215px 0px 0px 215px;
    bottom: 0;
    content: '';
    left: 0;
    mix-blend-mode: screen;
    opacity: 0.7;
    position: absolute;
    right: 0;
    top: 0;
}
.subs-desc-section-mobile .feats-area .close-up img {
    border-radius: 215px 0px 0px 215px;
    height: 200px;
}
.subs-desc-section-mobile .feats-area h2 {
    color: #fff;
    font-weight: 600;
    font-size: 24px;
    line-height: 24px;
    letter-spacing: 0.1em;
    text-align: center;
}
.subs-desc-section-mobile .feats-area ul {
    margin: 17px 0;
}
.subs-desc-section-mobile .feats-area ul li {
    background: linear-gradient(112.91deg, rgba(255, 255, 255, 0.51) 3.51%, rgba(255, 255, 255, 0.23) 111.71%);
    box-shadow: 14.6469px 17.5762px 29.2937px rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(10.2528px);
    border-radius: 15px;
    align-items: center;
    display: flex;
    margin: 0 0 10px 0;
    padding: 18px 26px;
}
.subs-desc-section-mobile .feats-area ul li img {
    margin: 0 22px 0 0;
}
.subs-desc-section-mobile .feats-area ul li p {
    color: #44464D;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 17px;
    margin: 0;
}

.schedule-wrp .expert-wrp .expert-block .expert-dt{
    width: 370px;
}

.new-about-block {
	padding: 0 0 68px;
}
.new-about-block .container {
	max-width: 1180px;
}
.new-about-block p {
	font-weight: normal;
	font-size: 20px;
	line-height: 22px;
	letter-spacing: 0.1em;
	color: #44464d;
	margin: 0 0 20px;
}

@media(max-width:767px) {
	.new-about-block {
		padding-top: 60px;
	}
}

.new-about-clients-info-wrp{
    position: relative;
    padding: 0 0 80px;
}
.new-about-clients-info-wrp img.main-image{
    width: 100%;
    margin: 0 0 53px;
}
.new-about-clients-info-wrp h2{
    font-weight: 700;
    font-size: 24px;
    line-height: 26px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #0077B8;
    margin: 0;
    position: relative;
    display: table;
    margin: 0 auto;
}
.new-about-clients-info-wrp h2:before{
    position: absolute;
    content: " “ ";
    font-weight: 900;
    font-size: 120px;
    line-height: 150px;
    text-align: center;
    letter-spacing: 0.2em;
    left: -45px;
    top: -55px;
    color: transparent;
    -webkit-text-stroke: 3px #E6E7EC;
    z-index: -1;
}
.new-about-clients-info-wrp h2:after{
    position: absolute;
    content: " ” ";
    font-weight: 900;
    font-size: 120px;
    line-height: 150px;
    text-align: center;
    letter-spacing: 0.2em;
    right: 32px;
    bottom: -96px;
    color: transparent;
    -webkit-text-stroke: 3px #E6E7EC;
    z-index: -1;
}
.new-about-clients-info-wrp h2 span{
    color: #00AFEF;
}

.new-about-block2 {
	padding: 0 0 68px;
}
.new-about-block2 .container {
	max-width: 1180px;
}
.new-about-block2 .container:before {
	border-bottom: 1px solid #E6E7EC;
	content: " ";
	margin-bottom: 60px;
	display: block;
}
.new-about-block2 .abt-info {
	padding-top: 45px;
}
.new-about-block2 p {
	font-weight: normal;
	font-size: 20px;
	line-height: 22px;
	letter-spacing: 0.1em;
	color: #44464d;
	margin: 0 0 20px;
}
.new-about-block2 p strong {
	color: #0077B8;
}

@media(max-width:767px) {
	.new-about-block2 br {
		display: none;
	}
	.new-about-block2 .container:before {
		display: none;
	}
	.new-about-block2 .abt-info {
		padding-top: 0;
	}
	.new-about-block2 img {
		display: inline-block;
		max-width: 100%;
		width: 100%;
	}
}

#lgpd {
	background: #0077b8;
	border: 0;
	border-radius: 10px;
	color: #fff;
	bottom: 10px;
	left: 25px;
	padding: 14px 24px;
	position: fixed;
	right: 25px;
	z-index: 999999;
}

#lgpd a, #lgpd a:active, #lgpd a:hover, #lgpd a:visited {
	color: #fff;
	text-decoration: underline;
}

#lgpd p {
	font-size: 15px;
	line-height: 15px;
	margin: 13px 0 0 0;
}

#lgpd button {
	margin-top: -3px;
}

@media(max-width:767px) {
	#lgpd button {
		margin-top: 20px;
	}
}
@media(max-width:1410px) {
	#lgpd p {
		margin: 0
	}
}

.react-calendar {
	background: #fdfdfd;
	width: 100%;
}

.react-calendar__navigation {
	background: #F9F9FD;
	border-radius: 24.5px;
	margin: 0 0 35px;
	padding: 14px 20px;
	position: relative;
}
.react-calendar__navigation__label {
	background: transparent;
	border: 0;
	color: #44464D;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 18px;
}
.react-calendar__navigation__arrow {
	background: transparent;
	border: 0;
}
.react-calendar__navigation__prev-button {
	background: rgb(188, 189, 192);
	border-radius: 50%;
	color: #ffffff;
	font-size: 16px;
	font-weight: 400;
	height: 24px;
	line-height: 22px;
	position: absolute;
	right: 56px;
	width: 24px;
}
.react-calendar__navigation__next-button {
	background: rgb(0, 119, 184);
	border-radius: 50%;
	color: #ffffff;
	font-size: 16px;
	font-weight: 400;
	height: 24px;
	line-height: 22px;
	position: absolute;
	right: 24px;
	width: 24px;
}

.react-calendar__month-view__weekdays {
	padding: 0 0 15px;
}
.react-calendar__month-view__weekdays__weekday {
	color: #44464D;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 18px;
	text-align: center;
	text-transform: capitalize;
}
.react-calendar__month-view__weekdays__weekday abbr {
	text-decoration: none;
}
.react-calendar__month-view__days__day {
	background: transparent;
	border: 0;
	color: #44464D;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 40px;
	text-align: center;
}
.react-calendar__month-view__days__day:disabled,
.react-calendar__month-view__days__day[disabled] {
	color: #CCCCCC;
}
.react-calendar__tile--active abbr {
	background: rgba(0, 175, 239, 0.15);
	border-radius: 50%;
	display: inline-block;
	height: 40px;
	width: 40px;
}

.firewall {
	background: #fff;
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 9999999;
}

.qselection {
	margin: 0 0 13px;
	position: relative;
}
.qselection [type="checkbox"]:checked,
.qselection [type="checkbox"]:not(:checked) {
    position: absolute;
		display: none;
    left: -9999px;
}
.qselection [type="checkbox"]:checked + label,
.qselection [type="checkbox"]:not(:checked) + label
{
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    color: #44464D;
    line-height: 26px;
    margin: 0;
}
.qselection [type="checkbox"]:checked + label:before,
.qselection [type="checkbox"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width:26px;
    height: 26px;
    border:3px solid #00AFEF;
    border-radius: 5px;
    background: #fff;
}
.qselection [type="checkbox"]:checked + label:after,
.qselection [type="checkbox"]:not(:checked) + label:after {
    content: '';
    width: 16px;
    height: 16px;
    background: #00AFEF;
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 0;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.qselection [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.qselection [type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.prescription-wrpper {
	margin-bottom: 100px;
}
.prescription-wrpper p {
	color: #44464d;
	font-family: "Titillium Web", sans-serif;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.1rem;
	line-height: 25px;
}

.prescription-stepper {
	margin-top: 30px;
	position: relative;
	width: 100%;
}
.prescription-stepper .step {
	min-height: 50px;
}
.prescription-stepper .step .step-left {
	float: left;
	width: 40px;
}
.prescription-stepper .step .step-right {
	float: left;
}
@media(max-width:768px) {
	.prescription-stepper .step {
		margin-bottom: 20px;
	}
	.prescription-stepper .step .step-left {
		float: none;
		width: 40px;
	}
	.prescription-stepper .step .step-right {
		float: none;
	}
}
.prescription-stepper .step .circle {
	background: #00afef;
	border-radius: 50%;
	color: #fff;
	height: 25px;
	line-height: 25px;
	position: relative;
	text-align: center;
	width: 25px;
}
.prescription-stepper .step .circle:after {
	bottom: 1px;
	content: ' ';
	display: block;
	height: 100%;
	left: 50%;
	position: absolute;
	right: 50%;
	top: 1px;
	transform: scale(1, 2);
  transform-origin: 50% -100%;
  background-color: rgb(230, 231, 236);
	width: 1px;
	z-index: -1;
}
.prescription-stepper .step:last-child .circle:after {
  display: none
}
.prescription-stepper .step .title {
	color: #44464d;
	font-family: "Titillium Web", sans-serif;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.1rem;
	line-height: 25px;
	text-transform: uppercase;
}

.prescription-wrpper .well {
	background: #F9F9FD;
	border: 0;
	border-radius: 20px;
	padding: 40px 30px;
	text-align: center;
}

@media(max-width:768px) {
	.prescription-wrpper .well {
		margin-top: 30px;
	}
}


.prescription-wrpper .well h4 {
	font-size: 24px;
}
.prescription-wrpper .well .whatsbtn {
	background: #25D366;
	border: 0;
	border-radius: 24px;
	color: #fff;
	display: inline-block;
	font-family: "Titillium Web", sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin: 20px 0 30px 0;
	padding: 10px 20px;
	width: 300px;
}

.qrbox {
	font-family: "Titillium Web", sans-serif;
	font-size: 16px;
	text-align: center;
}
.qrbox img {
	display: inline;
}
.qrbox .telefone {
	margin-top: 10px;
}
.qrbox p {
	color: #0077b8;
	font-weight: bold;
	font-size: 18px;
}

.contact-wrpper form .form-group select.form-control {
	height: 41px;
}

.db-spacer {
	height: 1000px;
}

.autocomplete-results {
	background: #fff;
	box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
	display: none;
	height: 200px;
	left: 0;
	overflow: scroll;
	position: absolute;
	top: 100%;
	width: 100%;
	z-index: 1000;
}
.autocomplete-results.show {
	display: block;
}
.autocomplete-results .prd-bix{
		cursor: pointer;
    display: flex;
    align-items: flex-start;
		margin: 0 0 10px 0;
}
.autocomplete-results .prd-bix .prd-image{
    height: 97px;
    width: 97px;
    background: #F9F9FD;
    border-radius: 10px;
    margin-right: 24px;
    padding: 8px;
}
.autocomplete-results .prd-bix .prd-image img{
    max-width: 100%;
    margin: 0 auto;
    display: table;
}
.autocomplete-results .prd-bix p{
    font-weight: 400;
    font-size: 14px;
    line-height: 23px;
    letter-spacing: 0.1em;
    color: #44464D;
    margin: 0;
}
.autocomplete-results .prd-bix p strong{
    font-weight: 700;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0.1em;
    color: #44464D;
    display: inline-block;
    margin: 0;
}
.autocomplete-results .prd-bix h4{
    font-weight: 700;
    font-size: 16px;
    line-height: 23px;
    text-align: right;
    letter-spacing: 0.1em;
    color: #44464D;
    margin: 0;
    margin-left: auto;
		min-width: 90px;
}

.delivery-prd .form-control{
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.1em;
    color: #8A8C91;
    padding: 6px;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #44464D;
    box-shadow: none;
    outline: none;
    background-color: transparent;
}
.delivery-prd textarea.form-control{
		margin-left: 10px;
		resize: none;
}

.btn-nostyle {
	background: transparent;
	border: 0;
}

.lds-ring-box {
	text-align: center
}
.lds-ring {
  display: inline-block;
  position: relative;
  width: 94px;
  height: 94px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 80px;
  height: 80px;
  margin: 8px;
  border: 8px solid #0077b8;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #0077b8 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/**
 * Black Friday (2022)
 */
.black-friday {
	background: #000;
	color: #fff;
	font-family: "Titillium Web", sans-serif;
	font-style: normal;
	padding: 35px 0;
}

.bf-box1 {}
.bf-box1 .container {
	max-width: 1116px;
	position: relative;
}
@media(max-width:768px) {
	.bf-box1 .container {
		padding: 0 20px;
	}
}
.bf-box1 .star-left {
	height: 50px;
	left: 150px;
	position: absolute;
	top: 10px;
	width: 50px;
}
.bf-box1 .star-right {
	height: 50px;
	position: absolute;
	right: 150px;
	top: 10px;
	width: 50px;
}
@media(max-width:768px) {
	.bf-box1 .star-left {
		height: 30px;
		left: 20px;
		top: 0;
		width: 25px;
	}
	.bf-box1 .star-right {
		height: 30px;
		right: 20px;
		top: 0;
		width: 25px;
	}
}
.bf-box1 .txt1 {
	font-weight: 900;
	font-size: 34px;
	line-height: 34px;
	text-align: center;
	letter-spacing: 0.05em;
	padding: 0;
	margin: 0;
}
.bf-box1 .txt2 {
	font-weight: 600;
	font-size: 30px;
	line-height: 46px;
	text-align: center;
	padding: 0;
	margin: 0;
}
@media(max-width:768px) {
	.bf-box1 .txt1 {
		font-size: 28px;
		line-height: 28px;
		text-align: center;
		letter-spacing: 0.05em;
		padding: 0;
		margin: 0 0 5px 0;
	}
	.bf-box1 .txt2 {
		font-weight: 600;
		font-size: 22px;
		line-height: 33px;
		text-align: center;
		padding: 0;
		margin: 0;
	}
}
.bf-box1 .rainbow-bar {
	background: linear-gradient(90deg, #44FF9A -0.55%, #44B0FF 22.86%, #8B44FF 48.36%, #FF6644 73.33%, #EBFF70 99.34%);
	font-size: 0;
	height: 3px;
	margin: 5px auto 30px;
	width: 410px;
}
@media(max-width:768px) {
	.bf-box1 .rainbow-bar {
		width: 320px;
	}
}
.bf-box1 .txt3 {
	font-weight: 400;
	font-size: 20px;
	line-height: 26px;
	text-align: center;
	margin: 0 auto 20px;
	max-width: 1020.05px;
}
.bf-box1 .txt4 {
	font-weight: 400;
	font-size: 20px;
	line-height: 26px;
	text-align: center;
	margin: 0 auto 20px;
	max-width: 896.42px;
}
.bf-box1 .txt4 a {
	color: #fff;
	font-weight: 500;
	text-decoration: underline;
}
.bf-box1 .txt5 {
	font-weight: 400;
	font-size: 20px;
	line-height: 26px;
	text-align: center;
	margin: 0 auto 30px;
	max-width: 687.78px;
}
@media(max-width:768px) {
	.bf-box1 .txt3 {
		font-size: 16px;
		line-height: 18px;
		text-align: left;
	}
	.bf-box1 .txt4 {
		font-size: 16px;
		line-height: 18px;
		text-align: left;
	}
	.bf-box1 .txt5 {
		font-size: 16px;
		line-height: 18px;
		text-align: left;
	}
}

.bf-box2 {
	text-align: center;
}
.bf-box2 .container {
	background: #0B99D7;
	border-radius: 5px 5px 0 0;
	height: 80px;
	max-width: 1116px;
	padding: 13px 0 0 0;
}
.bf-box2 form .form-group {
	display: inline;
}

.bf-box2 input {
	font-family: "Titillium Web", sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 0.1em;
	border: 0;
	border-radius: 20px;
	height: 40px;
	margin: 0 7px;
	padding: 0 20px;
	min-width: 280px;
	outline: none;
}
.bf-box2 form .form-group button {
	border: none;
	padding: 0;
	display: inline-block;
	height: 42px;
	min-width: 42px;
	line-height: 48px;
	padding: 0;
	margin-left: 6px;
	width: 42px;
	border-radius: 100%;
	background-color: #0077b8;
	color: #00afef;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
	top: 5px;
}
.bf-box2 form .form-group button i {
	position: relative;
	transform: unset;
	top: 0;
	left: 0;
	right: 0;
}
.bf-box2 form .form-group button:hover {
	background-color: #55da34;
	color: #fff;
}

@media(max-width:768px) {
	.bf-box2 {
		text-align: left;
	}
	.bf-box2 .container {
		border-radius: 0;
		height: auto;
		padding: 20px;
	}
	.bf-box2 input {
		margin: 5px 7px;
		min-width: 80%;
	}
}

.bf-box3 {}
.bf-box3 .container {
	max-width: 1116px;
}
@media(max-width:768px) {
	.bf-box3 .container {
		padding: 0 20px;
	}
}
.bf-box3 .txt1 {
	font-weight: 700;
	font-size: 30px;
	line-height: 46px;
	margin: 124px 0 20px 0;
}
.bf-box3 .txt2 {
	font-weight: 400;
	font-size: 20px;
	line-height: 26px;
	margin: 20px 0;
}
.bf-box3 .txt3 {
	font-weight: 400;
	font-size: 20px;
	line-height: 26px;
}
.bf-box3 .txt3 a {
	color: #fff;
	font-weight: 500;
	text-decoration: underline;
}
@media(max-width:768px) {
	.bf-box3 .txt1 {
		font-size: 22px;
		line-height: 33px;
		margin: 20px 0;
	}
	.bf-box3 .txt2 {
		font-size: 16px;
		line-height: 18px;
	}
	.bf-box3 .txt3 {
		font-size: 16px;
		line-height: 18px;
	}
	.bf-box3 img {
		width: 100%;
	}
}

.bf-box4 {
    margin: 100px 0 0 0;
}
.bf-box4 .container {
	max-width: 1116px;
}
@media(max-width:768px) {
	.bf-box4 .container {
		padding: 0 20px;
	}
}
.bf-box4 .txt1 {
	font-weight: 700;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	margin: 0 0 30px 0;
}

.bf-box4 .line2 {
	margin: 20px 0 0 0;
}
.bf-box4 .pill {
	border: 2px solid #55DA34;
	border-radius: 100px;
	height: 120px;
	position: relative;
}
@media(max-width:768px) {
	.bf-box4 .line2 {
		margin: 0;
	}
	.bf-box4 .col-fix {
		padding: 0 !important;
	}
	.bf-box4 .pill {
		margin: 10px 0;
	}
}
.bf-box4 .pill a {
	font-weight: 600;
	font-size: 14px;
	line-height: 21px;
	text-align: center;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	border-radius: 24px;
	background: #fff;
	color: #010101;
	padding: 8px 20px;
}
.bf-box4 .pill.saude {
	border-color: #55DA34;
}
.bf-box4 .pill.emagrecimento {
	border-color: #FFC300;
}
.bf-box4 .pill.vitaminas {
	border-color: #E24747;
}
.bf-box4 .pill.fitness {
	border-color: #FF9200;
}
.bf-box4 .pill.dermatologico {
	border-color: #D394E3;
}
.bf-box4 .pill img {
	position: absolute;
	top: 12px;
	left: 12px;
}
.bf-box4 .pill .info {
	padding: 20px 0 0 100px;
	text-align: center;
}
.bf-box4 .pill .info p {
	font-weight: 700;
	font-size: 22px;
	line-height: 26px;
	text-align: center;
	color: #55DA34;
}
.bf-box4 .pill.saude .info p {
	color: #55DA34;
}
.bf-box4 .pill.emagrecimento .info p {
	color: #FFC300;
}
.bf-box4 .pill.vitaminas .info p {
	color: #E24747;
}
.bf-box4 .pill.fitness .info p {
	color: #FF9200;
}
.bf-box4 .pill.dermatologico .info p {
	color: #D394E3;
}

.bf-box5 {
	padding: 70px 0 0 0;
}
.bf-box5 .txt1 {
	font-weight: 700;
	font-size: 24px;
	line-height: 37px;
	text-align: center;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	margin: 0 0 26px 0;
}
.bf-box5 .seller-slider {
	border: 0;
}
.bf-box5 .slick-slide {
	padding: 0 7px;
}
.bf-box5 .slider-box .slider-img {
	background: #fff;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
.bf-box5 .seller-slider .slider-box .slider-details p {
	min-height: 100px;
}

.bf-box6 {
	padding: 0 0 30px 0;
}
.bf-box6 .container {
	max-width: 1116px;
}
@media(max-width:768px) {
	.bf-box6 .container {
		padding: 0 20px;
	}
}
.bf-box6 .txt1 {
	font-weight: 700;
	font-size: 30px;
	line-height: 46px;
	text-align: center;
	margin: 30px
}

.bf-box6 .txt2 {
	font-weight: 400;
	font-size: 20px;
	line-height: 26px;
	text-align: center;
}
.bf-box6 .txt3 {
	font-weight: 400;
	font-size: 20px;
	line-height: 26px;
}
@media(max-width:768px) {
	.bf-box6 .txt1 {
		font-size: 22px;
		line-height: 24px;
		margin: 0 0 15px 0;
		text-align: left;
	}
	.bf-box6 .txt2 {
		font-size: 16px;
		line-height: 18px;
		margin: 0 0 30px 0;
		text-align: left;
	}

}
.bf-box6 .rounded-box {
	background: linear-gradient(black, black) padding-box,
	            linear-gradient(90deg, #44FF9A -0.55%, #44B0FF 22.86%, #8B44FF 48.36%, #FF6644 73.33%, #EBFF70 99.34%) border-box;
	border-radius: 20px;
	border: 3px solid transparent;
	padding: 26px;
	min-height: 308px;
}

.bf-box6 .txt4 {
	font-weight: 700;
	font-size: 22px;
	line-height: 24px;
}
.bf-box6 .txt5 {
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
}
@media(max-width:768px) {
	.bf-box6 .rounded-box {
		margin: 7px 0;
		min-height: auto;
	}
	.bf-box6 .txt4 {
		font-size: 18px;
		line-height: 24px;
	}
	.bf-box6 .txt5 {
		font-size: 16px;
		line-height: 20px;
	}
}

.bf-box7 {
	text-align: center;
	margin: 0 0 65px 0;
}
@media(max-width:768px) {
	.bf-box7 {
		margin: 0 0 35px 0;
	}
}
.bf-box7 .container {
	background: #0B99D7;
	border-radius: 5px;
	height: 80px;
	max-width: 1116px;
	padding: 15px 0 0 0;
}
.bf-box7 .txt1 {
	font-weight: 400;
	font-size: 20px;
	line-height: 24px;
	text-align: center;
	max-width: 637px;
	display: inline-block;
}
.bf-box7 .txt1 a {
	color: #fff;
	font-weight: 600;
	text-decoration: underline;
}
@media(max-width:768px) {
	.bf-box7 .container {
		border-radius: 0;
		height: auto;
	}
	.bf-box7 .txt1 {
		font-size: 18px;
		line-height: 18px;
	}
}

.bf-box8 {}
.bf-box8 .container {
	max-width: 1116px;
}
.bf-box8 .txt1 {
	font-weight: 700;
	font-size: 30px;
	line-height: 36px;
	width: 800px;
	margin: 0 0 36px 0;
}
.bf-box8 .txt2 {
	font-weight: 400;
	font-size: 20px;
	line-height: 26px;
	margin: 0 0 26px 0;
}
.bf-box8 .txt2 a {
	color: #fff;
	font-weight: 600;
	text-decoration: underline;
}
@media(max-width:768px) {
	.bf-box8 .txt1 {
		font-size: 22px;
		line-height: 24px;
		margin: 36px 0;
		width: auto;
	}
	.bf-box8 .txt2 {
		font-size: 16px;
		line-height: 18px;
	}
}

.bf-box8 .aside {
	text-align: right;
	padding: 70px 0 0 0;
}
.bf-box8 .aside-img {
	display: inline-block;
}
@media(max-width:768px) {
	.bf-box8 .aside {
		padding: 0;
	}
	.bf-box8 .aside-img {
		display: inline-block;
		width: 100%;
	}
}

.bf-box9 {
	text-align: center;
}
.bf-box9 img {
	display: inline-block;
}

@media(min-width:769px) {
	.bf-md-d-none {
		display: none;
	}
	.bf-md-d-block {
		display: none;
	}
	.bf-md-d-inline-block {
		display: inline-block;
	}
}

@media(max-width:768px) {
	.bf-sm-d-none {
		display: none;
	}
	.bf-sm-d-block {
		display: block;
	}
	.bf-sm-d-inline-block {
		display: inline-block;
	}
}

/* **** Health & Wellness Tips Page **** */
.health-tips-banner{
    padding: 45px 0 0;
    position: relative;
    background: #EDF6FD;
    min-height: 600px;
}
img.wellness-shp1{
    position: absolute;
    top: 0;
    right: 0;
}
img.wellness-shp2{
    position: absolute;
    bottom: 0;
    left: 0;
}
.braidcrumbbx ul{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 25px;
}
.braidcrumbbx ul li {
    font-weight: 700;
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #44464d;
    margin-right: 10px;
}
.braidcrumbbx ul li a {
    color: #44464d;
    font-weight: normal;
}
.braidcrumbbx ul li:last-child {
    margin: 0;
}
.health-tips-banner h1{
    font-size: 36px;
    font-family: "Titillium Web", sans-serif;
    font-weight: 700;
    color: #0B99D7;
    text-align: center;
    margin: 0 0 65px;
}


.health-tips-wrp{
    padding: 0 0 55px;
    position: relative;
    z-index: 5;
    margin: -400px 0 0;
}
.tips-lst-block{
    width: 85%;
    padding: 0 0 25px;
    margin: 0 auto 55px;
    border-bottom: 1px solid #DBEAF5;
}
.tips-lst-block .row{
    margin: 0 -25px;
}
.tips-lst-block .row .col-md-6{
    padding: 0 25px;
}
.tips-block{
    margin: 0 0 50px;
    background-color: #fff;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
}
.tips-img{
    margin: 0 0;
}
.tips-img img{
    width: 100%;
    height: 235px;
    border-radius:20px;
    object-fit: cover;
}
.tips-dt{
    padding: 30px 0 15px;
}
.tips-dt h3{
    font-size: 30px;
    font-weight: 700;
    color: #0077B8;
    font-family: "Titillium Web", sans-serif;
    margin: 0 0 25px;
    letter-spacing: 1px;
}
.tips-dt p{
    font-size: 18px;
    font-weight: normal;
    color: #44464D;
    line-height: 26px;
    font-family: "Titillium Web", sans-serif;
    margin: 0 0 25px;
    min-height: 110px;
}
.tips-dt .btn-main{
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    font-family: "Titillium Web", sans-serif;
    padding: 10px;
    letter-spacing: 1px;
    width: 170px;
    text-align: center;
    display: table;
    background-color: #00AFEF;
}
.tips-dt .btn-main:hover{
    background-color: #ff9200;
    color: #fff;
}

.pagerbx ul{
    display: flex;
    align-items: center;
    justify-content: center;
}
.pagerbx ul li{
    margin-right: 20px;
}
.pagerbx ul li:last-child{
    margin: 0;
}
.pagerbx ul li a.notwork{
    color: #BCBDC0;
    cursor: not-allowed;
}
.pagerbx ul li a{
    font-size: 16px;
    font-family: "Titillium Web", sans-serif;
    font-weight: bold;
    color: #44464D;
    margin: 0;
}
.pagerbx ul li a span{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #00AFEF;
    line-height: 38px;
    text-align: center;
    color: #00AFEF;
    font-family: "Titillium Web", sans-serif;
    font-weight: 800;
    display: block;
}
.pagerbx ul li a.active span{
    background-color: #00AFEF;
    color: #fff;
}
/* **** End Health & Wellness Tips Page **** */

/* **** Multivitamínico Page **** */
.inner-banner{
    position: relative;
    width: 100%;
    background-color: #EDF6FD;
    padding: 0px 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.inner-banner-img{
    width: 50%;
}
.inner-banner-img img{
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 150px 0 0 150px;
}
.banner-text{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
		padding: 80px 0 0 0;
}
.banner-text .braidcrumbbx{
    margin: 0 0 20px;
}
.banner-text .braidcrumbbx ul{
    justify-content: flex-start;
}
.banner-text h1{
    font-size: 36px;
    font-weight: 700;
    color: #E24747;
    margin: 0;
    letter-spacing: 1px;
}
.multivitamin-wrp{
    padding: 65px 0;
    position: relative;
    width: 100%;
}
.multivitamin-block{
    margin: 0 auto 45px;
    padding: 0 100px 45px;
    border-bottom: 1px solid #DBEAF5;
}
.multivitamin-block-2{
    margin: 0 auto 45px;
    padding: 0 100px 45px;
}
.multivitamin-wrp h2{
    font-size: 24px;
    font-weight: bold;
    color: #44464D;
    margin: 0 0 25px;
}
.multivitamin-wrp p{
    font-size: 16px;
    font-weight: normal;
    color: #44464D;
    line-height: 24px;
    margin: 0 0 25px;
}
.multivitamin-wrp p strong{
    font-weight: bold;
}
.multivitamin-wrp p span{
    color: #0B99D7;
    font-weight: bold;
}
.multivitamin-wrp p span.redtxt{
    color: #E24747;
}
.multi-img{
    margin:  0 0 25px;
}
.multi-img img{
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 150px;
}
.multivitamin-wrp .row{
    align-items: center;
}
.multivitamin-wrp small{
    font-size: 14px;
    font-weight: normal;
    color: #44464D;
    margin: 0;
}
.pager-act{
    padding: 0 100px;
    display: flex;
    align-items: center;
}
.pager-act .btn-main{
    padding:8px 10px;
    width: 160px;
    border-radius: 30px;
    border: 2px solid #00AFEF;
    background-color: #fff;
    font-size: 18px;
    font-weight: bold;
    color: #00AFEF;
    letter-spacing: 1px;
    text-align: center;
}
.pager-act .btn-main:last-child{
    margin-left: auto;
}
.pager-act .btn-main:hover{
    background-color: #00AFEF;
    color: #fff;
}
img.multishp1{
    position: absolute;
    top: 20%;
    left: 0;
    z-index: -1;
}
img.multishp2{
    position: absolute;
    bottom: 30%;
    right: 0;
    z-index: -1;
}
/* **** End Multivitamínico Page **** */

.trustvox-wrp {
	position: relative;
	padding: 0;
}

.trustvox-wrp .container {
	max-width: 100%;
	width: 954px;
}

.ts-header {
    position: relative;
    z-index: 1;
}

.tiktok-wrp-prd{
    padding: 0 0 57px 0;
    background: #fff;
}
.tiktok-wrp-prd .container{
    max-width: 756px;
}