/*

@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: #99a4be; }

.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: #fed20f; border-radius: 52px; padding: 0 40px; color: #005696; 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: #005696; 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, #ff8282 0%, #e178ed 100%); background: -webkit-linear-gradient(left, #ff8282 0%, #e178ed 100%); background: linear-gradient(to right, #ff8282 0%, #e178ed 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: 160px; height: 134px; display: inline-block; background: url(../images/title-bg.png) no-repeat; background-size: cover; 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, #fed20f 0%, #ed9923 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fed20f', endColorstr='#ed9923',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: #99a4be; 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: #99a4be; 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; overflow: hidden; position: relative; }
.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; }
.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: 100px; }
.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.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.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: #005696; }
.navbar.stick-me .search-btn { background: #005696; -webkit-mask-image: url(../images/search-icon.svg); mask-image: url(../images/search-icon.svg); }
.navbar.stick-me .custom-btn { background: #005696; color: #fff; }
.navbar.stick-me .hamburger-menu span { background: #005696; }
.navbar .logo { float: left; }
.navbar .logo .logo-colored { display: none; }
.navbar .logo a { float: left; }
.navbar .logo a img { float: left; height: 50px; }
.navbar .hamburger-menu { float: right; margin-left: 5px; margin-top: 2px; }
.navbar .search-btn { float: right; width: 32px; height: 32px; background: #005696; -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: 6px; color: #005696; font-size: 13px; font-weight: 600; }
.navbar .custom-btn:hover { text-decoration: none; background: #fed20f; color: #005696; }
.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: 0 10px; font-weight: 600; font-size: 13px; color: #005696; border-bottom: 1px solid transparent; }
.navbar .navbar-nav .nav-item .nav-link:hover { text-decoration: none; color: #fed20f; }
.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: url(../images/sky_day.jpg) center no-repeat; background-size: cover;}
.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: #0056; -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: #fff; }
.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-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; }
.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-box: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-box figure img { width: 60px; }
.services .service-box span { width: 1px; height: 80px; 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-box p { line-height: 22px; font-size: 14px; margin: 0; }
.services .service-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; }
.services .service-box .more-link:hover { text-decoration: none; }
.services .service-box .more-link:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 0 37px 37px; border-color: transparent transparent #57c199 transparent; position: absolute; right: 0; bottom: 0; z-index: -1; }
.services .service-box ul { width: 100%; margin-top: 20px; margin-bottom: 0; padding: 0; padding-left: 100px; display: none; }
.services .service-box ul li { width: 100%; margin-bottom: 4px; padding: 0; list-style: none; font-weight: 600; font-size: 12px; }
.services .service-box ul li a { color: #fff; }
.services .service-box 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: 0; }
.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: #005696; }
.contact address { width: 100%; margin-bottom: 30px; }
.contact address p { opacity: 0.7; }
.contact address a { color: #2F8A57; font-weight: 600; }

/* QUOTE BAR */
.quote-bar { width: 100%; float: left; padding: 70px 0; text-align: center; background: url(../images/polygon-bg.svg) 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; }

/* FOOTER BAR */
.footer-bar { width: 100%; float: left; background: #99a4be; 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: #99a4be; color: #fff; padding: 50px 0; text-align: center; }
.footer .logo { height: 50px; 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: skyblue; }

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