@charset "UTF-8";

/*

@Author: Themezinho
@URL: http://www.themezinho.net
 
This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.


	// Table of contents //

		01. CUSTOM FONTS
		02. BODY
		03. HTML TAGS
		04. FORM ELEMENTS
		05. LINKS
		06. CUSTOM CLASSES
		07. SPACINGS
		08. CUSTOM CONTAINER
		09. ODOMETER
		10. SWIPER BULLETS
		11. HAMBURGER
		12. ACCORDION
		13. SEARCH BOX
		14. SIDE WIDGET 
		15. CUSTOM BUTTON
		16. WHITE SPACES
		17. PAGE TRANSITION
		18. NAVBAR
		19. SLIDER
		20. PAGE HEADER
		21. CONTENT SECTION
		22. SECTION TITLE
		23. ICON CONTENT
		24. SIDE IMAGE
		25. COUNTER BOX
		26. CONTACT FORM
		27. GOOGLE MAPS
		28. ISOTOPE FILTER
		29. PROJECTS
		30. PROJECT TEXT
		31. PROJECT SLIDER
		32. SECTOR BOX
		33. CALCULATOR
		34. STEP BOX
		35. INFO BOX DARK
		36. CTA YELLOW BOX
		37.SERVICE LIST BOX
		38.CUSTOM LIST
		39.CERTIFICATE
		40.OUR HISTORY
		41.CORE VALUES BOX
		42.DIRECTOR TEAM
		43.SALES TEAM
		44.TAB CONTENT
		45.VIDEO BOX
		46.TESTIMONIALS SLIDER
		47.LOGO ITEMS
		48.RECENT NEWS
		49.NEWS BOX
		50.SIDEBAR
		51.PAGINATION
		52.FOOTER
		53. RESPONSIVE MEDIUM FIXES
		54. RESPONSIVE TABLET FIXES
		55. RESPONSIVE MOBILE FIXES

	

*/
/* CUSTOM FONTS */
:root {
	--primary: #2c6aa0;
	--secondary: #6d9dc5;
	--accent: #d4a76a;
	--light: #f8f9fa;
	--dark: #343a40;
	--color-primary: #2aceeb;
	--color-secondary: #2aceeb;
	--color-light: #f8f9fa;
	--color-dark: #2d3436;
}

a {
	cursor: pointer;
}

::-webkit-scrollbar {
	width: 5px;
}

::-webkit-scrollbar-track {
	background: #212121;
}

::-webkit-scrollbar-thumb {
	background: #2aceeb;
	transition: 0.5s;
}

@font-face {
	font-family: 'Mont';
	src: url('../fonts/Mont-Regular.eot');
	src: local('☺'), url('../fonts/Mont-Regular.woff') format('woff'),
		url('../fonts/Mont-Regular.ttf') format('truetype'),
		url('../fonts/Mont-Regular.svg') format('svg');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Mont';
	src: url('../fonts/Mont-Bold.eot');
	src: local('☺'), url('../fonts/Mont-Bold.woff') format('woff'),
		url('../fonts/Mont-Bold.ttf') format('truetype'),
		url('../fonts/Mont-Bold.svg') format('svg');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Mont';
	src: url('../fonts/Mont-Heavy.eot');
	src: local('☺'), url('../fonts/Mont-Heavy.woff') format('woff'),
		url('../fonts/Mont-Heavy.ttf') format('truetype'),
		url('../fonts/Mont-Heavy.svg') format('svg');
	font-weight: 800;
	font-style: normal;
}

* {
	outline: none !important;
}

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #212121;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
}

/* HTML TAGS */
img {
	max-width: 100%;
}

figure {
	margin-bottom: 20px;
}

/* FORM ELEMENTS */
input[type='text'],
input[type='email'],
input[type='search'],
input[type='password'] {
	width: 420px;
	max-width: 100%;
	height: 68px;
	border: 2px solid #e8e8e8;
	padding: 0 30px;
}

input[type='submit'],
input[type='button'],
button[type='button'],
button[type='submit'] {
	border: none;
	background: #2aceeb;
	color: #212121;
	font-weight: 800;
	font-size: 13px;
	border-radius: 100px;
	padding: 10px 15px;
	float: right;
}

textarea {
	width: 420px;
	max-width: 100%;
	height: 128px;
	border: 2px solid #e8e8e8;
	padding: 30px;
}

/* LINKS */
a {
	color: #212121;
}

a:hover {
	text-decoration: underline;
	color: #212121;
}

/* CUSTOM CLASSES */
.overflow {
	overflow: hidden;
}

/* SPACINGS */
.no-spacing {
	margin: 0 !important;
	padding: 0 !important;
}

.no-bottom-spacing {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

/* CUSTOM CONTAINER */
@media (min-width: 1170px) {
	.container {
		max-width: 1100px;
	}
}

@media (min-width: 1280px) {
	.container {
		max-width: 1260px;
	}
}

/* ODOMETER */
.odometer-formatting-mark {
	display: none;
}

.odometer.odometer-auto-theme,
.odometer.odometer-theme-car {
	padding: 0;
}

.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-car .odometer-digit {
	padding: 0;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-car .odometer-digit .odometer-value {
	text-indent: -5px;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-car .odometer-digit .odometer-digit-inner {
	left: 0;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-car .odometer-digit .odometer-value {
	text-indent: 0;
}

/* SWIPER BULLETS */
.swiper-pagination {
	width: 100%;
	display: block;
	position: relative;
	text-align: center;
}

.swiper-pagination .swiper-pagination-bullet {
	width: 50px;
	height: 4px;
	border-radius: 0 !important;
}

.swiper-pagination .swiper-pagination-bullet-active {
	background: #2aceeb;
}

/* HAMBURGER */
.hamburger {
	width: 32px;
	height: 38px;
	position: relative;
	cursor: pointer;
	display: inline-block;
	padding-top: 3px;
}

.hamburger span {
	display: block;
	background: #212121;
}

.hamburger #hamburger {
	visibility: hidden;
	position: absolute;
	height: 100%;
	width: 100%;
}

.hamburger #hamburger span {
	width: 100%;
	height: 2px;
	position: relative;
	top: 0;
	left: 0;
	margin: 6px 0;
	transition: width ease 0.25s;
}

.hamburger #hamburger span:nth-child(1) {
	transition-delay: 0.5s;
	width: 100%;
}

.hamburger #hamburger span:nth-child(2) {
	transition-delay: 0.625s;
	width: 70%;
}

.hamburger #hamburger span:nth-child(3) {
	transition-delay: 0.75s;
	width: 100%;
	left: 0;
}

.hamburger #cross {
	position: absolute;
	height: 34px;
	width: 34px;
	transform: rotate(45deg);
	left: -2px;
	top: 2px;
}

.hamburger #cross span:nth-child(1) {
	height: 0%;
	width: 2px;
	position: absolute;
	top: 0;
	right: 16px;
	transition-delay: 0s;
	transition: height ease 0.25s;
}

.hamburger #cross span:nth-child(2) {
	width: 0%;
	height: 2px;
	position: absolute;
	left: 0;
	top: 16px;
	transition-delay: 0.25s;
	transition: width ease 0.25s;
}

.hamburger.open #hamburger span {
	width: 0%;
}

.hamburger.open #hamburger span:nth-child(1) {
	transition-delay: 0s;
}

.hamburger.open #hamburger span:nth-child(2) {
	transition-delay: 0.125s;
}

.hamburger.open #hamburger span:nth-child(3) {
	transition-delay: 0.25s;
}

.hamburger.open #cross span:nth-child(1) {
	height: 100%;
	transition-delay: 0.625s;
}

.hamburger.open #cross span:nth-child(2) {
	width: 100%;
	transition-delay: 0.375s;
}

/* ACCORDION */
.accordion {
	width: 100%;
	float: left;
	background: #fff;
	padding: 0;
	padding-right: 50px;
}

.accordion .card {
	background: none;
	border-radius: 0;
	border: none;
}

.accordion .card .card-header {
	background: none;
	padding: 0;
	border: none;
}

.accordion .card .card-header a {
	width: 100%;
	float: left;
	font-weight: 600;
	padding: 30px 0;
	color: #212121;
	font-weight: 600;
	border-bottom: 4px solid #eaebee;
	font-size: 19px;
}

.accordion .card .card-header a i {
	float: right;
}

.accordion .card .card-header a:hover {
	border-color: #2aceeb;
	text-decoration: none;
}

.accordion .card .card-body {
	width: 100%;
	line-height: 26px;
	padding: 20px 0;
}

.accordion .card [aria-expanded='true'] {
	border-color: #2aceeb !important;
}

/* SEARCH BOX */
.search-box {
	width: 100%;
	height: 100vh;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 3;
	background: #212121;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	transition-duration: 500ms;
	-webkit-transition-duration: 500ms;
	transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
	-webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
	opacity: 0;
	visibility: hidden;
	color: #fff;
}

.search-box .inner {
	width: 50vw;
	max-width: 700px;
	margin: 0 auto;
	text-align: center;
}

.search-box .inner form {
	width: 100%;
	display: block;
}

.search-box .inner form input[type='search'] {
	width: 100%;
	height: 70px;
	border: none;
	border-bottom: 4px solid #232222;
	background: none;
	font-size: 20px;
	margin-bottom: 30px;
	color: #fff;
}

.search-box .inner form input[type='submit'] {
	height: 70px;
	background: #2aceeb;
	border: none;
	font-weight: 600;
	padding: 0 60px;
}

.search-box.active {
	opacity: 1;
	visibility: visible;
}

/* SIDE WIDGET */
.side-widget {
	width: 400px;
	height: 100vh;
	max-width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: fixed;
	left: -100%;
	top: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	transition-duration: 500ms;
	-webkit-transition-duration: 500ms;
	transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
	-webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
	background: rgba(238, 238, 238, 0.9);
	background-image: url('../images/header-pattern.png');
	background-position: center;
	background-size: cover;
	z-index: 5;
	box-shadow: 0 0 60px #000;
	padding: 5%;
	color: #fff;
}

.side-widget .inner {
	display: inline-block;
	overflow-y: auto;
}

.side-widget .logo {
	width: 100%;
	display: block;
	margin-bottom: 40px;
}

.side-widget .logo img {
	height: auto;
}

.side-widget .show-mobile {
	display: none;
}

.side-widget .hide-mobile {
	display: block;
	overflow-x: hidden;
}

.side-widget .gallery {
	display: flex;
	flex-wrap: wrap;
	margin-left: -3px;
	margin-right: -3px;
}

.side-widget .gallery img {
	width: 50%;
	padding: 0 3px;
}

.side-widget p {
	width: 100%;
	display: block;
}

.side-widget .widget-title {
	width: 100%;
	display: block;
	font-weight: 600;
	color: #2aceeb;
	font-size: 13px;
	margin-bottom: 10px;
	margin-top: 20px;
}

.side-widget .address {
	width: 100%;
	display: block;
	margin-top: 20px;
}

.side-widget .social-media {
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
}

.side-widget .social-media li {
	display: inline-block;
	margin-right: 20px;
	padding: 0;
	list-style: none;
}

.side-widget .social-media li a {
	color: #fff;
	font-size: 13px;
	font-weight: 600;
}

.side-widget .languages {
	width: 100%;
	display: block;
	margin-bottom: 20px;
	margin-top: 20px;
}

.side-widget .languages ul {
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
}

.side-widget .languages ul li {
	display: inline-block;
	margin-right: 10px;
	padding: 0;
	list-style: none;
}

.side-widget .languages ul li a {
	color: #fff;
	font-weight: 600;
	font-size: 18px;
}

.side-widget .site-menu {
	width: 100%;
	display: block;
	margin-bottom: 20px;
	margin-top: 20px;
}

.side-widget .site-menu ul {
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
}

.side-widget .site-menu ul li {
	display: block;
	margin: 3px 0;
	padding: 0;
	list-style: none;
}

.side-widget .site-menu ul li ul {
	display: none;
	padding-left: 10px;
	margin-bottom: 10px;
}

.side-widget .site-menu ul li i {
	color: #232222;
	display: inline-block;
	margin-left: 7px;
}

.side-widget .site-menu ul li a {
	color: #232222;
	font-size: 18px;
	font-weight: 600;
}

.side-widget small {
	font-size: 11px;
	width: 100%;
	display: block;
	margin-top: 20px;
}

.side-widget.active {
	left: 0;
}

