/*
Theme Name: Webizzoo Safehotels
Theme URI: https://wordpress.org/themes/webizzoosafehotels/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Webizzoo Safehotels brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 2.4
Requires at least: 4.7
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: webizzoosafehotels
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

* {
	box-sizing: border-box;
}

body {
	padding: 0;
	margin: 0;
	font-family: futura-pt, sans-serif;
	font-style: normal;
	overflow-x: hidden;
	scroll-behavior: smooth;
	overflow-x: hidden;
	width: 100%;
}

a {
	text-decoration: none;
	color: #000;
}

ul {
	padding-left: 20px;
}

p {
	font-size: 18px;
	line-height: 26px;
	word-spacing: 2px;
}

h1 {
	font-family: futura-pt, sans-serif;
	font-size: 4.05vw;
	line-height: 1.1;
	margin: 1vw 0;
}

h2 {
	font-size: 2vw;
}

h3 {
	font-weight: 500;
	line-height: 1.5;
}

.btn-light {
	font-family: futura-pt, sans-serif;
	font-weight: 500;
	letter-spacing: 3px;
	font-size: 16px;
	background-color: #fff;
	padding: 0 24px;
	line-height: 60px;
	cursor: pointer;
	text-transform: uppercase;
	border: none;
	outline: none;
	position: relative;
}

.btn-light::before {
	content: '';
	position: absolute;
	top: -1px;
	left: -1px;
	bottom: -1px;
	right: -1px;
	z-index: -1;
	background-color: #121212;
	transition: transform 300ms ease-in-out;
	transform: scaleX(0);
	transform-origin: left;
}

.btn-light:hover::before,
.btn-light:focus::before {
	transform: scaleX(1);
	outline: none;
	border: none;
}

.btn-light {
	transition: color 300ms ease-in-out;
	z-index: 1;
}

.btn-light:hover,
.btn-light:focus {
	color: #fff;
}

/* ---------------------- */

.btn-dark {
	font-family: futura-pt, sans-serif;
	font-weight: 500;
	letter-spacing: 3px;
	font-size: 16px;
	line-height: 60px;
	background-color: #121212;
	color: #fff;
	padding: 0 60px;
	cursor: pointer;
	text-transform: uppercase;
	border: none;
	outline: none;
	position: relative;
}

.btn-dark::before {
	content: '';
	position: absolute;
	top: -1px;
	left: -1px;
	bottom: -1px;
	right: -1px;
	z-index: -1;
	background-color: #fff;
	transition: transform 300ms ease-in-out;
	transform: scaleX(0);
	transform-origin: left;
}

.btn-dark:hover::before,
.btn-dark:focus::before {
	transform: scaleX(1);
	outline: none;
	border: none;
}

.btn-dark {
	transition: color 300ms ease-in-out;
	z-index: 1;
}

.btn-dark:hover,
.btn-dark:focus {
	color: #121212;
}

/* ---------------------- */
.font-large {
	font-size: 3vw;
	line-height: 1.1;
}

.current-page {
	border-bottom: 2px #121212 solid;
}

/* ----------underline under h1 --------- */
.heading-underline {
	padding-bottom: 30px;
	margin-bottom: 28px;
	position: relative;
}

.heading-underline::before {
	content: '';
	position: absolute;
	width: 50px;
	height: 1px;
	bottom: 0;
	left: 0;
	border-bottom: 4px solid black;
}

/* ------------header---------------- */
.header-home {
	margin: auto;
	margin-bottom: 60px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
	background-color: #fff;
}

.nav-container {
	margin: auto;
}

.nav-container nav {
	width: 90%;
	max-width: 1400px;
	height: 60px;
	font-family: futura-pt, sans-serif;
	font-style: normal;
	position: relative;
	margin: 0 auto;
}

.menu-header-left-container {
	position: absolute;
	left: 0;
	top: 0;
}

.menu-header-right-wrap {
	position: absolute;
	right: 0;
	top: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.nav-container .menu-header-left-container ul,
.nav-container .menu-header-right-container ul {
	list-style-type: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0;
}

.nav-container ul {
	font-size: 16px;
	padding-left: 0;
	font-weight: 500;
}

.nav-container ul li {
	margin: 0 42px 0 0;
	-moz-transition: all 200ms;
	-webkit-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
	line-height: 60px;
	font-weight: 400;
}

.nav-container ul li:hover,
.nav-container ul li.current-menu-item {
	transition: all, 200ms ease;
	-webkit-transform: skewX(-10deg);
	-moz-transform: skewX(-10deg);
	-o-transform: skewX(-10deg);
	transform: skewX(-10deg);
}

.nav-container ul li a {
	position: relative;
}

.nav-container ul li a::after {
	position: absolute;
	content: '';
	left: 0;
	bottom: -2px;
	width: 100%;
	height: 1px;
	background: #121212;
	transform: scaleX(0);
	transform-origin: right;
	transition: transform 200ms ease-in;
}

.nav-container ul li a:hover::after,
.nav-container ul li.current-menu-item a::after {
	transform: scaleX(1);
	transform-origin: left;
}

.nav-container .logo {
	font-weight: 800;
	font-size: 24px;
	letter-spacing: 0.5px;
	text-align: center;
	line-height: 60px;
	padding: 15px 0;
}

.nav-container .logo span {
	color: #a5a5a5;
}

.nav-container .logo img {
	height: 30px;
	width: auto;
	display: block;
	margin: 0 auto;
}

.select-language {
	display: flex;
	align-items: center;
	margin-right: 37px;
}

.select-language img {
	width: 28px;
	height: 28px;
	margin-right: 0;
	display: block;
}

.select-language select {
	border: none;
	outline: none;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 400;
	font-family: futura-pt, sans-serif;
	color: #000;
	background-color: transparent;
	border: none;
	padding: 5px;
}

.header-cart {
	font-size: 16px;
	line-height: 28px;
	font-weight: 400;
	font-family: futura-pt, sans-serif;
	color: #000;
}

.cart-circle {
	width: 28px;
	height: 28px;
	float: right;
	color: #fff;
	border-radius: 50%;
	background-color: #121212;
	margin-left: 10px;
	font-size: 14px;
	line-height: 28px;
	text-align: center;
	transition: all 0.5s;
}

.cart-circle span {
	margin-left: -1px;
	margin-top: -1px;
}

.header-home.menu_open .cart-circle {
	background-color: #fff;
	color: #121212;
}

/* -------------------Chat------------------------ */
.chat {
	width: 60px;
	height: 60px;
	position: fixed;
	z-index: 9;
	right: -70px;
	bottom: 15%;
	cursor: pointer;
	transition: all 0.5s;
}

.chat.show {
	right: 0;
}

.chat img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* -- -------------hero section------ -- */

.hero {
	/* add */
	margin-top: 60px;
}

.hero .image-container {
	height: 100vh;
	position: relative;
}

.hero .image-container img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hero .content {
	margin: 0;
	position: absolute;
	top: calc(50% + 30px);
	left: 5%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #fff;
}

.hero .content h1 {
	line-height: 1;
}

.hero .content p {
	font-weight: 400;
	max-width: 500px;
	margin-bottom: 50px;
}

.hero .content button {
	padding: 0;
	margin-top: 60px;
}

.hero .content a {
	transition: color, 300ms ease;
	padding: 13px 43px;
	background-color: transparent;
}

.hero .content a:hover {
	color: #fff;
	transition: color, 300ms ease;
}

.accept-cookies {
	width: 100%;
	height: 90px;
	background-color: #ca9e9f;
	margin: 0;
	position: fixed;
	bottom: 0;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.5s;
	z-index: 999;
}

.accept-cookies span {
	text-decoration: underline;
	cursor: pointer;
	font-size: 18px;
}

.accept-cookies .accept {
	margin: 0 20px;
}

.accept-cookies.slideOut {
	bottom: -90px;
}

/* ------------Why safe hotels---------------- */
.why-safehotels {
	width: 90%;
	/* add */
	max-width: 1400px;
	margin: auto;
	padding: 50px 0;
}

.why-safehotels .row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 4rem;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #5d5d5d;
}

.why-safehotels .row h3 {
	font-size: 1.5em;
}

.why-safehotels .row p {
	margin-bottom: 0px;
}	

.why-safehotels .row ul {
	margin-top: 10px;
}

.why-safehotels .row ul li {
	margin-bottom: 5px;
	font-size: 1.1em;
}

.link-to-about.link-to-about {
	text-align: center;
	margin-top: 50px;
	margin-bottom: 30px;
}

.link-to-about.link-to-about button {
	padding: 0;
}

.link-to-about.link-to-about button:hover {}

.link-to-about.link-to-about a {
	color: #fff;
	transition: color, 300ms ease;
	padding: 0 60px;
	line-height: 60px;
	height: 60px;
	display: block;
	background-color: transparent;
}

.link-to-about.link-to-about a:hover {
	color: #121212;
	border: 1px solid black;
	transition: all, 300ms ease;
}

/* ------------certification benefits---------------- */

.certefication-benifits_holder {
	overflow: hidden;
	width: 100vw;
}

.certefication-benifits {
	width: 90%;
	max-width: 1400px;
	margin: auto;
	margin-bottom: 100px;
}

.certefication-benifits h2 {
	margin-bottom: 40px;
}

.certefication-benifits .slider-container {
	width: 80%;
	margin: auto;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	align-content: center;
	justify-content: center;
}

.certefication-benifits img {
	width: 100%;
	height: auto;
}

section.certefication-benifits .grid-container .grid-item h3 {
	margin-bottom: 0px;
}

section.certefication-benifits .grid-container {
	display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  grid-gap: 40px;
}

