@charset "utf-8";
/*!
 - SixEightBlue v2.5 (https://www.sixeightblue.com)
 - Copyright 2007-2019 HOG Digital Lab
 - License: GNU General Public License v2 or later
 - License URI: http://www.gnu.org/licenses/gpl-2.0.htm
*/

/*
=========================================
  SixEightBlue Structure Styles
=========================================
*/

/* CSS Variables */
:root {
	--breakpoint-xxs: 480px;
	--breakpoint-xs: 560px;
	--breakpoint-sm: 720px;
	--breakpoint-md: 860px;
	--breakpoint-mm: 920px;
	--breakpoint-ml: 960px;
	--breakpoint-lg: 1090px;
	--breakpoint-xl: 1200px;
	--breakpoint-xml: 1400px;
	--breakpoint-xxl: 1600px;
  	--color-white: #ffffff;
	--color-whiteb: #ecfbff;
	--color-greyl: #f6f6f6;
	--color-blued: #196abc;
	--color-bluem: #0273ff;
  	--color-bluel: #00ace4;
	--color-greenm: #07c333;
	--font-rale: "Raleway", sans-serif;
	--font-mont: "Montserrat", sans-serif;
}

/* ========== Rows & Parents ========== */
.row {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.row-full {
  width: 100%;
  overflow: auto;
}
.basic-row {
  padding: 50px 0;
}
.bare-row {
  padding: 0;
}
.turn-flex {
  display: flex;
  flex-wrap: wrap;
}
.add-flex-between {
  justify-content: space-between;
}
.add-flex-around {
  justify-content: space-around;
}
.add-flex-middle {
  align-items: center;
}
.vertical-elements-wrap {
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.flex-left {
  justify-content: flex-start;
}
.flex-right {
  justify-content: flex-end;
}
.flex-even {
  justify-content: space-evenly;
}
.turn-full-width {
  width: 100%;
}

/* ========== Container Helpers ========== */
.container, .container-narrow, .container-large {
  max-width: 320px;
  padding: 0 10px;
  margin: 0 auto;
}
.remove-container {
  max-width: 100% !important;
}
.box-content-left, .box-content-center, .box-content-right {
  padding: 0;
}
.box-content-main {
  width: 100%;
  padding: 0;
  float: left;
}
.box-content-side {
  width: 100%;
  padding: 0;
  float: left;
}
@media(min-width: 620px) {
  .container, .container-narrow {
	max-width: 420px;
  }
}

/* ========== Columns ========== */
.box5, .box6, .box10, .box15, .box16, .box20, .box25, .box30, .box33, .box35, .box36, .box37, .box37-0, .box40, .box45, .box48, .box50, .box55, .box60, .box63, .box65, .box66, .box70, .box75, .box80, .box85, .box90, .box100, .box5-xxl, .box6-xxl, .box10-xxl, .box15-xxl, .box16-xxl, .box20-xxl, .box25-xxl, .box30-xxl, .box33-xxl, .box35-xxl, .box36-xxl, .box37-xxl, .box37-0-xxl, .box40-xxl, .box45-xxl, .box48-xxl, .box50-xxl, .box55-xxl, .box60-xxl, .box63-xxl, .box65-xxl, .box66-xxl, .box70-xxl, .box75-xxl, .box80-xxl, .box85-xxl, .box90-xxl, .box100-xxl, .box5-xml, .box6-xml, .box0-xml, .box10-xml, .box15-xml, .box16-xml, .box20-xml, .box25-xml, .box30-xml, .box33-xml, .box35-xml, .box36-xml, .box37-xml, .box37-0-xml, .box40-xml, .box45-xml, .box48-xml, .box50-xml, .box55-xml, .box60-xml, .box63-xml, .box65-xml, .box66-xml, .box70-xml, .box75-xml, .box80-xml, .box85-xml, .box90-xml, .box100-xml, .box5-xl, .box6-xl, .box10-xl, .box15-xl, .box16-xl, .box20-xl, .box25-xl, .box30-xl, .box33-xl, .box35-xl, .box36-xl, .box37-xl, .box37-0-xl, .box40-xl, .box45-xl, .box48-xl, .box50-xl, .box55-xl, .box60-xl, .box63-xl, .box65-xl, .box66-xl, .box70-xl, .box75-xl, .box80-xl, .box85-xl, .box90-xl, .box100-xl, .box5-lg, .box6-lg, .box10-lg, .box15-lg, .box16-lg, .box20-lg, .box25-lg, .box30-lg, .box33-lg, .box35-lg, .box36-lg, .box37-lg, .box37-0-lg, .box40-lg, .box45-lg, .box48-lg, .box50-lg, .box55-lg, .box60-lg, .box63-lg, .box65-lg, .box66-lg, .box70-lg, .box75-lg, .box80-lg, .box85-lg, .box90-lg, .box100-lg, .box6-mm, .box5-mm, .box10-mm, .box15-mm, .box16-mm, .box20-mm, .box25-mm, .box30-mm, .box33-mm, .box35-mm, .box36-mm, .box37-mm, .box37-0-mm, .box40-mm, .box45-mm, .box48-mm, .box50-mm, .box55-mm, .box60-mm, .box63-mm, .box65-mm, .box66-mm, .box70-mm, .box75-mm, .box80-mm, .box85-mm, .box90-mm, .box100-mm, .box5-ml, .box6-ml, .box10-ml, .box15-ml, .box16-ml, .box20-ml, .box25-ml, .box30-ml, .box33-ml, .box35-ml, .box36-ml, .box37-ml, .box37-0-ml, .box40-ml, .box45-ml, .box48-ml, .box50-ml, .box55-ml, .box60-ml, .box63-ml, .box65-ml, .box66-ml, .box70-ml, .box75-ml, .box80-ml, .box85-ml, .box90-ml, .box100-ml, .box5-md, .box6-md, .box10-md, .box15-md, .box16-md, .box20-md, .box25-md, .box30-md, .box33-md, .box35-md, .box36-md, .box37-md, .box37-0-md, .box40-md, .box45-md, .box48-md, .box50-md, .box55-md, .box60-md, .box63-md, .box65-md, .box66-md, .box70-md, .box75-md, .box80-md, .box85-md, .box90-md, .box100-md, .box5-sm, .box6-sm, .box10-sm, .box15-sm, .box16-sm, .box20-sm, .box25-sm, .box30-sm, .box33-sm, .box35-sm, .box36-sm, .box37-sm, .box37-0-sm, .box40-sm, .box45-sm, .box48-sm, .box50-sm, .box55-sm, .box60-sm, .box63-sm, .box65-sm, .box66-sm, .box70-sm, .box75-sm, .box80-sm, .box85-sm, .box90-sm, .box100-sm, .box5-xs, .box6-xs, .box10-xs, .box15-xs, .box16-xs, .box20-xs, .box25-xs, .box30-xs, .box33-xs, .box35-xs, .box36-xs, .box37-xs, .box37-0-xs, .box40-xs, .box45-xs, .box48-xs, .box50-xs, .box55-xs, .box60-xs, .box63-xs, .box65-xs, .box66-xs, .box70-xs, .box75-xs, .box80-xs, .box85-xs, .box90-xs, .box100-xs, .box5-xxs, .box6-xxs, .box10-xxs, .box15-xxs, .box16-xxs, .box20-xxs, .box25-xxs, .box30-xxs, .box33-xxs, .box35-xxs, .box36-xxs, .box37-xxs, .box37-0-xxs, .box40-xxs, .box45-xxs, .box48-xxs, .box50-xxs, .box55-xxs, .box60-xxs, .box63-xxs, .box65-xxs, .box66-xxs, .box70-xxs, .box75-xxs, .box80-xxs, .box85-xxs, .box90-xxs, .box100-xxs { box-sizing: border-box; min-height: 5px; }
.box-show {
  display: block;
}
.box0 { display: none; }
.box5 { flex-basis: 5%; max-width: 5%; }
.box6 { flex-basis: 6%; max-width: 6%; }
.box10 { flex-basis: 10%; max-width: 10%; }
.box15 { flex-basis: 15%; max-width: 15%; }
.box16 { flex-basis: 16.666666%; max-width: 16.666666%; }
.box20 { flex-basis: 20%; max-width: 20%; }
.box25 { flex-basis: 25%; max-width: 25%; }
.box30 { flex-basis: 30%; max-width: 30%; }
.box33 { flex-basis: 33.333333%; max-width: 33.333333%; }
.box35 { flex-basis: 35%; max-width: 35%; }
.box36 { flex-basis: 36.666666%; max-width: 36.666666%; }
.box37-0 { flex-basis: 37%; max-width: 37%; }
.box37 { flex-basis: 37.5%; max-width: 37.5%; }
.box40 { flex-basis: 40%; max-width: 40%; }
.box45 { flex-basis: 45%; max-width: 45%; }
.box48 { flex-basis: 48%; max-width: 48%; }
.box50 { flex-basis: 50%; max-width: 50%; }
.box55 { flex-basis: 55%; max-width: 55%; }
.box60 { flex-basis: 60%; max-width: 60%; }
.box63 { flex-basis: 63.333333%; max-width: 63.333333%; }
.box65 { flex-basis: 65%; max-width: 65%; }
.box66 { flex-basis: 66.666666%; max-width: 66.666666%; }
.box70 { flex-basis: 70%; max-width: 70%; }
.box75 { flex-basis: 75%; max-width: 75%; }
.box80 { flex-basis: 80%; max-width: 80%; }
.box85 { flex-basis: 85%; max-width: 85%; }
.box90 { flex-basis: 90%; max-width: 90%; }
.box100 { flex-basis: 100%; max-width: 100%; }	

@media(min-width: 480px) {
	.box-show-xxs {
		display: block;
	}
	.box0-xxs { display: none; }
	.box5-xxs { flex-basis: 5%; max-width: 5%; }
	.box6-xxs { flex-basis: 6%; max-width: 6%; }
	.box10-xxs { flex-basis: 10%; max-width: 10%; }
	.box15-xxs { flex-basis: 15%; max-width: 15%; }
	.box16-xxs { flex-basis: 16.666666%; max-width: 16.666666%; }
	.box20-xxs { flex-basis: 20%; max-width: 20%; }
	.box25-xxs { flex-basis: 25%; max-width: 25%; }
	.box30-xxs { flex-basis: 30%; max-width: 30%; }
	.box33-xxs { flex-basis: 33.333333%; max-width: 33.333333%; }
	.box35-xxs { flex-basis: 35%; max-width: 35%; }
	.box36-xxs { flex-basis: 36.666666%; max-width: 36.666666%; }
	.box37-0-xxs { flex-basis: 37%; max-width: 37%; }
	.box37-xxs { flex-basis: 37.5%; max-width: 37.5%; }
	.box40-xxs { flex-basis: 40%; max-width: 40%; }
	.box45-xxs { flex-basis: 45%; max-width: 45%; }
	.box48-xxs { flex-basis: 48%; max-width: 48%; }
	.box50-xxs { flex-basis: 50%; max-width: 50%; }
	.box55-xxs { flex-basis: 55%; max-width: 55%; }
	.box60-xxs { flex-basis: 60%; max-width: 60%; }
	.box63-xxs { flex-basis: 63.333333%; max-width: 63.333333%; }
	.box65-xxs { flex-basis: 65%; max-width: 65%; }
	.box66-xxs { flex-basis: 66.666666%; max-width: 66.666666%; }
	.box70-xxs { flex-basis: 70%; max-width: 70%; }
	.box75-xxs { flex-basis: 75%; max-width: 75%; }
	.box80-xxs { flex-basis: 80%; max-width: 80%; }
	.box85-xxs { flex-basis: 85%; max-width: 85%; }
	.box90-xxs { flex-basis: 90%; max-width: 90%; }
	.box100-xxs { flex-basis: 100%; max-width: 100%; }	
}
@media(min-width: 560px) {
	.box-show-xs {
		display: block;
	}
	.box0-xs { display: none; }
	.box5-xs { flex-basis: 5%; max-width: 5%; }
	.box6-xs { flex-basis: 6%; max-width: 6%; }
	.box10-xs { flex-basis: 10%; max-width: 10%; }
	.box15-xs { flex-basis: 15%; max-width: 15%; }
	.box16-xs { flex-basis: 16.666666%; max-width: 16.666666%; }
	.box20-xs { flex-basis: 20%; max-width: 20%; }
	.box25-xs { flex-basis: 25%; max-width: 25%; }
	.box30-xs { flex-basis: 30%; max-width: 30%; }
	.box33-xs { flex-basis: 33.333333%; max-width: 33.333333%; }
	.box35-xs { flex-basis: 35%; max-width: 35%; }
	.box36-xs { flex-basis: 36.666666%; max-width: 36.666666%; }
	.box37-0-xs { flex-basis: 37%; max-width: 37%; }
	.box37-xs { flex-basis: 37.5%; max-width: 37.5%; }
	.box40-xs { flex-basis: 40%; max-width: 40%; }
	.box45-xs { flex-basis: 45%; max-width: 45%; }
	.box48-xs { flex-basis: 48%; max-width: 48%; }
	.box50-xs { flex-basis: 50%; max-width: 50%; }
	.box55-xs { flex-basis: 55%; max-width: 55%; }
	.box60-xs { flex-basis: 60%; max-width: 60%; }
	.box63-xs { flex-basis: 63.333333%; max-width: 63.333333%; }
	.box65-xs { flex-basis: 65%; max-width: 65%; }
	.box66-xs { flex-basis: 66.666666%; max-width: 66.666666%; }
	.box70-xs { flex-basis: 70%; max-width: 70%; }
	.box75-xs { flex-basis: 75%; max-width: 75%; }
	.box80-xs { flex-basis: 80%; max-width: 80%; }
	.box85-xs { flex-basis: 85%; max-width: 85%; }
	.box90-xs { flex-basis: 90%; max-width: 90%; }
	.box100-xs { flex-basis: 100%; max-width: 100%; }
}
@media(min-width: 720px) {
	.container, .container-narrow  {
		max-width: 620px;
	}
	.box-show-sm {
		display: block;
	}
	.box0-sm { display: none; }
	.box5-sm { flex-basis: 5%; max-width: 5%; }
	.box6-sm { flex-basis: 6%; max-width: 6%; }
	.box10-sm { flex-basis: 10%; max-width: 10%; }
	.box15-sm { flex-basis: 15%; max-width: 15%; }
	.box16-sm { flex-basis: 16.666666%; max-width: 16.666666%; }
	.box20-sm { flex-basis: 20%; max-width: 20%; }
	.box25-sm { flex-basis: 25%; max-width: 25%; }
	.box30-sm { flex-basis: 30%; max-width: 30%; }
	.box33-sm { flex-basis: 33.333333%; max-width: 33.333333%; }
	.box35-sm { flex-basis: 35%; max-width: 35%; }
	.box36-sm { flex-basis: 36.666666%; max-width: 36.666666%; }
	.box37-0-sm { flex-basis: 37%; max-width: 37%; }
	.box37-sm { flex-basis: 37.5%; max-width: 37.5%; }
	.box40-sm { flex-basis: 40%; max-width: 40%; }
	.box45-sm { flex-basis: 45%; max-width: 45%; }
	.box48-sm { flex-basis: 48%; max-width: 48%; }
	.box50-sm { flex-basis: 50%; max-width: 50%; }
	.box55-sm { flex-basis: 55%; max-width: 55%; }
	.box60-sm { flex-basis: 60%; max-width: 60%; }
	.box63-sm { flex-basis: 63.333333%; max-width: 63.333333%; }
	.box65-sm { flex-basis: 65%; max-width: 65%; }
	.box66-sm { flex-basis: 66.666666%; max-width: 66.666666%; }
	.box70-sm { flex-basis: 70%; max-width: 70%; }
	.box75-sm { flex-basis: 75%; max-width: 75%; }
	.box80-sm { flex-basis: 80%; max-width: 80%; }
	.box85-sm { flex-basis: 85%; max-width: 85%; }
	.box90-sm { flex-basis: 90%; max-width: 90%; }
	.box100-sm { flex-basis: 100%; max-width: 100%; }	
}	
@media(min-width: 860px) {
	.container {
		max-width: 760px;
	}
	.container-large {
		max-width: 92% !important;
	}
	.container-wide {
		max-width: 98% !important;
	}
	.box-content-left {
		padding: 0 10px 0 0;
	}
	.box-content-center {
		padding: 0 10px 0 10px;
	}
	.box-content-right {
		padding: 0 0 0 10px;
	}
	.box-content-main {
		width: 70%;
		padding: 0 10px 0 0;
	}
	.box-content-side {
		width: 30%;
		padding: 0 0 0 10px;
	}
	.box-show-md {
		display: block;
	}
	.box0-md { display: none; }
	.box5-md { flex-basis: 5%; max-width: 5%; }
	.box6-md { flex-basis: 6%; max-width: 6%; }
	.box10-md { flex-basis: 10%; max-width: 10%; }
	.box15-md { flex-basis: 15%; max-width: 15%; }
	.box16-md { flex-basis: 16.666666%; max-width: 16.666666%; }
	.box20-md { flex-basis: 20%; max-width: 20%; }
	.box25-md { flex-basis: 25%; max-width: 25%; }
	.box30-md { flex-basis: 30%; max-width: 30%; }
	.box33-md { flex-basis: 33.333333%; max-width: 33.333333%; }
	.box35-md { flex-basis: 35%; max-width: 35%; }
	.box36-md { flex-basis: 36.666666%; max-width: 36.666666%; }
	.box37-0-md { flex-basis: 37%; max-width: 37%; }
	.box37-md { flex-basis: 37.5%; max-width: 37.5%; }
	.box40-md { flex-basis: 40%; max-width: 40%; }
	.box45-md { flex-basis: 45%; max-width: 45%; }
	.box48-md { flex-basis: 48%; max-width: 48%; }
	.box50-md { flex-basis: 50%; max-width: 50%; }
	.box55-md { flex-basis: 55%; max-width: 55%; }
	.box60-md { flex-basis: 60%; max-width: 60%; }
	.box63-md { flex-basis: 63.333333%; max-width: 63.333333%; }
	.box65-md { flex-basis: 65%; max-width: 65%; }
	.box66-md { flex-basis: 66.666666%; max-width: 66.666666%; }
	.box70-md { flex-basis: 70%; max-width: 70%; }
	.box75-md { flex-basis: 75%; max-width: 75%; }
	.box80-md { flex-basis: 80%; max-width: 80%; }
	.box85-md { flex-basis: 85%; max-width: 85%; }
	.box90-md { flex-basis: 90%; max-width: 90%; }
	.box100-md { flex-basis: 100%; max-width: 100%; }
}
@media(min-width: 920px) {
	.box-show-mm {
		display: block;
	}
	.box0-mm { display: none; }
	.box5-mm { flex-basis: 5%; max-width: 5%; }
	.box6-mm { flex-basis: 6%; max-width: 6%; }
	.box10-mm { flex-basis: 10%; max-width: 10%; }
	.box15-mm { flex-basis: 15%; max-width: 15%; }
	.box16-mm { flex-basis: 16.666666%; max-width: 16.666666%; }
	.box20-mm { flex-basis: 20%; max-width: 20%; }
	.box25-mm { flex-basis: 25%; max-width: 25%; }
	.box30-mm { flex-basis: 30%; max-width: 30%; }
	.box33-mm { flex-basis: 33.333333%; max-width: 33.333333%; }
	.box35-mm { flex-basis: 35%; max-width: 35%; }
	.box36-mm { flex-basis: 36.666666%; max-width: 36.666666%; }
	.box37-0-mm { flex-basis: 37%; max-width: 37%; }
	.box37-mm { flex-basis: 37.5%; max-width: 37.5%; }
	.box40-mm { flex-basis: 40%; max-width: 40%; }
	.box45-mm { flex-basis: 45%; max-width: 45%; }
	.box48-mm { flex-basis: 48%; max-width: 48%; }
	.box50-mm { flex-basis: 50%; max-width: 50%; }
	.box55-mm { flex-basis: 55%; max-width: 55%; }
	.box60-mm { flex-basis: 60%; max-width: 60%; }
	.box63-mm { flex-basis: 63.333333%; max-width: 63.333333%; }
	.box65-mm { flex-basis: 65%; max-width: 65%; }
	.box66-mm { flex-basis: 66.666666%; max-width: 66.666666%; }
	.box70-mm { flex-basis: 70%; max-width: 70%; }
	.box75-mm { flex-basis: 75%; max-width: 75%; }
	.box80-mm { flex-basis: 80%; max-width: 80%; }
	.box85-mm { flex-basis: 85%; max-width: 85%; }
	.box90-mm { flex-basis: 90%; max-width: 90%; }
	.box100-mm { flex-basis: 100%; max-width: 100%; }	
}
@media(min-width: 960px) {
	.container {
		max-width: 860px;
	}
	.box-show-ml {
		display: block;
	}
	.box0-ml { display: none; }
	.box5-ml { flex-basis: 5%; max-width: 5%; }
	.box6-ml { flex-basis: 6%; max-width: 6%; }
	.box10-ml { flex-basis: 10%; max-width: 10%; }
	.box15-ml { flex-basis: 15%; max-width: 15%; }
	.box16-ml { flex-basis: 16.666666%; max-width: 16.666666%; }
	.box20-ml { flex-basis: 20%; max-width: 20%; }
	.box25-ml { flex-basis: 25%; max-width: 25%; }
	.box30-ml { flex-basis: 30%; max-width: 30%; }
	.box33-ml { flex-basis: 33.333333%; max-width: 33.333333%; }
	.box35-ml { flex-basis: 35%; max-width: 35%; }
	.box36-ml { flex-basis: 36.666666%; max-width: 36.666666%; }
	.box37-0-ml { flex-basis: 37%; max-width: 37%; }
	.box37-ml { flex-basis: 37.5%; max-width: 37.5%; }
	.box40-ml { flex-basis: 40%; max-width: 40%; }
	.box45-ml { flex-basis: 45%; max-width: 45%; }
	.box48-ml { flex-basis: 48%; max-width: 48%; }
	.box50-ml { flex-basis: 50%; max-width: 50%; }
	.box55-ml { flex-basis: 55%; max-width: 55%; }
	.box60-ml { flex-basis: 60%; max-width: 60%; }
	.box63-ml { flex-basis: 63.333333%; max-width: 63.333333%; }
	.box65-ml { flex-basis: 65%; max-width: 65%; }
	.box66-ml { flex-basis: 66.666666%; max-width: 66.666666%; }
	.box70-ml { flex-basis: 70%; max-width: 70%; }
	.box75-ml { flex-basis: 75%; max-width: 75%; }
	.box80-ml { flex-basis: 80%; max-width: 80%; }
	.box85-ml { flex-basis: 85%; max-width: 85%; }
	.box90-ml { flex-basis: 90%; max-width: 90%; }
	.box100-ml { flex-basis: 100%; max-width: 100%; }	
}
@media(min-width: 1090px) {
	.container {
		max-width: 990px;
	}
	.box-content-left {
		padding: 0 20px 0 0;
	}
	.box-content-center {
		padding: 0 20px 0 20px;
	}
	.box-content-right {
		padding: 0 0 0 20px;
	}
	.box-content-main {
		padding: 0 20px 0 0;
	}
	.box-content-side {
		padding: 0 0 0 20px;
	}
	.box-show-lg {
		display: block;
	}
	.box0-lg { display: none; }
	.box5-lg { flex-basis: 5%; max-width: 5%; }
	.box6-lg { flex-basis: 6%; max-width: 6%; }
	.box10-lg { flex-basis: 10%; max-width: 10%; }
	.box15-lg { flex-basis: 15%; max-width: 15%; }
	.box16-lg { flex-basis: 16.666666%; max-width: 16.666666%; }
	.box20-lg { flex-basis: 20%; max-width: 20%; }
	.box25-lg { flex-basis: 25%; max-width: 25%; }
	.box30-lg { flex-basis: 30%; max-width: 30%; }
	.box33-lg { flex-basis: 33.333333%; max-width: 33.333333%; }
	.box35-lg { flex-basis: 35%; max-width: 35%; }
	.box36-lg { flex-basis: 36.666666%; max-width: 36.666666%; }
	.box37-0-lg { flex-basis: 37%; max-width: 37%; }
	.box37-lg { flex-basis: 37.5%; max-width: 37.5%; }
	.box40-lg { flex-basis: 40%; max-width: 40%; }
	.box45-lg { flex-basis: 45%; max-width: 45%; }
	.box48-lg { flex-basis: 48%; max-width: 48%; }
	.box50-lg { flex-basis: 50%; max-width: 50%; }
	.box55-lg { flex-basis: 55%; max-width: 55%; }
	.box60-lg { flex-basis: 60%; max-width: 60%; }
	.box63-lg { flex-basis: 63.333333%; max-width: 63.333333%; }
	.box65-lg { flex-basis: 65%; max-width: 65%; }
	.box66-lg { flex-basis: 66.666666%; max-width: 66.666666%; }
	.box70-lg { flex-basis: 70%; max-width: 70%; }
	.box75-lg { flex-basis: 75%; max-width: 75%; }
	.box80-lg { flex-basis: 80%; max-width: 80%; }
	.box85-lg { flex-basis: 85%; max-width: 85%; }
	.box90-lg { flex-basis: 90%; max-width: 90%; }
	.box100-lg { flex-basis: 100%; max-width: 100%; }
}
@media(min-width: 1200px) {
	.container {
		max-width: 1180px;
	}
	.box-show-xl {
		display: block;
	}
	.box0-xl { display: none; }
	.box5-xl { flex-basis: 5%; max-width: 5%; }
	.box6-xl { flex-basis: 6%; max-width: 6%; }
	.box10-xl { flex-basis: 10%; max-width: 10%; }
	.box15-xl { flex-basis: 15%; max-width: 15%; }
	.box16-xl { flex-basis: 16.666666%; max-width: 16.666666%; }
	.box20-xl { flex-basis: 20%; max-width: 20%; }
	.box25-xl { flex-basis: 25%; max-width: 25%; }
	.box30-xl { flex-basis: 30%; max-width: 30%; }
	.box33-xl { flex-basis: 33.333333%; max-width: 33.333333%; }
	.box35-xl { flex-basis: 35%; max-width: 35%; }
	.box36-xl { flex-basis: 36.666666%; max-width: 36.666666%; }
	.box37-0-xl { flex-basis: 37%; max-width: 37%; }
	.box37-xl { flex-basis: 37.5%; max-width: 37.5%; }
	.box40-xl { flex-basis: 40%; max-width: 40%; }
	.box45-xl { flex-basis: 45%; max-width: 45%; }
	.box48-xl { flex-basis: 48%; max-width: 48%; }
	.box50-xl { flex-basis: 50%; max-width: 50%; }
	.box55-xl { flex-basis: 55%; max-width: 55%; }
	.box60-xl { flex-basis: 60%; max-width: 60%; }
	.box63-xl { flex-basis: 63.333333%; max-width: 63.333333%; }
	.box65-xl { flex-basis: 65%; max-width: 65%; }
	.box66-xl { flex-basis: 66.666666%; max-width: 66.666666%; }
	.box70-xl { flex-basis: 70%; max-width: 70%; }
	.box75-xl { flex-basis: 75%; max-width: 75%; }
	.box80-xl { flex-basis: 80%; max-width: 80%; }
	.box85-xl { flex-basis: 85%; max-width: 85%; }
	.box90-xl { flex-basis: 90%; max-width: 90%; }
	.box100-xl { flex-basis: 100%; max-width: 100%; }
}
@media(min-width: 1400px) {
	.box-show-xml {
		display: block;
	}
	.clear-all-xml {
		clear: both;
	}
	.box0-xml { display: none; }
	.box5-xml { flex-basis: 5%; max-width: 5%; }
	.box6-xml { flex-basis: 6%; max-width: 6%; }
	.box10-xml { flex-basis: 10%; max-width: 10%; }
	.box15-xml { flex-basis: 15%; max-width: 15%; }
	.box16-xml { flex-basis: 16.666666%; max-width: 16.666666%; }
	.box20-xml { flex-basis: 20%; max-width: 20%; }
	.box25-xml { flex-basis: 25%; max-width: 25%; }
	.box30-xml { flex-basis: 30%; max-width: 30%; }
	.box33-xml { flex-basis: 33.333333%; max-width: 33.333333%; }
	.box35-xml { flex-basis: 35%; max-width: 35%; }
	.box36-xml { flex-basis: 36.666666%; max-width: 36.666666%; }
	.box37-0-xml { flex-basis: 37%; max-width: 37%; }
	.box37-xml { flex-basis: 37.5%; max-width: 37.5%; }
	.box40-xml { flex-basis: 40%; max-width: 40%; }
	.box45-xml { flex-basis: 45%; max-width: 45%; }
	.box48-xml { flex-basis: 48%; max-width: 48%; }
	.box50-xml { flex-basis: 50%; max-width: 50%; }
	.box55-xml { flex-basis: 55%; max-width: 55%; }
	.box60-xml { flex-basis: 60%; max-width: 60%; }
	.box63-xml { flex-basis: 63.333333%; max-width: 63.333333%; }
	.box65-xml { flex-basis: 65%; max-width: 65%; }
	.box66-xml { flex-basis: 66.666666%; max-width: 66.666666%; }
	.box70-xml { flex-basis: 70%; max-width: 70%; }
	.box75-xml { flex-basis: 75%; max-width: 75%; }
	.box80-xml { flex-basis: 80%; max-width: 80%; }
	.box85-xml { flex-basis: 85%; max-width: 85%; }
	.box90-xml { flex-basis: 90%; max-width: 90%; }
	.box100-xml { flex-basis: 100%; max-width: 100%; }	
}
@media(min-width: 1600px) {
	.container {
		max-width: 1200px;
	}
	.container-narrow {
		max-width: 750px !important;
	}
	.container-large {
		max-width: 1500px !important;
	}
	.box-show-xxl {
		display: block;
	}
	.box0-xxl { display: none; }
	.box5-xxl { flex-basis: 5%; max-width: 5%; }
	.box6-xxl { flex-basis: 6%; max-width: 6%; }
	.box10-xxl { flex-basis: 10%; max-width: 10%; }
	.box15-xxl { flex-basis: 15%; max-width: 15%; }
	.box16-xxl { flex-basis: 16.666666%; max-width: 16.666666%; }
	.box20-xxl { flex-basis: 20%; max-width: 20%; }
	.box25-xxl { flex-basis: 25%; max-width: 25%; }
	.box30-xxl { flex-basis: 30%; max-width: 30%; }
	.box33-xxl { flex-basis: 33.333333%; max-width: 33.333333%; }
	.box35-xxl { flex-basis: 35%; max-width: 35%; }
	.box36-xxl { flex-basis: 36.666666%; max-width: 36.666666%; }
	.box37-0-xxl { flex-basis: 37%; max-width: 37%; }
	.box37-xxl { flex-basis: 37.5%; max-width: 37.5%; }
	.box40-xxl { flex-basis: 40%; max-width: 40%; }
	.box45-xxl { flex-basis: 45%; max-width: 45%; }
	.box48-xxl { flex-basis: 48%; max-width: 48%; }
	.box50-xxl { flex-basis: 50%; max-width: 50%; }
	.box55-xxl { flex-basis: 55%; max-width: 55%; }
	.box60-xxl { flex-basis: 60%; max-width: 60%; }
	.box63-xxl { flex-basis: 63.333333%; max-width: 63.333333%; }
	.box65-xxl { flex-basis: 65%; max-width: 65%; }
	.box66-xxl { flex-basis: 66.666666%; max-width: 66.666666%; }
	.box70-xxl { flex-basis: 70%; max-width: 70%; }
	.box75-xxl { flex-basis: 75%; max-width: 75%; }
	.box80-xxl { flex-basis: 80%; max-width: 80%; }
	.box85-xxl { flex-basis: 85%; max-width: 85%; }
	.box90-xxl { flex-basis: 90%; max-width: 90%; }
	.box100-xxl { flex-basis: 100%; max-width: 100%; }	
}

/*
============================================================================
  Basic Nav Menu
============================================================================
*/
/* ========== Nav Menu ========== */
#menu-toggle {
	padding: 10px 20px 10px 20px;
	border: 1px solid #222;
	border-radius: 4px 0 0 4px;
	position: absolute;
	top: 10px;
	right: 0;
	background-color: #222;
	font-size: 20px;
	color: #fff;
	cursor: pointer;
	transition: 0.2s linear;
}

@media(min-width: 860px) {
	#menu-toggle {
		display: none;
		padding: 30px 45px 10px 30px;
		border: none;
		border-bottom: 1px solid #fff;
		border-radius: 0;
		background-color: transparent;
		color: #fff;
	}
}
/*
============================================================================
  Advanced Nav Menu
============================================================================
*/


