@charset "utf-8";

/* CSS Document */

@import 'font-awesome.css';
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,a
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}


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

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

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

.another-listing {
	display: none;
}

.error {
	color: #ff5d48 !important;
}

.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 999999999;
	background: rgba(255, 255, 255, 1);
}

.form-group textarea {
	resize: none;
}

.loadlogo {
	background: url('../imgs/loading.png') 50% 50% no-repeat;
	width: 133px;
	height: 133px;
	position: fixed;
	left: 45%;
	top: 42%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	-moz-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	-o-transform: translateY(-50%) translateX(-50%);
	animation: 10s stering;
	-webkit-animation: 10s stering;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

body {
	font-family: Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	margin: 0px;
	line-height: 1;
}

/*body.home {*/
/*	overflow: hidden;*/
/*}*/
body.home {
	overflow: scroll;
}

body,
html {
	width: 100%;
	height: 100%;
}

a {
	font-family: Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	color: #FFF;
	transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #990;
}

a:active {
	text-decoration: none;
}

.pt {
	padding: 75px 0 0 0px;
}

.ipt {
	padding: 40px 0 80px 0px;
}

.fr {
	float: right;
}

.mt {
	margin: 20px 0 0 0px;
}

.wd {
	float: left;
	width: 25px;
}

.wrapper {
	max-width: 1200px;
	width: 95%;
	margin: auto;
}

header {
	background-color: #fff;
	width: 100%;
	height: 65px;
	position: fixed;
	z-index: 10000;
}

.logo {
	position: absolute;
	left: 20px;
	width: 110px;
	top: 0px;
}

.logo img {
	width: 100%;
	animation: 10s stering;
	-webkit-animation: 10s stering;
	animation-delay: 2s;
	-webkit-animation-delay: 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

@-webkit-keyframes stering {
	0% {
		-webkit-transform: rotate(0deg);
		opacity: 1;
	}
	25% {
		-webkit-transform: rotate(30deg);
		opacity: 1;
	}
	75% {
		-webkit-transform: rotate(-30deg);
		opacity: 1;
	}
	100% {
		-webkit-transform: rotate(0deg);
		opacity: 1;
	}
}

@keyframes stering {
	0% {
		transform: rotate(0deg);
		opacity: 1;
	}
	25% {
		transform: rotate(30deg);
		opacity: 1;
	}
	75% {
		transform: rotate(-30deg);
		opacity: 1;
	}
	100% {
		transform: rotate(0deg);
		opacity: 1;
	}
}

nav {
	float: right;
	margin-right: 20px;
}

nav ul {
	width: auto;
}

nav ul li {
	float: left;
}

nav ul li:hover {
	background-color: #f9f9f9;
}

nav ul li a {
	font-family: 'Nunito Sans', sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	color: #666;
	padding: 20px 15px 21px 15px;
	display: block;
}

nav ul li a:hover {
	color: #e92a2a;
	background-color: #f9f9f9;
	text-decoration: none;
}

nav ul li:hover ul {
	display: block;
}

nav ul ul {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	padding: 10px;
	width: 180px;
	box-shadow: 0 2px 2px #999;
}

nav ul ul li {
	float: none;
}

nav ul ul li a {
	font-size: 13px;
	color: #666;
	padding: 9px;
}

nav ul ul li a:hover {
	background-color: #fff;
}

nav ul ul li a span {
	font-family: 'Luckiest Guy', cursive !important;
	font-size: 15px !important;
}

.highlighttab {
	background-color: #e92a2a;
	color: #fff !important;
	padding: 10px 15px 10px 15px !important;
	border-radius: 8px;
	margin: 14px 2px 0 0px;
}

:hover.highlighttab {
	background-color: #cc1818;
	color: #fff !important;
}

.highlighttabnew {
	background-color: #ff7a18;
	color: #fff !important;
	padding: 10px 15px 10px 15px !important;
	border-radius: 8px;
	margin-left: 2px;
	margin: 14px 0 0 2px;
}

:hover.highlighttabnew {
	background-color: #db6711;
	color: #fff !important;
}

.highlighttabsch {
	background-color: #d2a775;
	color: #fff !important;
	padding: 10px 15px 10px 15px !important;
	border-radius: 8px;
	margin-left: 2px;
	margin: 14px 0 0 2px;
}

:hover.highlighttabsch {
	background-color: #bd905c;
	color: #fff !important;
}

#trainingnow {
	display: none;
}

#testdrive {
	display: none;
}

#overlaycloseit {
	cursor: pointer;
}

.overlayqebg {
	background: rgba(0, 0, 0, 0.4);
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 997;
	display: none;
}

.quick_enq {
	width: 300px;
	background-color: #fff;
	position: fixed;
	top: 18%;
	left: -350px;
	z-index: 9999999;
	padding: 12px;
	box-shadow: 0 1px 4px #666;
	transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}

.quick_enq h3 {
	font-size: 20px;
	margin: 5px 0 20px 0px;
	text-transform: uppercase;
	font-weight: 100;
	color: #e23737;
}

.quick_enq p {
	margin: 15px 0 15px 0px;
}

.group {
	position: relative;
	margin-bottom: 15px;
}


/*
input[type="text"], input[type="email"], input[type="mobile"],
input[type="password"] {
  font-size:14px;
  padding: 8px 0px 8px 0px;
  display: block;
  width: 100%;
  border: none;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="mobile"]:focus,
input[type="password"]:focus { 
    outline:none; 
}
select {
  font-size:14px;
  height: 35px;
  display: block;
  padding: 8px 0px 8px 0px;    
  width: 100%;
  border: none;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
}
select:focus {
  outline:none; 
}
input[type="submit"] {
	width:100%;
	padding: 8px;
	border:solid 1px #e72222;
	margin: 10px 0 0px 0px;
	background-color:#e72222;
	color:#fff;
	cursor:pointer;
	font-size:15px;
	text-transform:uppercase;
}
input[type="submit"]:hover {
	border:solid 1px #ddd;
	background-color:#666;
	color:#fff;
}
*/

