@charset "UTF-8";
/* CSS Document */


h1 {
    display: inline-block;
}

h1 .first-letter {
    font: 400 47px/47px "Fjalla One", sans-serif;
    text-transform: uppercase;
    color: #3ebd9d;
}

h1 .main_BLACK {
    display: inline-block;
    font: 400 37px/55px "Fjalla One", sans-serif;
    color: #fff;
    text-transform: uppercase;
    padding-right: 19px;
    margin-right: 15px;
    position: relative;
}

@media (max-width:480px) {
    h1 .main_BLACK {
        display: block;
        margin-right: 0;
        padding-right: 0;
    }
}

h1 .main_BLACK:after {
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    height: 16px;
    background: #d1d1d1;
    right: 0;
    top: 17px;
}

@media (max-width:480px) {
    h1 .main_BLACK:after {
        display: none;
    }
}

h1 .secondary {
    display: inline-block;
    color: #727272;
    font-weight: 400;
    margin-top: 12px;
}

@media (max-width:480px) {
    h1 .secondary {
        display: block;
        margin-top: 0;
    }
}

nav {
    float: right;
    margin-top: 21px;
}

@media (max-width:979px) {
    nav {
        float: none;
        display: inline-block;
    }
}

.sf-menu>li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    position: relative;
    text-align: center;
}

.sf-menu>li+li {
    margin-left: 27px;
}

.sf-menu>li>.sf-with-ul:after {
    font-family: FontAwesome;
    font-size: 10px;
    position: absolute;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    cursor: default;
    content: "\f0d7";
    color: #FFFFFF;
    bottom: -10px;
    left: 50%;
    margin-left: -3px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.sf-menu>li>a {
    text-transform: uppercase;
    font: 400 18px/18px "Fjalla One", sans-serif;
    display: inline-block;
    -webkit-transition: .3s all ease;
    transition: .3s all ease;
    color: #FFFFFF;
}

.sf-menu>li>a:hover {
    color: #3d3d3d;
    -webkit-transition: .3s all ease;
    transition: .3s all ease;
}

.sf-menu>li>a:active {
    background: 0 0;
    color: #FFFFFF;
}

.sf-menu .sfHover>a:after {
    color: #3d3d3d;
}

.sf-menu>li.current>a {
    color: #3d3d3d;
}

.sf-menu>li.current>a:before {
    content: '';
    width: 14px;
    height: 8px;
    display: block;
    position: absolute;
    background: url(../images/menu_active.png) no-repeat center 0;
    left: 50%;
    margin-left: -7px;
    top: -14px;
}

.sf-menu>li.current>.sf-with-ul:after {
    color: #3d3d3d;
}

.sf-menu>li.sfHover>a {
    color: #3d3d3d;
}

.sf-menu a {
    -webkit-transition: .3s all ease;
    transition: .3s all ease;
}

.sf-menu a:hover {
    -webkit-transition: .3s all ease;
    transition: .3s all ease;
}

.sf-menu ul {
    display: none;
    width: 180px;
    font: 400 14px/14px "Fjalla One", sans-serif;
    position: absolute;
    top: 54px;
    left: 50%;
    margin-left: -90px;
    background: #35ae92;
    text-align: center;
    padding: 28px 0 32px;
    z-index: 2;
}

.sf-menu ul>li+li {
    margin-top: 23px;
}

.sf-menu ul li {
    position: relative;
    display: block;
}

.sf-menu ul li>.sf-with-ul:after {
    font-family: FontAwesome;
    font-size: 10px;
    position: absolute;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    cursor: default;
    content: "\f0da";
    color: #575757;
    bottom: -1px;
    right: 15px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.sf-menu ul li a {
    color: #575757;
    text-transform: none;
}

.sf-menu ul li a:hover {
    color: #fff;
}

.sf-menu ul>.sfHover>a:after {
    color: #fff;
}

.sf-menu ul li.sfHover>a {
    color: #fff;
}

.sf-menu ul ul {
    position: absolute;
    top: -26px;
    left: 180px;
    margin-left: 0;
    background: #3ebd9d;
    padding: 17px 0 24px;
    z-index: 4;
    text-align: center;
}

.sf-menu ul ul li {
    line-height: 27px;
}

.sf-menu ul ul li a {
    color: #3d3d3d;
    text-transform: none;
    display: block;
}

.sf-menu ul ul li:hover {
    background: #35ae92;
}

.sf-menu ul ul li:hover a {
    color: #fff;
}

.sf-menu ul ul li+li {
    margin-top: 8px;
}

@media only screen and (max-width:767px) {
    .sf-menu {
        display: none;
    }

    nav {
        width: 100%;
        float: none;
    }

    .select-menu {
        border-radius: none;
        display: block;
        text-transform: capitalize;
        float: none;
        color: #3ebd9d;
        width: 100%;
        margin-top: 20px;
        margin-bottom: 10px;
        background: #fff;
        font: 22px/28px "Fjalla One", sans-serif;
        text-align: left;
        border: 1px solid #c1c1c1;
        padding: 2px 0;
        position: relative;
    }

    .select-menu option {
        text-align: left;
        position: relative;
    }
}

.isStuck {
    z-index: 999;
    position: fixed;
    -webkit-box-shadow: 0 0 4px 0 #000;
    box-shadow: 0 0 4px 0 #000;
    background: #FFF;
}

.isStuck h1 {
    margin-top: 5px;
}

@media only screen and (max-width:979px) {
    .isStuck {
        display: none !important;
    }
}
#header {
    border-top: 4px solid #3ebd9d;
    padding: 23px 0 20px;
}

@media (max-width:979px) {
    #header {
        text-align: center;
    }
}

#header.common {
    border-bottom: 1px solid #ddd;
    margin-bottom: 72px;
}

body {
    font: 400 14px/25px "Open Sans", sans-serif;
    color: #585858;
    background: #fff;
}

a[href^="tel:"] {
    color: inherit;
    text-decoration: none;
}

a {
    text-decoration: none;
    color: inherit;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

a:hover {
    color: #3ebd9d;
}

img {
    max-width: 100%;
}

* {
    -webkit-text-size-adjust: none;
}

h2 {
    font: 400 38px/60px "Fjalla One", sans-serif;
    color: #3c3c3c;
    text-transform: uppercase;
}

@media (max-width:479px) {
    h2 {
        font-size: 30px;
        line-height: 35px;
    }
}

.header1 {
    margin-top: 82px;
    margin-bottom: 21px;
}

h3 {
    font: 26px/26px "Fjalla One", sans-serif;
    text-transform: uppercase;
    color: #fff;
}

h4 {
    font: 400 18px/25px "Fjalla One", sans-serif;
    color: #2d2d2d;
}

h5 {
    font: 300 22px/29px "Open Sans", sans-serif;
    color: #454545;
}

h6 {
    font: 400 48px/60px "Fjalla One", sans-serif;
    text-transform: uppercase;
    color: #FFFFFF;
}

@media (max-width:767px) {
    h6 {
        font-size: 30px;
        line-height: 36px;
    }
}