/*

@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 //

	1. Body
		1.1 Elements of body
		1.2 Google Fonts
		1.3 Tools
		1.4 Links 
		1.5 Form Elements
		1.6 Site Button
		1.7 Title Box
		1.8 Table Vertical Align
		1.9 Transition Overlay
		1.10 Loading
		1.11 Backgrounds
		1.12 Map 
		
		
	2. Top Bar
		2.1 Elements of top bar
		2.2 Headlines
		2.3 Map
		2.4 Phone
		
		
	3. Header & Navigation
		3.1 Elements of navigation
		3.2 Header
		3.3 Navbar
		3.4 Dropdown menu
		
		
	4. Slider
		4.1 Elements of slider
		4.2 Revolation Slider
		4.3 Headlines
		
		
	5. Page Title
		5.1 Elements of page title
		5.2 Headlines
		5.3 Breadcrumb
	
		
	6. Intro
		6.1 Elements of intro
		6.2 Title box
		6.3 File box
		6.4 Left image
		
		
	7. Typography
		7.1 Typography
		7.2 Typography Overlay Number
		
		
	8. Quote Bar
		8.1 Elements of Quote
		8.2 Headlines
		8.3 Link
		
		
	9. Home Services
		9.1 Elements of services
		9.2 Swiper carousel
		9.3 Service images
		9.4 Service description
		
		
	10. Home Features
		10.1 Elements of features
		10.2 Icons
		10.3 Headlines
		
		
	11. Home Gallery
		11.1 Elements of gallery
		11.2 Isotope filter
		11.3 Gallery list
		
		
	12. Logos
		11.1 Elements of logos
		11.2 List of logos
		
		
	13. Video
		13.1 Elements of video
		13.2 Video
		13.3 Headlines
		13.4 Icon
		13.5 Link
		
		
	14. News
		14.1 Elements of news
		14.2 News image
		14.3 Icon
		14.4 Headlines

		
	15. News List
		15.1 Elements of news
		15.2 News image
		15.3 Icons
		15.4 Headlines
		15.5 Pagination
		
		
	16. About us
		16.1 Elements of about 
		16.2 Right image
		16.3 Headlines
		
		
	17. CEO Says
		17.1 Elements of ceo says
		17.2 Headshoot images
		17.3 Headlines
		17.4 Paragraphs
		
	
	18. Board Members
		18.1 Elements of members
		18.2 Title
		18.3 Member
		18.4 Headshoots
		
		
	19. Quote 
		19.1 Elements of quote
		19.2 Background overlay
		19.3 Headlines
		
		
	20. Contact
		20.1 Elements of contact
		
		
	21. Contact Form
		21.1 Elements of contact form
		21.2 Form
		21.3 Form elements
		
		
	22. Projects
		22.1 Elements of projects
		22.2 Projects tabs
		22.3 Project box
		22.4 Images
		22.5 Image Captions 
		
		
	23. Services
		23.1 Elements of services
		23.2 Service image
		23.3 Side menu
		
		
	24. Footer Bar
		24.1 Elements of footer bar
		24.2 Headlines
		24.3 Social Media
		24.4 Icon
		
		
	25. Footer
		25.1 Elements of footer
		25.2 Headlines
		25.3 Newsletter
		25.4 Subfooter
		
		
	26. Responsive Fixes
		

*/

/* GOOGLE FONTS */
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,500,700&subset=latin,latin-ext);


/* BODY */
* {
	outline: none !important;
}

body {
	margin: 0;
	padding: 0;
	color: #2f2e33;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	background: radial-gradient(circle, #fff 0%, #f5f5f5 100%);
}



/* TOOLS */
ul {
	margin: 0;
	padding: 0;
}

ul li {
	padding: 0;
	list-style: none;
}

ol {
	margin: 0;
	padding: 0;
}

ol li {
	padding: 0;
	list-style: none;
}

p {
	line-height: 24px;
	margin-bottom: 15px;
}

b {
	font-weight: 700;
}



/* LINKS */
a {
	color: #2f2e33;
}

a:hover {
	text-decoration: none;
}

a:focus {
	color: #2f2e33;
}

a {
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}





/* SITE BUTTON */
.site-btn {
	height: 58px;
	line-height: 60px;
	display: inline-block;
	background: url(../images/button-bg.jpg) repeat-x #f2b800;
	padding: 0 20px;
	border-bottom: 2px solid #c59201;
	font-size: 18px;
	color: #2f2e33;
	font-weight: 700;
}

.site-btn i {
	float: right;
	margin-left: 12px;
}

.site-btn:hover {
	background: #f2b800;
	text-decoration: none;
	color: #2f2e33;
}

.site-btn:focus {
	background: #f2b800;
	text-decoration: none;
	color: #2f2e33;
}


/* TITLE BOX */
.title-box {
	width: 100%;
	float: left;
}

.title-box h5 {
	width: 100%;
	display: inline-block;
	font-size: 16px;
	color: #939393;
	font-weight: 500;
}

.title-box h2 {
	width: 100%;
	display: inline-block;
	font-size: 40px;
	color: #2f2e33;
	margin: 0;
	font-weight: 700;
}

.title-box span {
	width: 56px;
	height: 3px;
	display: inline-block;
	background: #001532;
	margin-top: 10px;
	margin-bottom: 30px;
}



/* TABLE VALIGN MIDDLE */
.table {
	width: 100%;
	height: 100% !important;
	display: table;
	text-align: center;
	margin: 0;
}

.table .inner {
	display: table-cell;
	vertical-align: middle;
}



/* TRANSITION OVERLAY */
.transition-overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: #fff;
	z-index: 99999;
	opacity: 0;
	visibility: hidden;
}

.transition-overlay {
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.transition-overlay-show {
	opacity: 1;
	visibility: visible;
}



/* LOADING */
.loading {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: #fff;
	z-index: 99999;
}

.loading h5 {
	color: #001532;
	margin-bottom: 20px;
	position: relative;
}

.loading #loader path,
#loader rect {
	fill: #001532;
}

.inner-fade {
	opacity: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.slide-up {
	top: 100%;
	transition-duration: 1000ms;
	-webkit-transition-duration: 1000ms;
	transition-timing-function: cubic-bezier(0.20, 0, 0.10, 1);
	-webkit-transition-timing-function: cubic-bezier(0.20, 0, 0.10, 1);
	transition-delay: 1s;
}


/* BACKGROUNDS */
.background-1 {
	background: url(../images/hero1.jpg) no-repeat;
	background-size: cover;
}


/* MAP */
.map-container {
	width: 100%;
	height: 300px;
	float: left;
	background: #000;
	margin-top: -300px;
	position: relative;
}

.map-container {
	-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)
}

.map-container #map-placeholder {
	width: 100%;
	height: 300px;
	float: left;
}

.map-container .close-btn {
	width: 40px;
	height: 60px;
	text-align: center;
	position: absolute;
	right: 40px;
	top: 0;
	background: #001532;
	z-index: 2;
}

.map-container .close-btn i {
	font-size: 22px;
	margin-top: 15px;
	display: inline-block;
	cursor: pointer;
	color: #fff;
}

.map-container .close-btn i:hover {
	rotate: 90deg;
	transition: all 0.3s ease;
	margin-top: 13px;

}

.map-container.show {
	margin-top: 0;
}


/* TOPBAR */
.top-bar {
	width: 100%;
	height: 40px;
	line-height: 40px;
	float: left;
	background: #001532;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}

.top-bar h5 {
	float: left;
	margin: 0;
	line-height: inherit;
	color: #fff;
}

.top-bar .phone {
	margin-left: 20%;
	font-weight: 500;
	color: #fff;
}

.top-bar .map {
	margin-left: 60px;
	color: #fff;
	font-weight: 500;
}

.top-bar .language {
	float: right;
	color: #fff;
	font-weight: 500;
}

.top-bar a {
	display: inline-block;
}

.top-bar a:hover {
	text-decoration: none;
}

.top-bar a:focus {
	text-decoration: none;
}


.gradient {
	background: rgba(255, 255, 255, 1);
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(47%, rgba(246, 246, 246, 1)), color-stop(100%, rgba(237, 237, 237, 1)));
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
	background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
}



