.mt0 {
	margin-top: 0em !important;
}

.mt1 {
	margin-top: 1em !important;
}

.mt2 {
	margin-top: 2em !important;
}

.mt3 {
	margin-top: 3em !important;
}

.mt4 {
	margin-top: 4em !important;
}

.mt5 {
	margin-top: 5em !important;
}

.mt6 {
	margin-top: 6em !important;
}

.mt7 {
	margin-top: 7em !important;
}

.mt8 {
	margin-top: 8em !important;
}

.mt9 {
	margin-top: 9em !important;
}

.mt10 {
	margin-top: 10em !important;
}

.mb0 {
	margin-bottom: 0em !important;
}

.mb1 {
	margin-bottom: 1em !important;
}

.mb2 {
	margin-bottom: 2em !important;
}

.mb3 {
	margin-bottom: 3em !important;
}

.mb4 {
	margin-bottom: 4em !important;
}

.mb5 {
	margin-bottom: 5em !important;
}

.mb6 {
	margin-bottom: 6em !important;
}

.mb7 {
	margin-bottom: 7em !important;
}

.mb8 {
	margin-bottom: 8em !important;
}

.mb9 {
	margin-bottom: 9em !important;
}

.mb10 {
	margin-bottom: 10em !important;
}

.ml0 {
	margin-left: 0em !important;
}

.ml1 {
	margin-left: 1em !important;
}

.ml2 {
	margin-left: 2em !important;
}

.ml3 {
	margin-left: 3em !important;
}

.ml4 {
	margin-left: 4em !important;
}

.ml5 {
	margin-left: 5em !important;
}

.ml6 {
	margin-left: 6em !important;
}

.ml7 {
	margin-left: 7em !important;
}

.ml8 {
	margin-left: 8em !important;
}

.ml9 {
	margin-left: 9em !important;
}

.ml10 {
	margin-left: 10em !important;
}

.mr0 {
	margin-right: 0em !important;
}

.mr1 {
	margin-right: 1em !important;
}

.mr2 {
	margin-right: 2em !important;
}

.mr3 {
	margin-right: 3em !important;
}

.mr4 {
	margin-right: 4em !important;
}

.mr5 {
	margin-right: 5em !important;
}

.mr6 {
	margin-right: 6em !important;
}

.mr7 {
	margin-right: 7em !important;
}

.mr8 {
	margin-right: 8em !important;
}

.mr9 {
	margin-right: 9em !important;
}

.mr10 {
	margin-right: 10em !important;
}

.m0 {
	margin: 0em !important;
}

.m1 {
	margin: 1em !important;
}

.m2 {
	margin: 2em !important;
}

.m3 {
	margin: 3em !important;
}

.m4 {
	margin: 4em !important;
}

.m5 {
	margin: 5em !important;
}

.m6 {
	margin: 6em !important;
}

.m7 {
	margin: 7em !important;
}

.m8 {
	margin: 8em !important;
}

.m9 {
	margin: 9em !important;
}

.m10 {
	margin: 10em !important;
}

.pt0 {
	padding-top: 0em !important;
}

.pt1 {
	padding-top: 1em !important;
}

.pt2 {
	padding-top: 2em !important;
}

.pt3 {
	padding-top: 3em !important;
}

.pt4 {
	padding-top: 4em !important;
}

.pt5 {
	padding-top: 5em !important;
}

.pt6 {
	padding-top: 6em !important;
}

.pt7 {
	padding-top: 7em !important;
}

.pt8 {
	padding-top: 8em !important;
}

.pt9 {
	padding-top: 9em !important;
}

.pt10 {
	padding-top: 10em !important;
}

.pt11 {
	padding-top: 11em !important;
}

.pt12 {
	padding-top: 12em !important;
}

.pt13 {
	padding-top: 13em !important;
}

.pt14 {
	padding-top: 14em !important;
}

.pt15 {
	padding-top: 15em !important;
}

.pt16 {
	padding-top: 16em !important;
}

.pt17 {
	padding-top: 17em !important;
}

.pt18 {
	padding-top: 18em !important;
}

.pt19 {
	padding-top: 19em !important;
}

.pt20 {
	padding-top: 20em !important;
}

.pb0 {
	padding-bottom: 0em !important;
}

.pb1 {
	padding-bottom: 1em !important;
}

.pb2 {
	padding-bottom: 2em !important;
}

.pb3 {
	padding-bottom: 3em !important;
}

.pb4 {
	padding-bottom: 4em !important;
}

.pb5 {
	padding-bottom: 5em !important;
}

.pb6 {
	padding-bottom: 6em !important;
}

.pb7 {
	padding-bottom: 7em !important;
}

.pb8 {
	padding-bottom: 8em !important;
}

.pb9 {
	padding-bottom: 9em !important;
}

.pb10 {
	padding-bottom: 10em !important;
}

.pb11 {
	padding-bottom: 11em !important;
}

.pb12 {
	padding-bottom: 12em !important;
}

.pb13 {
	padding-bottom: 13em !important;
}

.pb14 {
	padding-bottom: 14em !important;
}

.pb15 {
	padding-bottom: 15em !important;
}

.pb16 {
	padding-bottom: 16em !important;
}

.pb17 {
	padding-bottom: 17em !important;
}

