/*

@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
	2.	Custom Container
	3.	Transition Overlay
	4.	Preloader
	5.	Odometer
	6.	Spinner
	7.	Form Elements
	8.	Hamburger Menu
	9.	Ghost Button
	10.	Titles
	11.	Reveal Effects
	12.	Swiper Slider
	13.	Search Box
	14.	Hamburger Menu Box
	15.	Header
	16.	Navbar
	17.	Intro Coddle
	18.	Team Members
	19.	Side Image Content
	20.	Main Features
	21.	Services
	22.	Feeding Coddle
	23.	Recent Works
	24.	All Works
	25.	Clients
	26.	Recent News
	27.	News
	28.	Contact
	29.	Quote Bar
	30.	Footer Bar
	31.	Footer
	32.	Coddle Box
	33.	Responsive Medium Fixes
	34.	Responsive Tablet Fixes
	35.	Responsive Mobile Fixes

*/
/* GOOGLE FONTS */
@import url("https://fonts.googleapis.com/css?family=Fjalla+One|Poppins:300,400,500,600,700,900&subset=latin-ext");
/* BODY */
* { outline: none !important; }

body { font-family: "Poppins"; font-size: 14px; }

body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; }

body, html { height: 100%; }

/* CUSTOM CONTAINERS */
@media (min-width: 1200px) { .container { max-width: 1220px; } }
/* HTML ELEMENTS */
img { max-width: 100%; }