/* HEADER -  NAVIGATION */
header {
	width: 100%;
	float: left;
}

.navbar-default .navbar-toggle {
	border-radius: 0;
}

.navbar-default {
	background: #b1b1b1;
	border: none;
	border-radius: 0;
}

.navbar-default .navbar-brand {
	height: auto;
}

.navbar-default .inner-header {
	width: 100%;
	float: left;
	background: #fff;
	margin-top: 15px;
	margin-bottom: -15px;
	padding: 0 15px;
	position: relative;
	z-index: 2;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	border-radius: 20px;
}

.navbar-default .navbar-nav {
	float: left;
	margin-top: 30px;
	margin-left: 10%;
}

.navbar-default .navbar-nav>li {
	float: left;
	text-align: center;
}

.navbar-default .navbar-nav>li span {
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.navbar-default .navbar-nav>li span {
	width: 0;
	height: 2px;
	display: inline-block;
	background: #001532;
}

.navbar-default .navbar-nav>li>a {
	font-weight: 500;
	padding: 0 15px;
	padding-bottom: 0;
}

.navbar-default .navbar-nav>li>a:focus {
	color: #001532;
}

.navbar-default .navbar-nav>li>a:hover {
	color: #001532;
}

.navbar-default .navbar-nav>li:hover span {
	width: 100%;
}

.navbar-default .navbar-right {
	margin-left: 0;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
	background: none;
	color: #001532;
}

.navbar-nav>li.dropdown:hover .dropdown-menu {
	display: block;
}

.navbar-nav>li>.dropdown-menu {
	border: none;
	border-radius: 0;
	margin-top: 7px;
	padding: 0;
	background-color: white !important;
	top: 34px;
	z-index: 9999;
	position: absolute;
	border-radius: 20px;
}

.navbar-nav>li>.dropdown-menu>li>a {
	padding: 10px 15px;
}

.navbar-nav>li>.dropdown-menu>li>a:hover {
	background: rgba(0, 0, 0, 0.05);
	border-radius: 8px;
}



/* SLIDER */
.slider {
	width: 100%;
	float: left;
	margin-top: -20px;
	position: relative;
	overflow: hidden;
}

.slider .rev_slider {
	z-index: 1;
}

.slider .banner {
	width: 100%;
	max-width: 1420px;
	margin: 0 auto;
}

.slider .text-container {
	float: left;
	padding: 20px;
	border-radius: 30px;
	background: rgba(0, 0, 0, 0.7);
}

.slider .text-container h6 {
	display: block;
	font-size: 22px;
	font-weight: 700;
	color: #bababa;
	line-height: 30px;
}

.slider .text-container h2 {
	display: block;
	font-size: 42px;
	font-weight: 700;
	color: #fff;
	margin-top: 0;
	line-height: 40px;
}



/* PAGE */
.page-title {
	width: 100%;
	float: left;
	margin-top: -20px;
}

.page-title .inner {
	width: 100%;
	max-width: 1420px;
	margin: 0 auto;
	padding-top: 40px;
	padding-bottom: 20px;
	background: #001532;
}

.page-title .inner h4 {
	font-size: 30px;
	color: #fff;
	font-weight: 700;
}

.page-title .breadcrumb {
	background: none;
	float: right;
	margin-top: 10px;
	margin-bottom: 0;
	padding: 8px 0;
}

.page-title .breadcrumb li {
	color: #fff;
}

.page-title .breadcrumb li a {
	color: #fff;
}



/* INTRO */
.intro {
	width: 100%;
	float: left;
	padding-top: 80px;
}

.intro .title-box {
	margin-top: 30px;
}

.intro .file-box {
	width: 100%;
	float: left;
	margin-top: 30px;
}

.intro .file-box img {
	margin-right: 30px;
	margin-bottom: 20px;
	float: left;
}

.intro .file-box a {
	float: left;
	border: 1px solid #001532;
	color: #001532;
	font-weight: 700;
	margin-top: 20px;
	margin-right: 50px;
	padding: 5px 12px;
	border-radius: 10px;
	transition: all 0.3s ease;
}

.intro .file-box a:hover {
	border: 1px solid #001532;
	background: #001532;
	color: #fff;
	border-radius: 13px;
}

.intro p {
	color: #838284;
}

.intro .left-image {
	width: 100%;
	float: left;
}



/* QUOTE BAR */
.quote-bar {
	width: 100%;
	float: left;
	background: #001532;
	padding: 20px 0;
	position: relative;
}

.quote-bar h4 {
	display: inline-block;
	color: #f5f5f5;
	font-size: 19px;
	font-weight: 500;
	margin: 0;
}

.quote-bar h3 {
	display: inline-block;
	font-size: 26px;
	color: #fff;
	font-weight: 700;
	margin: 0;
}

.quote-bar a {
	float: right;
	margin-top: -22px;
	color: #001532;
}



/* HOME SERVICES */
.home-services {
	width: 100%;
	float: left;
	padding: 80px 0;
}

.home-services figure * {
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.home-services figure {
	width: 100%;
	float: left;
	margin-bottom: 20px;
	/* background: #001532; */
	overflow: hidden;
	border-radius: 20px;
}

.home-services figure img {
	width: 110% !important;
	float: left;
}

.home-services figure:hover img {
	opacity: 0.5;
	margin-left: -10%;
}

.home-services .description {
	width: 100%;
	float: left;
	font-size: 13px;
	color: #5f6368;
	font-weight: 500;
}

.home-services .item a {
	width: 100%;
	float: left;
	color: #202124;
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 10px;
}

.home-services .item a:hover {
	text-decoration: none;
}

.home-services .border {
	width: 38px;
	height: 3px;
	float: left;
	background: #001532;
}

.home-services .carousel {
	width: 100%;
	float: left;
}

.home-services .owl-dots {
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 30px;
}

.home-services .owl-dot {
	width: 10px;
	height: 10px;
	background: #ccc;
	display: inline-block;
	border-radius: 10px;
	margin: 0 2px;
}

.home-services .owl-dot.active {
	background: #001532;
}



/* HOME FEATURES */
.home-features {
	width: 100%;
	float: left;
	padding: 80px 0 40px 0;
	text-align: center;
}

.home-features * {
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.home-features i {
	width: 100%;
	float: left;
	padding: 0 20px;
}

.home-features i img {
	width: 100%;
	float: left;
	opacity: 0.4;
}

.home-features h4 {
	color: #98989a;
	text-transform: uppercase;
	font-size: 15px;
}

.home-features p {
	opacity: 0;
	font-size: 12px;
	line-height: 18px;
}

.home-features .col-md-2:hover {
	margin-bottom: 20px;
}

.home-features .col-md-2:hover i {
	margin-top: -20px;
}

.home-features .col-md-2:hover i img {
	opacity: 0.7;
}

.home-features .col-md-2:hover h4 {
	color: #001532;
}

.home-features .col-md-2:hover p {
	opacity: 1;
}


/* HOME GALLERY */
.home-gallery {
	width: 100%;
	float: left;
	border-top: 1px solid #eee;
	padding-top: 80px;
}

.home-gallery * {
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.home-gallery ul.filter {
	width: 100%;
	float: left;
	margin-bottom: 40px;
}

.home-gallery ul.filter li {
	display: inline-block;
	margin: 0 4px;
}

.home-gallery ul.filter li a {
	color: #fff;
	background: #8c8c8f;
	padding: 5px 12px;
	border-radius: 2px;
	font-size: 13px;
	font-weight: 700;
}

.home-gallery ul.filter li a:hover {
	color: #fff;
	background: #656568;
	text-decoration: none;
}

.home-gallery ul.filter li a:focus {
	color: #fff;
	background: #525254;
	text-decoration: none;
}

.home-gallery ul.filter li .current {
	color: #fff;
}

.home-gallery ul.gallery {
	width: 100%;
	float: left;
}

.home-gallery ul.gallery li {
	width: 25%;
	float: left;
	padding: 1px;
}

.home-gallery ul.gallery li figure {
	width: 100%;
	float: left;
	background: #2f2e33;
}

.home-gallery ul.gallery li figure img {
	width: 100%;
	float: left;
}

.home-gallery ul.gallery li:hover img {
	opacity: 0.7;
}



/* LOGOS */
.logos {
	width: 100%;
	float: left;
	padding: 80px 0;
}

.logos * {
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.logos ul {
	width: 100%;
	float: left;
}

.logos ul li {
	width: 20%;
	float: left;
	padding: 5px;
}

.logos ul li figure {
	width: 100%;
	float: left;
	border: 1px dashed #eee;
}

.logos ul li img {
	width: 100%;
	opacity: 0.4;
}

.logos ul li:hover img {
	opacity: 0.8;
}


/* VIDEO */
.video-bg {
	width: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	padding: 100px 0;
	text-align: center;
}

.video-bg video {
	width: 100%;
	float: left;
	position: absolute;
	left: 0;
	top: 0;
}

.video-bg .video-overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #828285;
	opacity: 0.9;
}

.video-bg h2 {
	font-size: 60px;
	font-weight: 700;
	color: #f5f5f5;
}

.video-bg h5 {
	font-size: 16px;
	color: #f5f5f5;
	font-weight: 700;
}

.video-bg .icon {
	font-size: 70px;
	display: inline-block;
	color: gold;
	margin-bottom: 40px;
}

.video-bg a {
	display: inline-block;
}




/* NEWS */
.news {
	width: 100%;
	float: left;
	padding: 120px 0 40px 0;
}

.news * {
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.news .news-box {
	width: 100%;
	float: left;
	padding-right: 20px;
}

.news figure {
	width: 100%;
	max-width: 240px;
	float: left;
	margin-right: 20px;
	position: relative;
	border-top: 4px solid #001532;
	background: #001532;
	border-bottom-left-radius: 19px;
	border-bottom-right-radius: 19px;
}

.news figure .icon {
	width: 40px;
	height: 50px;
	text-align: center;
	position: absolute;
	left: 10px;
	top: -10px;
	background: #001532;
	border-radius: 5px;
}

.news figure .icon i {
	font-size: 30px;
	color: #fff;
	margin-top: 6px;
	display: inline-block;
}

.news figure img {
	width: 100%;
	float: left;
	border-bottom-left-radius: 19px;
	border-bottom-right-radius: 19px;
	box-shadow: -20px 20px 60px #bebebe,
		-20px -20px 60px #ffffff;
}

/* .news figure:hover img {
	opacity: 0.7;
} */

.news h3 {
	display: block;
	margin-top: 0;
	color: #001532;
}

.news small {
	display: block;
	margin-bottom: 10px;
	color: #98989a;
	font-weight: 700;
}

.news .border {
	width: 38px;
	height: 3px;
	display: inline-block;
	margin-bottom: 30px;
	background: #001532;
}



/* NEWS LIST */
.news-list {
	width: 100%;
	float: left;
	padding: 60px 0 40px 0;
}

.news-list * {
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.news-list .news-box {
	width: 100%;
	float: left;
	padding-right: 20px;
	margin-bottom: 100px;
}

.news-list figure {
	width: 100%;
	max-width: 240px;
	float: left;
	margin-right: 20px;
	position: relative;
	border-top: 4px solid #001532;
	/* background: #001532; */
}

.news-list figure.full-width {
	width: 100%;
	max-width: inherit;
	margin-bottom: 30px;
}

.news-list figure .icon {
	width: 40px;
	height: 50px;
	text-align: center;
	position: absolute;
	left: 10px;
	top: -10px;
	background: #001532;
}

.news-list figure .icon i {
	font-size: 30px;
	color: #fff;
	margin-top: 6px;
	display: inline-block;
}

.news-list figure img {
	width: 100%;
	float: left;
}

.news-list figure:hover img {
	opacity: 0.7;
}

.news-list h3 {
	display: block;
	margin-top: 0;
	color: #001532;
}

.news-list small {
	display: block;
	margin-bottom: 10px;
	color: #98989a;
	font-weight: 700;
}

.news-list .border {
	width: 38px;
	height: 3px;
	display: inline-block;
	margin-bottom: 30px;
	background: #001532;
}

.news-list .pagination {
	width: 100%;
	float: left;
}

.news-list .pagination>li {
	float: left;
}

.news-list .pagination>li a {
	float: left;
	border: 1px dashed #ccc;
	font-weight: 700;
	font-size: 12px;
	padding: 6px 22px;
	color: #2f2e33;
	border-radius: 0 !important;
}

.news-list .pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
	background: #001532;
	color: #fff;
}


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

.blog-sidebar .widgets {
	width: 100%;
	float: left;
	margin-bottom: 40px;
}

.blog-sidebar .social-media {
	width: 100%;
	float: left;
}

.blog-sidebar .social-media a {
	width: 36px;
	line-height: 36px;
	float: left;
	background: #001532;
	color: #fff;
	text-align: center;
	margin-right: 1px;
}

.blog-sidebar .search {
	width: 100%;
	float: left;
}

.blog-sidebar .search form {
	width: 100%;
	float: left;
}

.blog-sidebar .search form input[type="text"] {
	width: 80%;
	float: left;
}

.blog-sidebar .search form button[type="submit"] {
	width: 20%;
	padding: 0;
	text-align: center;
	float: left;
	background: #001532;
	color: #fff;
	margin-left: -3px;
}

.blog-sidebar .tags {
	width: 100%;
	float: left;
}

.blog-sidebar .tags a {
	float: left;
	padding-bottom: 5px;
	border-bottom: 2px solid #eee;
	font-size: 12px;
	color: #999;
	margin-right: 10px;
	margin-bottom: 10px;
}

.blog-sidebar .tags a:hover {
	text-decoration: none;
	color: #3C9;
}

.blog-sidebar .categories {
	width: 100%;
	float: left;
}

.blog-sidebar .categories ul {
	width: 100%;
	float: left;
}

.blog-sidebar .categories ul li {
	width: 100%;
	float: left;
	margin: 4px 0;
}

.blog-sidebar .categories ul li a {
	float: left;
}

.blog-sidebar .categories ul li a:hover {
	color: #001532;
}

.blog-sidebar .gallery-thumbs {
	width: 100%;
	float: left;
	margin-left: -5px;
	margin-right: -5px;
}

.blog-sidebar .gallery-thumbs a {
	width: 33.33333%;
	float: left;
	padding: 5px;
}

.blog-sidebar .gallery-thumbs a img {
	width: 100%;
	float: left;
}

/* ABOUT US*/
.about-us {
	width: 100%;
	float: left;
	padding: 80px 0;
}

.about-us .right-image {
	width: 100%;
	margin-top: 100px;
}

.about-us small {
	color: #999;
	margin-bottom: 30px;
	display: block;
}



/* CEO SAYS */
.ceo-says {
	width: 100%;
	float: left;
	padding: 80px 0;
}

.ceo-says .headshoot {
	width: 300px;
}

.ceo-says h6 {
	font-size: 12px;
	margin-top: 20px;
	font-weight: 700;
}

.ceo-says h3 {
	font-size: 22px;
	font-weight: 300;
	margin-bottom: 40px;
}

.ceo-says p {
	padding: 0 10%;
}

.ceo-says p span {
	font-size: 30px;
	color: #001532;
}



/* BOARD MEMBERS*/
.board-members {
	width: 100%;
	float: left;
	padding: 80px 0;
	text-align: center;
}

.board-members .title {
	margin-bottom: 40px;
}

.board-members .member {
	width: 260px;
	margin-bottom: 20px;
}

.board-members h4 {
	font-size: 20px;
	text-transform: uppercase;
}

.board-members small {
	font-size: 12px;
}

/* QUOTE */
.quote {
	width: 100%;
	float: left;
	padding: 80px 0;
	text-align: center;
	position: relative;
	overflow: hidden;
}

.quote .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #828285;
	opacity: 0.9;
}

.quote h5 {
	color: #fff;
	margin-bottom: 30px;
	font-weight: 700;
}

.quote h2 {
	color: #fff;
	font-size: 40px;
	font-weight: 300;
}

.quote .border {
	width: 56px;
	height: 3px;
	display: inline-block;
	background: #001532;
	margin-top: 10px;
	margin-bottom: 30px;
}



/* CONTACT */
.contact {
	width: 100%;
	float: left;
	padding: 80px 0;
}

.contact h2 {
	font-size: 30px;
}

.contact-form {
	width: 100%;
	float: left;
	padding: 80px 0;
}

.contact-form form {
	width: 100%;
	max-width: 700px;
	float: left;
}

.contact-form .form-group {
	width: 50%;
	float: left;
	padding: 0 2px;
}

.contact-form .form-group.full-width {
	width: 100%;
}

.contact-form .form-group label {
	width: 100%;
	float: left;
	text-align: left;
	font-weight: normal;
}

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

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

.contact-form .alert {
	width: 100%;
	float: left;
}

.contact-form #success,
#error {
	display: none
}

.contact-form #success p,
#error p {
	float: left;
}

.contact-form #contact .error {
	width: 100%;
	color: red;
}

.contact-form #error p {
	color: #c0392b
}



