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

.flex{display:flex}

.flex-spacebetween-start{justify-content:space-between;align-items:flex-start}

.flex-spacebetween-end{justify-content:space-between;align-items:flex-end}

.flex-spacebetween-center{justify-content:space-between;align-items:center}

.flex-spacebetween-stretch{justify-content:space-between;align-items:stretch}

.flex-start-start{justify-content:flex-start;align-items:flex-start}

.flex-start-end{justify-content:flex-start;align-items:flex-end}

.flex-start-center{justify-content:flex-start;align-items:center}

.flex-start-stretch{justify-content:flex-start;align-items:stretch}

.flex-spacearound-start{justify-content:space-around;align-items:flex-start}

.flex-spacearound-end{justify-content:space-around;align-items:flex-end}

.flex-spacearound-center{justify-content:space-around;align-items:center}

.flex-spacearound-stretch{justify-content:space-around;align-items:stretch}

.flex-end-start{justify-content:flex-end;align-items:flex-start}

.flex-end-end{justify-content:flex-end;align-items:flex-end}

.flex-end-center{justify-content:flex-end;align-items:center}

.flex-end-stretch{justify-content:flex-end;align-items:stretch}

.flex-center-start{justify-content:center;align-items:flex-start}

.flex-center-end{justify-content:center;align-items:flex-end}

.flex-center-center{justify-content:center;align-items:center}

.flex-center-stretch{justify-content:center;align-items:stretch}

.flex-row{flex-direction:row}

.flex-row-reverse{flex-direction:row-reverse}

.flex-column{flex-direction:column}

.flex-column-reverse{flex-direction:column-reverse}

.flex-wrap{flex-wrap:wrap}

.flex-nowrap{flex-wrap:nowrap}

.flex-wrap-reverse{flex-wrap:wrap-reverse}

.justify-content-center {justify-content: center;}
.align-items-center {align-items: center;}
@media all and (min-width:782px){.flex1{display:flex}}

@media all and (min-width:960px){.flex2{display:flex}}

@media all and (min-width:1120px){.flex3{display:flex}}

@media all and (min-width:1280px){.flex4{display:flex}}





/*=====================
	VARS
=====================*/
:root {
  --black: #000;
  --white: #fff;
  --text-color: #52525b;
  --primary: #472a2b;
  --secondary: #67b2e8;
  --third: #044A67;
  --bg-color: #fff;
  --font-family-title: 'Montserrat', sans-serif;
  --font-family-body: 'Montserrat', sans-serif;
  --font-size7: 7px;
  --font-size8: 8px;
  --font-size9: 9px;
  --font-size10: 10px;
  --font-size11: 11px;
  --font-size12: 12px;
  --font-size13: 13px;
  --font-size14: 14px;
  --font-size15: 15px;
  --font-size16: 16px;
  --font-size18: 18px;
  --font-size20: 20px;
  --font-size22: 22px;
  --font-size24: 24px;
  --font-size26: 26px;
  --font-size28: 28px;
  --font-size30: 30px;
  --font-size32: 32px;
  --font-size38: 38px;
  --font-size40: 40px;
  --font-size44: 44px;
  --font-size48: 48px;
  --font-size56: 56px;
  --font-size64: 64px;
  --font-size72: 72px;
  --font-size80: 80px;
  --font-size96: 96px;
  --font-size128: 128px;
}
html{min-width:320px}
body{margin:0;padding:0;min-width:320px;font-size:var(--font-size16);line-height:125%;font-family:var(--font-family-body);color:var(--text-color);background-color:var(--bg-color)}
textarea,input,select,button{outline:none;cursor:default; font-family:var(--font-family-body); cursor: pointer;}
select,button{cursor:pointer}
h1,h2,h3,h4,h5,h6{font-family:var(--font-family-title);line-height:125%;color:var(--title-color); margin: 0.6em 0;}
div {word-wrap: break-word;}

hr {height: 0.5px; margin: 10px 0; padding: 0; color: var(--text-color); background-color: var(--text-color); border: 0;}
hr.small {margin: 15px 0;}
hr.medium {margin: 25px 0;}
hr.large {margin: 50px 0;}

