/* a.navbar-brand {
    display: block;
    position: relative;
    top: -23px;
    left: 100px;
    width: 430px;
    height: 60px;
    background: url("/images/my-goverlan-logo-white.svg") no-repeat;
} */

/* a.navbar-brand {
	display: block;
	position: relative;
	left: 15px;
	top: 4px;
	width: 100%;
	height: 55px;
	background: url("/images/my-goverlan-logo-white.svg") no-repeat;
} */

a.navbar-brand {
    display: block;
    position: relative;
    left: 20px;
    top: 13px;
    width: 220px;
    height: 55px;
    background: url(/images/my-goverlan-logo-white.svg) no-repeat;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
	display: none !important;
}
/* Sticky footer styles
-------------------------------------------------- */
html {
	position: relative;
	min-height: 100%;
}
body {
	/* Margin bottom by footer height */
	margin-bottom: 60px;
	font-family: "proxima-nova", "Segoe UI Light", sans-serif;
	font-size: 15px;
	color: #4D4D4D;
	height: 90%;
	/*font-weight:300;*/
	-webkit-overflow-scrolling: touch;
}
.footer {
	/* position: fixed; */
	bottom: 0;
	width: 100%;
	color: #b2b2b2;
	font-size: 0.867em;
	position: absolute;
	padding-top: 25px;
}
a {
	text-decoration: none;
}
a:active {
	text-decoration: dotted;
}
a:hover {
	text-decoration: dotted;
	outline: 1;
}
a:active, a:focus {
	outline-style: none;
	-moz-outline-style: none;
}
table a:not(.btn), .table a:not(.btn) {
	text-decoration: none;
}
.btn {
	border-radius: 5px;
}
/* Rouded button overwrite  
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
} */


/* 

.input-rounded {
    border: 1px solid #CCCCCC;
    color: #4D4D4D;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 3px;
    text-align: center;
    font-size: 15px;
    padding: 4px 7px;
    outline: 0;
    -webkit-appearance: none;
}

*/

.input-rounded {
	border: 1px solid #eaeaea;
	color: #4D4D4D;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	font-size: 15px;
	padding: 4px 7px;
	outline: 0;
	font-weight: 600;
	-webkit-appearance: none;
}
.rounded {
	border-radius: 3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-appearance: none;
}
.questions {
	position: relative;
	top: -10px;
	text-align: right;
}
.inner-addon {
	position: relative;
}
.inner-addon-search {
	position: relative;
}
.inner-addon-search .glyphicon {
	position: absolute;
	padding: 8px;
	pointer-events: none;
	color: #99999d;
}
/* style icon */

.inner-addon .glyphicon {
	position: absolute;
	padding: 15px;
	pointer-events: none;
	color: #EC1E79;
}
.inner-addon .fa {
	position: absolute;
	padding: 15px;
	pointer-events: none;
}

.customerName {
    color: #ffffff;
    font-size: 19px;
    display: block;
    font-weight: 100;
    margin: 14px 12px;
    text-align: left;
}

/* .customerName {
	color: #ffffff;
	font-size: 19px;
	display: block;
	font-weight: 100;
	margin: 12px auto;
	text-align: left;
} */

.navbar-default {
    width: 100%;
    background-color: rgb(48,48,48);
    border-color: rgb(48,48,48);
    /* height: 55px; */
    margin-bottom: 0px;
    z-index: 999 !important;
    border: none !important;
    position: fixed;
}

/*
.navbar-default {
	width: 100%;
	background-color: rgb(48,48,48);
	border-color: rgb(48,48,48);
	 height: 55px;
	margin-bottom: 0px;
	z-index: 9999;
	position: fixed;
	border: none !important;
} */

/* .navbar-collapse {
	margin-top: 3px;
	height: 40px;
}*/

/*
.navbar-nav > li > a {
    padding-top: 10.5px;
    padding-bottom: 10.5px;
}
*/

.navbar-nav > li > a {
	line-height: 1.55;
	padding-top: 12px;
	padding-bottom: 12px;
}
.navbar-band {
	height: 5px;
    color: #EC1E79;
    /*  margin-bottom: 100px; */
    margin-bottom: 0px;

		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#27292e+0,da1c5c+50,27292e+100 */
	background: #27292e; /* Old browsers */
	background: -moz-linear-gradient(left, #27292e 0%, #da1c5c 50%, #27292e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #27292e 0%,#da1c5c 50%,#27292e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #27292e 0%,#da1c5c 50%,#27292e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27292e', endColorstr='#27292e',GradientType=1 ); /* IE6-9 */
}
.badge-role {
	padding-top: 10.5px;
}
.navbar-right {
    /* margin-top: 0px; */
    margin: 0;
}
.container .text_footer {
	margin: 20px 0;
	text-align: center;
}
.form-signin {
	max-width: 350px;
	padding: 15px;
	margin: 0 auto;
	margin-top: 15%;
}
.text_center {
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.col-centered {
	float: none;
	margin: 0 auto;
	text-align: center;
}
.validationerror {
	color: red;
	font-size: 12px;
}
.validationerror span {
	display: block;
	margin-top: 8px;
	line-height: 1.4;
	font-weight: 500;
}
.productIcon {
	width: 25px;
	height: 25px;
}
.logo-login {
	width: 100%;
	height: auto;
}
.logo-create {
	width: 350px;
	height: auto;
	position: relative;
	left: -15px;
}
.panel-goverlan {
	border-color: #404040;
}
.panel-goverlan > .panel-heading {
	background-color: #404040;
	border-color: #404040;
}
.circle-user {
	width: 20px;
	margin: 0;
	padding: 0;
	height: 20px;
	display: block;
	background: url("/images/user-icon.png") no-repeat;
}
.circle-admin {
	width: 20px;
	margin: 0;
	padding: 0px 0px 0px -8px;
	height: 20px;
	display: block;
	background: url("/images/admin-icon.png") no-repeat;
}
.circle-user-header {
	width: 31px;
	margin: 0;
	padding: 0;
	height: 31px;
	display: block;
	background: url("/images/user-icon-1.png") no-repeat;
}
.circle-admin-header {
	width: 31px;
	font-family: "proxima-nova", "Segoe UI Light", sans-serif;
}
.donut_chart {
	display: block;
	height: 277px;
}
.c3-chart-arc path {
	stroke: #FFF;
	stroke-width: 5px;
}
.output {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-weight: 600;
}
.output-link {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	color: #EC1E79;
}
.features {
/*  text-align: right;
    height: 200px;*/
}
.features p {
	margin: 0;
	padding: 0;
	border: 0;
}
.added {
	position: absolute;
	/*bottom: 0 ;
    right: 20%; */
	text-align: center;
}
.output-host-many {
	position: relative;
	top: 5px;
	font: inherit;
}
.output-host-one {
	position: relative;
	top: -5px;
	font: inherit;
}
.filter-link {
	color: #404040;
}
.modal-scroll {
	max-height: 100%;
	overflow: auto;
}
.highlight {
	background-color: #e7eaec !important;
	transition: background .5s;
}
.notif-true {
	background-color: #EC1E79;
}
.highlight-option {
	background-color: #f5f5f5;
}
.highlight-link {
	position: relative;
	top: -15px;
	background-color: #e7eaec;
	width: 100%;
	text-align: right;
	padding: 8px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}
.highlight-alloc {
	position: relative;
	top: -22px;
	background-color: #e7eaec;
	width: 91px;
	text-align: right;
	padding: 5px;
	height: 33px;
}
.select-delivery {
	height: 50px;
	padding: 15px;
}
.form-control-static.input-xs {
	padding-left: 0;
	padding-right: 0;
}
.input-xs {
	height: 25px;
	font-size: 13px;
	line-height: 1.5;
	border-radius: 0;
}
select.input-xs {
	height: 25px;
	line-height: 25px;
}
textarea.input-xs, select[multiple].input-xs {
	height: auto;
}
/*--- GOVERLAN STORE ---*/
.modal-xl {
	width: 1080px;
}

@media (max-width : 1079px) { 
	.modal-xl {
		width: 95% !important;
	}
	
	
}

@media (max-width : 679px) { 
	.modal-l {
		width: 95% !important;
	}	
}

.modal-l {
	width: 680px;
}
.delivery-model {
	width: 310px;
	height: 43px;
	background-color: #3fb618;
	text-align: center;
	border: none;
}
.alert-default {
	background-color: #404040;
	border: none;
	color: #ffffff;
	height: 196px;
	width: 134px;
	font-size: 9.1px;
	position: relative;
	left: -15px;
	top: 55px;
}
.display-price {
	width: 30%;
	text-align: right;
}
.select-price {
	width: 120%;
}
.display-descript {
	width: 70%;
}
.notif {
	background-color: #EC1E79;
	height: 24px;
}
.notif-text {
	color: black;
	text-align: left;
}
.notif-out {
	color: black;
	display: inline;
}
.see-more {
	color: black;
	display: inline;
	position: relative;
	top: -10px;
	left: -75px;
}
.see-more:hover {
	color: #F2F2F2;
	cursor: pointer;
}
.next-icon {
	color: #404040;
	display: inline;
	position: relative;
	top: 5px;
	left: 145px;
}
.next-icon:hover {
	color: #F2F2F2;
	cursor: pointer;
}
.shop-cart {
	position: relative;
	top: 11px;
	left: 10px;
	color: white;
}
.go-there {
	color: #3fb618;
}
.go-there:hover {
	color: #F2F2F2;
}
.btn-drop {
	background-color: #F2F2F2;
	color: #4d4d4d;
	border-color: #F2F2F2;
}
.btn-drop:hover {
	background-color: #F2F2F2;
	color: #EC1E79;
	border-color: #F2F2F2;
}
.btn-drop:focus {
	background-color: #F2F2F2;
	color: #EC1E79;
	border-color: #F2F2F2;
}
.drop-caret {
	position: relative;
	left: 5px;
}
.drop-caret-md {
	position: relative;
	border-width: 10px 10px 0;
	left: 5px;
}
.big-drop {
	font-size: 150%;
}
.add-us {
	width: 100%;
	background: none;
	border: 0;
	color: #EC1E79;
	font-size: 15px;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
}
.add-us:hover {
	background: none;
	color: #4D4D4D;
}
.add-us:focus {
	background-color: none;
}
.role-text {
	color: #EC1E79;
	padding-top: 10px;
	padding-bottom: 10px;
}
.role-text2 {
	padding-top: 10px;
	padding-bottom: 10px;
	color: #6D6D6D;
}
.create {
	margin-bottom: 8px;
}
.btn-add {
	position: relative;
	top: -8px;
}
.output-expire {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-weight: bold;
}
/* .first-border {
    border-right: 1px solid #fff;
    height: 600px;
    padding-right: 10px;
    padding-top: 40px;
    border-left: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    border-radius: 0px 0px 0px 10px;
} */

.first-border {
	padding-right: 10px;
	padding-top: 0px;
}
.second-border {
	/* height: 600px; */
	padding-bottom: 40px;
	padding-right: 0;
}
.third-border {
	/* padding-left: 50px; */
	padding-bottom: 40px;
}
.display-inline {
	display: inline;
}
/* SIDE BAR TEST */

.nav-side > li {
	display: block;
	font-weight: 200;
	color: #9999;
}
.nav-side > li > a {
	position: relative;
	display: block;
	padding: 15px 25px;
	color: #999999;
	border-left: 5px solid #4b4b4b;
	white-space: nowrap;
}
.nav-side > li > p {
	padding-left: 10px;
}
.nav-side > li > a:hover, .nav-side > li > a:focus {
	text-decoration: none;
	color: #fff;
	background: #303030;
	border-left: 5px solid #EC1E79;
	transition: background .5s;
}
.sidebar-nav {
	display: block;
	list-style: none;
	font-size: 0.867em;
	float: right;
}
#sidebar_menu li a, .sidebar-nav li a {
	color: #999;
	display: block;
	/*float: left; */
	text-decoration: none;
	width: 150px;
	/* background: #404040; */
	-webkit-transition: background .5s;
	-moz-transition: background .5s;
	-o-transition: background .5s;
	-ms-transition: background .5s;
	transition: background .5s;
}
.sidebar_name {
	padding-top: 25px;
	color: #fff;
	opacity: .7;
}
.sidebar-nav li {
	line-height: 55px;
	text-indent: 20px;
}
.sidebar-nav li a {
	color: #999999;
	display: block;
	text-decoration: none;
	border-left: 5px solid #EC1E79;
}
.sidebar-nav li a:hover {
	color: #fff;
	background: rgb(48,48,48);
	text-decoration: none;
	border-left: 5px solid #EC1E79;
	-webkit-transition: background .5s;
	-moz-transition: background .5s;
	-o-transition: background .5s;
	-ms-transition: background .5s;
	transition: background .5s;
}
.sidebar-nav li a:active, .sidebar-nav li a:focus {
	text-decoration: none;
	background: rgb(48,48,48);
	text-decoration: none;
	border-left: 5px solid #EC1E79;
	-webkit-transition: background .5s;
	-moz-transition: background .5s;
	-o-transition: background .5s;
	-ms-transition: background .5s;
	transition: background .5s;
	color: #fff;
}
.activate {
	background: rgb(48,48,48);
	text-decoration: none;
}
.activate a {
	border-left: 5px solid #EC1E79 !important;
	color: #fff !important;
}
.sidebar-nav > .sidebar-brand {
	height: 65px;
	line-height: 60px;
	font-size: 18px;
}
.sidebar-nav > .sidebar-brand a {
	color: #999999;
}
.sidebar-nav > .sidebar-brand a:hover {
	color: #fff;
	background: none;
}
.sidebar-bottom {
	position: relative;
	bottom: -65%;
}
.sub_icon {
	font-size: 15px;
	padding-right: 15px;
}
.content-header {
	height: 65px;
	line-height: 65px;
}
.content-header h1 {
	margin: 0;
	margin-left: 20px;
	line-height: 65px;
	display: inline-block;
}
a.navbartest-brand {
	display: block;
	position: relative;
	top: -23px;
	left: 100px;
	width: 430px;
	height: 60px;
	background: url("/images/my-goverlan-logo-white.svg") no-repeat;
}
.sidebar-icon {
	position: relative;
	top: -3px;
	left: 5px;
	height: 65px;
	line-height: 60px;
	font-size: 18px;
	color: #999999;
}
.sidebar-icon a {
	color: #999999;
}
.sidebar-icon:hover {
	color: #fff;
}
.sidebar-icon:focus {
	color: #fff;
}
.navbartest-default {
	background-color: #404040;
	border-color: #404040;
	height: 55px;
	margin-bottom: 0px;
}
.navbartest-collapse {
	margin-top: 3px;
	height: 30px;
}
.navbartest-nav > li > a {
	padding-top: 10.5px;
	padding-bottom: 10.5px;
}
.icon-location {
	position: relative;
}
/* .notificate {
    font-size: 20px;
    position: relative;
    color: #999999;
    padding: 17px 20px 7px 20px !important;
} */

.notificate {
    font-size: 22px;
    position: relative;
    color: #999999;
    padding: 0px 20px 0px 15px !important;
}

.shopping-nav {
	font-size: 20px;
	position: relative;
	color: #999999;
	padding-top: 15px !important;
	padding-bottom: 9px !important;
}
.highlight-notif {
	color: #DA1C5C;
}
.highlight-steps {
	background-color: #EC1E79;
}
/* .notif-font {
    font-size: 12px;
} */


/* Spacers */

.default-row-spacer {
	margin-bottom: 15px;
}
.glow {
	box-shadow: #EC1E79 0px 2px;
}
/* .glow {
    -moz-box-shadow: 0 0 5px #EC1E79;
    -webkit-box-shadow: 0 0 5px #EC1E79;
    box-shadow: 0px 0px 5px #EC1E79;


    .text-change a {
    padding-top: 15px;
}

} 

.qty {
    width: 80px;
    border-color: #dddddd;
    text-align: center;
}

*/

.text-change {
	color: #EC1E79;
	float: right;
	padding-top: 15px;
	padding-right: 10px;
}
.new-name {
	width: 200px;
	border-color: #e9ebf5;
	text-align: center;
	box-shadow: 2px 2px #e9ebf5;
	height: 40px !important;
	background-color: #f9faff;
	border-width: 0px;
	border-radius: 5px;
}
.btn-qty, .btn-group-qty > .btn {
	position: relative;
	top: -1px;
	padding: 14.5px 25px;
	font-size: 25px;
	border-radius: 1px;
	width: 18px;
	border-color: #F2F2F2;
	text-align: right;
}
input[type='number'] {
	-moz-appearance: textfield;
}
 input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
 -webkit-appearance: none;
}
#circularG {
	position: absolute;
	top: 150%;
	left: 40%;
	width: 113px;
	height: 113px;
	margin: auto;
}
.circularG {
	position: absolute;
	background-color: rgb(150,230,0);
	width: 26px;
	height: 26px;
	border-radius: 17px;
	-o-border-radius: 17px;
	-ms-border-radius: 17px;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	animation-name: bounce_circularG;
	-o-animation-name: bounce_circularG;
	-ms-animation-name: bounce_circularG;
	-webkit-animation-name: bounce_circularG;
	-moz-animation-name: bounce_circularG;
	animation-duration: 0.96s;
	-o-animation-duration: 0.96s;
	-ms-animation-duration: 0.96s;
	-webkit-animation-duration: 0.96s;
	-moz-animation-duration: 0.96s;
	animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-direction: normal;
	-o-animation-direction: normal;
	-ms-animation-direction: normal;
	-webkit-animation-direction: normal;
	-moz-animation-direction: normal;
}
#circularG_1 {
	left: 0;
	top: 45px;
	animation-delay: 0.36s;
	-o-animation-delay: 0.36s;
	-ms-animation-delay: 0.36s;
	-webkit-animation-delay: 0.36s;
	-moz-animation-delay: 0.36s;
}
#circularG_2 {
	left: 11px;
	top: 11px;
	animation-delay: 0.48s;
	-o-animation-delay: 0.48s;
	-ms-animation-delay: 0.48s;
	-webkit-animation-delay: 0.48s;
	-moz-animation-delay: 0.48s;
}
#circularG_3 {
	top: 0;
	left: 45px;
	animation-delay: 0.6s;
	-o-animation-delay: 0.6s;
	-ms-animation-delay: 0.6s;
	-webkit-animation-delay: 0.6s;
	-moz-animation-delay: 0.6s;
}
#circularG_4 {
	right: 11px;
	top: 11px;
	animation-delay: 0.72s;
	-o-animation-delay: 0.72s;
	-ms-animation-delay: 0.72s;
	-webkit-animation-delay: 0.72s;
	-moz-animation-delay: 0.72s;
}
#circularG_5 {
	right: 0;
	top: 45px;
	animation-delay: 0.84s;
	-o-animation-delay: 0.84s;
	-ms-animation-delay: 0.84s;
	-webkit-animation-delay: 0.84s;
	-moz-animation-delay: 0.84s;
}
#circularG_6 {
	right: 11px;
	bottom: 11px;
	animation-delay: 0.96s;
	-o-animation-delay: 0.96s;
	-ms-animation-delay: 0.96s;
	-webkit-animation-delay: 0.96s;
	-moz-animation-delay: 0.96s;
}
#circularG_7 {
	left: 45px;
	bottom: 0;
	animation-delay: 1.08s;
	-o-animation-delay: 1.08s;
	-ms-animation-delay: 1.08s;
	-webkit-animation-delay: 1.08s;
	-moz-animation-delay: 1.08s;
}
#circularG_8 {
	left: 11px;
	bottom: 11px;
	animation-delay: 1.2s;
	-o-animation-delay: 1.2s;
	-ms-animation-delay: 1.2s;
	-webkit-animation-delay: 1.2s;
	-moz-animation-delay: 1.2s;
}
 @keyframes bounce_circularG {
 0% {
 transform: scale(1);
}
 100% {
 transform: scale(.3);
}
}
 @-o-keyframes bounce_circularG {
 0% {
 -o-transform: scale(1);
}
 100% {
 -o-transform: scale(.3);
}
}
 @-ms-keyframes bounce_circularG {
 0% {
 -ms-transform: scale(1);
}
 100% {
 -ms-transform: scale(.3);
}
}
 @-webkit-keyframes bounce_circularG {
 0% {
 -webkit-transform: scale(1);
}
 100% {
 -webkit-transform: scale(.3);
}
}
 @-moz-keyframes bounce_circularG {
 0% {
 -moz-transform: scale(1);
}
 100% {
 -moz-transform: scale(.3);
}
}
.donut_chart h3 {
/* margin-top: 0px;
    margin-bottom: 10.5px; */
}
.donut_chart h4 {
	margin-top: 0px;
}
.price {
	position: relative;
	top: -50px;
	width: 15%;
}
.item-text {
	font-size: 11px;
	text-align: right;
}
.price-check {
/* position: relative;
    top: -25px;  */
}