/*
============================================================================
  Base Colors
============================================================================
*/
/* ========== Basic Colors ========== */
.color-white {
  color: #fff !important;
}
.color-black {
  color: #000 !important;
}
.color-light-gray {
  color: #c8c8c8 !important;
}
.color-dark-gray {
  color: #323232 !important;
}
.color-red {
  color: #e50000 !important;
}
.color-green {
  color: #05db00 !important;
}
.color-blue {
  color: #001bd9 !important;
}
.color-yellow {
  color: #e2df00 !important;
}

/*
============================================================================
  Alignment & Spacing
============================================================================
*/
/* ========== Position ========== */
.turn-relative {
  position: relative;
}
.turn-absolute {
  position: absolute;
}
.position-right {
  float: right;
}
.position-left {
  float: left;
}
.position-center {
  margin: 0 auto;
}
.valign-middle {
  vertical-align: middle;
}
.top-align-mid-10 {
  position: absolute;
  top: 50%;
  margin-top: -5px
}
.top-align-mid-20 {
  position: absolute;
  top: 50%;
  margin-top: -10px
}
.top-align-mid-30 {
  position: absolute;
  top: 50%;
  margin-top: -15px
}
.top-align-mid-40 {
  position: absolute;
  top: 50%;
  margin-top: -20px
}
.top-align-mid-50 {
  position: absolute;
  top: 50%;
  margin-top: -25px
}
.top-align-mid-60 {
  position: absolute;
  top: 50%;
  margin-top: -30px
}
.top-align-mid-70 {
  position: absolute;
  top: 50%;
  margin-top: -35px
}
.top-align-mid-80 {
  position: absolute;
  top: 50%;
  margin-top: -40px
}
.top-align-mid-90 {
  position: absolute;
  top: 50%;
  margin-top: -45px
}
.top-align-mid-100 {
  position: absolute;
  top: 50%;
  margin-top: -50px
}