/* TRANSITION OVERYLAY */
.transition-overlay { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: #99a4be; opacity: 0; visibility: hidden; transition-duration: 700ms; -webkit-transition-duration: 700ms; transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); z-index: 99; }
.transition-overlay.show-me { opacity: 1; visibility: visible; }

/* PRELOADER */
.preloader { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 9999999; background: #00598d; }

.preloader { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transform: all 0.4s ease; transition: all 0.4s ease; transition-delay: 1s; }

.page-loaded .preloader { transform: translateY(-100%); }

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

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

/* SPINNER */
.spinner { -webkit-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite; z-index: 2; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; width: 50px; height: 50px; }

.spinner .path { stroke: #fff; stroke-linecap: round; -webkit-animation: dash 1.5s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite; }

/* FORM ELEMENTS */
input[type="text"] { width: 100%; height: 52px; float: left; border: 1px solid #eee; padding: 0 20px; }

textarea { width: 100%; height: 152px; float: left; border: 1px solid #eee; padding: 20px; }

button[type="submit"] { height: 52px; display: inline-block; border: none; background: #253068; border-radius: 52px; padding: 0 40px; color: #fff; font-weight: 600; }

/* HAMBURGER MENU */
.hamburger-menu { width: 46px; height: 46px; float: right; position: relative; cursor: pointer; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); 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); border-radius: 50%; }
.hamburger-menu span { display: block; height: 2px; width: 22px; background: #fff; opacity: 1; position: absolute; right: 12px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
.hamburger-menu span:nth-child(1) { top: 15px; width: 12px; right: 17px; }
.hamburger-menu span:nth-child(2) { top: 22px; }
.hamburger-menu span:nth-child(3) { top: 29px; width: 12px; right: 17px; }
.hamburger-menu:hover span { width: 22px; right: 12px; }
.hamburger-menu.open span:nth-child(1) { top: 22px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
.hamburger-menu.open span:nth-child(2) { opacity: 0; right: -10px; }
.hamburger-menu.open span:nth-child(3) { top: 22px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }

/* GHOST BUTTON */
.ghost-btn { position: relative; display: inline-block; width: 217px; height: 50px; font-weight: 600; line-height: 60px; text-align: center; text-transform: uppercase; background-color: transparent; cursor: pointer; text-decoration: none; }
.ghost-btn svg { width: 217px; height: 62px; position: absolute; top: 0; left: 0; }
.ghost-btn svg rect { width: 206px; height: 50px; stroke-width: 2; stroke-dasharray: 353, 0; stroke-dashoffset: 0; -webkit-transition: all 600ms ease; transition: all 600ms ease; }
.ghost-btn span { background: #ff8282; background: -moz-linear-gradient(left, #00b8f0 0%, #162e67 100%); background: -webkit-linear-gradient(left, #ff8282 0%, #e178ed 100%); background: linear-gradient(to right, #00b8f0 0%, #162e67 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8282', endColorstr='#e178ed',GradientType=1 ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.ghost-btn:hover svg rect { stroke-width: 2; stroke-dasharray: 156, 505; stroke-dashoffset: 427; }

.ghost-btn:hover { text-decoration: none; }

/* TITLES */
.titles { width: 100%; float: left; text-align: center; }
.titles .title-bg { width: 300px; height: 134px; display: inline-block; background: url(../images/lineas-red2.png) no-repeat; background-size: 300px; margin-bottom: -93px; }
.titles h6 { font-family: "Fjalla One"; font-size: 13px; background: #fed20f; background: -moz-linear-gradient(-45deg, #fed20f 0%, #ed9923 100%); background: -webkit-linear-gradient(-45deg, #fed20f 0%, #ed9923 100%); background: linear-gradient(135deg, #fed20f 0%, #ed9923 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fed20f', endColorstr='#ed9923',GradientType=1 ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: uppercase; }
.titles h3 { font-weight: 600; font-size: 52px; font-weight: 600; letter-spacing: -2px; margin-bottom: 40px; background: #fed20f; background: -moz-linear-gradient(-45deg, #fed20f 0%, #ed9923 100%); background: -webkit-linear-gradient(-45deg, #fed20f 0%, #ed9923 100%); background: linear-gradient(135deg, #162e67 0%, #00b8f0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#162e67', endColorstr='#00b8f0',GradientType=1 ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

/* REVEAL EFFECT */
.reveal-effect { float: left; overflow: hidden; position: relative; }

/* SWIPER SLIDER */
.swiper-slider { width: 100%; float: left; position: relative; overflow: hidden; }
.swiper-slider .swiper-wrapper { width: 100%; float: left; }

/* SEARCH BOX */
.search-box { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-content: center; background: #004276; position: fixed; left: 0; top: 0; opacity: 0; visibility: hidden; z-index: 5; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
.search-box .inner { width: 100%; float: left; padding: 30px calc(25vw - 50px); }
.search-box .inner h4 { display: block; text-align: center; font-weight: 700; color: #fff; margin-bottom: 30px; font-size: 40px; }
.search-box .inner form { width: 100%; height: 60px; float: left; border: 2px solid #fff; border-radius: 60px; }
.search-box .inner form input[type="text"] { width: calc(100% - 150px); height: 56px; float: left; background: none; border: none; padding: 0 30px; font-size: 15px; color: #fff; font-weight: 600; }
.search-box .inner form input[type="text"]::-webkit-input-placeholder { color: #fff; }
.search-box .inner form input[type="text"]::-moz-placeholder { color: #fff; }
.search-box .inner form input[type="text"]:-ms-input-placeholder { color: #fff; }
.search-box .inner form input[type="text"]:-moz-placeholder { color: #fff; }
.search-box .inner form button[type="submit"] { width: 130px; height: 46px; float: right; border-radius: 50px; background: #fcc50f; border: none; margin: 5px; box-shadow: 5px 20px 50px 5px rgba(0, 0, 0, 0.1); }
.search-box.show-me { opacity: 1; visibility: visible; }

/* HAMBURGER MENU BOX */
.hamburger-menu-box { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-content: center; background: #004276; position: fixed; left: 0; top: 0; opacity: 0; visibility: hidden; z-index: 5; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; text-align: center; padding-top: 86px; }
.hamburger-menu-box .menu { width: 100%; float: left; padding: 30px calc(25vw - 50px); display: none; }
.hamburger-menu-box .menu .navbar-nav { width: 100%; float: left; margin: 0; padding: 0; text-align: left; }
.hamburger-menu-box .menu .navbar-nav .nav-item { width: 100%; float: left; margin: 0; padding: 0; list-style: none; }
.hamburger-menu-box .menu .navbar-nav .nav-item ul { width: 100%; float: left; margin-bottom: 10px; padding: 0; display: none; }
.hamburger-menu-box .menu .navbar-nav .nav-item ul li { width: 100%; float: left; margin: 0; padding: 0; list-style: none; }
.hamburger-menu-box .menu .navbar-nav .nav-item ul li a { width: 100%; float: left; font-size: 15px; color: #fff; }
.hamburger-menu-box .menu .navbar-nav .nav-item ul li a:hover { text-decoration: none; }
.hamburger-menu-box .menu .navbar-nav .nav-item .nav-link { width: 100%; float: left; font-size: 17px; font-weight: 600; color: #fff; }
.hamburger-menu-box .inner { width: 100%; float: left; padding: 30px calc(25vw - 50px); display: block; }
.hamburger-menu-box .inner .swiper-slider { width: 60%; margin: 0 20%; margin-bottom: 20px; border: 5px solid #fff; }
.hamburger-menu-box .inner .swiper-slider .swiper-pagination-bullet-active { background: #fed20f; }
.hamburger-menu-box .inner .lead { color: #fff; }
.hamburger-menu-box .inner .ghost-btn span { background: none; -webkit-text-fill-color: #ffffff; }
.hamburger-menu-box.show-me { opacity: 1; visibility: visible; }

/* HEADER */
.header { width: 100%; height: 100vh; float: left; background: url("../images/fondo2_2.jpg"); overflow: hidden; position: relative !important; }
.header .demos { width: 100%; float: left; margin-top: 15%; }
.header .demos a { width: 100%; float: left; border: 5px solid #fff; }
.header .demos a:hover { border: 5px solid #fed20f; }
.header .demos h6 { width: 100%; float: left; font-size: 13px; font-weight: 600; color: #fff; margin-top: 10px; margin-bottom: 30px; text-align: center; }
.header #particles-bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden; }
.header .video-bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden; }
.header .video-bg video { min-width: 100%; min-height: 100%; float: left; opacity: 0.2; }
.header .inner { width: 40%; position: absolute; left: 5%; top: 30%; z-index: 3; }
.header .inner h2 { font-size: 7em; font-weight: 700; color: #fff; font-family: "Fjalla One"; }
.header .inner p { color: #fff; line-height: 26px; margin-bottom: 50px; }
.header .inner .ghost-btn span { background: none; -webkit-text-fill-color: #ffffff; }
.header .isolayer { z-index: 1; transform: translateX(40vw) translateY(-340px) rotateX(45deg) rotateZ(37deg) !important; }
.header.int-header { width: 100%; height: 300px; background: url("../images/servicios/fondo-02.jpg"); }
.header.int-header .inner { width: 100%; left: 0; text-align: center; }
.header.int-header .inner h2 { font-size: 4em; margin-top: 40px; }
.header.int-header .inner h6 { color: #fff; object-fit: 0.7; }

/* NAVBAR */
.navbar { width: 100%; float: left; display: block; padding: 15px 5%; padding-top: 20px; text-align: center; position: relative; z-index: 9; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; background: url(../images/rainbow-bar-blue.png) top repeat-x; background-size: auto 5px; }
.navbar:after { content: ""; width: 70%; height: 1px; background: #fff; opacity: 0.2; position: absolute; left: 15%; bottom: 0; }
.navbar.stick-me { position: fixed; background: url(../images/rainbow-bar-blue.png) top repeat-x #fff; background-size: auto 5px; z-index: 9; }
.navbar.stick-me .logo .logo-colored { display: block !important; }
.navbar.stick-me .logo .logo-light { display: none; }
.navbar.stick-me .navbar-nav .nav-item .nav-link { color: #253068; }
.navbar.stick-me .search-btn { background: #253068; -webkit-mask-image: url(../images/search-icon.svg); mask-image: url(../images/search-icon.svg); }
.navbar.stick-me .custom-btn { background: #253068; color: #fff; }
.navbar.stick-me .hamburger-menu span { background: #99a4be; }
.navbar .logo { float: left; }
.navbar .logo .logo-colored { display: none; }
.navbar .logo a { float: left; }
.navbar .logo a img { float: left; height: 70px; }
.navbar .hamburger-menu { float: right; margin-left: 5px; margin-top: 12px; }
.navbar .search-btn { float: right; width: 32px; height: 32px; background: #fff; -webkit-mask-image: url(../images/search-icon.svg); mask-image: url(../images/search-icon.svg); margin-top: 8px; margin-left: 20px; cursor: pointer; }
.navbar .search-btn img { width: 34px; }
.navbar .custom-btn { float: right; height: 40px; line-height: 42px; background: #fff; padding: 0 35px; border-radius: 40px; margin-top: 14px; color: #004276; font-size: 14px; font-weight: 600; }
.navbar .custom-btn:hover { text-decoration: none; background: #004276; color: #fff; }
.navbar .navbar-nav { height: 45px; line-height: 52px; display: inline-block; margin-left: 50px; position: relative; z-index: 2; }
.navbar .navbar-nav .nav-item { float: left; margin: 0 5px; padding: 0 5px; position: relative; }
.navbar .navbar-nav .nav-item ul { width: 160px; margin: 0; padding: 10px 0; position: absolute; left: 0; top: calc(100% + 12px); background: #fff; text-align: left; box-shadow: 0 0 40px rgba(0, 0, 0, 0.05); opacity: 0; visibility: hidden; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
.navbar .navbar-nav .nav-item ul:before { content: ""; width: 100%; height: 13px; position: absolute; left: 0; top: -13px; }
.navbar .navbar-nav .nav-item ul li { width: 100%; float: left; line-height: 36px; margin: 0; padding: 0; list-style: none; padding: 0 15px; }
.navbar .navbar-nav .nav-item ul li a { width: 100%; float: left; color: #99a4be; font-size: 13px; font-weight: 600; }
.navbar .navbar-nav .nav-item ul li a:hover { text-decoration: none; color: #fed20f; }
.navbar .navbar-nav .nav-item .nav-link { padding: 10px 10px; font-weight: 600; font-size: 18px; color: #fff; border-bottom: 1px solid transparent; }
.navbar .navbar-nav .nav-item .nav-link:hover { text-decoration: none; color: #004276; }
.navbar .navbar-nav .nav-item .nav-link:before { content: ''; display: block; position: absolute; left: 0; bottom: -13px; height: 1px; width: 0; transition: width 0s ease, background .25s ease; }
.navbar .navbar-nav .nav-item .nav-link:after { content: ''; display: block; position: absolute; right: 0; bottom: -13px; height: 1px; width: 0; background: #fff; transition: width .25s ease; }
.navbar .navbar-nav .nav-item .nav-link:hover:before { width: 100%; background: #fff; transition: width .25s ease; }
.navbar .navbar-nav .nav-item .nav-link:hover:after { width: 100%; background: transparent; transition: all 0s ease; }
.navbar .navbar-nav .nav-item:hover ul { opacity: 1; visibility: visible; }

/* INTRO CODDLE */
.intro-coddle { width: 100%; display: flex; text-align: center; padding: 60px 0; }
.intro-coddle .article { width: 100%; float: left; }
.intro-coddle .article p { line-height: 23px; margin-bottom: 15px; opacity: 0.8; }
.intro-coddle .ghost-btn { margin-top: 30px; }

/* TEAM MEMBERS */
.team-members { width: 100%; display: flex; text-align: center; padding-top: 60px; border-top: 1px solid #eee; }
.team-members figure { width: 100%; float: left; position: relative; margin: 0; }
.team-members figure img { width: 100%; float: left; }
.team-members figure figcaption { width: 100%; height: 100%; flex: 1; display: flex; flex-direction: column; justify-content: center; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.7); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; opacity: 0; }
.team-members figure figcaption h4 { color: #fff; margin: 0; }
.team-members figure figcaption span { color: #fff; font-size: 12px; font-weight: 600; opacity: 0.7; }
.team-members figure:hover figcaption { opacity: 1; }

/* SIDE IMAGE CONTENT */
.side-image-content { width: 100%; display: flex; flex-direction: row; align-items: center; padding: 100px 0; }
.side-image-content .side-image { flex-basis: 50%; display: flex; }
.side-image-content .side-image .left { flex-basis: 60%; padding-right: 30px; }
.side-image-content .side-image .left .small-image { width: 70%; margin-top: 30px; float: right; }
.side-image-content .side-image .right { flex-basis: 40%; padding-top: 140px; }
.side-image-content .side-image .no-spacing { padding: 0; }
.side-image-content .side-content { flex: 1; flex-basis: 50%; flex-direction: column; padding: 0 calc(25vw - 270px); }
.side-image-content .side-content .titles { text-align: left; }
.side-image-content .side-content p { line-height: 26px; margin-bottom: 22px; opacity: 0.8; }
.side-image-content .side-content .ghost-btn { margin-top: 20px; }

/* MAIN FEATURES */
.main-features { width: 100%; display: flex; padding: 100px 0; background: #004276; }
.main-features .titles { display: block; }
.main-features .titles .title-bg { mix-blend-mode: color-dodge; }
.main-features .titles h3 { -webkit-text-fill-color: #fff; }
.main-features .feature-box { width: 100%; padding: 50px 40px; box-shadow: 5px 20px 50px 5px rgba(0, 0, 0, 0.1); position: relative; text-align: center; color: #fff; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; background: url(../images/servicios/contac-center.png) center no-repeat; background-size: cover; }
.main-features .feature-box2 { width: 100%; padding: 50px 40px; box-shadow: 5px 20px 50px 5px rgba(0, 0, 0, 0.1); position: relative; text-align: center; color: #fff; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; background: url(../images/servicios/contac-center.png) center no-repeat; background-size: cover; }
.main-features .feature-box3 { width: 100%; padding: 50px 40px; box-shadow: 5px 20px 50px 5px rgba(0, 0, 0, 0.1); position: relative; text-align: center; color: #fff; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; background: url(../images/servicios/gestion-documental.png) center no-repeat; background-size: cover; }
.main-features .feature-box4 { width: 100%; padding: 50px 40px; box-shadow: 5px 20px 50px 5px rgba(0, 0, 0, 0.1); position: relative; text-align: center; color: #fff; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; background: url(../images/servicios/redes-lan.png) center no-repeat; background-size: cover; }
.main-features .feature-box5 { width: 100%; padding: 50px 40px; box-shadow: 5px 20px 50px 5px rgba(0, 0, 0, 0.1); position: relative; text-align: center; color: #fff; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; background: url(../images/servicios/voz-ip.png) center no-repeat; background-size: cover; }
.main-features .feature-box6 { width: 100%; padding: 50px 40px; box-shadow: 5px 20px 50px 5px rgba(0, 0, 0, 0.1); position: relative; text-align: center; color: #fff; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; background: url(../images/servicios/mesa-de-ayuda.png) center no-repeat; background-size: cover; }
.main-features .feature-box7 { width: 100%; padding: 50px 40px; box-shadow: 5px 20px 50px 5px rgba(0, 0, 0, 0.1); position: relative; text-align: center; color: #fff; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; background: url(../images/servicios/outsourcing-de-tecnologia.png) center no-repeat; background-size: cover; }
.main-features .feature-box8 { width: 100%; padding: 50px 40px; box-shadow: 5px 20px 50px 5px rgba(0, 0, 0, 0.1); position: relative; text-align: center; color: #fff; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; background: url(../images/servicios/redes-inalambricas.png) center no-repeat; background-size: cover; }
.main-features .feature-box9 { width: 100%; padding: 50px 40px; box-shadow: 5px 20px 50px 5px rgba(0, 0, 0, 0.1); position: relative; text-align: center; color: #fff; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; background: url(../images/servicios/virtuales.png) center no-repeat; background-size: cover; }
.main-features .feature-box:hover { box-shadow: 5px 20px 50px 5px rgba(0, 0, 0, 0.3); }
.main-features .feature-box figure { height: 60px; margin-bottom: 30px; }
.main-features .feature-box figure img { width: 60px; }
.main-features .feature-box2 figure { height: 60px; margin-bottom: 30px; }
.main-features .feature-box2 figure img { width: 60px; }
.main-features .feature-box3 figure { height: 60px; margin-bottom: 30px; }
.main-features .feature-box3 figure img { width: 60px; }
.main-features .feature-box4 figure { height: 60px; margin-bottom: 30px; }
.main-features .feature-box4 figure img { width: 60px; }
.main-features .feature-box5 figure { height: 60px; margin-bottom: 30px; }
.main-features .feature-box5 figure img { width: 60px; }
.main-features .feature-box6 figure { height: 60px; margin-bottom: 30px; }
.main-features .feature-box6 figure img { width: 60px; }
.main-features .feature-box7 figure { height: 60px; margin-bottom: 30px; }
.main-features .feature-box7 figure img { width: 60px; }
.main-features .feature-box8 figure { height: 60px; margin-bottom: 30px; }
.main-features .feature-box8 figure img { width: 60px; }
.main-features .feature-box9 figure { height: 60px; margin-bottom: 30px; }
.main-features .feature-box9 figure img { width: 60px; }
.main-features .feature-box t span { width: 70%; height: 1px; float: lef; margin: 0 15%; margin-bottom: 40px; background: #fff; opacity: 0.3; }
.main-features .feature-box h5 { font-weight: 600; margin-bottom: 20px; font-size: 13px; }
.main-features .feature-box p { line-height: 22px; font-size: 14px; margin: 0; }
.main-features .feature-box .more-link { width: 37px; height: 37px; text-align: right; font-size: 17px; color: #fff; position: absolute; right: -4px; bottom: -4px; z-index: 2; line-height: 50px; padding-right: 5px; }
.main-features .feature-box .more-link:hover { text-decoration: none; }
.main-features .feature-box .more-link:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 0 37px 37px; border-color: transparent transparent #fed20f transparent; position: absolute; right: 0; bottom: 0; z-index: -1; }
.main-features .feature-box ul { width: 100%; margin-top: 20px; margin-bottom: 0; padding: 0; display: none; }
.main-features .feature-box ul li { width: 100%; margin-bottom: 4px; padding: 0; list-style: none; font-weight: 600; font-size: 12px; }
.main-features .feature-box ul li a { color: #fff; font-size: 23px}
.main-features .feature-box ul li a img { width: 12px; margin-right: 4px; }

/* SERVICES */
.services { width: 100%; display: flex; padding: 100px 0; }
.services .service-box { width: 100%; padding: 50px 40px; box-shadow: 5px 20px 50px 5px rgba(0, 0, 0, 0.1); position: relative; color: #fff; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; background: url(../images/polygon-bg.svg) center no-repeat; background-size: cover; margin-bottom: 30px; }
.services .service-box1 { width: 100%; padding: 88px 40px; box-shadow: 5px 20px 50px 5px rgba(0, 0, 0, 0.1); position: relative; color: #fff; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; background: url(../images/servicios/redes-lan.png) center no-repeat; background-size: cover; margin-bottom: 30px; }
.services .service-box2 { width: 100%; padding: 50px 40px; box-shadow: 5px 20px 50px 5px rgba(0, 0, 0, 0.1); position: relative; color: #fff; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; background: url(../images/servicios/outsourcing-de-tecnologia.png) center no-repeat; background-size: cover; margin-bottom: 30px; }
.services .service-box3 { width: 100%; padding: 50px 40px; box-shadow: 5px 20px 50px 5px rgba(0, 0, 0, 0.1); position: relative; color: #fff; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; background: url(../images/servicios/virtuales.png) center no-repeat; background-size: cover; margin-bottom: 30px; }
.services .service-box4 { width: 100%; padding: 50px 40px; box-shadow: 5px 20px 50px 5px rgba(0, 0, 0, 0.1); position: relative; color: #fff; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; background: url(../images/servicios/gestion-documental.png) center no-repeat; background-size: cover; margin-bottom: 30px; }
.services .service-box5 { width: 100%; padding: 50px 40px; box-shadow: 5px 20px 50px 5px rgba(0, 0, 0, 0.1); position: relative; color: #fff; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; background: url(../images/servicios/voz-ip.png) center no-repeat; background-size: cover; margin-bottom: 30px; }
.services .service-box6 { width: 100%; padding: 50px 40px; box-shadow: 5px 20px 50px 5px rgba(0, 0, 0, 0.1); position: relative; color: #fff; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; background: url(../images/servicios/redes-inalambricas.png) center no-repeat; background-size: cover; margin-bottom: 30px; }
.services .service-box7 { width: 100%; padding: 50px 40px; box-shadow: 5px 20px 50px 5px rgba(0, 0, 0, 0.1); position: relative; color: #fff; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; background: url(../images/servicios/mesa-de-ayuda.png) center no-repeat; background-size: cover; margin-bottom: 30px; }
.services .service-box8 { width: 100%; padding: 50px 40px; box-shadow: 5px 20px 50px 5px rgba(0, 0, 0, 0.1); position: relative; color: #fff; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; background: url(../images/servicios/contac-center.png) center no-repeat; background-size: cover; margin-bottom: 30px; }
.services .service-box:hover { box-shadow: 5px 20px 50px 5px rgba(0, 0, 0, 0.3); }
.services .service-box1:hover { box-shadow: 5px 20px 50px 5px rgba(0, 0, 0, 0.3); }
.services .service-box2:hover { box-shadow: 5px 20px 50px 5px rgba(0, 0, 0, 0.3); }
.services .service-box3:hover { box-shadow: 5px 20px 50px 5px rgba(0, 0, 0, 0.3); }
.services .service-box4:hover { box-shadow: 5px 20px 50px 5px rgba(0, 0, 0, 0.3); }
.services .service-box5:hover { box-shadow: 5px 20px 50px 5px rgba(0, 0, 0, 0.3); }
.services .service-box6:hover { box-shadow: 5px 20px 50px 5px rgba(0, 0, 0, 0.3); }
.services .service-box7:hover { box-shadow: 5px 20px 50px 5px rgba(0, 0, 0, 0.3); }
.services .service-box8:hover { box-shadow: 5px 20px 50px 5px rgba(0, 0, 0, 0.3); }
.services .service-box figure { width: 60px; float: left; margin-right: 20px; margin-bottom: 30px; }
.services .service-box1 figure { width: 60px; float: left; margin-right: 20px; margin-bottom: 30px; }
.services .service-box2 figure { width: 60px; float: left; margin-right: 20px; margin-bottom: 30px; }
.services .service-box3 figure { width: 60px; float: left; margin-right: 20px; margin-bottom: 30px; }
.services .service-box4 figure { width: 60px; float: left; margin-right: 20px; margin-bottom: 30px; }
.services .service-box5 figure { width: 60px; float: left; margin-right: 20px; margin-bottom: 30px; }
.services .service-box6 figure { width: 60px; float: left; margin-right: 20px; margin-bottom: 30px; }
.services .service-box7 figure { width: 60px; float: left; margin-right: 20px; margin-bottom: 30px; }
.services .service-box8 figure { width: 60px; float: left; margin-right: 20px; margin-bottom: 30px; }
.services .service-box figure img { width: 60px; }
.services .service-box1 figure img { width: 60px; }
.services .service-box2 figure img { width: 60px; }
.services .service-box3 figure img { width: 60px; }
.services .service-box4 figure img { width: 60px; }
.services .service-box5 figure img { width: 60px; }
.services .service-box6 figure img { width: 60px; }
.services .service-box7 figure img { width: 60px; }
.services .service-box8 figure img { width: 60px; }
.services .service-box span { width: 1px; height: 80px; float: left; margin-right: 20px; background: #fff; opacity: 0.3; }
.services .service-box1 span { width: 1px; height: 80px; float: left; margin-right: 20px; background: #fff; opacity: 0.3; }
.services .service-box2 span { width: 1px; height: 80px; float: left; margin-right: 20px; background: #fff; opacity: 0.3; }
.services .service-box3 span { width: 1px; height: 80px; float: left; margin-right: 20px; background: #fff; opacity: 0.3; }
.services .service-box4 span { width: 1px; height: 80px; float: left; margin-right: 20px; background: #fff; opacity: 0.3; }
.services .service-box5 span { width: 1px; height: 110px; float: left; margin-right: 20px; background: #fff; opacity: 0.3; }
.services .service-box6 span { width: 1px; height: 110px; float: left; margin-right: 20px; background: #fff; opacity: 0.3; }
.services .service-box7 span { width: 1px; height: 90px; float: left; margin-right: 20px; background: #fff; opacity: 0.3; }
.services .service-box8 span { width: 1px; height: 90px; float: left; margin-right: 20px; background: #fff; opacity: 0.3; }
.services .service-box h5 { font-weight: 600; margin-bottom: 20px; font-size: 13px; }
.services .service-box1 h5 { font-weight: 600; margin-bottom: 20px; font-size: 13px; }
.services .service-box2 h5 { font-weight: 600; margin-bottom: 20px; font-size: 13px; }
.services .service-box3 h5 { font-weight: 600; margin-bottom: 20px; font-size: 13px; }
.services .service-box4 h5 { font-weight: 600; margin-bottom: 20px; font-size: 13px; }
.services .service-box5 h5 { font-weight: 600; margin-bottom: 20px; font-size: 13px; }
.services .service-box6 h5 { font-weight: 600; margin-bottom: 20px; font-size: 13px; }
.services .service-box7 h5 { font-weight: 600; margin-bottom: 20px; font-size: 13px; }
.services .service-box8 h5 { font-weight: 600; margin-bottom: 20px; font-size: 13px; }
.services .service-box p { line-height: 22px; font-size: 16px; margin: 0; }
.services .service-box1 p { line-height: 22px; font-size: 16px; margin: 0; }
.services .service-box2 p { line-height: 22px; font-size: 16px; margin: 0; }
.services .service-box3 p { line-height: 22px; font-size: 16px; margin: 0; }
.services .service-box4 p { line-height: 22px; font-size: 16px; margin: 0; }
.services .service-box5 p { line-height: 22px; font-size: 16px; margin: 0; }
.services .service-box6 p { line-height: 22px; font-size: 16px; margin: 0; }
.services .service-box7 p { line-height: 22px; font-size: 16px; margin: 0; }
.services .service-box8 p { line-height: 22px; font-size: 16px; margin: 0; }
.services .service-box ul { width: 100%; margin-top: 20px; margin-bottom: 0; padding: 0; padding-left: 100px;}
.services .service-box1 ul { width: 100%; margin-top: 20px; margin-bottom: 0; padding: 0; padding-left: 100px;}
.services .service-box2 ul { width: 100%; margin-top: 20px; margin-bottom: 0; padding: 0; padding-left: 100px;}
.services .service-box3 ul { width: 100%; margin-top: 20px; margin-bottom: 0; padding: 0; padding-left: 100px;}
.services .service-box4 ul { width: 100%; margin-top: 20px; margin-bottom: 0; padding: 0; padding-left: 100px;}
.services .service-box5 ul { width: 100%; margin-top: 20px; margin-bottom: 0; padding: 0; padding-left: 100px;}
.services .service-box6 ul { width: 100%; margin-top: 20px; margin-bottom: 0; padding: 0; padding-left: 100px;}
.services .service-box7 ul { width: 100%; margin-top: 20px; margin-bottom: 0; padding: 0; padding-left: 100px;}
.services .service-box8 ul { width: 100%; margin-top: 20px; margin-bottom: 0; padding: 0; padding-left: 100px;}
.services .service-box ul li { width: 100%; margin-bottom: 4px; padding: 0; list-style: none; font-weight: 600; font-size: 14px; }
.services .service-box1 ul li { width: 100%; margin-bottom: 4px; padding: 0; list-style: none; font-weight: 600; font-size: 14px; }
.services .service-box2 ul li { width: 100%; margin-bottom: 4px; padding: 0; list-style: none; font-weight: 600; font-size: 14px; }
.services .service-box3 ul li { width: 100%; margin-bottom: 4px; padding: 0; list-style: none; font-weight: 600; font-size: 14px; }
.services .service-box4 ul li { width: 100%; margin-bottom: 4px; padding: 0; list-style: none; font-weight: 600; font-size: 14px; }
.services .service-box5 ul li { width: 100%; margin-bottom: 4px; padding: 0; list-style: none; font-weight: 600; font-size: 14px; }
.services .service-box6 ul li { width: 100%; margin-bottom: 4px; padding: 0; list-style: none; font-weight: 600; font-size: 14px; }
.services .service-box7 ul li { width: 100%; margin-bottom: 4px; padding: 0; list-style: none; font-weight: 600; font-size: 14px; }
.services .service-box8 ul li { width: 100%; margin-bottom: 4px; padding: 0; list-style: none; font-weight: 600; font-size: 14px; }
.services .service-box ul li a { color: #fff; }
.services .service-box1 ul li a { color: #fff; }
.services .service-box2 ul li a { color: #fff; }
.services .service-box3 ul li a { color: #fff; }
.services .service-box4 ul li a { color: #fff; }
.services .service-box5 ul li a { color: #fff; }
.services .service-box6 ul li a { color: #fff; }
.services .service-box7 ul li a { color: #fff; }
.services .service-box8 ul li a { color: #fff; }
.services .service-box ul li a img { width: 12px; margin-right: 4px; }
.services .service-box1 ul li a img { width: 12px; margin-right: 4px; }
.services .service-box2 ul li a img { width: 12px; margin-right: 4px; }
.services .service-box3 ul li a img { width: 12px; margin-right: 4px; }
.services .service-box4 ul li a img { width: 12px; margin-right: 4px; }
.services .service-box5 ul li a img { width: 12px; margin-right: 4px; }
.services .service-box6 ul li a img { width: 12px; margin-right: 4px; }
.services .service-box7 ul li a img { width: 12px; margin-right: 4px; }
.services .service-box8 ul li a img { width: 12px; margin-right: 4px; }

/* FEEDING CODDLE */
.feeding-coddle { width: 100%; display: flex; text-align: center; padding: 60px 0; background: #f1f5fd; color: #99a4be; }
.feeding-coddle figure { width: 100%; margin-bottom: 0; }
.feeding-coddle figure img { height: 70px; margin-bottom: 20px; }
.feeding-coddle .odometer { font-family: "Fjalla One"; font-size: 40px; margin-bottom: 15px; }
.feeding-coddle h6 { font-weight: 600; font-size: 12px; color: #f07f23; text-transform: uppercase; }

/* RECENT WORKS */
.recent-works { width: 100%; float: left; padding: 100px 0; text-align: center; }
.recent-works h6 { font-family: "Fjalla One"; font-size: 13px; }
.recent-works h3 { font-weight: 600; font-size: 52px; font-weight: 600; letter-spacing: -2px; margin-bottom: 50px; }
.recent-works .works-filter { display: inline-block; margin-bottom: 20px; padding: 0; }
.recent-works .works-filter li { float: left; margin: 0; padding: 0; list-style: none; }
.recent-works .works-filter li a { float: left; padding: 0 10px; color: #99a4be; font-weight: 600; font-size: 13px; }
.recent-works .works-filter li a.current { color: #fed20f; }
.recent-works .works-filter li a:hover { text-decoration: none; }
.recent-works .works-grid { width: 100%; float: left; margin: 0; padding: 0; }
.recent-works .works-grid li { width: 25%; float: left; margin: 0; padding: 0; list-style: none; }

/* ALL WORKS */
.all-works { width: 100%; float: left; padding: 100px 0; text-align: center; }
.all-works h6 { font-family: "Fjalla One"; font-size: 13px; }
.all-works h3 { font-weight: 600; font-size: 52px; font-weight: 600; letter-spacing: -2px; margin-bottom: 50px; }
.all-works .works-filter { display: inline-block; margin-bottom: 20px; padding: 0; }
.all-works .works-filter li { float: left; margin: 0; padding: 0; list-style: none; }
.all-works .works-filter li a { float: left; padding: 0 10px; color: #99a4be; font-weight: 600; font-size: 13px; }
.all-works .works-filter li a.current { color: #fed20f; }
.all-works .works-filter li a:hover { text-decoration: none; }
.all-works .works-grid { width: 100%; float: left; margin: 0; padding: 0; }
.all-works .works-grid.spaced li { padding: 15px; }
.all-works .works-grid.retro li { width: 33.33333%; }
.all-works .works-grid li { width: 25%; float: left; margin: 0; padding: 0; list-style: none; }

/* CLIENTS */
.clients { width: 100%; float: left; text-align: center; }
.clients.spacing { padding: 60px 0; }
.clients ul { width: 100%; float: left; margin: 0; padding: 40px; }
.clients ul li { width: 16.66666%; float: left; margin: 0; margin-left: -1px; padding: 20px; border: 1px solid #eee; list-style: none; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
.clients ul li:hover { box-shadow: 5px 20px 50px 5px rgba(0, 0, 0, 0.1); position: relative; z-index: 2; }

/* RECENT NEWS */
.recent-news { width: 100%; float: left; padding: 100px 0; }
.recent-news .news-box { width: 100%; float: left; box-shadow: 5px 20px 50px 5px rgba(0, 0, 0, 0.1); }
.recent-news .news-box figure { width: 100%; float: left; margin-bottom: 0; }
.recent-news .news-box .news-content { width: 100%; float: left; padding: 30px; }
.recent-news .news-box .news-content small { display: block; font-size: 10px; opacity: 0.5; margin-bottom: 10px; }
.recent-news .news-box .news-content h3 { display: block; font-size: 19px; font-weight: 700; line-height: 28px; margin-bottom: 20px; background: #fed20f; background: -moz-linear-gradient(-45deg, #fed20f 0%, #ed9923 100%); background: -webkit-linear-gradient(-45deg, #fed20f 0%, #ed9923 100%); background: linear-gradient(135deg, #fed20f 0%, #ed9923 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fed20f', endColorstr='#ed9923',GradientType=1 ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.recent-news .news-box .news-content p { opacity: 0.8; line-height: 26px; }
.recent-news .news-box .news-content a { font-size: 12px; font-weight: 700; color: #fed20f; padding-bottom: 6px; position: relative; }
.recent-news .news-box .news-content a:hover { text-decoration: none; }
.recent-news .news-box .news-content a:before { content: ''; display: block; position: absolute; left: 0; bottom: 0; height: 2px; width: 0; transition: width 0s ease, background .25s ease; }
.recent-news .news-box .news-content a:after { content: ''; display: block; position: absolute; right: 0; bottom: 0; height: 2px; width: 0; background: #fed20f; transition: width .25s ease; }
.recent-news .news-box .news-content a:hover:before { width: 100%; background: #fed20f; transition: width .25s ease; }
.recent-news .news-box .news-content a:hover:after { width: 100%; background: transparent; transition: all 0s ease; }

/* NEWS */
.news { width: 100%; display: flex; padding: 100px 0; }
.news .news-box { width: 100%; float: left; box-shadow: 5px 20px 50px 5px rgba(0, 0, 0, 0.1); margin-bottom: 50px; }
.news .news-box figure { width: 100%; float: left; margin-bottom: 0; }
.news .news-box figure img { width: 100%; float: left; }
.news .news-box .news-content { width: 100%; float: left; padding: 30px; }
.news .news-box .news-content small { display: block; font-size: 10px; opacity: 0.5; margin-bottom: 10px; }
.news .news-box .news-content h3 { display: block; font-size: 19px; font-weight: 700; line-height: 28px; margin-bottom: 20px; background: #fed20f; background: -moz-linear-gradient(-45deg, #fed20f 0%, #ed9923 100%); background: -webkit-linear-gradient(-45deg, #fed20f 0%, #ed9923 100%); background: linear-gradient(135deg, #fed20f 0%, #ed9923 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fed20f', endColorstr='#ed9923',GradientType=1 ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.news .news-box .news-content p { opacity: 0.8; line-height: 26px; }
.news .news-box .news-content ul { display: block; padding-left: 20px; }
.news .news-box .news-content ul li { margin: 0; padding: 4px 0; opacity: 0.8; }
.news .news-box .news-content blockquote { padding: 15px 25px; border-left: 5px solid #fed20f; background: #fffced; }
.news .news-box .news-content blockquote p { margin: 0; }
.news .news-box .news-content a { font-size: 12px; font-weight: 700; color: #fed20f; padding-bottom: 6px; position: relative; }
.news .news-box .news-content a:hover { text-decoration: none; }
.news .news-box .news-content a:before { content: ''; display: block; position: absolute; left: 0; bottom: 0; height: 2px; width: 0; transition: width 0s ease, background .25s ease; }
.news .news-box .news-content a:after { content: ''; display: block; position: absolute; right: 0; bottom: 0; height: 2px; width: 0; background: #fed20f; transition: width .25s ease; }
.news .news-box .news-content a:hover:before { width: 100%; background: #fed20f; transition: width .25s ease; }
.news .news-box .news-content a:hover:after { width: 100%; background: transparent; transition: all 0s ease; }
.news .news-sidebar { width: 100%; float: left; padding-left: 60px; }
.news .news-sidebar .widget { width: 100%; float: left; margin-bottom: 20px; position: relative; }
.news .news-sidebar .widget .title { display: block; margin-bottom: 15px; font-size: 22px; font-weight: 700; color: #99a4be; }
.news .news-sidebar .widget p { font-size: 13px; line-height: 20px; opacity: 0.7; }
.news .news-sidebar .widget form { width: 100%; float: left; border: 1px solid #eee; padding: 4px; border-radius: 50px; }
.news .news-sidebar .widget form input[type="text"] { width: calc(100% - 60px); height: 40px; border: none; padding: 0 15px; background: none; }
.news .news-sidebar .widget form button { width: 60px; height: 40px; padding: 0; }
.news .news-sidebar .widget .tags { width: 100%; float: left; margin: 0; padding: 0; }
.news .news-sidebar .widget .tags li { float: left; margin-right: 6px; margin-bottom: 6px; padding: 0; list-style: none; }
.news .news-sidebar .widget .tags li a { height: 23px; line-height: 23px; float: left; border: 1px solid #eee; padding: 0 10px; border-radius: 23px; font-size: 11px; font-weight: 600; color: #99a4be; }
.news .news-sidebar .widget .tags li a:hover { background: #99a4be; border-color: #99a4be; text-decoration: none; color: #fff; }
.news .news-sidebar .widget .categories { width: 100%; float: left; margin: 0; padding: 0; }
.news .news-sidebar .widget .categories li { width: 100%; float: left; margin: 0; padding: 5px 0; list-style: none; }
.news .news-sidebar .widget .categories li span { float: right; opacity: 0.7; }
.news .news-sidebar .widget .categories li a { float: left; font-weight: 600; color: #212529; opacity: 0.7; }
.news .news-sidebar .widget .works { width: 100%; float: left; margin: 0; padding: 0; }
.news .news-sidebar .widget .works li { width: 33.33333%; float: left; padding: 5px; margin: 0; list-style: none; }
.news .news-sidebar .widget .works li a { float: left; }
.news .news-sidebar .widget .works li img { width: 100%; float: left; }

/* CONTACT */
.contact { width: 100%; display: flex; padding: 100px 0; text-align: center; }
.contact h5 { font-family: "Fjalla One"; font-size: 30px; color: #253068; }
.contact address { width: 100%; margin-bottom: 30px; }
.contact address p { opacity: none; }
.contact address a { color: #57c199; font-weight: 600; }

/* QUOTE BAR */
.quote-bar { width: 100%; float: left; padding: 70px 0; margin-top: 50px; text-align: center; background: url(../images/servicios/fondo-02.jpg) center no-repeat; background-size: cover; }
.quote-bar2 { width: 100%; float: left; padding: 30px 0; margin-top: 10px; text-align: center; background: url(../images/servicios/fondo-02.jpg) center no-repeat; background-size: cover; }
.quote-bar h4 { font-size: 50px; font-family: "Fjalla One"; color: #fff; margin-top: 0; }
.quote-bar p { padding: 0 10%; color: #fff; line-height: 26px; margin-bottom: 50px; }
.quote-bar .ghost-btn span { background: none; -webkit-text-fill-color: #ffffff; font-size: 20px;
 }

/* FOOTER BAR */
.footer-bar { width: 100%; float: left; background: #004276; padding: 50px 0; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.footer-bar figure { width: 40px; float: left; margin-bottom: 0; margin-right: 15px; }
.footer-bar figure img { width: 100%; }
.footer-bar h4 { font-size: 16px; margin-top: 4px; margin-bottom: 1px; font-family: "Fjalla One"; }
.footer-bar address { display: block; font-size: 12px; font-weight: 300; margin: 0; }

/* FOOTER */
.footer { width: 100%; float: left; background: #253068; color: #fff; padding: 50px 0; text-align: center; }
.footer .logo { height: 150px; margin-bottom: 20px; }
.footer p { font-size: 13px; line-height: 17px; margin-bottom: 10px; }
.footer ul { display: inline-block; margin: 10px 0; padding: 0; }
.footer li { float: left; margin-left: 20px; padding: 0; list-style: none; }
.footer li a { color: #fff; font-size: 12px; font-weight: 600; }
.footer small { display: block; }

/* CODDLE BOX */
.coddle__box { display: block; position: relative; width: 100%; float: left; color: #fff; flex: none; perspective: 1000px; }
.coddle__box:hover { z-index: 3; }
.coddle__box:hover figure { box-shadow: 5px 20px 50px 5px rgba(0, 0, 0, 0.3); }

.coddle__box__figure .coddle__box__caption { display: none; }

.coddle__box__figure:hover .coddle__box__caption { display: block; }

.coddle__box__figure:hover .coddle__box__image { filter: brightness(0.5); -webkit-filter: brightness(0.5); }

.coddle__box__figure { margin: 0; width: 100%; height: 100%; display: block; }

.coddle__box__image { margin: 0; width: 100%; height: 100%; display: block; filter: brightness(100%); }

.coddle__box__figure > * { transform: translateZ(0px); /* Force correct stacking order */ }

.coddle__box__figure div { position: relative; }

.coddle__box__deco { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }

.coddle__box__deco--overlay { background-image: linear-gradient(45deg, rgba(226, 60, 99, 0.4), rgba(145, 58, 252, 0.4), rgba(16, 11, 192, 0.4)); }

.coddle__box__deco--shine div { position: absolute; width: 200%; height: 200%; top: -50%; left: -50%; background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0.25) 50%, transparent 100%); }

.coddle__box__caption { position: absolute; bottom: 0; width: 100%; height: 100%; padding-top: 26%; }

.coddle__box__title { margin: 0; font-weight: normal; font-size: 36px; font-family: 'Fjalla One', serif; line-height: 1; }
.coddle__box__title a { color: #fff; }
.coddle__box__title a:hover { text-decoration: none; }

.coddle__box__description { margin: 1em 0 0 0; font-size: 11px; }

/* RESPONSIVE MEDIUM  FIXES */
@media only screen and (max-width: 1169px), only screen and (max-device-width: 1169px) { .navbar .navbar-nav { margin-left: 0; }
  .side-image-content .side-content { padding: 0 calc(25vw - 220px); }
  .main-features .feature-box { padding: 30px 10px; } }
/* RESPONSIVE TABLET FIXES */
@media only screen and (max-width: 991px), only screen and (max-device-width: 991px) { .navbar .navbar-nav { display: none; }
  .hamburger-menu-box .inner { display: none; }
  .hamburger-menu-box .menu { display: block; }
  .hamburger-menu-box .menu .navbar-nav { text-align: right; }
  .hamburger-menu-box .menu .navbar-nav .nav-item .nav-link { font-size: 26px; }
  .side-image-content { flex-direction: column; }
  .side-image-content .side-image { padding: 0 60px; margin: 60px 0; }
  .side-image-content .side-content { padding: 0 60px; }
  .main-features .feature-box { padding: 50px 40px; margin-bottom: 30px; }
  .recent-works .works-grid li { width: 50%; }
  .clients ul li { width: 33.33333%; }
  .recent-news .news-box { margin-bottom: 30px; }
  .recent-news .news-box figure { width: 40%; overflow: hidden; }
  .recent-news .news-box figure img { max-width: inherit; min-height: 100%; }
  .recent-news .news-box .news-content { width: 60%; }
  .news .news-sidebar { padding-left: 0; }
  .all-works .works-grid li { width: 50%; }
  .footer-bar address { margin: 15px; } }
/* RESPONSIVE MOBILE FIXES */
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) { .titles h3 { font-size: 42px; }
  .navbar .custom-btn { display: none; }
  .header .inner { width: 100%; padding: 0 30px; left: 0; }
  .header .inner h2 { font-size: 5em; }
  .hamburger-menu-box .menu .navbar-nav .nav-item .nav-link { font-size: 17px; }
  .side-image-content .side-image .left { padding-right: 15px; }
  .side-image-content .side-image .left .small-image { margin-top: 15px; }
  .side-image-content .side-image { padding: 0 15px; }
  .side-image-content .side-content { padding: 0 15px; }
  .feeding-coddle { padding: 0; padding-bottom: 60px; }
  .feeding-coddle figure { margin-top: 60px; }
  .feeding-coddle .odometer { margin-bottom: 0; width: 100%; float: left; }
  .main-features .feature-box { width: calc(100% - 60px); margin: 0 30px; margin-bottom: 30px; }
  .recent-works .works-grid li { width: 100%; }
  .recent-news .news-box figure { width: 100%; float: left; }
  .recent-news .news-box figure img { width: 100%; min-height: inherit; }
  .recent-news .news-box .news-content { width: 100%; }
  .clients ul li { padding: 5px; margin-top: -1px; }
  .all-works .works-grid li { width: 100%; }
  .quote-bar h4 { font-size: 44px; }
  .footer-bar { text-align: center; }
  .footer-bar figure { display: none; }
  .footer { padding-top: 60px; } }
/* ANIMATIONS */
@-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@-webkit-keyframes dash { 0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; }
  50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35; }
  100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124; } }
@keyframes dash { 0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; }
  50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35; }
  100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124; } }
@-webkit-keyframes show-img-1 { 0%,66.6% { visibility: hidden; }
  100%,66.7% { visibility: visible; } }
@keyframes show-img-1 { 0%,66.6% { visibility: hidden; }
  100%,66.7% { visibility: visible; } }
@-webkit-keyframes slide-bg-2 { 33.3% { -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(0.05, 1); transform: scale(0.05, 1); }
  66.6% { -webkit-transform-origin: left center; transform-origin: left center; -webkit-transform: scale(1, 1); transform: scale(1, 1); }
  66.7% { -webkit-transform-origin: right center; transform-origin: right center; -webkit-transform: scale(1, 1); transform: scale(1, 1); }
  100% { -webkit-transform-origin: right center; transform-origin: right center; -webkit-transform: scale(0, 1); transform: scale(0, 1); } }
@keyframes slide-bg-2 { 33.3% { -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(0.05, 1); transform: scale(0.05, 1); }
  66.6% { -webkit-transform-origin: left center; transform-origin: left center; -webkit-transform: scale(1, 1); transform: scale(1, 1); }
  66.7% { -webkit-transform-origin: right center; transform-origin: right center; -webkit-transform: scale(1, 1); transform: scale(1, 1); }
  100% { -webkit-transform-origin: right center; transform-origin: right center; -webkit-transform: scale(0, 1); transform: scale(0, 1); } }
[data-aos=slide-effect] > img { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); position: relative; }

[data-aos=slide-effect] > img { -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

[data-aos^=slide][data-aos^=slide] { -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; }

[data-aos] { -webkit-transition-duration: 1.2s; transition-duration: 1.2s; -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); }

[data-aos^=slide][data-aos^=slide].animated { -webkit-transform: translate(0, 0); transform: translate(0, 0); }

[data-aos=slide-effect].animated img { -webkit-animation-name: show-img-1; animation-name: show-img-1; }

[data-aos=slide-effect]:after { -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); }

[data-aos=slide-effect]:after { content: ' '; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(0.05, 0); transform: scale(0.05, 0); -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); }

[data-aos=slide-effect].se2-white:after { background-color: #004276; }

[data-aos=slide-effect].animated:after { -webkit-animation-name: slide-bg-2; animation-name: slide-bg-2; }