/* ── signupflow.css ── */


/* ================================================
// ************************************************
//
// Startuply v2.0 by Vivaco
//
// ************************************************
================================================ */

/* ================================================
//
// Libraries
//
================================================ */

/* ------------------------------------------------
	CSS Reset
------------------------------------------------ */

html,
body,
div,
span,
object,
h2,
h4,
h6,
p,
a,
address,
code,
img,
s,
small,
strong,
var,
b,
i,
center,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
tr,
th,
canvas,
details,
footer,
header,
menu,
nav,
section,
summary,
time,
mark,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */



details,
footer,
header,
menu,
nav,
section {
	display: block;
}
html *{
	font-family: 'Roboto', sans-serif;
}
body {
	line-height: 1;
}

ol,
ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* ================================================
// ************************************************
//
// Startuply Custom Styles
//
// ************************************************
================================================ */

/* ----------------------------------------------------------------------------
	Typography
---------------------------------------------------------------------------- */

* {
	-webkit-font-smoothing: antialiased !important;
}

html{
	height: auto;
	min-height: 100vh;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat:no-repeat;
}

body {
	font-family: "PT Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 400;
	margin: 0;
	 -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background: transparent;
	background-repeat: no-repeat;
	background-attachment: fixed;
	color: #1d1d1d;
	line-height: 1.5625;
}

h2 {
	font-size: 45px;
}

h4 {
	font-size: 28px;
}

h6 {
	font-size: 17px;
}


h2,
h4,
h6 {
	display: block;
	font-family: "Lato", "Helvetica Neue", Arial, Helvetica, sans-serif;
	line-height: 1.1;
}


h2,
h4,
h6 {
	margin: 20px 0 15px;
	font-weight: 300;
}

h6 {
	margin: 20px 0 10px;
}

.sub-title {
	margin-bottom: 20px;
	font-weight: 300;
}

.sub-title,
.sub-title.alt {
	font-family: "PT Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 16px;
	line-height: 25px;
}

.sub-title.alt {
	color: #b5b5b5;
}

p {
	margin: 0 0 10px;
	line-height: 25px;
}

strong {
	font-family: "Lato", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-weight: 700;
}

small {
	font-weight: 300;
	font-size: 15px;
}

a {
	-webkit-transition: color 0.2s ease;
	-moz-transition: color 0.2s ease;
	-o-transition: color 0.2s ease;
	transition: color 0.2s ease;
	text-decoration: none;
}

a:hover,
a:active,
a:focus {
	text-decoration: none;
	outline: none;
	color: #00ade6;
}

span {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	color: inherit;
}

/* ----------------------------------------------------------------------------
	Common styles
---------------------------------------------------------------------------- */

body {
	overflow-x: hidden;
	min-height: 100px;
}

body > .container {
	padding-top: 65px;
}


.highlight,
a,
.fa,
.icon,
.btn,
button:not(.default),
input[type=button]:not(.default),
input[type=submit]:not(.default),
.product-list.material-view .product-controls .btn:hover,
.product-list.material-view .product-controls .btn:active,
.product-list.material-view .product-controls .btn:focus,
.footer .list-inline li .icon {
	color: #1ac6ff;
}

::selection {
	color: #ffffff;
	background-color: #1ac6ff;
}

::-moz-selection {
	color: #ffffff;
	background-color: #1ac6ff;
}

hr {
	display: inline-block;
	width: 100%;
	height: 1px;
	border: none;
	background-color: #e9e9e9;
}

.visible {
	opacity: 1;
}

.section {
	position: relative;
	min-height: 50px;
	padding: 30px 0;
}

.icon,
.fa {
	line-height: 1;
}

/* ----------------------------------------------------------------------------
	Style switcher
---------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------
	Preloader
---------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------
	Buttons
---------------------------------------------------------------------------- */

.btn,
button:not(.default),
input[type=button]:not(.default),
input[type=submit]:not(.default) {
	-webkit-border-radius: 3px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 3px;
	-moz-background-clip: padding;
	border-radius: 3px;
	background-clip: padding-box;
	-webkit-transition: color 0.2s ease, border 0.2s ease, background 0.2s ease, -webkit-box-shadow 0.2s ease;
	-moz-transition: color 0.2s ease, border 0.2s ease, background 0.2s ease, -moz-box-shadow 0.2s ease;
	-o-transition: color 0.2s ease, border 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
	transition: color 0.2s ease, border 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
	position: relative;
	margin: 0 7px;
	min-width: 144px;
	max-width: 100%;
	padding: 15px 25px;
	font-family: "Lato", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 1;
	border-width: 1px;
	border-style: solid;
	background-color: transparent;
}

.btn .fa,
button:not(.default) .fa,
input[type=button]:not(.default) .fa,
input[type=submit]:not(.default) .fa {
	margin-right: 0.3em;
	padding-right: 4px;
}

.btn:hover,
button:not(.default):hover,
input[type=button]:not(.default):hover,
input[type=submit]:not(.default):hover,
.btn:focus,
button:not(.default):focus,
input[type=button]:not(.default):focus,
input[type=submit]:not(.default):focus {
	color: #ffffff;
}

.btn:focus,
button:not(.default):focus,
input[type=button]:not(.default):focus,
input[type=submit]:not(.default):focus,
.btn:active:focus,
button:not(.default):active:focus,
input[type=button]:not(.default):active:focus,
input[type=submit]:not(.default):active:focus,
.btn.active:focus,
button:not(.default).active:focus,
input[type=button]:not(.default).active:focus,
input[type=submit]:not(.default).active:focus {
	outline: none;
	outline-offset: 0;
}

.btn:active,
button:not(.default):active,
input[type=button]:not(.default):active,
input[type=submit]:not(.default):active {
	-webkit-box-shadow: inset 0 200px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 200px 0 rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 200px 0 rgba(0, 0, 0, 0.1);
}

/* ----------------------------------------------------------------------------
	Dropdowns
---------------------------------------------------------------------------- */



/* Media queries */

/* ----------------------------------------------------------------------------
	Whells
---------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------
	Alerts
---------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------
	Navs
---------------------------------------------------------------------------- */

/* Media queries */

/* ----------------------------------------------------------------------------
	Panels
---------------------------------------------------------------------------- */

.panel-group .panel {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 0;
	-moz-background-clip: padding;
	border-radius: 0;
	background-clip: padding-box;
	border: none;
}

.panel-group .panel .panel-heading {
	-webkit-border-radius: 0;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 0;
	-moz-background-clip: padding;
	border-radius: 0;
	background-clip: padding-box;
	padding: 0;
	border: none;
	border-bottom: none;
}

.panel-group .panel .panel-heading a {
	position: relative;
	display: block;
	width: 100%;
	padding: 15px 15px 15px 50px;
	font-size: 17px;
	line-height: 22px;
	color: #ffffff;
}

.panel-group .panel .panel-heading a.collapsed {
	background-color: #f0f0f0;
	color: #606060;
}

.panel-group .panel .panel-heading a.collapsed:before {
	content: '+';
}

.panel-group .panel .panel-heading a:hover,
.panel-group .panel .panel-heading a.collapsed:hover {
	background-color: #e9e9e9;
	color: #474747;
}

.panel-group .panel .panel-heading a:before {
	position: absolute;
	left: 10px;
	display: inline-block;
	width: 30px;
	content: '-';
	font-size: 26px;
	font-weight: 300;
	text-align: center;
	line-height: inherit;
	color: inherit;
}

.panel-group .panel .panel-heading + .panel-collapse .panel-body {
	padding: 16px 30px;
	border: 1px solid #dadfe4;
	border-top: none;
}

.panel-group .panel + .panel {
	margin-top: 8px;
}

/* ----------------------------------------------------------------------------
	Forms
---------------------------------------------------------------------------- */

.form {
	zoom: 1;
	display: block;
	width: auto;
	padding: 25px 0 0;
}

.form:before,
.form:after {
	content: "";
	display: table;
}

.form:after {
	clear: both;
}

.form .form-group {
	zoom: 1;
	position: relative;
	margin-bottom: 25px;
}

.form .form-group:before,
.form .form-group:after {
	content: "";
	display: table;
}

.form .form-group:after {
	clear: both;
}

.form .form-group:after {
	content: '';
	display: block;
	clear: both;
}