.quick_enq h4 {
	font-size: 16px;
	margin: 0 0 10px 0px;
	text-transform: uppercase;
	color: #666;
	letter-spacing: -.5px;
}

.close {
	float: right;
}

.close a {
	font-size: 22px;
	color: #666;
}

#closeit {
	cursor: pointer;
}

#openit {
	cursor: pointer;
}

#openitmain {
	cursor: pointer;
}

#openitbot {
	cursor: pointer;
}

.help-block strong {
	color: #e92a2a !important;
	font-size: 12px;
	font-weight: normal;
}

.leftdivcont {
	width: 34%;
	float: left;
	position: relative;
	min-height: 400px;
	margin-top: -75px;
	z-index: 999;
}

.leftinfo {
	background-color: #fff;
	box-shadow: 0 1px 2px #999;
	padding: 20px;
	margin-bottom: 15px;
	-webkit-box-sizing: border-box;
	/* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;
	/* Firefox, other Gecko */
	box-sizing: border-box;
	/* Opera/IE 8+ */
}

.leftinfo h3 {
	font-weight: 100;
	font-size: 22px;
	margin: 0 0 10px 0px;
	color: #e92a2a;
	font-family: 'Nunito Sans', sans-serif;
}

.leftinfo hr {
	border: solid 1px #eee;
	margin: 0px;
}

.leftinfo ul {
	width: 100%;
}

.leftinfo ul li {
	width: 100%;
	text-align: right;
	margin: 15px 0 15px 0px;
	font-size: 13px;
}

.leftinfo ul span {
	float: left;
	font-weight: bold;
	color: #e92a2a;
}

.leanerinfo {
	border-bottom: dashed 1px #ccc;
	padding: 9px 0 10px 0px;
	width: 100%;
	text-align: right;
}

.leanerinfo strong {
	float: left;
	color: #ff7a18;
}

.headbar {
	font-size: 16px;
	border-bottom: solid 1px #ccc;
	padding-bottom: 22px;
	width: 98%;
	margin: 0px auto 15px auto;
	color: #333;
	font-family: 'Nunito Sans', sans-serif;
	text-transform: uppercase;
}

.headbar a {
	font-size: 16px;
	color: #ff7a18 !important;
}

.rightdivcont {
	width: 64%;
	float: right;
}

.highinfo {
	width: 100%;
}

.highinfo ul {
	width: auto;
}

.highinfo ul a {
	color: #ff7a18;
	font-size: 18px;
	font-family: 'Nunito Sans', sans-serif;
}

.highinfo ul li {
	float: left;
	width: 32%;
	margin: 0.5%;
	
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	
	box-shadow: 0 1px 2px #999;
	background-color: #fff;
	line-height: 33px;
	padding: 20px 20px 20px 20px;
	text-align: center;
	-webkit-box-sizing: border-box;
	/* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;
	/* Firefox, other Gecko */
	box-sizing: border-box;
	/* Opera/IE 8+ */
	transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}

.highinfo ul li span {
	color: #e92a2a !important;
}

.highinfo ul li:hover {
	box-shadow: 0 1px 100px #666;
	z-index: 9999;
	position: relative;
}

.bollen {
	width: 100%;
}

.bollen ul {
	width: auto;
}

.bollen ul li {
	list-style: none;
	float: left;
	width: 49%;
	margin: 0.5%;
}

.bollen ul li a {
	color: #333;
	font-size: 16px;
	padding: 10px 10px;
	display: block;
	border: solid 1px #ddd;
	border-radius: 4px;
	background-color: #f7f7f7;
}

.bollen ul li a:hover {
	border: solid 1px #ff7a18;
	background-color: #ff7a18;
	color: #fff;
}

.ihighinfo {
	width: 100%;
	margin-bottom: 170px;
}

.ihighinfo ul {
	width: auto;
}

.ihighinfo ul a {
	color: #ff7a18;
	font-size: 13px;
	font-family: 'Nunito Sans', sans-serif;
}

.ihighinfo ul li {
	float: left;
	width: 19%;
	margin: 0.5%;
	box-shadow: 0 1px 2px #999;
	background-color: #fff;
	line-height: 33px;
	padding: 20px 20px 20px 20px;
	text-align: center;
	-webkit-box-sizing: border-box;
	/* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;
	/* Firefox, other Gecko */
	box-sizing: border-box;
	/* Opera/IE 8+ */
	transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}

.ihighinfo ul li span {
	color: #e92a2a !important;
}

.ihighinfo ul li:hover {
	box-shadow: 0 1px 100px #666;
	z-index: 9999;
	position: relative;
}

.activetab {
	box-shadow: 0 1px 100px #666 !important;
	z-index: 99991 !important;
	position: relative !important;
}

.trackmemap {
	width: 100%;
	height: 300px;
	text-align: center;
	vertical-align: middle;
}

.trackmemap h2 {
	margin: 8px 0 8px 0px !important;
	font-size: 25px !important;
	color: #ff7a18 !important;
}

.lighticon {
	color: #ccc;
}

.trackmemap h3 {
	margin: 20px 0 10px 0px;
	font-size: 18px;
	color: #666;
	font-weight: 100;
}


/* calander css start */

.dncalendar-body {
	margin: 0 0 20px 0ox !important;
	border: solid 1px #ccc;
	padding: 5px;
	background-color: #fff;
	box-shadow: 0 2px 6px #ccc;
}