/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

@media (max-width : 1151px) and (min-width : 768px) {
.add-new {
	display: none !important;
}
}

@media (max-width : 992px) {
.third-border {
	position: relative;
	top: 210px;
	padding-bottom: 100px;
	height: 606px;
	padding-top: 0px;
}
	.user-list-2 {
		height: 100px !important;
	}
}

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
.maincontainer {
	width: 100% !important;
	max-width: 1170px;
}
}

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
.maincontainer {
	width: 100% !important;
}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
}


.dynamic-margin {
	margin-top: 50px;
}

@media only screen and (max-width : 923px) {
	.nav-tabs > li {
		float: none !important;
		margin-bottom: -1px;
		background: #fff;
		border: 1px solid #e7eaec;
	}
	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
		border: 1px solid #fff;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
.mobile-group {
	display: inline-block !important;
}
	
	/*
	.margin-dynamic {
		margin-top: 280px;
	} */


.panel-body {
	background: #fff;
	border-radius: 0px !important;
	padding: 5px !important;
	display: inline-block !important;
}
.nav-pills > li {
	margin-bottom: 5px;
}
.nav-pills li.active {
	border: 1px solid #e7eaec;
	border-right-color: #E5E5E5 !important;
	z-index: 1;
	position: relative;
	border-radius: 10px;
}
.nav-pills > li:hover {
	border: 1px solid #E5E5E5;
	border-right-color: #E5E5E5 !important;
	z-index: 1;
	position: relative;
	border-radius: 10px;
}
.dropdown-menu > li > a {
	display: block;
	padding: 15px 15px;
	clear: both;
	font-weight: normal;
	line-height: 1.42857143;
	color: #595959;
	white-space: inherit;
}
/*
.customerName {
	color: #ffffff;
	font-size: 1.3em;
	line-height: 3.6;
	display: block;
	text-align: center;
} */
.nav_trigger {
	display: none;
}
.features {
	text-align: center;
	height: 200px;
}
.first-border {
	border-right: none;
	height: auto;
}
.second-border {
	border-right: none;
	height: auto;
}
.addMore {
	font-size: 15px;
	color: #EC1E79;
	text-align: center;
}
.name-drop:after, .arrow_box:before {
	display: none;
}
.name-drop2:after {
	display: none;
}
/*  .navbar-nav .open .dropdown-menu {
	position: static;
	float: none;
	width: auto;
	margin-top: 0;
	background-color: #fff;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
} */

.navbar-nav .open .dropdown-menu {
    position: absolute;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: #fff;
    border: 0;
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #eee;
    margin-left: auto;
    margin-right: auto;
    right: 0;
    margin-top: 5px !important;
    box-shadow: 0 1px 10px rgba(0,0,0,0.1);
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: #404040;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	color: #fff;
	background-color: #EC1E79;
}

/* .customerName {
	color: #ffffff;
	font-size: 13px;
	line-height: 3.6;
} */

/*
.navbar-nav span.badge {
	position: static !important;
	top: 11px;
	left: 24px;
	padding: 3px 6px;
	color: #333;
	line-height: 1.2;
} */


.navbar-nav span.badge {
    position: absolute;
    top: 6px;
    left: 28px;
    padding: 3px 6px;
    color: #333;
    line-height: 1.2;
}

/* a.navbar-brand {
	background-position: center;
	left: 0px;
} */
}

/* End Small Devices, Tablets */

.navbar-col{
	width: 50%;
}

.navbar-sub-col {
	width: 25%;
}


/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
}
/* .cart-drop {
    text-align: right;
    color: #4D4D4D;
    background-color: white;
    width: 70%;
    height: 64px;
} */

.cart-drop {
	text-align: right;
	color: #4D4D4D;
	background-color: white;
	box-shadow: 0px 1px #DDDDDD;
}
.cart-drop:hover {
	color: #EC1E79;
}
.cart-drop:focus {
	color: #4D4D4D;
}
/* Loader */

.sk-circle {
	margin: 100px auto;
	width: 150px;
	height: 150px;
	position: relative;
}
.sk-circle .sk-child {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 240px;
}
.sk-circle .sk-child:before {
	content: '';
	display: block;
	margin: 0 auto;
	width: 15%;
	height: 15%;
	background-color: #ec1e79;
	border-radius: 100%;
	-webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
	animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
	-webkit-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	transform: rotate(30deg);
}
.sk-circle .sk-circle3 {
	-webkit-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg);
}
.sk-circle .sk-circle4 {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.sk-circle .sk-circle5 {
	-webkit-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	transform: rotate(120deg);
}
.sk-circle .sk-circle6 {
	-webkit-transform: rotate(150deg);
	-ms-transform: rotate(150deg);
	transform: rotate(150deg);
}
.sk-circle .sk-circle7 {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.sk-circle .sk-circle8 {
	-webkit-transform: rotate(210deg);
	-ms-transform: rotate(210deg);
	transform: rotate(210deg);
}
.sk-circle .sk-circle9 {
	-webkit-transform: rotate(240deg);
	-ms-transform: rotate(240deg);
	transform: rotate(240deg);
}
.sk-circle .sk-circle10 {
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
}
.sk-circle .sk-circle11 {
	-webkit-transform: rotate(300deg);
	-ms-transform: rotate(300deg);
	transform: rotate(300deg);
}
.sk-circle .sk-circle12 {
	-webkit-transform: rotate(330deg);
	-ms-transform: rotate(330deg);
	transform: rotate(330deg);
}
.sk-circle .sk-circle2:before {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}
.sk-circle .sk-circle3:before {
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
}
.sk-circle .sk-circle4:before {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}
.sk-circle .sk-circle5:before {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}
.sk-circle .sk-circle6:before {
	-webkit-animation-delay: -0.7s;
	animation-delay: -0.7s;
}
.sk-circle .sk-circle7:before {
	-webkit-animation-delay: -0.6s;
	animation-delay: -0.6s;
}
.sk-circle .sk-circle8:before {
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
}
.sk-circle .sk-circle9:before {
	-webkit-animation-delay: -0.4s;
	animation-delay: -0.4s;
}
.sk-circle .sk-circle10:before {
	-webkit-animation-delay: -0.3s;
	animation-delay: -0.3s;
}
.sk-circle .sk-circle11:before {
	-webkit-animation-delay: -0.2s;
	animation-delay: -0.2s;
}
.sk-circle .sk-circle12:before {
	-webkit-animation-delay: -0.1s;
	animation-delay: -0.1s;
}
 @-webkit-keyframes sk-circleBounceDelay {
 0%, 80%, 100% {
 -webkit-transform: scale(0);
 transform: scale(0);
}
 40% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
 @keyframes sk-circleBounceDelay {
 0%, 80%, 100% {
 -webkit-transform: scale(0);
 transform: scale(0);
}
 40% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
/* Transparent Overlay*/

.loadbackground {
	content: '';
	display: block;
	  position: fixed; 
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
	z-index: 100;
}
.nav-cont {
	margin-right: auto;
	margin-left: auto;
	padding-left: 0px;
	padding-right: 0px;
}
.navbar-nav span.badge {
	position: absolute;
	top: 11px;
	left: 24px;
	padding: 3px 6px;
	color: #333;
	line-height: 1.2;
}
.badge {
	font-size: 11px !important;
	font-weight: 600;
	height: 19px;
	padding: 3px 6px 3px 6px;
	-webkit-border-radius: 12px !important;
	-moz-border-radius: 12px !important;
	border-radius: 15px !important;
	text-shadow: none !important;
	text-align: center;
	vertical-align: middle;
	background-color: #fff;
}
/*

.badge-store {
    font-size: 11px !important;
    font-weight: 600;
    height: 19px;
    padding: 3px 6px 3px 6px;
    -webkit-border-radius: 12px !important;
    -moz-border-radius: 12px !important;
    border-radius: 15px !important;
    text-shadow: none !important;
    text-align: center;
    vertical-align: middle;
    color: #F2F2F2;
}

*/


.badge-store {
	/*  font-weight: 100; */
	height: 35px;
	padding: 8px 15px 10px 15px;
	-webkit-border-radius: 12px !important;
	-moz-border-radius: 12px !important;
	border-radius: 50% !important;
	text-shadow: none !important;
	text-align: center;
	/*  vertical-align: middle; */
	color: #F2F2F2;
	width: 35px;
	line-height: 3;
}
.before-store {
	background-color: #999;
}
.divider {
	height: 1px;
	margin: 1px 0;
	overflow: hidden;
}
.btn-change {
	height: 64px;
	background-color: white;
	border-color: #dddddd;
}
.cart-tbl {
	font-weight: normal;
}
.before-text {
	color: #999;
	padding-left: 10px;
	padding-right: 10px;
}
.after-text {
	color: #EC1E79;
	padding-left: 10px;
	padding-right: 10px;
}
.navbar-collapse.in {
	overflow-y: visible;
}
/* .name-drop {
	font-size: 14px;
	margin-top: 23px !important;
	text-align: center;
	left: auto;
	right: -42px;
} */

.name-drop {
    font-size: 14px;
    margin-top: 5px !important;
    text-align: center;
    margin-right: 65px;
}

.name-drop2 {
	font-size: 14px;
	margin-top: 23px !important;
	left: auto;
	right: -170px;
}
.name-drop2:after {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: inherit;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 15px;
	margin-left: 197px;
}

/*
.name-drop:after {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: inherit;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 15px;
	margin-left: -17px;
} */

.name-drop > li > a {
	color: #6D6D6D;
}
.name-drop2 > li > a {
	color: #6D6D6D;
}
.modal-dialog-center {
	padding-top: 5%;
}
/* Toggle Styles */

#wrapper {
	padding-left: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#sidebar-wrapper {
	z-index: 1000;
	position: absolute;
	left: 150px;
	width: 0;
	height: 100%;
	top: 60px;
	margin-left: -150px;
	overflow-y: auto;
	background: rgb(48, 48, 48);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#page-content-wrapper {
	width: 100%;
	position: absolute;
	padding: 15px;
	padding-left: 77px !important;
}
#menu-toggle {
	padding-top: 10px;
	color: #fff;
	padding-right: 28px;
	padding-bottom: 10px;
	font-size: 1.8em;
	cursor: pointer;
	display: block;
	text-align: right;
}

@media(min-width:768px) {
#wrapper {
	padding-left: 150px;
}
#wrapper.toggled {
	padding-left: 80px;
}
#wrapper.toggled #page-content-wrapper {
	position: absolute;
	margin-right: -250px;
}
#sidebar-wrapper {
	width: 180px;
}
#wrapper.toggled #sidebar-wrapper {
	width: 77px;
}
#page-content-wrapper {
	padding: 20px;
	position: relative;
}
#wrapper.toggled #page-content-wrapper {
	position: relative;
	margin-right: 0;
}
}
.form-group {
	margin-bottom: 0px;
}
.row h2 {
	margin-top: 1px;
}
hr.style-two {
	border: 0;
	height: 1px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0));
	margin-top: 30px;
	margin-bottom: 30px;
}
hr.style-tree {
	border: 0;
	height: 1px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
	margin-top: 5px;
	margin-bottom: 15px;
}
hr.style-four {
	border: 0;
	margin-top: 0px;
	margin-bottom: 10px;
}
.title_center {
	font-size: 3.3em;
	padding-bottom: 10px;
	font-weight: 200 !important;
}
.panel-body {
	background: #fff;
	border: 1px solid #CCC;
	border-radius: 0px 4px 4px 4px;
	padding: 40px 30px 50px 0px;
	min-height: 600px;
	display: flex;
}
.panel-body2 {
	background: #fff;
	border-left: 1px solid #ec1e79;
	min-height: 600px;
	margin-bottom: -10px;
}
.panel-body-bill {
	background: #fff;
	border: 1px solid #CBCBCB;
	border-radius: 0px 10px 10px 10px;
	padding: 30px 30px 30px 0px;
	min-height: auto;
	display: flex;
}
.nav-tabs > li.active > a {
	font-weight: 600;
}
/* .nav-pills > li > a {
    border-radius: 10px 0px 0px 10px;
    padding: 25px 20px;
    border: 1px solid #FFF;
    margin-right: -26px;
    background: #fff;
    color: #4D4D4D;
} */

.nav-pills > li > a {
	border-radius: 3;
	padding: 0px;
	color: #4D4D4D;
}
.nav-tabs > li > a {
	position: relative;
	display: block;
	padding: 10px 15px;
	font-size: 1.6em;
	/*margin-bottom: -5px;*/
	padding-left: 40px;
	padding-right: 40px;
	border-radius: 0px 0px 0 0 !important;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
	border: 1px solid #fff;
}
.nav-pills > li {
	border-radius: 3px 0px 0px 3px;
	border: 1px solid #FFF;
	margin-right: -26px;
	background: #fff;
	display: block;
	position: relative;
}
.nav-pills > li:hover {
	z-index: 1;
	position: relative;
	border-right-color: #ec1e79;
}
#wide a:hover {
	color: #ec1e79;
	font-weight: 600;
}
#wide a:active {
	color: #4d4d4d;
	font-weight: 600;
}
.nav-pills li.active a {
	color: #4d4d4d;
	font-weight: 600;
	font-size: 1.15em;
}
.nav-pills li.active {
	border: 1px solid #ec1e79;
	border-right-color: #fff;
	z-index: 1;
	position: relative;
}
.pull-right2 {
	float: right !important;
	display: block;
	padding: 20px;
}
.icon {
	padding: 0px 20px;
	width: auto;
	display: inline;
	vertical-align: -4px;
	background: url("/images/status-icon.png") no-repeat;
}
.icon-1 {
	padding: 0px 18px;
	width: auto;
	display: inline;
	vertical-align: -4px;
	background: url("/images/license-icon.png") no-repeat;
}
.icon-2 {
	padding: 6px 15px;
	width: auto;
	display: inline;/*background: url("/images/account-icon.png") no-repeat; */
}
.icon-3 {
	padding: 0px 0px 0px 42px;
	width: auto;
	display: inline-block;
	vertical-align: -4px;
	background: url("/images/nodes-icon.png") no-repeat;
}
.icon-4 {
	padding: 0px 0px 0px 32px;
	width: auto;
	display: inline;
	vertical-align: -7px;
	background: url("/images/download-icon.png") no-repeat;
}
.icon-8 {
	padding: 6px 15px !important;
	width: auto !important;
	display: inline !important;
}
.icon-9 {
	margin: 5px 7px 5px 13px;
	padding: 6px 15px;
	width: auto;
	display: inline;
	background: url(/images/self-service-icon.png) no-repeat;
}
.nav-tabs > li > .pull-right > a {
	color: #EC1E79;
}
.info {
	height: 100px;
}
.table.table.table-lic td {
	border-top: none;
}
.table.table.table-lic tr {
	vertical-align: middle;
}
.second {
	text-align: right;
}
.first {
	width: 20px;
}
table.table-lic {
	margin-left: auto;
	margin-right: auto;
	width: 230px;
}
.mod {
	font-size: 0.6em; 
	font-weight: 300 !important; 
	padding-left: 15px;
}
.renam {
	color: #4d4d4d;
	padding-right: 15px;
}
.renam:hover {
	color: #EC1E79;
	cursor: pointer;
}
.down-prod {
	font-size: 14px;
	text-align: center;
	position: relative;
	margin-left: 18px;
	margin-right: auto;
}
.down-prod a {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
}
/*-------------------------
    Inline help tip
--------------------------*/
.help-tip-refund {
	top: 26px;
	right: 42px;
	text-align: center;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	font-size: 14px;
	line-height: 20px;
	cursor: default;
}
.help-tip-refund:before {
	font-family: 'Font Awesome\ 5 Free';
	content: "\f05a";
	font-weight: bold;
	color: #AAA;
	width: 20px;
}
.help-tip-refund:hover p {
	display: block;
	transform-origin: 100% 0%;
	-webkit-animation: fadeIn 0.3s ease-in-out;
	animation: fadeIn 0.3s ease-in-out;
}
.help-tip-refund p {
	display: none;
	text-align: left;
    background-color: #AAA;
    padding: 19px;
    width: auto;
    position: absolute;
    border-radius: 3px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    right: 0px;
    color: #FFF;
    font-size: 13px;
    line-height: 1.4;
    top: 150px;
}
.help-tip-refund p:before {
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-bottom-color: #AAA;
	top: -12px;
}
.help-tip-refund p:after {
	width: 100%;
	height: 40px;
	content: '';
	position: absolute;
	top: -40px;
	left: 0;
}

.help-tip {
	top: 26px;
	right: 42px;
	text-align: center;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	font-size: 14px;
	line-height: 20px;
	cursor: default;
}
.help-tip:before {
	font-family: 'Font Awesome\ 5 Free';
	content: "\f05a";
	font-weight: bold;
	color: #ff7e26;
	width: 20px;
}
.help-tip:hover p {
	display: block;
	transform-origin: 100% 0%;
	-webkit-animation: fadeIn 0.3s ease-in-out;
	animation: fadeIn 0.3s ease-in-out;
}
.help-tip p {
	display: none;
	text-align: left;
    background-color: #ff7e26;
    padding: 19px;
    width: auto;
    position: absolute;
    border-radius: 3px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    right: 0px;
    color: #FFF;
    font-size: 13px;
    line-height: 1.4;
    top: 150px;
}
.help-tip p:before {
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-bottom-color: #ff7e26;
	top: -12px;
}
.help-tip p:after {
	width: 100%;
	height: 40px;
	content: '';
	position: absolute;
	top: -40px;
	left: 0;
}
 @-webkit-keyframes fadeIn {
 0% {
 opacity: 0;
 transform: scale(0.6);
}
 100% {
 opacity: 100%;
 transform: scale(1);
}
}
 @keyframes fadeIn {
 0% {
 opacity: 0;
}
 100% {
 opacity: 100%;
}
}
/*----------------------------

-----------------------------*/

.used {
	position: relative;
	top: 95px;
	font-size: 14px;
	color: #EC1E79;
	text-align: center;
	left: 71px;
}
.input-group .form-control {
	display: block;
	width: 100%;
	height: 30px;
	padding: 10px 5px;
	font-size: 15px;
	line-height: 1.42857143;
	color: #333333;
	background-image: none;
	border-radius: 5px !important;
}
.showicons {
	display: flex;
}
.input-group-btn {
	position: relative;
	font-size: 0;
	white-space: nowrap;
	padding-left: 5px;
}
.btn-default-1 {
	padding: 5px;
	font-size: 15px;
	color: #4D4D4D;
	line-height: 1 !important;
}
.btn-default-1:hover, .btn-default-1:focus, .btn-default-1.focus {
	color: #EC1E79;
	text-decoration: none;
}
.btn-default-1:active {
	outline: 0;
	background-image: none;
	-webkit-box-shadow: none;
	text-shadow: 1px 1px #eee;
	box-shadow: none;
}
.btn-success-1 {
	padding: 5px;
	font-size: 15px;
	color: #4D4D4D;
	line-height: 1 !important;
	border-left: 1px solid #E5E5E5;
}
.btn-success-1:hover, .btn-success-1:focus, .btn-success-1.focus {
	color: #EC1E79;
	text-decoration: none;
}
.btn-success-1:active {
	outline: 0;
	background-image: none;
	-webkit-box-shadow: none;
	text-shadow: 1px 1px #eee;
	box-shadow: none;
}
.add-lic {
	position: relative;
	top: -10px;
	padding-bottom: 0;
}
.add-prod {
	color: #EC1E79;
	font-size: 14px;
	position: relative;
	top: 10px;
	padding: 0px 0px 0px 0px;
}
.add-prod:hover {
	color: #8e1349;
}
.add-server {
	color: #EC1E79;
	font-size: 14px;
	position: relative;
	bottom: 10px;
}
.add-server:hover {
	text-decoration: none;
	color: #8e1349;
}
/* New spinner */

