/* -------------------------------------------------------------
	
	GENERAL 
	
-- ------------------------------------------------------------- */

html {
	scroll-behavior: smooth;
}


body,html {
	height: 100%;
	color: #555555;
	font-family: droid-serif, serif;
	font-weight: 400;
	font-size: 0.9rem;
}

.noshow {
	display: none;
}

a {
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.clear-nav {
	padding-top:80px;
}

::selection {
	background-color: #3EA3DC;
	color: #FFFFFF;
}

.pt-6,.py-6 {  padding-top: 5rem !important;}
.pr-6,.px-6 {  padding-right: 5rem !important;}
.pb-6,.py-6 {  padding-bottom: 5rem !important;}
.pl-6,.px-6 {  padding-left: 5rem !important;}
.mt-6,.my-6 {  margin-top: 5rem !important;}
.mr-6,.mx-6 {  margin-right: 5rem !important;}
.mb-6,.my-6 {  margin-bottom: 5rem !important;}
.ml-6,.mx-6 {  margin-left: 5rem !important;}

.wow {
  visibility: hidden;
}

.overlay-div {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0
}

.background-image {
	background-position: center center;
	background-size: cover;
	color: #FFFFFF;
}

.background-image .overlay-div {
	z-index: 0;
}

.relative {
	position: relative;
}

.center-vertical {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


/*TRANSLATE*/

/*
img.goog-te-gadget-icon {
	display:none !important
}

div.goog-te-gadget-simple {
	position: absolute;
	top: 150px;
	right: 0;
	z-index: 998;
	padding: 0 15px 0 20px;
	font-family: droid-serif, serif;
	width: auto;
	height: 50px;
	font-size: 14px;
	line-height: 50px;
	color: #FFFFFF !important;
	background-color: #3EA3DC;
	background-image: none;
	border: none;
	border-radius: 0;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}


div.goog-te-gadget-simple span {
	border-left: none !important;
	padding: 0 !important
}
	
nav.main-menu ul li div.goog-te-gadget-simple a {
	padding-top: 6px !important;
}

a.goog-te-menu-value span{
	color:#222; 
	padding:0 5px
}

a.goog-te-menu-value:hover{ 
	text-shadow: 0 0 10px #ffffff;
}

a.goog-te-menu-value:hover{
	text-decoration: none;
}
*/


/* -------------------------------------------------------------
	
	TYPOGRAPHY 
	
-- ------------------------------------------------------------- */

hr {
	background-color: rgba(89, 162, 215, 0.75);
}


p, ul, ol {
	font-size: 1rem;
	line-height: 1.6rem;
	margin-bottom: 1rem
}

h1, h2, h3, h4 {
	color: #1A437E;
}

h1 {
	font-size: 2.2rem;
}
h2 {
	font-size: 1.6rem;
	margin-bottom: 20px;
}
h3 {
	font-size: 1.3rem;
	font-style: italic;
	margin-bottom: 20px;
}
h4 {
	font-size: 1.1rem;
	margin-bottom: 10px;
}

b, strong {
	font-weight: 700
}

p.larger {
	font-size: 1.2rem;
	line-height: 2rem
}

.larger {
	font-size: 140%;
	line-height: 150%;
}

.bg-dark-blue a,
.bg-dark-blue p,
.bg-dark-blue h1,
.bg-dark-blue h2,
.bg-dark-blue h3,
.bg-dark-blue h4 {
	color: #FFFFFF;
}


.bg-light-blue a,
.bg-light-blue p,
.bg-light-blue h1,
.bg-light-blue h2,
.bg-light-blue h3,
.bg-light-blue h4 {
	color: #FFFFFF;
}

a {
	text-decoration: none;
	color: #1A437E;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

a:hover {
	color: #3EA3DC
}

.bg-dark-blue a:hover {
	color: #3EA3DC;
}

.icon-item {
	margin-bottom: 20px;
}

.icon i::before {
	font-size: 4vw
}

.pre-header {
	margin-bottom: 5px !important;
}


/* -------------------------------------------------------------
	
	COLOURS 
	
-- ------------------------------------------------------------- */


.tint {
	opacity: 0.5;
}
.bg-white {
	background-color: #ffffff;
}
.bg-light-grey {
	background-color: #f4f4f4;
}
.bg-dark-blue {
	color: #FFFFFF;
	background-color: #1A437E !important;
}
.bg-light-blue {
	color: #FFFFFF;
	background-color: #3EA3DC;
}
.tint-10 {
	background-color: rgba(255, 255, 255, 0.05) !important;
}


.white {
	color: #ffffff !important;
}
.dark-blue {
	color: #1A437E !important;
}
.light-blue {
	color: #3EA3DC !important;
}



/* -------------------------------------------------------------
	
	BUTTONS 
	
-- ------------------------------------------------------------- */



.button {
	color: #FFFFFF;
	background-color: #3EA3DC;
	border: solid 1px #3EA3DC;
	margin: 5px 0;
	padding: 18px 40px;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	position: relative;
	text-transform: uppercase;
	border-radius: 1px;
}

.button.pdf::before {
	font-family: "Font Awesome 6 Pro";
    font-weight: 400;
    content: "\f1c1";
    margin-right:10px
}

.button.video::before {
	font-family: "Font Awesome 6 Pro";
    font-weight: 400;
    content: "\f144";
    margin-right:10px
}

.button.email::before {
	font-family: "Font Awesome 6 Pro";
    font-weight: 400;
    content: "\f0e0";
    margin-right:10px
}
  
  
 

.button:hover {
	color: #3EA3DC;
	background-color: transparent;
}

a.button + a.button {
	margin-left:20px
}


.button.button-white {
	color: #FFFFFF;
	border: solid 1px #FFFFFF;
	background: transparent;
}

.button.button-white:hover {
	color: #3EA3DC;
	background: #FFFFFF;
}

ul.categories {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.categories li {
	display: inline-block;
}

ul.categories li a.button {
	padding: 5px 20px;
	border-radius: 50px;
	margin:5px;
}

ul.categories li a.button.is-checked {
	color: #3EA3DC;
	border: solid 1px #3EA3DC;
	background: #FFFFFF;
}


/* -------------------------------------------------------------
	
	LISTING ITEM
	
-- ------------------------------------------------------------- */

.listing-item {
/* 	margin-bottom: 30px; */
	display: block;
}

.listing-item p {
	color: #363636;
}


.listing-item h2.text-ontop {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}


.listing-item h2.text-ontop {
	opacity: 1;
	color: #FFFFFF;
	position: absolute;
	top: 0;
	left: 0;
	padding: 12px
}

.listing-item:hover h2.text-ontop {
	opacity: 0
}

/* Container needed to position the overlay. Adjust the width as needed */
.listing-frame {
  position: relative;
  margin-bottom: 20px;
  border-radius: 8px
}

/* Make the image to responsive */
.listing-image {
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

/* The overlay effect - lays on top of the container and over the image */
.listing-overlay {
  position: absolute; 
  bottom: 0; 
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  color: #f1f1f1; 
  width: 100%;
  height: 100%;
  transition: .5s ease;
  opacity:0;
  color: white;
  font-size: 20px;
  padding: 20px;
}

/* When you mouse over the container, fade in the overlay title */
.listing-frame:hover .listing-overlay {
  opacity: 1;
}

.listing-overlay-text p {
	color: #FFFFFF;
}

.listing-frame .listing-overlay-text {
	width: 100%;
	text-align: center;
	color: #FFFFFF;
}

.listing-frame:hover .listing-image {
  filter: blur(4px);
  transform: scale(1.05);
}

.listing-frame {
	overflow: hidden;
}

/* -------------------------------------------------------------
	
	MASTER SLIDER 
	
-- ------------------------------------------------------------- */


.master-slider h1 {
	margin-bottom: 0;
}

.ms-slide-layers h1 {
	color: #FFFFFF;
}

.icon-scroll,
.icon-scroll:before {
  position: absolute;
  left: 50%;
}
  
.icon-scroll {
  width: 30px;
  height: 52px;
  margin-left: -20px;
  bottom: 2%;
  box-shadow: inset 0 0 0 1px #fff;
  border-radius: 25px;
}

.icon-scroll:before {
  content: '';
  width: 8px;
  height: 8px;
  background: #fff;
  margin-left: -4px;
  top: 8px;
  border-radius: 4px;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-name: scroll;
}

@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}

.ms-nav-next, 
.ms-nav-prev {
	z-index: 5 !important;
}



.single-slide .ms-nav-prev  {
	display: none !important;
}
.single-slide .ms-nav-next  {
	display: none !important;
}


/* -------------------------------------------------------------
	
	NAVBAR 
	
-- ------------------------------------------------------------- */


#lang ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#lang ul li {
	margin-right: 10px;
	display: inline-block;
	height: 24px;
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 20px 20px;
	top: 5px;
}

#lang ul li.active a {
	color: #3EA3DC;
	text-decoration: underline;
}

#lang ul li.english {
	background-image: url('/assets/img/uk.png');
}

#lang ul li.spanish {
	background-image: url('/assets/img/spain.png');
}

