@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,700,300,600,800,400);

body, html {
    font-family: 'Lato', sans-serif;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    color: #5a5a5a;
    padding-top: 25px;
}

h1 {
}

h1 strong {
    font-weight: 900;
}

h2 {
    text-transform: uppercase;
    line-height: 20px;
    margin: 0;
}

h3 {
    font-size: 18px;
    font-weight: 900;
}

h4 {
    text-transform: uppercase;
}

h5 {
    text-transform: uppercase;
    font-weight: 700;
    line-height: 20px;
}

p {
    font-family: 'Open Sans', sans-serif;
}

a {
    color: #00aec8;
}

a:hover,
a:focus {
    text-decoration: none;
    color: #00aec8;
}

.section-title hr {
    border-color: #00aec8;
    border-width: 4px;
    width: 60px;
    float: left;
    clear: both;
}

.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;
}

ul, ol {
    padding: 0;
    webkit-padding: 0;
    moz-padding: 0;
}

/* ================================================
NAVIGATION
================================================ */
#tf-menu {
    padding: 20px;
    transition: all 0.8s;
}

#tf-menu.navbar-default {
    background-color: #1e2127 !important;
    border-color: rgba(231, 231, 231, 0);
}

#tf-menu a.navbar-brand {
    font-size: 30px;
    color: #fff;
}

.logoThin {
    font-weight: 100;
}

.logoRegular {
    font-weight: 400;
}

#tf-menu.navbar-default .navbar-nav > li > a {
    text-transform: uppercase;
    color: #FFF;
    font-size: 12px;
    letter-spacing: 1px;
}

.on {
    background-color: #222222 !important;
    padding: 0 !important;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #00aec8 !important;
    background-color: transparent;
    font-weight: 700;
}

.navbar-toggle {
    border-radius: 0;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #00aec8;
    border-color: #00aec8;
}

.navbar-default .navbar-toggle:hover > .icon-bar {
    background-color: #FFF;
}

/* ================================================
DROPDOWN
================================================ */
.dropdown {
    color:#fff;
    font-weight: 300;
    position: relative;
    top: 14px;
    background-color: transparent;
}

.dropdown-menu {
    margin-top: 5px;
}

header .dropdown-menu:before {
    display: none !important
}

.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
    background-color: transparent;
    color: #00aec8;
}

.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
    color: #00aec8
}

.dropdown-menu {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0;
    border: 0
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
    background: #eee;
}

/* ================================================
MEDIA QUERIES
================================================ */
@media (max-width: 767px) {
    body:after { content: 'small'; display: none}
}
@media (min-width: 768px) and (max-width: 1399px) {
    body:after { content: 'medium'; display: none }
}
@media (min-width: 1400px) {
    body:after { content: 'big';  display: none}
}


/* ================================================
FEATURES
================================================ */
#services {
    background: #fff;
    border-bottom: 1px solid #efefef;
}

#services a:hover {
    color: #187F90;
    text-decoration: none;
}

.single-service {
    margin: 30px 25px;
}

.service-title {
    color: #24C0D9;
}

.service-content {
    margin-left: 65px;
    margin-top: -66px;
}

/* ================================================
FOOTER
================================================ */
nav#footer {
    background: #222222;
    color: #ffffff;
    padding: 20px 0 15px 0;
}

nav#footer .fnav {
    vertical-align: middle;
}

ul.footer-social li {
    display: inline-block;
    margin-right: 10px;
}

nav#footer p {
    font-size: 12px;
    margin-top: 10px;
}

#footer i.fa {
    height: 30px;
    width: 30px;
    font-size: 20px;
    padding: 4px 5px;
    border-radius: 50%;
    color: #8c8c8c;
    transition: all 0.5s;
}

#footer i.fa:hover {
    background: #00aec8;
    border-color: #00aec8;
    color: #ffffff;
}

.wrapper { float: left; clear: left; display: table; table-layout: fixed; }
img.img-responsive { display: table-cell; max-width: 100%; }