/* @import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700,900,100,100italic,300italic,400italic,500italic,700italic,900italic); */
/* fwk-ab-layout 2020 /////

Media widths ----------------------

Standard    - 
Large		- lg  (max-width: 1199px)
Medium 		- md (max-width: 991px)
Small  		- sm (max-width: 767px)
Extra Small - xs (max-width: 575px)  


------------------------------------ */
/* Variables */

/* Poppins – local from packages/ab2025/fonts/Poppins (TTF) */
@font-face {
	font-family: "Poppins";
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url("../fonts/Poppins/Poppins-Light.ttf") format("truetype");
}
@font-face {
	font-family: "Poppins";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/Poppins/Poppins-Regular.ttf") format("truetype");
}
@font-face {
	font-family: "Poppins";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/Poppins/Poppins-Medium.ttf") format("truetype");
}
@font-face {
	font-family: "Poppins";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../fonts/Poppins/Poppins-SemiBold.ttf") format("truetype");
}
@font-face {
	font-family: "Poppins";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/Poppins/Poppins-Bold.ttf") format("truetype");
}
@font-face {
	font-family: "Poppins";
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url("../fonts/Poppins/Poppins-ExtraBold.ttf") format("truetype");
}
.screen-reader {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	top: 0;
	left: 0;
}

.screen-reader-focusable:active,
.screen-reader-focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: fixed;
	width: auto;
	background-color: #e66c36;
	padding: 15px;
	color: #fff;
	z-index: 999;
}

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

body {
	overflow-y: scroll;
	min-width: 375px;
	margin: 0;
	padding: 0;
}

a,
a:hover {
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

hr {
	border: 1px solid #cacaca;
	border-width: 1px 0 0;
}

ul {
	margin: 0;
	padding: 0;
}
ul li {
	list-style-type: none;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}

section {
	clear: both;
}
section .container {
	padding: 50px 40px;
}

.container {
	width: auto;
	max-width: 1200px;
	margin: 0 auto;
	height: inherit;
	padding: 0px 20px 0px;
	clear: both;
}
.container .container {
	padding: 50px 20px;
}

.row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	justify-content: center;
}

.col {
	/*border:1px solid #000; */
	width: 100%;
}