.certefication-benifits .individual-slide h3 {
	padding-bottom: 5px;
	border-bottom: 2px solid #000;
	width: fit-content;
}

/* -- -------------------We are hotel years---------------------- -- */
.we-are-hotel-years {
	margin: auto;
	margin-bottom: 100px;
	width: 90%;
	/* add */
	max-width: 1400px;
}

.we-are-hotel-years .cards-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 1rem;
	justify-content: center;
	align-content: center;
	margin: 80px 0;
}

.we-are-hotel-years .card-container {
	position: relative;
	width: 100%;
	height: calc(30vw * 1.44 - 1rem);
}

.we-are-hotel-years .card-container img {
	position: absolute;
	object-fit: cover;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(30vw * 1.44 - 1rem);
}

.we-are-hotel-years .card-container .card-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 80%;
	text-align: center;
}

.we-are-hotel-years h3 {
	color: #fff;
	font-size: 56px;
	line-height: 56px;
	position: absolute;
	left: 50%;
	top: calc(50% + 80px);
	transform: translate(-50%, -50%);
	margin: 0;
	padding: 0;
	white-space: nowrap
}

.we-are-hotel-years a {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

/* -- ---------------happy partners & hotels-------------- -- */
.happy-partners {
	width: 90%;
	max-width: 1400px;
	margin: 30px auto;
}

.happy-hotels {
	width: 90%;
	max-width: 1400px;
	margin: auto;
	margin-bottom: 50px;
}

.partners-container,
.happy-hotels-container {
	padding: 15px 0;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-gap: 1rem;
	justify-content: center;
	align-content: center;
}

.happy-partners img,
.happy-hotels img {
	width: 100%;
	height: 12vw;
	object-fit: contain;
}

/* --------------------news------------------------ */
.news {
	width: 90%;
	max-width: 1400px;
	margin: auto;
	margin-bottom: 100px;
}

.news h2 {
	margin: 80px 0 40px 0px;
}

.news .news-post-container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 3%;
	align-content: center;
	justify-content: center;
	position: relative;
	margin: 50px auto;
}

.news .news-post-container img {
	width: 100%;
	height: auto;
}

.news .news-text-container span {
	color: #5d5d5d;
	text-transform: uppercase;
}

.news .news-text-container h3,
.news .news-text-container p {
	max-width: 80%;
	margin-top: 28px;
}

.news .news-text-container h3 {
	padding-bottom: 30px;
	margin-bottom: 0;
	font-weight: 800;
	position: relative;
	font-size: 2vw;
	line-height: 1.2;
}

.news .news-text-container p {
	color: #5d5d5d;
}

.news .news-text-container h3::before {
	content: '';
	position: absolute;
	width: 45px;
	height: 1px;
	bottom: 0;
	left: 0;
	border-bottom: 3.5px solid black;
}

.news .news-text-container .read-more a {
	display: flex;
	align-items: center;
	font-weight: 600;
	font-size: 16px;
	letter-spacing: 3px;
	color: #121212;
}

.news .news-text-container .read-more a span {
	color: #121212;
	display: inline-block;
	transition: all 0.5s;
}

.news .news-text-container .read-more a span:after {
	content: "";
	display: block;
	width: 0;
	height: 1px;
	background: #121212;
	transition: all 0.5s;
}

.news .news-text-container .read-more a span:hover:after {
	width: 100%;
}

.news .news-text-container .read-more a span:hover {
	transform: skewX(-10deg);
}

.news .news-text-container img {
	width: 16px;
	margin-left: 15px;
}

.view-more {
	display: flex;
	justify-content: flex-end;
	font-size: 16px;
	letter-spacing: 3px;
	text-transform: uppercase;
}

.view-more span {
	display: inline-block;
}

.view-more span:after {
	content: "";
	display: block;
	width: 0;
	height: 1px;
	background: #121212;
	transition: all 0.5s;
}

.view-more span:hover:after {
	width: 100%;
}

.view-more span:hover {
	transform: skewX(-10deg);
}

.view-more a {
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 600;
}

.view-more img {
	width: 25px;
	height: auto;
	margin-right: 20px;
}

/* -----------------------contact---------------------------------- */

.contact {
	width: 90%;
	max-width: 1400px;
	margin: auto;
	margin-bottom: 100px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 1rem;
	align-content: center;
	justify-content: center;
}

.contact-info-container {
	width: 80%;
}

.contact-info-container p {
	color: #5d5d5d;
}

.contact .social-icons {
	margin-top: 50px;
}

.contact .social-icons img {
	margin-right: 20px;
	width: 35px;
	height: 35px;
}

.contact-form {
	background-color: #98b9cc;
	color: #fff;
	padding: 30px;
}

.contact-form h3 {
	font-weight: 400;
	margin-top: 0;
	margin-bottom: 60px;
}

.form form {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 25px;
	width: 100%;
}

input,
textarea {
	padding: 15px;
	outline: none;
	border: none;
	font-family: futura-pt, sans-serif;
}

.fullwidth {
	grid-column: span 2;
}

.mandatory-fields {
	margin-top: 0;
	margin-top: -15px;
	font-size: 16px;
}

.submit {
	margin-top: 10px;
}


.form_group {
	position: relative;
}

.form_group label.error {
	color: #f0997e;
	text-align: right;
	display: block;
	position: absolute;
	right: 0;
	bottom: -24px;
}

.form_group.full {}

input[type=text],
input[type=email],
textarea {
	transition: all 0.5s;
}

textarea {}

.form_group.select-group:after {
	content: "";
	width: 46px;
	height: 46px;
	background-color: #fff;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 3;
	background-image: url(images/arrow-down.png);
	background-position: center;
	background-size: 20px;
	background-repeat: no-repeat
}

.form_group input,
.form_group textarea {
	width: 100%;
}

.form_group input[type=text]:focus,
.form_group input[type=email]:focus,
.form_group textarea:focus {
	border-left: solid 7px #000;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.floating-label {
	font-size: 18px;
	line-height: 20px;
	position: absolute;
	left: 20px;
	top: 20px;
	color: #000;
	z-index: 2;
	pointer-events: none;
	transition: all 0.5s;
}

input:focus~.floating-label,
input:not(:placeholder-shown)+.floating-label {
	top: -20px;
	left: 0;
	font-size: 12px;
	color: #fff;
}

textarea:focus~.floating-label,
textarea:not(:placeholder-shown)+.floating-label {
	top: -20px;
	left: 0;
	font-size: 12px;
	color: #fff;
}


.blocking-span.active .floating-label {
	top: -20px;
	left: 0;
	font-size: 12px;
	color: #fff;
}

.form_group input::placeholder,
.form_group textarea::placeholder {
	color: #fff;
}

/* -----------------------footer------------------------------- */
footer {
	background-color: #121212;
	color: #fff;
	position: relative;
	z-index: 2;
}

.footer-container {
	width: 90%;
	max-width: 1400px;
	margin: auto;
	padding: 50px 0 100px 0;
}

.footer-container:after {
	content: "";
	display: block;
	clear: both;
}

.footer-container p,
.footer-container li {
	font-size: 18px;
	line-height: 28px;
}

footer a {
	color: #fff;
}

footer .footer-container .column-one ul {
	list-style-type: none;
	padding-left: 0;
}

.footer-container ul {
	line-height: 1.5;
}

.footer-container a {
	display: inline-block;
	transition: all 0.5s;
}

.footer-container a:after {
	content: "";
	display: block;
	width: 0;
	height: 1px;
	background: #fff;
	transition: all 0.5s;
}

.footer-container a:hover {
	transform: skewX(-10deg);
}

.footer-container a:hover:after {
	width: 100%;
}

.footer-container .column-one {
	width: 46%;
	float: left;
	display: flex;
	justify-content: space-between;
}

.footer-container .column-two {
	margin: auto;
	margin-top: 0;
	width: 44%;
	float: right;
}

.footer-container .logo {
	margin-bottom: -12px;
	font-weight: 800;
	font-size: 24px;
	letter-spacing: 0.5px;
	line-height: 60px;
	padding: 15px 0;
}

.footer-container .logo img {
	height: 30px;
	width: auto;
	display: block;
}

.footer-container h3 {
	text-transform: uppercase;
	font-weight: 400;
}

.footer-container .logo span {
	color: #a5a5a5;
}

.footer-container .margin-top {
	margin-top: 20px;
}

.column-two form {
	display: flex;
	padding-top: 20px;
}

.column-two form .form_group {
	width: calc(100% - 260px);
	height: 60px;
	border: none;
}

.column-two form input {
	width: 100%;
	padding: 0 20px;
	height: 60px;
	border: none;
}

.column-two form input:focus {
	border-left: solid 7px #98B9CC !important;
}

.column-two button {
	cursor: pointer;
	margin-left: 15px;
	padding: 0;
	text-transform: uppercase;
	font-family: futura-pt, sans-serif;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 3px;
	background-color: #98B9CC;
	color: #fff;
	border: none;
	width: 240px;
	height: 60px;
	position: relative;
}

.column-two button:before {
	content: '';
	position: absolute;
	top: -1px;
	left: -1px;
	bottom: -1px;
	right: -1px;
	z-index: -1;
	background-color: #fff;
	transition: transform 300ms ease-in-out;
	transform: scaleX(0);
	transform-origin: left;
	z-index: 1;
}

.column-two button:hover::before,
.column-two button:focus::before {
	transform: scaleX(1);
	outline: none;
	border: none;
}

.column-two button span {
	position: relative;
	z-index: 2;
	position: relative;
}

.column-two button:hover {
	color: #121212;
}

