* { margin:0px; padding:0px; }
body { margin:0px; padding:0px; }

p { margin:0px; padding:0px; font-weight:600; }

.header-row { display: flex; flex-wrap:wrap; }
.header-email-wraper > a, .header-call-wraper > a {
    border: 1px solid #bf975f;
    color: #bf975f;
    text-decoration: none;
    display: block;
    margin:5px auto;
    padding:5px 15px;
    border-radius: 40px;
    width: 100%;
    text-align: center;
    font-weight:600;
}

.header-email-wraper {
    flex: 0 0 100%;
    max-width: 100%;
    order:3;
}

.header-call-wraper {
    flex: 0 0 100%;
    max-width: 100%;
}
.header-logo-wraper img {
    display: inline-block;
    max-width: 150px;
}

.header-logo-wraper {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
    margin:20px 0px;
}

.header-logo-wraper a {
    display: block;
    text-align: center;
}
.header-tagline {
    flex: 0 0 100%;
    max-width: 100%;
    order:4;
    text-align:center;
    margin-top:20px;
}
.header-tagline p { font-weight:normal; font-family: "DM Serif Display", serif; }
.header-stripe {
    background-color: #bf975f;
    padding: 15px 0px;
    text-align: center;
    margin:25px 0px;
}

.header-stripe p {
    margin: 0px;
    line-height: 22px;
    color: #fff;
    font-weight:normal;
 	font-family: "DM Serif Display", serif;
}
.banner-image-wraper {
    position: relative;
}

.banner-image-caption {
    position: absolute;
    bottom:10px;
    left: 50%;
    transform: translate(-50%, 0%);
    text-shadow: 2px 2px black;
    width: 200px;
    flex: 0 0 200px;
    padding: 10px;
    text-align: center;
}

.banner-image-caption h4 {
    color: #fff;
    font-size: 16px;
    margin: 0px;
}