/* ========== Spacing ========== */
.remove-space-top {
  padding-top: 0;
  margin-top: 0;
}
.remove-space-bottom {
  padding-bottom: 0;
  margin-bottom: 0;
}
.row-pad-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.row-pad-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}
.row-pad-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}
.row-pad-120 {
  padding-top: 120px;
  padding-bottom: 120px;
}
.letter-spacer {
  letter-spacing: 1px;
}
.line-spacer {
  line-height: 140%;
}

/*
============================================================================
  Image Classes
============================================================================
*/
/* ========== Images ========== */
.img-block {
  display: block;
}
.img-responsive {
  width: 100%;
  height: auto;
}
.img-responsive-limit, p img {
  width: auto;
  max-width: 100%;
  height: auto;
}
.img-right, .alignright {
  float: right;
  margin: 0 0 1px 15px;
}
.img-left, .alignleft {
  float: left;
  margin: 0 15px 1px 0;
}
.img-center, .aligncenter {
  display: block;
  margin: 0 auto !important;
}
.img-max55 {
  max-width: 55px;
}
.img-max80 {
  max-width: 80px;
}
.img-max100 {
  max-width: 100px;
}
.img-max120 {
  max-width: 120px;
}
.img-max150 {
  max-width: 150px;
}
.img-max180 {
  max-width: 180px;
}
.img-max200 {
  max-width: 200px;
}
.img-max220 {
  max-width: 220px;
}
.img-max250 {
  max-width: 250px;
}
.img-max280 {
  max-width: 280px;
}
.img-max300 {
  max-width: 300px;
}
.img-max320 {
  max-width: 320px;
}
.img-max350 {
  max-width: 350px;
}
.img-max400 {
  max-width: 400px;
}
.img-max500 {
  max-width: 500px;
}
.img-max560 {
  max-width: 560px;
}
.img-max590 {
  max-width: 590px;
}
.img-max600 {
  max-width: 600px;
}
.img-max700 {
  max-width: 700px;
}
.img-max800 {
  max-width: 800px;
}

