.fonts-loaded html,
.fonts-loaded .uk-h1,
.fonts-loaded .uk-h2,
.fonts-loaded .uk-h3,
.fonts-loaded .uk-h4,
.fonts-loaded .uk-h5,
.fonts-loaded .uk-h6,
.fonts-loaded .uk-heading-2xlarge,
.fonts-loaded .uk-heading-large,
.fonts-loaded .uk-heading-medium,
.fonts-loaded .uk-heading-small,
.fonts-loaded .uk-heading-xlarge,
.fonts-loaded h1,
.fonts-loaded h2,
.fonts-loaded h3,
.fonts-loaded h4,
.fonts-loaded h5,
.fonts-loaded h6{
font-family: 'Roboto', sans-serif;
color: #6a6a6a;
}
::-webkit-scrollbar {
width: 8px;
} ::-webkit-scrollbar-track {
background: rgb(51 51 51 / 47%);
border-radius: 8px;
}
.uk-text-dark{
color:#3d3d3d;
} ::-webkit-scrollbar-thumb {
background: #00a990;
border-radius: 8px;
} ::-webkit-scrollbar-thumb:hover {
background: #00a990;
}
.uk-link, a {
color: #323232;
text-decoration: none;
cursor: pointer;
}
a:hover {
color: #000000;
text-decoration: none;
cursor: pointer;
}
h3 {
font-size: 17px;
}
.uk-text-meta {
font-size: 12px;
}  #menu-top ul {
display: flex;
}
#menu-top ul li {
padding: 10px;
}
.uk-heading-small {
font-size: 1.5rem;
line-height: 1.2;
}
.uk-background-brand{
background: #018e79;
}
.uk-brand-button-outline{
border:1px solid #018e79;
color:#018e79;
border-radius: 0.3rem;
padding:5px 10px;
transition: all 0.2s; 
}
.uk-brand-button-outline:hover{
background:#018e79;
color:#fff;
transition: all 0.2s; 
}
.uk-brand-button-outline-2{
border: 1px solid #009c87;
background: #02aa93;
color: #fff;
border-radius: 0.3rem;
padding: 5px 10px;
transition: all 0.2s;
}
.uk-brand-button-outline-2:hover{
background:#018e79;
color:#fff;
transition: all 0.2s; 
}
.uk-text-brand{
color: #018e79;
}
.uk-text-white{
color:#fff !important;
}
.uk-logo{
width: 300px;
transition: all 0.5s;
}
.uk-heading-medium{
font-size: 2.8rem;
}
p,.uk-thing-font {
font-weight: 300;
}
.uk-navbar-nav li a{
font-weight: 500;
}
.small-header .uk-navbar-nav>li>a{
min-height: 40px;
color: #7d7d7d;
}
.main-header .uk-navbar-nav>li.uk-active>a,.main-header  .uk-navbar-nav>li>a.uk-open {
color: #313131;
background: rgb(218 218 218 / 31%);
border-top:5px solid #02aa93;
transition: all 0.1s;
}
.main-header .uk-navbar-nav>li>a,.main-header .uk-navbar-nav>li>a:hover,.main-header .uk-navbar-nav>li>a:active{
color: #313131;
}
[class*=uk-navbar-dropdown-bottom] {
margin-top: 0px;
}
.uk-color-brand{
color:#02aa93;
}
.uk-background-brand{
background:#02aa93;
}
.uk-navbar-dropdown {
display: none;
position: absolute;
z-index: 1020;
box-sizing: border-box;
width: 200px;
padding: 10px;
background: #fff;
color: #666;
box-shadow: 0 5px 12px rgba(0,0,0,.15);
border-radius: 0rem 0rem 0.3rem 0.3rem;
}
.uk-navbar-dropdown img{
opacity: 80%;
transition: all 0.5s;
}
.uk-navbar-dropdown a{
font-size: 12px;
}
.uk-navbar-dropdown img:hover{
opacity: 100%;
transition: all 0.5s;
}
.uk-navbar-dropdown-grid>:not(.uk-first-column)::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0px !important;
border-left: none;
}
.uk-light .uk-dotnav>.uk-active>*{
background-color: rgb(2 170 147);
border-color: transparent;
}
.uk-light .uk-dotnav>*>*{
background-color: transparent;
border-color:   rgb(2 170 147);
}
.uk-navbar-dropdown-nav>li>a {
color: #000;
}
.uk-navbar-dropdown-grid {
padding: 0;
margin-left:-10px;
}
.uk-navbar-dropdown-grid>* {
padding-left:10px; 
}
.uk-text-xsmall{
font-size: 80% !important;
}
.transition-fade,.uk-navbar-container{
transition: all 0.5s;
}
.uk-sticky-fixed{
background: #fff;
transition: all 0.5s;
}
.uk-sticky-fixed .uk-logo{
width: 150px;
transition: all 0.5s;
}
.uk-sticky-fixed .uk-navbar-item,.uk-sticky-fixed  .uk-navbar-item, .uk-sticky-fixed .uk-navbar-nav>li>a,.uk-sticky-fixed  .uk-navbar-toggle{
min-height: 40px;
}
.overflow-h150{
overflow: auto;
height: 160px;
}
.uk-overlay-dark-op2 {
background: hsl(0deg 0% 0% / 41%);
}
.uk-text-xslead {
font-size: 1.2rem;
line-height: 1.5;
color: #333;
font-weight: 300;
}
.uk-button-primary{
background: #00a990;
background-image: -webkit-linear-gradient(45deg, #007765 50%, transparent 50%);
background-image: linear-gradient(45deg, #007765 50%, transparent 50%);
background-position: 100%;
background-size: 400%;
-webkit-transition: background 300ms ease-in-out;
transition: background 300ms ease-in-out;
}
.uk-button-primary:hover{ background-position: 0;
}
.uk-text-white{
color:#ddd;
}
.uk-text-white:hover{
color:#ededed;
}
[class*=" imghvr-"] a, [class^=imghvr-] a {
position: initial;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}
[class*=" imghvr-"], [class^=imghvr-] {
background-color: #222222;
}
[class*=" imghvr-"] figcaption, [class^=imghvr-] figcaption {
background-color: rgb(83 83 83);
}
.uk-section-dark{
background: black
}
h5, h6 {
color: inherit;
}
.uk-checkbox:checked, .uk-checkbox:indeterminate, .uk-radio:checked {
background-color: #00a990 !important;
border-color: transparent;
}
[animation = fade-hover]:hover{
transition: all 0.5s;
background: #018e79;
}
[animation = fade-hover]:hover *{
color:#fff !important;
}
.uk-offcanvas-bar {
background: #005f51;
}
.uk-form-horizontal .uk-form-label {
width: 150px;
font: inherit;
padding-left: 3px;
}
.uk-form-horizontal .uk-form-controls {
margin-left: auto;
}
#wpdcom {
max-width: 100%;
padding: 0;
margin: 7px auto 15px auto;
background: #f7f7f7; }
#wpdcom {
height: auto;
padding: 20px;
}
#comments {
max-width: 100%;
margin: 50px auto;
color: #333333;
font-style: normal;
}
b, strong {
font-weight: 700;
transition: all 0.3s;
}
.uk-navbar-toggle {
color: #000;
}
.odyssey-logo {
width: 200px;
}
.single a strong:hover{
font-weight: 700;
transition: all 0.3s;
color: #00a990;
}
#wpdcom .wpd-auth .wpd-login a {
color: #ffffff;
background: #848484;
text-decoration: none;
padding: 5px;
border-radius: 0.2rem;
}
#wpdcom .wpd-auth .wpd-login a:hover {
color: #ffffff;
background: rgb(2, 170, 147);
}
.widget-area .widget {
background: #d2d2d20d;
padding: 20px;
border-radius: 5px;
box-shadow: 0 2px 8px rgba(0,0,0,.08);
margin-top: 25px;
border: 1px solid #eaeaea96;
}
.widget-area .widget h2.widget-title {
font-size: 16px;
text-transform: uppercase;
font-weight: 300;
color: #000;
}
.widget-area .widget ul {
padding-left: 20px;
list-style: circle;
}
.widget-area .widget ul a {
font-size: 15px;
display: block;
font-weight: 300;
}
.widget-area .widget ul span.post-date {
font-size: 12px;
background: #efeded;
padding: 3px 5px;
border-radius: 5px;
}
.widget-area .widget input.search-field {
height: 30px;
width: 70%;
border: 1px solid #ddd;
}
.widget-area .widget input.search-submit {
height: 30px;
width: 25%;
border: 1px solid #02aa93;
background: #02aa93;
color: #fff;
border-radius: 3px;
}
.uk-border-rounded-top{
border-radius:5px 5px 0 0;
}
.widget table{
width: 100%; padding: 5px;
text-align: center;
}
.objectfit-img{
object-fit: cover;
height: 300px;
width: 100%;
} .search-field {
border: 1px solid #ddd;
height: 40px;
padding: 10px;
width: 60%;
}
.search-submit {
height: 40px;
border: 1px solid #00a28a;
background: #00a990;
border-radius: 2px;
padding: 10px;
color: #fff;
}
table#wp-calendar td a{
color: #323232;
text-decoration: none;
cursor: pointer;
background: #00a990;
color: #fff;
border-radius: 10%;
padding: 1px 3px;
}
.profile-image{
width: 90px;
}
.uk-border-rounded-child img{
border-radius: 5px;
}
.scale-in-center:hover{
background: #fff;
opacity: 1;
-webkit-animation: slide-in-fwd-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: slide-in-fwd-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.scale-in-center:hover a{
color: #000 !important;   
}
.icon-2x{
font-size: 1.5rem;
}
.hover-zoom{
overflow: hidden;
}
.hover-zoom img{
display: inline-block;
transition: all 3s;
}
.hover-zoom img:hover{
transform: scale(1.2);
}
.uk-legend {
width: 100%;
color: inherit;
padding: 0;
font-size: 1rem;
line-height: 1.4;
font-weight: 500;
}
.uk-text-white-80,.uk-text-white-80:hover {
color: rgb(255 255 255 / 80%) !important;
text-decoration: none;
}
.uk-text-white,.uk-text-white:hover{
color:#fff;
text-decoration: none;
}
.footer>*,.footer a{
color: rgb(253 253 253 / 39%);
}
.uk-slidenav-previous.uk-slidenav,
.uk-slidenav-next.uk-slidenav {
background: #e2e2e2;
border-radius: 50%;
}  @-webkit-keyframes slide-in-fwd-center {
0% {
-webkit-transform: translateZ(-1400px);
transform: translateZ(-1400px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
@keyframes slide-in-fwd-center {
0% {
-webkit-transform: translateZ(-1400px);
transform: translateZ(-1400px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
@media only screen and (max-width: 640px) { .uk-logo{
width: 230px;
}
.odyssey-logo {
width: 140px;
}
.uk-heading-medium {
font-size: 1.5rem;
}
.call-action {
padding: 10px;
zoom: 80%;
}
.call-action .uk-text-xsmall {
display: none;
}
.home .uk-slideshow-items h2{
font-size: 1.5rem;
}
.uk-text-lead {
font-size: 1rem;
}
.home-tour img{
object-fit: cover;
height: 200px;
width: 100%;
}
#req_quote img{object-fit: cover;
height: 200px;
width: 100%;
}
.reverse-grid{
flex-direction: column-reverse; 
}
.uk-breadcrumb>*>* {
display: inline-block;
font-size: .7rem;
color: #999;
}
.call-to-action{
width: 70%;
text-align: center;
margin: 10%;
}
.footer .uk-iconnav li svg {
width: 20px;
}
p {
font-size: 0.9rem;
}
.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before {
content: "/";
display: inline-block;
margin: 0 5px;
font-size: .875rem;
color: #999;
}
}