.wrap {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.feature {
	padding: 70px 40px;
	position: relative;
	z-index: 1;
	overflow: hidden;
	min-height: 300px;
}

.am-block {
    max-width: initial;
}

.w-0 {
	display: none;
}

.w-10 {
	max-width: 10%;
	width: 10%;
}

.w-20 {
	max-width: 20%;
	width: 20%;
}

.w-30 {
	max-width: 30%;
	width: 30%;
}

.w-40 {
	max-width: 40%;
	width: 40%;
}

.w-50 {
	max-width: 50%;
	width: 50%;
}

.w-60 {
	max-width: 60%;
	width: 60%;
}

.w-70 {
	max-width: 70%;
	width: 70%;
}

.w-80 {
	max-width: 80%;
	width: 80%;
}

.w-90 {
	max-width: 90%;
	width: 90%;
}

.w-100 {
	max-width: 100%;
	width: 100%;
}

.w-10,
.w-20,
.w-30,
.w-40,
.w-50,
.w-60,
.w-70,
.w-80,
.w-90,
.w-100 {
	display: initial;
}

.vw-50 {
	max-width: 50vw;
	margin: 0 auto;
}

.vw-60 {
	max-width: 60vw;
	margin: 0 auto;
}

.vw-70 {
	max-width: 70vw;
	margin: 0 auto;
}

.vw-80 {
	max-width: 80vw;
	margin: 0 auto;
}

.vw-90 {
	max-width: 90vw;
	margin: 0 auto;
}

.vw-100 {
	max-width: 100vw;
	margin: initial;
}

.full {
	max-width: 100%;
	padding: 0;
}

.full-width {
	max-width: 100%;
	width: 100%;
}

.col-0 {
	width: 0%;
}

.col-1 {
	width: 8.33%;
}

.col-2 {
	width: 16.66%;
}

.col-3 {
	width: 24.9%;
}

.col-4 {
	width: 33.2%;
}

.col-5 {
	width: 41.5%;
}

.col-6 {
	width: 49.9%;
}

.col-7 {
	width: 58.3%;
}

.col-8 {
	width: 66.6%;
}

.col-9 {
	width: 74.9%;
}

.col-10 {
	width: 83.25%;
}

.col-11 {
	width: 91.6%;
}

.col-12 {
	width: 99.6%;
}

.col-0,
.col-0-xs,
.col-0-sm,
.col-0-md,
.col-0-lg,
.col-1,
.col-1-xs,
.col-1-sm,
.col-1-md,
.col-1-lg,
.col-2,
.col-2-xs,
.col-2-sm,
.col-2-md,
.col-2-lg,
.col-3,
.col-3-xs,
.col-3-sm,
.col-3-md,
.col-3-lg,
.col-4,
.col-4-xs,
.col-4-sm,
.col-4-md,
.col-4-lg,
.col-5,
.col-5-xs,
.col-5-sm,
.col-5-md,
.col-5-lg,
.col-6,
.col-6-xs,
.col-6-sm,
.col-6-md,
.col-6-lg,
.col-7,
.col-7-xs,
.col-7-sm,
.col-7-md,
.col-7-lg,
.col-8,
.col-8-xs,
.col-8-sm,
.col-8-md,
.col-8-lg,
.col-9,
.col-9-xs,
.col-9-sm,
.col-9-md,
.col-9-lg,
.col-10,
.col-10-xs,
.col-10-sm,
.col-10-md,
.col-10-lg,
.col-11,
.col-11-xs,
.col-11-sm,
.col-11-md,
.col-11-lg {
	float: left;
}

/* cards  */
/*.x-2{
	.col { width:46.8%; margin: 1.5%; float: left; }
}

.x-3{
	.col { width:30%; margin: 1.5%; float: left; }
}

.x-4{
	.col { width:21.8%; margin: 1.5%; float: left; }
}
*/
.column-1 {
	-webkit-column-count: 1;
	column-count: 1;
}

.column-2 {
	-webkit-column-count: 2;
	column-count: 2;
}

.column-3 {
	-webkit-column-count: 3;
	column-count: 3;
}

.column-4 {
	-webkit-column-count: 4;
	column-count: 4;
}

.column-5 {
	-webkit-column-count: 5;
	column-count: 5;
}

.column-6 {
	-webkit-column-count: 6;
	column-count: 6;
}

.gap-10 {
	-webkit-column-gap: 10px;
	column-gap: 10px;
}

.gap-15 {
	-webkit-column-gap: 15px;
	column-gap: 15px;
}

.gap-20 {
	-webkit-column-gap: 20px;
	column-gap: 20px;
}

.gap-25 {
	-webkit-column-gap: 25px;
	column-gap: 25px;
}

.gap-30 {
	-webkit-column-gap: 30px;
	column-gap: 30px;
}

.gap-35 {
	-webkit-column-gap: 35px;
	column-gap: 35px;
}

.gap-40 {
	-webkit-column-gap: 40px;
	column-gap: 40px;
}

.gap-45 {
	-webkit-column-gap: 45px;
	column-gap: 45px;
}

.gap-50 {
	-webkit-column-gap: 50px;
	column-gap: 50px;
}

/*
xs (max-width: 575px)  
sm (max-width: 767px)
md (max-width: 991px)
lg (max-width: 1199px)

.xs .sm .md .lg 
*/
/* Positioning ############### */
.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.flex .equal,
.flex div {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.center,
.center-xs,
.center-sm,
.center-md,
.center-lg,
.justify-center,
.justify-center-xs,
.justify-center-sm,
.justify-center-md,
.justify-center-lg,
.align-right,
.align-right-xs,
.align-right-sm,
.align-right-md,
.align-right-lg,
.align-left,
.align-left-xs,
.align-left-sm,
.align-left-md,
.align-left-lg {
	display: block;
}

.center {
	text-align: center;
}

.justify-center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.right {
	float: right;
}

.left {
	float: left;
}

.align-right {
	text-align: right;
}

.align-left {
	text-align: left;
}
.align-left h1 {
	text-align: left;
}

.container.align-right {
	text-align: right;
}

.container.align-left {
	text-align: left;
}
.container.align-left h1 {
	text-align: left;
}

.inline li,
ul.inline li {
	display: inline;
}

.block {
	display: block !important;
}

img {
	max-width: 100%;
	width: auto;
	height: auto;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}

img.right {
	float: right;
	margin: 7px 0 8px 20px;
}

img.left {
	float: left;
	margin: 7px 20px 8px 0;
}

img.center {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.no-shadow,
.no-shadow img,
img.no-shadow {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.text-truncate {
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Top */
/* Right */
/* Bottom */
/* Left */
/* Margins */
.m-0 {
	margin: 0px !important;
}

.mt-0 {
	margin-top: 0px !important;
}

.mr-0 {
	margin-right: 0px !important;
}

.mb-0 {
	margin-bottom: 0px !important;
}

.ml-0 {
	margin-left: 0px !important;
}

.m-5 {
	margin: 5px !important;
}

.mt-5 {
	margin-top: 5px !important;
}

.mr-5 {
	margin-right: 5px !important;
}

.mb-5 {
	margin-bottom: 5px !important;
}

.ml-5 {
	margin-left: 5px !important;
}

.m--5 {
	margin: -5px !important;
}

.mt--5 {
	margin-top: -5px !important;
}

.mr--5 {
	margin-right: -5px !important;
}

.mb--5 {
	margin-bottom: -5px !important;
}

.ml--5 {
	margin-left: -5px !important;
}

.m-10 {
	margin: 10px !important;
}

.mt-10 {
	margin-top: 10px !important;
}

.mr-10 {
	margin-right: 10px !important;
}

.mb-10 {
	margin-bottom: 10px !important;
}

.ml-10 {
	margin-left: 10px !important;
}

.m-15 {
	margin: 15px !important;
}

.mt-15 {
	margin-top: 15px !important;
}

.mr-15 {
	margin-right: 15px !important;
}

.mb-15 {
	margin-bottom: 15px !important;
}

.ml-15 {
	margin-left: 15px !important;
}

.m-20 {
	margin: 20px !important;
}

.mt-20 {
	margin-top: 20px !important;
}

.mr-20 {
	margin-right: 20px !important;
}

.mb-20 {
	margin-bottom: 20px !important;
}

.ml-20 {
	margin-left: 20px !important;
}

.m-25 {
	margin: 25px !important;
}

.mt-25 {
	margin-top: 25px !important;
}

.mr-25 {
	margin-right: 25px !important;
}

.mb-25 {
	margin-bottom: 25px !important;
}

.ml-25 {
	margin-left: 25px !important;
}

.m-30 {
	margin: 20px !important;
}

.mt-30 {
	margin-top: 30px !important;
}

.mr-30 {
	margin-right: 30px !important;
}

.mb-30 {
	margin-bottom: 30px !important;
}

.ml-30 {
	margin-left: 30px !important;
}

.m-35 {
	margin: 20px !important;
}

.mt-35 {
	margin-top: 35px !important;
}

.mr-35 {
	margin-right: 35px !important;
}

.mb-35 {
	margin-bottom: 35px !important;
}

.ml-35 {
	margin-left: 35px !important;
}

.m-40 {
	margin: 40px !important;
}

.mt-40 {
	margin-top: 40px !important;
}

.mr-40 {
	margin-right: 40px !important;
}

.mb-40 {
	margin-bottom: 40px !important;
}

.ml-40 {
	margin-left: 40px !important;
}

.m-45 {
	margin: 45px !important;
}

.mt-45 {
	margin-top: 45px !important;
}

.mr-45 {
	margin-right: 45px !important;
}

.mb-45 {
	margin-bottom: 45px !important;
}

.ml-45 {
	margin-left: 45px !important;
}

.m-50 {
	margin: 50px !important;
}

.mt-50 {
	margin-top: 50px !important;
}

.mr-50 {
	margin-right: 50px !important;
}

.mb-50 {
	margin-bottom: 50px !important;
}

.ml-50 {
	margin-left: 50px !important;
}

/* Padding */
.p-0 {
	padding: 0px !important;
}

.pt-0 {
	padding-top: 0px !important;
}

.pr-0 {
	padding-right: 0px !important;
}

.pb-0 {
	padding-bottom: 0px !important;
}

.pl-0 {
	padding-left: 0px !important;
}

.p-5 {
	padding: 5px !important;
}

.pt-5 {
	padding-top: 5px !important;
}

.pr-5 {
	padding-right: 5px !important;
}

.pb-5 {
	padding-bottom: 5px !important;
}

.pl-5 {
	padding-left: 5px !important;
}

.p-10 {
	padding: 10px !important;
}

.pt-10 {
	padding-top: 10px !important;
}

.pr-10 {
	padding-right: 10px !important;
}

.pb-10 {
	padding-bottom: 10px !important;
}

.pl-10 {
	padding-left: 10px !important;
}

.p-15 {
	padding: 15px !important;
}

.pt-15 {
	padding-top: 15px !important;
}

.pr-15 {
	padding-right: 15px !important;
}

.pb-15 {
	padding-bottom: 15px !important;
}

.pl-15 {
	padding-left: 15px !important;
}

.p-20 {
	padding: 20px !important;
}

.pt-20 {
	padding-top: 20px !important;
}

.pr-20 {
	padding-right: 20px !important;
}

.pb-20 {
	padding-bottom: 20px !important;
}

.pl-20 {
	padding-left: 20px !important;
}

.p-25 {
	padding: 25px !important;
}

.pt-25 {
	padding-top: 25px !important;
}

.pr-25 {
	padding-right: 25px !important;
}

.pb-25 {
	padding-bottom: 25px !important;
}

.pl-25 {
	padding-left: 25px !important;
}

.p-30 {
	padding: 30px !important;
}

.pt-30 {
	padding-top: 30px !important;
}

.pr-30 {
	padding-right: 30px !important;
}

.pb-30 {
	padding-bottom: 30px !important;
}

.pl-30 {
	padding-left: 30px !important;
}

.p-35 {
	padding: 35px !important;
}

.pt-35 {
	padding-top: 35px !important;
}

.pr-35 {
	padding-right: 35px !important;
}

.pb-35 {
	padding-bottom: 35px !important;
}

.pl-35 {
	padding-left: 35px !important;
}

.p-40 {
	padding: 40px !important;
}

.pt-40 {
	padding-top: 40px !important;
}

.pr-40 {
	padding-right: 40px !important;
}

.pb-40 {
	padding-bottom: 40px !important;
}

.pl-40 {
	padding-left: 40px !important;
}

.p-45 {
	padding: 45px !important;
}

.pt-45 {
	padding-top: 45px !important;
}

.pr-45 {
	padding-right: 45px !important;
}

.pb-45 {
	padding-bottom: 45px !important;
}

.pl-45 {
	padding-left: 45px !important;
}

.p-50 {
	padding: 50px !important;
}

.pt-50 {
	padding-top: 50px !important;
}

.pr-50 {
	padding-right: 50px !important;
}

.pb-50 {
	padding-bottom: 50px !important;
}

.pl-50 {
	padding-left: 50px !important;
}

.p-55 {
	padding: 55px !important;
}

.pt-55 {
	padding-top: 55px !important;
}

.pr-55 {
	padding-right: 55px !important;
}

.pb-55 {
	padding-bottom: 55px !important;
}

.pl-55 {
	padding-left: 55px !important;
}

.p-60 {
	padding: 60px !important;
}

.pt-60 {
	padding-top: 60px !important;
}

.pr-60 {
	padding-right: 60px !important;
}

.pb-60 {
	padding-bottom: 60px !important;
}

.pl-60 {
	padding-left: 60px !important;
}

.p-65 {
	padding: 65px !important;
}

.pt-65 {
	padding-top: 65px !important;
}

.pr-65 {
	padding-right: 65px !important;
}

.pb-65 {
	padding-bottom: 65px !important;
}

.pl-65 {
	padding-left: 65px !important;
}

.p-70 {
	padding: 70px !important;
}

.pt-70 {
	padding-top: 70px !important;
}

.pr-70 {
	padding-right: 70px !important;
}

.pb-70 {
	padding-bottom: 70px !important;
}

.pl-70 {
	padding-left: 70px !important;
}

/* Rounded Corners */
.rc-1 {
	border: 1px solid #f00;
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
}

.rc-2 {
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.rc-3 {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.rc-4 {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.rc-5 {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.rc-6 {
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.rc-7 {
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

.rc-8 {
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

/* Borders */
.b {
	border: 1px solid #f00;
}

.b-0 {
	border: none !important;
}

.b-1 {
	border: 1px solid #ddd;
}

.bt-1 {
	border-top: 1px solid #ddd;
}

.br-1 {
	border-right: 1px solid #ddd;
}

.bb-1 {
	border-bottom: 1px solid #ddd;
}

.bl-1 {
	border-left: 1px solid #ddd;
}

.b-2 {
	border: 2px solid #ddd;
}

.bt-2 {
	border-top: 2px solid #ddd;
}

.br-2 {
	border-right: 2px solid #ddd;
}

.bb-2 {
	border-bottom: 2px solid #ddd;
}

.bl-2 {
	border-left: 2px solid #ddd;
}

.b-3 {
	border: 3px solid #ddd;
}

.bt-3 {
	border-top: 3px solid #ddd;
}

.br-3 {
	border-right: 3px solid #ddd;
}

.bb-3 {
	border-bottom: 3px solid #ddd;
}

.bl-3 {
	border-left: 3px solid #ddd;
}

.b-4 {
	border: 4px solid #ddd;
}

.b-5 {
	border: 5px solid #ddd;
}

.b-6 {
	border: 6px solid #ddd;
}

.b-7 {
	border: 7px solid #ddd;
}

.b-8 {
	border: 8px solid #ddd;
}

.b-9 {
	border: 9px solid #ddd;
}

.b-10 {
	border: 10px solid #ddd;
}

/* Border colours */
.b-white {
	border-color: #fff;
}

.b-grey {
	border-color: #eee;
}

.b-d-grey {
	border-color: #555;
}

.b-blue {
	border-color: #54bceb;
}

.b-blue2 {
	border-color: #659ac1;
}

.b-d-blue {
	border-color: #131a56;
}

/* Font sizes */
.fs-9,
.fs-9 p {
	font-size: 9px;
	line-height: 15px;
}

.fs-10,
.fs-10 p {
	font-size: 10px;
	line-height: 16px;
}

.fs-11,
.fs-11 p {
	font-size: 11px;
	line-height: 17px;
}

.fs-12,
.fs-12 p {
	font-size: 12px;
	line-height: 20px;
}

.fs-13,
.fs-13 p {
	font-size: 13px;
	line-height: 21px;
}

.fs-14,
.fs-14 p {
	font-size: 14px;
	line-height: 23px;
}

.fs-15,
.fs-15 p {
	font-size: 15px;
	line-height: 24px;
}

.fs-16,
.fs-16 p {
	font-size: 16px;
	line-height: 25px;
}

.fs-17,
.fs-17 p {
	font-size: 17px;
	line-height: 26px;
}

.fs-18,
.fs-18 p {
	font-size: 18px;
	line-height: 28px;
}

.fs-19,
.fs-19 p {
	font-size: 19px;
	line-height: 29px;
}

.fs-20,
.fs-20 p {
	font-size: 20px;
	line-height: 31px;
}

.fs-21,
.fs-21 p {
	font-size: 21px;
	line-height: 34px;
}

.fs-22,
.fs-22 p {
	font-size: 22px;
	line-height: 34px;
}

.fs-23,
.fs-23 p {
	font-size: 23px;
	line-height: 35px;
}

.fs-24,
.fs-24 p {
	font-size: 24px;
	line-height: 36px;
}

.fs-25,
.fs-25 p {
	font-size: 25px;
	line-height: 37px;
}

.fs-26,
.fs-26 p {
	font-size: 26px;
	line-height: 38px;
}

.fs-27,
.fs-27 p {
	font-size: 27px;
	line-height: 39px;
}

.fs-28,
.fs-28 p {
	font-size: 28px;
	line-height: 40px;
}

.fs-29,
.fs-29 p {
	font-size: 29px;
	line-height: 41px;
}

.fs-30,
.fS-30 p {
	font-size: 30px;
	line-height: 42px;
}

/* Line height */
.lh-0 {
	line-height: 0px;
}

.lh-5 {
	line-height: 5px;
}

.lh-10 {
	line-height: 10px;
}

.lh-15 {
	line-height: 15px;
}

.lh-20 {
	line-height: 20px;
}

.lh-25 {
	line-height: 25px;
}

.lh-30 {
	line-height: 30px;
}

.lh-35 {
	line-height: 35px;
}

/* Font colours */
.blue {
	color: #2bf;
}

.blue2 {
	color: #659ac1;
}

.red {
	color: #900;
}

.red2 {
	color: #f00;
}

.green {
	color: #0c0;
}

.grey {
	color: #555;
}

.grey7 {
	color: #777;
}

.grey8 {
	color: #888;
}

/* Font Styles */
.it {
	font-style: italic;
}

/* Opacity */
.op-05 {
	opacity: 0.05;
	filter: alpha(opacity=5);
}

.op-10 {
	opacity: 0.1;
	filter: alpha(opacity=10);
}

.op-15 {
	opacity: 0.15;
	filter: alpha(opacity=15);
}

.op-20 {
	opacity: 0.2;
	filter: alpha(opacity=20);
}

.op-25 {
	opacity: 0.25;
	filter: alpha(opacity=25);
}

.op-30 {
	opacity: 0.3;
	filter: alpha(opacity=30);
}

.op-35 {
	opacity: 0.35;
	filter: alpha(opacity=35);
}

.op-40 {
	opacity: 0.4;
	filter: alpha(opacity=40);
}

.op-45 {
	opacity: 0.45;
	filter: alpha(opacity=45);
}

.op-50 {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.op-55 {
	opacity: 0.55;
	filter: alpha(opacity=55);
}

.op-60 {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.op-65 {
	opacity: 0.65;
	filter: alpha(opacity=65);
}

.op-70 {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.op-75 {
	opacity: 0.75;
	filter: alpha(opacity=75);
}

.op-80 {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.op-85 {
	opacity: 0.85;
	filter: alpha(opacity=85);
}

.op-90 {
	opacity: 0.9;
	filter: alpha(opacity=90);
}

.op-95 {
	opacity: 0.95;
	filter: alpha(opacity=95);
}

.op-100 {
	opacity: 1;
	filter: alpha(opacity=100);
}

/* Other styles ############### */
.shadow {
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
.shadow.s-1 {
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}
.shadow.s-2 {
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.shadow.s-3 {
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.shadow.s-4 {
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.shadow.s-5 {
	-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
}
.shadow.s-6 {
	-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}
.shadow.s-7 {
	-webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 35px rgba(0, 0, 0, 0.2);
}
.shadow.s-8 {
	-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
}
.shadow.s-9 {
	-webkit-box-shadow: 0 0 45px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 45px rgba(0, 0, 0, 0.2);
}
.shadow.s-10 {
	-webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
}

.crop-150 {
	max-height: 150px;
	overflow: hidden;
}

.crop-200 {
	max-height: 200px;
	overflow: hidden;
}

.crop-250 {
	max-height: 250px;
	overflow: hidden;
}

.crop-300 {
	max-height: 300px;
	overflow: hidden;
}

.crop-350 {
	max-height: 350px;
	overflow: hidden;
}

.crop-400 {
	max-height: 400px;
	overflow: hidden;
}

.crop-10 {
	max-height: 10vw;
	overflow: hidden;
}

.crop-20 {
	max-height: 20vw;
	overflow: hidden;
}

.crop-30 {
	max-height: 30vw;
	overflow: hidden;
}

.crop-40 {
	max-height: 40vw;
	overflow: hidden;
}

.crop-50 {
	max-height: 50vw;
	overflow: hidden;
}

.crop-60 {
	max-height: 60vw;
	overflow: hidden;
}

.crop-70 {
	max-height: 70vw;
	overflow: hidden;
}

.crop-80 {
	max-height: 80vw;
	overflow: hidden;
}

.crop-90 {
	max-height: 90vw;
	overflow: hidden;
}

.overflow-top--10 {
	-webkit-transform: translateY(-10%);
	-ms-transform: translateY(-10%);
	transform: translateY(-10%);
}

.overflow-top--20 {
	-webkit-transform: translateY(-20%);
	-ms-transform: translateY(-20%);
	transform: translateY(-20%);
}

.overflow-top--30 {
	-webkit-transform: translateY(-30%);
	-ms-transform: translateY(-30%);
	transform: translateY(-30%);
}

.overflow-top--40 {
	-webkit-transform: translateY(-40%);
	-ms-transform: translateY(-40%);
	transform: translateY(-40%);
}

.overflow-top--50 {
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.overflow-top--60 {
	-webkit-transform: translateY(-60%);
	-ms-transform: translateY(-60%);
	transform: translateY(-60%);
}

.overflow-top--70 {
	-webkit-transform: translateY(-70%);
	-ms-transform: translateY(-70%);
	transform: translateY(-70%);
}

.overflow-top--80 {
	-webkit-transform: translateY(-80%);
	-ms-transform: translateY(-80%);
	transform: translateY(-80%);
}

.overflow-top--90 {
	-webkit-transform: translateY(-90%);
	-ms-transform: translateY(-90%);
	transform: translateY(-90%);
}

.none {
	display: none !important;
}

/* Large - lg */
@media (max-width: 1199px) {
	.container.lg {
		max-width: 1100px;
		/*border:1px solid #f00;*/
	}
	.col-0-lg {
		width: 0%;
	}
	.col-1-lg {
		width: 8.33%;
	}
	.col-2-lg {
		width: 16.66%;
	}
	.col-3-lg {
		width: 24.9%;
	}
	.col-4-lg {
		width: 33.2%;
	}
	.col-5-lg {
		width: 41.5%;
	}
	.col-6-lg {
		width: 49.9%;
	}
	.col-7-lg {
		width: 58.3%;
	}
	.col-8-lg {
		width: 66.6%;
	}
	.col-9-lg {
		width: 74.9%;
	}
	.col-10-lg {
		width: 83.25%;
	}
	.col-11-lg {
		width: 91.6%;
	}
	.col-12-lg {
		width: 100%;
	}
	.w-0-lg {
		display: none;
	}
	.w-10-lg {
		max-width: 10%;
		width: 10%;
	}
	.w-20-lg {
		max-width: 20%;
		width: 20%;
	}
	.w-30-lg {
		max-width: 30%;
		width: 30%;
	}
	.w-40-lg {
		max-width: 40%;
		width: 40%;
	}
	.w-50-lg {
		max-width: 50%;
		width: 50%;
	}
	.w-60-lg {
		max-width: 60%;
		width: 60%;
	}
	.w-70-lg {
		max-width: 70%;
		width: 70%;
	}
	.w-80-lg {
		max-width: 80%;
		width: 80%;
	}
	.w-90-lg {
		max-width: 90%;
		width: 90%;
	}
	.w-100-lg {
		max-width: 100%;
		width: 100%;
	}
	.w-10-lg,
	.w-20-lg,
	.w-30-lg,
	.w-40-lg,
	.w-50-lg,
	.w-60-lg,
	.w-70-lg,
	.w-80-lg,
	.w-90-lg,
	.w-100-lg {
		display: initial;
	}
	.vw-50-lg {
		max-width: 50vw;
	}
	.vw-60-lg {
		max-width: 60vw;
	}
	.vw-70-lg {
		max-width: 70vw;
	}
	.vw-80-lg {
		max-width: 80vw;
	}
	.vw-90-lg {
		max-width: 90vw;
	}
	.vw-100-lg {
		max-width: 100vw;
	}
	.full-lg {
		max-width: 100%;
		padding: 0;
	}
	/*	.multi-column-lg-1{column-count: 1;}
	.multi-column-lg-2{column-count: 2;}
	.multi-column-lg-3{column-count: 3;}
	.multi-column-lg-4{column-count: 4;}
	.multi-column-lg-5{column-count: 5;}
	.multi-column-lg-6{column-count: 6;}*/
	.column-1-lg {
		-webkit-column-count: 1;
		column-count: 1;
	}
	.column-2-lg {
		-webkit-column-count: 2;
		column-count: 2;
	}
	.column-3-lg {
		-webkit-column-count: 3;
		column-count: 3;
	}
	.column-4-lg {
		-webkit-column-count: 4;
		column-count: 4;
	}
	.column-5-lg {
		-webkit-column-count: 5;
		column-count: 5;
	}
	.column-6-lg {
		-webkit-column-count: 6;
		column-count: 6;
	}
	.gap-10-lg {
		-webkit-column-gap: 10px;
		column-gap: 10px;
	}
	.gap-15-lg {
		-webkit-column-gap: 15px;
		column-gap: 15px;
	}
	.gap-20-lg {
		-webkit-column-gap: 20px;
		column-gap: 20px;
	}
	.gap-25-lg {
		-webkit-column-gap: 25px;
		column-gap: 25px;
	}
	.gap-30-lg {
		-webkit-column-gap: 30px;
		column-gap: 30px;
	}
	.gap-35-lg {
		-webkit-column-gap: 35px;
		column-gap: 35px;
	}
	.gap-40-lg {
		-webkit-column-gap: 40px;
		column-gap: 40px;
	}
	.gap-45-lg {
		-webkit-column-gap: 45px;
		column-gap: 45px;
	}
	.gap-50-lg {
		-webkit-column-gap: 50px;
		column-gap: 50px;
	}
	.align-left-lg {
		text-align: left;
	}
	.align-right-lg {
		text-align: right;
	}
	img.right-lg {
		float: right;
		margin: 7px 0 8px 20px;
	}
	img.left-lg {
		float: left;
		margin: 7px 20px 8px 0;
	}
	img.center-lg {
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	.center-lg {
		text-align: center;
	}
	.justify-center-lg {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.crop-150-lg {
		max-height: 150px;
		overflow: hidden;
	}
	.crop-200-lg {
		max-height: 200px;
		overflow: hidden;
	}
	.crop-250-lg {
		max-height: 250px;
		overflow: hidden;
	}
	.crop-300-lg {
		max-height: 300px;
		overflow: hidden;
	}
	.crop-350-lg {
		max-height: 350px;
		overflow: hidden;
	}
	.crop-400-lg {
		max-height: 400px;
		overflow: hidden;
	}
	.crop-10-lg {
		max-height: 10vw;
		overflow: hidden;
	}
	.crop-20-lg {
		max-height: 20vw;
		overflow: hidden;
	}
	.crop-30-lg {
		max-height: 30vw;
		overflow: hidden;
	}
	.crop-40-lg {
		max-height: 40vw;
		overflow: hidden;
	}
	.crop-50-lg {
		max-height: 50vw;
		overflow: hidden;
	}
	.crop-60-lg {
		max-height: 60vw;
		overflow: hidden;
	}
	.crop-70-lg {
		max-height: 70vw;
		overflow: hidden;
	}
	.crop-80-lg {
		max-height: 80vw;
		overflow: hidden;
	}
	.crop-90-lg {
		max-height: 90vw;
		overflow: hidden;
	}
	.crop-100 {
		max-height: 100vw;
		overflow: inherit;
	}
	.overflow-top--10-lg {
		-webkit-transform: translateY(-10%);
		-ms-transform: translateY(-10%);
		transform: translateY(-10%);
	}
	.overflow-top--20-lg {
		-webkit-transform: translateY(-20%);
		-ms-transform: translateY(-20%);
		transform: translateY(-20%);
	}
	.overflow-top--30-lg {
		-webkit-transform: translateY(-30%);
		-ms-transform: translateY(-30%);
		transform: translateY(-30%);
	}
	.overflow-top--40-lg {
		-webkit-transform: translateY(-40%);
		-ms-transform: translateY(-40%);
		transform: translateY(-40%);
	}
	.overflow-top--50-lg {
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.overflow-top--60-lg {
		-webkit-transform: translateY(-60%);
		-ms-transform: translateY(-60%);
		transform: translateY(-60%);
	}
	.overflow-top--70-lg {
		-webkit-transform: translateY(-70%);
		-ms-transform: translateY(-70%);
		transform: translateY(-70%);
	}
	.overflow-top--80-lg {
		-webkit-transform: translateY(-80%);
		-ms-transform: translateY(-80%);
		transform: translateY(-80%);
	}
	.overflow-top--90-lg {
		-webkit-transform: translateY(-90%);
		-ms-transform: translateY(-90%);
		transform: translateY(-90%);
	}
	.none-lg {
		display: none !important;
	}
	/* Top */
	/* Right */
	/* Bottom */
	/* Left */
	/* Margins */
	.m-0-lg {
		margin: 0px !important;
	}
	.mt-0-lg {
		margin-top: 0px !important;
	}
	.mr-0-lg {
		margin-right: 0px !important;
	}
	.mb-0-lg {
		margin-bottom: 0px !important;
	}
	.ml-0-lg {
		margin-left: 0px !important;
	}
	.m-5-lg {
		margin: 5px !important;
	}
	.mt-5-lg {
		margin-top: 5px !important;
	}
	.mr-5-lg {
		margin-right: 5px !important;
	}
	.mb-5-lg {
		margin-bottom: 5px !important;
	}
	.ml-5-lg {
		margin-left: 5px !important;
	}
	.m--5-lg {
		margin: -5px !important;
	}
	.mt--5-lg {
		margin-top: -5px !important;
	}
	.mr--5-lg {
		margin-right: -5px !important;
	}
	.mb--5-lg {
		margin-bottom: -5px !important;
	}
	.ml--5-lg {
		margin-left: -5px !important;
	}
	.m-10-lg {
		margin: 10px !important;
	}
	.mt-10-lg {
		margin-top: 10px !important;
	}
	.mr-10-lg {
		margin-right: 10px !important;
	}
	.mb-10-lg {
		margin-bottom: 10px !important;
	}
	.ml-10-lg {
		margin-left: 10px !important;
	}
	.m-15-lg {
		margin: 15px !important;
	}
	.mt-15-lg {
		margin-top: 15px !important;
	}
	.mr-15-lg {
		margin-right: 15px !important;
	}
	.mb-15-lg {
		margin-bottom: 15px !important;
	}
	.ml-15-lg {
		margin-left: 15px !important;
	}
	.m-20-lg {
		margin: 20px !important;
	}
	.mt-20-lg {
		margin-top: 20px !important;
	}
	.mr-20-lg {
		margin-right: 20px !important;
	}
	.mb-20-lg {
		margin-bottom: 20px !important;
	}
	.ml-20-lg {
		margin-left: 20px !important;
	}
	.m-25-lg {
		margin: 25px !important;
	}
	.mt-25-lg {
		margin-top: 25px !important;
	}
	.mr-25-lg {
		margin-right: 25px !important;
	}
	.mb-25-lg {
		margin-bottom: 25px !important;
	}
	.ml-25-lg {
		margin-left: 25px !important;
	}
	.m-30-lg {
		margin: 20px !important;
	}
	.mt-30-lg {
		margin-top: 30px !important;
	}
	.mr-30-lg {
		margin-right: 30px !important;
	}
	.mb-30-lg {
		margin-bottom: 30px !important;
	}
	.ml-30-lg {
		margin-left: 30px !important;
	}
	.m-35-lg {
		margin: 20px !important;
	}
	.mt-35-lg {
		margin-top: 35px !important;
	}
	.mr-35-lg {
		margin-right: 35px !important;
	}
	.mb-35-lg {
		margin-bottom: 35px !important;
	}
	.ml-35-lg {
		margin-left: 35px !important;
	}
	.m-40-lg {
		margin: 40px !important;
	}
	.mt-40-lg {
		margin-top: 40px !important;
	}
	.mr-40-lg {
		margin-right: 40px !important;
	}
	.mb-40-lg {
		margin-bottom: 40px !important;
	}
	.ml-40-lg {
		margin-left: 40px !important;
	}
	.m-45-lg {
		margin: 45px !important;
	}
	.mt-45-lg {
		margin-top: 45px !important;
	}
	.mr-45-lg {
		margin-right: 45px !important;
	}
	.mb-45-lg {
		margin-bottom: 45px !important;
	}
	.ml-45-lg {
		margin-left: 45px !important;
	}
	.m-50-lg {
		margin: 50px !important;
	}
	.mt-50-lg {
		margin-top: 50px !important;
	}
	.mr-50-lg {
		margin-right: 50px !important;
	}
	.mb-50-lg {
		margin-bottom: 50px !important;
	}
	.ml-50-lg {
		margin-left: 50px !important;
	}
	/* Padding */
	.p-0-lg {
		padding: 0px !important;
	}
	.pt-0-lg {
		padding-top: 0px !important;
	}
	.pr-0-lg {
		padding-right: 0px !important;
	}
	.pb-0-lg {
		padding-bottom: 0px !important;
	}
	.pl-0-lg {
		padding-left: 0px !important;
	}
	.p-5-lg {
		padding: 5px !important;
	}
	.pt-5-lg {
		padding-top: 5px !important;
	}
	.pr-5-lg {
		padding-right: 5px !important;
	}
	.pb-5-lg {
		padding-bottom: 5px !important;
	}
	.pl-5-lg {
		padding-left: 5px !important;
	}
	.p-10-lg {
		padding: 10px !important;
	}
	.pt-10-lg {
		padding-top: 10px !important;
	}
	.pr-10-lg {
		padding-right: 10px !important;
	}
	.pb-10-lg {
		padding-bottom: 10px !important;
	}
	.pl-10-lg {
		padding-left: 10px !important;
	}
	.p-15-lg {
		padding: 15px !important;
	}
	.pt-15-lg {
		padding-top: 15px !important;
	}
	.pr-15-lg {
		padding-right: 15px !important;
	}
	.pb-15-lg {
		padding-bottom: 15px !important;
	}
	.pl-15-lg {
		padding-left: 15px !important;
	}
	.p-20-lg {
		padding: 20px !important;
	}
	.pt-20-lg {
		padding-top: 20px !important;
	}
	.pr-20-lg {
		padding-right: 20px !important;
	}
	.pb-20-lg {
		padding-bottom: 20px !important;
	}
	.pl-20-lg {
		padding-left: 20px !important;
	}
	.p-25-lg {
		padding: 25px !important;
	}
	.pt-25-lg {
		padding-top: 25px !important;
	}
	.pr-25-lg {
		padding-right: 25px !important;
	}
	.pb-25-lg {
		padding-bottom: 25px !important;
	}
	.pl-25-lg {
		padding-left: 25px !important;
	}
	.p-30-lg {
		padding: 30px !important;
	}
	.pt-30-lg {
		padding-top: 30px !important;
	}
	.pr-30-lg {
		padding-right: 30px !important;
	}
	.pb-30-lg {
		padding-bottom: 30px !important;
	}
	.pl-30-lg {
		padding-left: 30px !important;
	}
	.p-35-lg {
		padding: 35px !important;
	}
	.pt-35-lg {
		padding-top: 35px !important;
	}
	.pr-35-lg {
		padding-right: 35px !important;
	}
	.pb-35-lg {
		padding-bottom: 35px !important;
	}
	.pl-35-lg {
		padding-left: 35px !important;
	}
	.p-40-lg {
		padding: 40px !important;
	}
	.pt-40-lg {
		padding-top: 40px !important;
	}
	.pr-40-lg {
		padding-right: 40px !important;
	}
	.pb-40-lg {
		padding-bottom: 40px !important;
	}
	.pl-40-lg {
		padding-left: 40px !important;
	}
	.p-45-lg {
		padding: 45px !important;
	}
	.pt-45-lg {
		padding-top: 45px !important;
	}
	.pr-45-lg {
		padding-right: 45px !important;
	}
	.pb-45-lg {
		padding-bottom: 45px !important;
	}
	.pl-45-lg {
		padding-left: 45px !important;
	}
	.p-50-lg {
		padding: 50px !important;
	}
	.pt-50-lg {
		padding-top: 50px !important;
	}
	.pr-50-lg {
		padding-right: 50px !important;
	}
	.pb-50-lg {
		padding-bottom: 50px !important;
	}
	.pl-50-lg {
		padding-left: 50px !important;
	}
	/* Font sizes - Large */
	.fs9-lg {
		font-size: 9px;
	}
	.fs10-lg {
		font-size: 10px;
	}
	.fs11-lg {
		font-size: 11px;
	}
	.fs12-lg {
		font-size: 12px;
	}
	.fs13-lg {
		font-size: 13px;
	}
	.fs14-lg {
		font-size: 14px;
	}
	.fs15-lg {
		font-size: 15px;
	}
	.fs16-lg {
		font-size: 16px;
	}
	.fs17-lg {
		font-size: 17px;
	}
	.fs18-lg {
		font-size: 18px;
	}
	.fs19-lg {
		font-size: 19px;
	}
	.fs20-lg {
		font-size: 20px;
	}
	.fs21-lg {
		font-size: 21px;
	}
	.fs22-lg {
		font-size: 22px;
	}
	.fs23-lg {
		font-size: 23px;
	}
	.fs24-lg {
		font-size: 24px;
	}
	.fs25-lg {
		font-size: 25px;
	}
	.fs26-lg {
		font-size: 26px;
	}
	.fs27-lg {
		font-size: 27px;
	}
	.fs28-lg {
		font-size: 28px;
	}
	.fs29-lg {
		font-size: 29px;
	}
	.fs30-lg {
		font-size: 30px;
	}
}

/* End Large */
/* Medium - md */
@media (max-width: 991px) {
	.container.md {
		max-width: 720px;
		/*border:1px solid #0f0;*/
	}
	.col-0-md {
		width: 0%;
	}
	.col-1-md {
		width: 8.33%;
	}
	.col-2-md {
		width: 16.66%;
	}
	.col-3-md {
		width: 24.9%;
	}
	.col-4-md {
		width: 33.2%;
	}
	.col-5-md {
		width: 41.5%;
	}
	.col-6-md {
		width: 49.9%;
	}
	.col-7-md {
		width: 58.3%;
	}
	.col-8-md {
		width: 66.6%;
	}
	.col-9-md {
		width: 74.9%;
	}
	.col-10-md {
		width: 83.25%;
	}
	.col-11-md {
		width: 91.6%;
	}
	.col-12-md {
		width: 100%;
	}
	.w-0-md {
		display: none;
	}
	.w-10-md {
		max-width: 10%;
		width: 10%;
	}
	.w-20-md {
		max-width: 20%;
		width: 20%;
	}
	.w-30-md {
		max-width: 30%;
		width: 30%;
	}
	.w-40-md {
		max-width: 40%;
		width: 40%;
	}
	.w-50-md {
		max-width: 50%;
		width: 50%;
	}
	.w-60-md {
		max-width: 60%;
		width: 60%;
	}
	.w-70-md {
		max-width: 70%;
		width: 70%;
	}
	.w-80-md {
		max-width: 80%;
		width: 80%;
	}
	.w-90-md {
		max-width: 90%;
		width: 90%;
	}
	.w-100-md {
		max-width: 100%;
		width: 100%;
	}
	.w-10-md,
	.w-20-md,
	.w-30-md,
	.w-40-md,
	.w-50-md,
	.w-60-md,
	.w-70-md,
	.w-80-md,
	.w-90-md,
	.w-100-md {
		display: initial;
	}
	.vw-50-md {
		max-width: 50vw;
	}
	.vw-60-md {
		max-width: 60vw;
	}
	.vw-70-md {
		max-width: 70vw;
	}
	.vw-80-md {
		max-width: 80vw;
	}
	.vw-90-md {
		max-width: 90vw;
	}
	.vw-100-md {
		max-width: 100vw;
	}
	.full-md {
		max-width: 100%;
		padding: 0;
	}
	/*	.multi-column-md-1{column-count: 1;}
	.multi-column-md-2{column-count: 2;}
	.multi-column-md-3{column-count: 3;}
	.multi-column-md-4{column-count: 4;}
	.multi-column-md-5{column-count: 5;}
	.multi-column-md-6{column-count: 6;}*/
	.column-1-md {
		-webkit-column-count: 1;
		column-count: 1;
	}
	.column-2-md {
		-webkit-column-count: 2;
		column-count: 2;
	}
	.column-3-md {
		-webkit-column-count: 3;
		column-count: 3;
	}
	.column-4-md {
		-webkit-column-count: 4;
		column-count: 4;
	}
	.column-5-md {
		-webkit-column-count: 5;
		column-count: 5;
	}
	.column-6-md {
		-webkit-column-count: 6;
		column-count: 6;
	}
	.gap-10-md {
		-webkit-column-gap: 10px;
		column-gap: 10px;
	}
	.gap-15-md {
		-webkit-column-gap: 15px;
		column-gap: 15px;
	}
	.gap-20-md {
		-webkit-column-gap: 20px;
		column-gap: 20px;
	}
	.gap-25-md {
		-webkit-column-gap: 25px;
		column-gap: 25px;
	}
	.gap-30-md {
		-webkit-column-gap: 30px;
		column-gap: 30px;
	}
	.gap-35-md {
		-webkit-column-gap: 35px;
		column-gap: 35px;
	}
	.gap-40-md {
		-webkit-column-gap: 40px;
		column-gap: 40px;
	}
	.gap-45-md {
		-webkit-column-gap: 45px;
		column-gap: 45px;
	}
	.gap-50-md {
		-webkit-column-gap: 50px;
		column-gap: 50px;
	}
	.align-left-md {
		text-align: left;
	}
	.align-right-md {
		text-align: right;
	}
	img.right-md {
		float: right;
		margin: 7px 0 8px 20px;
	}
	img.left-md {
		float: left;
		margin: 7px 20px 8px 0;
	}
	img.center-md {
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	.center-md {
		text-align: center;
	}
	.justify-center-md {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.crop-150-md {
		max-height: 150px;
		overflow: hidden;
	}
	.crop-200-md {
		max-height: 200px;
		overflow: hidden;
	}
	.crop-250-md {
		max-height: 250px;
		overflow: hidden;
	}
	.crop-300-md {
		max-height: 300px;
		overflow: hidden;
	}
	.crop-350-md {
		max-height: 350px;
		overflow: hidden;
	}
	.crop-400-md {
		max-height: 400px;
		overflow: hidden;
	}
	.crop-10-md {
		max-height: 10vw;
		overflow: hidden;
	}
	.crop-20-md {
		max-height: 20vw;
		overflow: hidden;
	}
	.crop-30-md {
		max-height: 30vw;
		overflow: hidden;
	}
	.crop-40-md {
		max-height: 40vw;
		overflow: hidden;
	}
	.crop-50-md {
		max-height: 50vw;
		overflow: hidden;
	}
	.crop-60-md {
		max-height: 60vw;
		overflow: hidden;
	}
	.crop-70-md {
		max-height: 70vw;
		overflow: hidden;
	}
	.crop-80-md {
		max-height: 80vw;
		overflow: hidden;
	}
	.crop-90-md {
		max-height: 90vw;
		overflow: hidden;
	}
	.crop-100-md {
		max-height: 100vw;
		overflow: inherit;
	}
	.overflow-top--10-md {
		-webkit-transform: translateY(-10%);
		-ms-transform: translateY(-10%);
		transform: translateY(-10%);
	}
	.overflow-top--20-md {
		-webkit-transform: translateY(-20%);
		-ms-transform: translateY(-20%);
		transform: translateY(-20%);
	}
	.overflow-top--30-md {
		-webkit-transform: translateY(-30%);
		-ms-transform: translateY(-30%);
		transform: translateY(-30%);
	}
	.overflow-top--40-md {
		-webkit-transform: translateY(-40%);
		-ms-transform: translateY(-40%);
		transform: translateY(-40%);
	}
	.overflow-top--50-md {
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.overflow-top--60-md {
		-webkit-transform: translateY(-60%);
		-ms-transform: translateY(-60%);
		transform: translateY(-60%);
	}
	.overflow-top--70-md {
		-webkit-transform: translateY(-70%);
		-ms-transform: translateY(-70%);
		transform: translateY(-70%);
	}
	.overflow-top--80-md {
		-webkit-transform: translateY(-80%);
		-ms-transform: translateY(-80%);
		transform: translateY(-80%);
	}
	.overflow-top--90-md {
		-webkit-transform: translateY(-90%);
		-ms-transform: translateY(-90%);
		transform: translateY(-90%);
	}
	.none-md {
		display: none !important;
	}
	/* Margins */
	.m-0-md {
		margin: 0px !important;
	}
	.mt-0-md {
		margin-top: 0px !important;
	}
	.mr-0-md {
		margin-right: 0px !important;
	}
	.mb-0-md {
		margin-bottom: 0px !important;
	}
	.ml-0-md {
		margin-left: 0px !important;
	}
	.m-5-md {
		margin: 5px !important;
	}
	.mt-5-md {
		margin-top: 5px !important;
	}
	.mr-5-md {
		margin-right: 5px !important;
	}
	.mb-5-md {
		margin-bottom: 5px !important;
	}
	.ml-5-md {
		margin-left: 5px !important;
	}
	.m--5-md {
		margin: -5px !important;
	}
	.mt--5-md {
		margin-top: -5px !important;
	}
	.mr--5-md {
		margin-right: -5px !important;
	}
	.mb--5-md {
		margin-bottom: -5px !important;
	}
	.ml--5-md {
		margin-left: -5px !important;
	}
	.m-10-md {
		margin: 10px !important;
	}
	.mt-10-md {
		margin-top: 10px !important;
	}
	.mr-10-md {
		margin-right: 10px !important;
	}
	.mb-10-md {
		margin-bottom: 10px !important;
	}
	.ml-10-md {
		margin-left: 10px !important;
	}
	.m-15-md {
		margin: 15px !important;
	}
	.mt-15-md {
		margin-top: 15px !important;
	}
	.mr-15-md {
		margin-right: 15px !important;
	}
	.mb-15-md {
		margin-bottom: 15px !important;
	}
	.ml-15-md {
		margin-left: 15px !important;
	}
	.m-20-md {
		margin: 20px !important;
	}
	.mt-20-md {
		margin-top: 20px !important;
	}
	.mr-20-md {
		margin-right: 20px !important;
	}
	.mb-20-md {
		margin-bottom: 20px !important;
	}
	.ml-20-md {
		margin-left: 20px !important;
	}
	.m-25-md {
		margin: 25px !important;
	}
	.mt-25-md {
		margin-top: 25px !important;
	}
	.mr-25-md {
		margin-right: 25px !important;
	}
	.mb-25-md {
		margin-bottom: 25px !important;
	}
	.ml-25-md {
		margin-left: 25px !important;
	}
	.m-30-md {
		margin: 20px !important;
	}
	.mt-30-md {
		margin-top: 30px !important;
	}
	.mr-30-md {
		margin-right: 30px !important;
	}
	.mb-30-md {
		margin-bottom: 30px !important;
	}
	.ml-30-md {
		margin-left: 30px !important;
	}
	.m-35-md {
		margin: 20px !important;
	}
	.mt-35-md {
		margin-top: 35px !important;
	}
	.mr-35-md {
		margin-right: 35px !important;
	}
	.mb-35-md {
		margin-bottom: 35px !important;
	}
	.ml-35-md {
		margin-left: 35px !important;
	}
	.m-40-md {
		margin: 40px !important;
	}
	.mt-40-md {
		margin-top: 40px !important;
	}
	.mr-40-md {
		margin-right: 40px !important;
	}
	.mb-40-md {
		margin-bottom: 40px !important;
	}
	.ml-40-md {
		margin-left: 40px !important;
	}
	.m-45-md {
		margin: 45px !important;
	}
	.mt-45-md {
		margin-top: 45px !important;
	}
	.mr-45-md {
		margin-right: 45px !important;
	}
	.mb-45-md {
		margin-bottom: 45px !important;
	}
	.ml-45-md {
		margin-left: 45px !important;
	}
	.m-50-md {
		margin: 50px !important;
	}
	.mt-50-md {
		margin-top: 50px !important;
	}
	.mr-50-md {
		margin-right: 50px !important;
	}
	.mb-50-md {
		margin-bottom: 50px !important;
	}
	.ml-50-md {
		margin-left: 50px !important;
	}
	/* Padding */
	.p-0-md {
		padding: 0px !important;
	}
	.pt-0-md {
		padding-top: 0px !important;
	}
	.pr-0-md {
		padding-right: 0px !important;
	}
	.pb-0-md {
		padding-bottom: 0px !important;
	}
	.pl-0-md {
		padding-left: 0px !important;
	}
	.p-5-md {
		padding: 5px !important;
	}
	.pt-5-md {
		padding-top: 5px !important;
	}
	.pr-5-md {
		padding-right: 5px !important;
	}
	.pb-5-md {
		padding-bottom: 5px !important;
	}
	.pl-5-md {
		padding-left: 5px !important;
	}
	.p-10-md {
		padding: 10px !important;
	}
	.pt-10-md {
		padding-top: 10px !important;
	}
	.pr-10-md {
		padding-right: 10px !important;
	}
	.pb-10-md {
		padding-bottom: 10px !important;
	}
	.pl-10-md {
		padding-left: 10px !important;
	}
	.p-15-md {
		padding: 15px !important;
	}
	.pt-15-md {
		padding-top: 15px !important;
	}
	.pr-15-md {
		padding-right: 15px !important;
	}
	.pb-15-md {
		padding-bottom: 15px !important;
	}
	.pl-15-md {
		padding-left: 15px !important;
	}
	.p-20-md {
		padding: 20px !important;
	}
	.pt-20-md {
		padding-top: 20px !important;
	}
	.pr-20-md {
		padding-right: 20px !important;
	}
	.pb-20-md {
		padding-bottom: 20px !important;
	}
	.pl-20-md {
		padding-left: 20px !important;
	}
	.p-25-md {
		padding: 25px !important;
	}
	.pt-25-md {
		padding-top: 25px !important;
	}
	.pr-25-md {
		padding-right: 25px !important;
	}
	.pb-25-md {
		padding-bottom: 25px !important;
	}
	.pl-25-md {
		padding-left: 25px !important;
	}
	.p-30-md {
		padding: 30px !important;
	}
	.pt-30-md {
		padding-top: 30px !important;
	}
	.pr-30-md {
		padding-right: 30px !important;
	}
	.pb-30-md {
		padding-bottom: 30px !important;
	}
	.pl-30-md {
		padding-left: 30px !important;
	}
	.p-35-md {
		padding: 35px !important;
	}
	.pt-35-md {
		padding-top: 35px !important;
	}
	.pr-35-md {
		padding-right: 35px !important;
	}
	.pb-35-md {
		padding-bottom: 35px !important;
	}
	.pl-35-md {
		padding-left: 35px !important;
	}
	.p-40-md {
		padding: 40px !important;
	}
	.pt-40-md {
		padding-top: 40px !important;
	}
	.pr-40-md {
		padding-right: 40px !important;
	}
	.pb-40-md {
		padding-bottom: 40px !important;
	}
	.pl-40-md {
		padding-left: 40px !important;
	}
	.p-45-md {
		padding: 45px !important;
	}
	.pt-45-md {
		padding-top: 45px !important;
	}
	.pr-45-md {
		padding-right: 45px !important;
	}
	.pb-45-md {
		padding-bottom: 45px !important;
	}
	.pl-45-md {
		padding-left: 45px !important;
	}
	.p-50-md {
		padding: 50px !important;
	}
	.pt-50-md {
		padding-top: 50px !important;
	}
	.pr-50-md {
		padding-right: 50px !important;
	}
	.pb-50-md {
		padding-bottom: 50px !important;
	}
	.pl-50-md {
		padding-left: 50px !important;
	}
	/* Font sizes - Medium */
	.fs9-md {
		font-size: 9px;
	}
	.fs10-md {
		font-size: 10px;
	}
	.fs11-md {
		font-size: 11px;
	}
	.fs12-md {
		font-size: 12px;
	}
	.fs13-md {
		font-size: 13px;
	}
	.fs14-md {
		font-size: 14px;
	}
	.fs15-md {
		font-size: 15px;
	}
	.fs16-md {
		font-size: 16px;
	}
	.fs17-md {
		font-size: 17px;
	}
	.fs18-md {
		font-size: 18px;
	}
	.fs19-md {
		font-size: 19px;
	}
	.fs20-md {
		font-size: 20px;
	}
	.fs21-md {
		font-size: 21px;
	}
	.fs22-md {
		font-size: 22px;
	}
	.fs23-md {
		font-size: 23px;
	}
	.fs24-md {
		font-size: 24px;
	}
	.fs25-md {
		font-size: 25px;
	}
	.fs26-md {
		font-size: 26px;
	}
	.fs27-md {
		font-size: 27px;
	}
	.fs28-md {
		font-size: 28px;
	}
	.fs29-md {
		font-size: 29px;
	}
	.fs30-md {
		font-size: 30px;
	}
}

/* END Medium  */
/* Small - sm */
@media (max-width: 767px) {
	.container.sm {
		max-width: 720px;
	}
	.col-0-sm {
		width: 0%;
	}
	.col-1-sm {
		width: 8.33%;
	}
	.col-2-sm {
		width: 16.66%;
	}
	.col-3-sm {
		width: 24.9%;
	}
	.col-4-sm {
		width: 33.2%;
	}
	.col-5-sm {
		width: 41.5%;
	}
	.col-6-sm {
		width: 49.9%;
	}
	.col-7-sm {
		width: 58.3%;
	}
	.col-8-sm {
		width: 66.6%;
	}
	.col-9-sm {
		width: 74.9%;
	}
	.col-10-sm {
		width: 83.25%;
	}
	.col-11-sm {
		width: 91.6%;
	}
	.col-12-sm {
		width: 100%;
	}
	.w-0-sm {
		display: none;
	}
	.w-10-sm {
		max-width: 10%;
		width: 10%;
	}
	.w-20-sm {
		max-width: 20%;
		width: 20%;
	}
	.w-30-sm {
		max-width: 30%;
		width: 30%;
	}
	.w-40-sm {
		max-width: 40%;
		width: 40%;
	}
	.w-50-sm {
		max-width: 50%;
		width: 50%;
	}
	.w-60-sm {
		max-width: 60%;
		width: 60%;
	}
	.w-70-sm {
		max-width: 70%;
		width: 70%;
	}
	.w-80-sm {
		max-width: 80%;
		width: 80%;
	}
	.w-90-sm {
		max-width: 90%;
		width: 90%;
	}
	.w-100-sm {
		max-width: 100%;
		width: 100%;
	}
	.w-10-sm,
	.w-20-sm,
	.w-30-sm,
	.w-40-sm,
	.w-50-sm,
	.w-60-sm,
	.w-70-sm,
	.w-80-sm,
	.w-90-sm,
	.w-100-sm {
		display: initial;
	}
	.vw-50-sm {
		max-width: 50vw;
	}
	.vw-60-sm {
		max-width: 60vw;
	}
	.vw-70-sm {
		max-width: 70vw;
	}
	.vw-80-sm {
		max-width: 80vw;
	}
	.vw-90-sm {
		max-width: 90vw;
	}
	.vw-100-sm {
		max-width: 100vw;
	}
	.full-sm {
		max-width: 100%;
		padding: 0;
	}
	/*	.multi-column-sm-1{column-count: 1;}
	.multi-column-sm-2{column-count: 2;}
	.multi-column-sm-3{column-count: 3;}
	.multi-column-sm-4{column-count: 4;}
	.multi-column-sm-5{column-count: 5;}
	.multi-column-sm-6{column-count: 6;}*/
	.column-1-sm {
		-webkit-column-count: 1;
		column-count: 1;
	}
	.column-2-sm {
		-webkit-column-count: 2;
		column-count: 2;
	}
	.column-3-sm {
		-webkit-column-count: 3;
		column-count: 3;
	}
	.column-4-sm {
		-webkit-column-count: 4;
		column-count: 4;
	}
	.column-5-sm {
		-webkit-column-count: 5;
		column-count: 5;
	}
	.column-6-sm {
		-webkit-column-count: 6;
		column-count: 6;
	}
	.gap-10-sm {
		-webkit-column-gap: 10px;
		column-gap: 10px;
	}
	.gap-15-sm {
		-webkit-column-gap: 15px;
		column-gap: 15px;
	}
	.gap-20-sm {
		-webkit-column-gap: 20px;
		column-gap: 20px;
	}
	.gap-25-sm {
		-webkit-column-gap: 25px;
		column-gap: 25px;
	}
	.gap-30-sm {
		-webkit-column-gap: 30px;
		column-gap: 30px;
	}
	.gap-35-sm {
		-webkit-column-gap: 35px;
		column-gap: 35px;
	}
	.gap-40-sm {
		-webkit-column-gap: 40px;
		column-gap: 40px;
	}
	.gap-45-sm {
		-webkit-column-gap: 45px;
		column-gap: 45px;
	}
	.gap-50-sm {
		-webkit-column-gap: 50px;
		column-gap: 50px;
	}
	.align-left-sm {
		text-align: left;
	}
	.align-right-sm {
		text-align: right;
	}
	img.right-sm {
		float: right;
		margin: 7px 0 8px 20px;
	}
	img.left-sm {
		float: left;
		margin: 7px 20px 8px 0;
	}
	img.center-sm {
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	.center-sm {
		text-align: center;
	}
	.justify-center-sm {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.crop-150-sm {
		max-height: 150px;
		overflow: hidden;
	}
	.crop-200-sm {
		max-height: 200px;
		overflow: hidden;
	}
	.crop-250-sm {
		max-height: 250px;
		overflow: hidden;
	}
	.crop-300-sm {
		max-height: 300px;
		overflow: hidden;
	}
	.crop-350-sm {
		max-height: 350px;
		overflow: hidden;
	}
	.crop-400-sm {
		max-height: 400px;
		overflow: hidden;
	}
	.crop-10-sm {
		max-height: 10vw;
		overflow: hidden;
	}
	.crop-20-sm {
		max-height: 20vw;
		overflow: hidden;
	}
	.crop-30-sm {
		max-height: 30vw;
		overflow: hidden;
	}
	.crop-40-sm {
		max-height: 40vw;
		overflow: hidden;
	}
	.crop-50-sm {
		max-height: 50vw;
		overflow: hidden;
	}
	.crop-60-sm {
		max-height: 60vw;
		overflow: hidden;
	}
	.crop-70-sm {
		max-height: 70vw;
		overflow: hidden;
	}
	.crop-80-sm {
		max-height: 80vw;
		overflow: hidden;
	}
	.crop-90-sm {
		max-height: 90vw;
		overflow: hidden;
	}
	.crop-100 {
		max-height: 100vw;
		overflow: inherit;
	}
	.overflow-top--10-sm {
		-webkit-transform: translateY(-10%);
		-ms-transform: translateY(-10%);
		transform: translateY(-10%);
	}
	.overflow-top--20-sm {
		-webkit-transform: translateY(-20%);
		-ms-transform: translateY(-20%);
		transform: translateY(-20%);
	}
	.overflow-top--30-sm {
		-webkit-transform: translateY(-30%);
		-ms-transform: translateY(-30%);
		transform: translateY(-30%);
	}
	.overflow-top--40-sm {
		-webkit-transform: translateY(-40%);
		-ms-transform: translateY(-40%);
		transform: translateY(-40%);
	}
	.overflow-top--50-sm {
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.overflow-top--60-sm {
		-webkit-transform: translateY(-60%);
		-ms-transform: translateY(-60%);
		transform: translateY(-60%);
	}
	.overflow-top--70-sm {
		-webkit-transform: translateY(-70%);
		-ms-transform: translateY(-70%);
		transform: translateY(-70%);
	}
	.overflow-top--80-sm {
		-webkit-transform: translateY(-80%);
		-ms-transform: translateY(-80%);
		transform: translateY(-80%);
	}
	.overflow-top--90-sm {
		-webkit-transform: translateY(-90%);
		-ms-transform: translateY(-90%);
		transform: translateY(-90%);
	}
	.none-sm {
		display: none !important;
	}
	/* Margins */
	.m-0-sm {
		margin: 0px !important;
	}
	.mt-0-sm {
		margin-top: 0px !important;
	}
	.mr-0-sm {
		margin-right: 0px !important;
	}
	.mb-0-sm {
		margin-bottom: 0px !important;
	}
	.ml-0-sm {
		margin-left: 0px !important;
	}
	.m-5-sm {
		margin: 5px !important;
	}
	.mt-5-sm {
		margin-top: 5px !important;
	}
	.mr-5-sm {
		margin-right: 5px !important;
	}
	.mb-5-sm {
		margin-bottom: 5px !important;
	}
	.ml-5-sm {
		margin-left: 5px !important;
	}
	.m--5-sm {
		margin: -5px !important;
	}
	.mt--5-sm {
		margin-top: -5px !important;
	}
	.mr--5-sm {
		margin-right: -5px !important;
	}
	.mb--5-sm {
		margin-bottom: -5px !important;
	}
	.ml--5-sm {
		margin-left: -5px !important;
	}
	.m-10-sm {
		margin: 10px !important;
	}
	.mt-10-sm {
		margin-top: 10px !important;
	}
	.mr-10-sm {
		margin-right: 10px !important;
	}
	.mb-10-sm {
		margin-bottom: 10px !important;
	}
	.ml-10-sm {
		margin-left: 10px !important;
	}
	.m-15-sm {
		margin: 15px !important;
	}
	.mt-15-sm {
		margin-top: 15px !important;
	}
	.mr-15-sm {
		margin-right: 15px !important;
	}
	.mb-15-sm {
		margin-bottom: 15px !important;
	}
	.ml-15-sm {
		margin-left: 15px !important;
	}
	.m-20-sm {
		margin: 20px !important;
	}
	.mt-20-sm {
		margin-top: 20px !important;
	}
	.mr-20-sm {
		margin-right: 20px !important;
	}
	.mb-20-sm {
		margin-bottom: 20px !important;
	}
	.ml-20-sm {
		margin-left: 20px !important;
	}
	.m-25-sm {
		margin: 25px !important;
	}
	.mt-25-sm {
		margin-top: 25px !important;
	}
	.mr-25-sm {
		margin-right: 25px !important;
	}
	.mb-25-sm {
		margin-bottom: 25px !important;
	}
	.ml-25-sm {
		margin-left: 25px !important;
	}
	.m-30-sm {
		margin: 20px !important;
	}
	.mt-30-sm {
		margin-top: 30px !important;
	}
	.mr-30-sm {
		margin-right: 30px !important;
	}
	.mb-30-sm {
		margin-bottom: 30px !important;
	}
	.ml-30-sm {
		margin-left: 30px !important;
	}
	.m-35-sm {
		margin: 20px !important;
	}
	.mt-35-sm {
		margin-top: 35px !important;
	}
	.mr-35-sm {
		margin-right: 35px !important;
	}
	.mb-35-sm {
		margin-bottom: 35px !important;
	}
	.ml-35-sm {
		margin-left: 35px !important;
	}
	.m-40-sm {
		margin: 40px !important;
	}
	.mt-40-sm {
		margin-top: 40px !important;
	}
	.mr-40-sm {
		margin-right: 40px !important;
	}
	.mb-40-sm {
		margin-bottom: 40px !important;
	}
	.ml-40-sm {
		margin-left: 40px !important;
	}
	.m-45-sm {
		margin: 45px !important;
	}
	.mt-45-sm {
		margin-top: 45px !important;
	}
	.mr-45-sm {
		margin-right: 45px !important;
	}
	.mb-45-sm {
		margin-bottom: 45px !important;
	}
	.ml-45-sm {
		margin-left: 45px !important;
	}
	.m-50-sm {
		margin: 50px !important;
	}
	.mt-50-sm {
		margin-top: 50px !important;
	}
	.mr-50-sm {
		margin-right: 50px !important;
	}
	.mb-50-sm {
		margin-bottom: 50px !important;
	}
	.ml-50-sm {
		margin-left: 50px !important;
	}
	/* Padding */
	.p-0-sm {
		padding: 0px !important;
	}
	.pt-0-sm {
		padding-top: 0px !important;
	}
	.pr-0-sm {
		padding-right: 0px !important;
	}
	.pb-0-sm {
		padding-bottom: 0px !important;
	}
	.pl-0-sm {
		padding-left: 0px !important;
	}
	.p-5-sm {
		padding: 5px !important;
	}
	.pt-5-sm {
		padding-top: 5px !important;
	}
	.pr-5-sm {
		padding-right: 5px !important;
	}
	.pb-5-sm {
		padding-bottom: 5px !important;
	}
	.pl-5-sm {
		padding-left: 5px !important;
	}
	.p-10-sm {
		padding: 10px !important;
	}
	.pt-10-sm {
		padding-top: 10px !important;
	}
	.pr-10-sm {
		padding-right: 10px !important;
	}
	.pb-10-sm {
		padding-bottom: 10px !important;
	}
	.pl-10-sm {
		padding-left: 10px !important;
	}
	.p-15-sm {
		padding: 15px !important;
	}
	.pt-15-sm {
		padding-top: 15px !important;
	}
	.pr-15-sm {
		padding-right: 15px !important;
	}
	.pb-15-sm {
		padding-bottom: 15px !important;
	}
	.pl-15-sm {
		padding-left: 15px !important;
	}
	.p-20-sm {
		padding: 20px !important;
	}
	.pt-20-sm {
		padding-top: 20px !important;
	}
	.pr-20-sm {
		padding-right: 20px !important;
	}
	.pb-20-sm {
		padding-bottom: 20px !important;
	}
	.pl-20-sm {
		padding-left: 20px !important;
	}
	.p-25-sm {
		padding: 25px !important;
	}
	.pt-25-sm {
		padding-top: 25px !important;
	}
	.pr-25-sm {
		padding-right: 25px !important;
	}
	.pb-25-sm {
		padding-bottom: 25px !important;
	}
	.pl-25-sm {
		padding-left: 25px !important;
	}
	.p-30-sm {
		padding: 30px !important;
	}
	.pt-30-sm {
		padding-top: 30px !important;
	}
	.pr-30-sm {
		padding-right: 30px !important;
	}
	.pb-30-sm {
		padding-bottom: 30px !important;
	}
	.pl-30-sm {
		padding-left: 30px !important;
	}
	.p-35-sm {
		padding: 35px !important;
	}
	.pt-35-sm {
		padding-top: 35px !important;
	}
	.pr-35-sm {
		padding-right: 35px !important;
	}
	.pb-35-sm {
		padding-bottom: 35px !important;
	}
	.pl-35-sm {
		padding-left: 35px !important;
	}
	.p-40-sm {
		padding: 40px !important;
	}
	.pt-40-sm {
		padding-top: 40px !important;
	}
	.pr-40-sm {
		padding-right: 40px !important;
	}
	.pb-40-sm {
		padding-bottom: 40px !important;
	}
	.pl-40-sm {
		padding-left: 40px !important;
	}
	.p-45-sm {
		padding: 45px !important;
	}
	.pt-45-sm {
		padding-top: 45px !important;
	}
	.pr-45-sm {
		padding-right: 45px !important;
	}
	.pb-45-sm {
		padding-bottom: 45px !important;
	}
	.pl-45-sm {
		padding-left: 45px !important;
	}
	.p-50-sm {
		padding: 50px !important;
	}
	.pt-50-sm {
		padding-top: 50px !important;
	}
	.pr-50-sm {
		padding-right: 50px !important;
	}
	.pb-50-sm {
		padding-bottom: 50px !important;
	}
	.pl-50-sm {
		padding-left: 50px !important;
	}
	/* Font sizes - Small */
	.fs9-sm {
		font-size: 9px;
	}
	.fs10-sm {
		font-size: 10px;
	}
	.fs11-sm {
		font-size: 11px;
	}
	.fs12-sm {
		font-size: 12px;
	}
	.fs13-sm {
		font-size: 13px;
	}
	.fs14-sm {
		font-size: 14px;
	}
	.fs15-sm {
		font-size: 15px;
	}
	.fs16-sm {
		font-size: 16px;
	}
	.fs17-sm {
		font-size: 17px;
	}
	.fs18-sm {
		font-size: 18px;
	}
	.fs19-sm {
		font-size: 19px;
	}
	.fs20-sm {
		font-size: 20px;
	}
	.fs21-sm {
		font-size: 21px;
	}
	.fs22-sm {
		font-size: 22px;
	}
	.fs23-sm {
		font-size: 23px;
	}
	.fs24-sm {
		font-size: 24px;
	}
	.fs25-sm {
		font-size: 25px;
	}
	.fs26-sm {
		font-size: 26px;
	}
	.fs27-sm {
		font-size: 27px;
	}
	.fs28-sm {
		font-size: 28px;
	}
	.fs29-sm {
		font-size: 29px;
	}
	.fs30-sm {
		font-size: 30px;
	}
}

/* END Small  */
/* Extra Small - xs */
@media (max-width: 575px) {
	.container.xs {
		max-width: 80vw;
	}
	.col-0-xs {
		width: 0%;
	}
	.col-1-xs {
		width: 8.33%;
	}
	.col-2-xs {
		width: 16.66%;
	}
	.col-3-xs {
		width: 24.9%;
	}
	.col-4-xs {
		width: 33.2%;
	}
	.col-5-xs {
		width: 41.5%;
	}
	.col-6-xs {
		width: 49.9%;
	}
	.col-7-xs {
		width: 58.3%;
	}
	.col-8-xs {
		width: 66.6%;
	}
	.col-9-xs {
		width: 74.9%;
	}
	.col-10-xs {
		width: 83.25%;
	}
	.col-11-xs {
		width: 91.6%;
	}
	.col-12-xs {
		width: 99.6%;
	}
	.w-10-xs {
		max-width: 10%;
		width: 10%;
	}
	.w-20-xs {
		max-width: 20%;
		width: 20%;
	}
	.w-30-xs {
		max-width: 30%;
		width: 30%;
	}
	.w-40-xs {
		max-width: 40%;
		width: 40%;
	}
	.w-50-xs {
		max-width: 50%;
		width: 50%;
	}
	.w-60-xs {
		max-width: 60%;
		width: 60%;
	}
	.w-70-xs {
		max-width: 70%;
		width: 70%;
	}
	.w-80-xs {
		max-width: 80%;
		width: 80%;
	}
	.w-90-xs {
		max-width: 90%;
		width: 90%;
	}
	.w-100-xs {
		max-width: 100%;
		width: 100%;
	}
	.w-10-xs,
	.w-20-xs,
	.w-30-xs,
	.w-40-xs,
	.w-50-xs,
	.w-60-xs,
	.w-70-xs,
	.w-80-xs,
	.w-90-xs,
	.w-100-xs {
		display: initial;
	}
	.vw-50-xs {
		max-width: 50vw;
	}
	.vw-60-xs {
		max-width: 60vw;
	}
	.vw-70-xs {
		max-width: 70vw;
	}
	.vw-80-xs {
		max-width: 80vw;
	}
	.vw-90-xs {
		max-width: 90vw;
	}
	.vw-100-xs {
		max-width: 100vw;
	}
	.full-xs {
		max-width: 100%;
		padding: 0;
	}
	/*	.multi-column-xs-1{column-count: 1;}
	.multi-column-xs-2{column-count: 2;}
	.multi-column-xs-3{column-count: 3;}
	.multi-column-xs-4{column-count: 4;}
	.multi-column-xs-5{column-count: 5;}
	.multi-column-xs-6{column-count: 6;}*/
	.column-1-xs {
		-webkit-column-count: 1;
		column-count: 1;
	}
	.column-2-xs {
		-webkit-column-count: 2;
		column-count: 2;
	}
	.column-3-xs {
		-webkit-column-count: 3;
		column-count: 3;
	}
	.column-4-xs {
		-webkit-column-count: 4;
		column-count: 4;
	}
	.column-5-xs {
		-webkit-column-count: 5;
		column-count: 5;
	}
	.column-6-xs {
		-webkit-column-count: 6;
		column-count: 6;
	}
	.gap-10-xs {
		-webkit-column-gap: 10px;
		column-gap: 10px;
	}
	.gap-15-xs {
		-webkit-column-gap: 15px;
		column-gap: 15px;
	}
	.gap-20-xs {
		-webkit-column-gap: 20px;
		column-gap: 20px;
	}
	.gap-25-xs {
		-webkit-column-gap: 25px;
		column-gap: 25px;
	}
	.gap-30-xs {
		-webkit-column-gap: 30px;
		column-gap: 30px;
	}
	.gap-35-xs {
		-webkit-column-gap: 35px;
		column-gap: 35px;
	}
	.gap-40-xs {
		-webkit-column-gap: 40px;
		column-gap: 40px;
	}
	.gap-45-xs {
		-webkit-column-gap: 45px;
		column-gap: 45px;
	}
	.gap-50-xs {
		-webkit-column-gap: 50px;
		column-gap: 50px;
	}
	.align-left-xs {
		text-align: left;
	}
	.align-right-xs {
		text-align: right;
	}
	img.right-xs {
		float: right;
		margin: 7px 0 8px 20px;
	}
	img.left-xs {
		float: left;
		margin: 7px 20px 8px 0;
	}
	img.center-xs {
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	.center-xs {
		text-align: center;
	}
	.justify-center-xs {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.crop-150-xs {
		max-height: 150px;
		overflow: hidden;
	}
	.crop-200-xs {
		max-height: 200px;
		overflow: hidden;
	}
	.crop-250-xs {
		max-height: 250px;
		overflow: hidden;
	}
	.crop-300-xs {
		max-height: 300px;
		overflow: hidden;
	}
	.crop-350-xs {
		max-height: 350px;
		overflow: hidden;
	}
	.crop-400-xs {
		max-height: 400px;
		overflow: hidden;
	}
	.crop-10-xs {
		max-height: 10vw;
		overflow: hidden;
	}
	.crop-20-xs {
		max-height: 20vw;
		overflow: hidden;
	}
	.crop-30-xs {
		max-height: 30vw;
		overflow: hidden;
	}
	.crop-40-xs {
		max-height: 40vw;
		overflow: hidden;
	}
	.crop-50-xs {
		max-height: 50vw;
		overflow: hidden;
	}
	.crop-60-xs {
		max-height: 60vw;
		overflow: hidden;
	}
	.crop-70-xs {
		max-height: 70vw;
		overflow: hidden;
	}
	.crop-80-xs {
		max-height: 80vw;
		overflow: hidden;
	}
	.crop-90-xs {
		max-height: 90vw;
		overflow: hidden;
	}
	.overflow-top--10-xs {
		-webkit-transform: translateY(-10%);
		-ms-transform: translateY(-10%);
		transform: translateY(-10%);
	}
	.overflow-top--20-xs {
		-webkit-transform: translateY(-20%);
		-ms-transform: translateY(-20%);
		transform: translateY(-20%);
	}
	.overflow-top--30-xs {
		-webkit-transform: translateY(-30%);
		-ms-transform: translateY(-30%);
		transform: translateY(-30%);
	}
	.overflow-top--40-xs {
		-webkit-transform: translateY(-40%);
		-ms-transform: translateY(-40%);
		transform: translateY(-40%);
	}
	.overflow-top--50-xs {
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.overflow-top--60-xs {
		-webkit-transform: translateY(-60%);
		-ms-transform: translateY(-60%);
		transform: translateY(-60%);
	}
	.overflow-top--70-xs {
		-webkit-transform: translateY(-70%);
		-ms-transform: translateY(-70%);
		transform: translateY(-70%);
	}
	.overflow-top--80-xs {
		-webkit-transform: translateY(-80%);
		-ms-transform: translateY(-80%);
		transform: translateY(-80%);
	}
	.overflow-top--90-xs {
		-webkit-transform: translateY(-90%);
		-ms-transform: translateY(-90%);
		transform: translateY(-90%);
	}
	.none-xs {
		display: none !important;
	}
	/* Margins */
	.m-0-xs {
		margin: 0px !important;
	}
	.mt-0-xs {
		margin-top: 0px !important;
	}
	.mr-0-xs {
		margin-right: 0px !important;
	}
	.mb-0-xs {
		margin-bottom: 0px !important;
	}
	.ml-0-xs {
		margin-left: 0px !important;
	}
	.m-5-xs {
		margin: 5px !important;
	}
	.mt-5-xs {
		margin-top: 5px !important;
	}
	.mr-5-xs {
		margin-right: 5px !important;
	}
	.mb-5-xs {
		margin-bottom: 5px !important;
	}
	.ml-5-xs {
		margin-left: 5px !important;
	}
	.m--5-xs {
		margin: -5px !important;
	}
	.mt--5-xs {
		margin-top: -5px !important;
	}
	.mr--5-xs {
		margin-right: -5px !important;
	}
	.mb--5-xs {
		margin-bottom: -5px !important;
	}
	.ml--5-xs {
		margin-left: -5px !important;
	}
	.m-10-xs {
		margin: 10px !important;
	}
	.mt-10-xs {
		margin-top: 10px !important;
	}
	.mr-10-xs {
		margin-right: 10px !important;
	}
	.mb-10-xs {
		margin-bottom: 10px !important;
	}
	.ml-10-xs {
		margin-left: 10px !important;
	}
	.m-15-xs {
		margin: 15px !important;
	}
	.mt-15-xs {
		margin-top: 15px !important;
	}
	.mr-15-xs {
		margin-right: 15px !important;
	}
	.mb-15-xs {
		margin-bottom: 15px !important;
	}
	.ml-15-xs {
		margin-left: 15px !important;
	}
	.m-20-xs {
		margin: 20px !important;
	}
	.mt-20-xs {
		margin-top: 20px !important;
	}
	.mr-20-xs {
		margin-right: 20px !important;
	}
	.mb-20-xs {
		margin-bottom: 20px !important;
	}
	.ml-20-xs {
		margin-left: 20px !important;
	}
	.m-25-xs {
		margin: 25px !important;
	}
	.mt-25-xs {
		margin-top: 25px !important;
	}
	.mr-25-xs {
		margin-right: 25px !important;
	}
	.mb-25-xs {
		margin-bottom: 25px !important;
	}
	.ml-25-xs {
		margin-left: 25px !important;
	}
	.m-30-xs {
		margin: 20px !important;
	}
	.mt-30-xs {
		margin-top: 30px !important;
	}
	.mr-30-xs {
		margin-right: 30px !important;
	}
	.mb-30-xs {
		margin-bottom: 30px !important;
	}
	.ml-30-xs {
		margin-left: 30px !important;
	}
	.m-35-xs {
		margin: 20px !important;
	}
	.mt-35-xs {
		margin-top: 35px !important;
	}
	.mr-35-xs {
		margin-right: 35px !important;
	}
	.mb-35-xs {
		margin-bottom: 35px !important;
	}
	.ml-35-xs {
		margin-left: 35px !important;
	}
	.m-40-xs {
		margin: 40px !important;
	}
	.mt-40-xs {
		margin-top: 40px !important;
	}
	.mr-40-xs {
		margin-right: 40px !important;
	}
	.mb-40-xs {
		margin-bottom: 40px !important;
	}
	.ml-40-xs {
		margin-left: 40px !important;
	}
	.m-45-xs {
		margin: 45px !important;
	}
	.mt-45-xs {
		margin-top: 45px !important;
	}
	.mr-45-xs {
		margin-right: 45px !important;
	}
	.mb-45-xs {
		margin-bottom: 45px !important;
	}
	.ml-45-xs {
		margin-left: 45px !important;
	}
	.m-50-xs {
		margin: 50px !important;
	}
	.mt-50-xs {
		margin-top: 50px !important;
	}
	.mr-50-xs {
		margin-right: 50px !important;
	}
	.mb-50-xs {
		margin-bottom: 50px !important;
	}
	.ml-50-xs {
		margin-left: 50px !important;
	}
	/* Padding */
	.p-0-xs {
		padding: 0px !important;
	}
	.pt-0-xs {
		padding-top: 0px !important;
	}
	.pr-0-xs {
		padding-right: 0px !important;
	}
	.pb-0-xs {
		padding-bottom: 0px !important;
	}
	.pl-0-xs {
		padding-left: 0px !important;
	}
	.p-5-xs {
		padding: 5px !important;
	}
	.pt-5-xs {
		padding-top: 5px !important;
	}
	.pr-5-xs {
		padding-right: 5px !important;
	}
	.pb-5-xs {
		padding-bottom: 5px !important;
	}
	.pl-5-xs {
		padding-left: 5px !important;
	}
	.p-10-xs {
		padding: 10px !important;
	}
	.pt-10-xs {
		padding-top: 10px !important;
	}
	.pr-10-xs {
		padding-right: 10px !important;
	}
	.pb-10-xs {
		padding-bottom: 10px !important;
	}
	.pl-10-xs {
		padding-left: 10px !important;
	}
	.p-15-xs {
		padding: 15px !important;
	}
	.pt-15-xs {
		padding-top: 15px !important;
	}
	.pr-15-xs {
		padding-right: 15px !important;
	}
	.pb-15-xs {
		padding-bottom: 15px !important;
	}
	.pl-15-xs {
		padding-left: 15px !important;
	}
	.p-20-xs {
		padding: 20px !important;
	}
	.pt-20-xs {
		padding-top: 20px !important;
	}
	.pr-20-xs {
		padding-right: 20px !important;
	}
	.pb-20-xs {
		padding-bottom: 20px !important;
	}
	.pl-20-xs {
		padding-left: 20px !important;
	}
	.p-25-xs {
		padding: 25px !important;
	}
	.pt-25-xs {
		padding-top: 25px !important;
	}
	.pr-25-xs {
		padding-right: 25px !important;
	}
	.pb-25-xs {
		padding-bottom: 25px !important;
	}
	.pl-25-xs {
		padding-left: 25px !important;
	}
	.p-30-xs {
		padding: 30px !important;
	}
	.pt-30-xs {
		padding-top: 30px !important;
	}
	.pr-30-xs {
		padding-right: 30px !important;
	}
	.pb-30-xs {
		padding-bottom: 30px !important;
	}
	.pl-30-xs {
		padding-left: 30px !important;
	}
	.p-35-xs {
		padding: 35px !important;
	}
	.pt-35-xs {
		padding-top: 35px !important;
	}
	.pr-35-xs {
		padding-right: 35px !important;
	}
	.pb-35-xs {
		padding-bottom: 35px !important;
	}
	.pl-35-xs {
		padding-left: 35px !important;
	}
	.p-40-xs {
		padding: 40px !important;
	}
	.pt-40-xs {
		padding-top: 40px !important;
	}
	.pr-40-xs {
		padding-right: 40px !important;
	}
	.pb-40-xs {
		padding-bottom: 40px !important;
	}
	.pl-40-xs {
		padding-left: 40px !important;
	}
	.p-45-xs {
		padding: 45px !important;
	}
	.pt-45-xs {
		padding-top: 45px !important;
	}
	.pr-45-xs {
		padding-right: 45px !important;
	}
	.pb-45-xs {
		padding-bottom: 45px !important;
	}
	.pl-45-xs {
		padding-left: 45px !important;
	}
	.p-50-xs {
		padding: 50px !important;
	}
	.pt-50-xs {
		padding-top: 50px !important;
	}
	.pr-50-xs {
		padding-right: 50px !important;
	}
	.pb-50-xs {
		padding-bottom: 50px !important;
	}
	.pl-50-xs {
		padding-left: 50px !important;
	}
	/* Font sizes - xs */
	.fs9-xs {
		font-size: 9px;
	}
	.fs10-xs {
		font-size: 10px;
	}
	.fs11-xs {
		font-size: 11px;
	}
	.fs12-xs {
		font-size: 12px;
	}
	.fs13-xs {
		font-size: 13px;
	}
	.fs14-xs {
		font-size: 14px;
	}
	.fs15-xs {
		font-size: 15px;
	}
	.fs16-xs {
		font-size: 16px;
	}
	.fs17-xs {
		font-size: 17px;
	}
	.fs18-xs {
		font-size: 18px;
	}
	.fs19-xs {
		font-size: 19px;
	}
	.fs20-xs {
		font-size: 20px;
	}
	.fs21-xs {
		font-size: 21px;
	}
	.fs22-xs {
		font-size: 22px;
	}
	.fs23-xs {
		font-size: 23px;
	}
	.fs24-xs {
		font-size: 24px;
	}
	.fs25-xs {
		font-size: 25px;
	}
	.fs26-xs {
		font-size: 26px;
	}
	.fs27-xs {
		font-size: 27px;
	}
	.fs28-xs {
		font-size: 28px;
	}
	.fs29-xs {
		font-size: 29px;
	}
	.fs30-xs {
		font-size: 30px;
	}
}

/* END Extra Small  */
.pointer {
	cursor: pointer;
}

ul.bullet {
	display: block;
	padding-left: 20px;
	width: auto;
	margin-bottom: 10px;
}

ul.bullet li {
    font-size: 1rem;
    line-height: 1.7;
    margin-bottom: .5rem;
	list-style: disc;
	padding: 1px 0;
}

/* Forms  */
input[type="radio"] {
	border: none;
}

/* Cue icons ############### */
/* a[href $='.pdf'] {    padding-right: 28px; background: transparent url(img/icons/icon-pdf.gif) no-repeat center right;}
	a[href ^="mailto:"] {    padding-right: 20px; background: transparent url(img/icons/icon-email.gif) no-repeat center right; } */
/* Fixes ############### */
.clear {
	clear: both;
	display: block;
	width: auto;
	overflow: hidden;
}

.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-style {
	padding: 0;
	margin: 0;
}

/* Colours */
/* Text colours ////// */
.color-primary {
	color: #23e2c7;
}
.color-primary h1,
.color-primary h2,
.color-primary h3,
.color-primary h4,
.color-primary h5,
.color-primary h6,
.color-primary p,
.color-primary .heading1,
.color-primary .heading2 {
	color: #23e2c7;
}

.color-secondary {
	color: #0cf;
}
.color-secondary h1,
.color-secondary h2,
.color-secondary h3,
.color-secondary h4,
.color-secondary h5,
.color-secondary h6,
.color-secondary p,
.color-secondary .heading1,
.color-secondary .heading2 {
	color: #0cf;
}

.color-tertairy {
	color: #536;
}
.color-tertairy h1,
.color-tertairy h2,
.color-tertairy h3,
.color-tertairy h4,
.color-tertairy h5,
.color-tertairy h6,
.color-tertairy p,
.color-tertairy .heading1,
.color-tertairy .heading2 {
	color: #536;
}

.color-default {
	color: #444;
}
.color-default h1,
.color-default h2,
.color-default h3,
.color-default h4,
.color-default h5,
.color-default h6,
.color-default p,
.color-default .heading1,
.color-default .heading2 {
	color: #444;
}

.color-light {
	color: #f5f5f5;
}
.color-light h1,
.color-light h2,
.color-light h3,
.color-light h4,
.color-light h5,
.color-light h6,
.color-light p,
.color-light .heading1,
.color-light .heading2 {
	color: #f5f5f5;
}

a.btn.color-light {
	color: initial;
}

.color-dark {
	color: #333;
}
.color-dark h1,
.color-dark h2,
.color-dark h3,
.color-dark h4,
.color-dark h5,
.color-dark h6,
.color-dark p,
.color-dark .heading1,
.color-dark .heading2 {
	color: #333;
}

.color-black {
	color: #000;
}
.color-black h1,
.color-black h2,
.color-black h3,
.color-black h4,
.color-black h5,
.color-black h6,
.color-black p,
.color-black .heading1,
.color-black .heading2 {
	color: #000;
}

.color-white {
	color: #fff;
}
.color-white h1,
.color-white h2,
.color-white h3,
.color-white h4,
.color-white h5,
.color-white h6,
.color-white p,
.color-white .heading1,
.color-white .heading2 {
	color: #fff;
}

/* Background colours ////// */
.bg-primary {
	background-color: #23e2c7;
}

.bg-secondary {
	background-color: #0cf;
}

.bg-tertairy {
	background-color: #536;
}

.bg-default {
	background-color: #444;
}

.bg-light {
	background-color: #f5f5f5;
}

.bg-dark {
	background-color: #333;
}

.bg-black {
	color: #000;
}

.bg-white {
	color: #fff;
}

.bg-grey-dark {
	background: #404040;
}
.bg-grey-dark p {
	color: #eee;
}

/* Font – Poppins (local), fallbacks Arial, Helvetica only */

/* Lucide inline SVG icons (footer contact, etc.) */
.lucide-icon {
	display: inline-block;
	vertical-align: middle;
	flex-shrink: 0;
}
.lucide-icon svg {
	width: 1em;
	height: 1em;
	display: block;
}

.font-primary {
	font-family: "Poppins", Arial, Helvetica, sans-serif;
}

.font-primary-bold {
	font-family: "Poppins", Arial, Helvetica, sans-serif;
}

/* Media widths ----------------------

Standard    - 
Large   - lg  (max-width: 1199px)
Medium    - md (max-width: 991px)
Small     - sm (max-width: 767px)
Extra Small - xs (max-width: 575px)  

------------------------------------ */
body,
p {
	font-size: 19px;
	line-height: 30px;
	/*font-size: 1.1em; line-height: 1.6em;*/
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	color: #444;
	font-weight: 300;
}

p {
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	margin: 5px 0 20px;
}

strong {
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-weight: 600;
}

.am-paragraph-large {
	font-size: 1.6rem;
	line-height: 1.6;
	margin-bottom: 1.1em;
}

a {
	text-decoration: none;
	color: #23e2c7;
	color: #1ca190;
	-webkit-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
a:hover,
a:focus {
	text-decoration: none;
	text-decoration: underline;
}

.heading,
.heading-1,
.heading-2,
.heading-3,
.heading-4,
.heading-5,
.heading-6,
.heading-Title,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-style: normal;
	clear: both;
	width: 100%;
	line-height: 1.2em;
	margin: 10px 0 20px;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
}

h1,
.heading-1 {
	color: #333;
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-weight: 700;
	line-height: 1.2em;
	font-size: 4rem;
}
h2,
.heading-2,
.heading-3,
.heading-4,
.heading-5,
.heading-6,
.heading-Title,
h3,
h4,
h5,
h6 {
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-weight: 600;
	color: #333;
}

/* h2{ border-bottom: 1px solid #ddd; padding-bottom: 20px; } */
/*h1,
h2,
h3,
h4,
h5{font-family:$font-heading; 
    &.bold{font-family:$font-heading;  }
}
h6{ font-family:$font-heading;  }*/

h1.large,
.large {
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 110px;
	line-height: 1.3em;
	line-height: 135px;
	color: #fff;
	text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
}
h1.large span,
.large span {
	font-size: 50px;
	font-size: 3.3rem;
	display: block;
	line-height: 70px;
	line-height: 4.2rem;
}

h1,
.heading-1 {
	display: inherit;
}

h2,
.heading-2 {
	font-size: 55px;
	line-height: 65px;
	line-height: 65px;
	font-size: 4rem;
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	line-height: 5rem;
	margin-bottom: 2rem;
	font-weight: 700;
	letter-spacing: -0.1rem;
}

h3,
.heading-3 {
	font-size: 38px;
	line-height: 48px;
	font-weight: 700;
	letter-spacing: -0.1rem;
	/* color: #444; */
}


h4,
.heading-4 {
	font-size: 26px;
	line-height: 36px;
	font-weight: 500;
}

h5,
.heading-5 {
	font-size: 24px;
	line-height: 34px;
	font-weight: 400;
}

h6,
.heading-6 {
	font-size: 20px;
	line-height: 30px;
	font-weight: 700;
}

article h1,
article .heading-1 {
	font-size: 3.5rem;
	line-height: 4.1rem;
}

article h2,
article .heading-2 {
	font-size: 35px;
	line-height: 55px;
	font-weight: 600;
}

article h3,
article .heading-3 {
	font-size: 30px;
	line-height: 45px;

	font-size: 2rem;
	line-height: 2.5rem;
	font-weight: 400;
	margin: 0.6rem 0 1rem;
}

article .project-title h1 {
	line-height: 60px;
	margin: 12px 0;
}

article .project-title h2 {
	line-height: 50px;
	/* margin:10px 0;*/
}

.hero h1 {
	color: #fff;
	margin: 0 25px 40px;
	width: auto;
}
.hero h1 span {
	display: block;
}

.home article h1,
.home article .heading-1 {
	font-size: 45px;
	line-height: 60px;
}

.home article h2,
.home article .heading-2 {
	display: inherit;
}

article ul li {
	padding-bottom: 1rem;
}

.project h2 {
	color: #444;
}

footer h2 {
	color: #fff;
	font-size: 55px;
	line-height: 90px;
	font-weight: 700;
}

.contact h3 + h3 {
	color: #23e2c7;
	color: #1ca190;
}

/* Small - sm 
@media (max-width: 575px) {

    h1.large, .large {
        font-size: 15vw;
        line-height: 16vw;
        font-weight: 700;
    }

    h1.large span, 
    .large span {
        font-size: 7vw;
        line-height: 9vw;
        margin-bottom: 1vw;
        font-weight: 600;
    }
}
*/

/* Medium - md */
@media (max-width: 991px) {
	/*body,
  p{ font-size: 17px; line-height:28px; }*/

	h1.large,
	.large {
		font-size: 15vw;
		font-size: 3.5rem;
		line-height: 16vw;
		font-weight: 600;
	}

	h1.large span,
	.large span {
		font-size: 7vw;
		line-height: 9vw;
		margin-bottom: 3vw;
		font-weight: 500;
	}

	h1,
	.heading-1 {
		display: inherit;
	}

	h2,
	.heading-2 {
		display: inherit;
		font-size: 2.5rem;
	}
	/* .home h2,
  .home .heading-2,
  .potfolio h2,
  .potfolio .heading-2 { color: #23E2C7; } */
	h3,
	.heading-3 {
		font-size: 30px;
		line-height: 40px;
	}
	h4,
	.heading-4 {
		font-size: 24px;
		line-height: 34px;
	}
	h5,
	.heading-5 {
		font-size: 22px;
		line-height: 32px;
	}
	h6,
	.heading-6 {
		font-size: 18px;
		line-height: 28px;
	}
	/*
(h1               65 / 90 weight: 900;)
(h1 > 991         55 / 80 weight: 900;) #todo
(h1 article       55 / 70 weight: 900;)
(h1 article > 991 45 / 60 weight: 900;)
(h1 project-title 80 /    weight: 900;)

(h2               55 / 80 weight: 900;)
(h2 > 991         45 / 70 weight: 900;) #todo
(h2 article       35 / 55 weight: 700;)
(h2 article > 991 30 / 45 weight: 700;)
(h2 project-title 55 )

(h3               38 / 55 weight: 700;) 38 heavy
(h3 > 991         38 / 55 weight: 700;)  #todo
(h3 article       30 / 45 weight: 700;)
(h3 article > 991 28 / 45 weight: 700;)

(h4               26 / 40 weight: 700;)
(h4 > 991         26 / 40 weight: 700;)

(h5               24 / 36 weight: 400;)
(h5 > 991         24 / 36 weight: 400;)

(h6               20 / 30 weight: 700;)
(h6 > 991         20 / 30 weight: 700;)

22 heavy
19 / 32 heavy
19 / 32 heavy
roboto light 19 / 32
roboto light 16 / 25
*/
	article h1,
	article .heading-1 {
		font-size: 45px;
		line-height: 60px;
	}
	article h2,
	article .heading-2 {
		font-size: 30px;
		line-height: 45px;
		font-weight: 700;
		/* text-align: center; */
	}
	article h3,
	article .heading-3 {
		/* font-size: 28px;
    line-height: 45px;*/
		font-weight: 300;
	}
	article .project-title h1 {
		line-height: 60px;
		margin: 10px 0 15px;
	}
	article .project-title h2 {
		line-height: 50px;
		/* margin:10px 0;*/
	}
}

/* Small - sm (max-width: 767px) */

body,
p {
	font-size: 1.1rem;
	line-height: 1.9rem;
}
.responsive:before {
	border-left: 5px solid #0af;
}

.home article h1,
.home article .heading-1 {
	/* font-size: 41px;
    font-size: 2.6rem;
    line-height: 55px; 
    letter-spacing: -.05rem;
    font-weight: 700; */

	font-size: 2.6rem;
	line-height: 3rem;
	letter-spacing: -0.1rem;
	font-weight: 600;
	color: #111;
}

.home article h2,
.home article .heading-2 {
	line-height: 2.4rem;
	font-size: 1.9rem;
	font-weight: 600;
}
.hero h1 {
	font-size: 50px;
	line-height: 70px;
}

ul.bullets {
	margin: 15px 0;
}
ul.bullets li {
	margin-left: 5px;
}
ul.bullets li:before {
	content: "\f0da";
	font-family: "FontAwesome";
	margin-left: -5px;
	padding-right: 6px;
	color: #1d9bb2;
}

ol.numbers {
	margin: 15px 0;
	padding: 0;
	counter-reset: item;
}
ol.numbers > li {
	margin: 0;
	list-style-type: none;
	counter-increment: item;
}
ol.numbers > li:before {
	display: inline-block;
	width: 20px;
	padding-right: 5px;
	font-weight: bold;
	text-align: right;
	content: counter(item) ".";
}

header {
	height: 70px;
	-webkit-box-shadow: 0 0px 100px 50px rgba(0, 0, 0, 0.04);
	box-shadow: 0 0px 100px 50px rgba(0, 0, 0, 0.04);
}

.hamburger {
	color: inherit;
	font-size: 21px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	width: 100px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	/*top: 0;border: 1px solid #f00; float: left;*/
	z-index: 1;
	right: 0;
}

#nav-icon {
	width: 21px;
	height: 20px;
	position: relative;
	margin: 10px 0 0;
	left: 15px;
}
#nav-icon span {
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	background: #004346;
	border-radius: 2px;
	opacity: 1;
	left: 0;
	border-right: 1px solid #777;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
}
#nav-icon:after {
	content: "Menu";
	position: absolute;
	display: block;
	cursor: pointer;
	margin-left: 32px;
	margin-top: -5px;
	font-size: 16px;
	color: #555;
	font-family: "Poppins", Arial, Helvetica, sans-serif;
}

#nav-icon span:nth-child(1) {
	top: 0px;
}

#nav-icon span:nth-child(2),
#nav-icon span:nth-child(3) {
	top: 7px;
}

#nav-icon span:nth-child(4) {
	top: 14px;
}

#nav-icon:hover span:nth-child(1) {
	-webkit-transform: rotate(40deg);
	transform: rotate(40deg);
	width: 14px;
	top: 3px;
	left: 7px;
}

#nav-icon:hover span:nth-child(2) {
	width: 18px;
}

#nav-icon:hover span:nth-child(3) {
	opacity: 0;
}

#nav-icon:hover span:nth-child(4) {
	-webkit-transform: rotate(-40deg);
	transform: rotate(-40deg);
	width: 14px;
	top: 11px;
	left: 7px;
}

/*nav*/
.slide-container .hamburger {
	height: 60px;
	/* width: 50px; z-index: 9999; */
}
.slide-container .hamburger span {
	font-size: 50px;
}

.slide-container .close-menu {
	cursor: pointer;
	display: inherit;
}

#top {
	display: inherit;
}

#searchModal {
	z-index: 999997;
}
#searchModal #search-container {
	min-height: 160px;
	width: 100%;
	background-color: #f6f6f6;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 9999999;
}
#searchModal #search-container .inner {
	/* border: 1px solid; */
	margin: 50px auto;
	float: inherit;
	width: 80%;
	clear: both;
	overflow: auto;
}
#searchModal #search-container .inner label {
	font-size: 24px;
	font-weight: normal;
	float: left;
	padding: 10px 4% 5px 0;
}
#searchModal #search-container .inner input {
	padding: 15px;
	border: solid 1px #d8d8d8;
	width: 80%;
	float: left;
	position: relative;
}
#searchModal .close {
	color: #6b6b6b;
	font-size: 32px;
	margin-top: -5px;
	font-weight: bold;
	padding: 12px 16px;
}

.show-header {
	/*border:1px solid #0f0;*/
	-webkit-transition: all 0.3s cubic-bezier(0.665, 0.165, 0.13, 0.715);
	-moz-transition: all 0.3s cubic-bezier(0.665, 0.165, 0.13, 0.715);
	-ms-transition: all 0.3s cubic-bezier(0.665, 0.165, 0.13, 0.715);
	-o-transition: all 0.3s cubic-bezier(0.665, 0.165, 0.13, 0.715);
	transition: all 0.3s cubic-bezier(0.665, 0.165, 0.13, 0.715);
}

.header-top {
	display: none;
}

.nav-up {
	top: -70px;
}

.nav-down {
	top: 0px;
}

@media (max-width: 991px) {
	.header-top {
		height: 70px;
		background: #fff;
		top: 0;
		position: fixed;
		z-index: 1005;
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-line-pack: justify;
		align-content: space-between;
		left: 0;
		right: 0;
		/* border-bottom: 1px solid rgba(0, 0, 0, 0.1); */
		-webkit-box-shadow: 0 0px 100px 50px rgba(0, 0, 0, 0.04);
		box-shadow: 0 0px 100px 50px rgba(0, 0, 0, 0.04);
	}
	.header-top .btn {
		margin: 10px;
	}
	.nav-up {
		top: -70px;
	}
	.nav-down {
		top: 0px;
	}
}

/* Sub nav  */
#main-container {
	width: 100%;
	position: relative;
	background-color: #fff;
	max-width: 1400px;
	margin: 0 auto;
}

@media (max-width: 600px) {
	#searchModal #search-container .inner {
		margin: 20px auto 45px;
	}
	#searchModal #search-container .inner label {
		font-size: 21px;
	}
	#searchModal #search-container .inner input {
		width: 100%;
	}
}

@media (max-width: 991px) {
	body {
		padding-top: 70px;
	}
	header {
		overflow: visible;
		/* height: 100px; width: 330px;*/
		top: 0;
	}
	header .hamburger {
		height: 56px;
		width: 56px;
		display: block;
		float: right;
		color: #0b4596;
		margin: 19px 19px 0 0;
		border: solid 1px rgba(10, 69, 150, 0.27);
	}

	#side-nav {
		z-index: 300;
		position: absolute;
		width: 100%;
		overflow-x: hidden;
		bottom: 0;
		top: 0;
		background: #fff;
		z-index: 999;
		border-right: 1px solid rgba(230, 230, 230, 0.7);
		-webkit-box-shadow: 3px 0px 0px rgba(191, 191, 191, 0.1);
		box-shadow: 3px 0px 0px rgba(191, 191, 191, 0.1);
	}

	#side-nav header {
		position: absolute;
	}

	#side-nav .nav-container {
		border-top: 1px solid #eee;
	}

	/* Lvl 02*/

	#side-nav ul li a {
		color: #414141;
		display: block;
		font-size: 15px;
		padding: 12px 10px 12px 20px;
		font-weight: 500;
		margin: 3px;
		border-radius: 5px;
		border: 1px solid transparent;
	}


	#nav-main {
		padding: .5rem;
	}

	#side-nav ul li a:hover,
	#side-nav ul li a.active{ 
		border: 1px solid #00000020;
	}

	/* #side-nav ul li ul li {
		border: none;

	} */

	#side-nav ul li ul li:first-of-type {
		margin-top: 5px;
	}

	#side-nav ul li ul li:last-of-type {
		margin-bottom: 5px;
	}

	#side-nav ul li ul li a,
	#side-nav ul li ul li a:hover,
	#side-nav ul li ul li a.active  {
		font-size: 14px;
		display: block;
		padding: 8px 20px;
		color: #666;
		text-decoration: none;
		border-radius: 3px;
		font-weight: 300;
		border: 1px solid transparent;
	}

	#side-nav ul li ul li ul.openSub {
		-webkit-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.2) !important;
		box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.2) !important;
	}
	#side-nav ul li ul li ul.openSub li {
		padding: 0;
		/* background: #eaeaea; */
	}

	#side-nav ul li ul li ul.openSub li:first-of-type {
		margin-top: 5px;
	}

	#side-nav ul li ul li ul.openSub li:last-of-type {
		margin-bottom: 5px;
	}

	#side-nav ul li ul li ul.openSub li a {
		font-size: 12px;
		padding: 4px 16px 4px 17px;
		border: none;
		background: #eee;
		margin: 2px 0px;
	}

	#side-nav ul li ul li ul.openSub li a:hover {
		background: #ddd;
		color: #000;
	}

	#side-nav ul ul {
		display: none;
	}
	#side-nav .container {
		width: inherit;
		padding-right: inherit;
		padding-left: inherit;
		/* border: 1px solid #f00; */
	}
	#side-nav .menu-title {
		padding: 0.7em 1em 0.7em 0.8em;
		background: #f5f5f5;
		text-transform: uppercase;
		font-size: 0.85em;
	}

	#side-nav .expandMenu li span {
		right: 17px;
		margin-top: 6px;
		position: absolute;
		display: block;
		cursor: pointer;
		z-index: 999999;
	}

	#side-nav .expandMenu li span,
	#side-nav .expandMenu li span.collapsed {
		/* border: 1px solid #eee; 
      border-width: 0 0 0 1px;*/
		width: 45px;
		height: 45px;
		position: absolute;
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		-o-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;
		cursor: pointer;
		z-index: 99999;
		box-shadow: 0 0 0 1px #00000015;
		border-radius: 100px;
	}

	#side-nav .expandMenu li span:hover {
		background: #00000008;
	}
	#side-nav .expandMenu li span i,
	#side-nav .expandMenu li span.collapsed i {
		display: block;
		position: absolute;
		height: 2px;
		width: 11px;
		background: #888;
		border-radius: 2px;
		opacity: 1;
		-webkit-transition: 0.25s ease-in-out;
		-moz-transition: 0.25s ease-in-out;
		-o-transition: 0.25s ease-in-out;
		transition: 0.25s ease-in-out;
	}

	#side-nav .expandMenu li span i:nth-child(1),
	#side-nav .expandMenu li span.collapsed i:nth-child(1) {
		top: 19px;
		left: 19px;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		/*  background: #f00; */
	}

	#side-nav .expandMenu li span i:nth-child(2),
	#side-nav .expandMenu li span.collapsed i:nth-child(2) {
		top: 26px;
		left: 19px;
		-webkit-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		transform: rotate(135deg);
	}

	#side-nav .expandMenu li span.collapsed:hover i,
	#side-nav .expandMenu li span.collapsed:focus i {
		top: 22px;
	}

	#side-nav .expandMenu li span.collapsed:hover i:nth-child(1),
	#side-nav .expandMenu li span.collapsed:focus i:nth-child(1) {
		left: 14px;
		-webkit-transform: rotate(225deg);
		-ms-transform: rotate(225deg);
		transform: rotate(225deg);
	}

	#side-nav .expandMenu li span.collapsed:hover i:nth-child(2),
	#side-nav .expandMenu li span.collapsed:focus i:nth-child(2) {
		left: 21px;
		-webkit-transform: rotate(315deg);
		-ms-transform: rotate(315deg);
		transform: rotate(315deg);
	}

	#side-nav .expandMenu li span.collapsed.open i {
		width: 16px;
		left: 15px;
		top: 22px;
	}

	#side-nav .expandMenu li span.collapsed.open i:nth-child(1) {
		/* top: 30px; left:17px; */
		-webkit-transform: rotate(225deg);
		-ms-transform: rotate(225deg);
		transform: rotate(225deg);
	}
	#side-nav .expandMenu li span.collapsed.open i:nth-child(2) {
		-webkit-transform: rotate(315deg);
		-ms-transform: rotate(315deg);
		transform: rotate(315deg);
	}

	#side-nav .expandMenu li span.collapsed.open:hover i,
	#side-nav .expandMenu li span.collapsed.open:focus i {
		width: 20px;
		left: 13px;
		top: 22px;
	}

	#side-nav .expandMenu li.sub li.sub span.collapsed {
		right: 10px;
		height: 41px;
		width: 52px;
		border-radius: 4px;
		border: 1px solid #ccc;
		border-width: 0 0 0 1px;
	}
	#side-nav .expandMenu li.sub li.sub span.collapsed i {
		width: 10px;
	}
	#side-nav .expandMenu li.sub li.sub span.collapsed i:nth-child(1) {
		top: 18px;
		left: 22px;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		/* background: #f00;  */
	}
	#side-nav .expandMenu li.sub li.sub span.collapsed i:nth-child(2) {
		top: 24px;
		left: 22px;
		-webkit-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		transform: rotate(135deg);
	}
	#side-nav .expandMenu li.sub li.sub span.collapsed:hover i,
	#side-nav .expandMenu li.sub li.sub span.collapsed:focus i {
		top: 21px;
	}
	#side-nav .expandMenu li.sub li.sub span.collapsed:hover i:nth-child(1),
	#side-nav .expandMenu li.sub li.sub span.collapsed:focus i:nth-child(1) {
		left: 20px;
		-webkit-transform: rotate(225deg);
		-ms-transform: rotate(225deg);
		transform: rotate(225deg);
	}
	#side-nav .expandMenu li.sub li.sub span.collapsed:hover i:nth-child(2),
	#side-nav .expandMenu li.sub li.sub span.collapsed:focus i:nth-child(2) {
		left: 27px;
		-webkit-transform: rotate(315deg);
		-ms-transform: rotate(315deg);
		transform: rotate(315deg);
	}
	#side-nav .expandMenu li.sub li.sub span.collapsed.open i {
		width: 14px;
		left: 20px;
		top: 20px;
	}
	#side-nav .expandMenu li.sub li.sub span.collapsed.open i:nth-child(1) {
		-webkit-transform: rotate(225deg);
		-ms-transform: rotate(225deg);
		transform: rotate(225deg);
	}
	#side-nav .expandMenu li.sub li.sub span.collapsed.open i:nth-child(2) {
		-webkit-transform: rotate(315deg);
		-ms-transform: rotate(315deg);
		transform: rotate(315deg);
	}
	#side-nav .expandMenu li.sub li.sub span.collapsed.open:hover i,
	#side-nav .expandMenu li.sub li.sub span.collapsed.open:focus i {
		width: 18px;
		left: 18px;
		top: 20px;
	}
	#side-nav .expandMenu .closed {
		height: auto;
		-webkit-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
		max-height: 0;
		display: block;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		overflow: auto;
		/* -webkit-box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
		box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.2); */
		/* margin-left: 10px; */
        padding: 0 0 0 3px;
	}
	#side-nav .expandMenu .closed li {
		opacity: 0;
		-webkit-transition: all 0.4s;
		-o-transition: all 0.4s;
		transition: all 0.4s;
	}
	#side-nav .expandMenu .closed.openSub {
		overflow: auto;
		-webkit-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
		height: auto;
		max-height: 600px;
		/* border-left: 1px solid #ccc; */
        
	}
	#side-nav .expandMenu .closed.openSub li {
		opacity: 1;
		-webkit-transition: all 0.8s;
		-o-transition: all 0.8s;
		transition: all 0.8s;
		/* padding: 0px 10px; */
	}
	#side-nav .expandMenu .closed.openSub li li {
		padding: 0px 0px;
	}
	/* END side-nav */
	/* Nav */
	#menu-1 {
		position: fixed;
		top: 0;
		left: 0px;
		bottom: 0;
		width: 330px;
		height: 100%;
	}
	.slide-style.slide-menu-open #menu-1 {
		z-index: 99995;
	}
	#side-nav-trigger {
		background: #111;
		position: fixed;
		width: 40px;
		top: 0px;
		bottom: 0;
		color: #fff;
		opacity: 0.01;
		z-index: 999999;
	}
	.slide-menu-open #side-nav-trigger {
		z-index: 9;
	}
	.slide-content {
		width: 100%;
		position: relative;
	}
	.slide-content .slide-content-inner {
		position: relative;
	}
	.slide-container {
		position: relative;
		/*overflow: hidden; */
	}
	.slide-pusher {
		-webkit-transition: -webkit-transform 0.2s;
		transition: -webkit-transform 0.2s;
		-o-transition: transform 0.2s;
		transition: transform 0.2s;
		transition:
			transform 0.2s,
			-webkit-transform 0.2s;
	}
	.slide-pusher::after {
		position: fixed;
		top: 0;
		right: 0;
		width: 0;
		height: 0;
		background: rgba(0, 0, 0, 0.6);
		content: "";
		opacity: 0;
		-webkit-transition:
			opacity 0.3s,
			width 0.1s 0.3s,
			height 0.1s 0.3s;
		-o-transition:
			opacity 0.3s,
			width 0.1s 0.3s,
			height 0.1s 0.3s;
		transition:
			opacity 0.3s,
			width 0.1s 0.3s,
			height 0.1s 0.3s;
	}
	/* MENUS OPEN*/
	.slide-menu-open .slide-pusher::after,
	.slide-aside-open .slide-pusher::after {
		width: 100%;
		height: 100%;
		opacity: 1;
		-webkit-transition: opacity 0.5s;
		-o-transition: opacity 0.5s;
		transition: opacity 0.5s;
		z-index: 999;
	}
	.slide-menu-open .openSidebar,
	.slide-menu-open .openAside,
	.slide-aside-open .openSidebar,
	.slide-aside-open .openAside {
		z-index: -1;
		/*display:none;*/
	}
	/* MENU NAV OPEN*/
	.open-slide-menu {
		left: 4em;
		width: 21em;
	}
	/* Individual effects */
	/* Effect 1: Slide in on top */
	.slide-style.slide-menu {
		visibility: visible;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		/* -webkit-transform: translate3d(-100%, 0, 0);  */
	}
	.slide-style.slide-menu-open #menu-1 {
		visibility: visible;
		left: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-transition: all 0.25s;
		-o-transition: all 0.25s;
		transition: all 0.25s;
		/*-webkit-transform: translate3d(0, 0, 0); */
	}
	.slide-style.slide-menu-open .member-info {
		z-index: 999;
	}
	.slide-style.slide-menu::after {
		display: none;
	}
	.no-csstransforms3d .slide-pusher,
	.no-js .slide-pusher {
		padding-left: 300px;
	}
	#side-nav a {
		text-decoration: none;
		color: #000;
	}
	#side-nav .container {
		text-align: left;
		clear: both;
		display: block;
	}
	#side-nav header {
		position: relative;
		height: auto;
	}
}