.form .form-group[class*="col-"] .btn,
.form .form-group[class*="col-"] button,
.form .form-group[class*="col-"] input[type="submit"] {
	margin: 0;
	width: 100%;
	min-width: 0;
	padding-left: 10px;
	padding-right: 10px;
}

.form .form-group[class*="col-"] textarea,
.form .form-group[class*="col-"] input[type=text],
.form .form-group[class*="col-"] input[type=url],
.form .form-group[class*="col-"] input[type=number],
.form .form-group[class*="col-"] input[type=color],
.form .form-group[class*="col-"] input[type=email],
.form .form-group[class*="col-"] input[type=email],
.form .form-group[class*="col-"] input[type=password] {
	display: inline-block;
	width: 100%;
	min-width: 0;
	max-width: 100%;
}

.form .form-group label {
	text-align: right;
	line-height: 46px;
	margin-bottom: 0;
}

.form .form-group .btn {
	margin: 0 auto;
}

.form .form-group label.error {
	position: absolute;
	margin-top: 5px;
	display: block;
	font-size: 12px;
	text-align: left;
	line-height: 1;
	color: #c68687;
}

.form .form-control {
	-webkit-border-radius: 0;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 0;
	-moz-background-clip: padding;
	border-radius: 0;
	background-clip: padding-box;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	height: auto;
	font-size: 17px;
	font-weight: 300;
	background-color: #ffffff;
	border-style: solid;
	border-width: 1px 1px 1px 3px;
	border-top-color: #d7d7d7;
	border-right-color: #d7d7d7;
	border-bottom-color: #d7d7d7;
}

textarea,
input[type=text],
input[type=url],
input[type=number],
input[type=color],
input[type=email],
input[type=email],
input[type=password] {
	-webkit-transition: color 0.2s ease, background 0.3s ease;
	-moz-transition: color 0.2s ease, background 0.3s ease;
	-o-transition: color 0.2s ease, background 0.3s ease;
	transition: color 0.2s ease, background 0.3s ease;
	-webkit-border-radius: 0;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 0;
	-moz-background-clip: padding;
	border-radius: 0;
	background-clip: padding-box;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	margin: 0;
	vertical-align: top;
	display: inline-block;
	width: 100%;
	font-size: 17px;
	color: #4a4a4a;
	background-color: #ffffff;
	border-style: solid;
	border-width: 1px 1px 1px 3px;
	border-top-color: #d7d7d7;
	border-right-color: #d7d7d7;
	border-bottom-color: #d7d7d7;
	outline: none;
}

textarea:hover,
input[type=text]:hover,
input[type=url]:hover,
input[type=number]:hover,
input[type=color]:hover,
input[type=email]:hover,
input[type=email]:hover,
input[type=password]:hover,
textarea:focus,
input[type=text]:focus,
input[type=url]:focus,
input[type=number]:focus,
input[type=color]:focus,
input[type=email]:focus,
input[type=email]:focus,
input[type=password]:focus {
	color: #000000;
}

textarea:not(textarea),
input[type=text]:not(textarea),
input[type=url]:not(textarea),
input[type=number]:not(textarea),
input[type=color]:not(textarea),
input[type=email]:not(textarea),
input[type=email]:not(textarea),
input[type=password]:not(textarea) {
	padding: 0 10px 0 20px;
	line-height: 44px;
}

textarea.error,
input[type=text].error,
input[type=url].error,
input[type=number].error,
input[type=color].error,
input[type=email].error,
input[type=email].error,
input[type=password].error {
	border-color: #FF3333;
}

input[type=text]:placeholder,
input[type=url]:placeholder,
input[type=number]:placeholder,
input[type=color]:placeholder,
input[type=email]:placeholder,
input[type=email]:placeholder,
input[type=password]:placeholder {
	color: #8d8d8d;
}

textarea {
	padding: 15px;
	resize: vertical;
	line-height: 20px;
	min-height: 200px;
}

select {
	min-height: 46px;
}

select option {
	padding: 2px 10px 0 20px;
	min-height: 23px;
}

input[type=checkbox] {
	-webkit-border-radius: 0;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 0;
	-moz-background-clip: padding;
	border-radius: 0;
	background-clip: padding-box;
	margin: 4px 15px 0 0;
	-webkit-appearance: button;
	width: 19px;
	height: 19px;
	color: #000000;
	border: 1px solid #e9e9e9;
	background-color: #ffffff;
	cursor: pointer;
}

input[type=checkbox]:checked {
	color: #000000;
}

input[type=checkbox]:checked:before {
	position: relative;
	top: -2px;
	left: 3px;
	content: '\2713';
	font-size: 17px;
	text-align: center;
	line-height: 15px;
	color: #303030;
}

input[type=file]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus {
	outline: none;
}


/* Media queries */

/* ----------------------------------------------------------------------------
	Tables
---------------------------------------------------------------------------- */

.table {
	border-color: #d1d8dd;
	text-align: left;
}

/* Media queries */

/* ----------------------------------------------------------------------------
	Thumbnails
---------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------
	Testimonials slider
---------------------------------------------------------------------------- */

/* Media queries */

/* ----------------------------------------------------------------------------
	Progress bars
---------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------
	Text with icon
---------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------
	Team
---------------------------------------------------------------------------- */

/* Media queries */

/* ----------------------------------------------------------------------------
	Long blocks
---------------------------------------------------------------------------- */

/* Media queries */

/* ----------------------------------------------------------------------------
	Featured tabs
---------------------------------------------------------------------------- */

/* Media queries */

/* ----------------------------------------------------------------------------
	Package column
---------------------------------------------------------------------------- */

/* Media queries */

/* ----------------------------------------------------------------------------
	Countdowns
---------------------------------------------------------------------------- */

/* Media queries */

/* ----------------------------------------------------------------------------
	Blog
---------------------------------------------------------------------------- */

.post {
	position: relative;
	margin-bottom: 70px;
	padding-left: 100px;
}

/* ----------------------------------------------------------------------------
	Product List
---------------------------------------------------------------------------- */

.product-list {
	text-align: left;
	padding-bottom: 50px;
}

.product-list.material-view .product {
	max-width: 600px;
	margin: 0 auto;
}

.product-list.material-view .product-inner {
	padding: 0;
}

.product-list.material-view .product-image-wrapper {
	position: relative;
	margin: -1px -1px 25px;
	overflow: hidden;
}

.product-list.material-view .product-content {
	padding: 0 25px 15px;
}

.product-list.material-view .product-price-wrapper {
	display: table;
	text-align: center;
	color: #ffffff;
	background-color: transparent;
	z-index: 1;
}

.product-list.material-view .product-price-wrapper:before {
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transition: -webkit-transform 0.4s ease-in-out, background 0.2s ease, opacity 0.2s ease;
	-moz-transition: -moz-transform 0.4s ease-in-out, background 0.2s ease, opacity 0.2s ease;
	-o-transition: -o-transform 0.4s ease-in-out, background 0.2s ease, opacity 0.2s ease;
	transition: -webkit-transform 0.4s ease-in-out,-moz-transform 0.4s ease-in-out,-o-transform 0.4s ease-in-out,transform 0.4s ease-in-out, background 0.2s ease, opacity 0.2s ease;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	border-radius: 50%;
	z-index: -1;
	background-color: #000000;
	opacity: 0.3;
}

.product-list.material-view .product-price {
	display: table-cell;
	height: 100%;
	width: 100%;
	padding: 0 7px;
	vertical-align: middle;
}

.product-list.material-view .product:hover .product-price-wrapper:before {
	opacity: 0.8;
}

.product-list.material-view .product-image-wrapper:hover .product-controls {
	opacity: 1;
}

.product-list.material-view .product-controls {
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: opacity 0.3s ease-in;
	-moz-transition: opacity 0.3s ease-in;
	-o-transition: opacity 0.3s ease-in;
	transition: opacity 0.3s ease-in;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	opacity: 0;
	text-align: center;
	z-index: 2;
}

.product-list.material-view .product-controls .product-controls-wrapper {
	display: inline-block;
}

.product-list.material-view .product-controls .btn {
	display: block;
}

.product-list.material-view .product-controls .btn:first-child {
	margin-bottom: 15px;
}

