:root {
	--lightblue: #00aeff;
	--lightenblue: #44c8f5;
	--primary-blue: #0667b4;
}

.c-primary-blue {
	color: var(--primary-blue);
}

.b-primary-blue {
	background: var(--primary-blue);
}

html,
body {
	width: 100%;
}

html {
	padding-top: 0px;
	scroll-behavior: smooth;
	font-size: 16px;
}

body {
	font-family:
		"Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue",
		Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
		"Segoe UI Symbol", "Noto Color Emoji";
	font-weight: 300;
	line-height: 1.5;
	color: #212529;
	background-color: #fff;
	margin: 0;
	padding: 0;
	font-size: 1rem;
}
.is-in {
	top: 32px;
}
header#Header {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 9999;
}
.r-0 {
	right: 0px !important;
}
.customerArea {
	width: 10.5vw;
	height: 55px;
	z-index: 99;
}
.customerArea img {
	bottom: -34px;
	right: 1.5vw;
	max-height: 88px;
	max-width: 150px;
}

#Content {
	width: 100%;
	overflow-x: hidden;
}
.thePhoneNumberLink,
.thePhoneNumberLink:hover,
.thePhoneNumberLink:focus {
	color: var(--primary-blue);
}
.text-orange .thePhoneNumberLink,
.text-orange .thePhoneNumberLink:hover,
.text-orange .thePhoneNumberLink:focus {
	color: var(--orange);
}
body.modal-open {
	margin: 0;
	height: calc(100vh - 74px);
	overflow: hidden;
	padding: 0;
}
.cookies-block .modal-content {
	background-color: #eb6d05;
	border: 1px solid #fff;
	border-radius: 2px;
}
.cookies-block .modal-header {
	border: none;
}
.cookies-block .modal-header h4 {
	font-size: 24px;
	font-family: "Segoe UI semibold";
	color: rgb(255, 255, 255);
}
.cookies-block .modal-body {
	font-family: "Segoe UI";
	font-size: 1.45rem;
	border: none;
	color: #fff;
}
.cookies-block .modal-body a {
	text-decoration: underline;
	color: inherit;
}
.cookies-block .modal-footer {
	font-family: "Segoe UI";
	font-size: 1.2rem;
	border: none;
	color: #fff;
}
.cookies-block #optin {
	color: #eb6d05 !important;
	font-size: 18px;
	font-weight: 600;
	font-family: "Segoe UI";
}

/* Buttons */

.btn {
	border: none;
	border-radius: 2px;
	position: relative;
	opacity: 1;
	transition: ease 0.25s;
	top: 0px;
	box-shadow: 0px 0px 0px 0px #0000001a;
	color: #fff !important;
}

.btn::before {
	content: "";
	display: block;
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	position: absolute;
	top: 2px;
	right: 2px;
	border-radius: 1px;
	transition: ease 0.25s;
	border: 1px solid #fff;
}

.btn:hover {
	opacity: 0.9;
	box-shadow: 0px 3px 4px 0px #0000001a;
	top: -4px;
}

/* Button Sizes */
.btn-lg {
	line-height: 1.5;
	padding: 1rem;
}

/* Primary Button */
.btn-primary {
	background: var(--primary-blue);
}

.btn-primary:hover {
	background: var(--primary-blue);
}

/* Inverted */
.n-btn-primary {
	background: #fff;
	color: var(--primary-blue) !important;
}

.n-btn-primary::before {
	border-color: var(--primary-blue);
}

/* Outlined */
.btn-outline-primary {
	color: var(--primary-blue) !important;
}

.btn-outline-lg {
	min-width: 280px;
}

.btn-outline-primary::before {
	border: 1px solid var(--primary-blue);
	width: 100%;
	height: 100%;
	border-radius: 0px;
	top: 0;
	right: 0;
}

.btn-outline-primary:hover {
	top: 0px;
	font-weight: 900;
	opacity: 1;
	background-color: #fff;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:focus {
	box-shadow: 0 0 0 0rem rgba(0, 123, 255, 0.5);
}

.btn-outline-primary:not(:disabled):not(.disabled):active {
	background-color: #fff;
	border-color: var(--primary-blue);
}

/* Red */
.btn-outline-mediamarkt {
	color: #df0000 !important;
}

.btn-outline-mediamarkt::before {
	border: 3px solid #df0000;
	width: 100%;
	height: 100%;
	border-radius: 3px;
	top: 0;
	right: 0;
}
.btn-outline-mediamarkt:hover {
	color: #fff !important;
	background: #df0000;
}

/* Orange Button */
.btn-orange {
	background: #eb6d05;
}

.btn-orange:hover {
	background: #eb6d05;
}

/* Astralis Button */
.btn-astralis {
	background: #f5333f;
}

.btn-astralis:hover {
	background: #f5333f;
}

/* Origen Button */
.btn-origen {
	background: #003091;
}

.btn-origen:hover {
	background: #003091;
}

/* Astralis Button */
.btn-yoigo {
	background: #37942b;
}

.btn-yoigo:hover {
	background: #37942b;
}

/* Blur Button */
.btn-blur {
	background: transparent;
}

.btn-blur::before {
	border: 3px solid #5ab806;
}

/* Play Video Button */
button.btn-play {
	background: transparent;
	color: #fff;
	height: 80px;
	width: 100px;
	line-height: 1;
	font-size: 2rem;
	z-index: 2;
	border: none;
	transition: ease 0.25s;
	position: relative;
}

button.btn-play::after {
	content: "";
	display: block;
	height: 100%;
	width: 100%;
	border: 5px solid #fff;
	border-radius: 1px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: ease 0.15s;
}

button.btn-play:hover::after {
	width: 90%;
	height: 90%;
}

button.btn-play:hover {
	color: #ffffffb3;
}

/* Soacing */
.pb-6,
.py-6 {
	padding-bottom: 5rem;
}
.pt-6,
.py-6 {
	padding-top: 5rem;
}

.pl-6,
.px-6 {
	padding-left: 5rem;
}
.pr-6,
.px-6 {
	padding-right: 5rem !important;
}

.pl-7,
.px-7 {
	padding-left: 6.5rem;
}
.pr-7,
.px-7 {
	padding-right: 6.5rem !important;
}

.pl-8,
.px-8 {
	padding-left: 8rem;
}
.pr-8,
.px-8 {
	padding-right: 8rem !important;
}

.pb-7,
.py-7 {
	padding-bottom: 7rem;
}

.pt-7,
.py-7 {
	padding-top: 7rem;
}

.pb-8,
.py-8 {
	padding-bottom: 9rem;
}

.pt-8,
.py-8 {
	padding-top: 9rem;
}

.pb-9,
.py-9 {
	padding-bottom: 10rem;
}

.pt-9,
.py-9 {
	padding-top: 10rem;
}

@media (min-width: 768px) {
	.pl-md-8,
	.px-md-8 {
		padding-left: 9rem !important;
	}
	.pr-md-8,
	.px-md-8 {
		padding-right: 9rem !important;
	}
	.pb-md-8,
	.py-md-8 {
		padding-bottom: 9rem !important;
	}
	.pt-md-8,
	.py-md-8 {
		padding-top: 9rem !important;
	}

	.pl-md-6,
	.px-md-6 {
		padding-left: 5rem !important;
	}
	.pr-md-6,
	.px-md-6 {
		padding-right: 5rem !important;
	}
	.pb-md-6,
	.py-md-6 {
		padding-bottom: 5rem !important;
	}
	.pt-md-6,
	.py-md-6 {
		padding-top: 5rem !important;
	}
}

