:root {
	--m-darkblue: #103a49;
}
.relative {position: relative;}
.absolute {position: initial !important; position: absolute !important;}
.isfixed {position: fixed;}
.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.marginauto {margin: auto;}
.block {display: block;}
.inlineblock {display: inline-block;}
.inline:not(.notice) {display: inline;}

.flex {display: flex;}
.flexwrap {flex-wrap: wrap;}
.flexcenter, .flex-center {justify-content: center;}
.flex-even {justify-content: space-evenly;}
.flex-between {justify-content: space-between;}
.flexaround, .flex-around {justify-content: space-around;}
.flexmid {align-items: center;}
.flexitem-100 > * {width: 100%;}
.flexcol {flex-direction: column;}
.flex-col {width: 100%; padding-left: 8px; padding-right: 8px;}
.row-reverse {flex-flow: row-reverse;}

.gap1 {gap: 1px;}
.gap2 {gap: 2px;}
.gap5 {gap: 5px;}
.gap10 {gap: 10px;}
.gap15 {gap: 15px;}
.gap20 {gap: 20px;}
.gap25 {gap: 25px;}
.gap30 {gap: 30px;}
.items-round > p {border-radius: 5px !important; overflow: hidden; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.28);}

/*grid*/
.grid {display: grid;}
.grid2 {grid-template-columns: auto auto;}
.grid3 {grid-template-columns: auto auto auto;}
.grid4 {grid-template-columns: auto auto auto auto;} 
.grid5 {grid-template-columns: auto auto auto auto auto;} 
.grid6 {grid-template-columns: auto auto auto auto auto auto;}
.grid7 {grid-template-columns: auto auto auto auto auto auto auto;}
.grid8 {grid-template-columns: auto auto auto auto auto auto auto auto;}

.grid-2 {grid-template-columns: repeat(2, minmax(0, 1fr));}
.grid-3 {grid-template-columns: repeat(3, minmax(0, 1fr));}
.grid-4 {grid-template-columns: repeat(4, minmax(0, 1fr));}
.grid-5 {grid-template-columns: repeat(5, minmax(0, 1fr));}
.grid-6 {grid-template-columns: repeat(6, minmax(0, 1fr));}
.grid-7 {grid-template-columns: repeat(7, minmax(0, 1fr));}
.grid-8 {grid-template-columns: repeat(8, minmax(0, 1fr));}
.grid-9 {grid-template-columns: repeat(9, minmax(0, 1fr));}
.grid-10 {grid-template-columns: repeat(10, minmax(0, 1fr));}
.grid-11 {grid-template-columns: repeat(11, minmax(0, 1fr));}
.grid-12 {grid-template-columns: repeat(12, minmax(0, 1fr));}

.colgap5 {column-gap: 5px;}
.colgap10 {column-gap: 10px;}
.colgap15 {column-gap: 15px;}
.colgap20 {column-gap: 20px;}
.rowgap5 {row-gap: 5px;}

/*auto columns*/
.col-breaks {
	column-count: 2;
}

/*masonry format*/
.masonry {
	column-count: 2;
	column-gap: 10px;
	row-gap: 10px;
}
.masonry > div {
	margin-bottom: 10px;
	display: inline-block;
	vertical-align: top;
}
.masonry-2 {column-count: 2;}
.masonry-3 {column-count: 3;}
.masonry-4 {column-count: 4;}

