:root{
     --lblue:#018dc1;
}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

* {
    margin:0px;
    padding:0px;
}

body {
     background-color:#fff;
     font-family: 'Montserrat', sans-serif;
     color:#0e2647;
     font-feature-settings: "liga" 0;
     -moz-font-feature-settings: "liga" 0;
}

.wrap {
     width:900px;
     margin:0 auto;
     position:relative;
}

#logo {
     position:absolute;
     top:0px;
     left:-109px;
     z-index:50;
     width:381px;
}

nav > ul {
     position:absolute;
     z-index:40;
     right:0px;
     top:30px;
     list-style: none;
}

nav li {
     float:right;
     margin-left: 30px;
     position: relative;
}

nav a, footer a {
     font-size:11px;
     color:#0e2647;
     text-decoration: none;
     text-transform: uppercase;
}

nav a:hover {
     color:#018dc1;
}

     .subnav {
          position: absolute;
          list-style: none;
          z-index: 10;
          display: none;
     }

          .subnav li {
               margin: 0;
          }

     nav li:hover > ul {
          display: block;
     }



#tel-num {
     position:absolute;
     right:0px;
     z-index:40;
     top:65px;
     font-size:22px;
}

.slider {
     float:right;
     width:768px;
     height:487px;
     position: relative;
     z-index:9;
}

.carousel {
     list-style: none;
     width:768px;
}

.carousel-cell {
     width:100%;
     height:480px;
}

.carousel-cell img {
     width:100%;
}

#slider-cover {
     position:absolute;
     top:0px;
     right:0px;
     z-index:10;
     width:100%;
     height:100%;
}

h1 {
     margin-top:-130px;
     width:200px;
     font-weight:normal;
     font-size:35px;
     text-transform:uppercase;
     position:absolute;
     z-index:20;
     line-height:25px;
}

#hex-box {
     position:relative;
     height:230px;
     margin-bottom:20px;
}

#hex-box > div {
     float:left;
     width:160px;
     padding-top:29px;
     text-align:center;
     margin-right:49px;
}

#hex-box h2 {
     color:#018dc1;
     font-size:15px;
     margin-bottom:10px;
     margin-top:10px;
     font-weight:normal;
}

#hex-box a {
     text-decoration: none;
}

#hex-box a:hover h2 {
     color:#6a365b;
}

#hex-box p {
     color:#8a8a8a;
     font-size:10px;
     line-height:15px;
     margin-bottom:10px;
}

     .icon {
          height:48px;
     }

header {
     height:488px;
}

p a,
.white-box p a {
     color:var(--lblue);
}

#main-text {
     float: left;
     clear: left;
     font-size:13px;
     margin-bottom:30px;
     text-align: center;
}

footer {
     margin-top:30px;
}

footer ul {
     list-style: none;
     margin-right:180px;
}

footer li {
     float:right;
     margin-left: 30px;
}

footer li a:hover {
     color:#018dc1;
}

footer p {
     float:right;
     clear: right;
     margin-top:10px;
     font-family: Arial, sans-serif;
     color:#444;
     margin-bottom:20px;
     font-size:10px;
     text-align:center;
     width:100%;
}

footer p a {
     text-transform: none;
}