@media (min-width: 976px) {
	.pl-lg-6,
	.px-lg-6 {
		padding-left: 5rem !important;
	}
	.pr-lg-6,
	.px-lg-6 {
		padding-right: 5rem !important;
	}
	.pb-lg-6,
	.py-lg-6 {
		padding-bottom: 5rem !important;
	}
	.pt-lg-6,
	.py-lg-6 {
		padding-top: 5rem !important;
	}

	.pl-lg-8,
	.px-lg-8 {
		padding-left: 9rem !important;
	}
	.pr-lg-8,
	.px-lg-8 {
		padding-right: 9rem !important;
	}
	.pb-lg-8,
	.py-lg-8 {
		padding-bottom: 9rem !important;
	}
	.pt-lg-8,
	.py-lg-8 {
		padding-top: 9rem !important;
	}
}

@media (min-width: 1400px) {
	.pt-xxl-6,
	.py-xxl-6 {
		padding-top: 5rem !important;
	}
	.pb-xxl-6,
	.py-xxl-6 {
		padding-bottom: 5rem !important;
	}
	.pr-xxl-6,
	.px-xxl-6 {
		padding-right: 5rem !important;
	}
	.pl-xxl-6,
	.px-xxl-6 {
		padding-left: 5rem !important;
	}
}

/* Text Colors */
.text-primary {
	color: var(--primary-blue) !important;
}

.text-orange {
	color: #eb6d05 !important;
}

.text-darker {
	color: #333333 !important;
}

.text-dark {
	color: #536567 !important;
}

.text-primary-astralis {
	color: #f5333f !important;
}

.text-primary-origen {
	color: #003091 !important;
}

.text-primary-mediamarkt {
	color: #df0000 !important;
}

.text-secondary-origen {
	color: #fcc257 !important;
}

.text-primary-yoigo {
	color: #37942b !important;
}

.text-secondary-yoigo {
	color: #cae60c !important;
}

.text-yellow {
	color: #fff200 !important;
}

.text-mediamarkt {
	text-shadow:
		1px 1px 1px #e7e7e7,
		1px 1px 1px #e7e7e7,
		1px 1px 1px #e7e7e7,
		1px 2px 1px #000;
	font-style: italic;
	color: #000;
}

/* */
.text-shadow {
	text-shadow: 0 1px 2px #00000096;
}

/* Backgrounds */
.bg-primary {
	background-color: var(--primary-blue) !important;
}

.bg-grayless {
	background-color: #f0f0f0 !important;
}

.bg-gray {
	background-color: #e6e6e6 !important;
}

.bg-grayer {
	background-color: #919296 !important;
}

.bg-dark {
	background-color: #323232 !important;
}

.bg-darker {
	background-color: #1e1a1b !important;
}

.bg-black {
	background-color: #000000 !important;
}

.bg-yellow {
	background-color: #fff200 !important;
}

.bg-orange {
	background-color: #f37020 !important;
}

.bg-dark-blue {
	background-color: #00375a !important;
}

.bg-lightblue {
	background-color: #00aeff !important;
}

.bg-lightenblue {
	background-color: 44c8f5 !important;
}

.lightblue-text {
	color: #00aeff !important;
}
.lightenblue-text {
	color: 44c8f5 !important;
}

.bg-primary-astralis {
	background-color: #f5333f !important;
}

.bg-primary-origen {
	background-color: #003091 !important;
}

.bg-secondary-yoigo {
	background-color: #cae60c !important;
}

.bg-primary-mediamarkt {
	background-color: #df0000 !important;
}

/* Typograpohy */
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6,
.display-0,
.display-1,
.display-2,
.display-3,
.display-4 {
	line-height: 1.3;
	font-weight: 200;
}
.display-0 {
	font-size: 9rem;
	font-weight: 300;
	line-height: 1.2;
}
/* Strike */
h1 s,
.h1 s {
	text-decoration: none;
	position: relative;
}

h1 s::before,
.h1 s::before {
	content: "";
	display: block;
	width: 120%;
	height: 6%;
	background: #f38120;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 50%) rotate(45deg);
	z-index: 1;
}

/* .h3-5{

} */

/* Z index */
.z-index-1 {
	z-index: 1;
}

/* Font Weights */
.small,
small {
	font-weight: 100;
}

b,
strong {
	font-weight: 700;
}

.font-weight-100 {
	font-weight: 100 !important;
}

.font-weight-200 {
	font-weight: 200 !important;
}

.font-weight-300 {
	font-weight: 300 !important;
}

.font-weight-400 {
	font-weight: 400 !important;
}

.font-weight-600 {
	font-weight: 600 !important;
}

.font-weight-700 {
	font-weight: 700 !important;
}

/* Alert */
.alert {
	border: none;
	border-radius: 0;
}

/* Default */
a,
a:visited,
a:active {
	color: var(--primary-blue);
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	outline: 0;
}

img {
	max-width: 100%;
}

.hidden {
	visibility: hidden;
}

.screen-reader-text {
	display: none;
}

.wp-block-image img {
	height: auto;
}

/* Form */
.form-control {
	border-radius: 0;
	border: 0;
}

.form-control-lg {
	font-size: 1.1rem;
	padding: 1.5rem;
}

/* Currency Mark */
i.currency-mark {
	font-style: initial !important;
	font-family: sans-serif !important;
}

/* Header */
header.navbar a.navbar-brand {
	z-index: 9;
}

.switcher-dropdown.btn-group > button {
	color: #6c6c6c !important;
	font-size: 1rem;
	padding: 0 0.75rem;
	outline: 0;
	line-height: 36px;
	border: none;
	background: #fff;
	border: 3px solid #fff;
	display: flex;
	align-items: center;
	font-weight: 700;
	border-radius: 2px;
	margin: 0 -0.2rem;
}

.switcher-dropdown.btn-group.show > button {
	border-color: #eeeeee;
	z-index: 1;
}

.switcher-dropdown.btn-group > .dropdown-menu {
	min-width: max-content;
}

.switcher-dropdown.btn-group > .dropdown-menu > a {
	display: flex;
	align-items: center;
	cursor: pointer;
}

.switcher-dropdown.btn-group > button:before {
	display: none;
}

.switcher-dropdown.btn-group > button > i {
	font-size: 1.25rem;
	color: #eb6d05;
}

.sidemenu-nav .icon-bars i,
.sidemenu-nav .icon-bars::before,
.sidemenu-nav .icon-bars::after {
	background: var(--primary-blue) !important;
}

/* Footer Switcher Dropdown */
.switcher-dropdown-footer.btn-group > button {
	color: #fff;
	font-size: 1.15rem;
	padding: 0.75rem 1.25rem;
	outline: 0;
	border: none;
	background: transparent;
	display: flex;
	align-items: center;
	font-weight: 200;
	border-radius: 0;
	line-height: 1;
	text-transform: uppercase;
}

.switcher-dropdown-footer.btn-group.show > button {
	z-index: 1;
	background: #eb6d05;
	color: #fff;
}

.switcher-dropdown-footer.btn-group > .dropdown-menu {
	min-width: max-content;
	transform: translateX(-50%) !important;
	top: unset !important;
	bottom: calc(100% + 15px) !important;
	left: 50% !important;
	right: unset !important;
}

.switcher-dropdown-footer.btn-group > .dropdown-menu > a {
	display: flex;
	align-items: center;
	cursor: pointer;
}

.switcher-dropdown-footer.btn-group > button:before {
	display: none;
}

.switcher-dropdown-footer.btn-group > button > i {
	font-size: 1.25rem;
	color: #eb6d05;
}

.footer-selectors {
	display: flex;
	background: #ffffff12;
}

.switcher-dropdown-footer.btn-group.show > button > i {
	color: #fff;
}

.switcher-dropdown-footer.btn-group > .dropdown-menu::after {
	content: "";
	display: block;
	position: absolute;
	bottom: -20px;
	left: 50%;
	transform: translateX(-50%);
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	border-bottom: 13px solid transparent;
	border-top: 10px solid #fff;
}

/* IFrame */
.iframe-embed {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}