/* ------------------footer bottom --------- */
.footer-bottom {
	margin: auto;
	width: 90%;
	max-width: 1400px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 0;
}

.footer-bottom .bottom-links ul {
	display: flex;
	font-size: 16px;
	list-style-type: none;
}

.footer-bottom .bottom-links ul li::after {
	content: ' | ';
	font-size: 18px;
	font-weight: lighter;
	text-align: center;
	padding: 0 1.2rem;
}

.footer-bottom .bottom-links ul li:last-child::after {
	padding: 0;
	opacity: 0;
}

.footer-bottom .bottom-links ul li a {
	transition: all 0.5s;
	display: inline-block;
}

.footer-bottom .bottom-links ul li a:hover {
	transform: skewX(-10deg)
}

.footer-bottom .bottom-links ul li a:after {
	display: block;
	width: 0;
	height: 1px;
	background-color: #fff;
	transition: all 0.5s;
	content: "";
}

.footer-bottom .bottom-links ul li a:hover:after {
	width: 100%;
}

/* -------------------------------About page----------------------------------------- */
.about-landing {
	width: 90%;
	max-width: 1400px;
	margin: auto;
	display: grid;
	grid-template-columns: 2fr 1fr;
	grid-gap: 1rem;
	justify-content: center;
	align-content: center;
	margin-bottom: 50px;
	padding-top: 60px;
}

.about-landing .map_wrapper {
	width: 49vw;
	height: auto;
}

.about-offset-images .to-left-container .right-column {
	margin: auto;
	padding-top: 5vw;
}

#map_canvas {
	height: 100vh;
	width: 100%;
	overflow: hidden;
	margin-bottom: 50px;
}

#hlsli-map {
	height: 103vh;
	margin-top: -3vh;
}

.about-landing img {
	width: 100%;
	height: auto;
}

.about-landing .about-content {
	margin: auto;
	width: 100%;
	padding-left: 40px;
}

.about-landing .about-content .container span {
	text-transform: uppercase;
}

.about-landing .about-content .container p {
	color: #121212;
}

/* -----------------About page ** section one  ** ----------------- */
.about-one {
	width: 90%;
	max-width: 1400px;
	margin: 60px auto;
}

.about-one .container {
	width: 90vw;
	margin: auto;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 2rem;
	justify-content: center;
	align-content: center;
	color: #5d5d5d;
}

.about-one .column-one,
.about-one .column-two,
.about-one .column-three {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

/* -----------------About page ** section two  ** ----------------- */
.about-two {
	margin: 50px auto;
	height: 80vh;
	overflow: hidden;
	background-attachment: fixed;
	background-size: cover;
}

.about-two img {
	width: 100%;
	height: auto;
	opacity: 0;
}

/* -----------------About page ** About us  ** ----------------- */
.about-us {
	width: 90%;
	max-width: 1400px;
	margin: 50px auto;
}

.about-us .row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 4rem;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #5d5d5d5d;
}

.about-us .row h3 {
	font-size: 1.5em;
}

.about-us .row p {
	margin-bottom: 0;
}

.about-us .row ul {
	margin-top: 10px;
}

.about-us .row ul li {
	margin-top: 5px;
	font-size: 1.1em;
}

.about-us p {
	color: #5d5d5d;
}

/* -----------------About page ** offset images ** ----------------- */
.about-offset-images {
	max-width: 1400px;
	margin: 50px auto 150px auto;
}

.about-offset-images p {
	color: #5d5d5d;
}

/* -------Our values------ */
.about-offset-images .to-left-container {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.about-offset-images .row .content ul li {
	font-size: 18px;
	margin-bottom: 20px;
	line-height: 24px;
}

.about-offset-images .row {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 15%;
	justify-content: center;
	align-content: center;
}

.about-offset-images .hotels-image-background {
	background-color: #98b9cc;
	/* width: 40vw; */
	width: 100%;
	height: 40vw;
	position: relative;
	/* margin-left: 5%; */
	margin-left: 0;
}

.about-offset-images .to-left-container img {
	/* width: 40vw; */
	width: 100%;
	height: 40vw;
	object-fit: cover;
	position: absolute;
	top: 4vw;
	left: 4vw;
}

.about-offset-images .to-left-container .image-overlay {
	/* width: 40vw; */
	width: 100%;
	height: 40vw;
	position: absolute;
	top: 4vw;
	left: 4vw;
	background-color: rgba(0, 0, 0, 0.1);
	color: #fff;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
}

.about-offset-images .image-overlay h2 {}

.about-offset-images .image-overlay a {
	background-color: #fff;
	display: flex;
	padding: 12px 35px;

	text-transform: uppercase;
	font-weight: 600;
	font-size: 12px;
	letter-spacing: 2px;
	border: none;
}

.about-offset-images .image-overlay img {}

.about-offset-images .to-left-container .content {
	margin-top: 60px;
	margin-right: 4vw;
}

/* -------------People---------------- */

.about-offset-images .to-right-container {
	/* width: 98%; */
	width: 100%;
	margin: 100px auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

.about-offset-images .to-right-container .row {
	width: 98%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 15%;
	position: relative;
	margin-bottom: 50px;
}

.to-right-container .left-column {
	margin: auto;
	padding-top: 5vw;
	order: 1;
}

.to-right-container .right-column {
	order: 2;
}



.about-offset-images .to-right-container .content {
	margin-top: 62px;
	margin-left: 4vw;
}

.about-offset-images .corporation-image-background {
	background-color: #afb2a0;
	/* width: 40vw; */
	width: 100%;
	height: 40vw;
	position: relative;
}

.about-offset-images .to-right-container img {
	/* width: 40vw; */
	width: 100%;
	object-fit: cover;
	height: 40vw;
	position: absolute;
	top: 4vw;
	right: 4vw;
}

.about-offset-images .to-right-container .image-overlay {
	/* width: 40vw; */
	width: 100%;
	height: 40vw;
	position: absolute;
	top: 4vw;
	right: 4vw;
	background-color: rgba(0, 0, 0, 0.1);
	color: #fff;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
}

.about-offset-images .image-overlay h2 {
	margin-top: 15px;
	margin-bottom: 0;
}

.about-offset-images .image-overlay a {
	background-color: #fff;
	padding: 0 42px;

	text-transform: uppercase;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 3px;
	border: none;
}

.about-offset-images .image-overlay a img {
	width: 22px;
	height: 22px;
	display: inline;
	position: static;
	margin-right: 15px;
	transform: translateY(6px);
}

.about-offset-images .image-overlay a:hover img {
	filter: invert();
}

/* -------------integrity---------------- */
.about-offset-images .integrity-image-background {
	background-color: #c99e9f;
	width: 40vw;
	height: 40vw;
	position: relative;
}

/* -------------Passion---------------- */
.about-offset-images .passion-image-background {
	background-color: #a79eb7;
	width: 40vw;
	height: 40vw;
	position: relative;
}

.blue .hotels-image-background {
	background-color: #98b9cc !important;
}

.gray .hotels-image-background {
	background-color: #afb2a0 !important;
}

.pink .hotels-image-background {
	background-color: #c99e9f !important;
}

.purple .hotels-image-background {
	background-color: #a79eb7 !important;
}

.blue .corporation-image-background {
	background-color: #98b9cc !important;
}

.gray .corporation-image-background {
	background-color: #afb2a0 !important;
}

.pink .corporation-image-background {
	background-color: #c99e9f !important;
}

.purple .corporation-image-background {
	background-color: #a79eb7 !important;
}

/* -------------*Our Team*-------------- */
.our-team {
	width: 90%;
	max-width: 1400px;
	margin: 100px auto;
}

.our-team .grid-container {
	width: 90vw;
	max-width: 1400px;
	margin: auto;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 2rem;
	justify-content: center;
	align-content: center;
}

.our-team .container {
	margin: auto;
}

.our-team .grid-item .image {
	background-color: #f7f7f7;
}

.our-team .grid-item img {
	width: 100%;
	height: 300px;
	object-fit: cover;
	object-position: top;
	display: block;
}

.our-team .grid-item .info {
	background-color: #fff;
}

.our-team .grid-item .info h4 {
	font-size: 1.2em;
	margin-bottom: 20px;
}

.our-team .grid-item .info p {
	margin-top: -10px;
	padding-top: 0;
}

/* --------------------------------------------------------------------------------- */
/* ------------------Certifications landing----------------- */
.certifications-landing {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 1rem;
	justify-content: center;
	align-content: center;
	margin-bottom: 100px;
}

.certifications-landing img {
	width: 50vw;
	height: auto;
}

.certifications-landing .content {
	margin: auto;
	width: 75%;
}

.certifications-landing .about-content .container span {
	text-transform: uppercase;
}

.certifications-landing .about-content .container p {
	color: #121212;
}

/* ------------------Certifications section one--------------------- */

.certifications-section-one {
	width: 90%;
	margin: auto;
	margin-bottom: 100px;
}

.certifications-section-one p {
	color: #5d5d5d;
}

.certifications-section-one .row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 4rem;
	margin-bottom: 20px;
}

.link-container {
	text-align: right;
	margin: 50px auto;
}

.link-container button {
	padding: 0;
}

.link-container a {
	color: #fff;
	transition: color, 300ms ease;
	padding: 0 43px;
	display: block;
	height: 60px;
	background-color: transparent;
}

.link-container a:hover {
	color: #121212;
	border: 1px solid black;
	transition: all, 300ms ease;
}

/* ---------------------Certifications cards--------------------- */
.certifications-cards {
	margin: auto;
	margin-top: 50px;
	margin-bottom: 100px;
	width: 90%;
	max-width: 1400px;
}

.certifications-cards .cards-container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 1rem;
	justify-content: center;
	align-content: center;
	margin: 0;
}