.pb18 {
	padding-bottom: 18em !important;
}

.pb19 {
	padding-bottom: 19em !important;
}

.pb20 {
	padding-bottom: 20em !important;
}

.pb21 {
	padding-bottom: 21em !important;
}

.pb22 {
	padding-bottom: 22em !important;
}

.pb23 {
	padding-bottom: 23em !important;
}

.pb24 {
	padding-bottom: 24em !important;
}

.pb25 {
	padding-bottom: 25em !important;
}

.pl0 {
	padding-left: 0em !important;
}

.pl1 {
	padding-left: 1em !important;
}

.pl2 {
	padding-left: 2em !important;
}

.pl3 {
	padding-left: 3em !important;
}

.pl4 {
	padding-left: 4em !important;
}

.pl5 {
	padding-left: 5em !important;
}

.pl6 {
	padding-left: 6em !important;
}

.pl7 {
	padding-left: 7em !important;
}

.pl8 {
	padding-left: 8em !important;
}

.pl9 {
	padding-left: 9em !important;
}

.pl10 {
	padding-left: 10em !important;
}

.pr0 {
	padding-right: 0em !important;
}

.pr1 {
	padding-right: 1em !important;
}

.pr2 {
	padding-right: 2em !important;
}

.pr3 {
	padding-right: 3em !important;
}

.pr4 {
	padding-right: 4em !important;
}

.pr5 {
	padding-right: 5em !important;
}

.pr6 {
	padding-right: 6em !important;
}

.pr7 {
	padding-right: 7em !important;
}

.pr8 {
	padding-right: 8em !important;
}

.pr9 {
	padding-right: 9em !important;
}

.pr10 {
	padding-right: 10em !important;
}

.p0 {
	padding: 0em !important;
}

.p1 {
	padding: 1em !important;
}

.p2 {
	padding: 2em !important;
}

.p3 {
	padding: 3em !important;
}

.p4 {
	padding: 4em !important;
}

.p5 {
	padding: 5em !important;
}

.p6 {
	padding: 6em !important;
}

.p7 {
	padding: 7em !important;
}

.p8 {
	padding: 8em !important;
}

.p9 {
	padding: 9em !important;
}

.p10 {
	padding: 10em !important;
}

.inside-full-height {
	height: 100%;
	margin-bottom: 0;
	margin-top: 0;
}

.r189 {
	position: relative;
	overflow: hidden;
	transform: translateZ(0) scale(1.0, 1.0);
	backface-visibility: hidden;
}

.r189:before {
	display: block;
	content: " ";
	width: 100%;
	padding-top: 50%;
}

.r189>.rcontainer {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: auto;
	margin: 0;
}

.r169 {
	position: relative;
	overflow: hidden;
	transform: translateZ(0) scale(1.0, 1.0);
	backface-visibility: hidden;
}

.r169:before {
	display: block;
	content: " ";
	width: 100%;
	padding-top: 56.3%;
}

.r169>.rcontainer {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: auto;
	margin: 0;
}

.r916 {
	position: relative;
	overflow: hidden;
	transform: translateZ(0) scale(1.0, 1.0);
	backface-visibility: hidden;
}

.r916:before {
	display: block;
	content: " ";
	width: 100%;
	padding-top: 178.3%;
}

.r916>.rcontainer {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: auto;
	margin: 0;
}

.r43 {
	position: relative;
	overflow: hidden;
	transform: translateZ(0) scale(1.0, 1.0);
	backface-visibility: hidden;
}

.r43:before {
	display: block;
	content: " ";
	width: 100%;
	padding-top: 74.5%;
}

.r43>.rcontainer {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: auto;
}

.r34 {
	position: relative;
	overflow: hidden;
	transform: translateZ(0) scale(1.0, 1.0);
	backface-visibility: hidden;
}

.r34:before {
	display: block;
	content: " ";
	width: 100%;
	padding-top: 133.3%;
}

.r34>.rcontainer {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: auto;
}

.r32 {
	position: relative;
	overflow: hidden;
	transform: translateZ(0) scale(1.0, 1.0);
	backface-visibility: hidden;
}

.r32:before {
	display: block;
	content: " ";
	width: 100%;
	padding-top: 66.7%;
}

.r32>.rcontainer {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: auto;
}

.r85 {
	position: relative;
	overflow: hidden;
	transform: translateZ(0) scale(1.0, 1.0);
	backface-visibility: hidden;
}

.r85:before {
	display: block;
	content: " ";
	width: 100%;
	padding-top: 62.5%;
}

.r85>.rcontainer {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: auto;
}

.r11 {
	position: relative;
	transform: translateZ(0) scale(1.0, 1.0);
	backface-visibility: hidden;
}

.r11:before {
	display: block;
	content: " ";
	width: 100%;
	padding-top: 100%;
}

.r11>.rcontainer {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: auto;
}

.r21 {
	position: relative;
	transform: translateZ(0) scale(1.0, 1.0);
	backface-visibility: hidden;
}

.r21:before {
	display: block;
	content: " ";
	width: 100%;
	padding-top: 50%;
}

.r21>.rcontainer {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: auto;
}

.r12 {
	position: relative;
	transform: translateZ(0) scale(1.0, 1.0);
	backface-visibility: hidden;
}