/* CUSTOM BUTTON */
.custom-button {
	display: inline-block;
	height: 68px;
	line-height: 68px;
	padding: 0 40px;
	background: #2aceeb;
	color: #212121;
	font-size: 13px;
	font-weight: 600;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.custom-button i {
	display: inline-block;
	margin-left: 10px;
	font-size: 20px;
	transform: translateY(3px);
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.custom-button:hover {
	text-decoration: none;
}

.custom-button:hover i {
	margin-left: 20px;
}

.custom-button.top-spacing {
	margin-top: 30px;
}

/* WHITE SPACES */
.white-space-top {
	position: relative;
}

.white-space-top:before {
	content: '';
	width: 100vw;
	height: 148px;
	background: #fff;
	position: absolute;
	left: 0;
	top: 0;
}

.white-space-bottom {
	position: relative;
}

.white-space-bottom:after {
	content: '';
	width: 100%;
	height: auto;
	background: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
}

/* PAGE TRANSITION */
.first-transition {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 9;
	right: 0;
	top: 0;
	background: #2dd9f7;
	background: -moz-radial-gradient(
		center,
		ellipse cover,
		#2dd9f7 0%,
		#2aceeb 100%
	);
	background: -webkit-gradient(
		radial,
		center center,
		0px,
		center center,
		100%,
		color-stop(0%, #2dd9f7),
		color-stop(100%, #2aceeb)
	);
	background: -webkit-radial-gradient(
		center,
		ellipse cover,
		#2dd9f7 0%,
		#2aceeb 100%
	);
	background: -o-radial-gradient(
		center,
		ellipse cover,
		#2dd9f7 0%,
		#2aceeb 100%
	);
	background: -ms-radial-gradient(
		center,
		ellipse cover,
		#2dd9f7 0%,
		#2aceeb 100%
	);
	background: radial-gradient(ellipse at center, #2dd9f7 0%, #2aceeb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2dd9f7', endColorstr='#2aceeb', GradientType=1);
	animation: first-transition 1s;
	animation-fill-mode: forwards;
}

@keyframes first-transition {
	from {
		right: 0;
	}

	to {
		right: -100%;
	}
}

.page-transition {
	width: 0;
	height: 100%;
	position: fixed;
	z-index: 9;
	left: 0;
	top: 0;
	background: #2dd9f7;
	background: -moz-radial-gradient(
		center,
		ellipse cover,
		#2dd9f7 0%,
		#2aceeb 100%
	);
	background: -webkit-gradient(
		radial,
		center center,
		0px,
		center center,
		100%,
		color-stop(0%, #2dd9f7),
		color-stop(100%, #2aceeb)
	);
	background: -webkit-radial-gradient(
		center,
		ellipse cover,
		#2dd9f7 0%,
		#2aceeb 100%
	);
	background: -o-radial-gradient(
		center,
		ellipse cover,
		#2dd9f7 0%,
		#2aceeb 100%
	);
	background: -ms-radial-gradient(
		center,
		ellipse cover,
		#2dd9f7 0%,
		#2aceeb 100%
	);
	background: radial-gradient(ellipse at center, #2dd9f7 0%, #2aceeb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2dd9f7', endColorstr='#2aceeb', GradientType=1);
	transition: all ease 1s;
}

.page-transition.active {
	width: 100%;
}

/* NAVBAR */
.navbar {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding: 20px 0;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 4;
	transition: top ease 1s;
}

.navbar.sticky {
	background: #eeeeee;
	border-bottom: 5px solid rgba(255, 255, 255, 0.5);
}

.navbar.nav-down {
	top: 0;
}

.navbar.nav-up {
	top: -100%;
}

.navbar .logo {
	margin-left: 0;
}

.navbar .logo a {
	display: block;
	margin: 0;
}

.navbar .logo a img {
	transition: 0.5s ease;
	height: 6rem;
}

.sticky .logo a img {
	transition: 0.5s ease;
	height: 3rem;
}

.navbar .languages {
	visibility: hidden;
	display: inline-block;
	margin: 0 20px;
}

.navbar .languages ul {
	display: block;
	margin: 0;
	padding: 0;
}

.navbar .languages ul li {
	display: inline-block;
	margin: 0 5px;
	padding: 0;
	list-style: none;
}

.navbar .languages ul li a {
	display: inline-block;
	color: #fff;
	position: relative;
}

.navbar .languages ul li a:hover {
	text-decoration: none;
}

.navbar .languages ul li a:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 0;
	transition: width 0s ease, background 0.25s ease;
}

.navbar .languages ul li a:after {
	content: '';
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	height: 2px;
	width: 0;
	background: #2aceeb;
	transition: width 0.25s ease;
}

.navbar .languages ul li a:hover:before {
	width: 100%;
	background: #2aceeb;
	transition: width 0.25s ease;
}

.navbar .languages ul li a:hover:after {
	width: 100%;
	background: transparent;
	transition: all 0s ease;
}

.navbar .site-menu {
	display: inline-block;
	margin: 0 20px;
}

.navbar .site-menu ul {
	display: block;
	margin: 0;
	padding: 0;
}

.navbar .site-menu ul li {
	display: inline-block;
	margin: 0 10px;
	padding: 0;
	list-style: none;
	position: relative;
}

.navbar .site-menu ul li ul {
	display: none;
	position: absolute;
	left: -30px;
	top: calc(100% + 20px);
	background: #eeeeee;
	padding: 30px;
	border-radius: 0px 0px 5px 5px;
}

.navbar .site-menu ul li ul:before {
	content: '';
	width: 100%;
	height: 20px;
	position: absolute;
	left: 0;
	top: -20px;
}

.navbar .site-menu ul li ul li {
	width: 100%;
	display: block;
	margin: 0;
	margin-bottom: 10px;
	white-space: nowrap;
}

.navbar .site-menu ul li ul li:last-child {
	margin-bottom: 0;
}

.navbar .site-menu ul li ul li a {
	color: #212121;
	display: block;
	padding: 0;
}

.navbar .site-menu ul li:hover ul {
	display: block;
}

.navbar .site-menu ul li a {
	display: inline-block;
	color: #212121;
	position: relative;
}

.navbar .site-menu ul li a:hover {
	text-decoration: none;
}

.navbar .site-menu ul li a:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 0;
	transition: width 0s ease, background 0.25s ease;
}

.navbar .site-menu ul li a:after {
	content: '';
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	height: 2px;
	width: 0;
	background: #2aceeb;
	transition: width 0.25s ease;
}

.navbar .site-menu ul li a:hover:before {
	width: 100%;
	background: #2aceeb;
	transition: width 0.25s ease;
}

.navbar .site-menu ul li a:hover:after {
	width: 100%;
	background: transparent;
	transition: all 0s ease;
}

.navbar .search {
	display: inline-block;
	color: #fff;
	font-size: 24px;
	cursor: pointer;
	visibility: hidden;
}

.navbar .hamburger {
	display: inline-block;
	color: #212121;
}

.navbar .navbar-button {
	height: 58px;
	line-height: 58px;
	padding: 0 40px;
	color: #fff;
	background: #2dd9f7;
	background: -moz-radial-gradient(
		center,
		ellipse cover,
		#2dd9f7 0%,
		#2aceeb 100%
	);
	background: -webkit-gradient(
		radial,
		center center,
		0px,
		center center,
		100%,
		color-stop(0%, #2dd9f7),
		color-stop(100%, #2aceeb)
	);
	background: -webkit-radial-gradient(
		center,
		ellipse cover,
		#2dd9f7 0%,
		#2aceeb 100%
	);
	background: -o-radial-gradient(
		center,
		ellipse cover,
		#2dd9f7 0%,
		#2aceeb 100%
	);
	background: -ms-radial-gradient(
		center,
		ellipse cover,
		#2dd9f7 0%,
		#2aceeb 100%
	);
	background: radial-gradient(ellipse at center, #2dd9f7 0%, #2aceeb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2dd9f7', endColorstr='#2aceeb', GradientType=1);
	font-size: 13px;
	font-weight: 600;
	border-radius: 10px;
	transition: 0.5s ease;
	-webkit-box-shadow: 5px 5px 0px 0px rgba(38, 183, 209, 1);
	-moz-box-shadow: 5px 5px 0px 0px rgba(38, 183, 209, 1);
	box-shadow: 5px 5px 0px 0px rgba(38, 183, 209, 1);
}

.navbar .navbar-button:hover {
	transform: translateY(10px) translateX(5px);
	-webkit-box-shadow: 0px 0px 0px 0px rgba(10, 90, 140, 1);
	-moz-box-shadow: 0px 0px 0px 0px rgba(10, 90, 140, 1);
	box-shadow: 0px 0px 0px 0px rgba(10, 90, 140, 1);
	transition: 0.5s ease;
}

.navbar .navbar-button i {
	font-size: 20px;
	display: inline-block;
	transform: translateY(3px);
	margin-right: 5px;
}

.navbar .navbar-button:hover {
	text-decoration: none;
}

.titleseo {
	font-size: 2.5em;
	font-weight: 800;
	padding-top: 50px;
	color: #00acee;
}

.texthdseo {
	font-size: 2.5em !important;
	font-weight: 800 !important;
	color: #00acee !important;
}

/* SLIDER */
.slider {
	width: 100%;
	height: 100vh;
	display: flex;
	flex-wrap: wrap;
	background-color: #eeeeee;
	background-image: url('../images/geometric-leaves.png');
	padding-bottom: 30px;
	position: relative;
}

.slider .container {
	position: relative;
	padding-top: 150px;
	display: flex;
	flex-wrap: wrap;
}

.slider .slider-content {
	width: calc(50% - 120px);
	position: relative;
	overflow: hidden;
	margin: 0;
	margin-right: 40px;
}

.slider .slider-content .swiper-slide {
	display: flex;
	align-items: center;
}

.slider .slider-content .inner {
	width: 100%;
	display: block;
	color: #26b7d1;
	padding-bottom: 100px;
}

.slider .slider-content .inner h2 {
	font-size: 3em;
	font-weight: 800;
}

.slider .slider-content .inner h2 b {
	-webkit-text-stroke: 2px #26b7d1;
	text-stroke: 2px #26b7d1;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.slider .slider-content .inner p {
	margin-bottom: 70px;
	color: #212121;
}

.slider .slider-content .inner a {
	display: inline-block;
	height: 68px;
	line-height: 68px;
	padding: 0 40px;
	background: #2aceeb;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	border-radius: 10px;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	-webkit-box-shadow: 5px 5px 0px 0px rgba(38, 183, 209, 1);
	-moz-box-shadow: 5px 5px 0px 0px rgba(38, 183, 209, 1);
	box-shadow: 5px 5px 0px 0px rgba(38, 183, 209, 1);
}

.slider .slider-content .inner a i {
	display: inline-block;
	margin-left: 10px;
	font-size: 20px;
	transform: translateY(3px);
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.slider .slider-content .inner a:hover {
	color: #212121;
	transform: translateY(10px) translateX(5px);
	-webkit-box-shadow: 0px 0px 0px 0px rgba(10, 90, 140, 1);
	-moz-box-shadow: 0px 0px 0px 0px rgba(10, 90, 140, 1);
	box-shadow: 0px 0px 0px 0px rgba(10, 90, 140, 1);
	transition: 0.5s ease;

	text-decoration: none;
}

.slider .slider-content .controls {
	width: 90%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	padding: 30px;
}

.slider .slider-content .controls .swiper-pagination {
	width: auto;
	display: inline-block;
	position: static;
	font-size: 26px;
	color: #9a9a9a;
}

.slider
	.slider-content
	.controls
	.swiper-pagination
	.swiper-pagination-current {
	font-size: 54px;
	color: #212121;
}

.slider .slider-content .controls .button-prev {
	width: 80px;
	height: 80px;
	line-height: 80px;
	display: inline-block;
	text-align: center;
	background: #f2f3f5;
	border-radius: 50%;
	color: #212121;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	margin-left: auto;
}

.slider .slider-content .controls .button-prev:hover {
	background: #2aceeb;
}

.slider .slider-content .controls .button-next {
	width: 80px;
	height: 80px;
	line-height: 80px;
	display: inline-block;
	text-align: center;
	background: #f2f3f5;
	border-radius: 50%;
	color: #212121;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	margin-left: 2px;
	margin-right: 0;
}

.slider .slider-content .controls .button-next:hover {
	background: #2aceeb;
}

.slider .slider-main {
	width: calc(50vw + 80px);
	height: calc(100vh - 150px);
	overflow: hidden;
	margin: 0;
	position: absolute;
	left: calc(50% - 80px);
	top: 150px;
}

.slider .slider-main .slide-image {
	width: 100%;
	height: 100%;
	display: inline-block;
	background-position: center !important;
	background-size: cover !important;
}

.slider .slider-main .header-box {
	width: 160px;
	height: 180px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	background: #2aceeb;
	position: absolute;
	left: 30px;
	bottom: 30px;
	z-index: 1;
	border-radius: 5px;
}

.slider .slider-main .header-box:after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 14px 14px;
	border-color: transparent transparent #212121 transparent;
	position: absolute;
	right: 4px;
	bottom: 4px;
}

.slider .slider-main .header-box b {
	font-size: 90px;
	height: 90px;
	line-height: 1;
	font-weight: 400;
	display: inline-block;
	transform: translateY(8px);
}

.slider .slider-main .header-box small {
	display: inline-block;
	line-height: 1.2;
	font-weight: 600;
	letter-spacing: 2px;
	transform: translateY(-8px);
}

.content-section {
	padding: 30px 15px;
}

.section-title h2 {
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 10px;
}

.section-title h6 {
	font-size: 16px;
	color: #666;
}

.testimonial-card {
	background: #fff;
	border: 1px solid #2aceeb;
	border-radius: 10px;
	padding: 20px;
	text-align: center;
	margin-bottom: 20px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.stars {
	font-size: 20px;
	color: #ffa500;
	margin-bottom: 15px;
}

.testimonial-card p {
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 20px;
}

.user-info {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #2aceeb;
}

.user-icon {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin-right: 10px;
}

.user-info span {
	font-size: 16px;
	font-weight: bold;
}

.user-info img {
	width: 15%;
}

/* PAGE HEADER */
.page-header {
	width: 100%;
	padding-top: 10%;
	padding-bottom: 5%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	background-color: #eeeeee;
	background-image: url('../images/geometric-leaves.png');
	position: relative;
}

.page-header .container {
	position: relative;
	color: #2aceeb;
}

.page-header .container h6 {
	width: 100%;
	display: block;
	opacity: 0.7;
	margin-bottom: 50px;
}

.page-header .container h1 {
	width: 100%;
	display: block;
	font-size: 2em;
	font-weight: 800;
	line-height: 1;
}

.page-header .container ul {
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
}

.page-header .container ul li {
	display: inline-block;
	margin-right: 10px;
	padding: 0;
	font-size: 13px;
	font-weight: 600;
	color: #2aceeb;
}

.page-header .container ul li:last-child:after {
	display: none;
}

.page-header .container ul li:after {
	content: '/';
	display: inline-block;
	margin-left: 15px;
	color: #fff;
}

.page-header .container ul li a {
	color: #fff;
}

.page-header > .container > h1 {
	margin-top: 15% !important;
}

@media screen and (min-width: 992px) {
	.page-header > .container > h1 {
		margin-top: 50px !important;
	}
}

/* CONTENT SECTION */
.content-section {
	width: 100%;
	display: block;
	padding: 80px 0;
	position: relative;
}

.section-note {
	width: 100%;
	display: block;
	margin-top: 30px;
	text-align: center;
	font-size: 14px;
}

/* SECTION TITLE */
.section-title {
	width: 100%;
	display: block;
	text-align: center;
	margin-bottom: 50px;
}

.section-title h6 {
	display: inline-block;
	position: relative;
	z-index: 1;
	font-weight: 800;
	letter-spacing: 3px;
	font-size: 18px;
}

.section-title h6:before {
	content: '';
	width: 100%;
	height: 5px;
	background: #2aceeb;
	position: absolute;
	left: 0;
	bottom: -10px;
	z-index: -1;
	border-radius: 5px;
	mix-blend-mode: difference;
}

.section-title h2 {
	width: 100%;
	display: block;
	margin-bottom: 0;
	font-size: 2em;
}

.section-title p {
	width: 100%;
	display: block;
	margin-bottom: 0;
	margin-top: 20px;
}

/* ICON CONTENT */
.icon-content {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	border: 1px solid #e8e8e8;
	padding: 5% 5%;
	/* box-shadow: 7px 7px 0 #f9f9f9; */
	position: relative;
}

.icon-content:before {
	content: '';
	width: 100%;
	height: 100%;
	background: #1f96ab;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	opacity: 0;
	z-index: -1;
	box-shadow: 0 30px 30px #eee;
}

.icon-content small,
.icon-content h3 {
	transition: 0.5s ease;
}

.icon-content:hover {
	border-color: #2aceeb;
}

.icon-content:hover small,
.icon-content:hover h3 {
	color: #eeeeee;
	transition: 0.5s ease;
}

.icon-content:hover:after {
	content: '';
	width: 30%;
	height: 70px;
	background: url('../images/pattern-dot.png');
	background-size: 12px 12px;
	position: absolute;
	right: -25px;
	bottom: -25px;
}

.icon-content:hover:before {
	transform: scale(1.05);
	opacity: 1;
}

.icon-content figure {
	width: 100%;
	display: block;
	margin-bottom: 50px;
}

.icon-content figure img {
	height: 70px;
}

.icon-content h3 {
	width: 100%;
	display: block;
	margin-bottom: 40px;
}

.icon-content small {
	width: 100%;
	display: block;
	margin-bottom: 5%;
	font-size: 16px;
}

.icon-content a {
	width: 50px;
	height: 50px;
	line-height: 50px;
	display: inline-block;
	background: #212121;
	color: #fff;
	text-align: center;
	font-size: 20px;
}

.icon-content a:hover {
	text-decoration: none;
}

/* SIDE IMAGE */
.side-image {
	width: 100%;
	display: block;
	margin: 0;
}

.side-image img {
	width: 100%;
}

/* SIDE CONTENT */
.side-content {
	width: 100%;
	display: block;
	margin: 0;
	padding-left: 50px;
}

.side-content figure {
	width: 100%;
	display: block;
	margin: 0;
}

.side-content figure img {
	height: 80px;
}

.side-content h6 {
	width: 100%;
	display: block;
	margin-top: 30px;
	font-weight: 600;
	margin-bottom: 2px;
}

.side-content h5 {
	font-weight: 600;
	margin-bottom: 20px;
	font-size: 22px;
}

.side-content b {
	font-weight: 600;
}

.side-content u {
	text-decoration: none;
	position: relative;
}

.side-content u:before {
	content: '';
	width: 100%;
	height: 6px;
	background: #2aceeb;
	position: absolute;
	left: 0;
	bottom: 0;
	mix-blend-mode: multiply;
}

.side-content p {
	margin-bottom: 25px;
}

.side-content small {
	width: 100%;
	display: block;
	font-size: 13px;
	opacity: 0.6;
}

/* COUNTER BOX */
.col-lg-3:nth-child(even) .counter-box {
	margin-top: 50%;
}

.counter-box {
	width: 100%;
	display: block;
	border: 1px solid #e8e8e8;
	padding: 30px;
	position: relative;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.counter-box:hover {
	transform: translateY(-20px);
	box-shadow: 0 30px 30px #eee;
}

.counter-box:hover h6:before {
	width: 0;
}

.counter-box:after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 14px 14px;
	border-color: transparent transparent #e8e8e8 transparent;
	position: absolute;
	right: 4px;
	bottom: 4px;
}

.counter-box .odometer {
	display: inline-block;
	font-size: 70px;
}

.counter-box .value {
	font-size: 24px;
}

.counter-box h6 {
	display: inline-block;
	font-weight: 800;
	letter-spacing: 2px;
	position: relative;
}

.counter-box h6:before {
	content: '';
	width: 100%;
	height: 6px;
	background: #2aceeb;
	position: absolute;
	left: 0;
	bottom: 0;
	mix-blend-mode: multiply;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.counter-box p {
	font-size: 13px;
	padding-right: 5%;
}

/* CONTACT BOX */
.contact-box {
	width: 100%;
	display: block;
	border: 1px solid #e8e8e8;
	padding: 30px;
	position: relative;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.contact-box:hover {
	transform: translateY(-20px);
	box-shadow: 0 30px 30px #eee;
}

.contact-box:hover h6:before {
	width: 0;
}

.contact-box:after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 14px 14px;
	border-color: transparent transparent #e8e8e8 transparent;
	position: absolute;
	right: 4px;
	bottom: 4px;
}

.contact-box figure {
	width: 100%;
	display: block;
	margin-bottom: 20px;
}

.contact-box figure img {
	height: 80px;
}

.contact-box h6 {
	display: inline-block;
	font-weight: 800;
	letter-spacing: 2px;
	position: relative;
}

.contact-box h6:before {
	content: '';
	width: 100%;
	height: 6px;
	background: #2aceeb;
	position: absolute;
	left: 0;
	bottom: -10px;
	mix-blend-mode: multiply;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.contact-box p {
	font-size: 20px;
	padding-right: 5%;
}

/* GOOGLE MAPS */
.google-maps {
	width: 100%;
	height: 520px;
	display: block;
	border: none;
}

.contact-form {
	width: 100%;
	display: block;
	padding: 50px;
	background: #fff;
	position: relative;
	z-index: 1;
	margin-bottom: -70%;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}

.contact-form input[type='text'] {
	width: 100%;
}

.contact-form textarea {
	width: 100%;
}

.contact-form .form-group:last-child {
	margin-bottom: 0;
}

/* ISOTOPE FILTER */
.isotope-filter {
	width: 100%;
	display: block;
	margin-bottom: 40px;
	padding: 0;
}

.isotope-filter li {
	display: inline-block;
	margin-right: 30px;
	padding: 0;
	list-style: none;
	cursor: pointer;
	position: relative;
	font-weight: 600;
}

.isotope-filter li:last-child {
	margin-right: 0;
}

.isotope-filter li.current:before {
	width: 100%;
}

.isotope-filter li:hover:before {
	width: 100%;
}

.isotope-filter li:before {
	content: '';
	width: 0;
	height: 4px;
	background: #2aceeb;
	position: absolute;
	left: 0;
	bottom: 0;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

/* PROJECTS */
.projects {
	width: calc(100% + 60px);
	display: flex;
	flex-wrap: wrap;
	margin: 0 -30px;
	padding: 0;
}

.projects li {
	width: 50%;
	display: inline-block;
	margin-bottom: 50px;
	padding: 0 30px;
	list-style: none;
}

.projects li .project-box {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding-bottom: 50px;
	position: relative;
}

.projects li .project-box:hover img {
	filter: grayscale(0);
}

.projects li .project-box:hover figcaption {
	background: #2aceeb;
	color: #212121;
}

.projects li .project-box img {
	width: 100%;
	display: block;
	filter: grayscale(1);
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.projects li .project-box figcaption {
	width: 70%;
	position: absolute;
	left: 30px;
	bottom: 15px;
	padding: 30px;
	background: #212121;
	color: #fff;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.projects li .project-box figcaption:after {
	content: '';
	width: 20%;
	height: 55px;
	background: url('../images/pattern-dot.png');
	background-size: 12px 12px;
	position: absolute;
	right: -25px;
	bottom: -25px;
}

.projects li .project-box figcaption h5 {
	display: block;
	font-size: 30px;
	font-weight: 800;
	margin: 0;
}

.projects li .project-box figcaption p {
	width: 100%;
	display: block;
	margin: 0;
	display: none;
}

/* PROJECT TEXT */
.project-specifications {
	width: calc(100% - 40px);
	display: block;
	background: #fff;
	box-shadow: 0 0 30px #eee;
	padding: 50px;
	margin-left: 40px;
}

.project-specifications table {
	width: 100%;
	font-size: 15px;
}

.project-specifications table tr td:first-child {
	font-weight: 600;
	width: 120px;
	padding: 10px 0;
}

/* PROJECT SLIDER */
.project-slider {
	width: 100%;
	display: block;
	position: relative;
	overflow: hidden;
}

.project-slider .swiper-slide {
	max-width: 50vw;
}

.project-slider .swiper-slide.swiper-slide-active .project-box figcaption {
	opacity: 1;
}

.project-slider .swiper-slide .project-box {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding-bottom: 50px;
	position: relative;
}

.project-slider .swiper-slide .project-box:hover img {
	filter: grayscale(0);
}

.project-slider .swiper-slide .project-box img {
	width: 100%;
	display: block;
	filter: grayscale(1);
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.project-slider .swiper-slide .project-box figcaption {
	width: 70%;
	position: absolute;
	left: 30px;
	bottom: 15px;
	padding: 30px;
	background: #2aceeb;
	color: #212121;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	opacity: 0;
}

.project-slider .swiper-slide .project-box figcaption:after {
	content: '';
	width: 20%;
	height: 55px;
	background: url('../images/pattern-dot.png');
	background-size: 12px 12px;
	position: absolute;
	right: -25px;
	bottom: -25px;
}

.project-slider .swiper-slide .project-box figcaption h5 {
	display: block;
	font-size: 30px;
	font-weight: 800;
}

.project-slider .swiper-slide .project-box figcaption p {
	width: 100%;
	display: block;
	margin: 0;
}

.project-slider .swiper-pagination {
	width: 100%;
	float: left;
	position: static;
	margin-top: 20px;
}

/* SECTOR BOX */
.sector-box {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding: 40px;
	box-shadow: 1px 0 0 0 #eee, 0 1px 0 0 #eee, 1px 1px 0 0 #eee,
		1px 0 0 0 #eee inset, 0 1px 0 0 #eee inset;
	position: relative;
	color: #212121;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.sector-box:hover {
	box-shadow: none;
	z-index: 1;
	text-decoration: none;
	background: #2aceeb;
}

.sector-box:hover i {
	opacity: 1;
}

.sector-box span {
	font-weight: 600;
}

.sector-box i {
	margin-left: auto;
	opacity: 0.4;
	transform: translateY(3px);
}

/* CALCULATOR */
.calculator {
	background-color: #212121;
	background-image: url('../images/header-pattern.png');
	background-position: center;
	background-size: cover;
	margin-top: 80px;
}

.calculator .section-title {
	color: #fff;
}

.calculator .bg-image {
	width: 40%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	background-size: cover;
}

.calculator .form {
	width: 100%;
	display: block;
	padding: 50px;
	background: #fff;
	color: #212121;
	position: relative;
}

.calculator .form .form-group {
	position: static;
	margin-bottom: 35px;
}

.calculator .form .form-group:last-child {
	margin-bottom: 0;
}

.calculator .form select {
	width: 300px;
	max-width: 100%;
	height: 58px;
	border: 1px solid #e5e5e5;
	padding: 0 20px;
}

.calculator .form .custom-checkbox {
	height: 58px;
	line-height: 58px;
	border: 1px solid #e5e5e5;
	cursor: pointer;
	padding: 0 30px;
	margin-right: 5px;
}

.calculator .form input[type='checkbox'] {
	display: none;
}

.calculator .form input[type='checkbox']:checked + .custom-checkbox {
	border-color: #2aceeb;
	background: #2aceeb;
	color: #212121;
}

.calculator .form .info-box {
	width: 65%;
	float: left;
	margin-top: 50px;
}

.calculator .form .info-box i {
	color: #4cd964;
	font-size: 20px;
	transform: translateY(2px);
}

.calculator .form .price-box {
	float: right;
	background: #2aceeb;
	padding: 30px 50px;
	margin-right: -50px;
	margin-bottom: -50px;
}

.calculator .form .price-box small {
	width: 100%;
	display: block;
	font-weight: 600;
	margin-bottom: 5px;
}

.calculator .form .price-box span {
	font-size: 50px;
	font-weight: 800;
	line-height: 1;
}

/* STEP BOX */
.step-box {
	width: 100%;
	display: block;
	position: relative;
	z-index: 1;
}

.step-box:hover .image img {
	filter: grayscale(0);
}

.step-box:hover:after {
	content: '';
	width: 40%;
	height: 65px;
	background: url('../images/pattern-dot.png');
	background-size: 12px 12px;
	position: absolute;
	right: -25px;
	bottom: -25px;
	z-index: 0;
}

.step-box:hover .content {
	bottom: -10%;
}

.step-box:hover .content h6:before {
	width: 0;
}

.step-box * {
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.step-box .image {
	width: 100%;
	display: block;
	padding-right: 30px;
}

.step-box .image img {
	width: 100%;
	filter: grayscale(1);
}

.step-box .content {
	width: 80%;
	position: absolute;
	right: 0;
	bottom: -30%;
	z-index: 1;
	background: #fff;
	padding: 5%;
	box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
}

.step-box .content .icon {
	width: 100%;
	display: block;
	margin-bottom: 20px;
}

.step-box .content .icon img {
	height: 70px;
}

.step-box .content span {
	position: absolute;
	right: 30px;
	top: 30px;
	font-weight: 800;
	opacity: 0.3;
	font-size: 19px;
}

.step-box .content h6 {
	display: inline-block;
	font-weight: 800;
	letter-spacing: 2px;
	position: relative;
	margin-bottom: 20px;
}

.step-box .content h6:before {
	content: '';
	width: 100%;
	height: 6px;
	background: #2aceeb;
	position: absolute;
	left: 0;
	bottom: -10px;
	mix-blend-mode: multiply;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.step-box .content p {
	width: 100%;
	display: block;
	margin: 0;
	opacity: 0.7;
}

/* INFO BOX DARK */
.info-box-dark {
	width: 100%;
	display: block;
	background: #212121;
	color: #fff;
	padding: 50px;
	position: relative;
}

.info-box-dark:after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 25px 15px 0;
	border-color: transparent #212121 transparent transparent;
	position: absolute;
	right: 10%;
	bottom: -15px;
}

.info-box-dark h6 {
	width: 100%;
	display: block;
	margin-bottom: 15px;
	font-weight: 800;
	font-size: 20px;
}

.info-box-dark p {
	width: 100%;
	display: block;
	opacity: 0.8;
}

.info-box-dark p:last-child {
	margin-bottom: 0;
}

/* CTA BOX YELLOW */
.cta-box-yellow {
	width: calc(100% - 50px);
	display: block;
	background: #2aceeb;
	color: #212121;
	padding: 50px;
	position: relative;
	margin-bottom: 200px;
}

.cta-box-yellow h4 {
	width: 100%;
	display: block;
	font-weight: 800;
	margin-bottom: 20px;
	font-size: 44px;
}

.cta-box-yellow p {
	width: 100%;
	margin-bottom: 25px;
}

.cta-box-yellow .button {
	display: inline-block;
	height: 68px;
	line-height: 68px;
	padding: 0 40px;
	background: #212121;
	color: #2aceeb;
	font-size: 13px;
	font-weight: 600;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.cta-box-yellow .button:hover {
	text-decoration: none;
}

/* SERVICE LIST BOX */
.services-list-box {
	width: 100%;
	display: block;
	background: rgba(255, 255, 255, 0.9);
	padding: 50px;
	transform: translateY(100px);
	margin-bottom: 100px;
}

.services-list-box h4 {
	color: #26b7d1;
	font-size: 50px;
	font-weight: 800;
}

.services-list-box p {
	width: 100%;
	display: block;
	margin-bottom: 20px;
}

.services-list-box ul {
	width: 100%;
	display: block;
	padding-left: 20px;
	margin-bottom: 30px;
}

.services-list-box ul li {
	margin: 10px 0;
}

.services-list-box .button {
	display: inline-block;
	height: 68px;
	line-height: 68px;
	padding: 0 40px;
	background: #212121;
	color: #fff;
	font-size: 1.5em;
	border-radius: 5px;
	font-weight: 600;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.services-list-box .button:hover {
	text-decoration: none;
	background: #2aceeb;
	color: #212121;
}

/* CUSTOM LIST */
.custom-list {
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
}

.custom-list li {
	width: 100%;
	display: block;
	margin: 0;
	padding: 20px 0;
	list-style: none;
	font-size: 20px;
	font-weight: 600;
	position: relative;
}

.custom-list li:hover:before {
	background: #2aceeb;
	width: 100%;
}

.custom-list li:before {
	content: '';
	width: 30%;
	height: 1px;
	background: #eee;
	position: absolute;
	left: 0;
	bottom: 0;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.custom-list li i {
	font-size: 14px;
	display: inline-block;
	margin-right: 8px;
}

/* CERTIFICATE */
.certificate {
	width: 100%;
	display: block;
	margin: 0;
}

.certificate img {
	border: 1px solid #e8e8e8;
	margin-bottom: 20px;
}

.certificate figcaption {
	font-size: 14px;
}

/* OUR HISTORY */
.our-history {
	width: 100%;
	display: block;
	overflow: hidden;
	position: relative;
}

.our-history .swiper-pagination {
	position: absolute;
	height: 1px;
	left: 0;
	top: 50px;
	background: #eee;
}

.our-history .swiper-pagination-progressbar-fill {
	background: #2aceeb;
}

.our-history .swiper-slide:hover b:after {
	background: #2aceeb;
}

.our-history .swiper-slide {
	z-index: 1;
}

.our-history figure {
	width: 100%;
	padding: 0 15px;
}

.our-history p {
	width: 100%;
	display: block;
	padding: 0 15px;
	font-size: 14px;
}

.our-history b {
	width: 100%;
	height: 50px;
	display: inline-block;
	margin-bottom: 20px;
	text-align: center;
	position: relative;
}

.our-history b:after {
	content: '';
	width: 12px;
	height: 12px;
	background: #eee;
	border-radius: 50%;
	position: absolute;
	left: calc(50% - 6px);
	bottom: -6px;
}

.our-history .controls {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin-top: 30px;
}

.our-history .controls .button-prev {
	width: 80px;
	height: 80px;
	line-height: 80px;
	display: inline-block;
	text-align: center;
	background: #f2f3f5;
	border-radius: 50%;
	color: #212121;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	margin: 0 2px;
}

.our-history .controls .button-prev:hover {
	background: #2aceeb;
}

.our-history .controls .button-next {
	width: 80px;
	height: 80px;
	line-height: 80px;
	display: inline-block;
	text-align: center;
	background: #f2f3f5;
	border-radius: 50%;
	color: #212121;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	margin: 0 2px;
	margin-right: 0;
}

.our-history .controls .button-next:hover {
	background: #2aceeb;
}

/* CORE VALUES BOX */
.core-values-box {
	width: 100%;
	display: block;
	border: 1px solid #e8e8e8;
	padding: 30px;
	position: relative;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	margin: 15px 0;
}

.core-values-box:hover {
	transform: translateY(-20px);
	box-shadow: 0 30px 30px #eee;
}

.core-values-box:hover h6:before {
	width: 0;
}

.core-values-box:after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 14px 14px;
	border-color: transparent transparent #e8e8e8 transparent;
	position: absolute;
	right: 4px;
	bottom: 4px;
}

.core-values-box figure {
	width: 100%;
	display: block;
	margin-bottom: 20px;
}

.core-values-box figure img {
	height: 80px;
}

.core-values-box h6 {
	display: inline-block;
	font-weight: 800;
	letter-spacing: 2px;
	position: relative;
}

.core-values-box h6:before {
	content: '';
	width: 100%;
	height: 6px;
	background: #2aceeb;
	position: absolute;
	left: 0;
	bottom: 0;
	mix-blend-mode: multiply;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.core-values-box p {
	font-size: 20px;
	padding-right: 5%;
}

/* DIRECTOR TEAM */
.director-team {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	border: 1px solid #e8e8e8;
	position: relative;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	margin: 15px 0;
}

.director-team:hover {
	transform: translateY(-20px);
	box-shadow: 0 30px 30px #eee;
}

.director-team:hover h6:before {
	width: 0;
}

.director-team:after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 14px 14px;
	border-color: transparent transparent #e8e8e8 transparent;
	position: absolute;
	right: 4px;
	bottom: 4px;
}

.director-team figure {
	width: 45%;
	display: block;
	margin: 0;
}

.director-team .content {
	width: 55%;
	display: inline-block;
	padding: 0 30px;
}

.director-team h6 {
	display: inline-block;
	font-weight: 800;
	letter-spacing: 2px;
	position: relative;
}

.director-team h6:before {
	content: '';
	width: 100%;
	height: 6px;
	background: #2aceeb;
	position: absolute;
	left: 0;
	bottom: 0;
	mix-blend-mode: multiply;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.director-team small {
	width: 100%;
	display: block;
	font-size: 20px;
	margin-bottom: 10px;
}

.director-team b {
	width: 100%;
	display: block;
	font-weight: 600;
}

/* SALES TEAM */
.sales-team {
	width: 100%;
	display: block;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	position: relative;
}

.sales-team:hover {
	background: #2aceeb;
	transform: translateY(-20px);
	box-shadow: 0 30px 30px #eee;
	z-index: 1;
}

.sales-team:hover:after {
	content: '';
	width: 80px;
	height: 70px;
	background: url('../images/pattern-dot.png');
	background-size: 12px 12px;
	position: absolute;
	left: -30px;
	top: 30px;
}

.sales-team:hover .infos:after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 14px 14px;
	border-color: transparent transparent #212121 transparent;
	position: absolute;
	right: 4px;
	bottom: 4px;
}

.sales-team:hover figure img {
	mix-blend-mode: multiply;
}

.sales-team figure {
	width: 100%;
	display: block;
	margin: 0;
}

.sales-team figure img {
	width: 100%;
	filter: grayscale(1);
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.sales-team .infos {
	width: 100%;
	display: block;
	text-align: center;
	padding: 15px 0;
	position: relative;
}

.sales-team h6 {
	width: 100%;
	display: block;
}

.sales-team small {
	width: 100%;
	display: block;
	opacity: 0.5;
}

.sales-team b {
	width: 100%;
	display: block;
	font-weight: 600;
	margin-bottom: 15px;
}

.sales-team ul {
	display: inline-block;
	margin: 0;
	padding: 0;
}

.sales-team ul li {
	display: inline-block;
	margin: 0 6px;
	padding: 0;
	list-style: none;
}

.sales-team ul li a {
	color: #212121;
	font-size: 13px;
}

/* TAB CONTENT */
.tab-left {
	width: 100%;
	display: block;
	background: #212121;
	color: #fff;
	padding: 50px;
}

.tab-left h2 {
	width: 100%;
	display: block;
	font-size: 40px;
	font-weight: 800;
	margin-bottom: 30px;
}

.tab-left ul {
	width: 100%;
	display: block;
	margin-bottom: 50px;
	padding: 0;
}

.tab-left ul li {
	width: 100%;
	display: block;
	margin: 0;
	padding: 8px 0;
	list-style: none;
}

.tab-left ul li.active a:before {
	width: 100%;
}

.tab-left ul li a {
	color: #fff;
	font-size: 22px;
	font-weight: 800;
	display: inline-block;
	position: relative;
}

.tab-left ul li a:hover {
	text-decoration: none;
	color: #2aceeb;
}

.tab-left ul li a:before {
	content: '';
	width: 0;
	height: 5px;
	background: #2aceeb;
	position: absolute;
	left: 0;
	bottom: 0;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.tab-left p {
	width: 100%;
	display: block;
	margin: 0;
}

.tab-right {
	width: 100%;
	display: block;
}

.tab-right .tab-item {
	display: none;
}

.tab-right .tab-item img {
	width: 100%;
}

.tab-right .tab-item:first-child {
	display: block;
}

/* VIDEO BOX */
.video-box {
	width: 100%;
	display: block;
	margin: 0;
	background: #212121;
	position: relative;
}

.video-box .play-btn {
	height: auto;
	width: auto;
	line-height: 1%;
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 1;
	text-align: center;
	border-radius: 10px;
	background-color: #fff;
	color: red;
	font-size: 4em;
	transition: 0.5s ease;
}

.video-box .play-btn:hover {
	transition: 0.5s ease;
	background: #2aceeb;
	border-color: #2aceeb;
	color: #212121;
}

.video-box video {
	width: 100%;
	display: block;
	margin: 0;
	opacity: 0.5;
	filter: grayscale(1);
}

/* TESTIOMONIALS SLIDER */
.testimonials-slider {
	width: calc(100% - 250px);
	float: right;
	margin-top: -200px;
	margin-right: 50px;
	position: relative;
	overflow: hidden;
}

.testimonials-slider .controls {
	display: inline-block;
	position: static;
	margin-top: 30px;
}

.testimonials-slider .controls .swiper-pagination {
	width: auto;
	display: inline-block;
	position: static;
	font-size: 26px;
	color: #9a9a9a;
}

.testimonials-slider .controls .swiper-pagination .swiper-pagination-current {
	font-size: 54px;
	color: #212121;
}

.testimonials-slider .controls .button-prev {
	width: 80px;
	height: 80px;
	line-height: 80px;
	display: inline-block;
	text-align: center;
	background: #2aceeb;
	border-radius: 50%;
	color: #212121;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	margin-left: auto;
}

.testimonials-slider .controls .button-prev:hover {
	background: #212121;
	color: #fff;
}

.testimonials-slider .controls .button-next {
	width: 80px;
	height: 80px;
	line-height: 80px;
	display: inline-block;
	text-align: center;
	background: #2aceeb;
	border-radius: 50%;
	color: #212121;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	margin-left: 2px;
	margin-right: 0;
}

.testimonials-slider .controls .button-next:hover {
	background: #212121;
	color: #fff;
}

.testimonials-slider .testimonial {
	width: 100%;
	float: left;
	padding: 30px;
	background: #fff;
	position: relative;
}

.testimonials-slider .testimonial:after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 20px 20px 0;
	border-color: transparent #fff transparent transparent;
	position: absolute;
	bottom: -20px;
	right: 30px;
}

.testimonials-slider .testimonial p {
	width: 100%;
	display: block;
	margin-bottom: 30px;
	color: #565656;
}

.testimonials-slider .testimonial i {
	width: 60px;
	height: 60px;
	line-height: 60px;
	float: left;
	background: #2aceeb;
	color: #212121;
	text-align: center;
	font-size: 30px;
	margin-right: 20px;
	margin-top: -8px;
}

.testimonials-slider .testimonial h6 {
	font-weight: 600;
	margin-bottom: 0;
}

/* LOGO ITEMS */
.logo-item {
	width: 100%;
	display: block;
	margin: 0;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	padding: 0 30px;
}

.logo-item img {
	width: 100%;
}

/* RECENT NEWS */
.recent-news {
	width: 100%;
	display: block;
	position: relative;
	margin-bottom: 5%;
	border-radius: 5px;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.recent-news:hover {
	transform: translateY(-20px);
	box-shadow: 0 30px 30px #eee;
}

.recent-news:hover:after {
	content: '';
	width: 70%;
	height: 70px;
	background: url('../images/pattern-dot.png');
	background-size: 12px 12px;
	position: absolute;
	right: -25px;
	bottom: -25px;
	z-index: -1;
	opacity: 0.2;
}

.recent-news:hover figure img {
	filter: none;
}

.recent-news:hover .content h3 a {
	background-size: 100% 100%;
}

.recent-news figure {
	width: 100%;
	max-height: 220px;
	display: block;
	margin: 0;
	position: relative;
	overflow: hidden;
	background: #2aceeb;
}

.recent-news figure img {
	width: 100%;
	max-width: inherit;
	min-height: 220px;
	filter: grayscale(1);
}

.recent-news .content {
	width: 100%;
	height: 100%;
	display: block;
	padding: 30px;
	background: #fff;
	border: 1px solid #e8e8e8;
	border-radius: 0px 0px 5px 5px;
	border-top: none;
}

.recent-news .content small {
	display: inline-block;
	padding: 4px 8px;
	background: #2aceeb;
	margin-bottom: 20px;
	color: #212121;
}

.recent-news .content h3 {
	width: 100%;
	display: block;
	margin-bottom: 30px;
	font-size: 26px;
	line-height: 1.4;
}

.recent-news .content h3 a {
	display: inline;
	background-image: -moz-linear-gradient(
		rgba(0, 0, 0, 0) calc(99% - 1px),
		#2aceeb 1px
	);
	background-image: -webkit-linear-gradient(
		rgba(0, 0, 0, 0) calc(99% - 1px),
		#2aceeb 1px
	);
	background-image: linear-gradient(
		rgba(0, 0, 0, 0) calc(99% - 1px),
		#2aceeb 1px
	);
	background-repeat: no-repeat;
	background-size: 0% 100%;
	transition: background-size 0.5s;
}

.recent-news .content h3 a:hover {
	text-decoration: none;
}

.recent-news .content .author {
	width: 100%;
	display: block;
	margin-bottom: 0;
	font-size: 13px;
}

.recent-news .content .author img {
	height: 50px;
	display: inline-block;
	border-radius: 50%;
	margin-right: 15px;
}

.recent-news .content .author b {
	font-weight: 600;
}

/* NEWS BOX */
.news-box {
	width: 100%;
	display: block;
	position: relative;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	margin-bottom: 100px;
}

.news-box:last-child {
	margin-bottom: 0;
}

.news-box:after {
	content: '';
	width: 70%;
	height: 70px;
	background: url('../images/pattern-dot.png');
	background-size: 12px 12px;
	position: absolute;
	right: -25px;
	bottom: -25px;
	z-index: -1;
	opacity: 0.2;
}

.news-box:hover .content h3 a {
	background-size: 100% 100%;
}

.news-box figure {
	width: 100%;
	display: block;
	margin: 0;
	position: relative;
	overflow: hidden;
	background: #2aceeb;
}

.news-box figure img {
	width: 100%;
	max-width: inherit;
}

.news-box .content {
	width: 100%;
	height: 100%;
	display: block;
	padding: 30px;
	background: #fff;
	border: 1px solid #e8e8e8;
	border-top: none;
}

.news-box .content small {
	display: inline-block;
	padding: 4px 8px;
	background: #2aceeb;
	margin-bottom: 20px;
	color: #212121;
}

.news-box .content h3 {
	width: 100%;
	display: block;
	margin-bottom: 30px;
	font-size: 38px;
	line-height: 1.4;
}

.news-box .content h3 a {
	display: inline;
	background-image: -moz-linear-gradient(
		rgba(0, 0, 0, 0) calc(99% - 1px),
		#212121 1px
	);
	background-image: -webkit-linear-gradient(
		rgba(0, 0, 0, 0) calc(99% - 1px),
		#212121 1px
	);
	background-image: linear-gradient(
		rgba(0, 0, 0, 0) calc(99% - 1px),
		#212121 1px
	);
	background-repeat: no-repeat;
	background-size: 0% 100%;
	transition: background-size 0.5s;
}

.news-box .content h3 a:hover {
	text-decoration: none;
}

.news-box .content .author {
	width: 100%;
	display: block;
	margin-bottom: 0;
	font-size: 13px;
}

.news-box .content .author img {
	height: 50px;
	display: inline-block;
	border-radius: 50%;
	margin-right: 15px;
}

.news-box .content .author b {
	font-weight: 600;
}

.news-box .content h6 {
	font-size: 24px;
	line-height: 1.7;
	margin: 30px 0;
}

.news-box .content strong {
	font-weight: 600;
}

.news-box .content figure {
	margin: 30px 0;
}

.news-box .content blockquote {
	width: 100%;
	display: block;
	padding: 40px;
	background: #2aceeb;
	color: #212121;
	font-size: 19px;
}

.news-box .content ul {
	padding-left: 20px;
}

.news-box .content ul li {
	margin: 4px 0;
}

/* SIDEBAR */
.sidebar {
	width: 100%;
	display: block;
	padding-left: 30px;
}

.sidebar .widget {
	width: 100%;
	display: block;
	border: 1px solid #e8e8e8;
	padding: 50px;
	margin-bottom: 50px;
}

.sidebar .widget:last-child {
	margin-bottom: 0;
}

.sidebar .widget .widget-title {
	width: 100%;
	display: block;
	position: relative;
	z-index: 1;
	font-weight: 800;
	letter-spacing: 3px;
	font-size: 18px;
	margin-bottom: 30px;
	padding-bottom: 30px;
}

.sidebar .widget .widget-title:before {
	content: '';
	width: 100%;
	height: 6px;
	background: #2aceeb;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
	mix-blend-mode: difference;
}

.sidebar .widget form {
	width: 100%;
	display: block;
}

.sidebar .widget form input[type='submit'] {
	margin-top: 10px;
	background: #212121;
	color: #fff;
}

.sidebar .widget .categories {
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
}

.sidebar .widget .categories li {
	width: 100%;
	display: block;
	margin: 4px 0;
	padding: 0;
	list-style: none;
}

.sidebar .widget .categories li a {
	color: #212121;
	font-size: 19px;
}

/* PAGINATION */
.pagination {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}

.pagination .page-item {
	display: inline-block;
}

.pagination .page-item .page-link {
	height: 60px;
	line-height: 60px;
	padding: 0 40px;
	border-radius: 0 !important;
	font-size: 12px;
	font-weight: 600;
	color: #212121;
	outline: none !important;
}

.pagination .page-item .page-link:focus {
	outline: none !important;
}

/* FOOTER BAR */
.footer-bar {
	width: 100%;
	display: block;
	padding: 80px 0;
	position: relative;
	overflow: hidden;
	color: #fff;
	background-color: #232222;
	background-image: url('../images/header-pattern.png');
	background-position: center;
	background-size: cover;
}

.footer-bar .logo {
	width: 100%;
	display: block;
	margin-bottom: 30px;
}

.footer-bar .logo img {
	height: 50px;
}

.footer-bar h2 {
	font-size: 2em;
	font-weight: 800;
	padding-right: 20%;
	margin-bottom: 50px;
}

.footer-bar h2 b {
	-webkit-text-stroke: 1px #fff;
	text-stroke: 1px #fff;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.footer-bar .button,
.modal-footer a {
	display: inline-block;
	float: left;
	height: 68px;
	line-height: 68px;
	padding: 0 40px;
	background: #2aceeb;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	margin-right: 2%;
	border-radius: 10px;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	-webkit-box-shadow: 5px 5px 0px 0px rgba(38, 183, 209, 1);
	-moz-box-shadow: 5px 5px 0px 0px rgba(38, 183, 209, 1);
	box-shadow: 5px 5px 0px 0px rgba(38, 183, 209, 1);
}

.footer-bar .button i {
	display: inline-block;
	margin-left: 10px;
	font-size: 20px;
	transform: translateY(3px);
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.footer-bar .button:hover {
	color: #212121;
	transform: translateY(10px) translateX(5px);
	-webkit-box-shadow: 0px 0px 0px 0px rgba(10, 90, 140, 1);
	-moz-box-shadow: 0px 0px 0px 0px rgba(10, 90, 140, 1);
	box-shadow: 0px 0px 0px 0px rgba(10, 90, 140, 1);
	transition: 0.5s ease;

	text-decoration: none;
}

.footer-bar .button:hover i {
	transform: scale(1.1);
}

.footer-bar .sales-representive {
	display: inline-block;
	margin-left: 5vw;
	line-height: 68px;
}

.footer-bar .sales-representive figure {
	float: left;
	margin-right: 10px;
}

.footer-bar .sales-representive figure img {
	height: 60px;
	border-radius: 50%;
}

.footer-bar .sales-representive b {
	display: inline-block;
	font-weight: 600;
	position: relative;
}

.footer-bar .sales-representive b:before {
	content: '';
	width: 100%;
	height: 4px;
	background: #2aceeb;
	position: absolute;
	left: 0;
	bottom: 20px;
}

/* FOOTER */
.footer {
	width: 100%;
	display: block;
	background-color: #212121;
	position: relative;
	padding-top: 80px;
	color: #fff;
}

.footer .scroll-top {
	width: 100px;
	background: #2aceeb;
	position: absolute;
	right: 30px;
	top: -30px;
	z-index: 1;
	color: #212121;
	text-align: center;
	padding: 15px 0;
}

.footer .scroll-top small {
	width: 100%;
	display: block;
}

.footer .widget-title {
	width: 100%;
	display: block;
	margin-bottom: 20px;
	font-weight: 600;
	opacity: 0.7;
	letter-spacing: 2px;
}

.footer address {
	width: 100%;
	display: block;
	margin: 0;
}

.footer address p {
	width: 100%;
	display: block;
}

.footer address a {
	display: inline-block;
	color: #fff;
	font-weight: 600;
	font-size: 13px;
	border-bottom: 3px solid #2aceeb;
}

.footer address a:hover {
	text-decoration: none;
	border-color: #fff;
}

.footer form {
	width: 100%;
	display: block;
}

.footer form input[type='email'] {
	width: 100%;
	height: 68px;
	border: none;
	background: #232222;
	padding: 30px;
	color: #fff;
	margin-bottom: 15px;
}

.footer form input[type='submit'] {
	height: 60px;
	background: #2aceeb;
	border: none;
	padding: 0 40px;
	font-size: 13px;
	font-weight: 600;
}

.footer .footer-bottom {
	width: 100%;
	display: block;
	margin-top: 50px;
	border-top: 1px dotted rgba(255, 255, 255, 0.2);
	padding: 20px 0;
}

.footer .footer-bottom span {
	opacity: 0.7;
	font-size: 13px;
}

.footer .footer-bottom ul {
	float: right;
	margin: 0;
	padding: 0;
}

.footer .footer-bottom ul li {
	display: inline-block;
	margin-left: 20px;
	padding: 0;
	list-style: none;
}

.footer .footer-bottom ul li a {
	opacity: 0.7;
	font-size: 13px;
	color: #fff;
}

.footer .footer-bottom ul li a:hover {
	opacity: 1;
	text-decoration-color: #2aceeb;
}

/* SALES SPECIALIST FORM */
#sales-specialist-form {
	width: 60%;
	max-width: 100%;
	display: none;
}

.fancybox-content {
	padding: 0px;
}

#sales-specialist-form .form-group span {
	display: inline-block;
	margin-left: 12px;
	background: #fff;
	padding: 0 6px;
	transform: translateY(14px);
	color: #8b8b8b;
	font-size: 15px;
}

#sales-specialist-form .form-group:last-child {
	margin: 0;
}

.bgtaller {
	background: url(../images/taller2.jpg);
	background-size: cover;
	background-position: center center;
}

.fancybox-close-small {
	transform: scale(1.5);
	top: 10px;
	right: 10px;
	background-color: #2aceeb;
}

#sales-specialist-form .side-content {
	padding: 5%;
}

/* YES NO SWITCHER*/
.yes-no {
	width: 100%;
	display: block;
	position: relative;
	background: #212121;
	border: 4px solid #212121;
}

.yes-no .switch {
	width: 100%;
	height: 50px;
	text-align: center;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.yes-no .switch span {
	position: absolute;
	width: 50%;
	height: 100%;
	top: 0;
	left: 0;
	background: #2aceeb;
	font-weight: 600;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.yes-no label {
	cursor: pointer;
	line-height: 50px;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	font-weight: 600;
}

.yes-no label[for='yes'] {
	position: absolute;
	z-index: 1;
	left: 0px;
	width: 50%;
	height: 100%;
	margin: 0;
	color: #fff;
}

.yes-no label[for='no'] {
	position: absolute;
	width: 50%;
	height: 100%;
	right: 0px;
	z-index: 1;
	color: #fff;
	margin: 0;
}

.yes-no input[type='radio'] {
	display: none;
}

.yes-no #no:checked ~ .switch {
	background: #2aceeb;
}

.yes-no #no:checked ~ .switch span {
	background: #212121;
}

.yes-no #no:checked ~ .switch span:after {
	background: none;
}

.yes-no #yes:checked ~ .switch label[for='yes'] {
	color: #212121;
	font-weight: 600;
}

.yes-no #no:checked ~ .switch label[for='no'] {
	color: #212121;
}

/* RANGE SLIDER */
.range-slider {
	width: 100%;
	display: block;
}

.range-slider__range {
	-webkit-appearance: none;
	width: 100%;
	height: 10px;
	border-radius: 0;
	background: #f2f2f2;
	outline: none;
	padding: 0;
	margin: 0;
}

.range-slider__range::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #2aceeb;
	cursor: pointer;
	-webkit-transition: background 0.15s ease-in-out;
	transition: background 0.15s ease-in-out;
}

.range-slider__range::-moz-range-thumb {
	width: 20px;
	height: 20px;
	border: 0;
	border-radius: 50%;
	background: #2aceeb;
	cursor: pointer;
	-moz-transition: background 0.15s ease-in-out;
	transition: background 0.15s ease-in-out;
}

.range-slider__range:active::-moz-range-thumb {
	background: #2aceeb;
}

.range-slider__range:focus::-webkit-slider-thumb {
	box-shadow: 0 0 0 3px #fff, 0 0 0 6px #2aceeb;
}

.range-slider__value {
	display: inline-block;
	position: relative;
	width: 60px;
	color: #212121;
	line-height: 20px;
	text-align: center;
	background: #2aceeb;
	padding: 5px 10px;
}

::-moz-range-track {
	background: #2aceeb;
	border: 0;
}

input::-moz-focus-inner,
input::-moz-focus-outer {
	border: 0;
}

.content h6 {
	text-transform: uppercase;
}

.logofooter img {
	width: 50%;
}

.redes a {
	color: #2aceeb;
	font-size: 1em;
	margin-left: 2%;
}

.contactofooter i {
	color: #2aceeb;
}

/* RESPONSIVE MEDIUM  */
@media only screen and (max-width: 1199px),
	only screen and (max-device-width: 1199px) {
	.navbar .navbar-button {
		padding: 0 15px;
		margin-left: 20px;
	}

	.navbar .navbar-button i {
		margin: 0;
	}

	.navbar .navbar-button span {
		display: none;
	}

	.slider .slider-content .inner h2 {
		font-size: 50px;
	}

	.counter-box .odometer {
		font-size: 55px;
	}

	.project-slider .swiper-slide {
		max-width: 70vw;
	}

	.calculator .form .info-box {
		width: 60%;
	}

	.logo-item {
		padding: 0 15px;
	}

	.footer-bar h2 {
		padding: 0;
	}
}

/* RESPONSIVE TABLET  */
@media only screen and (max-width: 991px),
	only screen and (max-device-width: 991px) {
	.side-widget {
		box-shadow: none;
	}

	.side-widget .show-mobile {
		display: block;
	}

	.side-widget .hide-mobile {
		display: none;
	}

	.contact-box {
		margin: 15px 0;
	}

	.contact-box p {
		font-size: 18px;
	}

	.contact-form {
		margin-bottom: -10%;
	}

	.counter-box .value {
		margin-right: 20px;
	}

	.step-box {
		margin: 40% 0;
	}

	.step-box .image {
		padding-right: 0;
	}

	.step-box .content {
		bottom: -50%;
		right: 10%;
	}

	.step-box:hover .content {
		bottom: -10%;
		right: 10%;
	}

	.accordion {
		padding-right: 0;
	}

	.cta-box-yellow {
		width: 100%;
	}

	.custom-list {
		margin-top: 30px;
	}

	.certificate {
		margin: 15px 0;
	}

	.projects li {
		width: 100%;
	}

	.project-specifications {
		width: 100%;
		margin-top: 30px;
		margin-left: 0;
	}

	.sidebar {
		padding-left: 0;
		margin-top: 50px;
	}

	.navbar .site-menu {
		display: none;
	}

	.navbar .navbar-button span {
		display: inline-block;
		margin-left: 6px;
	}

	.slider {
		height: auto;
	}

	.slider .slider-main {
		width: 100%;
		position: static;
	}

	.slider .slider-content {
		width: 100%;
		margin-right: 0;
	}

	.slider
		.slider-content
		.controls
		.swiper-pagination
		.swiper-pagination-current {
		color: #fff;
	}

	.icon-content {
		margin: 15px 0;
	}

	.side-content {
		padding-left: 0;
		margin-top: 30px;
	}

	.col-lg-3:nth-child(even) .counter-box {
		margin-top: 0;
	}

	.counter-box {
		margin: 15px 0;
	}

	.project-slider .swiper-slide {
		max-width: inherit;
	}

	.calculator .form .info-box {
		width: 100%;
		margin-top: 0;
		margin-bottom: 30px;
	}

	.calculator .form .price-box {
		width: calc(100% + 100px);
	}

	.row.no-gutters .col {
		width: 33%;
		flex-basis: 33%;
		flex-grow: inherit;
		margin: 0 auto;
	}

	.sales-team {
		margin: 15px 0;
	}

	.logo-item {
		margin: 15px 0;
	}

	.col-lg-5 .recent-news {
		margin-bottom: 30px;
	}

	.footer-bar .sales-representive {
		margin-left: 0;
		margin-top: 30px;
	}

	.footer address {
		margin-bottom: 50px;
	}

	.button2 {
		display: block;
	}
}

/* RESPONSIVE MOBILE */
@media only screen and (max-width: 767px),
	only screen and (max-device-width: 767px) {
	.navbar .navbar-button {
		display: none;
	}

	.hamburger #hamburger {
		visibility: visible;
	}

	.side-widget {
		width: 240px;
	}

	.search-box .inner {
		width: 90vw;
	}

	.navbar .navbar-button span {
		display: none;
	}

	.navbar .languages {
		display: none;
	}

	.navbar .navbar-button {
		margin-left: 0;
	}

	.slider .slider-content {
		margin-bottom: 30px;
	}

	.slider .slider-content .controls {
		padding: 0;
		width: 100%;
		display: none;
	}

	.slider .slider-content .inner {
		padding-bottom: 30px;
	}

	.slider .slider-content .inner h2 {
		font-size: 40px;
	}

	.slider .slider-content .inner p {
		margin-bottom: 30px;
	}

	.icon-content {
		width: 100%;
		margin: 15px 0;
	}

	.icon-content small {
		margin-bottom: 30px;
	}

	.project-slider .swiper-slide .project-box figcaption {
		width: 100%;
		position: static;
	}

	.project-slider .swiper-slide .project-box figcaption h5 {
		font-size: 22px;
	}

	.project-slider .swiper-slide .project-box figcaption:after {
		bottom: 0;
	}

	.calculator .bg-image {
		display: none;
	}

	.row.no-gutters .col {
		width: 80%;
		flex-basis: 80%;
		margin: 15px 10%;
	}

	.testimonials-slider {
		width: 100%;
		margin: 0;
	}

	.testimonials-slider .controls {
		display: none;
	}

	.recent-news {
		margin: 15px 0 !important;
	}

	.contact-form {
		padding: 30px;
	}

	.news-box .content h3 {
		font-size: 26px;
	}

	.sidebar .widget {
		padding: 30px;
	}

	.isotope-filter li {
		font-size: 15px;
		margin-right: 20px;
	}

	.projects li .project-box figcaption {
		width: calc(100% - 60px);
		left: 30px;
		padding: 20px;
	}

	.projects li .project-box figcaption h5 {
		font-size: 25px;
	}

	.project-specifications {
		padding: 30px;
	}

	.info-box-dark {
		padding: 30px;
	}

	.cta-box-yellow {
		padding: 30px;
	}

	.cta-box-yellow h4 {
		font-size: 34px;
	}

	.calculator .form {
		padding: 30px;
	}

	.footer-bar h2 {
		font-size: 40px;
	}

	.footer-bar .sales-representive {
		line-height: inherit;
	}

	.footer-bar .sales-representive b {
		color: #2aceeb;
	}

	.footer-bar .sales-representive b:before {
		display: none;
	}

	.footer-bar .sales-representive figure {
		width: 100%;
	}

	.footer .scroll-top {
		right: auto;
		left: 15px;
	}

	.footer .footer-bottom ul {
		float: left;
	}

	.footer .footer-bottom ul li {
		margin-left: 0;
		margin-right: 10px;
	}

	.calculator .form .price-box {
		margin-right: 0px;
		width: 100%;
	}
}

/* Logo Doctorweb */
.doctorweb .doc1 {
	animation: 10s doc infinite ease;
}

.doctorweb .doc2 {
	width: 20%;
}

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

	10% {
		transform: rotate(0deg);
	}

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

	90% {
		transform: rotate(0deg);
	}

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

/* Logo Doctorweb */
/* Boton whatsapp  */
.btn-whatsapp {
	display: block;
	width: 75px;
	height: 75px;
	color: #333;
	position: fixed;
	right: 1%;
	bottom: 1%;
	border-radius: 50%;
	line-height: 70px;
	text-align: center;
	z-index: 999;
	font-size: 70px !important;
	background: rgba(38, 212, 102, 1);
	background: -moz-radial-gradient(
		center,
		ellipse cover,
		rgba(38, 212, 102, 1) 0%,
		rgba(34, 186, 89, 1) 100%
	);
	background: -webkit-gradient(
		radial,
		center center,
		0px,
		center center,
		100%,
		color-stop(0%, rgba(38, 212, 102, 1)),
		color-stop(100%, rgba(34, 186, 89, 1))
	);
	background: -webkit-radial-gradient(
		center,
		ellipse cover,
		rgba(38, 212, 102, 1) 0%,
		rgba(34, 186, 89, 1) 100%
	);
	background: -o-radial-gradient(
		center,
		ellipse cover,
		rgba(38, 212, 102, 1) 0%,
		rgba(34, 186, 89, 1) 100%
	);
	background: -ms-radial-gradient(
		center,
		ellipse cover,
		rgba(38, 212, 102, 1) 0%,
		rgba(34, 186, 89, 1) 100%
	);
	background: radial-gradient(
		ellipse at center,
		rgba(38, 212, 102, 1) 0%,
		rgba(34, 186, 89, 1) 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#26d466', endColorstr='#22ba59', GradientType=1);
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
	transition: ease 0.5s;
}

.btn-whatsapp i {
	color: #fff !important;
	transition: ease 0.5s;
	display: block;
	margin-top: 4%;
}

.btn-whatsapp:hover {
	background-color: #333;
	transform: rotate(360deg);
	transition: ease 0.5s;
}

.btn-whatsapp span {
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	font-size: 0.3em;
	right: 2px;
	background-color: #de2f36;
	color: #fff;
	border-radius: 100px;
	height: 20px;
	width: 20px;
	line-height: 20px;
	transition: 0.5s ease;
	animation: iconw 2s infinite ease-in-out;
}

.btn-whatsapp:hover span {
	display: none !important;
	transition: 0.5s ease;
}

@keyframes iconw {
	0% {
		transform: scale(0.8);
	}

	50% {
		transform: scale(1);
	}

	100% {
		transform: scale(0.8);
	}
}

/* Boton whatsapp  */
/* Barra lateral */
.social-bar {
	position: fixed;
	right: 0.5%;
	top: 15%;
	font-size: 1.5em;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	z-index: 100;
}

.icono {
	color: #fff !important;
	text-decoration: none;
	height: 50px;
	width: 50px;
	display: flex;
	transition: all 0.5s;
	margin-top: 10%;
	position: relative;
}

.icono .lni {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.imgnbanner {
	width: 50% !important;
}

.imgnbanner img {
	border-radius: 10px;
}

.icono-facebook {
	background: #3b5998;
}

.icono-twitter {
	background: #00acee;
}

.icono-youtube {
	background: red;
}

.icono-instagram {
	background: #d6249f;
	background: radial-gradient(
		circle at 30% 107%,
		#fdf497 0%,
		#fdf497 5%,
		#fd5949 45%,
		#d6249f 60%,
		#285aeb 90%
	);
}

.icono-phone {
	background: #2aceeb;
}

.icono:hover {
	padding: 0.5rem;
	border-radius: 1rem 1rem 1rem 1rem;
	box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.42);
	color: #333;
}

.icono {
	border-radius: 100px;
}

.info-box-dark a {
	height: 58px !important;
	line-height: 58px;
	padding: 5% 40px;
	color: #fff;
	background: #2aceeb;
	font-size: 13px;
	font-weight: 600;
	border-radius: 5px;
	transition: 0.5s ease;
}

.info-box-dark a:hover {
	color: #fff;
	background: #26b7d1;
	transition: 0.5s ease;
}

.lista1 i {
	color: #2aceeb;
	font-weight: 900;
	font-size: 1.2em;
}

a:hover {
	text-decoration: none;
}

.padding0 {
	padding-top: 0%;
	padding-bottom: 5%;
}

.newpadx {
	padding-top: 2%;
	padding-bottom: 2%;
}

.piedras {
	background-size: cover !important;
}

.white-space-top:before {
	height: 0px;
}

.cta-box-yellow {
	color: #fff;
	border-radius: 0px 0px 20px 20px;
	box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
}

.equipo {
	border-radius: 10px;
	box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
}

#covid {
	background-color: #00acee;
	color: #fff;
	width: 100%;
}

#covid p {
	margin-bottom: 0px;
	padding: 1% 0%;
}

.buttonclose {
	border-radius: 10px;
	border-width: 0px !important;
	position: absolute;
	right: -10%;
	top: 10%;
}

.responsive {
	display: none;
}

.slide1 {
	background: url(../images/slider/psicologa-en-cdmx.jpg);
}

.slide2 {
	background: url(../images/slider/psicoterapeuta-en-cdmx.jpg);
}

.slide3 {
	background: url(../images/slider/slide-3.png);
}

.slide4 {
	background: url(../images/slider/slide-4.jpeg);
}

.slide5 {
	background: url(../images/slider/slide-5.jpeg);
}

#slide5 {
	background-position: 50% 25% !important;
}

.button2 {
	padding: 10px 40px;
	color: #fff;
	background: #2dd9f7;
	background: -moz-radial-gradient(
		center,
		ellipse cover,
		#2dd9f7 0%,
		#2aceeb 100%
	);
	background: -webkit-gradient(
		radial,
		center center,
		0px,
		center center,
		100%,
		color-stop(0%, #2dd9f7),
		color-stop(100%, #2aceeb)
	);
	background: -webkit-radial-gradient(
		center,
		ellipse cover,
		#2dd9f7 0%,
		#2aceeb 100%
	);
	background: -o-radial-gradient(
		center,
		ellipse cover,
		#2dd9f7 0%,
		#2aceeb 100%
	);
	background: -ms-radial-gradient(
		center,
		ellipse cover,
		#2dd9f7 0%,
		#2aceeb 100%
	);
	background: radial-gradient(ellipse at center, #2dd9f7 0%, #2aceeb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2dd9f7', endColorstr='#2aceeb', GradientType=1);
	font-size: 13px;
	font-weight: 600;
	border-radius: 10px;
	transition: 0.5s ease;
	-webkit-box-shadow: 5px 5px 0px 0px rgba(38, 183, 209, 1);
	-moz-box-shadow: 5px 5px 0px 0px rgba(38, 183, 209, 1);
	box-shadow: 5px 5px 0px 0px rgba(38, 183, 209, 1);
	margin-left: 10px;
}

.ctamid a {
	float: none !important;
}

.icono:hover {
	transform: scale(1.1);
	box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.42);
	color: #333;
}

.empresa {
	width: 50%;
	border-radius: 10px;
}

.consultorios img {
	border-radius: 10px;
}

.cta-box-yellow img {
	width: 20%;
	float: right;
}

.modal-dialog {
	max-width: 80%;
}

.modal-content {
	background: url(../images/bgtaller.jpg);
	background-size: cover;
}

.promo {
	padding: 20px;
	background-image: linear-gradient(
		to top,
		#db0303,
		#db0021,
		#d90034,
		#d50044,
		#cf0053
	);
}

.promo .cuadro {
	background: #fff;
	border: 5px solid #000;
	border-radius: 10px;
	text-align: center;
	box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}

.promo h1 {
	color: #db0303;
	text-transform: uppercase;
	font-weight: 900;
}

.promo h2 {
	font-size: 4em;
	font-weight: 900;
}

.promo a {
	display: inline-block;
	margin: 10px;
	background-image: linear-gradient(
		to top,
		#db0303,
		#db0021,
		#d90034,
		#d50044,
		#cf0053
	);
	padding: 20px 30px;
	border-radius: 100px;
	color: #fff;
	box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px,
		rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px,
		rgba(0, 0, 0, 0.07) 0px 16px 16px;
	border: 2px solid #000;
}

/* Barra lateral */
@media only screen and (min-width: 320px) and (max-width: 767px) {
	.bgtaller {
		height: 200px;
	}

	.modal-dialog {
		max-width: 100%;
	}

	.btn-whatsapp span {
		font-size: 0.2em;
		height: 10px;
		width: 10px;
		line-height: 10px;
		top: 1px !important;
	}

	.btn-whatsapp {
		font-size: 2.5em !important;
		width: 50px;
		height: 50px;
	}

	.social-bar {
		position: fixed;
		right: 0.5%;
		top: 15%;
		font-size: 1em;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		z-index: 100;
	}

	.icono {
		color: #fff !important;
		text-decoration: none;
		height: 30px;
		width: 30px;
		display: flex;
		transition: all 0.5s;
		margin-top: 10%;
		position: relative;
	}

	.button2 {
		margin-top: 10px;
	}

	.lista1,
	.section-title,
	.accordion,
	.side-content,
	.footer-bar {
		padding-right: 10%;
	}

	.slider .slider-content .inner a {
		line-height: normal;
		height: fit-content;
		padding-top: 4%;
		padding-bottom: 5%;
	}

	.slide1 {
		background: url(../images/psicologa-en-mexico.png);
	}

	.slide2 {
		background: url(../images/slide02r.png);
	}

	.slide3 {
		background: url(../images/slide03r.png);
	}

	.slide4 {
		background: url(../images/slide04r.png);
	}

	.slide5 {
		background: url(../images/slide05r.png);
	}

	.fullwidth {
		display: none;
	}

	.responsive {
		display: block !important;
	}

	.slider .slider-content .inner {
		text-align: center;
	}

	.interlink {
		color: #4394cd !important;
	}

	.titleseo {
		font-size: 2em;
		padding-top: 50px !important;
	}

	.texthdseo {
		font-size: 1.5em !important;
		font-weight: 700 !important;
		color: #00acee !important;
	}

	.imgnbanner {
		width: 100% !important;
		display: flex !important;
		flex-direction: column !important;
		justify-content: center !important;
	}

	.slider .slider-content .inner h2 {
		font-size: 2em;
		text-align: center;
		padding: 0% 10%;
	}

	.slider .slider-content .inner p {
		text-align: center;
		padding: 0% 10%;
	}

	.buttonclose {
		border-radius: 10px;
		border-width: 0px !important;
		position: absolute;
		right: 5%;
		top: 60%;
	}

	.cta-box-yellow {
		margin-bottom: 400px !important;
	}

	.piedras {
		background-size: cover !important;
		background-position: 85% !important;
	}

	.slider .slider-main .header-box b {
		font-size: 2em;
		height: 1em;
	}

	.slider .slider-main .header-box {
		height: 100px;
		width: 100px;
	}

	.services-list-box {
		text-align: center;
	}

	.bg1 {
		background-position: 40% !important;
	}

	.centertextr {
		text-align: center;
	}

	.doctorweb .doc1 {
		width: 5%;
	}

	.doctorweb .doc2 {
		width: 20%;
	}

	.doctorweb {
		display: block;
	}

	.services-list-box h4 {
		font-size: 1.5em;
	}

	.services-list-box .button {
		font-size: 1em;
		padding: 0 5px;
	}

	.services-list-box {
		padding: 5%;
	}

	.hide-mobile p {
		color: #eeeeee;
	}

	.side-widget .site-menu ul li a {
		font-size: 1em;
	}

	.side-widget {
		width: 80%;
	}

	.footer-bar .button {
		margin-top: 5%;
		margin-right: 5% !important;
	}

	.footerlinks {
		text-align: center;
	}

	.footer-bar .button {
		float: none;
		margin-right: 0%;
	}

	.page-header {
		padding-top: 50%;
		padding-bottom: 10%;
	}

	.stepbox1 .content {
		bottom: -10% !important;
	}

	.stepbox2 .content {
		bottom: -40% !important;
	}

	.stepbox2 {
		margin-bottom: 40%;
	}

	.stepbox3 .content {
		bottom: -75% !important;
	}

	.stepbox3 {
		margin-bottom: 60%;
	}

	.stepbox3:hover .content {
		bottom: -40%;
	}

	.stepbox5 .content {
		bottom: -10% !important;
	}

	.stepbox01 .content {
		bottom: -60% !important;
	}

	.stepbox01:hover .content {
		bottom: -50% !important;
	}

	.content-section {
		overflow-x: hidden !important;
	}
}

/*# sourceMappingURL=style.css.map */

.about-image {
	position: relative;
}

.about-image > #image-moveed {
	position: absolute;
	width: 40%;
	bottom: 0px;
	right: 57px;
}

/*<----------------------------------- Start FirtVideos ------------------------------------>*/

.firtsVideos {
	height: 315px;
	justify-content: space-between;
	gap: 15px 0;
}

.firstVideos-card {
	position: relative;
	height: 315px;
	background-color: #1f1f1f;
}

.firstVideos-card_title {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	color: white;
}

@media screen and (min-width: 768px) {
	.tv-colaborations {
		margin-top: 350px;
	}
}

@media screen and (min-width: 992px) {
	.tv-colaborations {
		margin-top: 0px;
	}

	.firstVideos-card_title {
		top: -7px;
	}
}

/*<----------------------------------- End FirtVideos ------------------------------------>*/

/*<----------------------------------- Start terapiaVideos ------------------------------------>*/
.terapiasVideos {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto;
	padding: 30px;
}

.terapiasVideos-card {
	max-width: 510px;
}

.terapiasVideos-card_video {
	width: 100%;
	height: 500px;
	background-color: #1f1f1f;
}

@media screen and (min-width: 768px) {
	.terapiasVideos-card {
		max-width: 628px;
	}
}

@media screen and (min-width: 992px) {
	.terapiasVideos {
		grid-template-columns: repeat(3, 1fr);
		gap: 25px;
	}
}

/*<----------------------------------- End terapiaVideos ------------------------------------>*/

/* links footer */

.footer-bottom .bottom-inner {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 1rem;
}

.footer-bottom .bottom-inner .footer-nav {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.footer-bottom .bottom-inner .footer-nav li {
	display: inline-block;
}

@media (min-width: 768px) {
	.footer-bottom .bottom-inner .footer-nav {
		flex-direction: row;
		gap: 40px;
	}
}

.june-offer-section {
	background: linear-gradient(135deg, #f8fcff 0%, #e6f3ff 100%);
	padding: 60px 0;
	border-bottom: 1px solid #e0e0e0;
	position: relative;
	overflow: hidden;
}

.june-offer-section::before {
	content: '';
	position: absolute;
	top: -50px;
	right: -50px;
	width: 200px;
	height: 200px;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path fill="%232c6aa0" fill-opacity="0.05" d="M28.1,13.9C37,5,50.2,2.2,61.1,7.7c10.9,5.5,17,17.4,14.4,28.9c-2.6,11.5-12.8,20.1-24.5,21.6 c-11.7,1.5-23.2-4.4-28.9-14.7C16.4,33.1,19.3,22.8,28.1,13.9z"/></svg>')
		no-repeat;
	background-size: contain;
	transform: rotate(25deg);
	z-index: 0;
}

.offer-header {
	position: relative;
	margin-bottom: 40px;
	text-align: center;
	z-index: 1;
}

.offer-badge {
	background-color: var(--accent);
	color: white;
	font-weight: bold;
	padding: 8px 20px;
	border-radius: 30px;
	display: inline-block;
	margin-bottom: 15px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	animation: pulse 2s infinite;
}

@keyframes pulse {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.05);
	}

	100% {
		transform: scale(1);
	}
}

.offer-content {
	background: white;
	border-radius: 15px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
	padding: 40px;
	position: relative;
	z-index: 1;
}

.offer-highlight {
	border-left: 4px solid var(--accent);
	padding-left: 20px;
	margin: 30px 0;
	background: #fffdf5;
	padding: 20px;
	border-radius: 0 8px 8px 0;
}

.feature-icon {
	background: #e6f2ff;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 20px;
	flex-shrink: 0;
}

.feature-item {
	display: flex;
	margin-bottom: 25px;
	align-items: flex-start;
}

.cta-button {
	background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
	border: none;
	padding: 12px 30px;
	font-weight: 600;
	border-radius: 30px;
	transition: all 0.3s;
	box-shadow: 0 4px 15px rgba(44, 106, 160, 0.3);
	display: inline-block;
	margin-top: 10px;
	color: white;
	text-decoration: none;
}

.cta-button:hover {
	transform: translateY(-3px);
	box-shadow: 0 7px 20px rgba(44, 106, 160, 0.4);
	color: white;
	text-decoration: none;
}

.price-tag {
	background: #f0f8ff;
	padding: 25px;
	border-radius: 12px;
	border: 2px dashed var(--secondary);
	text-align: center;
	margin-top: 30px;
}

.old-price {
	text-decoration: line-through;
	color: #888;
	font-size: 1.3rem;
}

.new-price {
	color: var(--primary);
	font-size: 2.2rem;
	font-weight: bold;
	margin: 10px 0;
}

.disclaimer {
	font-size: 0.85rem;
	color: #777;
	margin-top: 20px;
	padding-top: 15px;
	border-top: 1px solid #eee;
}

.benefit-list {
	list-style-type: none;
	padding-left: 0;
}

.benefit-list li {
	padding-left: 25px;
	position: relative;
	margin-bottom: 12px;
}

.benefit-list li:before {
	content: '✓';
	position: absolute;
	left: 0;
	color: var(--accent);
	font-weight: bold;
}

.therapist-card {
	background: #f8f9fa;
	border-radius: 10px;
	padding: 25px;
	text-align: center;
	margin-bottom: 30px;
	border: 1px solid #eaeaea;
}

.therapist-img {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	object-fit: cover;
	border: 4px solid var(--secondary);
	margin: 0 auto 20px;
}

.clinic-details {
	background: #f0f8ff;
	border-radius: 10px;
	padding: 25px;
	margin-top: 30px;
}

.highlight-text {
	color: var(--primary);
	font-weight: bold;
}

@media (max-width: 768px) {
	.offer-content {
		padding: 25px;
	}

	.feature-item {
		flex-direction: column;
	}

	.feature-icon {
		margin-bottom: 15px;
	}
}

.gallery-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 15px;
}

.gallery-title {
	color: var(--color-primary);
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 40px;
	text-align: center;
}

.gallery-title::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 80px;
	height: 4px;
	background: var(--color-primary);
	border-radius: 2px;
}

.carousel-control-prev,
.carousel-control-next {
	width: 50px;
	height: 50px;
	background: var(--color-primary);
	border-radius: 50%;
	top: 50%;
	transform: translateY(-50%);
	opacity: 0.9;
}

.carousel-control-prev {
	left: -25px;
}

.carousel-control-next {
	right: -25px;
}

.carousel-item {
	transition: transform 0.6s ease;
}

.img-container {
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
	height: 350px;
	margin: 0 15px;
}

.img-container img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.img-container:hover img {
	transform: scale(1.05);
}

.img-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(44, 44, 84, 0.8);
	color: white;
	padding: 15px;
	transform: translateY(100%);
	transition: transform 0.3s ease;
}

.img-container:hover .img-overlay {
	transform: translateY(0);
}

.img-overlay h5 {
	margin-bottom: 5px;
	font-weight: 600;
}

.img-overlay p {
	font-size: 0.9rem;
	opacity: 0.8;
	margin-bottom: 0;
}

.carousel-indicators {
	bottom: -50px;
}

.carousel-indicators li {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: var(--color-secondary);
	opacity: 0.5;
}

.carousel-indicators .active {
	background: var(--color-primary);
	opacity: 1;
}

.info-card {
	background: white;
	border-radius: 15px;
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
	padding: 30px;
	margin: 50px auto;
	max-width: 800px;
}

@media (max-width: 768px) {
	.header {
		padding: 60px 0 30px;
	}

	.img-container {
		height: 250px;
		margin: 0 5px;
	}

	.carousel-control-prev {
		left: -15px;
	}

	.carousel-control-next {
		right: -15px;
	}

	.carousel-control-prev,
	.carousel-control-next {
		width: 40px;
		height: 40px;
	}
}

#promo {
	padding: 40px 0px;
	margin-top: 80px;
	color: var(--white);
	font-size: 1em;
	font-weight: 400;
}

#promo p {
	margin: 0px;
	color: var(--white);
}

#promo .box {
	background: var(--color2);
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
	position: relative;
	border: solid 5px var(--white);
	overflow: hidden;
	color: var(--white);
}

#promo .box::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #084257;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpath fill='%23074c66' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%23065575' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%23055e84' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%23036794' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%230070A5' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%23087aa8' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%231283ab' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%231c8bac' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%232792ac' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%233497AB' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E");
	background-size: cover;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	-webkit-clip-path: circle(50% at 25% 50%);
	clip-path: circle(50% at 25% 50%);
	z-index: 2;
}

#promo .box .content {
	position: relative;
	z-index: 3;
	padding: 20px;
	color: var(--white);
}

#promo h1 {
	font-size: 2em;
	font-weight: 900;
	color: var(--white);
	margin: 0px;
}

#promo h2 {
	font-size: 1.5em;
	font-weight: 900;
	margin-bottom: 20px;
	color: var(--white);
}

#promo .discount {
	position: absolute;
	top: 50%;
	left: 60%;
	transform: translate(-50%, -50%);
	background: red;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
	height: 140px;
	width: 140px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 20px;
	text-align: center;
	border: 2px solid var(--white);
	z-index: 3;
	box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}

#promo .discount span {
	font-size: 2.5em;
	font-weight: 900;
	color: var(--white);
}

