/* ======================
   Index
   1. Default css
   2. Preloader css
   3. Button css
   4. Header
   5. Menu css
   6. Hero Section
   7. About Section
   8. Featured Section
   9. Offer Section
   10. Rating css
   11. Service Section
   12. Preview Section
   13. Testimonial Section
   14. Blog Section
   15. Breadcrumb
   16. Room Details
   17. Auth Section
   18. Checkbox and Radio css
   19. My Dashbord css
   20. Sidebar css
   21. Blog Details Page
   22. 404
   23. Social Media
   24. Layer Bounce
   25. Entry css
   26. Contact
   27. Parsley css
   28. Footer Section
   29. Cookies Content css

   ====================== */

/* ======================
   Default css
   ====================== */

* {
    margin: 0;
    padding: 0;
    outline: 0;
}
body {
    font-family: var(--primary-font-family);
    font-weight: normal;
    font-style: normal;
    color: var(--color-gray-dark);
    font-size: 14px;
    line-height: 1.5;
}
.img,
img {
    max-width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
a,
.button {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
a:focus,
.button:focus {
    text-decoration: none;
    outline: none;
}
a {
    text-decoration: none;
    display: inline-block;
    color: var(--color-gray-dark);
}
a:focus,
a:hover {
    text-decoration: none;
    color: var(--theme-color);
}
a,
button {
    outline: medium none;
}
.relative {
    position: relative;
}
table {
    width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--secondary-font-family);
    color: var(--color-black);
    margin-top: 0px;
    font-style: normal;
    font-weight: 700;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit;
}
h1 {
    font-size: 40px;
}
h2 {
    font-size: 35px;
}
h3 {
    font-size: 28px;
}
h4 {
    font-size: 22px;
}
h5 {
    font-size: 18px;
}
h6 {
    font-size: 16px;
}
ul {
    margin: 0px;
    padding: 0px;
}
li {
    list-style: none;
}
p {
    color: var(--color-gray-dark);
    font-family: var(--secondary-font-family);
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 15px;
}
label {
    color: var(--color-gray-dark);
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
}

*::-moz-selection {
    background: var(--theme-color);
    color: var(--color-white);
    text-shadow: none;
}
::-moz-selection {
    background: var(--theme-color);
    color: var(--color-white);
    text-shadow: none;
}
::selection {
    background: var(--theme-color);
    color: var(--color-white);
    text-shadow: none;
}

*::-moz-placeholder {
    color: var(--color-gray-400);
}
*::placeholder {
    color: var(--color-gray-400);
}
.red {
	color: #f25961;
}

input:hover,
input:active,
input:focus,
textarea:hover,
textarea:active,
textarea:focus,
button:focus,
button:active,
button:hover,
label:focus,
.btn:active,
.btn.active {
    outline: 0px !important;
    box-shadow: none !important;
}
.form-control,
.form-group input,
input,
input.form-control,
.form-select,
.form-control textarea,
.form-group textarea,
textarea {
    padding: 8px 10px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border-color: var(--color-gray-400);
    height: auto;
    color: var(--color-gray-dark);
    font-size: 14px;
}
input.form-control:focus,
.form-group input:focus,
.form-group textarea:focus,
input:focus,
textarea:focus,
.form-control textarea:focus,
.form-control:focus {
    box-shadow: none;
    color: var(--color-gray-dark);
    border-color: var(--theme-color);
}
.form-select:focus {
    border-color: var(--theme-color);
    box-shadow: none;
}
.form-control:-moz-focusring {
    color: var(--color-gray-dark);
    text-shadow: none;
}
.form-control:disabled, 
.form-control[readonly] {
	background-color: #e9ecef;
	opacity: 1;
}
main {
    display: block;
}
.section {
    padding: 80px 0;
}
.section-top {
    padding-top: 80px;
}
.section-bottom {
    padding-bottom: 80px;
}
.inner-section {
    padding: 60px 0px;
}
.inner-section-bg {
	height: 100%;
	position: relative;
	background-color: var(--color-gray-500);
}
.section-heading {
    text-align: center;
    margin-bottom: 60px;
}
.section-heading h5 {
    color: var(--theme-color);
    font-size: 18px;
}
.section-heading h2 {
    margin: 15px 0;
}

a.scroll-to-top {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    color: var(--color-white);
    background-color: var(--theme-color);
    text-align: center;
    font-size: 18px;
    z-index: 9999;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}
a.scroll-to-top:hover {
    background: var(--color-black);
}

.sticky {
    left: 0;
    margin: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
	border-bottom: 1px solid var(--color-gray-400);
    -webkit-animation: fadeInDown 0.7s ease-in-out 0s 1 normal none running;
    animation: fadeInDown 0.7s ease-in-out 0s 1 normal none running;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.header-menu.sticky {
	padding: 0px 0px;
}
.header-menu.sticky .logo {
	width: 140px;
}
.border_none {
    border: none !important;
}
.pt0 {
    padding-top: 0px !important;
}
.pl0 {
    padding-left: 0px !important;
}
.pr0 {
    padding-right: 0px !important;
}
.pb0 {
    padding-bottom: 0px !important;
}

.pb5 {
    padding-bottom: 5px;
}

.mt10 {
    margin-top: 10px;
}
.mt15 {
    margin-top: 15px;
}
.mt30 {
    margin-top: 30px;
}
.mt50 {
    margin-top: 50px;
}
.mt60 {
    margin-top: 60px;
}
.mb0 {
    margin-bottom: 0px !important;
}
.mb5 {
    margin-bottom: 5px;
}
.mb10 {
    margin-bottom: 10px;
}
.mb15 {
    margin-bottom: 15px;
}
.mb20 {
    margin-bottom: 20px;
}
.mb25 {
    margin-bottom: 25px;
}
.mb30 {
    margin-bottom: 30px;
}
.mb35 {
    margin-bottom: 35px;
}
.mb40 {
    margin-bottom: 40px;
}

.page-item.active .page-link {
	color: var(--color-white);
	background-color: var(--theme-color);
	border-color: var(--theme-color);
}
.page-link {
	color: var(--theme-color);
}
.page-link:hover {
	color: var(--theme-color);
}
.page-link:focus {
	color: var(--theme-color);
}

.empty_card {
	padding: 20px;
}
.empty_card .empty_img {
	padding: 20px;
}
.empty_card .empty_img img {
	width: 100%;
}
.empty_card h3 {
	font-size: 18px;
	text-align: center;
}
.full {
	width: 100%;
}

/* ======================
   Preloader css
   ====================== */
.tw-loader {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 9999999;
    width: 100%;
    height: 100vh;
    background: var(--color-white);
}
.tw-ellipsis {
    position: relative;
    width: 80px;
    height: 15px;
    top: 50%;
    margin: auto;
}
.tw-ellipsis div {
    position: absolute;
    top: 3px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
    background: var(--theme-color);
}
.tw-ellipsis div:nth-child(1) {
    left: 8px;
    animation: tw-ellipsis1 0.6s infinite;
}
.tw-ellipsis div:nth-child(2) {
    left: 8px;
    animation: tw-ellipsis2 0.6s infinite;
}
.tw-ellipsis div:nth-child(3) {
    left: 32px;
    animation: tw-ellipsis2 0.6s infinite;
}
.tw-ellipsis div:nth-child(4) {
    left: 56px;
    animation: tw-ellipsis3 0.6s infinite;
}

@keyframes tw-ellipsis1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes tw-ellipsis3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}
@keyframes tw-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(24px, 0);
    }
}

/* ======================
   Button css
   ====================== */
.btn {
	-moz-user-select: none;
	border: none;
	border-radius: 50px;
	padding: 15px 30px;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-family: var(--secondary-font-family);
	font-weight: 800;
	line-height: 1;
	margin-bottom: 0;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	position: relative;
	z-index: 2;
	overflow: hidden;
	-moz-transition: all ease 400ms;
	-webkit-transition: all ease 400ms;
	transition: all ease 400ms;
}
.btn.focus, 
.btn:focus {
	box-shadow: none;
}
.btn.theme-btn {
	color: var(--color-white);
	background-color: var(--theme-color);
}
.btn.theme-btn::before {
	position: absolute;
	top: 0;
	left: auto;
	right: 0;
	content: "";
	width: 0;
	height: 100%;
	z-index: -1;
	background-color: var(--color-light);
	overflow: hidden;
	border-radius: inherit;	
 	-moz-transition: width .5s cubic-bezier(.17,.67,.12,.81) 0s;
	-webkit-transition: width .5s cubic-bezier(.17,.67,.12,.81) 0s;
	transition: width .5s cubic-bezier(.17,.67,.12,.81) 0s;
}
.btn.theme-btn:hover::before {
	width: 100%;
	left: 0;
	right: auto;
}
.status_btn {
	color: #fff;
	padding: 3px 10px;
	border-radius: 15px;
}
.pstatus_1 {
	background-color: rgba(40, 199, 111, 0.1);
	border: 1px solid #26c56d;
	color: #26c56d;	
}
.pstatus_2 {
	background-color: rgba(255, 159, 67, 0.1);
	border: 1px solid #fe9e42;
	color: #fe9e42;	
}
.pstatus_3,
.pstatus_4 {
	background-color: rgba(242, 89, 97, 0.1);
	border: 1px solid #f25961;
	color: #f25961;	
}

