body{font-family: 'Open Sans', sans-serif;}
.bg-blue{ background-color: #00417b; }
.text-white{ color: #ffffff; }
.font-xs{ font-size: 12px; }
.error{
    color: red;
    font-weight: 400;
    font-size: 12px;
}

nav .top-navigation ul .last_desktop{
    border-right: 2px solid #00417b;
}

/* Header */
.thank-you-newsletter{
    font-size: 1.3em;
    color: white !important;
    text-transform: uppercase;
    text-align: center;
    display: none;
    margin-top: 30px;
    margin-bottom: 30px;
}

.map{
    width: 100%;
    position: relative;
    margin-bottom: 42px;
    display: none;
}

.map a{
    color: #ffffff !important;text-shadow: none !important;
    background-color: #d3a95a;
    text-align: center;
    font-size: 16px;
    width: 100% !important;
    text-transform: uppercase;
    color: #666666;
    padding-top: 10px;
    padding-bottom: 10px;
    position: absolute;
    text-decoration: none;
}

.show-mobile{
    display: none !important;
}

.dropbtn {
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: white;
    width: 100%;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    text-align: left;
}

.dropdown-content a {
    color: black;
    padding-left:10px !important;
    text-decoration: none;
    display: block;
    border-bottom: 1px solid #eee;
}

.dropdown:hover .dropdown-content {
    display: block;
}


nav .top-navigation {
    max-width: 1180px;
    margin: 0 auto;
}


nav .top-navigation ul {
    margin: 0;
    padding: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
}

nav .top-navigation ul {
    margin: 0;
    padding: 0;
}

nav .top-navigation ul li a:hover {
    background-color: #005cb9;
    color: #ffffff;
    text-decoration: none;
}

nav .top-navigation ul li {
    list-style: none;
    display: table-cell;
    text-align: center;
    border-left: 2px solid #00417b;
    text-transform: uppercase;
}

nav .top-navigation ul li a {
    display: block;
    padding: 10px 0;
    font-size: 14px;
    font-weight: 600;
    color: #666666;
}

nav .top-navigation ul li:last-child {
    border-right: 2px solid #00417b;
}

nav .top-navigation .multi-line {
    position: relative;
}

nav .top-navigation .multi-line a {
    position: absolute;
    width: 100%;
    top: 0;
    padding: 5px 0;
    line-height: 15px;
}

nav .nav-head {
    background-color: #00417b;
}

nav .nav-head .box {
    padding-top: 7px;
    padding-bottom: 7px;
}

nav .nav-head .logo img {
    margin-left: 20px;
}

nav .logo{
    position: relative;
    left: -8%;
}

nav .contact{
    position: relative;
    right: -8%;
}

nav .contact a {
    color: #ffffff !important;
    font-size: 24px;
    text-transform: uppercase;
    position: relative;
    top: 26px;
    right: 7px;
}

nav .contact span {
    color: #ffffff !important;
}

nav .bot-navigation {
    border-bottom: 1px solid #666666;
}

nav .bot-navigation .navbar-nav {
    width: 100%;
    text-align: center;
    margin: 0;
}

nav .bot-navigation .navbar-nav > li {
    display: inline-block;
    float: none;
}

nav .bot-navigation .navbar-nav > li.open > a,
nav .bot-navigation .navbar-nav li>a:hover {
    background-color: #005cb9 !important;
    color: #fff;
    text-shadow: none;
}

nav .bot-navigation .navbar-nav > li >a {
    font-size: 15.2px;
    text-transform: uppercase;
    color: #666666;
    padding-top: 10px;
    padding-bottom: 10px;
}

nav .bot-navigation .navbar-nav > li >a span.caret {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid;
    top: -2px;
    position: relative;
}

nav .bot-navigation .btn-secondary a {
    color: #ffffff !important;
    text-shadow: none !important;
    background-color: #d3a95a;
    border-radius: 4px;
    padding-left: 23px;
    padding-right: 24px;
}

nav .bot-navigation .btn-secondary a {
    color: #ffffff;
    text-shadow: none;
}

nav .bot-navigation .navbar-nav li.open ul {
    padding-top: 0;
    padding-bottom: 0;
}

nav .bot-navigation .navbar-nav > li.open ul li {
    border-bottom: 1px solid #eee;
    padding-top: 2px;
    padding-bottom: 2px;
}

nav .bot-navigation .navbar-nav > li.open ul li a:hover {
    background: #eeeeee !important;
    color: #666666 !important;
}

nav .bot-navigation ul li ul li ul {
    left: 100%;
    top: -3px;
}

nav .bot-navigation ul li ul li.menu-item-has-children:after {
    content: '\25BA';
    color: #777;
    position: absolute;
    right: 0;
    margin-right: 6px;
    top: 5px;
}

/* Burger to Cross */
.mobile-main-menu-action {
    position: absolute;
    top: -34px;
    right: 15px;
}

.menu-burger {
    width: 60px;
    height: 45px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    zoom: .5;
  }


.menu-burger span {
  display: block;
  position: absolute;
  height: 7px;
  width: 50%;
  background: #ffffff;
  opacity: 1;
  -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;
}

.menu-burger span:nth-child(even) {
  left: 50%;
  border-radius: 0 9px 9px 0;
}

.menu-burger span:nth-child(odd) {
  left:0px;
  border-radius: 9px 0 0 9px;
}

.menu-burger span:nth-child(1), .menu-burger span:nth-child(2) {
  top: 0px;
}

.menu-burger span:nth-child(3), .menu-burger span:nth-child(4) {
  top: 18px;
}

.menu-burger span:nth-child(5), .menu-burger span:nth-child(6) {
  top: 36px;
}

.menu-burger.open span:nth-child(1),.menu-burger.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.menu-burger.open span:nth-child(2),.menu-burger.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.menu-burger.open span:nth-child(1) {
  left: 5px;
  top: 7px;
}

.menu-burger.open span:nth-child(2) {
  left: calc(50% - 5px);
  top: 7px;
}

.menu-burger.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

.menu-burger.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

.menu-burger.open span:nth-child(5) {
  left: 5px;
  top: 29px;
}

.menu-burger.open span:nth-child(6) {
  left: calc(50% - 5px);
  top: 29px;
}


  /* End Burger to Cross */


/* Footer */
.newsletter-wrap{
    clear: both;
}

.newsletter input {
    width: 100%;
    padding: 3px 3px 3px 15px;
    height: 30px;
    font-size: inherit;

}

.newsletter h2 {
    color: #ffffff;
    font-size: 18px;
    margin: 6px 0;
    font-weight: 600;
}

.newsletter input[type=submit] {
    background: transparent;
    border: 2px solid #ffffff;
    color: #ffffff;
    padding-left: 0;
    padding-right: 0;
    font-weight: 600;
    margin-top: 0px;
    width: 100% !important;

}

.footer-wrap {
    padding-top: 40px;
    padding-bottom: 40px
}

.footer-wrap .socials ul,
.footer-wrap .menu ul {
    text-align: center;
    padding: 0;
}

.footer-wrap .menu ul li {
    display: inline;
    padding-left: 20px;
    padding-right: 20px;
}

.footer-wrap .menu ul li a {
    font-size: 18px;
    font-weight: bold;
    color: #ffffff !important;
    text-transform: uppercase;
}

.footer-wrap .menu ul li span{
    color: #ffffff !important;
}

.footer-wrap .socials ul li {
    display: -webkit-inline-box;
    padding-left: 7px;
    padding-right: 7px;
}


.footer-wrap ::-webkit-input-placeholder {
    font-style: italic;
 }
.footer-wrap :-moz-placeholder {
    font-style: italic;  
 }
.footer-wrap ::-moz-placeholder {
    font-style: italic;  
 }
.footer-wrap :-ms-input-placeholder {  
    font-style: italic; 
}


@media screen and (max-width:1056px) {
    .newsletter h2 {
        font-size: 16px;
    }
}

@media screen and (max-width:991px) {
    nav .logo { text-align: center; }
    
    nav .contact { text-align: center; margin-top: 15px; }
    nav .contact a { position: relative; top: 0; }

    nav .bot-navigation .navbar-nav > li {
        display: block;
        text-align: left;
    }

    nav .bot-navigation .navbar-nav > li.open>.dropdown-menu {
        position: relative;
        width: 100%;
    }

    nav .bot-navigation .navbar-nav li.open>.dropdown-menu {
        position: relative;
        background: #ffffff;
    }

    nav .bot-navigation .navbar-nav li.open>.dropdown-menu ul {
        left: 0;
        top: 0;
        width: 100%;
    }

    nav .bot-navigation .navbar-nav li.open>.dropdown-menu ul li {
        padding-left: 15px;
    }

    nav .bot-navigation{
        border: none;
    }

    #main-menu.open {
        max-height: 247px !important;
        transition: max-height 0.25s ease-in;
    }

    #main-menu.closed {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.15s ease-out;
    }

    .mobile-main-menu-action.hidden{
        display: block !important;
    }

    .newsletter input{
        margin-top: 15px;
    }
}