.product-list.material-view .product-description {
	max-height: 25px;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.product-list.material-view .product-description * {
	color: #8d8d8d;
}

.product-list.material-view .product.col-md-6 .product-image-wrapper:hover .product-price-wrapper:before {
	-webkit-transform: scale(12, 12);
	-moz-transform: scale(12, 12);
	-o-transform: scale(12, 12);
	-ms-transform: scale(12, 12);
	transform: scale(12, 12);
}

.product-list.material-view .product.col-md-6 .product-price-wrapper {
	top: 20px;
	right: 20px;
	width: 100px;
	height: 100px;
	font-size: 16px;
	line-height: 22px;
}

.product-list.material-view .product.col-md-6 .product-title {
	margin: 0 0 10px;
	font-size: 25px;
}

.product-list.material-view .product.col-md-4 .product-image-wrapper:hover .product-price-wrapper:before {
	-webkit-transform: scale(10, 10);
	-moz-transform: scale(10, 10);
	-o-transform: scale(10, 10);
	-ms-transform: scale(10, 10);
	transform: scale(10, 10);
}

.product-list.material-view .product.col-md-4 .product-price-wrapper {
	top: 15px;
	right: 15px;
	width: 80px;
	height: 80px;
	font-size: 16px;
	line-height: 20px;
}

.product-list.material-view .product.col-md-4 .product-title {
	margin: 0 0 7px;
	font-size: 20px;
}

.product-list.material-view .product.col-md-4 .product-controls .btn {
	padding-left: 10px;
	padding-right: 10px;
}

.product-list.material-view .product.col-md-3 .product-image-wrapper:hover .product-price-wrapper:before {
	-webkit-transform: scale(9, 9);
	-moz-transform: scale(9, 9);
	-o-transform: scale(9, 9);
	-ms-transform: scale(9, 9);
	transform: scale(9, 9);
}

.product-list.material-view .product.col-md-3 .product-price-wrapper {
	top: 10px;
	right: 10px;
	width: 60px;
	height: 60px;
	font-size: 13px;
	line-height: 18px;
}

.product-list.material-view .product.col-md-3 .product-title {
	margin: 0 0 7px;
	font-size: 20px;
}

.product-list.material-view .product.col-md-3 .product-controls {
	-webkit-transform: translateY(-40%);
	-moz-transform: translateY(-40%);
	-o-transform: translateY(-40%);
	-ms-transform: translateY(-40%);
	transform: translateY(-40%);
}

.product-list.material-view .product.col-md-3 .product-controls .btn {
	padding: 8px 5px;
	font-size: 12px;
	line-height: 1;
}

.product-list.material-view .product.col-md-3 .product-controls .btn:first-child {
	margin-bottom: 5px;
}

.product-list.material-view .product.col-md-3 .product-controls .btn .icon {
	font-size: 14px;
	margin-right: 4px;
}

/* Media queries */

/* ----------------------------------------------------------------------------
	Product Page
---------------------------------------------------------------------------- */

/* Media queries */

/* ----------------------------------------------------------------------------
	Cart checkout
---------------------------------------------------------------------------- */

/* Media queries */

/* ----------------------------------------------------------------------------
	Jquery.mb.YTPlayer controls
---------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------
	Header
---------------------------------------------------------------------------- */
.user-profile .dropdown-menu{
	left:4rem;
}

header {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	top: -100%;
}

/* Media queries */

/* ----------------------------------------------------------------------------
	Footer
---------------------------------------------------------------------------- */

.footer {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	padding: 0 0 30px;
	font-weight: 300;
	/* background-image: url('../img/background/low_poly_background.jpg'); */
	/* background-repeat: no-repeat; */
	/* background-position: top center; */
	/* background-attachment: fixed; */
	background: linear-gradient(to l, #242e31, #0c0b82);
	background: linear-gradient(to left, #242e31, #0c0b82);
}

.footer p {
	font-size: 15px;
	line-height: 1.6;
}

.footer a:hover {
	text-decoration: underline;
}

.footer .list-inline {
	text-align: center;
	margin: 0 auto;
}

.footer .list-inline li {
	padding: 0 15px 15px;
}

.footer .list-inline li a:hover {
	text-decoration: none;
	opacity: 0.7;
}

.footer .list-inline li .icon {
	font-size: 50px;
}

/* Media queries */

/* ----------------------------------------------------------------------------
	Modal boxes
---------------------------------------------------------------------------- */

.modal-window {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
	cursor: default;
	z-index: 999;
}

.modal-window:not(.base-clr-bg) {
	background-color: rgba(255, 255, 255, 0.9);
}

.modal-box {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	position: relative;
	margin: 0 auto;
	display: block;
	width: 64%;
	max-width: 100%;
	max-height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 40px 30px 25px;
	border: 1px solid #e9e9e9;
	background-repeat: no-repeat;
	background-position: center;
}

.modal-box:not(.base-clr-bg) {
	background-color: #ffffff;
}

.modal-box.light-text .close-btn {
	color: #ffffff;
}

.modal-box.light-text .close-btn:not(:hover) {
	color: #ffffff;
}

.modal-box.light-text .close-btn:hover {
	opacity: 0.8;
}

.modal-box iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}

.modal-box .form-group {
	margin-bottom: 20px;
}

.modal-box .close-btn {
	-webkit-transition: color 0.2s ease, background 0.2s ease;
	-moz-transition: color 0.2s ease, background 0.2s ease;
	-o-transition: color 0.2s ease, background 0.2s ease;
	transition: color 0.2s ease, background 0.2s ease;
	position: absolute;
	top: 15px;
	right: 30px;
	font-size: 14px;
	cursor: pointer;
	opacity: 1;
	z-index: 20;
}

.modal-box .close-btn:not(:hover) {
	color: #000000;
}

.modal-box *:nth-child(2) {
	margin-top: 0;
}

.modal-box.iframe-box,
.modal-box.iframe-box.large,
.modal-box.iframe-box.small {
	padding: 0;
	padding-bottom: 35.866%;
}

.modal-box.iframe-box .close-btn,
.modal-box.iframe-box.large .close-btn,
.modal-box.iframe-box.small .close-btn {
	top: 0;
	right: 0;
	padding: 12px;
	font-size: 16px;
	width: 40px;
	line-height: 1;
	background-color: rgba(255, 255, 255, 0.6);
}

.modal-box.iframe-box .close-btn:hover,
.modal-box.iframe-box.large .close-btn:hover,
.modal-box.iframe-box.small .close-btn:hover {
	background-color: rgba(255, 255, 255, 0.95);
}

.modal-box.small {
	width: 30%;
	padding: 30px 15px 20px;
	font-size: 100%;
}

.modal-box.small .close-btn {
	font-size: 12px;
	right: 15px;
	top: 12px;
}

.modal-box.large {
	width: 90%;
	height: 100%;
	padding: 50px 44px 25px;
}

.modal-box.large .close-btn {
	right: 50px;
	top: 20px;
}

.modal-box.top {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	top: 0;
	bottom: auto;
}

.modal-box.bottom {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	top: auto;
	bottom: 0;
}

.modal-box.left {
	float: left;
}

.modal-box.right {
	float: right;
}

/* ----------------------------------------------------------------------------
	Back to top button
---------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------
	Theme styles
---------------------------------------------------------------------------- */


.modal-boxes-page header:not(.fixed-menu) .navigation-header {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	position: relative;
	background: url("../img/background/low_poly_background.jpg") no-repeat center center;
	background-attachment: fixed;
}

.modal-boxes-page .section {
	padding: 50px 0;
}

/* Media queries */

@media (min-width: 768px) {

.product-list.material-view .product.col-md-6:not(:hover) .product-title a,
.product-list.material-view .product.col-md-4:not(:hover) .product-title a,
.product-list.material-view .product.col-md-3:not(:hover) .product-title a {
	color: #1d1d1d;
}

.product-list.material-view .product.col-md-6 .product-controls .btn,
.product-list.material-view .product.col-md-4 .product-controls .btn,
.product-list.material-view .product.col-md-3 .product-controls .btn {
	border: 1px solid #ffffff;
}

.product-list.material-view .product.col-md-6 .product-controls .btn:not(:hover):not(:active):not(:focus),
.product-list.material-view .product.col-md-4 .product-controls .btn:not(:hover):not(:active):not(:focus),
.product-list.material-view .product.col-md-3 .product-controls .btn:not(:hover):not(:active):not(:focus) {
	color: #ffffff;
}

.product-list.material-view .product.col-md-6 .product-controls .btn:hover,
.product-list.material-view .product.col-md-4 .product-controls .btn:hover,
.product-list.material-view .product.col-md-3 .product-controls .btn:hover,
.product-list.material-view .product.col-md-6 .product-controls .btn:active,
.product-list.material-view .product.col-md-4 .product-controls .btn:active,
.product-list.material-view .product.col-md-3 .product-controls .btn:active,
.product-list.material-view .product.col-md-6 .product-controls .btn:focus,
.product-list.material-view .product.col-md-4 .product-controls .btn:focus,
.product-list.material-view .product.col-md-3 .product-controls .btn:focus {
	background-color: #ffffff;
}

}

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

.product-list.material-view .product-image-wrapper {
	margin-bottom: 15px;
}

.product-list.material-view .product-content {
	padding: 0 15px 10px;
}

.product-list.material-view .product.col-md-4 .product-image-wrapper .product-price,
.product-list.material-view .product.col-md-3 .product-image-wrapper .product-price {
	-webkit-transition: padding 0.3s ease-out;
	-moz-transition: padding 0.3s ease-out;
	-o-transition: padding 0.3s ease-out;
	transition: padding 0.3s ease-out;
}

.product-list.material-view .product.col-md-4 .product-image-wrapper:hover .product-price,
.product-list.material-view .product.col-md-3 .product-image-wrapper:hover .product-price {
	padding-bottom: 60px;
}

}

@media (max-width: 992px) and (orientation: portrait) {

.footer .list-inline li .icon {
	font-size: 34px;
}

}

@media (max-width: 991px) {

body {
	font-size: 14px;
	line-height: 1.7;
}


.product-list.material-view .product.col-sm-12 {
	float: none;
}

.product-list.material-view .product.col-md-3 .product-image-wrapper:hover .product-price {
	padding-bottom: 60px;
}

.product-list.material-view .product.col-md-3 .product-image-wrapper .product-price {
	-webkit-transition: padding 0.3s ease-out;
	-moz-transition: padding 0.3s ease-out;
	-o-transition: padding 0.3s ease-out;
	transition: padding 0.3s ease-out;
}

.footer {
	-webkit-background-size: auto;
	-moz-background-size: auto;
	background-size: auto;
	background-position: top center;
	background-attachment: scroll;
}

}

@media (max-width: 767px) {

h2 {
	font-size: 27px;
}

h4 {
	font-size: 19.6px;
}

h6 {
	font-size: 15.3px;
}

.sub-title,
.sub-title.alt {
	font-size: 14px;
}

.sub-title {
	font-size: 16px;
}

.dropdown .btn {
	width: 100%;
}

.form .form-group {
	padding-bottom: 20px;
}

.post {
	margin-bottom: 40px;
	padding-left: 0;
}

.post *[class*="col-"] {
	padding-left: 0;
	padding-right: 0;
}


.product-list.material-view .product {
	float: none;
	max-width: 500px;
	margin: 0 auto;
}

.product-list.material-view .product.col-md-6 .product-price-wrapper,
.product-list.material-view .product.col-md-4 .product-price-wrapper,
.product-list.material-view .product.col-md-3 .product-price-wrapper {
	width: 80px;
	height: 80px;
	font-size: 14px;
}

.product-list.material-view .product.col-md-6 .product-image-wrapper:hover .product-price-wrapper:before,
.product-list.material-view .product.col-md-4 .product-image-wrapper:hover .product-price-wrapper:before,
.product-list.material-view .product.col-md-3 .product-image-wrapper:hover .product-price-wrapper:before {
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
}

.product-list.material-view .product.col-md-6 .product-image-wrapper,
.product-list.material-view .product.col-md-4 .product-image-wrapper,
.product-list.material-view .product.col-md-3 .product-image-wrapper {
	overflow: visible;
}

.product-list.material-view .product.col-md-6 .product-image-wrapper .product-price,
.product-list.material-view .product.col-md-4 .product-image-wrapper .product-price,
.product-list.material-view .product.col-md-3 .product-image-wrapper .product-price {
	padding: 0 5px;
}

.product-list.material-view .product.col-md-6 .product-image-wrapper .product-price:before,
.product-list.material-view .product.col-md-4 .product-image-wrapper .product-price:before,
.product-list.material-view .product.col-md-3 .product-image-wrapper .product-price:before {
	opacity: 0.8;
}

.product-list.material-view .product.col-md-6 .product-image-wrapper:hover .product-price,
.product-list.material-view .product.col-md-4 .product-image-wrapper:hover .product-price,
.product-list.material-view .product.col-md-3 .product-image-wrapper:hover .product-price {
	padding-bottom: 0;
}

.product-list.material-view .product.col-md-6 .product-controls,
.product-list.material-view .product.col-md-4 .product-controls,
.product-list.material-view .product.col-md-3 .product-controls {
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	-o-transform: translateY(100px);
	-ms-transform: translateY(100px);
	transform: translateY(100px);
	padding: 0 10px;
	top: 100%;
	opacity: 1;
}

.product-list.material-view .product.col-md-6 .product-controls .product-controls-wrapper,
.product-list.material-view .product.col-md-4 .product-controls .product-controls-wrapper,
.product-list.material-view .product.col-md-3 .product-controls .product-controls-wrapper {
	width: 100%;
	text-align: justify;
}

.product-list.material-view .product.col-md-6 .product-controls .product-controls-wrapper:after,
.product-list.material-view .product.col-md-4 .product-controls .product-controls-wrapper:after,
.product-list.material-view .product.col-md-3 .product-controls .product-controls-wrapper:after {
	display: inline-block;
	width: 100%;
	content: "";
}

.product-list.material-view .product.col-md-6 .product-controls .btn,
.product-list.material-view .product.col-md-4 .product-controls .btn,
.product-list.material-view .product.col-md-3 .product-controls .btn {
	vertical-align: top;
	display: inline-block;
	min-width: 0;
	padding: 8px 15px;
	border-color: transparent;
}

.product-list.material-view .product.col-md-6 .product-controls .btn:hover,
.product-list.material-view .product.col-md-4 .product-controls .btn:hover,
.product-list.material-view .product.col-md-3 .product-controls .btn:hover,
.product-list.material-view .product.col-md-6 .product-controls .btn:active,
.product-list.material-view .product.col-md-4 .product-controls .btn:active,
.product-list.material-view .product.col-md-3 .product-controls .btn:active,
.product-list.material-view .product.col-md-6 .product-controls .btn:focus,
.product-list.material-view .product.col-md-4 .product-controls .btn:focus,
.product-list.material-view .product.col-md-3 .product-controls .btn:focus {
	color: #ffffff;
}

.product-list.material-view .product.col-md-6 .product-title,
.product-list.material-view .product.col-md-4 .product-title,
.product-list.material-view .product.col-md-3 .product-title {
	margin: 0 0 10px;
	font-size: 20px;
}

.product-list.material-view .product-content {
	padding-bottom: 55px;
}

.product-list.material-view .product.col-md-3 .product-controls .btn .icon {
	margin-top: -2px;
}

body {
	-webkit-transition: right 0.4s ease;
	-moz-transition: right 0.4s ease;
	-o-transition: right 0.4s ease;
	transition: right 0.4s ease;
	position: relative;
	right: 0;
}

body.collapsed {
	right: 270px;
}

.footer {
	background-position: bottom left;
}


.footer .list-inline {
	text-align: left;
}

.footer .list-inline li .icon {
	font-size: 30px;
}

}

@media (max-width: 480px) {


.footer .list-inline {
	text-align: left;
}

}
/* Changes */
.footer {
	padding-top: 30px;
}

.login-model .modal-header {
	padding-right: 2%;
	padding-left: 5%;
}
@media (max-width: 700px) {

}
/* .first-demo-block .Signup {
	padding-top: 15px;
	margin-top: 40px;
	margin-left: 0;
	width: 170px;
	border-radius: 3px;
	background-color: #ffffff;
	color: #000000;
	font-family: Montserrat;
	font-size: 14px;
	font-weight: bold;
	box-shadow: 0 10px 35px 0 rgba(20, 182, 225, 0.1);
	text-align: center;
} */
/*WS-322 css for web starts*/
 .login-container h2, .reset-pass-div h2{
	padding-top: 60px;
	margin: 0;
	font-size: 1.8rem;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #000000;
}
.reset-pass-form{
	text-align: center;
	margin-top: 0;
}
@media only screen and (min-device-width : 991px) {
	 .login-container h2, .reset-pass-div h2{
		padding-top: 6rem;
	}
}
 .login-container h2 span{
	font-weight: bold;
}
/*.sign-up-container h2, .login-container h2{
	opacity: 0.6;
	margin-top: 3px;
	font-family: Catamaran;
	font-size: 20px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.35;
	letter-spacing: normal;
	text-align: center;
	color: #ffffff;
}*/

.reset-pass-div{
	margin-top: 50px;
}
.signup-input, .login-input, .signup-input {
	text-align: center;
}
.login-div{
	height: calc(100% - 8.5rem);
	display: flex;
	align-items: center;
	justify-content: center;
}
@media only screen and (max-width: 991px){
	 .new-login-body, .reset-pass-div {
		padding-top: 3rem !important;
		padding-bottom: 2rem;
	}
}
@media only screen and (max-width: 850px){
	.forgot-pass-right-align {
		text-align: right !important;
		}
	.login-btn{
		min-width: 1rem !important;
	}
	.login-input input,
	.signup-input input {
		width: 300px !important;
	}
	.login-input-with-icon, .reset-pass-form, .signup-input-with-icon {
		width: initial !important;
	}
	.reset-pass-div input{
		width: 300px !important;
	}
}
 .login-input-row-2, .signup-input-row-2 {
	margin-top: 1.3rem;
}
.submit-btn-container{
	margin-top: 2.5rem;
	display: block;
}
.signup-input input {
	width: 300px;
	height: 48px !important;
	border-radius: 4px;
	background-color: #ffffff;
	border: solid 1px #e7e7e7;
}
.login-input input,
.reset-pass-div input,
.signup-input input {
	width: 100% !important;
	padding-right: 1rem !important;
	border-radius: 4px;
	background-color: #ffffff;
	border: solid 1px #e7e7e7;
	margin-bottom: 0;
	font-family: 'Roboto';
	font-size: .9rem;
	line-height: 40px !important;
	height: 48px;
}

.login-input-with-icon,
.reset-pass-form,
.signup-input-with-icon {
	display: block;
	position: relative;
}
.login-input-with-icon img,
.reset-pass-form img,
.signup-input-with-icon img {
	width: 1.5rem;
	padding-top: 0.7rem;
	margin-left: -2.5rem;
	position: absolute;
}
.signup-input input:placeholder {
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.1px;
	text-align: left;
	color: #4a4a4a;
	font-family: Montserrat;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.1px;
	text-align: left;
	color: #4a4a4a;
}
.signup-submit, .login-submit,.login-btn,
.reset-submit,
.new-user-password-submit,
.redeem-signup-submit {
	background-color: #ececeb !important;
	display: block !important;
	font-size: 1rem !important;
	font-weight: bold !important;
	font-style: normal !important;
	font-stretch: normal !important;
	line-height: normal !important;
	letter-spacing: 0 !important;
	color: #285079 !important;
	border: 0 !important;
}

.forgot-pass{
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 1px;
	text-align: center;
	color: #8c9db0;
}
.forgot-pass span a {
	color: white;

}
.forgot-pass{
	margin-top: 3rem;
	color: white;
}
.signup-separator {
	text-align: center;
	margin-bottom: 2rem;
}
.signup-separator p{
	display: inline;
	padding: 0;
	font-size: .8rem;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0;
	text-align: center;
	font-family: 'Roboto';
	color: #979797;
	font-weight: 400;
}
.signup-separator hr{
	width: 60px;
	position: relative;
	top: 17px;
}
.google-signup-container {
	text-align: center;
	margin: 2rem !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.signup-google span{
	font-size: 0.9rem;
	font-family: Roboto;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0;
	text-align: left;
	color: #000000;
	position: relative;
	text-transform: none;
	display: inline;
}
.signup-google img{
	width: 20px;
	position: relative;
	right: 8px
}
.error-container label.error{
	font-size: .8rem;
	color: #FF3333;
	padding-top: 5px;
	font-family: 'Roboto';
	font-weight: 400;
}

/*WS-322 css for web ends*/

/*WS-324 for testimonial & contact page starts*/
#heade_line_carousel .carousel-inner>.item.active {
	animation: fade-in 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	transition: none !important;
}
@keyframes fade-in {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

/*WS-324 for testimonial & contact page ends*/

/*FA-216 sign-up-flow */

.hidden{
	display: none;
}
.login-model{
	padding: 0px !important;
}

.js-url-button button{
	min-width: 110px !important;
	width: 140px !important;
}
.js-upload-url{
	border-color: white !important;
	margin-top: 25px ;
	border-radius: 5px !important;
}
@media (max-width: 768px){

	.js-url-button{
		text-align: right;
	}
}
@media (max-width: 992px){
	.js-url-button{
		padding-left: 0px;
	}
}
@media (max-width: 768px){
	.js-url-button{
		margin-top: 35px;
	}
}

/* FA-216 end*/


/* AP-110 start*/
.new-signup-login{
	padding-bottom: 1rem;
}
.home-background{
	padding-top: 0px;
	overflow-x: hidden;
}

.new-login-body,
.reset-pass-div{
	padding-top: 0;
}
.signup-separator hr{
	display: inline-block;
	border: 1px solid #E9E9F4;
}
.google-signup-container {
	text-align: center;
	margin-top: 40px;
}
.google-signup-container .signup-google {
	width: calc(29rem + 15px);
	text-align: center;
	background: #E8F5FF;
	border: 1px solid #0091FF;
	border-radius: 3px;
	color: #000;
	margin: 0;
	height: auto;
	padding: .8rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.login-container h2 {
	margin-bottom: 0;
	text-align: center;
	color: #000;
	font-weight: 300 !important;
}
.reset-pass-container{
	text-align: center;
	padding-bottom: 8rem;
	width: 100%;
}

.reset-pass-container h2 {
	margin-bottom: 3rem;
	font-weight: 300 !important;
	text-align: center !important;
	font-family: Roboto;
}
/* AP-110 end*/

/*header start*/
.ap__header--new .user-profile.open .dropdown-menu {
	top: calc(105% + 0.9rem);
	box-shadow: none;
	border-radius: 0;
	margin-top: 0;
	right: -1rem;
}

.ap__header--new .user-profile.open .dropdown-menu li>a {
	padding: 1.2rem 1rem !important;
	color: #607182;
	font-size: 1.2rem;
	font-weight: normal;
	padding-right: 4rem !important;
}

.ap__header--new .navbar-brand>img {
	width: 14rem;
}
.ap__header--new>.navbar {
	background: none;
	background-color: white;
	margin-left: auto;
	box-shadow: none;
	padding: 0;
	border: none;
	outline: none;
	min-height: auto;
	border-bottom: 1px solid #DADADA;
	transition: all 0.2s ease-in-out;
}
.ap__header--new .navbar-brand {
	background-color: #1F263E !important;
	margin: 0 !important;
	border-radius: 0 !important;
	padding: 0;
	font-size: 1.2rem !important;
	width: 21rem;
	height: 5.9rem;
	text-align: center;
	padding-top: 1.6rem;
	transition: all 0.4s ease;
	display: block;
	padding-left: 1.5rem;
}

.ap__header--new .navbar-brand img {
	display: inline;
}

.ap__header--new .product-list>.navbar-nav:not(.navbar-right) li.active::before {
	content: '';
	position: absolute;
	bottom: -2px;
	width: 100%;
	height: 2px;
	background-color: #C9D5FF;
}
.user-profile .dropdown-menu > li a{
	text-transform: initial;
}
.handel-over-flow{
	padding-top: 6px;
	margin: 0;
}

.ap__header-profile {
	height: 3rem;
	width: 3rem;
	border: 1px solid #A2B9EC;
	background-color: #EBF6FF;
	display: inline-flex;
	border-radius: 50%;
	text-transform: uppercase;
	font-size: 1.4rem;
	color: #6E92E4;
	padding: 0.5rem;
	align-items: center;
	justify-content: center;
	font-weight: 600;
}

.ap__header--new li.active {
	background-color: #C9D5FF;
	padding-bottom: 0;
}

.ap__header--new li.active>a {
	color: #3B5FD5 !important;
}


 .navbar-brand {
	background-color: transparent !important;
}
.user-apiKey-modal .modal-header button{
	padding: 0px;
	font-size: 2rem;
	min-width: 0rem;
	border: none;
	color: black;
}
/*header end*/

.js-upload-apk,
.js-upload-ipa,
.js-upload-url{
	display: none;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
}

input[type=number] {
	-moz-appearance: textfield;
}
.login-back-btn{
	transition: border 0.2s ease, color 0.2s ease;
	display: flex;
	cursor: pointer;
	text-transform: uppercase;
	border-radius: 25px !important;
	font-weight: bold;
	background-color: transparent !important;
	color: #646464 !important;
	min-width: auto;
	line-height: normal;
	padding: 0;
	border: 2px solid #646464;
	margin: 0;
}
.login-back-btn i{
	font-size: 1.2rem;
	margin-right: 0;
	margin-left: 0;
}
.nav-back-btn{
	display: inline-block;
	float: right;
}
.login-model .modal-content{
	min-height: 100vh;
	box-shadow: 0 0px 0px rgba(0,0,0,.5) !important;
	border:0px;
	background: white;
	border-radius: 0;
}
.login-model .modal-dialog{
	width: auto !important;
	margin: 0px !important;
	height: 100% !important;
}
.login-model .modal-header{
	border-bottom: 0px;
	position: sticky;
	top: 0px;
	background: linear-gradient(119deg, #32578f, #06263e);
	padding: 0px 0 0 15px;
	z-index: 10;
}
.appachhi-logo{
	padding: 1rem 4rem;
	padding-right: 2rem;
}
@media (max-width: 768px) {
	.appachhi-logo{
		padding: 1rem !important;
		padding-left: 4rem !important;
	}
}

.disabled{
	pointer-events: none;
	opacity: 0.2;
}
.btn-disabled{
	pointer-events: none;
}
.disable{
	pointer-events: none;
}
/* Sprint-25 Demo Comments Fixes Start */
.appachhi-logo {
	padding-left: 4.1rem;
	padding-top: 3.25rem;
	padding-bottom: 0.25rem;
	border-radius: 0;
}
.logo-new {
	width: 144px;
	object-fit: contain;
	margin-bottom: 5px;
}
/* Sprint-25 Demo Comments Fixes End */
#signup_confirm_modal p {
	font-family: roboto;
	font-style: normal;
	font-weight: 700;
	font-size: 1rem;
	line-height: 2.1rem;
	text-align: center;
	color: #000000;
}
#signup_confirm_modal p:first-child {
	line-height: 1.1rem;
	margin-bottom: 0px;
	font-size: 1.2rem;
	text-transform: capitalize;
}

.confirm-block {
	text-align: center !important;
	padding: 2rem 0rem;
}

.confirm-block button{
	display: inline;
	font-style: normal;
	font-weight: bold;
	font-size: .9rem;
	line-height: 1.5rem;
	padding: 0.3rem 3rem;
	border: 1px solid #3E60DF;
	box-sizing: border-box;
	border-radius: 5px;
	margin: 0.5rem 0.5rem;
}

#create_user_cancel_btn {
	background: #FFFFFF;
	color: #003AA5;
}

#create_user_confirm_btn {
	background: #3E60DF;
	color: #FFFFFF;
}