.r12:before {
	display: block;
	content: " ";
	width: 100%;
	padding-top: 150%;
}

.r12>.rcontainer {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: auto;
}

.r58 {
	position: relative;
	overflow: hidden;
	transform: translateZ(0) scale(1.0, 1.0);
	backface-visibility: hidden;
}

.r58:before {
	display: block;
	content: " ";
	width: 100%;
	padding-top: 160%;
}

.r58>.rcontainer {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: auto;
}

.r64 {
	position: relative;
	overflow: hidden;
	transform: translateZ(0) scale(1.0, 1.0);
	backface-visibility: hidden;
}

.r64:before {
	display: block;
	content: " ";
	width: 100%;
	padding-top: 150%;
}

.r64>.rcontainer {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: auto;
}

.r81 {
	position: relative;
	overflow: hidden;
	transform: translateZ(0) scale(1.0, 1.0);
	backface-visibility: hidden;
}

.r81:before {
	display: block;
	content: " ";
	width: 100%;
	padding-top: 10%;
}

.r81>.rcontainer {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: auto;
}

.r82 {
	position: relative;
	overflow: hidden;
	transform: translateZ(0) scale(1.0, 1.0);
	backface-visibility: hidden;
}

.r82:before {
	display: block;
	content: " ";
	width: 100%;
	padding-top: 20%;
}

.r82>.rcontainer {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: auto;
}

[class*="col"] {
	position: relative;
}

.row.no-gutters {
	margin-right: 0;
	margin-left: 0;
}

.row.no-gutters>[class^="col-"],
.row.no-gutters>[class*=" col-"] {
	padding-right: 0;
	padding-left: 0;
}

.row-height {
	display: table;
	table-layout: fixed;
	height: 100%;
	width: 100%;
}

.col-height {
	display: table-cell;
	float: none;
	height: 100%;
}

.col-top {
	vertical-align: top;
}

.col-middle {
	vertical-align: middle;
}

.col-bottom {
	vertical-align: bottom;
}

@media (min-width:320px) {
	.row-xs-height {
		display: table;
		table-layout: fixed;
		height: 100%;
		width: 100%;
	}
	.col-xs-height {
		display: table-cell;
		float: none;
		height: 100%;
	}
	.col-xs-top {
		vertical-align: top;
	}
	.col-xs-middle {
		vertical-align: middle;
	}
	.col-xs-bottom {
		vertical-align: bottom;
	}
}

@media (min-width:768px) {
	.row-sm-height {
		display: table;
		table-layout: fixed;
		height: 100%;
		width: 100%;
	}
	.col-sm-height {
		display: table-cell;
		float: none;
		height: 100%;
	}
	.col-sm-top {
		vertical-align: top;
	}
	.col-sm-middle {
		vertical-align: middle;
	}
	.col-sm-bottom {
		vertical-align: bottom;
	}
}

@media (min-width:992px) {
	.row-md-height {
		display: table;
		table-layout: fixed;
		height: 100%;
		width: 100%;
	}
	.col-md-height {
		display: table-cell;
		float: none;
		height: 100%;
	}
	.col-md-top {
		vertical-align: top;
	}
	.col-md-middle {
		vertical-align: middle;
	}
	.col-md-bottom {
		vertical-align: bottom;
	}
}

@media (min-width:1200px) {
	.row-lg-height {
		display: table;
		table-layout: fixed;
		height: 100%;
		width: 100%;
	}
	.col-lg-height {
		display: table-cell;
		float: none;
		height: 100%;
	}
	.col-lg-top {
		vertical-align: top;
	}
	.col-lg-middle {
		vertical-align: middle;
	}
	.col-lg-bottom {
		vertical-align: bottom;
	}
}

@media (min-width:768px) {
	.bleft {
		border-left: 1px solid #ddd;
	}
}

sup {
	top: -0.8em;
}

sub,
sup {
	font-size: 60%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	padding: 0em;
	height: 86px !important;
}

.oh {
	overflow: hidden;
}

.depth-1 {
	box-shadow: 0 0px 3px rgba(0, 0, 0, 0.10)
}

.depth-2 {
	box-shadow: 0 0px 6px rgba(0, 0, 0, 0.10)
}

.depth-3 {
	box-shadow: 0 0px 20px rgba(0, 0, 0, 0.10)
}

.depth-4 {
	box-shadow: 0 0px 28px rgba(0, 0, 0, 0.10)
}

.depth-5 {
	box-shadow: 0 0px 150px rgba(0, 0, 0, 0.10)
}

.form-control {
	box-shadow: none;
	border: 1px solid #d9d9d9;
	background: none;
	padding: 0.8em;
	height: auto;
}

.form-control:focus {
	border-color: #000;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

a,
a:focus,
a:hover,
a:active,
a:visited {
	outline: none;
	outline-offset: 0;
	text-decoration: none;
}

.btn {
	border: 0px;
}

@-moz-keyframes bounce {
	0%,
	20%,
	50%,
	80%,
	100% {
		-moz-transform: translateY(0);
		transform: translateY(0);
	}
	40% {
		-moz-transform: translateY(-20px);
		transform: translateY(-20px);
	}
	60% {
		-moz-transform: translateY(-10px);
		transform: translateY(-10px);
	}
}

@-webkit-keyframes bounce {
	0%,
	20%,
	50%,
	80%,
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	40% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}
	60% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}
}

