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

body {
    background: #009600;
    font: 14px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.428571429;
    color: #77706c;
}

a {
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
    }

    a:focus {
        text-decoration: none;
        background: none;
    }

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

textarea, input[type="text"], input[type="email"], input[type="search"], input[type="password"] {
    -webkit-appearance: none;
    -moz-appearance: caret;
}

p {
    margin-bottom: 23px;
    line-height: 23px;
}

h1.navbar-brand_ {
    margin: 0;
    padding: 0;
    overflow: hidden;
    float: left;
    position: relative;
    z-index: 1;
}

    h1.navbar-brand_ a {
        display: inline-block;
    }

h2 {
    color: #202020;
    font: 900 42px/42px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0 0 17px 0;
}

h3 {
    color: #202020;
    font: 900 42px/42px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0 0 12px 0;
}

h4 {
    color: #4298a9;
    font: bold 18px/20px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0 0 15px 0;
    text-transform: uppercase;
}

h5 {
    color: #202020;
    font: bold 25px/30px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0 0 17px 0;
}

.extra-wrap {
    overflow: hidden;
}

.global {
    padding: 38px 0 0 0;
    background: #ffffff;
}

    .global.indent {
        padding-top: 61px;
    }

.center {
    text-align: center;
}
/*-----menu-----*/
.menuBox {
    padding: 20px 0;
    position: relative;
    z-index: 3;
    margin-top: 24px;
    background: #950000;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
}