.iframe-embed > img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.iframe-embed::after {
	content: "";
	display: block;
	width: 70px;
	height: 50px;
	background: #424242;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 15px;
	opacity: 0.75;
	transition: ease 0.1s;
}

.iframe-embed::before {
	content: "";
	border-right: 15px solid transparent;
	border-top: 12px solid transparent;
	border-left: 20px solid white;
	border-bottom: 12px solid transparent;
	position: absolute;
	z-index: 1;
	margin-left: 8px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.iframe-embed:hover::after {
	opacity: 1;
}

/* Sidepanel Menu */
.sidemenu-nav {
	display: block;
	padding: 0 1rem;
	z-index: 99999;
}

.sidemenu-nav .icon-bars {
	height: 10px;
	width: 30px;
	display: block;
	position: relative;
	cursor: pointer;
}

.sidemenu-nav .icon-bars i,
.sidemenu-nav .icon-bars::before,
.sidemenu-nav .icon-bars::after {
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	background: #eb6d05;
	position: absolute;
	transform: rotate(0deg);
	transition: ease 0.25s;
}

.sidemenu-nav .icon-bars i {
	bottom: 3px;
	transform: rotate(0deg) translateX(-50%);
	left: 50%;
}

.sidemenu-nav .icon-bars::before {
	bottom: -4px;
}

.sidemenu-nav .icon-bars::after {
	top: -3px;
	transition-delay: 0.25s;
}

.sidemenu-nav.active .icon-bars i {
	width: 0%;
}

.sidemenu-nav.active .icon-bars:after {
	transform: rotate(-45deg);
	top: 3.5px;
	background: #44c8f5;
}

.sidemenu-nav.active .icon-bars:before {
	transform: rotate(45deg);
	bottom: 3.5px;
	background: #44c8f5;
}

button.sidemenu-offset {
	position: fixed;
	display: block;
	width: 100vw;
	height: 100vh;
	color: transparent;
	background: #00000052;
	top: 0;
	left: 0;
	z-index: 999;
	border: none;
	opacity: 0;
	visibility: hidden;
	transition: ease 0.35s;
}
button.sidemenu-offset.active {
	opacity: 1;
	visibility: visible;
}

.sidepanel-menu {
	background-color: #1e1a1b;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	z-index: 9999;
	top: 0;
	position: fixed;
	height: 100%;
	right: -100%;
	bottom: 0;
	padding: 1rem 2rem;
	width: fit-content;
	min-width: 280px;
	max-width: 100%;
	transition: ease 0.5s;
}
.sidepanel-menu.active {
	right: 0%;
}
.sidepanel-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.sidepanel-menu ul li {
	line-height: 2;
}
.sidepanel-menu ul li a,
.sidepanel-menu ul li span {
	cursor: pointer;
	color: #fff;
}
.sidepanel-menu ul li a:hover,
.sidepanel-menu ul li span:hover {
	color: var(--primary-blue);
}

.sidepanel-menu ul li span {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}

.sidepanel-menu ul li.submenu-item:first-child > a {
	font-size: 20px;
	font-weight: 700;
	color: var(--primary-blue);
}
.sidepanel-menu ul li.submenu-item {
	font-size: 16px;
}
.sidepanel-menu ul li.submenu-item li > i.fa-chevron-right {
	color: var(--primary-blue);
	margin-right: 5px;
	font-size: 12px;
	float: left;
	margin-top: 11px;
	margin-right: 10px;
}
.sidepanel-menu ul li.submenu-item li a {
	font-weight: 600;
}

.sidepanel-menu ul li.submenu-item:not(:first-child) ul.submenu {
	display: none;
}

ul.submenu > li > .submenu {
	padding-left: 1.5rem;
}
/* Social Media Share */
.social-media {
	display: flex;
	justify-content: center;
	margin: 0;
	padding: 0;
	list-style: none;
}
.social-media a {
	margin: 0 0.35rem;
}
.social-media a > i {
	font-size: 0px;
	color: #fff;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 3px;
	text-shadow: none;
	position: relative;
	top: 0px;
	transition: ease 0.25s;
}
.social-media a:hover > i {
	box-shadow: 0px 3px 4px 0px #0000001a;
	top: -4px;
}
.social-media a > i::before {
	font-size: 26px;
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translateX(50%) translateY(-50%);
}
.social-media a > i.fa-facebook {
	background: #3387f2;
	background: linear-gradient(0deg, #0062e0 0%, #19afff 100%);
}
.social-media a > i.fa-twitter {
	background: #1da1f2;
}
.social-media a > i.fa-linkedin-in {
	background: #0a66c2;
}
.social-media a > i.fa-envelope-open {
	background: #848484;
}
.social-media a > i.fa-instagram {
	background: #d6249f;
	background: radial-gradient(
		circle at 30% 107%,
		#fdf497 0%,
		#fdf497 5%,
		#fd5949 45%,
		#d6249f 60%,
		#285aeb 90%
	);
}
.social-media a > i.fa-instagram::before {
	font-size: 30px;
}

.social-media a > i.fa-whatsapp {
	background: #25d366;
}

/* Modals Bg */
.modal-content {
	border: none;
}

.modal-body img.bg {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 100%;
	width: auto;
	max-width: unset;
	transform: translate(-50%, -50%);
	z-index: 1;
}

.modal-body > *:not(picture) {
	z-index: 2;
	position: relative;
}

/* Owl Carousel Default */
.owl-carousel > .owl-nav > button {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.owl-carousel > .owl-nav > button > span {
	font-size: 5rem;
	font-weight: normal;
	font-family: monospace;
	color: var(--primary-blue);
	padding: 0 0.5rem;
}

.owl-carousel > .owl-nav > button.owl-prev {
	left: -1rem;
}

.owl-carousel > .owl-nav > button.owl-next {
	right: -1rem;
}

/* Owl TrustPilot */
.owl-trustpilot .owl-nav button {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.owl-trustpilot .owl-nav button span {
	font-size: 3.6rem;
	font-weight: normal;
	font-family: monospace;
}

.owl-trustpilot .owl-nav button.owl-prev {
	left: 0;
}

.owl-trustpilot .owl-nav button.owl-next {
	right: 0;
}

.owl-trustpilot .owl-dots {
	display: flex;
	justify-content: center;
	padding: 1rem;
}

.owl-trustpilot .owl-dots button.owl-dot.active {
	opacity: 1;
}

.owl-trustpilot .owl-dots button.owl-dot {
	margin: 0 0.75rem;
	opacity: 0.5;
}

.owl-trustpilot .owl-dots button.owl-dot span {
	display: block;
	height: 6px;
	width: 6px;
	background: #fff;
	border-radius: 50%;
}

.owl-trustpilot .owl-dots button.owl-dot:focus {
	outline: none;
}

/* About AnyTech365 Section */
section.about-us img.bg {
	min-width: auto;
}

/* Happy Clients Section */
.happy-clients {
	position: relative;
}

/* Counters Carousel Section */
.compliance-page-counter {
	position: relative;
}

.owl-counter {
	position: static;
}

.owl-counter .owl-nav > button {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: block;
}

.owl-counter .owl-nav > button > span {
	font-size: 5rem;
	font-weight: normal;
	font-family: monospace;
	color: var(--primary-blue);
	line-height: 0.5;
}

.owl-counter .owl-nav > button.owl-prev {
	left: 0;
	margin-left: 1.5rem;
}

.owl-counter .owl-nav > button.owl-next {
	right: 0;
	margin-right: 1.5rem;
}

/* Compliance Page => Owl Staff Section */
.owl-staff .owl-item img {
	width: 100%;
}

.owl-staff .owl-stage {
	height: max-content;
}

/* Hardware Provided Section */
section.hardware-provided .banner {
	background: #323232;
	left: 0;
	width: 48%;
}

section.hardware-provided .banner > .cutout {
	display: block;
	background: var(--primary-blue);
	width: 30%;
	height: 150%;
	position: absolute;
	top: 0;
	right: -55%;
	transform: rotate(-26.8deg) translateY(-50%) translateX(-50%);
}

section.hardware-provided .router-box {
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 1;
	transform: translateY(-50%);
	margin-top: 4rem;
}

section.hardware-provided .router-box > h2 {
	margin-left: -25%;
}

/* Software Included Section */
section.software-included .banner-left-t1 {
	background: #c0c0c0;
	left: 0;
	width: 58%;
}

section.software-included .banner > .cutout {
	display: block;
	background: #e6e6e6;
	width: 30%;
	height: 150%;
	position: absolute;
	top: 0;
	right: -50%;
	transform: rotate(-25deg) translateY(-50%) translateX(-50%);
}

section.software-included .col-7 > h2 {
	margin-left: -18%;
	text-align: center;
}

/* Safe Browser Section */
section.safebrowser .banner {
	background: #c0c0c0;
	right: 0;
}

section.safebrowser .banner > .cutout {
	display: block;
	background: #1e1a1b;
	width: 30%;
	height: 150%;
	position: absolute;
	top: 0;
	left: -53%;
	transform: rotate(24deg) translateY(-50%) translateX(50%);
}
/* Prices Section */
section.prices > div > .d-flex {
	max-width: 950px;
}

section.prices .discount-tag {
	transform: rotate(-5deg);
}

/* Pricing Table */
.pricing-table .table {
	font-weight: 400;
}

.pricing-table .table td {
	position: relative;
	vertical-align: middle;
}

.pricing-table .table td:first-child {
	font-size: 0.95rem;
}

.pricing-table .table tbody:nth-child(4) tr:not(:last-child) td::after {
	content: "";
	display: block;
	width: calc(100% - 3rem);
	height: 2px;
	background: #eee;
	position: absolute;
	bottom: 0;
	left: 1.5rem;
}

.pricing-table .table h1,
.table h3 {
	margin-bottom: 0;
}
.pricing-table .table p {
	margin-bottom: 0.5rem;
}

.pricing-table span.popular-badge {
	padding: 0 0.25rem;
	font-size: 16px;
	display: block;
	position: absolute;
	top: 20px;
	right: -39px;
	transform: rotate(45deg);
	width: 150px;
	line-height: 32px;
	color: #555555;
	border-bottom: 32px solid #d7d7d7;
	border-left: 32px solid transparent;
	border-right: 32px solid transparent;
	height: 0;
	text-align: center;
	z-index: 1;
	font-weight: 500;
	text-transform: uppercase;
}

.pricing-table span.popular-badge::before {
	content: "";
	border-top: 3px solid transparent;
	border-right: 3px solid transparent;
	border-left: 3px solid #d7d7d7;
	border-bottom: 3px solid #d7d7d7;
	display: block;
	position: absolute;
	top: 29px;
	left: -31px;
	transform: rotate(-45deg);
	z-index: -1;
}

.pricing-table span.popular-badge::after {
	content: "";
	border-top: 3px solid transparent;
	border-right: 3px solid transparent;
	border-left: 3px solid #d7d7d7;
	border-bottom: 3px solid #d7d7d7;
	display: block;
	position: absolute;
	top: 29px;
	right: -31px;
	transform: rotate(-45deg);
	z-index: -1;
}
.pricing-table .accordion span.popular-badge {
	/* right: -36px; */
	/* top: 10px; */
}

/* Scroll to Top Button */
button.btn-scroll.active {
	opacity: 1;
	bottom: 30px;
	right: 7.5rem;
	z-index: 1040;
}

button.btn-scroll {
	position: fixed;
	bottom: 0px;
	right: 30px;
	display: block;
	border: none;
	background: var(--primary-blue);
	color: #fff;
	font-size: 1.7rem;
	width: 42px;
	height: 42px;
	line-height: 1;
	border-radius: 3px;
	transition: ease 0.25s;
	opacity: 0;
}

/* Banners Cutout */
.banner {
	display: block;
	width: calc(50% + 2px);
	height: 100%;
	position: absolute;
	top: 0;
	overflow: hidden;
}

.banner img.bg {
	min-width: 100%;
	max-width: unset;
	height: 100%;
	max-height: 100%;
	position: absolute;
	transform: translate(-50%, 50%);
	top: -50%;
	left: 50%;
}
/* left 1 */
.banner.banner-type-one-left {
	left: 0;
}
.banner.banner-type-one-left .cutout {
	right: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 50%;
	height: 150%;
	background: #000000;
	transform: translateY(-50%) translateX(82%) rotate(-12deg);
	box-shadow: 0px 0px 0px 50px #eb6d0582;
}

/* Left 2 */
.banner.banner-type-two-left {
	left: 0;
}
.banner.banner-type-two-left .cutout {
	right: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 50%;
	height: 150%;
	background: #e6e6e6;
	transform: translateY(-50%) translateX(82%) rotate(12deg);
	box-shadow: 0px 0px 0px 50px var(--primary-blue);
}

/* Right 1 */
.banner.banner-type-one-right {
	right: 0;
}
.banner.banner-type-one-right .cutout {
	left: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 50%;
	height: 150%;
	background: #323232;
	transform: translateY(-50%) translateX(-82%) rotate(12deg);
	box-shadow: 0px 0px 0px 50px #0667b47d;
}

/* Banner Front Gamer */
.banner.banner-type-one-left-gamer {
	left: 0;
}
.banner.banner-type-one-left-gamer .cutout {
	right: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 50%;
	height: 150%;
	transform: translateY(-50%) translateX(82%) rotate(-12deg);
}

.banner.banner-type-one-left-gamer .team {
	min-width: unset;
	transform: translateX(-50%);
	bottom: 0;
	top: unset;
	position: absolute;
	left: 50%;
	z-index: 1;
}

.banner.banner-type-one-left-gamer .logo {
	min-width: unset;
	max-height: unset;
	transform: translateX(-50%);
	top: 10%;
	z-index: 1;
	position: absolute;
	left: 50%;
}

/* Gaming Optimization Banner */
.banner.banner-type-one-right-gamer {
	right: 0;
}
.banner.banner-type-one-right-gamer .cutout {
	left: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 50%;
	height: 150%;
	transform: translateY(-50%) translateX(-82%) rotate(12deg);
}

.banner.banner-type-one-right-gamer .logo {
	min-width: unset;
	max-height: unset;
	transform: translateX(-50%);
	top: 10%;
	z-index: 1;
	position: absolute;
	left: 50%;
}

.banner.banner-type-one-right-gamer .team {
	min-width: unset;
	transform: translateX(-50%);
	bottom: 0;
	top: unset;
	position: absolute;
	left: 50%;
	z-index: 1;
}

/* Front Video */
.front-video,
.formal-iframe {
	width: 100%;
	padding-top: 52%;
	position: relative;
	background: #000;
	border: 3px solid #fff;
	overflow: hidden;
}

.front-video .wt-cli-iframe-placeholder,
.formal-iframe .wt-cli-iframe-placeholder {
	width: 100% !important;
	height: 100% !important;
	position: absolute !important;
	top: 0;
	left: 0;
	cursor: pointer;
	background: #eb6d05 !important;
}

.front-video iframe,
.formal-iframe iframe,
.front-video video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Page Default */
.page-article > header {
	background-size: cover !important;
	background-position: center center !important;
}

.page-article > header h2,
.page-article > header .h2 {
	position: absolute;
	bottom: 0;
	left: 0;
}
.page-article > header .container {
	min-height: 360px;
}

/* Page Privacy Policy */

body[data-slug="privacy-policy"] ul li {
	line-height: 1.75;
}

/* Legal Notice */
body[data-slug="legal-notice"] h4,
body[data-slug="legal-notice"] h5 {
	color: var(--primary-blue);
}

/* Modal */
.modal-content button.close:not(.side-close) {
	position: absolute;
	top: -32px;
	right: 50%;
	background: #fff;
	opacity: 1;
	text-shadow: none;
	height: 32px;
	width: 30px;
	line-height: 16px;
	font-size: 2.1rem;
	color: #767676;
	display: block;
	padding-bottom: 5px;
	border-radius: 10px 10px 0 0;
}

.modal-content button.close.side-close {
	border: 1px solid #d8d8d8;
	padding: 0;
	line-height: 2.75rem;
	padding-bottom: 0.25rem;
	width: 3rem;
	text-align: center;
	margin: 0;
	font-size: 2.1rem;
	opacity: 1;
}

.modal-content button.close.side-close:hover {
	background: #eee;
	border-color: #eee;
}

/* Other */
img.iso-badge.position-absolute,
a.iso-badge.position-absolute {
	right: 0;
}

/* Sections Backgrounds */
section {
	position: relative;
}
section > picture > img.bg,
section > img.bg {
	height: 100%;
	width: auto;
	min-width: 100%;
	max-width: unset;
	position: absolute;
	display: block;
	top: 0;
	left: 0;
}

section > picture > img.bg.right,
section > img.bg.right {
	right: 0;
	left: unset;
}

/* Peace */
.peace {
	height: 500px;
}

/* Security Renewal */
body[data-slug="anytech365-security-renewal"] .front img.product {
	left: 0;
	top: 0;
}

/* Page Compliance */
body[data-slug="compliance"] .janus-portrait .solo {
	right: 44%;
	bottom: 0;
	transform: translateX(50%);
	z-index: 1;
	max-height: 85vh;
}

body[data-slug="compliance"] .compliance-team .even .thumb,
body[data-slug="compliance"] .compliance-team .odd .thumb {
	position: relative;
}

body[data-slug="compliance"] .compliance-team .even .thumb::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: -1px;
	color: #e6e6e6;
	border-left: 60px solid;
	border-right: 60px solid transparent;
	border-top: 238px solid;
	border-bottom: 238px solid transparent;
}

body[data-slug="compliance"] .compliance-team .thumb img {
	width: 100%;
}

body[data-slug="compliance"] .compliance-team .odd .thumb::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: -1px;
	color: #fff;
	border-right: 60px solid;
	border-left: 60px solid transparent;
	border-top: 238px solid;
	border-bottom: 238px solid transparent;
}

/* Page Careers */
body[data-slug="careers"] section.front img.bg {
	min-width: auto;
}

body[data-slug="careers"] section.staff .item {
	padding-top: 100%;
}
body[data-slug="careers"] section.staff .item img {
	top: 0;
	right: 0;
	transition: ease 0.35s;
	transition-delay: 0.35s;
}
body[data-slug="careers"] section.staff .item > .info {
	bottom: 0;
	transition: ease 0.25s;
	opacity: 1;
	text-shadow: 0px 2px 5px #00000063;
}
body[data-slug="careers"] section.staff .item > .detail {
	top: 100%;
	right: 0;
	padding: 2rem;
	transition: ease 0.35s;
	transition-delay: 0.35s;
}
body[data-slug="careers"] section.staff .item:hover > .detail {
	top: 0%;
}
body[data-slug="careers"] section.staff .item:hover > img {
	top: -50%;
}
body[data-slug="careers"] section.staff .item:hover > .info {
	opacity: 0;
}
body[data-slug="careers"] section.staff .item > .detail::-webkit-scrollbar {
	width: 0.75rem;
}
body[data-slug="careers"]
	section.staff
	.item
	> .detail::-webkit-scrollbar-thumb {
	background-color: #d4d4d4;
}

/* Page Plans */
body[data-slug="plans"] section.front > picture > img,
body[data-slug="totalcare"] section.front > picture > img,
body[data-slug="plans"] section.front > img,
body[data-slug="totalcare"] section.front > img {
	height: 100%;
	width: auto;
	position: absolute;
	display: block;
	top: 0;
	right: 0;
}

body[data-slug="plans"] section.front,
body[data-slug="totalcare"] section.front {
	background-color: #a9b3ba;
}

/*** BIRTHDAY ***/
.bday {
	overflow: hidden;
	background:
		url("../img/bday/AnyTech365-birthday-2021.jpg") no-repeat center / cover;
	min-height: 700px;
	display: block;
}
#Front .bday {
	min-height: 710px;
}
.bday h2 {
	font-size: 3.8rem;
	font-weight: 400;
	line-height: 5rem;
}
.bday h3 {
	font-size: 2.6rem;
	/* letter-spacing: 1px; */
	font-weight: 400;
}
.bday h4 {
	font-size: 1.7rem;
	letter-spacing: 1px;
}
.bday h2,
.bday h3,
.bday h4 {
	text-shadow: 0px 1px 3px rgb(0 0 0 / 60%);
}
.bday h3 {
	/* color: #edd29a; */
}
.bday a.btn {
	background-color: #f56b81;
}
.bday a.btn:before {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.bday a.btn:hover {
	background-color: #fff;
	color: #f56b81 !important;
}

#confetti {
	height: 100%;
	left: 0px;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 9;
	display: none;
}
body[data-slug="happy-birthday-to-us"] .singlePage article *:not(figure, img),
footer .row > div *,
body[data-slug="joyeux-anniversaire-a-nous"]
	.singlePage
	article
	*:not(figure, img),
footer .row > div *,
body[data-slug="foedselsdagsfest-hos-anytech365"]
	.singlePage
	article
	*:not(figure, img),
footer .row > div *,
body[data-slug="anytech365-is-jarig"] .singlePage article *:not(figure, img),
footer .row > div *,
body[data-slug="hyvaa-syntymapaivaa-meille"]
	.singlePage
	article
	*:not(figure, img),
footer .row > div *,
body[data-slug="alles-gute-zum-geburtstag-fuer-uns"]
	.singlePage
	article
	*:not(figure, img),
footer .row > div *,
body[data-slug="foedselsdagsfest-hos-anytech365"]
	.singlePage
	article
	*:not(figure, img),
footer .row > div *,
body[data-slug="feliz-cumpleanos-a-nosotros"]
	.singlePage
	article
	*:not(figure, img),
footer .row > div *,
body[data-slug="grattis-pa-fodelsedagen-till-oss"]
	.singlePage
	article
	*:not(figure, img),
footer .row > div *,
body[data-slug="feliz-aniversario-para-nos"]
	.singlePage
	article
	*:not(figure, img),
footer .row > div *,
body[data-slug="buon-compleanno-a-noi"] .singlePage article *:not(figure, img),
footer .row > div * {
	position: relative;
	z-index: 10;
}

body[data-slug="happy-birthday-to-us"] #confetti,
body[data-slug="joyeux-anniversaire-a-nous"] #confetti,
body[data-slug="foedselsdagsfest-hos-anytech365"] #confetti,
body[data-slug="anytech365-is-jarig"] #confetti,
body[data-slug="hyvaa-syntymapaivaa-meille"] #confetti,
body[data-slug="alles-gute-zum-geburtstag-fuer-uns"] #confetti,
body[data-slug="foedselsdagsfest-hos-anytech365"] #confetti,
body[data-slug="feliz-cumpleanos-a-nosotros"] #confetti,
body[data-slug="grattis-pa-fodelsedagen-till-oss"] #confetti,
body[data-slug="feliz-aniversario-para-nos"] #confetti,
body[data-slug="buon-compleanno-a-noi"] #confetti {
	display: block;
}

