/* general */

.opacity-0 {
	opacity:0;
}
.opacity-0:hover {
	opacity:1;
}
.transition-25ms {
	-webkit-transition:  all 0.25s ease 0s;
    -moz-transition:  all 0.25s ease 0s;
    -o-transition:  all 0.25s ease 0s;
    transition:  all 0.25s ease 0s;
}
.br-0 br {
	display:none;
}
.pointer-events-none {
	pointer-events:none;
}
.list-style-none {
	list-style:none;
}
.gap16 {
	margin-left:-8px;
	margin-right:-8px;
}
.gap16 > div {
	padding-left:8px;
	padding-right:8px;
}
.withLine {
    overflow: hidden;
	text-align:center;
}
.withLine span {
    position: relative;
}
.withLine span:before, .withLine span:after {
    content: '';
    width: 1000px;
    height: 1px;
    background: #bababa;
    position: absolute;
    top: 50%;
}
.withLine span:before {
    right: 100%;
    margin-right: 22px;
}
.withLine span:after {
    left: 100%;
    margin-left: 22px;
}
.witharrow:after {
	content:'';
	width:14px;
	height:8px;
	background:url(img/BlueArrow.png) no-repeat;
	display:inline-block;
	margin-left: 5px;
} 
.whitechain, .blackchain {
    position: relative;
    width: intrinsic;
    width: -moz-max-content;
    width: -webkit-max-content;
    text-align: center;
    padding-left: 85px;
    padding-right: 85px;
    margin:0 auto;
}
.whitechain span, .blackchain span {
	padding:0 20px;
}
.whitechain:before, .blackchain:before {
    position: absolute;
    content: '';
    background-image: url(img/whitechain.png);
    top: 50%;
    left: 0;
    width: 83px;
    height: 13px;
}
.blackchain:before, .blackchain:after {
	background-image: url(img/blackchain.png) !important;
}
.whitechain:after, .blackchain:after {
	position: absolute;
	content:'';
	background-image:url(img/whitechain.png);
	top:50%;
	right:0;
	width:83px;
	height: 13px;
}

/* layout */
.center-vertical {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
}
.center-vertical > * {
	width:100%;
	display:block;
}

/* display */
.block {
	display:block;
}
.inlineblock {
	display:inline-block;
}
.display-none {
	display:none;
}


/* width */
.width100p {
	width:100%;
}
.maxw259  {
	max-width:259px !important;
}
.maxw450 {
	max-width:450px !important;
}
.maxw480 {
    max-width: 480px !important;
}
.maxw750 {
	max-width:750px !important;
}
.maxw980 {
	max-width:980px !important;
}
.maxw1024 {
	max-width:1024px !important;
}
.maxw1080 {
	max-width:1080px !important;
}
.maxw1200 {
	max-width:1200px !important;
}
.maxw1360 {
	max-width:1360px !important;
}
.maxw1500 {
	max-width:1500px !important;
}
.maxw50p {
	max-width:50%;
}

/* height */
.height100p {
	height:100%;
}
.height151 {
	height:151px;
}
.height344 {
	height:344px;
}
.height421 {
	height: 421px;
}


/* positioning */
.relative {
	position:relative;
}
.absolute {
	position:absolute;
}
.top0 {
	top:0;
}
.bottom0 {
	bottom:0;
}
.left0 {
	left:0;
}
.right0 {
	right:0;
}
.absolute-bottom-center  {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
}

/* box style */
.box-shadow {
	-webkit-box-shadow: 0px 9px 18px 0px rgba(0, 0, 0, 0.22);
	-moz-box-shadow:    0px 9px 18px 0px rgba(0, 0, 0, 0.22);
	box-shadow:         0px 9px 18px 0px rgba(0, 0, 0, 0.22);
}
.shadowedimg {
	-webkit-box-shadow: 0px 9px 18px 0px rgba(0, 0, 0, 0.22);
	-moz-box-shadow:    0px 9px 18px 0px rgba(0, 0, 0, 0.22);
	box-shadow:         0px 9px 18px 0px rgba(0, 0, 0, 0.22);
	border:8px solid #fff;
	border-radius: 5px;
}
.white-box {
    -webkit-box-shadow: 0px 12px 18px 0px rgba(0, 0, 0, 0.21);
    -moz-box-shadow: 0px 12px 18px 0px rgba(0, 0, 0, 0.21);
    box-shadow: 0px 12px 18px 0px rgba(0, 0, 0, 0.21);
    border: 6px solid #fff;
    border-radius: 5px;
}