.windows8 {
	position: relative;
	width: 140px;
	height: 140px;
	margin: auto;
	top: 300px;
}
.windows8 .wBall {
	position: absolute;
	width: 133px;
	height: 133px;
	opacity: 0;
	transform: rotate(225deg);
	-o-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	animation: orbit 5.1425s infinite;
	-o-animation: orbit 5.1425s infinite;
	-ms-animation: orbit 5.1425s infinite;
	-webkit-animation: orbit 5.1425s infinite;
	-moz-animation: orbit 5.1425s infinite;
}
.windows8 .wBall .wInnerBall {
	position: relative;
	width: 18px;
	height: 18px;
	background: rgb(236,30,122);
	left: 0px;
	top: 0px;
	border-radius: 18px;
}
.windows8 #wBall_1 {
	animation-delay: 1.126s;
	-o-animation-delay: 1.126s;
	-ms-animation-delay: 1.126s;
	-webkit-animation-delay: 1.126s;
	-moz-animation-delay: 1.126s;
}
.windows8 #wBall_2 {
	animation-delay: 0.223s;
	-o-animation-delay: 0.223s;
	-ms-animation-delay: 0.223s;
	-webkit-animation-delay: 0.223s;
	-moz-animation-delay: 0.223s;
}
.windows8 #wBall_3 {
	animation-delay: 0.4465s;
	-o-animation-delay: 0.4465s;
	-ms-animation-delay: 0.4465s;
	-webkit-animation-delay: 0.4465s;
	-moz-animation-delay: 0.4465s;
}
.windows8 #wBall_4 {
	animation-delay: 0.6695s;
	-o-animation-delay: 0.6695s;
	-ms-animation-delay: 0.6695s;
	-webkit-animation-delay: 0.6695s;
	-moz-animation-delay: 0.6695s;
}
.windows8 #wBall_5 {
	animation-delay: 0.903s;
	-o-animation-delay: 0.903s;
	-ms-animation-delay: 0.903s;
	-webkit-animation-delay: 0.903s;
	-moz-animation-delay: 0.903s;
}
 @keyframes orbit {
 0% {
 opacity: 1;
 z-index: 99;
 transform: rotate(180deg);
 animation-timing-function: ease-out;
}
 7% {
 opacity: 1;
 transform: rotate(300deg);
 animation-timing-function: linear;
 origin: 0%;
}
 30% {
 opacity: 1;
 transform: rotate(410deg);
 animation-timing-function: ease-in-out;
 origin: 7%;
}
 39% {
 opacity: 1;
 transform: rotate(645deg);
 animation-timing-function: linear;
 origin: 30%;
}
 70% {
 opacity: 1;
 transform: rotate(770deg);
 animation-timing-function: ease-out;
 origin: 39%;
}
 75% {
 opacity: 1;
 transform: rotate(900deg);
 animation-timing-function: ease-out;
 origin: 70%;
}
 76% {
 opacity: 0;
 transform: rotate(900deg);
}
 100% {
 opacity: 0;
 transform: rotate(900deg);
}
}
 @-o-keyframes orbit {
 0% {
 opacity: 1;
 z-index: 99;
 -o-transform: rotate(180deg);
 -o-animation-timing-function: ease-out;
}
 7% {
 opacity: 1;
 -o-transform: rotate(300deg);
 -o-animation-timing-function: linear;
 -o-origin: 0%;
}
 30% {
 opacity: 1;
 -o-transform: rotate(410deg);
 -o-animation-timing-function: ease-in-out;
 -o-origin: 7%;
}
 39% {
 opacity: 1;
 -o-transform: rotate(645deg);
 -o-animation-timing-function: linear;
 -o-origin: 30%;
}
 70% {
 opacity: 1;
 -o-transform: rotate(770deg);
 -o-animation-timing-function: ease-out;
 -o-origin: 39%;
}
 75% {
 opacity: 1;
 -o-transform: rotate(900deg);
 -o-animation-timing-function: ease-out;
 -o-origin: 70%;
}
 76% {
 opacity: 0;
 -o-transform: rotate(900deg);
}
 100% {
 opacity: 0;
 -o-transform: rotate(900deg);
}
}
 @-ms-keyframes orbit {
 0% {
 opacity: 1;
 z-index: 99;
 -ms-transform: rotate(180deg);
 -ms-animation-timing-function: ease-out;
}
 7% {
 opacity: 1;
 -ms-transform: rotate(300deg);
 -ms-animation-timing-function: linear;
 -ms-origin: 0%;
}
 30% {
 opacity: 1;
 -ms-transform: rotate(410deg);
 -ms-animation-timing-function: ease-in-out;
 -ms-origin: 7%;
}
 39% {
 opacity: 1;
 -ms-transform: rotate(645deg);
 -ms-animation-timing-function: linear;
 -ms-origin: 30%;
}
 70% {
 opacity: 1;
 -ms-transform: rotate(770deg);
 -ms-animation-timing-function: ease-out;
 -ms-origin: 39%;
}
 75% {
 opacity: 1;
 -ms-transform: rotate(900deg);
 -ms-animation-timing-function: ease-out;
 -ms-origin: 70%;
}
 76% {
 opacity: 0;
 -ms-transform: rotate(900deg);
}
 100% {
 opacity: 0;
 -ms-transform: rotate(900deg);
}
}
 @-webkit-keyframes orbit {
 0% {
 opacity: 1;
 z-index: 99;
 -webkit-transform: rotate(180deg);
 -webkit-animation-timing-function: ease-out;
}
 7% {
 opacity: 1;
 -webkit-transform: rotate(300deg);
 -webkit-animation-timing-function: linear;
 -webkit-origin: 0%;
}
 30% {
 opacity: 1;
 -webkit-transform: rotate(410deg);
 -webkit-animation-timing-function: ease-in-out;
 -webkit-origin: 7%;
}
 39% {
 opacity: 1;
 -webkit-transform: rotate(645deg);
 -webkit-animation-timing-function: linear;
 -webkit-origin: 30%;
}
 70% {
 opacity: 1;
 -webkit-transform: rotate(770deg);
 -webkit-animation-timing-function: ease-out;
 -webkit-origin: 39%;
}
 75% {
 opacity: 1;
 -webkit-transform: rotate(900deg);
 -webkit-animation-timing-function: ease-out;
 -webkit-origin: 70%;
}
 76% {
 opacity: 0;
 -webkit-transform: rotate(900deg);
}
 100% {
 opacity: 0;
 -webkit-transform: rotate(900deg);
}
}
 @-moz-keyframes orbit {
 0% {
 opacity: 1;
 z-index: 99;
 -moz-transform: rotate(180deg);
 -moz-animation-timing-function: ease-out;
}
 7% {
 opacity: 1;
 -moz-transform: rotate(300deg);
 -moz-animation-timing-function: linear;
 -moz-origin: 0%;
}
 30% {
 opacity: 1;
 -moz-transform: rotate(410deg);
 -moz-animation-timing-function: ease-in-out;
 -moz-origin: 7%;
}
 39% {
 opacity: 1;
 -moz-transform: rotate(645deg);
 -moz-animation-timing-function: linear;
 -moz-origin: 30%;
}
 70% {
 opacity: 1;
 -moz-transform: rotate(770deg);
 -moz-animation-timing-function: ease-out;
 -moz-origin: 39%;
}
 75% {
 opacity: 1;
 -moz-transform: rotate(900deg);
 -moz-animation-timing-function: ease-out;
 -moz-origin: 70%;
}
 76% {
 opacity: 0;
 -moz-transform: rotate(900deg);
}
 100% {
 opacity: 0;
 -moz-transform: rotate(900deg);
}
}
.windows7 {
	display: inline;
	width: 10px;
	height: 10px;
	margin: auto;
	top: 0px;
}
.windows7 .wBall {
	position: absolute;
	width: 8px;
	height: 8px;
	opacity: 0;
	transform: rotate(225deg);
	-o-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	animation: orbit 5.1425s infinite;
	-o-animation: orbit 5.1425s infinite;
	-ms-animation: orbit 5.1425s infinite;
	-webkit-animation: orbit 5.1425s infinite;
	-moz-animation: orbit 5.1425s infinite;
}
.windows7 .wBall .wInnerBall {
	position: relative;
	width: 3px;
	height: 3px;
	background: white;
	left: 0px;
	top: 0px;
	border-radius: 18px;
}
.windows7 #wBall_1 {
	animation-delay: 1.126s;
	-o-animation-delay: 1.126s;
	-ms-animation-delay: 1.126s;
	-webkit-animation-delay: 1.126s;
	-moz-animation-delay: 1.126s;
}
.windows7 #wBall_2 {
	animation-delay: 0.223s;
	-o-animation-delay: 0.223s;
	-ms-animation-delay: 0.223s;
	-webkit-animation-delay: 0.223s;
	-moz-animation-delay: 0.223s;
}
.windows7 #wBall_3 {
	animation-delay: 0.4465s;
	-o-animation-delay: 0.4465s;
	-ms-animation-delay: 0.4465s;
	-webkit-animation-delay: 0.4465s;
	-moz-animation-delay: 0.4465s;
}
.windows7 #wBall_4 {
	animation-delay: 0.6695s;
	-o-animation-delay: 0.6695s;
	-ms-animation-delay: 0.6695s;
	-webkit-animation-delay: 0.6695s;
	-moz-animation-delay: 0.6695s;
}
.windows7 #wBall_5 {
	animation-delay: 0.903s;
	-o-animation-delay: 0.903s;
	-ms-animation-delay: 0.903s;
	-webkit-animation-delay: 0.903s;
	-moz-animation-delay: 0.903s;
}
 @keyframes orbit {
 0% {
 opacity: 1;
 z-index: 99;
 transform: rotate(180deg);
 animation-timing-function: ease-out;
}
 7% {
 opacity: 1;
 transform: rotate(300deg);
 animation-timing-function: linear;
 origin: 0%;
}
 30% {
 opacity: 1;
 transform: rotate(410deg);
 animation-timing-function: ease-in-out;
 origin: 7%;
}
 39% {
 opacity: 1;
 transform: rotate(645deg);
 animation-timing-function: linear;
 origin: 30%;
}
 70% {
 opacity: 1;
 transform: rotate(770deg);
 animation-timing-function: ease-out;
 origin: 39%;
}
 75% {
 opacity: 1;
 transform: rotate(900deg);
 animation-timing-function: ease-out;
 origin: 70%;
}
 76% {
 opacity: 0;
 transform: rotate(900deg);
}
 100% {
 opacity: 0;
 transform: rotate(900deg);
}
}
 @-o-keyframes orbit {
 0% {
 opacity: 1;
 z-index: 99;
 -o-transform: rotate(180deg);
 -o-animation-timing-function: ease-out;
}
 7% {
 opacity: 1;
 -o-transform: rotate(300deg);
 -o-animation-timing-function: linear;
 -o-origin: 0%;
}
 30% {
 opacity: 1;
 -o-transform: rotate(410deg);
 -o-animation-timing-function: ease-in-out;
 -o-origin: 7%;
}
 39% {
 opacity: 1;
 -o-transform: rotate(645deg);
 -o-animation-timing-function: linear;
 -o-origin: 30%;
}
 70% {
 opacity: 1;
 -o-transform: rotate(770deg);
 -o-animation-timing-function: ease-out;
 -o-origin: 39%;
}
 75% {
 opacity: 1;
 -o-transform: rotate(900deg);
 -o-animation-timing-function: ease-out;
 -o-origin: 70%;
}
 76% {
 opacity: 0;
 -o-transform: rotate(900deg);
}
 100% {
 opacity: 0;
 -o-transform: rotate(900deg);
}
}
 @-ms-keyframes orbit {
 0% {
 opacity: 1;
 z-index: 99;
 -ms-transform: rotate(180deg);
 -ms-animation-timing-function: ease-out;
}
 7% {
 opacity: 1;
 -ms-transform: rotate(300deg);
 -ms-animation-timing-function: linear;
 -ms-origin: 0%;
}
 30% {
 opacity: 1;
 -ms-transform: rotate(410deg);
 -ms-animation-timing-function: ease-in-out;
 -ms-origin: 7%;
}
 39% {
 opacity: 1;
 -ms-transform: rotate(645deg);
 -ms-animation-timing-function: linear;
 -ms-origin: 30%;
}
 70% {
 opacity: 1;
 -ms-transform: rotate(770deg);
 -ms-animation-timing-function: ease-out;
 -ms-origin: 39%;
}
 75% {
 opacity: 1;
 -ms-transform: rotate(900deg);
 -ms-animation-timing-function: ease-out;
 -ms-origin: 70%;
}
 76% {
 opacity: 0;
 -ms-transform: rotate(900deg);
}
 100% {
 opacity: 0;
 -ms-transform: rotate(900deg);
}
}
 @-webkit-keyframes orbit {
 0% {
 opacity: 1;
 z-index: 99;
 -webkit-transform: rotate(180deg);
 -webkit-animation-timing-function: ease-out;
}
 7% {
 opacity: 1;
 -webkit-transform: rotate(300deg);
 -webkit-animation-timing-function: linear;
 -webkit-origin: 0%;
}
 30% {
 opacity: 1;
 -webkit-transform: rotate(410deg);
 -webkit-animation-timing-function: ease-in-out;
 -webkit-origin: 7%;
}
 39% {
 opacity: 1;
 -webkit-transform: rotate(645deg);
 -webkit-animation-timing-function: linear;
 -webkit-origin: 30%;
}
 70% {
 opacity: 1;
 -webkit-transform: rotate(770deg);
 -webkit-animation-timing-function: ease-out;
 -webkit-origin: 39%;
}
 75% {
 opacity: 1;
 -webkit-transform: rotate(900deg);
 -webkit-animation-timing-function: ease-out;
 -webkit-origin: 70%;
}
 76% {
 opacity: 0;
 -webkit-transform: rotate(900deg);
}
 100% {
 opacity: 0;
 -webkit-transform: rotate(900deg);
}
}
 @-moz-keyframes orbit {
 0% {
 opacity: 1;
 z-index: 99;
 -moz-transform: rotate(180deg);
 -moz-animation-timing-function: ease-out;
}
 7% {
 opacity: 1;
 -moz-transform: rotate(300deg);
 -moz-animation-timing-function: linear;
 -moz-origin: 0%;
}
 30% {
 opacity: 1;
 -moz-transform: rotate(410deg);
 -moz-animation-timing-function: ease-in-out;
 -moz-origin: 7%;
}
 39% {
 opacity: 1;
 -moz-transform: rotate(645deg);
 -moz-animation-timing-function: linear;
 -moz-origin: 30%;
}
 70% {
 opacity: 1;
 -moz-transform: rotate(770deg);
 -moz-animation-timing-function: ease-out;
 -moz-origin: 39%;
}
 75% {
 opacity: 1;
 -moz-transform: rotate(900deg);
 -moz-animation-timing-function: ease-out;
 -moz-origin: 70%;
}
 76% {
 opacity: 0;
 -moz-transform: rotate(900deg);
}
 100% {
 opacity: 0;
 -moz-transform: rotate(900deg);
}
}
/*----------------------------
      Account Title with ?
-----------------------------*/

.box {
	display: table;
	text-align: center;
	margin-left: 30px;
}
.left {
	display: table-cell;
}
#w1 {
}
#w2 {
	padding-left: 10px;
	padding-right: 10px;
}
#w3 {
}
/*----------------------------
-----------------------------*/

/*----------------------------
         User Table
-----------------------------*/

table th, table td {
/*  text-align: center; */
}
table.layout {
	width: 100%;
	border-collapse: collapse;
}
table.display {
	margin: 1em 0;
}
table.display th, table.display td {
	border-top: 1px solid #e7eaec;
	padding: .5em .5em;/*  vertical-align: top; */
}
table.display th {
	border-bottom: 1px solid #e7eaec;
	border-top: none;
}
table.display td {
}
table.responsive-table {
}

@media (max-width: 50em) {
table.responsive-table {
	box-shadow: none;
}
table.responsive-table thead {
	display: none;
}
table.display th, table.display td {
	padding: .5em;
}
table.responsive-table td:nth-child(1):before {
	content: '#';
}
table.responsive-table td:nth-child(2):before {
	content: 'User ID';
}
table.responsive-table td:nth-child(3):before {
	content: 'Email';
}
table.responsive-table td:nth-child(4):before {
	content: 'Role';
}
table.responsive-table td:nth-child(5):before {
	content: 'Activity';
}
table.responsive-table td:nth-child(1), table.responsive-table td:nth-child(2), table.responsive-table td:nth-child(3), table.responsive-table td:nth-child(4), table.responsive-table td:nth-child(5) {
	padding-left: 25%;
}
table.responsive-table td:nth-child(1):before, table.responsive-table td:nth-child(2):before, table.responsive-table td:nth-child(3):before, table.responsive-table td:nth-child(4):before, table.responsive-table td:nth-child(5):before {
	position: absolute;
	left: .5em;
	font-weight: bold;
}
table.responsive-table tr, table.responsive-table td {
	display: block;
}
table.responsive-table tr {
	position: relative;
	margin-bottom: 1em;
	border: 1px solid #e7eaec;
	border-radius: 5px;
}
table.responsive-table td {
	border-top: none;
}
table.responsive-table td.organisationnumber {
	background: #D5E0CC;
	border-top: 1px solid #B3BFAA;
}
table.responsive-table td.actions {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	background: none;
}
}
.new-lic {
	color: white;
}
.new-lic:hover {
	color: black;
}
.panel-body3 {
	background: #fff;
	border: 1px solid #e7eaec;
	border-radius: 10px 10px 10px 10px;
	padding-left: 15px;
	padding-right: 15px;
}
.table-condensed thead {
	background-color: none;
}
#bar-users {
	margin-bottom: 100px;
	line-height: 1.8;
	margin-top: 20px;
}
table.responsive-table tbody tr:hover {
	background-color: #e7eaec;
	transition: background .5s;
}
table.responsive-table tbody tr {
	background-color: #fff;
}
.users {
	margin-left: 0px;
	margin-right: 0px;
}
.alignform {
	text-align: right;
}
/*----------------------------
-----------------------------*/

/* Side Tab Licenses */