nav.tm_navbar {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    min-height: 0;
    float: left;
}

    nav.tm_navbar li {
        float: left;
        font-size: 14px;
        line-height: 23px;
        padding: 0;
        position: relative;
        margin-right: 22px;
        padding-right: 22px;
        border-right: 2px solid #ffffff;
    }

        nav.tm_navbar li:last-child {
            margin-right: 0;
            padding-right: 0;
            border-right: none;
        }

        nav.tm_navbar li em {
            width: 1px;
            height: 9px;
            background: #ccc;
            position: absolute;
            right: -8px;
            bottom: 30px;
        }

        nav.tm_navbar li a {
            position: relative;
            padding: 0;
            text-transform: none;
            font: 900 15px/13px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
            color: #ffffff;
            background: none;
            text-transform: uppercase;
            float: left;
            /*letter-spacing: 2px;*/
            -webkit-transition: all 0.35s ease;
            transition: all 0.35s ease;
        }

        nav.tm_navbar li.active > a {
            color: #ffffff;
            background: none;
        }

        nav.tm_navbar li > a:hover {
            color: #202020;
            background: none;
            -webkit-transition: all 0.35s ease;
            transition: all 0.35s ease;
        }

    nav.tm_navbar .sfHover > a {
        color: #202020;
        background: none;
        -webkit-transition: all 0.35s ease;
        transition: all 0.35s ease;
    }

    nav.tm_navbar li a span {
        height: 4px;
        background: url(../../images/menu-marker.png) center 0 no-repeat;
        width: 100%;
        text-align: center;
        position: absolute;
        left: 0;
        bottom: -10px;
    }
    /*-----subMenu1-----*/
    nav.tm_navbar .sub-menu > ul {
        position: absolute;
        display: none;
        width: 184px;
        left: -24px;
        top: 39px;
        list-style: none !important;
        zoom: 1;
        z-index: 11;
        background: #202020;
        padding: 21px 0 21px 0;
        margin: 0;
        text-align: center;
        -webkit-box-shadow: -1px 2px 3px 0 rgba(0, 0, 0, 0.2);
        box-shadow: -1px 2px 3px 0 rgba(0, 0, 0, 0.2);
    }

        nav.tm_navbar .sub-menu > ul li {
            background: none;
            border: none;
            width: auto;
            float: none;
            margin: 0 0 11px 0;
            padding: 0;
            display: block;
        }

            nav.tm_navbar .sub-menu > ul li a {
                background: transparent;
                padding: 0;
                margin: 0;
                float: none;
                font: 15px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
                color: #ffffff;
                letter-spacing: 0;
                text-transform: none;
                -webkit-transition: all 0.35s ease;
                transition: all 0.35s ease;
            }

                nav.tm_navbar .sub-menu > ul li a span {
                    display: inline-block;
                    background: url(../../images/menu-marker2.png) no-repeat;
                    width: 6px;
                    height: 7px;
                    position: relative;
                    left: 9px;
                    top: 1px;
                }

                nav.tm_navbar .sub-menu > ul li a:hover {
                    text-decoration: none;
                    color: #009600 !important;
                    background: none !important;
                    -webkit-transition: all 0.5s ease;
                    transition: all 0.5s ease;
                }

            nav.tm_navbar .sub-menu > ul li.sfHover > a {
                text-decoration: none;
                color: #009600 !important;
                background: none !important;
            }
    /*-----subMenu2-----*/
    nav.tm_navbar .sub-menu ul ul {
        position: absolute;
        display: none;
        width: 184px;
        left: 186px;
        top: -21px;
        list-style: none !important;
        zoom: 1;
        z-index: 11;
        background: #009600;
        padding: 21px 0 21px 0;
        margin: 0;
        text-align: center;
        -webkit-box-shadow: -1px 2px 3px 0 rgba(0, 0, 0, 0.2);
        box-shadow: -1px 2px 3px 0 rgba(0, 0, 0, 0.2);
    }

        nav.tm_navbar .sub-menu ul ul li a {
            background: transparent;
            padding: 0;
            margin: 0;
            float: none;
            font: 12px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
            color: #ffffff;
            text-transform: none;
            -webkit-transition: all 0.35s ease;
            transition: all 0.35s ease;
        }

    nav.tm_navbar .sub-menu > ul li > ul li a:hover {
        text-decoration: none;
        color: #950000 !important;
        background: none !important;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

.select-menu {
    display: none !important;
}
/*-----content-----*/
header {
    padding: 27px 0 0 0;
    background: #ffffff url(../../images/pattern.png) repeat;
}

    header article > div {
        float: right;
    }

    header .srch-box {
        margin-top: 18px;
    }

        header .srch-box p {
            font: bold 12px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
            color: #ffffff;
            margin: 0 0 8px 0;
        }

        header .srch-box i {
            font-style: normal;
        }

        header .srch-box a {
            font: bold 12px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
            color: #ffffff;
            -webkit-transition: all 0.25s ease;
            transition: all 0.25s ease;
        }

            header .srch-box a:hover {
                color: #202020;
            }

        header .srch-box strong {
            padding: 0 5px;
        }

            header .srch-box strong span {
                font-size: 14px;
                color: #ffffff;
                position: relative;
                top: 2px;
                margin-right: 5px;
            }

footer {
    padding: 0 0 25px 0;
}

    footer > section {
        background: #ffffff;
        padding: 58px 0 21px 0;
        margin-bottom: 30px;
    }

    footer .priv-box p {
        font: 14px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #ffffff;
        margin-bottom: 0;
    }

    footer em {
        font-style: normal;
    }

    footer .tel {
        font-size: 14px;
        margin-top: -5px;
    }

        footer .tel span {
            float: left;
            color: #2cadcc;
            font-size: 17px;
            margin-top: 2px;
        }

    footer .t-align {
        text-align: right;
    }

    footer .privBox {
        text-align: right;
        padding-top: 7px;
    }

        footer .privBox p {
            font: 14px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
            color: #ffffff;
            margin-bottom: 0;
        }

        footer .privBox a {
            font: 14px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
            color: #ffffff;
            margin-bottom: 0;
            -webkit-transition: all 0.25s ease;
            transition: all 0.25s ease;
        }

            footer .privBox a:hover {
                color: #202020;
            }

        footer .privBox ul {
            padding: 0;
            margin: 6px 0 0 0;
            list-style: none;
            overflow: hidden;
            display: inline-block;
        }

            footer .privBox ul li {
                float: left;
                color: #ffffff;
                font: 12px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
                line-height: 9px;
                padding-right: 6px;
                margin-right: 6px;
                border-right: 1px solid #ffffff;
            }

                footer .privBox ul li a {
                    color: #ffffff;
                    font: 12px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
                    line-height: 9px;
                    -webkit-transition: all 0.25s ease;
                    transition: all 0.25s ease;
                }

                    footer .privBox ul li a:hover {
                        color: #202020;
                    }

    footer ul li:last-child {
        margin-right: 0;
        padding-right: 0;
        border-right: none;
    }

    footer .container {
        position: relative;
    }

    footer hr {
        border: none;
        margin: 0;
        padding: 0;
        position: absolute;
        box-shadow: none;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 1px;
        background: #928781;
    }

.follow_icon {
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: hidden;
    float: right;
}

    .follow_icon li {
        float: left;
        margin-left: 12px;
    }

        .follow_icon li a {
            font-size: 16px;
            color: #009600;
            -webkit-transition: all 0.25s ease;
            transition: all 0.25s ease;
        }

            .follow_icon li a:hover {
                color: #ffffff;
            }

.servicesBox {
    background: #f5f6f6;
    padding: 87px 0 67px 0;
    margin-top: 74px;
}

.newsBox {
    margin-bottom: 57px;
    position: relative;
}

    .newsBox time a {
        font: bold 13px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #000000;
        text-transform: uppercase;
        display: inline-block;
        margin-bottom: 13px;
        -webkit-transition: all 0.25s ease;
        transition: all 0.25s ease;
    }

        .newsBox time a:hover {
            color: #819e6f;
            -webkit-transition: all 0.25s ease;
            transition: all 0.25s ease;
        }

    .newsBox article {
        margin-bottom: 18px;
    }

    .newsBox:after {
        width: 1px;
        height: 100%;
        background: none;
        background: #d1d7bb;
        position: absolute;
        z-index: 1;
        display: inline-block;
        top: 0;
        right: -49px;
        content: ' ';
        z-index: 10;
    }

.welcomeBox {
    margin-top: -6px;
}

    .welcomeBox hr {
        border-top: none;
        border-bottom: 1px solid #ebeced;
        margin: 27px 0 65px 0;
    }

.testimonialsBox {
    margin-top: 69px;
    margin-bottom: 69px;
}

.aboutBox {
    margin-bottom: 17px;
}

    .aboutBox .title {
        font: bold 18px/30px 'Roboto';
        color: #01b0cd;
        margin-top: 11px;
    }

    .aboutBox h5 {
        margin-top: 11px;
    }

.gallBox {
    overflow: hidden;
    margin-bottom: 51px;
}

    .gallBox hr {
        margin: 7px 0 0 0;
        border-top: 1px solid #f5f5f5;
    }

.joinBox {
    padding-bottom: 45px;
}

    .joinBox .box {
        float: left;
    }

        .joinBox .box .title {
            font: 300 80px/80px 'Open Sans';
            color: #e74c3c;
            text-transform: uppercase;
            margin-bottom: 6px;
        }

        .joinBox .box .description {
            font: 300 30px/30px 'Open Sans';
            color: #3e454c;
            text-transform: uppercase;
            margin-bottom: 0;
        }

    .joinBox > a {
        float: right;
    }

.centerBox {
    padding-bottom: 25px;
    overflow: hidden;
}

    .centerBox h2 {
        float: left;
    }

    .centerBox .btn2 {
        float: right;
        margin-top: 7px !important;
    }

    .centerBox hr {
        border-bottom: none;
        border-top: 1px solid #f8f8f8;
        margin: 0 0 56px 0;
    }

.bannerBox {
    overflow: hidden;
    padding-top: 59px;
    margin-bottom: 55px;
}

    .bannerBox hr {
        margin: 61px 0 0 0;
        border-top: none;
        border-bottom: 1px solid #f8f8f8;
    }

.teamBox {
    margin-bottom: 30px;
}

    .teamBox article {
        margin-bottom: 25px;
    }

.treatmentsBox {
    background: #f5f6f6;
    padding: 74px 0 55px 0;
}

    .treatmentsBox figure {
        margin-bottom: 15px;
    }

        .treatmentsBox figure img {
            width: 100%;
        }

.worksBox .title {
    font: 600 30px/30px 'Open Sans';
    color: #2c3e50;
    text-transform: uppercase;
    margin-bottom: 3px;
}

.worksBox .descrip {
    font: 300 20px 'Open Sans';
    color: #2c3e50;
    text-transform: uppercase;
    margin-bottom: 34px;
}

.galleryBox {
    margin-bottom: 40px;
}

    .galleryBox article {
        margin-bottom: 29px;
    }

.bgPic {
    overflow: hidden;
}

    .bgPic figure {
        max-height: inherit;
        position: relative;
        text-align: center;
    }

        .bgPic figure figcaption {
            position: absolute;
            top: 30%;
            left: 0;
            right: 0;
        }

        .bgPic figure .title {
            font: 900 49px/49px 'Roboto';
            letter-spacing: 2px;
            color: #ffffff;
            text-transform: uppercase;
            margin-bottom: 41px;
        }

        .bgPic figure .description {
            top: 0;
            left: 0;
            right: 0;
            font: 900 21px/21px 'Roboto';
            letter-spacing: 2px;
            color: #ffffff;
            text-transform: uppercase;
            margin-bottom: 73px;
        }

.partnerBox {
    text-align: center;
}

    .partnerBox .description {
        font: bold 18px/22px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #928781;
        margin-top: 10px;
        margin-bottom: 14px;
    }

        .partnerBox .description > span {
            color: #f16251;
        }

    .partnerBox hr {
        margin: 0;
        border-top: 1px solid #928781;
        width: 570px;
        display: inline-block;
    }

.who-box h2, .history-box h2, .trainers-box h2 {
    text-align: center;
}

.who-box .description, .history-box .description, .trainers-box .description {
    font: bold 18px/22px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #928781;
    margin-top: 10px;
    margin-bottom: 15px;
    text-align: center;
}

    .who-box .description > span, .history-box .description > span, .trainers-box .description > span {
        color: #f16251;
    }

.who-box hr, .history-box hr, .trainers-box hr {
    margin: 0;
    border-top: 1px solid #928781;
    width: 100%;
    display: inline-block;
}

.clientsBox {
    background: url(../../images/page1_pic8.jpg) no-repeat;
    padding: 54px 0 104px 0;
    margin-top: 40px;
    margin-bottom: 30px;
}

    .clientsBox h3 {
        color: #ffffff;
    }

    .clientsBox article {
        text-align: center;
    }

.testBox {
    background: url(../../images/page2_pic8.jpg) no-repeat;
    padding: 54px 0 104px 0;
    margin-top: 40px;
}

    .testBox h3 {
        color: #ffffff;
    }

    .testBox article {
        text-align: center;
    }

.choiceBox {
    text-align: center;
}

    .choiceBox .description {
        font: bold 18px/22px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #928781;
        margin-top: 10px;
        margin-bottom: 15px;
    }

        .choiceBox .description > span {
            color: #4298a9;
        }

    .choiceBox hr {
        margin: 0;
        border-top: 1px solid #928781;
        width: 570px;
        display: inline-block;
    }

    .choiceBox > span {
        color: #4298a9;
    }

    .choiceBox article > .marg {
        padding-top: 71px;
    }

.timbersBox {
    text-align: center;
}

    .timbersBox .description {
        font: bold 18px/22px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #928781;
        margin-top: 10px;
        margin-bottom: 15px;
    }

        .timbersBox .description > span {
            color: #4298a9;
        }

    .timbersBox hr {
        margin: 0;
        border-top: 1px solid #928781;
        width: 570px;
        display: inline-block;
    }

    .timbersBox > span {
        color: #4298a9;
    }

.formBox {
    /*text-align: center;*/
    padding-bottom: 33px;
}

    .formBox .description {
        font: bold 18px/22px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #928781;
        margin-top: 10px;
        margin-bottom: 14px;
    }

    .formBox hr {
        margin: 0;
        border-top: 1px solid #928781;
        width: 100%;
        display: inline-block;
    }

.privacyBox {
    text-align: center;
    padding-bottom: 57px;
}

    .privacyBox .description {
        font: bold 18px/22px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #928781;
        margin-top: 10px;
        margin-bottom: 14px;
    }

    .privacyBox hr {
        margin: 0;
        border-top: 1px solid #928781;
        width: 570px;
        display: inline-block;
    }

.timbers-box {
    overflow: hidden;
    text-align: left;
    padding-top: 58px;
}

.gradeBox {
    overflow: hidden;
    padding-top: 36px;
}

    .gradeBox .title {
        font: 25px/25px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #202020;
        float: left;
    }

    .gradeBox > em {
        display: inline-block;
        float: left;
        width: 6px;
        height: 51px;
        background: #009600;
        margin: -10px 22px 0 22px;
    }

    .gradeBox strong {
        color: #202020;
    }

    .gradeBox ul {
        padding: 0;
        margin: 0;
        list-style: none;
        overflow: hidden;
        float: left;
        margin-top: -20px;
    }

.typeBox {
    background: url(../../images/page4_pic8.jpg) no-repeat;
    padding: 54px 0 43px 0;
    margin-top: 8px;
}

    .typeBox h3 {
        color: #ffffff;
    }

    .typeBox article {
        text-align: center;
    }

.pict-box {
    margin-top: 38px;
    overflow: hidden;
    margin-bottom: -7px;
}

.testimonials-box {
    padding-top: 41px;
}

    .testimonials-box > div {
        background: #ffffff;
        padding: 38px 38px 0 38px;
        text-transform: uppercase;
        text-align: left;
        background: #ffffff url(../../images/quote.png) 23px 14px no-repeat;
    }

        .testimonials-box > div p {
            font: italic 12px/19px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
            color: #404040;
            text-transform: none;
        }

        .testimonials-box > div .title {
            font: 900 18px/20px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
            color: #f16251;
            text-transform: uppercase;
            margin-bottom: 14px;
        }

        .testimonials-box > div > div {
            width: 100%;
            text-align: center;
        }

            .testimonials-box > div > div figure {
                border: 2px solid #848484;
                border-radius: 100px;
                overflow: hidden;
                display: inline-block;
                margin-bottom: -55px;
            }

        .testimonials-box > div.marg {
            padding: 38px 38px 13px 38px;
        }

.testimonials-box1 {
    padding-top: 41px;
}

    .testimonials-box1 > div {
        padding: 38px 38px 0 38px;
        text-transform: uppercase;
        text-align: left;
        background: #ffffff;
        text-align: center;
        border-bottom: 5px solid #bcbcbc;
    }

        .testimonials-box1 > div p {
            font: 14px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
            color: #77706c;
            text-transform: none;
        }

        .testimonials-box1 > div .title {
            font: 900 30px/30px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
            color: #f16251;
            text-transform: uppercase;
            margin-bottom: 14px;
        }

        .testimonials-box1 > div > div {
            width: 100%;
            text-align: center;
        }

            .testimonials-box1 > div > div figure {
                border: 2px solid #848484;
                border-radius: 100px;
                overflow: hidden;
                display: inline-block;
                margin-bottom: -55px;
            }

        .testimonials-box1 > div.marg {
            padding: 38px 38px 13px 38px;
        }

    .testimonials-box1 .title1 {
        font: bold 24px/30px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #ffffff;
        margin-bottom: 20px;
        text-align: left;
    }

    .testimonials-box1 .title2 {
        font: bold 18px/22px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #ffffff;
        margin-bottom: 0;
        text-align: left;
    }

        .testimonials-box1 .title2 > span {
            color: #009600;
        }

.printBox {
    text-align: left;
    overflow: hidden;
}

    .printBox .title {
        font: 25px/30px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #202020;
    }

    .printBox .title2 {
        font: 20px/22px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #202020;
    }
/*-----tabs-----*/
/*.nav-tabs {
	margin-bottom:0;
	border:none;
    height: 68px;
    border:none !important;
    li {
        width:100%;
        margin:0;
        line-height:68px;
        position:relative;
        &:first-child {
            margin-left:0;
        }
        &:first-child +li a {
            background:#93c548;
        }
    }
    li a {
        background:#ff8f47;
        .reset-filter();
        border-radius:10px 10px 0 0;
        border: none !important;
        font:600 30px/68px 'Open Sans';
        color:@white;
    	margin-right:0;
        padding:0;
        text-transform:none;
        position:relative;
        height:68px;
        text-align:center;
        .transition(all 0.25s ease);
        &:hover {
                background:@white !important;
                color:#848180 !important;
                .transition(all 0.25s ease);
                > i {
                    background:red;
                    .transition(all 0.25s ease);
                }
                > strong em {
                   color:red; 
                   .transition(all 0.25s ease);
                }
        }
        &:focus {
            outline:none;
        }
    }
}
.nav-tabs > .active {

}*/
.nav-tabs {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    border: none !important;
}

    .nav-tabs li {
        text-align: right;
        width: 100%;
        border-bottom: 1px solid #c5c1bf;
        overflow: hidden;
        height: 46px;
        line-height: 46px;
        -webkit-transition: all 0.25s ease 0.15s;
        transition: all 0.25s ease 0.15s;
    }

        .nav-tabs li a {
            font: italic 18px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
            color: #202020;
            display: block;
            margin-right: 0;
            padding-right: 46px;
            height: 46px;
            background: transparent;
            border: none !important;
            position: relative;
            border-radius: 4px 0 0 4px;
            -webkit-transition: all 0.25s ease 0.1s;
            transition: all 0.25s ease 0.1s;
        }

            .nav-tabs li a > em {
                width: 21px;
                height: 47px;
                display: inline-block;
                position: absolute;
                top: 0;
                right: 0;
                background: url(../../images/triangle.png) no-repeat;
                opacity: 1;
                filter: alpha(opacity=100);
                margin-right: -30px;
                -webkit-transition: all 0.2s ease;
                transition: all 0.2s ease;
            }

        .nav-tabs li:hover {
            border-bottom-color: #ffffff;
            -webkit-transition: all 0.25s ease;
            transition: all 0.25s ease;
        }

            .nav-tabs li:hover a {
                background: #009600;
                -webkit-transition: all 0.18s ease;
                transition: all 0.18s ease;
            }

                .nav-tabs li:hover a > em {
                    opacity: 1;
                    filter: alpha(opacity=100);
                    margin-right: 0;
                    -webkit-transition: all 0.2s ease;
                    transition: all 0.2s ease;
                }

    .nav-tabs > .active {
        border-bottom-color: #ffffff;
    }

        .nav-tabs > .active a {
            background: #009600 !important;
        }

            .nav-tabs > .active a > em {
                opacity: 1;
                filter: alpha(opacity=100);
                margin-right: 0;
            }

.tab-content {
    padding: 0;
    background: #ffffff;
    margin: 0 !important;
    text-align: left;
}

    .tab-content .tab-pane figure {
        float: left;
        margin-right: 30px;
        width: 196px;
        height: 193px;
    }
/*-----carousel-----*/
.list_carousel1.responsive {
    width: auto;
    margin: 0;
    padding: 0;
    margin-bottom: 31px;
}

.list_carousel1 #foo1 {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    cursor: default;
}

    .list_carousel1 #foo1 > li {
        padding: 0;
        float: left;
        cursor: default;
        margin-right: 30px;
    }

        .list_carousel1 #foo1 > li figure {
            margin: 0;
            position: relative;
            padding: 4px;
            background: #dbdad8;
        }

            .list_carousel1 #foo1 > li figure img {
                width: 100%;
            }

            .list_carousel1 #foo1 > li figure div {
                position: absolute;
                bottom: 73px;
                left: 0;
                padding: 9px 37px 9px 27px;
                background: #242424;
            }

                .list_carousel1 #foo1 > li figure div .title {
                    font: bold 13px 'Roboto';
                    text-transform: uppercase;
                    color: #ffffff;
                    margin-bottom: 0;
                }

            .list_carousel1 #foo1 > li figure .description {
                font: 900 30px 'Roboto';
                text-transform: uppercase;
                color: #ffffff;
                position: absolute;
                margin-bottom: 0;
                left: 29px;
                bottom: 29px;
            }

        .list_carousel1 #foo1 > li > div {
            margin-bottom: 30px;
        }

.list_carousel1.responsive .caroufredsel_wrapper {
    cursor: default !important;
    margin-top: 13px !important;
}

.carousel-box {
    padding-top: 48px;
    margin-bottom: 65px;
}

.foo-btn {
    position: absolute;
    top: -22px;
    width: 100%;
    right: 0;
}

    .foo-btn .prev {
        width: 16px;
        height: 26px;
        background: url(../../images/prev.png) center 0 no-repeat;
        display: inline-block;
        position: absolute;
        right: 64px;
        top: 0;
    }

    .foo-btn .next {
        width: 16px;
        height: 26px;
        position: absolute;
        right: 44px;
        display: inline-block;
        background: url(../../images/next.png) 0 top no-repeat;
    }

        .foo-btn .next:hover {
            background: url(../../images/next.png) 0 bottom no-repeat;
        }

    .foo-btn .prev:hover {
        background: url(../../images/prev.png) 0 bottom no-repeat;
    }

