*,*: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;}
.flex1 {flex: 1;}
.flex2 {flex: 2;}
.flex3 {flex: 2;}
.flex4 {flex: 4;}
@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;
  --grey: #f8f8f8;
  --text-color: #555555;;
  --title-color: #000;
  --primary: #041633;
  --secondary: #bd9e55;
  /*
  --third: #81909E;
  --fourth: #041633;
  --fifth: #3E6B1D;
  --sixth: #BD4B42;
  --seventh: #F45D3D;
  */
  --bg-color: #fff;
  --font-family-title: "Open Sans", sans-serif;
  --font-family-body: "Open Sans", 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); font-weight: 700; margin:0; padding: 0}
h1,h2,h3,h4,h5,h6, i{
-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;
}
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-color {color: var(--text-color)}
.text-rey {color: var(--grey)}
.text-primary {color: var(--primary)}
.text-secondary {color: var(--secondary)}
.black {color: var(--black)}
.white {color: var(--white)}
.bg-white {background-color: var(--white)}
.bg-black {background-color: var(--black)}
.bg-primary {background-color: var(--primary); color:var(--white)}
.bg-secondary {background-color: var(--secondary); color:var(--white)}
/*
.bg-third {background-color: var(--third); color:var(--black)}
.bg-fourth {background-color: var(--fourth); color:var(--white)}
.bg-fifth {background-color: var(--fifth); color:var(--white)}
.bg-sixth {background-color: var(--sixth); color:var(--white)}
.bg-seventh {background-color: var(--seventh); color:var(--white)}
*/
.bg-grey {background-color: var(--grey); color:var(--text-color)}

.bg-primary h1,
.bg-primary h2,
.bg-primary h3,
.bg-primary h4,
.bg-primary h5,
.bg-primary h6,
.bg-primary p {color:var(--white)}

.bg-secondary h1,
.bg-secondary h2,
.bg-secondary h3,
.bg-secondary h4,
.bg-secondary h5,
.bg-secondary h6,
.bg-secondary p {color:var(--black)}


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

.pull-left {float: left;}
.pull-right {float: right;}

.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;}

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

.img-fluid {max-width: 100%; height: auto;}
.img-container {overflow: hidden; position:relative;}
.img-container > img {object-fit: cover; height: 100%;	width: 100%;}

.bgCover {
	background-size: cover;
  background-repeat: no-repeat;
	background-position: 50% 50%;
  position: relative;
  z-index: 0;
}
.bgCenterTop {background-position: center top;}
.bgContain {background-size: contain;}

.cover {object-fit: cover;}
.contain {object-fit: contain;}
.cover-top {object-position: center top;}
.cover-center {object-position: center center;}
.cover-bottom {object-position: center bottom;}

.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: 0;
}

.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,.4);}
.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-0 {z-index: 0;}
.z-1 {z-index: 1;}
.z-10 {z-index: 10;}
.z-99 {z-index: 99;}

.transition {
  -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;
}

.shadow {
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -ms-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -o-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -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;
}
.shadow-hover:hover {
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 5px 15px rgba(0,0,0,0.2);
	-ms-box-shadow: 0 5px 15px rgba(0,0,0,0.2);
	-o-box-shadow: 0 5px 15px rgba(0,0,0,0.2);
	box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 58, 107, 0);
}
.overlay a {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	font-size: 18px;
	text-decoration: none;
	opacity: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
}
.overlay-hover:hover .overlay {
	background: rgba(0, 58, 107, 0.5);
}
.overlay-hover:hover .overlay a {
	opacity: 1;
}

.clickable {
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  position: absolute;
  z-index: 999;
}

.zoom-img {overflow: hidden;}
.zoom-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;
}
.zoom-img:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.rounded-circle {border-radius: 50%;}
.small-font {font-size:12px; font-weight: 400;}

.grayscale {filter: grayscale(1);}
.grayscale:hover {filter: grayscale(0);}