@keyframes bounce {
	0%,
	20%,
	50%,
	80%,
	100% {
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	40% {
		-moz-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}
	60% {
		-moz-transform: translateY(-10px);
		-ms-transform: translateY(-10px);
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}
}

.bounce {
	-moz-animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
	animation: bounce 2s infinite;
}


/* Magnific Popup CSS */

.mfp-bg,
.mfp-wrap {
	position: fixed;
	left: 0;
	top: 0
}

.mfp-bg,
.mfp-container,
.mfp-wrap {
	height: 100%;
	width: 100%
}

.mfp-arrow:after,
.mfp-arrow:before,
.mfp-container:before,
.mfp-figure:after {
	content: ''
}

.mfp-bg {
	z-index: 1042;
	overflow: hidden;
	background: #0b0b0b;
	opacity: .8
}

.mfp-wrap {
	z-index: 1043;
	outline: 0!important;
	-webkit-backface-visibility: hidden
}

.mfp-container {
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	padding: 0 8px;
	box-sizing: border-box
}

.mfp-container:before {
	display: inline-block;
	height: 100%;
	vertical-align: middle
}

.mfp-align-top .mfp-container:before {
	display: none
}

.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 1045
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
	width: 100%;
	cursor: auto
}

.mfp-ajax-cur {
	cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -moz-zoom-out;
	cursor: -webkit-zoom-out;
	cursor: zoom-out
}

.mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
	cursor: auto
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.mfp-loading.mfp-figure {
	display: none
}

.mfp-hide {
	display: none!important
}

.mfp-preloader {
	color: #CCC;
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -.8em;
	left: 8px;
	right: 8px;
	z-index: 1044
}

.mfp-preloader a {
	color: #CCC
}

.mfp-close,
.mfp-preloader a:hover {
	color: #FFF
}

.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
	display: none
}

button.mfp-arrow,
button.mfp-close {
	overflow: visible;
	cursor: pointer;
	background: 0 0;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: 0;
	padding: 0;
	z-index: 1046;
	box-shadow: none;
	touch-action: manipulation
}

.mfp-figure:after,
.mfp-iframe-scaler iframe {
	box-shadow: 0 0 8px rgba(0, 0, 0, .6);
	position: absolute;
	left: 0
}

button::-moz-focus-inner {
	padding: 0;
	border: 0
}

.mfp-close {
	width: 44px;
	height: 44px;
	line-height: 44px;
	position: absolute;
	right: 0;
	top: 0;
	text-decoration: none;
	text-align: center;
	opacity: .65;
	padding: 0 0 18px 10px;
	font-style: normal;
	font-size: 28px;
	font-family: Arial, Baskerville, monospace
}

.mfp-close:focus,
.mfp-close:hover {
	opacity: 1
}

.mfp-close:active {
	top: 1px
}

.mfp-close-btn-in .mfp-close {
	color: #333
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
	color: #FFF;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	width: 100%
}

.mfp-counter {
	position: absolute;
	top: 0;
	right: 0;
	color: #CCC;
	font-size: 12px;
	line-height: 18px;
	white-space: nowrap
}

.mfp-figure,
img.mfp-img {
	line-height: 0
}

.mfp-arrow {
	position: absolute;
	opacity: .65;
	margin: -55px 0 0;
	top: 50%;
	padding: 0;
	width: 90px;
	height: 110px;
	-webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
	margin-top: -54px
}

.mfp-arrow:focus,
.mfp-arrow:hover {
	opacity: 1
}

.mfp-arrow:after,
.mfp-arrow:before {
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 35px;
	margin-left: 35px;
	border: inset transparent
}

.mfp-arrow:after {
	border-top-width: 13px;
	border-bottom-width: 13px;
	top: 8px
}

.mfp-arrow:before {
	border-top-width: 21px;
	border-bottom-width: 21px;
	opacity: .7
}

.mfp-arrow-left {
	left: 0
}

.mfp-arrow-left:after {
	border-right: 17px solid #FFF;
	margin-left: 31px
}

.mfp-arrow-left:before {
	margin-left: 25px;
	border-right: 27px solid #3F3F3F
}

.mfp-arrow-right {
	right: 0
}

.mfp-arrow-right:after {
	border-left: 17px solid #FFF;
	margin-left: 39px
}

.mfp-arrow-right:before {
	border-left: 27px solid #3F3F3F
}

.mfp-iframe-holder {
	padding-top: 40px;
	padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
	line-height: 0;
	width: 100%;
	max-width: 900px
}

.mfp-image-holder .mfp-content,
img.mfp-img {
	max-width: 100%
}

.mfp-iframe-holder .mfp-close {
	top: -40px
}

.mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
	display: block;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000
}

.mfp-figure:after,
img.mfp-img {
	width: auto;
	height: auto;
	display: block
}

img.mfp-img {
	box-sizing: border-box;
	padding: 40px 0;
	margin: 0 auto
}

.mfp-figure:after {
	top: 40px;
	bottom: 40px;
	right: 0;
	z-index: -1;
	background: #444
}

.mfp-figure small {
	color: #BDBDBD;
	display: block;
	font-size: 12px;
	line-height: 14px
}