#parent {
	display: flex;
}
#narrow {
	padding-left: 10px;
}
#wide {
}
#narrow a {
	line-height: 1.4;
	position: relative;
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
}
.showme {
	display: none;
}
#wide a {
	line-height: 1.4;
	display: block;
	position: relative;
	padding-left: 20px;
	text-decoration: none;
	padding-top: 20px;
	padding-bottom: 20px;
	word-break: break-word;
}
.nav-pills > li a {
	color: #808080;
}
.nav-pills li.hover #narrow a {
	display: none;
}
.btn-sm-1 {
	display: inline !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.nav-pills li.active:hover .showme {
	display: inline-table;
	margin: 0;
	padding: 0;
	line-height: 0;
	/* padding-left: 5px; */
	color: #EC1E79;
	transition: all 0.5s ease;
}
.nav-pills li.active:hover .showhim {
	margin: 0 !important;
	padding: 0 !important;
	line-height: 0 !important;
	height: 0;
}
/*----------------------------
-----------------------------*/

/* Store Add Ons */

.form-control-2 {
	display: block;
	width: 100%;
	padding: 5px;
	height: 40px;
	font-size: 15px;
	line-height: 1;
	color: #333333;
	background-image: none;
	border-radius: 5px !important;
	border-color: #fff;
	box-shadow: 0px 1px #DDDDDD;
}
.plan-drop {
	text-align: right;
	border: 1px solid #fff;
}
.plan-drop > li > a {
	padding: 1px 15px;
}
.dropdown-menu > li:last-child:hover a {
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
}
.dropdown-menu > li:first-child:hover a {
	border-top-right-radius: 7px;
	border-top-left-radius: 7px;
}
.assign-title {
	padding-left: 25px;
}
.glow.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading {
	color: #595959;
	font-size: 21px;
	font-weight: normal;
}
 .list-group-item-text:h3 {
 text-align: right;
}
.price-title {
	text-align: right;
	font-weight: normal;
	font-size: 21px;
}
/* Store Table */


table.display2 {
	margin: 1em 0;
}
table.display2 th, table.display2 td {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: .5em .5em;/*  vertical-align: top; */
}
table.display2 th {
	border-bottom: 1px solid #fff;
	border-top: none;
}
table.display2 h3 {
	margin-top: 5px;
	margin-bottom: 5px;
}
table.responsive-table {
}

@media (max-width: 50em) {
table.checkout-table {
	box-shadow: none;
}
table.checkout-table thead {
	display: none;
}
table.display2 th, table.display2 td {
	padding: .5em;
}
table.checkout-table td:nth-child(1):before {
	content: 'DELIVERY MODEL';
}
table.checkout-table td:nth-child(2):before {
	content: 'PRODUCT';
}
table.checkout-table td:nth-child(3):before {
	content: 'QUANTITY';
}
table.checkout-table td:nth-child(4):before {
	content: 'SUBSCRIPTION PRICE';
}
table.checkout-table td:nth-child(5):before {
	content: 'SUBTOTAL';
}
table.checkout-table td:nth-child(1), table.checkout-table td:nth-child(2), table.checkout-table td:nth-child(3), table.checkout-table td:nth-child(4), table.checkout-table td:nth-child(5) {
	text-align: center;
}
table.checkout-table td:nth-child(1):before, table.checkout-table td:nth-child(2):before, table.checkout-table td:nth-child(3):before, table.checkout-table td:nth-child(4):before, table.checkout-table td:nth-child(5):before {
	font-weight: bold;
	display: block;
	text-align: center;
	position: relative;
	padding-bottom: 5px;
	color: #EC1E79;
}
table.checkout-table tr, table.checkout-table td {
	display: block;
}
table.checkout-table tr {
	position: relative;
	margin-bottom: 1em;
	border: 1px solid #e7eaec;
	border-radius: 5px;
	background: #f9f9f9;
	padding-top: 20px;
}
table.checkout-table td {
	border-top: none;
	border-bottom: none;
}
table.checkout-table td.organisationnumber {
	background: #D5E0CC;
	border-top: 1px solid #B3BFAA;
}
table.checkout-table td.actions {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	background: none;
}
}
.centered {
	text-align: center;
}
.remove {
}
.remove a {
	color: #C1C1C1;
}
.remove a:hover {
	color: #EC1E79;
}
.pull-right3 {
	float: right !important;
	padding-right: 20px;
}
 .pull-right3:h3 {
 margin-top: 5px;
 margin-bottom: 5px;
}
.align-right {
	text-align: right;
}
.btn-md {
	padding: 8px 8px;
	border-radius: 3px
}
/*----------------------------
     Delete User Pop Up
-----------------------------*/

.pad {
	margin-bottom: 15px;
	margin-top: 15px;
}
.item-pad p {
	font-size: 17px !important;
}
.item-pad {
	padding: 15px 30px;
	text-align: center;
	background-color: transparent;
	border-radius: 10px !important;
	border: 1px solid #E5E5E5;
	display: block;
	color: #808080;
	box-shadow: inset 0px 0px 10px 0px #F0F0F0;
	-webkit-box-shadow: inset 0px 0px 10px 0px #F0F0F0;
	-moz-box-shadow: inset 0px 0px 10px 0px #F0F0F0;
	-o-box-shadow: inset 0px 0px 10px 0px #F0F0F0;
}
.item-pad:hover {
	transition-timing-function: ease-in-out;
	border-color: #f35fa1;
	color: #f35fa1;
	text-decoration: none;
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	/* ...and now for the proper property */
	transition: .5s;
}
/*----------------------------
-----------------------------*/

.user-icon {
	width: 31px;
	margin: 0;
	padding: 0;
	height: 31px;
	display: block;
	border-radius: 50%;
}

.right-title {
	text-align: right;
}
.right-title {
	text-align: right;
}
.label-settings {
	color: #EC1E79;
}
.input-rounded-2 {
	display: block;
	color: #4D4D4D;
	width: 100%;
	height: 43px;
	padding: 10px 18px;
	font-size: 15px;
	line-height: 1.42857143;
	background-color: #fafafa;
	background-image: none;
	border: 1px solid #e7eaec;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.085);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

a.tooltips {
	display: inline;
}
a.tooltips span {
	position: absolute;
	width: 220px;
	color: #EC1E79;
	background: #FFF;
	border-radius: 3px;
}
a.tooltips span:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 100%;
	margin-top: -8px;
	width: 0;
	height: 0;
	border-right: 8px solid;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
}
a.tooltips span {
	visibility: visible;
	opacity: 1;
	left: 100%;
	top: 50%;
	margin-top: -20.5px;
	margin-left: 15px;
	z-index: 999;
	font-size: 0.99em;
	line-height: 1.2;
	padding-top: 5px;
	padding-bottom: 7px;
	padding-left: 10px;
	padding-right: 10px;
}
.feat {
	/* min-height: 100px; */
	padding-top: 70px;
}
.feat h3 {
	margin-top: 0px;
	margin-bottom: 5px;
}
.text-danger, .text-danger:hover {
	color: #ff0039;
	font-size: 0.9em !important;
}
.del-user {
	padding-left: 80px;
	padding-right: 80px;
}
.coming-title-3 a {
	color: #7b8693;
	text-decoration: none;
}
.coming-title-3 a:hover {
	color: #ec1e7a;
	text-decoration: none;
}
.coming-title-3 {
	font-size: 1.6em;
	color: #7b8693;
	margin-top: 0px;
	padding-right: 5px;
}
.coming-title-2 {
	font-size: 1.8em;
	color: #7b8693;
	margin-top: 5px;
}
.coming-title {
	font-size: 5em;
	color: #7b8693;
	font-weight: bold;
	line-height: 1;
	text-transform: uppercase;
	font-family: Source Sans Pro;
	letter-spacing: -2px;
	margin-top: 0px;
}
.icon20 {
	padding: 0px 18px;
	width: auto;
	display: inline;
	vertical-align: -4px;
	background: url("/images/phone-icon.png") no-repeat;
}
.icon30 {
	padding: 0px 18px;
	width: auto;
	display: inline;
	vertical-align: -7px;
	background: url("/images/mail-icon.png") no-repeat;
}
.icon40 {
	padding: 0px 1px;
	width: auto;
	display: inline;
	vertical-align: -7px;
	background: url("") no-repeat;
}
.left-padding {
	padding-left: 30px;
}
.coming-title-4 {
	font-size: 19px;
	color: #7b8693;
	font-weight: normal;
}
.store-mode {
	background: #F1F1F1;
}
/* Contact Support Page */

hr.style-three {
	border: 0;
	height: 1px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0));
	margin-top: 1px;
	margin-bottom: 1px;
	width: 70%;
}
.title_contact {
	font-size: 3.3em;
	padding-bottom: 1px;
	font-weight: 200 !important;
}
.hide-email {
	display: none;
}
.right-align {
	text-align: right;
	border-right: 1px solid #CECECE;
	padding-right: 40px;
}
.icon-5 {
	padding: 0px 18px;
	width: auto;
	display: inline;
	vertical-align: -6px;
	background: url("/images/location-icon.png") no-repeat;
}
.icon-6 {
	padding: 0px 22px;
	width: auto;
	display: inline;
	vertical-align: -6px;
	background: url("/images/call-icon.png") no-repeat;
}
.icon-7 {
	padding: 0px 22px;
	width: auto;
	display: inline;
	vertical-align: -9px;
	background: url("/images/email-icon.png") no-repeat;
}
.title_support {
	color: #636363;
}
.btn-support {
	-webkit-border-radius: 28;
	-moz-border-radius: 28;
	border-radius: 28px;
	font-family: Arial;
	color: #ec1e7a;
	font-size: 16px;
	padding: 10px 20px 10px 20px;
	border: solid #ec1e7a 2px;
	display: block;
	text-decoration: none;
}
.btn-support:hover {
	text-decoration: none;
	color: #CECECE;
	border-color: #CECECE;
}
.left-align {
	padding-left: 40px;
}
.whitebox {
}
.whitebox h4 {
}
.whitebox a:hover {
	text-decoration: none;
}
/* Chat */