.certifications-cards .card {
	position: relative;
	text-align: center;
}

.certifications-cards .card img {
	width: 100%;
	height: calc(35vw - 1rem);
	object-fit: cover;
}

.certifications-cards .card .content {
	background-color: rgba(0, 0, 0, 0.2);
	width: calc(45vw - 1rem);
	height: calc(45vw - 1rem);
	position: absolute;
	top: 0;
	left: 0;
}

.certifications-cards .card h3 {
	color: #fff;
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.certifications-cards .card button {
	position: absolute;
	bottom: 5%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* -----------------e-learning landing------------------ */
.e-learning-landing {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 1rem;
	justify-content: center;
	align-content: center;
	margin-bottom: 100px;
}

.e-learning-landing img {
	width: 49vw;
	height: auto;
}

.e-learning-landing .content {
	margin: auto;
	width: 75%;
}

.e-learning-landing .content span {
	text-transform: uppercase;
}

.about-landing .about-content .container p {
	color: #121212;
}

.about-landing .about-content .container ol {
	padding: 0;
	margin-bottom: 30px;
}

.about-landing .about-content .container ul li {
	line-height: 28px;
	margin-bottom: 5px;
}

.about-landing .about-content .container ol li {
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 5px;
	list-style: inherit;
	list-style-position: inside
}


/* -------------------------------e-learning section one----------------------------- */

.e-learning-section-one {
	width: 90%;
	margin: auto;
	margin-bottom: 100px;
}

.e-learning-section-one p {
	color: #5d5d5d;
}

.e-learning-section-one .row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 4rem;
	margin-bottom: 20px;
}

.e-learning-section-one .link-container {
	text-align: right;
	margin: 50px auto;
}

/* ---------------------e-learning cards--------------------- */
.e-learning-cards {
	margin: auto;
	margin-top: 50px;
	margin-bottom: 100px;
	width: 90%;
	max-width: 1400px;
}

.e-learning-cards .cards-container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 1rem;
	justify-content: center;
	align-content: center;
	margin: 0;
}

.e-learning-cards .card {
	position: relative;
	text-align: center;
}

.e-learning-cards .card img {
	width: 100%;
	height: calc(40vw - 1rem);
	object-fit: cover;
}

.e-learning-cards .card .content {
	width: 100%;
	height: 80%;
	position: absolute;
	top: 0;
	left: 0;
}

.e-learning-cards .card .heading-description {
	color: #fff;
	position: absolute;
	top: calc(50% - 30px);
	left: 50%;
	transform: translate(-50%, -50%);
}

.e-learning-cards .card .heading-description h3 {
	margin: 0;
	white-space: nowrap
}

.e-learning-cards .card .heading-description p {
	color: #fff !important;
	width: 30vw;
	margin-bottom: 0;
}

.e-learning-cards .card a {
	position: absolute;
	bottom: 0%;
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
}

/* ----------------------** Certification Benefits ** landing--------------------- */
.certification-benifits-landing {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 1rem;
	justify-content: center;
	align-content: center;
	margin-bottom: 100px;
}

.certification-benifits-landing img {
	width: 100%;
	height: auto;
}

.certification-benifits-landing .content {
	margin: auto;
	width: 75%;
}

.certification-benifits-landing .content span {
	text-transform: uppercase;
}

/* ----------------- ** offset images ** ----------------- */
.certification-benifits-offset-images {
	margin: 0;
	margin-bottom: 100px;
}

.certification-benifits-offset-images p {
	color: #5d5d5d;
}