@media (max-width: 991px) {
	.slide-menu-open .sub ul li strong {
		display: none;
	}
}

/* END (min-width: 991px)*/
.sub ul li a {
	font-size: 15px;
	display: block;
	padding: 7px 15px;
	color: #666;
	text-decoration: none;
	background-color: transparent;
	border-radius: 3px;
}

.sub ul li a:hover {
	background-color: #eee;
	color: #000;
	-webkit-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.sub ul li a.active {
	background-color: #eee;
	color: #000;
}

.sub ul li strong {
	padding: 0 0 10px 10px;
	display: block;
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-size: 16px;
}

@media (min-width: 991px) {
	.hamburger {
		display: none;
	}
	header {
		width: 100%;
		position: relative;
	}
	/*  Show / Hide Header */
	header {
		width: 100%;
		position: fixed;
		background: #fff;
		/*opacity: .61;*/
		z-index: 9999;
		top: 0;
		left: 0;
		right: 0;
	}
	body {
		padding-top: 70px;
	}
	@-webkit-keyframes fadeIn {
		from {
			opacity: 0;
		}
		to {
			opacity: 1;
		}
	}
	@keyframes fadeIn {
		from {
			opacity: 0;
		}
		to {
			opacity: 1;
		}
	}
	.expandMenu ul {
		display: none;
		opacity: 0;
		-webkit-animation: fadeIn ease-in 1;
		-moz-animation: fadeIn ease-in 1;
		animation: fadeIn ease-in 1;
		-webkit-animation-fill-mode: forwards;
		-moz-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
		-webkit-animation-duration: 0.2s;
		-moz-animation-duration: 0.2s;
		animation-duration: 0.2s;
	}
	ul.HeaderInfo-login {
		text-align: left;
	}
	ul.HeaderInfo-login li {
		display: inline-block;
		margin-right: -5px;
	}
	ul.HeaderInfo-login li.login-options,
	ul.HeaderInfo-login li.login-options ul {
		min-width: 12em;
	}
	ul.HeaderInfo-login li.login-options > a {
		border: 1px solid #cdcbc3;
		border-radius: 4px;
		color: #000;
		text-decoration: none;
	}
	ul.HeaderInfo-login li:hover ul {
		display: block;
		position: absolute;
		z-index: 99;
	}
	ul.HeaderInfo-login li a {
		font-size: 14px;
		padding: 10px 15px;
		display: block;
	}
	ul.HeaderInfo-login ul {
		display: none;
		background: #fff;
		border: solid 1px #cdcbc3;
		position: absolute;
		z-index: 9;
		padding: 0;
		-webkit-box-shadow: 0 2px 3px rgba(101, 99, 99, 0.4);
		box-shadow: 0 2px 3px rgba(101, 99, 99, 0.4);
	}
	ul.HeaderInfo-login ul li {
		padding: 0px !important;
		display: contents;
	}
	ul.HeaderInfo-login ul li.backLink {
		display: none;
	}
	ul.HeaderInfo-login ul li a {
		border: initial;
		color: #00928a;
		text-decoration: none;
		padding: 10px 15px 10px 20px;
	}
	ul.HeaderInfo-login ul li a:hover,
	ul.HeaderInfo-login ul li a:focus {
		background-color: #f5f3f1;
	}
	ul.HeaderInfo-login dl {
		padding: 0px;
		margin: 0;
	}
	ul.HeaderInfo-login dl dt {
		font-weight: bold;
		padding: 10px 15px;
	}
	ul.HeaderInfo-login dl dd {
		margin: 0px;
	}
	#nav-main > ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		padding: 0;
	}
	#nav-main > ul > li > a {
		font-size: 15px;
		font-family: "Poppins", Arial, Helvetica, sans-serif;
		margin-bottom: -3px;
		color: #444;
		border-bottom: transparent 3px solid;
		text-decoration: none;
		display: block;
		padding: 20px 20px;
		white-space: nowrap;
	}
	#nav-main a.active {
		color: #23e2c7;
		color: #1ca190;
	}

	#nav-main > ul li a.active{
		border-bottom: #1ca190 3px solid;
	}
	#nav-main > ul li li a.active{
		border-bottom:initial;
	}

	#nav-main > ul > li:hover > a,
	#nav-main > ul > li:focus > a {
		color: #23e2c7;
		color: #1ca190;
		border-bottom: #1ca190 3px solid;
	}
	#nav-main > ul > li:hover > ul,
	#nav-main > ul > li:focus > ul {
		display: block;
		position: absolute;
		background: #fff;
		color: #23e2c7;
		color: #1ca190;
	}
	#nav-main ul {
		position: relative;
		z-index: 99999;
		margin: 0;
		padding: 0;
		-webkit-transition: all 0.15s ease-in-out;
		-o-transition: all 0.15s ease-in-out;
		transition: all 0.15s ease-in-out;
		max-width: 1200px;
	}
	#nav-main ul li ul {
		display: none;
		position: absolute;
		background-color: #fff;
		padding: 0;
		text-align: left;
		-webkit-box-shadow: 0 5px 15px -5px rgba(101, 99, 99, 0.4);
		box-shadow: 0 5px 15px -5px rgba(101, 99, 99, 0.4);
		min-width: 16em;
		z-index: 999;
	}
	#nav-main ul li ul li {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		border-bottom: 1px solid #f5f3f1;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		display: block;
		z-index: 999;
	}

	#nav-main ul li ul li a {
		font-size: 14px;
		font-weight: normal;
		padding: 12px 15px;
		background-color: #fff;
		-webkit-box-shadow: initial !important;
		box-shadow: initial !important;
		z-index: 999;
	}
	#nav-main ul li ul li a:hover,
	#nav-main ul li ul li a:focus {
		background-color: #f5f5f5;
	}
	#nav-main ul li ul li ul {
		display: none;
	}
	/* Sub nav */
	#main-container .container {
		padding-left: 330px;
		padding-right: 10px;
		width: 95%;
	}
}