.ostatus_1{
	background-color: rgba(255, 159, 67, 0.1);
	border: 1px solid #fe9e42;
	color: #fe9e42;	
}
.ostatus_2{
	background-color: rgba(40, 199, 111, 0.1);
	border: 1px solid #26c56d;
	color: #26c56d;
}
.ostatus_3 {
	background-color: rgba(145, 147, 149, 0.1);
	border: 1px solid #919395;
	color: #919395;	
}
.ostatus_4 {
	background-color: rgba(242, 89, 97, 0.1);
	border: 1px solid #f25961;
	color: #f25961;	
}
.ostatus_5 {
	background-color: rgba(242, 89, 97, 0.1);
	border: 1px solid #f25961;
	color: #f25961;	
}

.status_card {
	display: flex;
	align-items: center;
}
.in_running,
.in_checked_out {
	width: 12px;
	height: 12px;
	display: block;
	border-radius: 100%;
	margin-right: 5px;	
}
.in_running {
	background: #26c56d;
}
.in_checked_out {
	background: #919395;	
}
.my-dashbord .table td p {
	font-family: var(--primary-font-family);
	color: var(--color-gray-dark);
	margin: 0;
	width: 100%;
}
/* ======================
   Header
   ====================== */
.top-header {
    background-color: var(--color-blue);
    padding: 10px 0;
}
ul.top-list-1 {
    float: left;
    display: block;
}
ul.top-list-1 li {
    float: left;
    color: var(--color-white);
    padding: 7px 15px 7px 0px;
}
ul.top-list-1 li i {
    margin-right: 5px;
}

.top-header ul.top-list {
    float: right;
}
.top-header ul.top-list li {
    float: left;
    padding: 8px 15px;
}
.top-header ul.top-list > li:last-child {
    padding: 8px 0px 8px 15px;
}

.top-header ul.top-list li a {
    color: var(--color-white);
    font-weight: 400;
    line-height: 1;
}
.top-header ul.top-list li a:hover {
    color: var(--theme-color);
}
.top-header ul.top-list li a i {
    margin-right: 5px;
}

.language-menu {}
.language-menu a.dropdown-toggle {
    text-decoration: none;
    padding: 0px;
}
.language-menu a.dropdown-toggle::after {
    margin-left: 0.355em;
    vertical-align: 0.155em;
}
.language-menu ul.dropdown-menu {
    min-width: 7rem;
    padding: 0;
    border: none;
    border-radius: 0;
    color: var(--color-black);
    margin-top: 11px !important;
    -webkit-box-shadow: 0px 20px 60px 0px rgba(151, 151, 151, 0.2);
    box-shadow: 0px 20px 60px 0px rgba(151, 151, 151, 0.2);
}
.language-menu ul.dropdown-menu li {
    width: 100%;
    padding: 0;
    border: none !important;
}
.language-menu ul.dropdown-menu li a.dropdown-item {
    color: var(--color-black);
    font-size: 14px;
    text-align: center;
    padding: 8px 5px;
}
.language-menu ul.dropdown-menu li a.dropdown-item:focus,
.language-menu ul.dropdown-menu li a.dropdown-item:hover {
    color: var(--color-white);
    background-color: var(--theme-color);
}
.header {
    display: block;
    background-color: var(--color-white);
}
.header .logo {
    width: 170px;
    padding: 10px 0;
    float: left;
}
.header .logo img {
    width: 100%;
    height: auto;
}

/* ======================
   Menu css
   ====================== */