#lang.mobile ul li a {
	color: #FFFFFF;
	text-decoration: none;
}

#lang.mobile ul li.active a,
#lang.mobile ul li a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}


#lang.mobile ul {
	padding: 30px 0;
}

/*-------------------------------------------------------- NAVIGATION --------------*/

.topNav {
	position: relative;
}
.absolute-nav {
	position: absolute;
	top: 20px;
	left: 80px;
	width: calc(100% - 80px);
	text-align: center;
}

.scrolled .absolute-nav {
	top: 10px;
}

.logo {
	max-width: 420px;
	max-height: 120px;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.scrolled .logo {
	max-width: 300px;
	max-height: 120px;
}

.topNav { background: #FFFFFF;}
.topNav .white {display: inline-block}
.topNav .color {display: none}

.topNav.scrolled .white {display: none}
.topNav.scrolled .color {display: inline-block}

.fillme .white {display: none}
.fillme .color {display: inline-block}

.topNav {
	z-index: 999 !important;
}

.fill,
.fillme {
  transition:0.5s ease;
  background:transparent;
}

.topNav.scrolled .fill {
	background: #FFFFFF !important;
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
}

.fillme {
	background: #FFFFFF;
}

.hamburger {
	padding-top:20px !important;
}

.hamburger .hamburger-inner,
.hamburger .hamburger-inner::before, 
.hamburger .hamburger-inner::after {
	background-color: #1A437E;
}

/*
.fillme .hamburger .hamburger-inner,
.scrolled .hamburger .hamburger-inner { 
	background-color: #333333;
}

.fillme .hamburger .hamburger-inner::after,
.scrolled .hamburger .hamburger-inner::after { 
	background-color: #004466;
}
 
.fillme .hamburger.is-active .hamburger-inner,
.scrolled .hamburger.is-active .hamburger-inner  { 
	background-color: #004466 !important;
}

.fillme .hamburger .hamburger-inner::before,
.scrolled .hamburger .hamburger-inner::before { 
	background-color: #668800 !important;
}
*/

nav.main-menu ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

nav.main-menu ul li {
	display: inline-block;
	padding-top: 10px;
	padding-bottom: 10px;
}

nav.main-menu ul li a {
	font-size:  1.2rem;
	letter-spacing: -0.2px;
	padding: 6px 10px 10px;
	color: #1A437E;	
	position: relative
}

nav.main-menu ul li a:hover {
	text-decoration: none;
	color: #3EA3DC;
}

.fillme nav.main-menu ul li a,
.scrolled nav.main-menu ul li a {
	color: #1A437E;
}



nav.main-menu ul li a::before {
	content: "";
	position: absolute;
	width: 80%;
	height: 3px;
	bottom: 0;
	left: 10%;
	background-color: #3EA3DC;
	visibility: hidden;
	transform: scaleX(0);
		-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}


nav.main-menu ul li.selected a::before, 
nav.main-menu ul li a:hover::before {
	visibility: visible;
	transform: scaleX(1);
	color: #3EA3DC;
}


#navExpand {
	background-color: #1A437E;
}

#navExpand .container {
	overflow-y: scroll;
	height: 100vh
}

