body {
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    line-height: 1.5em;
    letter-spacing: 0.5px;
    min-width: 320px;
    background: #ffffff;
    color: #4d4d4d;
    word-spacing: 0.5px;
}

b {
    font-weight: 600;
}

/*button style 01*/
.button-style01 {
    background: #4aa34e;
    color: #ffffff;
    text-decoration: none;
    padding: 20px;
    text-align: center;
    width: 260px;
    display: block;
    margin: auto;
    border-radius: 5px;
}

.button-style01:hover {
    color: #ffffff;
    text-decoration: none;
    opacity: 0.9;
}





/*main-nav*/
.main-nav {
    background: rgba(0,0,0,0.8);
    height: 90px;
    font-size: 15px;
    position: fixed;
    width: 100%;
    z-index: 9999;
}

.main-nav .logo img {
    height: 60px;
    width: auto;
    display: block;
    float: left;
    margin-top: 15px;
}

.main-nav .links {
    float: right;
    margin-top: 33px;
}

.main-nav .links a {
    margin-left: 40px;
    color: #ffffff;
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase;
}

.main-nav .links a:hover {
    /*opacity: 0.9;*/
}





/*nav sp*/
.nav-sp {
    padding-top: 15px;
    padding-bottom: 15px;
    background: rgba(0,0,0,0.8);
    position: fixed;
    width: 100%;
    z-index: 9999;
}

.nav-sp.opened {
    top: 204px;
}

.nav-sp .logo img {
    height: 50px;
    width: auto;
    display: block;
    float: left;
}

.nav-sp .logo img:hover {
    opacity: 0.9;
}

.nav-sp > .container > img {
    float: right;
    height: 30px;
    cursor: pointer;
    margin-top: 6px;
}

.nav-sp > .container > img.close-btn {
    display: none;
}




/*hidden menu*/
.hidden-menu {
    display: none;
    background: #1a1a1a;
    /*border-top: 1px solid #aaaaaa;*/
    text-align: center;
    /*border-bottom: 1px solid #aaaaaa;*/
    position: fixed;
    width: 100%;
    z-index: 9999;
}

.hidden-menu > a {
    color: #ffffff;
    display: block;
    padding-top: 15px;
    padding-bottom: 15px;
    background: #212121;
    text-transform: uppercase;
    font-weight: 700;
}

.hidden-menu > a:hover {
    text-decoration: none;
}

.hidden-menu .zebra {
    background: #262626;
}

.hidden-menu a.app {
    position: relative;
}

.hidden-menu a.app img {
    width: 26px;
    height: auto;
    margin-left: -7px;
    margin-top: -15px;
}

.hidden-menu .info {
    overflow: hidden;
    font-size: 11px;
    color: #ffffff;
    margin-top: 20px;
    padding-bottom: 20px;
}

.hidden-menu .info > div {
    overflow: hidden;
}

.hidden-menu .info > div > div {
    text-align: center;
}

