/*banner*/

.hero-image {

    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.2)), url(../i/banner/4.jpg?v=1);

    height: 930px;

    background-position: top;

    background-repeat: no-repeat;

    background-size: cover;

    display: block;

    margin-bottom: 20px;

    width: 100%;

}



.hero-text {

  text-align: center;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  color: white;

}

.hero-text-mobile {

  text-align: center;

  color: white;

}

.hero-button {

  text-align: center;

  position: absolute;

  top: 70%;

  left: 50%;

  transform: translate(-50%, -50%);

  color: white;

}

.hero-button-mobile {

  text-align: center;

  color: #222;

}

.hero-button-mobile .more_white.header {

    float: none;

    /* background: #e2001a; */

    padding: 5px 7px;

    color: #222 !important;

    font-weight: 700;

    border: 1px solid #222;

    margin: 15px 0;



    display: inline-block;

}



.hero-text h1{

    color: white;

}

.hero-text h1 span {

    font-size: 27px;

}

.hero-text-mobile h1, .hero-text-mobile p{

    color: #222;

}

.hero-text-mobile h1 span {

    font-size: 27px;

}



/*search*/

#searchsubmit, #searchsubmit-mobile {

    background-color: transparent;

    background-position: 5px center;

    background-repeat: no-repeat;

    background-size: 18px 18px;

    border: none;

    cursor: pointer;

    height: 34px;

    margin: 3px 0;

    padding: 0 0 0 34px;

    position: relative;

    -webkit-transition: width 400ms ease, background 400ms ease;

    transition: width 400ms ease, background 400ms ease;

    width: 0;

    font-weight: 400;

}



.home #searchsubmit {

    background-image: url(../i/search.png);

}

.no-home #searchsubmit {

    background-image: url(../i/search-grey.png);

}

.p-bt-30{

padding-top:30px;

padding-bottom:30px;

}
.p-t-30{

padding-top:30px;

}

@media only screen and (max-width: 899px) {

    .hero-image {

        background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.2)), url(../i/banner/4.jpg?v=2);

        height: 400px;

        padding-top: 60px;

        background-position: top;

        background-repeat: no-repeat;

        background-size: cover;

        display: block;

        margin-bottom: 20px;

        width: 100%;

    }

}

@media only screen and (max-width: 599px) {

    .hero-image {

        background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.2)), url(../i/banner/4.jpg?v=3);

        height: 200px;

        padding-top: 60px;

        background-position: top;

        background-repeat: no-repeat;

        background-size: cover;

        display: block;

        margin-bottom: 20px;

        width: 100%;

    }

}