.dncalendar-note-list {
	list-style: none;
	margin-left: 0% !important;
	margin-bottom: 20px;
	padding: 0;
	color: #999;
}

.stext {
	font-size: 12px !important;
	color: #666 !important;
	margin: 0px !important;
}

.date {
	color: #d00;
	float: left;
	width: 24%;
	margin: .5%;
	border: solid 1px #ddd;
	padding: 12px;
	background-color: #fff;
	box-shadow: 0 2px 4px #ccc;
	-webkit-box-sizing: border-box;
	/* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;
	/* Firefox, other Gecko */
	box-sizing: border-box;
	/* Opera/IE 8+ */
}

.date a {
	color: #333;
}


/* calander css end */

.bicon {
	font-size: 100px;
}

.micon {
	font-size: 50px;
}

.qibtof {
	font-family: 'Luckiest Guy', cursive !important;
}

.indicatearrow {
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 40px;
}

.indicatearrow i {
	font-size: 50px;
	color: #fff;
	animation: 1s downarrow;
	-webkit-animation: 1s downarrow;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

@-webkit-keyframes downarrow {
	0% {
		-webkit-transform: translateY(-50%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translate(0px, 0px);
		opacity: 0;
	}
}

@keyframes downarrow {
	0% {
		transform: translateY(-50%);
		opacity: 1;
	}
	100% {
		transform: translate(0px, 0px);
		opacity: 0;
	}
}

.down_first {
	position: absolute;
	width: 100%;
	background: rgba(0, 0, 0, 0.1);
	text-align: center;
	bottom: 0px;
}

.down_first a {
	color: #fff;
	font-size: 20px;
	font-family: 'Satisfy', cursive;
	padding: 7px 0px;
	display: block;
}

.down_first a:hover {
	color: #fff;
	text-decoration: none;
	background: rgba(255, 122, 24, 0.7);
}

#main_screen {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 0;
}

#main_screen h1 {
	position: absolute;
	z-index: 99;
	color: #fff;
	font-size: 50px;
	font-weight: 100;
	left: 50%;
	top: 50%;
	line-height: 44px;
	text-shadow: 0 2px 25px #000;
	letter-spacing: -2px;
	text-align: center;
	font-family: 'Unica One', cursive;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	-moz-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	-o-transform: translateY(-50%) translateX(-50%);
}

#main_screen h1 span {
	color: #fff;
	font-size: 22px;
	text-transform: none;
	text-shadow: 0 2px 6px #333;
	letter-spacing: normal;
	text-align: center;
	font-family: 'Varela Round', sans-serif;
	line-height: 27px !important;
	display: block;
	margin: 10px 0 20px 0px;
}

#main_screen h1 a {
	color: #fff;
	font-size: 20px;
	text-shadow: none;
	letter-spacing: normal;
	text-align: center;
	font-family: 'Nunito Sans', sans-serif;
	line-height: 35px !important;
	display: block;
	float: left;
	width: 49%;
	text-transform: uppercase;
	margin: 0.5%;
	border-radius: 25px;
	padding: 10px 0 8px 0px;
	transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}

#main_screen h1 a:hover {
	color: #333;
	background-color: #fff;
	text-decoration: none;
}

.redtab {
	background-color: #e92a2a;
}

.skintab {
	background-color: #ff7a18;
}

#second_screen {
	position: relative;
	width: 100%;
	height: 100%;
	background-image: url(../imgs/roadbg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: #f1f1f1;
}

#about_qibto {
	visibility: hidden;
}

.about_qibto {
	position: absolute;
	margin-top: 6%;
	margin-left: 15%;
	width: 1100px;
	text-align: center;
	animation: 2s qibtoc;
	-webkit-animation: 2s qibtoc;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	visibility: visible !important;
	opacity: 0;
}

@-webkit-keyframes qibtoc {
	0% {
		-webkit-transform: translateY(-50%);
	}
	100% {
		-webkit-transform: translateY(0%);
	}
}

@keyframes qibtoc {
	0% {
		transform: translateY(-35%);
		opacity: 0;
		transform: scale(0.3);
	}
	100% {
		transform: translateY(0%);
		opacity: 1;
		transform: scale(1);
	}
}

.colm2l {
	float: left;
	width: 49.5%;
}

.colm2r {
	float: right;
	width: 49.5%;
}

.sicon {
	font-size: 23px;
}

.micon {
	font-size: 29px;
}

.about_qibto h2 {
	font-weight: 100;
	font-size: 75px;
	font-family: 'Luckiest Guy', cursive;
	color: #666;
	text-shadow: 0 1px 1px #fff;
	margin-bottom: 12px;
}

.about_qibto p {
	font-size: 18px;
	color: #333;
	line-height: 25px;
	font-family: 'Nunito Sans', sans-serif;
	text-shadow: 0 1px 1px #fff;
	margin-bottom: 30px;
}

.about_qibto p span {
	font-family: 'Luckiest Guy', cursive !important;
	color: #e92a2a !important;
}

.about_qibto a {
	font-size: 20px;
	color: #fff;
	font-family: 'Luckiest Guy', cursive !important;
	border: solid 1px #dd0a0a;
	padding: 10px 30px;
	background: rgba(233, 42, 42, 0.9);
	text-transform: uppercase;
	text-shadow: 0 1px 2px #dd0a0a;
	border-radius: 50px;
}

.about_qibto a:hover {
	color: #fff !important;
	border: solid 1px #e92a2a;
	background: rgba(221, 10, 10, 1);
	text-decoration: none;
}

#carqibto {
	visibility: hidden;
}