/*
============================================================================
  Text Classes
============================================================================
*/
/* ========== Text ========== */
.txt-important {
  font-family: 'ralewaysemibold', Arial, sans-serif;
  color: #333;
}
.bold-txt {
  font-weight: bold;
}
.quote-txt-13 {
  font-size: 0.812em;
  font-weight: bold;
}
.quote-txt-15 {
  font-size: 0.937em;
  font-weight: bold;
}
.quote-txt-18 {
  font-size: 1.125em;
  font-weight: bold;
}
.quote-txt-22 {
  font-size: 1.375em;
  font-weight: bold;
}
.quote-txt-26 {
  font-size: 1.625em;
  font-weight: bold;
}
.txt-uderline {
  text-decoration: underline;
}
.feat-paragraph {
  margin: 30px 0 10px;
  font-family: 'ralewaysemibold', Arial, sans-serif;
  font-size: 24px;
}
.normalize-txt-weight {
  font-weight: normal !important;
}
.normalize-txt-decor {
  text-decoration: none !important;
}
.normalize-txt-caps {
  text-transform: none !important;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}

/*
============================================================================
  Links & Buttons
============================================================================
*/
/* ========== Buttons ========== */
.btn {
    padding: 20px 30px;
    background-color: var(--color-bluem);
    color: var(--color-white) !important;
    transition: 0.3s linear;
}
.btn-primary {
    font-size: 18px;
}
.btn-primary:hover {
	background-color: var(--color-blued);
	color: #fff !important;
}
.btn-secondary {
    font-size: 15px;
}
.btn-secondary:hover {
	background: var(--color-blued);
	color: #fff !important;
}