/* PROJECTS */
.projects {
	width: 100%;
	float: left;
	padding: 80px 0;
}

.projects .nav-tabs {
	width: 100%;
	float: left;
	border: none;
	margin-bottom: 40px;
	text-align: center;
}

.projects .nav-tabs>li {
	float: none;
	display: inline-block;
}

.projects .nav-tabs>li.active a {
	color: #828285;
	border: none;
	background: #001532;
	text-decoration: none;
}

.projects .nav-tabs>li>a {
	float: none;
	display: inline-block;
	color: #fff;
	border: none;
	background: #828285;
	padding: 5px 12px;
	border-radius: 2px;
	font-size: 13px;
	font-weight: 700;
}

.projects .project-box {
	width: 100%;
	float: left;
}

.projects .project-box * {
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.projects .project-box figure {
	width: 100%;
	float: left;
	background: #001532;
	margin-bottom: 30px;
	border-radius: 17px;
}

.projects .project-box figure img {
	width: 100%;
	border-radius: 17px;

}

.projects .project-box figcaption {
	width: 100%;
	float: left;
	font-weight: 20px;
	margin-bottom: 60px;
}

.projects .project-box figcaption h5 {
	font-size: 17px;
	font-weight: 700;
	margin-top: 0;
}

.projects .project-box figcaption .border {
	width: 38px;
	height: 3px;
	display: inline-block;
	background: #001532;
	margin-top: 10px;
}

.projects .project-box:hover img {
	opacity: 0.7;
}

.projects .project-box:hover h5 {
	color: #001532;
}


/* SERVICES */
.services {
	width: 100%;
	float: left;
	padding-top: 40px;
	padding-bottom: 80px;
}

.services .image {
	width: 100%;
	float: left;
	margin: 0 0 30px 0;
}

.services aside {
	width: 100%;
	max-width: 260px;
	float: right;
	background: #001532;
	padding: 25px 15px;
}

.services aside ul {
	width: 100%;
	float: left;
}

.services aside ul li {
	width: 100%;
	float: left;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.services aside ul li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.services aside ul li a {
	width: 100%;
	float: left;
	text-indent: 10px;
	font-size: 15px;
	font-weight: 700;
	margin: 0;
	padding: 15px 0;
	color: #fff;

}

.services aside ul li a:hover {
	background: rgba(0, 0, 0, 0.1);
	color: gray;
}

.services aside ul li.active a {
	background: rgba(0, 0, 0, 0.1);
	color: #fff;
}


/* FOOTER BAR */
.footer-bar {
	width: 100%;
	float: left;
	background: #001532;
	padding: 15px 0;
}

.footer-bar .icon {
	float: left;
	font-size: 20px;
	margin-right: 8px;
	margin-top: 6px;
}

.footer-bar h4 {
	float: left;
}

.footer-bar ul {
	float: right;
	margin-top: 5px;
}

.footer-bar ul li {
	float: left;
	margin-left: 15px;
}

.footer-bar ul li a {
	float: left;
}

.footer-bar ul li a:hover {
	color: #2f2e33;
	opacity: 0.7;
}

.footer-bar ul li i {
	font-size: 20px;
}


/* FOOTER */
footer {
	width: 100%;
	float: left;
	padding: 30px 0;
	background: url(../images/footer-bg.jpg) #2f2e33;
	color: #fff;
}

footer h3 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 19px;
	font-weight: 700;
}

footer p {
	line-height: 20px;
}

footer .border {
	width: 38px;
	height: 3px;
	display: inline-block;
	background: #001532;
	margin-bottom: 20px;
}

footer .logo {
	display: block;
	margin-bottom: 10px;
}

footer ul {
	width: 100%;
	float: left;
}

footer ul li {
	width: 51%;
	float: left;
	margin: 2px 0;
}

footer ul li a {
	float: left;
	color: #fff;
}

footer ul li a:hover {
	color: #ccc;
}

footer form {
	width: 100%;
	float: left;
}

footer form input[type="text"] {
	border: none;
}

footer .sub-footer {
	width: 100%;
	float: left;
	margin-top: 40px;
	padding-top: 30px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

footer .sub-footer .copyright {
	float: left;
	font-size: 12px;
}

footer .sub-footer .themezinho {
	float: right;
	font-size: 12px;
}

footer .sub-footer .themezinho i {
	color: #001532;
}



/* RESPONSIVE FIXES */
@media only screen and (max-width: 767px),
only screen and (max-device-width: 767px) {
	input[type="text"] {
		border-radius: 0;
	}

	button[type="submit"] {
		border-radius: 0;
	}

	.top-bar h5 {
		display: none;
	}

	.top-bar .language {
		display: none;
	}

	.top-bar .map {
		float: right;
		margin: 0;
	}

	.intro .left-image {
		padding: 0 10%;
	}

	.intro .file-box {
		margin-bottom: 30px;
	}

	.intro .file-box img {
		width: 100px;
	}

	.video-bg h2 {
		font-size: 40px;
	}

	.home-gallery ul.filter li {
		margin: 0;
	}

	.logos {
		padding-top: 0;
	}

	.footer-bar h4 {
		font-size: 13px;
	}

	.footer-bar ul {
		float: none;
	}

	footer ul {
		margin-bottom: 40px;
	}

	footer .sub-footer .themezinho {
		float: left;
	}

	.navbar-default .navbar-toggle {
		float: right;
		margin-top: 20px;
	}

	.navbar-default .navbar-toggle i {
		font-size: 20px;
	}

	.navbar-default .navbar-nav {
		margin-left: 0;
	}

	.navbar-default .navbar-nav>li {
		width: 100%;
		text-align: left;
	}

	.navbar-nav .open .dropdown-menu {
		margin-bottom: 30px;
	}

	.navbar-right {
		width: 100%;
		margin-top: 0;
		margin-bottom: 30px;
	}

	.navbar-right li {
		float: left;
		width: auto !important;
	}

	.quote-bar a {
		float: left;
		margin-top: 20px;
	}

	.home-services .border {
		margin-bottom: 40px;
	}

	.home-services a {
		font-size: 16px;
	}

	.home-gallery ul.gallery li {
		width: 50%;
	}

	.news figure {
		max-width: 120px;
		margin-bottom: 20px;
	}

	.news h3 {
		font-size: 21px;
	}

	.news .news-box {
		margin-bottom: 60px;
	}

	.news p {
		width: 100%;
		float: left;
	}

	.logos ul li {
		width: 50%;
	}

	.projects .nav-tabs>li {
		margin-bottom: 20px;
	}

	.services aside {
		max-width: 100%;
		margin-top: 40px;
	}

	.news-list figure {
		max-width: 120px;
		margin-bottom: 20px;
	}

	.news-list p {
		width: 100%;
		float: left;
	}

	footer .col-md-4 {
		margin-bottom: 40px;
	}
}

.spinner {
	-webkit-animation: rotator 1.4s linear infinite;
	animation: rotator 1.4s linear infinite;
}

@-webkit-keyframes rotator {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(270deg);
		transform: rotate(270deg);
	}
}

@keyframes rotator {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(270deg);
		transform: rotate(270deg);
	}
}