#signup_confirm_modal .vertical-alignment-helper {
	display: table;
	height: 100%;
	margin: auto !important;
	width: 28rem;
}

#signup_confirm_modal .vertical-align-center {
	display: table-cell;
	vertical-align: middle;
}

.login-info-div {
	margin: 0 !important;
	margin-left: -15px !important;
	margin-right: -15px !important;
	margin-top: 1.4rem !important;
}

.login-info-div p {
	font-family: Roboto;
	font-size: .8rem;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0;
	text-align: center;
	color: #979797 !important;
	padding: 0 !important;
	margin: 0 !important;
	cursor: default;
}
.login-info-div span {
	font-family: Roboto;
	font-size: .8rem;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0;
	text-align: center;
	color: #3e60df !important;
	padding: 0 !important;
	margin: 0 !important;
	cursor: pointer;
}
.login-info-div span:hover {
	text-decoration: underline;
	text-decoration-color: #3e60df;
}
 .forgot-pass-right-align {
	width: 100%;
	text-align: right !important;
	margin-top: 1rem !important;
}
 .forgot-pass-right-align span a {
	color: #8C9DB0 !important;
}


 .forgot-password-div {
	display: flex;
	justify-content: center;
 }

#create_user_cancel_btn:active,
#create_user_cancel_btn:focus,
#create_user_confirm_btn:active,
#create_user_confirm_btn:focus {
	border: 1px solid #003AA5 !important;
	box-sizing: border-box !important;
	border-radius: 5px !important;
	outline: none !important;
}