.carqibto {
	background-image: url(../imgs/carqibto.png);
	background-repeat: no-repeat;
	width: 853px;
	height: 412px;
	position: absolute;
	left: 0px;
	bottom: 20px;
	animation: 4s cqibto;
	-webkit-animation: 4s cqibto;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	visibility: visible !important;
}

@-webkit-keyframes cqibto {
	0% {
		-webkit-transform: translateX(100%);
	}
	100% {
		-webkit-transform: translateX(-33%);
	}
}

@keyframes cqibto {
	0% {
		transform: translateX(150%);
	}
	100% {
		transform: translateX(38%);
	}
}

.front_wheel {
	position: absolute;
	margin-left: 84px;
	margin-top: 254px;
}

.back_wheel {
	position: absolute;
	margin-left: 652px;
	margin-top: 254px;
}

.indicatef {
	position: absolute;
	margin-left: 61px;
	margin-top: 201px;
	animation: 1s indication infinite;
	-webkit-animation: 1s indication infinite;
}

.indicate {
	position: absolute;
	margin-left: 802px;
	margin-top: 152px;
	animation: 1s indication infinite;
	-webkit-animation: 1s indication infinite;
}

@keyframes indication {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

#tyrerotate {}

.tyrerotate {
	animation: 4s rw;
	-webkit-animation: 4s rw;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
}

#tyrerotateback {}

.tyrerotateback {
	animation: 4s rw;
	-webkit-animation: 4s rw;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
}

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

@keyframes rw {
	0% {
		transform: rotate(360deg);
	}
	100% {
		transform: rotate(0deg);
	}
}

#second_screen .up_down_second {
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 0;
	z-index: 999;
}

#second_screen .up_down_second a {
	color: #fff;
	font-size: 15px;
	font-family: 'Nunito Sans', sans-serif;
	padding: 10px 0px;
	display: block;
	float: left;
	width: 50%;
	background: rgba(0, 0, 0, 0.5);
}

#second_screen .up_down_second a:hover {
	color: #fff;
	text-decoration: none;
	background: rgba(255, 122, 24, 0.7);
}

#last_screen {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 0;
	background-image: url(../imgs/footerbg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}

.ilast_screen {
	position: relative;
	width: 100%;
	height: auto !important;
	overflow: hidden;
	background-position: center bottom -700px !important;
	background-attachment: fixed;
}

#last_screen .up_last {
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 0;
	z-index: 999;
}

#last_screen .up_last a {
	color: #fff;
	font-size: 15px;
	font-family: 'Nunito Sans', sans-serif;
	padding: 10px 0px;
	display: block;
	width: 100%;
	background: rgba(0, 0, 0, 0.4);
}

#last_screen .up_last a:hover {
	background: rgba(255, 122, 24, 0.7);
}

.botdivision {
	width: 100%;
	position: relative;
	z-index: 99999 !important;
}

.botdivision ul {
	float: left;
	width: 31%;
	margin: 1%;
}

.botdivision ul h3 {
	font-weight: 100;
	color: #fff;
	font-size: 25px;
	font-family: 'Luckiest Guy', cursive !important;
	margin: 0 0 15px 0px;
}

.botdivision ul p {
	line-height: 20px;
	font-family: 'Nunito Sans', sans-serif;
	color: #ccc;
	font-size: 16px;
	margin: 10px 0 5px 0px;
}

.botdivision ul p span {
	font-family: 'Luckiest Guy', cursive !important;
}

.botdivision ul li {
	line-height: 20px;
	margin: 12px 0 12px 0px;
}

.botdivision ul li a {
	font-size: 14px;
	color: #ccc;
}

.botdivision ul li a span {
	font-family: 'Luckiest Guy', cursive !important;
}

.botdivision ul li a:hover {
	color: #fff;
}

.line {
	border-top: solid 1px #333;
	margin: 10px 0 0 0px;
}