.path {
	stroke-dasharray: 187;
	stroke-dashoffset: 0;
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
	-webkit-animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
	animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
}

@-webkit-keyframes colors {
	0% {
		stroke: #001532;
	}

	25% {
		stroke: #001532;
	}

	50% {
		stroke: #001532;
	}

	75% {
		stroke: #001532;
	}

	100% {
		stroke: #001532;
	}
}

@keyframes colors {
	0% {
		stroke: #001532;
	}

	25% {
		stroke: #001532;
	}

	50% {
		stroke: #001532;
	}

	75% {
		stroke: #001532;
	}

	100% {
		stroke: #001532;
	}
}

@-webkit-keyframes dash {
	0% {
		stroke-dashoffset: 187;
	}

	50% {
		stroke-dashoffset: 46.75;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	}

	100% {
		stroke-dashoffset: 187;
		-webkit-transform: rotate(450deg);
		transform: rotate(450deg);
	}
}

@keyframes dash {
	0% {
		stroke-dashoffset: 187;
	}

	50% {
		stroke-dashoffset: 46.75;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	}

	100% {
		stroke-dashoffset: 187;
		-webkit-transform: rotate(450deg);
		transform: rotate(450deg);
	}
}


/*social*/
.social-login-icons {
	display: flex;
	align-items: end;
	gap: 10px;
	/* -webkit-box-reflect: below 5px linear-gradient(transparent, #00000055); */
	justify-content: end;
}