.mfp-figure figure {
	margin: 0
}

.mfp-bottom-bar {
	margin-top: -36px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto
}

.mfp-title {
	text-align: left;
	line-height: 18px;
	color: #F3F3F3;
	word-wrap: break-word;
	padding-right: 36px
}

.mfp-gallery .mfp-image-holder .mfp-figure {
	cursor: pointer
}

@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
	.mfp-img-mobile .mfp-image-holder {
		padding-left: 0;
		padding-right: 0
	}
	.mfp-img-mobile img.mfp-img {
		padding: 0
	}
	.mfp-img-mobile .mfp-figure:after {
		top: 0;
		bottom: 0
	}
	.mfp-img-mobile .mfp-figure small {
		display: inline;
		margin-left: 5px
	}
	.mfp-img-mobile .mfp-bottom-bar {
		background: rgba(0, 0, 0, .6);
		bottom: 0;
		margin: 0;
		top: auto;
		padding: 3px 5px;
		position: fixed;
		box-sizing: border-box
	}
	.mfp-img-mobile .mfp-bottom-bar:empty {
		padding: 0
	}
	.mfp-img-mobile .mfp-counter {
		right: 5px;
		top: 3px
	}
	.mfp-img-mobile .mfp-close {
		top: 0;
		right: 0;
		width: 35px;
		height: 35px;
		line-height: 35px;
		background: rgba(0, 0, 0, .6);
		position: fixed;
		text-align: center;
		padding: 0
	}
}

@media all and (max-width:900px) {
	.mfp-arrow {
		-webkit-transform: scale(.75);
		transform: scale(.75)
	}
	.mfp-arrow-left {
		-webkit-transform-origin: 0;
		transform-origin: 0
	}
	.mfp-arrow-right {
		-webkit-transform-origin: 100%;
		transform-origin: 100%
	}
	.mfp-container {
		padding-left: 6px;
		padding-right: 6px
	}
}


/** * Simple fade transition, */

.mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
}

.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}


/** * Fade-zoom animation for first dialog */


/* start state */

.my-mfp-zoom-in .zoom-anim-dialog {
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
}


/* animate in */

.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}


/* animate out */

.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0;
}


/* Dark overlay, start state */

.my-mfp-zoom-in.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}


/* animate in */

.my-mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: 0.8;
}


/* animate out */

.my-mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0;
}

.mfp-content {}


/** * Fade-move animation for second dialog */


/* at start */

.my-mfp-slide-bottom .zoom-anim-dialog {
	opacity: 0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	-webkit-transform: translateY(-20px) perspective( 600px) rotateX( 10deg);
	-moz-transform: translateY(-20px) perspective( 600px) rotateX( 10deg);
	-ms-transform: translateY(-20px) perspective( 600px) rotateX( 10deg);
	-o-transform: translateY(-20px) perspective( 600px) rotateX( 10deg);
	transform: translateY(-20px) perspective( 600px) rotateX( 10deg);
}


/* animate in */

.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: translateY(0) perspective( 600px) rotateX( 0);
	-moz-transform: translateY(0) perspective( 600px) rotateX( 0);
	-ms-transform: translateY(0) perspective( 600px) rotateX( 0);
	-o-transform: translateY(0) perspective( 600px) rotateX( 0);
	transform: translateY(0) perspective( 600px) rotateX( 0);
}


/* animate out */

.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
	opacity: 0;
	-webkit-transform: translateY(-10px) perspective( 600px) rotateX( 10deg);
	-moz-transform: translateY(-10px) perspective( 600px) rotateX( 10deg);
	-ms-transform: translateY(-10px) perspective( 600px) rotateX( 10deg);
	-o-transform: translateY(-10px) perspective( 600px) rotateX( 10deg);
	transform: translateY(-10px) perspective( 600px) rotateX( 10deg);
}


/* Dark overlay, start state */

.my-mfp-slide-bottom.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}


/* animate in */

.my-mfp-slide-bottom.mfp-ready.mfp-bg {
	opacity: 0.8;
}


/* animate out */

.my-mfp-slide-bottom.mfp-removing.mfp-bg {
	opacity: 0;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-right: 30px;
}

.mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
}

.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}

.white-popup {
	position: relative;
	background: #000;
	padding: 0px;
	width: auto;
	max-width: 1620px;
	margin: 20px auto;
	line-height: 0px;
}

.span4 {
	width: 0;
	height: 0;
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	border-top: 40px solid #00b2e16e;
	left: 26%;
	bottom: 0;
	position: absolute;
}

.span5 {
	position: absolute;
	right: 0%;
	top: 17%;
	font-size: 2em;
	color: #ec7a30;
	opacity: 0.5;
}

.span6 {
	position: absolute;
	width: 20px;
	height: 20px;
	border-radius: 50px;
	left: 0%;
	bottom: 41%;
	background: #ec7a30;
	opacity: 0.5;
}

.span7 {
	position: absolute;
	left: 50%;
	bottom: -12%;
	color: rgba(143, 210, 244, 1);
}