.table {display: table; width: 100%;}
.tablecell {display: table-cell;}
.tablerow {display: table-row;}
.aligntop {vertical-align: top;}
.alignmid {vertical-align: middle;}
.bold {font-weight: bold !important;}
.b-line {border-bottom: 1px solid #666 !important;}

.overflow-mask {overflow: hidden;}

/*WIDTH*/
.auto-width {width: auto !important;}

/* percentage widths
----------------------*/
.width_10 {width: 10%;}
.width_15 {width: 15%;}
.width_20 {width: 20%;}
.width_25 {width: 25%;}
.width_30 {width: 30%;}
.width_33 {width: 33%;}
.width_35 {width: 35%;}
.width_40 {width: 40%;}
.width_45 {width: 45%;}
.width_50 {width: 50%;}
.width_55 {width: 55%;}
.width_60 {width: 60%;}
.width_65 {width: 65%;}
.width_70 {width: 70%;}
.width_75 {width: 75%;}
.width_80 {width: 80%;}
.width_85 {width: 85%;}
.width_90 {width: 90%;}
.width_100 {width: 100%;}

/* pixel width
----------------------*/
.width1180 {max-width: 1180px;}
.width1200 {max-width: 1200px;}
.width1280 {max-width: 1280px;}


/*--margin--*/
.mauto {margin: auto;}
.r-margin-5 {margin-right: 5px;}
.l-margin-5 {margin-left: 5px;}
.r-margin-10 {margin-right: 10px;}
.l-margin-10 {margin-left: 10px;}
.r-margin-15 {margin-right: 15px;}
.l-margin-15 {margin-left: 15px;}
.r-margin-20 {margin-right: 20px;}
.l-margin-20 {margin-left: 20px;}
.r-margin-25 {margin-right: 25px;}
.l-margin-25 {margin-left: 25px;}
.r-margin-30 {margin-right: 30px;}
.l-margin-30 {margin-left: 30px;}
.r-margin-35 {margin-right: 35px;}
.l-margin-35 {margin-left: 35px;}
.r-margin-40 {margin-right: 40px;}
.l-margin-40 {margin-left: 40px;}

.marginleft-20 {margin-left: 20px;}
.marginleft-30 {margin-left: 30px;}

.mb0 {margin-bottom: 0 !important;}
.b-margin-5, .bottom-margin-5 {margin-bottom: 5px;}
.b-margin-10, .bottom-margin-10 {margin-bottom: 10px;}
.b-margin-20, .bottom-margin-20 {margin-bottom: 20px;}
.b-margin-30, .bottom-margin-30 {margin-bottom: 30px;}
.b-margin-40, .bottom-margin-40 {margin-bottom: 40px;}
.b-margin-50, .bottom-margin-50 {margin-bottom: 50px;}

.t-margin-10, .top-margin-10 {margin-top: 10px;}
.t-margin-20, .top-margin-20 {margin-top: 20px;}
.top-margin-50 {margin-top: 50px;}
.top-margin-60 {margin-top: 60px;}
.vmargin-20 {margin-bottom: 20px; margin-top: 20px;}

.mt2 {margin-top: 2px;}
.mt4 {margin-top: 4px;}
.mt5 {margin-top: 5px;}
.mt8 {margin-top: 8px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}
.mt35 {margin-top: 35px;}
.mt40 {margin-top: 40px;}
.margintop-10, .mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.margintop-20, .mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}
.mt35 {margin-top: 35px;}
.margintop-40, .mt40 {margin-top: 40px;}
.mt45 {margin-top: 45px;}
.mt50 {margin-top: 50px;}
.mt55 {margin-top: 55px;}
.mt60 {margin-top: 60px;}

.mb1 {margin-bottom: 1px;}
.mb2 {margin-bottom: 2px;}
.mb3 {margin-bottom: 3px;}
.mb4 {margin-bottom: 4px;}
.mb5 {margin-bottom: 5px;}
.mb6 {margin-bottom: 6px;}
.mb8 {margin-bottom: 8px;}
.marginbottom-10, .mb10 {margin-bottom: 10px;}
.marginbottom-15, .mb15 {margin-bottom: 15px;}
.marginbottom-20, .mb20 {margin-bottom: 20px;}
.marginbottom-25, .mb25 {margin-bottom: 25px;}
.marginbottom-30, .mb30 {margin-bottom: 30px;}
.marginbottom-40, .mb40 {margin-bottom: 40px;}
.marginbottom-50, .mb50 {margin-bottom: 50px;}
.marginbottom-60, .mb60 {margin-bottom: 60px;}
.marginbottom-70, .mb70 {margin-bottom: 70px;}
.marginbottom-80, .mb80 {margin-bottom: 80px;}
.marginleft-10 {margin-left: 10px;}


.pad-5,.pad5 {padding: 5px;}
.pad-10,.pad10 {padding: 10px;}
.pad-15,.pad15 {padding: 15px;}
.pad-20, .pad20 {padding: 20px;}
.pad-30 {padding: 30px;}
.pad-40, .pad40 {padding: 40px;}
.pad-50 {padding: 50px;}

.padleft-5 {padding-left: 5px;}
.padleft-10 {padding-left: 10px;}
.padleft-20 {padding-left: 20px;}
.padleft-25 {padding-left: 25px;}
.padleft-30 {padding-left: 30px;}
.padleft-40 {padding-left: 40px;}
.padleft-50 {padding-left: 50px;}