#Front .item:first-child .banner img.bg {
	width: 100% !important;
	object-fit: cover;
}
/* Plans Refer Section */
body[data-slug="plans"] section.refer-friend,
body[data-slug="totalcare"] section.refer-friend {
	overflow: hidden;
}

body[data-slug="plans"] section.refer-friend > picture > img.bg,
body[data-slug="totalcare"] section.refer-friend > picture > img.bg,
body[data-slug="plans"] section.refer-friend > img.bg,
body[data-slug="totalcare"] section.refer-friend > img.bg {
	height: auto;
	top: 50%;
	transform: translateY(-50%);
}

/* Page Blur Live */
body[data-slug="browse-live-web-safety"] section.front {
	background: #d7d7d7;
}

body[data-slug="browse-live-web-safety"] section.front > picture > img,
body[data-slug="browse-live-web-safety"] section.front > img {
	height: 100%;
	width: auto;
	max-width: unset;
	position: absolute;
	display: block;
	top: 0;
	right: 0;
}

/* Page Financial Times */
body[data-slug="financial-times"] section.front img.ft {
	position: absolute;
	top: 50%;
	height: auto;
	width: 50%;
	right: 0;
	transform: translateY(-50%);
}

/* Page Astralis */
body[data-slug="gaming-optimization"] section.safebrowser img.player {
	position: absolute;
	right: 2%;
	height: 110%;
	bottom: 0;
	z-index: 1;
}