/* text style */
.uppercase {
	text-transform:uppercase;
}
.ttnone {
	text-transform:none !important;
}
.italic {
	font-style:italic;
}
.underline {
	text-decoration:underline;
}
.text-decoration-none {
	text-decoration:none !important;
}
.strong {
	font-weight:bold;
}
.liststyle-none {
	list-style:none;
}
.list-style-position-inside {
    list-style-position: inside;
}
.textshadow {
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.75);
}

/* font size */
.fontsize14 {
	font-size:14px;
}
.fontsize16 {
	font-size:16px;
}
.fontsize18 {
	font-size:18px;
}
.fontsize20 {
	font-size:20px;
}
.fontsize21 {
	font-size:21px;
}
.fontsize24 {
	font-size:24px !important;
}
.fontsize30 {
	font-size:30px;
}
.fontsize36 {
	font-size:36px;
}
.fontsize48 {
	font-size:48px;
}
.fontsize56 {
	font-size:56px;
}

/* font weight */
.font100 {
	font-weight:100;
}
.font200 {
	font-weight:200;
}
.font300 {
	font-weight:300;
}
.font400 {
	font-weight:400;
}
.font500 {
	font-weight:500;
}
.font600 {
	font-weight:600;
}
.font700 {
	font-weight:700;
}
.font900 {
	font-weight:900;
}

/* lineheights */
.line-height-1 {
	line-height: 1em;
}
.line-height-1-2 {
	line-height: 1.2em;
}
.line-height-1-4 {
	line-height: 1.4em;
}
.letter-spacing-1 {
	letter-spacing:1px;
}
.letter-spacing-2 {
	letter-spacing:2px;
}

/* colors */
.white {
	color:#fff;
}
.white-important {
	color:#fff !important;
}
.black {
	color:#0f0f0f;
}
.gray {
	color:#c5c5c5;
}
.lightgray {
	color:#d0d0d0;
}
.darkgray {
	color:#2c2a29;
}
.green {
	color:#119a4d;
}
.purple {
	color:#603a49;
}
.orange {
	color:#f15723;
}
.blue {
	color:#344396;
}
.lightblue {
	color:#1a81b1;
}
.red {
	color:#ce171f;
}
.red-important {
	color:#ce171f !important;
}

/* bg colors */
.bg-white {
	background-color:#fff;
}
.bg-darkgray {
	background-color:#525252;
}
.bg-lightgray {
	background-color:#f4f4f4;
}
.bg-green  {
	background-color:#119a4d;
}
.bg-blue {
	background-color:#344396 !important;
}
.bg-dark-blue {
	background-color:#0e2236;
}
.bg-brown {
	background-color:#997248;
}
.bg-lightyellow  {
	background-color:#ffeec6;
}
.bg-red {
	background-color:#ff0000 !important;
}
.bg-green {
	background-color:#a23b88 !important;
}
.bg-transparent {
	background-color:transparent !important;
}
.bg-trans-5 {
    background-color: rgba(0, 0, 0, 0.5);
}
.bg-trans-7 {
    background-color: rgba(0, 0, 0, 0.7);
}
.parallax { 
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
	background-blend-mode: overlay;
}




/* border */
.border-0 {
	border:0 !important;
}
.border-1 {
	border:1px solid;
}
.border-2 {
	border:2px solid;
}
.border-3-blue {
	border:3px solid #3b8ede;
}
.bordertop1 {
	border-top:1px solid #828280;
}
.border-r-0 {
	border-radius:0;
}
.border-r-4 {
	border-radius:4px;
}
.border-r-50  {
	border-radius:50px;
}
.border-r-100 {
	border-radius:100%;
}
.border-gray {
	border-color:#858585;
}
.border-red {
	border-color:#ff0000 !important;
}
.border-blue {
	border-color:#344396 !important;
}
.border-bottom-4 {
	border-bottom:4px solid;
}
.border-white {
	border-color:#fff;
}