.padright-5 {padding-right: 5px;}
.padright-10 {padding-right: 10px;}
.padright-20 {padding-right: 20px;}
.padright-25 {padding-right: 25px;}
.padright-30 {padding-right: 30px;}
.padright-40 {padding-right: 40px;}
.padright-50 {padding-right: 50px;}

.padtop-5 {padding-top: 5px;}
.padtop-10 {padding-top: 10px;}
.padtop-15 {padding-top: 15px;}
.padtop-20 {padding-top: 20px;}
.padtop-30 {padding-top: 30px;}
.padtop-40 {padding-top: 40px;}
.padtop-50 {padding-top: 50px;}

.padbottom-5 {padding-bottom: 5px;}
.padbottom-10 {padding-bottom: 10px;}
.padbottom-15 {padding-bottom: 15px;}
.padbottom-20 {padding-bottom: 20px;}
.padbottom-30 {padding-bottom: 30px;}
.padbottom-40 {padding-bottom: 40px;}
.padbottom-50 {padding-bottom: 50px;}


.round-5, .roundimg-5 img {border-radius: 5px;}
.round-10, .roundimg-10 img {border-radius: 10px;}
.round-15, .roundimg-15 img {border-radius: 15px;}
.round-20, .roundimg-20 img {border-radius: 20px;}
.round_50, .roundimg_50 img {border-radius: 50%;}
.round_100, .roundimg_100 img {border-radius: 100%;}
.rounded20 {border-radius: 20px;}
.rounded100 {border-radius: 100px;}

.text32 {font-size: 32px;}
.text42 {font-size: 42px;}

.boxsize, .col {
	display: block;
	float: left;
	box-sizing: border-box;
}

.floatright, .floatleft {
	float: right; 
	clear: none; 
	display: block;
	width: auto !important;
}
.floatleft {float: left;}
.clearright {clear: right;}
.clearleft {clear: left;}
.clearnone {clear: none;}

.clearfix::after {
content: "";
clear: both;
display: table;
}

hr.clearall {
	float: none !important; 
	clear: both !important;
	display: block !important;
	border: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	height: 0 !important;
}

.clearall {
	clear: both !important;
	float: none !important;
	display: block !important;
}
.clear {display: block; width: auto; clear: both; float: none; overflow: hidden;}

blockquote {
	border-left: 4px solid #eee;
	margin: 0;
	padding-left: 25px;
	font-style: italic;
	font-family: georgia;
}

.note {
	font-size: 12px;
	font-family: arial, verdana, sans-serif;
	font-weight: 100;
	line-height: normal;
}

.nobullet, .nobullet li {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}


/* FORMS
----------------*/
.control-group {
	margin-bottom: 5px;
}
.btn.btn-block {
	display: block;
	width: 100%;
}

input[type="button"] {cursor: pointer;}
::placeholder {color: #bbb;}
.cmseform ::placeholder{
	color: #111;
	font-family: arial;
}

.form-inline .fwrap {
	display: inline-block;
	vertical-align: top;
}
.form-inline .fwrap span {
	display: block;
}
.noshow {display: none;}
	

/* Alerts */
.alert-success {
	background: #e2f2c6;
	color: #75913d;
	border: 1px solid #75913d;
}
.alert-small {
	padding: 2px 6px;
}

button, input[type="submit"] {
	cursor: pointer;
}
a.btn {
	line-height: normal;
}


/* ThickBox*/
#TB_window {
	height: auto !important;
}
#TB_window img#TB_Image {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0;
	border: none;
}

/*iframe*/
iframe {width: 100%;}

/*Mobile*/
@media (min-width: 300px) and (max-width: 800px) {
	.flex.flex-break {
		display: block;
		margin-bottom: 10px;
	}
	.flex.flex-break.nobreak {
		display: flex;
		margin-bottom: initial;
	}
	.flex.flex-break.nobreak div.cmse-col {
		margin-bottom: initial !important;
	}
	.mobile-nobreak.elementor-section .elementor-container {
		flex-wrap: nowrap !important;
	}
}


/*animated spinner*/
.lds-dual-ring,
.lds-dual-ring:after {
  box-sizing: border-box;
}
.lds-dual-ring {
  width: 40px;
  height: 40px;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 24px;
  height: 24px;
  margin: 8px;
  border-radius: 50%;
  border: 5.4px solid #ffcc00;
  border-color: #ffcc00 transparent #ffcc00 transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

textarea.monospace {
	font-family: courier, "courier new", monospace !important; 
}