@media screen and (max-width:768px) {
    .dropdown{
        display: none;
    }  

    nav .top-navigation ul .last_desktop{
        border-right: 0px;
    }

    .show-mobile{
        display: block !important;
    }

    nav .top-navigation.open {
        max-height: 500px !important;
        transition: max-height 0.25s ease-in;
    }
    
    nav .top-navigation {
        max-height: 36px;
        overflow: hidden;
        transition: max-height 0.15s ease-out;
        position: relative;
    }

    nav .top-navigation .dropdown{
        display: none;
    }

    nav .top-navigation ul {
        padding-right: 50px;
    }    

    nav .top-navigation ul li {
        display: block;
        border: none;
        border-bottom: 1px solid #ccc;
    }

    nav .top-navigation ul li a {
        padding-top: 8px;
        padding-bottom: 8px;
        border: none;
    }
    
    nav .top-navigation .multi-line a {
        position: relative;
    }

    nav .top-navigation ul li:last-child {
        border: none;
    }

    nav .top-navigation .multi-line br {
        display: none;
    }

    .map{
        display: block;
    }

    .mobile-menu-action {
        position: absolute;
        display: block !important;
        top: 6px;
        right: 22px;
    }

    .mobile-menu-action i {
        font-size: 24px;
    }

    .footer-wrap .menu ul li {
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    #footer-menu-action {
        position: absolute;
        right: 30px;
        display: block !important;
    }

    .footer-wrap .menu ul.open {
        max-height: 142px;
        transition: max-height 0.25s ease-in;
    }

    #main-menu.open {
        max-height: 500px !important;
        transition: max-height 0.25s ease-in;
    }

    nav .logo{
        position: relative;
        left: 0%;
    }

    nav .contact{
        position: relative;
        right: 0%;
        text-align: center !important;
    }

    nav a[title='Make an appointment']{
        display: none;
    }
}

@media screen and (max-width:425px) {
    nav .contact a {
        font-size: 18px;
    }
    nav .logo{
        position: relative;
        left: 0%;
    }

    nav .contact{
        position: relative;
        right: 0%;
    }
}