body[data-slug="gaming-optimization"] section.services .player {
	color: #fff;
	display: flex;
	align-items: center;
	z-index: 1;
	position: relative;
}

body[data-slug="gaming-optimization"] section.services .player picture {
	flex: none;
}

/* Page Refer a Friend */
body[data-slug="refer-a-friend"] .front img.bg {
	height: unset;
	top: 50%;
	transform: translateY(-50%);
}

body[data-slug="refer-a-friend"] .front::after {
	content: "";
	width: 50%;
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	border-left: 60px solid transparent;
	border-bottom: 60px solid #fff;
	z-index: 1;
}
body[data-slug="refer-a-friend"] .front::before {
	content: "";
	width: 50%;
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	border-right: 60px solid transparent;
	border-bottom: 60px solid #fff;
	z-index: 1;
}

body[data-slug="refer-a-friend"] span.ref-code {
	position: relative;
	display: inline-block;
}

body[data-slug="refer-a-friend"] span.ref-code::after,
body[data-slug="refer-a-friend"] span.ref-code::before {
	font-size: 240%;
	font-weight: 100;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	line-height: 1;
	color: #536567;
	-webkit-text-stroke: 2px #fff;
	padding-bottom: 10%;
}

body[data-slug="refer-a-friend"] span.ref-code::before {
	content: "[";
	left: -1rem;
}

