:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #004061;
  --secondary: #18AD4B;
  --success: #18AD4B;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --tertiary: #F2F4F6;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


body {
  margin: 0;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #004061;
  text-align: left;
  background-color: #fff;
}

[tabindex="-1"]:focus {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 1rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}


a {
  color: #004061;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #004061;
  text-decoration: underline;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
  outline: 0;
}


img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

c
[hidden] {
  display: none !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 1rem;
  font-weight: 700;
  line-height: 1.2;
  color: #004061;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
}
table {
    border-collapse: separate;
}

.flex {
    display: flex;
}
.bg-gray {
    background-color: #f4f4f4;
    padding: 20px;
}
.bg-blue {
    background-color: #F2F4F6;
    padding: 20px;
}
#prev,
#next,
#results {
    display: none;
}
#prev,
#next {
    cursor: pointer;
    font-size: 22px;
    color: #004061;
    margin-bottom: 50px;
    background-color: transparent;
    border: 0;
}
#prev::before {
    position: relative;
    border-style: solid;
    border-width: 0.15em 0.15em 0 0;
    content: '';
    display: inline-block;
    height: 0.45em;
    position: relative;
    top: 0.5em;
    vertical-align: top;
    width: 0.45em;
    left: 0.25em;
    transform: rotate(-135deg);
    margin-right: 10px;
}
#next::after {
    position: relative;
    border-style: solid;
    border-width: 0.15em 0.15em 0 0;
    content: '';
    display: inline-block;
    height: 0.45em;
    position: relative;
    top: 0.5em;
    vertical-align: top;
    width: 0.45em;
    left: 0.25em;
    transform: rotate(45deg);
    /* margin-left: 10px; */
}

/*----------------------- 
    4.1 Section space :
-------------------------*/

/*Note: Section space help to create top bottom space;*/

.space-small { padding-top: 40px; padding-bottom: 40px; }
.space-medium { padding-top: 20px; padding-bottom: 20px; }
.space-large { padding-top: 100px; padding-bottom: 100px; }
.space-ex-large { padding-top: 120px; padding-bottom: 120px; }

/*----------------------
    4.2 Margin Space
 -----------------------*/