.span8 {
	position: absolute;
	width: 40px;
	height: 40px;
	border-radius: 50px;
	right: 0;
	background: rgba(143, 210, 244, 1);
	right: 0%;
	top: -9%;
	background: -moz-linear-gradient(top, rgba(143, 210, 244, 1) 0%, rgba(153, 255, 153, 1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(143, 210, 244, 1)), color-stop(100%, rgba(153, 255, 153, 1)));
	background: -webkit-linear-gradient(top, rgba(143, 210, 244, 1) 0%, rgba(153, 255, 153, 1) 100%);
	background: -o-linear-gradient(top, rgba(143, 210, 244, 1) 0%, rgba(153, 255, 153, 1) 100%);
	background: -ms-linear-gradient(top, rgba(143, 210, 244, 1) 0%, rgba(153, 255, 153, 1) 100%);
	background: linear-gradient(to bottom, rgba(143, 210, 244, 1) 0%, rgba(153, 255, 153, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fd2f4', endColorstr='#99ff99', GradientType=0);
}

.span9 {
	position: absolute;
	width: 0;
	height: 0;
	border-top: 25px solid transparent;
	border-right: 40px solid #00b2e1;
	border-bottom: 25px solid transparent;
	bottom: 20px;
	left: 5%;
	top: -15%;
}

.span3 {
	position: absolute;
	border-top: 25px solid transparent;
	border-left: 40px solid #00b2e16e;
	border-bottom: 25px solid transparent;
	display: block;
	left: 29%;
	top: 0%;
}


.weserver .span4 {
	    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-top: 40px solid #00b2e16e;
    left: 26%;
    bottom: 10%;
    position: absolute;
}

.weserver .span9 {
	position: absolute;
	width: 0;
	height: 0;
	border-top: 25px solid transparent;
	border-right: 40px solid #00b2e1;
	border-bottom: 25px solid transparent;
	bottom: 20px;
	left: 12%;
	top:13%;
}

.weserver .span3 {
	position: absolute;
	border-top: 25px solid transparent;
	border-left: 40px solid #00b2e16e;
	border-bottom: 25px solid transparent;
	display: block;
	left: 45%;
    top: 39%;
}






 
.bluebox-left .span4 {
	    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-top: 40px solid #ffffff6e;
    left: 78%;
    bottom: 127%;
    position: absolute;
}

.bluebox-left .span9 {
	    position: absolute;
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-right: 40px solid #ffffff6e;
    border-bottom: 25px solid transparent;
    /* bottom: 20px; */
    left: 65%;
    top: 92%;
}

.bluebox-left .span3 {
    position: absolute;
    border-top: 40px solid transparent;
    border-left: 70px solid #ffffff6e;
    border-bottom: 40px solid transparent;
    display: block;
       right: 31%;
    top: -10%;
    left: 88%;
}


.smoothSlideContainer {
	background-color: white;
	position: relative;
	height: 100%;
	width: 100%;
}

#person img {
	position: relative;
	height: 400px;
	right: 0;
	z-index: 1;
	-webkit-animation: personslideout 6s ease-in-out infinite;
	animation: personslideout 6s ease-in-out infinite;
}

.bar {
	background-color: #333;
	z-index: 0;
}

.bar2 {
	background-color: #333;
	z-index: 2;
}

#bar1 {
	line-height: 4px;
	position: absolute;
	right: 0;
	top: 30%;
	height: 6%;
	background: #00b2e1;
	color: #fff;
	padding: 1em;
	width: 50%;
	-webkit-animation: bar1slide 6s ease-in-out infinite;
	animation: bar1slide 6s ease-in-out infinite;
}

#bar2 {
	position: absolute;
	right: 0;
	top: 40%;
	height: 5%;
	width: 60%;
	-webkit-animation: bar2slide 6s ease-in-out infinite;
	animation: bar2slide 6s ease-in-out infinite;
}

#bar3 {
	position: absolute;
	right: 0;
	top: 50%;
	height: 12%;
	width: 40%;
	-webkit-animation: bar3slide 6s ease-in-out infinite;
	animation: bar3slide 6s ease-in-out infinite;
}

#bar4 {
	position: absolute;
	right: 0;
	top: 16%;
	height: 2%;
	width: 30%;
	-webkit-animation: bar4slide 6s ease-in-out infinite;
	animation: bar4slide 6s ease-in-out infinite;
}

#bar5 {
	position: absolute;
	right: 0;
	top: 85%;
	height: 4%;
	width: 30%;
	-webkit-animation: bar5slide 6s ease-in-out infinite;
	animation: bar5slide 6s ease-in-out infinite;
}

#bar6 {
	position: absolute;
	right: 0;
	top: 80%;
	height: 4%;
	width: 55%;
	-webkit-animation: bar6slide 6s ease-in-out infinite;
	animation: bar6slide 6s ease-in-out infinite;
}

#bar7 {
	position: absolute;
	right: 0;
	top: 65%;
	height: 10%;
	width: 25%;
	-webkit-animation: bar6slide 6s ease-in-out infinite;
	animation: bar6slide 6s ease-in-out infinite;
}

#bar8 {
	position: absolute;
	right: 0;
	top: 46%;
	height: 2%;
	width: 35%;
	-webkit-animation: bar6slide 6s ease-in-out infinite;
	animation: bar6slide 6s ease-in-out infinite;
}

@-webkit-keyframes bar1slide {
	0% {
		right: -100%;
	}
	20% {
		right: -2%;
	}
	40% {
		right: 0;
	}
	70% {
		right: -50%;
	}
	100% {
		right: -100%;
	}
}