nav.mobile-menu ul {
	list-style-type: none;
	padding: 0 0 50px;
	margin: 0;
}

nav.mobile-menu ul li {
	display: block;
}

nav.mobile-menu ul li a {
	display: block;
	font-size:  1.2rem;
	padding: 20px;
	border-bottom: solid 1px rgba(255, 255, 255, 0.5);
	color: #FFFFFF;	
	position: relative;
}

nav.mobile-menu ul li:last-child a {
	border-bottom: none;
}

nav.mobile-menu ul li a:hover {
	text-decoration: none;
	color: #3EA3DC;
}



/* -------------------------------------------------------------
	
	FOOTER 
	
-- ------------------------------------------------------------- */


footer {
	margin-top:150px;
}

footer .container {
	position: relative;
}

footer .container::before {
	  content:url('/assets/img/Soto-Polo-Ponies-Primary-icon.svg');
	  position: absolute;
	  z-index: 2;
	  top: -110px;
	  left: calc(50% - 100px);
	  width:200px;
	  height: 134px;
}

footer .logo {
	max-width: 350px;
}

footer p,
footer li,
footer h4 {
	color: #FFFFFF;
}


footer ul {
	list-style-type: none;
	padding: 0;
}

footer ul.social li {
	display: inline-block;
	margin:0 3px;
	font-size: 1.3rem
}