.split {
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

.stores {
	width: 100%;
}

.stores a {
	float: left;
	width: 33%;
	font-size: 33px;
	padding: 12px 0 12px 0px;
	display: block;
	text-align: center;
	background: rgba(255, 255, 255, 0.1);
	margin: 0.1%;
	color: #fff;
}

.stores a:hover {
	color: #e92a2a;
	background: rgba(255, 255, 255, 0.9);
}

.copyright {
	font-size: 12px;
	color: #999;
	padding: 14px 0 7px 0px;
	display: block;
}

.social {
	width: auto;
}

.social a {
	float: left;
	padding: 10px;
	display: block;
	font-size: 20px;
	color: #ccc;
}

.social a:hover {
	color: #666;
}

/*.topbar {*/
/*	width: 100%;*/
/*	background-color: #000;*/
/*	min-height: 333px;*/
/*	background-repeat: no-repeat;*/
	/*background-position: center top 12px;*/
	/*;*/
	/*background-position: center top 35px;*/
	
	/*background-attachment: fixed;*/
	/*background-size: 100%;*/
/*}*/

.topbar {
	width: 100%;
	background-color: #000;
	min-height: 420px;
	background-repeat: no-repeat;
	/*background-position: center top 12px;*/
	;
	background-position: center top 60px;
	
	background-attachment: fixed;
	/*background-size: 100%;*/
}
/*.topbar{*/
/*    width: 100%;*/
/*    background-color: #000;*/
/*    min-height: 360px;*/
/*    background-repeat: no-repeat;*/
     /*background-position: center top 60px; */
    /* background-attachment: fixed; */
/*    background-size: cover;*/
/*}*/
.ipage {
	width: 100%;
	min-height: 376px;
	position: relative;
	z-index: 999;
	background-color: #f7f7f7;
	padding: 25px 0 33px 0px;
}

.ipage h2 {
	font-weight: 100;
	font-size: 40px;
	font-family: 'Luckiest Guy', cursive;
	color: #e92a2a;
	margin-bottom: 25px;
}

.ipage h2 span {
	font-size: 20px;
	font-family: 'Nunito Sans', sans-serif;
	color: #666 !important;
	letter-spacing: -0.5px;
	margin-top: 12px;
	position: absolute;
	margin-left: 10px;
}

.ipage p {
	font-size: 16px;
	color: #333;
	line-height: 22px;
	font-family: 'Nunito Sans', sans-serif;
	text-shadow: 0 1px 1px #fff;
	margin-bottom: 20px;
}

.ipage p span {
	font-family: 'Luckiest Guy', cursive !important;
	color: #e92a2a !important;
}

.more_qibto {
	width: 100%;
	margin: 25px 0 0 0px;
}

.more_qibto ul {
	width: auto;
}

.more_qibto ul li {
	width: 49.5%;
	margin: 0.2%;
	float: left;
	background-color: #fff;
	box-shadow: 0 1px 2px #ddd;
	padding: 15px 20px 30px 20px;
	-webkit-box-sizing: border-box;
	/* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;
	/* Firefox, other Gecko */
	box-sizing: border-box;
	/* Opera/IE 8+ */
}

.more_qibto ul li h3 {
	font-size: 24px;
	margin: 0 0 10px 0px;
	font-weight: 100;
	color: #666;
	font-family: 'Luckiest Guy', cursive !important;
}

.more_qibto ul li img {
	width: 100%;
}

navbar {
	display: none;
}

.bypack {
	float: left;
	width: 100%;
	margin: 0.5%;
}

.bypack label {
	width: 100%;
	background-color: #f7f7f7;
	padding: 14px 15px 14px 15px;
	display: block;
}

.fullpic {
	width: 100%;
}

.pack_review {
	width: 100%;
	box-shadow: 1px 2px 5px #999;
	text-align: center;
	padding: 12px 0 12px 0px;
}

.pack_review ul {
	width: auto;
}

.pack_review ul li {
	border-bottom: dashed 1px #ccc;
	padding: 10px 0 10px 0px;
}

.blink {
	border: solid 1px #ddd;
	padding: 7px 14px;
	color: #666;
}

:hover.blink {
	border: solid 1px #ccc;
	color: #333;
}

.blinktabs {
	padding: 10px 20px 9px 20px;
	color: #e92a2a;
	background-color: #fff;
	border-radius: 4px;
	font-size: 15px;
	font-family: 'Nunito Sans', sans-serif;
	margin: 4px 0px;
	box-shadow: 0 1px 2px #999;
	-webkit-box-sizing: border-box;
	/* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;
	/* Firefox, other Gecko */
	box-sizing: border-box;
	/* Opera/IE 8+ */
}

:hover.blinktabs {
	background-color: #c11b1b;
	color: #fff;
}

.blinktabss {
	padding: 10px 20px 9px 20px;
	color: #fff;
	background-color: #c11b1b;
	border-radius: 4px;
	font-size: 15px;
	font-family: 'Nunito Sans', sans-serif;
	margin: 4px 0px;
	box-shadow: 0 1px 2px #999;
	-webkit-box-sizing: border-box;
	/* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;
	/* Firefox, other Gecko */
	box-sizing: border-box;
	/* Opera/IE 8+ */
}

:hover.blinktabss {
	background-color: #e92a2a;
	color: #fff;
}

.tabslinks {
	margin: 5px 0 0 0px;
	width: 100%;
}

.tabslinks a {
	padding: 17px 17px;
	color: #e92a2a;
	display: block;
	width: 100%;
	background-color: #fff;
	border-radius: 4px;
	font-size: 15px;
	font-family: 'Nunito Sans', sans-serif;
	margin: 4px 0px;
	box-shadow: 0 1px 2px #999;
	-webkit-box-sizing: border-box;
	/* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;
	/* Firefox, other Gecko */
	box-sizing: border-box;
	/* Opera/IE 8+ */
}

.tabslinks a:hover {
	background-color: #c11b1b;
	color: #fff;
}

.redtab {
	background-color: #e92a2a !important;
	color: #fff !important;
}

.graytab {
	background-color: #4f4c4c !important;
	color: #fff !important;
}

.orangetab {
	background-color: #ff7a18 !important;
	color: #fff !important;
}

.profile {
	width: 100%;
}

.profile ul {
	width: auto;
}

.profile ul li {
	overflow: hidden;
	border-bottom: solid 1px #ddd;
	padding: 10px 0 10px 0px;
}

.profile ul li .plab {
	float: left;
}

.profile ul li .pval {
	float: right;
	font-weight: bold;
}

.height_un {
	height: 1000px !important
}

.account {
	width: 100%;
	height: 100%;
	background-color: #000;
	background-image: url(../imgs/backimg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
	background-size:100%;
}

.login_box {
	position: absolute;
	float: left;
	width: 400px;
	background: rgba(255, 255, 255, 0.9);
	margin: 0px 0 0 0px;
	box-shadow: 0 1px 5px #999;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	-moz-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	-o-transform: translateY(-50%) translateX(-50%);
	left: 24%;
	/*top: 55%;*/
		top: 41%;
}

.login_box h2 {
	color: #666;
	font-size: 30px;
	letter-spacing: -1px;
	margin: 0px 0 20px 0px;
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 100;
}

.mob-logo {
	display: none!important;
}

.login_box h3 {
	color: #333;
	font-size: 16px;
	margin: 20px 0 15px 0px;
	font-weight: 100;
	letter-spacing: .5px;
}

.login_box p {
	font-size: 16px;
	margin: 0px 0 5px 0px !important;
	font-family: 'Nunito Sans', sans-serif;
}

.login_box span {
	font-family: 'Luckiest Guy', cursive !important;
	color: #e92a2a !important;
}

.login_box p a {
	font-size: 16px;
	font-family: 'Nunito Sans', sans-serif;
	color: #666;
}

.login_box p a:hover {
	color: #000;
}

.ipadbox {
	padding: 25px;
}

.ipadboxnew {
	padding: 5px 25px 25px 25px;
}

.blink2a {
	color: #fff;
	font-size: 16px;
	margin: 8px 0 5px 0px;
	font-family: 'Athiti', sans-serif;
	text-transform: uppercase;
	font-weight: 100;
	padding: 5px 20px 3px 20px;
	border: solid 1px #e92a2a;
	background-color: #e92a2a;
	box-shadow: 0 1px 2px #c60404;
	cursor: pointer;
	display: inline-block;
	line-height: 25px;
	-webkit-box-sizing: border-box;
	/* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;
	/* Firefox, other Gecko */
	box-sizing: border-box;
	/* Opera/IE 8+ */
}

.blink2a:hover {
	color: #fff;
	border: solid 1px #d37e02;
	background-color: #d37e02;
	box-shadow: 0 1px 2px #760404;
}

.login_box hr {
	margin: 20px 0 20px 0px;
	border: solid 1px #ddd;
}

label {
	display: inline-block;
	margin-bottom: 8px !important;
}


/* LABEL Form Field Anim Start ======================================= 
label 				 {
  color:#999; 
  font-size:14px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:0px;
  top:10px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}

/* active state 
input:focus ~ label, input:valid ~ label 		{
  top:-10px;
  font-size:14px;
  color:#e92a2a;
}

/* BOTTOM BARS ================================= 
.bar 	{ position:relative; display:block; width:100%; }
.bar:before, .bar:after 	{
  content:'';
  height:2px; 
  width:0;
  bottom:1px; 
  position:absolute;
  background:#ff7a18; 
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.bar:before {
  left:50%;
}
.bar:after {
  right:50%; 
}

/* active state 
input:focus ~ .bar:before, input:focus ~ .bar:after {
  width:50%;
}
/* LABEL Form Field Anim end ======================================= */


/* custom mui form style start */

.mui-textfield {
	display: block;
	padding-top: 10px;
	margin-bottom: 5px;
	position: relative;
}

.mui-select {
	display: block;
	padding-top: 10px;
	margin-bottom: 5px;
	position: relative;
}

.mui-textfield--float-label>label {
	font-size: 14px;
	line-height: 30px;
	color: rgba(0, 0, 0, 0.46);
	text-align: left;
}

.mui-tabs__bar.mui-tabs__bar--justified>li {
	display: table-cell;
}

.mui-tabs__bar>li.mui--is-active {
	border-bottom: 2px solid #ff7a18;
}

.mui-tabs__bar>li.mui--is-active>a {
	color: #ff7a18;
	font-weight: 600;
	cursor: pointer !important;
}


/* custom mui form style end */


/*////////////////suraj///////////////*/

.ag input {
	margin-bottom: -17px!important;
	margin-left: -20px!important;
}

.ag {
	margin-left: 32px;
}

.hideme {
	display: none !important;
}


/*/////////////////suraj///////////////*/

@media (max-width: 1366px) {
	.carqibto {
		background-image: url(../imgs/carqibto.png);
		background-repeat: no-repeat;
		width: 853px;
		height: 412px;
		position: absolute;
		left: -50px;
		bottom: 20px;
	}
	.about_qibto {
		position: absolute;
		margin-top: 6%;
		margin-left: 9%;
		width: 1100px;
		text-align: center;
		z-index: 999;
	}
	.about_qibto h2 {
		font-weight: 100;
		font-size: 40px;
		font-family: 'Luckiest Guy', cursive;
		color: #666;
		text-shadow: 0 1px 1px #fff;
		margin-bottom: 12px;
	}
	.about_qibto p {
		font-size: 15px;
		color: #333;
		line-height: 20px;
		font-family: 'Nunito Sans', sans-serif;
		text-shadow: 0 1px 1px #fff;
		margin-bottom: 20px;
	}
	.about_qibto a {
		font-size: 15px;
		padding: 5px 20px;
	}
}

@media screen and (max-width:800px) {
    .k-webkit.k-webkit80.ng-scope{overflow:auto;}
    .alert{display:inline-block; width:100%; text-align:center;}
    .box-header.with-border h3 { text-align: center!important;display: inline-block;
     width: 100%;}
     .another-listing{text-indent:-8px;}
     .another-listing a{font-size:16px;}
     
     
     .trackmemap{height:auto;}
     .short-margin {margin-top:20px;}
     
     
   ul li .plab{float:none!important;}
   ul li .pval{float:none!important;}
    .home {overflow-y: scroll!important; background: black;}
    

    .indicatearrow{display:none;}
    .down_first{display:none;}
    .up_down_second{display:none;}
    .up_last{display:none;}

    .loader{display:none;}
    .login_box{z-index:9;}
    
    .mob-center{text-align:center!important;}
    
    .mob-center {text-align: center;}
    .box.box-danger {border-top-color: #fff!important;}
    .box-header.with-border {border-bottom: 1px solid #fff!important;}
    

    
   

    

    #top{filter: brightness(0.5);}
    
    
   .right-menu ul li {
    display: block!important;
}
    .right-menu{float:right;}

.block-listing{font-size:16px;}
    
    
	header {
		display: none!important;
	}
	.leftdivcont {
		width: 100%;
		float: none;
	}
	
	#menu a {display:block;}
	.rightdivcont {
		width: 100%;
		float: none;
		margin-top: 50px;
	}
	.logo {
		left: 0px!important;
	}
	.login_box {
		left: 50%;
	}
	/*.ibg-bg {*/
		/*height: 557px!important;*/
	/*	height:auto;*/
	/*}*/
	navbar {
		display: block;
		z-index: 9999!important;
	}
	#main_screen h1 {
		top: 51%;
		font-size: 39px;
	}
	#main_screen h1 a {
		margin-left: 0px!important;
		width: 100%;
	}
	/*///////////////Plans and Pricing start/////////////////*/
	.boxespack {
		width: 49%!important;
	}
	.pt {
		padding: 26px 0 0 0px;
	}
	/*plans and pricing end///////////////////////*/
	/*//////////////second screen start///////////////    */
	#second_screen .up_down_second {
		bottom: 0px;
	}
	#second_screen .up_down_second a {
		padding: 37px 0px;
	}
	#about_qibto {
		visibility: visible;
		text-align: center;
		position: relative;
		top: 16rem;
	}
	#about_qibto p {
		text-align: justify;
		margin-left: 20px;
		margin-right: 20px;
	}
	#second_screen {
		height: 87%;
		background-image: url(../imgs/carqibto.png);
		background-size: contain;
	}
	#about_qibto h2 {
		margin-bottom: 19px;
	}
	/*/////////second screen end/////////////////////////    */
	.topbar {
		background: content-box;
	}
	.mob-logo {
		display: block!important;
		width: 100%;
		margin: auto;
		text-align: center;
		z-index: 9;
		top: 3px;
		position:absolute;
	}
	.mob-logo img {
		width: 16%;
		
    animation: 10s stering;
    -webkit-animation: 10s stering;
    animation-delay: 2s;
    -webkit-animation-delay: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
		
		
	}
	#menuToggle {
		display: block;
		position: relative;
		top: 50px;
		left: 50px;
		z-index: 1;
		-webkit-user-select: none;
		user-select: none;
	}
	#menuToggle a {
		text-decoration: none;
		color: #666;
		font-family: 'Nunito Sans', sans-serif;
		transition: color 0.3s ease;
	}
	#menuToggle a:hover {
		color: #e92a2a;
	}
	#menuToggle input {
		display: block;
		width: 40px;
		height: 32px;
		position: absolute;
		top: -7px;
		left: -5px;
		cursor: pointer;
		opacity: 0;
		/* hide this */
		z-index: 2;
		/* and place it over the hamburger */
		-webkit-touch-callout: none;
	}
	/*
 * Just a quick hamburger
 */
	#menuToggle span {
		display: block;
		width: 33px;
		height: 4px;
		margin-bottom: 5px;
		position: relative;
		background: #cdcdcd;
		border-radius: 3px;
		z-index: 1;
		transform-origin: 4px 0px;
		transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), opacity 0.55s ease;
	}
	#menuToggle span:first-child {
		transform-origin: 0% 0%;
	}
	#menuToggle span:nth-last-child(2) {
		transform-origin: 0% 100%;
	}
	/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
	#menuToggle input:checked~span {
		opacity: 1;
		transform: rotate(45deg) translate(-2px, -1px);
		background: #232323;
	}
	/*
 * But let's hide the middle one.
 */
	#menuToggle input:checked~span:nth-last-child(3) {
		opacity: 0;
		transform: rotate(0deg) scale(0.2, 0.2);
	}
	/*
 * Ohyeah and the last one should go the other direction
 */
	#menuToggle input:checked~span:nth-last-child(2) {
		transform: rotate(-45deg) translate(0, -1px);
	}
	/*
 * Make this absolute positioned
 * at the top left of the screen
 */
	#menu {
		position: absolute;
		width: 800px;
		margin: -100px 0 0 -50px;
		padding: 50px;
		padding-top: 125px;
		background: #ededed;
		list-style-type: none;
		-webkit-font-smoothing: antialiased;
		/* to stop flickering of text in safari */
		transform-origin: 0% 0%;
		transform: translate(-100%, 0);
		transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
	}
	#menu li {
		padding: 10px 0;
		font-size: 16px;
	}
	/*
 * And let's slide it in from the left
 */
	ul#menu li {
		display: inline-block;
		padding: 9px;
	}
	#menuToggle input:checked~ul {
		transform: none;
	}
	navbar {
		position: relative;
		z-index: 9;
		margin-top: -27px;
	}
	/*//////////////indecator start////////////////*/
	.indicatearrow {
		bottom: 55px;
	}
	.down_first {
		bottom: 81px;
	}
	#main_screen {
		/*height: 78%;*/
		margin-bottom: -101px!important;
	}
	.wrapper p {
		text-align: justify;
	}
	.box.box-danger {
		border-top-color: #fff;
	}
	/*////////////indecator end////////////////////////*/
}