@media (max-width: 767px) {
	.login-input input, .signup-input input {
		/* width: 300px !important; */
	}
}
.new-signup__body {
	display: flex;
	height: 100vh;
	flex-flow: column;
	padding: 0;
	border-radius: 0;
}
.new-signup__body>.row.row-flex {
	padding: 0;
	height: 100%;
	border-radius: 0;
}
.row.row-flex {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
}
.new-signup__body .new-signup__banner {
	/*background: url(../../../img/signup_video_bg.png);*/
	background: linear-gradient(to right, #214ee6, #28a3ff);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.row.row-flex>[class*='col-'] {
	margin-bottom: var(--guttergap);
	/*padding-left: var(--gutter-vertical);*/
	padding-right: var(--gutter-vertical);
	-webkit-box-flex: 1;
	flex: 1 0 auto;
	align-items: center;
}
.new-signup__banner>.carousel {
	display: flex;
	align-items: center;
	height: 100%;
}
.new-signup__banner #new_signup_video,
.new-user-invited__banner #new_user_invited_video {
	height: 100%;
	display: flex;
	align-items: center;
	position: relative;
}
.new-user-invited__banner .ap__video--signup,
.new-signup__banner .ap__video--signup,
.new-create-acc__banner--content .ap__video--login {
	width: 100%;
	margin: auto;
}
.new-signup__banner>.carousel .carousel-inner .item img {
	width: 18.7rem;
	margin: auto;
	/* margin-top: 20%; */
	/* position: absolute; */
	/* right: 0; */
	/* left: 0; */
	/* top: 20%; */
}
.new-signup__banner>.carousel .carousel-inner .slidebox {
	text-align: center;
	color: white;
	max-width: 60%;
	margin: auto;
	text-shadow: none;
	bottom: 24%;
}
.new-signup__banner>.carousel .carousel-inner .slidebox * {
	font-family: Roboto;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0;
	font-size: .9rem;
}
.new-signup__text {
	font-weight: 400 !important;
	text-align: center !important;
	font-family: Roboto;
	padding-top: 0 !important;
}
.new-signup__text>strong {
	font-weight: 700;
}
.log-in-form,
.invited-user__text {
	width: 29rem;
	margin: auto;
}
.field_lable {
	display: block;
	text-align: left;
	font-family: Roboto;
	font-size: 1rem;
	line-height: normal;
	letter-spacing: 0;
	margin-bottom: .5rem;
	font-weight: 700;
}
/* Change Autocomplete styles in Chrome*/
.login-container input:not(.error):-webkit-autofill,
.login-container input:not(.error):-webkit-autofill:hover,
.login-container input:not(.error):-webkit-autofill:focus,
.reset-pass-form input:not(.error):-webkit-autofill,
.reset-pass-form input:not(.error):-webkit-autofill:hover,
.reset-pass-form input:not(.error):-webkit-autofill:focus,
#redeemSignUpForm input:not(.error):-webkit-autofill,
#redeemSignUpForm input:not(.error):-webkit-autofill:hover,
#redeemSignUpForm input:not(.error):-webkit-autofill:focus {
	-webkit-text-fill-color: #000;
	-webkit-box-shadow: 0 0 0px 1000px rgb(255, 255, 255) inset;
	transition: all .5s ease-in-out 0s;
	background-color: white;
	color: #000 !important;
	font-weight: 400;
	font-family: Roboto;
}
.login-container input:not(.error):hover,
.login-container input:not(.error):-webkit-autofill:hover,
.login-container input:not(.error):-webkit-autofill:focus,
.login-container input:not(.error):focus,
.reset-pass-form input:not(.error):-webkit-autofill:hover,
.reset-pass-form input:not(.error):hover,
.reset-pass-form input:not(.error):focus,
.reset-pass-form input:not(.error):-webkit-autofill:focus {
	border: 1px solid #0091FF;
	box-shadow: 0px 4px 4px rgba(0, 145, 255, 0.28);
	transition: all .5s ease-in-out 0s;
}
.forgot-pass>a {
	color: #979797;
	font-family: Roboto;
	font-style: normal;
	font-weight: 400;
	font-size: .8rem;
	line-height: 20px;
	letter-spacing: 0;
}
.error-container {
	text-align: left;
	margin: 0;
}
.reset-pass-div {
	width: 28rem;
	margin: auto;
	height: calc(100% - 6.5rem);
	display: flex;
	align-items: center;
	justify-content: center;
}
.login-submit,
.reset-submit,
.new-user-password-submit,
.redeem-signup-submit,
.signup-submit {
	background-color: #3E60DF !important;
	border-radius: 3px !important;
	color: white !important;
	width: 100%;
	max-width: unset !important;
	font-family: Roboto !important;
	font-style: normal !important;
	font-weight: 700 !important;
	text-align: center;
	text-transform: none !important;
	height: auto;
	margin: 0 !important;
	padding: .9rem 0 !important;
}
.login-back-btn:hover {
	border-color: #000;
	color: #000 !important;
}
.new-signup__banner .carousel-indicators {
	bottom: 10rem;
}
#signup_confirm_modal p+p {
	font-weight: 400;
	margin-bottom: 1.5rem;
	margin-top: .5rem;
}
.close-icon {
	position: absolute !important;
	right: 0;
	border: 0 !important;
	padding: 0 !important;
	width: auto;
	min-width: auto !important;
	top: 6px;
	color: #979797 !important;
	opacity: 1;
}
#signup_confirm_modal .modal-content {
	box-shadow: none;
}
.new-signup__banner>.carousel,
.new-signup__banner>.carousel .carousel-inner,
.new-signup__banner>.carousel .item {
	height: 100%;
}
.new-signup__banner .carousel-indicators li {
	--i: .5rem;
	width: var(--i);
	height: var(--i);
	border-color: #82C9FF;
	transition: opacity 0.5s, background-color 0.5s, width 0.5s;
	transition-delay: 0.5s, 0.5s, 0s;
	margin: 0 4px;
}
.new-signup__banner .carousel-indicators li.active {
	width: 2rem;
	height: .7rem;
	border: 0;
	position: relative;
	top: 1px;
	transition-delay: 0s, 0s, .1s;
}
.close-icon i {
	font-size: 1rem;
}
@media(max-width:1440px) and (min-width:1024px) {
	.new-signup__banner>.carousel .carousel-inner .item img {
		width: 17rem;
	}
	.field_lable {
		font-size: .9rem;
	}
	.login-input input,
	.reset-pass-div input,
	.signup-input input {
		font-size: .8rem;
	}
	#signup_confirm_modal p+p {
		font-size: .8rem;
	}
}
@media(max-width:767px) {
	.google-signup-container .signup-google {
		width: 97%;
		margin: auto;
	}
	.log-in-form,
	.invited-user__text {
		width: 86%;
	}
	.appachhi-logo {
		padding-left: 3rem !important;
	}
	.new-login-body {
		padding: 0 3rem !important;
		flex: 1;
	}
	.reset-pass-div {
		width: 100%;
	}

	.login-container h2 {
		font-size: 1.5rem;
		margin-top: 1rem;
	}
	.signup-separator {
		margin-bottom: 1rem;
	}
	.google-signup-container {
		margin-top: 1.5rem !important;
		margin-bottom: 1rem !important;
	}
	.submit-btn-container {
		margin-top: 2rem;
	}
	#signup_confirm_modal .vertical-alignment-helper {
		width: 90%;
	}
}
@media(max-width:321px) {

	.login-container h2 {
		font-size: 1.3rem;
		margin-top: 2rem;
	}
	.logo-new {
		width: 120px;
	}
	.new-signup__text {
		font-size: .7rem;
	}
	.google-signup-container {
		margin-top: 1rem !important;
		margin-bottom: 1rem !important;
	}
	.signup-separator {
		margin-bottom: 1rem;
	}
	.signup-separator p,
	.forgot-pass>a,
	.error-container label.error {
		font-size: .7rem;
	}
	.field_lable,
	.signup-submit,
	.login-submit, .login-btn,
	.reset-submit,
	.new-user-password-submit,
	.redeem-signup-submit,
	.signup-submit {
		font-size: .8rem !important;
	}
	.submit-btn-container {
		margin-top: 1rem;
	}
	.signup-google span {
		font-size: .9rem;
	}
	.login-input input, .reset-pass-div input, .signup-input input {
		font-size: .7rem;
	}
}
.signup-submit:hover,
.login-submit:hover,
.reset-submit:hover,
.new-user-password-submit:hover,
.redeem-signup-submit:hover,
.signup-submit:hover {
	background-color: #2e51d2 !important;
}
.google-signup-container .signup-google:hover .add{
	color: #000;
}
.confirm-block button:hover {
	background-color: #2e51d2 !important;
	color: white !important;
}
.close-icon:hover{
	color: #000 !important;
	opacity: 1;
}
@media (min-width:1281px) and (max-width:1360px) {
	.new-signup__banner>.carousel .carousel-inner .item img {
		width: 13.5rem;
	}
	.new-signup__banner>.carousel .carousel-inner .slidebox * {
		font-size: .8rem !important;
	}
	.new-signup__banner .carousel-indicators {
		bottom: 8rem;
	}
	.new-signup__banner>.carousel .carousel-inner .slidebox {
		bottom: 22%;
	}
	.new-signup__banner .carousel-indicators li {
		--i: .45rem;
	}
	.new-signup__banner .carousel-indicators li.active {
		height: .5rem;
	}

	.login-container h2 {
		font-size: 1.6rem;
	}
	.new-signup__text {
		font-size: .8rem;
	}
	.appachhi-logo {
		padding-top: 2rem;
	}
	.google-signup-container {
		margin: 1.5rem 0 !important;
	}
	.signup-separator {
		margin-bottom: 1.5rem;
	}
	.submit-btn-container {
		margin-top: 1.5rem;
	}
	.google-signup-container .signup-google {
		width: calc(20rem + 15px);
		margin: auto;
	}
	.log-in-form,
	.invited-user__text {
		width: 20rem;
	}
	.field_lable {
		font-size: .8rem;
	}
	.signup-separator p,
	.forgot-pass>a {
		font-size: .7rem;
	}
	.signup-google span,
	.login-submit, .reset-submit,
	.new-user-password-submit,
	.redeem-signup-submit,
	.signup-submit {
		font-size: .9rem !important;
	}
}
@media(min-width:1024px) and (max-width:1281px) {
	.new-signup__banner>.carousel .carousel-inner .slidebox {
		bottom: 17%;
	}
	.new-signup__banner>.carousel .carousel-inner .item img {
		width: 13rem;
	}
	.new-signup__banner .carousel-indicators {
		bottom: 3rem;
	}
	.appachhi-logo {
		padding-top: 1rem;
	}
	.login-div {
		/*height: auto;*/ /*Commented since signup form was not center aligning to the screen vertically*/
	}
	.google-signup-container .signup-google {
		width: calc(20rem + 15px);
		margin: auto;
		padding: .6rem;
	}
	.log-in-form,
	.invited-user__text {
		width: 20rem;
	}
	.signup-separator {
		margin-bottom: 1rem;
	}
	.google-signup-container {
		margin-top: 1rem !important;
		margin-bottom: 1rem !important;
	}
	.submit-btn-container {
		margin-top: 1rem;
	}
	.new-signup__text {
		margin-bottom: 0;
		font-size: .7rem;
	}
	 .login-container h2, .reset-pass-div h2 {
		font-size: 1.3rem;
	}
	.signup-google span,
	.login-submit, .reset-submit,
	.new-user-password-submit,
	.redeem-signup-submit,
	.signup-submit {
		font-size: .9rem !important;
	}
	.field_lable,
	.signup-separator p,
	.forgot-pass>a {
		font-size: .65rem;
	}
	.login-input input, .reset-pass-div input, .signup-input input {
		font-size: .68rem;
	}
	.login-submit, .reset-submit,
	.new-user-password-submit,
	.redeem-signup-submit,
	.signup-submit {
		padding: .6rem 0 !important;
	}
	.logo-new {
		width: 127px;
	}
	.new-signup__banner>.carousel .carousel-inner .slidebox * {
		font-size: .8rem;
	}
}
.toggle-password {
	position: absolute;
	top: 50%;
	right: 1rem;
	cursor: pointer;
	font-size: 1.2rem !important;
	z-index: 2;
	user-select: none;
	transform: translateY(-50%);
}
.forgot-pass>a:hover,
.toggle-password:hover {
	color: #2996FF !important;
}
.new-user-invited__banner,
.new-create-acc__banner {
	background: linear-gradient(to right, #214ee6, #28a3ff);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.new-create-acc__banner--content {
	height: 100%;
	width: 100%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.login-container .invited-user__text h2,
.login-container .invited-user__text p {
	text-align: left !important;
	margin-left: -15px !important;
	margin-right: -15px !important;
}
.login-container .invited-user__main-text {
	padding-bottom: 3rem !important;
	padding-top: 2rem !important;
	font-weight: 400 !important;
}
.login-container .new-user-password-sub-text {
	font-family: Roboto;
	font-size: 0.8rem;
	color: #2E2F30;
	font-weight: 500;
	padding-top: 1.6rem;
	padding-bottom: 1.8rem;
	line-height: 1.2rem;
	max-width: 85%;
}
.login-container .new-user-password-sub-text span {
	color: #000000;
}
.asterik {
	color: red;
	margin-left: 3px;
}
.log-in-new-user-main input#password_field {
	padding-right: 2.6rem !important;
}
.new-password-div .new-signup__text {
	margin: 0 !important;
}
@media only screen and (max-device-width : 425px) {

	.login-container .invited-user__main-text {
		padding-bottom: 1.5rem !important;
		padding-top: 0rem !important;
	}
	.login-container .new-user-password-sub-text {
		padding-top: 1rem;
		padding-bottom: 1.7rem;
		max-width: 100% !important;
	}
	.new-password-div {
		align-items: flex-start;
	}
	 .login-container .invited-user__text h2, .login-container .invited-user__text p {
		text-align: center !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
	}
}
input#password_field_s,input#password_field {
	padding-right: 3rem !important;
}
#create_coupon_account_area .new-signup__text {
	margin-bottom: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