.text-white {color: var(--white)}
.text-black {color: var(--black)}
.text-primary {color: var(--primary)}
.text-secondary {color: var(--secondary)}
.white {color: var(--white)}
.bg-white {background-color: var(--white)}
.black {color: var(--black)}
.bg-black {background-color: var(--black)}
.bg-primary {background-color: var(--primary)}
.bg-secondary {background-color: var(--secondary)}


.block {display: block;}
.inline-block {display: inline-block;}
.relative {position: relative;}
.absolute {position: absolute;}

.no-decoration {text-decoration: none;}

.fw-300 {font-weight: 300;}
.fw-400 {font-weight: 400;}
.fw-500 {font-weight: 500;}
.fw-600 {font-weight: 600;}
.fw-700 {font-weight: 700;}
.fw-800 {font-weight: 800;}
.fw-900 {font-weight: 900;}

.img-fluid {
	max-width: 100%;
	height: auto;
}

.text-left {text-align: left !important;}
.text-right {text-align: right !important;}
.text-center {text-align: center !important;}
.text-justify {text-align: justify !important;}



.bgCover {
	background-size: cover;
  background-repeat: no-repeat;
	background-position: 50% 50%;
  position: relative;
  z-index: 0;
}

.img-container {overflow: hidden;}
.cover {object-fit: cover;}
.contain {object-fit: contain;}
.cover-top {object-position: top center;}
.cover-center {object-position: center center;}
.cover-bottom {object-position: bottom center;}

.bg-fixed {background-attachment: fixed !important;}

.dark-overlay::before {
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	background: rgba(0,0,0,.5);
	z-index: 1;
}

.dark-overlay-1::before {background: rgba(0,0,0,.1);}
.dark-overlay-2::before {background: rgba(0,0,0,.2);}
.dark-overlay-3::before {background: rgba(0,0,0,.3);}
.dark-overlay-4::before {background: rgba(0,0,0,.3);}
.dark-overlay-5::before {background: rgba(0,0,0,.5);}
.dark-overlay-6::before {background: rgba(0,0,0,.6);}
.dark-overlay-7::before {background: rgba(0,0,0,.7);}
.dark-overlay-8::before {background: rgba(0,0,0,.8);}
.dark-overlay-9::before {background: rgba(0,0,0,.9);}

.z-1 {z-index: 1;}
.z-10 {z-index: 10;}
.z-99 {z-index: 99;}


/*
h1 	2.5rem / 40px
h1 small 	80% / 32px
h2 	2rem / 32px
h2 small 	80% / 25.6px
h3 	1.75rem / 28px
h3 small 	80% / 22.4px
h4 	1.5rem / 24px
h4 small 	80% / 24px
h5 	1.25rem / 20px
h5 small 	80% / 16px
h6 	1rem / 16px
h6 small 	80% / 12.8px
p 	1rem / 16px
*/

h1, .h1 {font-size: 42px}
h1.small {font-size: 34px}
h2, .h2 {font-size: 34px}
h2.small {font-size: 30px}
h3, .h3 {font-size: 30px}
h3.small {font-size: 26px}
h4, .h4 {font-size: 26px}
h4.small {font-size: 22px}
h5, .h5 {font-size: 22px}
h5.small {font-size: 18px}
h6, .h6 {font-size: 18px}
h6.small {font-size: 14px}
p {font-size: 16px; margin: 0; line-height: 1.6em;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: inherit;
  text-decoration: none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color: var(--secondary);;
}

:focus{outline:0!important}

a, a > img, img {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: none;
}

