@import url("https://use.typekit.net/dbr6dot.css");



body {
  background:url('../../../images/site_background.jpg');
  background-attachment:fixed;
  -moz-animation: fadein 4s;
  -webkit-animation: fadein 4s;
  -o-animation: fadein 4s;
}

@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-moz-keyframes fadein {
    /* Firefox */
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadein {
    /* Safari and Chrome */
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-o-keyframes fadein {
    /* Opera */
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

html, body, a, p, h1, h2, h3, h4, h5, h6 {
    font-family: "sofia-pro-soft",sans-serif;
}

.tm-page {
    max-width:1200px;
    margin:0 auto;
    padding:0 10px;
}

.tm-headerbar-top {
    background:none;
}



.uk-navbar-container:not(.uk-navbar-transparent) {
    background:#FFBC49;
    border:5px solid #FFF;
}

.uk-navbar-nav>li.uk-active>a {
    color:#FFF;
}

.uk-navbar-nav>li.uk-active>a::before, .uk-navbar-nav>li:hover>a::before, .uk-navbar-nav>li>a.uk-open::before, .uk-navbar-nav>li>a:focus::before {
    display:none;
}

.navbar .brand, .navbar .nav>li>a, .navbar-search, .uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {
    font-size:20px;
    color:#FFF;
    font-family: "sofia-pro-soft",sans-serif;
    text-transform:capitalize;
    font-weight:900;
    height:40px;
}

.uk-navbar-container {
    margin-bottom:20px;
}

.grey-box {
background:#DAD6D6;
border:10px solid #FFF;
}

.grey-box h3 {
color:#000;
font-size:30px;
font-weight:900;
}

.no-bg {
background:none;
}

.services-block {
width:100%;
display:table;
margin:0 auto;
text-align:center;
}

.circle {
width:350px;
height:350px;
background:#EEE;
border-radius:300px;
display:inline-block;
border:10px solid #FFF;
position:relative;
}

.img1 {
background:url('../../../images/home-1.jpg');
background-size:cover;
}

.img2 {
background:url('../../../images/home-2.jpg');
background-size:cover;
}

.img3 {
background:url('../../../images/home-3.jpg');
background-size:cover;
}



.circle:nth-child(2) {
margin:0 10px;
}

.circle .overlay {
position:absolute;
width:100%;
height:100%;
border-radius:300px;
display:flex;
align-items:center;
flex-direction:column;
justify-content:center;
padding:10px;
box-sizing:border-box;
opacity:0;
-webkit-transition:0.3s ease-in-out;
transition:0.3s ease-in-out;
}

.circle:hover .overlay {
opacity:1;
-webkit-transition:0.3s ease-in-out;
transition:0.3s ease-in-out;
}

.overlay h4 {
font-weight:900;
font-size:20px;
color:#000;
}

.overlay span {
font-weight:900;
border-bottom:2px solid currentColor;
color:#000;
}

.yellow {
background:#FCEE21;
}

.green {
background:#B7EA92;
}

.blue {
background:#44DAE7;
}

@media (max-width:959px) {
   .uk-navbar-container:not(.uk-navbar-transparent) {
      background:none;
      border:0px;
   }
   .navbar .brand, .navbar .nav>li>a, .navbar-search, .uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {
   height:90px;
   margin-top:20px;
   }

}