#create_coupon_account_area .new-signup__text .text-heart {
	font-size: 2rem;
	padding: 0 1rem;
	cursor: default;
}
#create_coupon_account_area a.brand {
	cursor: default;
}
#create_coupon_account_area .login-div {
	margin-top: 6rem;
}
@media (max-width: 425px) {
	#create_coupon_account_area .new-signup__text img {
		width: 36%;
	}
	#create_coupon_account_area .new-signup__text .text-heart {
		font-size: 1.5rem;
	}
}
/* Please don't remove it, becaues of mdl refflec effect ios iphone click events not working */
@media screen and (max-width: 767px) {
	.mdl-ripple {
		background: #000 !important;
		opacity: 0.001 !important;
	 }
}
.policy-info {
	color: #979797;
	font-family: Roboto;
	font-style: normal;
	font-weight: 400;
	font-size: .8rem;
	line-height: 2rem;
	letter-spacing: 0;
	margin-top: .5rem;
	.term-policy-info {
		font-size: .8rem;
		font-weight: 600;
		font-style: normal;
		font-stretch: normal;
		line-height: normal;
		letter-spacing: 0;
		text-align: center;
		color: #979797 !important;
		text-decoration: underline;
	}
	.term-policy-info:hover {
		color: #2996FF !important;
	}
}
.term-policy-info,
.policy-info,
.forgot-pass > a {
	text-transform: none;
}
.password-policy-error .material-icons::before {
		content: '\e88e';
}
.password-policy-error {
	display: flex;
	align-items: flex-start;
	background-color: #FFF5E9;
	padding: 0.6rem 0.5rem;
	border-radius: 4px;
	color: #B16C1B;
	font-family:'Roboto';
	font-size: 0.8rem;
	gap: 0.3rem;
}
.error-container {
	margin-top: 5px;
	font-size: 1.25rem;
}
.signup-warning {
	width: 1.25rem;
	position: relative !important;
	margin-left: 0 !important;
	padding-top: 0 !important;
}
.password-policy-error .warning-message {
	line-height: 1.2rem;
	margin-bottom: 0 !important;
	font-family:'Roboto';
}