#SnapABug_WP {
	top: auto !important;
	left: auto !important;
	bottom: 0 !important;
	right: 0 !important;
}
#chat-btn {
	cursor: pointer;
	position: fixed;
	bottom: 2%;
	right: 2%;
	z-index: 999;
}
#chat-btn img {
	width: 200px;
}
.chat-select {
	background: #404040;
	border: 5px solid #f5f5f5;
	border-radius: 25px;
	color: #f5f5f5;
	font-size: 18px;
	font-weight: 300;
	line-height: 22px;
	padding: 25px;
	position: fixed;
	bottom: 1%;
	right: 1%;
	max-width: 340px;
	height: auto;
	z-index: 999;
}
.chat-select .fa-times {
	cursor: pointer;
	position: absolute;
	top: 10px;
	right: 10px;
}
.chat-select p {
	color: #f5f5f5;
	font-size: 18px;
	font-weight: 300;
	line-height: 22px;
	margin: 10px auto 0;
}
.chat-list {
	cursor: pointer;
	margin: 25px auto 0;
	list-style-type: none;
}
.chat-list li {
	padding: 10px 0 0;
}
.chat-list li a {
	color: #f5f5f5;
	font-weight: 300;
	text-decoration: none;
}
.chat-list li a:hover {
	color: #aceb33;
}
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}
.animated.bounceIn, .animated.bounceOut {
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
}
.animated.flipOutX, .animated.flipOutY {
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
}
 @-webkit-keyframes bounce {
 from, 20%, 53%, 80%, to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 40%, 43% {
 -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 -webkit-transform: translate3d(0, -30px, 0);
 transform: translate3d(0, -30px, 0);
}
 70% {
 -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 -webkit-transform: translate3d(0, -15px, 0);
 transform: translate3d(0, -15px, 0);
}
 90% {
 -webkit-transform: translate3d(0, -4px, 0);
 transform: translate3d(0, -4px, 0);
}
}
 @keyframes bounce {
 from, 20%, 53%, 80%, to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 40%, 43% {
 -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 -webkit-transform: translate3d(0, -30px, 0);
 transform: translate3d(0, -30px, 0);
}
 70% {
 -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 -webkit-transform: translate3d(0, -15px, 0);
 transform: translate3d(0, -15px, 0);
}
 90% {
 -webkit-transform: translate3d(0, -4px, 0);
 transform: translate3d(0, -4px, 0);
}
}
.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transform-origin: center bottom;
	-ms-transform-origin: center bottom;
	transform-origin: center bottom;
}
 @-webkit-keyframes flash {
 from, 50%, to {
 opacity: 1;
}
 25%, 75% {
 opacity: 0;
}
}
 @keyframes flash {
 from, 50%, to {
 opacity: 1;
}
 25%, 75% {
 opacity: 0;
}
}
.flash {
	-webkit-animation-name: flash;
	animation-name: flash;
}
 @-webkit-keyframes pulse {
 from {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 50% {
 -webkit-transform: scale3d(1.05, 1.05, 1.05);
 transform: scale3d(1.05, 1.05, 1.05);
}
 to {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
 @keyframes pulse {
 from {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 50% {
 -webkit-transform: scale3d(1.05, 1.05, 1.05);
 transform: scale3d(1.05, 1.05, 1.05);
}
 to {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse;
}
 @-webkit-keyframes rubberBand {
 from {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 30% {
 -webkit-transform: scale3d(1.25, 0.75, 1);
 transform: scale3d(1.25, 0.75, 1);
}
 40% {
 -webkit-transform: scale3d(0.75, 1.25, 1);
 transform: scale3d(0.75, 1.25, 1);
}
 50% {
 -webkit-transform: scale3d(1.15, 0.85, 1);
 transform: scale3d(1.15, 0.85, 1);
}
 65% {
 -webkit-transform: scale3d(0.95, 1.05, 1);
 transform: scale3d(0.95, 1.05, 1);
}
 75% {
 -webkit-transform: scale3d(1.05, 0.95, 1);
 transform: scale3d(1.05, 0.95, 1);
}
 to {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
 @keyframes rubberBand {
 from {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 30% {
 -webkit-transform: scale3d(1.25, 0.75, 1);
 transform: scale3d(1.25, 0.75, 1);
}
 40% {
 -webkit-transform: scale3d(0.75, 1.25, 1);
 transform: scale3d(0.75, 1.25, 1);
}
 50% {
 -webkit-transform: scale3d(1.15, 0.85, 1);
 transform: scale3d(1.15, 0.85, 1);
}
 65% {
 -webkit-transform: scale3d(0.95, 1.05, 1);
 transform: scale3d(0.95, 1.05, 1);
}
 75% {
 -webkit-transform: scale3d(1.05, 0.95, 1);
 transform: scale3d(1.05, 0.95, 1);
}
 to {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
.rubberBand {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand;
}
 @-webkit-keyframes shake {
 from, to {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 10%, 30%, 50%, 70%, 90% {
 -webkit-transform: translate3d(-10px, 0, 0);
 transform: translate3d(-10px, 0, 0);
}
 20%, 40%, 60%, 80% {
 -webkit-transform: translate3d(10px, 0, 0);
 transform: translate3d(10px, 0, 0);
}
}
 @keyframes shake {
 from, to {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 10%, 30%, 50%, 70%, 90% {
 -webkit-transform: translate3d(-10px, 0, 0);
 transform: translate3d(-10px, 0, 0);
}
 20%, 40%, 60%, 80% {
 -webkit-transform: translate3d(10px, 0, 0);
 transform: translate3d(10px, 0, 0);
}
}
.shake {
	-webkit-animation-name: shake;
	animation-name: shake;
}
 @-webkit-keyframes swing {
 20% {
 -webkit-transform: rotate3d(0, 0, 1, 15deg);
 transform: rotate3d(0, 0, 1, 15deg);
}
 40% {
 -webkit-transform: rotate3d(0, 0, 1, -10deg);
 transform: rotate3d(0, 0, 1, -10deg);
}
 60% {
 -webkit-transform: rotate3d(0, 0, 1, 5deg);
 transform: rotate3d(0, 0, 1, 5deg);
}
 80% {
 -webkit-transform: rotate3d(0, 0, 1, -5deg);
 transform: rotate3d(0, 0, 1, -5deg);
}
 to {
 -webkit-transform: rotate3d(0, 0, 1, 0deg);
 transform: rotate3d(0, 0, 1, 0deg);
}
}
 @keyframes swing {
 20% {
 -webkit-transform: rotate3d(0, 0, 1, 15deg);
 transform: rotate3d(0, 0, 1, 15deg);
}
 40% {
 -webkit-transform: rotate3d(0, 0, 1, -10deg);
 transform: rotate3d(0, 0, 1, -10deg);
}
 60% {
 -webkit-transform: rotate3d(0, 0, 1, 5deg);
 transform: rotate3d(0, 0, 1, 5deg);
}
 80% {
 -webkit-transform: rotate3d(0, 0, 1, -5deg);
 transform: rotate3d(0, 0, 1, -5deg);
}
 to {
 -webkit-transform: rotate3d(0, 0, 1, 0deg);
 transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing;
}
 @-webkit-keyframes tada {
 from {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 10%, 20% {
 -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
 transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
 30%, 50%, 70%, 90% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
 40%, 60%, 80% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
 to {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
 @keyframes tada {
 from {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 10%, 20% {
 -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
 transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
 30%, 50%, 70%, 90% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
 40%, 60%, 80% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
 to {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
.tada {
	-webkit-animation-name: tada;
	animation-name: tada;
}
 @-webkit-keyframes wobble {
 from {
 -webkit-transform: none;
 transform: none;
}
 15% {
 -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
 transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
 30% {
 -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
 transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
 45% {
 -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
 transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
 60% {
 -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
 transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
 75% {
 -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
 transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
 to {
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes wobble {
 from {
 -webkit-transform: none;
 transform: none;
}
 15% {
 -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
 transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
 30% {
 -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
 transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
 45% {
 -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
 transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
 60% {
 -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
 transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
 75% {
 -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
 transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
 to {
 -webkit-transform: none;
 transform: none;
}
}
.wobble {
	-webkit-animation-name: wobble;
	animation-name: wobble;
}
 @-webkit-keyframes jello {
 from, 11.1%, to {
 -webkit-transform: none;
 transform: none;
}
 22.2% {
 -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
 transform: skewX(-12.5deg) skewY(-12.5deg);
}
 33.3% {
 -webkit-transform: skewX(6.25deg) skewY(6.25deg);
 transform: skewX(6.25deg) skewY(6.25deg);
}
 44.4% {
 -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
 transform: skewX(-3.125deg) skewY(-3.125deg);
}
 55.5% {
 -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
 transform: skewX(1.5625deg) skewY(1.5625deg);
}
 66.6% {
 -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
 transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
 77.7% {
 -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
 transform: skewX(0.39063deg) skewY(0.39063deg);
}
 88.8% {
 -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
 transform: skewX(-0.19531deg) skewY(-0.19531deg);
}
}
 @keyframes jello {
 from, 11.1%, to {
 -webkit-transform: none;
 transform: none;
}
 22.2% {
 -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
 transform: skewX(-12.5deg) skewY(-12.5deg);
}
 33.3% {
 -webkit-transform: skewX(6.25deg) skewY(6.25deg);
 transform: skewX(6.25deg) skewY(6.25deg);
}
 44.4% {
 -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
 transform: skewX(-3.125deg) skewY(-3.125deg);
}
 55.5% {
 -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
 transform: skewX(1.5625deg) skewY(1.5625deg);
}
 66.6% {
 -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
 transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
 77.7% {
 -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
 transform: skewX(0.39063deg) skewY(0.39063deg);
}
 88.8% {
 -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
 transform: skewX(-0.19531deg) skewY(-0.19531deg);
}
}
.jello {
	-webkit-animation-name: jello;
	animation-name: jello;
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
}
 @-webkit-keyframes bounceIn {
 from, 20%, 40%, 60%, 80%, to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 0% {
 opacity: 0;
 -webkit-transform: scale3d(0.3, 0.3, 0.3);
 transform: scale3d(0.3, 0.3, 0.3);
}
 20% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1);
 transform: scale3d(1.1, 1.1, 1.1);
}
 40% {
 -webkit-transform: scale3d(0.9, 0.9, 0.9);
 transform: scale3d(0.9, 0.9, 0.9);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(1.03, 1.03, 1.03);
 transform: scale3d(1.03, 1.03, 1.03);
}
 80% {
 -webkit-transform: scale3d(0.97, 0.97, 0.97);
 transform: scale3d(0.97, 0.97, 0.97);
}
 to {
 opacity: 1;
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
 @keyframes bounceIn {
 from, 20%, 40%, 60%, 80%, to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 0% {
 opacity: 0;
 -webkit-transform: scale3d(0.3, 0.3, 0.3);
 transform: scale3d(0.3, 0.3, 0.3);
}
 20% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1);
 transform: scale3d(1.1, 1.1, 1.1);
}
 40% {
 -webkit-transform: scale3d(0.9, 0.9, 0.9);
 transform: scale3d(0.9, 0.9, 0.9);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(1.03, 1.03, 1.03);
 transform: scale3d(1.03, 1.03, 1.03);
}
 80% {
 -webkit-transform: scale3d(0.97, 0.97, 0.97);
 transform: scale3d(0.97, 0.97, 0.97);
}
 to {
 opacity: 1;
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
}
 @-webkit-keyframes bounceInDown {
 from, 60%, 75%, 90%, to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -3000px, 0);
 transform: translate3d(0, -3000px, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(0, 25px, 0);
 transform: translate3d(0, 25px, 0);
}
 75% {
 -webkit-transform: translate3d(0, -10px, 0);
 transform: translate3d(0, -10px, 0);
}
 90% {
 -webkit-transform: translate3d(0, 5px, 0);
 transform: translate3d(0, 5px, 0);
}
 to {
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes bounceInDown {
 from, 60%, 75%, 90%, to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -3000px, 0);
 transform: translate3d(0, -3000px, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(0, 25px, 0);
 transform: translate3d(0, 25px, 0);
}
 75% {
 -webkit-transform: translate3d(0, -10px, 0);
 transform: translate3d(0, -10px, 0);
}
 90% {
 -webkit-transform: translate3d(0, 5px, 0);
 transform: translate3d(0, 5px, 0);
}
 to {
 -webkit-transform: none;
 transform: none;
}
}
.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown;
}
 @-webkit-keyframes bounceInLeft {
 from, 60%, 75%, 90%, to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(-3000px, 0, 0);
 transform: translate3d(-3000px, 0, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(25px, 0, 0);
 transform: translate3d(25px, 0, 0);
}
 75% {
 -webkit-transform: translate3d(-10px, 0, 0);
 transform: translate3d(-10px, 0, 0);
}
 90% {
 -webkit-transform: translate3d(5px, 0, 0);
 transform: translate3d(5px, 0, 0);
}
 to {
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes bounceInLeft {
 from, 60%, 75%, 90%, to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(-3000px, 0, 0);
 transform: translate3d(-3000px, 0, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(25px, 0, 0);
 transform: translate3d(25px, 0, 0);
}
 75% {
 -webkit-transform: translate3d(-10px, 0, 0);
 transform: translate3d(-10px, 0, 0);
}
 90% {
 -webkit-transform: translate3d(5px, 0, 0);
 transform: translate3d(5px, 0, 0);
}
 to {
 -webkit-transform: none;
 transform: none;
}
}
.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}
 @-webkit-keyframes bounceInRight {
 from, 60%, 75%, 90%, to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 from {
 opacity: 0;
 -webkit-transform: translate3d(3000px, 0, 0);
 transform: translate3d(3000px, 0, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(-25px, 0, 0);
 transform: translate3d(-25px, 0, 0);
}
 75% {
 -webkit-transform: translate3d(10px, 0, 0);
 transform: translate3d(10px, 0, 0);
}
 90% {
 -webkit-transform: translate3d(-5px, 0, 0);
 transform: translate3d(-5px, 0, 0);
}
 to {
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes bounceInRight {
 from, 60%, 75%, 90%, to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 from {
 opacity: 0;
 -webkit-transform: translate3d(3000px, 0, 0);
 transform: translate3d(3000px, 0, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(-25px, 0, 0);
 transform: translate3d(-25px, 0, 0);
}
 75% {
 -webkit-transform: translate3d(10px, 0, 0);
 transform: translate3d(10px, 0, 0);
}
 90% {
 -webkit-transform: translate3d(-5px, 0, 0);
 transform: translate3d(-5px, 0, 0);
}
 to {
 -webkit-transform: none;
 transform: none;
}
}
.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight;
}
 @-webkit-keyframes bounceInUp {
 from, 60%, 75%, 90%, to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, 3000px, 0);
 transform: translate3d(0, 3000px, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(0, -20px, 0);
 transform: translate3d(0, -20px, 0);
}
 75% {
 -webkit-transform: translate3d(0, 10px, 0);
 transform: translate3d(0, 10px, 0);
}
 90% {
 -webkit-transform: translate3d(0, -5px, 0);
 transform: translate3d(0, -5px, 0);
}
 to {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
 @keyframes bounceInUp {
 from, 60%, 75%, 90%, to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, 3000px, 0);
 transform: translate3d(0, 3000px, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(0, -20px, 0);
 transform: translate3d(0, -20px, 0);
}
 75% {
 -webkit-transform: translate3d(0, 10px, 0);
 transform: translate3d(0, 10px, 0);
}
 90% {
 -webkit-transform: translate3d(0, -5px, 0);
 transform: translate3d(0, -5px, 0);
}
 to {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp;
}
 @-webkit-keyframes bounceOut {
 20% {
 -webkit-transform: scale3d(0.9, 0.9, 0.9);
 transform: scale3d(0.9, 0.9, 0.9);
}
 50%, 55% {
 opacity: 1;
 -webkit-transform: scale3d(1.1, 1.1, 1.1);
 transform: scale3d(1.1, 1.1, 1.1);
}
 to {
 opacity: 0;
 -webkit-transform: scale3d(0.3, 0.3, 0.3);
 transform: scale3d(0.3, 0.3, 0.3);
}
}
 @keyframes bounceOut {
 20% {
 -webkit-transform: scale3d(0.9, 0.9, 0.9);
 transform: scale3d(0.9, 0.9, 0.9);
}
 50%, 55% {
 opacity: 1;
 -webkit-transform: scale3d(1.1, 1.1, 1.1);
 transform: scale3d(1.1, 1.1, 1.1);
}
 to {
 opacity: 0;
 -webkit-transform: scale3d(0.3, 0.3, 0.3);
 transform: scale3d(0.3, 0.3, 0.3);
}
}
.bounceOut {
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut;
}
 @-webkit-keyframes bounceOutDown {
 20% {
 -webkit-transform: translate3d(0, 10px, 0);
 transform: translate3d(0, 10px, 0);
}
 40%, 45% {
 opacity: 1;
 -webkit-transform: translate3d(0, -20px, 0);
 transform: translate3d(0, -20px, 0);
}
 to {
 opacity: 0;
 -webkit-transform: translate3d(0, 2000px, 0);
 transform: translate3d(0, 2000px, 0);
}
}
 @keyframes bounceOutDown {
 20% {
 -webkit-transform: translate3d(0, 10px, 0);
 transform: translate3d(0, 10px, 0);
}
 40%, 45% {
 opacity: 1;
 -webkit-transform: translate3d(0, -20px, 0);
 transform: translate3d(0, -20px, 0);
}
 to {
 opacity: 0;
 -webkit-transform: translate3d(0, 2000px, 0);
 transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown;
}
 @-webkit-keyframes bounceOutLeft {
 20% {
 opacity: 1;
 -webkit-transform: translate3d(20px, 0, 0);
 transform: translate3d(20px, 0, 0);
}
 to {
 opacity: 0;
 -webkit-transform: translate3d(-2000px, 0, 0);
 transform: translate3d(-2000px, 0, 0);
}
}
 @keyframes bounceOutLeft {
 20% {
 opacity: 1;
 -webkit-transform: translate3d(20px, 0, 0);
 transform: translate3d(20px, 0, 0);
}
 to {
 opacity: 0;
 -webkit-transform: translate3d(-2000px, 0, 0);
 transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft;
}
 @-webkit-keyframes bounceOutRight {
 20% {
 opacity: 1;
 -webkit-transform: translate3d(-20px, 0, 0);
 transform: translate3d(-20px, 0, 0);
}
 to {
 opacity: 0;
 -webkit-transform: translate3d(2000px, 0, 0);
 transform: translate3d(2000px, 0, 0);
}
}
 @keyframes bounceOutRight {
 20% {
 opacity: 1;
 -webkit-transform: translate3d(-20px, 0, 0);
 transform: translate3d(-20px, 0, 0);
}
 to {
 opacity: 0;
 -webkit-transform: translate3d(2000px, 0, 0);
 transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	animation-name: bounceOutRight;
}
 @-webkit-keyframes bounceOutUp {
 20% {
 -webkit-transform: translate3d(0, -10px, 0);
 transform: translate3d(0, -10px, 0);
}
 40%, 45% {
 opacity: 1;
 -webkit-transform: translate3d(0, 20px, 0);
 transform: translate3d(0, 20px, 0);
}
 to {
 opacity: 0;
 -webkit-transform: translate3d(0, -2000px, 0);
 transform: translate3d(0, -2000px, 0);
}
}
 @keyframes bounceOutUp {
 20% {
 -webkit-transform: translate3d(0, -10px, 0);
 transform: translate3d(0, -10px, 0);
}
 40%, 45% {
 opacity: 1;
 -webkit-transform: translate3d(0, 20px, 0);
 transform: translate3d(0, 20px, 0);
}
 to {
 opacity: 0;
 -webkit-transform: translate3d(0, -2000px, 0);
 transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp;
}
 @-webkit-keyframes fadeIn {
 from {
 opacity: 0;
}
 to {
 opacity: 1;
}
}
 @keyframes fadeIn {
 from {
 opacity: 0;
}
 to {
 opacity: 1;
}
}
.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
 @-webkit-keyframes fadeInDown {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes fadeInDown {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
 @-webkit-keyframes fadeInDownBig {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, -2000px, 0);
 transform: translate3d(0, -2000px, 0);
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes fadeInDownBig {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, -2000px, 0);
 transform: translate3d(0, -2000px, 0);
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig;
}
 @-webkit-keyframes fadeInLeft {
 from {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes fadeInLeft {
 from {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}
 @-webkit-keyframes fadeInLeftBig {
 from {
 opacity: 0;
 -webkit-transform: translate3d(-2000px, 0, 0);
 transform: translate3d(-2000px, 0, 0);
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes fadeInLeftBig {
 from {
 opacity: 0;
 -webkit-transform: translate3d(-2000px, 0, 0);
 transform: translate3d(-2000px, 0, 0);
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig;
}
 @-webkit-keyframes fadeInRight {
 from {
 opacity: 0;
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes fadeInRight {
 from {
 opacity: 0;
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}
 @-webkit-keyframes fadeInRightBig {
 from {
 opacity: 0;
 -webkit-transform: translate3d(2000px, 0, 0);
 transform: translate3d(2000px, 0, 0);
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes fadeInRightBig {
 from {
 opacity: 0;
 -webkit-transform: translate3d(2000px, 0, 0);
 transform: translate3d(2000px, 0, 0);
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig;
}
 @-webkit-keyframes fadeInUp {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes fadeInUp {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
 @-webkit-keyframes fadeInUpBig {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, 2000px, 0);
 transform: translate3d(0, 2000px, 0);
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes fadeInUpBig {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, 2000px, 0);
 transform: translate3d(0, 2000px, 0);
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig;
}
 @-webkit-keyframes fadeOut {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
}
}
 @keyframes fadeOut {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
}
}
.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}
 @-webkit-keyframes fadeOutDown {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
}
}
 @keyframes fadeOutDown {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown;
}
 @-webkit-keyframes fadeOutDownBig {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 -webkit-transform: translate3d(0, 2000px, 0);
 transform: translate3d(0, 2000px, 0);
}
}
 @keyframes fadeOutDownBig {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 -webkit-transform: translate3d(0, 2000px, 0);
 transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig;
}
 @-webkit-keyframes fadeOutLeft {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
}
}
 @keyframes fadeOutLeft {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft;
}
 @-webkit-keyframes fadeOutLeftBig {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 -webkit-transform: translate3d(-2000px, 0, 0);
 transform: translate3d(-2000px, 0, 0);
}
}
 @keyframes fadeOutLeftBig {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 -webkit-transform: translate3d(-2000px, 0, 0);
 transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig;
}
 @-webkit-keyframes fadeOutRight {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
}
}
 @keyframes fadeOutRight {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight;
}
 @-webkit-keyframes fadeOutRightBig {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 -webkit-transform: translate3d(2000px, 0, 0);
 transform: translate3d(2000px, 0, 0);
}
}
 @keyframes fadeOutRightBig {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 -webkit-transform: translate3d(2000px, 0, 0);
 transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig;
}
 @-webkit-keyframes fadeOutUp {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
}
}
 @keyframes fadeOutUp {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp;
}
 @-webkit-keyframes fadeOutUpBig {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 -webkit-transform: translate3d(0, -2000px, 0);
 transform: translate3d(0, -2000px, 0);
}
}
 @keyframes fadeOutUpBig {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 -webkit-transform: translate3d(0, -2000px, 0);
 transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig;
}
 @-webkit-keyframes flip {
 from {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
 -webkit-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 40% {
 -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
 transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
 -webkit-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 50% {
 -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
 transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
 80% {
 -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
 transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
 to {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
}
 @keyframes flip {
 from {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
 -webkit-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 40% {
 -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
 transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
 -webkit-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 50% {
 -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
 transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
 80% {
 -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
 transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
 to {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
}
.animated.flip {
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip;
}
 @-webkit-keyframes flipInX {
 from {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
 opacity: 0;
}
 40% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
 60% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 opacity: 1;
}
 80% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
 to {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
}
 @keyframes flipInX {
 from {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
 opacity: 0;
}
 40% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
 60% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 opacity: 1;
}
 80% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
 to {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
}
.flipInX {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX;
}
 @-webkit-keyframes flipInY {
 from {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
 opacity: 0;
}
 40% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
 60% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 opacity: 1;
}
 80% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
 to {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
}
 @keyframes flipInY {
 from {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
 opacity: 0;
}
 40% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
 60% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 opacity: 1;
}
 80% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
 to {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
}
.flipInY {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY;
}
 @-webkit-keyframes flipOutX {
 from {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
 30% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 opacity: 1;
}
 to {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 opacity: 0;
}
}
 @keyframes flipOutX {
 from {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
 30% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 opacity: 1;
}
 to {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 opacity: 0;
}
}
.flipOutX {
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
}
 @-webkit-keyframes flipOutY {
 from {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
 30% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
 opacity: 1;
}
 to {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 opacity: 0;
}
}
 @keyframes flipOutY {
 from {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
 30% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
 opacity: 1;
}
 to {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 opacity: 0;
}
}
.flipOutY {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY;
}
 @-webkit-keyframes lightSpeedIn {
 from {
 -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
 transform: translate3d(100%, 0, 0) skewX(-30deg);
 opacity: 0;
}
 60% {
 -webkit-transform: skewX(20deg);
 transform: skewX(20deg);
 opacity: 1;
}
 80% {
 -webkit-transform: skewX(-5deg);
 transform: skewX(-5deg);
 opacity: 1;
}
 to {
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
 @keyframes lightSpeedIn {
 from {
 -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
 transform: translate3d(100%, 0, 0) skewX(-30deg);
 opacity: 0;
}
 60% {
 -webkit-transform: skewX(20deg);
 transform: skewX(20deg);
 opacity: 1;
}
 80% {
 -webkit-transform: skewX(-5deg);
 transform: skewX(-5deg);
 opacity: 1;
}
 to {
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}
 @-webkit-keyframes lightSpeedOut {
 from {
 opacity: 1;
}
 to {
 -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
 transform: translate3d(100%, 0, 0) skewX(30deg);
 opacity: 0;
}
}
 @keyframes lightSpeedOut {
 from {
 opacity: 1;
}
 to {
 -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
 transform: translate3d(100%, 0, 0) skewX(30deg);
 opacity: 0;
}
}
.lightSpeedOut {
	-webkit-animation-name: lightSpeedOut;
	animation-name: lightSpeedOut;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
}
 @-webkit-keyframes rotateIn {
 from {
 -webkit-transform-origin: center;
 transform-origin: center;
 -webkit-transform: rotate3d(0, 0, 1, -200deg);
 transform: rotate3d(0, 0, 1, -200deg);
 opacity: 0;
}
 to {
 -webkit-transform-origin: center;
 transform-origin: center;
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
 @keyframes rotateIn {
 from {
 -webkit-transform-origin: center;
 transform-origin: center;
 -webkit-transform: rotate3d(0, 0, 1, -200deg);
 transform: rotate3d(0, 0, 1, -200deg);
 opacity: 0;
}
 to {
 -webkit-transform-origin: center;
 transform-origin: center;
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
.rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn;
}
 @-webkit-keyframes rotateInDownLeft {
 from {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate3d(0, 0, 1, -45deg);
 transform: rotate3d(0, 0, 1, -45deg);
 opacity: 0;
}
 to {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
 @keyframes rotateInDownLeft {
 from {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate3d(0, 0, 1, -45deg);
 transform: rotate3d(0, 0, 1, -45deg);
 opacity: 0;
}
 to {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft;
}
 @-webkit-keyframes rotateInDownRight {
 from {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate3d(0, 0, 1, 45deg);
 transform: rotate3d(0, 0, 1, 45deg);
 opacity: 0;
}
 to {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
 @keyframes rotateInDownRight {
 from {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate3d(0, 0, 1, 45deg);
 transform: rotate3d(0, 0, 1, 45deg);
 opacity: 0;
}
 to {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight;
}
 @-webkit-keyframes rotateInUpLeft {
 from {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate3d(0, 0, 1, 45deg);
 transform: rotate3d(0, 0, 1, 45deg);
 opacity: 0;
}
 to {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
 @keyframes rotateInUpLeft {
 from {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate3d(0, 0, 1, 45deg);
 transform: rotate3d(0, 0, 1, 45deg);
 opacity: 0;
}
 to {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft;
}
 @-webkit-keyframes rotateInUpRight {
 from {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate3d(0, 0, 1, -90deg);
 transform: rotate3d(0, 0, 1, -90deg);
 opacity: 0;
}
 to {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
 @keyframes rotateInUpRight {
 from {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate3d(0, 0, 1, -90deg);
 transform: rotate3d(0, 0, 1, -90deg);
 opacity: 0;
}
 to {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight;
}
 @-webkit-keyframes rotateOut {
 from {
 -webkit-transform-origin: center;
 transform-origin: center;
 opacity: 1;
}
 to {
 -webkit-transform-origin: center;
 transform-origin: center;
 -webkit-transform: rotate3d(0, 0, 1, 200deg);
 transform: rotate3d(0, 0, 1, 200deg);
 opacity: 0;
}
}
 @keyframes rotateOut {
 from {
 -webkit-transform-origin: center;
 transform-origin: center;
 opacity: 1;
}
 to {
 -webkit-transform-origin: center;
 transform-origin: center;
 -webkit-transform: rotate3d(0, 0, 1, 200deg);
 transform: rotate3d(0, 0, 1, 200deg);
 opacity: 0;
}
}
.rotateOut {
	-webkit-animation-name: rotateOut;
	animation-name: rotateOut;
}
 @-webkit-keyframes rotateOutDownLeft {
 from {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 opacity: 1;
}
 to {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate3d(0, 0, 1, 45deg);
 transform: rotate3d(0, 0, 1, 45deg);
 opacity: 0;
}
}
 @keyframes rotateOutDownLeft {
 from {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 opacity: 1;
}
 to {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate3d(0, 0, 1, 45deg);
 transform: rotate3d(0, 0, 1, 45deg);
 opacity: 0;
}
}
.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft;
}
 @-webkit-keyframes rotateOutDownRight {
 from {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 opacity: 1;
}
 to {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate3d(0, 0, 1, -45deg);
 transform: rotate3d(0, 0, 1, -45deg);
 opacity: 0;
}
}
 @keyframes rotateOutDownRight {
 from {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 opacity: 1;
}
 to {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate3d(0, 0, 1, -45deg);
 transform: rotate3d(0, 0, 1, -45deg);
 opacity: 0;
}
}
.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight;
}
 @-webkit-keyframes rotateOutUpLeft {
 from {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 opacity: 1;
}
 to {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate3d(0, 0, 1, -45deg);
 transform: rotate3d(0, 0, 1, -45deg);
 opacity: 0;
}
}
 @keyframes rotateOutUpLeft {
 from {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 opacity: 1;
}
 to {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate3d(0, 0, 1, -45deg);
 transform: rotate3d(0, 0, 1, -45deg);
 opacity: 0;
}
}
.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft;
}
 @-webkit-keyframes rotateOutUpRight {
 from {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 opacity: 1;
}
 to {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate3d(0, 0, 1, 90deg);
 transform: rotate3d(0, 0, 1, 90deg);
 opacity: 0;
}
}
 @keyframes rotateOutUpRight {
 from {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 opacity: 1;
}
 to {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate3d(0, 0, 1, 90deg);
 transform: rotate3d(0, 0, 1, 90deg);
 opacity: 0;
}
}
.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight;
}
 @-webkit-keyframes hinge {
 0% {
 -webkit-transform-origin: top left;
 transform-origin: top left;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
 20%, 60% {
 -webkit-transform: rotate3d(0, 0, 1, 80deg);
 transform: rotate3d(0, 0, 1, 80deg);
 -webkit-transform-origin: top left;
 transform-origin: top left;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
 40%, 80% {
 -webkit-transform: rotate3d(0, 0, 1, 60deg);
 transform: rotate3d(0, 0, 1, 60deg);
 -webkit-transform-origin: top left;
 transform-origin: top left;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
 opacity: 1;
}
 to {
 -webkit-transform: translate3d(0, 700px, 0);
 transform: translate3d(0, 700px, 0);
 opacity: 0;
}
}
 @keyframes hinge {
 0% {
 -webkit-transform-origin: top left;
 transform-origin: top left;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
 20%, 60% {
 -webkit-transform: rotate3d(0, 0, 1, 80deg);
 transform: rotate3d(0, 0, 1, 80deg);
 -webkit-transform-origin: top left;
 transform-origin: top left;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
 40%, 80% {
 -webkit-transform: rotate3d(0, 0, 1, 60deg);
 transform: rotate3d(0, 0, 1, 60deg);
 -webkit-transform-origin: top left;
 transform-origin: top left;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
 opacity: 1;
}
 to {
 -webkit-transform: translate3d(0, 700px, 0);
 transform: translate3d(0, 700px, 0);
 opacity: 0;
}
}
.hinge {
	-webkit-animation-name: hinge;
	animation-name: hinge;
}
 @-webkit-keyframes rollIn {
 from {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
 transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes rollIn {
 from {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
 transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
.rollIn {
	-webkit-animation-name: rollIn;
	animation-name: rollIn;
}
 @-webkit-keyframes rollOut {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
 transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
 @keyframes rollOut {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
 transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
	-webkit-animation-name: rollOut;
	animation-name: rollOut;
}
 @-webkit-keyframes zoomIn {
 from {
 opacity: 0;
 -webkit-transform: scale3d(0.3, 0.3, 0.3);
 transform: scale3d(0.3, 0.3, 0.3);
}
 50% {
 opacity: 1;
}
}
 @keyframes zoomIn {
 from {
 opacity: 0;
 -webkit-transform: scale3d(0.3, 0.3, 0.3);
 transform: scale3d(0.3, 0.3, 0.3);
}
 50% {
 opacity: 1;
}
}
.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
}
 @-webkit-keyframes zoomInDown {
 from {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
 @keyframes zoomInDown {
 from {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInDown {
	-webkit-animation-name: zoomInDown;
	animation-name: zoomInDown;
}
 @-webkit-keyframes zoomInLeft {
 from {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
 @keyframes zoomInLeft {
 from {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInLeft {
	-webkit-animation-name: zoomInLeft;
	animation-name: zoomInLeft;
}
 @-webkit-keyframes zoomInRight {
 from {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
 @keyframes zoomInRight {
 from {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInRight {
	-webkit-animation-name: zoomInRight;
	animation-name: zoomInRight;
}
 @-webkit-keyframes zoomInUp {
 from {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
 @keyframes zoomInUp {
 from {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInUp {
	-webkit-animation-name: zoomInUp;
	animation-name: zoomInUp;
}
 @-webkit-keyframes zoomOut {
 from {
 opacity: 1;
}
 50% {
 opacity: 0;
 -webkit-transform: scale3d(0.3, 0.3, 0.3);
 transform: scale3d(0.3, 0.3, 0.3);
}
 to {
 opacity: 0;
}
}
 @keyframes zoomOut {
 from {
 opacity: 1;
}
 50% {
 opacity: 0;
 -webkit-transform: scale3d(0.3, 0.3, 0.3);
 transform: scale3d(0.3, 0.3, 0.3);
}
 to {
 opacity: 0;
}
}
.zoomOut {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut;
}
 @-webkit-keyframes zoomOutDown {
 40% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 to {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
 -webkit-transform-origin: center bottom;
 transform-origin: center bottom;
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
 @keyframes zoomOutDown {
 40% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 to {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
 -webkit-transform-origin: center bottom;
 transform-origin: center bottom;
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutDown {
	-webkit-animation-name: zoomOutDown;
	animation-name: zoomOutDown;
}
 @-webkit-keyframes zoomOutLeft {
 40% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
 to {
 opacity: 0;
 -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
 transform: scale(0.1) translate3d(-2000px, 0, 0);
 -webkit-transform-origin: left center;
 transform-origin: left center;
}
}
 @keyframes zoomOutLeft {
 40% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
 to {
 opacity: 0;
 -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
 transform: scale(0.1) translate3d(-2000px, 0, 0);
 -webkit-transform-origin: left center;
 transform-origin: left center;
}
}
.zoomOutLeft {
	-webkit-animation-name: zoomOutLeft;
	animation-name: zoomOutLeft;
}
 @-webkit-keyframes zoomOutRight {
 40% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
 to {
 opacity: 0;
 -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
 transform: scale(0.1) translate3d(2000px, 0, 0);
 -webkit-transform-origin: right center;
 transform-origin: right center;
}
}
 @keyframes zoomOutRight {
 40% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
 to {
 opacity: 0;
 -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
 transform: scale(0.1) translate3d(2000px, 0, 0);
 -webkit-transform-origin: right center;
 transform-origin: right center;
}
}
.zoomOutRight {
	-webkit-animation-name: zoomOutRight;
	animation-name: zoomOutRight;
}
 @-webkit-keyframes zoomOutUp {
 40% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 to {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
 -webkit-transform-origin: center bottom;
 transform-origin: center bottom;
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
 @keyframes zoomOutUp {
 40% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 to {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
 -webkit-transform-origin: center bottom;
 transform-origin: center bottom;
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutUp {
	-webkit-animation-name: zoomOutUp;
	animation-name: zoomOutUp;
}
 @-webkit-keyframes slideInDown {
 from {
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
 visibility: visible;
}
 to {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
 @keyframes slideInDown {
 from {
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
 visibility: visible;
}
 to {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
.slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown;
}
 @-webkit-keyframes slideInLeft {
 from {
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
 visibility: visible;
}
 to {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
 @keyframes slideInLeft {
 from {
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
 visibility: visible;
}
 to {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
}
 @-webkit-keyframes slideInRight {
 from {
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
 visibility: visible;
}
 to {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
 @keyframes slideInRight {
 from {
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
 visibility: visible;
}
 to {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
.slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight;
}
 @-webkit-keyframes slideInUp {
 from {
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
 visibility: visible;
}
 to {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
 @keyframes slideInUp {
 from {
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
 visibility: visible;
}
 to {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
.slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp;
}
 @-webkit-keyframes slideOutDown {
 from {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 to {
 visibility: hidden;
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
}
}
 @keyframes slideOutDown {
 from {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 to {
 visibility: hidden;
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
	-webkit-animation-name: slideOutDown;
	animation-name: slideOutDown;
}
 @-webkit-keyframes slideOutLeft {
 from {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 to {
 visibility: hidden;
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
}
}
 @keyframes slideOutLeft {
 from {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 to {
 visibility: hidden;
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
	-webkit-animation-name: slideOutLeft;
	animation-name: slideOutLeft;
}
 @-webkit-keyframes slideOutRight {
 from {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 to {
 visibility: hidden;
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
}
}
 @keyframes slideOutRight {
 from {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 to {
 visibility: hidden;
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
	-webkit-animation-name: slideOutRight;
	animation-name: slideOutRight;
}
 @-webkit-keyframes slideOutUp {
 from {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 to {
 visibility: hidden;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
}
}
 @keyframes slideOutUp {
 from {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 to {
 visibility: hidden;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp;
}
/* End Chat */


/* Download Table */

.tsc_table_s9 {
	color: #7F7F7F;
	border-collapse: collapse
}
.tsc_table_s9, .tsc_table_s9 caption {
}
.tsc_table_s9 caption, .tsc_table_s9 th, .tsc_table_s9 td {
	border-left: 0;
	padding: 10px;
	vertical-align: middle !important;
}
.tsc_table_s9 caption, .tsc_table_s9 thead th, .tsc_table_s9 tfoot th, .tsc_table_s9 tfoot td {
	background-color: #E63C1E;
	color: #FFF;
	font-weight: bold;
}
.tsc_table_s9 thead th {
	background-color: #e7eaec;
	color: #7F7F7F;
	border-right: 1px solid #eef1f3;
	text-align: center;
	border-bottom: none !important;
}
.tsc_table_s9 tbody th {
	padding: 20px 10px
}
.tsc_table_s9 tbody tr.odd {
	background-color: #f0f4f6;
	color: #666
}
.tsc_table_s9 tbody a {
}
.tsc_table_s9 tbody a:active, .tsc_table_s9 tbody a:hover, .tsc_table_s9 tbody a:focus, .tsc_table_s9 tbody a:visited {
	color: #666
}
.tsc_table_s9 tbody tr:hover {
	background-color: #eef1f3;
	color: #333
}
/*.tsc_table_s9 tbody tr:hover a {
	background-color: #EC1E79;
	color: #fff;
} */
.tsc_table_s9 tbody td+td+td+td a {
	color: #C30;
	font-weight: bold;
	border-bottom: 0
}
.tsc_table_s9 tbody td+td+td+td a:active, .tsc_table_s9 tbody td+td+td+td a:hover, .tsc_table_s9 tbody td+td+td+td a:focus, .tsc_table_s9 tbody td+td+td+td a:visited {
	color: #E63C1E
}
.btn-product {
	color: #EC1E79 !important;
	background-color: #eef1f3;
	border-color: transparent;
	font-weight: 400 !important;
}
.btn-product:hover {
	color: #fff !important;
}
.btn-refresh {
	color: #EC1E79;
	padding: 5px 0 5px 0;
}
.btn-refresh:hover {
	color: #999999;
}
.btn-refresh:focus {
	color: #EC1E79;
}
.changelog {
	color: black;
}
.changelog:hover {
	color: #EC1E79;
}
.signup {
	color: #ffffff;
	background-color: #EC1E79;
	padding: 10px 20px 10px 20px;
	border-radius: 28px;
}
.signup:hover {
	color: #EC1E79;
	background-color: #ffffff;
	border: solid #ec1e7a 2px;
}
/* Demo Section */
.demo-section {
	clear: both;
	padding: 10px 0 10px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5f5f5+0,fafafa+51,f5f5f5+100 */
	background: #f5f5f5; /* Old browsers */
	background: -moz-linear-gradient(left, #f5f5f5 0%, #fafafa 51%, #f5f5f5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #f5f5f5 0%, #fafafa 51%, #f5f5f5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #f5f5f5 0%, #fafafa 51%, #f5f5f5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f5f5f5', GradientType=1 ); /* IE6-9 */
}
.demo-shadow {
	background: url("/images/demo-shadow.png") no-repeat center;
	margin: 0px;
	border: 0;
	height: 21px;
	border-bottom: none;
	text-align: center;
	width: 100%;
}
.demo-secondary {
	color: #EC1E79;
	/* color: #7dd242; */
	font-size: 1.3em;
	font-weight: 600;
	letter-spacing: 1px;
	margin: 5px;
}
.demo-secondary3 {
	color: #4D4D4D;
	/* color: #7dd242; */
	font-size: 0.9em;
	font-weight: 500;
	letter-spacing: 1px;
	margin: 5px;
}
.demo-secondary-2 {
	color: #4d4d4d;
	letter-spacing: 1px;
}
.right1 {
	text-align: right;
	padding-right: 20px;
	border-right: 1px solid #ededed;
}
.btn-pill {
	background-color: transparent;
	border: 2px solid #EC1E79;
	/* border: 2px solid #97e600; */
	-webkit-border-radius: 30px 30px 30px 30px;
	-moz-border-radius: 30px;
	-o-border-radius: 30px 30px 30px 30px;
	-ms-border-radius: 30px 30px 30px 30px;
	border-radius: 30px 30px 30px 30px;
	color: #4A4A4F;
	cursor: pointer;
	display: inline-block;
	padding: 8px 30px;
	font-weight: 500;
	font-size: 1.2em;
	line-height: 1.33;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	vertical-align: middle;
	transition: all .2s;
	white-space: nowrap;
}
.btn-pill:hover {
	background-color: #EC1E79;
	color: #fff;
	text-decoration: none;
}
.pad {
	margin-right: 15px;
}

@media (max-width: 767px) {
.right1 {
	text-align: center;
	padding-right: 0px;
	border-right: transparent;
}
	
	.dynamic-margin {
		margin-top: 90px;
	}
.demo-box {
	text-align: center !important;
}
.pad {
	margin-right: 0px;
}
.self-servicing {
	width: 100% !important;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
}

@media (max-width: 991px) {
.right1 {
	text-align: center;
	padding-right: 0px;
	border-right: transparent;
}
.demo-box {
	text-align: center !important;
}
.pad {
	margin-right: 0px;
}
.self-servicing {
	width: 90% !important;
	margin-left: auto;
}
}
.marginTop60 {
	margin-top: 60px;
}
.marginTop12 {
	margin-top: 12px;
}
.marginTop25 {
	margin-top: 25px;
}
/* Demo Section */


/* Beta Page */


.reach-hero {
	background-image: url("/images/hero-section-background.jpg");
	background-size: 100% !important;
	text-align: center;
	min-height: 600px;
	background-color: #24282e;
	background-repeat: no-repeat;
}
.signpage {
	background-image: url("/images/sign-up-background.jpg") !important;
	background-size: 100% !important;
	text-align: center;
}
.intro {
	color: #EC1E79;
	background-color: transparent;
	padding: 10px 20px 10px 20px;
	border-radius: 28px;
	border: 2px solid;
}
.intro:hover {
	color: #ffffff;
	text-decoration: none;
	background: #EC1E79;
	border: 2px solid #EC1E79;
}
.blk-intro {
	color: #4b4b4b;
	background-color: transparent;
	padding: 10px 20px 10px 20px;
	border-radius: 28px;
	border: 2px solid;
	min-width: 160px;
	margin-bottom: 10px;
}
.blk-intro:hover {
	color: #ffffff;
	text-decoration: none;
	background: #4b4b4b;
	border: 2px solid #4b4b4b;
}
.blk-intro:focus {
	color: #ffffff;
	text-decoration: none;
	background: #4b4b4b;
	border: 2px solid #4b4b4b;
}
.img-fluid {
	max-width: 100%;
}
.dark {
	background: #24272d;
}
.dark ul {
	color: #fff;
}
.dark h2 {
	color: #fff;
	padding-left: 20px;
}
.panel-body4 {
	background: #fff;
	border: 1px solid #e7eaec;
	border-radius: 0px 10px 10px 10px;
	padding: 30px 30px 30px 0px;
	min-height: 600px;
	display: flex;
}
.product-box {
	background-color: #f5f5f5;
	border: 1px solid #e7eaec;
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px 4px 4px 4px;
	-ms-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	color: #333;
	padding: 20px 10px 15px 10px;
	position: relative;
	width: 100%;
}
.product-box:hover {
	cursor: pointer;
	background-color: #f1f1f1;
}
.docs {
	color: #EC1E79;
}
.docs:hover {
	color: #4D4D4D;
}
.assign-user {
	max-height: 366px;
	overflow-y: auto;
	min-height: 366px;
}
/* Download Page */

.release-content {
	position: relative;
	margin-left: 50px;
	background: white;
	/* border-radius: 0.25em;*/
	padding: 1em;
	box-shadow: 0 3px 0 #e1e1e1;
}
.release-content-2 {
	position: relative;
	margin-left: 50px;
	background: white;
	border-radius: 0 0 0.25em 0.25em;
	padding: 1em;
	box-shadow: 0 3px 0 #e1e1e1;
	border-top: 1px solid #eee;
}
.release-content-2::before {
	content: '';
	position: absolute;
	top: 24px;
	right: 100%;
	height: 0;
	width: 0;
	border: 7px solid transparent;
}
.release-content::before {
	content: '';
	position: absolute;
	top: 24px;
	right: 100%;
	height: 0;
	width: 0;
	border: 7px solid transparent;
	border-right: 7px solid white;
}
hr.style1 {
	border-top: 1px solid #eee;
	margin-top: 40px;
	margin-bottom: 40px;
}
.inline-btn {
	background: #fff;
	border: 1px solid #cbd5dc;
	border-radius: 20px;
	color: #303e49;
	font-weight: 400;
	text-decoration: none;
	display: inherit;
	padding: 5px 15px;
}
.inline-btn:hover {
	background: #cbd5dc;
	text-decoration: none;
}
.release-img.picture {
	background: #f5f6f7;
}
.release-img {
	position: absolute;
	top: 10px;
	left: 5px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	box-shadow: 0 0 0 2px white, 0 2px 0 2px rgba(0, 0, 0, 0.05);
}
.release-img img {
	display: block;
	width: 38px;
	height: 38px;
	position: relative;
	top: 1px;
	left: 1px;
}
.release-content .download {
	font-weight: 600;
	padding: 5px 15px;
	background: #EC1E79;
	border: 2px solid #EC1E79;
	color: white;
	text-transform: uppercase;
	border-radius: 40px;
}
.release-content .download:hover {
	background: transparent;
	border: 2px solid #EC1E79;
	color: #EC1E79;
	text-decoration: none;
}
.release-content-2 .download {
	font-weight: 600;
	padding: 5px 15px;
	background: #EC1E79;
	border: 2px solid #EC1E79;
	color: white;
	text-transform: uppercase;
	border-radius: 40px;
}
.release-content-2 .download:hover {
	background: transparent;
	border: 2px solid #EC1E79;
	color: #EC1E79;
	text-decoration: none;
}
h2, .h2 {
	font-size: 3em;
	padding: 10px 0 30px;
}
h2 > a {
	color: #303e49;
	margin-bottom: 0.25em;
}
h2 > a:hover, a:focus {
	color: #fe0b76;
	text-decoration: none;
}
.release-content .date {
	opacity: .7;
	font-size: 14px;
}
.release-content h2 {
	font-size: 25px;
}
.release-img .fa-archive {
	position: relative;
	top: 8px;
	left: 8px;
	font-size: 25px;
	color: #cbd5dc;
}
.scroll-section {
	background: #24282e;
	color: #fff;
	font-size: 11px;
	padding-bottom: 15px;
}
.user {
	position: relative;
	overflow-y: auto;
	max-height: calc(95vh - 260px);
	padding: 15px;
}
.moduser {
	max-height: 100%;
}
.reach-tab {
	border: 1px solid #e7eaec;
}

@media (max-height: 600px) {
.form-signin {
	margin-top: 2% !important;
}
}

@media (max-height: 720px) {
.form-signin {
	margin-top: 10%;
}
}
.jumbotron {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border: 1px dashed deeppink;
}
.user-list {
	height: 250px;
	overflow-x: auto;
	-ms-overflow-x: auto;
	margin-right: auto;
	width: 90%;
	margin-left: -90px;
}
.user-list-onsite {
	height: 205px;
	overflow-x: auto;
	-ms-overflow-x: auto;
	margin-left: auto;
	margin-right: auto;
}
.icon-offline {
	background-image: url(/images/offline.svg);
	background-position: center center;
	height: 14px;
	width: 14px;
	display: inline;
	padding: 0px 11px;
	margin-right: 10px;
	background-repeat: no-repeat;
}
.icon-product {
	background-image: url(/images/product.svg);
	background-position: center center;
	height: 14px;
	width: 14px;
	display: inline;
	padding: 0px 11px;
	margin-right: 10px;
	background-repeat: no-repeat;
}
.icon-keys {
	background-image: url(/images/key.svg);
	background-position: center center;
	height: 14px;
	width: 14px;
	display: inline;
	padding: 0px 11px;
	margin-right: 10px;
	background-repeat: no-repeat;
}
.icon-onsite {
	background-position: center center;
	height: 14px;
	width: 14px;
	display: inline !important;
	padding: 0px 0px 0px 3px;
	margin-right: 10px;
	background-repeat: no-repeat;
}
.modal-title {
	margin: 0;
	line-height: 1.42857143;
	font-size: 26px;
}
.service {
	background: transparent;
	padding: 0;
	border: none;
	color: #EC1E79;
	padding-bottom: 6px;
	text-align: left;
}
.self-servicing {
	width: 250px;
	margin-left: 112px;
	margin-right: auto;
	padding-top: 15px;
}
.checks {
	background-image: url(/images/checkmark.svg);
	background-position: center center;
	height: 14px;
	width: 14px;
	display: inline;
	padding: 0px 11px;
	margin-right: 10px;
	background-repeat: no-repeat;
}
.input-rounded-3 {
	border: 1px solid #eaeaea;
	color: #4D4D4D;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 3px;
	text-align: center;
	font-size: 15px;
	padding: 4px 7px;
	outline: 0;
	font-weight: normal;
	-webkit-appearance: none;
}
.alert-revoke {
	padding: 8px;
	background-color: rgb(48,48,48);
	color: white;
	opacity: 0.83;
	transition: opacity 0.6s;
	border-radius: 4px;
	-webkit-animation: color_change 1s infinite alternate;
	-moz-animation: color_change 1s infinite alternate;
	-ms-animation: color_change 1s infinite alternate;
	-o-animation: color_change 1s infinite alternate;
	animation: color_change 1s infinite alternate;
}
 @-webkit-keyframes color_change {
 from {
background-color: #d6306d;
}
 to {
background-color: #aa2b69;
}
}
 @-moz-keyframes color_change {
 from {
background-color: #d6306d;
}
 to {
background-color: #aa2b69;
}
}
 @-ms-keyframes color_change {
 from {
background-color: #d6306d;
}
 to {
background-color: #aa2b69;
}
}
 @-o-keyframes color_change {
 from {
background-color: #d6306d;
}
 to {
background-color: #aa2b69;
}
}
 @keyframes color_change {
 from {
background-color: #d6306d;
}
 to {
background-color: #aa2b69;
}
}
.container {
	margin-right: auto;
	margin-left: auto;
	padding-left: 1%;
	padding-right: 1%;
}
.mobile-group {
	display: none;
}

.mobile-action {
    float: none;
    background-color: #fff;
    border: 1px solid #fff;
    left: -95px;
    min-width: 100%;
}

/*
.mobile-action {
	position: relative;
	float: none;
	background-color: transparent;
	border: 1px solid #fff;
} */

.mobile-toggle {
	float: none;
}
.mobile-group.open .dropdown-toggle {
	float: none;
}
.btn-mobile-toggle {
	color: #ffffff;
	background-color: transparent;
	border-color: #4D4D4D;
	border: 1px solid;
}
.mobile-action > .activate a {
	border-left: none !important;
	color: #EC1E79 !important;
	background: transparent;
}
.mobile-action > li > a {
	padding: 15px 25px;
}
.mobile-action > li > a:hover, .mobile-action > li > a:focus {
	text-decoration: none;
	color: #EC1E79;
	background-color: transparent;
	transition: all 0.3s ease;
}
.mobile-action > .active > a, .mobile-action > .active > a:hover, .mobile-action > .active > a:focus {
	color: white;
	text-decoration: none;
	outline: 0;
	background-color: transparent;
}
.mobile-action > .activate {
	background: none;
	text-decoration: none;
}
.lics-box {
	width: 250px;
	margin-left: 112px;
	margin-right: auto;
}
.hover-cross:hover {
	cursor: pointer;
}
.renew-modal {
	border-radius: 6px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.2);
	background-color: #f5f7ff;
}
.renew-header {
	border-bottom: 1px solid #fff;
}
.renew-body {
	background: #f5f7ff;
}
.renew-footer {
	background: #6d6f79;
	border-radius: 0px 0px 4px 4px;
}
.renew-box {
	padding: 30px 25px;
	background-color: #f9faff;
	border-radius: 5px;
	border: 1px #fff solid;
	box-shadow: none;
	margin-bottom: 10px;
}
.renew-heading {
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 0px;
}
.renew-fuschia {
	color: #EC1E79;
}
.renew-right {
	text-align: right;
}
.renew-name {
	text-align: center;
	font-size: 22px;
	font-weight: 200;
}
.btn-renew {
	padding: 5px 15px;
	border-radius: 25px;
}
.qty2 {
	width: 50px;
	border-color: #e9ebf5;
	text-align: center;
	box-shadow: 2px 2px #e9ebf5;
	height: 40px !important;
	background-color: #f9faff;
	border-width: 0px;
	border-radius: 5px;
}
.icon-policy {
	height: 14px;
	width: 14px;
	padding: 0px 0px 0px 5px;
}
.icon-login {
	color: #8E8E8E !important;
	border-radius: 3px;
	height: 67%;
}
.divider-line {
	width: 1px;
	background-color: #8E8E8E;
	height: 23px;
	position: absolute;
	top: 10px;
	right: 0px;
	display: inline;
}
.back-btn {
	width: 35% !important;
	color: #3A3A3A;
	background-color: #F2F2F2;
	border-color: #3A3A3A;
	height: 30px;
	border-radius: 5px !important;
	padding: 3px 0px 0px 0px!important;
}
.back-btn:hover {
	width: 35% !important;
	color: #3A3A3A;
	background-color: white;
	border-color: #3A3A3A;
	border-radius: 5px !important;
}
.login-btn {
	width: 45% !important;
	margin-right: 10px;
	height: 30px;
	border-radius: 5px !important;
	padding: 0 !important;
}
.input-rounded-4 {
	border: 1px solid #8E8E8E;
	color: #4D4D4D;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 15px;
	padding-left: 45px;
	outline: 0;
	font-weight: 400;
	-webkit-appearance: none;
	text-align: left;
}
.input-rounded-5 {
	border: 1px solid #8E8E8E;
	color: #4D4D4D;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 15px;
	outline: 0;
	font-weight: 400;
	-webkit-appearance: none;
	text-align: left;
}
.btn-dl {
	font-weight: 400;
	display: inline-block;
	border: 1px solid transparent;
}
.btn-dl:hover {
	background-color: transparent !important;
	color: #ec1e79 !important;
}
.btn-dl:visited {
	color: #ec1e79 !important;
}
.table-row {
	background-color: transparent !important;
}
.table-row:hover {
	background-color: transparent !important;
}
.modal-lg {
	width: 780px;
}

#iframe-designstudio-button { margin-bottom: 30px; margin-right: 30px; box-shadow: 0 0 0 rgba(218,28,92, 1); animation: pulse 650ms infinite; animation-iteration-count: 3; animation-delay: 1100ms; display: inline-block; border-radius: 50px; }

 @-webkit-keyframes pulse {
to {
box-shadow: 0 0 0 25px rgba(232, 76, 61, 0);
}
}
@-moz-keyframes pulse {
to {
box-shadow: 0 0 0 25px rgba(232, 76, 61, 0);
}
}
@-ms-keyframes pulse {
to {
box-shadow: 0 0 0 25px rgba(232, 76, 61, 0);
}
}
@keyframes pulse {
to {
box-shadow: 0 0 0 25px rgba(232, 76, 61, 0);
}
}
 @-webkit-keyframes slidein {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}


/* #iframe-designstudio-button {
	margin-bottom: 30px;
	margin-right: 30px;
	box-shadow: 0 0 0 rgba(218,28,92, 1);
	animation: pulse 650ms infinite;
	animation-iteration-count: 3;
	animation-delay: 1100ms;
	display: inline-block !important;
	border-radius: 50px !important;
}

#iframe-designstudio-button {
	margin-bottom: 30px;
	margin-right: 30px;
	box-shadow: 0 0 0 rgba(218,28,92, 1);
	animation: pulse 650ms infinite;
	animation-iteration-count: 3;
	animation-delay: 1100ms;
	display: inline-block !important;
	border-radius: 50px !important;
	height: 62px !important;
	width: 195px !important;
} */

.title {
	font-size: 25px !important;
}
.bolded {
	font-weight: 600;
}
.section-header {
	margin-top: 0px;
	font-weight: 200;
}
.section-header-2 {
	margin: 35px 0 0 0 !important;
	font-weight: 200;
	padding-bottom: 10.5px;
}
.expiredText {
	color: red;
}
.expiringText {
	color: orange;
}
.row-1 {
	height: 240px !important;/*background-color: #F2F2F2;
    padding-top: 10px; */

}
.row-2 {
}
.tab-row {
	padding: 2px 10px 2px 15px !important;
	height: 26px;
}
.tab-col {
	width: 49% !important;
}
.no-pad-left {
	padding-left: 0px !important;
}

@media (max-width : 992px) {
.tab-col {
	width: auto;
}
	.self-serv {
		padding-left: 15px;
	}
	
	

}

@media (max-width : 992px) and (min-width: 415px) {

	
	.head-serv {
		margin-top: -38px !important;
	}

}

@media (max-width : 414px) {

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

}

@media (max-width: 1280px) and (min-width : 992px) {
	.user-list {
		height: 250px;
		overflow-x: auto;
		-ms-overflow-x: auto;
		margin-right: auto;
		width: 90%;
		margin-left: -50px;
		/*margin-left: -90px; */
	}
}

@media (max-width: 550px) {
	.user-list {
		height: 250px;
		overflow-x: auto;
		-ms-overflow-x: auto;
		margin-right: auto;
		margin-left: -50px;
		/*margin-left: -90px; */
	}
}

.circle-padding {
		margin-left: -30px;
		padding-left: 0px;
}

.fuchsia {
	color: #EC1E79;
}

.user-pad {
	padding: 4px !important;
}

.tab-col-2 {
	width: 115px !important;
}
.server-row {
	border-radius: 20px; border: 2px solid #CCC; padding:0 !important; left: 13px; margin-right: 30px !important;
}

.server-row-2 {
	border-radius: 20px; border: 2px solid #CCC; padding:0 !important;
}

.server-table {
	width: 100% !important;
    margin-top: 10px;
	margin-bottom: 10px;
}



@media (max-width : 392px) {

	
	.mobile-disappear {
	display: none;
	} 

}

@media (max-width : 392px) {

	
	.mobile-disappear {
	display: none;
	} 

}

.mobile-select-btn {
	width: 100%; 
	border: 2px solid #4D4D4D;
	
}

.mobile-select-btn:hover {
	color: #ec1e79
}
@media (max-width : 768px) {

	.panel-body2 {
		background: #fff;
		border-left: none;
	}
	.section-header-2 {
    	margin: 65px 0 0 0 !important;
	}

}

@media (max-width : 350px) {

	
	.sec-pad {
    	margin: 165px 0 0 0 !important;
	}

}

.user-list-2 {
	max-height: 200px !important;
	overflow-x: auto;
	-ms-overflow-x: auto;
	margin-right: auto;
	width: 90%;
}


.table.table.table-lic-2 td {
	border-top: none;
}
.table.table.table-lic-2 tr {
	vertical-align: middle;
}



.billing-fileds {
	text-align: center;
    border: 1px solid #EC1E79;
    border-radius: 5px;
    font-size: 20px;
	width: 23% !important;
    padding: 0px !important;
    height: 35px !important;
    box-shadow: 1px 3px #eee;
    display: inline-block !important;
}

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

hr.style2 {
  border-top: 1px solid #333;
}


.summary-subtext {
	white-space: normal; font-size: 1.05em;
}

.summary-small-subtext {
	white-space: normal; font-size: 0.9em;
	color: #ff7e26 !important; 
}

.sub-update-2 {
    color: #fff;
    background-color: #FF0075;
    border-color: #FF0075;
    border-radius: 2px;
    font-weight: 400;
    letter-spacing: 1px;
    transition: all .2s;
	width: 75%;
    float: right;
} 

.h3-5 {
	font-size: 1.8em;
    font-weight: 600;
	margin: 0 !important;
}

.sub-update {
    color: #fff;
    background-color: #FF0075;
    border-color: #FF0075;
    border-radius: 2px;
    font-weight: 400;
    letter-spacing: 1px;
    transition: all .2s;
  padding: 16px 30px;
  width:100%;
}

.cancel-renew-update {
    color: #fff;
    background-color: #79AC4C;
    border-color: #79AC4C;
    border-radius: 2px;
    font-weight: 400;
    letter-spacing: 1px;
    transition: all .2s;
  padding: 16px 30px;
  width:100%;
}

.enable-renew-update:hover {
    color: #fff;
    background-color: #CD6822;
    border-color: #CD6822;
}

.enable-renew-update {
    color: #fff;
    background-color: #FF6F00;
    border-color: #FF6F00;
    border-radius: 2px;
    font-weight: 400;
    letter-spacing: 1px;
    transition: all .2s;
  padding: 16px 30px;
  width:100%;
}

.cancel-renew-update:hover {
    color: #fff;
    background-color: #60883C;
    border-color: #60883C;
}

.sub-update:hover {
    color: #fff;
    background-color: #DA1C5C;
    border-color: #DA1C5C;
}

.sub-update-2:hover {
    color: #fff;
    background-color: #DA1C5C;
    border-color: #DA1C5C;
}

/* Round Style CSS Toggle Switch */

.cmn-toggle {
	position: absolute;
	margin-left: -9999px;
	visibility: hidden;
}

.cmn-toggle + label {
	display: block;
	position: relative;
	cursor: pointer;
	outline: none;
	user-select: none;
}


input.cmn-toggle-round + label {
	padding: 2px;
	width: 120px;
	height: 60px;
	background-color: #dddddd;
	border-radius: 60px;
}

input.cmn-toggle-round + label:before,
input.cmn-toggle-round + label:after {
	display: block;
	position: absolute;
	top: 1px;
	bottom: 1px;
	left: 1px;
	content: "";
}

input.cmn-toggle-round + label:before {
	right: 1px;
	background-color: #f1f1f1;
	border-radius: 60px;
	transition: background 0.4s;
}

input.cmn-toggle-round +label:after {
	width: 58px;
	background-color: #fff;
	border-radius: 100%;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

input.cmn-toggle-round:checked + label:before {
	background-color: #8ce196;
}

input.cmn-toggle-round:checked + label:after {
	margin-left: 60px;
}


/* Round Style CSS Toggle Switch with Flat Finish*/

input.cmn-toggle-round-flat + label {
    padding: 2px;
    width: 40px;
    height: 20px;
    background-color: #FF0075;
    border-radius: 60px;
    transition: background 0.4s;
	margin: 0 !important;
}

input.cmn-toggle-round-flat + label:before,
input.cmn-toggle-round-flat + label:after {
	display: block;
	position: absolute;
	content: "";
	
}

input.cmn-toggle-round-flat + label:before {
	top: 2px;
	left: 2px;
	bottom: 2px;
	right: 2px;
	background-color: #fff;
	border-radius: 60px;
	transition: 0.4s;
	
}

input.cmn-toggle-round-flat + label:after {
    top: 4px;
    left: 4px;
    bottom: 4px;
    width: 12px;
    background-color: #FF0075;
    border-radius: 52px;
    transition: margin 0.4s, background 0.4s;
}

input.cmn-toggle-round-flat:checked + label {
    background-color: #FF0075;
}

input.cmn-toggle-round-flat:checked + label:after {
    margin-left: 20px;
    background-color: #FF0075;
}

.savings-text {
color: #FF0075;
}

.sub-pricing {
    display: block;
    font-size: 1.2em;
    font-weight: 600;
}

.margintop-15 {
  margin-top: 15px;
}

.margintop-13 {
 margin-top: 13px;
}

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

.billing-fields-form {
border: 1px solid #EC1E79;
height: 50px;
box-shadow: 0 3px 8px rgba(0,0,0,0.18);
}

.billing-left-field {
    border-radius: 5px 0 0 0;
    border-bottom: 0;
    border-right: 0;
}

.billing-right-field {
    border-radius: 0 5px 0 0;
    border-bottom: 0;
}

.billing-middle-field {
    height: 60px;
}

.billing-single-field {
   border-radius: 5px;
}

.billing-bottom-left-field {
    border-radius: 0 0 0 5px;
    border-top: 0;
    border-right: 0;
}

.billing-bottom-right-field {
    border-radius: 0 0 5px 0;
    border-top: 0;
}

.billing-fields-form:focus {
    border-color:#FF0075 !important;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(236,30,121,0.8);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(236,30,121,0.4);
}

.sub-form-buy {
    color: #fff;
    background-color: #FF0075;
    border-color: #FF0075;
    border-radius: 2px;
    font-weight: 400;
    letter-spacing: 1px;
    transition: all .2s;
    padding: 16px 30px;
    width: 100%;
}

.sub-form-buy:hover {
    color: #fff;
    background-color: #DA1C5C;
    border-color: #DA1C5C;
}

.nopads {
  padding: 0;
}

.nomarg {
  margin: 0;
}

/* Billing Panel */

#wrapper.toggled #sidebar-wrapper2 {
  width: 400px;
}

#sidebar-wrapper2 {
    background: #fff;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    transition: all 0.5s ease; 
    width: 0;
    z-index: 999999;
    left: initial;
  -webkit-box-shadow: -7px 4px 24px -8px rgba(0,0,0,0.57);
-moz-box-shadow: -7px 4px 24px -8px rgba(0,0,0,0.57);
box-shadow: -7px 4px 24px -8px rgba(0,0,0,0.57);
      border-color: #fff;
}

#sidebar-wrapper2::-webkit-scrollbar {
    display: none;
}

.overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1;
}

.close2 {
    font-size: 22.5px;
    font-weight: 700;
    line-height: 1;
    color: #EC1E79;
    opacity: 1 !important;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20);
    padding-top: 5px;
    display: block;
}

.setwidthlabel {
	width: 75% !important;
	min-width: 130px;
	
}

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

.loadbackground3 {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    width: 400px;
    right: 0px;
    height: 100%;
    background-color: rgba(255,255,255,0.8);
    z-index: 100;
}

/* LOADER NEW 2018 */

.loader-new-white,
.loader-new-white:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.loader-new-white {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.3);
  border-right: 1.1em solid rgba(255, 255, 255, 0.3);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.3);
  border-left: 1.1em solid rgba(255, 255, 255, 1.0);
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}

.loader-new-dark,
.loader-new-dark:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.loader-new-dark {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(64, 64, 64, 0.3);
  border-right: 1.1em solid rgba(64, 64, 64, 0.3);
  border-bottom: 1.1em solid rgba(64, 64, 64, 0.3);
  border-left: 1.1em solid rgba(64, 64, 64, 1.0);
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* LOADER for store */

.loader-new-white-store,
.loader-new-white-store:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.loader-new-white-store {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.3);
  border-right: 1.1em solid rgba(255, 255, 255, 0.3);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.3);
  border-left: 1.1em solid rgba(255, 255, 255, 1.0);
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}

.loader-new-dark-store,
.loader-new-dark-store:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.loader-new-dark-store {
  margin: -15px 0px 5px -15px;
  font-size: 3px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(64, 64, 64, 0.3);
  border-right: 1.1em solid rgba(64, 64, 64, 0.3);
  border-bottom: 1.1em solid rgba(64, 64, 64, 0.3);
  border-left: 1.1em solid rgba(64, 64, 64, 1.0);
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* end of LOADER NEW 2018 */


.loader {
        position: relative;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        margin: 75px;
        display: inline-block;
        vertical-align: middle;
    }
    
    /*LOADER-1*/
    
    .loader-1 .loader-outter {
        position: absolute;
        border: 4px solid #f50057;
        border-left-color: transparent;
        border-bottom: 0;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        -webkit-animation: loader-1-outter 1s cubic-bezier(.42, .61, .58, .41) infinite;
        animation: loader-1-outter 1s cubic-bezier(.42, .61, .58, .41) infinite;
    }
    
    .loader-1 .loader-inner {
        position: absolute;
        border: 4px solid #f50057;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        left: calc(50% - 20px);
        top: calc(50% - 20px);
        border-right: 0;
        border-top-color: transparent;
        -webkit-animation: loader-1-inner 1s cubic-bezier(.42, .61, .58, .41) infinite;
        animation: loader-1-inner 1s cubic-bezier(.42, .61, .58, .41) infinite;
    }

@-webkit-keyframes loader-1-outter {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }
    
    @keyframes loader-1-outter {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }
    
    @-webkit-keyframes loader-1-inner {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
        }
    }
    
    @keyframes loader-1-inner {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
        }
    }

#billing-wrapper {
	padding-left: 450px;
}
#billing-wrapper.toggled {
	padding-left: 80px;
}
#billing-wrapper.toggled #page-content-wrapper {
	position: absolute;
	margin-right: -250px;
}
#sidebar-wrapper2 {
	width: 400px;
}
#billing-wrapper.toggled #sidebar-wrapper2 {
	width: 0px;
}
#page-content-wrapper {
	padding: 20px;
	position: relative;
}
#billing-wrapper.toggled #page-content-wrapper {
	position: relative;
	margin-right: 0;
}


.subscription-box {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
    margin-bottom: 32px;
    padding: 15px 15px 25px;
    width: 100%;
    max-width: 850px;
	min-width: 360px;
}

.modify-sub-btn {
	color: #fff;
    background-color: #00B1FF;
    border-color: #00B1FF;
    border-radius: 3px;
    letter-spacing: 1px;
    transition: all .2s;
    margin-right: 10px;
    padding: 8px 15px;
    height: 40px;
}

.modify-sub-btn:hover {
    color: #fff;
    background-color: #0097D9;
    border-color: #0097D9;
}

.create-sub-btn {
	color: #fff;
    background-color: #FF0075;
    border-color: #FF0075;
    border-radius: 3px;
    letter-spacing: 1px;
    transition: all .2s;
	padding: 8px 15px;
    height: 40px;
} 

.create-sub-btn:hover {
    color: #fff;
    background-color: #DA1C5C;
    border-color: #DA1C5C;
}

.manage-sub-btn {
	color: #fff;
    background-color: #FF0075;
    border-color: #FF0075;
    border-radius: 3px;
    letter-spacing: 1px;
    transition: all .2s;
	padding: 5px 15px;
	margin-top: 5px;
	min-width: 190.33px;
} 

.manage-sub-btn:hover {
    color: #fff;
    background-color: #DA1C5C;
    border-color: #DA1C5C;
}

.subs-header {
    padding-left: 10px;
    margin-top: -20px;
}

.no-borders {
	border: none !important;
	padding: 8px 8px 4px 8px !important;
}


.ends-sub-btn {
	color: #ff7e26;
    background-color: #fff;
    border-color: #fff;
    border-radius: 3px;
    letter-spacing: 1px;
    transition: all .2s;
	padding: 8px 15px;
    height: 40px;
}
.reactivate-sub-btn {
	color: #fff;
    background-color: #ff7e26;
    border-color: #ff7e26;
    border-radius: 3px;
    letter-spacing: 1px;
    transition: all .2s;
	padding: 8px 15px;
    height: 40px;
	margin-right: 10px;
}

.reactivate-sub-btn:hover {
    color: #fff;
    background-color: #CD6822;
    border-color: #CD6822;
}

.autorenew-sub-btn {
	color: #fff;
    background-color: #79AC4C;
    border-color: #79AC4C;
    border-radius: 3px;
    letter-spacing: 1px;
    transition: all .2s;
	padding: 8px 15px;
    height: 40px;
}

.autorenew-sub-btn:hover {
    color: #fff;
    background-color: #60883C;
    border-color: #60883C;
}

.expandable {
    padding-top: 10px;
    /* overflow set to hidden to hide the expanded text */
    overflow: hidden;
    /* all style changes will ease-in-out for 1s */
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s;
}

.invoice-status {
	border-radius: 20px;
    padding: 2px 8px;
    border: 1px solid #AAA;
    font-weight: 500;    
}

.invoice-failed {
	color: #ff7e26;
	border-color: #ff7e26 !important;
}

.billing-info tbody a:active, .tsc_table_s9 tbody a:hover, .tsc_table_s9 tbody a:focus, .tsc_table_s9 tbody a:visited {
	color: #666
}
.billing-info tbody tr:hover {
	background-color: #eef1f3;
	color: #333
}

.btn-small {
	height: 35px !important;
	padding: 0px 15px !important;
}

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

.border-invoice {
	box-sizing: content-box; 
	border: 1px solid #AAA;
	border-radius: 5px
}

.invoice-overflow {
	overflow: auto;
	position: relative;
    overflow-y: auto;
    max-height: calc(95vh - 160px);
    padding: 15px;
}

.invoice-table-overflow {
	overflow: auto;
	position: relative;
    overflow-y: auto;
    max-height: calc(60vh);
    padding: 15px;
	width: 100%;
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 0;
    padding-right: 8px;
    padding-top: 5px;
    margin: 0;
}

#parentnav {
    display: flex;
    vertical-align: middle;
    min-height: 55px;
    align-items: center;
}

#narrownav {
min-width: 60px;
}
#widenav {
min-width: 60px;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: transparent;
    border-color: transparent;
}

.dynamic-display {
	display: flex;
}

@media (max-width : 600px) { 
	.dynamic-display {
		display: grid;
	}
	.padme {
		padding-top: 10px;
	}
}

@media (max-width: 450px) {
	.subscription-box {
		padding: 1px 1px 15px;
	}
	.help-tip {
		display: none;
	}
}
@media print
{
	.no-print, .no-print *
	{
	display: none !important;
	}
}

.exp-field {
	width: 40%;
	border: none;
	
}

.exp-field:focus {
	border: none;
	outline: none;
}

.store-side-panel {
	padding-left: 30px !important; 
	padding-right: 30px !important; 
	white-space: nowrap;
}

.server-lic-purchase {
	background-color: #FAFAFA;
    padding-left: 30px;
    padding-right: 30px;
	padding-top: 10px;
    width: 100%;
	display: inline-block;
	
}

.no-select {
	user-select: none;
	cursor:inherit;
}

/* RADIO STYLING */

.radio {
  margin: 0.5rem;
}
.radio input[type="radio"] {
  position: absolute;
  opacity: 0;
}
.radio input[type="radio"] + .radio-label:before {
  content: '';
  background: #f4f4f4;
  border-radius: 100%;
  border: 1px solid #000;
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  position: relative;
  top: 0em;
  margin-right: 1em;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
}
.radio input[type="radio"]:checked + .radio-label:before {
  background-color: #ec1e79;
  -webkit-box-shadow: inset 0 0 0 4px #f4f4f4;
          box-shadow: inset 0 0 0 4px #f4f4f4;
}
.radio input[type="radio"]:focus + .radio-label:before {
  outline: none;
  border-color: #ec1e79;
}
.radio input[type="radio"]:disabled + .radio-label:before {
  -webkit-box-shadow: inset 0 0 0 4px #f4f4f4;
          box-shadow: inset 0 0 0 4px #f4f4f4;
  border-color: #b4b4b4;
  background: #b4b4b4;
}
.radio input[type="radio"] + .radio-label:empty:before {
  margin-right: 0;
}

/* END RADIO STYLING */

.border-cancel {
	border: 1px solid #BBB;
	border-radius: 10px;
	padding: 10px;
}

.cart-btn {
	margin: 10px!important; width: inherit;
}

/* checkbox replace with arrow */


input[type="checkbox"] + span:before {
  font-family: 'Font Awesome\ 5 Free';
  padding-right: 3px;
  font-size: 20px;
}


input[type="checkbox"] + span:before {
  content: "\f0da"; /* check-empty */
  padding-right: 3px;
}

input[type="checkbox"]:checked + span:before {
  content: "\f0d7"; /* check */
	padding-right: 0px;
}

.invalid {
    outline-color: red;
    /* also need animation and -moz-animation */
    animation: shake .5s linear;
    -webkit-animation: shake .5s linear;
}

/* also need keyframes and -moz-keyframes */
 @-webkit-keyframes shake {
    8%, 41% {
        -webkit-transform: translateX(-10px);
    }
    25%, 58% {
        -webkit-transform: translateX(10px);
    }
    75% {
        -webkit-transform: translateX(-5px);
    }
    92% {
        -webkit-transform: translateX(5px);
    }
    0%, 100% {
        -webkit-transform: translateX(0);
    }
}

.selected-billing-method {
	font-weight: 900;
	border-bottom: 4px solid #ec1e79;
	padding-bottom: 8px;
}

.unselected-billing-method {
	font-weight: 100;
	border-bottom: 4px solid #DDD;
	padding-bottom: 8px;
}

.billing-method-font-size {
	font-size: 1.1em !important;
	padding-right: 0px !important;
	padding-left: 0px !important;
	cursor: pointer;
}

.billing-headers {
	padding: 15px 0 0 0;
	margin-left: -15px;
}

.bolded-trial {
	font-weight: 600;
	color: #7C7C7C;
}
.back-arrow {
	font-weight: 100;
    margin-top: 6px;
    position: absolute;
    right: 350px;
	cursor: pointer;
}

.simulate-link {
	color: #EC1E79;
	cursor: pointer;
}

.never-active {
	border: none !important;
	font-weight: 100 !important;
	cursor: pointer !important;
	
}

.never-active:hover {
	color: #ec1e79 !important;
}

.error-msg-circle {
	padding: 10px;
	border: 2px solid #ec1e79;
	border-radius: 15px;
	height: 90px;
}

.no-padding {
	padding: 0 !important;
}

.no-margin-btm {
	margin-bottom: 0 !important;
}

/* COLOR CLASSES */
.fuschia {
	color: #ec1e79 !important;
}
.red {
	color: red;
}

.orange {
	color: #ff7e26 !important; 
}

.pointer {
	cursor: pointer;
}

.form-quote {
	max-width: 600px;
	padding: 15px;
	margin: 0 auto;
	margin-top: 10%;
}

.input-rounded-quote {
	display: inline;
	color: #4D4D4D;
	width: 45%;
	height: 43px;
	padding: 10px 18px;
	font-size: 15px;
	line-height: 1.42857143;
	background-color: #fafafa;
	background-image: none;
	border: 1px solid #e7eaec;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.085);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.input-rounded-qty {
	display: inline;
	color: #4D4D4D;
	padding: 4px 18px;
	font-size: 15px;
	margin-left: 10px;
	line-height: 1.42857143;
	background-color: #fafafa;
	background-image: none;
	border: 1px solid #e7eaec;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.085);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	margin-top: -5px;
}

.quote-labels {
	width: 46%;
    display: inline-block;
	padding-bottom: 5px;
}

.prod-labels {
	width: 35%;
	display: inline-block;
}

.blink_me {
  animation: blinker 1.5s linear infinite;
	color: red;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.blue {
	color: #00B1FF
}

/* BETA CLASSES */

.betaicon {
width: 27px;
margin-left: -5px;
margin-top: -9px;
 opacity: 0.7;
}

.betaicon:hover {
opacity: 1;	
}

.activate img {
opacity: 1;	
}

.nav-side img:hover {
opacity: 1;
}

.betbox {
    border: 1px solid #d1d1d1;
    padding: 20px 20px 0px 20px;
    border-radius: 50px;
    box-shadow: 0 3px 3px rgb(0 0 0 / 30%);
    margin-top: 15px;
}

.betaButton {
    background-color: #01b0ff;
    display: block;
    text-align: center;
    color: #fff !important;
    font-size: 1.4em;
    padding: 15px;
    border-radius: 50px;
    line-height: 1;
    text-decoration: none !important;
        transition: all .2s;
}

.betaButton:hover {
    background-color:#2abdff;
}

.betbox a {
    color: #01b0ff;
    text-decoration: underline;
}

.betabox-img {
	padding-top: 5px;
}

@media (max-width : 992px) {
	.betaButton {
		width: 75%;
		margin-bottom: 20px;
	}
	.betabox-img {
		display: none;
	}
}

.user-priv {
	padding: 10px 0px 0px 9px;
    height: 90px;
}

.check_store {
	float: right;
	margin: 5px;
}

.download-row {
	border-radius: 25px !important;
    border: none;
    background-color: #eee;
}

.download-row:hover {
	background-color: rgb(253, 232, 243);
	cursor: pointer;
}

.download-elem {
	width: 32%; display: inline-block;
	padding: 5px;
	font-weight: bolder;
}

.nightly {
	height: 28px;
    padding: 0px 29px;
    float: right;
    font-size: 0.9em;
}

.prev-dls {
	font-size: 5em;
	line-height: 10px !important;
	padding-bottom: 40px;
	color: #CCC !important;
	cursor: pointer;
}

.extender {
	position: relative;
    top: -15px;
    width: 100%;
    text-align: center;
    padding: 8px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.extend-btn {
	padding: 10px;
    border: 1px solid;
	border-radius: 20px;
}

.extend-btn:hover {
	background-color: #EC1E79;
	color: white;
}

.dropdown-btn {
	background-color: #EC1E79;
    color: white;
    border-radius: 20px !important;
}

.highlight-option {
	background-color: rgb(48, 48, 48);
	animation-name: example;
	animation-duration: 1s;
	animation-iteration-count: 4;
}

@keyframes example {
	from {background-color: rgb(48, 48, 48);}
	to {background-color: #d6306d;}
}

.green {
	color: green;
}

.flash-four {
	animation: blink-animation 1.5s linear infinite;
}

@keyframes blink-animation {
	from {
		opacity: 0;
	}
	to {
		opacity: 1
	}
}

table.responsive-table-beta {
}

@media (max-width: 50em) {
table.responsive-table-beta {
	box-shadow: none;
}
table.responsive-table-beta thead {
	display: none;
}
table.display th, table.display td {
	padding: .5em;
}
table.responsive-table-beta td:nth-child(1):before {
	content: 'Product';
}
table.responsive-table-beta td:nth-child(2):before {
	content: 'Version';
}
table.responsive-table-beta td:nth-child(3):before {
	content: 'Release Date';
}
table.responsive-table-beta td:nth-child(4):before {
	content: 'Download';
}
table.responsive-table-beta td:nth-child(1), table.responsive-table-beta td:nth-child(2), table.responsive-table-beta td:nth-child(3), table.responsive-table-beta td:nth-child(4), table.responsive-table-beta td:nth-child(5) {
	padding-left: 25%;
}
table.responsive-table-beta td:nth-child(1):before, table.responsive-table-beta td:nth-child(2):before, table.responsive-table-beta td:nth-child(3):before, table.responsive-table-beta td:nth-child(4):before, table.responsive-table-beta td:nth-child(5):before {
	position: absolute;
	left: .5em;
	font-weight: bold;
}
table.responsive-table-beta tr, table.responsive-table-beta td {
	display: block;
}
table.responsive-table-beta tr {
	position: relative;
	margin-bottom: 1em;
	border: 1px solid #e7eaec;
	border-radius: 5px;
}
table.responsive-table-beta td {
	border-top: none;
}
table.responsive-table-beta td.organisationnumber {
	background: #D5E0CC;
	border-top: 1px solid #B3BFAA;
}
table.responsive-table-beta td.actions {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	background: none;
}
}

.changelog-font {
	font-family: proxima-nova,Segoe UI,sans-serif!important;
	font-size: 2.4em;
	line-height: 1.42857143;
	color: #da1c5c !important;
	background-color: #fff;
	-webkit-font-smoothing: antialiased;
	font-weight: 700;
}

.changelog-icon {
	float: right;
    vertical-align: middle;
    padding-top: 3%;
}

.changelog-btn {
	width: 40%;
    font-size: 1.4em;
    text-align: left;
}

.drop-changelog {
	display: block !important;
}

.drop-changelog:hover {
	color: #fff;
	background-color: #d1d1d1;
}



table.responsive-table-change {
	color: black;
    font-weight: 600;
	font-size: 1.1em;
	margin: 0 !important;
}

@media (max-width: 50em) {
	table.responsive-table-change {
		box-shadow: none;
	}
	table.responsive-table-change thead {
		display: none;
	}
	table.display th, table.display td {
		padding: .5em;
	}
	table.responsive-table-change td:nth-child(1):before {
		content: 'Module';
	}
	table.responsive-table-change td:nth-child(2):before {
		content: 'Type';
	}
	table.responsive-table-change td:nth-child(3):before {
		content: 'Description';
	}

	table.responsive-table-change td:nth-child(1), table.responsive-table-change td:nth-child(2), table.responsive-table-change td:nth-child(3), table.responsive-table-change td:nth-child(4), table.responsive-table-change td:nth-child(5) {
		padding-left: 25%;
	}
	table.responsive-table-change td:nth-child(1):before, table.responsive-table-change td:nth-child(2):before, table.responsive-table-change td:nth-child(3):before, table.responsive-table-change td:nth-child(4):before, table.responsive-table-change td:nth-child(5):before {
		position: absolute;
		left: .5em;
		font-weight: bold;
	}
	table.responsive-table-change tr, table.responsive-table-change td {
		display: block;
	}
	table.responsive-table-change tr {
		position: relative;
		margin-bottom: 1em;
		border: 1px solid #e7eaec;
		border-radius: 5px;
	}
	table.responsive-table-change td {
		border-top: none;
	}
	table.responsive-table-change td.organisationnumber {
		background: #D5E0CC;
		border-top: 1px solid #B3BFAA;
	}
	table.responsive-table-change td.actions {
		position: absolute;
		top: 0;
		right: 0;
		border: none;
		background: none;
	}
}

.panel-body-change {
	
	background: #fff;
	border: 1px solid #000;
	padding: 0 !important;
	
}

.table-row-change:hover {
	background-color: #eeeeee;
}

.add-mfa-btn {
	width: 70px;
    border-radius: 13px;
	color: #EC1E79;
	text-decoration: underline !important;
}

.add-mfa-btn:hover {
	text-decoration: none !important; 
}

.mfa-title {
    height: 50px;
	padding: 0 !important;
	color: #4D4D4D;
}

.mfa-header {
	
    height: 40px;
    padding: 0px;
    margin-left: 0px;
}

.mfa-border {
	border-bottom: 1px solid #AAA;
}

.add-mfa-button {
	margin-top: 10px; 
	padding-right: 8px !important;
}

@media (max-width : 767px) and (min-width : 585px)  { 
	.add-mfa-button {
		margin-top: -45px; 
		padding-right: 8px !important;
	}	
}

@media (max-width : 637px) { 
	.add-mfa-button {
		margin-top: -15px; 
		padding-right: 8px !important;
	}	
}

.user-icon-2 {
	height: 40px;
	border-radius: 50%;
	border: 2px solid #ec1e79;
	margin-right: 10px;
	padding: 0;
}

.mfa-header-top {
	width: 51.5% !important; 
	border-bottom: 1.1px solid #4d4d4d;
	height: 40px;
    padding: 0px;
    margin-left: 0px;
}

@media (max-width : 501px) { 
	.mfa-header-top {
		border-bottom: none;
	}
}