footer ul li a {
	color: #FFFFFF;
	text-decoration: none;
}

footer ul li a:hover,
footer ul li a.active {
	color: #3EA3DC !important
}

footer .triangle {
	position: relative;
}

footer .triangle:before {
	display: none;
}

.footnote p {
	font-weight: 400;
	font-size: 1rem;
}

/* -------------------------------------------------------------
	
	BLOCKS / CUSTOM 
	
-- ------------------------------------------------------------- */

.top-section,
.top-section-dark {
	margin-top: 0px !important;
}

.top-section .container {
	background-color: #FFFFFF;
	background-image: url('/assets/img/corner.svg');
	background-size: 50px 50px;
	background-repeat: no-repeat;
	padding-top: 50px;
}

.top-section-dark .container {
	background-color: #363636;
	background-image: url('/assets/img/corner.svg');
	background-size: 50px 50px;
	background-repeat: no-repeat;
	padding-top: 50px;
	color: #FFFFFF;
}


/* -------------------------------------------------------------
	
	FEATURE BOXES 
	
-- ------------------------------------------------------------- */


.feature-box .feature-icon {
	width: 70px;
	height: auto;
}



/* -------------------------------------------------------------
	
	TABLES
	
-- ------------------------------------------------------------- */


.table td {
	border-bottom: solid 1px #3EA3DC
	
}

.table p {
	margin-bottom: 0;
}

/* -------------------------------------------------------------
	
	AVAILABLE PROPERTIES / BOX LINKS 
	
-- ------------------------------------------------------------- */


.box {
	position: relative;
	height: 50vw
}

.box-wide {
	position: relative;
	min-height: 80vw
}

.box-container .box {
	border-bottom:0.25rem solid #FFFFFF;
	border-right:0rem solid #FFFFFF
}

.box-container .box:last-child {
	border-right: 0
}

.bg-cover {
	background-size: cover;
	background-position: center center
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #3EA3DC;
}

.dark.overlay {
  background-color: #363636;
}

a.link-button {
	padding:10px 24px;
	border: solid 1px #FFFFFF;
	color: #FFFFFF;
	margin-right:10px
}


a.link-button:hover {
	color: #3EA3DC;
	background-color: #FFFFFF;
}

.box:hover .overlay,
.box-wide:hover .overlay{
  opacity: 0.95;
  z-index: 99
}

.detail {
	position: absolute;
	padding:3vw 2vw 2vw;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgb(0,0,0);
	background: linear-gradient(0deg, rgba(0,0,0,0.6) 70%, rgba(0,0,0,0) 100%);
}

.detail.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  padding-left: 5%;
  background: transparent;
}

.detail h4 {
	margin-bottom: 0;
	font-size: 1.8rem;
	line-height: 2.2rem;
	color: #FFFFFF;
	font-weight: 700;
}

.detail .name {
	color: #3EA3DC;
}

 .text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.detail ul {
	font-size: 1.2rem;
	color: #FFFFFF;
	margin: 30px 0;
	padding: 0
}

.detail ul li:before {
	font-family: "Font Awesome 5 Pro"; 
	font-weight: 300; 
	content: "\f178";
	margin-right: 10px
}


