@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap');

@font-face {
font-family: 'suisseworksbookwebfont';
src: url('../fonts/suisseworksbookwebfont.eot');
src: url('../fonts/suisseworksbookwebfont.eot') format('embedded-opentype'),
url('../fonts/suisseworksbookwebfont.woff2') format('woff2'),
url('../fonts/suisseworksbookwebfont.woff') format('woff'),
url('../fonts/suisseworksbookwebfont.ttf') format('truetype'),
url('../fonts/suisseworksbookwebfont.svg#suisseworksbookwebfont') format('svg');
}
@font-face {
font-family: 'suisseworksbookitalic';
src: url('../fonts/suisseworksbookitalic.eot');
src: url('../fonts/suisseworksbookitalic.eot') format('embedded-opentype'),
url('../fonts/suisseworksbookitalic.woff2') format('woff2'),
url('../fonts/suisseworksbookitalic.woff') format('woff'),
url('../fonts/suisseworksbookitalic.ttf') format('truetype'),
url('../fonts/suisseworksbookitalic.svg#suisseworksbookitalic') format('svg');
}


/* Reset CSS
========================================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }

body { background: #ffffff; font-family: 'Montserrat', sans-serif; color: #4c4c4c; font-size: 16px; line-height: 1.5; overflow-x: hidden; }

/* Common CSS
========================================================================== */
ol, ul { list-style: none; }