body[data-slug="refer-a-friend"] span.ref-code::after {
	content: "]";
	right: -1rem;
}

/* Blog */
.articles.row article picture {
	padding-top: 68%;
	display: block;
	position: relative;
	overflow: hidden;
}

.articles.row article picture > a {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
.articles.row article a > picture > img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	height: 100%;
	width: 100%;
	object-fit: cover;
}

/** SINGLE PAGE****/
.singlePage .front img {
	object-fit: cover;
	max-height: 100%;
	width: 100%;
	height: 100%;
}

/* Footer */
footer .row > div:not(:last-child) ul.list-unstyled a {
	color: #fff;
	font-size: 0.9rem;
	padding: 0.25rem 0;
	display: block;
}

footer ul.list-unstyled:not(#menu-share-this-page) a:hover {
	text-decoration: underline;
}

/* HomeOffice Page */
.homeoffice-prices.row .item .vessel {
	position: relative;
	border-color: initial !important;
	border-width: 2px !important;
	border-radius: 3px;
}
.homeoffice-prices.row .item span.popular-badge {
	padding: 0 0.25rem;
	font-size: 16px;
	display: block;
	position: absolute;
	top: calc(30px - 15px);
	right: calc(-34px - 5px);
	transform: rotate(45deg);
	line-height: 32px;
	color: #fff;
	border-bottom: 32px solid #eb6d05;
	border-left: 32px solid transparent;
	border-right: 32px solid transparent;
	height: 0;
	text-align: center;
	z-index: 1;
	font-weight: 200;
}

.homeoffice-prices.row .item span.popular-badge::before {
	content: "";
	border-top: 3px solid transparent;
	border-right: 3px solid transparent;
	border-left: 3px solid #ae5104;
	border-bottom: 3px solid #ae5104;
	display: block;
	position: absolute;
	top: 29px;
	left: -31px;
	transform: rotate(-45deg);
	z-index: -1;
}

.homeoffice-prices.row .item span.popular-badge::after {
	content: "";
	border-top: 3px solid transparent;
	border-right: 3px solid transparent;
	border-left: 3px solid #ae5104;
	border-bottom: 3px solid #ae5104;
	display: block;
	position: absolute;
	top: 29px;
	right: -31px;
	transform: rotate(-45deg);
	z-index: -1;
}
/* Yoigo Color Badge */
.popular-badge.yoigo {
	border-bottom-color: #cae60c !important;
	color: #37942b !important;
}

.popular-badge.yoigo::after,
.popular-badge.yoigo::before {
	border-left-color: #37942b !important;
	border-bottom-color: #37942b !important;
}
/* Masmovil Color Badge */
.popular-badge.masmovil {
	border-bottom-color: #fff200 !important;
	color: #000 !important;
}

.popular-badge.masmovil::after,
.popular-badge.masmovil::before {
	border-left-color: #fbc02d !important;
	border-bottom-color: #fbc02d !important;
}

.btn-outline-primary {
	background: #fff;
}
a.readmoreTennis {
	position: absolute;
	bottom: 19%;
	/* height: 42px; */
	padding: 8px 18px !important;
	top: auto !important;
	width: auto;
	left: 50%;
	transform: translateX(-50%);
}
a.readmoreTennis:hover {
	bottom: 20%;
}
.owl-howitworks p {
	font-size: 0.95rem;
}
/*** CSS THAT WAS INLINE ***/
section.corporate-partners img {
	max-width: 180px;
}
.de.pricesChecker > a {
	font-size: 1.2rem;
	padding: 15px 10px !important;
}
.NewRelease {
	position: absolute;
	right: 0;
	top: -3vw;
	width: 13vw;
}
.LockAndText > * {
	flex: 1;
}

/* Responsive */

@media only screen and (min-width: 1068px) and (max-width: 1300px) {
	a.customerArea img {
		right: 2vw;
		top: 50%;
		transform: translateY(-50%);
	}
}
@media (max-width: 1067px) {
	a.customerArea img {
		right: 1.5vw !important;
	}
	body[data-slug="about-us"] .bg-primary {
		background-position: left 26% center !important;
	}
	img.iso-badge.position-absolute,
	.iso-badge.position-absolute {
		left: 50%;
		bottom: -43px;
		transform: translateX(-50%);
		right: auto;
	}
}
@media (max-width: 1200px) {
	#Header .container {
		max-width: 100% !important;
		width: 100% !important;
	}
	a.customerArea {
		width: 11vw;
	}
	a.customerArea img {
		top: 50%;
		right: 3vw;
		transform: translateY(-50%);
	}
}
@media only screen and (min-width: 991px) and (max-width: 1070px) {
	a.customerArea {
		width: 10vw;
	}
}
@media only screen and (min-width: 769px) and (max-width: 1070px) {
	/* .customerArea img{
    right:0!important;
  } */
	header nav.navi {
		position: absolute;
		top: 0;
		right: 0;
		height: 74px;
		display: block;
		padding: 0;
	}
	header nav.navi * {
		padding: 0;
	}
}