/* -------Our values------ */
.certification-benifits-offset-images .to-left-container {
	width: 98%;
	margin: 100px auto;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.certification-benifits-offset-images .row {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 15%;
	justify-content: center;
	align-content: center;
}

.certification-benifits-offset-images .hotels-image-background {
	background-color: #98b9cc;
	width: 40vw;
	height: 40vw;
	position: relative;
}

.certification-benifits-offset-images .to-left-container img {
	width: 40vw;
	height: 40vw;
	position: absolute;
	top: 4vw;
	left: 4vw;
}

.certification-benifits-offset-images .to-left-container .image-overlay {
	width: 40vw;
	height: 40vw;
	position: absolute;
	top: 4vw;
	left: 4vw;
	background-color: rgba(0, 0, 0, 0.2);
	color: #fff;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
}

.image-overlay h2 {}

.image-overlay button {
	padding: 0;
	margin-top: -240px;
	transform: translateY(100px);
}

.image-overlay a {
	color: rgb(20, 19, 19);
	transition: all, 300ms ease;
	padding: 13px 43px;
	background-color: transparent;
}

.image-overlay a:hover {
	color: #fff;
	background-color: transparent;
	transition: all, 300ms ease;
}

.image-overlay img {}

.certification-benifits-offset-images .to-left-container .content {
	margin-top: 50px;
	margin-right: 4vw;
}

/* -------------People---------------- */

.certification-benifits-offset-images .to-right-container {
	width: 98%;
	margin: 100px auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

.certification-benifits-offset-images .to-right-container .row {
	width: 98%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 15%;
	position: relative;
	margin-bottom: 100px;
}

.certification-benifits-offset-images .to-right-container .content {
	margin-top: 50px;
	margin-left: 4vw;
}

.certification-benifits-offset-images .corporation-image-background {
	background-color: #afb2a0;
	width: 40vw;
	height: 40vw;
	position: relative;
}

.certification-benifits-offset-images .to-right-container img {
	width: 40vw;
	height: 40vw;
	position: absolute;
	top: 4vw;
	right: 4vw;
}

.certification-benifits-offset-images .to-right-container .image-overlay {
	width: 40vw;
	height: 40vw;
	position: absolute;
	top: 4vw;
	right: 4vw;
	background-color: rgba(0, 0, 0, 0.1);
	color: #fff;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
}

.image-overlay h2 {}

.image-overlay a {
	background-color: #fff;
	padding: 12px 35px;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 12px;
	letter-spacing: 2px;
	border: none;
}

.image-overlay a img {
	width: 22px;
	height: 22px;
	display: inline;
}

/* -------------integrity---------------- */
.certification-benifits-offset-images .travel-manager-image-background {
	background-color: #c99e9f;
	width: 40vw;
	height: 40vw;
	position: relative;
}

/* -------------Passion---------------- */
.certification-benifits-offset-images .hotel-guests-image-background {
	background-color: #a79eb7;
	width: 40vw;
	height: 40vw;
	position: relative;
}

/* -----------------------*certified hotels landing *--------------------- */
.certified-hotels-landing {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 1rem;
	justify-content: center;
	align-content: center;
	margin-bottom: 100px;
	align-content: center;
}

.certified-hotels-landing img {
	width: 49vw;
	height: auto;
}

.certified-hotels-landing .content {
	margin: auto;
	width: 75%;
}

.certified-hotels-landing .content span {
	text-transform: uppercase;
}

.about-landing .about-content .container ul {
	padding-left: 40px;
	margin-top: 0px;
	margin-bottom: 0px;
	transition: all 0.5s;
	display: inline-block
}

.about-landing .about-content .container ul li {
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 20px;
}

.about-landing .about-content .container ul li:last-child {
	margin-bottom: 10px;
}

.about-landing .about-content .container ul li a {
	transition: all 0.5s;
	display: inline-block
}

.about-landing .about-content .container ul li a:after {
	content: "";
	display: block;
	width: 0;
	height: 2px;
	background: #121212;
	transition: all 0.5s
}

.about-landing .about-content .container ul li a:hover {
	font-style: italic;
}

.about-landing .about-content .container ul li a:hover:after {
	width: 100%;
}

/* ----------------- * certified hotels two section one *----------------- */
.certified-hotels-two-section-one {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 2rem;
	justify-content: center;
	align-content: center;
	width: 90%;
	margin: auto;
}

.certified-hotels-two-section-one .row {
	display: flex;
	align-items: flex-start;
}

.certified-hotels-two-section-one .row img {
	margin-right: 20px;
	margin-top: 22px;
	width: 25px;
}

.certified-hotels-two-section-one .row span {
	font-weight: 800;
}

/* ----------------- * certified hotels two section two *----------------- */
.certified-hotels-two-section-two {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 2fr;
	grid-gap: 2rem;
	justify-content: center;
	align-content: center;
	width: 90%;
	margin: 100px auto;
}

.certified-hotels-two-section-two .column-one {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.certified-hotels-two-section-two span {
	font-weight: 800;
}

.certified-hotels-two-section-two .column-one .row-two {
	display: flex;
}

.certified-hotels-two-section-two .column-one .row-two ul {
	margin-right: 3rem;
}

.certified-hotels-two-section-two .column-two img {
	width: 100%;
}

/* ----------------*References landing*------------------- */
.references-landing {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 1rem;
	justify-content: center;
	align-content: center;
	margin-bottom: 30px;
}

.references-landing img {
	width: 49vw;
	height: auto;
}

.references-landing .content {
	margin: auto;
	width: 75%;
}

.references-landing .content span {
	text-transform: uppercase;
}

/* --------------------References Statistics--------------- */

.references-statistics {
	width: 80%;
	/* add */
	max-width: 1400px;
	margin: auto;
	margin-bottom: 70px;
}

.references-statistics .container {
	display: flex;
	justify-content: space-between;
	align-self: center;
	text-align: center;
}

.references-statistics .container h2 {
	font-size: 4vw;
	margin-bottom: 0;
	font-weight: 400;
}

.references-statistics .container h3 {
	font-size: 2vw;
}

/* -----------------References section two------------------- */
.references-section-two {
	width: 90%;
	margin: 50px auto;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 1rem;
	justify-content: center;
	align-content: center;
}

.references-section-two p {
	color: #5d5d5d;
}

/* -----------------References hotel logos------------------- */
.happy-hotels-container {
	width: 80%;
	padding: 25px 0;
	margin: 50px auto;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-gap: 1rem;
	justify-content: center;
	align-content: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* -------------------References------------- */

.references .content a {
	display: flex;
	align-items: center;
	margin: 40px 0;
	font-size: 16px;
	letter-spacing: 3px;
	font-weight: 600;
	text-transform: uppercase;
}

.references .content a span {
	display: inline-block;
}

.references .content a span:after {
	content: "";
	display: block;
	width: 0;
	height: 1px;
	background: #121212;
	transition: all 0.5s;
}

.references .content a span:hover:after {
	width: 100%;
}

.references .content a span:hover {
	transform: skewX(-10deg);
}

.references .content img {
	width: 100px !important;
	height: auto !important;
	margin: 10px 0;
}

.references .content .right-arrow {
	width: 15px !important;
	margin-left: 20px !important;
	margin-bottom: 0 !important;
	margin-top: 0;
}

/* -------References more certified hotels----- */
.certified-hotels {
	width: 90%;
	margin: auto;
	margin-bottom: 100px;
}

.certified-hotels p {
	color: #5d5d5d;
}

.certified-hotels .certified-hotels-post-container {
	width: 90vw;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 3%;
	align-content: center;
	justify-content: center;
	position: relative;
	margin: 50px auto;
}

.certified-hotels .certified-hotels-post-container img {
	width: 40vw;
	height: auto;
}

.certified-hotels .certified-hotels-text-container span {
	color: #5d5d5d;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 14px;
}

.certified-hotels .certified-hotels-text-container h3,
.certified-hotels .certified-hotels-text-container p {
	max-width: 72%;
	margin-top: 50px;
	line-height: 1.5;
}

.certified-hotels .certified-hotels-text-container h3 {
	padding-bottom: 20px;
	position: relative;
}

.certified-hotels .certified-hotels-text-container h3::before {
	content: '';
	position: absolute;
	width: 15%;
	height: 1px;
	bottom: 0;
	left: 0;
	border-bottom: 3px solid black;
}

.certified-hotels .certified-hotels-text-container img {
	width: 35px;
	height: auto;
	position: absolute;
	right: 2%;
	bottom: 5px;
}

/* -----------------------* News landing *------------------------- */
.news-landing {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 1rem;
	justify-content: center;
	align-content: center;
	margin-bottom: 100px;
}

.news-landing img {
	width: 49vw;
	height: auto;
}

.news-landing .content {
	margin: auto;
	width: 75%;
}

.news-landing .content span {
	text-transform: uppercase;
}

/* --------------------news------------------------ */

/* this css is repeated from line 475 */

/* ---------------------store-cards--------------------- */
.store-cards {
	width: 90%;
	max-width: 1400px;
	margin: 100px auto 60px auto;
}

.store-cards .cards-container {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	grid-gap: 40px;
	justify-content: center;
	align-content: center;
	margin: 50px 0;
}

.store-cards img {
	height: 300px;
}

.store-cards .card {
	box-sizing: border-box;
	background-color: white;
	display: flex;
	flex-direction: column;
	border: 1px solid #bebebe;
	padding: 40px;
}

.store-cards .card img {
	width: 100%;
	height: 350px;
	object-fit: contain;
}

.store-cards .card .content {
	/* background-color: rgba(0, 0, 0, 0.56);  change this to on hover*/
	/*
	width: 28vw;
	height: 40vw;
	position: absolute;
	top: 0;
	left: 0;
	*/
}

.store-cards .card .btn-dark:hover, .store-cards .card .btn-dark:focus {

}

.store-cards .card .heading-description {
	/*
	color: #fff;
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	*/
}

.store-cards .card .btn-dark {
	display: inline-block;
	width: 100%;
	text-align: center;
	margin-top: 30px;
	/*
	position: absolute;
	bottom: 5%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-family: futura-pt, sans-serif;
	white-space: nowrap;
	*/
}

.store-cards .card .added_to_cart {
	display: none;
}

.store-cards .card-bottom {
	text-align: left;
}

.store-cards .card-bottom .top-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 40px;
	font-size: 1.3em;
}

.store-cards .card-bottom p {
	margin: 0;
	margin-top: 10px;
	color: #5d5d5d;
}

.store-cards .card-bottom p.link-more {
	display: none;
}

/* ------------------* Checkout nav *------------------ */
.check-out .logo {
	text-align: center;
	margin-top: -27px;
	font-weight: 800;
	font-size: 24px;
	letter-spacing: 0.5px;
}

.check-out .logo span {
	color: #a5a5a5;
}

.checkout-header .back {
	position: absolute;
	left: 0;
	top: 20px;
}

.checkout-header .back img {
	width: 20px;
	height: auto;
	margin-right: 10px;
	float: left;
}

/* ------------------Your Order------------------ */
.your-order {
	width: 33vw;
	height: 100vh;
	position: fixed;
	right: -100%;
	top: 0;
	background-color: #98b9cc;
	z-index: 100;
	transition: all ease .5s;
}

.your-order.slideIn {
	top: 0;
	right: 0;
}

.check-out .your-order {
	right: 0%;
	top: 0;
}



.your-order .container {
	margin: 5%;
	margin-top: 40px;
}

.your-order .container .heading,
.your-order .container .order,
.your-order .container .total {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.your-order .container .heading {}

.your-order .container .heading h1 {
	font-size: 3rem;
}

.your-order .container .heading a {
	display: flex;
	align-items: center;
}

.your-order .container .heading img {
	width: auto;
	height: 22px;
	margin-left: 15px;
}

.your-order .container .order {
	border-top: 1px solid #000;
	padding: 20px 0;
}

.your-order .container .order p {
	display: flex;
	align-items: center;
}

.your-order .container .order img {
	width: auto;
	height: 40px;
	margin-right: 15px;
}

.your-order .container .total {
	border-top: 2px solid #000;
}

.your-order .download-order-details {
	text-align: center;
	margin-top: 30px;
}

.your-order .download-order-details a {
	font-weight: 600;
	background-color: #fff;
	color: #000;
	padding: 12px 30px;
	font-size: 12px;
	cursor: pointer;
	text-transform: uppercase;
	border: none;
	letter-spacing: 1.5px;
}


/* -----------------billing details-------------------- */
.check-out .billing-details,
.woocommerce-NoticeGroup {
	width: 45vw;
	margin-left: 5%;
	margin-top: 143px;
}

.check-out-contact-form {
	margin-top: 50px;
	margin-bottom: 80px;
}

.shipping_address.check-out-contact-form {
	margin-bottom: 30px;
}

.woocommerce-additional-fields__field-wrapper p {
	margin-top: 0;
}

.check-out-form {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 25px;
}

input {
	padding: 0 15px;
	height: 60px;
	outline: none;
	border: 1px solid #98b9cc;
	font-size: 18px;
	outline: none;
	box-shadow: none;
	border-radius: 0;
}

input[type=checkbox] {
	height: 16px;
}

textarea {
	padding: 15px;
	height: 140px;
	outline: none;
	border: 1px solid #98b9cc;
	font-size: 18px;
	outline: none;
	box-shadow: none;
	border-radius: 0;
}

select {
	padding: 10px;
	outline: none;
	border: 1px solid #98b9cc;
	color: #757575;
}

select option {}

.fullwidth {
	grid-column: span 2;
}

.check-out-form p {
	position: relative;
	margin: 0;
}

.check-out-form label {
	font-size: 16px;
	font-weight: 500;
}

.woocommerce-input-wrapper {
	display: block;
	width: 100%;
	position: relative;
	z-index: 2
}

.woocommerce-input-wrapper input {
	width: 100%;
	height: 60px;
	transition: all 0.4s;
}

.woocommerce-input-wrapper input:focus {
	border-left: solid 5px #000;
}

.woocommerce-input-wrapper textarea {
	width: 100%;
	height: 140px;
	transition: all 0.4s;
}

.woocommerce-input-wrapper textarea:focus {
	border-left: solid 5px #000;
}

.select2-container--default .select2-selection--single {
	height: 60px !important;
	border-radius: 0 !important;
	border: 1px solid #98b9cc;
	outline: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 18px !important;
	right: 10px !important;
}

.check-out-form p.form-row:focus+label {
	top: -18px;
	left: 0;
	font-size: 18px;
}

.woocommerce form .form-row .required {
	text-decoration: none;
}

.optional {
	display: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	margin: 15px 12px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	right: 12px;
	top: 15px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-top-color: #000;
}

.woocommerce-form-coupon-toggle {
	display: none;
}

/* -----------------Payment---------------- */
.check-out .payment {
	width: 45vw;
	margin-left: 5%;
	margin-bottom: 100px;
	margin-top: 80px;
}

.check-out .payment-logos,
.wc_payment_methods {
	display: flex;
	justify-content: normal;
	align-items: center;
	margin: 50px 0;
}

.check-out .payment-logos .img-container,
.wc_payment_methods li {
	position: relative;
	width: 220px;
	height: 120px;
	border: 2px solid #98b9cc;
	padding: 0;
	border-radius: 5px;
	position: relative;
	margin-right: 75px;
}

.check-out .payment-logos .img-container,
.wc_payment_methods li:last-child {
	margin-right: 0;
}

.check-out .payment-logos .img-container,
.wc_payment_methods li label {
	margin-top: 80px;
	display: block;
	text-align: center;
}

.check-out .payment-logos .img-container,
.wc_payment_methods li img {
	height: 42px;
	width: auto;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin-top: -10px;
}

.wc_payment_methods li input {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.01;
	z-index: 2;
	cursor: pointer;
}

.wc_payment_methods li label {
	width: 100%;
}


.payment_box {
	position: absolute;
	left: -1px;
	top: -1px;
	width: 101%;
	height: 101%;
	background: rgb(152, 185, 204, 0.2);
	z-index: -1;
}

.payment_box p {
	display: none;
}

.check-out .payment-logos .img-container-pay-pal {
	display: flex;
	justify-content: center;
	align-items: center;
	border: 2px solid #98b9cc;
	padding: 25px;
	border-radius: 5px;
}

.check-out .payment-logos img {
	height: 2vw;
	width: auto;
}

.check-out .payment-method select {
	width: 100%;
	padding: 15px;
	outline: none;
	border: 1px solid #98b9cc;
	color: #757575;
}

.check-out .payment-method input {
	width: 100%;
	padding: 15px;
	outline: none;
	border: 1px solid #98b9cc;
	margin: 1rem 0;
}

.check-out .payment-method .three-column-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 25px;
	align-items: center;
}

.check-out .payment-method-icons img {
	height: 2vw;
	width: auto;
	margin: 15px 2vw;
	margin-left: 0;
}

.check-out .payment-method-icons .visa-img {}

/* The checkbox container */
.check-out .checkbox-container {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin: 50px 0;
}


/* Hide the browser's default checkbox */
.check-out .checkbox-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

/* Create a custom checkbox */
.check-out .checkbox-container .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: transparent;
	border: 2px solid #222;
	border-radius: 5px;
}

/* On mouse-over, add a grey background color */
.check-out .checkbox-container:hover input~.checkmark {
	background-color: #eee;
}

/* When the checkbox is checked, add a blue background */
.check-out .checkbox-container input:checked~.checkmark {
	background-color: transparent;
	border: 2px solid #222;
	border-radius: 5px;
}

/* Create the check mark/indicator (hidden when not checked) */
.check-out .checkbox-container .checkmark:after {
	content: '';
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.check-out .checkbox-container input:checked~.checkmark:after {
	display: block;
	left: 6px;
	top: 3px;
}

/* Style the checkmark/indicator */
.check-out .checkbox-container .checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid #98b9cc;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* ------------------Shipping information------------------ */
.check-out .Shipping-information {
	width: 45vw;
	margin-left: 5%;
	margin-bottom: 100px;
}

.check-out .Shipping-information .payment {
	text-align: center;
	margin: 50px 0;
}

.check-out .Shipping-information .payment a {
	text-decoration: underline;
}

.check-out .Shipping-information .payment button,
.woocommerce_checkout_button {
	font-weight: 600;
	background-color: #000;
	color: #fff;
	padding: 0 90px;
	margin-top: 10px;
	cursor: pointer;
	text-transform: uppercase;
	border: none;
	letter-spacing: 2px;
	height: 60px;
	display: inherit;
	margin: 0 auto;
	font-size: 16px;
	font-family: futura-pt, sans-serif;
	font-weight: 500;
}

.check-out .Shipping-information .payment button,
.woocommerce_checkout_button:after {
	content: "";
	color: #fff;
	transition: color, 300ms ease;
	padding: 0;
	line-height: 60px;
	height: 60px;
	display: block;
	background-color: transparent;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 58px;
}

.check-out .Shipping-information .payment button,
.woocommerce_checkout_button:hover:after {
	color: #121212;
	border: 1px solid black;
	transition: all, 300ms ease;
}

.woocommerce-privacy-policy-text {
	text-align: center;
}

.woocommerce-privacy-policy-text p {
	font-size: 18px;
}

.page-template-checkout .checkout_area {
	display: none;
}

.check-out .Shipping-information .payment button:before {}

/* -------------------------------article-main----------------------------- */
.article-main {
	width: 90%;
	margin: 30px auto;
	margin-bottom: 100px;
}

.article-main .back {
	display: flex;
	align-items: center;
}

.article-main .back img {
	width: 15px;
	margin-right: 10px;
}

.article-main .top-heading {
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
	font-weight: 600;
	margin: 30px 0;
	color: #5d5d5d;
}

.article-main .row {
	margin: 50px auto;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 1rem;
	justify-content: center;
	align-content: center;
	position: relative;
}

.article-main .row .article-right-image-container {
	text-align: right;
}

.article-main .row img {
	width: 35vw;
}

.article-main .row .content {}

.article-main .row .content .container {
	width: 90%;
	margin: auto;
}

.article-main .row .content h2 {}

.article-main .row .content h3 {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-style: italic;
	font-weight: 400;
	line-height: 1.5;
}

.article-main .view-more {
	display: flex;
	justify-content: flex-end;
}

.article-main .view-more a {
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 600;
}

.article-main .view-more img {
	width: 35px;
	margin: 5px 0 0 15px;
}

/* -----------news-article-landing-top------------ */
.news-article-landing-top {
	margin-left: 5%;
	padding-top: 80px;
	max-width: 1400px;
	margin: auto;
}

.news-article-landing-top h1 {
	font-size: 34px;
	line-height: 42px;
}

.news-article-landing-top .back {
	display: flex;
	align-items: center;
	margin-top: 10px;
	font-weight: 500;
}

.news-article-landing-top .back img {
	width: 20px;
	margin-right: 10px;
}

.news-article-landing-top p {
	text-transform: uppercase;
	color: #5d5d5d;
	margin-top: 30px;
}

/* -----------news-article-landing-image------------ */

.news-article-landing-image {
	width: 90%;
	margin: 50px auto;
}

.news-article-landing-image img {
	width: 100%;
	display: block;
}

/* --------------------news-article-main Text -------------------- */
.news-article-text {
	width: 90%;
	margin: 50px auto;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 1rem;
	line-height: 1.5;
	color: #5d5d5d
}

.news-article-text span {
	font-weight: 600;
}

/* ----------------------news-article-main--------------------- */
.news-article-main {
	width: 90%;
	max-width: 1400px;
	margin: 30px auto;
	height: max-content;
	margin-bottom: 100px;
}

.news-article-main .row {
	margin: 50px auto;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 3%;
	align-content: center;
	justify-content: center;
	position: relative;
}

.news-article-main .row:after {
	content: "";
	display: block;
	clear: both;
}

.news-article-main .row img {
	width: 100%;
	float: left;
}

.news-article-main .row img.news-article-image-container {
	float: right;
}

.news-article-main .row .content {
	float: right;
	width: 100%;
}

.news-article-main .row .content.news-article-left-container {
	float: left;
	width: 50%;
}

.news-article-main .row .content .container {
	width: auto;
	margin: auto;
}

.news-article-main .row .content .container p {
	color: #5d5d5d;
}

.news-article-main .row .content .container .p-date {
	margin-top: 5px;
	font-weight: 600;
}

.news-article-main .content h1 {
	font-size: 34px;
	line-height: 42px;
	margin-bottom: 0px;
}

.main .row .content h2 {}

.news-article-main .row .content h3 {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-style: italic;
	font-weight: 400;
	line-height: 1.5;
}

.news-article-main .view-more {
	display: flex;
	justify-content: flex-end;
}

.news-article-main .view-more a {
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 600;
}

.news-article-main .view-more img {
	width: 35px;
	margin: 5px 0 0 15px;
}




/*mobile menu*/

#menuToggle {
	display: none;
	position: relative;

	z-index: 1;

	-webkit-user-select: none;
	user-select: none;
}

#menuToggle a {
	text-decoration: none;
	color: #232323;

	transition: color 0.3s ease;
}

#menuToggle a:hover {
	color: tomato;
}