.clientBox {
    background: #edf3f3;
    padding-top: 21px;
    padding-bottom: 21px;
    border-bottom: 4px solid #d5dada;
}

    .clientBox .title {
        font: 900 14px 'Roboto';
        color: #535b60;
        text-transform: uppercase;
        margin-bottom: 10px;
        width: 100%;
        text-align: center;
    }

.clients-logo ul {
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: hidden;
    display: block;
    text-align: center;
}

    .clients-logo ul li {
        float: none;
        margin-bottom: 34px;
        margin-right: 112px;
        display: inline-block;
    }

        .clients-logo ul li:last-child {
            margin-right: 0;
        }

        .clients-logo ul li a {
            display: block;
            -webkit-transition: all 0.25s ease;
            transition: all 0.25s ease;
        }

            .clients-logo ul li a:hover {
                opacity: 0.6;
                filter: alpha(opacity=60);
            }

.moreBox {
    text-align: center;
    padding-top: 73px;
    margin-bottom: 83px;
}

    .moreBox hr {
        margin: 82px 0 0 0;
        border-color: #e1e3e5;
    }

    .moreBox p {
        font: 80px 'Sail';
        color: #414141;
        letter-spacing: -4px;
        margin-bottom: 16px;
    }

.allBox {
    margin-bottom: 85px;
}

    .allBox h2 {
        margin-bottom: 27px;
    }

.testimBox {
    padding-bottom: 45px;
    background: #ffffff;
    padding: 91px 0 95px 0;
}

    .testimBox p {
        font-style: italic;
        margin-bottom: 8px;
    }

    .testimBox figure {
        float: left;
        margin-right: 10px;
        margin-top: 7px;
    }

    .testimBox em {
        height: 6px;
        width: 100%;
        background: #c5c5c5;
        position: absolute;
        top: 0;
        left: 0;
    }

    .testimBox a {
        color: #2c3e50;
        font: 18px 'Open Sans';
        text-transform: uppercase;
        -webkit-transition: all 0.25s ease;
        transition: all 0.25s ease;
    }

        .testimBox a:hover {
            color: #e74c3c;
            -webkit-transition: all 0.25s ease;
            transition: all 0.25s ease;
        }

.videoBox {
    position: relative;
    margin-top: 20px;
}

    .videoBox figure a {
        position: relative;
        display: inline-block;
        width: 100%;
        -webkit-transition: all 0.25s ease;
        transition: all 0.25s ease;
    }

        .videoBox figure a img {
            width: 100%;
        }

        .videoBox figure a:hover em {
            opacity: 0;
            filter: alpha(opacity=0);
            -webkit-transition: all 0.25s ease;
            transition: all 0.25s ease;
        }

    .videoBox figure em {
        width: 100%;
        height: 100%;
        background: url(../../images/play.png) center center no-repeat;
        display: block;
        position: absolute;
        top: 0;
    }

.packagesBox {
    background: #fcfcfc url(../../images/page3_pic2.jpg) no-repeat;
    padding: 25px 26px 22px 0;
    border: 1px solid #e8e8e8;
    overflow: hidden;
}

    .packagesBox h3 {
        color: #2d2d2d;
        margin: 0 0 17px 0;
        font-size: 20px;
        line-height: 22px;
    }

    .packagesBox div {
        float: right;
    }

.error-box {
    padding-bottom: 66px;
}

.errorBox {
    margin-top: 4px;
}

.errorBox1 {
    margin-top: 65px;
}

    .errorBox1 h2 {
        font: 900 60px/60px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #202020;
        margin-bottom: 0;
    }

    .errorBox1 h3 {
        font-size: 42px;
        line-height: 42px;
        margin-bottom: 33px;
    }

    .errorBox1 p {
        font-size: 18px;
        line-height: 23px;
        font-weight: bold;
        color: #928781;
    }

.formBox {
    padding: 0;
}

.searchBox {
    padding-bottom: 60px;
}

#toTop {
    display: none;
    width: 24px;
    height: 24px;
    background: url(../../images/top.png) no-repeat;
    position: fixed;
    margin-right: -640px !important;
    right: 50%;
    bottom: 120px;
    z-index: 999;
}

    #toTop:hover {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

.servBox {
    padding-bottom: 61px;
}

.blogBox h2 {
    margin-bottom: 27px;
}

.logosBox {
    margin-top: 2px;
    margin-bottom: 61px;
}

    .logosBox ul {
        margin: 0;
        padding: 0;
        list-style: none;
        overflow: hidden;
    }

        .logosBox ul li {
            float: left;
            border-right: 1px solid #dcdddd;
        }

            .logosBox ul li img {
                width: 100%;
            }

            .logosBox ul li:last-child {
                border-right: none;
            }