body > div.header > div.hidden-menu.hidden-lg > div > .sep {
    height: 2px;
    width: 40px;
    background: #ffffff;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

.hidden-menu .language {
    background: #262626;
    padding-top: 10px;
    padding-bottom: 10px;
}

.hidden-menu .language a {
    color: #ffffff;
    padding-left: 20px;
}

.hidden-menu .language a:hover {
    text-decoration: none;
    opacity: 0.9;
}

.hidden-menu .language a.active {
    color: #4aa34e;
}








/*hero*/
.hero {
    background: url("../images/bg-hero.jpg") no-repeat center center;
    background-size: cover;
    height: 740px;
}

@media (max-width: 991px) {
    .hero {
        background: url("../images/bg-hero02.jpg") no-repeat center center;
        background-size: cover;
        height: 500px;
    }
}



.hero .hero-intro {
    color: #ffffff;
    margin-top: 400px;
}

@media (max-width: 991px) {
    .hero .hero-intro {
        margin-top: 200px;
        text-align: center;
    }
}

.hero .hero-intro .text01 {
    font-size: 21px;
}

.hero .hero-intro .text02 {
    font-size: 24px;
    font-weight: 700;
    font-style: italic;
    text-transform: uppercase;
    margin-top: 20px;
}

.hero .hero-intro .text03 {
    font-size: 60px;
    margin-top: 30px;
}

.hero .hero-intro .text03 span {
    font-weight: 800;
}

.hero .hero-intro .text04 {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 29px;
    margin-top: 40px;
}

.hero .hero-intro .hero-btn img {
    width: 210px;
    height: auto;
    display: block;
    margin-top: 30px;
}

.hero .hero-intro .hero-btn img:active {
    position: relative;
    top: 2px;
}

@media (max-width: 991px) {
    .hero .hero-intro .hero-btn img {
        margin: auto;
        margin-top: 30px;
    }
}

@media (max-width: 550px) {
    .hero .hero-intro {
        margin-top: 230px;
    }

    .hero .hero-intro .text01 {
        font-size: 16px;
    }

    .hero .hero-intro .text02 {
        font-size: 17px;
        margin-top: 15px;
    }

    .hero .hero-intro .text03 {
        font-size: 35px;
        margin-top: 20px;
    }

    .hero .hero-intro .text04 {
        font-size: 17px;
        margin-top: 20px;
    }
}





/*ad links*/
.ad-links .ad-item {
    background: #4aa34e;
    color: #ffffff;
    position: relative;
    height: 60px;
    font-size: 12px;
    padding-left: 15px;
    padding-top: 10px;
    margin-top: -80px;
    display: block;
    text-decoration: none;
}

.ad-links .ad-item:hover {
    opacity: 0.9;
}

.ad-links .ad-item img {
    width: 32px;
    height: auto;
    position: absolute;
    right: 15px;
    top: 14px;
}

@media (max-width: 991px) {
    .ad-links {
        background: #4aa34e;
        padding-top: 15px;
    }

    .ad-links .ad-item {
        margin-top: 0;
        background: #3b7f3b;
        margin-bottom: 15px;
        width: 100%;
    }
}





/*block*/
.block {
    margin-top: 80px;
}

.block-title {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    /*text-transform: uppercase;*/

    line-height: 1.5em;
    margin-top: 10px;
}

.block-title-sep {
    height: 2px;
    width: 50px;
    background: #333333;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 50px;
}

@media (max-width: 991px) {
    .block {
        margin-top: 40px;
    }
}






/*features*/
.features .container > .description {
    width: 70%;
    margin: auto;
    padding-left: 15px;
    padding-right: 15px;
}

@media (max-width: 991px) {
    .features .container > .description {
        width: 80%;
    }
}

.features .feature-list {
    width: 70%;
    margin: auto;
    margin-top: 60px;
}

.features .feature-list .item.starters {
    background: #662D91;
}

.features .feature-list .item.movers {
    background: #009245;
}

.features .feature-list .item.flyers {
    background: #F7931E;
}

.features .feature-list .item {
    color: #ffffff;
    text-align: center;
    padding: 30px;
    padding-bottom: 20px;
    border-radius: 25px;
}

@media (max-width: 991px) {
    .features .feature-list .item {
        margin-bottom: 30px;
    }

    .features .feature-list .item.flyers {
        margin-bottom: 0;
    }
}

.features .feature-list .item .title {
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    font-style: italic;
}

.features .feature-list .item .sep {
    height: 2px;
    width: 25px;
    background: #ffffff;
    margin: auto;
    margin-top: 20px;
}

.features .feature-list .item .description {
    margin-top: 25px;
}

.features .feature-list .item a {
    color: #ffffff;
}

.features .feature-list .item .detail {
    margin-top: 30px;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    text-decoration: none;
    font-weight: 700;
}

.features .feature-list .item .detail img {
    display: block;
    width: 20px;
    height: auto;
    margin: auto;
    margin-top: 5px;
}







/*why*/
.why .container > .description {
    width: 70%;
    margin: auto;
    padding-left: 15px;
    padding-right: 15px;
}

@media (max-width: 991px) {
    .why .container > .description {
        width: 80%;
    }
}

.why .why-list {
    width: 70%;
    margin: auto;
    margin-top: 60px;
}

.why .why-list .item.first .sep {
    background: #662D91;
}

.why .why-list .item.first .description span {
    color: #662D91;
    font-weight: 700;
}

@media (max-width: 991px) {
    .why .why-list .item.second {
        margin-top: 50px;
    }
}

.why .why-list .item.second .sep {
    background: #009245;
}

.why .why-list .item.second .description span {
    color: #009245;
    font-weight: 700;
}

.why .why-list .item.third {
    margin-top: 50px;
}

.why .why-list .item.third .sep {
    background: #F7931E;
}

.why .why-list .item.third .description span {
    color: #F7931E;
    font-weight: 700;
}

.why .why-list .item.fourth {
    margin-top: 50px;
}

.why .why-list .item.fourth .sep {
    background: #C1272D;
}

.why .why-list .item.fourth .description span {
    color: #C1272D;
    font-weight: 700;
}

.why .why-list .item .sep {
    height: 2px;
    width: 25px;
}

.why .why-list .item .description {
    margin-top: 15px;
}




/*why choose*/
.why-choose {
    background: url("../images/why-bg.jpg") no-repeat center top;
    background-size: cover;
    height: 740px;
    padding-bottom: 40px;
}

@media (max-width: 991px) {
    .why-choose {
        height: auto;
    }
}

.why-choose .title {
    text-align: center;
    margin-top: 200px;
    color: white;
}

@media (max-width: 1199px) {
    .why-choose .title {
        margin-top: 150px;
    }
}

@media (max-width: 991px) {
    .why-choose .title {
        margin-top: 130px;
    }
}

@media (max-width: 430px) {
    .why-choose .title {
        margin-top: 150px;
    }
}

.why-choose .title .first {
    font-size: 25px;
    font-weight: 700;
    line-height: 1.5em;
}

.why-choose .title .second {
    font-size: 20px;
    line-height: 1.5em;
}

.why-choose .title .second span {
    font-weight: 700;
}

.why-choose .why-choose-list {
    color: #ffffff;
    margin-top: 70px;
}

@media (max-width: 430px) {
    .why-choose .why-choose-list {
        margin-top: 40px;
    }
}

.why-choose .why-choose-list .description .b {
    font-weight: 700;
}

.why-choose .why-choose-list .description {
    border-left: 2px solid #ffffff;
    padding-left: 15px;
}

@media (max-width: 1199px) {
    .why-choose .why-choose-list .item {
        margin-bottom: 30px;
    }
}

.why-choose .ask-button img {
    display: block;
    height: 45px;
    width: auto;
    margin: auto;
    margin-top: 70px;
}

.why-choose .ask-button img:active {
    position: relative;
    top: 2px;
}

@media (max-width: 991px) {
    .why-choose .ask-button img {
        margin-top: 30px;
    }
}

@media (max-width: 430px) {
    .why-choose .ask-button img {
        margin-top: 20px;
    }
}




/*road*/
.road .road-img {
    display: block;
    width: 100%;
}





/*test list*/
.test-list .item {
    margin-top: 80px;
}

.test-list .container-fluid {
    background: #f2f2f2;
    margin-top: 80px;
}

.test-list .container-fluid .item {
    margin-bottom: 80px;
}

.test-list .item .test-list-img {
    display: block;
    width: 100%;
    border-radius: 25px;
}

.test-list .item .title {
    font-size: 20px;
    line-height: 1.5em;
}

.test-list .item .description {
    margin-top: 25px;
}

.test-list .item .description p {
    margin-bottom: 15px;
}

.test-list .item .description ul {
    -webkit-padding-start: 0px;
    -webkit-margin-before: 0px;
    margin-bottom: 15px;
    font-style: italic;
}

.test-list .item .description ul li {
    margin-bottom: 10px;
}

.test-list .item .more-padding-left {
    padding-left: 30px;
}

.test-list .item .more-padding-right {
    padding-right: 30px;
}

@media (max-width: 991px) {
    .test-list .item .more-padding-left {
        padding-left: 0;
    }

    .test-list .item .more-padding-right {
        padding-right: 0;
    }

    .test-list .item {
        margin-top: 40px;
    }

    .test-list .container-fluid {
        background: #f2f2f2;
        margin-top: 40px;
    }

    .test-list .container-fluid .item {
        margin-bottom: 40px;
    }

    .test-list .item .title {
        margin-top: 30px;
    }

    .test-list .block-title-sep {
        margin-bottom: 20px;
    }

    .test-list .item.first,
    .test-list .item.third {
        padding-left: 15px;
        padding-right: 15px;
    }
}











/*sample classes*/
.sample-classes {
    background: #f2f2f2;
    padding-top: 80px;
    background-size: cover;
    padding-bottom: 80px;
}

@media (max-width: 991px) {
    .sample-classes {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

.sample-classes .block-title {
    margin-bottom: 10px;
}

.sample-classes .container > .description {
    width: 250px;
    margin: auto;
    font-size: 12px;
    text-align: center;
}

.sample-classes .video-list {
    margin-top: 60px;
}

@media (max-width: 991px) {
    .sample-classes .video-list {
        margin-top: 30px;
    }

    .sample-classes .video-list > .row > div {
        margin-bottom: 40px;
    }
}

.sample-classes .video-list > .row > div .video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.sample-classes .video-list > .row > div .video-container iframe,
.sample-classes .video-list > .row > div .video-container object,
.sample-classes .video-list > .row > div .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.sample-classes .video-list > .row  > div .title {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    margin-top: 30px;
}

.sample-classes .video-list > .row  > div .description {
    font-size: 12px;
    text-align: center;
    width: 90%;
    margin: auto;
    margin-top: 15px;
}





/*contact form*/
.contact-form {
    background: url("../images/contact-bg.png") no-repeat center center;
    background-size: cover;
    padding-bottom: 80px;
    color: #ffffff;
    padding-top: 80px;
}

@media (max-width: 991px) {
    .contact-form {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

.contact-form a {
    color: #ffffff;
    text-decoration: none;
}

.contact-form .question {
    font-size: 25px;
    font-weight: 700;
    line-height: 1.3em;
}

.contact-form .answer {
    font-size: 25px;
    line-height: 1.3em;
    margin-top: 10px;
}

.contact-form .sep {
    height: 2px;
    width: 50px;
    background: #ffffff;
    margin-top: 30px;
    margin-bottom: 30px;
}

.contact-form .sub-title {
    text-transform: uppercase;
    font-weight: 700;
}

.contact-form .contact-item {
    margin-top: 20px;
}

.contact-form .contact-item .sub-sub-title {
    font-weight: 700;
}

@media (max-width: 991px) {
    .contact-form form {
        margin-bottom: 50px;
    }
}

.contact-form label {
    font-weight: 700;
    font-size: 14px;
    display: block;
}

.contact-form .contact-form-field {
    border: none;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    width: 80%;
    height: 37px;
    margin-top: 7px;
    margin-bottom: 20px;
    color: #333333;
    padding: 10px 15px;
}

.contact-form textarea {
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    margin-top: 7px;
    margin-bottom: 20px;
    max-width: 100%;
    width: 100%;
    height: 200px;
    color: #333333;
    padding: 10px 15px;
    border: 0;
}

#contact-form-phone {
    max-width: 200px;
}

.contact-form #contact-form-submit-btn {
    display: block;
    height: 37px;
    width: auto;
}

.contact-form #contact-form-submit-btn:active {
    position: relative;
    top: 2px;
}

input, textarea {
    outline:none;
}




/*footer*/
.footer .copyright {
    height: 90px;
    background: #333333;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    padding-top: 23px;
}

@media (min-width: 570px) {
    .footer .copyright {
        padding-top: 33px;
    }
}