.social-login-icons svg {
	width: 40px;
}

.social-icon-1,
.social-icon-1-1,
.social-icon-2,
.social-icon-2-2,
.social-icon-3,
.social-icon-3-3,
.social-icon-4,
.social-icon-4-4 {
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
	margin: 20px 0 0px 0;
}

.icon svg {
	fill: #111;
}



.socialcontainer {
	height: 80px;
	overflow: hidden;
}

.social-icon-1 {
	transition-duration: 0.4s;
	background-color: rgb(0, 0, 0);
	transition-timing-function: cubic-bezier(0.46, -0.78, 0.5, 1.56);
}

.social-icon-1 svg,
.social-icon-2 svg,
.social-icon-3 svg,
.social-icon-4 svg {
	opacity: 0;
	transition-duration: 0.5s;
	transition-delay: 0.2s;
}

.social-icon-1-1 {
	transition-duration: 0.4s;
	background-color: rgb(0, 0, 0, 0);
}

.socialcontainer:hover .social-icon-1 {
	transform: translateY(-70px);
}

.socialcontainer:hover .social-icon-1 svg,
.socialcontainer:hover .social-icon-2 svg,
.socialcontainer:hover .social-icon-3 svg,
.socialcontainer:hover .social-icon-4 svg {
	opacity: 1;
}

.social-icon-2 {
	transition-duration: 0.4s;
	transition-timing-function: cubic-bezier(0.46, -0.78, 0.5, 1.56);
	background: linear-gradient(72.44deg,
			#ff7a00 11.92%,
			#ff0169 51.56%,
			#d300c5 85.69%);
}

.socialcontainer:hover .social-icon-2 {
	transform: translateY(-70px);
}

.social-icon-3 {
	transition-duration: 0.4s;
	transition-timing-function: cubic-bezier(0.46, -0.78, 0.5, 1.56);
	background: #316ff6;
}

.socialcontainer:hover .social-icon-3 {
	transform: translateY(-70px);
}

.social-icon-4 {
	transition-duration: 0.4s;
	transition-timing-function: cubic-bezier(0.46, -0.78, 0.5, 1.56);

	background: linear-gradient(180deg,
			rgba(129, 34, 144, 1) 0%,
			rgba(77, 34, 124, 1) 91%);
}

.socialcontainer:hover .social-icon-4 {
	transform: translateY(-70px);
}

/*menu*/
.transition {
	text-transform: uppercase;
}


/*bn*/
.btn-new {
	position: relative;
	font-size: 17px;
	text-transform: uppercase;
	text-decoration: none;
	padding: 1em 2.5em;
	display: inline-block;
	cursor: pointer;
	border-radius: 6em;
	transition: all 0.2s;
	border: none;
	font-family: inherit;
	font-weight: 500;
	color: black;
	background-color: white;
}

.btn-new:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.btn-new:active {
	transform: translateY(-1px);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.btn-new::after {
	content: "";
	display: inline-block;
	height: 100%;
	width: 100%;
	border-radius: 100px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	transition: all 0.4s;
}

.btn-new::after {
	background-color: #fff;
}

.btn-new:hover::after {
	transform: scaleX(1.4) scaleY(1.6);
	opacity: 0;
}

/*bn*/
.btn-black {
	position: relative;
	font-size: 17px;
	/* text-transform: uppercase; */
	text-decoration: none;
	padding: 0.8em 2.3em;
	display: inline-block;
	cursor: pointer;
	border-radius: 6em;
	transition: all 0.2s;
	border: none;
	font-family: inherit;
	font-weight: 500;
	color: #000;
	background-color: #fff;
	box-shadow: 6px 6px 12px #c5c5c5, -6px -6px 12px #ffffff;
}

.btn-black:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.btn-black:active {
	transform: translateY(-1px);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: inset 4px 4px 12px #c5c5c5, inset -4px -4px 12px #ffffff;
}

.btn-black::after {
	content: "";
	display: inline-block;
	height: 100%;
	width: 100%;
	border-radius: 100px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	transition: all 0.4s;
}

.btn-black::after {
	background-color: #ccc;
}

.btn-black:hover::after {
	transform: scaleX(1.4) scaleY(1.6);
	opacity: 0;
}


/*menu*/
.dropdown-submenu {
	position: relative;
}

.dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -5px;
	visibility: hidden;
	opacity: 0;
	transform: translateX(10px);

	transition: all 0.3s ease-in-out;
	display: block;
}

.dropdown-submenu:hover>.dropdown-menu {
	visibility: visible;
	opacity: 1;
	transform: translateX(0);
}

.dropdown-menu>li>a {
	padding: 10px 20px;
	font-weight: 400;
	color: #333;
	transition: background 0.2s;
	transition: all 0.2s ease;
}

.dropdown-menu>li>a:hover {
	background-color: #f8f9fa;
	/* Gris muy suave */
	color: #000;
	padding-left: 27px;
}

.dropdown-submenu>a i {
	float: right;
	margin-top: 3px;
	font-size: 10px;
}

.navbar-nav>li>.dropdown-menu {
	border: none;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
}

/*cnt*/
.button-cn {
	--primary: #001532;
	--neutral-1: #ffffff;
	--neutral-2: #f3f4f6;
	--radius: 16px;

	cursor: pointer;
	border-radius: var(--radius);
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	border: none;
	box-shadow:
		0 1px 1px rgba(255, 255, 255, 0.4),
		0 12px 24px rgba(0, 0, 0, 0.15),
		0 4px 8px rgba(0, 0, 0, 0.1);
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	min-width: 220px;
	padding: 22px;
	height: 72px;
	font-family: "Inter", system-ui, sans-serif;
	font-style: normal;
	font-size: 19px;
	font-weight: 600;
	letter-spacing: -0.2px;
}

.button-cn:hover {
	transform: translateY(-2px) scale(1.02);
	box-shadow:
		0 2px 2px rgba(255, 255, 255, 0.4),
		0 18px 32px rgba(0, 0, 0, 0.15),
		0 8px 12px rgba(0, 0, 0, 0.1);
}

.button-cn:active {
	transform: scale(1);
	box-shadow:
		0 0 1px 2px rgba(255, 255, 255, 0.3),
		0 10px 3px -3px rgba(0, 0, 0, 0.2);
}

.button-cn:after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: var(--radius);
	border: 2.5px solid transparent;
	background:
		linear-gradient(var(--neutral-1), var(--neutral-2)) padding-box,
		linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.45)) border-box;
	z-index: 0;
	transition: all 0.4s ease;
}

.button-cn:hover::after {
	transform: scale(1.05, 1.1);
	box-shadow: inset 0 -1px 3px 0 rgba(255, 255, 255, 1);
}

.button-cn::before {
	content: "";
	inset: 7px 6px 6px 6px;
	position: absolute;
	background: linear-gradient(to top, var(--neutral-1), var(--neutral-2));
	border-radius: 30px;
	filter: blur(0.5px);
	z-index: 2;
}

.state p {
	display: flex;
	align-items: center;
	justify-content: center;
}

.state .icon {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	transform: scale(1.25);
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
	justify-content: center;
}

.state .icon svg {
	overflow: visible;
}