/* @media (min-width:991px) and (max-width: 1220px) {
	.expandMenu .sub .active + ul { margin-left: 10px; position: absolute; left: 0; padding-right: 20px;       
		li{ 
			a{}
		}
	}
}
 */
#breadcrumbs {
	position: relative;
	overflow: auto;
	clear: both;
	display: block;
	/*background-color:$primary;*/
	font-size: 13px;
}
#breadcrumbs ul {
	float: left;
	padding: 0px 20px;
	/* margin:10px 0; */
}
#breadcrumbs ul li {
	display: inline;
	padding: 11px 20px 9px 0;
	float: left;
	color: #444;
	text-decoration: none;
	font-size: 15px;
}
#breadcrumbs ul li a {
	color: #444;
	font-size: 13px;
}
#breadcrumbs ul li a:after {
	content: "/";
	height: 17px;
	width: 17px;
	display: inline-block;
	text-align: center;
	/*border: 1px solid;  font-size: 10px; */
	padding-left: 15px;
	color: #444;
}
#breadcrumbs ul li a:hover,
#breadcrumbs ul li a:focus {
	text-decoration: underline;
}
#breadcrumbs ul li:last-child a {
	font-weight: 500;
}
#breadcrumbs ul li:last-child a:after {
	display: none;
}