@media (min-width: 1400px) {
	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl {
		max-width: 1350px;
	}
	.d-xxl-block {
		display: block !important;
	}
	.TermsAndCookies .container {
		max-width: 1100px;
		text-align: justify;
	}
	header nav.navi {
		position: absolute;
		top: 0;
		right: 0;
		height: 74px;
		display: block;
	}
	.item .andalusiaText img {
		margin-top: -2rem;
		max-width: 95%;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1400px) {
	.customerArea {
		width: 8.1vw;
	}
	.customerArea img {
		right: 1vw;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1400px) {
	.sidemenu-nav {
		position: absolute;
		right: 1rem;
	}
	.peace img.bg {
		left: -11vw;
	}
	.item .andalusiaText img {
		padding-top: 1.4rem;
	}
}
footer .top .row > div {
	/* flex-basis: calc(20.33% - 14px);   */
}
@media only screen and (max-width: 767px) {
	/* html {
    padding-top: 130px;
  } */
	/* footer .top .row>div {
    flex-basis: auto;
  } */
	.h0 {
		text-align: center;
	}
	header.navbar .o-side {
		height: 55px;
		overflow: hidden;
		transition: ease 0.25s;
	}
	header.navbar.compact .o-side {
		height: 0px;
	}
	header.navbar nav.navi {
		width: 100%;
	}
	header.navbar .navi .nav .sidemenu-nav {
		margin-left: auto;
		padding: 0px;
	}
	header.navbar .o-side {
		width: 100%;
		justify-content: center;
	}
	a.customerArea {
		width: 118px;
	}
	/* Sections Banner bg */
	section > picture > img.bg,
	section > img.bg {
		opacity: 0.25;
	}
	/* Happy Clients Section */
	.happy-clients .heading,
	.happy-clients .content {
		background: #eb6d05;
	}
	.happy-clients .heading .text-dark {
		color: #fff !important;
	}
	.happy-clients .heading h1 {
		font-size: 1.2rem;
	}
	.happy-clients > .bg {
		display: none;
	}
	/* Peace Section */
	.peace {
		height: unset;
		padding: 6rem 0;
	}

	.peace .display-4 {
		font-size: 2.4rem;
	}
	/* Security Renewal Page */
	body[data-slug="anytech365-security-renewal"] .front img.product {
		opacity: 0.2;
	}

	/** SINGLE PAGE **/
	.singlePage .front img {
		max-height: 260px;
		min-height: 210px;
	}

	.payment strong {
		display: block;
	}
	/* BusinessPlan */
	.BusinessPlan .row:nth-child(2) {
		padding: 1rem !important;
	}
	.businessFront {
		background: #c5d6de !important;
	}
	div.toolTipBusiness {
		right: auto;
		left: 0px;
	}
	.bday h2,
	#Front .bday h2 {
		font-size: 2.5rem;
	}
	.bday h3,
	#Front .bday h3 {
		font-size: 2.1rem;
	}
	.bday h4,
	#Front .bday h4 {
		font-size: 1.2rem;
	}
	body[data-slug="plans"] .wp-block-image img,
	body[data-slug="totalcare"] .wp-block-image img,
	body[data-slug="happy-birthday-to-us"] .wp-block-image img,
	body[data-slug="joyeux-anniversaire-a-nous"] .wp-block-image img,
	body[data-slug="foedselsdagsfest-hos-anytech365"] .wp-block-image img,
	body[data-slug="anytech365-is-jarig"] .wp-block-image img,
	body[data-slug="hyvaa-syntymapaivaa-meille"] .wp-block-image img,
	body[data-slug="alles-gute-zum-geburtstag-fuer-uns"] .wp-block-image img,
	body[data-slug="foedselsdagsfest-hos-anytech365"] .wp-block-image img,
	body[data-slug="feliz-cumpleanos-a-nosotros"] .wp-block-image img,
	body[data-slug="grattis-pa-fodelsedagen-till-oss"] .wp-block-image img,
	body[data-slug="feliz-aniversario-para-nos"] .wp-block-image img,
	body[data-slug="buon-compleanno-a-noi"] .wp-block-image img {
		margin: auto;
		image-rendering: -webkit-optimize-contrast;
	}
}

/* Corporate Partners */
.owl-partners .owl-stage-outer .owl-stage {
	align-items: center;
	display: flex;
}

.owl-carousel.owl-partners > .owl-nav > button > span {
	color: #8b8b8b;
}

@media only screen and (max-width: 576px) {
	.container {
		padding-right: 30px;
		padding-left: 30px;
	}
	/* Sponsors Section */
	section.corporate-partners img {
		max-width: 100% !important;
	}
	/** SINGLE PAGE **/
	.singlePage .front img {
		min-height: 140px;
	}
	section.outsource {
		background: #01aeff;
	}
	section.callusSect {
		background: #333333;
	}
	body[data-slug="masmovil"] header.navbar .o-side {
		height: auto;
		padding: 0px !important;
	}
	body[data-slug="masmovil"] header#Header {
		max-height: 146px;
	}
}
@media only screen and (max-width: 340px) {
	/** SINGLE PAGE **/
	.singlePage .front img {
		min-height: 120px;
	}
	div.callusnow p {
		transform: translateY(50%);
		position: absolute;
		bottom: 0;
		right: 2vw;
	}
	div.callusnow span,
	div.callusnow a {
		color: #fff !important;
		font-size: 1.6rem !important;
	}

	.believetext {
		padding-bottom: 3.4rem;
	}
	div.callusnow span {
		line-height: 3.5rem;
		font-size: 1.8rem;
	}
}
@media only screen and (max-width: 489px) {
	.bday h2,
	#Front .bday h2 {
		font-size: 2rem;
	}
	.bday h3,
	#Front .bday h3 {
		font-size: 1.5rem;
	}
	.bday h4,
	#Front .bday h4 {
		font-size: 1rem;
	}
	.bday a.btn,
	#Front .bday a.btn {
		font-size: 1rem;
	}
	div.payment svg {
		top: 55%;
		width: 2.8rem;
		height: 2.8rem;
	}
}

@media (min-width: 576px) {
	.pr-sm-6,
	.px-sm-6 {
		padding-right: 5rem !important;
	}
	.pl-sm-5,
	.px-sm-5 {
		padding-left: 5rem;
	}
}

