/* Global and General CSS */

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

body {
    font-size:16px;
}

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

.tm-page {
    border-width:0;
}


/* Header CSS */

.tm-headerbar-top {
    background:#383E42;
    padding-top:1.5em;
    padding-bottom:1.5em;
}

.uk-logo {
    width:11em;
}

.uk-margin-auto-left {
width:700px;
text-align:right;
}

.tm-header .uk-child-width-auto>* {
width:100%;
}

.tm-header p {
    color:#FFF;
    margin:0;
    font-size:1.2em;
}

/* Navigation CSS */

.uk-navbar-container:not(.uk-navbar-transparent) {
    background: #252A2E;
}

.uk-navbar {
    padding:0.75em 0;
}

.navbar .brand, .navbar .nav>li>a, .navbar-search, .uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {
    height:auto;
}

.uk-navbar-nav>li>a {
    color:#FFF;
    text-transform:uppercase;
    padding:0;
    margin:0 1.5em;
}

.uk-navbar-nav>li.uk-active>a {
    color:#FFF;
    border-bottom:2px solid currentColor;
}

.navbar .nav>li>.dropdown-menu, .uk-navbar-dropdown {
    top: 60px !important;
}

.uk-navbar-nav>li:hover>a, .uk-navbar-nav>li>a.uk-open, .uk-navbar-nav>li>a:focus {
    color:#FFF;
}

.uk-navbar-toggle {
color:#FFF;
}

.uk-navbar-toggle:hover {
color:#FFF;
}

/* General layout CSS */

.service-box {
width:100%;
position:relative;
display:table;
}

.service-box img {
width:100%;
}

.service-box .overlay {
position:absolute;
bottom:0;
width:100%;
background:rgba(255,255,255,0.5);
padding:0.3em 1em;
box-sizing:border-box;
text-align:center;
color:#252A2E;
}

.blackBG {
background:#252A2E;
text-align:center;
}

.blackBG h3 {
color:#FFF;
font-size:2em;
position:relative;
padding-bottom:0.5em;
font-weight:100;
letter-spacing:0.1em;
}

.blackBG h3:after {
content:" ";
position:absolute;
bottom:0;
width:3em;
height:0.1em;
background:#FFF;
left:0;
right:0;
margin:0 auto;
}

.blackBG p {
color:#FFF;
}

.blackBG a {
color:#FFF;
border:0.1em solid currentColor;
padding:0.5em;
webkit-transition:0.5s ease-in-out;
transition:0.5s ease-in-out;
}

.blackBG a:hover {
background:#FFF;
color:#000;
webkit-transition:0.5s ease-in-out;
transition:0.5s ease-in-out;
}

.services-block-2 {
width:100%;
display:table;
padding:2em 0;
}

.services-block-2 .col-1  {
width:50%;
background:url('../../../images/home-sunglasses.jpg');
background-size:cover;
float:left;
height:400px;
position:relative;
-webkit-transition:0.5s ease-in-out;
transition:0.5s ease-in-out;
}

.services-block-2 .col-1:hover, .services-block-2 .col-2:hover {
opacity:0.8;
-webkit-transition:0.5s ease-in-out;
transition:0.5s ease-in-out;
}

.col-1 .overlay {
width:100%;
height:2em;
position:absolute;
bottom:0;
background:rgba(0,0,0,0.2);
display:flex;
align-items:center;
flex-direction:column;
justify-content:center;
box-sizing:border-box;
color:#FFF;
font-size:1.75em;
font-weight:100;
}

.services-block-2 .col-2  {
width:48%;
float:left;
height:190px;
margin-left:2%;
box-sizing:border-box;
position:relative;
-webkit-transition:0.5s ease-in-out;
transition:0.5s ease-in-out;
}

.services-block-2 .col-2:last-child {
margin-top:20px;
}

.col-2 .overlay {
width:100%;
height:2em;
position:absolute;
bottom:0;
background:rgba(0,0,0,0.2);
display:flex;
align-items:center;
flex-direction:column;
justify-content:center;
box-sizing:border-box;
color:#FFF;
font-size:1.75em;
font-weight:100;
}

.image1 {
background:url('../../../images/home_contact_lenses.jpg');
background-size:cover;
}

.image2 {
background:url('../../../images/football-40564a4a.jpeg');
background-size:cover;
}

.visit-us {
margin:3em 0;
text-align:center;
}

.visit-us h2 {
text-align:center;
font-size:2em;
position:relative;
padding-bottom:0.5em;
font-weight:100;
color:#383E42;
letter-spacing:0.1em;
}

.visit-us h2:after {
content:" ";
position:absolute;
bottom:0;
width:3em;
height:0.1em;
background:#383E42;
left:0;
right:0;
margin:0 auto;
}

.visit-us h4 {
color:#8F4051;
letter-spacing:0.1em;
font-size:1.5em;
}


.greyBG {
background:#FAFAFA;
padding:10px 0;
}

.logos img {
width:70%;
margin:0 15%;
}

/* Footer CSS */

.footer {
background:#383E42;
text-align:center;
}

.footer-logo {
width:300px;
text-align:center;
margin:0 auto;
}

.footer-content {
margin-top:30px !important;
}

.footer-content img {
width:30px;
margin:0 10px 0 0;
-webkit-transition:0.3s ease;
transition:0.3s ease;
}

.footer-content img:hover {
-webkit-transition:0.3s ease;
transition:0.3s ease;
-webkit-transform:scale(1.2,1.2);
transform:scale(1.2,1.2);
}

.footer-content p {
color:#FFF;
}

.footer-content a {
color:#FFF;
}

.footer-content a:hover {
text-decoration:underline;
}

.mobile-content {
display:none;
}

p.small-print {
font-size:0.75em;
}

.page-headings {
padding:6em 2em;
display:flex;
align-items:center;
flex-direction:column;
justify-content:center;
}

.title {
background:rgba(56,62,66,0.7);
padding:1em;
font-size:3em;
line-height:1em;
color:#FFF;
font-weight:100;
letter-spacing:0.2em;
text-align:center;
}

.content-left, .content-right {
width:50%;
float:left;
}


@media (max-width:959px) {
.uk-navbar {
    height:100px;
}

.uk-responsive-height {
max-height:none;
max-width:100%;
}

.center-block {
    text-align:center;
    }

    .content-left, .content-right {
   width:100%;
   text-align:center;
   }

   .el-title.uk-margin {
   text-align:center !important;
   }

   .cw-mod-contact-light-clean-buttons .btn-submit {
   float:none;
   }

   .offers {
   border-bottom:1px solid #EEE;
   text-align:center;
   }

}

@media (max-width:767px) {


   .services-block-2 .col-1 {
      width:100%;
      margin-bottom:20px;
      height:300px;
   }

   .services-block-2 .col-2 {
      width:100%;
      margin-left:0;
      height:300px;
   }
}

@media (max-width:551px) {
.mobile-content {
display:block;
}

.desktop-content {
display:none;
}
}