/* NEW Showcase related styles */
/* Base */
body,
img,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
table,
td,
ul,
ol,
li,
fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

html {
	box-sizing: border-box;
	scroll-behavior: smooth;
}

* {
	box-sizing: border-box;
}

.clearfix {
	zoom: 1;
}

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

::-moz-selection {
	background: #f05332;
	color: white;
	text-shadow: none;
}

::selection {
	background: #f05332;
	color: white;
	text-shadow: none;
}

@font-face {
	font-family: 'DJR';
	src: url(fonts/forma-djr-micro.html);
	src: url(fonts/forma-djr-microd41d.html?#iefix) format("embedded-opentype"), url("fonts/forma-djr-micro.woff") format("woff"), url("fonts/forma-djr-micro.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DJR-XL';
	src: url(fonts/forma-djr-display.html);
	src: url(fonts/forma-djr-displayd41d.html?#iefix) format("embedded-opentype"), url("fonts/forma-djr-display.woff") format("woff"), url("fonts/forma-djr-display.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DJR';
	font-weight: 400;
	src: url(fonts/FormaDJRMicro-Regular.woff2) format("woff2"), url(fonts/FormaDJRMicro-Regular.woff) format("woff")
}

@font-face {
    font-weight: 200 800;
    font-family: forma-djr-micro;
    src: url(fonts/FormaDJRUI.html) format("woff2"),url(fonts/FormaDJRUI-2.html) format("woff")
}

@font-face {
	font-family: 'DJR';
	font-weight: 500;
	src: url(fonts/FormaDJRMicro-Medium.woff2) format("woff2"), url(fonts/FormaDJRMicro-Medium.woff) format("woff")
}

@font-face {
	font-family: 'RBNo3.1';
	src: url(fonts/RBNo31-Medium.eot);
	src: url(fonts/RBNo31-Medium.eot) format('embedded-opentype'),
		url(fonts/RBNo31-Medium.woff2) format('woff2'),
		url(fonts/RBNo31-Medium.woff) format('woff'),
		url(fonts/RBNo31-Medium.ttf) format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'RBNo3.1';
	src: url(fonts/RBNo31-Bold.eot);
	src: url(fonts/RBNo31-Bold.eot) format('embedded-opentype'),
		url(fonts/RBNo31-Bold.woff2) format('woff2'),
		url(fonts/RBNo31-Bold.woff) format('woff'),
		url(fonts/RBNo31-Bold.ttf) format('truetype');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'RBNo3.1';
	src: url(fonts/RBNo31-Ultra.eot);
	src: url(fonts/RBNo31-Ultra.eot) format('embedded-opentype'),
		url(fonts/RBNo31-Ultra.woff2) format('woff2'),
		url(fonts/RBNo31-Ultra.woff) format('woff'),
		url(fonts/RBNo31-Ultra.ttf) format('truetype');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url(fonts/ProximaNova-Regular.eot);
	src: url(fonts/ProximaNova-Regular.eot) format('embedded-opentype'),
		url(fonts/ProximaNova-Regular.woff2) format('woff2'),
		url(fonts/ProximaNova-Regular.woff) format('woff'),
		url(fonts/ProximaNova-Regular.ttf) format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url(fonts/ProximaNova-Semibold.eot);
	src: url(fonts/ProximaNova-Semibold.eot) format('embedded-opentype'),
		url(fonts/ProximaNova-Semibold.woff2) format('woff2'),
		url(fonts/ProximaNova-Semibold.woff) format('woff'),
		url(fonts/ProximaNova-Semibold.ttf) format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url(fonts/ProximaNova-Bold.eot);
	src: url(fonts/ProximaNova-Bold.eot) format('embedded-opentype'),
		url(fonts/ProximaNova-Bold.woff2) format('woff2'),
		url(fonts/ProximaNova-Bold.woff) format('woff'),
		url(fonts/ProximaNova-Bold.ttf) format('truetype');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'HPSimplifiedLight';
	src: url(fonts/latin-e-light-eot.eot);
	src: url(fonts/latin-e-light-eotd41d.eot?#iefix) format("embedded-opentype"), url("fonts/latin-e-light-woff.woff") format("woff"), url("fonts/latin-e-light-ttf.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HPSimplified';
	src: url(fonts/latin-e-regular-eot.eot);
	src: url(fonts/latin-e-regular-eotd41d.eot?#iefix) format("embedded-opentype"), url("fonts/latin-e-regular-woff.woff") format("woff"), url("fonts/latin-e-regular-ttf.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Wolf';
	src: url(fonts/SharpGroteskBook-25.eot);
	src: url(fonts/SharpGroteskBook-25d41d.eot?#iefix) format("embedded-opentype"), url("fonts/SharpGroteskBook-25.woff") format("woff"), url("fonts/SharpGroteskBook-25.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Helvetica-Bold';
	src:
		url("fonts/Helvetica-Boldd41d.eot?#iefix") format("embedded-opentype"),
		url("fonts/Helvetica-Bold.woff") format("woff"),
		url("fonts/Helvetica-Bold.ttf") format("truetype"),
		url("fonts/Helvetica-Bold.svg#Helvetica-Bold") format("svg");
	font-weight: normal;
	font-style: normal;
}

/* ...... colors */
.text-color-white {
	color: #fff;
}

.text-color-black {
	color: #000;
}

.text-color-blue {
	color: #0096d6;
}

.text-color-blue-2 {
	color: #40defa;
}

.text-color-gold {
	color: #a57d2d;
}

.text-color-green {
	color: #47b8b3;
}

.text-color-yellow {
	color: #f9f26e;
}

.text-color-orange {
	color: #e87722;
}

.text-color-dark-blue {
	color: #0171AD;
}

.grid-bg-color-white .sh-200_col-1of1,
.grid-bg-color-white .sh-200_col-1of2,
.grid-bg-color-white .sh-200_col-1of3,
.grid-bg-color-white .sh-200_col-1of4,
.grid-bg-color-white .sh-200_col-1of5 {
	background-color: #fff;
}

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

.grid-bg-color-light-grey .sh-200_col-1of1,
.grid-bg-color-light-grey .sh-200_col-1of2,
.grid-bg-color-light-grey .sh-200_col-1of3,
.grid-bg-color-light-grey .sh-200_col-1of4,
.grid-bg-color-light-grey .sh-200_col-1of5 {
	background-color: #f5f5f5;
}

.grid-border .sh-200_col-1of1,
.grid-border .sh-200_col-1of2,
.grid-border .sh-200_col-1of3,
.grid-border .sh-200_col-1of4,
.grid-border .sh-200_col-1of5 {
	border: 1px solid #000;
}

.grid-border-white .sh-200_col-1of1,
.grid-border-white .sh-200_col-1of2,
.grid-border-white .sh-200_col-1of3,
.grid-border-white .sh-200_col-1of4,
.grid-border-white .sh-200_col-1of5 {
	border: 1px solid #fff;
}

.bg-color-mustard {
	background-color: #f7bc40;
}

.grid-bg-color-mustard .sh-200_col-1of1,
.grid-bg-color-mustard .sh-200_col-1of2,
.grid-bg-color-mustard .sh-200_col-1of3,
.grid-bg-color-mustard .sh-200_col-1of4,
.grid-bg-color-mustard .sh-200_col-1of5 {
	background-color: #f7bc40;
}

.bg-color-orange {
	background-color: #e87722;
}

.grid-bg-color-orange .sh-200_col-1of1,
.grid-bg-color-orange .sh-200_col-1of2,
.grid-bg-color-orange .sh-200_col-1of3,
.grid-bg-color-orange .sh-200_col-1of4,
.grid-bg-color-orange .sh-200_col-1of5 {
	background-color: #e87722;
}

.bg-color-white {
	background-color: #fff;
}

.bg-color-grey {
	background-color: #e8e8e8;
}

.bg-color-lightgrey {
	background-color: #e8e8e8;
}

.bg-color-lightgrey-2 {
	background-color: #fafafa;
}

.bg-color-lightgrey-3 {
	background-color: #f3f3f3;
}

.bg-color-darker-grey {
	background-color: #636569;
}

.grid-bg-color-darker-grey .sh-200_col-1of1,
.grid-bg-color-darker-grey .sh-200_col-1of2,
.grid-bg-color-darker-grey .sh-200_col-1of3,
.grid-bg-color-darker-grey .sh-200_col-1of4,
.grid-bg-color-darker-grey .sh-200_col-1of5 {
	background-color: #636569;
}

.bg-color-dark-grey {
	background-color: #191919;
}

.grid-bg-color-dark-grey .sh-200_col-1of1,
.grid-bg-color-dark-grey .sh-200_col-1of2,
.grid-bg-color-dark-grey .sh-200_col-1of3,
.grid-bg-color-dark-grey .sh-200_col-1of4,
.grid-bg-color-dark-grey .sh-200_col-1of5 {
	background-color: #191919;
}

.bg-color-blue {
	background-color: #024AD8;
}

.grid-bg-color-blue .sh-200_col-1of1,
.grid-bg-color-blue .sh-200_col-1of2,
.grid-bg-color-blue .sh-200_col-1of3,
.grid-bg-color-blue .sh-200_col-1of4,
.grid-bg-color-blue .sh-200_col-1of5 {
	background-color: #0171AD;
}

.bg-color-darken-blue {
	background-color: #075782;
}

.bg-color-dragonfly-blue {
	background-color: #0d1424;
}

.bg-color-dark-blue {
	background-color: #2c3237;
}

.bg-color-blue-large-format {
	background-color: #87bbf9;
}

.bg-color-blue-light-large-format {
	background-color: #ddecfd;
}

.bg-color-gray-smart-tank {
	background-color: #e6e6e6;
}

.bg-color-blue-services {
	background-color: #d5fcff;
}

.grid-bg-color-dark-blue .sh-200_col-1of1,
.grid-bg-color-dark-blue .sh-200_col-1of2,
.grid-bg-color-dark-blue .sh-200_col-1of3,
.grid-bg-color-dark-blue .sh-200_col-1of4,
.grid-bg-color-dark-blue .sh-200_col-1of5 {
	background-color: #2c3237;
}

.bg-color-green {
	background-color: #009b9f;
}

.bg-color-purple {
	background-color: #73459c;
}

.bg-color-dark-purple {
	background-color: #2d3258;
}

.bg-color-black {
	background-color: #000;
}
	
.grey-one-a {
	background: #999999;
}
.grey-one-a-border {
	border-color: #999999 !important;
}

.text-color-grey {
	color: #999;
}

.blue-one-a {
	background: #40dffa;
}

.blue-one-b {
	background: #6fe2f2;
}

.blue-one-c {
	background: #91ebf7;
}

.blue-one-d {
	background: #b3f2fd;
}

.blue-one-e {
	background: #8cecfc;
}

.blue-one-f {
	background: #9deffd;
}

.blue-one-g {
	background: #c6f5fe;
}

.blue-one-h {
	background: #0096d6;
}

.blue-one-i {
	background: #66c0e5;
}

.blue-one-j {
	background: #99d5ef;
}

.blue-one-k {
	background: #80cbeb;
}

.blue-one-l {
	background: #165dba;
}

.blue-one-m {
	background: #0d435b;
}

.blue-one-n {
	background: #84a0ac;
}

.blue-one-o {
	background: #9bc9ce;
}

.blue-one-p {
	background: #e6ecef;
}

.blue-one-q {
	background: #f4f6f8;
}

.blue-one-r {
	background: #c1dfe0;
}

.blue-one-s {
	background: #d6eef8;
}

.blue-one-t {
	background: #eaf7fc;
}

.blue-one-u {
	background: #99d5ee;
}

.blue-one-v {
	background: #aeddf1;
}

.blue-one-w {
	background: #23556b;
}

.blue-one-x {
	background: #36aadb;
}

.blue-one-y {
	background: #7ec9e7;
}

.blue-one-z {
	background: #58b9e5;
}

.blue-two-a {
	background: #549ef8;
}

.blue-two-b {
	background: #a9cefb;
}

.blue-two-c {
	background: #cce2fd;
}

.blue-two-d {
	background: #eef5fe;
}

.blue-two-e {
	background: #87bbfa;
}

.blue-two-f {
	background: #98c5fb;
}

.blue-two-g {
	background: #a6d9ed;
}

.blue-two-h {
	background: #cdeaf6;
}

.blue-two-i {
	background: #eaf7fc;
}

.blue-two-j {
	background: #48b3e0;
}

.blue-two-k {
	background: #b6ddef;
}

.blue-two-l {
	background: #d6ebf6;
}

.blue-two-m {
	background: #e6f3fa;
}

.blue-two-n {
	background: #f5fafa;
}

.blue-two-o {
	background: #e0eff0;
}

.blue-two-p {
	background: #d4fcff;
}

.blue-two-q {
	background: #e5f1fe;
}

.blue-two-r {
	background: #099ad8;
}

.blue-three-a {
	background: #1aa1da;
}

.blue-three-b {
	background: #8cd0ec;
}

.blue-three-c {
	background: #bae3f4;
}

.blue-three-d {
	background: #e8f6fb;
}

.blue-four-a {
	background: #4758f6;
}

.blue-four-b {
	background: #a3abfa;
}

.blue-four-c {
	background: #c8cdfc;
}

.blue-four-d {
	background: #edeefe;
}

.blue-five-a {
	background: #4758f6;
}

.blue-five-b {
	background: #5969f7;
}

.blue-five-c {
	background: #6c79f8;
}

.blue-five-d {
	background: #33abde;
}

.blue-five-e {
	background: #66c0e6;
}
.blue-five-f{background: #549EF7;}
.blue-five-g{background: #65A8F8;}
.blue-five-h{background: #87BBF9;}
.blue-five-i{background: #8CEBFC;}
.blue-five-j{background: #66e5fb;}
.blue-five-k{background: #40defa;}
.blue-five-l{background: #4759F5;}
.blue-five-m{background: #7E8AF9;}
.blue-five-n{background: #7E8AF9;}
.blue-five-o{background: #bad8fc;}

.blue-five-p {
	background: #7d8af7;
}

.blue-five-q {
	background: #86baf9;
}

.blue-five-r {
	background: #9eeefc;
}

.blue-six-a{background: #212248;}
.blue-six-b{background: #37385A;}
.blue-six-c{background: #399efe;}
.blue-six-d{background: #002a4e;}
.blue-six-e{background: #8494a4;}
.blue-six-f{background: #b5bec8;}
.blue-six-g{background: #b0ccd9;}
.blue-six-h{background: #d9f8fe;}
.blue-six-i{background: #919bfa;}

.brown-one-a {
	Background: #f2ebdc;
}

.brown-one-b {
	Background: #e6dcc8;
}

.brown-one-c {
	Background: #efeade;
}

.brown-one-d {
	Background: #231f20;
}

.gold-one-a {
	background: #846731;
}

.gold-one-b {
	background: #9d855a;
}

.gold-one-c {
	background: #b5a483;
}

.gold-one-d {
	background: #c4b69c;
}

.gold-one-e {
	background: #e6e1d6;
}

.gold-one-f {
	background: #856630;
}

.gold-one-g {
	background: #aa946e;
}

.gold-one-h {
	background: #e7e0d6;
}

.gold-one-i {
	background: #f3f0ea;
}

.gold-one-j {
	background: #f2ebdc;
}

.gold-one-k {
	background: #cec2ac;
}

.gray-one-a {
	background: #f3f6f7;
}

.gray-one-b {
	background: #e7e7e7;
}

.gray-one-c {
	background: #4d4d4d;
}

.gray-one-d {
	background: #ececec;
}

.grey-one-d {
	background: #464646;
}

.grey-one-e {
	background: #e6e6e6;
}

.grey-one-b {
	background: #f7f7f7;
}

.grey-one-a-border {
	border-color: #999 !important;
}

.green-one-a {
	background: #dcf659;
}

.green-one-b {
	background: #e6f98b;
}

.green-one-c {
	background: #edfaac;
}

.green-one-d {
	background: #f5fccd;
}

.green-one-e {
	background: #00d072;
}

.green-one-f {
	background: #59e0a3;
}

.green-one-g {
	background: #b3f1d5;
}

.green-one-h {
	background: #245821;
}

.green-one-i {
	background: #557d52;
}

.green-two-a {
	background: #a0f66e;
}

.green-two-b {
	background: #cffab6;
}

.green-two-c {
	background: #e3fcd4;
}

.green-two-d {
	background: #f5fef0;
}

.green-two-e {
	background: #b3f78b;
}

.green-two-f {
	background: #bdf99a;
}

.green-two-g {
	background: #cbfbaf;
}

.green-two-h {
	background: #59f6a9;
}

.green-two-i {
	background: #8bf9c3;
}

.green-two-j {
	background: #6ed288;
}

.green-two-k {
	background: #a8e3b7;
}

.green-two-l {
	background: #bae9c6;
}

.green-two-m {
	background: #9bfacb;
}

.green-two-n {
	background: #b3f88b;
}

.green-two-o {
	background: #bff99d;
}

.green-two-p {
	background: #d9fbc5;
}

.green-three-a {
	background: #8af9c3;
}

.green-three-b {
	background: #acfad4;
}

.green-three-c {
	background: #cdfce5;
}

.green-three-d {
	background: #f3fef9;
}

.green-four-a {
	background: #5ecd7b;
}

.green-four-b {
	background: #aee6bd;
}

.green-four-c {
	background: #cef0d7;
}

.green-four-d {
	background: #effaf2;
}

.green-four-e {
	background: #d7eedb;
}
.green-four-f {background: #4EF5AB;}
.green-four-g {background: #95F9CD;}
.green-four-h {background: #71F7BC;}
.green-four-i {background: #83F955;}
.green-four-j {background: #A8FB88;}
.green-four-k {background: #C1FCAA;}
.green-four-l {background: #33d98e;}
.green-four-m {background: #66e3aa;}


.orange-one-a {
	background: #ef8d72;
}

.orange-one-b {
	background: #f7c6b8;
}

.orange-one-c {
	background: #faddd5;
}

.orange-one-d {
	background: #fdf4f1;
}

.orange-one-e {
	background: #f0bb59;
}

.orange-one-f {
	background: #f5d395;
}

.orange-one-g {
	background: #f3c87b;
}

.orange-one-h {
	background: #e68e34;
}

.orange-one-i {
	background: #eba35b;
}

.orange-one-j {
	background: #f0bc81;
}

.orange-one-k {
	background: #ef8d72;
}

.orange-one-l {
	background: #f2a38e;
}

.orange-one-m {
	background: #f4b5a4;
}

.orange-one-n {
	background: #fefcf0;
}

.orange-one-o {
	background: #f8e569;
}

.orange-one-p {
	background: #fbefa5;
}

.orange-one-q {
	background: #f4af9c;
}

.orange-two-a {
	background: #e68e33;
}

.orange-two-b {
	background: #f2c699;
}

.orange-two-c {
	background: #f8ddc2;
}

.orange-two-d {
	background: #fcf4eb;
}

.orange-two-e {
	background: #f4eddd;
}

.orange-two-f {
	background: #f3c799;
}

.orange-two-g {
	background: #eeb070;
}

.pink-one-a {
	background: #f29acd;
}

.pink-one-b {
	background: #f5abd6;
}

.pink-one-c {
	background: #fad4ea;
}

.pink-one-d {
	background: #ff948a;
}

.pink-one-e {
	background: #ffa9a1;
}

.pink-one-f {
	background: #ffc9c4;
}

.pink-one-g {
	background: #ff84ff;
}

.pink-one-h {
	background: #ff8eff;
}

.pink-one-i {
	background: #ffb5ff;
}

.pink-one-j {
	background: #ffb9b3;
}

.pink-one-k {
	background: #ffdfdc;
}

.purple-one-a {
	background: #a89ef9;
}

.purple-one-b {
	background: #bbb4f7;
}

.purple-one-c {
	background: #cdc8f7;
}

.purple-one-d {
	background: #dcd8fd;
}

.purple-one-e {
	background: #b9b1f9;
}

.purple-one-f {
	background: #c7c1fa;
}

.purple-one-g {
	background: #a89efa;
}

.purple-two-a {
	background: #aa5bed;
}

.purple-two-b {
	background: #d4adf6;
}

.purple-two-c {
	background: #e6cefa;
}

.purple-two-d {
	background: #f7effd;
}

.purple-two-e {
	background: #7e9af9;
}

.purple-two-f {
	background: #8ea4fa;
}

.purple-two-g {
	background: #b5bcfb;
}

.purple-two-h {
	background: #c48cf2;
}

.purple-two-i {
	background: #cbc5fc;
}

.purple-two-j {
	background: #eeecfe;
}

.purple-two-k {
	background: #c2bbfb;
}

.gray-smart-tank {
	background: #e6e6e6;
}

.white-one-a {
	background: #ffffff;
}

.black-one-a {
	background: #000000;
}

.grey-two-wolf {
	background: #e7ecef;
}

.mustard-one-a {
	background: #ffbd3b !important;
}

.orange-two-a-border {
	border-color: #e68e33 !important;
}

.bg-gradient-blue {
	background: #1365a5;
	background: -moz-linear-gradient(left, #1365a5 0%, #1fc1cc 100%);
	background: -webkit-linear-gradient(left, #1365a5 0%, #1fc1cc 100%);
	background: linear-gradient(to right, #1365a5 0%, #1fc1cc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1365a5', endColorstr='#1fc1cc', GradientType=1);
}

.bg-gradient-purple {
	background: #cc00cc;
	background: -moz-linear-gradient(left, #cc00cc 0%, #3333cc 100%);
	background: -webkit-linear-gradient(left, #cc00cc 0%, #3333cc 100%);
	background: linear-gradient(to right, #cc00cc 0%, #3333cc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc00cc', endColorstr='#3333cc', GradientType=1);
}

.border-color-grey {
	border-color: #e8e8e8 !important;
}

.border-color-darker-grey {
	border-color: #636569 !important;
}

.border-color-blue {
	border-color: #0096d6 !important;
}

.border-color-orange {
	border-color: #e87722 !important;
}

@media only screen and (max-width: 767px) {
	.sh-100_mobile-wrap .text-color-white {
		color: #3d3d3b;
	}
}

/* ...... typography */
body {
	font-family: DJR;
	font-size: 1rem;
	line-height: 1.5rem;
	letter-spacing: 0.01875rem;
	background-color: white;
}

.font-regular {
	font-family: DJR;
}

.font-helvetica {
	font-family: "Helvetica-Bold", helvetica !important;
	letter-spacing: 0 !important;
	font-weight: 700 !important;
}

.font-helvetica-regular {
	font-family: "Helvetica-Bold", helvetica !important;
	letter-spacing: 0 !important;
}

.font-wolf {
	font-family: Wolf !important;
}

.font-mini {
	font-style: italic !important;
}

.font-xxl {
	font-family: DJR-XL !important;
}

.title-style-xxl,
.title-style-xl,
.title-style-xl2,
.title-h1,
.title-h2,
.title-h3,
.title-h4,
.title-h5,
.title-h6 {
	font-family: DJR;
	font-weight: normal;
	letter-spacing: 0rem;
}

.title-style-xl {
	font-size: 1.875rem;
	line-height: 2.125rem;
}

.title-style-xl2 {
	font-size: 70px;
	line-height: 74px;
}

.title-style-xxl {
	font-size: 60px;
	line-height: 66px;
}

.title-h1 {
	font-size: 1.625rem;
	line-height: 1.75rem;
	margin: 0;
}

.title-h2 {
	font-size: 1.5rem;
	line-height: 1.65rem;
}

.title-h3 {
	font-size: 1.375rem;
	line-height: 1.625rem;
}

.title-h4 {
	font-size: 1.25rem;
	line-height: 1.625rem;
}

.title-h4+* {
	margin-top: .8125rem;
}

.title-h4:not(:first-child) {
	margin-top: .8125rem;
}

.title-h5 {
	font-size: 1.125rem;
	line-height: 1.5rem;
}

.title-h6 {
	font-size: 1.25rem;
	line-height: 1.75rem;
}

.title-h7 {
	font-size: 20px;
	line-height: 24px;
	font-weight: 400;
}

.title-h8 {
	font-size: 26px;
	line-height: 30px;
	padding-bottom: 20px;
}


.subtitle {
	font-size: 1.125rem;
	line-height: 1.5rem;
	letter-spacing: 0.01875rem;
	font-family: 'DJR';
	font-weight: 400;
}

.description,
.subtitle {
	margin-top: .75rem;
}

.description-small {
	font-size: 12px;
	line-height: 16px;
}

.description-medium{
  font-size: 18px;
  line-height: 22px;
}

.font-bold {
	font-weight: bold;
}

.bulleted-list {
	padding-left: 1.5rem;
	text-align: left;
	margin-top: 1rem;
}

.bulleted-list li:not(:last-child) {
	margin-bottom: .25rem;
}

.nowrap {
	white-space: nowrap;
}

.small-caption {
	font-family: DJR;
	font-weight: normal;
	font-size: .875rem;
	line-height: 1.25rem;
}

.small-caption+* {
	margin-top: 0.25rem;
}

sup {
	font-size: 0.6em;
	line-height: 1;
	vertical-align: top;
}

small {
	padding: 10px 15px;
}

@media only screen and (max-width: 768px) {
	.title-style-xl2 {
		font-size: 40px;
		line-height: 42px;
	}

	.text-color-white-on-mobile {
		color: #fff;
	}
}


@media only screen and (max-width: 1024px) {
	.title-style-xl2 {
		font-size: 60px;
		line-height: 62px;
	}
}

@media only screen and (max-width: 768px) {
	.title-style-xl2 {
		font-size: 40px;
		line-height: 62px;
	}
}

@media only screen and (min-width: 768px) {
	.title-style-xxl {
		font-size: 70px;
		line-height: 74px;
	}

	.title-style-xl {
		font-size: 2.5rem;
		line-height: 2.75rem;
	}

	.title-h1 {
		font-size: 2.25rem;
		line-height: 2.5rem;
	}

	.title-h2 {
		font-size: 2rem;
		line-height: 2.25rem;
	}

	.title-h3 {
		font-size: 1.625rem;
		line-height: 1.875rem;
	}

	.title-h6 {
		font-size: 1rem;
		line-height: 1.375rem;
	}
}


@media only screen and (max-width: 767px) {
	.title-style-xxl {
		font-size: 40px;
		line-height: 45px;
	}
}

@media only screen and (min-width: 1025px) {
	.title-style-xxl {
		font-size: 55px;
		line-height: 59px;
	}

	.title-style-xl {
		font-size: 3.125rem;
		line-height: 3.25rem;
	}

	.title-h1 {
		font-size: 2.5rem;
		line-height: 2.625rem;
	}

	.title-h2 {
		font-size: 2.125rem;
		line-height: 2.5rem;
	}

	.title-h3 {
		font-size: 1.75rem;
		line-height: 2.125rem;
	}

	.title-h4 {
		font-size: 1.375rem;
		line-height: 1.75rem;
	}

	.title-h4+* {
		margin-top: 0.875rem;
	}

	.title-h5 {
		line-height: 1.75rem;
	}

	.subtitle {
		line-height: 1.625rem;
	}

	.description {
		margin-top: 1rem;
	}
}

/* ...... text-aligns */
.text-align-center {
	text-align: center !important;
}

.text-align-left {
	text-align: left !important;
}

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

@media only screen and (min-width: 767px) {
	.text-align-left-d {
		text-align: left !important;
	}

	.text-align-right-d {
		text-align: right !important;
	}
}

/* ...... buttons */
.button {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: color .2s linear, background-color .2s linear, border-color .2s linear;
	transition: color .2s linear, background-color .2s linear, border-color .2s linear;
	display: inline-block;
	min-width: 110px;
	height: 40px;
	padding: 0 32px;
	border: none;
	color: #fff;
	background-color: #191919;
	text-indent: 0.1rem;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	max-width: 100%;
	outline: none;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	z-index: 1;
	font-family: 'DJR', arial;
	font-size: 1rem;
	line-height: 2.375rem;
	letter-spacing: 0.01875rem;
	font-weight: normal;
	/* text-transform: uppercase; */
	margin: 1rem 0.5rem 0;
}

.button:hover {
	text-decoration: none;
}

.button.primary {
	color: #FFFFFF;
	background-color: #1e2224;
	border: 1px solid #1e2224;
}

.button.primary:hover,
.button.primary:focus {
	color: #FFFFFF;
	background-color: #4B4E4F;
	border-color: #4B4E4F;
}

.button.secondary,
.button.transparent {
	color: #1e2224;
	background-color: #FFFFFF;
	border: 1px solid #1e2224;
}

.button.secondary:hover,
.button.secondary:focus,
.button.transparent:hover,
.button.transparent:focus {
	color: #FFFFFF;
	background-color: #1e2224;
	border-color: #1e2224;
}

.button.disabled {
	color: #f8f8f8;
	background-color: #CCCCCC;
	border: 1px solid #CCCCCC;
	cursor: default;
}

.button.rounded {
	border-radius: 4px;
}

.button.wolf {
	font-size: 0.7rem;
	line-height: 40px;
	height: auto;
	color: #fff;
	background-color: #191919;
	border: 1px solid #47b8b3;
}

.button.wolf:hover,
.button.wolf:focus {
	color: #191919;
	background-color: #fff;
}

.button.helvetica {
	font-family: "Helvetica-bold", helvetica;
	font-weight: 700;
}

.button.models {
	max-width: 100%;
	width: 100%;
	text-transform: none;
	text-align: left;
	border-radius: 3px;
	border: 1px solid #efefef;
	color: black;
	background: white;
	margin-left: 0;
}

.button.dd {
	padding: 0 50px 0 32px;
}

.button.dd::after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 10px;
	height: 10px;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -12px;
	border-right: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: border-color .3s ease;
	transition: border-color .3s ease;
}

.button.dd.drop::after {
	transform: rotate(-135deg);
	margin-top: 12px;
}

.button.models.dd::after {
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	width: 7px;
	height: 7px;
	margin-top: -7px;
}

.button.models.drop::after {
	margin-top: 9px;
}

.dd-wrapper {
	position: relative;
	display: inline-block;
	line-height: 0;
}

.dd-links {
	text-align: left;
	background: white;
	margin: 0;
	position: absolute;
	top: calc(100% + 2px);
	min-width: 100%;
	left: 0.5rem;
	right: auto;
	display: none;
	z-index: 101;
	-webkit-box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2);
	margin-top: 1px;
	line-height: 1.5;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: max-width .3s ease;
	transition: max-width .3s ease;
	list-style: none;
	max-width: 450px;
	min-width: 228px;
}

.dd-links li a {
	color: #5a5a5a !important;
	transition: all .3s ease;
	padding: 8px 15px;
	display: block;
	margin: 0;
	text-overflow: ellipsis;
	overflow: hidden;
	background: white;
	white-space: nowrap;
	font-family: 'DJR';
}

.dd-links li a:hover,
.dd-links li a:focus {
	background: #E6FCFF;
	color: #075782 !important;
	font-family: "DJR", arial;
	text-decoration: none;
	border: none;
}

.button.drop+.dd-links {
	display: block;
}

.models+.dd-links {
	top: calc(100% + 4px);
}

.models+.dd-links::before {
	height: 0;
	width: 0;
}

.models+.dd-links li {
	display: block;
	cursor: pointer;
	border-radius: 0;
	margin: 0;
	border: none;
	padding: 8px 15px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-family: DJR;
}

.models+.dd-links li.active {
	color: #b8b8b8;
	cursor: default;
}

.cta-dark .button.primary {
	color: #FFFFFF;
	background-color: #1e2224;
	border: 1px solid #1e2224;
}

.cta-dark .button.primary:hover,
.cta-dark .button.primary:focus {
	color: #FFFFFF;
	background-color: #4B4E4F;
	border-color: #4B4E4F;
}

.cta-dark .button.secondary,
.cta-dark .button.transparent {
	color: #191919;
	background-color: transparent;
	border: 1px solid #1e2224;
}

.cta-dark .button.secondary:hover,
.cta-dark .button.secondary:focus,
.cta-dark .button.transparent:hover,
.cta-dark .button.transparent:focus {
	color: #FFFFFF;
	background-color: #2c3038;
	border-color: #2c3038;
}

.text-color-white .button.primary {
	color: #191919;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
}

.text-color-white .button.primary:hover,
.text-color-white .button.primary:focus {
	color: #191919;
	background-color: #e8e8e8;
	border-color: #e8e8e8;
}

.text-color-white .button.secondary,
.text-color-white .button.transparent {
	color: #FFFFFF;
	background-color: transparent;
	border: 1px solid #FFFFFF;
}

.text-color-white .button.secondary:hover,
.text-color-white .button.secondary:focus,
.text-color-white .button.transparent:hover,
.text-color-white .button.transparent:focus {
	color: #191919;
	background-color: #FFFFFF;
	border-color: #FFFFFF;
}

.text-color-white .button.dd:after {
	border-color: #191919;
}

@media only screen and (max-width: 767px) {
	.sh-100_mobile-wrap .text-color-white .button.primary {
		color: #FFFFFF;
		background-color: #1e2224;
		border: 1px solid #1e2224;
	}

	.sh-100_mobile-wrap .text-color-white .button.primary:hover,
	.sh-100_mobile-wrap .text-color-white .button.primary:focus {
		color: #FFFFFF;
		background-color: #075782;
		border-color: #075782;
	}

	.sh-100_mobile-wrap .text-color-white .button.secondary,
	.sh-100_mobile-wrap .text-color-white .button.transparent {
		color: #1e2224;
		background-color: transparent;
		border: 1px solid #1e2224;
	}

	.sh-100_mobile-wrap .text-color-white .button.secondary:hover,
	.sh-100_mobile-wrap .text-color-white .button.secondary:focus,
	.sh-100_mobile-wrap .text-color-white .button.transparent:hover,
	.sh-100_mobile-wrap .text-color-white .button.transparent:focus {
		color: #FFFFFF;
		background-color: #075782;
		border-color: #0171ad;
	}

	.sh-100_mobile-wrap .text-color-white .button.dd:after {
		border-color: white;
	}
}

a,
a:visited {
	color: #000;
	text-decoration: none;
	transition: all 0.4s ease;
	position: relative;
}

a:hover,
a:focus,
a:visited:hover,
a:visited:focus {
	color: #000;
	text-decoration: none;
}

.link {
	color: #0096d6;
	text-decoration: none;
	transition: all 0.4s ease;
	position: relative;
}

.link:hover,
.link:focus {
	color: #0171AD;
	text-decoration: underline;
}

.link.arrow {
	padding-right: 23px;
}

.link.arrow::before {
	display: block;
	content: '';
	position: absolute;
	right: 2px;
	bottom: 8px;
	width: 9px;
	height: 9px;
	border-top: 1px solid #0096d6;
	border-right: 1px solid #0096d6;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.link.arrow:hover::before {
	border-color: #0171AD;
}

.text-color-white .link {
	color: #fff;
	text-decoration: underline;
}

.text-color-white .link:hover {
	color: #fff;
	text-decoration: none;
}

.text-color-white .link.arrow::before {
	border-color: #fff;
}

@media only screen and (max-width: 767px) {
	.sh-100_mobile-wrap .text-color-white .link {
		color: #0096d6;
		text-decoration: none;
	}

	.sh-100_mobile-wrap .text-color-white .link:hover {
		color: #0171AD;
	}
}

/* ...... margins/paddings/spacing */
.cta-wrapper {
	margin-top: .5rem;
}

.rounded {
	border-radius: 6px;
}

.img-shadow {
	box-shadow: 0 22px 60px -30px #000;
}

.width-is-full,
.width-is-l,
.width-is-m,
.width-is-s,
.width-is-xs {
	width: 100%;
}

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

.width-is-xl {
	max-width: 1420px;
}

.width-is-l {
	max-width: 1280px;
}

.width-is-m {
	max-width: 1024px;
}

.width-is-s {
	max-width: 768px;
}

.width-is-xs {
	max-width: 480px;
}

.description-is-xs {
	max-width: 480px;
	margin: 1rem auto 0;
}

.inline-div-wrapper {
	display: inline-block;
}

.remove-b-padding {
	padding-bottom: 0 !important;
}

.remove-b-margin {
	margin-bottom: 0 !important;
}

.remove-t-padding {
	padding-top: 0 !important;
}

.remove-l-padding {
	padding-left: 0 !important;
}

.remove-l-margin {
	margin-left: 0 !important;
}

.remove-t-margin {
	margin-top: 0 !important;
}

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

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

@media only screen and (min-width: 768px) {
	.cta-wrapper {
		margin-top: 1rem;
	}

	.remove-tb-padding {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	.remove-tb-margin {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}

	.remove-lr-padding {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.remove-lr-margin {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.no-r-margin {
		margin-right: 0 !important;
	}

	.no-l-margin {
		margin-left: 0 !important;
	}
}

/* ...... show/hide on certain breakpoints */
@media only screen and (max-width: 767px) {
	.hide-on-mobile {
		display: none !important;
	}
}

@media only screen and (max-width: 1024px) {
	.hide-on-mobile-tablet {
		display: none !important;
	}
}

@media only screen and (min-width: 768px) {
	.hide-on-desktop {
		display: none !important;
	}
}

@media only screen and (min-width: 1025px) {
	.hide-on-desktop-tablet {
		display: none !important;
	}
}

@media only screen and (min-width: 1199px) {
	.hide-list {
		display: none !important;
	}
}

/* Modules */
/* ...... MODULE SH 100 */
.module-sh-100 {
	display: flex;
	flex-direction: column;
	position: relative;
	overflow: hidden;
	min-width: 0;
}

.slick-initialized .module-sh-100.slick-slide {
	display: flex;
}

.module-sh-100-content {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	min-height: 500px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	min-width: 0;
	background-color: #e8e8e8;
}

.sh-100_content {
	padding: 20px;
	min-width: 0;
	/* fix for buttons truncated text on mobile */
	overflow: hidden;
	z-index: 1;
}

.sh-100_content .cta-wrapper .sh-video-thumb {
	display: inline-block;
	height: 75px;
	width: 75px;
}

.sh-100_mobile-image {
	display: none !important;
}

/* dynamic content */
.module-sh-100-dynamic {
	position: relative;
}

.module-sh-100-dynamic .windows-intel {
	position: absolute;
	top: 225px;
	right: 5%;
}

.module-sh-100-dynamic .module-sh-100 {
	display: none;
	animation: fadeEffect 1s;
}

.module-sh-100-dynamic .module-sh-100.active {
	display: flex;
}

.module-sh-100-dynamic .model-info {
	display: none;
}

.module-sh-100-dynamic .model-info.active {
	display: block;
}

.module-sh-100-dynamic .title-h3 {
	display: none;
}

.module-sh-100-dynamic .title-h3.active {
	display: block;
}

.module-sh-100-dynamic .sh-100_content {
	overflow: visible;
}

@keyframes fadeEffect {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@media only screen and (max-width: 767px) {
	.sh-100_mobile-wrap {
		display: block;
		background-image: none !important;
		min-height: auto;
		background-color: white;
	}

	.sh-100_mobile-wrap .sh-100_mobile-image {
		display: block !important;
		width: 100%;
	}

	.sh-100_mobile-wrap .sh-100_content {
		padding: 20px;
	}

	.module-sh-100-content .sh-100_no-content {
		min-height: 300px;
	}

	.module-sh-100-content .width-is-xs {
		max-width: 100%;
	}
}

@media only screen and (min-width: 768px) {
	.sh-100_height-is-s {
		min-height: 370px;
	}

	.sh-100_height-is-m {
		min-height: 550px;
	}

	.sh-100_height-is-l {
		min-height: 600px;
	}

	.sh-100_content {
		padding: 45px 55px;
	}

	.sh-100_is-top {
		align-items: flex-start;
	}

	.sh-100_is-top .sh-100_content {
		padding-top: 50px;
	}

	.sh-100_is-bottom {
		align-items: flex-end;
	}

	.sh-100_is-bottom .sh-100_content {
		padding-bottom: 50px;
	}

	.sh-100_is-left .sh-100_content {
		text-align: left;
	}

	.sh-100_is-left .width-is-l {
		padding-right: 50%;
	}

	.sh-100_is-left .width-is-xl {
		padding-right: 40%;
	}

	.sh-100_is-right .sh-100_content {
		text-align: right;
	}

	.sh-100_is-right .width-is-l {
		padding-left: 50%;
	}

	.sh-100_is-right .width-is-xl {
		padding-left: 40%;
	}

	.sh-100_is-full-left {
		justify-content: flex-start;
		text-align: left;
	}

	.sh-100_is-full-left-center {
		justify-content: flex-start;
	}

	.sh-100_is-full-right {
		justify-content: flex-end;
		text-align: right;
	}

	.sh-100_is-full-right-center {
		justify-content: flex-end;
	}

	/* dynamic content */
	.module-sh-100-dynamic .windows-intel {
		top: 25px;
	}

	.module-sh-100-dynamic .sh-100_content {
		position: absolute;
		bottom: 50px;
		left: 100px;
		padding: 20px;
		background-color: #fff;
		border-radius: 2px;
		width: 660px;
		max-width: 100%;
	}

	.module-sh-100-dynamic .sh-100_content .model-info-wrapper {
		display: flex;
	}

	.module-sh-100-dynamic .sh-100_content .model-info {
		width: 300px;
		padding-right: 20px;
	}

	.module-sh-100-dynamic .sh-100_content .model-meta {
		width: 360px;
		min-width: 360px;
	}

	.module-sh-100-dynamic .sh-100_content .bulleted-list {
		margin-top: 0;
	}

	.module-sh-100-dynamic .sh-100_content .bulleted-list li {
		line-height: 1.1;
	}

	.module-sh-100-dynamic .sh-100_content .description {
		margin-top: 0;
	}

	/* content in white box */
	.white-box {
		width: 100%;
		padding: 0 !important;
	}

	.white-box .white-box-content {
		width: 55%;
		padding: 40px;
		background: white;
	}

	.white-box .white-box-content-negative {
		background: black !important;
	}

	.sh-100_is-left .white-box-content {
		margin-right: 45%;
	}

	.sh-100_is-right .white-box-content {
		margin-left: 45%;
		text-align: left;
	}

	.sh-100_is-top .white-box {
		margin-top: 50px;
	}

	.sh-100_is-bottom .white-box {
		margin-bottom: 50px;
	}
}

@media only screen and (min-width: 1025px) {
	.sh-100_height-is-l {
		min-height: 750px;
	}

	.sh-100_content {
		padding: 20px 70px;
	}

	.sh-100_is-full-left .sh-100_content {
		padding-right: 0;
	}

	.sh-100_is-full-right .sh-100_content {
		padding-left: 0;
	}

	/* content in white box */
	.white-box .white-box-content {
		width: 45%;
	}

	.sh-100_is-left .white-box-content {
		margin-right: 55%;
	}

	.sh-100_is-right .white-box-content {
		margin-left: 55%;
	}
}

@media only screen and (min-width: 1280px) {
	.sh-100_is-left .width-is-l {
		padding-right: 640px;
	}

	.sh-100_is-left .width-is-xl {
		padding-right: 700px;
	}

	.sh-100_is-right .width-is-l {
		padding-left: 640px;
	}

	.sh-100_is-right .width-is-xl {
		padding-left: 560px;
	}
}

.sh-hero {
	margin-bottom: 0 !important;
	padding-bottom: 49px;
}

.sh-hero .module-sh-100-content {
	text-align: left;
}

.sh-hero .slick-dots {
	position: relative;
	bottom: auto !important;
	width: auto;
}

.sh-hero .controls {
	position: absolute;
	bottom: 0;
	border-top: 1px solid #FBFBFB;
	border-radius: 4px;
	padding: 11px 23px 11px 33px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.sh-hero .sh-100_tablet-image {
	display: none;
}

.slick-timer {
	position: absolute;
	width: 100%;
	max-width: 1920px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	height: 4px;
	z-index: 2;
	background: #d5d5d5;
}

.slick-timer .inner {
	background: #0171ad;
	width: 0;
	height: 100%;
}

.play-pause {
	border: 0;
	background: transparent;
	box-sizing: border-box;
	width: 0;
	height: 16px;
	border-color: transparent transparent transparent #202020;
	transition: 100ms all ease;
	cursor: pointer;
	border-style: double;
	border-width: 0px 0 0px 14px;
	margin-right: 15px;
}

.play-pause.paused {
	border-style: solid;
	border-width: 8px 0 8px 14px;
}

.play-pause:hover {
	border-color: transparent transparent transparent #404040;
}

@media only screen and (min-width: 768px) {
	.sh-hero {
		padding-bottom: 0;
	}

	.sh-hero .controls {
		bottom: 20px;
		left: 50%;
		transform: translateX(-50%);
		background: white;
		border-top: none;
		width: auto;
	}

	.slick-timer {
		top: auto !important;
		bottom: 0;
	}
}

/* ...... MODULE SH 200 */
.module-sh-200 {
	margin: 20px;
}

.module-sh-200.has-bg-color {
	padding: 20px;
	margin: 0;
}

.module-sh-200-content {
	text-align: center;
	margin: 0 auto;
}

.module-sh-200-content img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

.module-sh-200-content video {
	width: 100%;
}

.sh-200_float {
	background-color: white;
	width: 80%;
	border-radius: 10%;
	left: 30% !important;
	bottom: 10% !important;
	text-align: left;
}

.sh-200_content img:not(:last-child)+*,
.sh-200_content img:not(:first-child),
.sh-200_content .sh-video-image:not(:last-child)+*,
.sh-200_content .sh-video-image:not(:first-child),
.sh-200_grid img:not(:last-child)+*,
.sh-200_grid img:not(:first-child),
.sh-200_grid .sh-video-thumb:not(:last-child)+*,
.sh-200_grid .sh-video-thumb:not(:first-child),
.sh-200_grid .sh-video-image:not(:last-child)+*,
.sh-200_grid .sh-video-image:not(:first-child) {
	margin-top: 20px;
}

.sh-200_grid .sh-video-image:not(:last-child)+.sh-301_content {
	margin-top: 0;
}

.sh-200_content+.sh-200_grid,
.sh-100_content>.sh-200_grid,
.sh-200_grid:not(:first-child) {
	margin-top: 20px;
}

.sh-200_grid {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
}

.sh-200_grid img {
	max-width: 100%;
	margin: 0 auto;
}

.sh-200_grid.justify-center {
	justify-content: center;
}

.sh-200_col-1of1,
.sh-200_col-1of2,
.sh-200_col-1of3,
.sh-200_col-1of4,
.sh-200_col-1of5 {
	width: 100%;
	padding: 10px 0;
	position: relative;
}

.sh-200_col-middle {
	align-self: center;
}

/* Using grid in Module 100 */
.sh-100_content>.sh-200_grid {
	display: block;
	width: 100%;
}

.sh-100_content>.sh-200_grid .sh-200_col-1of2,
.sh-100_content>.sh-200_grid .sh-200_col-1of3,
.sh-100_content>.sh-200_grid .sh-200_col-1of4,
.sh-100_content>.sh-200_grid .sh-200_col-1of5 {
	float: left;
}

/* Using bg color in grid items */
.grid-has-bg-color {
	margin: 0;
	float: none;
}

.grid-has-bg-color .sh-200_col-1of1,
.grid-has-bg-color .sh-200_col-1of2,
.grid-has-bg-color .sh-200_col-1of3,
.grid-has-bg-color .sh-200_col-1of4,
.grid-has-bg-color .sh-200_col-1of5 {
	margin: 10px 0;
	padding: 10px;
}

.grid-has-bg-color .sh-200_col-1of1.border,
.grid-has-bg-color .sh-200_col-1of2.border,
.grid-has-bg-color .sh-200_col-1of3.border,
.grid-has-bg-color .sh-200_col-1of4.border,
.grid-has-bg-color .sh-200_col-1of5.border {
	border: 1px solid;
}

/* Align buttons in grid items */
.align-buttons .sh-200_col-1of1,
.align-buttons .sh-200_col-1of2,
.align-buttons .sh-200_col-1of3,
.align-buttons .sh-200_col-1of4,
.align-buttons .sh-200_col-1of5,
.align-buttons .sh-200_col-1of2-with-border {
	position: relative;
	padding-bottom: 80px;
}

.align-buttons .sh-200_col-1of1 .cta-wrapper,
.align-buttons .sh-200_col-1of2 .cta-wrapper,
.align-buttons .sh-200_col-1of3 .cta-wrapper,
.align-buttons .sh-200_col-1of4 .cta-wrapper,
.align-buttons .sh-200_col-1of5 .cta-wrapper,
.align-buttons .sh-200_col-1of2-with-border .cta-wrapper {
	position: absolute;
	bottom: 6px;
	left: 20px;
	right: 10px;
}

.align-buttons .sh-200_col-1of1 .cta-dark,
.align-buttons .sh-200_col-1of2 .cta-dark,
.align-buttons .sh-200_col-1of3 .cta-dark,
.align-buttons .sh-200_col-1of4 .cta-dark,
.align-buttons .sh-200_col-1of5 .cta-dark,
.align-buttons .sh-200_col-1of2-with-border .cta-dark {
	position: absolute;
	bottom: 6px;
	left: 20px;
	right: 10px;
}

.sh-200_flyout-img {
	display: inline-block;
	padding: 15px;
	border-radius: 50%;
	margin-top: -55px;
	vertical-align: top;
}

.sh-200_flyout-img img {
	max-width: 42px;
}

@media only screen and (min-width: 768px) {
	.module-sh-200 {
		margin: 50px 55px;
	}

	.module-sh-200.has-bg-color {
		padding: 50px 55px;
		margin: 0;
	}

	.sh-200_content+.sh-200_grid,
	.sh-100_content>.sh-200_grid,
	.sh-200_grid:not(:first-child) {
		margin-top: 45px;
	}

	.sh-200_col-1of2,
	.sh-200_col-1of4 {
		width: 50%;
		padding: 10px;
	}

	.sh-200_col-1of5 {
		width: 33.3%;
		padding: 10px;
	}

	/* Using bg color in grid items */
	.grid-has-bg-color .sh-200_col-1of2,
	.grid-has-bg-color .sh-200_col-1of4 {
		width: calc(50% - 20px);
		margin: 10px;
	}

	.grid-has-bg-color .sh-200_col-1of5 {
		width: calc(33.3% - 20px);
		margin: 10px;
	}

	.sh-200_flyout-img {
		padding: 25px;
		margin-top: -95px;
	}

	.sh-200_flyout-img img {
		max-width: 100%;
	}
}

@media only screen and (min-width: 1024px) {
	.module-sh-200 {
		margin: 50px 70px;
	}

	.module-sh-200.has-bg-color {
		padding: 50px 70px;
		margin: 0;
	}

	.sh-200_col-1of3 {
		width: 33.3%;
		padding: 10px;
	}

	.sh-200_col-1of4 {
		width: 25%;
	}

	.remove-l-border {
		border-left: 0 !important;
	}

	.sh-200_col-1of5 {
		width: 20%;
	}

	/* Using bg color in grid items */
	.grid-has-bg-color .sh-200_col-1of3 {
		width: calc(33.3% - 20px);
		margin: 10px;
	}

	.grid-has-bg-color .sh-200_col-1of4 {
		width: calc(25% - 20px);
		margin: 10px;
	}

	.grid-has-bg-color .sh-200_col-1of5 {
		width: calc(20% - 20px);
		margin: 10px;
	}

	/* Shadow around grid items */
	.sh-200_grid.grid-has-shadow>div {
		box-shadow: 0 8px 25px 0px #e9e9e9;
		transition: box-shadow .3s ease;
	}

	.sh-200_grid.grid-has-shadow>div:hover {
		box-shadow: 0 8px 25px 0px #b2b2b2;
	}
}

/* ...... MODULE SH 200 - table */
.sh-200_content+.sh-200_table-wrapper,
.sh-200_table-wrapper-with-border,
.sh-200_table-wrapper:not(:first-child) {
	margin-top: 20px;
}

.sh-200_table-wrapper {
	overflow-x: auto;
	overflow-y: hidden;
}

.sh-200_table-wrapper-with-border {
	overflow-x: auto;
	overflow-y: hidden;
	border: 2px;
	border-style: solid;
}

.sh-200_table {
	display: table;
	width: 100%;
}

.border-cell {
	border-left: 2px;
	border-right: 2px;
	border-top: 0px !important;
	border-style: solid;
}

.column-divider {
	width: 10px;
	border: 0px !important;
}

.table-row {
	display: table-row;
}

.table-cell {
	display: table-cell;
	padding: 10px;
	border-bottom: 1px solid #5b5a5e;
}

.table-cell:first-child {
	text-align: right;
}

.table-row:not(:first-child) .table-cell {
	vertical-align: top;
}

@media only screen and (min-width: 768px) {

	.sh-200_content+.sh-200_table-wrapper,
	.sh-200_table-wrapper-with-border,
	.sh-200_table-wrapper:not(:first-child) {
		margin-top: 45px;
	}

	.sh-200_table {
		table-layout: fixed;
	}
}

/* ...... MODULE SH 200 - zoom/overlay extension */
.zoom-overlay {
	position: relative;
}

.zoom-overlay .zo-image {
	overflow: hidden;
}

.zoom-overlay .zo-image img {
	transition: all 0.6s ease;
}

.zoom-overlay .zo-image::after {
	display: block;
	position: relative;
	background-image: linear-gradient(to bottom, transparent 0%, black 100%);
	margin-top: -150px;
	height: 150px;
	width: 100%;
	content: '';
}

.zoom-overlay:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
}

.zoom-overlay .zo-content {
	position: absolute;
	bottom: 20px;
	left: 20px;
	right: 20px;
}

.zo-modal {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	min-height: 300px;
	height: 299px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 20px;
}

.zo-modal::after {
	position: absolute;
	content: '';
	top: 0;
	bottom: 0;
	left: 20px;
	right: 20px;
	background: rgba(0, 0, 0, 0.5);
	margin-top: 50px;
}

.zo-modal-content {
	z-index: 1;
	overflow: hidden;
}

@media only screen and (min-width: 768px) {
	.zo-modal {
		margin: 0 auto;
	}

	.zo-modal::after {
		margin: 50px auto 0 auto;
	}
}

/* ...... MODULE SH 200 - plus extension */
.plus-overlay {
	position: relative;
}

.plus-overlay .plus-image {
	overflow: hidden;
}

.plus-overlay .plus-image img {
	transition: all 0.6s ease;
}

.plus-overlay .plus-image::after {
	display: block;
	position: relative;
	background-image: linear-gradient(to bottom, transparent 0%, black 100%);
	margin-top: -150px;
	height: 150px;
	width: 100%;
	content: '';
}

.plus-overlay:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
}

.plus-overlay .plus-content {
	position: absolute;
	bottom: 20px;
	left: 20px;
	right: 20px;
}

.plus-modal {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	min-height: 300px;
	height: 299px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 20px;
}

.plus-modal::after {
	position: absolute;
	content: '';
	top: 0;
	bottom: 0;
	left: 20px;
	right: 20px;
	background: rgba(0, 0, 0, 0.5);
	margin-top: 50px;
}

.plus-modal-content {
	z-index: 1;
	overflow: hidden;
}

@media only screen and (min-width: 768px) {
	.plus-modal {
		margin: 0 auto;
	}

	.plus-modal::after {
		margin: 50px auto 0 auto;
	}
}

/* ...... MODULE SH 200 - plus extension */
.darker-overlay {
	position: relative;
}

.darker-overlay .darker-image {
	overflow: hidden;
}

.darker-overlay .darker-image img {
	transition: all 0.6s ease;
}

.darker-overlay .darker-image::after {
	display: block;
	position: relative;
	background-image: linear-gradient(to bottom, black 100%);
	width: 100%;
	content: '';
}

.darker-overlay:hover img {
	transition: all 0.6s ease;
	-webkit-filter: brightness(20%);
	-webkit-transition: all 0.6s ease;
}

.darker-overlay .darker-content {
	position: absolute;
	bottom: 20px;
	left: 20px;
	right: 20px;
}

.darker-overlay .darker-image-description {
	position: absolute;
	top: 130px;
	bottom: 0;
	left: -50px;
	right: 0;
	width: 100px;
	/*background: rgba(29, 106, 154, 0.72);*/
	color: #fff;
	visibility: hidden;
	opacity: 0;
	/* transition effect. not necessary */
	transition: opacity .2s, visibility .2s;
}

.darker-overlay .darker-image:hover .darker-image-description {
	visibility: visible;
	opacity: 1;
}

.darker-modal {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	min-height: 300px;
	height: 299px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 20px;
}

.darker-modal::after {
	position: absolute;
	content: '';
	top: 0;
	bottom: 0;
	left: 20px;
	right: 20px;
	background: rgba(0, 0, 0, 0.5);
	margin-top: 50px;
}

.darker-modal-content {
	z-index: 1;
	overflow: hidden;
}

@media only screen and (min-width: 768px) {
	.darker-modal {
		margin: 0 auto;
	}

	.darker-modal::after {
		margin: 50px auto 0 auto;
	}
}

@media only screen and (max-width: 768px) {
	.darker-image-description {
		top: 65px !important;
	}
}

/* ...... MODULE SH 300 */
.module-sh-300 {
	display: flex;
	flex-direction: column;
}

.sh-300_image {
	height: 300px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	order: 1;
	position: relative;
}

.sh-300_image .sh-video-thumb {
	display: inline-block;
	height: 70px;
	width: 70px;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.sh-300_content {
	padding: 20px;
	text-align: center;
	order: 2;
}

@media only screen and (min-width: 768px) {
	.module-sh-300-content {
		display: flex;
		min-height: 400px;
	}

	.module-sh-300-content.sh-300_height-is-s {
		min-height: 300px;
	}

	.sh-300_is-40-60 {
		margin: 50px 0;
	}

	.sh-300_is-40-60 .sh-300_image {
		width: 60%;
	}

	.sh-300_is-40-60 .sh-300_content {
		width: 40%;
	}

	.sh-300_is-70-30 {
		margin: 50px 0;
	}

	.sh-300_is-70-30 .sh-300_image {
		width: 30%;
	}

	.sh-300_is-70-30 .sh-300_content {
		width: 70%;
	}

	.sh-300_image,
	.sh-300_content {
		width: 50%;
	}

	.sh-300_image {
		height: auto;
	}

	.sh-300_content {
		align-self: center;
		padding: 45px 40px;
		max-width: 654px;
		margin-left: auto;
		margin-right: auto;
	}

	.sh-300_content.full-width {
		max-width: 100%;
	}

	.sh-300_image-is-right .sh-300_content {
		order: 1;
	}

	.sh-300_image-is-right .sh-300_image {
		order: 2;
	}
}

@media only screen and (min-width: 1024px) {
	.module-sh-300-content {
		min-height: 600px;
	}

	.module-sh-300-content.sh-300_height-is-s {
		min-height: 400px;
	}
}

/* ...... MODULE SH 301 */
.module-sh-301 {
	margin: 20px;
}

.module-sh-301.has-bg-color {
	padding: 20px;
	margin: 0;
}

.module-sh-301-content {
	margin: 0 auto;
}

.module-sh-301-content img {
	margin-top: 1rem;
	max-width: 100%;
}

.sh-301_image img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

.sh-301_image img.sh-301_image-d {
	display: none;
}

.sh-301_content {
	padding-top: 20px;
	text-align: center;
}

@media only screen and (min-width: 768px) {
	.module-sh-301 {
		margin: 45px 20px;
	}

	.module-sh-301.has-bg-color {
		padding: 45px 20px;
		margin: 0;
	}

	.module-sh-301-content {
		display: flex;
		align-items: center;
	}

	.sh-301_is-30-70 {
		margin: 50px 0;
	}

	.sh-301_is-30-70 .sh-301_image {
		width: 30%;
	}

	.sh-301_is-30-70 .sh-301_content {
		width: 70%;
	}

	.sh-301_is-60-40 {
		margin: 50px 0;
	}

	.sh-301_is-60-40 .sh-301_image {
		width: 60%;
	}

	.sh-301_is-60-40 .sh-301_content {
		width: 40%;
	}

	.sh-301_is-60-40-text {
		margin: 50px 0;
	}

	.sh-301_is-60-40-text .sh-301_image {
		width: 40%;
	}

	.sh-301_is-60-40-text .sh-301_content {
		width: 60%;
	}

	.sh-301_image,
	.sh-301_content {
		width: 50%;
	}

	.sh-301_align-center {
		align-self: center;
	}

	.sh-301_image img.sh-301_image-m {
		display: none;
	}

	.sh-301_image img.sh-301_image-d {
		display: block;
	}

	.sh-301_content {
		padding: 3% 40px;
		text-align: left;
	}

	.sh-301_image-is-right .sh-301_content {
		order: 1;
	}

	.sh-301_image-is-right .sh-301_image {
		order: 2;
	}

	/* 301 inside 2 col grid */
	.sh-200_col-1of2 .module-sh-301-content {
		flex-wrap: wrap;
	}

	.sh-200_col-1of2 .sh-301_image-is-right .sh-301_content {
		order: 2;
	}

	.sh-200_col-1of2 .sh-301_image-is-right .sh-301_image {
		order: 1;
	}

	.sh-200_col-1of2 .sh-301_image,
	.sh-200_col-1of2 .sh-301_content {
		flex-basis: 100%;
		flex: 1 0 100%;
	}
}

@media only screen and (min-width: 1025px) {

	/* 301 inside 2 col grid */
	.sh-200_col-1of2 .sh-301_image-is-right .sh-301_content {
		order: 1;
	}

	.sh-200_col-1of2 .sh-301_image-is-right .sh-301_image {
		order: 2;
	}

	.sh-200_col-1of2 .sh-301_is-30-70 .sh-301_image {
		flex: 1 0 auto;
	}

	.sh-200_col-1of2 .sh-301_is-30-70 .sh-301_content {
		flex-basis: 70%;
		flex: 1 0 auto;
	}

	.sh-200_col-1of2 .sh-301_is-60-40 .sh-301_image {
		flex-basis: 60%;
		flex: 1 0 auto;
	}

	.sh-200_col-1of2 .sh-301_is-60-40 .sh-301_content {
		flex-basis: 40%;
		flex: 1 0 auto;
	}

	.sh-200_col-1of2 .sh-301_image,
	.sh-200_col-1of2 .sh-301_content {
		flex-basis: 50%;
		flex: 1 0 auto;
	}
}

/* ...... MODULE SH 301 dynamic */
.module-sh-301-d {
	margin: 20px;
}

.module-sh-301-d.has-bg-color {
	padding: 20px;
	margin: 0;
}

.module-sh-301-d-content {
	margin: 0 auto;
}

.sh-301-d_image img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

.sh-301-d_content {
	padding-top: 20px;
}

.sh-301-d_list {
	list-style: none;
	margin-top: 30px;
}

.sh-301-d_list-item .title-h4 {
	position: relative;
	padding: 10px 0;
	cursor: pointer;
}

.sh-301-d_list-item .title-h5 {
	position: relative;
	padding: 10px 0;
	cursor: pointer;
}

.sh-301-d_list-item .description {
	margin-bottom: 30px;
	display: none;
}

.sh-301-d_list-item.active .title-h4 {
	color: white;
	background-color: black;
	border-radius: 5px;
	padding: 10px;
	cursor: default;
	position: relative;
}

.sh-301-d_list-item.active .title-h5 {
	color: white;
	background-color: black;
	border-radius: 5px;
	padding: 10px;
	cursor: default;
	position: relative;
}

.sh-301-d_list-item:first-child .description {
	display: block;
}

@media only screen and (min-width: 768px) {
	.module-sh-301-d {
		margin: 45px 20px;
	}

	.module-sh-301-d.has-bg-color {
		padding: 45px 20px;
		margin: 0;
	}

	.module-sh-301-d-content {
		display: flex;
	}

	.sh-301-d_content {
		padding: 0 40px;
		align-self: center;
	}

	.sh-301-d_image {
		width: 60%;
	}

	.sh-301-d_content {
		width: 40%;
	}

	.active .title-h4::before {
		content: '';
		position: absolute;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 20px 10px 20px 0;
		border-color: transparent black transparent transparent;
		top: 0;
		bottom: 0;
		margin: auto;
		left: -10px;
	}

	.active .title-h5::before {
		content: '';
		position: absolute;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 20px 10px 20px 0;
		border-color: transparent black transparent transparent;
		top: 0;
		bottom: 0;
		margin: auto;
		left: -10px;
	}

	.sh-301-d_image-is-right .sh-301-d_content {
		order: 1;
	}

	.sh-301-d_image-is-right .sh-301-d_image {
		order: 2;
	}

	.sh-301-d_image-is-right .active .title-h4::before {
		left: auto;
		right: -10px;
		border-width: 20px 0 20px 10px;
		border-color: transparent transparent transparent black;
	}

	.sh-301-d_image-is-right .active .title-h5::before {
		left: auto;
		right: -10px;
		border-width: 20px 0 20px 10px;
		border-color: transparent transparent transparent black;
	}
}

/* ...... MODULE SH 301 dynamic */
.module-sh-301-d-green {
	margin: 20px;
}

.module-sh-301-d-green.has-bg-color {
	padding: 20px;
	margin: 0;
}

.module-sh-301-d-green-content {
	margin: 0 auto;
}

.sh-301-d-green_image img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

.sh-301-d-green_content {
	padding-top: 20px;
}

.sh-301-d-green_list {
	list-style: none;
	margin-top: 30px;
}

.sh-301-d-green_list-item .title-h4 {
	position: relative;
	padding: 10px 0;
	cursor: pointer;
}

.sh-301-d-green_list-item .title-h5 {
	position: relative;
	padding: 10px 0;
	cursor: pointer;
}

.sh-301-d-green_list-item .description {
	margin-bottom: 30px;
	display: none;
}

.sh-301-d-green_list-item.active .title-h4 {
	color: white;
	background-color: #1d6800;
	border-radius: 5px;
	padding: 10px;
	cursor: default;
	position: relative;
}

.sh-301-d-green_list-item.active .title-h5 {
	color: white;
	background-color: #1d6800;
	border-radius: 5px;
	padding: 10px;
	cursor: default;
	position: relative;
}

.sh-301-d-green_list-item:first-child .description {
	display: block;
}

@media only screen and (min-width: 768px) {
	.module-sh-301-d-green {
		margin: 45px 20px;
	}

	.module-sh-301-d-green.has-bg-color {
		padding: 45px 20px;
		margin: 0;
	}

	.module-sh-301-d-green-content {
		display: flex;
	}

	.sh-301-d-green_content {
		padding: 0 40px;
		align-self: center;
	}

	.sh-301-d-green_image {
		width: 60%;
	}

	.sh-301-d-green_content {
		width: 40%;
	}

	.active .title-h4::before {
		content: '';
		position: absolute;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 20px 10px 20px 0;
		border-color: transparent #1d6800 transparent transparent;
		top: 0;
		bottom: 0;
		margin: auto;
		left: -10px;
	}

	.active .title-h5::before {
		content: '';
		position: absolute;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 20px 10px 20px 0;
		border-color: transparent #1d6800 transparent transparent;
		top: 0;
		bottom: 0;
		margin: auto;
		left: -10px;
	}

	.sh-301-d-green_image-is-right .sh-301-d_content {
		order: 1;
	}

	.sh-301-d-green_image-is-right .sh-301-d_image {
		order: 2;
	}

	.sh-301-d-green_image-is-right .active .title-h4::before {
		left: auto;
		right: -10px;
		border-width: 20px 0 20px 10px;
		border-color: transparent transparent transparent #1d6800;
	}

	.sh-301-d-green_image-is-right .active .title-h5::before {
		left: auto;
		right: -10px;
		border-width: 20px 0 20px 10px;
		border-color: transparent transparent transparent #1d6800;
	}
}

li.sh-301-d_list-item {
	border-bottom: 1px solid #000;
	border-radius: 0px;
}

.sh-301-d_list-item .title-h4 {
	color: #959595;
}

.sh-301-d_list-item.active .title-h4 {
	background: none;
	color: #000;
	padding-left: 0px;
}

.sh-301-d_list-item .title-h4:hover {
	color: #000;
}

.drop-down-arrows {
	border: solid #959595;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 4px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	margin-left: 10px;
	margin-bottom: 4px;
}

.sh-301-d_list-item.active .drop-down-arrows {
	border: solid #000;
	border-width: 0 2px 2px 0;
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	margin-bottom: -1px;
}

.sh-301-d_list-item .title-h4:hover .drop-down-arrows {
	border: solid #000;
	border-width: 0 2px 2px 0;
}

/* ...... MODULE SH 301 dynamic */
.module-sh-301-v {
	margin: 20px;
}

.module-sh-301-v.has-bg-color {
	padding: 20px;
	margin: 0;
}

.module-sh-301-v-content {
	margin: 0 auto;
}

.sh-301-v_image img {
	max-width: 100%;
	margin: 0 auto;
}

.sh-301-v_content {
	padding-top: 20px;
}

.sh-301-v_list {
	list-style: none;
	margin-top: 30px;
}

/* .sh-301-v_list-item {
	background-color: white;
	color: white; 
	border-radius: 10px;
}*/

.sh-301-v_list-item {
	background-color: white;
}

.sh-301-v_list-item.active {
	background-color: #0171AD;
	color: #ffffff;
}

.sh-301-v_list-item.acc-bg-blue {
	background-color: #98C5FB;
	margin: 0;
}

.sh-301-v_list-item.acc-bg-blue.active {
	background-color: #549ef8;
	color: #000000;
}

ul.sh-301-v_list li:last-child {
	border-right: 0px;
}

ul.sh-301-v_list li {
	border-right: 1px solid #000000 !important;
}

.sh-301-v_list-item.acc-bg-green {
	background-color: #59f6a9;
	margin: 0;
}

.sh-301-v_list-item.acc-bg-green.active {
	background-color: #ACFBD4;
	color: #000000;
}

.sh-301-v_list-item.acc-bg-purple {
	background-color: #aa5bed;
	margin: 0;
}

.sh-301-v_list-item.acc-bg-purple.active {
	background-color: #ddbdf8;
	color: #000000;
}

.sh-301-v_list-item-no-border {
	border: 0 !important;
}

.sh-301-v_list-item .title-h4 {
	position: relative;
	padding: 10px 10px;
	cursor: pointer;
}

.sh-301-v_list-item .title-h5 {
	position: relative;
	padding: 10px 10px;
	cursor: pointer;
	background-color: transparent;
}

.sh-301-v_list-item .description {
	margin-bottom: 20px;
	display: none;
}

.sh-301-v_list-item.active .title-h4 {
	background-color: transparent;
	border-radius: 5px;
	padding: 10px;
	cursor: default;
	position: relative;
	border-color: transparent white transparent transparent !important;
}

.sh-301-v_list-item.active .title-h5 {
	background-color: transparent;
	border-radius: 5px;
	padding: 10px;
	cursor: default;
	position: relative;
	border-color: transparent white transparent transparent !important;
}

.sh-301-v_list-item.active .description {
	padding-left: 10px;
	display: block;
}

.sh-301-v_list-item:first-child .description {
	display: block;
}

@media only screen and (min-width: 768px) {
	.active .title-h4::before {
		border-color: transparent transparent transparent transparent;
	}
}

@media only screen and (max-width: 1024px) {
	.active .description::before {
		display: none;
	}

	.active p.description {
		margin-bottom: 0
	}

	ul.sh-301-v_list li {
		border-right: 0;
	}

	.acc-bg-green {
		border-bottom: 1px solid #1e2224;
	}

	.acc-bg-blue {
		border-bottom: 1px solid #1e2224;
	}
}

@media only screen and (min-width: 1025px) {
	.module-sh-301-v {
		margin: 45px 20px;
	}

	.module-sh-301-v.has-bg-color {
		padding: 45px 20px 180px 20px;
		margin: 0;
	}

	.module-sh-301-v-content {
		display: flex;
	}

	.sh-301-v_content {
		padding: 0 40px;
		align-self: center;
	}

	.sh-301-v_image {
		width: 70%;
	}

	.sh-301-v_content {
		width: 30%;
	}

	.active .title-h4::before {
		content: '';
		position: absolute;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 20px 10px 20px 0;
		border-color: transparent white transparent transparent;
		top: 0;
		bottom: 0;
		margin: auto;
		left: -10px;
	}

	.active .title-h5::before {
		content: '';
		position: absolute;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 20px 10px 20px 0;
		border-color: transparent white transparent transparent;
		top: 0;
		bottom: 0;
		margin: auto;
		left: -10px;
	}

	.sh-301-v_image-is-right .sh-301-v_content {
		order: 1;
	}

	.sh-301-v_image-is-right .sh-301-v_image {
		order: 2;
	}

	.sh-301-v_image-is-right .active .title-h4::before {
		left: auto;
		right: -10px;
		border-width: 20px 0 20px 10px;
	}

	.sh-301-v_image-is-right .active .title-h5::before {
		left: auto;
		right: -10px;
		border-width: 20px 0 20px 10px;
	}
}

@media only screen and (min-width: 1025px) {
	.sh-301-v_list {
		list-style: none;
		margin-top: 0%;
		position: absolute;
		padding-left: 26%;
		display: flex;
		min-height: 280px;
		max-height: 350px;
	}

	.sh-301-v_list-item {
		position: relative;
		margin: 5px;
		padding: 15px;
		/* box-shadow: 8px 12px 54px -21px black; */
	}

	.sh-301-v_list-item .description {
		opacity: 0;
	}

	.sh-301-v_list-item a {
		opacity: 0;
	}

	.sh-301-v_list-item.active .description {
		opacity: 1;
		transition-delay: 600ms;
	}

	.sh-301-v_list-item.active a {
		opacity: 1;
	}

	.sh-301-v_list-item-3 {
		width: 30%;
		padding: 10px;
		position: relative;
	}

	.sh-301-v_list-item-4 {
		width: 16%;
		padding: 8px;
		position: relative;
	}

	.sh-301-v_list-item.active {
		width: 30%;
		transition: 500ms;
	}

	.module-sh-301-v {
		margin-bottom: 8%;
	}
}

/* ...... MODULE SH 302 */

.module-sh-302 {
	position: relative;
	margin: 20px 0;
}

.module-sh-302.has-bg-color {
	padding: 20px;
	margin: 0;
}

.module-sh-302-content {
	margin: 0 auto;
	position: relative;
}

.sh-302_image img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

.sh-302_content {
	padding: 30px 25px;
	position: relative;
	margin: -20px 10px 0;
}

@media only screen and (min-width: 768px) {
	.module-sh-302 {
		margin: 45px 0;
	}

	.module-sh-302.has-bg-color {
		padding: 45px 0;
		margin: 0;
	}
}

@media only screen and (min-width: 1280px) {
	.module-sh-302 {
		padding: 0 20px;
	}

	.sh-302_content {
		position: absolute;
		left: -40px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 460px;
		padding: 60px 55px;
		margin: 0;
	}

	.sh-302_content-is-right .sh-302_content {
		left: auto;
		right: -40px;
	}
}

/* ...... MODULE SH 303 */
.module-sh-303 {
	position: relative;
	margin: 0;
}

.module-sh-303-content {
	position: relative;
}

.module-sh-303-content img {
	max-width: 100%;
	width: 100%;
	display: block;
}

.sh-303_content {
	padding: 20px;
	text-align: center;
}

@media only screen and (max-width: 767px) {
	.sh-303_content.text-color-white {
		color: #000;
	}
}

@media only screen and (min-width: 768px) {
	.sh-303_content {
		position: absolute;
		top: 0;
		padding: 40px;
		width: 45%;
		right: 0;
		text-align: right;
	}

	.module-sh-303-content:last-child .sh-303_content {
		right: auto;
		left: 0;
		text-align: left;
	}
}

@media only screen and (min-width: 1280px) {
	.module-sh-303 {
		display: flex;
	}
}

/* ...... MODULE SH 400 */
.module-sh-400 {
	background: #e8e8e8;
	padding: 20px;
}

.module-sh-400-content a {
	text-decoration:underline !important;
}

.module-sh-400-content {
	margin: 0 auto;
}

.module-sh-400-content p {
	margin: .625rem 0;
	font-size: 0.75rem;
	line-height: 1rem;
}

@media only screen and (min-width: 768px) {
	.module-sh-400 {
		padding: 20px 55px;
	}
}

@media only screen and (min-width: 1024px) {
	.module-sh-400 {
		padding: 20px 70px;
	}
}

/* ...... MODULE SH 500 */
.module-sh-500 {
	display: flex;
	flex-direction: column;
}

.module-sh-500 .link {
	text-decoration: none;
}

.module-sh-500-content {
	list-style: none;
}

.module-sh-500-content li {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 320px;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	position: relative;
}

.module-sh-500-content li::before {
	position: absolute;
	content: " ";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	background-color: transparent;
	transition: background-color .3s linear;
}

.module-sh-500-content li:hover::before {
	background-color: rgba(0, 0, 0, 0.5);
	transition: background-color .3s linear;
}

.module-sh-500-content li .link {
	z-index: 1;
	font-family: DJR;
}

@media only screen and (min-width: 768px) {
	.module-sh-500-content {
		display: flex;
		flex-direction: row;
	}

	.module-sh-500-content li {
		flex: 1;
		height: 650px;
	}

	.module-sh-500-content .title-h3 {
		font-size: 1.4rem;
	}
}

@media only screen and (min-width: 1024px) {
	.module-sh-500-content .title-h3 {
		font-size: 2rem;
	}
}

/* ...... MODULE SH 600 */
.module-sh-600 {
	display: flex;
	flex-direction: column;
}

.module-sh-600-content {
	padding: 65px 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

@media only screen and (min-width: 1024px) {
	.sh-600_mini {
		height: 800px;
		padding: 0;
	}

	.sh-600_mini .sh-600_accordion-item::after {
		height: 600px;
		top: -120px;
	}
}

.sh-600_top-content {
	padding: 0 20px 20px;
	text-align: center;
	margin: 0 auto;
}

.sh-600_accordion,
.sh-600_accordion-item {
	list-style: none;
	margin: 0;
}

.sh-600_accordion-item {
	padding: 0 20px;
	position: relative;
}

.sh-600_accordion-item::before,
.sh-600_accordion-item:last-child::after {
	content: '';
	position: absolute;
	height: 1px;
	background: rgba(0, 0, 0, 0.5);
	top: 0;
	right: 20px;
	left: 20px;
}

.sh-600_accordion-item:last-child::after {
	top: auto;
	bottom: 0;
}

.text-color-white .sh-600_accordion-item::before,
.text-color-white .sh-600_accordion-item:last-child::after {
	background: rgba(255, 255, 255, 0.5);
}

.sh-600_accordion-item.show {
	background-color: rgba(0, 0, 0, 0.2);
	transition: background-color .5s linear;
}

.sh-600_mini .sh-600_accordion-item.show {
	background-color: #fff;
	transition: background-color .5s linear;
}

.text-color-white .sh-600_accordion-item.show {
	background-color: rgba(0, 0, 0, 0.5);
}

.sh-600_trigger {
	position: relative;
	cursor: pointer;
	padding: 30px 50px 30px 0;
}

.sh-600_content {
	display: none;
	padding-bottom: 30px;
	text-align: center;
}

.sh-600_subtitle {
	display: none;
}

.sh-600_icon {
	height: 30px;
	width: 30px;
	display: block;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	margin: 0;
	border-radius: 50px;
	border: 2px solid black;
	transition: all .3s ease;
}

.text-color-white .sh-600_icon {
	border-color: white;
}

.sh-600_icon:before,
.sh-600_icon:after {
	content: '';
	height: 2px;
	width: 16px;
	display: block;
	background: black;
	border-radius: 10px;
	position: absolute;
	top: 12px;
	left: 5px;
}

.text-color-white .sh-600_icon:before,
.text-color-white .sh-600_icon:after {
	background: white;
}

.sh-600_icon:after {
	height: 16px;
	width: 2px;
	top: 5px;
	left: 12px;
}

.show .sh-600_icon {
	transform: translateY(-50%) rotate(45deg);
}

.module-sh-600 .module-sh-301 {
	margin: 0;
}

.module-sh-600 .module-sh-301-content {
	margin: 0;
}

@media only screen and (min-width: 1024px) {
	.module-sh-600-content {
		height: 900px;
		padding: 0;
	}

	.module-sh-600-content.sh-600_has-top-content {
		height: 1100px;
	}

	.module-sh-600-content.sh-600_has-top-content .sh-600_accordion {
		height: 75%;
	}

	.module-sh-600-content.sh-600_has-top-content .sh-600_accordion-item.show {
		background-color: transparent;
	}

	.module-sh-600-content.sh-600_has-top-content .text-color-white .sh-600_accordion-item.show {
		background-color: transparent;
	}

	.sh-600_top-content {
		padding: 70px 55px 20px;
		text-align: center;
	}

	.sh-600_accordion {
		display: flex;
		align-items: center;
		height: 100%;
	}

	.sh-600_accordion-item {
		width: 20%;
		transition: width 300ms ease-out;
		text-align: center;
	}

	.sh-600_accordion-active .sh-600_accordion-item {
		width: 5%;
		height: 100%;
		padding: 125px 0 0;
	}

	.sh-600_accordion-item.show {
		width: 80%;
		padding-left: 50px;
		padding-right: 50px;
		text-align: left;
	}

	.sh-600_has-3-col .sh-600_accordion-item {
		width: 33.3333333%;
	}

	.sh-600_has-3-col.sh-600_accordion-active .sh-600_accordion-item {
		width: 5%;
	}

	.sh-600_has-3-col .sh-600_accordion-item.show {
		width: 90%;
	}

	.sh-600_has-4-col .sh-600_accordion-item {
		width: 25%;
	}

	.sh-600_has-4-col.sh-600_accordion-active .sh-600_accordion-item {
		width: 5%;
	}

	.sh-600_has-4-col .sh-600_accordion-item.show {
		width: 85%;
	}

	.sh-600_has-6-col .sh-600_accordion-item {
		width: 16.6666667%;
	}

	.sh-600_has-6-col.sh-600_accordion-active .sh-600_accordion-item {
		width: 5%;
	}

	.sh-600_has-6-col .sh-600_accordion-item.show {
		width: 75%;
	}

	.sh-600_accordion-item::before {
		content: '';
		height: 0;
	}

	.sh-600_accordion-item::after {
		content: '';
		background: rgba(0, 0, 0, 0.5);
		position: absolute;
		right: 0;
		width: 1px;
		height: 645px;
		top: -225px;
	}

	.text-color-white .sh-600_accordion-item:after {
		background: rgba(255, 255, 255, 0.5);
	}

	.sh-600_accordion-active .sh-600_accordion-item:after {
		height: 250px;
		top: 125px;
	}

	.sh-600_accordion .sh-600_accordion-item:last-child:after {
		width: 0;
		height: 0;
	}

	.sh-600_trigger {
		min-height: 200px;
		padding: 0 0 50px 0;
	}

	.sh-600_accordion-active .sh-600_trigger {
		padding-top: 80px;
	}

	.show .sh-600_trigger {
		min-height: auto;
		padding-bottom: 25px;
		padding-top: 0;
	}

	.sh-600_subtitle {
		display: block;
		font-size: 1.15rem;
	}

	.sh-600_accordion-active .sh-600_subtitle {
		display: none;
	}

	.sh-600_icon {
		left: 0;
		right: 0;
		top: auto;
		bottom: 10px;
		margin: 0 auto;
		transform: none;
	}

	.sh-600_accordion-active .sh-600_icon {
		bottom: auto;
		top: 0;
	}

	.show .sh-600_icon {
		left: auto;
		right: 0;
		margin: 0;
		transform: rotate(45deg);
	}

	.sh-600_accordion-active .sh-600_title {
		transform: rotate(90deg);
		white-space: nowrap;
	}

	.show .sh-600_title {
		transform: none;
		text-align: left;
		padding: 0;
	}

	.sh-600_show {
		margin-top: 100px;
		align-items: baseline;
	}

	.sh-600_show .sh-600_trigger {
		min-height: auto;
		cursor: default;
	}

	.sh-600_show .sh-600_icon {
		display: none;
	}

	.sh-600_show .sh-600_content {
		display: block !important;
	}

	.sh-600_show img {
		max-width: 100%;
	}

	.sh-600_show .sh-600_accordion-item::after {
		top: -50px;
	}

	.sh-600_show .sh-600_accordion-item {
		width: 20% !important;
	}

	.sh-600_show.sh-600_has-3-col .sh-600_accordion-item {
		width: 33.3333333% !important;
	}

	.sh-600_show.sh-600_has-4-col .sh-600_accordion-item {
		width: 25% !important;
	}

	.sh-600_show.sh-600_has-6-col .sh-600_accordion-item {
		width: 16.6666667% !important;
	}
}

/* ...... MODULE SH 601 */
.module-sh-601 {
	margin: 20px;
}

.module-sh-601.has-bg-color {
	padding: 20px;
	margin: 0;
}

.module-sh-601-content {
	margin: 0 auto;
}

.sh-601_item {
	border-bottom: 1px solid rgba(0, 0, 0, 0.35);
}

.sh-601_item:first-child {
	border-top: 1px solid rgba(0, 0, 0, 0.35);
}

.text-color-white .sh-601_item {
	border-bottom: 1px solid rgba(255, 255, 255, 0.35);
}

.text-color-white .sh-601_item:first-child {
	border-top: 1px solid rgba(255, 255, 255, 0.35);
}

.no-borders .sh-601_item {
	border: none;
}

.sh-601_item-title {
	padding: 20px;
	text-align: center;
	position: relative;
	cursor: pointer;
}

.sh-601_item-title .title-h4 {
	padding: 0 20px;
	margin: 0;
}

.sh-601_item-title::after {
	content: '+';
	display: block;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 2.5rem;
}

.sh-601_item-title.is-opened::after {
	content: '-';
	top: 47%;
	right: 22px;
}

.sh-601_item-content {
	display: none;
	padding: 15px 20px;
	border-top: 1px solid rgba(0, 0, 0, 0.35);
}

.text-color-white .sh-601_item-content {
	border-top: 1px solid rgba(255, 255, 255, 0.35);
}

.no-borders .sh-601_item-content {
	border-top: none;
}

@media only screen and (min-width: 768px) {
	.module-sh-601 {
		margin: 50px 55px;
	}

	.module-sh-601.has-bg-color {
		padding: 50px 55px;
		margin: 0;
	}
}

@media only screen and (min-width: 1024px) {
	.module-sh-601 {
		margin: 50px 70px;
	}

	.module-sh-601.has-bg-color {
		padding: 50px 70px;
		margin: 0;
	}
}

/* ...... MODULE SH 700 */
.module-sh-700 {
	background: #f2f2f2;
}

.module-sh-700-content {
	margin: 0 auto;
	max-width: 1430px;
	text-align: center;
}

.module-sh-700-content .title-h3 {
	display: none;
}

.module-sh-700-content nav {
	padding: 0 20px;
	margin: 0;
}

.module-sh-700-content .secondary-nav {
	margin: 0;
	display: flex;
	height: 100%;
	align-items: flex-start;
}

.module-sh-700-content .secondary-nav li {
	list-style: none;
	display: flex;
	flex-direction: column;
	text-transform: uppercase;
}

.module-sh-700-content .secondary-nav li a {
	padding: 11px 5px;
	font-size: 14px;
	line-height: 16px;
	display: block;
	max-width: 300px;
	color: #191919;
	min-width: 35px;
	position: relative;
}

.module-sh-700-content .secondary-nav li:first-child {
	margin-left: auto;
}

.module-sh-700-content .secondary-nav li:last-child {
	margin-right: auto;
}

@media only screen and (min-width: 496px) {
	.module-sh-700-content .secondary-nav li a {
		font-size: 16px;
		line-height: 24px;
		padding: 10px 15px;
	}
}

@media only screen and (max-width: 1023px) {
	.module-sh-700-content .secondary-nav {
		overflow-x: auto;
		overflow-y: hidden;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	.module-sh-700-content .secondary-nav::-webkit-scrollbar {
		display: none;
	}
}

@media only screen and (min-width: 1024px) {
	.module-sh-700-content {
		display: flex;
		justify-content: space-between;
		padding: 0 75px;
		height: 100px;
	}

	.module-sh-700-content .title-h3 {
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin: 0;
		font-size: 24px;
		line-height: 1.5;
	}

	.module-sh-700-content nav {
		padding: 0;
	}

	.module-sh-700-content .secondary-nav {
		align-items: center;
	}

	.module-sh-700-content .secondary-nav li a::after {
		content: '';
		height: 2px;
		display: block;
		max-width: 0;
		position: absolute;
		left: 0;
		right: 0;
		margin: 0 auto;
		bottom: 0;
		background-color: #ffffff;
		-webkit-transition: max-width .3s ease;
		transition: max-width .3s ease;
	}

	.module-sh-700-content .secondary-nav li a:hover::after {
		max-width: 35px;
	}
}

/* ...... MODULE SH 700 */
.module-sh-701 {
	background: #FCFCFC;
}

.sh-701_border-wrapper {
	border-bottom: 1px solid #f2f2f2;
}

.sh-701_title-wrapper,
.sh-701_content {
	margin: 0 auto;
	max-width: 1280px;
}

.sh-701_title {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	position: relative;
	display: inline-flex;
	padding-right: 40px;
	margin: 24px 0 24px 37px;
	cursor: pointer;
}

.sh-701_title::after {
	content: '';
	display: block;
	border-right: 1px solid #191919;
	border-bottom: 1px solid #191919;
	width: 13px;
	height: 13px;
	position: absolute;
	right: 10px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 2px;
}

.sh-701_title.expanded::after {
	top: 10px;
	border: none;
	border-top: 1px solid #191919;
	border-left: 1px solid #191919;
}

.sh-701_nav-wrapper {
	padding: 0 37px;
	margin: 0 auto;
	max-width: 1280px;
	width: 100%;
	display: none;
}

.sh-701_nav {
	list-style: none;
}

.sh-701_nav>li {
	border-bottom: 1px solid #f2f2f2;
}

.sh-701_nav>li:last-child {
	border-bottom: none;
}

.sh-701_nav a {
	color: #191919;
	padding: 15px 0;
	display: inline-block;
}

.sh-701_nav a:focus {
	color: #191919;
}

.sh-701_subnav {
	list-style: none;
	padding: 0 20px 10px 20px;
	display: none;
}

.sh-701_subnav a {
	padding: 10px 0;
}

.sh-701_subnav a:focus {
	color: #191919;
}

.sh-701_subnav-trigger::after {
	position: relative;
	content: "+";
	font-family: "Courier New";
	font-size: 1.5rem;
	line-height: 0;
	font-weight: 300;
	margin-left: 10px;
	top: 1px;
}

.sh-701_subnav-trigger.active::after {
	content: "-";
}

.sh-701_subnav-wrapper {
	display: none;
}

@media (min-width: 678px) {
	.sh-701_nav-wrapper {
		padding: 30px 37px;
		width: auto;
	}

	.sh-701_nav li {
		border-bottom: none;
	}

	.sh-701_subnav {
		display: none !important;
	}

	.sh-701_content {
		display: flex;
	}

	.sh-701_subnav-wrapper {
		display: block;
		flex-grow: 1;
		padding-left: 40px;
		border-left: 1px solid #f2f2f2;
	}

	.sh-701_subnav-wrapper .sh-701_subnav {
		display: inline-block !important;
		padding: 30px 0;
	}

	.sh-701_subnav-wrapper .sh-701_subnav a {
		color: #191919;
		padding: 5px 0;
		display: inline-block;
	}

	.sh-701_subnav-wrapper .sh-701_subnav a:focus {
		color: #191919;
	}

	.sh-701_nav:hover a,
	.sh-701_subnav:hover a,
	.active .sh-701_nav a {
		color: #999;
	}

	.sh-701_nav:hover a:hover,
	.sh-701_subnav:hover a:hover,
	.active .sh-701_nav a.active {
		color: #191919;
	}
}

/* Components */
/* ...... modal windows */
body {
	position: relative;
}

.modal-overlay {
	background: rgba(0, 0, 0, 0.8);
	display: none;
	position: absolute;
	z-index: 999;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

div.modal {
	position: absolute;
	width: 100%;
	max-width: 850px;
	left: 0;
	right: 0;
	margin: auto;
	display: none;
	z-index: 2000;
}

div.modal .modal-body {
	position: relative;
	padding: 50px 20px 0;
}

div.modal .contact-container,
div.modal .video-container {
	text-align: center;
	font-family: DJR;
	font-size: 1rem;
	line-height: 1.5rem;
	letter-spacing: 0.01875rem;
}

div.modal .contact-container {
	background-color: white;
	padding: 30px;
}

div.modal .video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

div.modal .video-container::before {
	content: '';
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	border: 5px solid #1f1f1f;
	border-top: 5px solid #CFCFCF;
	border-radius: 50%;
	animation: spin 1s linear infinite;
	width: 50px;
	height: 50px;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

div.modal .video-container iframe {
	border: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

div.modal .close {
	position: absolute;
	top: 5px;
	right: 5px;
	background: transparent;
	display: block;
	width: 34px;
	height: 34px;
	border: 0;
	cursor: pointer;
	outline: none;
}

div.modal .close::before,
div.modal .close::after {
	content: '';
	position: absolute;
	top: 16px;
	left: 0;
	display: block;
	width: 34px;
	height: 1px;
	background-color: #fff;
	-webkit-transition: background-color .3s;
	transition: background-color .3s;
	opacity: 1;
}

div.modal .close::before {
	transform: rotate(45deg);
}

div.modal .close::after {
	transform: rotate(-45deg);
}

div.modal .close:hover::before,
div.modal .close:hover::after {
	background-color: #0096d6;
}

.retailer-information {
	border-top: 1px solid #e8e8e8;
	margin-top: 20px;
}

.retailer-information .subtitle {
	font-size: 1rem;
	line-height: 1.5rem;
}

.retailer-information .info,
.retailer-information .vendor-phone,
.retailer-information .vendor-email {
	display: block;
}

.retailer-information .info {
	font-family: DJR;
	font-size: 1.125rem;
	line-height: 1.5rem;
}

.retailer-information .vendor-phone,
.retailer-information .vendor-email {
	margin-top: 10px;
}

a.sh-video-thumb {
	position: relative;
	display: inline-block;
	line-height: 0;
	max-width: 100%;
}

a.sh-video-thumb::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: url(../uploads/images/icon-play-video.svg) center no-repeat;
	position: absolute;
	top: 0;
	transition: opacity .3s ease;
	opacity: .6;
}

a.sh-video-thumb:hover::after {
	opacity: .8;
}

.sh-video-image {
	position: relative;
}

.sh-video-image .sh-video-thumb {
	position: absolute;
	margin: auto !important;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 70px;
	height: 70px;
	border: 2px solid white;
}

@media only screen and (min-width: 768px) {
	.retailer-information {
		margin-top: 30px;
		padding-top: 20px;
	}

	.retailer-information .subtitle {
		width: 50%;
	}

	.retailer-wrapper {
		display: flex;
	}
}

@media only screen and (min-width: 1025px) {
	.retailer-information .info {
		font-size: 1.375rem;
		line-height: 1.75rem;
	}
}

/* ...... Hotspots */
.sh-hotspots {
	margin-bottom: 20px;
	position: relative;
	display: inline-block;
}

.sh-hotspot {
	position: absolute;
	margin-top: 0px !important;
	display: block;
	width: 30px;
	height: 30px;
	overflow: hidden;
	border-radius: 50% 50%;
	background-color: #0096d6;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
	backface-visibility: hidden;
}

.hotspots-dark .sh-hotspot {
	background-color: #2c3237;
}

.hotspots-dark-blue .sh-hotspot {
	background-color: #0171AD;
}

.sh-hotspot.open {
	border-radius: 0 0;
	height: auto;
	width: auto;
	transition: all 0.3s ease, border-radius 0.1s ease;
	z-index: 10;
}

.sh-hotspot_icon {
	position: absolute;
	display: block;
	width: 30px;
	height: 30px;
	overflow: hidden;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
	cursor: pointer;
	transition: all 0.3s ease;
}

.sh-hotspot.open .sh-hotspot_icon {
	transform: rotate(45deg);
	right: 0;
	top: 0;
}

.sh-hotspot_content {
	margin: 20px;
	opacity: 0;
	transition: opacity 0.1s ease 0s;
	height: 0;
}

.sh-hotspot.open .sh-hotspot_content {
	opacity: 1;
	transition: opacity 0.2s ease 0.2s;
	height: auto;
}

@media only screen and (max-width: 767px) {
	.sh-hotspot.open {
		right: 0 !important;
		left: 0 !important;
		box-shadow: none;
		display: flex;
		align-items: center;
	}

	.sh-hotspot.open .sh-hotspot_content {
		width: 100%;
	}
}

@media only screen and (min-width: 768px) {
	.sh-hotspot.left-top .sh-hotspot_icon {
		top: 0;
		left: 0;
		right: auto;
	}

	.sh-hotspot.right-top .sh-hotspot_icon {
		top: 0;
		right: 0;
	}

	.sh-hotspot.left-bottom .sh-hotspot_icon {
		left: 0;
		bottom: 0;
		right: auto;
		top: auto;
	}

	.sh-hotspot.right-bottom .sh-hotspot_icon {
		right: 0;
		bottom: 0;
		top: auto;
	}
}

/* ...... SLIDER */
body {
	width: 1px;
	min-width: 100%;
}

.slick-slider {
	position: relative;
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
}

.slick-track:before,
.slick-track:after {
	content: "";
	display: table;
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}

.slick-slide {
	outline: none;
}

.slick-dotted.slick-slider {
	margin-bottom: 10px;
}

/*arrows*/
.slick-prev,
.slick-next {
	font-size: 0;
	position: absolute;
	display: block;
	height: 30px;
	width: 30px;
	line-height: 0;
	cursor: pointer;
	background: transparent;
	color: transparent;
	top: 50%;
	margin-top: -15px;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	-webkit-transition: opacity .3s ease;
	transition: opacity .3s ease;
	padding: 0;
	border: none;
	outline: none;
	opacity: .5;
	z-index: 1;
}

.slick-next:hover,
.slick-next:focus {
	outline: none;
	background: transparent;
	color: transparent;
	opacity: .6;
	background-image: url(../uploads/images/right-arrow-icon.svg);
	background-size: 30px 30px;
}

.slick-prev:hover,
.slick-prev:focus {
	outline: none;
	background: transparent;
	color: transparent;
	opacity: .6;
	background-image: url(../uploads/images/left-arrow-icon.svg);
	background-size: 30px 30px;
}

.slick-prev.slick-disabled,
.slick-next.slick-disabled {
	opacity: .2;
	display: none !important;
}

.text-color-white .slick-prev,
.text-color-white .slick-next {
	border-color: #FFFFFF;
}

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

	.slick-prev:not(.enable-arrows-mobile),
	.slick-next:not(.enable-arrows-mobile) {
		display: none !important;
	}
}

.slider-on-1000px .slick-prev {
	left: 0px !important;
}

.slider-on-1000px .slick-next {
	right: 0px !important;
}

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

	.slider-on-1000px .slick-prev {
		left: 0px;
	}

	.slider-on-1000px .slick-next {
		right: 17px !important;
	}
}

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

	.slider-on-1000px .slick-prev:not(.enable-arrows-mobile),
	.slider-on-1000px .slick-next:not(.enable-arrows-mobile) {
		display: block !important;
	}

	.slider-on-1000px .slick-prev {
		left: 0px;
	}

	.slider-on-1000px .slick-next {
		right: 42px;
	}
}

.slick-prev {
	left: -35px;
	right: auto;
	background-image: url(../uploads/images/left-arrow-icon.svg);
	opacity: .3;
	background-size: 30px 30px;
	margin-top: 2px;
}

.drop-all-spacings .slick-prev,
.drop-row-horizontal-spacings .slick-prev,
.drop-cell-spacings .slick-prev,
.row-slider .slick-prev {
	left: 20px;
	right: auto;
	z-index: 1;
}

.slick-next {
	right: -35px;
	left: auto;
	background-image: url(../uploads/images/right-arrow-icon.svg);
	opacity: .3;
	background-size: 30px 30px;
	margin-top: 2px;
}

.drop-all-spacings .slick-next,
.drop-row-horizontal-spacings .slick-next,
.drop-cell-spacings .slick-next,
.row-slider .slick-next {
	right: 20px;
	left: auto;
	z-index: 1;
}

.section .slick-dotted.slick-slider,
.slick-dotted.slick-slider {
	margin-bottom: 70px;
}

.has-bg-color .section .slick-dotted.slick-slider,
.has-bg-color .slick-dotted.slick-slider {
	margin-bottom: 20px;
}

.section[class*="cells-valign"] .row.slick-slider:after {
	display: none;
}

.slider-for .slick-slide {
	opacity: 0;
}

.slider-for .slick-slide.slick-current,
.slider-for .slick-slide.slick-active,
.slider-for .slick-slide.slick-center {
	opacity: 1;
}

/*dots*/
.slick-dots {
	position: absolute;
	bottom: -15px;
	left: 0;
	right: 0;
	line-height: 0;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0;
	margin: 0;
	width: 100%;
}

.bulleted-dots .slick-dots {
	bottom: -20px;
}

.slick-dots li {
	position: relative;
	display: inline-block;
	height: 6px;
	width: 40px;
	margin: 3px;
	padding: 0;
	cursor: pointer;
}

.slick-dots li:only-child {
	display: none;
}

.slick-dots li button {
	border: 0;
	background: transparent;
	display: block;
	height: 100%;
	width: 100%;
	outline: none;
	font-size: 0;
	color: transparent;
	padding: 0;
	cursor: pointer;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
	outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
	background-color: #000;
}

.slick-dots li button:before {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 100%;
	background-color: #c7c7c7;
	-webkit-transition: all .3s ease;
	transition: all 0.3s ease;
	border-radius: 6px;
}

.slick-dots li.slick-active button:before {
	background-color: #000;
	border-radius: 6px;
	margin: 0 2px;
}

.bulleted-dots .slick-dots li {
	width: 10px;
	height: 10px;
	margin: 8px;
}

.bulleted-dots .slick-dots li button:before {
	border-radius: 100%;
	border: none;
	background-color: #DDDDDD;
	border-radius: 6px
}

.bulleted-dots .slick-dots li button:hover:before,
.bulleted-dots .slick-dots li button:focus:before {
	background-color: #0096d6;
}

.bulleted-dots .slick-dots li.slick-active button:before {
	background-color: #0096d6;
	width: 22px;
	border-radius: 10px;
}

/* additional css */
.slide-on-mobile>*,
.col-3-slide-on-mobile>* {
	outline: none;
}

@media only screen and (min-width: 768px) {
	.product-slides .sh-200_col-1of1 {
		margin: 0 40px;
	}

	.grid-has-bg-color .slick-track {
		display: flex !important;
	}

	.grid-has-bg-color .slick-slide {
		height: inherit !important;
	}
}

/* using slider with m-100 */
.m-100-slider.slick-dotted.slick-slider {
	margin-bottom: 0;
}

.m-100-slider .slick-prev {
	left: 15px;
}

.m-100-slider .slick-next {
	right: 15px;
}

.m-100-slider .slick-dots {
	bottom: 20px;
}

/* ...... TABS */
.sh-tabs_links-wrapper {
	margin: 10px auto;
	position: relative;
	/* padding: 0 25px; */
	font-family: DJR;
}

.sh-tabs_pointer {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 4%;
	min-width: 20px;
	background: #fff;
	cursor: pointer;
}

.sh-tabs_pointer::after {
	content: '';
	position: absolute;
	top: 35%;
	border: solid #767676;
	opacity: .5;
	transition: opacity .3s ease;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 3px;
	height: 10px;
	width: 10px;
}

.sh-tabs_pointer.left-pointer {
	left: 0;
}

.sh-tabs_pointer.left-pointer::after {
	left: 5px;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}

.sh-tabs_pointer.right-pointer {
	right: 0;
}

.sh-tabs_pointer.right-pointer::after {
	right: 5px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

.sh-tabs_big {
	font-size: 21px;
	border-bottom: 2px solid #000000;
}

.sh-tabs_links {
	display: flex;
	flex-wrap: nowrap;
	position: relative;
	padding: 0;
	margin: 0 auto;
	list-style: none;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.sh-tabs_links::-webkit-scrollbar {
	display: none;
}

.sh-tabs_link {
	display: inline-block;
	cursor: pointer;
	flex: 0 0 auto;
	text-align: center;
	border-bottom: 2px solid #e8e8e8;
	padding: 10px 25px;
	transition: all .3s ease;
	white-space: nowrap;
}

.sh-tabs_link.current-tab {
	color: #0096d6;
	position: relative;
}

.sh-tabs_link.current-tab::after {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 25px;
	right: 25px;
	height: 2px;
	background-color: #0096d6;
}

.sh-tabs_link.current-tab:first-child::after {
	left: 0;
}

.sh-tabs_link.current-tab:last-child::after {
	right: 0;
}

.sh-tabs_link:hover {
	color: #0096d6;
}

.sh-tabs_link:first-child {
	margin-left: auto;
	padding-left: 0px;
}

.sh-tabs_link:last-child {
	margin-right: auto;
	padding-right: 0px;
}

.sh-tabs_links-wrapper.line-on-top {
	margin-top: 0;
}

.sh-tabs_links-wrapper.line-on-top .sh-tabs_link {
	border-bottom: none;
	border-top: 2px solid #e8e8e8;
}

.sh-tabs_links-wrapper.line-on-top .sh-tabs_link.current-tab::after {
	bottom: auto;
	top: -2px;
}

.sh-tabs_links-wrapper.links-content .sh-tabs_link {
	max-width: 300px;
	white-space: normal;
	text-align: left;
}

.sh-tabs_links-wrapper.links-content .sh-tabs_link .description {
	font-family: DJR;
}

.sh-tabs_links-wrapper.links-content .sh-tabs_link.current-tab::after {
	right: auto;
	width: 60px;
	height: 4px;
}

.sh-tabs_links-wrapper.line-on-top.links-content .sh-tabs_link {
	border-top: 2px solid transparent;
}

.sh-tabs_content {
	display: none;
	animation: fadeEffect 1s;
	/* remove extra spacing in ie 11 */
}

.sh-tabs_content.current-tab {
	display: flex;
	flex-direction: column;
}

.sh-tabs_content .module-sh-200:first-child {
	margin-top: 20px;
}

.sh-tabs_content .module-sh-200.has-bg-color {
	margin-top: 0;
}

.sh-tabs_content .module-sh-200:not(:first-child),
.sh-tabs_content .module-sh-301:not(:first-child),
.sh-tabs_content .module-sh-601:not(:first-child) {
	margin-top: 0;
}

.sh-tabs_content .module-sh-200.has-bg-color+.module-sh-200,
.sh-tabs_content .module-sh-200.has-bg-color+.module-sh-301,
.sh-tabs_content .module-sh-200.has-bg-color+.module-sh-601,
.sh-tabs_content .module-sh-301.has-bg-color+.module-sh-200,
.sh-tabs_content .module-sh-301.has-bg-color+.module-sh-301,
.sh-tabs_content .module-sh-301.has-bg-color+.module-sh-601,
.sh-tabs_content .module-sh-300+.module-sh-200,
.sh-tabs_content .module-sh-300+.module-sh-301,
.sh-tabs_content .module-sh-300+.module-sh-601,
.sh-tabs_content .sh-collapsible_content.has-bg-color+.module-sh-200,
.sh-tabs_content .sh-collapsible_content.has-bg-color+.module-sh-301,
.sh-tabs_content .sh-collapsible_content.has-bg-color+.module-sh-601 {
	margin-top: 20px;
}

.sh-tabs_content .module-sh-200.has-bg-color+.module-sh-200.has-bg-color,
.sh-tabs_content .module-sh-200.has-bg-color+.module-sh-301.has-bg-color,
.sh-tabs_content .module-sh-301.has-bg-color+.module-sh-200.has-bg-color,
.sh-tabs_content .module-sh-301.has-bg-color+.module-sh-301.has-bg-color {
	margin-top: 0px;
}

.sh-tabs_content .module-sh-301-d,
.sh-tabs_content .module-sh-301,
.sh-tabs_content .module-sh-302,
.sh-tabs_content .module-sh-303 {
	flex-shrink: 0;
}

@keyframes fadeEffect {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.sh-tabs_pointer {
	display: none;
}

/* @media only screen and (min-width: 1025px) {
  .sh-tabs {
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
} */
/* big and wide appearance */
.sh-tabs_alternative .sh-tabs_pointer {
	background: #fcfcfc;
}

.pointer-bg-black .sh-tabs_pointer {
	background: Black;
}

.sh-tabs_alternative .sh-tabs_links-wrapper {
	padding: 0;
	margin: 0 auto;
	height: 60px;
	width: 100%;
	background: #fcfcfc;
	border-bottom: 1px solid #f6f6f6;
	border-top: 1px solid #f6f6f6;
	font-family: DJR;
	font-size: 1rem;
	line-height: 1.5rem;
	letter-spacing: 0rem;
}

.sh-tabs_alternative .sh-tabs_links {
	height: 60px;
	padding: 0 3%;
	width: 100%;
	height: 100%;
}

.sh-tabs_alternative .sh-tabs_link {
	border: none;
	height: 100%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1 1 0;
	-ms-flex: 1 0 auto;
	letter-spacing: 0.01875rem;
}

.sh-tabs_alternative .sh-tabs_link:first-child {
	padding-left: 25px;
}

.sh-tabs_alternative .sh-tabs_link:last-child {
	padding-right: 25px;
}

.sh-tabs_alternative .sh-tabs_link:hover {
	color: inherit;
	background-color: #dfdfdf;
}

.sh-tabs_alternative .sh-tabs_link:hover::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fcfcfc;
	width: 3px;
	height: 80px;
}

.sh-tabs_alternative .sh-tabs_link:hover+li::before {
	display: none;
}

.sh-tabs_alternative .sh-tabs_link:not(:first-child)::before {
	content: '|';
	color: #dfdfdf;
	display: inline-block;
	position: absolute;
	width: 0;
	height: 27px;
	left: 0;
	margin-left: -3px;
	top: 17px;
}

.sh-tabs_alternative .sh-tabs_link:not(:first-child):hover::before {
	display: none;
}

.sh-tabs_alternative .sh-tabs_link.current-tab {
	color: inherit;
	background-color: #dfdfdf;
}

.sh-tabs_alternative .sh-tabs_link.current-tab::before {
	display: none;
}

.sh-tabs_alternative .sh-tabs_link.current-tab::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fcfcfc;
	width: 0px;
	height: 80px;
	bottom: auto;
	right: auto;
}

.sh-tabs_alternative .sh-tabs_link.current-tab+li::before {
	display: none;
}

.sh-tabs_alternative .sh-tabs_link.tabs-yellow {
	background-color: #fadfa5;
	border: none;
	height: 100%;
	position: relative;
	display: flex;
	justify-content: center;
	flex: 1 1 0;
	-ms-flex: 1 0 auto;
	letter-spacing: 0.01875rem;
	width: 0px;
	height: 80px;
}

.sh-tabs_alternative .sh-tabs_link.tabs-yellow:hover {
	color: inherit;
	background-color: #c7c7c7;
}

.sh-tabs_alternative .sh-tabs_link.tabs-yellow.current-tab {
	background-color: #FFFFFF;
	color: inherit;
	border-top: 4px solid #000000;
}

@media only screen and (min-width: 768px) {

	.sh-tabs_content .module-sh-200.has-bg-color+.module-sh-200,
	.sh-tabs_content .module-sh-200.has-bg-color+.module-sh-301,
	.sh-tabs_content .module-sh-200.has-bg-color+.module-sh-601,
	.sh-tabs_content .module-sh-301.has-bg-color+.module-sh-200,
	.sh-tabs_content .module-sh-301.has-bg-color+.module-sh-301,
	.sh-tabs_content .module-sh-301.has-bg-color+.module-sh-601,
	.sh-tabs_content .module-sh-300+.module-sh-200,
	.sh-tabs_content .module-sh-300+.module-sh-301,
	.sh-tabs_content .module-sh-300+.module-sh-601,
	.sh-tabs_content .sh-collapsible_content.has-bg-color+.module-sh-200,
	.sh-tabs_content .sh-collapsible_content.has-bg-color+.module-sh-301,
	.sh-tabs_content .sh-collapsible_content.has-bg-color+.module-sh-601 {
		margin-top: 50px;
	}

	.sh-tabs_alternative .sh-tabs_content .module-sh-200:first-child {
		margin-top: 50px;
	}
}

@media only screen and (min-width: 1025px) {
	.sh-tabs_alternative .sh-tabs_links-wrapper {
		height: 80px;
		line-height: 1.375rem;
		letter-spacing: 0rem;
	}

	.sh-tabs_alternative .sh-tabs_links {
		overflow: hidden;
		-webkit-overflow-scrolling: unset;
	}

	.sh-tabs_alternative .sh-tabs_link:not(:first-child):before {
		top: 27px;
	}

	.sh-tabs_links-wrapper.line-on-top {
		padding-bottom: 25px;
	}
}

@media only screen and (min-width: 1280px) {
	.sh-tabs_alternative .sh-tabs_links {
		padding: 0 5%;
	}
}

.tabs-dark {
	padding-top: 1px;
	padding-bottom: 1px;
}

.tabs-dark .sh-tabs_link {
	color: white;
	opacity: 0.5;
	transition: opacity .4s ease;
	border-bottom: 2px solid transparent;
}

.tabs-dark .sh-tabs_link:hover,
.tabs-dark .sh-tabs_link.current-tab {
	opacity: 1;
}

.tabs-dark .sh-tabs_pointer {
	background: transparent;
}

.tabs-dark .sh-tabs_pointer::after {
	border-color: white;
}

.tabs-dark .sh-tabs_links-wrapper.line-on-top .sh-tabs_link {
	border-top: 2px solid transparent;
}

.tabs-light-grey {
	padding-top: 1px;
	padding-bottom: 1px;
}

.tabs-light-grey .sh-tabs_link {
	color: black;
	opacity: 0.5;
	transition: opacity .4s ease;
	border-bottom: 2px solid transparent;
}

.tabs-light-grey .sh-tabs_link:hover,
.tabs-light-grey .sh-tabs_link.current-tab {
	opacity: 1;
}

.tabs-light-grey .sh-tabs_pointer {
	background: transparent;
}

.tabs-light-grey .sh-tabs_pointer::after {
	border-color: black;
}

.tabs-light-grey .sh-tabs_links-wrapper.line-on-top .sh-tabs_link {
	border-top: 2px solid transparent;
}

/* ...... Background video */
.sh-bg-video {
	display: none;
}

@media only screen and (min-width: 768px) {
	.sh-bg-video {
		display: block;
		background: #fff;
		position: absolute;
		width: 100%;
		min-height: 100%;
		left: 0;
		top: 0;
		overflow: hidden;
		z-index: 0;
	}

	.sh-bg-video video {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	.the-wolf .sh-bg-video {
		background: #000;
	}
}

/* ...... Collapsible section */
.sh-collapsible_trigger,
.icon-read-less {
	cursor: pointer;
}

.sh-collapsible_trigger {
	margin-top: 20px;
}

.sh-collapsible_content {
	padding-bottom: 20px;
	display: none;
}

.title-read-more {
	display: block;
	font-family: DJR;
	letter-spacing: 0.01875rem;
}

.icon-read-more,
.icon-read-less {
	position: relative;
	width: 50px;
	height: 50px;
	display: inline-block;
	border: 1px solid #636569;
	border-color: inherit;
	border-radius: 100%;
	-webkit-transition: -webkit-transform .3s ease;
	transition: -webkit-transform .3s ease;
	transition: transform .3s ease;
	transition: transform .3s ease, -webkit-transform .3s ease;
}

.icon-read-more:hover,
.icon-read-less:hover {
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}

.icon-read-more::after,
.icon-read-less::after {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	transform: rotate(45deg);
}

.icon-read-more {
	margin-top: 10px;
}

.icon-read-more::after {
	border-right: 1px solid #636569;
	border-bottom: 1px solid #636569;
	border-color: inherit;
	margin-top: 10px;
}

.icon-read-less {
	display: block;
	text-align: center;
	margin: 0 auto;
}

.icon-read-less::after {
	border-top: 2px solid #636569;
	border-left: 2px solid #636569;
	margin-top: 20px;
}

.text-color-white .icon-read-more,
.text-color-white .icon-read-less {
	border-color: #fff;
}

.text-color-white .icon-read-more::after,
.text-color-white .icon-read-less::after {
	border-color: #fff;
}

/* ...... QUOTE */
.sh-quote {
	/* padding-top: 50px; */
	position: relative;
	font-style: italic;
	font-family: DJR !important;
	/* &::before {
      position: absolute;
      content: url('../uploads/images/sh-quote.png');
      width: 37px;
      height: 29px;
      margin: auto;
      top: 0;
      left: 0;
      right: 0;
  } */
}

.sh-author {
	color: #0096d6;
	position: relative;
	padding-top: 20px;
	margin-top: 30px;
	letter-spacing: 0.01875rem;
}

.sh-author::before {
	position: absolute;
	content: '';
	width: 167px;
	height: 1px;
	background-color: #191919;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
}

/* ...... Main Navigation */
.container {
	max-width: 1280px;
	margin: 0 auto;
	position: relative;
	padding: 0px 37px;
}

@media only screen and (min-width: 768px) {
	.container {
		padding: 0 37px;
	}
}

@media only screen and (max-width: 1199px) {
	.navigation {
		color: #fff;
		background-color: #0171ad;
	}
}

@media only screen and (min-width: 1025px) {
	.container {
		padding: 0 85px;
	}
}

.navigation {
	border-top: 1px solid #b9b8bb;
	border-bottom: 1px solid #b9b8bb;
	height: 50px;
	width: 100%;
	font-size: 14.5px;
	font-family: DJR;
}

.navigation .selected-item {
	position: relative;
	height: 50px;
	cursor: pointer;
	display: flex;
	align-items: center;
	padding-right: 40px;
}

.navigation .selected-item::before,
.navigation .selected-item::after {
	content: '';
	position: absolute;
	width: 30px;
	height: 2px;
	background-color: #fff;
	right: 0;
	transition-timing-function: ease;
	transition-duration: .15s;
	transition-property: transform;
}

.navigation .selected-item::before {
	top: 15px;
}

.navigation .selected-item::after {
	bottom: 23px;
}

.navigation .selected-item.open::before {
	transform: translate3d(0, 5px, 0) rotate(45deg);
}

.navigation .selected-item.open::after {
	transform: translate3d(0, -5px, 0) rotate(-45deg);
}

.navigation .category-desktop {
	display: none;
}

.navigation .navigation-list>li>a {
	color: #5a5a5a;
}

.navigation .navigation-list>li:hover>a {
	color: #024AD8;
}

.navigation .sub {
	display: none;
}

.navigation .sub a {
	color: black;
	font-family: DJR;
	display: block;
}

@media only screen and (max-width: 1199px) {
	.navigation .navigation-list {
		display: none;
		position: absolute;
		left: 0;
		right: 0;
		z-index: 10;
		background-color: #f5f5f5;
	}

	.navigation .navigation-list.on {
		top: 71px;
		display: block;
	}

	.navigation .navigation-list li {
		margin-left: 0;
	}

	.navigation .navigation-list>li {
		background: white;
		padding: 20px 20px 20px 37px;
		opacity: 0;
		transform-origin: bottom;
		animation: enter 0.2s ease forwards;
		cursor: pointer;
	}

	.navigation .navigation-list>li:nth-child(1) {
		animation-duration: 0.2s;
		animation-delay: 0s;
	}

	.navigation .navigation-list>li:nth-child(2) {
		animation-duration: 0.3s;
		animation-delay: 0.1s;
	}

	.navigation .navigation-list>li:nth-child(3) {
		animation-duration: 0.4s;
		animation-delay: 0.2s;
	}

	.navigation .navigation-list>li:nth-child(4) {
		animation-duration: 0.5s;
		animation-delay: 0.3s;
	}

	.navigation .navigation-list>li:nth-child(5) {
		animation-duration: 0.6s;
		animation-delay: 0.4s;
	}

	.navigation .navigation-list>li:nth-child(6) {
		animation-duration: 0.7s;
		animation-delay: 0.5s;
	}

	.navigation .navigation-list>li:nth-child(7) {
		animation-duration: 0.8s;
		animation-delay: 0.6s;
	}

	.navigation .navigation-list>li:nth-child(8) {
		animation-duration: 0.9s;
		animation-delay: 0.7s;
	}

	.navigation .navigation-list>li:nth-child(9) {
		animation-duration: 1s;
		animation-delay: 0.8s;
	}

	.navigation .navigation-list>li:nth-child(10) {
		animation-duration: 1.1s;
		animation-delay: 0.9s;
	}

	.navigation .navigation-list>li a {
		color: black;
	}

	.navigation .navigation-list>li:hover a {
		color: black;
	}

	.navigation .navigation-list>li.blue>a {
		font-weight: 700;
	}

	.navigation .sub li {
		background: #f3f3f3;
		cursor: pointer;
	}

	.navigation .sub li a {
		padding: 20px 20px 20px 37px;
	}

	.navigation .sub li a:active {
		background-color: #fff;
	}
}

@keyframes enter {
	from {
		opacity: 0;
		transform: scaleY(0.98) translateY(10px);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@media only screen and (min-width: 1200px) {
	.navigation .selected-item {
		display: none;
	}

	.navigation .navigation-list {
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		height: 100%;
		width: 100%;
	}

	.navigation .navigation-list>li {
		box-sizing: border-box;
		height: 49px;
		display: inline-block;
		cursor: pointer;
		position: relative;
	}

	.navigation .navigation-list>li:not(:first-child) {
		margin-left: 20px;
	}

	.navigation .navigation-list>li>a {
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		height: 49px;
		/* font-size: 0.875rem; */
	}

	.navigation .navigation-list>li.active>a {
		color: #024AD8;
	}

	.navigation .navigation-list>li:hover {
		border-bottom: 2px solid #024AD8;
	}

	.navigation .navigation-list>li:hover .sub {
		display: block;
	}

	.navigation .sub {
		position: absolute;
		top: 49px;
		left: 50%;
		transform: translateX(-50%);
		width: 260px;
		padding: 15px 0;
		box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
		list-style-type: none;
		margin: 0;
		background: white;
		z-index: 2;
	}

	.navigation .sub li {
		margin-left: 0;
	}

	.navigation .sub li:hover {
		background-color: #e6fcff;
	}

	.navigation .sub li a {
		padding: 15px 20px;
	}
}

@media screen and (min-width: 1280px) {
	.navigation>li:not(:first-child) {
		margin-left: 30px;
	}
}

.relative-div {
	position: relative;
	display: inline-block;
	max-width: 100%;
}

.absolute-div {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 20px;
}

@media only screen and (min-width: 768px) {
	.absolute-div {
		padding: 40px;
	}
}

.absolute-title {
	position: absolute;
	top: 10px;
	left: 10px;
	margin: 0 !important;
	padding: 10px;
	background: white;
	color: #0171ad;
}

.absolute-title-main {
	position: absolute;
	top: 80%;
	left: 5%;
	margin: 0 !important;
	padding: 10px;
	background: black;
	color: white;
}

/* Pages */
/* ...... Best of HP page related code */
.best-of-hp {
	overflow: hidden;
}

.module-sh-undefined {
	margin: 0 auto;
	padding: 0 15px;
}

.product-container {
	padding: 50px 0;
}

.left-align .product-container_violator {
	margin-left: 20px;
}

.right-align .product-container_violator {
	margin-right: 20px;
	text-align: right;
}

.product-container_violator .wrapper {
	position: relative;
	height: 100%;
	padding: 15px 0 80px;
	margin-bottom: -90px;
}

.left-align .product-container_violator .wrapper {
	border-left: 6px solid #000000;
	padding-left: 24px;
}

.right-align .product-container_violator .wrapper {
	border-right: 6px solid #000000;
	padding-right: 24px;
}

.product-container_violator .title-h3 {
	line-height: 35px;
}

.product-container_image,
.product-container_content {
	width: 100%;
}

.product-container_image {
	padding-top: 20px;
}

.product-container_image img {
	max-width: 100%;
}

.product-container_violator~.product-container_content .product-image {
	margin-top: -30%;
}

.product-container_content .product-image img {
	max-width: 100%;
}

.left-align .product-container_content .product-image img {
	margin-left: 25%;
}

.right-align .product-container_content .product-image img {
	margin-left: -25%;
}

.left-align .product-container_content .product-description {
	margin-right: 30px;
}

@media only screen and (min-width: 768px) {
	.module-sh-undefined {
		padding: 0 55px;
	}

	.product-container {
		padding: 90px 0;
	}

	.product-container_violator {
		margin-top: -45px;
		width: 50%;
	}

	.left-align .product-container_violator {
		margin-left: 0px;
		float: left;
	}

	.right-align .product-container_violator {
		margin-right: 0px;
		float: right;
	}

	.product-container_violator .wrapper {
		margin-bottom: 0;
		padding: 40px 0;
	}

	.product-container_image,
	.product-container_content {
		width: 50%;
	}

	.product-container_image {
		padding-top: 0;
	}

	.left-align .product-container_image {
		float: right;
	}

	.right-align .product-container_image {
		float: left;
	}

	.left-align .product-container_content {
		float: left;
	}

	.right-align .product-container_content {
		float: right;
	}

	.product-container_violator~.product-container_content .product-image {
		margin-top: -20%;
	}

	.right-align .product-container_content .product-description {
		margin-left: 30px;
	}
}

@media only screen and (min-width: 1025px) {
	.module-sh-undefined {
		padding: 0 70px;
	}

	.product-container_violator {
		margin-top: -50px;
	}

	.product-container_violator .wrapper {
		padding: 50px 0;
	}
}

/* ...... Workstations page related code */
.workstations .sh-100_content-hero {
	overflow: visible;
}

.workstations .hero-windows {
	position: absolute;
	top: 0;
	right: 0;
	margin: 20px;
	width: 100px;
}

@media only screen and (max-width: 767px) {
	.workstations br {
		display: none;
	}
}

@media only screen and (min-width: 768px) {
	.workstations .title-h1 {
		font-size: 3.375rem;
	}

	.workstations .hero-description {
		position: absolute;
		bottom: 40px;
		right: 40px;
		text-align: right;
		font-size: 2rem;
		line-height: 1;
	}

	.workstations .hero-windows {
		width: auto;
	}
}

@media only screen and (max-width: 1024px) {
	.workstations .sh-100_is-full-left {
		justify-content: center;
		text-align: center;
	}

	.workstations .sh-100_is-top {
		align-items: center;
	}
}

@media only screen and (min-width: 1025px) {
	.workstations .title-h1 {
		font-size: 6vw;
		line-height: 0.9;
	}

	.workstations .hero-description {
		font-size: 3rem;
		line-height: .9;
	}
}

/* ...... Retail point of sale and Engage one prime pages related code */
.bg-color-retail-tab1 {
	background-image: linear-gradient(#019bcd, #00c4a6);
}

.bg-color-retail-tab2 {
	background-image: linear-gradient(#2c2d5b, #681f3d);
}

.bg-color-retail-tab3 {
	background-image: linear-gradient(#014c69, #0382a5);
}

.bg-color-retail-tab4 {
	background-image: linear-gradient(#014c67, #2e345a);
}

.negative-b-margin {
	margin-bottom: -50px;
}

.negative-b-margin-offset {
	margin-bottom: 20px !important;
}

@media only screen and (min-width: 768px) {
	.negative-b-margin {
		margin-bottom: -75px;
	}

	.negative-b-margin-offset {
		margin-bottom: 50px !important;
	}
}

@media only screen and (min-width: 1024px) {
	.negative-b-margin {
		margin-bottom: -100px;
	}

	.negative-b-margin-offset {
		margin-bottom: 80px !important;
	}
}

/* ...... OfficeJet Pro page related code */
.officejet-pro {
	padding-top: 1px;
	background-image: url(../uploads/images/officejet-pro-bg-top-m.jpg), url(../uploads/images/officejet-pro-bg-bottom-m.jpg);
	background-position-y: 0%, 100.1%;
	background-repeat: repeat-x;
}

.officejet-pro .sh-tabs_alternative {
	font-family: DJR;
}

.officejet-pro .sh-tabs_alternative .sh-tabs_links {
	padding: 0;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}

.officejet-pro .sh-tabs_alternative .sh-tabs_links .sh-tabs_link:first-child::after {
	width: 0;
}

.officejet-pro .sh-tabs_alternative .sh-tabs_link.current-tab[data-tab=tab1] {
	background: #ffedeb;
}

.officejet-pro .sh-tabs_alternative .sh-tabs_link.current-tab[data-tab=tab2] {
	background: #eddf00;
}

.officejet-pro.emea .sh-tabs_alternative .sh-tabs_link.current-tab[data-tab=tab1] {
	background: #d4cae6;
}

.officejet-pro.emea .sh-tabs_alternative .sh-tabs_link.current-tab[data-tab=tab2] {
	background: #f07e66;
}

.officejet-pro .module-sh-302 {
	margin-top: 0;
}

.officejet-pro .sh-200_col-1of1 {
	margin: 0 5px;
	position: relative;
}

.officejet-pro .items-top {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 0;
}

.officejet-pro .in-slider {
	position: relative;
	text-align: left;
	max-width: 485px;
	padding: 25px 25px 25px 80px;
	background: white;
	box-shadow: -3px 0px 20px 0px rgba(0, 0, 0, 0.17);
}

.officejet-pro .in-slider::before {
	display: block;
	content: attr(data-number);
	position: absolute;
	top: 50%;
	left: 25px;
	font-size: 26px;
	font-family: DJR;
	color: #FFFFFF;
	background-color: #0c71b2;
	line-height: 40px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	text-align: center;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.officejet-pro #tab1 {
	background: url(../uploads/images/officejet-pro-tab-1-items-bottom-m.png) left bottom no-repeat;
}

.officejet-pro #tab2 {
	background: url(../uploads/images/officejet-pro-tab-2-items-bottom-m.png) left bottom no-repeat;
}

.officejet-pro .sh-tabs_content.current-tab {
	padding-bottom: 50px;
}

@media only screen and (max-width: 767px) {
	.officejet-pro .in-slider {
		margin: -20px 20px 20px 25px !important;
	}
}

@media only screen and (min-width: 768px) {
	.officejet-pro {
		background-image: url(../uploads/images/officejet-pro-bg-top.jpg), url(../uploads/images/officejet-pro-bg-bottom.jpg);
		background-position-y: 0%, 100.1%;
	}

	.officejet-pro .in-slider {
		position: absolute;
		top: 30px;
		left: 25px;
		padding: 55px 30px 55px 100px;
	}

	.officejet-pro .in-slider::before {
		left: 40px;
	}

	.officejet-pro #tab1 {
		background-image: url(../uploads/images/officejet-pro-tab-1-items-bottom.png);
		background-position-x: center;
	}

	.officejet-pro #tab2 {
		background-image: url(../uploads/images/officejet-pro-tab-2-items-bottom.png);
		background-position-x: center;
	}

	.officejet-pro .sh-tabs_content.current-tab {
		padding-bottom: 150px;
	}
}

@media only screen and (min-width: 1024px) {

	.officejet-pro .oj-products .sh-200_col-1of2,
	.officejet-pro .oj-products .sh-200_col-1of3,
	.officejet-pro .oj-products .sh-200_col-1of4 {
		box-shadow: 0 8px 25px 0px #e9e9e9;
		transition: box-shadow .3s ease;
	}

	.officejet-pro .oj-products .sh-200_col-1of2:hover,
	.officejet-pro .oj-products .sh-200_col-1of3:hover,
	.officejet-pro .oj-products .sh-200_col-1of4:hover {
		box-shadow: 0 8px 25px 0px #b2b2b2;
	}
}

.featured-icons {
	display: flex;
	justify-content: space-around;
	margin-top: 5px !important;
}

.featured-icons>div {
	margin: 0 .5rem;
}

@media only screen and (min-width: 768px) {
	.lf-slider .slick-track {
		display: flex !important;
	}

	.lf-slider .slick-slide {
		height: inherit !important;
	}
}

/* ...... Overview page related code */
/* product finder section */
.choose-printers:hover,
.choose-pcs:hover {
	cursor: pointer;
}

.choose-printers img,
.choose-pcs img {
	transition: all 0.3s ease;
}

.choose-printers:hover img,
.choose-pcs:hover img {
	transform: scale(1.04);
	-webkit-transform: scale(1.04);
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
}

.main-category-wrapper {
	display: inline-block;
	position: relative;
	overflow: hidden;
}

.main-category-wrapper>img {
	width: 100%;
}

.choose-title {
	position: absolute;
	margin: 0 !important;
	top: 30px;
	left: 30px;
	padding-right: 50px;
}

.choose-title:hover {
	text-decoration: underline;
}

.choose-icon {
	height: 30px;
	width: 30px;
	display: block;
	border-radius: 50px;
	border: 1px solid black;
	transition: all .3s ease;
	position: absolute;
	right: 0;
	top: 3px;
	transition: transform 0.3s ease-in;
}

.choose-icon::before,
.choose-icon::after {
	content: '';
	height: 1px;
	width: 15px;
	display: block;
	background: black;
	border-radius: 10px;
	position: absolute;
	top: 13px;
	left: 6px;
}

.choose-icon::after {
	height: 15px;
	width: 1px;
	top: 6px;
	left: 13px;
}

.choose-printers:hover .choose-icon,
.choose-pcs:hover .choose-icon {
	transform: scale(1.13);
}

.product-back-links {
	margin: 0;
	list-style: none;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.product-back-links li {
	display: inline-block;
	padding: 14px 20px;
}

.product-back-links li a {
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.13;
	letter-spacing: 0.3px;
	font-family: DJR;
	position: relative;
}

.product-back-links li a:hover {
	border-bottom: 1px solid;
}

.product-back-links li:first-child a::before {
	display: block;
	content: '';
	position: absolute;
	left: -18px;
	top: 6px;
	width: 9px;
	height: 9px;
	border-top: 1px solid #0171ad;
	border-right: 1px solid #0171ad;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.product-image {
	position: relative;
	display: inline-block;
}

.product-image>img {
	width: 100%;
}

.product-title {
	position: absolute;
	top: 16px;
	left: 0;
	padding: 8px 16px;
	width: auto;
	background: #fff;
	color: #000000;
	font-size: 16px;
	text-align: left;
	line-height: 1.38;
	letter-spacing: normal;
	font-family: 'DJR';
	margin: 0 !important;
}

.product-default,
.product-sub-categories {
	transition: opacity 0.3s ease-in-out;
	opacity: 1;
}

.hide-content {
	height: 0 !important;
	opacity: 0 !important;
	visibility: hidden !important;
	padding: 0 !important;
	margin: 0 !important;
	overflow: hidden !important;
}

.product-sub-categories {
	margin-left: auto;
	margin-right: auto;
	max-width: 1280px;
}

/* ...... Elite Dragonfly page related code */
.elite-dragonfly .sh-tabs.tabs-dark .sh-tabs_links-wrapper {
	margin-top: 0;
}

.elite-dragonfly .sh-tabs.tabs-dark .sh-tabs_link {
	text-align: left;
	padding-right: 7%;
}

.elite-dragonfly .sh-tabs.tabs-dark .sh-tabs_link img {
	margin: 0;
}

.elite-dragonfly .sh-tabs.tabs-dark .sh-tabs_link.current-tab::after {
	bottom: auto;
	top: 0;
	height: 6px;
	border-radius: 0px 0px 4px 4px;
	right: auto;
	width: 64px;
}

.elite-dragonfly .sh-tabs_alternative {
	background: #0d1424;
	padding-top: 45px;
}

.elite-dragonfly .sh-tabs_alternative .sh-tabs_links-wrapper {
	max-width: 1098px;
	border: none;
	height: 60px;
}

.elite-dragonfly .sh-tabs_alternative .sh-tabs_links {
	padding: 0;
}

.elite-dragonfly .sh-tabs_alternative .sh-tabs_link {
	font-family: DJR;
}

.elite-dragonfly .sh-tabs_alternative .sh-tabs_link.current-tab {
	background-color: #d5f3ff;
}

.elite-dragonfly .sh-tabs_alternative .sh-tabs_link.current-tab::after {
	width: 0;
}

.elite-dragonfly .sh-tabs_alternative .sh-tabs_link:not(:first-child)::before {
	content: '';
}

.elite-dragonfly .sh-tabs_alternative .sh-tabs_link:hover {
	background-color: #d5f3ff;
}

.elite-dragonfly .sh-tabs_alternative .sh-tabs_link:hover::after {
	width: 0;
}

.elite-dragonfly .slider-product-3 .title-h4,
.elite-dragonfly .top-titles .title-h4 {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 10px;
	background: white;
	color: #0096d6;
}

.elite-dragonfly .slider-product-4 .title-h4,
.elite-dragonfly .top-titles .title-h4 {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 10px;
	background: white;
	color: #0096d6;
}

.elite-dragonfly .go-up {
	margin-top: -100px;
	position: relative;
	background: white;
	padding: 20px 0;
}

/*# sourceMappingURL=main.css.map */


/* Start :: Icon over image styles */
.icon-over-image {
	position: absolute;
	top: 40%;
	right: 35px;
}

@media only screen and (max-width: 1024px) {
	.icon-over-image {
		top: 30px;
		right: 30px;
	}
}

.icon-over-image-windows-get-it {
	position: absolute;
	top: 40px;
	right: 80px;
}

.icon-over-image-windows-get-it-two {
	position: absolute;
	bottom: 100px;
	right: 115px;
}

.icon-over-image-windows-get-it-left {
	position: absolute;
	top: 60px;
	left: 80px;
}

@media only screen and (max-width: 1300px) {
	.icon-over-image-windows-get-it {
		top: 45px;
		right: 40px;
	}

	.icon-over-image-windows-get-it-two {
		bottom: 45px;
		right: 40px;
	}

	.icon-over-image-windows-get-it-left {
		top: 45px;
		left: 40px;
	}
}

@media only screen and (max-width: 1024px) {
	.icon-over-image-windows-get-it {
		top: 30px;
		right: 30px;
	}

	.icon-over-image-windows-get-it-two {
		bottom: 140px;
		right: 30px;
	}
}

@media only screen and (max-width: 768px) {
	.icon-over-image-windows-get-it {
		top: 10px;
		right: 20px;
	}

	.icon-over-image-windows-get-it-two {
		bottom: 180px;
		right: 30px;
	}
}

/* End :: Icon over image styles */

/* Start :: New styles */
.new-slider-left-30 {
	width: 30%;
	background-color: #bb7cf1;
	padding: 20px;
}

.new-slider-left-70 {
	width: 70%;
	background-color: #cc9df4;
	padding: 20px;
}

.new-slider-left-30 .title-h2 {
	margin-top: 12px;
}

@media only screen and (max-width: 720px) {
	.new-slider-left-30 {
		width: 100% !important;
	}

	.new-slider-left-70 {
		width: 100% !important;
	}
}

.new-slider-left-30-blue {
	width: 30%;
	background-color: #549EF8;
	padding: 20px;
}

.new-slider-left-70-blue {
	width: 70%;
	background-color: #98C5FB;
	padding: 20px;
}

@media only screen and (max-width: 720px) {
	.new-slider-left-30-blue {
		width: 100% !important;
	}

	.new-slider-left-70-blue {
		width: 100% !important;
	}
}

/* End :: New styles */

/* Start :: Gold color */
.gold-line {
	width: 100px;
	border: 0;
	border-top: solid 3px #ccb999;
	margin-top: 40px;
}

.gold-line-left {
	width: 100px;
	border: 0;
	border-top: solid 3px #ccb999;
	margin: 40px 0 30px 0;
}

.bg-color-light-gold {
	background: #FBF8F6;
}

/* End :: Gold color */

/* Start :: New styles */

.sustainability-active a::before {
	content: '';
	background-color: #ffffff;
	position: absolute;
	bottom: 0px;
	width: 40%;
	left: 30%;
	height: 2px;
}

.title-x4-container {
	position: absolute;
	margin: 0 !important;
	padding: 0 !important;
}

.title-x4-container-top-align {
	top: 0;
}

.title-x4-text-color-white {
	color: white !important;
}

/* use only if 100% width is required */
.title-x4-full-width {
	width: 100%;
}

/* use only if transparent black background is required */
.title-x4-bg-black-transparent-4 {
	background: rgba(0, 0, 0, 0.4);
}

.title-x4-bg-black-transparent {
	background: rgba(0, 0, 0, 0.5);
}

.title-x4-bg-black-transparent-6 {
	background: rgba(0, 0, 0, 0.6);
}

.title-x4-bg-black-transparent-65 {
	background: rgba(0, 0, 0, 0.65);
}

.title-x4-bg-black-transparent-20-percent {
	background: rgba(0, 0, 0, 0.2);
}

.title-x4-bg-white-transparent {
	background: rgba(255, 255, 255, 0.5);
}

.title-x4-bg-white-transparent-6 {
	background: rgba(255,255,255,0.6);
}

.title-x4-bg-green-transparent-4 {
	background: rgba(36, 88, 33, 0.4);
}

.title-x4-bg-green-transparent {
	background: rgba(36, 88, 33, 0.8);
}

.title-x4 {
	/* font-size:180px;
	line-height:180px; */
	font-size: 110px;
	line-height: 110px;
	letter-spacing: -6px;
	font-weight: 400;
}

.title-x4-text-space {
	text-align: left;
	padding: 15px 0 15px 5%;
	display: block;
}

.title-x4-line-tb {
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}

.title-x4-line-tb-black {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

.title-x4-line-tb-black-bottom {
	border-bottom: 1px solid #000;
}


.title-x4-line-tb-white {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.title-x4-line-tb-white-bottom {
	border-bottom: 1px solid #fff;
}

.title-x4-line-b {
	border-bottom: 1px solid white;
}

.title-x4-line-b-black {
	border-bottom: 1px solid #000;
}

.title-x5-container {
	margin: 0 !important;
	padding: 0 !important;
}

@media only screen and (max-width:1279px) {
	.title-x4 {
		font-size: 90px;
		line-height: 96px;
		letter-spacing: -3px;
		bottom: 0;
	}

	.title-x4-text-space {
		padding: 15px 0 15px 5% !important;
		display: block;
	}
}

@media only screen and (max-width:719px) {
	.title-x4 {
		font-size: 46px;
		line-height: 50px;
		text-align: left !important;
	}
}

@media only screen and (max-width:767px) {
	.title-x4-container-mobile {
		position: inherit !important;
	}
}

@media only screen and (max-width:767px) {
	.title-x4-container-mobile-2 {
		position: absolute !important;
		bottom: 0;
	}
}

.title-x-bg-brown-light {
	background: #F4EDDD;
}

.title-x3 {
	/* font-size: 112px;
	line-height: 116px; */
	font-size: 90px;
	line-height: 96px;
	letter-spacing: -3px;
}

.title-x5 {
	font-size: 150px;
	line-height: 150px;
	letter-spacing: -3px;
}

.title-x5-icon {
	height: 100px;
	margin-left: 30px;
	display: inline-block;
}

.x-table-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
}

.x-table-container-10px {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: calc(100% - 20px);
	margin: 0 10px;
}

.l-width {
	max-width: 1220px;
	display: block;
	padding: 30px;
	margin: auto;
}

.x-full-width {
	width: 100%;
	display: block;
	padding: 30px 5%;
}

.x-full-width-medium {
	width: 100%;
	display: block;
	padding: 15px 5%;
}

.x-50-50 {
	width: 50%;
}

.x-25-percent {
	width: 25%;
}

.x-33-percent {
	width: 33.33%;
}

.x-50-50-l-padding {
	padding: 50px 50px 50px 5%;
}

.x-50-50-r-padding {
	padding: 50px 150px 50px 50px;
}

.border-all-side {
	border: 1px solid;
}

.title-x3-border-top {
	border-top: 1px solid;
}

.title-x3-border-bottom {
	border-bottom: 1px solid;
}

.title-x3-border-bottom-white {
	border-bottom: 1px solid white;
}

.title-x3-border-right {
	border-right: 1px solid;
}

.title-x3-border-right-yes {
	border-right: 1px solid;
}

.title-x3-border-left {
	border-left: 1px solid;
}

.x3-icon {
	margin-left: 20px;
}


@media only screen and (max-width:1279px) {
	.title-x3 {
		font-size: 80px;
		line-height: 86px;
	}

	.title-x5 {
		font-size: 90px;
		line-height: 90px;
	}

	.title-x5-icon {
		height: 60px;
	}

	.x-50-50 {
		width: 100%;
	}

	.x-50-50-l-padding {
		padding: 5%;
	}

	.x-50-50-r-padding {
		padding: 5%;
	}

	.title-x3-border-right {
		border-right: 0px;
	}

	.title-x3-border-right-yes {
		border-right: 1px solid;
	}

	.x3-icon {
		height: .7em;
	}
}

@media only screen and (max-width:767px) {
	.remove-left-border {
		border-left: 0px;
	}

	.x-25-percent {
		width: 100%;
	}

	.x-33-percent {
		width: 100%;
	}
}

@media only screen and (max-width:719px) {
	.title-x3 {
		font-size: 46px;
		line-height: 50px;
		letter-spacing: -1px;
	}

	.title-x5 {
		font-size: 46px;
		line-height: 50px;
		letter-spacing: -1px;
	}

	.title-x5-icon {
		height: 35px;
		margin-left: 10px;
	}

	.x-full-width,
	.x-full-width-medium,
	.x-50-50-l-padding,
	.x-50-50-r-padding {
		padding: 5%;
	}
}

.bg-vertical-yellow {
	background: linear-gradient(to bottom, #EDFAAC 0%, #EDFAAC 50%, #F8FDDE 50%, #F8FDDE 100%);
}

.bg-vertical-cyan {
	background: linear-gradient(to bottom, #8CECFC 0%, #8CECFC 50%, #C5F5FD 50%, #C5F5FD 100%);
}

.bg-vertical-purple {
	background: linear-gradient(to bottom, #CBC5FB 0%, #CBC5FB 50%, #E5E2FD 50%, #E5E2FD 100%);
}

.left-border {
	border-left: 1px solid;
}

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

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

.extra-b-padding {
	padding-bottom: 20px;
}

.extra-b-padding-10 {
	padding-bottom: 10px;
}

.extra-b-padding-30 {
	padding-bottom: 30px;
}

.extra-b-padding-40 {
	padding-bottom: 40px;
}

.extra-b-padding-xxl {
	padding-bottom: 100px !important;
}

.extra-t-padding {
	padding-top: 20px;
}

.extra-t-padding-10 {
	padding-top: 10px;
}

.extra-t-padding-30 {
	padding-top: 30px;
}
}

.extra-t-padding-40 {
	padding-top: 40px;
}

.extra-l-padding {
	padding-left: 10%;
}

.extra-l-padding-20 {
	padding-left: 20px;
}

.extra-l-padding-30 {
	padding-left: 30px;
}

.extra-l-padding-40 {
	padding-left: 40px;
}

.extra-r-padding-20 {
	padding-right: 20px;
}

.extra-r-padding-30 {
	padding-right: 30px;
}

.extra-r-padding-40 {
	padding-right: 40px;
}

.extra-r-padding {
	padding-right: 10%;
}

.extra-l-padding-s {
	padding-left: 3%;
}

.extra-r-padding-s {
	padding-right: 3%;
}

.extra-tb-padding-10px {
	padding-top: 10px;
	padding-bottom: 10px;
}

.extra-tb-padding {
	padding-top: 20px;
	padding-bottom: 20px;
}

.extra-tb-padding-30px {
	padding-top: 30px;
	padding-bottom: 30px;
}

.extra-tb-padding-40px {
	padding-top: 40px;
	padding-bottom: 40px;
}

.extra-tb-padding-20 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.extra-tb-padding-xl {
	padding-top: 40px;
	padding-bottom: 40px !important;
}

.extra-lr-padding-20 {
	padding-left: 20px;
	padding-right: 20px;
}

.extra-lr-padding-15 {
	padding-left: 15px;
	padding-right: 15px;
}

.extra-lr-padding-10 {
	padding-left: 10px;
	padding-right: 10px;
}


.extra-lr-padding-30 {
	padding-left: 30px;
	padding-right: 30px;
}

.extra-lr-padding-40 {
	padding-left: 40px;
	padding-right: 40px;
}

.extra-lr-padding-50 {
	padding-left: 50px;
	padding-right: 50px;
}

.extra-lr-padding-60 {
	padding-left: 60px;
	padding-right: 60px;
}

.extra-lr-padding-70 {
	padding-left: 70px;
	padding-right: 70px;
}

.extra-lr-padding {
	padding-left: 10%;
	padding-right: 10%;
}

@media only screen and (min-width:768px) {
	.extra-lr-padding-desktop {
		padding-left:20px;
		padding-right:20px;
	}
	
	.extra-lr-padding-desktop-l {
		padding-left:80px;
		padding-right:20px;
	}
}

@media only screen and (min-width:1024px) {
	.extra-lr-padding-desktop-2{
		padding:0 30px;
	}
}

@media only screen and (min-width:1280px) {
	.display-flex-desktop{
		display:flex;
	}
	
	.display-85-15-desktop{
		display:inline;
		width:85%;
	}
	.display-15-85-desktop{
		display:inline;
		width:15%;
		text-align:right;
	}
	
}

.extra-lr-padding-s {
	padding-left: 5%;
	padding-right: 5%;
}

.extra-lr-padding-xs {
	padding-left: 3%;
	padding-right: 3%;
}

.image-right-align {
	float: right;
}

.image-left-align {
	float: left;
}

.border-t-mobile {
	display: none;
}

.full-border{
	border:1px solid;
}

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

.extra-l-margin-10 {
	margin-left: 10px;
}

.extra-l-margin-20 {
	margin-left: 20px;
}

.extra-r-margin {
	margin-right: 40px;
}

.extra-lr-margin {
	margin-left: 20px;
	margin-right: 20px;
}

.extra-lr-margin-10 {
	margin-left: 10px;
	margin-right: 10px;
}

.extra-lr-margin-20 {
	margin-left: 20px;
	margin-right: 20px;
}

.extra-lr-margin-30 {
	margin-left: 30px;
	margin-right: 30px;
}

.extra-tb-margin {
	margin-top: 20px;
	margin-bottom: 20px;
}

.extra-tb-margin-10px {
	margin-top: 10px;
	margin-bottom: 10px;
}

.extra-tb-margin-20px {
	margin-top: 20px;
	margin-bottom: 20px;
}

.extra-tb-margin-30px {
	margin-top: 30px;
	margin-bottom: 30px;
}

.extra-tb-margin-40 {
	margin-top: 40px;
	margin-bottom: 40px;
}

.extra-t-margin {
	margin-top: 20px;
}

.extra-t-margin-xl {
	margin-top: 40px;
}

.extra-t-margin-40 {
	margin-top: 40px;
}

.extra-t-margin-100 {
	margin-top: 100px;
}

.extra-t-margin-150 {
	margin-top: 150px;
}

.extra-b-margin {
	margin-bottom: 20px;
}

.extra-b-margin-10 {
	margin-bottom: 10px;
}

.extra-b-margin-30 {
	margin-bottom: 30px;
}

.extra-b-margin-40 {
	margin-bottom: 40px;
}

.extra-b-margin-xl {
	margin-bottom: 40px;
}

.extra-l-super-margin {
	margin-left: 5% !important;
}

.border-full {
	border: 1px solid;
}

.border-b {
	border-bottom: 1px solid;
}

.border-t {
	border-top: 1px solid #000;
}

.border-r {
	border-right: 1px solid #000;
}

.border-r-white {
	border-right: 1px solid #ffffff;
}

.border-r-to-b {
	border-right: 1px solid #000000;
}

.border-r-to-b-tab {
	border-right: 1px solid #000000;
}

.border-r-to-b-white {
	border-right: 1px solid #ffffff;
}

.border-b-mobile {
	border-bottom: 0px;
}

.border-l {
	border-left: 1px solid;
}
@media only screen and (max-width:1024px) {
	.border-r-to-b-tab {
		border-right: 0px;
		border-bottom: 1px solid #000000;
	}
}
@media only screen and (max-width:768px) {
	.border-r-to-b-white {
		border-right: 0px;
		border-bottom: 1px solid #ffffff;
	}
	
	.border-r-to-b {
		border-right: 0px;
		border-bottom: 1px solid #000000;
	}

	.border-b-mobile {
		border-bottom: 1px solid #000000;
	}
}

.cta-dar-simple {
	border: none;
	color: black !important;
	padding: 8px 32px 4px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	display: inline-block;
	margin: 4px 2px;
	transition-duration: 0.4s;
	cursor: pointer;
	background-color: white;
	color: black;
	border: 1px solid black;
	font-size: 16px;
}


.cta-dar-simple:hover {
	background-color: #cccccc;
	color: black;
}

@media only screen and (max-width:1279px) {
	.extra-l-super-margin {
		margin-left: 5% !important;
	}
	
	.extra-tb-margin-mobile-40px{
		margin-top: 40px;
		margin-bottom: 40px;
	}
	
	.extra-tb-padding-mobile-40px{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	
	.extra-tb-margin-mobile-50px{
		margin-top: 50px;
		margin-bottom: 50px;
	}
	
	.extra-tb-padding-mobile-50px{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	
	.extra-tb-margin-mobile-60px{
		margin-top: 60px;
		margin-bottom: 60px;
	}
	
	.extra-tb-padding-mobile-60px{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	
	.extra-tb-margin-mobile-70px{
		margin-top: 70px;
		margin-bottom: 70px;
	}
	
	.extra-tb-padding-mobile-70px{
		padding-top: 70px;
		padding-bottom: 70px;
	}
	
	.extra-tb-margin-mobile-80px{
		margin-top: 80px;
		margin-bottom: 80px;
	}
	
	.extra-tb-padding-mobile-80px{
		padding-top: 80px;
		padding-bottom: 80px;
	}
}

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

@media only screen and (max-width:767px) {
	.remove-margin-mobile {
		margin: 0;
	}

	.border-t-mobile {
		display: block;
		border-top: 1px solid black;
	}

	.border-b-mobile {
		display: block;
		border-bottom: 1px solid black;
	}

	.image-right-align {
		float: none;
	}

	.mobile-full-width-img {
		width: 100%;
	}

	.extra-l-padding-s-mobile {
		padding-left: 3%;
	}

	.extra-r-padding-s-mobile {
		padding-right: 3%;
	}

	.title-x3-border-bottom-hide-on-mobile {
		border: 0;
	}

	.extra-b-padding-xxl {
		padding-bottom: 0px !important;
	}
}

@media only screen and (max-width:1024px) {
	.extra-lr-padding-mobile {
		padding-left: 10%;
		padding-right: 10%;
	}

	.extra-lr-padding-mobile-20px {
		padding-left: 20px;
		padding-right: 20px;
	}

	.extra-tb-padding-mobile-20px {
		padding-top: 20px;
		padding-bottom: 20px;
	}
}

.border-hr {
	border-top: 1px solid gray;
	border-bottom: 0px;
}

.border-hr-black {
	border-top: 1px solid black;
	border-bottom: 0px;
	margin: 0 !important;
}

.border-hr-black-b {
	border-top: 1px solid black;
	border-bottom: 0px;
}

.border-hr-tb-margin-10 {
	margin: 10px 0 !important;
}

.border-hr-tb-margin-20 {
	margin: 20px 0 !important;
}

.border-hr-b-margin-20 {
	margin-bottom: 20px;
}

.right-header-re-align {
	max-width: 94%;
	padding-left: 56% !important;
}

.right-content-re-align {
	max-width: 94%;
	padding-left: 6%;
}

@media only screen and (max-width:767px) {
	.right-header-re-align {
		padding-left: 6% !important;
	}
}

.capitalize {
	text-transform: uppercase;
}

.padding-top-section {
	padding: 20px 40px 20px 70px;
}

.padding-top-section-30 {
	padding: 20px 30px;
}

.padding-middle-section {
	padding: 20px 40px 20px 70px;
}

.padding-middle-section-40 {
	padding: 20px 60px 20px 10px;
}

@media only screen and (max-width: 1024px) {
	.padding-top-section {
		padding-left: 40px;
	}

	.padding-middle-section {
		padding-left: 40px;
	}

	.padding-middle-section-40 {
		padding: 40px;
	}
}

@media only screen and (max-width: 767px) {
	.padding-top-section {
		padding-left: 20px;
	}

	.padding-middle-section {
		padding-left: 20px;
	}

	.padding-middle-section-40 {
		padding-left: 20px;
	}
}

.product-label-container {
	position: relative;
}

.product-label {
	background: rgba(0, 0, 0, 0.5);
	color: #FFF;
	display: inline;
	padding: 3px 5px;
	position: absolute;
	bottom: 0;
}

.product-label-blue {
	background: #549ef8;
	color: #000;
	display: inline;
	padding: 4px 16px;
	position: absolute;
	bottom: 0;
}

.product-label-blue-2 {
	background: #549ef7;
	color: #000;
	display: inline;
	padding: 4px 16px;
	position: absolute;
	bottom: 0;
}

.product-label-green {
	background: #69cc7c;
	color: #000;
	display: inline;
	padding: 4px 16px;
	position: absolute;
	bottom: 0;
}

.product-label-green-2 {
	background: #00d072;
	color: #000;
	display: inline;
	padding: 4px 16px;
	position: absolute;
	bottom: 0;
}

.product-label-pink {
	background: #ff8eff;
	color: #000;
	display: inline;
	padding: 4px 16px;
	position: absolute;
	bottom: 0;

}

.product-label-pink-2 {
	background: #ff948a;
	color: #000;
	display: inline;
	padding: 4px 16px;
	position: absolute;
	bottom: 0;
}

.product-label-purple {
	background: #a89efa;
	color: #000;
	display: inline;
	padding: 4px 16px;
	position: absolute;
	bottom: 0;
}

/* End :: New styles */

.rbn-title-h1 {
	font-family: 'RBNo3.1' !important;
	font-size: 47px;
	line-height: 1.4;
	font-weight: 800;
	margin-bottom: .75rem;
}

.rbn-title-h2 {
	font-family: 'RBNo3.1' !important;
	font-size: 40px;
	line-height: 52px;
	font-weight: 700;
}

.rbn-title-h4 {
	font-family: 'RBNo3.1';
	font-size: 27px;
	line-height: 1.4;
	font-weight: 700;
	margin-bottom: .75rem;
}

.pn-description-2 {
	font-size: 19px;
	line-height: 27px;
	font-family: 'Proxima Nova';
	font-weight: 400;
}

.pn-description-400 {
	font-size: 16px;
	font-family: 'Proxima Nova';
}

.pn-description-600 {
	font-size: 13px;
	font-weight: 600;
	font-family: 'Proxima Nova';
	line-height: 20px;
}

.pn-title-description {
	font-family: 'Proxima Nova';
	font-size: 19px;
}

.margin-10 {
	margin-bottom: 10px;
}

.notch-full {
	clip-path:
		polygon(0 60px,
			/* top left */
			60px 0,
			/* top left */
			calc(100% - 60px) 0,
			/* top right */
			100% 60px,
			/* top right */
			100% calc(100% - 60px),
			/* bottom right */
			calc(100% - 60px) 100%,
			/* bottom right */
			60px 100%,
			/* bottom left */
			0 calc(100% - 60px)
			/* bottom left */
		);
}

.notch-lb {
	clip-path:
		polygon(0 0,
			0 0,
			100% 0,
			100% 0,
			100% 100%,
			100% 100%,
			60px 100%,
			0 calc(100% - 60px));
}

.notch-lt {
	clip-path:
		polygon(0 60px,
			60px 0,
			100% 0,
			100% 0,
			100% 100%,
			100% 100%,
			0 100%,
			0 100%);
}

.notch-rb {
	clip-path:
		polygon(0 0,
			0 0,
			100% 0,
			100% 0,
			100% calc(100% - 60px),
			calc(100% - 60px) 100%,
			0 100%,
			0 100%);
}

.notch-ltrb {
	clip-path:
		polygon(0 60px,
			60px 0,
			100% 0,
			100% 0,
			100% calc(100% - 60px),
			calc(100% - 60px) 100%,
			0 100%,
			0 100%);
}

.notch-rt {
	clip-path:
		polygon(0 0,
			0 0,
			calc(100% - 60px) 0,
			/* top right */
			100% 60px,
			/* top right */
			100% 100%,
			100% 100%,
			0 100%,
			0 100%);
}

.div-equal-width {
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: start;
	justify-content: flex-start;
	max-width: 321px;
	padding: 10px;
	margin: 10px;
	border: 1px solid #e6ebf0;
	font-size: 13px;
}

.table-cells {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}

.table-cells-width-45 {
	width: 45%;
	padding: 20px;
}

.table-cells-width-10 {
	width: 10%;
	padding: 20px;
}

@media only screen and (max-width: 1024px) {
	.table-cells-width-45 {
		width: 48%;
	}

	.table-cells-width-10 {
		width: 4%;
	}

	.margin-lr-tablet {
		margin-left: 20px;
		margin-right: 20px;
	}
}

@media only screen and (max-width: 767px) {
	.table-cells-width-45 {
		width: 96%;
	}

	.table-cells-width-10 {
		width: 4%;
	}
}

.video-bg-container {
	overflow: hidden;
	position: relative;
}

.video-bg {
	max-height: 100%;
	position: absolute;
}

.video-bg-full-width {
	max-width: 100%;
	position: absolute;
}

.video-bg-right-border-remove {
	left: -1px;
	top: -1px;
}

.video-bg-left-border-remove {
	right: 1px;
	bottom: -1px;
}


/* start::hover undeline style */

.hover-underline-animation-container {
	background-image: url('../uploads/images/arrow-link.svg');
	background-repeat: no-repeat;
	background-position: left;
	padding: 20px;
	color: #000;
}

.hover-underline-animation-container:hover {
	color: #000;
}

.hover-underline-animation {
	position: relative;
	line-height: 33px;
	margin-left: 25px;
	cursor: pointer;
}

.hover-underline-animation:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	border-top: 1px solid #000;
	transform: scaleX(0);
	transform-origin: bottom left;
	transition: transform 0.25s ease-out;
}

.white .hover-underline-animation:after {
	border-top: 1px solid #fff;
}

.hover-underline-animation:hover:after {
	transform: scaleX(1);
	transform-origin: bottom left;
}

/* End::hover undeline style */

/* start::new style with bg behind text */

.module-sh-301-a {
	display: flex;
}

.module-sh-301-a-height-xl {
	min-height: 600px;
}

.module-sh-301-a-height-l {
	min-height: 500px;
}

.module-sh-301-a-height-m {
	min-height: 400px;
}

.module-sh-301-a-height-s {
	min-height: 300px;
}

.module-sh-301-a-img-right {
	flex-direction: row-reverse;
}

.module-sh-301-a-60 {
	flex: 60%;
}

.module-sh-301-a-40 {
	flex: 40%;
}

.module-sh-301-a-img {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

@media only screen and (max-width: 1024px) {
	.module-sh-301-a {
		display: inherit;
	}

	.module-sh-301-a-img {
		width: 100%;
		height: 400px;
	}

	.module-sh-301-a-60 {
		width: 100%;
	}

	.module-sh-301-a-40 {
		width: 100%;
	}
}

/* End::new style with bg behind text */

.text-color-blue {
	color: #165dba;
}

.remove-additional-arrow .active .title-h4::before {
	display: none;
}

@media only screen and (min-width: 1025px) {
	.adjusted-width {
		margin-left: -50px;
		width: 80%;
	}
}

@media only screen and (max-width: 767px) {
	.adjusted-width {
		margin-left: 50px;
		width: 80%;
	}
}

.min-height-56px {
	min-height: 56px;
}

.hover-underline-animation-container {
	background-image: url('../uploads/images/arrow-link.svg');
	background-repeat: no-repeat;
	background-position: left;
	padding: 20px;
	color: #000;
}

.hover-underline-animation-container:hover {
	color: #000;
}

.flex-grid-container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.flex-grid-80 {
	flex: 80%;
}

.flex-grid-20 {
	flex: 20%;
}

.float-right {
	float: right;
}

.img-full-width {
	width: 100%;
	max-width: 100%;
	display: block;
}

.img-width-60 {
	width: 60px;
}

.img-width-70 {
	width: 70px;
}

.img-width-80 {
	width: 80px;
}

.img-height-30 {
	height: 30px;
}

/* Arrow css */
.arrow-up-down {
	width: 1.25rem;
	height: 1.25rem;
	display: inline-block;
	position: relative;
	margin: 0 1rem;
}

.arrow-up-down span {
	top: 0.5rem;
	position: absolute;
	width: 0.75rem;
	height: 0.1rem;
	background-color: #000000;
	display: inline-block;
	transition: all 0.2s ease;
}

.arrow-up-down span:first-of-type {
	left: 0;
	transform: rotate(45deg);
}

.arrow-up-down span:last-of-type {
	right: 0;
	transform: rotate(-45deg);
}

.arrow-up-down.active span:first-of-type {
	transform: rotate(-45deg);
}

.arrow-up-down.active span:last-of-type {
	transform: rotate(45deg);
}

.display-inherit {
	display: inherit !important;
}

.display-inline-block {
	display: inline-block !important;
}

.arrow-adjustment {
	display: inherit !important;
	margin-left: 5px !important;
	margin-top: 20px !important;
}

.arrow-adjustment-two {
	margin-left: 2px !important;
}

.djr-500 {
	font-weight: 500;
}

.djr-400 {
	font-weight: 400;
}

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

@media only screen and (max-width: 767px) {
	.float-right-to-left {
		float: left;
	}
}

/* start :: arrow with 301-d module */
.underline:hover {text-decoration: underline; color:black;}
.arrow-container .title-h4 {font-size:18px; line-height:22px;}

li.sh-301-d_list-item {
	border-bottom: 1px solid #000;
	border-radius: 0px;
}
.text-color-white li.sh-301-d_list-item {
	border-bottom: 1px solid #fff;
	border-radius: 0px;
}
.text-color-white .sh-301-d_list-item.active .remove.title-h4 {
	color:#fff;
	background: none;
	padding-left: 0px;
}
.text-color-white .sh-301-d_list-item .title-h4:hover{
	color:#fff;
}
.sh-301-d_list-item.active .remove.title-h4 {
	color:#000;
	background: none;
	padding-left: 0px;
}
.active .remove.title-h4::before{
	border-width:0px;
}
.arrow-container .arrow-up-down {
	opacity: 1;
	transform: rotate(0deg);
	width: 7px;
	top: 4px;
}
.arrow-up-down {
	width: 1.25rem;
	height: 1.25rem;
	display: inline-block;
	position: relative;
	margin: 0 1rem;
}
.arrow-container .active .arrow-up-down {
	transform: rotate(90deg);
}
.text-color-white .arrow-container .arrow-up-down {
	opacity: 1;
	transform: rotate(0deg);
	width: 7px;
	top: 4px;
}
.text-color-white .arrow-container .active .arrow-up-down {
	transform: rotate(90deg);
}

/* end :: arrow with 301-d module */

.border-all-side {
	border: 1px solid #000;
}

.sh-200_col-1of2-with-border {
	width: calc(50% - 42px);
	margin: 20px;
	border: 1px solid #000;
	float: left;
}

.sh-200_col-1of3-with-border {
	width: calc(33% - 42px);
	margin: 20px;
	border: 1px solid #000;
	float: left;
}

@media only screen and (max-width: 600px) {
	.sh-200_col-1of2-with-border {
		width: calc(100% - 42px);
	}
}

@media only screen and (max-width: 700px) {
	.sh-200_col-1of3-with-border {
		width: calc(100% - 42px);
	}
}

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

.display-flex-desktop {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.display-flex-equal {
	flex: 1;
}

.img-mobile-tab{
	display:none;
}

@media only screen and (min-width: 1024px) {
	.padding-right-desktop{
		padding-right:30px;
	}
}
@media only screen and (max-width: 1024px) {
	.display-flex-desktop {
		display: block;
	}
	
	.img-mobile-tab{
		display:block;
	}

	.img-mobile-desktop{
		display:none;
	}
	
	.margin-tab-mobile{
		margin-bottom:20px;
	}
	
	.padding-top-tab-mobile{
		padding-top:20px;
	}
}

.display-flex-2 {
	display: flex;
	width: 100%;
	flex-direction: row;
    flex-wrap: wrap;
}

/*
@media only screen and (max-width: 900px) {
	.display-flex-2 {
		width: 100%;
	}
}
*/

@media only screen and (min-width:1300px) {
	.width-1300px {
		max-width: 65%;
	}

	.width-1300px-right-align {
		max-width: 60%;
		margin-left: 40%;
	}

	.width-1300px-title {
		margin-left: 34%;
	}

	.extra-margin-20vh {
		margin-bottom: 20vh !important;
	}

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

/* new 60-40 style :: start */

.width-60-40-container{display:flex; align-items: center;}
.width-60-40-60percent{width:60%;}
.width-60-40-40percent{width:40%;}

@media only screen and (max-width: 980px) {
	.width-60-40-60percent{width:50%;}
	.width-60-40-40percent{width:50%;}
}

@media only screen and (min-width: 767px) {
	.sh-w-60-40 {
		display: flex;
	}

	.sh-w-60-40-img {
		width: 60%;
	}

	.sh-w-60-40-content {
		width: 40%;
	}

	.sh-w-60-40-bg-img-t-d {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center top;
		min-height: 550px;
	}

	.sh-w-60-40-img-m {
		display: none;
	}
}

@media only screen and (max-width: 767px) {
	.width-60-40-container{display:block;}
	.width-60-40-60percent{width:100%;}
	.width-60-40-40percent{width:100%;}
	
	.sh-w-60-40 {
		display: inline-block;
	}

	.sh-w-60-40-img {
		width: 100%;
	}

	.sh-w-60-40-content {
		width: 100%;
	}

	.sh-w-60-40-bg-img-t-d {
		background-image: none !important;
	}

	.sh-w-60-40-img-m {
		width: 100%;
	}
}

/* new 60-40 style :: end */

/* new 70-30 style :: start */

@media only screen and (min-width: 767px) {
	.sh-w-70-30 {
		display: flex;
	}

	.sh-w-70-30-img {
		width: 70%;
	}

	.sh-w-70-30-content {
		width: 30%;
	}

	.sh-w-70-30-bg-img-t-d {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center top;
		min-height: 500px;
	}

	.sh-w-70-30-img-m {
		display: none;
	}
}

@media only screen and (max-width: 767px) {
	.sh-w-70-30 {
		display: inline-block;
	}

	.sh-w-70-30-img {
		width: 100%;
	}

	.sh-w-70-30-content {
		width: 100%;
	}

	.sh-w-70-30-bg-img-t-d {
		background-image: none !important;
	}

	.sh-w-70-30-img-m {
		width: 100%;
	}
}

/* new 70-30 style :: end */


/* new 65-35 style :: start */

@media only screen and (min-width: 767px) {
	.sh-w-65-35 {
		display: flex;
	}

	.sh-w-65-35-img {
		width: 65%;
	}

	.sh-w-65-35-content {
		width: 35%;
	}

	.sh-w-65-35-bg-img-t-d {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center top;
		min-height: 500px;
	}

	.sh-w-65-35-img-m {
		display: none;
	}
}

@media only screen and (max-width: 767px) {
	.sh-w-65-35 {
		display: inline-block;
	}

	.sh-w-65-35-img {
		width: 100%;
	}

	.sh-w-65-35-content {
		width: 100%;
	}


	.sh-w-65-35-bg-img-t-d {
		background-image: none !important;
	}

	.sh-w-65-35-img-m {
		width: 100%;
	}
}

/* new 65-35 style :: end */

@media only screen and (max-width: 767px) {
	.sh-w-65-35 {
		display: inline-block;
	}

	.sh-w-65-35-img {
		width: 100%;
	}

	.sh-w-65-35-content {
		width: 100%;
	}

	.sh-w-65-35-bg-img-t-d {

		background-image: none !important;
	}

	.sh-w-65-35-img-m {
		width: 100%;
	}
}

/* new 65-35 style :: end */
/* Color Swatches */
.color-swatches {
	display: flex;
	align-items: center;
	font-size: 0
}

.color-swatches .color-swatch-item {
	cursor: pointer;
	display: inline-block;
	border-radius: 50px;
	height: 16px;
	width: 16px
}

.color-swatches .color-swatch-item div {
	background-size: cover;
	border-radius: 50%;
	display: block;
	width: 100%;
	height: 100%
}

.color-swatches .color-swatch-item:not(:last-child) {
	margin-right: 10px
}

.color-swatches .color-swatch-item--active {
	cursor: auto;
	border: 2px outset #5a5a5a;
	border-radius: 50px;
	height: 20px;
	width: 20px;
	padding: 2px
}

.color-blue {
	background: #3a5d7c;
}

.color-purple {
	background: #5a1339;
}

.color-gray {
	background: #9c9a9c;
}

.color-red {
	background: #973029;
}

.color-yellow {
	background: #d7a54a;
}

.color-cosmic {
	background: #67663d;
}

/* custom tooltip box style */
.custom-tooltip-box {
	border: 1px solid green;
	position: absolute;
	color: white;
	top: 30px;
	left: 0px;
	background-color: black;
}

.img-bg-gray-1 {
	background: #e6e6e6;
}

.img-v-align-m {
	vertical-align: middle;
}

.img-v-align-holder {
	display: flex;
	align-items: center;
}


/* ********************** Start:: New module styles ********************** */

/* bg transparent style */
.transparent-black-bg {
	background: rgba(0, 0, 0, 0.3);
	width: 100%;
}

.transparent-white-bg {
	background: rgba(255, 255, 255, 0.3);
	width: 100%;
}

/* border style */
.border-t-black {
	border-top: 1px solid black;
}

.border-b-black {
	border-bottom: 1px solid black;
}

.border-t-white {
	border-top: 1px solid white;
}

.border-b-white {
	border-bottom: 1px solid white;
}

.border-text-content {
	border-bottom: 1px solid black;
	display: inline;
}

.border-text-content-last-child {
	border-bottom: none;
}

img {
	display: block;
}

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

/* ================= Start:: width & spacing (margin, padding) ================= */

/* width style */
.width-f {
	width: 100%;
}

.width-1600px {
	max-width: calc(1660px - 60px);
	margin: auto;
	padding-left: 30px;
	padding-right: 30px;
}

.width-1400px {
	max-width: calc(1460px - 60px);
	margin: auto;
	padding-left: 30px;
	padding-right: 30px;
}

.width-1200px {
	max-width: calc(1260px - 60px);
	margin: auto;
	padding-left: 30px;
	padding-right: 30px;
}

.width-1000px {
	max-width: calc(1060px - 60px);
	margin: auto;
	padding-left: 30px;
	padding-right: 30px;
}

.width-976px {
	max-width: calc(1036px - 60px);
	margin: auto;
	padding-left: 30px;
	padding-right: 30px;
}

.width-hp-dot-com {
	max-width: 1280px;
	width:100%;
	margin: auto;
	padding-left: 31px;
	padding-right: 31px;
}

.width-hp-dot-com-border-content {
	max-width: 1218px;
	margin: auto;
	padding-left: 31px;
	padding-right: 31px;
}

.width-50 {
	width: 50%;
}

.width-40 {
	width: 40%;
}

.width-30 {
	width: 30%;
}

.width-20 {
	width: 20%;
}

/* margin style */
.m-20px {
	margin: 20px;
}

.m-30px {
	margin: 30px;
}

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

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

.m-t-50px {
	margin-top: 50px;
}

.m-t-60px {
	margin-top: 60px;
}

.m-t-70px {
	margin-top: 70px;
}

.m-t-80px {
	margin-top: 80px;
}

.m-l-50px {
	margin-left: 50px;
}

.m-l-100px {
	margin-left: 100px;
}

.m-l-200px {
	margin-left: 200px;
}

.m-l-300px {
	margin-left: 300px;
}

/* padding style */
.p-20px {
	padding: 20px;
}

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

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

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

.p-t-50px {
	padding-top: 50px;
}

.p-t-60px {
	padding-top: 60px;
}

.p-t-70px {
	padding-top: 70px;
}

.p-t-80px {
	padding-top: 80px;
}

.p-l-50px {
	padding-left: 50px;
}

.p-l-60px {
	padding-left: 60px;
}

.p-l-70px {
	padding-left: 70px;
}

.p-l-80px {
	padding-left: 80px;
}

/* ================= End:: spacing ================= */

/* ================= Start:: 100 new module with text over image ================= */

.m-sh-100 {
	position: relative;
	display: flex;
}

.m-sh-100-m {
	position: relative;
	display: flex;
	align-items: center;
}

.m-sh-100-t-l {
	position: absolute;
	top: 0;
	left: 0;
}

.m-sh-100-t-r {
	position: absolute;
	top: 0;
	right: 0;
}

.m-sh-100-b-l {
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

.m-sh-100-b-r {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0;
	padding: 0;
}

.m-sh-100-m-l {
	position: absolute;
	left: 0;
}

.m-sh-100-m-r {
	position: absolute;
	right: 0;
}

@media only screen and (max-width: 1000px) {
	.m-sh-100-m {
		display: block;
	}

	.m-sh-100-m-l {
		position: inherit;
	}

	.m-sh-100-m .width-30 {
		width: 100%;
	}
}

/* ================= End:: 100 new module with text over image ================= */

/* ================= Start:: 300 new module with flexible width ================= */

/* Reverse img/content order */
.m-sh-300.img-on-right {
	flex-direction: row-reverse;
}

.m-sh-300-img {
	width: 100%;
	min-height: 100%;
	display: block;
}

/* 70 img /30 content */
.m-sh-300-img-70 {
	width: 70%;
}

.m-sh-300-content-30 {
	width: 30%;
}

/* 65 img /35 content */
.m-sh-300-img-65 {
	width: 65%;
}

.m-sh-300-content-35 {
	width: 35%;
}

/* 60 img /40 content */
.m-sh-300-img-60 {
	width: 60%;
}

.m-sh-300-content-40 {
	width: 40%;
}

/* 55 img /45 content */
.m-sh-300-img-55 {
	width: 55%;
}

.m-sh-300-content-45 {
	width: 45%;
}

/* 50 img /50 content */
.m-sh-300-img-50 {
	width: 50%;
}

.m-sh-300-content-50 {
	width: 50%;
}

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

	.m-sh-300-img-70,
	.m-sh-300-content-30,
	.m-sh-300-img-65,
	.m-sh-300-content-35,
	.m-sh-300-img-60,
	.m-sh-300-content-40,
	.m-sh-300-img-55,
	.m-sh-300-content-45,
	.m-sh-300-img-50,
	.m-sh-300-content-50 {
		width: 100% !important;
	}

	.remove-padding-below-1000px {
		padding: 0 !important;
	}
}

/* ================= End:: 300 new module with flexible width ================= */

/* ================= Start:: 300-2a new ================= */

.m-sh-300-2a {
	position: relative;
	min-height: 400px;
}

.m-sh-300-2a-content-width {
	width: 416px;
}

.m-sh-300-2a-content-width-l {
	width: 550px;
}

@media only screen and (min-width: 1280px) {
	.m-sh-300-2a-content-width {
		padding-right:40px;
	}
	.m-sh-300-2a-content-width-l {
		padding-right:40px;
	}
}

.m-sh-300-2a-left{
	margin-left: calc(50% + 193px);
}

.m-sh-300-2a-img-container {
	width: calc(50% + 193px);
	position: absolute;
	right: 0;
	bottom: 0;
	top: 0;
}

.m-sh-300-2a-img-container-left {
	width: calc(50% + 193px);
	position: absolute;
	bottom: 0;
	top: 0;
}

.m-sh-300-2a-img {
	overflow: hidden;
	height: 100%;
	width: 100%;
	background-size: cover;
	transition: opacity, transform .4s, .4s, box-shadow 0s;
}

@media only screen and (min-width: 1281px) {
	.m-sh-300-2a-img .visible-1280px {
		display: none;
	}
}

@media only screen and (max-width: 1280px) {
	.m-sh-300-2a {
		min-height: 1px;
	}

	.m-sh-300-2a-content-width {
		width: 100%;
	}

	.m-sh-300-2a-content-width-l {
		width: 100%;
	}

	.m-sh-300-2a-img-container {
		position: inherit;
		width: 100%;
	}

	.m-sh-300-2a-img-container-left {
		position: inherit;
		width: 100% !important;
	}
	
	.m-sh-300-2a-left{
		margin-left:0px;
	}

	.m-sh-300-2a-img {
		background: none !important;
	}

	.m-sh-300-2a-img .visible-1280px {
		display: block;
	}
}
/* ================= End:: 300-2a new ================= */

/* ================= Start:: 300-3a new ================= */
.m-sh-300-3a-wrapper {
    display: flex;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
}

.m-sh-300-3a-text {
    width: 40%;
    box-sizing: border-box;
    padding: 20px 61px 20px 31px;
    display: flex;
    flex-direction: column;
}

.m-sh-300-3a-image {
    width: 60%;
    box-sizing: border-box;
}

.m-sh-300-3a-image img {
    width: 100%;
    height: auto;
    display: block;
}

.m-sh-300-3a-wrapper.m-sh-300-3a-image-left {
    flex-direction: row-reverse;
}

/* Vertical alignment options */
.align-top {
    justify-content: flex-start;
}

.align-middle {
    justify-content: center;
}

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

@media (max-width: 980px) {
    .m-sh-300-3a-wrapper {
        flex-direction: column !important;
    }

    .m-sh-300-3a-text,
    .m-sh-300-3a-image {
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .m-sh-300-3a-text {
        padding-left: 40px;
        padding-right: 40px;
    }
}

/* ================= End:: 300-3a new ================= */

/* ================= Start:: Underline style ================= */
.underline-container {
	max-width: 111.6rem;
}

.underline-container .underline-yellow {
	font-size: 70px;
	line-height: 1.2em; /* line height must be same */
	background-image: repeating-linear-gradient(
		#ffbd3b, /* both colors must match */
		#ffbd3b calc(1.2em - 1px), /* height must be equal to line height */
		#000000 calc(1.2em - 1px), /* height must be equal to line height */
		#000000 1.2em /* height must be equal to line height */
	);
}

.underline-container .underline-white {
	font-size:70px;
    line-height:1.1em;
    background-image: linear-gradient(to bottom, rgb(0,0,0,0) calc(1.1em - 1px), black 1.1em);
    background-repeat: repeat-y;
    background-size: 100% 1.1em;
}

@media only screen and (max-width:1280px){
	.underline-container .underline-yellow {
		font-size:60px;
	}
}

@media only screen and (max-width:720px){
	.underline-container .underline-yellow {
		font-size:40px;
	}
}
/* ================= End:: Underline style ================= */

.width-1280px {
	width:1280px;
	margin: auto;
	padding:0 30px;
}

@media only screen and (max-width:1280px){
	.width-1280px {
		width: calc(100% - 60px);
	}
}

/* ============== start :: font sizes ============== */

.font-size-112-90-46 {
	font-size: 110px;
	line-height: 114px;
	font-weight:400;
	letter-spacing:-2px;
}

.font-size-80-60-40{
	font-size: 80px;
	line-height: 84px;
	font-weight:400;
	letter-spacing:-2px;
}

.font-size-70-60-40{
	font-size: 70px;
	line-height: 74px;
	font-weight:400;
	letter-spacing:-2px;
}

@media only screen and (max-width:1280px){
	.font-size-112-90-46 {
		font-size: 90px;
		line-height: 96px;
	}
	
	.font-size-80-60-40 {
		font-size: 60px;
		line-height: 64px;
	}
	
	.font-size-70-60-40 {
		font-size: 60px;
		line-height: 64px;
	}
}

@media only screen and (max-width:720px){
	.font-size-112-90-46 {
		font-size: 46px;
		line-height: 50px;
	}
	
	.font-size-80-60-40 {
		font-size: 40px;
		line-height: 44px;
	}
	
	.font-size-70-60-40 {
		font-size: 40px;
		line-height: 44px;
	}
}

/* ============== end :: font sizes ============== */

.line-bottom-black{
	border-bottom:1px solid;
}

.line-bottom-white{
	border-bottom:1px solid white;
}

.line-right-black{
	border-right:1px solid;
}

.line-right-white{
	border-right:1px solid #fff;
}

.line-right-black-2px{
	border-right:2px solid;
}

/* ============================ start :: grid ============================*/

.grid-holder{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

/* start:: 5 grids */
.col-5-3-1{
	width:calc(20% - 20px);
	padding:20px;
	display:inline-block;
}/
/* end:: 5 grids */

/* start:: 4 grids */
.col-4-2{
	width:25%;
	padding:20px;
}

.col-4-2-with-border-right{
	width: 25%;
	padding:20px;
	border-right:1px solid;
	margin:20px 0;
}

.col-4-2-with-border-right:last-child{
	border-right:0;
}
/* end:: 4 grids */

/* start:: 3 grids */

.col-3-1-a{
	width:33%;
	padding:20px;
}

/* end:: 3 grids */

/* start:: 2 grids */

.col-2{
	width:50%;
	padding:20px;
}

/* end:: 2 grids */

@media only screen and (max-width:1280px){
	
	/* start:: 5 grids */
	.col-5-3-1{
		width:calc(33.33% - 20px);
		padding:20px;
	}
	/* end:: 5 grids */
	
	/* Start:: 4 grids */
	.col-4-2-with-border-right{
		width: 50%;
	}

	.col-4-2-with-border-right:nth-child(2) {
		border-right:0;
	}
	/* End:: 4 grids */
}

@media only screen and (max-width:720px){
	
	/* start:: 5 grids */
	.col-5-3-1{
		width:calc(100% - 20px);
		padding:20px;
	}
	/* end:: 5 grids */
	
	/* Start:: 4 grids */
	.col-4-2-with-border-right{
		width: 100%;
		margin:0;
	}

	.col-4-2-with-border-right {
		border-right:0;
	}

	.col-4-2-with-border-bottom-mobile {
		border-bottom:1px solid;
		padding:30px 20px;
	}

	.col-4-2-with-border-bottom-mobile:last-child{
		border-bottom:0;
	}
	/* end:: 4 grids */
	
	/* start:: 3 grids */
	.col-3-1-a{
		width:100%;
		padding:20px;
	}
	/* end:: 3 grids */
	
	/* start:: 2 grids */
	.col-2{
		width:100%;
		padding:20px;
	}
	/* end:: 2 grids */
}

/* end :: grid */


/* Nav pink bg :: start-->*/
.nav.bg-pink {background: #ffdfdc;}
.nav .bg-pink .description {display: none;}
.nav .bg-pink {background: #ff948a; transition: background .3s ease, width .3s ease;}
.nav .bg-pink:hover {background: #ffdfdc; transition: background .3s ease, width .3s ease;}
.nav .bg-pink.active {background: #ffdfdc;}
.nav .bg-pink.active .description {display: inline-block;}
/* Nav pink bg :: end  */

.nav.bg-purple {background: #ddbdf8;}
.nav .bg-purple .description {display: none;}
.nav .bg-purple {background: #aa5bed; transition: background .3s ease, width .3s ease;}
.nav .bg-purple:hover {background: #ddbdf8;transition: background .3s ease, width .3s ease;}
.nav .bg-purple.active {background: #ddbdf8;}
.nav .bg-purple.active .description {display: inline-block;}

.nav.bg-blue {background: #B2B9FB;}
.nav .bg-blue.description {display: none;}
.nav .bg-blue {background: #919bfa; transition: background .3s ease, width .3s ease;}
.nav .bg-blue:hover {background: #B2B9FB; transition: background .3s ease, width .3s ease;}
.nav .bg-blue.active {background: #B2B9FB;}
.nav .bg-blue.active .description {display: inline-block;}

.nav.bg-blue-a {background: #549EF8;}
.nav .bg-blue-a.description {display: none;}
.nav .bg-blue-a {background: #98C5FB;transition: background .3s ease, width .3s ease;}
.nav .bg-blue-a:hover {background: #549EF8;transition: background .3s ease, width .3s ease;}
.nav .bg-blue-a.active {background: #549EF8;}
.nav .bg-blue-a.active .description {display: inline-block;}

.nav.bg-blue-b {background: #b0ccd9; color:#fff;}
.nav .bg-blue-b.description {display: none;}
.nav .bg-blue-b {background: #002a4e;transition: background .3s ease, width .3s ease;}
.nav .bg-blue-b:hover {background: #b0ccd9; color:#000; transition: background .3s ease, width .3s ease;}
.nav .bg-blue-b.active {background: #b0ccd9; color:#000;}
.nav .bg-blue-b.active .description {display: inline-block;}

.w-25.bg-blue-b {width: 20% !important;}
.w-25.bg-blue-b.active {width: 40% !important;}
@media only screen and (max-width: 720px) {
	.w-25.bg-blue-b {width: 100% !important;}
	.w-25.bg-blue-b.active {width: 100% !important;}
}

.fill-b2w{fill: #ffffff;}
.nav .bg-blue-b:hover .fill-b2w {fill:#000;}

.display-active{display:none;}
.nav .active .display-active{transition: opacity 2s ease; display:block; }

.m-b-40 {
	margin-bottom: 40px;
}

@media only screen and (max-width: 720px) {
	.m-b-40-remove-mobile {
		margin-bottom: 0px;
	}
}

@media only screen and (min-width: 1400px) {
	.m-l-150px-desktop {
	margin-left: 150px;
	}
}

.button-container {position: relative; padding-bottom: 80px; margin-bottom:20px;}
.button-bottom-align {position: absolute; bottom:6px; left:10px;}

@media only screen and (max-width: 720px) {
	.button-container {padding-bottom: 80px !important; margin-bottom:20px !important;}
}

/* start:: zoom in image */
.zoom-in-img-container{
	overflow:hidden;
}

.zoom-in-img{
	transform: scale(1);
	transition: transform 0.4s ease;
	width: 100%;
	margin: 0 auto;
	transform-origin: 50% 90%;
	-webkit-transition: -webkit-transform .5s ease-out;
}

.zoom-in-img:hover{
	transform: scale(1.1);
}
/* end:: zoom in image */

/* Start :: Tab new style - gray bg and black text */
.text-color-black .sh-tabs_link.current-tab.current-tab {color:black;}
.text-color-black .sh-tabs_link {color:#b8b8b8;}
.text-color-black .sh-tabs_pointer {background:#e6e6e6;}
.text-color-black .sh-tabs_link.current-tab::after {background-color:#000;}
/* End :: Tab new style - gray bg and black text */

.position-absolute{position:absolute; width:100%;}
.position-relative{position:relative;}
.position-top100-left{left:0; top:100px;}

@media only screen and (max-width:1280px){
	.position-top100-left{left:0; top:30px;}
}

.height-600px{height:600px;}
.height-650px{height:650px;}
.height-700px{height:700px;}
.height-750px{height:750px;}
.height-700px-600px-675px{height:700px;}

@media only screen and (max-width:1280px){
	.height-700px-600px-675px{height:700px;}
}
@media only screen and (max-width:767px){
	.height-700px-600px-675px{height:675px;}
}

/* start :: sh-w-60-40-new style */
.sh-w-60-40-new-container {
	display: flex;
	width: 100%;
	height: auto;
	position: relative;
	align-items: stretch;
	flex-wrap: wrap;
}
.sh-w-60-40-new-content-section {
	width: 40%;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}
.sh-w-60-40-new-image-section {
	width: 60%;
	background: lightblue;
	display: flex;
	align-items: center;
	position: relative;
}

.sh-w-60-40-image-overlay-container{
	position: absolute;
	background-color: rgba(0, 0, 0, 0.6);
	color: #fff;
	padding: 20px;
	width: 100%;
	bottom: 0;
}

.sh-w-60-40-image-overlay-data{
	display: flex;
	align-items: center;
	gap: 20px;
}

.left-adjust{
	padding-left:30px;
}

@media (max-width: 1279px) {
	.sh-w-60-40-new-content-section, .sh-w-60-40-new-image-section {
		width: 100%;
		align-items: normal;
	}

	.sh-w-60-40-new-content-section {
		order: 2;
	}
	.sh-w-60-40-new-image-section {
		order: 1;
	}
}

.left-adjust {
	margin-left: 0;
}
/* end :: sh-w-60-40-new style */

/* start :: sh-w-50-50 */
	.sh-w-50-50-container {
		display: flex;
		justify-content: space-between;
	}
	.sh-w-50-50-left,
	.sh-w-50-50-right {
		width: 50%;
		padding-left: 20px;
		padding-right: 20px;
	}
	@media only screen and (max-width: 720px) {
		.sh-w-50-50-container {
			flex-direction: column;
		}
		.sh-w-50-50-left,
		.sh-w-50-50-right {
			width: 100%;
		}
	}
/* end :: sh-w-50-50 */

/* start :: image zoom-in */
	.zoom-image-holder {
		overflow: hidden;
		width: 100%;
		background: pink;
	}
	.zoom-image {
		transition: opacity, transform 0.4s, 0.4s, box-shadow 0s; /* Smooth transition */
	}

	.zoom-image:hover {
		transform: scale(1.1); /* Zoom in by 20% */
	}
/* end :: image zoom-in */

/* Start :: Grid 4by4 */
	.grid-container-4-by-4 {
		display: grid;
		gap: 60px; /* Adjust spacing */
	}

	/* Default: 4 columns */
	@media (min-width: 1280px) {
		.grid-container-4-by-4 {
			grid-template-columns: repeat(4, 1fr);
		}
	}

	/* 2 columns */
	@media (max-width: 1279px) and (min-width: 720px) {
		.grid-container-4-by-4 {
			grid-template-columns: repeat(2, 1fr);
		}
	}

	/* 1 column */
	@media (max-width: 719px) {
		.grid-container-4-by-4 {
			grid-template-columns: 1fr;
		}
	}

	/* Border Styling (Separate Class) */
	.grid-border .grid-item {
		position: relative;
		padding: 10px;
	}

	/* Centered border for 4-column layout */
	@media (min-width: 1280px) {
		.grid-border .grid-item:not(:nth-child(4n))::after {
			content: "";
			position: absolute;
			right: -30px; /* Half of the gap */
			top: 0;
			bottom: 0;
			width: 1px;
			background-color: #fff;
		}
	}

	/* Centered border for 2-column layout */
	@media (max-width: 1279px) and (min-width: 720px) {
		.grid-border .grid-item:not(:nth-child(2n))::after {
			content: "";
			position: absolute;
			right: -30px; /* Half of the gap */
			top: 0;
			bottom: 0;
			width: 1px;
			background-color: #fff;
		}
	}

	/* Remove borders for 1-column layout */
	@media (max-width: 719px) {
		.grid-border .grid-item::after {
			display: none;
		}
	}
/* End :: Grid 4by4 */

/* start :: Image left and right animation while scrolling */
	.scroll-animation-container {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 100%;
		position: relative;
		padding: 50px 0;
	}

	.scroll-animation-image-wrapper {
		display: flex;
		justify-content: space-between;
		width: 100%;
		position: relative;
		overflow: hidden;
	}

	.scroll-animation-left-section, .scroll-animation-right-section {
		flex: 1;
		position: relative;
		overflow: hidden;
		transition: transform 0.1s linear;
	}

	@media (min-width: 1280px) {
		.scroll-animation-left-section {
			transform: translateX(-50%);
		}

		.scroll-animation-right-section {
			transform: translateX(50%);
		}
	}

	.scroll-animation-left-section img, .scroll-animation-right-section img {
		width: 100%;
		height: auto;
		display: block;
	}
/* end :: Image left and right animation while scrolling */

@media only screen and (min-width:1280px){
	.img-height-470{
		max-height:470px;
	}
	
	.remove-l-padding-1280px{
		padding-left:0;
	}
}

/* start :: BG image with text overlay */
/* Container */
.bg-img-text-overlay-container {
	position: relative;
	width: 100%;
}

/* Image */
.bg-img-text-overlay-img {
	width: 100%;
	height: auto;
	display: block;
}

/* Text Overlay Block */
.bg-img-text-overlay-text {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	color: white;
}

.bg-img-text-overlay-wrapper {
	margin: 0 auto;
	padding: 10px 30px;
	background: rgba(0, 0, 0, 0.6); /* optional for readability */
}

.border-top-white {
	border-top: 1px solid #ffffff;
}

.border-bottom-white {
	border-bottom: 1px solid #ffffff;
}

.highlight-blue-1 {
	color: #0078ff;
}

/* Responsive Adjustments */
@media (max-width: 1280px) {
	.bg-img-text-overlay-wrapper {
		max-width: 100%;
		padding: 30px;
	}
}

@media (max-width: 1100px) {
	.bg-img-text-overlay-img {
		min-height: 600px; /* Increase image height to accommodate overlay text */
		object-fit: cover;
	}

	.bg-img-text-overlay-text {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
	}

	.bg-img-text-overlay-wrapper {
		background: rgba(0, 0, 0, 0.6); /* optional for readability */
	}
}

@media (max-width: 720px) {
	.bg-img-text-overlay-container {
		display: flex;
		flex-direction: column;
	}

	.bg-img-text-overlay-wrapper {
		background: #000000;
	}

	.bg-img-text-overlay-text {
		position: static;
		order: 2;
	}

	.bg-img-text-overlay-img {
		min-height: auto;
		order: 1;
	}
}
/* end :: BG image with text overlay */

.b-margin-40-20 {
	margin-bottom:40px;
}

@media (max-width: 769px) {
	.b-margin-40-20 {
		margin-bottom:20px;
	}
}

/* Start :: table style */
	/* Wrapper */
	.sh-table-wrapper {
		max-width: 100%;
		margin: auto;
		border: 1px solid #ccc;
		overflow: hidden;
	}

	/* Header */
	.sh-table-header {
		display: flex;
		padding: 16px;
		background-color: black;
		color: white;
	}

	/* Row layout */
	.sh-table-row {
		display: flex;
		padding: 5px 16px;
		align-items: center;
	}

	/* Alternating row backgrounds (starting with white) */
	.sh-table-wrapper > .sh-table-row:nth-child(odd) {
		background-color: #ffffff;
	}

	.sh-table-wrapper > .sh-table-row:nth-child(even) {
		background-color: #f2f2f2;
	}

	/* Column layout (fixed proportions) */
	.sh-table-column {
		width: 45%;
		padding: 8px;
		box-sizing: border-box;
	}

	.sh-table-arrow {
		width: 10%;
		text-align: center;
		font-size: 18px;
		box-sizing: border-box;
	}
/* End :: table style */

@media only screen and (max-width:1200px){
	.margin-1280-left{margin-left:30px;}
	.margin-1280-right{margin-right:30px;}
}

/* === start :: Hero Section Layout === */
	.hero-45-55-container {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		box-sizing: border-box;
		max-width: 100%;
		overflow-x: hidden;
	}

	/* Left Text Area */
	.hero-45-text {
		flex: 1 1 45%;
		background: white;
		box-sizing: border-box;
		max-width: 100%;
	}

	/* Right Image Area */
	.hero-55-image {
		flex: 1 1 55%;
		box-sizing: border-box;
		max-width: 100%;
	}

	.hero-55-image img {
		width: 100%;
		display: block;
		height: auto;
	}

	/* Responsive behavior for <900px */
	@media only screen and (max-width: 900px) {
		.hero-45-text {
			flex: 1 1 70%;
			margin-top: 20px;
		}

		.hero-55-image {
			flex: 1 1 100%;
			order: -1; /* Move image to top */
		}

		/* Reset dynamic margin and apply responsive padding */
		.margin-1280-left,
		.margin-1280-right {
			margin-left: 0 !important;
			margin-right: 0 !important;
			padding-left: 30px;
			padding-right: 30px;
			padding-bottom: 30px;
			box-sizing: border-box;
		}
	}
/* === end :: Hero Section Layout === */

/* Start :: Font Sizes */

	.font-size-102-90-46{font-size:102px; line-height:106px; font-weight:400;}
	.font-size-70-60-40{font-size:70px; line-height:74px; font-weight:400;}
	.font-size-60-50-40{font-size:60px; line-height:64px; font-weight:400;}
	.font-size-50-40-30{font-size:50px; line-height:52px; font-weight:400;}
	.font-size-46-42-38{font-size:46px; line-height:50px; font-weight:400;}
	.font-size-45-35{font-size:45px; line-height:49px; font-weight:400;}
	.font-size-40-36-26{font-size:40px; line-height:44px; font-weight:400;}
	.font-size-34-32-24{font-size:34px; line-height:38px; font-weight:400;}
	.font-size-34-26-20{font-size:34px; line-height:38px; font-weight:400;}
	.font-size-28-26-22{font-size:28px; line-height:34px; font-weight:400;}
	.font-size-22-20{font-size:22px; line-height:28px; font-weight:400;}
	.font-size-22{font-size:22px; line-height:24px; font-weight:400;}
	.font-size-20{font-size:20px; line-height:24px; font-weight:400;}
	.font-size-14{font-size:14px; line-height:16px;}
	.font-size-12{font-size:12px; line-height:16px;}
	.font-size-180{font-size:180px; line-height:189px; font-weight:400;}

	@media only screen and (max-width:1280px){
		.font-size-102-90-46{font-size:90px; line-height:94px;}
		.font-size-70-60-40{font-size:60px; line-height:64px; }
		.font-size-60-50-40{font-size:50px; line-height:54px; }
		.font-size-50-40-30{font-size:40px; line-height:44px;}
		.font-size-46-42-38{font-size:42px; line-height:46px;}
		.font-size-45-35{font-size:35px; line-height:49px;}
		.font-size-40-36-26{font-size:36px; line-height:32px;}
		.font-size-34-32-24{font-size:32px; line-height:36px; }
		.font-size-34-26-20{font-size:26px; line-height:30px; }
		.font-size-28-26-22{font-size:26px; line-height:30px;}
		.font-size-22-20{font-size:20px; line-height:24px;}
	}

	@media only screen and (max-width:720px){
		.font-size-102-90-46{font-size:46px; line-height:50px;}
		.font-size-70-60-40{font-size:40px; line-height:44px; }
		.font-size-60-50-40{font-size:40px; line-height:44px; }
		.font-size-50-40-30{font-size:30px; line-height:34px;}
		.font-size-46-42-38{font-size:46px; line-height:50px;}
		.font-size-40-36-26{font-size:26px; line-height:30px;}
		.font-size-34-32-24{font-size:24px; line-height:28px; }
		.font-size-34-26-20{font-size:20px; line-height:24px; }
		.font-size-28-26-22{font-size:22px; line-height:26px;}
	}

/* End :: Font Sizes */