/*
============================================================================
  Video
============================================================================
*/

/* ----------------- Back to Top ----------------- */
.seb-btt-wrap {
	width: 90%;
	max-width: 768px;
	margin: 2em auto;
}
.seb-btt-wrap::after {
	content: '';
	display: table;
	clear: both;
}
.seb-btt-top {
	display: inline-block;
	width: 60px;
	height: 40px; 
	border-right: 5px solid #6f0000;
	border-radius: 3px 0 0 3px;
	position: fixed;
	bottom: 50px;
	right: 0;
	background: rgba(0, 0, 0, 0.6) url(images/cd-top-arrow.svg) no-repeat center 50%;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;  
	visibility: hidden;
	opacity: 0;
	z-index: 99999;
	transition: opacity 0.5s, visibility 0.5s;
}
.seb-btt-top.seb-btt-visible, .seb-btt-top.seb-btt-invisible, .no-touch .seb-btt-top:hover {
	transition: opacity .5s 0s, visibility 0s 0s;
}
.seb-btt-top.seb-btt-visible {
	visibility: visible;
	opacity: 1;
}
.seb-btt-top.seb-btt-invisible {
	opacity: .7;
}
.no-touch .seb-bt-top:hover {
	background-color: #000000;
	opacity: 1;
}

/*
============================================================================
  Js Function Complements
============================================================================
*/
.slide-in {
    opacity: 0;
    transform: translateX(0); /* Default position for safety */
    transition: opacity 0.6s ease, transform 0.6s ease;
    will-change: opacity, transform;
}