/*@import "in-page-nav";*/
/* Columns  ----------------------

Standard    - 
Extra Large - xl (min-width: 1200px)
Large		- lg (max-width: 1199px)
Medium 		- md (max-width: 991px)
Small  		- sm (max-width: 767px)
Extra Small - xs (max-width: 575px)  

.x-2 -lg -md -sm -xs
.x-3 -lg -md -sm -xs
.x-4 -lg -md -sm -xs
.x-5 -lg -md -sm -xs
.x-6 -lg -md -sm -xs
.x-7 -lg -md -sm -xs
.x-8 -lg -md -sm -xs


 The default size is 1 column
 sizes ( x-2 to x-8 ) overide from the largest max-width
 Uses the number of columns up to the specified size ( -xs -sm -md -lg )

------------------------------------ */
/* Mixins  */
/*@mixin x-1_no-margin	{flex: 1 0 100%;}*/
.cards,
.flex-xs,
.flex-sm,
.flex-md,
.flex-lg,
.flex-xl {
	padding: 10px 0 20px !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-direction: row;
	flex-direction: row;
}
.cards.borders .card,
.flex-xs.borders .card,
.flex-sm.borders .card,
.flex-md.borders .card,
.flex-lg.borders .card,
.flex-xl.borders .card {
	border: solid 1px #e7e7e7;
}
.cards.card-padding .card,
.flex-xs.card-padding .card,
.flex-sm.card-padding .card,
.flex-md.card-padding .card,
.flex-lg.card-padding .card,
.flex-xl.card-padding .card {
	padding: 6%;
	padding: 20px;
	clear: both;
	overflow: hidden;
	border: solid 1px #e7e7e7;
}