.appachhi-logo {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-right: 4rem;
	.brand {
		line-height: normal;
	}
	.logo-new {
		margin-bottom: 0;
	}
}
#lang_dropdown_wrap.ba-dropdown.open #lang_toggle .material-icons {
	transform: rotate(180deg);
	transition: 0.3s ease;
}
#lang_dropdown_wrap {
	.ba-dropdown {
		position: relative;
	}
	#lang_toggle {
		display: inline-flex;
		align-items: center;
		justify-content: space-between;
		padding: 0.3rem 0.5rem;
		border: 2px solid #00142426;
		border-radius: 0.5rem;
		font-family: 'ROBOTO';
		font-size: 0.8rem;
		font-weight: 400;
		line-height: 140%;
		text-decoration: none;
		white-space: nowrap;
		user-select: none;
		cursor: pointer;
		transition: all 0.2s ease;
		position: relative;
		overflow: hidden;
		color: #4D5B66;
		width: 100%;
		margin: 0;
	}
	#lang_toggle .material-icons {
		transition: 0.3s ease;
		color: #4D5B66;
		font-size: 1.2rem;
	}
	.ba-dropdown__menu {
		position: absolute;
		right: 0;
		top: calc(100% + 6px);
		width: 230px;
		background: #fff;
		border: 0.5px solid #e0e0e0;
		border-radius: 12px;
		box-shadow: 0 4px 16px rgba(0,0,0,0.08);
		z-index: 9999;
		overflow: hidden;
		display: none;
		list-style: none;
		padding: 0;
	}
	.ba-dropdown__menu.open {
		display: block;
	}
	.ba-dropdown__header {
		padding: 10px 14px;
		font-size: 0.9rem;
		font-weight: 500;
		color: #999;
		border-bottom: 0.5px solid #e0e0e0;
	}
	.ba-dropdown__body-wrapper {
		padding: 0.5rem 0.7rem;
	}
	.ba-dropdown__body-items {
		list-style: none;
		padding: 0;
	}
	.ba-dropdown__body-items.scroll-thin {
		max-height: 13rem;
		overflow-y: auto;
		gap: 0.3rem;
		scrollbar-width: thin;
		background-color: transparent !important;
		border-radius: 0.3rem !important;
	}
	.ba-input-group {
		display: flex;
		align-items: center;
		position: relative;
		padding: 4px 8px;
	}
	.ba-input-group__icon {
		position: absolute;
		left: 16px;
		font-size: 15px;
		color: #aaa;
		pointer-events: none; }
	.ba-input {
		width: 100%;
		padding: 6px 10px 6px 30px;
		font-size: 13px;
		border: 0.5px solid #e0e0e0;
		border-radius: 8px;
		background: #f5f5f5;
		color: #111;
		outline: none;
		height: 2rem;
	}
	.ba-input:focus {
		border-color: #aaa;
	}
	.ba-dropdown__item {
		display: flex;
		align-items: center;
		gap: 10px;
		padding: 8px 14px;
		font-size: 1rem;
		color: #111;
		text-decoration: none;
		cursor: pointer;
		border-radius: 0.5rem;
	}
	.ba-dropdown__item:hover {
		background: #F2F5FA;
	}
	.ba-dropdown__item.active {
		background: #E6F4FF;
		color: #0091FF;
	}
	.ba-dropdown__item.active::after {
		content: "done";
		font-family: 'Material Icons' !important;
		font-style: normal;
		position: absolute;
		right: 1.5rem;
		font-size: 0.7rem;
		font-weight: 700;
		color: #fff;
		background: #0091FF;
		border-radius: 100%;
		padding: .1rem;
		line-height: normal;
	}
	.ba-dropdown__item.active .lang-name {
		font-weight: 500;
	}
	.lang-name {
		flex: 1;
		font-size: 0.9rem;
	}
	.no-results.hidden {
		display: none;
	}
	.lang-selected {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 0.3rem;
	}
	#lang_label {
		text-transform: capitalize;
		width: 6rem;
		text-align: left;
	}
}


.red {
	color: #ff3636;
}


.system-comment strong.badge.comment__badge--tags {
	color: #259AFF !important;
	font-weight: 500 !important;
	font-family: 'Roboto' !important;
	font-size: 1.1rem !important;
	background-color: #E5F2FF !important;
	border: 0;
	padding: .4rem 1.2rem !important;
	border-radius: 4px;
}
.login-input-group {
	position: relative;
}