.trainerBox a {
    opacity: 1;
    display: block;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .trainerBox a:hover {
        opacity: 0.8;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

.trainerBox {
    margin-bottom: 21px;
}

    .trainerBox figure {
        margin: 0;
    }

        .trainerBox figure img {
            width: 100%;
            display: block;
        }

    .trainerBox a {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .trainerBox a:hover {
            opacity: 0.8;
            filter: alpha(opacity=80);
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

.unlockBox {
    padding-top: 66px;
    background: url(../../images/pattern.png) repeat;
    padding-bottom: 11px;
    -webkit-box-shadow: inset 1px 0px 2px 0 rgba(0, 0, 0, 0.3);
    box-shadow: inset 1px 2px 2px 0 rgba(0, 0, 0, 0.3);
}

    .unlockBox.colorBox {
        background: #302f46;
        box-shadow: none;
    }

        .unlockBox.colorBox h2 {
            color: #dbdaed;
        }

        .unlockBox.colorBox p {
            color: #dbdaed;
        }

.classesBox {
    padding-top: 76px;
    background: url(../../images/pattern3.png) repeat;
    padding-bottom: 98px;
}

.hundredBox {
    margin-top: 30px;
}

    .hundredBox strong {
        font: bold 60px/47px 'Open Sans';
        color: #ffffff;
        margin-bottom: 0;
        display: block;
    }

    .hundredBox p {
        font: 600 24px/29px 'Open Sans';
        color: #ffffff;
    }

.projectBox {
    padding: 0;
    background: url(../../images/pattern2.png) repeat;
}

    .projectBox article > .caption {
        margin: 0;
        padding: 0;
        background: #ffffff;
        position: relative;
        margin-bottom: 89px;
        overflow: hidden;
    }

    .projectBox .lnk {
        position: absolute;
        top: 42px;
        background: #ffffff;
        text-align: right;
        width: 77px;
        height: 77px;
        border-radius: 77px;
        right: -92px;
        padding-top: 24px;
        padding-right: 22px;
        -webkit-transition: all 0.35s ease;
        transition: all 0.35s ease;
    }

        .projectBox .lnk:hover {
            background: rgba(255, 255, 255, 0.5);
            -webkit-transition: all 0.35s ease;
            transition: all 0.35s ease;
        }

    .projectBox .box1 {
        width: 630px;
        text-align: right;
        padding: 47px 0 0 50px;
        float: left;
        position: relative;
    }

        .projectBox .box1 .title1 {
            font: 48px 'Cabin';
            color: #278f94;
            margin-bottom: 27px;
        }

        .projectBox .box1 .title2 {
            font: 14px/22px 'Open Sans';
            color: #7d7d7d;
        }

    .projectBox figure {
        margin: 0;
        float: right;
    }
/*-----thumbs-----*/
.pad1Box {
    background: #f8f8f8;
    padding: 62px 0 61px 0;
    position: relative;
}

    .pad1Box em {
        display: inline-block;
        width: 100%;
        height: 17px;
        position: absolute;
        top: 0;
        left: 0;
        background: url(../../images/shadow.png) center top no-repeat;
    }

.pad-box1 {
    padding-top: 65px;
    overflow: hidden;
    margin-bottom: 60px;
}

.thumb-pad1 {
    overflow: hidden;
    padding: 0;
}

    .thumb-pad1 .thumbnail {
        position: relative;
        background: none;
        margin: 0;
        padding: 0;
        border: none;
        border-radius: 0;
        box-shadow: none;
        overflow: hidden;
    }

        .thumb-pad1 .thumbnail figure {
            margin-bottom: 15px;
        }

            .thumb-pad1 .thumbnail figure img {
                width: 100%;
                display: block;
            }

        .thumb-pad1 .thumbnail p {
            font: 11px/18px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
            color: #202020;
            margin-bottom: 0;
        }

            .thumb-pad1 .thumbnail p.marg {
                margin-bottom: 22px;
            }

        .thumb-pad1 .thumbnail .title {
            font: 900 19px/19px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
            color: #4298a9;
            margin-bottom: 8px;
        }

        .thumb-pad1 .thumbnail .description {
            font: bold 11px/19px 'Open Sans';
            color: #928781;
            text-transform: uppercase;
            margin-bottom: 14px;
        }

            .thumb-pad1 .thumbnail .description > em {
                font-style: normal;
                padding: 0 5px;
            }

        .thumb-pad1 .thumbnail .caption {
            padding: 0;
            overflow: hidden;
            color: #77706c;
        }

            .thumb-pad1 .thumbnail .caption .title1 {
                font: 300 40px/40px 'Open Sans';
                color: #7ecefd;
                text-transform: uppercase;
                margin-bottom: 3px;
            }

            .thumb-pad1 .thumbnail .caption .title2 {
                font: 300 20px/20px 'Open Sans';
                color: #2185c5;
                text-transform: uppercase;
                margin-bottom: 28px;
            }

.iconBox {
    background: #f8f9fa;
    padding: 79px 0 35px 0;
    margin-bottom: 92px;
}

.thumb-pad2 {
    margin: 0;
    padding: 0 0 53px 0;
    overflow: hidden;
}

    .thumb-pad2 .thumbnail {
        margin: 0;
        border-radius: 0;
        box-shadow: none;
        border: none;
        padding: 0;
        background: none;
    }

        .thumb-pad2 .thumbnail .caption {
            padding: 0;
            overflow: hidden;
            margin-bottom: 29px;
        }

            .thumb-pad2 .thumbnail .caption .title {
                font: 600 40px/40px 'Open Sans';
                color: #2c3e50;
                text-transform: uppercase;
                margin-bottom: 3px;
            }

            .thumb-pad2 .thumbnail .caption .descrip {
                font: 300 20px 'Open Sans';
                color: #2c3e50;
                text-transform: uppercase;
                margin-bottom: 0;
            }

    .thumb-pad2 figure {
        margin: 0;
        float: left;
        width: 62px;
        margin-right: 20px;
        margin-top: 7px;
    }

.thumb-pad2-2 {
    margin-bottom: 45px;
}

    .thumb-pad2-2 .thumbnail {
        position: relative;
        padding: 0;
        margin: 0;
        border: none;
        border-radius: 0;
        box-shadow: none;
        background: none;
    }

        .thumb-pad2-2 .thumbnail .caption {
            padding: 0;
            color: #77706c;
            overflow: hidden;
        }

    .thumb-pad2-2 figure {
        margin: 0;
        margin-bottom: 24px;
        border: 1px solid #f5f5f5;
    }

        .thumb-pad2-2 figure img {
            width: 100%;
        }

    .thumb-pad2-2 .thumbnail .caption a {
        color: #333745;
        font: 20px 'Open Sans';
        display: inline-block;
        text-transform: uppercase;
        margin-bottom: 11px;
        -webkit-transition: all 0.25s ease;
        transition: all 0.25s ease;
    }

        .thumb-pad2-2 .thumbnail .caption a:hover {
            color: #e74c3c;
            -webkit-transition: all 0.25s ease;
            transition: all 0.25s ease;
        }

.thumb-pad3 {
    margin-top: 5px;
    overflow: hidden;
}

    .thumb-pad3 .thumbnail {
        position: relative;
        padding: 0;
        margin: 0;
        border: none;
        border-radius: 0;
        box-shadow: none;
        background: none;
    }

        .thumb-pad3 .thumbnail .caption {
            padding: 0;
            color: #77706c;
        }

            .thumb-pad3 .thumbnail .caption .title {
                color: #e74c3c;
                font: 25px 'Open Sans';
                text-transform: uppercase;
                margin-bottom: 0;
            }

            .thumb-pad3 .thumbnail .caption .description {
                color: #2c3e50;
                font: 20px 'Open Sans';
                text-transform: uppercase;
                margin-bottom: 0;
            }

    .thumb-pad3 figure {
        margin: 0;
        margin-bottom: 12px;
    }

        .thumb-pad3 figure img {
            width: 100%;
        }

.thumb-pad33 {
    margin: 0;
    padding: 0;
    margin-top: 60px;
    overflow: hidden;
}

    .thumb-pad33 .thumbnail {
        margin: 0;
        border-radius: 0;
        box-shadow: none;
        border: none;
        padding: 0;
        background: none;
    }

        .thumb-pad33 .thumbnail .caption {
            padding: 0;
            overflow: hidden;
        }

            .thumb-pad33 .thumbnail .caption p {
                margin-bottom: 29px;
            }

    .thumb-pad33 figure {
        margin: 0 0 10px 0;
    }

        .thumb-pad33 figure img {
            width: 100%;
            display: block;
        }

.thumb-pad4 {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

    .thumb-pad4 .thumbnail {
        margin: 0;
        border-radius: 0;
        box-shadow: none;
        border: none;
        padding: 0;
        background: none;
    }

        .thumb-pad4 .thumbnail .caption {
            padding: 0;
            overflow: hidden;
        }

            .thumb-pad4 .thumbnail .caption a {
                color: #01b0cd;
                font: bold 18px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
                -webkit-transition: all 0.25s ease;
                transition: all 0.25s ease;
            }

                .thumb-pad4 .thumbnail .caption a:hover {
                    color: #77706c;
                }

    .thumb-pad4 figure {
        margin: 0 0 14px 0;
        padding: 4px;
        background: #dbdad8;
    }

        .thumb-pad4 figure img {
            width: 100%;
        }

.thumb-pad5 {
    overflow: hidden;
}

    .thumb-pad5 .thumbnail {
        position: relative;
        padding: 0;
        margin: 0;
        border: none;
        border-radius: 0;
        box-shadow: none;
        padding: 4px;
        background: #dbdad8;
    }

        .thumb-pad5 .thumbnail .caption {
            padding: 0;
            color: #77706c;
            position: absolute;
            bottom: 24px;
            left: 0;
            padding: 9px 23px;
            background: #242424;
        }

            .thumb-pad5 .thumbnail .caption .title {
                font: bold 13px 'Roboto';
                text-transform: uppercase;
                color: #ffffff;
                margin-bottom: 0;
            }

    .thumb-pad5 figure {
        margin: 0;
        position: relative;
    }

        .thumb-pad5 figure em {
            background: #dbdad8 url(../../images/plus.png) center center no-repeat;
            opacity: 0.7;
            filter: alpha(opacity=70);
            width: 100%;
            height: 100%;
            position: absolute;
            top: -450px;
            left: 0;
            -webkit-transition: all 0.25s ease;
            transition: all 0.25s ease;
        }

        .thumb-pad5 figure img {
            width: 100%;
        }

        .thumb-pad5 figure:hover em {
            top: 0;
        }

.blogBox {
    margin-bottom: 54px;
}

.thumb-pad6 {
    border-bottom: 1px solid #9c9c9b;
    padding-bottom: 24px;
    margin: 20px 0 10px 0;
}

    .thumb-pad6 .thumbnail {
        position: relative;
        padding: 0;
        margin: 0;
        border: none;
        border-radius: 0;
        box-shadow: none;
        background: none;
    }

        .thumb-pad6 .thumbnail .badgeBox {
            overflow: hidden;
            margin-bottom: 12px;
        }

            .thumb-pad6 .thumbnail .badgeBox .badge {
                padding: 0;
                margin: 0;
                box-shadow: none;
                text-shadow: none;
                border: none;
                border-radius: 79px;
                background: none;
                width: 79px;
                height: 79px;
                font: bold 34px/34px 'Roboto';
                color: #ffffff;
                background: #01b0cd;
                text-align: center;
                float: left;
                margin-right: 20px;
                padding-top: 10px;
            }

                .thumb-pad6 .thumbnail .badgeBox .badge span {
                    font-size: 18px;
                    font-weight: bold;
                    text-transform: uppercase;
                    display: block;
                    color: #ffffff;
                    margin-top: -6px;
                }

            .thumb-pad6 .thumbnail .badgeBox p {
                font: 14px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
                color: #a6a5a5;
                text-transform: none;
                float: left;
                padding-right: 14px;
                margin-right: 14px;
                line-height: 13px;
                border-right: 1px solid #bdbcbc;
            }

                .thumb-pad6 .thumbnail .badgeBox p > .lnk1 {
                    font: 14px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
                    color: #a6a5a5;
                    text-transform: none;
                    line-height: 13px;
                }

                .thumb-pad6 .thumbnail .badgeBox p > .lnk2 {
                    font: 14px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
                    color: #a6a5a5;
                    text-transform: none;
                    line-height: 13px;
                }

                .thumb-pad6 .thumbnail .badgeBox p > .lnk1:hover {
                    color: #01b0cd;
                }

                .thumb-pad6 .thumbnail .badgeBox p > .lnk2:hover {
                    color: #01b0cd;
                }

                .thumb-pad6 .thumbnail .badgeBox p br {
                    display: none;
                }

            .thumb-pad6 .thumbnail .badgeBox .extra-wrap p:last-child {
                padding-right: 0;
                margin-right: 0;
                border-right: none;
            }

        .thumb-pad6 .thumbnail .caption {
            padding: 0;
            overflow: hidden;
            color: #77706c;
            padding-left: 99px;
        }

            .thumb-pad6 .thumbnail .caption p {
                margin-bottom: 18px;
            }

    .thumb-pad6 figure {
        position: relative;
        z-index: 1;
        margin: 0;
        float: left;
        margin-right: 27px;
    }

        .thumb-pad6 figure > img {
            width: 100%;
        }

    .thumb-pad6 .thumbnail .badgeBox a {
        color: #272727;
        font: 16px/22px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
        margin: 0;
        -webkit-transition: all 0.25s ease;
        transition: all 0.25s ease;
    }

        .thumb-pad6 .thumbnail .badgeBox a:hover {
            color: #8fbf4d;
            -webkit-transition: all 0.25s ease;
            transition: all 0.25s ease;
        }

        .thumb-pad6 .thumbnail .badgeBox a.tl {
            color: #01b0cd;
            font: bold 18px/30px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
            display: inline-block;
            margin-bottom: 7px;
        }

            .thumb-pad6 .thumbnail .badgeBox a.tl:hover {
                color: #404040;
            }

.thumb-pad7 {
    padding-bottom: 60px;
}

    .thumb-pad7 .thumbnail {
        position: relative;
        padding: 0;
        margin: 0;
        border: none;
        border-radius: 0;
        box-shadow: none;
        background: none;
    }

    .thumb-pad7 .thumbnail {
        position: relative;
        padding: 0;
        margin: 0;
        border: none;
        border-radius: 0;
        box-shadow: none;
        background: none;
    }

        .thumb-pad7 .thumbnail figure {
            margin: 0;
            padding: 0;
            list-style: none;
            float: left;
            margin-right: 29px;
        }

        .thumb-pad7 .thumbnail .caption {
            padding: 0;
            overflow: hidden;
        }

            .thumb-pad7 .thumbnail .caption p {
                margin-bottom: 23px;
            }

            .thumb-pad7 .thumbnail .caption .lnk {
                overflow: hidden;
                font: 300 28px/28px 'Open Sans';
                text-transform: uppercase;
                color: #e74c3c;
                margin-bottom: 5px;
                -webkit-transition: all 0.25s ease;
                transition: all 0.25s ease;
            }

                .thumb-pad7 .thumbnail .caption .lnk:hover {
                    color: #2c3e50;
                }

            .thumb-pad7 .thumbnail .caption time {
                color: #2c3e50;
                font: 14px 'Open Sans';
                float: left;
            }

            .thumb-pad7 .thumbnail .caption .tl {
                display: block;
                overflow: hidden;
                margin-bottom: 13px;
            }

                .thumb-pad7 .thumbnail .caption .tl a {
                    color: #2c3e50;
                    font: 14px 'Open Sans';
                    float: right;
                    -webkit-transition: all 0.25s ease;
                    transition: all 0.25s ease;
                }

                    .thumb-pad7 .thumbnail .caption .tl a:hover {
                        color: #e74c3c;
                    }

.thumb-pad9 {
    padding-bottom: 64px;
    overflow: hidden;
}

    .thumb-pad9:hover .thumbnail {
        background: #f5f5f5;
    }

    .thumb-pad9 .thumbnail {
        position: relative;
        padding: 0;
        margin: 0;
        border: none;
        border-radius: 0;
        box-shadow: none;
        overflow: hidden;
        padding: 38px 38px 25px 38px;
        background: #ffffff;
        border: 1px solid #f5f5f5;
    }

    .thumb-pad9 figure {
        margin: 0;
        margin-bottom: 24px;
    }

        .thumb-pad9 figure img {
            width: 100%;
        }

    .thumb-pad9 .thumbnail .caption {
        padding: 0;
        color: #77706c;
    }

        .thumb-pad9 .thumbnail .caption a {
            font: 20px 'Open Sans';
            color: #333745;
            display: inline-block;
            margin-bottom: 11px;
            -webkit-transition: all 0.25s ease;
            transition: all 0.25s ease;
        }

            .thumb-pad9 .thumbnail .caption a:hover {
                color: #e74c3c;
                -webkit-transition: all 0.25s ease;
                transition: all 0.25s ease;
            }

.thumb-pad10 {
    overflow: hidden;
}

    .thumb-pad10 .thumbnail {
        position: relative;
        padding: 0;
        margin: 0;
        border: none;
        border-radius: 0;
        box-shadow: none;
        background: none;
        overflow: hidden;
    }

    .thumb-pad10 figure {
        margin: 0 0 26px 0;
    }

        .thumb-pad10 figure img {
            width: 100%;
        }

    .thumb-pad10 .thumbnail .caption {
        padding: 0;
        color: #77706c;
        overflow: hidden;
    }
/*-----btn-----*/
.btn-default.btn1 {
    box-shadow: none;
    position: relative;
    text-decoration: none !important;
    padding: 7px 13px;
    font: 15px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    background: #009600;
    text-shadow: none;
    color: #ffffff;
    border: none;
    display: inline-block;
    border-bottom: 3px solid #c33e2c;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

    .btn-default.btn1 > em {
        font-size: 13px;
        color: #ffffff;
        margin-left: 10px;
    }

    .btn-default.btn1:hover {
        color: #ffffff;
        background: #c33e2c;
        border-bottom-color: #009600;
        text-decoration: none !important;
        -webkit-transition: all 0.25s ease;
        transition: all 0.25s ease;
    }

.btn-default.btn2 {
    box-shadow: none;
    position: relative;
    padding: 19px 68px;
    font: 900 15px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    letter-spacing: 2px;
    text-shadow: none;
    color: #ffffff;
    border: none;
    background: #f4a805;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

    .btn-default.btn2:hover {
        color: #ffffff;
        background: #009600;
        text-decoration: none !important;
        -webkit-transition: all 0.25s ease;
        transition: all 0.25s ease;
    }

.btn3 {
    box-shadow: none;
    position: relative;
    text-decoration: none !important;
    font: bold 18px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    letter-spacing: 0;
    text-shadow: none;
    color: #f4a805;
    border: none;
    border-radius: 0;
    padding: 0;
    background: none;
    display: inline-block;
    margin-top: -1px;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

    .btn3:hover {
        color: #01b0cd;
        background: none;
        text-decoration: none !important;
        -webkit-transition: all 0.25s ease;
        transition: all 0.25s ease;
    }

.btn-default.btn4 {
    box-shadow: none;
    position: relative;
    text-decoration: none !important;
    padding: 4px 35px;
    border: none;
    font: 600 24px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0;
    text-shadow: none;
    color: #ffffff;
    background: #a2c9c2;
    display: inline-block;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

    .btn-default.btn4:hover {
        color: #6c9295;
        background: #e9e9e9 !important;
        text-decoration: none !important;
        -webkit-transition: all 0.25s ease;
        transition: all 0.25s ease;
    }
/*-----list-----*/
.events-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .events-list li {
        margin-bottom: 43px;
    }

        .events-list li time a {
            font: bold 13px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
            color: #000000;
            text-transform: uppercase;
            display: inline-block;
            margin-bottom: 13px;
            -webkit-transition: all 0.25s ease;
            transition: all 0.25s ease;
        }

            .events-list li time a:hover {
                color: #819e6f;
                -webkit-transition: all 0.25s ease;
                transition: all 0.25s ease;
            }

.list0 {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

    .list0 li {
        text-align: right;
        border-bottom: 1px solid #c5c1bf;
        overflow: hidden;
        -webkit-transition: all 0.25s ease 0.15s;
        transition: all 0.25s ease 0.15s;
    }

        .list0 li a {
            font: italic 18px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
            color: #202020;
            display: block;
            padding-right: 46px;
            background: transparent;
            line-height: 47px;
            position: relative;
            border-radius: 4px 0 0 4px;
            -webkit-transition: all 0.25s ease 0.1s;
            transition: all 0.25s ease 0.1s;
        }

            .list0 li a > em {
                width: 21px;
                height: 47px;
                display: inline-block;
                position: absolute;
                top: 0;
                right: 0;
                background: url(../../images/triangle.png) no-repeat;
                opacity: 1;
                filter: alpha(opacity=100);
                margin-right: -30px;
                -webkit-transition: all 0.2s ease;
                transition: all 0.2s ease;
            }

        .list0 li:hover {
            border-bottom-color: #ffffff;
            -webkit-transition: all 0.25s ease;
            transition: all 0.25s ease;
        }

            .list0 li:hover a {
                background: #009600;
                -webkit-transition: all 0.18s ease;
                transition: all 0.18s ease;
            }

                .list0 li:hover a > em {
                    opacity: 1;
                    filter: alpha(opacity=100);
                    margin-right: 0;
                    -webkit-transition: all 0.2s ease;
                    transition: all 0.2s ease;
                }

.list1 {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    margin-top: 15px;
    margin-bottom: 22px;
}

    .list1 li {
        font-size: 14px;
        line-height: 1.428571429;
        overflow: hidden;
        margin-bottom: 3px;
        padding-left: 19px;
        background: url(../../images/list_arrow.png) left 4px no-repeat;
    }

        .list1 li a {
            font: italic 12px 'Open Sans';
            color: #202020;
            -webkit-transition: all 0.25s ease;
            transition: all 0.25s ease;
        }

            .list1 li a:hover {
                color: #f16251;
                -webkit-transition: all 0.25s ease;
                transition: all 0.25s ease;
            }
/*----*/
.list1-1 {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    margin-bottom: 22px;
}

    .list1-1 li {
        font-size: 14px;
        line-height: 1.428571429;
        overflow: hidden;
        margin-bottom: 4px;
        padding-left: 30px;
        background: url(../../images/list_arrow2.png) left 3px no-repeat;
    }

        .list1-1 li a {
            font: 300 14px 'Roboto';
            color: #928781;
            -webkit-transition: all 0.25s ease;
            transition: all 0.25s ease;
        }

            .list1-1 li a:hover {
                color: #d73a01;
                -webkit-transition: all 0.25s ease;
                transition: all 0.25s ease;
            }

.list2 {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

    .list2 li {
        font-size: 14px;
        line-height: 1.428571429;
        overflow: hidden;
        margin-bottom: 10px;
    }

        .list2 li a {
            color: #ffffff;
            font: 11px 'Roboto';
            -webkit-transition: all 0.25s ease;
            transition: all 0.25s ease;
        }

            .list2 li a:hover {
                color: #fb4554;
                -webkit-transition: all 0.25s ease;
                transition: all 0.25s ease;
            }

.list2-1 {
    margin: 0;
    padding: 0;
    margin-bottom: 59px;
    list-style: none;
}

    .list2-1 li {
        font-size: 14px;
        line-height: 1.428571429;
        overflow: hidden;
        margin-bottom: 20px;
    }

        .list2-1 li p {
            margin-top: 2px;
            margin-bottom: 0;
        }

        .list2-1 li .badge {
            padding: 0;
            margin: 0;
            box-shadow: none;
            text-shadow: none;
            font: bold 41px/71px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
            text-align: center;
            color: #ffffff;
            background: #fb4554;
            width: 71px;
            height: 71px;
            border-radius: 71px;
            float: left;
            margin-right: 28px;
            margin-top: 6px;
        }

            .list2-1 li .badge > span {
                color: #ffffff;
                font-size: 24px;
            }

        .list2-1 li a {
            font: bold 18px 'Roboto';
            color: #fb4554;
            display: inline-block;
            margin-bottom: 6px;
            -webkit-transition: all 0.25s ease;
            transition: all 0.25s ease;
        }

            .list2-1 li a:hover {
                color: #404040;
                text-decoration: none;
                -webkit-transition: all 0.25s ease;
                transition: all 0.25s ease;
            }

.list3 {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 34px;
}

    .list3 li {
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 0;
    }

        .list3 li a {
            font: 14px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
            color: #524e4a;
            -webkit-transition: all 0.25s ease;
            transition: all 0.25s ease;
        }

            .list3 li a:hover {
                color: #009600;
            }

.list4 {
    margin: 0 0 33px 0;
    padding: 0;
    list-style: none;
}

    .list4 li {
        font-size: 14px;
        line-height: 1.428571429;
        overflow: hidden;
        margin-bottom: 2px;
        color: #524e4a;
    }

        .list4 li > span {
            font-size: 17px;
            color: #f16251;
            float: left;
            width: 28px;
            margin-top: 3px;
        }

        .list4 li > em {
            font-style: normal;
            display: inline-block;
            width: 116px;
        }

        .list4 li a {
            font: 14px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
            color: #524e4a;
            -webkit-transition: all 0.25s ease;
            transition: all 0.25s ease;
        }

            .list4 li a:hover {
                color: #f16251;
                text-decoration: none;
                -webkit-transition: all 0.25s ease;
                transition: all 0.25s ease;
            }

.list5 {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .list5 li {
        font-size: 14px;
        line-height: 23px;
        margin-bottom: 32px;
    }

        .list5 li .title {
            color: #000000;
            text-transform: uppercase;
        }

        .list5 li a {
            text-decoration: underline;
            color: #77706c;
        }

            .list5 li a:hover {
                text-decoration: none;
            }

        .list5 li img {
            float: left;
            margin-right: 17px;
        }

.list6 {
    margin: 5px 0 0 0;
    padding: 0;
    list-style: none;
}

    .list6 li {
        font-size: 14px;
        line-height: 1.428571429;
        padding-bottom: 16px;
    }

        .list6 li .title {
            font: italic 18px/47px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
            background: #009600;
            color: #ffffff;
            border-radius: 4px 0 0 4px;
            position: relative;
            display: inline-block;
            padding: 0 69px 0 24px;
            margin-bottom: 12px;
        }

            .list6 li .title > em {
                width: 21px;
                height: 47px;
                display: inline-block;
                position: absolute;
                top: 0;
                right: 0;
                background: url(../../images/triangle.png) no-repeat;
                opacity: 1;
                filter: alpha(opacity=100);
                -webkit-transition: all 0.2s ease;
                transition: all 0.2s ease;
            }
/*----*/
.list0 {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

    .list0 li {
        text-align: right;
        border-bottom: 1px solid #c5c1bf;
        overflow: hidden;
        -webkit-transition: all 0.25s ease 0.15s;
        transition: all 0.25s ease 0.15s;
    }

        .list0 li a {
            font: italic 18px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
            color: #202020;
            display: block;
            padding-right: 46px;
            background: transparent;
            line-height: 47px;
            position: relative;
            border-radius: 4px 0 0 4px;
            -webkit-transition: all 0.25s ease 0.1s;
            transition: all 0.25s ease 0.1s;
        }

            .list0 li a > em {
                width: 21px;
                height: 47px;
                display: inline-block;
                position: absolute;
                top: 0;
                right: 0;
                background: url(../../images/triangle.png) no-repeat;
                opacity: 1;
                filter: alpha(opacity=100);
                margin-right: -30px;
                -webkit-transition: all 0.2s ease;
                transition: all 0.2s ease;
            }

        .list0 li:hover {
            border-bottom-color: #ffffff;
            -webkit-transition: all 0.25s ease;
            transition: all 0.25s ease;
        }

            .list0 li:hover a {
                background: #009600;
                -webkit-transition: all 0.18s ease;
                transition: all 0.18s ease;
            }

                .list0 li:hover a > em {
                    opacity: 1;
                    filter: alpha(opacity=100);
                    margin-right: 0;
                    -webkit-transition: all 0.2s ease;
                    transition: all 0.2s ease;
                }
/*---*/
.list8 {
    margin: 0;
    padding: 53px 0 0 0;
    list-style: none;
    text-align: left;
}

    .list8 li {
        font-size: 14px;
        line-height: 23px;
        margin-bottom: 23px;
    }

        .list8 li p {
            margin-bottom: 0;
        }

        .list8 li strong {
            color: #202020;
        }

        .list8 li h3 {
            margin-bottom: 15px;
        }

.list9 {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .list9 li {
        font-size: 14px;
        line-height: 23px;
        margin-bottom: 30px;
    }
/*-----search-----*/
#search-404 {
    position: relative;
    margin: 0;
    overflow: hidden;
    padding-top: 12px;
}

    #search-404 input {
        box-shadow: none;
        border-radius: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        margin: 0;
        width: 100%;
        outline: none;
        border: 1px solid #d6d8db;
        border-bottom-width: 3px;
        background: none;
        font: 14px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
        line-height: 18px;
        color: #77706c;
        padding: 7px 14px;
        height: 36px;
        resize: none;
        margin-bottom: 32px;
    }

#search {
    margin: 0;
    position: relative;
    float: right;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
}

    #search a {
        position: absolute;
        top: 0;
        line-height: 35px;
        right: 10px;
        -webkit-transition: all 0.25s ease;
        transition: all 0.25s ease;
    }

        #search a:hover {
            opacity: 0.5;
            filter: alpha(opacity=50);
        }

    #search input {
        box-shadow: none;
        border-radius: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: none;
        border: none;
        margin: 0;
        width: 209px;
        outline: none;
        font: 14px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
        line-height: 18px;
        color: #202020;
        background: #ffffff;
        height: 37px;
        padding: 9px 30px 10px 10px;
        resize: none;
        float: left;
    }
/*-----map-----*/
.map {
    margin: 0 0 61px 0;
    display: inline-block;
    width: 100%;
    line-height: 0;
    border: 1px solid #e9e9e9;
}

    .map iframe {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        height: 392px;
        border: none;
        line-height: 0;
    }

.map2 {
    margin: 0;
    display: block;
    width: 100%;
    line-height: 0;
}

    .map2 iframe {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        height: 453px;
        border: none;
        line-height: 0;
    }

.info {
    margin-bottom: 13px;
    text-align: left;
    margin-top: 53px;
}

    .info h5 {
        margin-bottom: 7px;
    }

    .info p {
        margin-bottom: 27px;
    }

        .info p a {
            color: #77706c;
            text-decoration: none;
            -webkit-transition: all 0.25s ease;
            transition: all 0.25s ease;
        }

            .info p a:hover {
                color: #01b0cd;
                text-decoration: none;
                -webkit-transition: all 0.25s ease;
                transition: all 0.25s ease;
            }
/*-----subscribeForm-----*/
.newsletterBox {
    padding-top: 4px;
}

    .newsletterBox h2 {
        font-size: 36px;
    }

#newsletter {
    position: relative;
    margin: 23px 0 0 0;
    float: right;
}

    #newsletter a {
        font: 600 24px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #ffffff;
        background: #a2c9c2;
        text-transform: uppercase;
        letter-spacing: -1px;
        display: inline-block;
        padding: 18px 35px 17px 36px;
        -webkit-transition: all 0.35s ease-out;
        transition: all 0.35s ease-out;
    }

        #newsletter a img {
            display: inline-block;
            margin-top: -6px;
        }

        #newsletter a:hover {
            background: #303030;
            -webkit-transition: all 0.35s ease-out;
            transition: all 0.35s ease-out;
        }

    #newsletter label {
        position: relative;
        width: 513px;
        height: 68px;
        float: left;
        margin-bottom: 14px;
        margin-right: 14px;
    }

    #newsletter input {
        background: none;
        box-shadow: none;
        border-radius: 0;
        border: 1px solid #ccc;
        font: 18px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
        line-height: 18px;
        color: #8e8e8e;
        background: #ffffff;
        height: 68px;
        width: 100%;
        padding: 12px 20px 12px 36px;
        margin: 0;
        -webkit-transition: all 0.4s ease-out;
        transition: all 0.4s ease-out;
    }

        #newsletter input:focus {
            outline: none;
            border-color: #ccc;
        }

    #newsletter .error {
        position: absolute;
        top: 0;
        right: 3px;
        text-align: right;
        display: block;
        overflow: hidden;
        height: 0px;
        font-size: 10px;
        color: #a2c9c2;
        font-size: 11px;
        text-transform: none;
        font-weight: normal;
        -webkit-transition: all 0.4s ease-out;
        transition: all 0.4s ease-out;
    }

    #newsletter label.invalid .error {
        height: 19px;
    }

    #newsletter .success {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 10;
        border-radius: 0px;
        padding: 10px 20px 10px 36px;
        font: 18px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #767676;
        border: none;
        border-top: 1px solid #f0f0f0;
        border-left: 1px solid #f0f0f0;
        text-align: center;
        background: #ffffff;
        height: 64px;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