.card {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 calc(100% / 3 - 24px);
	flex: 1 0 calc(100% / 3 - 24px);
	-ms-flex-line-pack: start;
	align-content: flex-start;
	max-width: calc(100% - 24px);
	margin-left: 12px;
	margin-right: 12px;
	margin-bottom: 24px;
	padding: 30px;
	background-color: #ffffff;
}
.card a {
	text-decoration: none;
}
.card .btn {
	margin: 20px 6px;
}

.no-margin .card {
	margin-left: 0%;
	margin-right: 0%;
}

.card-header,
.card-body,
.card-footer {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	/*display: flex; flex-wrap: wrap;*/
	width: 100%;
	clear: both;
	overflow: hidden;
	/* min-height: 90px; display: flex; */
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.card-header p,
.card-body p,
.card-footer p {
	color: #000;
	/* display: block; */
}

.card-header {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
	/* border:1px solid #f00; padding: 20px 20px 20px; */
	padding: 6%;
	/*flex: 1 0 auto; display: flow-root;*/
}

.card-body {
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
	/*border:1px solid #0f0;*/
}

.card-footer {
	-webkit-box-ordinal-group: 4;
	-ms-flex-order: 3;
	order: 3;
	/*border:1px solid #000;*/
	display: block;
}

/*.flex{flex: 1 0 calc(100% - 40px); display: flex; flex-direction: row;
	div{ width: 100%;  margin:0 10px; border: 1px solid #f00;}
	div:first-of-type{margin-left: 0px;}
	div:last-of-type{margin-right: 0px;}

}*/
.flex-xs,
.flex-sm,
.flex-md,
.flex-lg,
.flex-xl {
	display: inherit;
}
.flex-xs div,
.flex-sm div,
.flex-md div,
.flex-lg div,
.flex-xl div {
	width: 100%;
}

@media (min-width: 0px) {
	.flex-xs div {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 2 - 10px);
		flex: 1 0 calc(100% / 2 - 10px);
		margin: 0 5px 10px;
		/*border: 1px solid #0f0;*/
	}
}

@media (min-width: 576px) {
	.flex-sm div {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 2 - 10px);
		flex: 1 0 calc(100% / 2 - 10px);
		margin: 0 5px 10px;
		/*border: 1px solid #00f;*/
	}
}

@media (min-width: 767px) {
	.flex-md div {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 2 - 20px);
		flex: 1 0 calc(100% / 2 - 20px);
		max-width: calc(100% / 2 - 20px);
		margin: 0 5px 10px;
		/* border: 1px solid #f00;*/
	}
}

@media (min-width: 992px) {
	.flex-lg div {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 2 - 10px);
		flex: 1 0 calc(100% / 2 - 10px);
		margin: 0 5px 10px;
		/*border: 1px solid #000;*/
	}
}

@media (min-width: 1201px) {
	.flex-xl div {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 2 - 10px);
		flex: 1 0 calc(100% / 2 - 10px);
		margin: 0 5px 10px;
	}
}

@media (max-width: 991px) {
	/*.card{ flex: 1 0 calc(100% / 3 - 24px); }*/
}

@media (max-width: 767px) {
	.card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 3 - 20px);
		flex: 1 0 calc(100% / 3 - 20px);
		max-width: calc(100% - 20px);
		margin-left: 10px;
		margin-right: 10px;
		margin-bottom: 30px;
	}
	.cards .card .btn {
		margin: 10px 6px;
	}
}

@media (max-width: 575px) {
	.card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 3 - 16px);
		flex: 1 0 calc(100% / 3 - 16px);
		max-width: calc(100% - 16px);
		margin-left: 8px;
		margin-right: 8px;
		margin-bottom: 30px;
		padding: 24px;
	}
}

.x-1-lg .card {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 100%;
	flex: 1 0 100%;
	margin-left: 0px;
	margin-right: 0px;
}

/*.x-1.no-margin .card{ @include x-1_no-margin; }*/
.x-2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}

.x-2 .card {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 calc(100% / 2 - 24px);
	flex: 1 0 calc(100% / 2 - 24px);
	/*margin-left: 0%; margin-right: 0%;*/
}

.x-2.no-margin .card {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 calc(100% / 2);
	flex: 1 0 calc(100% / 2);
}

.x-3 .card {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 calc(100% / 3 - 24px);
	flex: 1 0 calc(100% / 3 - 24px);
}

.x-3.no-margin .card {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 calc(100% / 3);
	flex: 1 0 calc(100% / 3);
	/*margin-left: 0%; margin-right: 0%;*/
}

.x-4 .card {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 calc(100% / 4 - 24px);
	flex: 1 0 calc(100% / 4 - 24px);
}

.x-4.no-margin .card {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 calc(100% / 4);
	flex: 1 0 calc(100% / 4);
	/*margin-left: 0%; margin-right: 0%;*/
}

.x-5 .card {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 calc(100% / 5 - 24px);
	flex: 1 0 calc(100% / 5 - 24px);
}

.x-5.no-margin .card {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 calc(100% / 5);
	flex: 1 0 calc(100% / 5);
	/*margin-left: 0%; margin-right: 0%;*/
}

.x-6 .card {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 calc(100% / 6 - 24px);
	flex: 1 0 calc(100% / 6 - 24px);
}

.x-6.no-margin .card {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 calc(100% / 6);
	flex: 1 0 calc(100% / 6);
	/*margin-left: 0%; margin-right: 0%;*/
}

.x-7 .card {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 calc(100% / 7 - 24px);
	flex: 1 0 calc(100% / 7 - 24px);
}

.x-7.no-margin .card {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 calc(100% / 7);
	flex: 1 0 calc(100% / 7);
	/*margin-left: 0%; margin-right: 0%;*/
}

.x-8 .card {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 calc(100% / 8 - 24px);
	flex: 1 0 calc(100% / 8 - 24px);
}

.x-8.no-margin .card {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 calc(100% / 8);
	flex: 1 0 calc(100% / 8);
	/*margin-left: 0%; margin-right: 0%;*/
}

/* Large - lg */
@media (max-width: 1199px) {
	.x-1-lg .card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 100%;
		flex: 1 0 100%;
		margin-left: 0px;
		margin-right: 0px;
	}
	/*.x-1-lg.no-margin .card{ @include x-1_no-margin;}*/
	.x-2-lg .card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 2 - 24px);
		flex: 1 0 calc(100% / 2 - 24px);
		/*margin-left: 0%; margin-right: 0%;*/
	}
	.x-2-lg.no-margin .card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 2);
		flex: 1 0 calc(100% / 2);
	}
	.x-3-lg .card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 3 - 24px);
		flex: 1 0 calc(100% / 3 - 24px);
	}
	.x-3-lg.no-margin .card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 3);
		flex: 1 0 calc(100% / 3);
		/*margin-left: 0%; margin-right: 0%;*/
	}
	.x-4-lg .card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 4 - 24px);
		flex: 1 0 calc(100% / 4 - 24px);
	}
	.x-4-lg.no-margin .card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 4);
		flex: 1 0 calc(100% / 4);
		/*margin-left: 0%; margin-right: 0%;*/
	}
	.x-5-lg .card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 5 - 24px);
		flex: 1 0 calc(100% / 5 - 24px);
	}
	.x-5-lg.no-margin .card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 5);
		flex: 1 0 calc(100% / 5);
		/*margin-left: 0%; margin-right: 0%;*/
	}
	.x-6-lg .card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 6 - 24px);
		flex: 1 0 calc(100% / 6 - 24px);
	}
	.x-6-lg.no-margin .card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 6);
		flex: 1 0 calc(100% / 6);
		/*margin-left: 0%; margin-right: 0%;*/
	}
	.x-7-lg .card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 7 - 24px);
		flex: 1 0 calc(100% / 7 - 24px);
	}
	.x-7-lg.no-margin .card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 7);
		flex: 1 0 calc(100% / 7);
		/*margin-left: 0%; margin-right: 0%;*/
	}
	.x-8-lg .card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 8 - 24px);
		flex: 1 0 calc(100% / 8 - 24px);
	}
	.x-8-lg.no-margin .card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 8);
		flex: 1 0 calc(100% / 8);
		/*margin-left: 0%; margin-right: 0%;*/
	}
}

/* Medium - md */
@media (max-width: 991px) {
	.x-1-md .card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 100%;
		flex: 1 0 100%;
		margin-left: 0px;
		margin-right: 0px;
	}
	/*.x-1-md.no-margin .card{ @include x-1_no-margin;}*/
	.x-2-md .card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 2 - 24px);
		flex: 1 0 calc(100% / 2 - 24px);
		/*margin-left: 0%; margin-right: 0%;*/
	}
	.x-2-md.no-margin .card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 2);
		flex: 1 0 calc(100% / 2);
	}
	.x-3-md .card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 3 - 24px);
		flex: 1 0 calc(100% / 3 - 24px);
	}
	.x-3-md.no-margin .card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 3);
		flex: 1 0 calc(100% / 3);
		/*margin-left: 0%; margin-right: 0%;*/
	}
	.x-4-md .card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 4 - 24px);
		flex: 1 0 calc(100% / 4 - 24px);
	}
	.x-4-md.no-margin .card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 4);
		flex: 1 0 calc(100% / 4);
		/*margin-left: 0%; margin-right: 0%;*/
	}
	.x-5-md .card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 5 - 24px);
		flex: 1 0 calc(100% / 5 - 24px);
	}
	.x-5-md.no-margin .card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 5);
		flex: 1 0 calc(100% / 5);
		/*margin-left: 0%; margin-right: 0%;*/
	}
	.x-6-md .card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 6 - 24px);
		flex: 1 0 calc(100% / 6 - 24px);
	}
	.x-6-md.no-margin .card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 6);
		flex: 1 0 calc(100% / 6);
		/*margin-left: 0%; margin-right: 0%;*/
	}
	.x-7-md .card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 7 - 24px);
		flex: 1 0 calc(100% / 7 - 24px);
	}
	.x-7-md.no-margin .card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 7);
		flex: 1 0 calc(100% / 7);
		/*margin-left: 0%; margin-right: 0%;*/
	}
	.x-8-md .card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 8 - 24px);
		flex: 1 0 calc(100% / 8 - 24px);
	}
	.x-8-md.no-margin .card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 8);
		flex: 1 0 calc(100% / 8);
		/*margin-left: 0%; margin-right: 0%;*/
	}
}

/* Small - sm */
@media (max-width: 767px) {
	.x-1-sm .card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 100%;
		flex: 1 0 100%;
		margin-left: 0px;
		margin-right: 0px;
	}
	/*.x-1-sm.no-margin .card{ @include x-1_no-margin;}*/
	.x-2-sm .card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 2 - 24px);
		flex: 1 0 calc(100% / 2 - 24px);
		/*margin-left: 0%; margin-right: 0%;*/
	}
	.x-2-sm.no-margin .card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 2);
		flex: 1 0 calc(100% / 2);
	}
	.x-3-sm .card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 3 - 24px);
		flex: 1 0 calc(100% / 3 - 24px);
	}
	.x-3-sm.no-margin .card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 3);
		flex: 1 0 calc(100% / 3);
		/*margin-left: 0%; margin-right: 0%;*/
	}
	.x-4-sm .card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 4 - 24px);
		flex: 1 0 calc(100% / 4 - 24px);
	}
	.x-4-sm.no-margin .card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 4);
		flex: 1 0 calc(100% / 4);
		/*margin-left: 0%; margin-right: 0%;*/
	}
	.x-5-sm .card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 5 - 24px);
		flex: 1 0 calc(100% / 5 - 24px);
	}
	.x-5-sm.no-margin .card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 5);
		flex: 1 0 calc(100% / 5);
		/*margin-left: 0%; margin-right: 0%;*/
	}
	.x-6-sm .card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 6 - 24px);
		flex: 1 0 calc(100% / 6 - 24px);
	}
	.x-6-sm.no-margin .card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 6);
		flex: 1 0 calc(100% / 6);
		/*margin-left: 0%; margin-right: 0%;*/
	}
	.x-7-sm .card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 7 - 24px);
		flex: 1 0 calc(100% / 7 - 24px);
	}
	.x-7-sm.no-margin .card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 7);
		flex: 1 0 calc(100% / 7);
		/*margin-left: 0%; margin-right: 0%;*/
	}
	.x-8-sm .card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 8 - 24px);
		flex: 1 0 calc(100% / 8 - 24px);
	}
	.x-8-sm.no-margin .card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 8);
		flex: 1 0 calc(100% / 8);
		/*margin-left: 0%; margin-right: 0%;*/
	}
}

/* Extra Small - xs */
@media (min-width: 0px) and (max-width: 575px) {
	.x-1-xs .card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% - 16px);
		flex: 1 0 calc(100% - 16px);
		margin-left: 8px;
		margin-right: 8px;
		/*@include x-1-margin; */
	}
	.x-2-xs .card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 3 - 16px);
		flex: 1 0 calc(100% / 3 - 16px);
		/*max-width: 100%;*/
		margin-left: 8px;
		margin-right: 8px;
		/*flex: 1 0 calc(100% / 3 - 24px); 
	align-content:flex-start;
	max-width: calc(100% - 16px);*/
	}
	.x-2-xs.no-margin .card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 2);
		flex: 1 0 calc(100% / 2);
	}
	.x-3-xs .card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 3 - 16px);
		flex: 1 0 calc(100% / 3 - 16px);
		margin-left: 8px;
		margin-right: 8px;
	}
	.x-4-xs .card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 4 - 16px);
		flex: 1 0 calc(100% / 4 - 16px);
		margin-left: 8px;
		margin-right: 8px;
	}
	.x-5-xs .card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 5 - 16px);
		flex: 1 0 calc(100% / 5 - 16px);
		margin-left: 8px;
		margin-right: 8px;
	}
	.x-6-xs.no-margin .card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 6 - 16px);
		flex: 1 0 calc(100% / 6 - 16px);
		margin-left: 8px;
		margin-right: 8px;
	}
	.x-7-xs .card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 7 - 16px);
		flex: 1 0 calc(100% / 7 - 16px);
		margin-left: 8px;
		margin-right: 8px;
	}
	.x-8-xs .card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 calc(100% / 8 - 16px);
		flex: 1 0 calc(100% / 8 - 16px);
		margin-left: 8px;
		margin-right: 8px;
	}
}

/* Cards --------------

 Style-1
 Style-2
 Style-3
 Style-4
 Style-5

 Steps
 Divider 

 */
/* TEMP */
.Icon-star--correct {
	background-image: url("../img/icon/Icon-star--correct.svg");
	background-repeat: no-repeat;
}

/*	.Icon--mini, 
		.Icon--xsmall, 
		.Icon--small, 
		.Icon--medium, 
		.Icon--large, 
		.Icon--xlarge, 
		.Icon--xxlarge, 
		.Icon--xxxlarge { display: inline-block; vertical-align: middle; background-position: 0 0; background-repeat: none;}
		.Icon--xxlarge { width: 56px; height: 56px; -moz-background-size: 56px 56px; -o-background-size: 56px 56px; background-size: 56px 56px;}
*/
span.icon {
	width: 60px;
	height: 60px;
	background-size: 60px 60px;
	display: inline-block;
	vertical-align: middle;
	background-position: 0 0;
	background-repeat: none;
}

.style-1 .card,
.card.style-1 {
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0;
}
.style-1 .card .card-body,
.card.style-1 .card-body {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	padding: 20px 30px;
	display: flow-root;
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
}

.style-1 .card .card-footer,
.card.style-1 .card-footer {
	padding: 20px;
	-webkit-box-ordinal-group: 4;
	-ms-flex-order: 3;
	order: 3;
	display: flow-root;
	/*background:#eee;*/
}

.cards.style-2 .card,
.card.style-2 {
	background-color: #ffffff;
	border: solid 1px #ddd;
	border-top: 5px solid #23e2c7;
	padding: 30px;
	/*flex-direction: column;*/
}
.cards.style-2 .card .caption,
.card.style-2 .caption {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
	background: #f5f3f1;
	padding: 15px;
	margin-bottom: 15px;
	text-transform: uppercase;
	font-weight: bold;
	/*order:1;*/
}
.cards.style-2 .card .content,
.card.style-2 .content {
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
	margin-bottom: 20px;
}
.cards.style-2 .card .collapse,
.card.style-2 .collapse {
	-webkit-box-ordinal-group: 4;
	-ms-flex-order: 3;
	order: 3;
	text-align: left;
	margin-bottom: 20px;
}
.cards.style-2 .card .collapse .toggle,
.card.style-2 .collapse .toggle {
	font-weight: bold;
	padding: 15px;
}
.cards.style-2 .card .collapse .toggle:hover,
.card.style-2 .collapse .toggle:hover {
	text-decoration: underline;
}
.cards.style-2 .card .collapse .collapse-content .inner,
.card.style-2 .collapse .collapse-content .inner {
	padding: 10px;
	display: block;
}
.cards.style-2 .card .collapse .collapse-content .feature-list li,
.card.style-2 .collapse .collapse-content .feature-list li {
	padding: 20px 10px;
	border-top: 1px solid #ccc;
}
.cards.style-2 .card .collapse .collapse-content .feature-list li:first-of-type,
.card.style-2 .collapse .collapse-content .feature-list li:first-of-type {
	border-top: none;
}
.cards.style-2 .card .collapse .collapse-content .feature-list li:last-of-type,
.card.style-2 .collapse .collapse-content .feature-list li:last-of-type {
	padding-bottom: none;
}
.cards.style-2 .card .collapse .collapse-content .feature-list li .Icon,
.card.style-2 .collapse .collapse-content .feature-list li .Icon {
	position: absolute;
}
.cards.style-2 .card .collapse .collapse-content .feature-list .icon,
.card.style-2 .collapse .collapse-content .feature-list .icon {
	position: absolute;
}
.cards.style-2 .card .collapse .collapse-content .feature-list div,
.card.style-2 .collapse .collapse-content .feature-list div {
	margin-left: 50px;
	position: relative;
}

.cards.style-3 .card,
.card.style-3 {
	margin-bottom: 30px;
	background-color: #ffffff;
	border: solid 1px #dedede;
	text-align: left;
	padding: 30px;
	-webkit-box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.1);
}
.cards.style-3 .card span.icon,
.card.style-3 span.icon {
	width: 100%;
	height: 60px;
	background-size: 60px 60px;
	background-position: 50% 0;
}
.cards.style-3 .card:hover,
.card.style-3:hover {
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	border: 1px solid #fff;
	-webkit-box-shadow: 0 0px 14px 0 rgba(0, 0, 0, 0.3);
	box-shadow: 0 0px 14px 0 rgba(0, 0, 0, 0.3);
}