@media only screen and (min-width: 991px) and (max-width: 1208px) {
	.h0 {
		font-size: 1.1vw;
	}
}
@media only screen and (min-width: 0px) and (max-width: 992px) {
	/* */
	.banner img {
		height: auto;
		width: auto;
		max-height: 100%;
		min-height: 100%;
		max-width: unset;
		min-width: 100%;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}
	/* Left 1 */
	.banner.banner-type-one-left img {
		height: auto;
		width: auto;
		max-height: 100%;
		min-height: 100%;
		max-width: unset;
		min-width: 100%;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}
	.banner.banner-type-one-left {
		width: 100%;
		opacity: 0.2;
	}
	.banner.banner-type-one-left .cutout {
		display: none;
	}
	/* 1 Right */
	.banner.banner-type-one-right {
		width: 100%;
		opacity: 0.2;
	}
	.banner.banner-type-one-right .cutout {
		display: none;
	}
	.banner.banner-type-two-left .cutout {
		display: none;
	}
	/* 2 Left */
	.banner.banner-type-two-left {
		width: 100%;
		opacity: 0.15;
	}
	/* Home */
	section.join-us > picture > img.bg {
		transform: translateX(-50%);
		left: 50%;
		opacity: 1;
	}
	/* Hardware section */
	section.hardware-provided .router-box {
		width: 31%;
		top: unset;
		bottom: -14%;
	}
	section.hardware-provided .col-7 {
		position: static;
	}
	section.hardware-provided .router-box h2 {
		display: none;
	}
	section.hardware-provided .banner > .cutout {
		width: 100%;
		right: -175%;
	}
	/* Software section */
	section.software-included .banner-left-t1 {
		opacity: 0.05;
		width: 100%;
		top: unset;
		left: unset;
		bottom: 0;
		right: 0;
		height: 100%;
	}
	section.software-included .banner > .cutout {
		display: none;
	}
	/* SafeBrowser Section */
	section.safebrowser .banner {
		background: transparent;
	}
	section.safebrowser .banner > .cutout {
		background: #c0c0c0;
		top: unset;
		left: unset;
		bottom: -100%;
		right: 0;
		transform: translate(0) rotate(35deg);
		width: 95%;
	}
	/* Services Section */

	/* HomeOffice Gamer Pages */
	section.front .banner.banner-type-one-left-gamer {
		width: 100%;
		opacity: 0.2;
	}

	section.front .banner.banner-type-one-left-gamer .team {
		max-width: 95%;
		min-height: unset;
	}

	section.front .banner.banner-type-one-left-gamer .logo {
		min-height: unset;
		top: unset;
		bottom: 1rem;
		right: 10%;
		left: unset;
		transform: unset;
		z-index: 9;
	}
	/* HomeOffice */
	body[data-slug="home-office"] section.safebrowser {
		background-color: #1e1a1b !important;
		color: #fff !important;
	}
	section.prices .discount-tag {
		font-size: 1.4rem;
	}

	/* Secure Router */
	body[data-slug="most-secure-router-2020"] .front img.router {
		position: absolute;
		left: 0;
		bottom: 0rem;
		opacity: 0.25;
	}
	body[data-slug="most-secure-router-2020"] img.iso-badge {
		bottom: 1rem;
	}
	/* Gaming Optiomization */
	body[data-slug="gaming-optimization"] .banner.banner-type-one-right-gamer {
		width: 100%;
		opacity: 0.2;
	}
	body[data-slug="gaming-optimization"]
		.banner.banner-type-one-right-gamer
		.team {
		max-width: 95%;
		min-height: unset;
	}
	body[data-slug="gaming-optimization"]
		.banner.banner-type-one-right-gamer
		.logo {
		min-height: unset;
		top: unset;
		bottom: 1rem;
		right: 10%;
		left: unset;
		transform: unset;
		z-index: 9;
	}
	body[data-slug="gaming-optimization"] section.safebrowser img.player {
		max-width: 35%;
		height: auto;
	}
	/* Blog */
	main article ul.social-share {
		position: relative !important;
		flex-direction: row !important;
		padding: 0 !important;
	}

	main article ul.social-share li {
		padding: 0 0.5rem;
	}

	/* Astralis */
	body[data-slug="gaming-optimization"] section.services
		.banner-type-two-left.bg-primary-astralis
		.player {
		display: none;
	}
	body[data-slug="gaming-optimization"]
		.banner-type-two-left.bg-primary-astralis::after {
		background: #ffffff7d;
	}
	/* Origen */
	body[data-slug="gaming-optimization"] section.services
		.banner-type-two-left.bg-primary-origen
		.player {
		display: none;
	}

	body[data-slug="gaming-optimization"]
		.banner-type-two-left.bg-primary-origen::after {
		background: #ffffff7d;
	}
	/* Careers */
	body[data-slug="careers"] section.front img.bg {
		left: -50%;
		opacity: 0.5;
	}
	/* Compliance */
	body[data-slug="compliance"] .janus-portrait .solo {
		max-width: 28%;
		right: 2%;
		transform: unset;
	}
	body[data-slug="compliance"] section.our-vision .bg {
		opacity: 0.25;
	}
	/* Browser Live */
	body[data-slug="browse-live-web-safety"] section.front > picture > img,
	body[data-slug="browse-live-web-safety"] section.front > img {
		opacity: 0.4;
	}
}

@media (min-width: 992px) {
	.border-lg-left {
		border-left: 1px solid #dee2e6 !important;
	}
	.is-in {
		top: 32px;
	}
	button.btn-play {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	/** SINGLE PAGE **/
	.singlePage .front {
		height: 360px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	/** SINGLE PAGE **/
	.singlePage .front img {
		height: 280px;
	}
}
@media (min-width: 992px) {
	#Front {
		padding-top: 0px !important;
	}
}
@media (max-width: 991px) {
	/* Header */
	header nav.navi {
		position: absolute;
		top: 0;
		right: 0;
		height: 74px;
		display: block;
	}
	a.readmoreTennis {
		bottom: 4%;
	}
	a.readmoreTennis:hover {
		bottom: 5%;
	}
	.customerArea {
		width: 85px;
	}
}

@media only screen and (min-width: 768px) {
	.happy-clients .content {
		background: #4a4a4ab8;
	}
	.happy-clients > .bg .after {
		right: 0;
	}
	.happy-clients > .bg .before {
		left: 0;
	}
	.happy-clients > .bg img {
		position: absolute;
		top: 0;
		height: 100%;
		width: auto;
		z-index: -1;
	}
}

.tooltipi {
	position: relative;
	cursor: pointer;
}
.tooltipi-wrapper {
	pointer-events: none;
	position: absolute;
	width: 250px;
	left: 130%;
	bottom: 35%;
	opacity: 0;
	padding-bottom: 26px;
	-webkit-transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
	-ms-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
.js-tooltipi-active .tooltipi-wrapper,
.tooltipi:hover .tooltipi-wrapper,
.tooltipi-wrapper:hover {
	pointer-events: auto;
	opacity: 1;
	-ms-filter: none;
	filter: none;
}
.tooltipi-text {
	display: inline-block;

	padding: 6px 9px;

	font-size: 14px;

	border: 1.9px solid #2bbbf1;

	background: #fff;
	-webkit-box-shadow: 0 1px rgba(255, 255, 255, 0.1);
	box-shadow: 0 1px rgba(255, 255, 255, 0.1);
}

.tooltipi-wrapper:after {
	content: "";
	position: absolute;
	left: 0;

	bottom: 0px;
	width: 52px;
	height: 27px;
	background: url(../img/business/afterBox.png) no-repeat center / 100% 100%;
	z-index: 99;
}

.tooltipi i {
	font-size: 19px;
}

.owl-carousel .owl-item img {
	width: auto !important;
}

.customLauncher {
	width: 60px;
	cursor: pointer;
	position: fixed;
	right: 20px;
	bottom: 85px;
	font-weight: 600;
	color: #0071b2;
	font-size: 1.3rem;
	text-align: center;
	text-shadow:
		1px 0 0 #fff,
		-1px 0 0 #fff,
		0 1px 0 #fff,
		0 -1px 0 #fff,
		1px 1px #fff,
		-1px -1px 0 #fff,
		1px -1px 0 #fff,
		-1px 1px 0 #fff;
	letter-spacing: 2px;
	z-index: 99;
}

/* Cookie Yes Responsive */
@media (max-width: 992px) {
	.cky-tab-content .cky-tab-desc {
		max-height: unset;
		flex: 1 0 auto;
	}
	.cky-tab-content .cky-tab-content-item {
		height: 100%;
		display: flex;
		flex-direction: column;
	}
	.cky-tab-menu {
		flex: 0 0 100%;
		max-width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: start;
		justify-content: center;
	}
	.cky-tab-content {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.cky-tab {
		flex-wrap: wrap;
	}
	.cky-btn.cky-btn-custom-accept {
		margin: 1rem;
		width: 100%;
	}
	.cky-tab-item {
		flex: 0 0 33.33%;
		max-width: 33.33%;
		text-align: center;
	}
	.cky-tab-item-active {
		border-right: 1px solid;
	}
}
.Exlesivo {
	font-family: "Titillium Web", sans-serif;
	font-weight: 90;
	font-style: italic;
	font-size: 2.5rem;
	letter-spacing: 0px;
}

@keyframes loading-grow {
	0% {
		transform: scale(0) translateX(-50%) translateY(-50%);
	}
	100% {
		opacity: 1;
		transform: scale(1) translateX(-50%) translateY(-50%);
	}
}

form#booking_form button[type="submit"].loading::after {
	content: "";
	display: block;
	width: 2rem;
	height: 2rem;
	background: #007bff;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	animation: 0.75s linear infinite loading-grow;
	transform-origin: left top;
	opacity: 0;
}

form#booking_form button[type="submit"].loading {
	color: transparent !important;
	pointer-events: none;
	opacity: 0.75;
}