#menuToggle input {
	display: block;
	width: 40px;
	height: 32px;
	position: absolute;
	top: -7px;
	left: -5px;

	cursor: pointer;

	opacity: 0;
	/* hide this */
	z-index: 2;
	/* and place it over the hamburger */

	-webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */
#menuToggle span {
	display: block;
	width: 23px;
	height: 2px;
	margin-bottom: 6px;
	position: relative;

	background: #121212;

	z-index: 1;

	transform-origin: 4px 0px;

	transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
		background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
		opacity 0.55s ease;
}

#menuToggle span:first-child {
	transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2) {
	transform-origin: 0% 100%;
}

/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked~span {
	opacity: 1;
	transform: rotate(45deg) translate(-5px, -15px);
	background: #fff;
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked~span:nth-last-child(3) {
	opacity: 0;
	transform: rotate(0deg) scale(0.2, 0.2);
}

.mobile_menu {
	display: none;
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked~span:nth-last-child(2) {
	transform: rotate(-45deg) translate(1px, 11px);
}

.wpcf7 form.sent .wpcf7-response-output {
	background-color: #46b450;
	/* Green */
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	background-color: #dc3232;
	/* Red */
}

.wpcf7 form.spam .wpcf7-response-output {
	background-color: #f56e28;
	/* Orange */
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
	background-color: #ffb900;
	/* Yellow */
}


.woocommerce-result-count,
.woocommerce-ordering {
	display: none !important;
}

.page-template-checkout .header-home {
	display: none;
}

.page-template-checkout .header-home.checkout-header {
	display: block;
}

.page-template-checkout .mini-cart.for-checkout {
	display: block;
}

.page-template-checkout .your-order {
	right: 0;
}

.shop_table {
	width: 100%;
	border: solid 1px #98b9cc;
	border-collapse: collapse;
	text-align: left;
	margin-top: 40px;
}

.shop_table tr {}

.shop_table th,
.shop_table td {
	border-right: solid 1px #98b9cc;
	border-bottom: solid 1px #98b9cc;
	padding: 15px;
}


.flexslider {
	width: 100%;
	background: none;
	border: none;
	margin: 0 auto;
}

.flexslider .slides>li {}

.flex-viewport {
	padding-left: 145px;
	width: auto;
	max-width: 1280px;
}

.flex-control-nav {
	display: block;
}

.flex-control-nav {
	top: -104px;
	right: 220px;
	bottom: auto;
	width: auto;
}

.flex-control-paging li {
	margin-right: 10px !important;
}

.flex-control-paging li a {
	width: 33px;
	height: 7px;
	border-radius: 0;
	background: rgba(0, 0, 0, 0.2);
	transition: ease all .3s;
	box-shadow: none;
}

.flex-control-paging li a:hover {
	background: rgba(0, 0, 0, 0.5);
}

.flex-direction-nav {}

.flex-direction-nav a:before {
	display: none;
}

.certefication-benifits .flex-direction-nav li {
	width: 50px;
	height: 50px;
	font-size: 0;
	padding: 0;
	margin: 0 !important;
	position: absolute;
	top: -124px;
	bottom: 0;
}

.flex-direction-nav li a {
	display: block;
	width: 100%;
	height: 100%;
	position: static;
	opacity: 0.01 !important;
	cursor: pointer !important;
	z-index: 3 !important;
	margin: 0;
}

.flexslider .flex-direction-nav .flex-prev {
	opacity: 1;
}

.flexslider li a {
	opacity: 1 !important;
}

.flex-direction-nav li.flex-nav-prev {
	right: 70px;
}

.flex-direction-nav li.flex-nav-prev a {
	background: url(assets/images/arrow_left.png) no-repeat center;
	background-size: contain;
}

.flex-direction-nav li.flex-nav-next {
	right: 0;
}

.flex-direction-nav li.flex-nav-next a {
	background: url(assets/images/arrow_right.png) no-repeat center;
	background-size: cover;
}

.flexslider:hover li a:hover {}

.project-details h3 {
	font-size: 34px;
	font-weight: 700
}

.project-details h3 a {
	display: inline-block;
}

.project-details h3 a:after {
	content: "";
	display: block;
	height: 2px;
	width: 0;
	transition: all 0.5s;
	background: #121212
}

.project-details h3 a:hover {
	transform: skewX(-10deg);
}

.project-details h3 a:hover:after {
	width: 100%;
}

.widget_shopping_cart_content {
	width: 50%;
	position: fixed;
	top: 60px;
	right: 0;
	opacity: 0;
	z-index: -999;
	transition-delay: 1s;
}

.widget_shopping_cart_content.visible,
.page-template-checkout .widget_shopping_cart_content {
	z-index: 99999;
	opacity: 1;
	transition-delay: 0s;
}

body.added-to-cart .widget_shopping_cart_content {
	z-index: 99999;
	opacity: 1;
	transition-delay: 0s;
}

.page-template-checkout .widget_shopping_cart_content {
	z-index: 99999;
	opacity: 1;
	transition-delay: 0s;
	width: 44%;
	height: calc(100vh - 60px);
	z-index: 1
}


.widget_shopping_cart_content .bg_wrap {
	position: relative;
	z-index: 2;
	background: #98B9CC;
	transform: scaleY(0);
	transform-origin: top;
	transition: 1s transform cubic-bezier(.19, 1, .22, 1), 1s opacity cubic-bezier(.19, 1, .22, 1), 1s -webkit-transform cubic-bezier(.19, 1, .22, 1);
	transition-delay: 0.4s;
}

.widget_shopping_cart_content.visible .bg_wrap,
.page-template-checkout .bg_wrap {
	transform: none;
	transition-delay: 0s;
}

body.added-to-cart .widget_shopping_cart_content .bg_wrap {
	transform: none;
	transition-delay: 0s;
}

.widget_shopping_cart_content .heading_area {
	padding: 70px 120px;
	position: relative;
	z-index: 2;
	opacity: 0;
	transform: translateY(40px);
	transition: all 0.5s;
	transition-delay: 0s;
}

.widget_shopping_cart_content.visible .heading_area {
	transform: none;
	opacity: 1;
	transition-delay: 0.4s;
}

body.added-to-cart .widget_shopping_cart_content .heading_area {
	transform: none;
	opacity: 1;
	transition-delay: 0.4s;
}

.page-template-checkout .heading_area {
	transform: none;
	opacity: 1;
	transition-delay: 0.4s;
	padding: 70px 80px;
}

.widget_shopping_cart_content .heading_area:after {
	content: "";
	display: block;
	clear: both;
}

.widget_shopping_cart_content .heading_area h3 {
	font-size: 68px;
	font-weight: 700;
	color: #121212;
	float: left;
	margin: 0;
}

.widget_shopping_cart_content .heading_area .edit_cart {
	float: right;
	font-size: 18px;
	line-height: 32px;
	font-weight: 600;
	margin-top: 45px;
}

.widget_shopping_cart_content .heading_area .edit_cart img {
	height: 32px;
	float: right;
	margin-left: 32px;
}

.widget_shopping_cart_content .cart_items_wrap {
	margin: 0 105px 0 120px;
	z-index: 2;
	position: relative;
	opacity: 0;
	transform: translateY(40px);
	transition: all 0.5s;
	transition-delay: 0s;
	max-height: 500px;
	overflow-x: hidden;
	overflow-y: scroll;
	padding-right: 10px;
}

/* width */
.widget_shopping_cart_content .cart_items_wrap::-webkit-scrollbar {
	width: 5px;
	opacity: 0;
	transform: translateX(-20px);
}

/* Track */
.widget_shopping_cart_content .cart_items_wrap::-webkit-scrollbar-track {
	background-color: rgba(0, 0, 0, 0);
}

/* Handle */
.widget_shopping_cart_content .cart_items_wrap::-webkit-scrollbar-thumb {
	background-color: rgba(51, 51, 51, 0)
}

/* Handle on hover */
.widget_shopping_cart_content .cart_items_wrap::-webkit-scrollbar-thumb:hover {
	background-color: rgba(51, 51, 51, 0)
}

.widget_shopping_cart_content.visible .cart_items_wrap {
	transform: none;
	opacity: 1;
	transition-delay: 0.5s;
}

body.added-to-cart .widget_shopping_cart_content .cart_items_wrap {
	transform: none;
	opacity: 1;
	transition-delay: 0.5s;
}

.page-template-checkout .cart_items_wrap {
	transform: none;
	opacity: 1;
	transition-delay: 0.5s;
	margin: 0 80px;
	height: calc(100vh - 300px);
	max-height: none;
}

.mini_cart_item:after {
	content: "";
	display: block;
	clear: both;
}

.mini_cart_item {
	padding: 40px 0;
	border-top: solid 1px #121212;
}

.mini_cart_item .item_thumb {
	width: 75px;
	height: 75px;
	border: solid 4px #fff;
	border-radius: 50%;
	float: left;
	overflow: hidden;
}

.mini_cart_item .item_thumb img {
	width: 75px;
	height: 75px;
	object-fit: cover;
}

.mini_cart_item h4 {
	font-size: 24px;
	line-height: 75px;
	font-weight: 500;
	color: #121212;
	margin: 0;
	margin-left: 60px;
	float: left;
}

.mini_cart_item h4 .woocommerce-Price-amount {
	display: none;
}

.mini_cart_item .price {
	font-size: 24px;
	line-height: 75px;
	font-weight: 500;
	color: #121212;
	float: right;
}

.widget_shopping_cart_content .total:after {
	content: "";
	display: block;
	clear: both;
}

.widget_shopping_cart_content .total {
	border-top: solid 4px #121212;
	padding: 60px 0;
	opacity: 0;
	transform: translateY(40px);
	transition: all 0.5s;
	transition-delay: 0s;
}

.widget_shopping_cart_content.visible .total,
.page-template-checkout .total {
	transform: none;
	opacity: 1;
	transition-delay: 0.6s;
}

body.added-to-cart .widget_shopping_cart_content .total {
	transform: none;
	opacity: 1;
	transition-delay: 0.6s;
}

.widget_shopping_cart_content .total h3 {
	float: left;
	font-size: 24px;
	font-weight: 600;
	margin: 0;
}

.widget_shopping_cart_content .total h3 span {
	font-weight: 500;
}

.widget_shopping_cart_content .total_price {
	float: right;
	font-size: 24px;
	font-weight: 600;
}

.checkout_area {
	padding: 0 120px 70px 120px;
	z-index: 2;
	position: relative;
	opacity: 0;
	transform: translateY(40px);
	transition: all 0.5s;
	transition-delay: 0s;
}

.widget_shopping_cart_content.visible .checkout_area {
	transform: none;
	opacity: 1;
	transition-delay: 0.7s;
}

body.added-to-cart .widget_shopping_cart_content .checkout_area {
	transform: none;
	opacity: 1;
	transition-delay: 0.7s;
}

.page-template-checkout .checkout_area {
	transform: none;
	opacity: 1;
	transition-delay: 0.7s;
	padding: 0 80px 70px 80px;
}

.checkout_area:after {
	content: "";
	display: block;
	clear: both;
}

.checkout_area .see-cart {
	float: left;
	font-size: 24px;
	line-height: 60px;
	font-weight: 500;
	text-decoration: underline;
}

.checkout_area .see-cart:hover {
	text-decoration: none;
}

.checkout_area .btn-dark {
	float: right;
	height: 60px;
	line-height: 60px;
}

.checkout_area .btn-dark span {
	position: relative;
	z-index: 2;
}

.overlay_dark {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 60px;
	background-color: #000000;
	opacity: 0;
	transition: all 0.5s;
	transition-delay: 0.7s;
}

.widget_shopping_cart_content.visible .overlay_dark {
	opacity: 0.6;
	transition-delay: 0s;
}

body.added-to-cart .widget_shopping_cart_content .overlay_dark {
	opacity: 0.6;
	transition-delay: 0s;
}

.page-template-checkout .overlay_dark {
	display: none;
}

.page-template-checkout .contact,
.page-template-woocommerce-pages .contact,
.page-template-survey .contact {
	display: none !important;
}

.woocommerce-additional-fields {}

.woocommerce-order-received .widget_shopping_cart_content {
	display: none;
}

.woocommerce-order-received .woocommerce-order {
	margin: 80px auto;
	max-width: 1000px;
}

.woocommerce-order-details {
	max-width: 1000px;
}

.woocommerce-order h2 {
	font-size: 36px;
	line-height: 40px;
}

p.woocommerce-thankyou-order-received {
	font-size: 36px;
	line-height: 48px;
	font-weight: 700;
	margin: 26px 0;
}

#ship-to-different-address {
	margin-bottom: 70px;
}

.hotels_listing {
	width: 90%;
	margin: 100px 5%;
}

.hotels_listing:after {
	content: "";
	display: block;
	clear: both;
}

.hotel_item {
	float: left;
	width: 30%;
	margin-right: 5%;
	margin-bottom: 50px;
}

.hotel_item:after {
	content: "";
	display: block;
	clear: both;
}

.hotel_item:nth-child(3n) {
	margin-right: 0;
}

.hotel_item:nth-child(3n + 1) {
	clear: left;
}

.hotel_item .icon {
	float: left;
	width: 34px;
	margin-right: 44px;
}

.hotel_item .icon img {
	display: block;
	width: 100%;
	margin-top: 5px;
}

.hotel_item .hotel_info {
	float: left;
	width: calc(90% - 44px);
	color: #5D5D5D
}

.hotel_item .hotel_info p {
	margin: 0;
	font-size: 21px;
	line-height: 32px;
	font-weight: 400;
}

.hotel_item .hotel_info p strong {
	font-weight: 500;
	display: block;
}

.feautred_hotel {
	width: 90%;
	margin: 0 5%;
	padding-bottom: 80px;
}

.feautred_hotel:after {
	content: "";
	display: block;
	clear: both;
}

.feautred_hotel img {
	float: right;
	width: 58%;
	display: block;
}

.hotel_data {
	float: left;
	width: 38%;
}

.hotel_data p {
	font-size: 21px;
	line-height: 32px;
	color: #5D5D5D;
	margin-top: 0;
	margin-bottom: 40px;
}

.hotel_data ul {
	padding-top: 40px;
}

.hotel_data ul li {
	font-size: 21px;
	line-height: 32px;
	color: #5D5D5D;
	margin-top: 0;
}

.hotel_data ul li .rot_title {
	width: 220px;
	display: inline-block;
}

.hotel_data a {
	display: inline-block;
	transition: all 0.5s;
	color: #5D5D5D
}

.hotel_data a:after {
	content: "";
	display: block;
	width: 0;
	height: 1px;
	background: #5D5D5D;
	transition: all 0.5s;
}

.hotel_data a:hover {
	transform: skewX(-10deg);
}

.hotel_data a:hover:after {
	width: 100%;
}

.certified_hotel_types {
	padding-top: 2px;
}

.certified_hotel_types p {
	font-size: 21px;
	line-height: 28px;
	font-weight: 500;
	margin-bottom: 42px;
	margin-top: 0;
}

.certified_hotel_types p:before {
	content: "";
	float: left;
	width: 36px;
	height: 36px;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(assets/images/pin.png);
	margin-right: 34px;
	margin-top: -4px
}

.certified_hotel_types p.pin3:before {
	background-image: url(assets/images/pin2.png);
}

.certified_hotel_types p.pin2:before {
	background-image: url(assets/images/pin3.png);
}

.certfied_note {
	font-size: 21px;
	line-height: 32px;
	padding-top: 20px;
	margin-top: 0;
	margin-bottom: 50px;
}

.download_hotels {
	padding: 0;
}

.download_hotels a {
	color: #fff;
	display: block;
	padding: 0 60px;
	border: 1px solid black;
}

.download_hotels a img {
	height: 24px;
	filter: invert(1);
	display: inline-block;
	width: auto;
	transform: translateY(7px);
	margin-right: 24px;
}

.download_hotels a:hover {
	color: #121212;
	transition: all, 300ms ease;
}

.download_hotels a:hover img {
	filter: invert(0);
}

#surveyhero-embed-90f057f9 {
	max-width: 1000px !important;
	margin: 90px auto;
	padding: 0;
}