@media screen and (max-width:768px) {
	#menuToggle {
		width: 200px;
		left: 11px;
	}
	.highinfo ul li {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	.left {float:none; text-align:center;}
	.right{float:none; position:relative; left:40%;}
	
	#main_screen h1 {
		top: 47%;
	}
	ul#menu a {
		padding: 6px;
	}
	#menu {
		width: 807px;
	}
	.botdivision p {
		text-align: center;
	}
	.down_first {
		bottom: 243px;
	}
	.botdivision ul {
		width: 100%;
		margin: 0px;
		text-align: center;
	}
	.wrapper {
		padding-top: 17px;
	}
	.k-safari.k-safari604.k-mobile.ng-scope {
		overflow: auto!important;
	}
	#second_screen {
		margin-top: -179px;
	}
	.stores a {
		width: 49%;
		margin-left: 0px;
		margin: 1px;
	}
html.k-webkit.k-webkit80.ng-scope{overflow:auto;}	
}

@media screen and (max-width: 600px) {
	html.k-webkit.k-webkit80.ng-scope {
		overflow: auto!important;
	}
	
	.carqibto {
		display: none !important;
		width: 600px !important;
	}
	
	#about_qibto{width:auto; margin:0px;}
	.botdivision {
		margin-top: 21px;
	}
	#menu {
		/*width: 639px;*/
		width:100vw;
		
	}
	#menu a {
		padding: 2px!important;
		margin-top: 11px;
	}
	.left {
		float: none;
		text-align: center;
	}
}