.slide-in.left {
    transform: translateX(-100%);
}

.slide-in.right {
    transform: translateX(100%);
}

.slide-in.top {
    transform: translateY(-100%);
}

.slide-in.bottom {
    transform: translateY(100%);
}

.slide-in.visible {
    opacity: 1;
    transform: translateX(0) translateY(0); /* Reset transform when visible */
}
/*----------Counter----------*/
.counter {
    font-size: 2rem;
    font-weight: bold;
    transition: color 0.6s ease;
}
.counter-apend {
	font-family: var(--font-mont);
    font-size: 2.5rem;
    font-weight: 700;
}
/*----------Slider----------*/
.testimonial-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 20px 0;
}

.testimonial-slider .slides {
    display: flex;
    transition: transform 0.5s ease-in-out;
    width: 100%;
}

.testimonial-slider .slide {
    min-width: 100%;
    /*text-align: center;*/
    opacity: 0;
    transform: translateX(100%);
    transition: opacity 0.5s ease, transform 0.5s ease;
    position: absolute;
}

.testimonial-slider .slide.active {
    opacity: 1;
    transform: translateX(0);
    position: relative;
}

.testimonial-slider .dots {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
}

.testimonial-slider .dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ccc;
    border: none;
    cursor: pointer;
    transition: background 0.3s;
}

.testimonial-slider .dot.active {
    background: #333;
}



/*
============================================================================
  Other
============================================================================
*/
/* ========== Other ========== */
.clearfix::after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
.clear-all {
	clear: both;
}

.arrow-up {
	width: 0; 
	height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #eee;
}

.arrow-down {
	width: 0; 
	height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #eee;
}

.arrow-right {
	width: 0; 
	height: 0; 
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #eee;
}

.arrow-left {
	width: 0; 
	height: 0; 
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent; 
	border-right: 20px solid #eee; 
}