.woocommerc_pages_wrap {
	margin: 140px 5% 80px 5%;
}

.woocommerc_pages_wrap p {
	font-size: 24px;
	line-height: 32px;
	max-width: 650px;
	margin-bottom: 0;
}

.cart_page {
	padding-top: 140px;
	max-width: 950px
}

.cart_page h2 {
	font-size: 4.05vw;
	line-height: 1.1;
	margin: 0;
}

.cart_page table {
	border: none;
}

.cart_page thead {
	display: none;
}

.cart_page td {
	border-width: 1px 0 0;
	border-top: solid 1px #121212;
	padding: 40px 0;
}

.cart_page td.product-remove a {
	width: 22px;
	height: 22px;
	font-size: 1px;
	color: rgba(255, 255, 255, 0.1);
	background-image: url(assets/images/remove.svg);
	background-size: contain;
	background-repeat: no-repeat;
	display: block;
}

.cart_page td.product-thumbnail {
	padding: 40px 30px;
}

.cart_page td.product-thumbnail img {
	display: block;
	width: 70px;
	height: 70px;
	border: solid 4px #98B9CC;
	border-radius: 50%;
	object-fit: cover;
}

.cart_page td.product-name {
	font-size: 24px;
	font-weight: 500;
}

.cart_page td.product-quantity {
	display: none;
}