a:not(.fa,.fab,.fad,.fal,.far,.fas, .lnr), button {
  font-family: var(--font-family-body);
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.text-content a {text-decoration: underline;}

ol.nolist, ul.nolist {
	list-style: none;
	margin: 0;
	padding: 0;
}

ol.inline, ul.inline {display: flex;}
ol.inline li, ul.inline li {margin-right:10px;}
ol.inline li:last-child, ul.inline li:last-child {margin-right:0;}
ol.inline li i, ul.inline li i {margin:0;}

pre {
	margin-top: 0;
	margin-bottom: 1rem;
	overflow: auto;
	display: block;
	font-size: 87.5%;
	color: var(--text-color);
}
pre code {
	font-size: inherit;
	color: inherit;
	word-break: normal;
}

p {
	margin-bottom: 15px;
}


ul:last-child, ol:last-child, p:last-child {
	margin-bottom: 0;
}

p:last-child::after {
	clear: both;
	content: "";
	display: block;
}

img {
	vertical-align: middle;
	border-style: none;
  /*display: block;*/
}

.text-uppercase {text-transform: uppercase;}
.text-capitalize {text-transform: capitalize;}
.text-lowercase {text-transform: lowercase;}
.text-inherit {text-transform: inherit;}




/*=====================
	MARGIN
=====================*/
.ml-0 {margin-left: 0px}
.ml-5 {margin-left: 5px}
.ml-10 {margin-left: 10px}
.ml-15 {margin-left: 15px}
.ml-20 {margin-left: 20px}
.ml-25 {margin-left: 25px}
.ml-30 {margin-left: 30px}
.ml-35 {margin-left: 35px}
.ml-40 {margin-left: 40px}
.ml-45 {margin-left: 45px}
.ml-50 {margin-left: 50px}
.ml-55 {margin-left: 55px}
.ml-60 {margin-left: 60px}
.ml-65 {margin-left: 65px}
.ml-70 {margin-left: 70px}
.ml-75 {margin-left: 75px}
.ml-80 {margin-left: 80px}
.ml-85 {margin-left: 85px}
.ml-90 {margin-left: 90px}
.ml-95 {margin-left: 75px}
.ml-100 {margin-left: 100px}

.mr-0 {margin-right: 0px}
.mr-5 {margin-right: 5px}
.mr-10 {margin-right: 10px}
.mr-15 {margin-right: 15px}
.mr-20 {margin-right: 20px}
.mr-25 {margin-right: 25px}
.mr-30 {margin-right: 30px}
.mr-35 {margin-right: 35px}
.mr-40 {margin-right: 40px}
.mr-45 {margin-right: 45px}
.mr-50 {margin-right: 50px}
.mr-55 {margin-right: 55px}
.mr-60 {margin-right: 60px}
.mr-65 {margin-right: 65px}
.mr-70 {margin-right: 70px}
.mr-75 {margin-right: 75px}
.mr-80 {margin-right: 80px}
.mr-85 {margin-right: 85px}
.mr-90 {margin-right: 90px}
.mr-95 {margin-right: 75px}
.mr-100 {margin-right: 100px}

.mt-0 {margin-top: 0px}
.mt-5 {margin-top: 5px}
.mt-10 {margin-top: 10px}
.mt-15 {margin-top: 15px}
.mt-20 {margin-top: 20px}
.mt-25 {margin-top: 25px}
.mt-30 {margin-top: 30px}
.mt-35 {margin-top: 35px}
.mt-40 {margin-top: 40px}
.mt-45 {margin-top: 45px}
.mt-50 {margin-top: 50px}
.mt-55 {margin-top: 55px}
.mt-60 {margin-top: 60px}
.mt-65 {margin-top: 65px}
.mt-70 {margin-top: 70px}
.mt-75 {margin-top: 75px}
.mt-80 {margin-top: 80px}
.mt-85 {margin-top: 85px}
.mt-90 {margin-top: 90px}
.mt-95 {margin-top: 75px}
.mt-100 {margin-top: 100px}

.mb-0 {margin-bottom: 0px}
.mb-5 {margin-bottom: 5px}
.mb-10 {margin-bottom: 10px}
.mb-15 {margin-bottom: 15px}
.mb-20 {margin-bottom: 20px}
.mb-25 {margin-bottom: 25px}
.mb-30 {margin-bottom: 30px}
.mb-35 {margin-bottom: 35px}
.mb-40 {margin-bottom: 40px}
.mb-45 {margin-bottom: 45px}
.mb-50 {margin-bottom: 50px}
.mb-55 {margin-bottom: 55px}
.mb-60 {margin-bottom: 60px}
.mb-65 {margin-bottom: 65px}
.mb-70 {margin-bottom: 70px}
.mb-75 {margin-bottom: 75px}
.mb-80 {margin-bottom: 80px}
.mb-85 {margin-bottom: 85px}
.mb-90 {margin-bottom: 90px}
.mb-95 {margin-bottom: 75px}
.mb-100 {margin-bottom: 100px}

.m-0 {margin:0}

.mx-auto {margin-right: auto !important;margin-left: auto !important;}

/*=====================
	PADDING
=====================*/
.pl-0 {padding-left: 0px}
.pl-5 {padding-left: 5px}
.pl-10 {padding-left: 10px}
.pl-15 {padding-left: 15px}
.ml-20 {padding-left: 20px}
.pl-25 {padding-left: 25px}
.pl-30 {padding-left: 30px}
.pl-35 {padding-left: 35px}
.pl-40 {padding-left: 40px}
.pl-45 {padding-left: 45px}
.pl-50 {padding-left: 50px}
.pl-55 {padding-left: 55px}
.pl-60 {padding-left: 60px}
.pl-65 {padding-left: 65px}
.pl-70 {padding-left: 70px}
.pl-75 {padding-left: 75px}
.pl-80 {padding-left: 80px}
.pl-85 {padding-left: 85px}
.pl-90 {padding-left: 90px}
.pl-95 {padding-left: 75px}
.pl-100 {padding-left: 100px}

.pr-0 {padding-right: 0px}
.pr-5 {padding-right: 5px}
.pr-10 {padding-right: 10px}
.pr-15 {padding-right: 15px}
.pr-20 {padding-right: 20px}
.pr-25 {padding-right: 25px}
.pr-30 {padding-right: 30px}
.pr-35 {padding-right: 35px}
.pr-40 {padding-right: 40px}
.pr-45 {padding-right: 45px}
.pr-50 {padding-right: 50px}
.pr-55 {padding-right: 55px}
.pr-60 {padding-right: 60px}
.pr-65 {padding-right: 65px}
.pr-70 {padding-right: 70px}
.pr-75 {padding-right: 75px}
.pr-80 {padding-right: 80px}
.pr-85 {padding-right: 85px}
.pr-90 {padding-right: 90px}
.pr-95 {padding-right: 75px}
.pr-100 {padding-right: 100px}

.pt-0 {padding-top: 0px}
.pt-5 {padding-top: 5px}
.pt-10 {padding-top: 10px}
.pt-15 {padding-top: 15px}
.pt-20 {padding-top: 20px}
.pt-25 {padding-top: 25px}
.pt-30 {padding-top: 30px}
.pt-35 {padding-top: 35px}
.pt-40 {padding-top: 40px}
.pt-45 {padding-top: 45px}
.pt-50 {padding-top: 50px}
.pt-55 {padding-top: 55px}
.pt-60 {padding-top: 60px}
.pt-65 {padding-top: 65px}
.pt-70 {padding-top: 70px}
.pt-75 {padding-top: 75px}
.pt-80 {padding-top: 80px}
.pt-85 {padding-top: 85px}
.pt-90 {padding-top: 90px}
.pt-95 {padding-top: 75px}
.pt-100 {padding-top: 100px}

.pb-0 {padding-bottom: 0px}
.pb-5 {padding-bottom: 5px}
.pb-10 {padding-bottom: 10px}
.pb-15 {padding-bottom: 15px}
.pb-20 {padding-bottom: 20px}
.pb-25 {padding-bottom: 25px}
.pb-30 {padding-bottom: 30px}
.pb-35 {padding-bottom: 35px}
.pb-40 {padding-bottom: 40px}
.pb-45 {padding-bottom: 45px}
.pb-50 {padding-bottom: 50px}
.pb-55 {padding-bottom: 55px}
.pb-60 {padding-bottom: 60px}
.pb-65 {padding-bottom: 65px}
.pb-70 {padding-bottom: 70px}
.pb-75 {padding-bottom: 75px}
.pb-80 {padding-bottom: 80px}
.pb-85 {padding-bottom: 85px}
.pb-90 {padding-bottom: 90px}
.pb-95 {padding-bottom: 75px}
.pb-100 {padding-bottom: 100px}

.p-0 {padding:0}

/*=====================
	CONTAINER
=====================*/
.container, .container-fluid {
  width:100%;
  height:auto;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: 0;
	margin-left: 0;
	margin-right: auto;
	margin-left: auto;
}
.container {max-width:1200px;margin: 0 auto;}
.custom-container {padding: 0 50px;}



/*=====================
	GRID
=====================*/
.row {
  display: flex;
  flex-direction: row;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.row > div {
padding: 0 15px;
}

.row-columns {
  display: flex;
  display: -ms-flexbox;
  flex-direction: row;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.column {
  display: flex;
  padding: 15px;
  width: 100%;
}
.column-content {
  /*background-color: #ccc;*/
  display: flex;
  flex-direction: column;
  padding: 30px;
  width: 100%;
}
.column-content p.align-bottom {
  flex: 1 0 auto;
}


/*
@media all and (min-width: 40em) {
  .column {
    width: 50%;
  }
}
@media all and (min-width: 60em) {
  .column {
    width: 33.33%;
  }
}
*/

/*=====================
	WIDTH
=====================*/
.w-20 {width: 20%;}
.w-25 {width: 25%;}
.w-30 {width: 30%;}
.w-33 {width: 33.33%;}
.w-40 {width: 40%;}
.w-45 {width: 45%;}
.w-50 {width: 50%;}
.w-60 {width: 60%;}
.w-70 {width: 70%;}
.w-75 {width: 75%;}
.w-80 {width: 80%;}
.w-100 {width: 100%;}

.h-100 {height: 100%;}


/*==============================================================================================================
RESPONSIVE
==============================================================================================================*/
/*==========================================================
0. BOOTSTRAP 5 Grid
==========================================================*/
/*
Extra small <576px = xs
Small ≥576px = sm
Medium ≥768px = md
Large ≥992px = lg
X-Large ≥1200px = xl
XX-Large ≥1400px = xxl
*/
@media (min-width: 1400px) {}

@media (min-width: 1200px) {}

@media (min-width: 992px) {}

@media (min-width: 766px) {}

@media (min-width: 650px) {}

@media (min-width: 576px) {}



@media (max-width: 1600px) {}

@media (max-width: 1400px) {}

@media (max-width: 1200px) {}

/*Menu break*/
@media (max-width: 992px) {
  .container {max-width:960px;}
  .w-20, .w-25, .w-33 {width: 50%;}
  .w-30, .w-40, .w-45, .w-50, .w-60, .w-70, .w-75, .w-80 {width: 100%;}
}
@media (max-width: 991px) {}

@media (max-width: 768px) {
  .container {max-width:720px;}
}

@media (max-width: 767px) {
  h1, .h1 {font-size: 34px}
  h1.small {font-size: 30px}
  h2, .h2 {font-size: 30px}
  h2.small {font-size: 26px}
  h3, .h3 {font-size: 26px}
  h3.small {font-size: 22px}
  h4, .h4 {font-size: 22px}
  h4.small {font-size: 18px}
  h5, .h5 {font-size: 18px}
  h5.small {font-size: 16px}
  h6, .h6 {font-size: 16px}
  h6.small {font-size: 14px}
  p {font-size: 16px; margin: 0;}
}

@media (max-width: 650px) {}

@media (max-width: 575px) {
  .container {max-width:540px;}
  .w-20, .w-25, .w-30, .w-33, .w-40, .w-45, .w-50, .w-60, .w-70, .w-75 {width: 100%;}
}

@media (max-width: 400px) {}

@media (max-width: 360px) {}