.cards.style-4 .card,
.card.style-4 {
	background-color: #ffffff;
	text-align: center;
	padding: 30px;
}
.cards.style-4 .card span.icon,
.card.style-4 span.icon {
	width: 90px;
	height: 90px;
	background-size: 90px 90px;
	margin: auto 0;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.cards.style-4 .card a,
.card.style-4 a {
	text-decoration: underline;
	display: contents;
}
.cards.style-4 .card .btn,
.card.style-4 .btn {
	display: inherit;
}

/* Small - sm */
@media (max-width: 767px) {
	.cards.style-4 .card {
		padding: 20px;
		margin-bottom: 20px;
		display: block;
	}
}

.cards.style-5 .card,
.card.style-5 {
	background-color: #f8f8f8;
	text-align: center;
	padding: 40px;
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
}
.cards.style-5 .card a,
.card.style-5 a {
	text-decoration: underline;
	display: contents;
}
.cards.style-5 .card .btn,
.card.style-5 .btn {
	display: inherit;
}

/* Small - sm */
@media (max-width: 767px) {
	.cards.style-5 .card {
		display: inherit;
	}
}

.steps {
	counter-reset: cardNum;
	display: inherit;
}
.steps .card {
	counter-increment: cardNum;
	display: inherit;
}
.steps .card:before {
	content: "Step";
}
.steps .card:before {
	content: counter(cardNum);
	display: block;
	background-color: #444;
	line-height: 2.2;
	width: 60px;
	height: 60px;
	color: #fff;
	font-size: 28px;
	border-radius: 50%;
	margin: 0px auto 10px;
	font-family: "Poppins", Arial, Helvetica, sans-serif;
}

@media (max-width: 575px) {
	.steps {
		display: inherit;
	}
	.steps .card {
		display: inherit;
	}
}

.divider .card {
	padding: 0 2%;
	margin: 0;
	-webkit-box-flex: initial;
	-ms-flex: initial;
	flex: initial;
	width: 24%;
}

.divider .card + .card {
	border-left: 1px solid #ddd;
}

@media (max-width: 991px) {
	.divider .card + .card {
		border-left: none;
	}
	.divider .card {
		padding: 0 3% 3%;
		margin: 0;
		width: 45%;
		/* border:1px solid #f00; */
	}
	.divider .card:nth-child(even) {
		border-left: 1px solid #ddd;
	}
	.divider .card:nth-child(n + 3) {
		border-top: 1px solid #ddd;
		padding: 3%;
	}
}

@media (max-width: 575px) {
	.divider .card {
		border: none;
		padding: 2%;
		margin: 0;
		width: 90%;
	}
	.divider .card:first-child {
		border: none;
		padding: 0 3% 4%;
	}
	.divider .card:nth-child(n + 2) {
		border: none;
		padding: 3% 4%;
		border-top: 1px solid #ddd;
	}
	.divider .card:last-child {
		padding: 4% 3% 0;
	}
}

.details {
	text-align: left;
	border-top: 1px solid #eee;
	margin: 30px -30px -30px;
	padding: 30px !important;
	background: #f9f9f9;
}
.details p {
	font-size: 14px;
	/*line-height: 20px;*/
	margin: 2px 0 8px;
}

/* The Modal (background) */
.modal {
	display: none;
	position: fixed;
	z-index: 99;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: black;
	background-color: rgba(0, 0, 0, 0.6);
	-webkit-animation-name: fadeIn;
	-webkit-animation-duration: 0.25s;
	animation-name: fadeIn;
	animation-duration: 0.25s;
}

.modal-content {
	-webkit-animation-name: slideIn;
	-webkit-animation-duration: 0.25s;
	animation-name: slideIn;
	animation-duration: 0.25s;
}

/* The Close Button */
.close {
	/*color: #fff;*/
	font-size: 14px;
	font-weight: normal;
	margin: 0px 0px 0px auto;
	padding: 10px 0px 5px;
	padding: 30px 30px 0 0;
}
.close:before {
	content: "\02715";
	display: block;
	text-align: center;
	float: left;
	margin-right: 7px;
}
.close:hover,
.close:focus {
	text-decoration: underline;
	cursor: pointer;
}

.modal-header {
	padding: 2px 16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	/*background: #004346; color: #fff;*/
}
.modal-header h2 {
	padding: 20px 0 10px;
	margin: 0;
}

.modal-body {
	padding: 2px 16px;
}

.modal-footer {
	padding: 2px 16px;
}

/* Add Animation */
@-webkit-keyframes slideIn {
	from {
		bottom: -250px;
		opacity: 0;
	}
	to {
		bottom: 0;
		opacity: 1;
	}
}

@keyframes slideIn {
	from {
		bottom: -250px;
		opacity: 0;
	}
	to {
		bottom: 0;
		opacity: 1;
	}
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@media (max-width: 700px) {
	.modal-content {
		position: fixed;
		bottom: 0;
		background-color: #fefefe;
		width: 100%;
	}
}

@media (min-width: 700px) {
	.modal-content {
		top: 0;
		background-color: #fefefe;
		width: 600px;
		margin: 50px auto;
	}
}

/* previous modal

.close{ color: #fff; opacity: 1; z-index: 9999; position: absolute; right: 0; font-size: 32px; margin-top: -5px;
&:hover,
&:focus{color: #fff; opacity:.7; }
}


.modal{
	z-index: 999999;
}
.modal-backdrop { background-color: #192441; z-index: 999996;
  &.fade {opacity:0; }
  &.in {opacity:.9; }
}



*/


.md-modal {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 100%;
	/*max-width: 630px;  min-width: 320px; */
	height: auto;
	height: 100%;
	z-index: 999999;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.md-show {
	visibility: visible;
}

.md-close {
	display: block;
	padding: 1em;
	color: #444;
	/* position:fixed; top:0; left:0;  width:100%; height:4em; border:1px solid #000;*/
	cursor: pointer;
}
.md-close .material-icons {
	font-size: 2rem;
}

.md-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 99999;
	opacity: 0;
	background: rgba(255, 255, 255, 0.9);
	/*background: rgba(0,0,0,0.8); */
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show ~ .md-overlay {
	opacity: 1;
	visibility: visible;
}

.md-content {
	/*border:1px solid #000;  color: #fff; */
	background: #fff;
	position: relative;
	border-radius: 3px;
	margin: 0 auto;
	height: 100%;
	overflow-y: auto;
}
.md-content .inner {
	padding: 0em 3em 2em;
	margin: 0 auto;
	max-width: 630px;
	min-width: 220px;
}

.md-effect-1 .md-content {
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-1 .md-content {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.md-trigger {
	cursor: pointer;
	/* position:relative; z-index:99999; */
}
.md-trigger:hover {
	-webkit-box-shadow: 0em 0em 0em 0.8em rgba(255, 255, 255, 0.55);
	box-shadow: 0em 0em 0em 0.8em rgba(255, 255, 255, 0.55);
	-webkit-box-shadow: 0em 0em 0em 0.8em rgba(34, 226, 201, 0.4);
	box-shadow: 0em 0em 0em 0.8em rgba(34, 226, 201, 0.4);
	-webkit-box-shadow: 0em 0em 0em 0.8em rgba(0, 0, 0, 0.2);
	box-shadow: 0em 0em 0em 0.8em rgba(0, 0, 0, 0.2);
}

/* Mini modal  */
.modal-trigger {
	position: relative;
	cursor: pointer;
}
.modal-trigger:hover {
	-webkit-box-shadow: 0em 0em 0em 1em rgba(0, 0, 0, 0.1);
	box-shadow: 0em 0em 0em 1em rgba(0, 0, 0, 0.1);
}
.modal-trigger:hover .mini-modal {
	opacity: 1;
	visibility: visible;
	/**/
	border-radius: 0%;
	-webkit-box-shadow: 0em 0em 0em 0.15em rgba(0, 0, 0, 0.1);
	box-shadow: 0em 0em 0em 0.15em rgba(0, 0, 0, 0.1);
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
	transition-delay: 0.5s;
}

.mini-modal {
	background-color: #fff;
	opacity: 0.1;
	text-align: center;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
	visibility: hidden;
	position: absolute;
	z-index: 99999;
	top: 0%;
	margin-top: -100%;
	left: 0%;
	margin-left: -100%;
	width: 3.5em;
	height: 3.5em;
	padding: 2rem 1rem;
	color: #777 !important;
}
.mini-modal h4,
.mini-modal p {
	color: #777;
}
.mini-modal h4 {
	/*color:$primary-color!important;*/
	padding: 0.5rem 0;
}
.mini-modal p {
	font-size: 1rem;
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 0.7rem 0.7rem;
}
.mini-modal h5 {
	color: inherit;
}
.mini-modal a {
	font-size: 1.4rem;
	padding: 1rem;
	border: 1px solid;
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.mini-modal a:hover {
	/*background-color:$primary-color;*/
	color: #fff;
	border: inherit;
}
.mini-modal .md-trigger {
	cursor: pointer;
	/* position:relative; z-index:99999; */
}
.mini-modal .md-trigger:hover {
	-webkit-box-shadow: initial;
	box-shadow: initial;
}

ul.collapse .content {
	overflow-y: hidden;
	display: block;
	width: 100%;
	opacity: 0;
	clear: both;
	-webkit-transition: all 0.4s ease-in;
	-o-transition: all 0.4s ease-in;
	transition: all 0.4s ease-in;
}
ul.collapse .content .inner {
	padding: 0 10px;
	height: 1px;
	max-height: 1px;
	-webkit-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	/*transition-delay:0.4s;*/
}

ul.collapse.open .content {
	height: -webkit-max-content;
	height: -moz-max-content;
	height: max-content;
	max-height: 100%;
	opacity: 1;
	-webkit-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}
ul.collapse.open .content .inner {
	padding: 10px;
	height: -webkit-max-content;
	height: -moz-max-content;
	height: max-content;
	max-height: -webkit-max-content;
	max-height: -moz-max-content;
	max-height: max-content;
	-webkit-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

ul.collapse .toggle {
	padding: 10px;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
ul.collapse .toggle label {
	font-weight: bold;
}

ul.collapse .toggle span {
	margin-right: 10px;
	width: 18px;
	height: 18px;
	position: relative;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	cursor: pointer;
	z-index: 99999;
}
ul.collapse .toggle span i {
	display: block;
	position: absolute;
	height: 2px;
	width: 11px;
	background: #888;
	border-radius: 2px;
	opacity: 1;
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
}
ul.collapse .toggle span i:nth-child(1) {
	top: 4px;
	left: 5px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
ul.collapse .toggle span i:nth-child(2) {
	top: 11px;
	left: 5px;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}

ul.collapse .toggle:hover span i,
ul.collapse .toggle:focus span i {
	top: 7px;
}

ul.collapse .toggle:hover span i:nth-child(1),
ul.collapse .toggle:focus span i:nth-child(1) {
	left: 0px;
	-webkit-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	transform: rotate(225deg);
}

ul.collapse .toggle:hover span i:nth-child(2),
ul.collapse .toggle:focus span i:nth-child(2) {
	left: 7px;
	-webkit-transform: rotate(315deg);
	-ms-transform: rotate(315deg);
	transform: rotate(315deg);
}

ul.collapse.open .toggle span i {
	height: 2px;
	width: 11px;
}

ul.collapse.open .toggle span i:nth-child(1) {
	top: 4px;
	left: 5px;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}

ul.collapse.open .toggle span i:nth-child(2) {
	top: 11px;
	left: 5px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

ul.collapse.open .toggle:hover i,
ul.collapse.open .toggle:focus i {
	top: 7px !important;
}

ul.collapse.open .toggle:hover i:nth-child(1),
ul.collapse.open .toggle:focus i:nth-child(1) {
	left: 0px;
	-webkit-transform: rotate(315deg);
	-ms-transform: rotate(315deg);
	transform: rotate(315deg);
}

ul.collapse.open .toggle:hover i:nth-child(2),
ul.collapse.open .toggle:focus i:nth-child(2) {
	left: 7px;
	-webkit-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	transform: rotate(225deg);
}

/* 
all (all) 
by default 
  show: then hide from
  hide: then show only on

xs (max-width: 575px)  
sm (max-width: 767px)
md (max-width: 991px)
lg (max-width: 1199px)

.xs .sm .md .lg 
*/
@media (max-width: 575px) {
	.collapse.hide-to-xs .toggle {
		display: block;
	}
	.collapse.hide-to-xs .content {
		display: block !important;
		height: -webkit-max-content !important;
		height: -moz-max-content !important;
		height: max-content !important;
		max-height: 100% !important;
		opacity: 1 !important;
	}
	.collapse.hide-to-xs .content .inner {
		padding: 10px;
		height: -webkit-max-content;
		height: -moz-max-content;
		height: max-content;
		max-height: -webkit-max-content;
		max-height: -moz-max-content;
		max-height: max-content;
	}
}

@media (max-width: 767px) {
	.collapse.hide-to-sm .toggle {
		display: none !important;
	}
	.collapse.hide-to-sm .content {
		display: block !important;
		height: -webkit-max-content !important;
		height: -moz-max-content !important;
		height: max-content !important;
		max-height: 100% !important;
		opacity: 1 !important;
	}
	.collapse.hide-to-sm .content .inner {
		padding: 10px;
		height: -webkit-max-content;
		height: -moz-max-content;
		height: max-content;
		max-height: -webkit-max-content;
		max-height: -moz-max-content;
		max-height: max-content;
	}
}

@media (max-width: 991px) {
	.collapse.hide-to-md .toggle {
		display: none !important;
	}
	.collapse.hide-to-md .content {
		display: block !important;
		height: -webkit-max-content !important;
		height: -moz-max-content !important;
		height: max-content !important;
		max-height: 100% !important;
		opacity: 1 !important;
	}
	.collapse.hide-to-md .content .inner {
		padding: 10px;
		height: -webkit-max-content;
		height: -moz-max-content;
		height: max-content;
		max-height: -webkit-max-content;
		max-height: -moz-max-content;
		max-height: max-content;
	}
}

@media (max-width: 1199px) {
	.collapse.hide-to-lg .toggle {
		display: none !important;
	}
	.collapse.hide-to-lg .content {
		display: block !important;
		height: -webkit-max-content !important;
		height: -moz-max-content !important;
		height: max-content !important;
		max-height: 100% !important;
		opacity: 1 !important;
	}
	.collapse.hide-to-lg .content .inner {
		padding: 10px;
		height: -webkit-max-content;
		height: -moz-max-content;
		height: max-content;
		max-height: -webkit-max-content;
		max-height: -moz-max-content;
		max-height: max-content;
	}
}

@media (min-width: 576px) {
	.collapse.hide-from-xs .toggle {
		display: none !important;
	}
	.collapse.hide-from-xs .content {
		display: block !important;
		height: -webkit-max-content !important;
		height: -moz-max-content !important;
		height: max-content !important;
		max-height: 100% !important;
		opacity: 1 !important;
	}
	.collapse.hide-from-xs .content .inner {
		padding: 10px;
		height: -webkit-max-content;
		height: -moz-max-content;
		height: max-content;
		max-height: -webkit-max-content;
		max-height: -moz-max-content;
		max-height: max-content;
	}
}

@media (min-width: 768px) {
	.collapse.hide-from-sm .toggle {
		display: none !important;
	}
	.collapse.hide-from-sm .content {
		display: block !important;
		height: -webkit-max-content !important;
		height: -moz-max-content !important;
		height: max-content !important;
		max-height: 100% !important;
		opacity: 1 !important;
	}
	.collapse.hide-from-sm .content .inner {
		padding: 10px;
		height: -webkit-max-content;
		height: -moz-max-content;
		height: max-content;
		max-height: -webkit-max-content;
		max-height: -moz-max-content;
		max-height: max-content;
	}


}

@media (min-width: 992px) {
	.collapse.hide-from-md .toggle {
		display: none !important;
	}
	.collapse.hide-from-md .content {
		display: block !important;
		height: -webkit-max-content !important;
		height: -moz-max-content !important;
		height: max-content !important;
		max-height: 100% !important;
		opacity: 1 !important;
	}
	.collapse.hide-from-md .content .inner {
		padding: 10px;
		height: -webkit-max-content;
		height: -moz-max-content;
		height: max-content;
		max-height: -webkit-max-content;
		max-height: -moz-max-content;
		max-height: max-content;
	}
}

@media (min-width: 1200px) {
	.collapse.hide-from-lg .toggle {
		display: none !important;
	}
	.collapse.hide-from-lg .content {
		display: block !important;
		height: -webkit-max-content !important;
		height: -moz-max-content !important;
		height: max-content !important;
		max-height: 100% !important;
		opacity: 1 !important;
	}
	.collapse.hide-from-lg .content .inner {
		padding: 10px;
		height: -webkit-max-content;
		height: -moz-max-content;
		height: max-content;
		max-height: -webkit-max-content;
		max-height: -moz-max-content;
		max-height: max-content;
	}
}

/*@media (max-width: 575px) {
  .hide-to-xs{ display: none; }      
}

@media (max-width: 767px) {
  .hide-to-sm{ display: none; }      
}

@media (max-width: 991px) {
  .hide-to-md{ display: none; }      
}


@media (max-width: 1199px) {
  .hide-to-lg{ display: none; }      
}*/
/*@media (min-width: 576px) {
  .hide-from-xs{ display: none; }      
}

@media (min-width: 768px) {
  .hide-from-sm{ display: none; }      
}

@media (min-width: 992px) {
  .hide-from-md{ display: none; }      
}


@media (min-width: 1200px) {
  .hide-from-lg{ display: none; }      
}*/
/* Selected clients  */
#selected-clients .client-logo {
	width: 20%;
	display: inline-block;
	margin: 2.5%;
	/* max-width:10em; */
	max-width: 140px;
	min-width: 120px;
}
#selected-clients .client-logo img {
	width: 100%;
	max-height: 60px;
	-webkit-filter: saturate(0);
	filter: saturate(0);
	-webkit-transition: 0.25s;
	-o-transition: 0.25s;
	transition: 0.25s;
	opacity: 0.75;
}
#selected-clients .client-logo img:hover {
	-webkit-filter: saturate(1);
	filter: saturate(1);
	opacity: 1;
}

@media screen and (max-width: 699px) {
	#selected-clients .client-logo {
		width: 26%;
		margin: 5%;
	}
	#selected-clients body {
		font-size: 18px;
	}
}

/*
a.logo{ width: 310px; padding:10px; display: block;}

.partner-logos { align-items: center; }

.partner-logo {   
	max-width: 180px;
    min-width: 120px;
    padding: 20px;
    margin: 10px;
	img{ width:100%; -webkit-filter: saturate(0); filter: saturate(0);  -webkit-transition: 0.25s; transition: 0.25s; opacity:.75; 
	&:hover{ -webkit-filter: saturate(1); filter: saturate(1);  opacity:1;}
	}
}

@media screen and (max-width: 699px) {

	.partner-logo { width: 26%; margin:3%;}
	body{font-size:18px;}
	  
}

*/

/* Accordion CSS */

.accordion {
	background: white;
	border-radius: 8px;
	/*box-shadow: 0 2px 10px rgba(0,0,0,0.1); */
	margin: 0 -10px 10px;
	overflow: hidden;
	border: 1px solid #ddd;
}

.accordion-checkbox {
	display: none;
}

.accordion-header {
	display: block;
	padding: 15px 20px;
	cursor: pointer;
	font-size: 16px;
	transition: background-color 0.3s ease;
	position: relative;
	border-bottom: 1px solid #ddd;
}

.accordion-header:hover {
	background-color: #f5f5f5;
}

.accordion-header::after {
	content: "+";
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 20px;
	transition: transform 0.3s ease;
}

.accordion-checkbox:checked + .accordion-header::after {
	transform: translateY(-50%) rotate(45deg);
}

.accordion-content {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease;
	background: white;
}

.accordion-checkbox:checked ~ .accordion-content {
	max-height: 60vh;
	overflow: auto;
}

.accordion-body {
	padding: 20px;
	line-height: 1.6;
	color: #333;
}
.accordion-body,
.accordion-body p {
	font-size: 16px;
}

/* Forms */
form.form-2-col {
	width: 100%;
	padding: 30px;
}
form.form-2-col .form-row {
	text-align: left;
	margin: 5px 0 15px;
}
form.form-2-col .form-row label {
	width: 40%;
	display: inline-block;
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-size: 15px;
	vertical-align: top;
	margin-top: 8px;
}
form.form-2-col .form-row input,
form.form-2-col .form-row textarea.form-input {
	border: 1px solid #ccc !important;
	padding: 10px;
	outline: none;
	width: 58%;
	display: inline-block;
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-size: 14px;
}

@media (max-width: 991px) {
	form.form-1-col-md .form-row {
		text-align: left;
		margin: 5px 0 15px;
	}
	form.form-1-col-md .form-row label {
		width: 100%;
		display: inline-block;
		font-size: 15px;
		vertical-align: top;
		margin: 7px 0;
	}
	form.form-1-col-md .form-row input,
	form.form-1-col-md .form-row textarea.form-input {
		padding: 10px;
		width: 100%;
		display: inline-block;
		font-size: 14px;
	}
}

input[name="human"] {
	display: none !important;
}

footer {
	padding: 40px 0;
	/*height: 1000px;*/
	clear: both;
	/*background: $grey-dark;*/
	/* background-image:url("../img/bgs/UFOs.jpg");
  background-position:bottom; background-size:cover; background-repeat:no-repeat;
 background-attachment: fixed;*/
	/*    h6{ font-family: $font-secondary-bold; color: #333; font-size: 1.2em;  border-bottom: 1px solid #ccc;  display: block; margin: 0 1em .5em 0 !important; padding-bottom: 10px;}
  
      a{color: #888; text-decoration: none; font-size: 13px; font-family: $font-secondary-regular;  display: block; border-radius: 100px; padding: 5px 15px; text-align: left;
  &:hover,
  &:focus{  color:#00BBAA; transition: all .1s; color: #707070; background: #e6e6e6;}
}
 */
}
footer .container {
	padding-top: 40px;
	padding-bottom: 80px;
	text-align: center;
	height: initial;
}
footer p {
	color: #eee;
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-size: 1.3rem;
	line-height: 1.5em;
	font-weight: 300;
}
footer a {
	font-family: "Poppins", Arial, Helvetica, sans-serif !important;
}
footer .footer-categories .card {
	width: 30%;
}
footer .site-info .card {
	width: 90%;
}
footer .copyright {
	font-size: 0.8em;
}

@media (max-width: 767px) {
	footer a {
		font-size: 14px;
		font-family: "Poppins", Arial, Helvetica, sans-serif;
	}
}

body {
	opacity: 1;
	-webkit-transition: 1s opacity;
	-o-transition: 1s opacity;
	transition: 1s opacity;
}

body.fade-out {
	opacity: 0;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}

/*html {
  background-color: #fff;
}
*/
/* Logo */
#side-nav a.logo,
.header-top a.logo {
	width: 300px;
	display: block;
	padding: 10px;
}

.header-top a.logo {
	width: auto;
	max-width: 300px;
	margin-right: 120px;
	/*border-right:1px solid #eee; */
}

.hero .container.inner {
	margin: -330px auto 1em;
	z-index: 13;
}

.hero #bg {
	background: -webkit-radial-gradient(center ellipse, #555 0%, #000 100%);
	background: -webkit-radial-gradient(center, ellipse, #555 0%, #000 100%);
	background: -o-radial-gradient(center, ellipse, #555 0%, #000 100%);
	background: radial-gradient(ellipse at center, #555 0%, #000 100%);
	overflow: hidden;
	z-index: 0;
	margin: 0 2em;
	height: 420px;
}

/* New 2025 */

.hero-container {
	/*margin: 2vw 2vw 0;
   border-radius:8px;*/
	padding: 4vw 4vw;
	background-image: url("../images/portfolio/folio-wall.jpg");
	background-size: cover;
	background-position: center;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: white;
	text-align: left;
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	background-color: #32d7d3;
}

.hero-content {
	font-size: 3vw;
	/* border:1px solid #000;*/
}

@media (max-width: 991px) {
	.hero-container {
		/*margin: 3vw 3vw 0;*/
		padding: 8vw;
	}

	.hero-content {
		font-size: 5vw;
	}
}

/* Buttons */
button,
.btn,
.am-mail-button {
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 18px;
	color: #404040;
	border-radius: 60px;
	padding: 15px 50px 15px;
	margin: 20px auto 20px;
	background-color: #23e2c7;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	line-height: 23px;
	border: none;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.contact {
	display: inherit;
}
.contact button.am-mail-button {
	padding: 10px 50px;
	float: right;
}

button,
a.btn{
	color: #fff;
	background-color: #333;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	text-decoration: none;
}
button:hover,
a.btn:hover {
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
	/* color: #fff;
	background-color: #333;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	text-decoration: none; */
}

button.secondary,
.btn.secondary {
	background-color: #444;
	color: #fff;
}
button.secondary:hover,
.btn.secondary:hover {
	background-color: #333;
}

button.tertairy,
.btn.tertairy {
	background-color: #536;
}

button.default,
.btn.default {
	background-color: #444;
}

/* Pills*/
.pills {
	text-align: left;
	margin: 30px 0;
}
.pills li {
	display: inline-block;
}

.pills a,
.pills span {
	text-decoration: none;
	font-size: 16px;
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	color: #666;
	background: #fafafa;
	padding: 6px 21px;
	margin: 0px 1px 10px;
	border-radius: 100px;
	display: inline-block;
	border: 2px solid #eaeaea;
	font-weight: 400;
}

.pills a.active {
	background: #23e2c7;
	color: #fff;
}

.pills a:hover {
	background: #555;
	color: #fff;
	border-color: #555;
}

.in-page-nav {
	position: sticky;
	top: 0;
	left: 0;
	right: 0;
	/*margin-top:10px;*/
	overflow: visible;
	z-index: 7;
	position: -webkit-sticky;
	position: sticky;
	background: #fff;
	padding: 20px 0;
	-webkit-box-shadow: 0 0px 100px 50px rgba(0, 0, 0, 0.04);
	box-shadow: 0 0px 100px 50px rgba(0, 0, 0, 0.04);
	width: 100%;
}

.in-page-nav.nav-up {
	top: -200px;
}

.in-page-nav.nav-down {
	top: 70px;
	width: 100%;
	left: 0;
	right: 0;
}

/*Social logos */
.social-logos img {
	max-width: 40px;
	min-width: 30px;
}

.social-logos a {
	-webkit-filter: saturate(0);
	filter: saturate(0);
	-webkit-transition: 0.25s;
	-o-transition: 0.25s;
	transition: 0.25s;
	opacity: 0.5;
}
.social-logos a:hover {
	-webkit-filter: saturate(1);
	filter: saturate(1);
	opacity: 1;
}

header .social-logos {
	margin-left: 10px;
}
header .social-logos a {
	/*border:1px solid;*/
	padding: 14px;
	margin: 0;
}

footer {
	width: 100%;
}
footer .social-logos img {
	border: 1px solid #aaa;
	border-radius: 50px;
	margin: 5px;
	padding: 3px;
}

.home .box a:hover {
	text-decoration: none;
}

.banner {
	/*background-color:#222; color: #fff; padding: 10px 40px;*/
	display: block;
	width: 100%;
	margin: 0 0 0px;
	/*h1{color: #fff; font-family:$font-primary; font-size: 30px;}*/
}
.banner img {
	max-width: 100%;
}

.bg-angle {
	background: #eeeeee;
	background: -webkit-linear-gradient(
		95deg,
		#eeeeee 0%,
		#f2f2f2 50%,
		white 50%,
		white 100%
	);
	background: -o-linear-gradient(
		95deg,
		#eeeeee 0%,
		#f2f2f2 50%,
		white 50%,
		white 100%
	);
	background: linear-gradient(
		355deg,
		#eeeeee 0%,
		#f2f2f2 50%,
		white 50%,
		white 100%
	);
	background-attachment: fixed;
	background-position: 100% 100%;
}

ul.cards.outline li {
	border: 1px solid #ddd;
	padding: 40px 50px;
	margin-bottom: 30px;
	border-radius: 5px;
	transition: all 0.3s;
	width: 100%;
}

ul.cards.outline li:hover {
	box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.5);
}

ul.cards.outline li .header {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
	align-items: center;
	margin-bottom: 15px;
}

ul.cards.outline li .client-logo {
	width: 150px;
	display: flex;
	justify-content: flex-end;
}

ul.cards.outline li heading {
	font-size: 14px;
	font-weight: 300;
	margin: 10px 0;
	display: block;
}
	ul.cards.outline li h2 {
		font-size: 21px;
		line-height: 1.4;
		font-weight: 600;
		margin: 0px 0 15px;
		letter-spacing: -1px;
		margin: 0;
		display: flex;
    	align-items: flex-end;
	}

	ul.cards.outline li h2 span {
		font-size: 14px;
		margin-left: .6rem;
		font-weight: 300;
		color: #777;
		letter-spacing: -.6px;
		margin-bottom: 2px;
	}


	ul.cards.outline li h3 {
		font-size: 17px;
		line-height: 1.2;
		font-weight: 500;
		margin: 0px 0 15px;
		letter-spacing: -1.2px;
		color: #444;
		border-bottom: 1px solid #ddd;
		padding-bottom: 20px;
	}
	ul.cards.outline li h4 {
		font-size: 15px;
		line-height: 1.2;
		font-weight: 600;
		margin: 20px 0 10px 0;
	}
	ul.cards.outline li h5 {
		font-size: 13px;
		line-height: 1.1;
		font-weight: 500;
		margin: 25px 0 0px 0;
		text-transform: uppercase;
		/* border-bottom: 1px solid #ddd;
		padding-bottom: 10px;	 */
		margin: 25px 0px 0px -10px;
		background: #f5f5f5;
		padding: 8px 15px 5px 11px;
		border-radius: 5px;
	}
	ul.cards.outline li p {
		font-size: 15px;
		line-height: 1.7;
		font-weight: 300;
		margin: 10px 0;
	}

@media (max-width: 767px) { 
	ul.cards.outline li .header {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		gap: 1rem;
		margin-bottom: 0px;
		align-items: flex-start;
	}
	ul.cards.outline li .client-logo {
		justify-content: flex-start;
	}

	ul.cards.outline li h2 {
		/* border-top: 1px solid #ddd;
		padding-top: 20px; */
		font-size: 14px;
		line-height: 1.4;
		font-weight: 400;
		margin: 0px 0 10px;
		letter-spacing: -.5px;
	}
	ul.cards.outline li h3 {
		font-size: 18px;
		font-weight: 500;
		margin: 5px 0 20px;
		letter-spacing: -1.2px;
	}
	ul.cards.outline li h2 span {
		margin-bottom: 0px;
	}

}



ul.cards ul.bullet {
	margin: 0 0 20px;
}

ul.cards ul.bullet li {
	border: none;
	padding: 10px;
	margin: 0px;
	font-size: 14px;
}

ul.cards ul.bullet li:hover {
	box-shadow: none;
}


@media (max-width: 767px) { 

	ul.cards.outline li {
		padding: 30px 40px;
	}
}

/*ul.inpage-link{ display:block; float:none;}*/

ul.inpage-link li a {
	color: #444;
}

ul.inpage-link li {
	border-color: #444;
	border: 1px solid #ddd;
	display: inline-block;
	padding: 7px 20px;
	margin: 4px;
	border-radius: 100px;
	/* float: left;*/
}

.cards.photos {
	display: inherit;
}
.cards.photos li.card {
	/*width: 200px; border:1px solid #f00;*/
	margin: 0;
	padding: 10px;
}
.cards.photos li.card a:hover {
	-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
}
.cards.photos .card img {
	display: inherit;
}

.box {
	text-align: center;
	display: inline-block;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.box.border {
	background-color: #ffffff;
	border: solid 1px #e7e7e7;
}
.box > h4 {
	margin: 0 0 20px;
	padding: 13% 20px;
}
.box p {
	margin: 0 0 3px;
	font-size: 1em;
}
.box p:first-of-type {
	font-size: 1em;
}
.box a h4 {
	border-color: #777;
}
.box .inner {
	padding: 1em;
	clear: both;
	overflow: hidden;
}
.box .btn {
	margin: 20px 6px;
}
.box a.btn {
	color: #fff !important;
	text-decoration: none !important;
}
.box.colour-primary {
	background-color: #23e2c7 !important;
	color: #fff;
}
.box.colour-primary h2,
.box.colour-primary h3,
.box.colour-primary h4,
.box.colour-primary h5,
.box.colour-primary h6 {
	color: #404040;
}
.box.colour-grey-dark {
	background-color: #404040 !important;
	color: #23e2c7;
	color: #ccc;
}
.box.colour-grey-dark h2,
.box.colour-grey-dark h3,
.box.colour-grey-dark h4,
.box.colour-grey-dark h5,
.box.colour-grey-dark h6,
.box.colour-grey-dark p {
	color: #eee;
}
.box.colour-grey-dark strong {
	color: #fff;
}
.box.colour-grey-light {
	background-color: #eee !important;
	color: #404040;
}
.box.colour-grey-light h2,
.box.colour-grey-light h3,
.box.colour-grey-light h4,
.box.colour-grey-light h5,
.box.colour-grey-light h6 {
	color: #404040;
}

.info-boxes {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-shadow: inset 0px 0px 0px 140px rgba(255, 255, 255, 0.3);
	box-shadow: inset 0px 0px 0px 140px rgba(255, 255, 255, 0.3);
	padding: 8px;
}

.box {
	width: 99%;
	margin: 8px;
	z-index: 1;
}

/*section .container {
    padding: 100px 2vw;
}*/
.profile-pic {
	margin: 1em auto;
	border-radius: 50%;
	overflow: hidden;
	max-width: 13em;
	max-height: 13em;
	width: 22vw;
	height: 22vw;
}

.selected-projects-slider .container {
	padding: 100px 0px;
}

/*.hero.portfolio{ }*/
/*.hero.portfolio {
  background: url(../images/portfolio/folio-wall.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
  z-index: 0;
  margin: 0 2em;
  height: 30vw;
  min-height: 500px !important;
  max-height: 570px;
  background-color: #32D7D3; }*/

.selected-projects article {
	padding: 0px 0 120px;
	margin: 0px 0 0px;
}

.selected-projects article h1 a {
	color: #111;
}

.selected-projects article h1 a:hover {
	color: #23e2c7;
	text-decoration: none;
}

.selected-projects article .preview {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 48% 48%;
	grid-template-columns: 48% 48%;
	/*grid-template-rows: auto auto auto auto auto;*/
	grid-gap: 0px 4%;
}
.selected-projects article .preview .img-container {
	-ms-grid-column: 1;
	grid-column: 1;
	-ms-grid-row: 1;
	-ms-grid-row-span: 4;
	grid-row: 1 / 5;
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
	/*border:1px solid #550; padding-left: 40px;*/
}
.selected-projects article .preview .img-container img {
	width: 90%;
	-webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
}
.selected-projects article .preview .img-container img + img {
	width: 13%;
	max-width: 130px;
	min-width: 100px;
	margin: 20px 0px 0px -40px;
	/*max-width: 140px;*/
	border: 3px solid #fff;
	position: absolute;
}
.selected-projects article .preview .project-logo {
	-ms-grid-column: 2;
	grid-column: 2;
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
	/*border:1px solid #0f0;*/
	background-image: url(../images/1px-grey.png);
	background-repeat: repeat-x;
	background-position: 0 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-line-pack: center;
	align-content: center;
	margin-bottom: 20px;
}
.selected-projects article .preview .project-logo .logo-container {
	width: 180px;
}
.selected-projects article .preview .project-logo .logo-container img {
	width: 100%;
	background: #fff;
	padding-right: 15px;
}
.selected-projects article .preview .project-title {
	-ms-grid-column: 2;
	grid-column: 2;
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
	/*border:1px solid #0f0;*/
}
.selected-projects article .preview .project-details {
	-ms-grid-column: 2;
	grid-column: 2;
	-webkit-box-ordinal-group: 4;
	-ms-flex-order: 3;
	order: 3;
	/*border:1px solid #0f0;*/
	margin-bottom: 20px;
}
.selected-projects article .preview .pills {
	-ms-grid-column: 2;
	grid-column: 2;
	-webkit-box-ordinal-group: 5;
	-ms-flex-order: 4;
	order: 4;
	/*border:1px solid #00f;*/
	margin: 20px 0;
}
.selected-projects article .preview .online-link {
	-ms-grid-column: 2;
	grid-column: 2;
	-webkit-box-ordinal-group: 6;
	-ms-flex-order: 5;
	order: 5;
	/*border:1px solid #050;*/
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin: 0px 0px 0 0px;
	/*display: block;*/
}

a.preview:hover {
	text-decoration: none;
}

.portfolio.container {
	/*margin: -24em auto 1em;
  z-index: 13;
  max-width: 1200px;
  width: 80vw; */

	background: url(../images/portfolio/folio-wall.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	z-index: 0;
	margin: 1.5rem;
	background-color: #32d7d3;
	padding: 4vw;
	border-radius: 6px;
	max-width: none;
}

.portfolio.container .info-boxes.x1 {
	margin: 2em -3em 0;
}
.portfolio.container .info-boxes.x1 .box {
	text-align: left;
	padding: 2em;
	/*width: initial; flex: auto;*/
}

.project article {
	margin: 0px 0 0px;
	/*border:1px solid #f00; padding: 150px 0 50px; padding: 150px 0 100px; margin: 50px 0 0px; box-shadow: inset 0 20px 30px -40px rgba(0,0,0,.5); border-top: 1px solid #e5e5e5;*/
}
.project article .info {
	display: -ms-grid;
	display: grid;
	/*grid-template-columns: 48% 48%;*/
	/*grid-template-rows: auto auto auto auto auto;*/
	-ms-grid-columns: 1fr 1fr;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 0px 4%;
}
.project article .info .client-name {
	-ms-grid-column: 1;
	grid-column: 1;
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
	/*border:1px solid #f00; grid-row: 1; */
}
.project article .info .client-headline {
	-ms-grid-column: 1;
	grid-column: 1;
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
	/*grid-row: 2;border:1px solid #f00;*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.project article .info .img-container {
	-ms-grid-column: 1;
	grid-column: 1;
	-webkit-box-ordinal-group: 4;
	-ms-flex-order: 3;
	order: 3;
	-ms-grid-row: 3;
	-ms-grid-row-span: 2;
	grid-row: 3 / 5;
	/*border:1px solid #550; padding-left: 40px;*/
}
.project article .info .img-container img {
	width: 90%;
	-webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
}
.project article .info .img-container img + img {
	width: 13%;
	max-width: 130px;
	min-width: 100px;
	margin: 20px 0px 0px -40px;
	/*max-width: 140px;*/
	border: 3px solid #fff;
	position: absolute;
}
.project article .info .client-logo {
	-ms-grid-column: 2;
	grid-column: 2;
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
	/*border:1px solid #0f0; grid-row: 1;*/
	background-image: url(../images/1px-grey.png);
	background-repeat: repeat-x;
	background-position: 0 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-line-pack: center;
	align-content: center;
	margin-bottom: 20px;
}
.project article .info .client-logo .logo-container img {
	width: 100%;
	max-width: 240px;
	background: #fff;
	padding-right: 25px;
}

.project article .info .client-description {
	-ms-grid-column: 2;
	grid-column: 2;
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
	-ms-grid-row: 2;
	grid-row: 2;
	/*      font: 20px/34px "Martel", serif, georgia; */
}

.project article .info .client-description p {
	font-size: 1.4rem;
	line-height: 2.5rem;
}

.project article .info .project-type {
	-ms-grid-column: 2;
	grid-column: 2;
	-webkit-box-ordinal-group: 4;
	-ms-flex-order: 3;
	order: 3;
	/*grid-row: 3; border:1px solid #00f;*/
	border-top: 1px solid #eee;
	padding: 30px 0 0 0;
	margin: 30px 0 0;
}

.project article .info .project-details {
	-ms-grid-column: 2;
	grid-column: 2;
	-webkit-box-ordinal-group: 5;
	-ms-flex-order: 4;
	order: 4;
	/*grid-row: 5;border:1px solid orange;*/
	margin-bottom: 20px;
}

.project article .info .pills {
	-ms-grid-column: 2;
	grid-column: 2;
	-webkit-box-ordinal-group: 6;
	-ms-flex-order: 5;
	order: 5;
	/*grid-row: 6; border:1px solid green;*/
	margin: 20px 0;
}
.project article .info .online-link {
	-ms-grid-column: 2;
	grid-column: 2;
	-webkit-box-ordinal-group: 7;
	-ms-flex-order: 6;
	order: 6;
	/*grid-row: 7; border:1px solid purple;*/
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin: 0px 0px 0 0px;
	/*display: block;*/
}

#lightgallery li {
	width: 33%;
	max-width: 33%;
	padding: 30px;
}
#lightgallery li .shadow {
	-webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
	max-height: 270px;
	overflow: hidden;
}
#lightgallery li img {
	widows: 100%;
}

/*ABTest*/
/* Medium - md */
@media (max-width: 991px) {
	.project .container {
		padding: 50px 60px;
	}
	.project article {
		margin: 0px 0 0px;
		/*border:1px solid #f00;  padding: 150px 0 50px; padding: 150px 0 100px; margin: 50px 0 0px; box-shadow: inset 0 20px 30px -40px rgba(0,0,0,.5); border-top: 1px solid #e5e5e5;*/
	}
	.project article .info {
		display: -ms-grid;
		display: grid;
		/*grid-template-columns: 24% 24% 24% 24%;*/
		/*grid-template-rows: auto auto auto auto auto;*/
		grid-gap: 0px 4%;
		-ms-grid-columns: 1fr 1fr;
		grid-template-columns: repeat(2, 1fr);
	}
	.project article .info .client-logo {
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
		grid-column: 1 / span 2;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		-ms-grid-row: 1;
		grid-row: 1;
		/*border:1px solid #0f0;*/
		background-image: none;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-line-pack: center;
		align-content: center;
		margin-bottom: 20px;
	}
	.project article .info .client-logo .logo-container {
		width: 100%;
		text-align: center;
	}
	.project article .info .client-logo .logo-container img {
		width: 90%;
		max-width: 180px;
		background: #fff;
		padding-right: 0px;
	}
	.project article .info .client-name {
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
		grid-column: 1 / span 2;
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		-ms-grid-row: 2;
		grid-row: 2;
		text-align: center;
		/*border:1px solid #f00; */
	}
	.project article .info .client-headline {
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
		grid-column: 1 / span 2;
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3;
		-ms-grid-row: 3;
		grid-row: 3;
		text-align: center;
		margin-bottom: 20px;
	}
	.project article .info .client-description {
		-ms-grid-column: 2;
		grid-column: 2;
		-webkit-box-ordinal-group: 5;
		-ms-flex-order: 4;
		order: 4;
		-ms-grid-row: 4;
		grid-row: 4;
		/* p{font:17px / 34px $font-heading;}*/
	}
	.project article .info .img-container {
		-ms-grid-column: 1;
		grid-column: 1;
		-webkit-box-ordinal-group: 6;
		-ms-flex-order: 5;
		order: 5;
		-ms-grid-row: 4;
		grid-row: 4;
		/*border:1px solid #550; padding-left: 40px;*/
	}
	.project article .info .img-container img {
		width: 100%;
		-webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
		box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
		margin: 0 auto;
	}
	.project article .info .img-container img + img {
		width: 13%;
		max-width: 130px;
		min-width: 100px;
		margin: 20px 0px 0px -40px;
		/*max-width: 140px;*/
		border: 3px solid #fff;
		position: absolute;
	}
	.project article .info .project-type {
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
		grid-column: 1 / span 2;
		-webkit-box-ordinal-group: 7;
		-ms-flex-order: 6;
		order: 6;
		-ms-grid-row: 6;
		grid-row: 6;
		/*  border:1px solid #00f;*/
		border-top: 1px solid #eee;
		padding: 30px 0 0 0;
		margin: 30px 0 0;
	}
	.project article .info .project-details {
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
		grid-column: 1 / span 2;
		-webkit-box-ordinal-group: 8;
		-ms-flex-order: 7;
		order: 7;
		-ms-grid-row: 7;
		grid-row: 7;
		/*border:1px solid orange;*/
		margin-bottom: 20px;
	}
	.project article .info .pills {
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
		grid-column: 1 / span 2;
		-webkit-box-ordinal-group: 9;
		-ms-flex-order: 8;
		order: 8;
		-ms-grid-row: 8;
		grid-row: 8;
		/* border:1px solid green; */
		margin: 20px 0;
	}
	.project article .info .online-link {
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
		grid-column: 1 / span 2;
		-webkit-box-ordinal-group: 10;
		-ms-flex-order: 9;
		order: 9;
		-ms-grid-row: 9;
		grid-row: 9;
		/* border:1px solid purple;*/
		font-family: "Poppins", Arial, Helvetica, sans-serif;
		font-size: 16px;
		margin: 0px 0px 0 0px;
		/*display: block;*/
	}
	/*  .hero #bg,
  .hero.portfolio {
    margin: 0 0; }*/
	#lightgallery li {
		/*    width: 50%;
    max-width: 50%;*/
		padding: 20px;
	}
}

@media (max-width: 767px) {
	.project article .info {
		-ms-grid-columns: 1fr;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 0px 4%;
	}
	.project article .info .img-container {
		-ms-grid-column: 1;
		grid-column: 1;
		-webkit-box-ordinal-group: 5;
		-ms-flex-order: 4;
		order: 4;
		-ms-grid-row: 4;
		grid-row: 4;
	}
	.project article .info .client-description {
		-ms-grid-column: 1;
		grid-column: 1;
		-webkit-box-ordinal-group: 6;
		-ms-flex-order: 5;
		order: 5;
		-ms-grid-row: 5;
		grid-row: 5;
		font-size: 17px;
		margin-top: 20px;
	}
	.project article .info .client-description li {
		display: inherit;
	}
	#lightgallery li {
		width: 50%;
		max-width: 50%;
		padding: 15px;
	}
	.hero #bg {
		overflow: hidden;
		z-index: 0;
		height: 470px;
	}
	.hero .container.inner {
		margin: -400px 0 1em;
	}
}

/* END working*/
@media (min-width: 768px) {
	/*.selected-projects .container:nth-of-type(even){background: #f5f5f5;
  .preview .project-logo{    grid-column: 1; 
    .logo-container img{background-color: #f5f5f5;}
  }
}*/
	.selected-projects
		.container
		article:nth-of-type(even)
		.preview
		.img-container {
		-ms-grid-column: 2;
		grid-column: 2;
		/*padding-right: 40px;*/
	}
	.selected-projects
		.container
		article:nth-of-type(even)
		.preview
		.project-logo {
		-ms-grid-column: 1;
		grid-column: 1;
	}
	.selected-projects
		.container
		article:nth-of-type(even)
		.preview
		.project-title {
		-ms-grid-column: 1;
		grid-column: 1;
	}
	.selected-projects
		.container
		article:nth-of-type(even)
		.preview
		.project-details {
		-ms-grid-column: 1;
		grid-column: 1;
	}
	.selected-projects .container article:nth-of-type(even) .preview .pills {
		-ms-grid-column: 1;
		grid-column: 1;
	}
	.selected-projects
		.container
		article:nth-of-type(even)
		.preview
		.online-link {
		-ms-grid-column: 1;
		grid-column: 1;
	}
}

/*.preview:nth-of-type(odd) {background: #eee;
  .img-container{   grid-column: 1; padding-right: 40px; }
  .project-logo{    grid-column: 2; }
  .project-title{   grid-column: 2; }
  .project-details{ grid-column: 2; }
  .pills{           grid-column: 2; }
  .online-link{     grid-column: 2; } 
}*/
section .container,
.section .container,
.project .container {
	padding: 30px 60px 60px;
}

section .container.extra-padding,
.section .container.extra-padding {
	padding: 100px 60px;
}

.next-prev ul.pagination {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-top: 1px solid #ccc;
	border-bottom: 11px solid #eee;
	padding: 15px 0;
}
.next-prev ul.pagination li {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	display: block;
}
.next-prev ul.pagination li.pagination-previous,
.next-prev ul.pagination li.pagination-next {
	width: calc(50% - 30px);
}
.next-prev ul.pagination li.pagination-previous span,
.next-prev ul.pagination li.pagination-next span {
	width: calc(100% - 60px);
	/*p:after{content: " project"; }*/
}
.next-prev ul.pagination li.pagination-previous i {
	background-position: 20% 50%;
}
.next-prev ul.pagination li.pagination-projects i {
	background-position: 50% 50%;
}
.next-prev ul.pagination li.pagination-next i {
	background-position: 80% 50%;
}
.next-prev ul.pagination li.pagination-next span {
	text-align: right;
}
.next-prev ul.pagination li a {
	color: #444;
}
.next-prev ul.pagination li a:hover {
	text-decoration: none;
	color: #23e2c7;
}
.next-prev ul.pagination li i {
	width: 50px;
	height: 60px;
	background-size: 26px 26px;
	/*border:1px solid #f00;*/
	display: inline-block;
	vertical-align: middle;
	background-position: 0 0;
	background-repeat: no-repeat;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.next-prev ul.pagination li .icon-next {
	background-image: url("../images/assets/icon-next.svg");
}
.next-prev ul.pagination li .icon-previous {
	background-image: url("../images/assets/icon-previous.svg");
}
.next-prev ul.pagination li .icon-grid {
	background-image: url("../images/assets/icon-grid.svg");
}
.next-prev ul.pagination li span {
	display: inline-block;
	vertical-align: middle;
}
.next-prev ul.pagination li span p,
.next-prev ul.pagination li span strong {
	display: block;
	margin: 6px 0;
}
.next-prev ul.pagination li span p {
	display: block;
}
.next-prev ul.pagination li span strong {
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-size: 23px;
}
.next-prev ul.pagination li.pagination-previous:hover i {
	background-position: 0% 50%;
}
.next-prev ul.pagination li.pagination-projects:hover i {
	background-position: 50% 50%;
	background-size: 31px 31px;
}
.next-prev ul.pagination li.pagination-next:hover i {
	background-position: 100% 50%;
}

.supporting-links a {
	color: #555;
	text-decoration: underline;
}
.supporting-links a:hover,
.supporting-links a:focus,
.supporting-links a:visited {
	text-decoration: none;
}

/*.box{ text-align: center; display: inline-block; transition:$transition-fast;
  &.border{ background-color: #ffffff; border: solid 1px #e7e7e7; }   
    & > h4{margin: 0 0 20px;  padding: 13% 20px;}
    p{ margin: 0 0 3px; font-size: 1em;
      &:first-of-type{ font-size: 1em; }
    }
  
    a h4 {border-color: $grey-medium;}

    .inner{ padding: 1em; clear: both; overflow: hidden;

    }
    .btn{margin: 20px 6px;}
    a.btn {color: #fff!important; text-decoration: none!important;}

    &.colour-primary {
        background-color:$primary-color !important;
        h2,h3,h4,h5,h6 {color:$grey-dark;}
       
        color: #fff;
    }

    &.colour-grey-dark {
        background-color:$grey-dark !important;
        h2,h3,h4,h5,h6,p {color:$grey-light;}
        color:$primary-color;
        color: #ccc;

        strong{color:#fff;}
    }

    &.colour-grey-light {
        background-color:$grey-light !important;
        h2,h3,h4,h5,h6 {color:$grey-dark;}
        color:$grey-dark;
    }

  }*/
/*.info-boxes{  display: flex; 
  .box{width: 100%; margin: 12px; z-index: 1;}
}*/
.icon.circles .icon {
	background: #555;
	border-radius: 50%;
	width: 110px;
	height: 110px;
	font-size: 40px;
	text-align: center;
	color: #fff;
	padding-top: 35px;
	font-weight: normal;
	margin: 0 auto;
}

@media (max-width: 767px) {
	.next-prev ul.pagination {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		border-top: 1px solid #ccc;
		border-bottom: 11px solid #eee;
		padding: 15px 0;
	}
	.next-prev ul.pagination li {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		display: block;
	}
	.next-prev ul.pagination li.pagination-previous,
	.next-prev ul.pagination li.pagination-next {
		display: inherit;
	}
	.next-prev ul.pagination li.pagination-previous strong,
	.next-prev ul.pagination li.pagination-next strong {
		display: none;
	}
}

/*li.pagination-previous p, 
li.pagination-previous span,

li.pagination-next p, 
li.pagination-next span
 {
    border: 1px solid;
    display: initial;
}*/
@media (min-width: 991px) and (max-width: 1299px) {
	.hero .container.inner,
	.portfolio .container.inner {
		padding: 0 4em;
	}
}

/* @media (max-width: 991px) {
	section .container,
	.section .container {
		padding: 60px 80px;
	}
} */

@media (max-width: 767px) {
	section .container,
	.section .container,
	.project .container {
		padding: 20px 40px 20px;
	}
	/* .project .container {
		padding: 50px 40px;
	} */

	.selected-projects article {
		display: inherit;
	}

	.selected-projects article .preview {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 100%;
		grid-template-columns: 100%;
		-ms-grid-rows: auto;
		grid-template-rows: auto;
		grid-gap: 0px 4%;
	}

	.selected-projects article .preview .project-logo,
	.selected-projects article .preview .project-title,
	.selected-projects article .preview .img-container,
	.selected-projects article .preview .project-details,
	.selected-projects article .preview .pills,
	.selected-projects article .preview .online-link {
		max-width: 100%;
		width: 100%;
		text-align: center;
	}

	.selected-projects article .preview .project-logo {
		-ms-grid-column: 1;
		grid-column: 1;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}
	.selected-projects article .preview .project-logo .logo-container {
		margin: 0 auto;
	}
	.selected-projects article .preview .project-logo .logo-container img {
		padding: 0 15px;
	}
	.selected-projects article .preview .project-title {
		-ms-grid-column: 1;
		grid-column: 1;
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}
	.selected-projects article .preview .img-container {
		-ms-grid-column: 1;
		grid-column: 1;
		grid-row: initial;
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3;
		margin: 20px auto;
	}
	.selected-projects article .preview .img-container img {
		width: 90%;
		margin-left: 0;
		-webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
		box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
	}
	.selected-projects article .preview .img-container img + img {
		width: 13%;
		max-width: 120px;
		min-width: 110px;
		/*margin: 20px 0px 0px -40px;*/
		border: 3px solid #fff;
		position: relative;
		margin: -50vw 0px 1px 54vw;
	}
	.selected-projects article .preview .project-details {
		-ms-grid-column: 1;
		grid-column: 1;
		-webkit-box-ordinal-group: 5;
		-ms-flex-order: 4;
		order: 4;
		margin: 20px 0px 10px;
	}
	.selected-projects article .preview .pills {
		-ms-grid-column: 1;
		grid-column: 1;
		-webkit-box-ordinal-group: 6;
		-ms-flex-order: 5;
		order: 5;
		margin: 20px 0;
		text-align: center;
	}
	.selected-projects article .preview .online-link {
		-ms-grid-column: 1;
		grid-column: 1;
		-webkit-box-ordinal-group: 7;
		-ms-flex-order: 6;
		order: 6;
		font-family: "Poppins", Arial, Helvetica, sans-serif;
		font-size: 16px;
		margin: 0px 0px 0 0px;
		/*display: block;*/
	}
	.hero {
		z-index: 0;
		margin: 0;
	}
	.hero .container.inner {
		margin: -390px auto 1em;
		overflow: hidden;
	}
	.info-boxes {
		display: -ms-grid;
		display: grid;
	}
	.info-boxes.x2 .box,
	.info-boxes.x3 .box,
	.info-boxes.x4 .box {
		/*margin: 1% 1% 6%; */
		display: block;
	}
	.home .info-boxes .box {
		width: auto;
	}
	.home .info-boxes .box a:hover {
		text-decoration: none !important;
	}
	.home .info-boxes .box .inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.home .info-boxes .box .inner h2 {
		width: 220px;
		padding: 10px 0 0;
		border-right: 1px solid;
		text-align: center;
		margin: 0;
	}
	.home .info-boxes .box .inner h6 {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		text-align: left;
		padding: 0 0 0 5%;
		margin: 0;
	}
	.profile-pic {
		max-width: 10em;
		max-height: 10em;
		width: initial;
		height: initial;
	}
}

@media (max-width: 575px) {
	.selected-projects article .preview .img-container {
		margin: 20px auto;
	}
	.selected-projects article .preview .img-container img {
		width: 100%;
	}
	.selected-projects article .preview .img-container img + img {
		width: 10%;
		max-width: 110px;
		min-width: 100px;
		margin: -50vw 0px 1px 52vw;
	}
	.selected-projects-slider .container h2 {
		padding: 0 60px;
	}
}

@media (min-width: 991px) {
	.logo {
		float: left;
	}
	.nav-container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		float: right;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.nav-container .social-logos a {
		display: inline-block;
	}
	.in-page-nav.nav-up {
		top: 0px;
	}
	/* .project article .info {
		display: inherit;
	} */
	.project article .info .img-container {
		position: -webkit-sticky;
		position: sticky;
		top: 80px;
	}
	.project article .info .img-container img {
		position: -webkit-sticky;
		position: sticky;
		top: 80px;
	}
	.project article .screens {
		padding-top: 50px;
	}
}

/* END 991 */