@keyframes bar1slide {
	0% {
		right: -100%;
	}
	20% {
		right: -2%;
	}
	40% {
		right: 0;
	}
	70% {
		right: -50%;
	}
	100% {
		right: -100%;
	}
}

@-webkit-keyframes bar2slide {
	0% {
		right: -70%;
	}
	30% {
		right: -2%;
	}
	50% {
		right: 0;
	}
	80% {
		right: -70%;
	}
	100% {
		right: -70%;
	}
}

@keyframes bar2slide {
	0% {
		right: -70%;
	}
	30% {
		right: -2%;
	}
	50% {
		right: 0;
	}
	80% {
		right: -70%;
	}
	100% {
		right: -70%;
	}
}

@-webkit-keyframes bar3slide {
	0% {
		right: -70%;
	}
	60% {
		right: -2%;
	}
	50% {
		right: 0;
	}
	80% {
		right: -70%;
	}
	100% {
		right: -70%;
	}
}

@keyframes bar3slide {
	0% {
		right: -70%;
	}
	60% {
		right: -2%;
	}
	50% {
		right: 0;
	}
	80% {
		right: -70%;
	}
	100% {
		right: -70%;
	}
}

@-webkit-keyframes bar4slide {
	0% {
		right: -70%;
	}
	30% {
		right: -2%;
	}
	50% {
		right: 0;
	}
	90% {
		right: -70%;
	}
	100% {
		right: -70%;
	}
}

@keyframes bar4slide {
	0% {
		right: -70%;
	}
	30% {
		right: -2%;
	}
	50% {
		right: 0;
	}
	90% {
		right: -70%;
	}
	100% {
		right: -70%;
	}
}

@-webkit-keyframes bar5slide {
	0% {
		right: -70%;
	}
	35% {
		right: -2%;
	}
	50% {
		right: 0;
	}
	70% {
		right: -70%;
	}
	100% {
		right: -70%;
	}
}

@keyframes bar5slide {
	0% {
		right: -70%;
	}
	35% {
		right: -2%;
	}
	50% {
		right: 0;
	}
	70% {
		right: -70%;
	}
	100% {
		right: -70%;
	}
}

@-webkit-keyframes bar6slide {
	0% {
		right: -70%;
	}
	45% {
		right: -2%;
	}
	60% {
		right: 0;
	}
	70% {
		right: -70%;
	}
	100% {
		right: -70%;
	}
}

@keyframes bar6slide {
	0% {
		right: -70%;
	}
	45% {
		right: -2%;
	}
	60% {
		right: 0;
	}
	70% {
		right: -70%;
	}
	100% {
		right: -70%;
	}
}

@-webkit-keyframes personslideout {
	0% {
		right: -100%;
	}
	25% {
		right: 0%;
	}
	50% {
		right: 1%;
	}
	100% {
		right: -100%;
	}
}

@keyframes personslideout {
	0% {
		right: -100%;
	}
	25% {
		right: 0%;
	}
	50% {
		right: 1%;
	}
	100% {
		right: -100%;
	}
}

.detail p {
	color: #fff;
}

.servic-caption p {
	color: rgba(255, 255, 255, 0.5);
	margin-bottom: 1em;
}

.servic-caption a {
	color: rgba(255, 255, 255, 0.5);
	font-size: 14px;
}