.cart_page td.product-price {
	display: none;
}

.cart_page td.product-subtotal {
	font-size: 24px;
	font-weight: 500;
	text-align: right;
}

.cart_page .cart_totals:after {
	content: "";
	display: block;
	clear: both;
}

.cart_page .cart_totals h2 {
	display: none;
}

.cart_page .cart_totals .cart-subtotal,
.cart_page .cart_totals .woocommerce-shipping-totals {
	display: none;
}

.cart_page .order-total {
	border-top: solid 4px #121212;
}

.cart_page .order-total td,
.cart_page .order-total th {
	border: none;
	font-size: 24px;
	font-weight: 600;
	padding: 40px 0;
}

.cart_page .order-total .woocommerce-Price-amount {
	display: block;
	text-align: right;
}

.cart_page .wc-proceed-to-checkout {
	float: right;
	padding-top: 100px;
}


.cart_page .wc-proceed-to-checkout .btn-dark {
	padding: 0;
}

.cart_page .wc-proceed-to-checkout .btn-dark:hover {}

.cart_page .wc-proceed-to-checkout a {
	color: #fff;
	transition: color, 300ms ease;
	padding: 0 60px;
	line-height: 60px;
	height: 60px;
	display: block;
	background-color: transparent;
}

.cart_page .wc-proceed-to-checkout a:hover {
	color: #121212;
	border: 1px solid black;
	transition: all, 300ms ease;
}

.blockUI {
	height: 150vh !important;
}

.hlsli-map-form {
	display: block !important;
	width: 300px;
}

.breadcrumbs {
	display: none
}

.woo-multi-currency.shortcode {
	float: right;
	padding: 33px 0 0 0;
}

.woo-multi-currency.shortcode select {
	padding: 10px 80px 10px 10px;
	font-family: futura-pt, sans-serif;
	font-size: 18px;
	color: #000;
	appearance: none;
	-webkit-appearance: none;
}

.store-cards .heading h1 {
	float: left;
}

.store-cards .heading:after {
	content: "";
	display: block;
	clear: both;
}

.wmc-currency {
	position: relative;
}

.wmc-currency:after {
	content: "";
	position: absolute;
	right: 4px;
	bottom: 2px;
	height: 40px;
	width: 30px;
	background-color: #fff;
	background-image: url(assets/images/arrow-down.png);
	background-repeat: no-repeat;
	background-size: auto 26px;
	background-position: center left;
	z-index: 2;
	pointer-events: none;
}

.woocommerce-error {
	color: red;
}

.pages_content_universal ul,
.pages_content_universal ol {
	padding: 0;
	margin-bottom: 30px;
}

.pages_content_universal ul li {
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 5px;
	list-style: circle;
	list-style-position: inside
}

.pages_content_universal ol li {
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 5px;
	list-style: inherit;
	list-style-position: inside
}

.page-description ul,
.page-description ol {
	padding: 0;
	margin-bottom: 30px;
}

.page-description ul li {
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 5px;
	margin-left: 20px;
	list-style: initial;
}

.page-description ol li {
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 5px;
	list-style: inherit;
	list-style-position: inside
}

.card-bottom ul,
.card-bottom ol {
	padding: 0;
	margin-bottom: 0px;
	margin-left: 20px;
}

.card-bottom ul li {
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 10px;
	list-style: initial;
}

.card-bottom ol li {
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 5px;
	list-style: inherit;
	list-style-position: inside
}

.store-cards .card-bottom p {
	font-size: 18px;
	line-height: 28px;
}