#promo .discount p {
	font-size: 1em;
	color: var(--white);
}

#promo .price {
	font-size: 1.5em;
	font-weight: 600;
	color: var(--white);
}

#promo .before {
	text-decoration: line-through;
}

#promo .after {
	font-size: 2em;
	font-weight: 900;
}

#promo .cta a {
	background-image: linear-gradient(
		to bottom,
		#25c196,
		#19bb98,
		#0cb599,
		#02af99,
		#00a999
	);
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
	padding: 15px 30px;
	color: var(--white);
	text-decoration: none;
	display: inline-block;
	box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
	border: 3px solid var(--white);
	font-weight: 900;
	text-transform: uppercase;
	margin-top: 20px;
	transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	-o-transition: 0.5s ease;
}

#promo .cta a:hover {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	background: var(--black);
}

#promo .bg {
	background: url(../images/promocion-mes.png);
	background-size: cover;
	background-position: center;
	z-index: 0;
}

#promo .bg2 {
	background: url(../images/promocion-buen-fin.png);
	background-size: cover;
	background-position: center;
	z-index: 0;
}
@media (min-width: 300px) and (max-width: 768px) {
	#promo {
		text-align: center;
	}

	#promo .box::after {
		clip-path: circle(50% at 50% 20%);
		webkit-clip-path: circle(50% at 50% 20%);
	}

	#promo .discount {
		transform: translate(-50%, 0%);
	}

	#promo .space {
		height: 350px;
	}

	#promo .discount {
		position: absolute;
		top: 50%;
		left: 50%;
	}
}