/*-----form-----*/
.touchBox {
    padding: 59px 0 9px 0;
    overflow: hidden;
    text-align: center;
}

    .touchBox .description {
        font: bold 18px/30px 'Roboto';
        color: #8c8b8b;
    }

        .touchBox .description > span {
            color: #404040;
        }

#contact-form {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 63px;
    text-align: left;
}

    #contact-form p {
        margin-bottom: 0;
    }

    #contact-form label {
        position: relative;
        display: block;
        min-height: 58px;
        margin: 0;
        font-weight: normal;
        font: 14px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
        line-height: 18px;
        color: #7a7a7a;
    }

        #contact-form label span {
            margin-bottom: 2px;
            display: block;
            color: #7a7a7a;
        }

    #contact-form .holder {
        overflow: hidden;
    }

.form-div-1, .form-div-2, .form-div-3 {
    float: left;
    width: 248px;
    margin-right: 12px;
}

.form-div-3 {
    margin-right: 0;
}

#contact-form ._placeholder {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: text;
    padding: 7px 14px;
    border-radius: 0;
    display: block;
}

    #contact-form ._placeholder.focused {
        opacity: 0;
        filter: alpha(opacity=0);
        box-shadow: none;
    }

    #contact-form ._placeholder.hidden {
        display: none;
    }