.banner-image-caption h2 {
    font-size: 22px;
    margin: 0px;
    margin-top: 10px;
}
.slick-dots li { height:auto; width:auto; margin:0px 3px; }
.slick-dots li button { background-color:#c79555; height:10px; width:10px; border-radius:100%; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; }
.slick-dots li.slick-active button { width:25px; border-radius:40px; }
.increase-profit-block  { background-color: #bf975f; text-align: center; padding: 20px 0px; margin-top: 37px; }
.increase-profit-block h4 { font-size: 18px; margin: 0px; font-family: "DM Serif Display", serif;  }
.increase-profit-block h4 span { color: #fff; }

/* form block */

.home-form-block { padding:30px 0px; text-align:center; }
.home-form-block p { margin-bottom:15px; font-family: "DM Serif Display", serif; }
.know-more-btn-wraper {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #bf975f;
    padding-left: 15px;
    text-transform: uppercase;
}

.know-more-btn-wraper p {
    margin: 0px;
}

.know-more-btn-wraper > a {
    padding: 15px 25px;
    background-color: #bf975f;
    color: #fff;
    font-weight: 600;
    margin-left: 15px;
    font-size: 15px;
}
.form-control {
    border-radius: 0px;
    margin-bottom: 20px;
    height: 45px;
    border: 1px solid #777;
}

.form-border {
    padding: 20px;
    border: 1px solid #eee;
}

.form-border input:last-child {
    margin-bottom: 0px;
}

.home-form-block button {
    height: 45px;
    width: 100%;
    border: none;
    background: #bf975f;
    font-weight: 700;
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 15px;
    text-transform: uppercase;
}



.why-choose-block { background-color:#f3ece2; padding:40px 0px;}
.why-choose-block .container { position:relative; z-index:2; }

.why-card {
    flex:0 0 100%;
    max-width:100%;
    position: relative;
    padding: 30px 20px;
    border: 1px solid #eee;
    border-radius: 20px;
    padding-left: 96px;
    width: calc(100% - 20px);
    margin:30px auto 40px;
    background-color: #fff;
    min-height:100px;
}

.why-card img {
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
    left: 20px;
    max-width: 50px;
}

.why-card:before {
    content: '';
    position: absolute;
    top: -10px;
    left: -11px;
    height: calc(100% + 20px);
    width: 60px;
    background-color: #d06e05;
    z-index: -1;
    border-radius: 20px 0px 0px 20px;
}

.why-card:after {
    content: '';
    position: absolute;
    top: -10px;
    right: -11px;
    height: calc(100% + 20px);
    width: 60px;
    background-color: #d06e05;
    z-index: -1;
    border-radius: 0px 20px 20px 0px;
}
.why-card.blue:after, .why-card.blue:before { background-color:#0059df; }
.why-card.pink:after, .why-card.pink:before { background-color:#bc005d; }
.why-card.green:after, .why-card.green:before { background-color:#097b09; }
.why-card.purple:after, .why-card.purple:before { background-color:#7e07b5; }
.why-card span{ display:none; }
ul.why-list-points li {
    list-style: none;
    margin-bottom: 15px;
    font-weight: 700;
    position: relative;
    padding-left: 53px;
}

ul.why-list-points li span {
    color: #bf975f;
}

ul.why-list-points li:before {
    content: '';
    height: 35px;
    width: 35px;
    border-radius: 100%;
    position: absolute;
    left: 0px;
    top: 8px;
    /* background-color: #000; */
    border: 1px dashed #000;
}

ul.why-list-points li:after {
    content: '';
    height: 25px;
    width: 25px;
    position: absolute;
    top: 13px;
    left: 5px;
    background: #bf975f;
    border-radius: 100%;
}
.why-choose-block h2 {
    color: #bf975f;
    font-weight: 700;
    font-size: 30px;
    margin-top: 22px;
}

/* benquet block */

h2.benquet-title {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 25px;
    text-align:center;
}

h2.benquet-title span {
    color: #bf975f;
}

.benquet-block {
    background-color: #f3ece2;
    padding:30px 0px 35px;
}
a.see-more-btn {
    background-color: #bf975f;
    display: block;
    padding: 10px 12px;
    color: #000;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
}

.benquet-item-wraper {
    position: relative;
    margin-bottom: 20px;
}

.benquet-item-wraper > a {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
}

/* consultation */
.consultation-wraper {
    display: flex;
    flex-wrap: wrap;
}

.consultation-wraper h3 {
    font-size: 20px;
    margin-bottom: 15px;
}

a.consultation-btn {
    display: block;
    background-color: #bf975f;
    color: #000;
    padding: 10px 10px;
    font-weight: 600;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
}

.free-consulation-block {
    padding: 30px 0px;
    text-align: center;
}
.testimonial-block {
    background-color: #bf975f;
    padding: 30px 0px;
    border-radius:40px;
}

h2.testimonial-title {
    text-align: center;
    font-size: 22px;
    color: #fff;
    margin-bottom: 20px;
}

h2.testimonial-title span {
    display: table;
    margin: 0px auto;
    font-size: 30px;
    color: #000;
}
.testimonial-item > a { display:block; position:relative; }
.testimonial-item > a:before {  
    content: "\f16a";
    font-family: 'FontAwesome';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 32px;
    color: red;
    background-color: #fff;
    border-radius: 6px;
    line-height: 22px;
}
.testimonial-item img { width:100%; border-radius:15px; }
a.watch-more-btn { display: inline-block; font-weight: 700; color: #fff; font-size:22px; text-decoration:none; }
.testimonial-item { margin-bottom:20px; }
.before-after-wraper > span { background-color: #bf975f; padding: 5px 25px; display: inline-block; border-radius: 40px; font-weight: 600; font-family: "Allura", cursive; font-size: 22px; }
.before-after-wraper { display: flex; flex-wrap: wrap; justify-content: space-between; }
.before-after-text h3 span { color: #bf975f; }
.before-after-text h3 { font-size: 30px; margin-bottom: 15px;}
.submit-btn { background-color:#bf975f; color:#000; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; }

/* hotels */

section.hotels-block {
    background-color: #e3e3e3;
    padding: 40px 0px 20px;
}

.hotel-item-wraper > a {
    display: block;
}

.hotel-item-wraper {
    margin-bottom: 15px;
}

h4.hotel-name {
    font-size: 20px;
    text-align: center;
    border-bottom: 1px solid #444;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

/* discount block */
.discount-block { padding-top:40px; }
h2.discount-title { color: #bf975f; font-weight: 700; margin-bottom: 30px; font-size:28px; }
.discount-card img { max-width: 70px; margin-bottom: 10px; }
.discount-card p { margin-bottom: 0px; line-height: 20px; }
.discount-card { margin-bottom:30px; }


footer { text-align:center; }
.footer-links { background-color: #bf975f; padding: 10px 0px; border-radius: 4px; margin: 20px -15px; }
.footer-links ul { margin: 0px; padding: 0px; text-align: center; }
.footer-links ul li { display: inline-block; vertical-align: middle; margin: 2.5px 10px; }
.footer-links ul li a { color: #000; display: inline-block; font-weight: 500; }
ul.footer-social-list { margin: 0px; padding: 0px; }
ul.footer-social-list li { display: inline-block; vertical-align: middle; }
ul.footer-social-list li a { height:35px; width:35px; background-color:#000; border-radius:40px; display:flex; align-content:center; justify-content:center; color:#fff; }
ul.footer-social-list li a i { line-height:35px; }
.footer-address-wraper { margin: 40px 0px; }
.footer-address-wraper p { margin-bottom: 5px; }
.footer-address-wraper p a { color: #000; }
.footer-website a { background-color:#bf975f; padding:5px 25px; border-radius:40px; text-align:center; display:table; margin:10px auto 0px; }
.footer-numbers { margin-top:30px; }
.footer-numbers a { font-size: 24px; color: #bf975f; font-weight: 500; }
.footer-numbers img { margin-right:2px; }
.footer-numbers p { color:#bf975f; }
.footer-logo a { display: table; margin: 0px auto; max-width: 150px; }
.footer-logo img { max-width: 100%; }
footer a { color:#bf975f; }


.popup-form { padding: 30px; }
.popup-head { position: relative; margin-bottom: 20px; }
.popup-head > button { position: absolute; top:0px; right: 0px; }

@media only screen and (min-width:576px) {
.why-card-wraper { margin:0px -15px 40px; display:flex; flex-wrap:wrap; justify-content:center; }
.why-car-item { max-width:50%; flex:0 0 50%; padding:0px 15px; }
.why-card { height:calc(100% - 40px) }
.why-card img { top:35px; transform:translate(0px, 0px); }
.before-after-text { flex: 0 0 100%; max-width: 100%; }
.discount-card { text-align:center; }
.discount-card img { margin-bottom:15px; }
}

@media only screen and (min-width:768px) {
.header-row { align-items:flex-start; margin-top:20px; }
.header-tagline p, .header-stripe p, .increase-profit-block h4, .home-form-block p { font-size:20px; }
h2.benquet-title { font-size:32px; }
.header-email-wraper { order:1; }
.header-logo-wraper {order:2;}
.header-call-wraper { order:3; }
.header-email-wraper, .header-logo-wraper, .header-call-wraper { flex:0 0 33.333%; max-width:33.333%; }
.consultation-wraper { flex-wrap:nowrap; }
a.consultation-btn { max-width:150px; }
.consultation-wraper { align-items:center; justify-content:center; }
.consultation-wraper h3 { margin-bottom:0px; margin-right:30px; }
.footer-links { border-radius:40px; }
h2.discount-title { text-align:center; }
.banner-image-caption { width:450px; bottom:30px; }  
}


@media only screen and (min-width:992px) {
.header-logo-wraper img { max-width:200px; }  
}


@media only screen and (min-width:1199px) { 
.banner-image-caption h4 { font-size:24px; }
.banner-image-caption h2 { font-size:30px; }
a.see-more-btn { display:table; margin:0px auto; }
.why-car-item { flex:0 0 20%; max-width:20%; }
.why-card img { top:30px; max-width:30px; }
.why-card { padding:20px 8px; padding-left:65px; }
ul.why-list-points { display: flex; flex-wrap: wrap; justify-content:center; }
ul.why-list-points li { flex:0 0 500px; max-width:500px; font-size:22px; /*padding-left:0px;*/ }
ul.why-list-points li:nth-child(odd) { padding-left:0px; }
ul.why-list-points li:nth-child(odd):before, ul.why-list-points li:nth-child(odd):after { display:none; }
}
