html{
	background:#D9DDC7;
}
body {
	background:none;
}
html, body {
	font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
	width:100%; height:100%;
	margin: 0px; padding: 0px;
	color: #333;
	font-size: 14px;
	/*padding-top:49px;*/
}
.sticky {
	position:-webkit-sticky; position:sticky;
}
.clearfix {
	width:100%;
}
.matted {
	position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:#000; opacity:0.3;
}
.hidden {
	display: none !important;
}
.swal2-container {
	z-index:9999999;
}
.swal2-popup {
    font-size: 10px !important;
}
.swal-custom {
	border-radius:12px;
}
.swal-custom .swal2-title {
	margin-top:5px;
}
.swal-custom .swal2-content {
	padding:0px 10px;
}
.swal-custom .swal2-close {
	outline: none !important;
}
button:focus {outline:none;}
img {max-width:100%;}
.popover {
	border-color:#E5E5E5; border-radius:2px;
}
.popover-body {
    padding: 3px;
    color: #000000;
}
.bs-popover-auto[x-placement^="top"] .arrow::before, .bs-popover-top .arrow::before {border-top-color:#D1D1D1;}
.bs-popover-auto[x-placement^="top"] .arrow::after, .bs-popover-top .arrow::after {border-top-color:#FFF;}
.bs-popover-auto[x-placement^="bottom"] .arrow::before, .bs-popover-bottom .arrow::before {border-bottom-color:#D1D1D1;}
.bs-popover-auto[x-placement^="bottom"] .arrow::after, .bs-popover-bottom .arrow::after {border-bottom-color:#FFF;}
.bs-popover-auto[x-placement^="left"] .arrow::before, .bs-popover-left .arrow::before {border-left-color:#D1D1D1;}
.bs-popover-auto[x-placement^="left"] .arrow::after, .bs-popover-left .arrow::after {border-left-color:#FFF;}
.bs-popover-auto[x-placement^="right"] .arrow::before, .bs-popover-right .arrow::before {border-right-color:#D1D1D1;}
.bs-popover-auto[x-placement^="right"] .arrow::after, .bs-popover-right .arrow::after {border-right-color:#FFF;}
.txtWhite {color:#FFF;}
.txtYellow {color:#FAD428;}
.txtGray {color:#666;}
.txtBlue {color:rgb(8,102,255);}
.txtRed {color:#F12720;}
.bg-black {background:#000;}
.bg-yellow {background:#FAD428;}

body.bg-white, body.bg-white header .navbar, body.bg-white header .navbar-collapse, body.bg-white header .collapse-logo {
	background:#FFF !important;
}

.flags {
	display:inline-block; float:left; border:solid 1px #CCC;
	/*background:url(//ssl.gstatic.com/i18n/flags/48x32/nobevel/66bdb7a1bbbdbf86a67de382fac49ecc/flags.png) no-repeat 0 0;*/
	background:url(../images/flags.png) no-repeat 0 0;
	background-position-x:0px;
	background-position-y:0px;
	background-size:auto;
	background-size:24px 3876px;
	width:24px;
	height:16px;
	overflow:hidden;
}
.country-options {
	color:#111; min-width:200px;
}
.country-options .flags {
	float:left; margin-top:2px; margin-right:10px;
}
.country-options .code {
	display:inline-block; margin-left:6px;
	color:#555;
}

.ecard {
	margin-top:110px; margin-bottom:20px;
}
.ecard .warp {
	padding:0px 25px; max-width:464px;
}
@media (max-width: 463.98px) {
	.ecard .warp {
		max-width:100%;
	}
}
.ecard .card {
	border:none;border-radius:15px;padding:25px;padding-bottom:10px;
}
.ecard .avatar {
	background:#FFF; padding:8px; width:150px; height:150px; border-radius:50%; margin-left:auto; margin-right:auto; margin-top:-100px;
}
.ecard .avatar img {
	height:100%; width:100%; border-radius:50%;
}
.ecard .name {
	text-align:center; margin-bottom:20px; color:#F7C136;
}
.ecard .name h1 {
	font-size:22px; margin-bottom:5px; color:#000;
}
.ecard .clearfix {
	margin-bottom:15px;
}
.ecard .space {
	background:#EBEEF1; margin-left:auto; margin-right:auto; margin-bottom:30px; width:76%; height:4px; border-radius:50%;
}
.ecard .btn {
	position:relative; width:100%; border-radius:39px; padding:0px 42px; height:42px; font-size:16px; border:none; box-shadow:none; margin-bottom:20px;
}
.ecard .btn.main {
	background:#F7AB21; color:#FFF;
}
.ecard .btn.sub {
	background:#EBEEF1; color:#000;
	-webkit-transition: all 500ms ease-in-out;
	   -o-transition: all 500ms ease-in-out;
		  transition: all 500ms ease-in-out;
}
@media (min-width: 768px) {
	.ecard .btn.sub:hover {
		background:#D9DDC7;
	}
}
.ecard .btn img {
	height:42px; position:absolute; left:0px; top:0px;
	-webkit-transition: all 800ms ease-in-out;
	   -o-transition: all 800ms ease-in-out;
		  transition: all 800ms ease-in-out;
}
.ecard .btn:hover img {
	/*left:100%; margin-left:-42px;*/
	/*-webkit-animation: ring-animation 1s infinite ease-in-out;
	-moz-animation: ring-animation 1s infinite ease-in-out;
	-ms-animation: ring-animation 1s infinite ease-in-out;
	-o-animation: ring-animation 1s infinite ease-in-out;
	animation: ring-animation 1s infinite ease-in-out;*/
}
.ecard.error404 {
	position:fixed; width:100%; height:100%; margin:0px; padding:30px 0px; overflow:auto;
}
.ecard.error404 > .container, .ecard.error404 > .container > .row {
	height:100%;
}
#anotherBrowser {
	top:25%;
}
#anotherBrowser #vcfLink {
	background:#EBEEF1; border-radius:8px; width:100%; border:none; outline:none;
}
#anotherBrowser .btn-copy-link {
	border:solid 1px #C9C9C9; background:#FFF;
}
#anotherBrowser .btn-copy-link img {
	margin-top:-3px; margin-right:1px;
}
.cog_icons {
	display:flex; flex-direction:row; position:fixed; right:5px; bottom:15px; z-index:1;
}
.cog_icons a {
	display:flex; justify-content:center; align-items:center; width:42px; height:42px; position:relative; margin-bottom:0px; margin-right:10px;
}
.cog_icons a img {
	z-index:1;
}
.cog_icons a .matted {
	position:absolute; left:0; top:0; display:block; width:100%; height:100%; border-radius:50%; background:#444; opacity:0.1;
	-webkit-transition: all 300ms ease-in-out;
	   -o-transition: all 300ms ease-in-out;
		  transition: all 300ms ease-in-out;
}
.cog_icons.pullRight {
	display:inline-block; right:15px; bottom:5px;
}
.cog_icons.pullRight a {
	margin-bottom:10px; margin-right:0px;
}
@media (min-width: 768px) {
	.cog_icons a:hover .matted {
		background:#FFF; opacity:0.4;
	}
}
@media (max-width: 767.98px) {
	.cog_icons {
		display:inline-block; right:15px; bottom:5px;
	}
	.cog_icons a {
		margin-bottom:10px; margin-right:0px;
	}
}
.nTooltip {
	position: relative;
	display: inline-block;
}
.nTooltip .tooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: black;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	
	/* Position the tooltip */
	position: absolute;
	z-index: 1;
	
	/* Top */
	/*bottom: 150%;
	left: 50%;
	margin-left: -60px;*/
	
	/* Right */
	/*top: -5px;
  	left: 110%;*/
	
	/* Bottom */
	/*top: 150%;
	left: 50%;
	margin-left: -60px;*/
	
	/* Left */
	top: -10px;
  	right: 39px;
	
	/* https://www.w3schools.com/css/css_tooltip.asp */
}
.nTooltip .tooltiptext::after {
	content: " ";
	position: absolute;
	
	/* At the bottom of the tooltip */
	/*top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: black transparent transparent transparent;*/
	
	/* At the left of the tooltip */
	/*top: 50%;
	right: 100%;
	margin-top: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent black transparent transparent;*/
	
	/* At the top of the tooltip */
	/*bottom: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent black transparent;*/
	
	/* At the right of the tooltip */
	top: 50%;
	left: 100%;
	margin-top: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent transparent black;
}
.nTooltip.show .tooltiptext/*, .nTooltip:hover .tooltiptext*/ {
	visibility: visible;
}
@-webkit-keyframes upDown {
	0% { transform: translateY(0); }
	100% { transform: translateY(-5px); }
}

@-moz-keyframes upDown {
	0% { transform: translateY(0); }
	100% { transform: translateY(-5px); }
}

@keyframes upDown {
	0% { transform: translateY(0); }
	100% { transform: translateY(-5px); }
}
.nTooltip .tooltiptext {
	-webkit-animation: upDown 1s infinite  alternate;
	-moz-animation: upDown 1s infinite  alternate;
	animation: upDown 1s infinite  alternate;
}
.update-form {
	position:fixed; z-index:9; top:0px; right:-442px; width:442px; max-width:100%; height:100%;
	-webkit-transition: all 300ms ease-in-out;
	   -o-transition: all 300ms ease-in-out;
		  transition: all 300ms ease-in-out;
}
.update-form .overlay {
	position:fixed; top:0px; right:0px; width:100%; height:100%; background:#111; opacity:0.3; display:none;
}
.update-form .warp {
	position:relative; width:100%; height:100%; background:#F1F1F6; z-index:1;
}
.update-form.show {
	right:0px; box-shadow: -4px 0 4px rgba(26,26,26,.5),4px 0 4px rgba(26,26,26,.5);
}
.update-form.show .overlay {
	display:block;
}
.update-form .content {
	padding:0px 15px 73px 15px; height:100%; overflow:auto;
}
.update-form .avatar {
	position:relative; width:134px; height:134px; margin-left:auto; margin-right:auto;
}
.update-form .avatar img {
	border-radius:50%;
}
.update-form .avatar a {
	position:absolute; right:0px; bottom:5px; background:#FFF; color:#333; border-radius:50%; width:30px; height:30px;
	display:flex; align-items:center; justify-content:center;
}
.update-form .avatar a img {
	border-radius:0; max-width:18px; max-height:18px; margin-top:-1px;
}
.update-form .actions {
	position:absolute; left:0px; bottom:0px; width:100%; text-align:center; background:#FFF; height:73px; padding-top:10px; z-index:9;
}
.update-form .actions button {
	position:relative; font-size:18px; margin:5px; border-radius:22px; box-shadow:none; text-align:center; transition:all .3s ease; width:40%;
}
.update-form .actions button.main {
	background:#FFF; color:#1a1a1a;
	border:2px solid #CDD3D9; padding:6px 18px;
}
.update-form .actions button.main:hover {
	background:#e0e0e0;
	border-color:#e0e0e0;
}
.update-form .actions button.sub {
	background:#1a1a1a; color:#FFF;
	border:none; padding:8px 18px;
}
.update-form .actions button.sub:hover {
	background:#424242;
}
.update-form .actions button i.fa {
	position:absolute; right:15px; top:14px;
}
.form-layer {
	background:#FFF; border-top:solid 1px #222; border-bottom:solid 1px #222; margin-bottom:30px;
}
.form-layer input[type="text"] {
	color:#0866FF !important;
	color:#333 !important;
}
.form-layer.multi-data {
	margin-bottom:0px; border-bottom:none;
}
.form-layer.multi-data.closed {
	border-top:none;
}
.form-layer .ico .fa {
	font-size:18px;
}
.form-layer .ico .fa-minus-circle {
	color:#FF3B30;
}
.form-layer .ico .fa-plus-circle {
	color:#34C85A;
}
.form-layer.add-multi-data, .form-layer .del-data {
	cursor:pointer;
}
.form-layer.add-multi-data .title {
	width:auto !important;
}
.form-layer .clearfix {
	margin:0px;
}
.form-layer .label {
	height:45px; line-height:45px;
}
.form-layer .ico {
	float:left; width:25px; height:45px; display:flex; align-items:center; justify-content:left;
}
.form-layer .ico img {
	max-height:16px; max-width:16px;
}
.form-layer .input-row {
	padding-left:25px;
}
.form-layer .input-row .input-group {
	border-bottom:solid 1px #222; min-height:45px;
}
.form-layer .col-12 div:nth-last-child(1 of .input-row) .input-group {
	border:none;
}
.form-layer .label .title {
	float:left; width:76px; overflow:hidden;
}
.form-layer .label .tick {
	float:left; width:20px; text-align:center;
}
.form-layer .label .tick:before {
	content:"";
	width:1px; height:100%; border-right:solid 1px #222;
}
.form-layer .label .select {
	float:left;
}
.form-layer .label .select .select2-selection {
	border-radius:0px; border:none; background:none;
}
.form-layer .label .select .select2-selection > span {
	padding-left:0px;
}
.form-layer .label .select .select2-selection > span .flags {
	margin-top:5px;
}
.form-layer .label .select .select2-selection__arrow {
	height:24px;
}
.form-layer input[type="text"], .form-layer input[type="date"], .form-layer input[type="password"] {
	background:#FFF; font-size:14px; color:#111; height:45px; line-height:45px; box-shadow:none; border-radius:0px; border:none; /*border-bottom:solid 1px #222;*/ padding-left:0px; padding-right:0px;
}
.form-layer .del {
	width:0px; cursor:pointer; overflow:hidden; position:relative;
	-webkit-transition: all 200ms ease-in-out;
	   -o-transition: all 200ms ease-in-out;
		  transition: all 200ms ease-in-out;
}
.form-layer .del::before {
	content:"";
	position:absolute; right:0px; border-radius:50%;
	top:16px; width:12px; height:12px;
	/*top:15px; width:14px; height:14px;*/
	background-color:#FFF;
	background-image:url(../images/clear.png);
	background-repeat:no-repeat;
	background-size:cover;
}
.form-layer .del.show {
	width:20px;
}
.form-layer .notes textarea {
	overflow-y:hidden; padding-left:0px; padding-right:0px; font-size:14px; margin-top:6px; border:none; box-shadow:none; border-radius:0px; background:none;
}
.form-layer .notes textarea::placeholder {
	color:#CDCDCD;
}
.form-layer .notes .del {
	display:flex; align-items:center; justify-content:center;
}
.form-layer .notes .del::before {
	top:auto; bottom:auto;
}
.form-layer .slider {
	padding-left:8px; padding-top:12px; cursor:pointer;
}
.form-layer .slider span {
	display:block; background:#cdcdcd; width:34px; height:20px; border-radius:10px; position:relative;
}
.form-layer .slider span:before {
	content:""; display:block;
	background:#cdcdcd; width:12px; height:12px; border-radius:7px; border:solid 3px #FFF; top:4px; left:4px; position:absolute;
	/*-webkit-transition: slide 300ms ease-in-out;
	   -o-transition: slide 300ms ease-in-out;
		  transition: slide 300ms ease-in-out;*/
	animation-name: slide-off;
  	animation-duration: 0.2s;
}
.form-layer .slider.on span {
	background:#34C934;
}
.form-layer .slider.on span:before {
	background:#FFF; width:12px; left:18px;
	animation-name: slide-on;
  	animation-duration: 0.2s;
}
@keyframes slide-off {
	from {background:#FFF;}
  	to {background:#cdcdcd;}
    0%   {left:18px;width:12px;}
    25%  {left:15px;width:14px;}
	50%  {left:11px;width:16px;}
	75%  {left:7px;width:14px;}
    100% {left:4px;width:12px;}
}
@-webkit-keyframes slide-off {
	from {background:#FFF;}
  	to {background:#cdcdcd;}
    0%   {left:18px;width:12px;}
    25%  {left:15px;width:14px;}
	50%  {left:11px;width:16px;}
	75%  {left:7px;width:14px;}
    100% {left:4px;width:12px;}
}
@keyframes slide-on {
	from {background:#cdcdcd;}
  	to {background:#FFF;}
    0%   {left:4px;width:12px;}
	25%  {left:7px;width:14px;}
	50%  {left:11px;width:16px;}
    75%  {left:15px;width:14px;}
    100% {left:18px;width:12px;}
}
@-webkit-keyframes slide-on {
	from {background-color:#cdcdcd;}
  	to {background-color:#FFF;}
    0%   {left:4px;width:12px;}
	25%  {left:7px;width:14px;}
	50%  {left:11px;width:16px;}
    75%  {left:15px;width:14px;}
    100% {left:18px;width:12px;}
}
.form-layer, .form-layer .input-row .input-group, .form-layer .label .tick:before {
	border-color:#CDD3D9;
}
@media (max-width: 767.98px) {
	.update-form .warp {
		overflow:auto;
	}
	.update-form .content {
		padding-bottom:0px; height:auto; overflow:hidden;
		padding-bottom:73px;
	}
	.update-form .actions {
		/*position:static;*/
		position: fixed; left:0; bottom:0; height:0px; opacity:0;
		-webkit-transition: all 300ms ease-in-out;
		   -o-transition: all 300ms ease-in-out;
			  transition: all 300ms ease-in-out;
	}
	.update-form.show .actions {
		height:auto; opacity:1;
	}
}

.register-form {
	position:fixed; width:100%; height:100%; margin:0px; padding:30px 0px; overflow:auto;
}
.register-form > .container {
	height:100%;
}
.register-form > .container > .row {
	height:100%;
}
.register-form > .container > .row > .warp > div {
	width:100%;
}
.register-form .card {
	position:relative; border-top:solid 4px #F1B70D; width:100%; height:426px; overflow:hidden;
}
.register-form #info-box {
	position:absolute; width:100%; left:0px; top:0px; padding:25px 20px;
	-webkit-transition: all 300ms ease-in-out;
	   -o-transition: all 300ms ease-in-out;
		  transition: all 300ms ease-in-out;
}
.register-form #info-box.hide {
	left:-100%;
}
.register-form #verify-box {
	position:absolute; width:100%; left:0px; top:0px; padding:25px;
	-webkit-transition: all 300ms ease-in-out;
	   -o-transition: all 300ms ease-in-out;
		  transition: all 300ms ease-in-out;
}
.register-form #verify-box.hide {
	left:100%;
}
.register-form .form-layer {
	border:none; margin-top:15px; margin-bottom:10px;
}
.register-form .note {
	color:#C41F26; color:#111; font-size:13px;
}
.register-form .note h5 {
	padding:0px; margin:3px 0px; font-size:18px;
}
.register-form .btn {
	-webkit-transition: all 300ms ease-in-out;
	   -o-transition: all 300ms ease-in-out;
		  transition: all 300ms ease-in-out;
}
.register-form .btn-back {
	background:#555 !important; width:130px; padding:0px; margin:5px; box-shadow: #111 0px -3px 0px 0px inset;
}
.register-form .btn-back:hover {
	background:#333 !important;
}
.register-form .btn-back i {
	position:absolute; left:20px; top:10px; font-size:21px;
}
.register-form .btn-next {
	background:#F6BA1B !important; width:130px; padding:0px; margin:5px; box-shadow: #D19935 0px -3px 0px 0px inset;
}
.register-form .btn-next:hover {
	background:#E8B10D !important;
}
.register-form .btn-next i {
	position:absolute; right:20px; top:10px; font-size:21px;
}
.register-form .btn-submit {
	background:#B7DB70 !important; width:130px; padding:0px; margin:5px; box-shadow: #7C9E41 0px -3px 0px 0px inset;
}
.register-form .btn-submit:hover {
	background:#91B94D !important;
}
.otp-insert {
	margin-top:25px; margin-bottom:25px; padding:30px 0px; border-radius:11px;
}
.otp-insert input[type="text"] {
	text-align:center; box-shadow:none; width:120px; margin:auto;
}

.popup-form {
	position:fixed; top:100%; left:0px; width:100%; height:100%; z-index:2;
	-webkit-transition: all 400ms ease-in-out;
	   -o-transition: all 400ms ease-in-out;
		  transition: all 400ms ease-in-out;
}
.popup-form.show {
	top:0px;
}
.popup-form .overlay {
	position:fixed; top:0px; left:0px; background:#111; opacity:0.5; width:100%; height:100%; display:none;
}
.popup-form.show .overlay {
	display:block;
}


.img-zooming {
	display:block;
	position:relative;
	overflow:hidden;
}
.img-zooming img {
	-webkit-transition:-webkit-transform .3s linear;
	transition:transform .3s linear
}
.img-zooming:hover img {
    -webkit-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25);
}

.select2-dropdown {
	border-radius:0px !important; border:none !important; z-index:9999 !important;
}
.bg-white {
	background:#FFF !important;
}
.bg-gray {
	background:#E3E3E3 !important;
}
.bg-gray2 {
	background:#B3B3B3 !important;
}

.owl-theme .owl-controls {
	margin:0px !important;
}
.owl-theme .owl-controls .owl-buttons div {
	font-size: 60px !important;
	font-weight: 100 !important;
	margin:0px !important; padding:0px !important; color:#000000 !important;
	border-radius:0px !important;
	opacity:1 !important;
	position:absolute; top:0px; height:100%;
	display: flex !important;
	width:15%;
	background:none !important;
}
.owl-theme .owl-controls .owl-buttons div.owl-prev {
	left:0px;
}
.owl-theme .owl-controls .owl-buttons div.owl-next {
	right:0px;
}
.owl-theme .owl-controls .owl-buttons div i {
	margin:auto auto; opacity:0.9;
}

@-moz-keyframes ring-animation {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes ring-animation {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@-o-keyframes ring-animation {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@keyframes ring-animation {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

.loading {
	position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:9999999;
}
.loading::before {
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background:#000;
	opacity:0.7;
}
.circleLoad {
    background-color: rgba(0,0,0,0);
    border: 5px solid rgba(0,183,229,0.9);
    opacity: .9;
    border-left: 5px solid rgba(0,0,0,0);
    border-right: 5px solid rgba(0,0,0,0);
    border-radius: 50px;
    box-shadow: 0 0 15px #2187e7;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    position: relative;
    top: 50%;
    -moz-animation: spinoffPulse 1s infinite linear;
    -webkit-animation: spinoffPulse 1s infinite linear;
}

@-moz-keyframes spinPulse {
    0% {
        -moz-transform: rotate(160deg);
        opacity: 0;
        box-shadow: 0 0 1px #2187e7;
    }

    50% {
        -moz-transform: rotate(145deg);
        opacity: 1;
    }

    100% {
        -moz-transform: rotate(-320deg);
        opacity: 0;
    };
}

@-moz-keyframes spinoffPulse {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
    };
}

@-webkit-keyframes spinPulse {
    0% {
        -webkit-transform: rotate(160deg);
        opacity: 0;
        box-shadow: 0 0 1px #2187e7;
    }

    50% {
        -webkit-transform: rotate(145deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: rotate(-320deg);
        opacity: 0;
    };
}

@-webkit-keyframes spinoffPulse {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    };
}

.p0 {
  padding: 0 !important; }

.p1 {
  padding: 1; }

.p5 {
  padding: 5px; }
  
.p10 {
  padding: 10px; }

.p15 {
  padding: 15px; }

.p20 {
  padding: 20px; }

.p25 {
  padding: 25px; }

.p30 {
  padding: 30px; }

.p35 {
  padding: 35px; }

.p40 {
  padding: 40px; }

.p45 {
  padding: 45px; }

.p50 {
  padding: 50px; }

.p55 {
  padding: 55px; }

.p60 {
  padding: 60px; }

.p65 {
  padding: 65px; }

.p70 {
  padding: 70px; }

.p75 {
  padding: 75px; }

.p80 {
  padding: 80px; }

.pad10 {
  padding: 10% 5%; }

.pad17 {
  padding-top: 17% !important; }

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

.pt5 {
  padding-top: 5px !important; }
  
.pt10 {
  padding-top: 10px !important; }

.pt15 {
  padding-top: 15px; }

.pt20 {
  padding-top: 20px; }

.pt25 {
  padding-top: 25px; }

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

.pt35 {
  padding-top: 35px; }

.pt40 {
  padding-top: 40px; }

.pt45 {
  padding-top: 45px; }

.pt50 {
  padding-top: 50px; }

.pt55 {
  padding-top: 55px; }

.pt60 {
  padding-top: 60px; }

.pt65 {
  padding-top: 65px; }

.pt70 {
  padding-top: 70px; }

.pt75 {
  padding-top: 75px; }

.pt80 {
  padding-top: 80px; }

.pt85 {
  padding-top: 85px; }

.pt90 {
  padding-top: 90px; }

.pt95 {
  padding-top: 95px; }

.pt100 {
  padding-top: 100px; }

.pt120 {
  padding-top: 120px; }

.pt130 {
  padding-top: 130px; }

.pt140 {
  padding-top: 140px; }

.pt150 {
  padding-top: 150px; }

.pt160 {
  padding-top: 160px; }

.pt170 {
  padding-top: 170px; }

.pt180 {
  padding-top: 180px; }

.pt190 {
  padding-top: 190px; }

.pt200 {
  padding-top: 200px; }

.pt100 {
  padding-top: 100px; }

.pt70 {
  padding-top: 70px; }

.pt70 {
  padding-top: 70px; }

.pt70 {
  padding-top: 70px; }

.pr0 {
  padding-right: 0; }

.pr1 {
  padding-right: 1px; }

.pr5 {
  padding-right: 5px; }

.pr10 {
  padding-right: 10px; }

.pr15 {
  padding-right: 15px; }

.pr20 {
  padding-right: 20px; }

.pr25 {
  padding-right: 25px; }

.pr30 {
  padding-right: 30px; }

.pr35 {
  padding-right: 35px; }

.pr40 {
  padding-right: 40px; }

.pr45 {
  padding-right: 45px; }

.pr50 {
  padding-right: 50px; }

.pr55 {
  padding-right: 55px; }

.pr60 {
  padding-right: 60px; }

.pr65 {
  padding-right: 65px; }

.pr70 {
  padding-right: 70px; }

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

.pb15 {
  padding-bottom: 15px; }

.pb5 {
  padding-bottom: 5px; }

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

.pb15 {
  padding-bottom: 15px; }

.pb20 {
  padding-bottom: 20px; }

.pb25 {
  padding-bottom: 25px; }

.pb30 {
  padding-bottom: 30px; }

.pb35 {
  padding-bottom: 35px; }

.pb40 {
  padding-bottom: 40px; }

.pb45 {
  padding-bottom: 45px; }

.pb50 {
  padding-bottom: 50px; }

.pb55 {
  padding-bottom: 55px; }

.pb60 {
  padding-bottom: 60px; }

.pb65 {
  padding-bottom: 65px; }

.pb70 {
  padding-bottom: 70px; }

.pb75 {
  padding-bottom: 75px; }

.pb80 {
  padding-bottom: 80px; }

.pb85 {
  padding-bottom: 85px; }

.pb90 {
  padding-bottom: 90px; }

.pb95 {
  padding-bottom: 95px; }

.pb100 {
  padding-bottom: 100px; }

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

.pl1 {
  padding-left: 1px; }

.pl5 {
  padding-left: 5px; }

.pl10 {
  padding-left: 10px; }

.pl15 {
  padding-left: 15px; }

.pl20 {
  padding-left: 20px; }

.pl25 {
  padding-left: 25px; }

.pl30 {
  padding-left: 30px; }

.pl35 {
  padding-left: 35px; }

.pl40 {
  padding-left: 40px; }

.pl45 {
  padding-left: 45px; }

.pl50 {
  padding-left: 50px; }

.pl55 {
  padding-left: 55px; }

.pl60 {
  padding-left: 60px; }

.pl65 {
  padding-left: 65px; }

.pl70 {
  padding-left: 70px; }

.pl75 {
  padding-left: 75px; }

.pl80 {
  padding-left: 80px; }

.pl85 {
  padding-left: 85px; }

.pl90 {
  padding-left: 90px; }

.pl95 {
  padding-left: 95px; }

.pl100 {
  padding-left: 100px; }

.prpl0 {
  padding-left: 0;
  padding-right: 0;
}
.prpl5 {
  padding-left: 5px;
  padding-right: 5px; }

.prpl10 {
  padding-left: 10px;
  padding-right: 10px; }

.prpl15 {
  padding-left: 15px;
  padding-right: 15px; }

.prpl20 {
  padding-left: 20px;
  padding-right: 20px; }

.prpl25 {
  padding-left: 25px;
  padding-right: 25px; }

.prpl30 {
  padding-left: 30px;
  padding-right: 30px; }

.prpl35 {
  padding-left: 35px;
  padding-right: 35px; }

.prpl40 {
  padding-left: 40px;
  padding-right: 40px; }

.prpl2 {
  padding-left: 2px;
  padding-right: 2px; }

.ptpb0 {
  padding-top: 0px;
  padding-bottom: 0px; }
.ptpb5 {
  padding-top: 5px;
  padding-bottom: 5px; }
.ptpb10 {
  padding-top: 10px;
  padding-bottom: 10px; }
.ptpb15 {
  padding-top: 15px;
  padding-bottom: 15px; }
.ptpb20 {
  padding-top: 20px;
  padding-bottom: 20px; }
.ptpb25 {
  padding-top: 25px;
  padding-bottom: 25px; }
.ptpb30 {
  padding-top: 30px;
  padding-bottom: 30px; }
.ptpb35 {
  padding-top: 35px;
  padding-bottom: 35px; }
.ptpb40 {
  padding-top: 40px;
  padding-bottom: 40px; }
.ptpb45 {
  padding-top: 45px;
  padding-bottom: 45px; }
.ptpb50 {
  padding-top: 50px;
  padding-bottom: 50px; }
.ptpb55 {
  padding-top: 55px;
  padding-bottom: 55px; }
.ptpb60 {
  padding-top: 60px;
  padding-bottom: 60px; }

.plpr0 {
  padding-left: 0px;
  padding-right: 0px; }
  
  


.m0 {
  margin: 0 !important; }

.m1 {
  margin: 1; }

.m5 {
  margin: 5px; }
  
.m10 {
  margin: 10px; }

.m15 {
  margin: 15px; }

.m20 {
  margin: 20px; }

.m25 {
  margin: 25px; }

.m30 {
  margin: 30px; }

.m35 {
  margin: 35px; }

.m40 {
  margin: 40px; }

.m45 {
  margin: 45px; }

.m50 {
  margin: 50px; }

.m55 {
  margin: 55px; }

.m60 {
  margin: 60px; }

.m65 {
  margin: 65px; }

.m70 {
  margin: 70px; }

.m75 {
  margin: 75px; }

.m80 {
  margin: 80px; }

.mad10 {
  margin: 10% 5%; }

.mad17 {
  margin-top: 17% !important; }

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

.mt5 {
  margin-top: 5px !important; }
  
.mt10 {
  margin-top: 10px !important; }

.mt15 {
  margin-top: 15px; }

.mt20 {
  margin-top: 20px; }

.mt25 {
  margin-top: 25px; }

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

.mt35 {
  margin-top: 35px; }

.mt40 {
  margin-top: 40px; }

.mt45 {
  margin-top: 45px; }

.mt50 {
  margin-top: 50px; }

.mt55 {
  margin-top: 55px; }

.mt60 {
  margin-top: 60px; }

.mt65 {
  margin-top: 65px; }

.mt70 {
  margin-top: 70px; }

.mt75 {
  margin-top: 75px; }

.mt80 {
  margin-top: 80px; }

.mt85 {
  margin-top: 85px; }

.mt90 {
  margin-top: 90px; }

.mt95 {
  margin-top: 95px; }

.mt100 {
  margin-top: 100px; }

.mt120 {
  margin-top: 120px; }

.mt130 {
  margin-top: 130px; }

.mt140 {
  margin-top: 140px; }

.mt150 {
  margin-top: 150px; }

.mt160 {
  margin-top: 160px; }

.mt170 {
  margin-top: 170px; }

.mt180 {
  margin-top: 180px; }

.mt190 {
  margin-top: 190px; }

.mt200 {
  margin-top: 200px; }

.mt100 {
  margin-top: 100px; }

.mt70 {
  margin-top: 70px; }

.mt70 {
  margin-top: 70px; }

.mt70 {
  margin-top: 70px; }

.mr0 {
  margin-right: 0; }

.mr1 {
  margin-right: 1px; }

.mr5 {
  margin-right: 5px; }

.mr10 {
  margin-right: 10px; }

.mr15 {
  margin-right: 15px; }

.mr20 {
  margin-right: 20px; }

.mr25 {
  margin-right: 25px; }

.mr30 {
  margin-right: 30px; }

.mr35 {
  margin-right: 35px; }

.mr40 {
  margin-right: 40px; }

.mr45 {
  margin-right: 45px; }

.mr50 {
  margin-right: 50px; }

.mr55 {
  margin-right: 55px; }

.mr60 {
  margin-right: 60px; }

.mr65 {
  margin-right: 65px; }

.mr70 {
  margin-right: 70px; }

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

.mb15 {
  margin-bottom: 15px; }

.mb5 {
  margin-bottom: 5px; }

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

.mb15 {
  margin-bottom: 15px; }

.mb20 {
  margin-bottom: 20px; }

.mb25 {
  margin-bottom: 25px; }

.mb30 {
  margin-bottom: 30px; }

.mb35 {
  margin-bottom: 35px; }

.mb40 {
  margin-bottom: 40px; }

.mb45 {
  margin-bottom: 45px; }

.mb50 {
  margin-bottom: 50px; }

.mb55 {
  margin-bottom: 55px; }

.mb60 {
  margin-bottom: 60px; }

.mb65 {
  margin-bottom: 65px; }

.mb70 {
  margin-bottom: 70px; }

.mb75 {
  margin-bottom: 75px; }

.mb80 {
  margin-bottom: 80px; }

.mb85 {
  margin-bottom: 85px; }

.mb90 {
  margin-bottom: 90px; }

.mb95 {
  margin-bottom: 95px; }

.mb100 {
  margin-bottom: 100px; }

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

.ml1 {
  margin-left: 1px; }

.ml5 {
  margin-left: 5px; }

.ml10 {
  margin-left: 10px; }

.ml15 {
  margin-left: 15px; }

.ml20 {
  margin-left: 20px; }

.ml25 {
  margin-left: 25px; }

.ml30 {
  margin-left: 30px; }

.ml35 {
  margin-left: 35px; }

.ml40 {
  margin-left: 40px; }

.ml45 {
  margin-left: 45px; }

.ml50 {
  margin-left: 50px; }

.ml55 {
  margin-left: 55px; }

.ml60 {
  margin-left: 60px; }

.ml65 {
  margin-left: 65px; }

.ml70 {
  margin-left: 70px; }

.ml75 {
  margin-left: 75px; }

.ml80 {
  margin-left: 80px; }

.ml85 {
  margin-left: 85px; }

.ml90 {
  margin-left: 90px; }

.ml95 {
  margin-left: 95px; }

.ml100 {
  margin-left: 100px; }
  

.rox0 {
  transform: rotateX(0);
}
.rox45 {
  transform: rotateX(45deg);
}
.rox90 {
  transform: rotateX(90deg);
}
.rox135 {
  transform: rotateX(135deg);
}
.rox180 {
  transform: rotateX(180deg);
}
.rox225 {
  transform: rotateX(225deg);
}
.rox270 {
  transform: rotateX(270deg);
}
.rox315 {
  transform: rotateX(315deg);
}
.rox360 {
  transform: rotateX(360deg);
}



#lang-box {
	position:fixed; right:15px; top:15px; z-index:2; width:auto; cursor:pointer;
}
#lang-box .wrap {
	position:absolute; left:0px; top:0px; width:100%; height:100%; background:#444; opacity:0.1; border-radius:15px;
}
#lang-box .input-group-prepend {
	z-index:1;
}
#lang-box .input-group-text {
	border:none; background:none; color:#000;
}
#lang-box .current-language {
	padding-left:4px;
}
#lang-box .wrap, #lang-box .arrow, #lang-box .list {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
#lang-box.show .arrow {
	rotate: 180deg;
}
#lang-box .list {
	position:absolute; right:0px; top:100%; min-width:100%; padding-top:5px;
	height:0px; overflow:hidden; opacity:0;
}
#lang-box.show .list {
	height:auto; overflow:auto; opacity:1;
}
#lang-box .list-bg {
	position:absolute; left:0px; top:5px; width:100%; height:calc(100% - 5px); background:#444; opacity:0.1; border-radius:6px;
}
#lang-box .list-language {
	position:relative;
}
#lang-box ul, #lang-box li {
	list-style:none;
	list-style-image:none;
	list-style-type:none;
	margin:0px; padding:0px !important;
}
#lang-box li a {
	position:relative; color:#000; font-size:12px; padding-left:10px; text-decoration:none; display:block; padding:3px 10px; padding-left:16px;
}
#lang-box li i {
	position:absolute; left:5px; top:9px; font-size:7px; display:none;
}
#lang-box li.actived i {
	display:block;
}
#lang-box li {
	padding:3px 8px; position:relative; border-bottom:solid 1px #999;
}
#lang-box li:last-child {
	border:none;
}
#lang-box li .matted {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	background:none;
	-webkit-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
#lang-box li:first-child .matted {
	border-top-left-radius:6px; border-top-right-radius:6px;
}
#lang-box li:last-child .matted {
	border-bottom-left-radius:6px; border-bottom-right-radius:6px;
}
#lang-box li:hover .matted {
	background:#FFF; opacity:0.4;
}