/* Outline */
.outline {
	position: absolute;
	border-radius: inherit;
	overflow: hidden;
	z-index: 1;
	opacity: 0;
	transition: opacity 0.4s ease;
	inset: -2px -3.5px;
}

.outline::before {
	content: "";
	position: absolute;
	inset: -100%;
	background: conic-gradient(from 180deg,
			transparent 60%,
			var(--primary) 85%,
			transparent 100%);
	animation: spin 2.5s linear infinite;
	animation-play-state: paused;
	opacity: 0.7;
}

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

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

.button-cn:hover .outline {
	opacity: 1;
}

.button-cn:hover .outline::before {
	animation-play-state: running;
}

/* Letters */
.state p span {
	display: block;
	opacity: 0;
	animation: slideDown 0.8s ease forwards calc(var(--i) * 0.03s);
}

.button-cn:hover p span {
	opacity: 1;
	animation: wave 0.5s ease forwards calc(var(--i) * 0.02s);
}

.button-cn:focus p span {
	opacity: 1;
	animation: disapear 0.6s ease forwards calc(var(--i) * 0.03s);
}

@keyframes wave {
	30% {
		opacity: 1;
		transform: translateY(4px) translateX(0) rotate(0);
	}

	50% {
		opacity: 1;
		transform: translateY(-4px) translateX(0) rotate(0);
		color: var(--primary);
	}

	100% {
		opacity: 1;
		transform: translateY(0) translateX(0) rotate(0);
	}
}

@keyframes slideDown {
	0% {
		opacity: 0;
		transform: translateY(-20px) translateX(5px) rotate(-90deg);
		color: var(--primary);
		filter: blur(5px);
	}

	30% {
		opacity: 1;
		transform: translateY(4px) translateX(0) rotate(0);
		filter: blur(0);
	}

	50% {
		opacity: 1;
		transform: translateY(-3px) translateX(0) rotate(0);
	}

	100% {
		opacity: 1;
		transform: translateY(0) translateX(0) rotate(0);
	}
}

@keyframes disapear {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		transform: translateX(5px) translateY(20px);
		color: var(--primary);
		filter: blur(5px);
	}
}

/* Plane */
.state--default .icon svg {
	animation: land 0.6s ease forwards;
}

.button-cn:hover .state--default .icon {
	transform: rotate(45deg) scale(1.25);
}

.button-cn:focus .state--default svg {
	animation: takeOff 0.8s linear forwards;
}

.button-cn:focus .state--default .icon {
	transform: rotate(0) scale(1.25);
}

@keyframes takeOff {
	0% {
		opacity: 1;
	}

	60% {
		opacity: 1;
		transform: translateX(80px) rotate(45deg) scale(2.2);
	}

	100% {
		opacity: 0;
		transform: translateX(180px) rotate(45deg) scale(0);
	}
}

@keyframes land {
	0% {
		transform: translateX(-60px) translateY(30px) rotate(-50deg) scale(2);
		opacity: 0;
		filter: blur(3px);
	}

	100% {
		transform: translateX(0) translateY(0) rotate(0);
		opacity: 1;
		filter: blur(0);
	}
}

/* Contrail */
.state--default .icon:before {
	content: "";
	position: absolute;
	top: 50%;
	height: 2px;
	width: 0;
	left: -5px;
	background: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.5));
}

.button-cn:focus .state--default .icon:before {
	animation: contrail 0.8s linear forwards;
}

@keyframes contrail {
	0% {
		width: 0;
		opacity: 1;
	}

	8% {
		width: 15px;
	}

	60% {
		opacity: 0.7;
		width: 80px;
	}

	100% {
		opacity: 0;
		width: 160px;
	}
}

/* States */
.state {
	padding-left: 29px;
	z-index: 2;
	display: flex;
	position: relative;
}

.state--default span:nth-child(4) {
	margin-right: 5px;
}

.state--sent {
	display: none;
}

.state--sent svg {
	transform: scale(1.25);
	margin-right: 8px;
}

.button-cn:focus .state--default {
	position: absolute;
}

.button-cn:focus .state--sent {
	display: flex;
}

.button-cn:focus .state--sent span {
	opacity: 0;
	animation: slideDown 0.8s ease forwards calc(var(--i) * 0.2s);
}

.button-cn:focus .state--sent .icon svg {
	opacity: 0;
	animation: appear 1.2s ease forwards 0.8s;
}