.mb0 { margin-bottom: 0px; }
.mb5 { margin-bottom: 0
	px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb60 { margin-bottom: 60px; }
.mb80 { margin-bottom: 80px; }
.mb100 { margin-bottom: 100px; }
.mt0 { margin-top: 0px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt60 { margin-top: 60px; }
.mt80 { margin-top: 80px; }
.mt100 { margin-top: 100px; }

.ml10 {margin-left: 10px;}
.ml20 {margin-left: 20px;}
.ml30 {margin-left: 30px;}
.ml40 {margin-left: 40px;}
.ml60 {margin-left: 60px;}

/*----- less margin space from top --*/
.mt-20 { margin-top: -20px; }
.mt-40 { margin-top: -40px; }
.mt-60 { margin-top: -60px; }
.mt-80 { margin-top: -80px; }

.ml-10 { margin-top: -10px; }
.ml-20 { margin-top: -20px; }
.ml-40 { margin-top: -40px; }

.mb-20 { margin-bottom: -20px; }
.mb-40 { margin-bottom: -40px; }
.mb-60 { margin-bottom: -60px; }
.mb-80 { margin-bottom: -80px; }

/*-----------------------
    4.3 Padding space
-------------------------*/
.nopadding { padding: 0px; }
.nopr { padding-right: 0px; }
.nopl { padding-left: 0px; }

.pinside10 { padding: 10px; }
.pinside20 { padding: 20px; }
.pinside30 { padding: 30px; }
.pinside40 { padding: 40px; }
.pinside50 { padding: 50px; }
.pinside60 { padding: 60px; }
.pinside80 { padding: 80px; }
.pinside130 { padding: 130px; }

.pdt10 { padding-top: 10px; }
.pdt20 { padding-top: 20px; }
.pdt30 { padding-top: 30px; }
.pdt40 { padding-top: 40px; }
.pdt60 { padding-top: 60px; }
.pdt80 { padding-top: 80px; }

.pdb-20 { padding-bottom: -20px; }
.pdb10 { padding-bottom: 10px; }
.pdb20 { padding-bottom: 20px; }
.pdb30 { padding-bottom: 30px; }
.pdb40 { padding-bottom: 40px; }
.pdb60 { padding-bottom: 60px; }
.pdb80 { padding-bottom: 80px; }

.pdl10 { padding-left: 10px; }
.pdl20 { padding-left: 20px; }
.pdl30 { padding-left: 30px; }
.pdl34 { padding-left: 34px; }
.pdl40 { padding-left: 40px; }
.pdl60 { padding-left: 60px; }
.pdl80 { padding-left: 80px; }
.pdl-10 { padding-left: -10px; }
.pdl-20 { padding-left: -20px; }
.pdl-30 { padding-left: -30px; }

.pdr10 { padding-right: 10px; }
.pdr20 { padding-right: 20px; }
.pdr30 { padding-right: 30px; }
.pdr40 { padding-right: 40px; }
.pdr50 { padding-right: 50px; }
.pdr60 { padding-right: 60px; }
.pdr70 { padding-right: 70px; }
.pdr80 { padding-right: 80px; }

/*-----------------------------------
     6. Slider 
-------------------------------------*/
.slider {}
.slider-captions { position: absolute; bottom: 180px; background: rgba(255,255,255,0.8);  padding: 40px; border-radius: 4px;  }

.slider-title { color: #043c5b; font-size: 28px; line-height: 32px; margin-bottom: 5px ; }

.slider-title-caption { color: #043c5b; font-size: 28px; line-height: 32px; margin-bottom: 5px ; }
.slider-call-text { font-size: 20px; color: #4c4845; text-decoration: underline; margin-bottom: 40px; }
.slider-text { color: #043c5b; font-size: 18px; }
.slider-img { position: relative; }
.slider-img img { position: relative; z-index: -1; display: block; width: 100%; height: auto; }
#slider { }
#slider .owl-buttons { }
#slider .owl-buttons div { background-color: transparent; }
#slider .owl-prev, #slider .owl-next { font-size: 22px; line-height: 1.3 }
#slider .owl-prev { position: absolute; top: 50%; left: 20px; }
#slider .owl-next { position: absolute; top: 50%; right: 20px; }
#slider .owl-pagination { position: absolute; bottom: 20px; margin: 0 auto; width: 100%; }
#slider .owl-controls .owl-page span { background-color: #dedad8; border-color: #dedad8; width: 8px; height: 8px; border-radius: 50%; }
#slider .owl-pagination .owl-page.active span { background-color: #765157; }
#slider .owl-controls { margin-top: 0px; }


h1 .subtitle, h2 .subtitle, h3 .subtitle, h4 .subtitle, h5 .subtitle, h6 .subtitle,
.h1 .subtitle, .h2 .subtitle, .h3 .subtitle, .h4 .subtitle, .h5 .subtitle, .h6 .subtitle {
  display: block;
  font-weight: 400;
  margin-bottom: 1rem;
}

h1 {
  margin-top: 1rem;
  margin-bottom: -2rem;
}

h1 .subtitle,
.h1 .subtitle {
  font-size: 2rem;
}

h2 .subtitle,
.h2 .subtitle {
  font-size: 1.6rem;
}

h3 .subtitle,
.h3 .subtitle {
  font-size: 1.45rem;
}

.footer {
  position: relative;
  background-color: #F2F4F6;
  font-size: 16px;
  padding-top: 1rem;
  padding-bottom: 2rem;
}

.footer a {
  color: #004061;
  font-weight: 400;
}

.footer .social-media > a:not(:first-child),
.footer .social-media > span:not(:first-child) {
  margin-right: 15px;
}

.footer .social-media img {
  height: 36px;
}

.footer::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 0;
  right: 0;
  background-color: #F2F4F6;
  -webkit-mask-image: url("../images/stripe-bottom.png");
          mask-image: url("../images/stripe-bottom.png");
  -webkit-mask-repeat: repeat-x;
          mask-repeat: repeat-x;
  -webkit-mask-position: -420px bottom;
          mask-position: -420px bottom;
  transform: translateY(-100%);
  -webkit-mask-size: 730px;
          mask-size: 730px;
  height: 31.37086377px;
}

@media (min-width: 768px) {
  .footer::before {
    -webkit-mask-size: 1080px;
            mask-size: 1080px;
    height: 46.41168887px;
  }
}

@media (min-width: 992px) {
  .footer::before {
    -webkit-mask-size: 1460px;
            mask-size: 1460px;
    height: 62.74172755px;
  }
}



.slider-bottom::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  background-color: #fff;
  -webkit-mask-image: url("../images/stripe-bottom.png");
          mask-image: url("../images/stripe-bottom.png");
  -webkit-mask-repeat: repeat-x;
          mask-repeat: repeat-x;
  -webkit-mask-position: 0 bottom;
          mask-position: 0 bottom;
 -webkit-mask-size: 730px;
          mask-size: 730px;
  height: 31.37086377px;
}

@media (min-width: 768px) {
.slider-bottom::after {
    -webkit-mask-size: 1080px;
            mask-size: 1080px;
    height: 46.41168887px;
  }
}

@media (min-width: 992px) {
 .slider-bottom::after {
    -webkit-mask-size: 1460px;
            mask-size: 1460px;
    height: 62.74172755px;
  }
}