/* margins */
.mar-0 {
	margin:0 !important;
}
.mar-0-0-15 {
	margin:0 0 15px;
}
.mlr-auto {
	margin-left:auto;
	margin-right:auto;
}
.mt-31 {
	margin-top:-31px;
}
.mt-40 {
	margin-top:-40px;
}
.mt-70 {
    margin-top: -70px !important;
}
.mt0 {
	margin-top:0;
}
.mt5 {
	margin-top:5px;
}
.mt10 {
	margin-top:10px;
}
.mt20 {
	margin-top:20px;
}
.mt30 {
	margin-top:30px;
}
.mt40 {
	margin-top:40px;
}
.mt50 {
	margin-top:50px;
}
.mt60 {
	margin-top:60px;
}
.mb0 {
	margin-bottom:0 !important;
}
.mb5 {
	margin-bottom:5px;
}
.mb10 {
	margin-bottom:10px;
}
.mb12 {
	margin-bottom:12px;
}
.mb16 {
	margin-bottom:16px !important;
}
.mb20 {
	margin-bottom:20px !important;
}
.mb25 {
	margin-bottom:25px;
}
.mb30 {
	margin-bottom:30px;
}
.mb40 {
	margin-bottom:40px !important;
}
.mb50 {
	margin-bottom:50px !important;
}
.mb60 {
	margin-bottom:60px;
}
.mb70 {
	margin-bottom:70px;
}
.mb80 {
	margin-bottom:80px !important;
}
.mb90 {
	margin-bottom:90px;
}
.mr5 {
	margin-right:5px !important;
}
.mr50 {
	margin-right:50px !important;
}
.ml25 {
	margin-left:25px;
}
.mr25 {
	margin-right:25px;
}
.ml40 {
	margin-left:40px !important;
}
.mr40 {
	margin-right:40px !important;
}
.ml50 {
	margin-left:50px !important;
}
.mr50 {
	margin-right:50px !important;
}


/* paddings */
.pad12-25 {
    padding: 12px 25px !important;
}
.pad10-30 {
    padding: 10px 30px !important;
}
.pad0 {
	padding:0 !important;
}
.pad5 {
	padding:5px;
}
.pad15 {
	padding:15px;
}
.pad25 {
	padding:25px;
}
.pad30 {
	padding:30px;
}
.pad40 {
	padding:40px;
}
.pt1 {
	padding-top:1px;
}
.pt10 {
	padding-top:10px;
}
.pt20 {
	padding-top:20px;
}
.pt25 {
	padding-top:25px;
}
.pt30 {
	padding-top:30px;
}
.pt40 {
	padding-top:40px;
}
.pt50 {
	padding-top:50px;
}
.pt60 {
	padding-top:60px;
}
.pt70 {
	padding-top:70px;
}
.pt80 {
	padding-top:80px;
}
.pt120 {
	padding-top:120px;
}
.pt200 {
	padding-top:200px;
}
.pb1 {
	padding-bottom:1px;
}
.pb10 {
	padding-bottom:10px;
}
.pb16 {
	padding-bottom:16px;
}
.pb20 {
	padding-bottom:20px;
}
.pb25 {
	padding-bottom:25px;
}
.pb30 {
	padding-bottom:30px;
}
.pb40 {
	padding-bottom:40px;
}
.pb50 {
	padding-bottom:50px;
}
.pb60 {
	padding-bottom:60px;
}
.pb70 {
	padding-bottom:70px;
}
.pb80 {
	padding-bottom:80px;
}
.pb100 {
	padding-bottom:100px;
}
.pl0 {
	padding-left:0px;
}
.pr0 {
	padding-right:0px;
}
.pl6 {
	padding-left:6px;
}
.pr6 {
	padding-right:6px;
}
.pl8 {
	padding-left:8px;
}
.pr8 {
	padding-right:8px;
}
.pl15 {
	padding-left:15px;
}
.pr15 {
	padding-right:15px;
}
.pl30 {
	padding-left:30px;
}
.pl40 {
	padding-left:40px;
}
.pr40 {
	padding-right:40px;
}
.pl50 {
	padding-left:50px;
}
.pr50 {
	padding-right:50px;
}
.pl60 {
	padding-left:60px;
}
.pr60 {
	padding-right:60px;
}