#contact-form input, #contact-form textarea {
    box-shadow: none;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin: 0;
    width: 100%;
    outline: none;
    border: 1px solid #d6d8db;
    border-bottom-width: 3px;
    background: none;
    font: 14px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 18px;
    color: #77706c;
    padding: 7px 14px;
    height: 36px;
    resize: none;
}

#contact-form textarea {
    height: 141px;
    margin-bottom: 28px;
}

#contact-form .error-message, #contact-form .empty-message {
    height: 0;
    overflow: hidden;
    font: 10px 'Arial';
    color: #009600;
    -webkit-transition: 0.3s ease-in height;
    transition: 0.3s ease-in height;
    position: absolute;
    right: 5px;
    top: 2px;
}

#contact-form .invalid .error-message, #contact-form .empty .empty-message {
    height: 20px;
}

#contact-form .success-message {
    line-height: 48px;
    position: absolute;
    overflow: hidden;
    height: 0;
    left: 0;
    top: 0;
    box-sizing: border-box;
    box-shadow: none;
    border-radius: 0;
    background: #fff;
    z-index: 10;
    width: 100%;
    text-align: center;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    padding: 0;
}

#contact-form.success .success-message {
    box-shadow: none;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin: 0;
    width: 100%;
    outline: none;
    border: 1px solid #d6d8db;
    border-bottom-width: 3px;
    background: #ffffff;
    font: 14px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #77706c;
    padding: 18px 14px;
    height: 59px;
    resize: none;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.btns .btn1 {
    float: left;
}

.btns p {
    float: left;
    margin-top: 2px;
    margin-left: 30px;
    color: #a4a09d;
}
/*-----*/
#contact-form2 {
    width: 100%;
    position: relative;
    padding-bottom: 54px;
    margin-top: 21px;
    text-align: left;
}

    #contact-form2 label {
        position: relative;
        display: block;
        min-height: 75px;
        margin: 0;
        font-weight: normal;
        font: 14px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
        line-height: 22px;
        color: #8d8981 !important;
    }

        #contact-form2 label span {
            margin-bottom: 2px;
            display: block;
            color: #8d8981 !important;
        }

    #contact-form2 .form-div-1, #contact-form2 .form-div-2, #contact-form2 .form-div-3 {
        float: none;
        width: 100%;
    }

    #contact-form2 .form-div-4 {
        margin-bottom: 12px;
    }

    #contact-form2 .form-div-3 {
        margin-right: 0;
    }

    #contact-form2 span {
        display: block;
    }

    #contact-form2 ._placeholder {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        cursor: text;
        padding: 19px 14px 16px 14px;
        border-radius: 0;
        display: block;
    }

        #contact-form2 ._placeholder.focused {
            opacity: 0;
            filter: alpha(opacity=0);
            box-shadow: none;
        }

        #contact-form2 ._placeholder.hidden {
            display: none;
        }

    #contact-form2 input, #contact-form2 textarea {
        box-shadow: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: none;
        margin: 0;
        width: 100%;
        outline: none;
        border: 1px solid #404040;
        border-radius: 0;
        background: #ffffff;
        font: 300 15px 'Roboto';
        line-height: 22px;
        color: #7a7a7a !important;
        padding: 19px 14px 16px 14px;
        height: 59px;
        resize: none;
    }

    #contact-form2 textarea {
        height: 187px;
        width: 100%;
        float: none;
    }

    #contact-form2 .error-message, #contact-form2 .empty-message {
        height: 0;
        overflow: hidden;
        font: 12px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #ff3400 !important;
        -webkit-transition: 0.3s ease-in height;
        transition: 0.3s ease-in height;
        position: absolute;
        right: 5px;
        top: 2px;
    }

    #contact-form2 .invalid .error-message, #contact-form2 .empty .empty-message {
        height: 20px;
    }

    #contact-form2 .success-message {
        line-height: 48px;
        position: absolute;
        overflow: hidden;
        height: 0;
        left: 0;
        top: 0;
        box-sizing: border-box;
        box-shadow: none;
        border-radius: 0;
        background: #ffffff;
        z-index: 10;
        width: 100%;
        text-align: center;
        -webkit-transition: all 0.35s ease;
        transition: all 0.35s ease;
        padding: 0;
    }

    #contact-form2.success .success-message {
        box-shadow: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        margin: 0;
        width: 100%;
        outline: none;
        border: 1px solid #404040;
        background: #ffffff;
        font: 300 15px 'Roboto';
        line-height: 18px;
        border-radius: 0;
        color: #7a7a7a !important;
        padding: 19px 14px 16px 14px;
        height: 59px;
        resize: none;
        -webkit-transition: all 0.35s ease;
        transition: all 0.35s ease;
    }

    #contact-form2 > .btns a {
        background: #f4a805;
        font: 900 15px 'Roboto';
        color: #ffffff;
        text-transform: uppercase;
        padding: 20px 63px;
        letter-spacing: 2px;
        display: inline-block;
        border-radius: 0;
        -webkit-transition: all 0.25s ease;
        transition: all 0.25s ease;
    }

        #contact-form2 > .btns a:hover {
            color: #01b0cd;
            background: #404040;
            -webkit-transition: all 0.25s ease;
            transition: all 0.25s ease;
        }