a, .btn { transition: all 0.5s ease; }
a:active, a:hover, a:focus, .btn:focus, .btn:active, .btn:hover { outline: 0; }
a { color: #DC1A21; text-decoration: none; }
a:focus, a:hover { color: #200203; text-decoration: none; }

b, strong { font-weight: bold; }
small { font-size: 80%; }
sub, sup { font-size: 72%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.4em; }
sub { bottom: -0.25em; }

img { border: 0; vertical-align: middle; }

hr { box-sizing: content-box; height: 0; }
*,*:before,*:after{ box-sizing: border-box;}

*:focus { outline: 0; }

svg:not(:root) { overflow: hidden; }

.img-fluid{ max-width: 100%; margin: auto;}
.container { max-width: 1140px; width: 100%; margin: auto; padding: 0 15px; }

/*-------------------------------------------------------*/
/*  Header Navigation Css
/*-------------------------------------------------------*/
.siteheader { background: #fff; box-shadow: 0px 0px 13px rgba(96, 98, 97, 0.30); text-align: center; padding: 4.5rem 0; position: relative;  }
.siteheader .logo { max-width: 420px; display: inline-block; }

/*-------------------------------------------------------*/
/*  Banner Css
/*-------------------------------------------------------*/
.banner{ background: url(../images/banner.jpg) no-repeat; background-position: center center; background-size: cover; overflow: hidden; min-height: 747px;} 
.banner .monthText { color: #4c4c4c; font-size: 2rem; font-weight: 300; margin-top: 22%; text-align: right; }
.banner .monthText span{ font-weight: 500;}
.banner .bottomText { color: #fff; text-align: center; font-weight: 400; font-size: 2rem; max-width: 558px; margin: 22% auto 0; float: right; }

.bottombanner{background: url(../images/banner-bottom.jpg) no-repeat; background-position: center center; background-size: cover; overflow: hidden; position: relative; height: 373px;}
.bottombanner:before{ content: ""; background: url(../images/banner-bottom-bg.png) repeat;   overflow: hidden; height: 373px; display: block; width: 60%; position: absolute; top: 0; }
.bottombanner:after{  content: ""; background: url(../images/banner-bottom-bg-right.png) no-repeat;  overflow: hidden; height: 373px; position: absolute; width: 280px; display: block; left: 60%; top: 0px; }

.bottombanner .local-rate { display: flex; display: -webkit-flex; flex-wrap: wrap; align-items: flex-start; color: #4ebbbf; position: relative; z-index: 1; padding: 31px 0 31px 98px; max-width: 820px; }

.bottombanner .container { position: relative; z-index: 1;}
.bottombanner .local-rate label { font-weight: 600; color: rgba(76, 76, 76, 0.6); text-transform: uppercase; letter-spacing: 0.2rem; line-height: 1rem; }
.bottombanner .local-rate .price { color: #4ebbbf; font-size: 106px; font-family: 'suisseworksbookwebfont'; margin-right: 27px; line-height: 5rem; padding-top: 21px; }

.bottombanner .local-rate .currency { font-size: 28px; font-family: 'suisseworksbookitalic'; line-height: 2.5rem; padding-top: 30px; }
.bottombanner .local-rate .currency span { font-size: 40px; font-family: 'suisseworksbookwebfont'; display: block; }


.bottombanner .left-container { max-width: 708px; }
.bottombanner .description { font-size: 26px; color: #fff; max-width: 352px; float: right; padding-top: 10px; font-weight: 500; }
.bottombanner .offertext { color: #fff; width: 100%; float: left; text-align: right;  font-size: 20px; padding-right: 2px; }

.bottombanner .left-container:after {content: "";display: table;width: 100%;clear: both;height: 0;}
.bottombanner .description span { font-weight: 300; }

.contact-details { background: #5cbebe; box-shadow: 0px 0px 9px rgba(0,0,0,0.3) inset; }
.contact-details .contact { display: flex; display: -webkit-flex; align-items: center; height: 100%; align-items: center; min-height: 192px; }

.contact-details .contact .phone { margin-left: auto; font-size: 62px; font-weight: 400;line-height: 1; padding-left: 15px; }
.contact-details .contact a { color: #fff; }
.contact-details .contact .email { font-size: 31px; text-align: right; font-weight: 300; }
.contact-details .contact .email .mail { font-size: 33px; font-weight: 400; text-align: right; }

/*-------------------------------------------------------*/
/*  Responsive Css
/*-------------------------------------------------------*/
@media (max-width: 1000px){ 
.siteheader { padding: 1rem 0; }
.banner { min-height: 545px; }
.banner .monthText { margin-top: 10%; }
.bottombanner .left-container { max-width: 537px; }
.bottombanner .local-rate { padding-left: 0px; }
.contact-details .contact { flex-wrap: wrap; text-align: center; justify-content: center; padding: 15px; }
.contact-details .contact .phone { width: 100%; }
.contact-details .contact .email { text-align: center; margin-bottom: 15px; }
}
@media (max-width: 767px){ 
.bottombanner{height: auto;}
.bottombanner:before,.bottombanner:after { display: none; }
.bottombanner .local-rate { background: rgba(255, 255, 255, 0.8); box-shadow: 0px 1px 8px rgba(0,0,0,0.3); padding: 15px; justify-content: center; }
.bottombanner .left-container { background: rgba(92, 190, 190, 0.7); max-width: 100%; text-align: center; padding: 15px; }
.bottombanner .container { padding: 0; }
.bottombanner .description { float: none; margin: auto; padding: 0; }
.bottombanner .offertext { text-align: center; }
.bottombanner .local-rate .price {font-size: 4em;
    padding-top: 6px; }

    .banner {
        position: relative;
    }
    
    .banner .bottomText {
        position: absolute;
        background: rgba(0, 0, 0, 0.23);
        margin: 0px;
        position: absolute;
        bottom: 0;
        padding: 15px;
        right: 0;
    }

.contact-details .contact .phone {
    font-size: 2.2rem;
    padding: 0;
}

.contact-details .contact .email {
    font-size: 1.5rem;
    margin-bottom: 10px;
}

.contact-details .contact .email .mail {
    font-size: 1rem;
}

.contact-details .contact {
    min-height: 100%;
    padding: 20px 15px;
}

.bottombanner .local-rate .currency {
    font-size: 18px;
}

}
@media (max-width: 640px){ 
    .bottombanner .local-rate .currency {
        padding: 0;
    }
}
@media (max-width: 380px){ 
    .bottombanner .description{ font-size: 20px;}
}