@keyframes appear {
	0% {
		opacity: 0;
		transform: scale(4) rotate(-40deg);
		color: var(--primary);
		filter: blur(4px);
	}

	30% {
		opacity: 1;
		transform: scale(0.6);
		filter: blur(1px);
	}

	50% {
		opacity: 1;
		transform: scale(1.2);
		filter: blur(0);
	}

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

/* cnt */
.float-field {
	position: relative;
	margin-bottom: 22px;
	width: 100%;
}

.float-field input,
.float-field select {
	width: 100%;
	padding: 5px 10px;
	border: 1.5px solid #ccc;
	border-radius: 6px;
	outline: none;
	font-size: 15px;
	background: #fff;
	transition: border 0.25s ease;
}

.float-field label {
	position: absolute;
	left: 12px;
	top: 14px;
	color: #777;
	font-size: 15px;
	pointer-events: none;
	transition: all 0.25s ease;
	padding: 0 4px;
	backdrop-filter: blur(10px);
	border-radius: 10px;
}

/**/
.float-field input:focus,
.float-field input:valid,
.float-field select:focus,
.float-field select:valid {
	border-color: #001532;
}

.float-field input:focus+label,
.float-field input:valid+label,
.float-field select:focus+label,
.float-field select:valid+label {
	top: -19px;
	font-size: 12px;
	color: #001532;
	background-color: transparent;
	transition: all 0.25s ease;
}

/**/
.float-field input::placeholder,
.float-field select option:first-child {
	color: transparent;
}

.float-field select:invalid {
	color: #777;
}

.float-field select option {
	color: #000;
}

/* --- Responsivo: se ajusta bien en móviles --- */
@media (max-width: 600px) {

	.float-field input,
	.float-field select {
		font-size: 14px;
		padding: 12px 8px;
	}

	.float-field label {
		font-size: 14px;
	}
}

/*responsive*/
@media (max-width: 992px) {
	.cel-desapa {
		display: none;
	}
}

@media (min-width: 992px) {
	.cel-apare {
		display: none;
	}
}


@media (max-width: 992px) {
	.cel-apare {
		display: block;
	}
}

/*mt30*/
@media (max-width: 992px) {
	.mar-top30px {
		margin-top: 30px;
	}
}

/*lcd*/
.degrade1 {
	background: linear-gradient(to right, #0060ba, #000, #0060ba, #001532);
	background-clip: text;
	color: transparent;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/*lcd*/
.degrade2 {
	background: linear-gradient(to right, #0060ba, #000, #0060ba, #001532);
	background-clip: text;
	color: transparent;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/*lcd*/
.degrade3 {
	background: linear-gradient(to left, #0060ba, #000, #0060ba, #001532);
	background-clip: text;
	color: transparent;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/*lcd*/
.degrade4 {
	background: linear-gradient(to right, #0060ba, #000, #0060ba, #001532);
	background-clip: text;
	color: transparent;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/*se*/
.shine {
	font-size: 2em;
	font-weight: 900;
	color: rgba(255, 255, 255, 0.3);
	background: #222 -webkit-gradient(linear,
			left top,
			right top,
			from(#222),
			to(#222),
			color-stop(0.5, #fff)) 0 0 no-repeat;
	background-image: -webkit-linear-gradient(-40deg,
			transparent 0%,
			transparent 40%,
			#fff 50%,
			transparent 60%,
			transparent 100%);
	-webkit-background-clip: text;
	-webkit-background-size: 50px;
	-webkit-animation: zezzz;
	-webkit-animation-duration: 5s;
	-webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes zezzz {

	0%,
	10% {
		background-position: -200px;
	}

	20% {
		background-position: top left;
	}

	100% {
		background-position: 200px;
	}
}

/*nb*/
.btn-53,
.btn-53 *,
.btn-53 :after,
.btn-53 :before,
.btn-53:after,
.btn-53:before {
	border: 0 solid;
	box-sizing: border-box;
}

.btn-53 {
	-webkit-tap-highlight-color: transparent;
	-webkit-appearance: button;
	background-color: #000;
	background-image: none;
	color: #fff;
	cursor: pointer;
	font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
		Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif,
		Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
	font-size: 100%;
	line-height: 1.5;
	margin: 0;
	-webkit-mask-image: -webkit-radial-gradient(#000, #fff);
	padding: 0;
}

.btn-53:disabled {
	cursor: default;
}

.btn-53:-moz-focusring {
	outline: auto;
}

.btn-53 svg {
	display: block;
	vertical-align: middle;
}

.btn-53 [hidden] {
	display: none;
}

.btn-53 {
	border: 1px solid;
	border-radius: 999px;
	box-sizing: border-box;
	display: block;
	font-weight: 900;
	overflow: hidden;
	padding: 1.2rem 3rem;
	position: relative;
	text-transform: uppercase;
}

.btn-53 .original {
	background: #fff;
	border: 1px solid #000;
	color: #000;
	border-radius: 999px;
	display: grid;
	inset: 0;
	place-content: center;
	position: absolute;
	transition: transform 0.2s cubic-bezier(0.87, 0, 0.13, 1);
}

.btn-53:hover .original {
	transform: translateY(100%);
}

.btn-53 .letters {
	display: inline-flex;
}

.btn-53 span {
	opacity: 0;
	transform: translateY(-15px);
	transition: transform 0.2s cubic-bezier(0.87, 0, 0.13, 1), opacity 0.2s;
}

.btn-53 span:nth-child(2n) {
	transform: translateY(15px);
}

.btn-53:hover span {
	opacity: 1;
	transform: translateY(0);
}

.btn-53:hover span:nth-child(2) {
	transition-delay: 0.1s;
}

.btn-53:hover span:nth-child(3) {
	transition-delay: 0.2s;
}

.btn-53:hover span:nth-child(4) {
	transition-delay: 0.3s;
}

.btn-53:hover span:nth-child(5) {
	transition-delay: 0.4s;
}

.btn-53:hover span:nth-child(6) {
	transition-delay: 0.5s;
}

/*imb*/
.news-box figure img {
	border-bottom-left-radius: 19px;
	border-bottom-right-radius: 19px;
	box-shadow: -20px 20px 60px #bebebe,
		-20px -20px 60px #ffffff;
	background-color: transparent;
}

/*bf*/
.news-list .row {
	display: flex;
	flex-wrap: wrap;
}

.news-list .col-md-6 {
	display: flex;
	margin-bottom: 30px;
}

/*ca*/

.contact-item {
	margin-bottom: 15px;
	display: block;
}

.contact-item a {
	text-decoration: none;
	color: #333;
	transition: 0.3s;
}

.contact-item a:hover {
	color: #007bff;
}


.footer-contact {
	margin-bottom: 15px;
	display: block;
}

.footer-contact a {
	text-decoration: none;
	color: #fff;
	transition: 0.3s;
}

.footer-contact a:hover {
	color: #007bff;
}


/*rv*/
.reviews {
	padding: 60px 0;
}

.review-box {
	background: #fff;
	padding: 40px;
	box-shadow: -20px 20px 60px #bebebe, -20px -20px 60px #ffffff;
	margin-bottom: 30px;
	border: 1px solid #eee;
	width: 100%;
	max-width: 550px;
}

.cr {
	border-radius: 50px 50px 0px 50px;
}

.cl {
	border-radius: 50px 50px 50px 0px;
}

@media (min-width: 992px) {
	.col-md-offset-6 .review-box {
		margin-left: auto;
	}
}

.review-footer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin-top: 15px;
	padding-top: 10px;
}

.review-footer .name {
	font-weight: bold;
	color: #333;
	font-size: 1.6rem;
	padding-right: 10px;
	border-right: 1px solid #ccc;
}

.review-footer .service {
	color: #848484;
	font-size: 1.2rem;
	text-transform: uppercase;
	font-weight: 600;
}

@media (max-width: 767px) {
	.review-box {
		padding: 20px;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.review-footer {
		flex-direction: column;
		align-items: flex-start;
		gap: 2px;
	}

	.review-box p {
		font-size: 1.4rem;
	}

	.review-footer .name {
		border-right: none;
	}

	.review-footer {
		border-top: 1px solid #ccc;
	}
}

/*mm*/
.fadeInUp h4 {
	color: #fff;
}

/* Limpieza del contenedor padre para que no choque con tu CSS actual */
.node-root {
	position: relative;
	display: start;
	/* O el display que use tu menú */
}

/* DISEÑO EXCLUSIVO PARA HIJOS Y NIETOS */
.branch-vault {
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 200px;
	background: #ffffff;
	list-style: none;
	padding: 10px 0;
	margin: 0;
	border-radius: 8px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);

	/* Animación oculta */
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	z-index: 999;
}

/* Mostrar hijos al hacer hover en el padre */
.node-root:hover>.branch-vault {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

/* Estilo de los Hijos (Residential/Commercial) */
.branch-item {
	position: relative;
}

.branch-link {
	display: block;
	padding: 12px 10px;
	color: #333 !important;
	/* Forzamos color para que no herede el del menú principal */
	font-size: 14px;
	text-decoration: none;
	font-weight: 500;
	transition: background 0.2s;
}

.branch-link:hover {
	background: #f4f7fa;
	color: #001532 !important;
}

/* Diseño de los Nietos (Services) */
.leaf-registry {
	position: absolute;
	left: 100%;
	top: 0;
	min-width: 180px;
	background: #ffffff;
	list-style: none;
	padding: 10px 0;
	margin: 0;
	border-radius: 8px;
	box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);

	/* Animación lateral */
	opacity: 0;
	visibility: hidden;
	transform: translateX(10px);
	transition: all 0.3s ease;
}

.branch-item:hover>.leaf-registry {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
}

/* Links de los nietos */
.leaf-registry a {
	display: block;
	padding: 8px 10px;
	color: #666 !important;
	text-decoration: none;
	font-size: 13px;
}

.leaf-registry a:hover {
	background: #001532;
	color: #ffffff !important;
}


/*pr*/
.col-md-8.wow.fadeInRight p {
	line-height: 30px;
}

.col-md-8.wow.fadeInRight img {
	border-radius: 10px;
	box-shadow: 5px 5px 23px #cacaca;
}

/*mg*/
.nav-services {
	position: relative;
}

.svc-panel {
	display: column;
	position: absolute;
	top: 100%;
	left: 0;
	background: #ffffff;
	padding: 10px;
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	z-index: 1000;
	visibility: hidden;
	opacity: 0;
	transform: translateY(15px);
	transition:
		opacity 0.4s ease,
		transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1),
		visibility 0.4s;
	pointer-events: none;
}

@media (min-width: 992px) {
	.nav-services:hover .svc-panel {
		visibility: visible;
		opacity: 1;
		transform: translateY(0);
		pointer-events: auto;
	}

	.svc-column {
		min-width: 180px;
		padding: 10px;
		position: relative;
		border-right: 1px solid #f0f0f0;
	}

	.svc-column:last-child {
		border-right: none;
	}

	.svc-title {
		display: block;
		padding: 12px;
		margin: 0;
		font-size: 16px;
		font-weight: bold;
		color: #333;
		cursor: pointer;
		transition: background 0.3s ease;
	}

	.svc-title:hover {
		background: #f8f9fa;
	}

	.svc-list {
		list-style: none;
		padding: 10px;
		margin: 0;
		position: absolute;
		left: 100%;
		top: 0;
		width: 200px;
		background: #ffffff;
		box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.05);
		border-radius: 0 4px 4px 0;
		border-left: 2px solid #002d5b;
		visibility: hidden;
		opacity: 0;
		transform: translateX(10px);
		transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		pointer-events: none;
	}

	.svc-column:hover .svc-list {
		visibility: visible;
		opacity: 1;
		transform: translateX(0);
		pointer-events: auto;
	}

	.svc-list li a {
		display: block;
		padding: 8px 12px;

		text-decoration: none;
		font-size: 14px;
		transition: all 0.2s ease;
	}

	.svc-list li a:hover {
		background: #f8f9fa;
		color: #002d5b;
		padding-left: 18px;

	}
}

@media (max-width: 991px) {
	.svc-panel {
		display: none !important;
	}

	.nav-services {
		margin-bottom: 20px;
	}
}

/*bt s*/
.btn-wp {
	background-color: #fff;
	border: 1px solid #25D366;
	padding: 5px;
	position: relative;
	width: 6.2em;
	height: 2em;
	transition: 0.5s;
	font-size: 17px;
	border-radius: 0.4em;
}

.btn-wp p {
	position: absolute;
	top: 0.4em;
	left: 1.15em;
	margin: 0;
	padding: 0;
	transition: .5s;
	color: #25D366;
}

.btn-wp svg {
	position: absolute;
	top: 0.45em;
	right: 0.5em;
	margin: 0;
	padding: 0;
	opacity: 0;
	transition: 0.5s;
	height: 1em;
	fill: #fff
}

.btn-wp:hover p {
	left: 0.5em;
	color: #fff
}

.btn-wp:hover svg {
	opacity: 1;
}

.btn-wp:hover {
	background-color: #25D366;
}

/*bt wp*/
.button2 {
	display: flex;
	transition: all 0.2s ease-in;
	position: relative;
	overflow: hidden;
	z-index: 1;
	color: #090909;
	padding: 0.7em 3.3em 0.7em 1.7em;
	font-size: 18px;
	border-radius: 0.5em;
	background: #e8e8e8;
	border: 1px solid #e8e8e8;
	box-shadow: 6px 6px 12px #c5c5c5,
		-6px -6px 12px #ffffff;
}

.svg-wp>svg {
	height: 30px;
	position: absolute;
	padding: 0px 5px;
	margin-top: -4px;
}

.button2 .svg-wp {
	animation: btn-wp 2s linear infinite;
}


/* Clase de CSS para aplicar a tu elemento HTML */
.elemento-flotante {
	display: inline-block;
	/* Nombre de la animación | Duración | Ritmo | Repetición */
	animation: btn-wp 3s ease-in-out infinite;
}

.button2:active {
	color: #666;
	box-shadow: inset 4px 4px 12px #c5c5c5,
		inset -4px -4px 12px #ffffff;
}

.button2:before {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%) scaleY(1) scaleX(1.25);
	top: 100%;
	width: 140%;
	height: 180%;
	background-color: rgba(0, 0, 0, 0.05);
	border-radius: 50%;
	display: block;
	transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
	z-index: -1;
}

.button2:after {
	content: "";
	position: absolute;
	left: 55%;
	transform: translateX(-50%) scaleY(1) scaleX(1.45);
	top: 180%;
	width: 160%;
	height: 190%;
	background-color: #009087;
	border-radius: 50%;
	display: block;
	transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
	z-index: -1;
}

.button2:hover {
	color: #ffffff;
	border: 1px solid #009087;
}

.button2:hover:before {
	top: -35%;
	background-color: #009087;
	transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}

.button2:hover:after {
	top: -45%;
	background-color: #009087;
	transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}



/*bt ml*/
.button3 {
	display: inline-block;
	transition: all 0.2s ease-in;
	position: relative;
	overflow: hidden;
	z-index: 1;
	color: #090909;
	padding: 0.7em 1.7em 0.7em 1.7em;
	font-size: 18px;
	border-radius: 0.5em;
	background: #e8e8e8;
	border: 1px solid #e8e8e8;
	box-shadow: 6px 6px 12px #c5c5c5,
		-6px -6px 12px #ffffff;
}

.button3>svg {
	height: 30px;
	position: absolute;
	padding: 0px 5px;
	margin-top: -4px;
}

.button3:active {
	color: #666;
	box-shadow: inset 4px 4px 12px #c5c5c5,
		inset -4px -4px 12px #ffffff;
}

.button3:before {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%) scaleY(1) scaleX(1.25);
	top: 100%;
	width: 140%;
	height: 180%;
	background-color: rgba(0, 0, 0, 0.05);
	border-radius: 50%;
	display: block;
	transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
	z-index: -1;
}

.button3:after {
	content: "";
	position: absolute;
	left: 55%;
	transform: translateX(-50%) scaleY(1) scaleX(1.45);
	top: 180%;
	width: 160%;
	height: 190%;
	background-color: #001532;
	border-radius: 50%;
	display: block;
	transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
	z-index: -1;
}

.button3:hover {
	color: #ffffff;
	border: 1px solid #001532;
}

.button3:hover:before {
	top: -35%;
	background-color: #001532;
	transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}

.button3:hover:after {
	top: -45%;
	background-color: #001532;
	transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}

.button3 {
	display: flex;
	justify-content: end;
	align-items: center;
	gap: 10px;
}

/*lm*/
.loader {
	position: relative;
	border-style: solid;
	box-sizing: border-box;
	border-width: 10px 15px 10px 15px;
	border-color: #3760C9 #96DDFC #96DDFC #36BBF7;
	animation: envFloating 1s ease-in infinite alternate;
}

.loader:after {
	content: "";
	position: absolute;
	right: 62px;
	top: -40px;
	height: 48px;
	width: 28px;
	background-image: linear-gradient(#fff 45px, transparent 0),
		linear-gradient(#fff 45px, transparent 0),
		linear-gradient(#fff 45px, transparent 0);
	background-repeat: no-repeat;
	background-size: 30px 4px;
	background-position: 0px 11px, 8px 35px, 0px 60px;
	animation: envDropping 0.75s linear infinite;
}


@keyframes envDropping {
	0% {
		background-position: 100px 11px, 115px 35px, 105px 60px;
		opacity: 1;
	}

	50% {
		background-position: 0px 11px, 20px 35px, 5px 60px;
	}

	60% {
		background-position: -30px 11px, 0px 35px, -10px 60px;
	}

	75%,
	100% {
		background-position: -30px 11px, -30px 35px, -30px 60px;
		opacity: 0;
	}
}

/*btns-con*/
.btn-cont {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 60px;
}

@media screen and (max-width: 768px) {
	.btn-cont {
		gap: 20px;
	}
}

/*cp*/
.contenedor-text {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 150px;
	width: 100%;

	border-radius: 10px;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 1;
}

.contenedor-text .text {
	position: relative;
	z-index: 2;
	justify-content: center;
	text-align: center;
	align-items: center;
	top: -50%;
	color: #090909;
	font-size: 20px;
	background-color: #e8e8e8;
	border-radius: 0.5em;
	padding: 0.7em 1.7em 0.7em 1.7em;
	box-shadow: 6px 6px 12px #c5c5c5, -6px -6px 12px #ffffff;
}

.cont {
	margin: 50px 0;
}

/*hver wd*/
.btn-shine {
	position: relative;
	top: 50%;
	left: -48px;
	transform: translate(-50%, -50%);
	padding: 12px 48px;
	color: #E3E8EF;
	background: linear-gradient(to right, #cad3e1 0, #fff 10%, #bec9da 20%);
	background-position: 0;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: shine 3s infinite linear;
	animation-fill-mode: forwards;
	-webkit-text-size-adjust: none;
	font-weight: 600;
	font-size: 12px;
	text-decoration: none;
	white-space: nowrap;
	font-family: "Poppins", sans-serif;
}

.btn-shine {
	color: #fff;
	line-height: 2;
}

.btn-shine::before {
	content: '';
	width: 0;
	height: 1px;
	border-radius: 2px;
	background-color: #fff;
	position: absolute;
	bottom: 8px;
	left: 0;
	transition: width .4s;
	margin-left: 48px;
}

.btn-shine:hover::before {
	width: 50%;
}

@-moz-keyframes shine {
	0% {
		background-position: 0;
	}

	60% {
		background-position: 180px;
	}

	100% {
		background-position: 180px;
	}
}

@-webkit-keyframes shine {
	0% {
		background-position: 0;
	}

	60% {
		background-position: 180px;
	}

	100% {
		background-position: 180px;
	}
}

@-o-keyframes shine {
	0% {
		background-position: 0;
	}

	60% {
		background-position: 180px;
	}

	100% {
		background-position: 180px;
	}
}

@keyframes shine {
	0% {
		background-position: 0;
	}

	60% {
		background-position: 180px;
	}

	100% {
		background-position: 180px;
	}
}

/*mh*/
.heart {
	position: relative;
	left: -96px;
}