.header-menu {
    height: auto;
    padding: 15px 0px;
    background-color: var(--color-white);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.tp-mega-full {
    position: relative;
    width: 100%;
    line-height: 1;
}
.tp-menu {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
}
.tp-menu nav {
    float: left;
    padding-top: 0px;
}
.tp-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.tp-menu ul li {
    float: left;
    position: relative;
}
.tp-menu ul li a.tp-updown {
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.tp-menu ul > li > a.tp-updown::before {
    position: absolute;
    content: "\F282";
    right: 0px;
    top: 26px;
    bottom: 24px;
    font-family: "bootstrap-icons";
    color: var(--color-black);
    font-size: 14px;
}
.tp-menu ul > li:hover > a.tp-updown::before {
    position: absolute;
    content: "\F286";
    right: 0px;
    top: 26px;
    bottom: 24px;
    font-family: "bootstrap-icons";
    color: var(--theme-color);
    font-size: 14px;
}
.tp-menu ul li a {
    font-family: var(--secondary-font-family);
    color: var(--color-black);
    font-size: 16px;
    font-weight: 700;
    display: block;
    padding: 25px 20px;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.tp-menu ul li:hover > a,
.tp-menu ul li.active > a {
    color: var(--theme-color);
}

/*submenu*/
.tp-menu ul li ul.submenu {
    position: absolute;
    top: 110%;
    left: 0;
    width: 220px;
    padding: 15px 15px;
    border-radius: 0px 0px 10px 10px;
    background: var(--color-white);
    z-index: 999999;
    visibility: hidden;
    opacity: 0;
    -webkit-box-shadow: 0px 17px 42px rgba(93, 93, 93, 0.14);
    -moz-box-shadow: 0px 17px 42px rgba(93, 93, 93, 0.14);
    box-shadow: 0px 17px 42px rgba(93, 93, 93, 0.14);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.tp-menu ul li:hover ul.submenu {
    visibility: visible;
    opacity: 1;
    top: 100%;
}
.tp-menu ul li ul.submenu li {
    float: none;
    margin: 0;
}
.tp-menu ul li ul.submenu li:last-child {
    border-bottom: none;
}
.tp-menu ul li ul.submenu li a {
    font-size: 14px;
    font-weight: 700;
    padding: 12px 15px;
    color: var(--color-black);
    text-transform: capitalize;
}

/*three level menu*/
.tp-menu ul li ul.submenu li ul.submenu {
    left: 100%;
    top: 0;
    opacity: 0;
    visibility: hidden;
}
.tp-menu ul li ul.submenu li:hover > ul.submenu {
    opacity: 1;
    visibility: visible;
}

/*mega-menu*/
.tp-menu ul li .mega-menu {
    position: absolute;
    top: 110%;
    left: 0;
    width: 500px;
    background: var(--color-white);
    border-radius: 0px 0px 10px 10px;
    padding: 30px 15px 18px 15px;
    z-index: 999999;
    visibility: hidden;
    opacity: 0;
    -webkit-box-shadow: 0px 17px 42px rgba(93, 93, 93, 0.14);
    -moz-box-shadow: 0px 17px 42px rgba(93, 93, 93, 0.14);
    box-shadow: 0px 17px 42px rgba(93, 93, 93, 0.14);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.tp-menu ul li:hover .mega-menu {
    visibility: visible;
    opacity: 1;
    top: 100%;
}
.tp-menu ul li .mega-menu ul {
    float: left;
}
.tp-menu ul li .mega-menu ul li {
    float: none;
    margin-right: 0;
}
.tp-menu ul li .mega-menu ul li a {
    padding: 12px 0px;
    text-transform: capitalize;
    color: var(--color-black);
    font-size: 14px;
    font-weight: 700;
    font-family: var(--secondary-font-family);
}

.tp-menu ul li ul.submenu li:hover > a,
.tp-menu ul li ul.submenu li.active > a,
.tp-menu ul li .mega-menu ul li:hover a,
.tp-menu ul li .mega-menu ul li.active > a {
	color: var(--theme-color);
	background: transparent;
}
.tp-menu ul li .mega-menu ul li.mega-title {
    padding: 0px 0px 5px 0px;
    color: var(--theme-color);
    font-weight: 800;
    font-size: 14px;
    font-family: var(--secondary-font-family);
    position: relative;
    margin-bottom: 10px;
}
.tp-menu ul li .mega-menu ul li.mega-title::before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 30px;
    height: 2px;
    background: var(--theme-color);
}

.tp-menu ul li .mega-menu ul.megafixed-col-1 {
    width: 100%;
}
.tp-menu ul li .mega-menu ul.megafixed-col-2 {
    width: 50%;
}
.tp-menu ul li .mega-menu ul.megafixed-col-3 {
    width: 33.33333333333333%;
}
.tp-menu ul li .mega-menu ul.megafixed-col-4 {
    width: 25%;
}
.tp-menu ul li .mega-menu ul.megafixed-col-5 {
    width: 20%;
}
.tp-menu ul li .mega-menu ul.megafixed-col-6 {
    width: 16.66666666666667%;
}

/*mega-menu full*/
.tp-menu ul li.tp-static {
    position: static;
}
.tp-menu ul li .mega-menu.mega-full {
    width: 100%;
}
.tp-menu ul li .mega-menu ul {
    padding: 0px 15px;
}
.tp-menu ul li .mega-menu ul:last-child {
    border-right: none;
}
.tp-menu ul li .mega-menu ul li.mega-col-image {
    overflow: hidden;
    padding: 0px 10px 0px 0px;
}
.tp-menu ul li .mega-menu ul li.mega-col-image a {
    padding: 0;
}
.tp-menu ul li .mega-menu ul li.mega-col-image img {
    width: 100%;
    height: auto;
    border-radius: 5px;
}

.tp-menu ul li .mega-menu.mega-full ul.mega-col-1 {
    width: 100%;
}
.tp-menu ul li .mega-menu.mega-full ul.mega-col-2 {
    width: 50%;
}
.tp-menu ul li .mega-menu.mega-full ul.mega-col-3 {
    width: 33.33333333333333%;
}
.tp-menu ul li .mega-menu.mega-full ul.mega-col-4 {
    width: 25%;
}
.tp-menu ul li .mega-menu.mega-full ul.mega-col-5 {
    width: 20%;
}
.tp-menu ul li .mega-menu.mega-full ul.mega-col-6 {
    width: 16.66666666666667%;
}

/*mobile menu*/
.icon-bars-card {
    width: auto;
    float: right;
    display: none;
}
.icon-bars-card a i {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 20px;
    display: inline-block;
    text-align: center;
    background: var(--theme-color);
    color: var(--color-white);
    border-radius: 50%;
    margin-top: 16px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    -webkit-box-shadow: 0px 0px 25px 4px rgba(87, 87, 87, 0.3);
    -moz-box-shadow: 0px 0px 25px 4px rgba(87, 87, 87, 0.3);
    box-shadow: 0px 0px 25px 4px rgba(87, 87, 87, 0.3);
}

.mobile-menu-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    z-index: 99999;
}
.mobile-menu-wrapper.open {
    opacity: 1;
    visibility: visible;
}
.mobile-menu-wrapper .off-canvas-overlay {
    background-color: rgba(0, 0, 0, 0.4);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}
.mobile-menu-wrapper .offcanvas-body {
    background-color: var(--color-black);
    width: 300px;
    height: 100%;
    padding: 0px 0px 100px 0px;
    position: relative;
    -webkit-transform: translateX(calc(-100% - 50px));
    -ms-transform: translateX(calc(-100% - 50px));
    transform: translateX(calc(-100% - 50px));
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.mobile-menu-wrapper.open .offcanvas-body {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
.offcanvas-body .offcanvas-top {
    width: 100%;
    padding: 20px 20px;
    border-bottom: 1px solid var(--color-gray-dark);
    margin-bottom: 15px;
    height: auto;
    transform: none;
}
.offcanvas-top .offcanvas-btn-close {
    width: 30px;
    height: 30px;
    font-size: 14px;
    color: var(--color-black);
    line-height: 29px;
    text-align: center;
    cursor: pointer;
    background: var(--color-white);
    border-radius: 50%;
}
.mobile-navigation {}
.mobile-navigation nav {
    height: 100%;
}
.mobile-menu {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.mobile-menu li > a {
    font-size: 14px;
    color: var(--color-gray);
    line-height: 1.5;
    position: relative;
    display: inline-block;
    padding: 10px 10px 10px 20px;
    width: 100%;
    font-family: var(--secondary-font-family);
    font-weight: 700;
}
.mobile-menu li > a:hover {
    color: var(--theme-color);
    text-decoration: none;
}
.mobile-menu li.has-children-menu.active > a {
    color: var(--theme-color);
}
.mobile-menu li.has-children-menu ul.dropdown,
.mobile-menu li.has-children-menu.active ul.dropdown,
.mobile-menu li ul.megamenu {
    margin: 0px;
    padding: 0px;
    background-color: rgba(255, 255, 255, 0.05);
}
.mobile-menu li ul li {
    border: none;
}
.mobile-menu li ul li a {
    font-size: 14px;
    padding: 10px 10px 10px 20px;
    width: 100%;
}
.mobile-menu li.has-children-menu {
    display: block;
    position: relative;
    width: 100%;
}
.mobile-menu li.has-children-menu .menu-expand {
    top: 10px;
    right: 20px;
    width: 14px;
    position: absolute;
    height: 20px;
    text-align: center;
    cursor: pointer;
}
.mobile-menu li.has-children-menu .menu-expand i {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 10px;
    border-bottom: 1px solid var(--color-gray);
    -webkit-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}
.mobile-menu li.has-children-menu .menu-expand i:before {
    top: 0;
    width: 100%;
    content: "";
    display: block;
    position: absolute;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    border-bottom: 1px solid var(--color-gray);
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.mobile-menu li.has-children-menu.active > .menu-expand i:before {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}


/* ======================
   Hero Section
   ====================== */
.hero-section {
	padding: 0px;
	position: relative;
}
.hero-screen {
	background-position: 50%;
	background-size: cover;
	height: 100%;
	width: 100%;
	padding: 200px 0px 220px 0px;
	position: relative;
}
.hero-overlay::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: var(--color-blue);
	opacity: 0.5;
}
.hero-screen .hero-content {
	text-align: center;
	position: relative;
	z-index: 2;
}
.hero-screen .hero-content h1 {
	font-size: 65px;
	font-weight: 900;
	margin-bottom: 25px;
	color: var(--color-white);
}
.hero-screen .hero-content p {
	margin-bottom: 25px;
	color: var(--color-white);
	font-weight: 500;
	font-size: 16px;
	line-height: 2;
}
.home_1 .search-card {
	position: absolute;
	z-index: 2;
	bottom: -60px;
	width: 100%;
}
.home_1 .search-card .search-card-inner {
	background-color: var(--color-white);
	padding: 40px 35px 30px 35px;
	-webkit-box-shadow: 0px 20px 60px 0px rgba(151, 151, 151, 0.2);
	box-shadow: 0px 20px 60px 0px rgba(151, 151, 151, 0.2);
	border-radius: 10px;
}
.home_1 .search-card .search-card-inner .search-btn {
	border-radius: 0;
	margin-top: 29px;
	width: 100%;
	white-space: normal;
	padding: 13px 10px;
	text-align: center;
	line-height: 1.5;
	font-size: 14px;
	font-weight: 800;
}
.home_1 .search-card .form-control, 
.home_1 .search-card .form-group input, 
.home_1 .search-card input, 
.home_1 .search-card input.form-control, 
.home_1 .search-card .form-select {
	padding: 12px 10px;
}

/* ======================
   About Section
   ====================== */
.about-section {
	padding: 150px 0px 60px 0px;
}
.about-section .about-img {
	width: 100%;
	overflow: hidden;
	margin-bottom: 24px;
	border-radius: 10px;
}
.about-section .about-img img {
    width: 100%;
}
.about-card {
    padding-left: 24px;
}
.about-card .about-title {}
.about-card .about-title h5 {
    color: var(--theme-color);
    font-size: 18px;
    margin-bottom: 30px;
}
.about-card .about-title h2 {
    margin-bottom: 15px;
}
.about-card p {}
.about-card .info-card {
    text-align: center;
    background: var(--color-white);
    -webkit-box-shadow: 0px 0px 35px 13px rgba(230, 230, 230, 0.2);
    -moz-box-shadow: 0px 0px 35px 13px rgba(230, 230, 230, 0.2);
    box-shadow: 0px 0px 35px 13px rgba(230, 230, 230, 0.2);
    padding: 20px 10px;
    border-radius: 2px;
}
.about-card .info-card .icon {
    margin: 0 auto;
}
.about-card .info-card .icon i {
	color: var(--theme-color);
	font-size: 35px;
}
.about-card .info-card .content {}
.about-card .info-card .content h4 {
	margin-top: 5px;
	margin-bottom: 3px;
	font-size: 16px;
}
.about-card .info-card .content p {
	margin-bottom: 0;
}

/* ======================
   Featured Section
   ====================== */
.featured-section {
    padding-bottom: 56px;
    background: var(--color-gray-500);
}

.item-card {
    width: 100%;
    overflow: hidden;
    background: var(--color-white);
    margin-bottom: 24px;
    -webkit-box-shadow: 0px 20px 60px 0px rgba(151, 151, 151, 0.2);
    box-shadow: 0px 20px 60px 0px rgba(151, 151, 151, 0.2);
}
.item-card .item-image {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.item-card .item-image img {
    width: 100%;
}
.item-card .item-image .item-label {
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 4px 10px;
    background: var(--theme-color);
    color: var(--color-white);
    font-size: 12px;
    border-radius: 40px 40px 0px 40px;
}
.item-card .item-image .category-label {
	position: absolute;
	bottom: 0px;
	right: 10px;
	padding: 4px 10px;
	border-radius: 10px 10px 0px 0px;
	background: var(--color-white);
}
.item-card .item-image .category-label a {
	font-size: 16px;
	font-weight: 700;
	color: var(--theme-color);
}
.item-card .item-content {
    padding: 15px;
    width: 100%;
    overflow: hidden;
}
.item-card .item-content .item-title a {
    font-family: var(--secondary-font-family);
    color: var(--color-black);
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 10px;
}
.item-card .item-content .item-title a:hover {
    color: var(--theme-color);
}
.item-card .item-content .pric-card {
    font-family: var(--primary-font-family);
    font-size: 16px;
    color: var(--color-black);
    font-weight: 900;
}
.item-card .pric-card .new-price {
    float: left;
    margin-right: 7px;
}
.item-card .pric-card .old-price {
    float: left;
    text-decoration: line-through;
    color: #ee0101;
    margin-right: 7px;
}
.item-card .pric-card .per-day-night {
    float: left;
    font-weight: 500;
    font-size: 14px;
    margin-top: 2px;
}
.item-card a.btn.theme-btn.book-now-btn {
    border-radius: 0px 15px 0px 0px;
    padding: 12px 20px;
    float: left;
}
.item-card ul.item-meta {
    float: right;
    display: flex;
}
.item-card ul.item-meta li {
    background: var(--color-white);
    padding: 5px 10px;
    float: left;
    margin-right: 7px;
    border-radius: 10px 0px 10px 0px;
    font-weight: 500;
    -webkit-box-shadow: 0px 3px 10px 0px rgba(151, 151, 151, 0.3);
    box-shadow: 0px 3px 10px 0px rgba(151, 151, 151, 0.3);
}

/* ======================
   Offer Section
   ====================== */
.offer-section {}
.offer-card {
    position: relative;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 24px;	
}
.offer-card::before {
    content: "";
    border-radius: inherit;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(5, 16, 54, 0.7) 0%, rgba(5, 16, 54, 0) 100%);
}
.offer-card .offer-image {
	width: 100%;
}
.offer-card .offer-image img {
	width: 100%;
}
.offer-card .offer-content {
	position: absolute;
	top: 0;
	z-index: 1;
	width: 100%;
	padding: 25px;
}
.offer-card .offer-content h2 {
	color: var(--color-white);
}
.offer-card .offer-content p {
	color: var(--color-white);
}
.offer-card .offer-content .offer-btn {
	padding: 10px 20px;
}

/* ======================
   Rating css
   ====================== */
.rating-wrap {
    width: 100%;
    line-height: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin-bottom: 10px;
}
.rating-wrap .stars-outer {
    display: inline-block;
    position: relative;
    font-family: bootstrap-icons !important;
    margin-right: 5px;
}
.rating-wrap .stars-outer:before {
    content: "\f588 \f588 \f588 \f588 \f588";
    color: #d2d2d2;
    font-size: 14px;
    letter-spacing: 2px;
}
.rating-wrap .stars-inner {
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    overflow: hidden;
    width: 0;
}
.rating-wrap .stars-inner::before {
    content: "\f586 \f586 \f586 \f586 \f586";
    color: #f8ce0b;
    font-size: 14px;
    letter-spacing: 2px;
}

/* ======================
   Service Section
   ====================== */
.service-section {
    padding-bottom: 56px;
}
.service-card {
    padding: 24px;
    background: var(--color-white);
    -webkit-box-shadow: 0px 0px 35px 13px rgba(230, 230, 230, 0.2);
    -moz-box-shadow: 0px 0px 35px 13px rgba(230, 230, 230, 0.2);
    box-shadow: 0px 0px 35px 13px rgba(230, 230, 230, 0.2);
    margin-bottom: 24px;
    position: relative;
    display: inline-block;
    text-align: center;
}
.service-card::before {
    position: absolute;
    content: "";
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    z-index: 1;
}
.service-card:hover::before {
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    top: -10px;
    left: -10px;
    background-color: var(--color-white);
    -webkit-box-shadow: 0px 30px 40px 0px rgba(32, 85, 125, 0.06);
    box-shadow: 0px 30px 40px 0px rgba(32, 85, 125, 0.06);
}
.service-card .service-icon {
	width: 65px;
	margin: 0 auto 15px auto;
}
.service-card .service-icon img {
	width: 100%;
}
.service-card h4 {
	color: var(--color-black);
	margin-bottom: 10px;
}
.service-card p {
	margin: 0;
}
.service-card .service-icon,
.service-card h4,
.service-card p {
    position: relative;
    z-index: 1;
}

/* ======================
   Preview Section
   ====================== */
.preview-section {
    background: var(--color-black);
    overflow: hidden;
}
.preview-section .preview-video {
	background-position: 50%;
	background-size: cover;
	width: 100%;
	max-height: 600px;
	position: relative;
	overflow: hidden;
}
.preview-section .preview-video img {
    width: 100%;
	height: 100%;
}
.preview-section .preview-video::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background: var(--color-light);
    opacity: 0.2;
}
.preview-section .preview-video .video-card {
    display: inline-block;
    padding: 150px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.preview-section .preview-video .video-card .play-icon {
    position: relative;
    width: 80px;
    height: 80px;
    background: var(--color-white);
    line-height: 80px;
    border-radius: 50%;
    cursor: pointer;
    border: 1px solid var(--color-white);
    animation: shadows 1.4s linear infinite;
    -webkit-animation: shadows 1.4s linear infinite;
    -moz-animation: shadows 1.4s linear infinite;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    transition: all ease 400ms;
    text-align: center;
}
.preview-section .preview-video .video-card .play-icon i {
    font-size: 40px;
    color: var(--theme-color);
}
.preview-section .preview-video .video-card .play-icon:hover {
    background: var(--theme-color);
    border: 1px solid var(--theme-color);
}
.preview-section .preview-video .video-card .play-icon:hover i {
    color: var(--color-white);
}
.preview-section .preview-content {
    margin: 50px;
}
.preview-section .preview-content h5,
.preview-section .preview-content h2,
.preview-section .preview-content p {
    color: var(--color-white);
}

.preview-section .preview-content h5 {}
.preview-section .preview-content h2 {
    margin-top: 15px;
    margin-bottom: 24px;
}
.preview-section .preview-content p {}
.preview-section .preview-content a {
    margin-top: 15px;
}

/* ======================
   Testimonial Section
   ====================== */
.testimonial-section {
    background: var(--color-gray-500);
    padding: 120px 0;
}
.testimonial-card {
	padding: 25px;
	background: var(--color-white);
	border: 1px solid var(--color-gray-400);
	margin: 0 10px;
	border-radius: 5px;
}
.testimonial-card .client {
	width: 100%;
	display: flex;
	align-items: center;
	margin-bottom: 5px;
}
.testimonial-card .client .img-card {
	width: 90px;
	height: 90px;
	overflow: hidden;
	border-radius: 50%;
	float: left;
}
.testimonial-card .client .img-card img {
	width: 100%;
}
.testimonial-card .client .client-info {
	width: calc(100% - 90px);
	float: left;
	padding: 0px 0px 0px 15px;
}
.testimonial-card .client .client-info h4 {
	margin-bottom: 2px;
}
.testimonial-card .client .client-info span {
	margin: 0;
	padding: 0;
}
.testimonial-card .quote {
	width: 100%;
	overflow: hidden;
}
.testimonial-card .quote i {
	font-size: 50px;
	color: var(--theme-color);
	line-height: 1;
}
.testimonial-card .comment {
	width: 100%;
	overflow: hidden;
}

/* ======================
   Blog Section
   ====================== */
.blog-section {
    padding-bottom: 56px;
}
.blog-card {
    background: var(--color-white);
    -webkit-box-shadow: 0px 17px 42px rgba(93, 93, 93, 0.14);
    -moz-box-shadow: 0px 17px 42px rgba(93, 93, 93, 0.14);
    box-shadow: 0px 17px 42px rgba(93, 93, 93, 0.14);
    margin-bottom: 24px;
    overflow: hidden;
}
.blog-card .blog-img {
    width: 100%;
    overflow: hidden;
}

.blog-card .blog-img img {
    width: 100%;
    transition: all 0.6s ease-in-out;
}
.blog-card:hover .blog-img img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.blog-card .blog-content {
    width: 100%;
    padding: 20px;
}
.blog-card .blog-content .blog-meta-card {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.blog-card .blog-content .blog-meta-card .blog-date,
.blog-card .blog-content .blog-meta-card .blog-meta,
.blog-card .blog-content .blog-meta-card .blog-comment{
    font-size: 14px;
    font-weight: 500;
}
.blog-card .blog-content .blog-meta-card .blog-date i,
.blog-card .blog-content .blog-meta-card .blog-meta i,
.blog-card .blog-content .blog-meta-card .blog-comment i{
    margin-right: 6px;
}

.blog-card .blog-content .blog-title {}
.blog-card .blog-content .blog-title h4 {
    line-height: 1.5;
}
.blog-card .blog-content .read-more-btn {}
.blog-card .blog-content .read-more-btn a {
    font-size: 16px;
    font-weight: 500;
}

/* ======================
    Breadcrumb
====================== */
.breadcrumb-section {
    background-position: 50%;
    background-size: cover;
    height: 100%;
    min-height: 300px;
    position: relative;
    display: flex;
    align-items: center;
    text-align: center;
	background-color: var(--color-blue);
}
.breadcrumb-section::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: var(--color-blue);
	opacity: 0.5;
}
.breadcrumb-section .breadcrumb-card {
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.breadcrumb-section .breadcrumb-card h2 {
    font-size: 50px;
    margin-bottom: 5px;
    line-height: 1.5;
    color: var(--color-white);
    letter-spacing: 1px;
}
.breadcrumb-section .breadcrumb-card nav {}
.breadcrumb-section .breadcrumb-card nav ol {
    justify-content: center;
}
.breadcrumb-section .breadcrumb-card nav ol li,
.breadcrumb-section .breadcrumb-card nav ol li a {
    color: var(--color-white);
    font-size: 18px;
    font-weight: 600;
    transition: all .6s ease-in-out;
}
.breadcrumb-section .breadcrumb-card nav ol li.active,
.breadcrumb-section .breadcrumb-card nav ol li a:hover {
    text-decoration-line: underline ;
}
.breadcrumb-section .breadcrumb-item + .breadcrumb-item::before {
    color: var(--color-white);
}

/* ======================
   Room Details
   ====================== */
.room-details-slider {
    width: 100%;
    height: auto;
    text-align: center;
    margin-bottom: 15px;
    overflow: hidden;
}
.room-details-slider .item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}
.room-details-slider .item img {
    width: 100%;
    height: auto;
    margin: 0 auto;
	border-radius: 15px;
}
.room-details-slider button.slick-prev,
.room-details-slider button.slick-next {
    height: 40px;
    width: 40px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: none;
    position: absolute;
    top: 50%;
    z-index: 1;
    background: var(--color-white);
    color: var(--color-black);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}
.room-details-slider button.slick-prev {
    left: 0;
}
.room-details-slider button.slick-next {
    right: 0;
}
.room-details-slider button.slick-prev:hover,
.room-details-slider button.slick-next:hover {
    background: var(--color-light);
    color: var(--color-white);
}
.thumbnail-card {
    width: 100%;
    margin-bottom: 30px;
}
.thumbnail-card .slick-slide {
	overflow: hidden;
	border: 2px solid var(--color-gray-400);
	cursor: pointer;
	margin: 5px;
	border-radius: 20px;
}
.thumbnail-card .slick-slide img {
    width: 100%;
    height: 100%;
}
.thumbnail-card .slick-slide:hover,
.thumbnail-card .slick-slide.slick-current {
    border: 2px solid var(--theme-color);
}
.thumbnail-card button.slick-prev,
.thumbnail-card button.slick-next {
    height: 25px;
    width: 25px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: none;
    position: absolute;
    top: 50%;
    z-index: 1;
    background: var(--color-white);
    color: var(--color-black);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 1px solid var(--color-light);
}
.thumbnail-card button.slick-prev {
    left: 0;
}
.thumbnail-card button.slick-next {
    right: 0;
}
.thumbnail-card button.slick-prev:hover,
.thumbnail-card button.slick-next:hover {
    background: var(--color-light);
    color: var(--color-white);
}

.room-details-card {
	width: 100%;
	display: inline-block;
	background: var(--color-white);
	-webkit-box-shadow: 0px 60px 43px 0px rgba(202, 202, 202, 0.1);
	box-shadow: 0px 60px 43px 0px rgba(202, 202, 202, 0.1);
	padding: 20px 20px 15px 20px;
	margin-bottom: 30px;
}
.room-details-card .item-title {}
.room-details-card .item-title h3 {
    font-family: var(--secondary-font-family);
    color: var(--color-black);
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 10px;	
}
.room-details-card .item-cat {
	width: 100%;
	color: var(--color-black);
}
.room-details-card .item-cat a {
	color: var(--theme-color);
}
.room-details-card .item-cat a:hover {
	color: var(--color-black);
}
.room-details-card .pric-card {
	font-family: var(--primary-font-family);
	font-size: 20px;
	color: var(--color-black);
	font-weight: 900;
	display: inline-block;
}
.room-details-card .pric-card .new-price {
    float: left;
    margin-right: 7px;
}
.room-details-card .pric-card .old-price {
    float: left;
    text-decoration: line-through;
    color: #ee0101;
    margin-right: 7px;
}
.room-details-card .pric-card .per-day-night {
	float: left;
	font-weight: 500;
	font-size: 16px;
	margin-top: 3px;
}
.room-details-card h4.details-title {
	width: 100%;
	font-size: 16px;
	margin-bottom: 10px;
}
.room-details-card ul.details-list {
	padding: 0;
	margin: 0;
	display: inline-block;
}
.room-details-card ul.details-list li {
	margin-bottom: 10px;
}
.room-details-card ul.details-list li i {
	margin-right: 5px;
}
.room-details-card .share_this {
	margin-top: 10px;
}
.room-details-card ul.item-meta {
	display: inline-block;
	width: 100%;
	margin: 5px 0;
}
.room-details-card ul.item-meta li {
	float: left;
	padding: 2px 10px;
	margin-right: 10px;
	border-radius: 20px;
	font-weight: 500;
	-webkit-box-shadow: 0px 3px 10px 0px rgba(151, 151, 151, 0.3);
	box-shadow: 0px 3px 10px 0px rgba(151, 151, 151, 0.3);
}
.room-details-card .btn.booknow-btn {
	padding: 12px 30px;
	margin: 10px 0px;
}
.room-book-card {
	width: 100%;
	display: inline-block;
	margin-bottom: 30px;
	border-bottom: 1px solid var(--color-gray-400);
	padding-bottom: 15px;
}
.room-book-card .room-book-img {
	float: left;
	width: 100px;
	overflow: hidden;
}
.room-book-card .room-book-img img {
	width: 100%;
}
.room-book-card .room-book-content {
	width: calc(100% - 100px);
	float: left;
	padding-left: 15px;
}
.room-book-card .room-book-content .room-title {
	font-family: var(--secondary-font-family);
	color: var(--color-black);
	font-weight: 700;
	font-size: 18px;
}
.room-book-card .room-book-content .room-price {
	font-family: var(--primary-font-family);
	font-size: 14px;
	color: var(--color-black);
	font-weight: 700;
	display: inline-block;
}
.room-book-card .room-book-content .room-price .new-price {
	float: left;
	margin-right: 7px;	
}
.room-book-card .room-book-content .room-price .old-price {
	float: left;
	text-decoration: line-through;
	color: #ee0101;
	margin-right: 7px;	
}
.room-book-card .room-book-content .room-price .per-day-night {
	float: left;
	font-weight: 500;
	font-size: 14px;
}
.room-book-card .room-book-content ul.room-meta {
	display: inline-block;
	width: 100%;
	margin: 0;
}
.room-book-card .room-book-content ul.room-meta li {
	float: left;
	padding: 0px 10px 0px 0px;
	border-right: 1px solid var(--color-gray-400);
}
.room-book-card .room-book-content ul.room-meta li:last-child {
	border-right: none;
	padding: 0px 0px 0px 10px;
}
.r_extra {
	width: 100%;
	display: inline-block;
}
.r_extra strong {
	float: left;
}
.r_extra .instock,
.r_extra .stockout {
	float: left;
	margin-left: 5px;
}
.r_extra .instock {
	color: #388e3c;	
}
.r_extra .stockout {
	color: #f62459;
}

/* ======================
   Auth Section
   ====================== */
.register {
	position: relative;
	width: 400px;
	margin: 25px auto 50px auto;
	background: #fff;
	padding: 30px;
	-webkit-box-shadow: 0px 15px 66px 5px rgba(217,217,217,0.8);
	-moz-box-shadow: 0px 15px 66px 5px rgba(217,217,217,0.8);
	box-shadow: 0px 15px 66px 5px rgba(217,217,217,0.8);
}
.register h4 {
	margin-bottom: 15px;
	font-weight: 700;
	font-size: 20px;
}
.register .form {
	margin-bottom: 15px;
}
.register .form-group {
    margin-bottom: 20px;
}
.register h3 {
	text-align: center;
	margin: 0;
}
.register h3 a {
	font-size: 16px;
	font-weight: normal;
}
.register .alert {
	padding: 8px 10px;
}
ul.errors-list {
	color: #721c24;
	background-color: #f8d7da;
	border: 1px solid #f5c6cb;
	text-align: left;
	padding: 10px 10px;
	margin-bottom: 15px;
	border-radius: 5px;
}
ul.errors-list li {
	font-size: 14px;
	width: 100%;
}

/* ======================
   Checkbox and Radio css
   ====================== */
.checkbox_group {
	margin-bottom: 15px;
	width: 100%;
}
.tw_checkbox span:before, 
.tw_checkbox span:after {
	content: "";
	display: inline-block;
	background: #fff;
	width: 0;
	height: 0.2rem;
	position: absolute;
	transform-origin: 0% 0%;
}
.tw_checkbox {
	position: relative;
	height: 2rem;
	display: flex;
	align-items: center;
}
.tw_checkbox input {
	display: none;
}
.tw_checkbox input:checked ~ span:before {
	width: 1rem;
	height: 0.15rem;
	transition: width 0.1s;
	transition-delay: 0.3s;
}
.tw_checkbox input:checked ~ span:after {
	width: 0.4rem;
	height: 0.15rem;
	transition: width 0.1s;
	transition-delay: 0.2s;
}
.tw_checkbox input:disabled ~ span {
	background: #ececec;
	border-color: #dcdcdc;
}
.tw_checkbox input:disabled ~ label {
	color: #dcdcdc;
}
.tw_checkbox input:disabled ~ label:hover {
	cursor: default;
}
.tw_checkbox label {
	padding-left: 2rem;
	position: relative;
	z-index: 2;
	cursor: pointer;
	margin-bottom: 0;
	font-weight: 400;
}
.tw_checkbox span {
	display: inline-block;
	width: 1.2rem;
	height: 1.2rem;
	border: 2px solid #ccc;
	position: absolute;
	left: 0;
	transition: all 0.2s;
	z-index: 1;
	box-sizing: content-box;
}
.tw_checkbox span:before {
	transform: rotate(-55deg);
	top: 1rem;
	left: 0.37rem;
}
.tw_checkbox span:after {
	transform: rotate(35deg);
	bottom: 0.35rem;
	left: 0.2rem;
}
.tw_checkbox input:checked ~ span {
	background: var(--theme-color);
	border-color: var(--theme-color);
	color: #ffffff;
}

.checkboxlist label.checkbox-title {
	font-weight: 400;
}
.checkboxlist input[type="checkbox"], 
.checkboxlist input[type="radio"] {
	border: 1px solid #222;
	border-radius: 4px;
	background: #fff;
	color: #222;
	clear: none;
	cursor: pointer;
	display: inline-block;
	line-height: 0;
	height: 16px;
	width: 16px;
	min-width: 16px;
	margin: -3px 5px 0px 0px;
	outline: 0;
	padding: 0 !important;
	text-align: center;
	vertical-align: middle;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	transition: .05s border-color ease-in-out;
	font-size: 14px;
}
.checkboxlist input[type="radio"] {
	border-radius: 50%;
	margin-right: 5px;
	line-height: .71428571;
}
.checkboxlist input[type="checkbox"]:checked::before, 
.checkboxlist input[type="radio"]:checked::before {
	float: left;
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.checkboxlist input[type="checkbox"]:checked {
	background: var(--theme-color);
	border: 1px solid var(--theme-color);
}
.checkboxlist input[type="checkbox"]:checked::before {
	font-family: "bootstrap-icons";
	content: "\f272";
	margin: 7px 0px 0px -1px;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
}
.checkboxlist input[type="radio"]:checked::before {
	content: "";
	border-radius: 50%;
	width: 8px;
	height: 8px;
	margin: 3px;
	background-color: var(--theme-color);
	line-height: 1.14285714;
}
.checkboxlist input[type="radio"]:checked {
	border: 1px solid var(--theme-color);
}

/* ======================
   My Dashbord css
   ====================== */
.my-dashbord {
	margin: 10px 0px 20px 0px;
}
.my-dashbord .dashbord-sidebar {
	-webkit-box-shadow: 0px 12px 42px 0px rgba(68,68,68,0.18);
	-moz-box-shadow: 0px 12px 42px 0px rgba(68,68,68,0.18);
	box-shadow: 0px 12px 42px 0px rgba(68,68,68,0.18);
	margin-bottom: 30px;
}
.dashbord-sidebar .profile-info {
	text-align: center;
	padding: 15px 15px 10px 15px;
	border-bottom: 1px solid #eee;
}
.profile-info .avatar {
	width: 110px;
	height: 110px;
	margin: 0 auto;
	border-radius: 50%;
	line-height: 110px;
	font-size: 85px;
	text-align: center;
	font-weight: bold;
	background: var(--theme-color);
	color: #fff;
}
.profile-info h5 {
	margin: 15px 0px 0px 0px;
}
.profile-info p {
	margin-bottom: 0px;
}
.sidebar-nav {}
.sidebar-nav ul {}
.sidebar-nav ul li {}
.sidebar-nav ul li a {
	padding: 15px 15px;
	display: inline-block;
	width: 100%;
	color: #222;
	border-bottom: 1px solid #eee;
}
.sidebar-nav ul li a:hover,
.sidebar-nav ul li a.active {
    background: var(--theme-color);
    color: #ffffff;
}
.sidebar-nav ul li:last-child  a {
	border-bottom: none;
}
.sidebar-nav ul li a i.bi {
	margin-right: 5px;
	font-size: 16px;
	margin-left: auto;
}
.my_card {}
.my_card tr td a {
	color: initial;
}
.my_card p.title {
	margin-bottom: 0px;
	width: 100%;
	font-weight: 500;
	font-family: var(--primary-font-family);
	color: var(--color-black);
}
.my_card p.sub-title {
	width: 100%;
	font-size: 11px;
	margin-bottom: 0px;
}
.my_card p.price {
	margin-bottom: 0px;
	width: 100%;
	text-align: right;
	font-weight: 500;
	font-family: var(--primary-font-family);
	color: var(--color-black);	
}
.my_card p.sub-price {
	font-size: 11px;
	margin-bottom: 0px;
	width: 100%;
	text-align: right;
	font-family: var(--primary-font-family);
	color: var(--color-black);	
}
.my_card span.title,
.my_card span.price {
	font-weight: 700;
}
.hideclass {
	display: none;
}
.my_card .pro-image {
	width: 65px;
	height: auto;
	border: 1px solid #eee;
	text-align: center;
}
.my_card .pro-image img {
	width: 100%;
	height: auto;
}
.order_status {
	text-align: right;
}
.payment_card {
	width: 100%;
	margin-bottom: 20px;
	margin-top: 10px;
}
.payment_card .checkboxlist {
	margin-bottom: 10px;
}
.payment_card p {
	margin-top: 10px;
}
.thank span {
	font-size: 60px;
	color: var(--theme-color);
}
.total-price-card {}
.total-price-card td {
	border-top: 1px solid var(--color-gray-400);
	border-bottom-width: 0px;
	color: var(--color-gray-dark);
}
.total-price-card span.title {
	font-weight: 700;
	float: left;
}
.total-price-card span.price {
	float: right;
	font-weight: 700;
}
.carttotals-card {
    border: 1px solid var(--color-gray-400);
    background: var(--color-white);
}

/* ======================
   Sidebar css
   ====================== */
.sidebar {
	width: 100%;
	display: inline-block;
}
.sidebar .widget-card {
	width: 100%;
	display: inline-block;
	background: var(--color-white);
	border: 1px solid var(--color-gray-400);
	margin-bottom: 30px;
	border-radius: 8px;
}
.sidebar .widget-card .widget-title {
	font-size: 20px;
	font-weight: 700;
	color: var(--color-black);
	font-family: var(--secondary-font-family);
	border-bottom: 1px solid var(--color-gray-400);
	padding: 10px 15px;
}
.sidebar .widget-card .widget-body {
	padding: 20px;
	width: 100%;
}
.sidebar .widget-card .widget-body ul.gallery-card {
	margin: 0;
	padding: 0;
	width: 100%;
	display: inline-block;
}
.sidebar .widget-card .widget-body ul.gallery-card li {
	float: left;
	width: 178px;
	margin: 4px;
	overflow: hidden;
}
.sidebar .widget-card .widget-body ul.gallery-card li img {
	width: 100%;
	border-radius: 10px;
}
.sidebar .widget-card .widget-body ul.gallery-card li a {}

/* ======================
   Blog Details Page
   ====================== */
.blog-details-card {
	width: 100%;
	overflow: hidden;
	margin-bottom: 30px;
}
.blog-details-card .blog-img {
	width: 100%;
}
.blog-details-card .blog-img img {
	width: 100%;
}
.blog-details-card .blog-content {
	width: 100%;
}
.blog-details-card .blog-content .blog-meta-card {
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 10px;
}
.blog-details-card .blog-content .blog-meta-card .blog-date,
.blog-details-card .blog-content .blog-meta-card .blog-meta,
.blog-details-card .blog-content .blog-meta-card .blog-comment{
    font-size: 14px;
    font-weight: 500;
}
.blog-details-card .blog-content .blog-meta-card .blog-date i,
.blog-details-card .blog-content .blog-meta-card .blog-meta i,
.blog-details-card .blog-content .blog-meta-card .blog-comment i{
    margin-right: 6px;
}
.blog-details-card .blog-content .articles p {
    text-align: justify;
}
.share_this {
    margin-top: 30px;
}
.latest_blog_card {
	width: 100%;
	display: inline-block;
	margin-bottom: 15px;
}
.latest_blog_card:last-child {
	margin-bottom: 0px;
}
.latest_blog_card .blog_img {
	float: left;
	width: 90px;
	height: auto;
}
.latest_blog_card .blog_img img {
	width: 100%;
}
.latest_blog_card .blog_content {
	float: left;
	width: calc(100% - 90px);
	padding: 0px 0px 0px 10px;
}
.latest_blog_card .blog_content h6 {
	font-size: 16px;
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: 0px;
}
.latest_blog_card .blog_content h6 a {}
.latest_blog_card .blog_content .blog_date {}


.sidebar .widget-card .widget-body ul.widget-list {}
.sidebar .widget-card .widget-body ul.widget-list li {
	width: 100%;
	display: inline-block;
	margin-bottom: 15px;
}
.sidebar .widget-card .widget-body ul.widget-list li:last-child {
	margin-bottom: 0px;
}
.sidebar .widget-card .widget-body ul.widget-list li a {
	font-size: 14px;
	font-weight: 700;
	font-family: var(--secondary-font-family);
	color: var(--color-black);
}
.sidebar .widget-card .widget-body ul.widget-list li a:hover {
	color: var(--theme-color);
}
.sidebar .widget-card .widget-body ul.widget-list li .desc {
	width: calc(100% - 25px);
	float: left;
	padding: 5px 10px 0px 10px;
}
.sidebar .widget-card .widget-body ul.widget-list li .count {
	width: 25px;
	height: 25px;
	line-height: 25px;
	float: right;
	background: var(--color-light);
	color: var(--color-white);
	font-size: 14px;
	text-align: center;
	border-radius: 50%;
	margin-top: 2px;
}

/* ======================
   404
   ====================== */
.error_card {
	text-align: center;
	padding: 60px 0;
}
.error_card .error_img {
	width: 100%;
	margin-bottom: 15px;
}
.error_card .error_img img {
	width: 100%;
}
.error_card p {
	margin-bottom: 30px;
	margin-top: 25px;
	font-size: 16px;
}

 /* ======================
   Social Media
   ====================== */
.social-media i {
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	margin: 3px;
	display: block;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.social-media i {
	color: var(--color-white);
	background: var(--theme-color);
	border-radius: 50%;
}
.social-media i:hover {
	color: var(--color-white);
	background: var(--color-black);
}

/* ======================
   Layer Bounce
   ====================== */
.layer-rotation1 {
    -webkit-animation: rotation 8s infinite linear;
    animation: rotation 8s infinite linear;
    transform-origin: center center;
}

.layer-bounce1 {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.h1-layer2 {
    -webkit-animation-name: leftToRight;
    animation-name: leftToRight;
    -webkit-animation-duration: 7s;
    animation-duration: 7s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.layer-bounce3 {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.layer-bounce4 {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

/* ======================
   Bounce Keyframes
   ====================== */
@-webkit-keyframes rotation {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotation {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes bounce {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(20px);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes bounce {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(20px);
    }
    100% {
        transform: translateY(0);
    }
}

/* Left to right */
@-webkit-keyframes leftToRight {
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(80px);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes leftToRight {
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(80px);
    }
    100% {
        transform: translateX(0);
    }
}
/* ======================
   Shadows Keyframes
   ====================== */

@-webkit-keyframes shadows {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2),
            0 0 0 30px rgba(255, 255, 255, 0.2),
            0 0 0 50px rgba(255, 255, 255, 0.2);
    }
    100% {
        box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.2),
            0 0 0 50px rgba(255, 255, 255, 0.2), 0 0 0 70px transparent;
    }
}

@keyframes shadows {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2),
            0 0 0 30px rgba(255, 255, 255, 0.2),
            0 0 0 50px rgba(255, 255, 255, 0.2);
    }
    100% {
        box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.2),
            0 0 0 50px rgba(255, 255, 255, 0.2), 0 0 0 70px transparent;
    }
}

/* ======================
   fadeInDown Keyframes
   ====================== */

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

/* morph border animation */
@keyframes morph {
    0% {
        border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
    }

    50% {
        border-radius: 30% 60% 70% 40% / 50% 60% 30% 60%;
    }

    100% {
        border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
    }
}

/* ======================
   Entry css
   ====================== */
.entry-bg {
	height: 100%;
	position: relative;
	background: var(--color-white);
}
.min-height {
	min-height: 400px;
}
.entry {
	line-height: 2;
}
.entry p {
	margin: 0 0 10px;
	font-family: var(--primary-font-family);
	line-height: 2;
}
.entry ol,
.entry ol li,
.entry ul,
.entry ul li {
	list-style: none;
}
.entry ol, .entry ul {
	margin: 0px 0px 15px 20px;
	padding-left: 0;
}
.entry ol li, .entry ol li a, 
.entry ul li, .entry ul li a {
	line-height: 2;
}
.entry ol li i, 
.entry ol li a i, 
.entry ul li i, 
.entry ul li a i {
	margin-right: 5px;
}

.entry h1 {
	font-size: 40px;	
}
.entry h2 {
	font-size: 33px;
}
.entry h3 {
	font-size: 27px;
}
.entry h4 {
	font-size: 23px; 
}
.entry h5 {
	font-size: 20px; 
}
.entry h6 {
	font-size: 17px; 
}
.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6 {
	margin-bottom: 10px;
}
.entry .blockquote {
	padding: 10px 20px;
	font-size: 14px;
	border-left-width: 5px;
	border-left-style: solid;
	border-color: #a6a6a6;
	letter-spacing: 0.05em;
}
.entry .blockquote p {
	margin: 0;
}
.entry pre {
	border-bottom-width: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 5px;
	border-style: solid;
	padding: 20px;
	margin: 10px 0px;
	line-height: 2;
	letter-spacing: 0.05em;
}
.entry b {
	font-weight: bold;
}
.entry u {
	text-decoration: underline;
}
.entry table tr th,
.entry table tr td {
	font-family: var(--primary-font-family);
	color: var(--color-gray-dark);
}

/* ======================
   Contact
   ====================== */
.contact_card {}
.contact_card .heading {
	font-weight: 900;
	margin-bottom: 20px;
}
.contact-form,
.contact-map {
	width: 100%;
	background: #fff;
	padding: 30px;
	margin-bottom: 15px;
	-webkit-box-shadow: 0px 15px 66px 5px rgba(217,217,217,0.3);
	-moz-box-shadow: 0px 15px 66px 5px rgba(217,217,217,0.3);
	box-shadow: 0px 15px 66px 5px rgba(217,217,217,0.3);
}

.contact-form .form-group {
    margin-bottom: 20px;
}
.contact-form textarea {
	height: 110px;
}
.contact-info {
	margin: 50px 0px 70px 0px;
}
.contact-info p {
	margin-bottom: 20px;
}
.contact-info .info {
	margin-bottom: 25px;
	width: 100%;
	display: inline-block;
}
.contact-info .info .icon {
	float: left;
	margin-right: 15px;
	border: 1px solid var(--theme-color);
	color: var(--theme-color);
	width: 55px;
	height: 55px;
	line-height: 55px;
	text-align: center;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
}
.contact-info .info .icon i {
	font-size: 20px;
}
.contact-info .info .desc {
	float: left;
	width: calc(100% - 70px);
}
.contact-info .info .desc span {
	font-weight: 700;
	font-size: 16px;
	margin-bottom: 5px;
	display: inline-block;
}
.contact-info .info .desc p {
	margin-bottom: 0px;
}

.contact-map {}
.google_map {
	width: 100%; 
	height: 500px;
}
.map-tooltip {
	width: 250px;
	text-align: left;
}
.map-tooltip ul.map-tooltip-content {
	list-style: none;
}
.map-tooltip ul.map-tooltip-content li {
	margin-bottom: 10px;
	text-align: left;
}
.map-tooltip ul.map-tooltip-content li:last-child {
	margin-bottom: 0px;
}
.map-tooltip ul.map-tooltip-content li h2 {
	color: var(--color-gray-dark);
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 1px;
}

/* ======================
   Parsley css
   ====================== */
.parsley-error:focus {
    border-color: #f53535 !important;
    box-shadow: none !important;
}
.parsley-error {
    border-color: inherit;
    color: inherit;
}
.parsley-error-list {
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
}
.parsley-error-list li {
    color: #dc3545;
}
.parsley-error-list {
    list-style: outside none none;
}
.parsley-error {
    border-color: #f53535;
    color: #dc3545;
}
.parsley-error:focus {
    border-color: #f53535 !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 2px rgba(245, 53, 53, 0.6) !important;
}
.errorMgs {
	color: #dc3545;
}
.card-errors {
	color: #dc3545;
}

/* ======================
   Footer Section
   ====================== */
.footer-top {
    background-position: 50%;
    background-size: cover;
    height: 100%;
    position: relative;
    padding: 100px 0px;
}
.newsletter-card {
	text-align: center;
	padding: 80px;
	background: var(--color-white);
	border-radius: 15px;
}
.newsletter-card h2 {
    font-weight: 900;
}
.newsletter-card p {}
.newsletter-card .newsletter-form {
    position: relative;
    display: inline-block;
    width: 100%;
}
.newsletter-card .newsletter-form input.form-control {
    width: 100%;
    background: var(--color-white);
    padding: 18px 150px 18px 20px;
    border: 1px solid var(--theme-color);
    border-radius: 50px;
}
.newsletter-card .newsletter-form .newsletter-btn {
    position: absolute;
    top: 7px;
    right: 7px;
    background: var(--theme-color);
    color: var(--color-white);
}
.btn.newsletter-btn::before {
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    content: "";
    width: 0;
    height: 100%;
    z-index: -1;
    background-color: var(--color-light);
    overflow: hidden;
    border-radius: inherit;
    -moz-transition: width 0.5s cubic-bezier(0.17, 0.67, 0.12, 0.81) 0s;
    -webkit-transition: width 0.5s cubic-bezier(0.17, 0.67, 0.12, 0.81) 0s;
    transition: width 0.5s cubic-bezier(0.17, 0.67, 0.12, 0.81) 0s;
}
.btn.newsletter-btn:hover::before {
    width: 100%;
    left: 0;
    right: auto;
}

.modal_newsletter_card {}
.modal_newsletter_card .modal-close {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 40px;
	height: 40px;
	background: var(--theme-color);
	line-height: 30px;
	text-align: center;
	z-index: 999;
	color: var(--color-white);
	font-size: 22px;
	border: none;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.modal_newsletter_card .modal-close:hover {
	background: var(--color-white);
	color: var(--color-black);
}
.modal_newsletter_card .modal-dialog {
	max-width: 700px;
}
.modal_newsletter_card .modal-content {
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	border: none;
	border-radius: 0;
}
.modal_newsletter_card .modal-content::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	background: var(--color-white);
	opacity: 0.8;
}
.modal_newsletter_card .modal-body {
	padding: 100px 20px;
}
.modal_newsletter_card .modal-body .newsletter-card {
	text-align: center;
	padding: 0px 50px;
	background: transparent;
	border-radius: 0px;
}
.modal_newsletter_card .newsletter-card p {
	font-weight: 500;
	margin-bottom: 50px;
}
.modal_newsletter_card .newsletter-card h2 {
	margin-bottom: 20px;
}

.footer-section {
    background-position: 50%;
    background-size: cover;
    height: 100%;
    position: relative;
}
.footer-middle {
    border-top: 1px solid var(--color-gray-400);
}

.footer-widget-card {
    padding: 70px 20px 40px 20px;
}
.footer-widget {
    display: inline-block;
    width: 100%;
}
.footer-widget .widget-title {
    margin-bottom: 15px;
}
.footer-widget .info-card {
}
.footer-widget .info-card .info-logo {
	width: 150px;
	height: auto;
	overflow: hidden;
	margin-bottom: 15px;
	display: inline-block;
}
.footer-widget .info-card .info-logo img {
    width: 100%;
}
.footer-widget .info-card p {}

.footer-widget ul.widget-contact {}
.footer-widget ul.widget-contact li {
    margin-bottom: 20px;
}
.footer-widget ul.widget-contact li .contact-card {
    display: inline-block;
    width: 100%;
}
.footer-widget ul.widget-contact li .contact-card .contact-icon {
    font-size: 25px;
    text-align: center;
    line-height: 40px;
    float: left;
    color: var(--theme-color);
    margin-right: 20px;
}
.footer-widget ul.widget-contact li .contact-card .contact-desc {
    width: calc(100% - 85px);
    float: left;
    padding-top: 8px;
}
.footer-widget ul.widget-contact li .contact-card .contact-desc h5 {
    margin-bottom: 5px;
}
.footer-widget ul.widget-contact li .contact-card .contact-desc p {
    margin-bottom: 0px;
}
.footer-widget ul.widget-list {}
.footer-widget ul.widget-list li {
    position: relative;
    margin-bottom: 12px;
    width: 50%;
    float: left;
}
.footer-widget ul.widget-list li a {}
.footer-widget ul.widget-list li a:hover {}
.footer-bottom {
    padding: 30px 0px 20px 0px;
    border-top: 1px solid var(--color-gray-400);
}
.copy-right {
    margin-bottom: 10px;
}
.copy-right a {
    color: var(--theme-color);
}
.payment-method {
    float: right;
    margin-bottom: 10px;
}
.payment-method img {
    width: 100%;
    height: 22px;
}

.whatsapp-left {
	position: fixed;
	left: 30px;
	bottom: 30px;
	z-index: 11;
	width: 65px;
	height: 65px;
}
.whatsapp-right {
	position: fixed;
	right: 30px;
	bottom: 100px;
	z-index: 11;
	width: 65px;
	height: 65px;
}
.whatsapp-left .whatsapp-btn,
.whatsapp-right .whatsapp-btn {
	width: 65px;
	height: 65px;
	background: #40c351;
	text-align: center;
	line-height: 65px;
	border-radius: 50%;
}

/* ======================
   Cookies Content css
   ====================== */
.cookie_consent_card {
	text-align: center;
	position: fixed;
	max-width: 400px;
	bottom: 30px;
	z-index: 999;
	padding: 25px;
	background: var(--color-black);
	color: var(--color-white);
	display: none;
	border-radius: 6px;
	-webkit-box-shadow: 0px 17px 42px rgba(93, 93, 93, 0.14);
	-moz-box-shadow: 0px 17px 42px rgba(93, 93, 93, 0.14);
	box-shadow: 0px 17px 42px rgba(93, 93, 93, 0.14);
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;	
}
.cookie_consent_card.fullwidth {
	text-align: left;
	position: fixed;
	width: 100%;
	max-width: 100%;
	bottom: 0;
	z-index: 999;
	padding: 20px 30px 5px 30px;
	background: var(--color-black);
	color: var(--color-white);
	display: none;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.cookie_consent_card.left {
	left: 30px;
}
.cookie_consent_card.right {
	right: 30px;
}
.cookie_consent_card.fullwidth.left {
	left: 0;
}
.cookie_consent_card.fullwidth.right {
	right: 0;
}
.cookie_consent_card.active{
    display: block;
}
.cookie_consent_card .cookie_consent_head {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 10px;
	color: var(--color-white);
}
.cookie_consent_card .cookie_consent_text {
	margin-bottom: 20px;
}
.cookie_consent_card.fullwidth .cookie_consent_text {
	margin-bottom: 20px;
	float: left;
}
.cookie_consent_card .cookie_consent_text a,
.cookie_consent_card .cookie_consent_text a:hover {
	color: var(--theme-color);
}
.cookie_consent_card button.accept_btn {
	color: var(--color-white);
	background-color: var(--theme-color);
	width: 100%;
	padding: 12px 15px;
}
.cookie_consent_card.fullwidth button.accept_btn {
	width: auto;
	padding: 6px 15px;
	float: left;
	border-radius: 3px;
	margin-left: 10px;
}
.cookie_consent_card button.accept_btn::before {
	position: absolute;
	top: 0;
	left: auto;
	right: 0;
	content: "";
	width: 0;
	height: 100%;
	z-index: -1;
	background-color: var(--theme-color);
	overflow: hidden;
	border-radius: inherit;	
 	-moz-transition: width .5s cubic-bezier(.17,.67,.12,.81) 0s;
	-webkit-transition: width .5s cubic-bezier(.17,.67,.12,.81) 0s;
	transition: width .5s cubic-bezier(.17,.67,.12,.81) 0s;
}
.cookie_consent_card button.accept_btn:hover::before {
	width: 100%;
	left: 0;
	right: auto;
}
.dnone {
	display: none;
}