.mail {
    font-size: 14px;
    color: #f16251;
    text-decoration: none;
    text-align: left;
    float: left;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

    .mail:hover {
        color: #202020;
        text-decoration: none;
        -webkit-transition: all 0.25s ease;
        transition: all 0.25s ease;
    }
/*------------------------------------------------------media queries---------------------------------------------------------*/
@media (min-width: 1220px) {
    .container {
        padding: 0;
    }
}
/*---------------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 992px) and (max-width: 1219px) {
    .thumb-pad1 .thumbnail .caption .title1 {
        font-size: 26px;
        line-height: 26px;
    }

    .thumb-pad7 .thumbnail .caption .descrip i {
        float: none;
        display: block;
    }

    .thumb-pad7 .thumbnail .caption .descrip a {
        float: none;
    }

    .banner_list li {
        padding: 73px 43px 70px 44px;
    }

        .banner_list li .title {
            font-size: 25px;
            line-height: 1em;
        }

    .banner_list li {
        width: 235px !important;
    }

    .bnBox article h2 {
        font-size: 26px;
        line-height: 30px;
    }

    .bnBox article .caption p {
        font-size: 14px;
    }

    .form-div-1, .form-div-2, .form-div-3 {
        width: 100%;
        float: none;
        margin-right: 0;
    }

    .plumbBox figure {
        margin-bottom: 20px;
    }

    #newsletter label {
        width: 100%;
        float: none;
        margin-right: 0;
    }

    .info-box h2 {
        font-size: 17px;
        letter-spacing: 0;
        font-weight: 600;
    }

    .list-romb-box {
        text-align: center;
    }

    .errorBox > img {
        width: 100%;
    }

    .logosBox ul li {
        width: 25%;
    }

    .starBox .fl {
        float: none !important;
    }

    .projectBox .box1 {
        padding: 35px 0 0 50px;
        width: 400px;
    }

    .packagesBox {
        background: #fcfcfc;
        padding: 25px 0 22px 0;
        text-align: center;
    }

        .packagesBox div {
            float: none;
        }

    .thumb-pad3 .thumbnail .caption a {
        font-size: 13px;
    }

    .thumb-pad6 figure {
        float: none;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .errorBox figure img {
        width: 100%;
    }

    .joinBox .box .title {
        font-size: 50px;
        line-height: 40px;
    }

    .joinBox .box .description {
        font-size: 20px;
        line-height: 20px;
    }

    .opportunitiesBox {
        margin-top: 60px;
    }

    .clientsBox {
        overflow: hidden;
        margin-top: 50px;
    }

    .thumb-pad1.marg {
        padding-bottom: 30px;
    }

    .thumb-pad7 .thumbnail .caption .lnk {
        font-size: 22px;
        line-height: 22px;
    }

    .errorBox h2 {
        font-size: 90px;
        line-height: 90px;
    }

    .errorBox h3 {
        font-size: 40px;
        line-height: 40px;
    }

    .list_carousel1 #foo1 > li figure .description {
        font-size: 22px;
    }

    hr {
        width: 100%;
    }

    .testimonials-box > div {
        padding: 38px 20px 0 20px;
    }

    .clients-logo ul {
        text-align: center;
    }

        .clients-logo ul li {
            margin-right: 68px;
            display: inline-block;
            float: none;
        }
}
/*---------------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 768px) and (max-width: 991px) {
    h1.navbar-brand_ {
        margin-bottom: 0;
        float: none;
        margin: 0 0 25px 0;
        width: 100%;
        text-align: center;
    }

    hr {
        width: 100%;
    }

    .menuBox {
        float: none;
        text-align: center;
    }

    nav.tm_navbar {
        display: inline-block;
        margin-top: 50px;
    }

    header article {
        text-align: center;
    }

        header article #search {
            float: none;
            display: inline-block;
        }

        header article > div {
            float: none;
            display: inline-block;
        }

    .bgPic {
        max-height: 420px;
    }

        .bgPic figure figcaption {
            top: 20%;
        }

    .tel-box {
        text-align: center;
    }

    .centerBox h2 {
        font-size: 30px;
        line-height: 30px;
    }

    .thumb-pad1 .thumbnail .caption .title1 {
        font-size: 26px;
        line-height: 26px;
    }

    .bannerBox hr {
        margin: 0;
    }

    .blogBox {
        margin-bottom: 20px;
    }

    .moreBox p {
        font-size: 50px;
    }

    .offerBox {
        margin-bottom: 50px;
    }

    .list6 li a {
        font-size: 14px;
        line-height: 20px;
    }

    .testimBox a {
        font-size: 14px;
        line-height: 20px;
    }

    .trainers-box {
        margin-top: 50px;
    }

    .testimBox article {
        margin-bottom: 35px;
    }

    .banner_list li {
        padding: 73px 43px 70px 44px;
    }

    .banner_list li {
        width: 360px !important;
    }

    .bnBox article h2 {
        font-size: 26px;
        line-height: 30px;
    }

    .bnBox article .caption p {
        font-size: 14px;
    }

    .bnBox article {
        margin-bottom: 35px;
        overflow: hidden;
    }

    .commercialBox article .title1 {
        font-size: 80px;
        line-height: 90px;
    }

    #newsletter {
        display: inline-block;
        float: none;
    }

    .sloganBox {
        padding: 40px 0 120px 0;
    }

        .sloganBox .title1 {
            font-size: 140px;
            line-height: 140px;
            margin-left: 0;
        }

        .sloganBox .title2 {
            margin-bottom: 40px;
        }

        .sloganBox .title3 {
            font-size: 27px;
            line-height: 29px;
        }

        .sloganBox .title4 {
            font-size: 20px;
            line-height: 25px;
        }

    .mailBox p img {
        margin-top: 0px;
    }

    .mailBox p a {
        font-size: 14px;
    }

    .mailBox span img {
        margin-top: 6px;
    }

    .mailBox span a {
        font-size: 14px;
    }

    .info-box {
        width: 100%;
    }

        .info-box h2 {
            font-size: 17px;
            letter-spacing: 0;
            font-weight: 600;
        }

    .thumb-pad2-1 .badge {
        float: none;
        margin-right: 0;
        width: 100%;
        margin-bottom: 10px;
    }

    .foo-btn {
        right: 30px;
    }

    .idealBox {
        width: 100%;
        float: none;
    }

    .logosBox ul li {
        width: 25%;
    }

    .projectBox .box1 {
        width: 100%;
        text-align: left;
        padding: 20px 20px 0 50px;
        float: none;
        position: relative;
    }

    .projectBox figure {
        margin: 0;
        float: none;
    }

        .projectBox figure img {
            width: 100%;
        }

    .projectBox .lnk {
        top: 20px;
        right: 30px;
    }

    .list1-3 {
        margin-left: 0;
    }

    .table1 {
        margin-bottom: 40px;
    }

    .plumbBox figure {
        margin-bottom: 20px;
    }

    .thumb-pad3-1 .thumbnail .caption .lnk {
        font-size: 14px;
        line-height: 20px;
    }

    .thumb-pad3-1 .thumbnail .caption span {
        font-size: 14px;
        line-height: 20px;
    }

    .infoBox {
        padding-top: 45px;
    }

    .thumb-pad3 .thumbnail .caption {
        overflow: visible;
    }

    .banner-box {
        margin-top: 60px;
    }

    .opportunitiesBox {
        margin-top: 50px;
    }

    .thumb-pad6 figure {
        float: none;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .errorBox figure img {
        width: 100%;
    }

    #gallery .gall1 {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
        min-height: 293px;
    }

        #gallery .gall1 li {
            width: 100%;
        }

            #gallery .gall1 li > img {
                width: 100%;
            }

    #gallery .thumbs li {
        float: left;
        margin-bottom: 0;
        margin-right: 10px;
    }

    .joinBox .box .title {
        font-size: 50px;
        line-height: 40px;
    }

    .joinBox .box .description {
        font-size: 20px;
        line-height: 20px;
    }

    .form-div-1, .form-div-2, .form-div-3 {
        float: none;
        width: 100%;
        margin-right: 0;
    }

    .clientsBox {
        overflow: hidden;
        margin-top: 50px;
    }

    .thumb-pad1 .thumbnail .title {
        font-size: 17px;
        line-height: 18px;
    }

    .teamBox {
        margin-top: 45px;
    }

    .info p span {
        width: 85px;
    }

    .global.indent {
        padding-top: 60px;
    }

    .thumb-pad2 .thumbnail .caption .title {
        font-size: 24px;
        line-height: 24px;
    }

    .foo-btn {
        left: 0;
        right: 0;
    }

    .thumb-pad7 .thumbnail .caption .lnk {
        font-size: 22px;
        line-height: 22px;
    }

    .info h3 {
        font-size: 18px;
    }

    .errorBox h2 {
        font-size: 90px;
        line-height: 90px;
    }

    .errorBox h3 {
        font-size: 40px;
        line-height: 40px;
    }

    .list_carousel1 #foo1 > li figure .description {
        font-size: 22px;
    }

    .clientsBox article {
        margin-bottom: 30px;
    }

    footer > section {
        margin-bottom: 40px;
    }

    footer .privBox ul li {
        margin-bottom: 10px;
    }

    .clients-logo ul {
        text-align: center;
    }

        .clients-logo ul li {
            margin-right: 30px;
            display: inline-block;
            float: none;
        }

    .follow_icon {
        float: none;
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 25px;
        padding-top: 30px;
    }

        .follow_icon li {
            float: none;
            margin-left: 12px;
            display: inline-block;
        }

    .list6 li .title {
        font-size: 16px;
    }

    .list0Box {
        margin-bottom: 40px;
    }
}
/*---------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 767px) {
    header {
        text-align: center;
        position: relative;
        height: auto;
        margin: 0;
    }

    .menuBox {
        float: none;
    }

    nav.tm_navbar {
        display: inline-block;
        margin-top: 50px;
    }

    h1.navbar-brand_ {
        float: none;
        display: block;
        margin-bottom: 30px;
    }

        h1.navbar-brand_ a img {
            width: 100%;
        }

    h2 {
        font-size: 30px;
        line-height: 30px;
    }

    hr {
        width: 100% !important;
    }

    .select-menu {
        display: inline-block !important;
        padding-top: 4px;
        padding-right: 3px;
        padding-bottom: 4px;
        width: 100%;
        border: 1px solid #404040;
        background: #404040;
        color: #ffffff;
        cursor: pointer;
        margin-top: 20px;
        margin-bottom: 30px;
        height: 30px;
        font-size: 12px;
        vertical-align: middle;
    }

    header article {
        text-align: center;
    }

        header article #search {
            float: none;
            display: inline-block;
        }

        header article > div {
            float: none;
            display: inline-block;
        }

    .follow_icon {
        float: none;
        display: block;
        width: 100%;
        text-align: center;
    }

        .follow_icon li {
            float: none;
            margin-left: 12px;
            display: inline-block;
        }

    .bgPic figure .title {
        font-size: 33px;
        line-height: 35px;
    }

        .bgPic figure .title br {
            display: none;
        }

    .bgPic {
        max-height: 420px;
    }

        .bgPic figure figcaption {
            top: 20%;
            padding: 0 15px;
        }

    .tel-box {
        text-align: center;
    }

    .centerBox {
        text-align: center;
        padding-top: 15px;
    }

        .centerBox h2 {
            font-size: 30px;
            line-height: 30px;
            float: none;
        }

    .bannerBox hr {
        margin: 0;
    }

    .global.indent {
        padding-top: 40px;
    }

    .thumb-pad3 figure {
        margin: 0;
        float: left;
        margin-right: 15px;
    }

    .trainers-box {
        padding-top: 30px;
    }

    .testimBox hr {
        margin: 0 0 40px 0;
    }

    .thumb-pad7 .thumbnail .caption .descrip i {
        float: none;
        display: block;
    }

    .thumb-pad7 .thumbnail .caption .descrip a {
        float: none;
    }

    .foo_list {
        float: none;
    }

    .errorBox {
        margin-bottom: 40px;
    }

    .moreBox p {
        font-size: 50px;
    }

    .testimBox article {
        margin-bottom: 35px;
    }

    .list6 li a {
        font-size: 14px;
        line-height: 20px;
    }

    .testimBox a {
        font-size: 14px;
        line-height: 20px;
    }

    .offerBox {
        margin-bottom: 50px;
    }

    .thumb-pad3-1 .thumbnail .caption .lnk {
        font-size: 14px;
        line-height: 20px;
    }

    .thumb-pad3-1 .thumbnail .caption span {
        font-size: 14px;
        line-height: 20px;
    }

    .map iframe {
        height: 370px;
    }

    .banner_list li {
        padding: 73px 43px 70px 44px;
    }

        .banner_list li .title {
            font-size: 25px;
            line-height: 1em;
        }

    .banner_list li {
        width: 50% !important;
    }

    .bnBox article h2 {
        font-size: 26px;
        line-height: 30px;
    }

    .bnBox article .caption p {
        font-size: 14px;
    }

    .bnBox article {
        margin-bottom: 35px;
        overflow: hidden;
    }

    .pad1Box article {
        margin-bottom: 50px;
    }

    .foo_menu {
        display: none;
    }

    .bnBox article .caption {
        padding-left: 0;
    }

    .commercialBox article .title1 {
        font-size: 80px;
        line-height: 90px;
    }

    .bracketBox {
        float: none !important;
        width: 100%;
        display: block;
        overflow: hidden;
    }

    .manBox {
        float: none !important;
        width: 100%;
        display: block;
        overflow: hidden;
    }

    .sloganBox {
        min-height: 360px;
    }

    .sloganBox {
        text-align: center;
        padding: 180px 0 0 0;
    }

        .sloganBox .title1 {
            font-size: 40px;
            line-height: 25px;
        }

        .sloganBox .title2 {
            font-size: 14px;
            line-height: 18px;
        }

    .sloganBox {
        padding: 40px 0 120px 0;
    }

        .sloganBox .title1 {
            font-size: 140px;
            line-height: 140px;
            margin-left: 0;
        }

        .sloganBox .title2 {
            margin-bottom: 40px;
        }

        .sloganBox .title3 {
            font-size: 27px;
            line-height: 29px;
        }

        .sloganBox .title4 {
            font-size: 20px;
            line-height: 25px;
        }

    .hundredBox {
        margin-bottom: 60px;
    }

    .projectBox .box1 {
        width: 100%;
        text-align: left;
        padding: 20px 20px 0 50px;
        float: none;
        position: relative;
    }

    .projectBox figure {
        margin: 0;
        float: none;
    }

        .projectBox figure img {
            width: 100%;
        }

    .projectBox .lnk {
        top: 20px;
        right: 30px;
    }

    .classesBox {
        padding-bottom: 0;
    }

    .helpBox article {
        padding-bottom: 40px;
    }

    .circleBox1 {
        margin-top: 0;
        text-align: center;
        margin-bottom: 20px;
    }

        .circleBox1 figure {
            display: inline-block;
        }

    .unlockBox {
        padding-top: 30px;
    }

    .class-box {
        width: 50%;
        float: left;
    }

    .plumbBox figure {
        margin-bottom: 20px;
    }

    #newsletter {
        float: none;
    }

        #newsletter label {
            width: 100%;
        }

    #search {
        display: inline-block;
        float: none;
    }

        #search input {
            width: 200px;
        }

    header .container > div {
        padding-bottom: 0;
    }

    .programsBox article {
        width: 100%;
        display: block;
        overflow: hidden;
        margin-bottom: 35px;
    }

    nav.tm_navbar {
        float: none;
        display: inline-block;
        width: 100%;
        padding: 0;
        margin: 0;
    }

        nav.tm_navbar .nav {
            display: none;
        }

    .circleBox ul li {
        width: 160px;
        height: 160px;
    }

    .dateBox {
        margin-top: 70px;
    }

    .about-box {
        margin-bottom: 50px;
    }

    .services-box {
        float: left;
    }

    .form-div-1, .form-div-2, .form-div-3 {
        width: 100%;
        float: none;
        margin-right: 0;
    }

    .map iframe {
        height: 300px;
    }

    .info {
        margin-bottom: 50px;
    }

    .info-box {
        width: 100%;
    }

    .iconBlock {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .list-romb-box {
        text-align: center;
    }

    .logosBox {
        margin-top: 50px;
    }

        .logosBox ul li {
            width: 50%;
        }

            .logosBox ul li:last-child {
                border-right: 1px solid #dcdddd;
            }

    .plumbBox {
        width: 60%;
        float: left;
    }

    .locationsBox {
        width: 40%;
        float: left;
    }

        .locationsBox > img {
            width: 100%;
        }

    .picBox {
        float: left;
        margin-right: 0;
        width: 50%;
    }

    .table1 {
        margin-bottom: 50px;
    }

    .error-box {
        padding-bottom: 30px;
    }

    .thumb-pad5 .thumbnail .caption {
        overflow: visible;
    }

    .thumb-pad5 {
        padding-bottom: 40px;
    }

    .favorites-box {
        padding-bottom: 68px;
    }

    .list5Box {
        overflow: hidden;
    }

        .list5Box .bracket-list {
            display: block;
            float: none;
        }

    .blogBox {
        padding-bottom: 0;
    }

    .bsBox {
        margin-bottom: 50px;
    }

    .serv-box {
        margin-bottom: 50px;
    }

    .date-box {
        margin-bottom: 50px;
    }

    .video-box1 {
        margin-bottom: 50px;
    }

    .info-cont article {
        margin-bottom: 50px;
    }

    .fishingBox {
        margin-top: 50px;
    }

    .menuBox.marg {
        margin-bottom: 0;
    }

    .newBox {
        margin-top: 35px;
    }

    .welcomeBox {
        margin-top: 0;
    }

    .teamBox {
        margin-top: 45px;
    }

    .advantage-box {
        margin-bottom: 60px;
    }

    .testimonialsBox {
        margin-top: 40px;
    }

    .errorBox figure img {
        width: 100%;
    }

    .galleryBox {
        margin-top: 50px;
    }

    .newBox {
        margin-top: 50px;
    }

    .joinBox .box .title {
        font-size: 50px;
        line-height: 40px;
    }

    .joinBox .box .description {
        font-size: 20px;
        line-height: 20px;
    }

    .joinBox .box {
        float: none;
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }

    .joinBox {
        text-align: center;
    }

    .clientsBox {
        overflow: hidden;
        margin-top: 50px;
    }

    .thumb-pad1 {
        padding-bottom: 30px;
    }

        .thumb-pad1 .thumbnail .title {
            font-size: 17px;
            line-height: 18px;
        }

    .list1 li {
        background-position: 0 2px;
    }

        .list1 li a {
            font-size: 14px;
        }

    .servicesBox {
        padding: 70px 0 67px 0;
        margin-top: 20px;
    }

    .list1Box {
        margin-bottom: 50px;
    }

    .global.indent {
        padding-top: 60px;
    }

    .popularBox {
        margin-top: 40px;
    }

    .thumb-pad2 .thumbnail .caption .title {
        font-size: 24px;
        line-height: 24px;
    }

    .thumb-pad3 {
        margin-bottom: 30px;
    }

    .thumb-pad7 .thumbnail .caption .lnk {
        font-size: 22px;
        line-height: 22px;
    }

    .info h3 {
        font-size: 18px;
    }

    .errorBox h2 {
        font-size: 90px;
        line-height: 90px;
    }

    .errorBox h3 {
        font-size: 40px;
        line-height: 40px;
    }

    .list_carousel1 #foo1 > li figure .description {
        font-size: 22px;
    }

    .list_carousel1 #foo1 > li figure .description {
        font-size: 22px;
    }

    .clientsBox {
        background: #2c2c2e;
        padding: 55px 0;
    }

        .clientsBox article {
            margin-bottom: 30px;
        }

    .testBox, .typeBox {
        background: #2c2c2e;
    }

    .aboutBox {
        margin-bottom: 60px;
        margin-top: 30px;
    }

    .listBox {
        text-align: left;
    }

    .priv-box article {
        width: 100%;
        float: none;
        text-align: center;
    }

        .priv-box article figure {
            margin-bottom: 25px;
        }

    footer .t-align {
        text-align: left;
    }

    footer .privBox ul li {
        margin-bottom: 10px;
    }

    .clients-logo ul {
        text-align: center;
    }

        .clients-logo ul li {
            margin-right: 30px;
            display: inline-block;
            float: none;
        }

    .printBox {
        margin-top: 50px;
    }

    .partnerBox .description br {
        display: none;
    }

    .choiceBox .description br {
        display: none;
    }

    .testimonials-box {
        padding-top: 25px;
    }

    .testBox {
        padding: 54px 0 50px 0;
    }

    .history-box {
        margin-top: 50px;
    }

    .gradeBox .title {
        float: none;
    }

    .gradeBox em {
        display: none;
    }

    .gradeBox ul {
        float: none;
    }

    .timbers-box {
        padding-top: 20px;
    }

    .list0Box {
        margin-bottom: 40px;
    }
}
/*---------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 626px) {
    .flickr_badge_image {
        width: 20%;
    }

    .list2 {
        margin-bottom: 20px;
    }

    .thumb-pad1 .thumbnail figure {
        float: none;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .thumb-pad6 figure {
        float: none;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .servBox {
        margin-bottom: 50px;
    }

    .thumb-pad7 .thumbnail figure {
        float: none;
        margin-right: 0;
        margin-bottom: 15px;
    }

        .thumb-pad7 .thumbnail figure img {
            width: 100%;
        }

    .list_carousel1 #foo1 > li figure .description {
        font-size: 15px;
    }

    footer .privBox ul li {
        margin-bottom: 10px;
    }
}
/*---------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 560px) {
    .thumb-pad3 figure {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .thumb-pad7 .thumbnail figure {
        float: none;
        margin-right: 0;
        margin-bottom: 15px;
    }

        .thumb-pad7 .thumbnail figure img {
            width: 100%;
        }

    .thumb-pad3 .thumbnail .caption {
        overflow: visible;
    }

    .commercialBox article .title1 {
        font-size: 50px;
        line-height: 60px;
    }

    .commercialBox article .title2 {
        font-size: 26px;
        line-height: 30px;
    }

    .errorBox img {
        width: 100%;
    }

    .circleBox ul li {
        width: 140px;
        height: 140px;
        padding-top: 20px;
    }

    .plumbBox {
        width: 100%;
        float: none;
    }

    .locationsBox {
        width: 100%;
        float: none;
    }

        .locationsBox > img {
            width: auto;
        }

    .manBox {
        padding-bottom: 20px;
    }

    .sloganBox .title1 {
        font-size: 35px;
        line-height: 45px;
    }

    .sloganBox .title2 {
        font-size: 14px;
        line-height: 18px;
        font-weight: normal;
        letter-spacing: 0;
    }

    .sloganBox .title3 {
        font-size: 20px;
        line-height: 29px;
        font-weight: normal;
    }

    .sloganBox .title4 {
        font-size: 16px;
        line-height: 25px;
    }

    .projectBox .box1 .title1 {
        font-size: 20px;
        margin-bottom: 14px;
    }

    .projectBox .lnk {
        top: 10px;
        right: 0;
        width: auto;
        height: auto;
        padding-top: 10px;
        padding-right: 10px;
        background: none;
    }

    .thumb-pad5 .thumbnail .post .posted br {
        display: block;
    }

    .thumb-pad5 .thumbnail .post .posted a {
        float: none !important;
    }

    .thumb-pad6 .thumbnail .badgeBox p br {
        display: block;
    }

    .thumb-pad6 .thumbnail .badgeBox p > .lnk {
        float: none !important;
    }

    .list_carousel1 #foo1 > li figure .description {
        font-size: 15px;
    }

    .aboutBox article {
        width: 100%;
        float: none;
    }

    .listBox {
        text-align: center;
    }

    .list1Box {
        width: 100%;
        float: none;
    }

    .tab-content .tab-pane figure {
        float: none;
        margin-right: 0;
    }

    .printBox {
        margin-top: 15px;
    }
}
/*---------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 480px) {
    h1.navbar-brand_ a {
        float: none;
    }

    h1.navbar-brand_ strong {
        float: none;
    }

    h3 {
        font-size: 30px;
        line-height: 30px;
    }

    .bgPic figure .title {
        font-size: 25px;
        line-height: 30px;
    }

    .iconBox article {
        width: 100%;
        float: none;
    }

    .bnBox article figure {
        margin: 0;
        width: auto;
        float: none;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .commercialBox article .title1 {
        font-size: 34px;
        line-height: 45px;
    }

    .commercialBox article .title2 {
        font-size: 20px;
        line-height: 27px;
    }

    .class-box {
        width: 100%;
        float: none;
    }

    .circleBox1 figure img {
        width: 100%;
    }

    .dateBox {
        width: 100%;
        float: none;
    }

    .services-box {
        width: 100%;
        margin-right: 0;
        float: none;
    }

    .professionalBox article {
        width: 100%;
        float: none;
    }

    .servBox .padBot {
        padding-bottom: 10px;
    }

    .servBox article {
        width: 100%;
        float: none;
    }

    .logosBox ul li {
        width: 100%;
        float: none;
        border-bottom: 1px solid #dcdddd;
    }

    .logosBox ul li {
        border-right: none !important;
    }

    .thumb-pad5 .thumbnail .badgeBox p br {
        display: block;
    }

    .thumb-pad5 .thumbnail .badgeBox p > .lnk {
        float: none !important;
    }

    .banner_list li {
        width: 100% !important;
        float: none;
    }

    .banner_list li {
        padding: 40px 40px 40px 40px;
    }

        .banner_list li figure {
            margin-bottom: 24px;
        }

    .testimBox .col-xs-6 {
        width: 100%;
        float: none;
    }

    .packagesBox {
        background: #fcfcfc;
        padding: 25px 0 22px 0;
        text-align: center;
    }

        .packagesBox div {
            float: none;
        }

    .iconBox {
        width: 100%;
        float: none;
    }

    .list0 li {
        display: block;
        margin: 0;
    }

    .thumb-pad3 .thumbnail .caption a {
        font-size: 13px;
    }

    .listBox1 {
        width: 100%;
        float: none;
    }

    .banner-box {
        margin-top: 0;
    }

        .banner-box article {
            float: none;
            width: 100%;
        }

    .thumb-pad5 figure {
        float: none;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .galleryBox article {
        width: 100%;
        float: none;
    }

    #gallery .gall1 {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }

        #gallery .gall1 li {
            width: 100%;
        }

            #gallery .gall1 li > img {
                width: 100%;
            }

    #gallery .thumbs li {
        float: left;
        margin-bottom: 0;
        margin-right: 10px;
    }

    #gallery .thumbs li {
        width: 75px;
    }

        #gallery .thumbs li img {
            width: 100%;
        }

    .teamBox article {
        float: none;
        width: 100%;
    }

    .teamBox article {
        width: 100%;
        float: none;
    }

    .errorBox1 h2 {
        font-size: 45px;
        line-height: 45px;
    }

    .errorBox1 h3 {
        font-size: 25px;
        line-height: 25px;
    }

    .iconBox article {
        width: 100%;
        float: none;
    }

    .thumb-pad6 .thumbnail .badgeBox a.tl {
        font-size: 15px;
        line-height: 20px;
        margin-bottom: 15px;
        font-weight: normal;
    }

    footer .col-xs-6 {
        width: 100%;
        float: none;
        margin-bottom: 40px;
    }

        footer .col-xs-6 ul {
            margin-bottom: 40px;
        }

    .pad-box1 article {
        width: 100%;
        float: none;
    }

    .print, .list0Box {
        width: 100%;
        float: none;
    }

    .print {
        text-align: center;
    }

        .print figure img {
            width: auto;
        }

    .list0 {
        margin-bottom: 50px;
    }

    .list6 li .title {
        display: block;
        padding: 0 0 0 24px;
        font-size: 14px;
    }

    .testimonials-box1 > div .title {
        font-size: 20px;
        line-height: 20px;
    }

    header .srch-box {
        text-align: center;
    }

        header .srch-box strong {
            display: block;
        }

        header .srch-box i {
            display: none;
        }

    header article #search {
        margin-top: 10px;
    }
}
/*---------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 320px) {
    h1.navbar-brand_ a img {
        width: 100%;
    }

    .iconBox {
        width: 100%;
        float: none;
    }

    .bracketBox figure {
        margin-right: 0;
    }

    .bracket-list li a {
        font-weight: normal;
        font-size: 13px;
    }

    .thumb-pad2-1 .badge {
        float: none;
        margin-right: 0;
        width: 100%;
        margin-bottom: 10px;
    }

    .trainerBox {
        width: 100%;
        float: none;
    }

    .sloganBox .title1, .sloganBox .title2 {
        line-height: 40px;
    }

    .helpBox .col-lg-6 .badge {
        float: none;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .commercialBox article .title1 {
        font-size: 25px;
        line-height: 30px;
    }

    .thumb-pad5 figure img {
        width: 100%;
    }

    .thumb-pad3 figure {
        float: none;
        margin-right: 0;
        margin-bottom: 15px;
    }

        .thumb-pad3 figure img {
            width: 100%;
        }

    .list1Box {
        width: 100%;
        float: none;
    }

    .trainerBox {
        width: 100%;
        float: none;
    }
}
/*---------------------------------------------------------------------------------------------------------------------------*/
.margBot {
    margin-bottom: 57px;
}

.margTop {
    margin-top: 60px;
}

.padBot {
    padding-bottom: 37px;
}

.padTop {
    padding-top: 20px;
}
/*Core variables and mixins*/
/*-------------------------------------------------*/
/*-------------------------------------------------*/

/*----------------------------------------*/

.modal-cookies {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-family: Arial, Helvetica, sans-serif;
  background: rgba(0,0,0,0.8);
  z-index: 99999;
  opacity:1;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  /*pointer-events: none;*/
}
.modal-cookies:target {
  opacity: 1;
  pointer-events: auto;
}
.modal-cookies > div {
  width: 99%;
  position: relative;
  margin: 1% auto;
  padding: 15px 20px;
  background: #fff;
}

/*----------------------------------------*/