@media screen and (max-width:533px)
{
    #menu {
   
}
html.k-webkit.k-webkit80.ng-scope{overflow:auto;}
}


@media screen and (max-width:480px) {
	
	.trackmemap{margin-top:35px;}
	
	.razorpay-payment-button{font-size:16px!important;}
	.profile {margin-top:46px;}
	
	html.k-webkit.k-webkit80.ng-scope {
		overflow: auto;
	}
	.highinfo ul li {
		width: 49%;
	}
	.ihighinfo ul li {
		width: 32%;
	}
	#menu a {
		left: 0px!important;
		padding: 1px!important;
	}
	#menu {
	
		text-align: initial;
	}
	#second_screen {
		margin-top: -124px;
	}
	.indicatearrow {
		bottom: 86px;
	}
	.down_first {
		bottom: 101px;
	}
	#main_screen h1 a {
		padding: 8px 0 6px 0px;
		border-radius: 21px;
		font-size: 16px;
	}
	#main_screen h1 {
		font-size: 33px;
		top: 45%;
	}
	#main_screen h1 span {
		font-size: 18px;
	}
	.botdivision h3 {
		font-size: 22px;
	}
	/*Plans and Pricing Start//////////////////*/
	.boxespack {
		width: 100%!important;
		margin: 0px!important;
	}
	.right {left:0px;
        display: flex;
        justify-content: center;
    }
    
     .buyow {
        margin-bottom:20px;
    }
	/*plans and pricing end////////////////////*/
}