.servic-caption a:hover {
	color: #00b2e1;
} //MODAL//HAMBURGUESA.cont_menu2 {    position: fixed;    left: 0px;    top: 0px;    width: 100%;    height: 100%;    z-index: 990;    background: linear-gradient(45deg, #000, #3b3b3b);    -webkit-transform-style: preserve-3d;    transform-style: preserve-3d;    -webkit-transform: perspective(60rem);    transform: perspective(60rem);}.cont_menu {    position: fixed;    right: 30px;    top: 20px;    width: 60px;    height: 45px;    cursor: pointer;    z-index: 4000000;    -webkit-transition: all 500ms ease-in-out;    transition: all 500ms ease-in-out;    transition-delay: 0.5s;    -webkit-transition-delay: 0.5s;}.menu_relativo {    position: relative;    width: 60px;    height: 45px;}.linea1 {    width: 40px;    height: 2px;    background-color: #fff;    position: absolute;    top: 0px;    right: 0px;    -webkit-transition: all 200ms ease-in-out;    transition: all 200ms ease-in-out;}.linea2 {    width: 30px;    height: 2px;    background-color: #fff;    position: absolute;    top: 10px;    right: 0px;    -webkit-transition: all 200ms ease-in-out;    transition: all 200ms ease-in-out;}.linea3 {    width: 20px;    height: 2px;    background-color: #fff;    position: absolute;    top: 20px;    right: 0px;    -webkit-transition: all 200ms ease-in-out;    transition: all 200ms ease-in-out;}//HAMBURGUESA//MENÚ.bg-menu {    width: 100%;    height: 200%;    position: fixed;    top: 0;    z-index: 1000;    background-color: #000;    transform: rotate(-90deg);    transform-origin: top right;    transition: transform 300ms ease-in-out;}.container-menu {    position: fixed;    width: 100%;    top: 0;    left: -100%;    z-index: 2000;    color: #fff;    }.menu-2 {position: relative; padding: 10%;}.menu-2 .item-menu span {    font-size: 82px;    font-weight: 300;    background: #cd016b;    background: -moz-linear-gradient(top, #cd016b 0%, #573687 100%);    background: -webkit-linear-gradient(top, #cd016b 0%, #573687 100%);    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    background-clip: text;    text-fill-color: transparent;}.item-menu {width: 100%;position: relative;height: auto;margin-bottom: 0px;overflow: hidden;margin-top:0px;}span2 {font-size: 5vw;font-weight: 900;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cd016b+0,573687+100 */background: #cd016b;/* Old browsers */background: -moz-linear-gradient(top, #cd016b 0%, #573687 100%);/* FF3.6-15 */background: -webkit-linear-gradient(top, #cd016b 0%, #573687 100%);/* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #cd016b 0%, #573687 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */webkit-background-clip: text;webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;}.anima-container-menu {animation: anima-container-menu 2s 1;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;}@keyframes anima-container-menu {    0% {        left: -100%    }    2% {        left: 0%    }    100% {        left: 0%    }}.item-anima1 {animation: itemanima1 1s 1;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;}@keyframes itemanima1 {0% {padding-top: 200px}    50% {        padding-top: 200px    }    100% {        padding-top: 0    }}.item-anima2{animation: itemanima2 1s 1;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;}@keyframes itemanima2{0%{left: 100%}50%{left: 50% }100%{left: 0% }}.item2-anima1 {    animation: item2anima1 1100ms 1;    animation-fill-mode: forwards;    -webkit-animation-fill-mode: forwards;    -moz-animation-fill-mode: forwards;}@keyframes item2anima1 {    0% {        padding-top: 200px    }    50% {        padding-top: 200px    }    100% {        padding-top: 0    }}.item2-anima2 {    animation: item2anima2 1100ms 1;    animation-fill-mode: forwards;    -webkit-animation-fill-mode: forwards;    -moz-animation-fill-mode: forwards;}@keyframes item2anima2 {    0% {        left: 100%    }    50% {        left: 50%    }    100% {        left: 0%    }}.item3-anima1 {    animation: item3anima1 1200ms 1;    animation-fill-mode: forwards;    -webkit-animation-fill-mode: forwards;    -moz-animation-fill-mode: forwards;}@keyframes item3anima1 {    0% {        padding-top: 200px    }    50% {        padding-top: 200px    }    100% {        padding-top: 0    }}.item3-anima2 {    animation: item3anima2 1200ms 1;    animation-fill-mode: forwards;    -webkit-animation-fill-mode: forwards;    -moz-animation-fill-mode: forwards;}@keyframes itema3nima3 {    0% {        left: 100%    }    50% {        left: 50%    }    100% {        left: 0%    }}.item4-anima1 {    animation: item4anima1 1300ms 1;    animation-fill-mode: forwards;    -webkit-animation-fill-mode: forwards;    -moz-animation-fill-mode: forwards;}@keyframes item4anima1 {    0% {        padding-top: 200px    }    50% {        padding-top: 200px    }    100% {        padding-top: 0    }}.item4-anima2 {    animation: item4anima2 1300ms 1;    animation-fill-mode: forwards;    -webkit-animation-fill-mode: forwards;    -moz-animation-fill-mode: forwards;}@keyframes item4anima3 {    0% {        left: 100%    }    50% {        left: 50%    }    100% {        left: 0%    }}.item5-anima1 {    animation: item5anima1 1400ms 1;    animation-fill-mode: forwards;    -webkit-animation-fill-mode: forwards;    -moz-animation-fill-mode: forwards;}@keyframes item5anima1 {    0% {        padding-top: 200px    }    50% {        padding-top: 200px    }    100% {        padding-top: 0    }}.item5-anima2 {    animation: item5anima2 1400ms 1;    animation-fill-mode: forwards;    -webkit-animation-fill-mode: forwards;    -moz-animation-fill-mode: forwards;}@keyframes item5anima3 {    0% {        left: 100%    }    50% {        left: 50%    }    100% {        left: 0%    }}.bg-menu {    width: 100%;    height: 200%;    position: fixed;    top: 0;    z-index: 1000;    background-color: #000;    transform: rotate(-90deg);    transform-origin: top right;    transition: transform 300ms ease-in-out;    left: 0;}.container-menu {    position: fixed;    width: 100%;    top: 0;    left: -100%;    z-index: 2000;    color: #fff;}.anima-container-menu {    animation: anima-container-menu 2s 1;    animation-fill-mode: forwards;    -webkit-animation-fill-mode: forwards;    -moz-animation-fill-mode: forwards;}.item-menu a {    font-size: 8vw;    color: #fff;    text-decoration: none;    font-weight: 900;    padding-top: 200px;    display: inline-block;    transition: opacity 300ms ease-in-out;}<style>   .swiper-container {      width: 100%;      height: 100%;    }   

.swiper-pagination {
    position: relative !important;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    z-index: 10;
}

.swiper-pagination-bullet {
	background: #fff !important;
    width:20px !important;
    height:3px !important;
    display: inline-block;
    border-radius:0px !important;    
    opacity: .2;
    margin:2px;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 0px !important;}
.swiper-pagination-bullet-active{ width:40px !important; }