/*
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;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: inherit;
  text-decoration: none !important;
}
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;
}

ul.li-spaced li {margin-bottom: 10px;}
li strong {font-size: 1.1em;}

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;
}

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

p {
	margin: 0 0 15px;
}

p:last-child {
	margin-bottom: 0px;
}

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;}
.text-italic {font-style: italic;}

.rotate-45 {rotate: -45deg;}
.rotate-90 {rotate: -90deg;}
.rotate45 {rotate: 45deg;}
.rotate90 {rotate: 90deg;}


/*=====================
	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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.row > div {padding: 0 15px; position: relative;}
.row.fullrow {margin-right: 0; margin-left: 0;}
.row.fullrow > div {padding: 0; position: relative;}
.row .vertical-center {display: flex; flex-direction: column; justify-content: center;}
.row .column-center {display: flex; flex-direction: column; justify-content: center; align-items: center;}
.row-equal-height {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 30px;
}
.row-equal-height > div {
  display: flex;
  flex-direction: column;
  /*flex: 1;*/
}
.equal-height-container {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.equal-column-content {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

/*=====================
	WIDTH
=====================*/
.w-16 {width: 16.66%;}
.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%;}

.row-equal-height > .w-33 {width: calc(33.333% - 30px);}
.row-equal-height > .w-50 {width: calc(50% - 30px);}

/*=====================
	MARGIN
=====================*/
.ml-0 {margin-left: 0px}
.ml-5 {margin-left: 5px}
.ml-8 {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-8 {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}
.m-5 {margin:5px}
.m-10 {margin:10px}
.m-15 {margin:15px}
.m-20 {margin:20px}
.m-25 {margin:25px}
.m-30 {margin:30px}
.m-35 {margin:35px}
.m-40 {margin:40px}
.m-45 {margin:45px}
.m-50 {margin:50px}
.m-100 {margin:100px}

.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}
.p-5 {padding:5px}
.p-10 {padding:10px}
.p-15 {padding:15px}
.p-20 {padding:20px}
.p-25 {padding:25px}
.p-30 {padding:30px}
.p-35 {padding:35px}
.p-40 {padding:40px}
.p-45 {padding:45px}
.p-50 {padding:50px}
.p-100 {padding:100px}

/*=====================
	BORDER RADIUS
=====================*/
.radius3{border-radius: 3px}
.radius5{border-radius: 5px}
.radius8{border-radius: 8px}
.radius10{border-radius: 10px}

.radius {border-radius: 15px}
.radius-t {border-radius: 15px 15px 0 0;}
.radius-b {border-radius: 0 0 15px 15px;}



/*==============================================================================================================
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) {
  .container {max-width: 1320px;}
}

@media (min-width: 1200px) {
  .container {max-width: 1140px;}
}

@media (min-width: 992px) {
  .container {max-width: 960px;}
}

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

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

@media (min-width: 576px) {
  .container {max-width: 540px;}
}
*/

@media (max-width: 1600px) {.container {max-width: 1200px;}}

@media (max-width: 1400px) {.container {max-width: 1160px;}}

@media (max-width: 1200px) {.container {max-width: 1140px;}}

/*Menu break*/
@media (max-width: 992px) {
  .container {max-width:960px;}
  .w-16 {width: 33.33%}
  .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%;}
  .row-equal-height > .w-33 {width: calc(50% - 15px);}
  .row-equal-height > .w-50 {width: calc(100% - 15px);}
}
@media (max-width: 991px) {}

@media (max-width: 768px) {
  .container {max-width:720px;}
  .row-equal-height {flex-direction: column;}
}

@media (max-width: 767px) {
  .flex-wrap {flex-direction: column;}
}

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

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

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

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



/*
  @media (min-width: 576px) {
    .container {max-width: 540px;}
  }
  @media (min-width: 768px) {
    .container {max-width: 720px;}
  }
  @media (min-width: 992px) {
    .container {max-width: 960px;}
  }
  @media (min-width: 1200px) {
    .container {max-width: 1140px;}
  }
  @media (min-width: 1400px) {
    .container {max-width: 1320px;}
  }




  @media (max-width: 992px) {
    .w-16 {width: 33.33%}
    .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: 768px) {
    .row-equal-height {flex-direction: column;}
  }

  @media (max-width: 576px) {
    .w-16 {width: 50%;}
    .w-20, .w-25, .w-30, .w-33, .w-40, .w-45, .w-50, .w-60, .w-70, .w-75 {width: 100%;}
  }
*/