@media screen and (max-width:414px) {
	html.k-safari.k-safari605.k-mobile.ng-scope {
		overflow: auto;
	}
	
	.ipage h2{font-size:35px;}
	
	
	.another-listing i{display:none;}
	.razorpay-payment-button{margin-left:-41px;}
	.right-menu{float:none;}
	#main_screen h1 {
		font-size: 29px;
	}
	#main_screen h1 a {
		padding: 5px 0 2px 0px;
		font-size: 14px;
	}
	#menu a {
		left: 24px;
		position: relative;
	}
	.login_box {
		padding: 0px 12px;
	}
	.right {left:0px;
        display: flex;
        justify-content: center;
    }
}

@media screen and (max-width:411px) {
	
	#menu a {
		display: block;
		margin: 0;
		text-align: initial;
	}
	.right {left:0px;
        display: flex;
        justify-content: center;
    }
}

@media screen and (max-width:384px) {
	#second_screen {
		margin-top: 95px;
	}
	.ipage h2 {font-size: 31px;}
    

	
	.profile{margin-top:26px;}
	
	.razorpay-payment-button{margin-left:-37px!important; font-size:14.4px!important;}
	
	.highinfo ul li {
		width: 100%;
		margin-left:0px!important;
	}
	.hint--bottom {
		text-indent: 6px;
	}
	.down_first {
		bottom: 5px;
	}
	html.k-webkit.k-webkit80.ng-scope {
		overflow: auto!important;
	}
	.indicatearrow {
		bottom: 1px;
	}
	#main_screen h1 {
		top: 51%;
		width: 80%;
	}
	#about_qibto {
		top: 8rem;
	}
	#main_screen h1 a {
		font-size: 13px;
	}
	.right {left:0px;
        display: flex;
        justify-content: center;
    }
}

@media screen and (max-width:375px) {
	.k-safari.k-safari605.k-mobile.ng-scope {
		overflow: auto;
	}
	html.k-webkit.k-webkit80.ng-scope{overflow:auto;}
	
	.razorpay-payment-button{font-size:14px!important;}
	#second_screen .up_down_second a {
		padding: 10px 0px;
	}
}

@media screen and (max-width:360px) {
	.k-webkit.k-webkit80.ng-scope {
		overflow: auto;
	}
	
	.ipage h2 {font-size: 30px;}
    

	
	ul#menu a {
		display: block;
		margin: 0px;
		line-height: 18px;
		text-align: initial;
	}
	
	.headbar {font-size:15px;}
		#dncalendar-body{overflow:auto!important;}
		.dncalendar-body thead td{padding:10px 2px!important;}
		
		/*.right {left:21%;}*/
		.right {left:0px;
        display: flex;
        justify-content: center;
    }
	
}

@media screen and (max-width:320px) {
	.k-safari.k-safari603.k-mobile.ng-scope {
		overflow: auto;
	}
	.ipage h2 { font-size: 26px; }
   

    #ui-datepicker-div{top:327px; left:23.5px;}
    
	.login_box {
		padding: 0px 34px;
	}
	
	.ihighinfo ul li {width: 100%;}
    
    .profile {margin-top:10px;}
    .headbar a {font-size:14px;}
    .headbar {font-size:13px;}
	
}
.homeicon {
    font-size: 20pt;
    margin-top: -3px;
}
.circleicon {
    font-size: 18pt!important;
    margin-top: -3px;
}
.mui-textfield--float-label>label {
    font-size: 15px;
    line-height: 30px;
    color: rgba(0, 0, 0, 0.87);
    text-align: left;
}
.mui-textfield .dobb{
      font-size: 15px;
    color: rgba(0, 0, 0, 0.87);
      top: 0px;
}
.box {
  
    border-top: none!important;
}