a.listing-link img{
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

a.listing-link:hover img {
	opacity: 0.8;
	transform: scale(1.05)
}

a.listing-link {
	overflow: hidden;
	display: block;
}

/* -------------------------------------------------------------
	
	CONTACT PAGE
	
-- ------------------------------------------------------------- */


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


.contact ul.social li {
	display: inline-block;
	margin:0 3px;
	font-size: 1.3rem
}



/* -------------------------------------------------------------
	
	PROJECTS DETAIL PAGE
	
-- ------------------------------------------------------------- */

/* -------------------------------------------------------------
	
	LIST ITEMS
	
-- ------------------------------------------------------------- */

ul.development-updates {
	list-style-type: none;
	padding: 0
}

ul.development-updates li {
	font-size: 1.2rem;
	font-weight: 700;
	color: #363636;
	margin-bottom: 30px;
	padding-left: 60px;
	position: relative
}

ul.development-updates li:nth-child(even) {
	color: #666666;
}


ul.development-updates li::before {
	position: absolute;
	color: #3EA3DC;
	left: 0;
	top: 5px;
	font-family: "Font Awesome 6 Pro";
	font-size: 30px;
    font-weight: 400;
    content: "\f675";
}
  
  
  
 ul.arrowlist {
	list-style-type: none;
	padding-left:20px; 
	margin-bottom:10px; 
	list-style-image: url('/assets/img/blue-arrow-bullet.png');
}
 ul.arrowlist li {
	margin-bottom: 10px;
} 
  
/* -------------------------------------------------------------
	
	NEWS
	
-- ------------------------------------------------------------- */


.newsfeed p.date {
	font-weight: 700;
	color: #3EA3DC;
	margin-bottom: 0
}

.newsfeed p.excerpt {
	font-weight: 700;
	color: #363636;
	text-transform: uppercase;
}


/* -------------------------------------------------------------
	
	BOOTSTRAP CAROUSEL / OWL CAROUSEL ARROWS
	
-- ------------------------------------------------------------- */


/* BOOTSTRAP */


.carousel-caption {
	top:50%;
	transform: translateY(-50%);
	bottom: auto;
}

.df-overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 0;
}



.carousel-control-prev,
.carousel-control-next {
	color: #FFFFFF;
	text-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
	opacity: 1;
	width: 50px;
	height: 50px;
	border-radius: 0;
	-webkit-transition: background 0.25s ease-in-out;
	-moz-transition: background 0.25s ease-in-out;
	-ms-transition: background 0.25s ease-in-out;
	-o-transition: background 0.25s ease-in-out;
	transition: background 0.25s ease-in-out;
}

.carousel-control-prev {
	background-color: #3EA3DC;
	left: 1.5em;
}

.carousel-control-next {
	background-color: #3EA3DC;
	right: 1.5em;
}

.side-padding .carousel-control-prev {
	left: -0.75em;
}

.side-padding  .carousel-control-next {
	right: -0.75em;
}

.carousel-control-prev:hover,
.carousel-control-next:hover {
	background: #363636 !important;
	opacity: 1;
}


/* OWL */

.owl-nav {
	position: absolute;
	width:100%;
	left: 0;
	top: 42%;
	transform: translateY(-50%);
	z-index: 1;
}


.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
	color: #FFFFFF !important;
	text-align: center;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
	opacity: 1;
	width: 50px;
	height: 50px;
	border-radius: 0;
	-webkit-transition: background 0.25s ease-in-out;
	-moz-transition: background 0.25s ease-in-out;
	-ms-transition: background 0.25s ease-in-out;
	-o-transition: background 0.25s ease-in-out;
	transition: background 0.25s ease-in-out;
}

.owl-carousel .owl-nav button.owl-next {
	right: -0.75em;
	background: #3EA3DC !important;
}

.owl-carousel .owl-nav button.owl-prev {
	left: -0.75em;
	background: #3EA3DC !important;
}

.owl-carousel.home-carousel .owl-nav button.owl-next {
	right: 1em;
	background: #3EA3DC !important;
}

.owl-carousel.home-carousel .owl-nav button.owl-prev {
	left: 1em;
	background: #3EA3DC !important;
}

.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-next:hover {
	background: #363636 !important;
}


.owl-theme .owl-dots .owl-dot.active span, 
.owl-theme .owl-dots .owl-dot:hover span {
	background: #3EA3DC !important;
}
.owl-theme .owl-dots .owl-dot span {
	background: rgba(61, 162, 220, 0.25) !important;
	margin: 10px 3px !important;
}

/* -------------------------------------------------------------
	
	RESPONSIVE 
	
-- ------------------------------------------------------------- */

/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { ... }

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 
	
	.box-container .box {
		height: 33vw;
		border-right:0.25rem solid #FFFFFF
	}

}

/*  Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	

	.bottom-padding {
		padding-bottom: 3em!important;
	}
	
	.tuck-row {
		z-index: -999;
		margin-top:-6rem;
	}
	
		footer .container::before {	left: 5%;}

}

/*  Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	
	h1 {font-size: 3.5rem}
	h2 {font-size: 2.2rem}
	h3 {font-size: 1.6rem}
	h4 {font-size: 1.2rem}
}

/* // XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { ... }

/* ADJUSTMENT FOR CONTAINER WIDTH ON MOBILES */
@media (max-width: 991.98px) {  }