@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900|Montserrat:100,200,300,400,500,600,700,800,900|Open+Sans:300,400,600,700,800|Oswald:200,300,400,500,600,700|Poppins:100,200,300,400,500,600,700,800,900|Quicksand:300,400,500,700|Raleway:100,200,300,400,500,600,700,800,900|Roboto:100,300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Dancing+Script:400,700');
body {
	margin: 0;
	font-family: poppins, sans-serif;
	color: #333;
	position: relative;
	font-size: 14px;
	overflow-x: hidden;
	padding: 0 !important;
}
::selection { background-color:#36ba45; color:#ffffff; }
::-moz-selection { background-color:#36ba45; color:#ffffff; }
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}
.text_center{
	text-align: center;
}
button:focus, 
input:focus, 
select:focus, 
textarea:focus {
    outline: none !important;
}
p {
	color: #333333;
	font-family: poppins, sans-serif;
	font-size: 14px;
}

ul,
li {
padding: 0;
list-style: none;
margin: 0;
}

a {
text-decoration: none;
/*color: #333;*/
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}

a:focus,
a:hover {
text-decoration: none;
color: #35ba45;
}

img {
max-width: 100%;
}
/*====== loader css =====*/
.loader_wrapper {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #ffffff;
    z-index: 9999;
    text-align: center;
}
.loader_center {
    position: absolute;
    width: 100px;
    height: 110px;
    top: 50%;
    left: 50%;
    margin-top: -55px;
    margin-left: -50px;
}
.loader_dv {
}
.loader_dv span {
    color: #35ba45;
    font-size: 36px;
    display: inline-block;
    border: 2px solid;
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 50%;
}
.loader_dv p {
    margin-bottom: 0;
    font-size: 16px;
    margin-top: 8px;
    color: #000;
	-webkit-animation: fade_in_out infinite linear 1s;
	-moz-animation: fade_in_out infinite linear 1s;
	animation: fade_in_out infinite linear 1s;

}
/*====== loader css =====*/
section.top_bnr {
background: url('../images/banner.jpg')no-repeat;
background-size: cover;
position: relative;
z-index: 8;
}

.navbar-brand {
height: auto;
}

nav.navbar .navbar-brand img.logo {
width: 100%;
}

.bnr_cnt {
padding: 150px 0px 80px;
}

.bnr_cnt h1 {
font-size: 60px;
color: #ffffff;
font-weight: 400;
font-family: poppins;
margin-bottom: 40px;
}

.bnr_cnt h1 span {
font-weight: bold;
color: #36ba45;
}

.bnr_cnt p {
font-size: 20px;
color: #ffffff;
font-family: poppins;
font-weight: 400;
width: 75%;
margin: 0 auto;
line-height: 40px;
}

.bnr_cnt a.find_out {
	transition: all 0.5s ease;
	display: inline-block;
	padding: 20px 45px;
	margin-top: 25px;
	background: #36ba45;
	border-radius: 50px;
	font-size: 20px;
	text-align: center;
	font-weight: 600;
	font-family: inherit;
	text-transform: uppercase;
	color: #ffffff;
}

.bnr_cnt a.find_out:hover,
.input-group .input-group-btn button.sh_park:hover {
background:#000000;
color: #36ba45;
}

.tab .nav-tabs {
border-bottom: 0px solid transparent;
margin-bottom: 1px;
}

.tab .nav-tabs>li {
padding: 0 20px;
}

.tab .nav-tabs>li a {
font-size: 14px;
color: #ffffff;
font-weight: 400;
font-family: inherit;
text-transform: uppercase;
}

.tab .nav-tabs>li a:hover,
.tab .nav-tabs>li.active>a {
background: #36ba45;
color: #ffffff;
border: none;
}

.input-group .input-group-btn button.sh_park {
background: #36ba45;
border: none;
border-top-left-radius: 30px;
transition: all 0.5s ease;
border-bottom-left-radius: 30px;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
color: #ffffff;
font-weight: 600;
font-size: 14px;
padding: 13px 40px;
}

::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
font-size: 12px;
font-family: inherit;
}

::-moz-placeholder {
/* Firefox 19+ */
font-size: 12px;
font-family: inherit;
}

:-ms-input-placeholder {
/* IE 10+ */
font-size: 12px;
font-family: inherit;
}

:-moz-placeholder {
/* Firefox 18- */
font-size: 12px;
font-family: inherit;
}
.park_frm{
	padding: 10px;
}

.park_frm .form-control {
padding: 22px 15px;
/*border: none;*/
}

.park_frm .btn {
padding: 13.5px 12px;
border: none;
}

.park_frm .btn:hover {
background: #36ba45;
}

.frm_head p {
font-size: 14px;
color: #ffffff;
font-weight: 600;
font-family: inherit;
}

.nav-tabs>li>a {
border-radius: 0px;
}

.nav-tabs>li.active>a {
border: none;
}

.tab .nav-tabs>li {
padding: 0px;
}

.tab-content {
padding: 25px;
background: rgba(27, 39, 57, 0.5);
margin-top: 5px;
}

.Prk_blocks {
background: #36ba45;
padding: 20px 0px;
position: relative;
z-index: -998;
}

.no-padding {
padding-left: 0px;
}

.feat_park {
padding: 55px 0px;
}

.Feat_head h6,
.testi_head h6 {
color: #333333;
font-size: 19px;
font-weight: 600;
font-family: inherit;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 25px;
}

.Feat_head h2,
.testi_head h2 {
font-size: 32px;
font-family: inherit;
font-weight: 400;
color: #333333;
text-transform: uppercase;
}

.Feat_head h2 span,
.testi_head h2 span {
font-weight: 700;
}

.box {
background: #f0f0f0;
transition: all 0.5s ease;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
transition: all 0.3s;
}

.box:hover {
-webkit-transform: translateY(-5px);
-moz-transform: translateY(-5px);
transform: translateY(-5px);
}

.bx_img img,
.sal_img img {
width: 100%;
}

.feat_blk {
margin: 40px 0px;
}

.box_cnt p,
.ser_cnt p {
font-size: 14px;
color: #333333;
font-weight: 400;
font-family: inherit;
line-height: 24px;
}

.ser_cnt p {
margin: 28px 0px;
}

.box_cnt h4 {
font-size: 14px;
color: #333333;
font-weight: 600;
font-family: inherit;
line-height: 24px;
margin: 15px 0px;
}

.plus,
.plus1 {
width: 50px;
height: 50px;
border-radius: 50%;
background: #36ba45;
border: 2px solid #ffffff;
margin: -50px auto 0px auto;
position: relative;
transition: all 0.5s ease; display:none;
}

.plus1 {
display: none;
}

.box:hover .plus1 {
display: none;
background: #fff;
}

.box:hover .plus {
display: none;
}

.box_cnt {
padding: 25px 40px;
}

.lnks p {
position: relative;
font-size: 14px;
color: #333333;
margin-bottom: 0px;
font-family: inherit;
padding-left: 20px;
}

.lnks p:before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 6px;
height: 6px;
background: #36ba45;
}

.ser_cnt h2 {
font-size: 28px;
color: #333333;
font-weight: 400;
font-family: inherit;
}

.ser_cnt h4 {
font-size: 20px;
color: #333333;
font-weight: 700;
font-family: inherit;
text-transform: capitalize;
}

.Prof_inr h1 {
font-size: 50px;
color: #ffffff;
font-weight: bold;
font-family: inherit;
}

.Prof_inr h4 {
font-size: 24px;
color: #ffffff;
font-weight: 400;
font-family: inherit;
margin-top: 25px;
}

.Prof_Ser {
background: #1b2739;
position: relative;
min-height: 500px;
}

.Prof_inr.text-center {
padding: 65px 0px;
}

.car_img img {
margin: 0 auto;
}

.car_img {
position: absolute;
bottom: -69px;
left: 0;
right: 0;
margin: 0 auto;
}

.row.pos {
position: relative;
}

.col-md-7.no-padding {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
}

.park_manage {
margin-top: 90px;
}

.manage_bx {
position: relative;
}

.num {
position: absolute;
left: 30px;
top: 40px;
}

.manage_cnt {
padding-left: 40px;
}

.nav-tabs>li>a {
border: none;
}

.manage_bx {
border: dashed 2px #ccc;
padding: 45px 30px;
border-radius: 4px;
transition: all 0.5s;
}

.manage_bx:hover {
background: #36ba45;
border: dashed 2px #36ba45;
box-shadow: 0 0 11px rgba(33, 33, 33, 0.5);
}

.manage_bx:hover .manage_cnt h5,
.manage_bx:hover .manage_cnt p,
.manage_bx:hover .num h2 {
color: #fff;
}

.manage_cnt h5 {
font-size: 18px;
color: #333333;
font-weight: 600;
margin-bottom: 20px;
font-family: inherit;
}

.manage_cnt p {
font-size: 14px;
color: #333333;
font-weight: 400;
font-family: inherit;
}

.num h2 {
font-size: 24px;
color: #cccccc;
font-family: inherit;
font-weight: 600;
}

.park_manage {
padding-bottom: 65px;
}

.searching_blocks {
position: relative;
margin-bottom: 30px;
}

.icon_search {
position: absolute;
left: 0;
top: 0;
}

.icon_search_text {
padding-left: 60px;
}

.search_park h6,
.call_us h6 {
color: #36ba45;
font-size: 14px;
font-weight: 600;
font-family: inherit;
text-transform: uppercase;
margin-bottom: 30px;
}

.search_park h1 {
font-size: 36px;
font-weight: 700;
color: #333333;
font-family: inherit;
width: 50%;
margin-bottom: 50px;
}

.icon_search_text h3 {
font-size: 24px;
color: #333333;
font-weight: 600;
font-family: inherit;
text-transform: capitalize;
}

.icon_search_text p {
padding-top: 10px;
}

.col-container {
display: flex;
width: 100%;
}

.col {
flex: 1;
justify-content: center;
position: relative;
padding: 0px 15px;
}

.search_park_inner {
position: absolute;
top: 50%;
transform: translateY(-50%);
}

.testimonials {
background: #f6f7f8;
padding: 60px 0px;
}

.testi_image {
display: inline-block;
width: 100px;
height: 100px;
border-radius: 50%;
margin-bottom: 25px;
overflow: hidden;
}

.testimonials_inner_item {
background: #ffffff;
padding: 35px;
border-radius: 4px;
transition: all 0.5s;
}

.testimonials_inner_item.text-center:hover {
background: #36ba45;
}

.testimonials_inner_item.text-center:hover i.fa.fa-quote-left {
font-size: 30px;
color: #ffffff;
}

.testimonials_inner_item.text-center:hover p,
.testimonials_inner_item.text-center:hover h4,
.testimonials_inner_item.text-center:hover h6 {
color: #fff;
}

.item {
transition: all 0..5s;
}

.testimonials .item:hover .testi_image {
border: 5px solid #f6f7f8;
}

.testimonial_slide_outer {
margin-top: 60px;
}

.testi_image {
display: block;
width: 100px;
height: 100px;
border-radius: 50%;
margin-top: -50px;
overflow: hidden;
max-width: 100px;
margin: -50px auto 0 auto;
}

.name {
padding-bottom: 50px;
}

.Quote p {
padding: 20px 0px;
}

.name p {
padding: 0px;
font-size: 14px;
color: #333333;
}

.name h6 {
font-size: 14px;
color: #333333;
font-weight: 600;
font-family: inherit;
}

i.fa.fa-quote-left {
font-size: 30px;
color: #36ba45;
}

.news_ltr h4 {
font-size: 24px;
color: #ffffff;
font-weight: 400;
font-family: inherit;
text-transform: uppercase;
margin: 0;
line-height: 40px;
}

.news_ltr h4 span {
font-weight: 600;
}

.news_latter {
background: #36ba45;
padding: 55px 0px;
}

.news_latter input.news_txt {
width: 100%;
padding: 10px;
background: none;
border: 1px solid #ccc;
color: #ffffff;
}

input.sub_btn {
width: 100%;
padding: 10px;
background: #fff;
border-radius: 20px;
border: 1px solid #40ef11;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
transition: all 0.5s ease;
}

.ftr_inr {
padding: 80px 0px;
}

.ftr_logo_txt p {
margin-top: 30px;
}

.call_us h6 {
margin-bottom: 10px;
}

.useful_links ul {
margin-top: 15px;
}

.useful_links ul li a {
color: #333;
font-size: 14px;
text-transform: capitalize;
line-height: 30px;
position: relative;
}

.useful_links ul li a:before {
content: '\f0da';
font-family: FontAwesome;
color: #35ba45;
font-size: inherit;
padding-right: 15px;
}

.useful_links {
margin-top: 48px;
}

.useful_links h4 {
font-size: 18px;
font-weight: 600;
color: #333;
text-transform: uppercase;
}

footer {
background: url(../images/ftr_bg.jpg)no-repeat;
background-position: 100%;
background-size: cover;
position: relative;
}


}
.copy_Right p {
margin: 0px;
padding: 0px;
color: #ccc;
}
.copy_Right,
.ftr_social {
padding: 20px 0px;
}
.ftr_social li a span,
.ftr_social li a i {
color: #484848;
margin: 0px 5px;
}
.booking {
position: relative;
transition: all 0.5s;
}
.book_icon {
position: absolute;
left: 0;
top: 0;
width: 95px;
height: 95px;
border-radius: 4px;
background: #ffffff;
}
.booking:hover {
background: #fff;
border-radius: 4px;
box-shadow: 0 0 11px rgba(33, 33, 33, 1);
}
.booking:hover h4,
.booking:hover p {
color: #333;
}
.book_txt {
padding-left: 110px;
}
.book_icon img {
margin: 0 auto;
position: absolute;
left: 0;
top: 50%;
right: 0;
transform: translateY(-50%);
}
.green {
background: #36ba45;
}
.book_txt {
min-height: 95px;
position: relative;
border-left: 3px solid #fff;
border-radius: 4px;
transition: all 0.5s ease;
}
.booking:hover .book_txt {
border-left: 3px solid #36ba45;
}
.book_txt p {
margin: 0px;
}
.book_text_inr {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.book_txt p {
color: #fff;
}
.book_text_inr h4 {
font-weight: 700;
}
.no-padding2 {
padding-right: 0px;
}
.attr-nav>ul {
text-align: center;
}
.attr-nav>ul>li>a p {
color: #fff;
font-size: 14px;
text-transform: uppercase;
}
.attr-nav>ul>li {
position: relative;
}
.attr-nav>ul>li:before {
content: '';
position: absolute;
left: 0;
top: 50%;
width: 1px;
height: 45px;
background: #fff;
transform: translateY(-50%);
}
.attr-nav>ul>li:last-child:after {
content: '';
position: absolute;
right: 0;
top: 50%;
width: 1px;
height: 45px;
background: #fff;
transform: translateY(-50%);
}
nav.navbar.bootsnav ul.nav>li>a {
padding: 6px 12px;
font-weight: 400;
color: #fff;
}
.navbar-right{ 
margin-top:23px;
margin-right:-18px;
}
nav.navbar.bootsnav.no-background.white ul.nav>li>a:hover {
color: #36ba45!important;
}
input.sub_btn:hover {
background: #333;
color: #fff;
}
.useful_links ul li a:hover {
color: #36ba45;
}
nav.navbar.bootsnav {
background-color: #000;
border: none;
border-bottom: solid 1px #959595;
}
.btm_ftr {
border-top: 1px solid #cccccc;
}
.ftr_social li a span:hover,
.ftr_social li a i:hover {
color: #36ba45;
}
.call_us a {
display: block;
padding: 10px;
background: #36ba45;
color: #fff;
}
.call_us i.fa.fa-map {
margin-right: 10px;
}
.call_us a:hover {
background: #333333;
color: #36ba45;
}
.tb {
display: table;
}
.tb_cell,
.tb_cell2,
.tb_cell1 {
display: table-cell;
vertical-align: middle;
}
.tb_cell1 {
display: none;
}
.tb_cell2 {
padding-left: 10px;
}
.google_pay_icon a {
display: inline-block;
background: #36ba45;
padding: 24px;
}
.tb_cell2 h6 {
color: #333;
font-size: 12px;
font-weight: 400;
text-transform: uppercase;
}
.tb_cell2 h4 {
color: #333;
font-size: 16px;
font-weight: 600;
text-transform: capitalize;
}
.google_pay_icon a:hover {
background: #333;
}
.google_pay_icon a:hover .tb_cell2 h6,
.google_pay_icon a:hover .tb_cell2 h4 {
color: #fff;
}
.google_pay_icon a:hover .tb_cell1 {
display: block;
}
.google_pay_icon a:hover .tb_cell {
display: none;
}
.plus img,
.plus1 img {
max-width: 100%;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
top: 50%;
transform: translateY(-50%);
}
.news_txt::-webkit-input-placeholder {
color: #fff;
}
.news_txt:-moz-placeholder {
color: #fff;
}
.news_txt::-moz-placeholder {
color: #fff;
}
.box:hover .bx_img img {
transform: scale(1.1, 1.1);
}
.bx_img {
overflow: hidden;
}
.bx_img img {
transform: scale(1, 1);
transition: all 0.5s;
}
.attr-nav>ul>li>a {
color: #ffffff;
}
.attr-nav>ul>li>a p:hover,
.attr-nav>ul>li>a i:hover {
color: #36b944;
}
.attr-nav {
margin-left: 70px;
}
nav.navbar.bootsnav ul.nav>li>a:hover {
color: #36ba45;
}
nav.navbar.bootsnav .navbar-toggle {
background-color: inherit;
color: #36ba45;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
background: #36ba45;
}

/*login page css starts here*/
.topbg {
background: #000;
min-height: 110px;
}
.login {
background: #ddf4e0;
padding: 80px 0px 50px;
}
.login .Feat_head h6 {
font-size: 14px;
letter-spacing: 0;
}
.login .Feat_head h2 {
text-transform: capitalize;
margin-bottom: 10px;
}
.fb_login {
background: #2952ac;
display: table;
width: 100%;
min-height: 50px;
}
.fb_icon,
.fb_txt {
display: table-cell;
}
.fb_icon {
line-height: 50px;
width: 10%;
text-align: center;
border-right: 2px solid #4770c8;
}
.fb_txt {
width: 90%;
text-align: center;
}
.fb_icon i {
color: #fff;
}
.fb_txt a {
color: #fff;
}
.Sign_in span {
font-size: 14px;
color: #fff;
font-weight: 600;
font-family: inherit;
text-align: center;
;
background: #4bd05b;
padding: 5px 15px;
display: inline-block;
text-transform: uppercase;
position: relative;
z-index: 10;
}
.Sign_in {
position: relative;
margin: 30px 0px;
}
.Sign_in:before {
content: '';
position: absolute;
width: 100%;
left: 0;
top: 50%;
height: 1px;
background: #ccc;
z-index: 9;
}
.frm_Fields button {
width: 100%;
text-align: center;
border: none;
background: #35ba45;
border-radius: 0px;
color: #fff;
padding: 18px 0px;
font-size: 20px;
font-weight: 600;
text-transform: uppercase;
}
.frm_Fields button:hover {
background: #333;
color: #fff;
}
.frm_Fields .form-control,
.gener_frm .form-control {
height: auto;
padding: 12px;
border-radius: 0px;
}
.bdr span {
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
margin: 0 auto;
text-align: center;
text-transform: uppercase;
height: 50px;
width: 50px;
border-radius: 50%;
background: #35ba45;
line-height: 50px;
display: block;
font-size: 14px;
color: #fff;
font-weight: 600;
}
.login-wrapper {
width: 80%;
margin: 0 auto;
}
.bdr:before {
content: '';
min-height: 475px;
border-right: 2px solid #35ba45;
position: absolute;
right: 50%;
margin: 0 auto;
transform: translateX(-50%);
}
.bdr {
position: relative;
min-height: 475px;
}
.Required {
	margin-top: 20px;
}
.Required p {
	margin: 0;
	padding: 0;
	line-height: 18px;
	font-weight: 400;
}
.contact_us_bg {
    background: url(../images/contact-us.jpg)no-repeat center;
    background-size: cover;
    padding: 60px 0px;
    width: 100%;
	z-index: 1;
    float: left;
}
.breedcrumb ul li {
display: inline-block;
padding: 0px 5px;
position: relative;
}
.breedcrumb ul li a {
color: #fff;
}
.breedcrumb ul li:first-child:after {
content: '//';
color: #fff;
margin-left: 10px;
}
.breedcrumb h2 {
color: #fff;
text-transform: uppercase;
font-size: 32px;
font-weight: 600;
margin-top: 20px;
}
.Gen_inq {
position: relative;
margin-top: 50px;
}
.gen_icn {
position: absolute;
left: 0;
width: 40px;
height: 40px;
border: 1px solid #ccc;
border-radius: 4px;
bottom: 5px;
transition: all 0.5s;
}
.gen_icn:hover {
background: #35ba45;
}
.gen_icn:hover i {
color: #333;
}
.gen_icn i {
text-align: center;
line-height: 40px;
width: 40px;
color: #35ba45;
font-size: 18px;
}
.info {
padding-top: 45px;
}
.gen_txt {
padding-left: 55px;
}
.gen_txt p {
margin: 0px;
line-height: 26px;
}
.form-group textarea {
width: 100%;
}
.gener_frm {
margin-top: 50px;
}
.general_info h4 {
text-transform: uppercase;
font-weight: 600;
color: #333;
font-size: 18px;
}
.info_inr {
box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.3);
padding: 75px 60px;
position: relative;
top: 35px;
background: #fff;
}
.welcome {
margin: 60px 0px;
}
.wlcm_txt h2 {
font-size: 32px;
margin: 0;
font-weight: 600;
color: #333;
width: 80%;
}
.wlcm_txt h2 span {
color: #36ba45;
}
.wlcm_txt p {
margin: 25px 0px;
}
.wlcm_btn a.lrn_more,
.generic_wrpr a {
display: inline-block;
padding: 12px 14px;
font-size: 14px;
font-weight: 600;
color: #fff;
background: #35ba45;
text-align: center;
transition: all 0.5s;
}
.generic_wrpr a:hover,
.wlcm_btn a.lrn_more:hover {
background: #333;
color: #35ba45;
}
.wlcm_btn a.phn:hover {
color: #35ba45;
}
.wlcm_btn a.phn {
color: #333333;
font-size: 14px;
font-weight: 600;
}
.wlcm_btn a.phn i {
color: #35ba45;
padding-right: 8px;
}
.wlcm_btn a {
display: inline-block;
margin-right: 20px;
}
.wlcm_btn {
margin-bottom: 30px;
border-bottom: 1px solid #ccc;
padding-bottom: 30px;
}
.ach_mnt_bx {
box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.06);
padding: 30px 20px;
transition: all 0.5s;
}
.ach_mnt_bx:hover {
background: #35ba45;
}
.ach_mnt_bx:hover h6 {
color: #fff;
}
.ach_mnt_bx:hover h5 {
color: #fff;
}
.ach_mnt_bx h6,
.bx_wrpr_icon_txt h6 {
font-size: 16px;
color: #333;
font-weight: 600;
margin-bottom: 10px;
}
.ach_mnt_bx h5 {
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
color: #35ba45;
}
.wlcm_img img {
width: 100%;
}
.bx_wrpr {
background: #f8f8f8;
padding: 25px;
transition: all 0.5s;
}
.bx_wrpr:hover {
background: #35ba45;
}
.bx_wrpr:hover .bx_wrpr_icon_txt h6,
.bx_wrpr:hover .bx_wrpr_icon_txt p {
color: #fff;
}
.Abt_blocks {
margin-bottom: 60px;
}
.num_scroll {
background: url(../images/rateingbg.jpg)no-repeat center;
background-size: cover;
padding: 60px 0px;
position: relative;
}
section.num_scroll:before {
content: '';
width: 100%;
height: 100%;
background: #35ba45;
opacity: 0.5;
position: absolute;
left: 0;
top: 0;
}
.scrl_wrpr h2 span {
font-size: 32px;
font-weight: 700;
text-align: center;
color: #fff;
margin: 20px 0px;
}
.scrl_wrpr p {
text-transform: uppercase;
color: #fff;
}
.bx_wrpr_icon2 img {
margin: 0 auto;
}
.col-container {
display: flex;
width: 100%;
}
.cols {
flex: 1;
position: relative;
}
.bx_wrpr_icon1 {
display: none;
}
.bx_wrpr_icon_txt {
margin-top: 12px;
overflow-wrap: break-word;
}
.bx_wrpr .bx_wrpr_icon_txt p {
    overflow-wrap: break-word;
    text-align: justify;
}
.bx_wrpr_icon2 {
margin-bottom: 20px;
}
.bx_wrpr:hover .bx_wrpr_icon {
display: none;
}
.bx_wrpr:hover .bx_wrpr_icon1 {
display: block;
}
.cols img {
width: 100%;
}
.generic_wrpr {
padding: 0px 40px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.generic_wrpr h2 {
font-size: 24px;
text-transform: uppercase;
color: #333;
font-weight: 600;
padding-bottom: 15px;
position: relative;
}
.generic_wrpr h2:before {
content: '';
width: 70px;
height: 2px;
background: #36ba45;
left: 0;
bottom: 0;
position: absolute;
}
.generic_wrpr p {
margin: 20px 0px;
text-align: justify;
}
.history_head h2 {
font-size: 24px;
text-transform: capitalize;
color: #333;
font-weight: 600;
padding-bottom: 15px;
position: relative;
}
.history {
padding: 80px 0px;
background: #f5f8ff;
}
.history_wrpr {
width: 50%;
margin: 0 auto;
}
.news_latter.mrgn_tp {
margin-top: -5px;
}

/*timeline css starts here*/
.demo {
margin: 65px 0px 0px;
}
.main-timeline {
position: relative;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.main-timeline .timeline {
margin-bottom: 50px;
position: relative;
}
.main-timeline .timeline:before,
.main-timeline .timeline:after {
content: "";
display: block;
width: 100%;
clear: both;
}
.main-timeline .timeline-icon {
width: 50px;
height: 50px;
background: #1abc9c;
overflow: hidden;
margin-left: -23px;
position: absolute;
top: 0;
left: 50%;
text-align: center;
}
.main-timeline .timeline-icon i {
font-size: 26px;
line-height: 50px;
color: #fff;
}
.main-timeline .timeline-content {
border: 1px solid #cccccc40;
width: 35%;
padding: 20px 20px 5px;
background: #fff;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
margin-left: 10%;
}
.main-timeline .timeline-content:before {
content: "";
position: absolute;
left: 45%;
width: 34px;
background: #35ba45;
top: 11%;
height: 2px;
}
.main-timeline .timeline-content.right:after {
content: "";
position: absolute;
right: 46.7%;
width: 10px;
background: #333;
top: 9%;
height: 10px;
}
.main-timeline .timeline-content:after {
content: "";
position: absolute;
right: 52%;
width: 10px;
background: #35ba45;
top: 9%;
height: 10px;
}
.main-timeline .title {
font-size: 16px;
font-weight: 400;
color: #fff;
padding: 10px 20px;
background: #35ba45;
margin: -20px -20px 10px;
}
.main-timeline .description {
font-size: 14px;
color: #333;
text-align: justify;
line-height: 24px;
}
.main-timeline .timeline-content.right {
float: right;
}
.rigth_img {
    float: right !important;
}
.main-timeline .timeline-content.right:before {
content: "";
right: 45%;
left: inherit;
width: 30px;
background: #333333;
}
.main-timeline:before {
content: "";
height: 110%;
border: dashed 1px #ccc;
position: absolute;
top: -35px;
left: 50%;
}
.timeline-content span {
font-weight: 300;
font-size: 14px;
}
.main-timeline>div:nth-child(even) .timeline-icon {
background: #333;
}
.main-timeline>div:nth-child(odd) .timeline-icon {
background: #35ba45;
}
h6.time_line_head {
font-size: 18px;
color: #333;
font-weight: 400;
margin-bottom: 15px;
margin-top: 15px;
}

/*search dtl page css starts here*/
.search_dtl {
background: #eeeff3;
padding: 60px 0px;
}
.srch_map,
.near_by,
.near_by_desc,
.ttl_price,
.member {
padding: 8px;
background: #fff;
}
.member.hover.flip.unavailable_spc {
    background-color: #dedede;
    border-left: 2px solid #dedede;

}
.unavailable_spc a:focus, a:hover {
    text-decoration: none;
    color:#7d7d7d;

}
.member.hover.flip.unavailable_spc:hover {
    border-left: 2px solid #bbb;
    background-color: #eee;
}
.unavailable_spc .member_info p span.way {
    color: #7d7d7d;
}
.unavailable_spc p strong {
    color: #8f8f8f;
}
.unavailable_spc li.unreserve {
    color: #8f8f8f;
}
.unavailable_spc li i.fa.fa-star {
    color: #8f8f8f;
}

/*.....changes made on 29-5-19.....*/
.unavailable_spc li i.fa.fa-star-o {
    color: #8f8f8f;
}
.member.hover.flip.unavailable_spc a {
    color: #8f8f8f;
}
.member.hover.flip.unavailable_spc .del_pop_up a {
    border-color: #8f8f8f;
}



/*.....changes made on 29-5-19.....*/


.unavailable_spc .how_much a {
    background-color: #ccc;
}
.rtng ul li,
.member_info ul li {
display: inline;
}
.pop_up_bx {
padding: 20px;
background: #fff;
}

.rtng ul li i,
.rtng p,
.member_info ul li i {
color: #f5cb00;
}
.map_dtl {
padding: 20px 15px 0px;
}
.map_desc h4 {
font-size: 18px;
color: #333;
}
.map_desc p {
position: relative;
padding-left: 20px;
margin-top: 5px;
}
.map_desc p:before {
content: '\f041';
position: absolute;
left: 0;
top: 0;
font-family: 'FontAwesome';
font-size: 18px;
color: #35ba45;
}
.rtng p {
margin-bottom: 0px;
}
.near_by {
margin: 10px 0px;
}
.increase_height{
	padding:8px 8px 76px 8px;
}
.near_by_head h4 {
font-size: 18px;
color: #35ba45;
text-transform: capitalize;
margin-bottom: 15px;
padding-bottom: 10px;
position: relative;
padding-top: 15px;
}
.near_by_head h4:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 50px;
height: 2px;
background: #35ba45;
}
.table-bordered>thead>tr>th {
border-bottom: 0px;
}
.near_by th {
font-weight: 400;
font-size: 18px;
color: #fff;
font-family: inherit;
}
.near_by thead {
background: #35ba45;
}
.near_by tr>td {
font-size: 14px;
color: #333;
font-weight: 400;
}
.span4 img {
margin-right: 15px;
margin-bottom: 0px;
}
.span4 .img-left {
    float: left;
    height: 150px;
    margin: 0 0 15px;
}
.facility ul li {
display: inline-block;
margin-right: 10px;
}
.facility ul li span {
font-size: 14px;
color: #333;
padding-left: 5px;
}
.facility ul li span.chk {
margin-top: 5px;
}
.calender_srch,
.member {
margin: 15px 0px;
}
.total_fare h1 {
font-size: 23px;
color: #7b7b7b;
font-family: inherit;
font-weight: 400;
padding-top: 20px;
padding-left: 10px;
}
.ttl_price .call_us a {
border-radius: 4px;
text-align: center;
text-transform: capitalize;
}
.ttl_price .call_us {
margin: 23px 0px;
}
.padding-left {
padding-left: 0px;
}
.member_info h2 {
font-size: 24px;
color: #35ba45;
margin: 0px;
}
.member_info p {
margin: 0px;
}
.member .call_us a {
border-radius: 4px;
text-align: center;
}
.member .call_us {
margin: 15px 0px;
}
.member h5 {
font-size: 16px;
color: #333;
font-weight: normal;
font-family: inherit;
text-align: center;
padding-bottom: 23px;
}
.rtng_rev ul {
display: inline-block;
}
.rtng_rev>ul:first-child {
margin-right: 15px;
}
.how_much a {
display: inline-block;
padding: 5px 8px;
text-align: center;
background: #35ba45;
color: #ffffff;
font-family: inherit;
font-size: 14px;
border-radius: 4px;
}
.rtng_rev {
margin-bottom: 5px;
}
.how_much a:hover {
background: #333;
}
.member_info {
    overflow-wrap: break-word;
}
.member_info ul {
    font-size: 13px;
}
.member_info p {
font-size: 13px;
}
.member_info p span.way {
color: #35ba45;
}
.member_info p i {
color: #ccc;
padding-right: 2px;
}
.member.hover {
transition: all 0.5s;
border-left: 2px solid #fff;
}
.member.hover:hover {
background: #dbf4d4;
}
.rtng_rev ul li {
font-size: 16px;
font-weight: 600;
color: #f5cb00;
}
.search_dtl .member.hover:first-child {
margin-top: 0px;
}
.search_dtl .member.hover:last-child {
margin-bottom: 0px;
}
.search_dtl.list {
padding: 60px 0px 0px;
}
.member.hover:hover {
border-left: 2px solid #35ba45;
}
.cir_icon i {
width: 40px;
height: 40px;
border-radius: 50%;
border: 2px solid #ccc;
line-height: 36px;
text-align: center;
color: #36ba45;
}
.del_pop_up a {
display: inline-block;
padding: 5px 25px;
border: 2px solid #36ba45;
text-transform: uppercase;
border-radius: 34px;
color: #36ba45;
}
.how_much.wdth a {
display: block;
}
.how_much.wdth {
margin: 15px 0px;
}
.rtng_rev>ul:nth-child(3) {
margin-left: 15px;
}
.gallery img {
width: 100%;
}
.pop_up_top {
margin-bottom: 15px;
}
.para {
margin: 10px 0px;
}
.pop_up_bx .member_info p {
margin-top: 5px;
text-transform: capitalize;
}
.pop_up_bx .member_info p {
font-size: 14px;
}
.gallery h5 {
font-size: 16px;
text-transform: uppercase;
margin-bottom: 15px;
}
/*.pop_up_bx.panel {
opacity: 0;
position: absolute;
top: 0;
transform: translateX(-110%);
transition: all 0.5s ease;
}*/
.panel {
position: absolute;
top: 0;
left: 0;
z-index: 99;
width: 100%;
}
.pop_up_bx {
padding: 20px;
background: #fff;
}

.pp_parent {
position: relative;
/*overflow: auto;
height: 500px;*/
}
.main {
position: absolute;
top: 0;
transform: translateX(-110%);
opacity: 1;
transition: all 0.5s ease;
}
.cross_btn {
position: absolute;
right: -28px;
top: -18px;
display:none;
}
.cross_btn button {
background: transparent;
border: none;
}
.sbt_btn input.sbmt_btn {
background: #35ba45;
border: none;
padding: 8px 20px;
color: #fff;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
transition: all 0.5s;
}
.sbt_btn input.sbmt_btn:hover {
color: #fff;
background: #333;
}

/*calender-css*/
div.zabuto_calendar div.legend {
display: none;
}
div.zabuto_calendar {
margin: 0;
padding: 0;
}
div.zabuto_calendar .table {
width: 100%;
margin: 0;
padding: 0;
}
div.zabuto_calendar .table th,
div.zabuto_calendar .table td {
padding: 4px 2px;
text-align: center;
}
div.zabuto_calendar .table tr th,
div.zabuto_calendar .table tr td {
background-color: #ffffff;
}
/*div.zabuto_calendar .table tr.calendar-month-header th {
background-color: #fafafa;
}*/
div.zabuto_calendar .table tr.calendar-month-header th span {
cursor: pointer;
display: inline-block;
padding-bottom: 10px;
}
div.zabuto_calendar .table tr.calendar-dow-header th {
background-color: #f7f9f8;
padding: 9px 0px;
}
/*div.zabuto_calendar .table tr:last-child {
border-bottom: 1px solid #dddddd;
}*/
div.zabuto_calendar .table tr.calendar-month-header th {
padding-top: 12px;
padding-bottom: 4px;
}
div.zabuto_calendar .table-bordered tr.calendar-month-header th {
border-left: 0;
border-right: 0;
}
div.zabuto_calendar .table-bordered tr.calendar-month-header th:first-child {
border-left: 1px solid #dddddd;
}
div.zabuto_calendar div.calendar-month-navigation {
cursor: pointer;
margin: 0;
padding: 0;
padding-top: 5px;
}
div.zabuto_calendar tr.calendar-dow-header th,
div.zabuto_calendar tr.calendar-dow td {
width: 14%;
}

div.zabuto_calendar .table tr td div.day {
margin: 0;
padding-top: 7px;
padding-bottom: 7px;
border: 1px solid #dcdcdc;
background: #f6f6f6;
}

/* actions and events */
div.zabuto_calendar .table tr td.event div.day,
div.zabuto_calendar ul.legend li.event {
background-color: #fff0c3;
}
div.zabuto_calendar .table tr td.dow-clickable,
div.zabuto_calendar .table tr td.event-clickable {
cursor: pointer;
}

/* badge */
div.zabuto_calendar .badge-today,
div.zabuto_calendar div.legend span.badge-today {
background-color: #357ebd;
color: #ffffff;
text-shadow: none;
}
div.zabuto_calendar .badge-event,
div.zabuto_calendar div.legend span.badge-event {
background-color: #ff9b08;
color: #ffffff;
text-shadow: none;
}
div.zabuto_calendar .badge-event {
font-size: 0.95em;
padding-left: 8px;
padding-right: 8px;
padding-bottom: 4px;
}

/* legend */
div.zabuto_calendar div.legend {
margin-top: 5px;
text-align: right;
}
div.zabuto_calendar div.legend span {
color: #999999;
font-size: 10px;
font-weight: normal;
}
div.zabuto_calendar div.legend span.legend-text:after,
div.zabuto_calendar div.legend span.legend-block:after,
div.zabuto_calendar div.legend span.legend-list:after,
div.zabuto_calendar div.legend span.legend-spacer:after {
content: ' ';
}
div.zabuto_calendar div.legend span.legend-spacer {
padding-left: 25px;
}
div.zabuto_calendar ul.legend>span {
padding-left: 2px;
}
div.zabuto_calendar ul.legend {
display: inline-block;
list-style: none outside none;
margin: 0;
padding: 0;
}
div.zabuto_calendar ul.legend li {
display: inline-block;
height: 11px;
width: 11px;
margin-left: 5px;
}
div.zabuto_calendar ul.legend div.zabuto_calendar ul.legend li:first-child {
margin-left: 7px;
}
div.zabuto_calendar ul.legend li:last-child {
margin-right: 5px;
}
div.zabuto_calendar div.legend span.badge {
font-size: 0.9em;
border-radius: 5px 5px 5px 5px;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 3px;
}
*:focus {
outline: none;
}
div.zabuto_calendar .table tr.calendar-month-header th span.glyphicon {
cursor: pointer;
display: inline-block;
padding-bottom: 10px;
width: 24px;
line-height: 24px;
height: 24px;
border-radius: 30px;
background: #a2cdff;
}
.park_space_head h2 {
font-size: 24px;
color: #333;
font-family: inherit;
font-weight: 500;
margin-bottom: 35px;
}
.member .glyphicon-chevron-left:before {
content: "\e079";
color: #fff;
}
.member .glyphicon-chevron-right:before {
content: "\e080";
color: #fff;
}
.member_img img {
width: 100%;
}
.Abt_blocks.rent_Park {
padding: 45px 0px 0px;
}
.rnt_space_btn a {
background: #36ba45;
border: none;
transition: all 0.5s ease;
color: #ffffff;
font-weight: 600;
font-size: 14px;
padding: 13px 40px;
display: inline-block;
}
.rnt_space_btn.text-center {
margin: 45px 0px;
}
.rnt_space_btn a:hover {
background: #333;
color: #36ba45;
}
.trusted_box {
position: relative;
transition: all 0.5s;
}
.trust_icn_txt {
transition: all 0.5s;
}
.trust_icn1 {
display: none;
}
.trusted_box:hover .trust_icn1 {
display: block;
}
.trusted_box:hover .trust_icn_txt h2,
.trusted_box:hover .trust_icn_txt h6 {
color: #36ba45;
}
.trusted_box:hover .trust_icn {
display: none;
}
.trust_icn,
.trust_icn1 {
position: absolute;
left: 0;
top: 0;
}
.trust_icn_txt {
padding-left: 80px;
}
.trust_icn_txt h2 {
font-size: 18px;
font-weight: 700;
font-family: inherit;
color: #333;
}
.trust_icn_txt h6 {
font-size: 14px;
font-weight: 700;
font-family: inherit;
text-transform: uppercase;
opacity: 0.6;
font-weight: 600;
margin-top: 10px;
}
.trust_icn_txt_bx {
position: relative;
min-height: 64px;
}
.trusted {
padding-top: 35px;
}
.trust_icn_txt {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.trusted_box:after {
content: '';
width: 1px;
height: 100%;
background: #cccccc45;
position: absolute;
top: 0;
right: 0;
}
.trusted .col-md-4:last-child .trusted_box:after {
display: none;
}
.breedcrumb ul li a:hover {
color: #36ba45;
}

/*All Media Query Css*/


/*===============media query css start============*/
@media(max-width: 990px){
    .container{
        width: 100%;
    }
.navbar-right {
    display: inline-block;
    width: 100%;
    padding: 0 !important;
}
nav.navbar.bootsnav .navbar-toggle {
    display: inline-block;
    float: right;
    margin-right: 0;
    padding: 12px;
}
nav.navbar.bootsnav .navbar-header {
    float: none;
    display: block;
    text-align: left;
     padding-left: 0px; 
     padding-right: 0px; 
}
nav.navbar.bootsnav .navbar-toggle i {
    font-size: 30px;
}
#navbar-menu .top_nav{
    float: right;
    width: 100%;
}
ul.nav.navbar-nav.navbar-right li a {
    border-bottom: 1px solid #3e3e3e;
    border-top: 0;
    display: inline-block;
    width: 100%;
}
ul.nav.navbar-nav.navbar-right li + li{
    margin-top: 12px;
}
.dropdown.laguage_shw2 {
    padding: 12px 0px;
}
.dropdown.laguage_shw2 ul.dropdown_menu li a {
    border: none;
}
.park_lne {
   margin-top: 0px !important;
    margin-left: 0px !important;
    width: 100% !important;
}
.bk_prd.clne .btn{
    padding: 0px 12px !important;
}
a button.verfy.btn-success {
    padding: 10px 13px !important;
    margin-left: 14px;
    height: 41px;
}
.btn-group.bootstrap-select.open .dropdown-menu.open {
    width: 123px;
}
h4.mob-right {
    text-align: left;
    padding-bottom: 12px;
}

}







/*===============media query css end============*/





@media (max-width: 979px) {
div.zabuto_calendar .table th,
div.zabuto_calendar .table td {
padding: 2px 1px;
}
}
@media (max-width: 767px) {
.padding-left {
padding-left: 15px;
padding-top: 15px;
}

.bnr_cnt h1 {
font-size: 36px;
}

.bnr_cnt p {
width: 100%;
font-size: 16px;
line-height: 26px;
}

.bnr_cnt a.find_out {
font-size: 16px;
padding: 14px 30px;
}

.park_frm .input-group {
margin: 20px 0px;
}

.input-group .input-group-btn button.sh_park {
padding: 12px 30px;
}

.ser_cnt h4 {
font-size: 16px;
padding-bottom: 10px;
}

.ser_cnt h2 {
font-size: 24px;
}

.Feat_head h2,
.testi_head h2 {
font-size: 24px;
}

.Prof_inr h1 {
font-size: 36px;
}

.Prof_inr h4 {
font-size: 18px;
line-height: 26px;
}

.Prof_Ser {
min-height: 380px;
}

input.sub_btn {
width: 50%;
margin: 20px auto 0 auto;
display: block;
}

.news_ltr {
margin-bottom: 15px;
}

.call_outer {
margin: 30px 0px;
}

.useful_links {
margin-top: 20px;
}

.copy_Right p {
text-align: center;
}

.copy_Right {
padding: 20px 0px 0px;
}

.ftr_social ul {
text-align: center;
}

.ftr_social {
padding: 0px 0px 20px;
}

.ftr_inr {
padding: 40px 0px;
}

nav.navbar .navbar-brand img.logo {
width: 100px;
}

.attr-nav>ul>li>a {
padding-left: 8px !important;
padding-right: 8px !important;
}

.attr-nav>ul>li>a p {
font-size: 10px;
}

.no-padding {
padding-left: 15px;
}

.manage_cnt {
text-align: center;
padding-left: 0px;
}

.num {
position: relative;
left: 0;
top: 0;
display: block;
width: 100%;
text-align: center;
margin-bottom: 20px;
}

.topbg {
min-height: 81px;
}

.contact_us_bg {
padding: 20px 0px;
}

.breedcrumb h2 {
margin-top: 10px;
font-size: 20px;
}

.wlcm_txt h2 {
font-size: 20px;
text-align: center;
margin-top: 15px;
width: 100%;
}

.park_space_head h2 {
font-size: 22px;
}

.bx_wrpr_icon_txt {
margin-top: 25px;
}

.rnt_space_btn a {
display: inline-block;
margin: 8px 0px;
}

.wlcm_txt p,
.wlcm_btn,
.bx_wrpr_icon_txt {
text-align: center;
}

.bx_wrpr {
margin: 15px 0px;
}

.bx_wrpr_icon img,
.bx_wrpr_icon1 img {
margin: 0 auto;
}

.map_desc {
text-align: center;
}

.rtng.text-right,
.total_fare,
.member_info {
text-align: center;
}

.span4 .img-left {
float: none;
}

img.img-left {
width: 100%;
margin-bottom: 20px;
}

.trusted_box:after {
content: '';
width: 100%;
height: 2px;
background: #cccccc45;
position: absolute;
bottom: 0;
}
.trusted_box {
padding-top: 20px;
}
.wlcm_img_wrap{
    width: 100% !important;
    padding: 12px 0px;
    padding-right: 0px !important;
}





}
@media(max-width: 991px) {
.booking {
position: relative;
margin: 15px 0px;
}

.box,
.manage_bx {
margin: 15px 0px;
}

.ser_cnt {
margin-top: 15px;
}

.col-container {
display: block;
}

.col,
.cols {
flex: none;
display: block;
width: 100%;
}

.search_park_inner,
.generic_wrpr {
position: initial;
top: 0;
transform: translateY(0);
}

.search_park h1 {
font-size: 24px;
width: 100%;
}

.search_park {
margin-top: 30px;
}

.search_park h6 {
margin-bottom: 15px;
}

.testimonials {
margin-top: 30px;
}

nav.navbar.bootsnav ul.nav>li>a {
padding: 15px 20px;
}

.attr-nav {
margin-left: 13px;
}

footer {
background: none;
border-top: 1px solid #eee;
margin-top: 22px;
}

.google_pay_icon {
text-align: center;
}

.manage_cnt {
text-align: center;
padding-left: 0px;
}

.num {
position: relative;
left: 0;
top: 0;
display: block;
width: 100%;
text-align: center;
margin-bottom: 20px;
}

.icon_search_text {
padding-left: 0px;
text-align: center;
}

.icon_search img {
margin: 0 auto;
}

.icon_search {
position: relative;
left: 0;
top: 0;
display: block;
width: 100%;
margin-bottom: 20px;
}

.ser_cnt {
text-align: center;
}

.search_park {
text-align: center;
}

.mob img {
margin: 0 auto;
}

.generic_wrpr {
padding: 0px 15px;
margin: 15px 0px;
}

.cols:nth-child(even) {
margin-bottom: 30px;
}

.history_wrpr {
width: 100%;
}

.main-timeline:before {
height: 100%;
top: 0px;
}

.main-timeline .timeline-content:before {
display: none;
}

.history {
padding: 35px 0px;
}

.scrl_wrpr.text-center {
padding: 25px 0px;
}

.bdr {
min-height: 100px;
}

.bdr:before {
display: none;
}

.Feat_head.wow.fadeInDown {
text-align: center;
}

.login .Feat_head h6 {
line-height: 22px;
}

.info_inr {
padding: 30px;
}

.general_info,
.gener_frm {
margin-top: 25px;
text-align: center;
}

.gen_txt {
padding-left: 0px;
margin-top: 15px;
text-align: center;
}

.gen_icn {
position: relative;
right: 0;
margin: 0 auto;
}

/*.Gen_inq {
width: 33.33%;
float: left;
margin-bottom: 30px;
}*/

.panel {
position: absolute;
top: 0;
transform: translateX(100%);
}

.pp_parent {
margin: 80px 0px;
}

.rnt_space_btn.text-center {
margin: 15px 0px;
}

.trust_icn,
.trust_icn1 {
position: relative;
text-align: center;
}

.trust_icn img,
.trust_icn1 img {
margin: 0 auto
}

.trust_icn_txt {
position: initial;
top: 0;
transform: translateY(0);
padding-left: 0px;
text-align: center;
margin-top: 30px;
}

.rent_Park .bx_wrpr {
min-height: 290px;
}
}
@media(min-width: 768px) and (max-width: 991px) {
.park_frm .input-group {
margin: 10px 0px;
}
.ser_cnt h2 {
margin-top: 15px;
}

.news_ltr h4 {
font-size: 18px;
}

.bx_wrpr {
min-height: 220px;
margin: 15px 0px;
}

.generic_wrpr,
.wlcm_txt,
.wlcm_btn,
.map_desc {
text-align: center;
}

.generic_wrpr h2:before {
right: 0;
margin: 0 auto;
}

.topbg {
min-height: 105px;
}

.wlcm_txt {
padding: 15px 0px;
}

.wlcm_txt h2 {
width: 100%;
}

.bx_wrpr_icon img,
.bx_wrpr_icon1 img {
margin: 0 auto;
}

.bx_wrpr_icon_txt {
text-align: center;
}

.map_desc p:before {
position: relative;
left: -5px;
}

.rtng.text-right,
.total_fare {
text-align: center;
}

.member .col-md-5 {
width: 30%;
float: left;
}

.member .col-md-7 {
width: 70%;
float: left;
}

.call_us {
margin-top: 25px;
}

.useful_links {
margin-top: 20px;
}

.gener_frm {
width: 80%;
margin: 25px auto 0 auto;
}

.panel {
position: absolute;
top: 0;
transform: translateX(0);
}

.pp_parent {
margin: 80px 0px;
}
}
@media(min-width: 992px) and (max-width: 1024px) {
nav.navbar.bootsnav ul.nav>li>a {
padding: 40px 5px;
}

.ach_mnt_bx {
min-height: 121px;
}

.bx_wrpr {
min-height: 235px;
height: 500px;
}

.bx_wrpr_icon img,
.bx_wrpr_icon1 img {
margin: 0 auto;
}

.bx_wrpr_icon_txt {
text-align: center;
}

.Gen_inq {
width: 33.33%;
float: left;
text-align: center;
}

.gen_txt {
padding-left: 0px;
margin-top: 15px;
}

.gen_icn {
position: relative;
right: 0;
margin: 0 auto;
}

.info_inr .col-md-5,
.info_inr .col-md-7 {
width: 100%;
}

.general_info {
text-align: center;
margin-top: 30px;
}

.info_inr {
padding: 45px 0px;
}

.gener_frm {
margin-top: 50px;
width: 80%;
margin: 30px auto 0 auto;
}

.call_us {
margin-top: 25px;
}

.useful_links {
margin-top: 20px;
}

.gener_frm {
width: 80%;
margin: 25px auto 0 auto;
}
}
@media(max-width: 560px) {
.book_icon {
position: relative;
left: 0;
right: 0;
margin: 0 auto;
}

.book_txt {
padding-left: 0px;
text-align: center;
}

.book_text_inr {
left: 0;
right: 0;
margin: 0 auto;
}
}
@media(min-width: 561px) and (max-width: 767px) {
.Prk_blocks .col-md-3.col-sm-6,
.Abt_blocks .col-md-3.col-sm-6,
.ach_mnt .col-md-4.col-sm-6,
.num_scroll .col-md-3.col-sm-6 {
width: 50%;
float: left;
margin: 15px 0px;
}

.Abt_blocks .col-md-3.col-sm-6 {
min-height: 250px;
}

.generic_wrpr {
text-align: center;
}

.generic_wrpr h2:before {
right: 0;
margin: 0 auto;
}
}
@media only screen and (max-width: 990px) {
.main-timeline .title {
font-size: 25px;
}

.main-timeline .timeline-content::before {
top: 16px;
}
}
@media only screen and (max-width: 767px) {
.main-timeline {
margin-left: 20px;
}

.main-timeline:before {
left: 0;
}

.main-timeline .timeline-content {
width: 90%;
float: right;
}

.main-timeline .timeline-content:before,
.main-timeline .timeline-content.right:before {
left: 10%;
right: inherit;
margin-left: -6px;
border-left: 0;
border-right: 7px solid #1abc9c;
}

.main-timeline .timeline-icon {
left: 0;
}
}
@media only screen and (max-width: 479px) {
.main-timeline .timeline-content {
width: 85%;
}

.main-timeline .timeline-content:before,
.main-timeline .timeline-content.right:before {
left: 15%;
}

.main-timeline .title {
font-size: 20px;
}

.main-timeline .timeline-content:before {
top: 13px;
}
}
@media only screen and (max-width: 480px) {
.tab .nav-tabs>li {
width: 100%;
}
}
@media(min-width: 1025px) and (max-width: 1440px) {
nav.navbar.bootsnav ul.nav>li>a {
padding: 6px 12px;
}
}
.call_us h6 {
position: relative;
}
.call_us h6:before {
content: '\f095';
font-family: FontAwesome;
color: #35ba45;
font-size: inherit;
padding-right: 5px;
}

.message_us h6 {
position: relative;
}
.message_us h6:before {
content: '\f0e0';
font-family: FontAwesome;
color: #35ba45;
padding-right: 6px;
margin-bottom: 10px;
font-size: 14px poppins;
}

/*Dashboard template design*/
.brand {
text-align: left !important;
font-size: 22px;
padding-left: 20px;
line-height: 50px !important;
background: #36ba45;
position: relative;
}
.brand h3 {
font-size: 24px;
font-family: inherit;
color: #ffffff;
}
.brand p {
color: #ffffff;
}
.center_img {
width: 100px;
height: 100px;
margin: 0 auto;
position: absolute;
left: 0;
right: 0;
top: -50px;
}
.side-nav-txt {
padding-top: 55px;
padding-bottom: 25px;
text-align: center;
}
.brand:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
width: 0;
height: 0;
border-style: solid;
border-width: 0 32.5px 20px 32.5px;
border-color: transparent transparent #ffffff transparent;
}
.brand .center_img .img-circle {
border: 4px solid #ffffff;
}
.accordion-menu {
	width: 100%;
	margin: 00px auto 0px;
	background: #fff;
	border-radius: 4px;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.accordion-menu li {
    position: relative;
}
ul.accordion-menu li .que {
    position: absolute;
    right: 2px;
    z-index: 11;
    width: 14px;
    height: 14px;
}
ul.accordion-menu li .que i{
	left: 0;
}
.accordion-menu li.open .dropdownlink {
color: #36ba45;
}
.accordion-menu li:last-child .dropdownlink {
border-bottom: 0;
}
.dropdownlink {
cursor: pointer;
display: block;
padding: 15px 25px 15px 25px;
font-size: 14px;
border-bottom: 1px solid #ccc;
color: #212121;
position: relative;
transition: all 0.4s ease-out;
i {
position: absolute;
top: 17px;
left: 16px;
}

.fa-chevron-down {
right: 12px;
left: auto;
}
}
#expanded .fa-fw {
width: 1.28571429em;
text-align: center;
color: #36ba45;
}
.submenuItems {
display: none;
background: #36ba45;
li {
border-bottom: 1px solid #B6B6B6;
}
.submenuItems li a {
    color: #fff;
}
}
.submenuItems li:hover{background: #26AA35;}
.submenuItems a {
display: block;
color: #ffffff;
padding: 12px 12px 12px 45px;
transition: all 0.4s ease-out;
}
.info.dash {
padding-top: 40px;
padding-bottom: 40px;
background: #f5f8ff;
}
.dropdownlink i {
position: absolute;
/*top: 17px;*/
left: 16px;
}
.dropdownlink .fa-chevron-down {
right: 25px;
left: auto;
color: #ccc;
}
.brand:before {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 0 31.5px 20px 31.5px;
border-color: transparent transparent #ffffff transparent;
left: 0;
right: 0;
margin: 0 auto;
bottom: 0;
}
.side-nav-txt p {
margin-bottom: 0px;
}
.credit h4 {
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 7px;
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 12px;
}
.credit h4:before {
content: '';
position: absolute;
left: 0;
bottom: -1px;
background: #36ba45;
width: 100px;
height: 2px;
}

.lock_icon {
width: 60px;
}
.card_paymnt {
position: relative;
}
.lock_icon {
position: absolute;
left: 0;
top: 0;
}
.payment_text {
padding-left: 70px;
}
.card_paymnt {
margin-top: 25px;
}
.payment-info {
margin-top: 45px;
}
.payment_head {
font-size: 24px;
color: #35ba45;
margin-bottom: 30px;
}
.payment-info label {
font-size: 16px;
color: #333333;
font-family: inherit;
font-weight: 600;
}
.payment-info .form-control {
border: none;
background: #f3f6fd;
border: none;
box-shadow: none;
height: auto;
padding: 12px;
margin: 5px 0px;
}
.payment_head.bill {
margin-top: 30px;
}
.payment_text h5 {
font-size: 20px;
color: #333333;
font-family: inherit;
font-weight: 600;
margin: 15px 0px 10px;
}
.dash_sbt button.verfy,
.dash_sbt button.cnsl {
border: none;
background: #35ba45;
padding: 10px 20px;
font-family: inherit;
font-size: 14px;
color: #ffffff;
transition: all 0.5s;
}
.dash_sbt button.cnsl {
background: #192637;
}
.dash_sbt button.verfy:hover {
background: #192637
}
.dash_sbt button.cnsl:hover {
background: #35ba45;
}
.dash_sbt {
    margin-top: 25px;
    display: inline-block;
    width: 100%;
}
.span_pseudo,
.chiller_cb span:before,
.chiller_cb span:after {
content: "";
display: inline-block;
background: #fff;
width: 0;
height: 0.2rem;
position: absolute;
transform-origin: 0% 0%;
}
.chiller_cb {
position: relative;
height: 2rem;
display: flex;
align-items: center;
margin-bottom: 20px;
}
.chiller_cb input {
display: none;
}
.chiller_cb input:checked~span {
background: #35ba45;
border-color: #35ba45;
}
.chiller_cb input:checked~span:before {
width: 1rem;
height: 0.15rem;
transition: width 0.1s;
transition-delay: 0.3s;
}
.chiller_cb input:checked~span:after {
width: 0.4rem;
height: 0.15rem;
transition: width 0.1s;
transition-delay: 0.2s;
}
.chiller_cb label {
padding-left: 2rem;
position: relative;
z-index: 2;
cursor: pointer;
margin-bottom: 0;
font-weight: 400;
font-size: 14px;
color: #333333;
}
.chiller_cb span {
display: inline-block;
width: 1.2rem;
height: 1.2rem;
border: 2px solid #ccc;
position: absolute;
left: 0;
transition: all 0.2s;
z-index: 1;
box-sizing: content-box;
}
.chiller_cb span:before {
transform: rotate(-55deg);
top: 1rem;
left: 0.37rem;
}
.chiller_cb span:after {
transform: rotate(35deg);
bottom: 0.35rem;
left: 0.2rem;
}
.notify {
margin-top: 30px;
}
.dash_sbt p button {
float: right;
}
.park_panel {
box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.3);
}
.Dta_table {
padding: 25px;
overflow: initial;
white-space: nowrap;
}
.panel_heading {
padding: 20px 0px;
border-bottom: 1px solid #eeeeee;
}
.panel_heading h4,
.wthdrw_txt h4 {
	padding-left: 20px;
	color: #333333;
	font-size: 20px;
	font-family: inherit;
	color: #333333;
}
.wthdrw_txt h4 {
padding-left: 0px;
margin-bottom: 10px;
}
.Dta_table .table-striped>tbody>tr:nth-of-type(odd) {
background-color: #f1f5fe;
}
.park_panel {
margin-top: 30px;
}
.bx_shdo {
padding: 80px 30px;
box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.3);
background: #fff;
}
.wthdrw_sec {
padding: 20px 0px;
}
.wthdrw_txt {
margin-top: 20px;
}
.note {
position: relative;
background: #1a2738;
padding: 30px;
margin-top: 135px;
border-left: 4px solid #35ba45;
}
.note_icon {
width: 50px;
position: absolute;
left: 30px;
top: 30px;
}
.note_txt {
padding-left: 70px;
}
.note_txt h4 {
color: #333333;
font-size: 18px;
font-family: inherit;
color: #ffffff;
margin-bottom: 10px;
}
.note_txt p {
color: #ffffff;
margin-bottom: 0px;
}
.Dta_table tr td .btn{

}
.Dta_table .btn-success {
	color: #fff;
	background-color: #33bca0;
	border-color: #33bca0;
	border-radius: 2em;
	margin:5px 0px;
}
.Dta_table .btn-warning {
	color: #fff;
	background-color: #ffcc6c;
	border-color: #ffcc6c;
	border-radius: 2em;
}
.Dta_table .btn-warning:hover {
    background-color: #000;
    border-color: #000;
    color: #36ba45;
}
.Dta_table .cstm, .Dta_table .custm {
	border-radius: 2em;
}
.Dta_table .table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
vertical-align: middle;
text-align: center;
}
.how_we_use_dtl {
background: #e3f8e5;
padding: 25px;
margin-top: 20px;
}
.how_we_use_dtl h3 {
color: #35ba45;
font-size: 18px;
font-family: inherit;
margin-bottom: 30px;
}
.cor_acc_dtl p span {
color: #35ba45;
}
.how_we_use h3 {
font-size: 20px;
color: #333;
font-family: inherit;
margin: 30px 0px;
}

/*Chat Message css*/
#frame {
	width: 100%;
	height: 70vh;
	min-height: 300px;
	max-height: 720px;
	background: #ffffff;
}


/*---------------new css start------------*/




.welcome a.back_btn {
    display: inline-block;
    background: #5cb85c;
    color: #fff;
    border-radius: 4px;
    padding: 6px 12px;
}
.welcome a.back_btn:hover {
    background-color: black;
    color: #5cb85c;
}
.custom_lag{
    display: none;
}
.custom_login-menu{
    display: none;
}



.dropzone.dz-started .dz-message {
    display: block !important;
}

.custom_icon ul.dropdown-menu.inner li a span.glyphicon {
    font-family: fontawesome !important;
    top: -16px;
}
.other_input #hire_company_model {
    margin-top: 9px;
}
.modal-footer{
margin-top:60px;
}
.testimonials_inner_item.text-center:hover table.dataTable tbody tr{
    background-color: transparent;
}
.testimonials_inner_item.text-center table.dataTable tbody tr{
    background-color: transparent;
}
.wlcm_main {
    float: left;
    width: 100%;
}
.wlcm_img_wrap {
    float: left;
    width: 50%;
    padding-right: 15px;
}
.wlcm_main .ach_mnt {
    border-bottom: 1px solid #ccc;
    padding-bottom: 30px;
}
.timeline_img {
    width: 10%;
    float: left;
}
.timeline_img img {
    margin-top: -37px;
    max-width: 115px;
    border-radius: 7px;
    border: 3px solid #35ba45;
    padding: 5px;
}

.custom_select_high .dropdown-menu.open ul.dropdown-menu.inner {
    max-height: 177px !important;
    min-height: 176px !important;
}
.custom_select_high .dropdown-menu.open ul.dropdown-menu.inner{
    padding: 0px;
    height: 28px;
}

.custom_select_height.open ul.dropdown-menu.inner{
    max-height: 140px !important;
    min-height: 141px !important;
}
.custom_select_height.open .dropdown-menu.open{
    max-height: 188px !important;
    min-height: 186px !important;
}

.name {
    padding-bottom: 0;
}
.owl-carousel .owl-item img{
    height: 100px;
}
.testimonials_inner_item .Quote p:nth-child(3) {
    padding: 0;
    visibility: hidden;
    margin: 0;
}
.Quote p{
    height: 67px;
}
.Quote p:first-child {
    display: none;
}
/*.custom_alert_msg .alert-danger {
    position: absolute;
    top: 100px;
    z-index: 99;
    width: 82%;
}
.custom_alert_msg .alert.alert-success{
    position: absolute;
    top: 100px;
    z-index: 99;
    width: 82%;
}
.custom_alert_msg {
    position: relative;
}
*/
.custom_icon .bootstrap-select.btn-group .dropdown-toggle .filter-option .glyphicon {
    font-family: fontawesome;
}
.btn.btn-default.image-preview-input {
    width: 127px;
    height: 46px;
    line-height: 21px;
}


.bs-example-popover .popover {
    position: relative;
    display: block;
    float: left;
    z-index: 1;
}
.dtl-Sec.wdh .new-popver{
    position: relative;
    display: block;
    float: left;
    z-index: 1;
}

.new-popver>.arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0,0,0,.25);
    border-width: 11px;
}

.wlcm_txt p {
   overflow-wrap: break-word;
    text-align: justify;
}

#longtext p {
    text-align: justify;
  overflow-wrap: break-word;
}

ul.ui-sortable {
    padding: 0;
}
ul.ui-sortable li {
    list-style: none;
    border: 1px solid #ccc;
    background-color: #ccc;
    margin-bottom: 8px;
    padding: 12px;
    color: #131313;
}
.Dta_table .modal-content {
    display: inline-block;
}
table.dataTable tbody tr td a button {
    margin-top: 12px;
}

.input-group.date input::-webkit-input-placeholder { /* Edge */
  font-size: 11px;
}

.input-group.date input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-size: 11px;
}

.input-group.date input::placeholder {
  font-size: 11px;
}
.input-group.date input{
    font-size: 12px;
}
.action_btns a button.btn.btn-warning:hover {
    background-color: #000;
    border-color: #000;
    color: #36ba45;
}
.input-group-addon img {
    width: 22px;
}
section.login .panel.panel-default .alert-success, section.login .panel.panel-default .alert-danger{
    margin-top: 45px;
}
/*---------------new css end------------*/


@media screen and (max-width: 360px) {
#frame {
width: 100%;
height: 100vh;
}
}
#frame #sidepanel {
float: left;
width: 36%;
height: 100%;
background: #ffffff;
color: #f5f5f5;
overflow: hidden;
position: relative;
border: 1px solid #eeeeee;
}
@media screen and (max-width: 735px) {
#frame #sidepanel {
width: 58px;
min-width: 58px;
}
}
#frame #sidepanel #profile {
width: 80%;
margin: 5px auto;
}
@media screen and (max-width: 735px) {
#frame #sidepanel #profile {
width: 100%;
margin: 0 auto;
padding: 5px 0 0 0;
background: #35ba45;
}
}
#frame #sidepanel #profile.expanded .wrap {
height: 210px;
line-height: initial;
}
#frame #sidepanel #profile.expanded .wrap p {
margin-top: 20px;
}
#frame #sidepanel #profile.expanded .wrap i.expand-button {
-moz-transform: scaleY(-1);
-o-transform: scaleY(-1);
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
filter: FlipH;
-ms-filter: "FlipH";
}
#frame #sidepanel #profile .wrap {
height: 50px;
line-height: 50px;
overflow: hidden;
-moz-transition: 0.3s height ease;
-o-transition: 0.3s height ease;
-webkit-transition: 0.3s height ease;
transition: 0.3s height ease;
}
@media screen and (max-width: 735px) {
#frame #sidepanel #profile .wrap {
height: 55px;
}
}
#frame #sidepanel #profile .wrap img {
width: 50px;
border-radius: 50%;
padding: 3px;
border: 2px solid #e74c3c;
height: auto;
float: left;
cursor: pointer;
-moz-transition: 0.3s border ease;
-o-transition: 0.3s border ease;
-webkit-transition: 0.3s border ease;
transition: 0.3s border ease;
}
@media screen and (max-width: 735px) {
#frame #sidepanel #profile .wrap img {
width: 40px;
margin-left: 4px;
}
}
#frame #sidepanel #profile .wrap img.online {
border: 2px solid #2ecc71;
}
#frame #sidepanel #profile .wrap img.away {
border: 2px solid #f1c40f;
}
#frame #sidepanel #profile .wrap img.busy {
border: 2px solid #e74c3c;
}
#frame #sidepanel #profile .wrap img.offline {
border: 2px solid #95a5a6;
}
#frame #sidepanel #profile .wrap p {
float: left;
margin-left: 15px;
margin-bottom: 0px;
}
@media screen and (max-width: 735px) {
#frame #sidepanel #profile .wrap p {
display: none;
}
}
#frame #sidepanel #profile .wrap i.expand-button {
float: right;
margin-top: 23px;
font-size: 0.8em;
cursor: pointer;
color: #35ba45;
}
@media screen and (max-width: 735px) {
#frame #sidepanel #profile .wrap i.expand-button {
display: none;
}
}
#frame #sidepanel #profile .wrap #status-options {
position: absolute;
opacity: 0;
visibility: hidden;
width: 150px;
margin: 70px 0 0 0;
border-radius: 6px;
z-index: 99;
line-height: initial;
background: #435f7a;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
}
@media screen and (max-width: 735px) {
#frame #sidepanel #profile .wrap #status-options {
width: 58px;
margin-top: 57px;
}
}
#frame #sidepanel #profile .wrap #status-options.active {
opacity: 1;
visibility: visible;
margin: 75px 0 0 0;
}
@media screen and (max-width: 735px) {
#frame #sidepanel #profile .wrap #status-options.active {
margin-top: 62px;
}
}
#frame #sidepanel #profile .wrap #status-options:before {
content: '';
position: absolute;
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 8px solid #435f7a;
margin: -8px 0 0 24px;
}
@media screen and (max-width: 735px) {
#frame #sidepanel #profile .wrap #status-options:before {
margin-left: 23px;
}
}
#frame #sidepanel #profile .wrap #status-options ul {
overflow: hidden;
border-radius: 6px;
}
#frame #sidepanel #profile .wrap #status-options ul li {
padding: 15px 0 30px 18px;
display: block;
cursor: pointer;
}
@media screen and (max-width: 735px) {
#frame #sidepanel #profile .wrap #status-options ul li {
padding: 15px 0 35px 22px;
}
}
#frame #sidepanel #profile .wrap #status-options ul li:hover {
background: #496886;
}
#frame #sidepanel #profile .wrap #status-options ul li span.status-circle {
position: absolute;
width: 10px;
height: 10px;
border-radius: 50%;
margin: 5px 0 0 0;
}
@media screen and (max-width: 735px) {
#frame #sidepanel #profile .wrap #status-options ul li span.status-circle {
width: 14px;
height: 14px;
}
}
#frame #sidepanel #profile .wrap #status-options ul li span.status-circle:before {
content: '';
position: absolute;
width: 14px;
height: 14px;
margin: -3px 0 0 -3px;
background: transparent;
border-radius: 50%;
z-index: 0;
}
@media screen and (max-width: 735px) {
#frame #sidepanel #profile .wrap #status-options ul li span.status-circle:before {
height: 18px;
width: 18px;
}
}
#frame #sidepanel #profile .wrap #status-options ul li p {
padding-left: 12px;
}
@media screen and (max-width: 735px) {
#frame #sidepanel #profile .wrap #status-options ul li p {
display: none;
}
}
#frame #sidepanel #profile .wrap #status-options ul li#status-online span.status-circle {
background: #2ecc71;
}
#frame #sidepanel #profile .wrap #status-options ul li#status-online.active span.status-circle:before {
border: 1px solid #2ecc71;
}
#frame #sidepanel #profile .wrap #status-options ul li#status-away span.status-circle {
background: #f1c40f;
}
#frame #sidepanel #profile .wrap #status-options ul li#status-away.active span.status-circle:before {
border: 1px solid #f1c40f;
}
#frame #sidepanel #profile .wrap #status-options ul li#status-busy span.status-circle {
background: #e74c3c;
}
#frame #sidepanel #profile .wrap #status-options ul li#status-busy.active span.status-circle:before {
border: 1px solid #e74c3c;
}
#frame #sidepanel #profile .wrap #status-options ul li#status-offline span.status-circle {
background: #95a5a6;
}
#frame #sidepanel #profile .wrap #status-options ul li#status-offline.active span.status-circle:before {
border: 1px solid #95a5a6;
}
#frame #sidepanel #profile .wrap #expanded {
padding: 75px 0 0 0;
display: block;
line-height: initial !important;
}
#frame #sidepanel #profile .wrap #expanded label {
float: left;
clear: both;
margin: 0 8px 5px 0;
padding: 5px 0;
}
#frame #sidepanel #profile .wrap #expanded input {
border: none;
margin-bottom: 6px;
background: #35ba45;
border-radius: 3px;
color: #f5f5f5;
padding: 7px;
width: calc(100% - 43px);
}
#frame #sidepanel #profile .wrap #expanded input:focus {
outline: none;
background: #435f7a;
}
#frame #sidepanel #search {
border-top: 1px solid #35ba45;
border-bottom: 1px solid #35ba45;
font-weight: 300;
}
@media screen and (max-width: 735px) {
#frame #sidepanel #search {
display: none;
}
}
#frame #sidepanel #search label {
position: absolute;
margin: 10px 0 0 20px;
}
#frame #sidepanel #search input {
font-family: "proxima-nova", "Source Sans Pro", sans-serif;
padding: 10px 0 10px 46px;
width: 100%;
border: none;
background: #35ba45;
color: #f5f5f5;
}
#frame #sidepanel #search input:focus {
outline: none;
background: #435f7a;
}
#frame #sidepanel #search input::-webkit-input-placeholder {
color: #f5f5f5;
}
#frame #sidepanel #search input::-moz-placeholder {
color: #f5f5f5;
}
#frame #sidepanel #search input:-ms-input-placeholder {
color: #f5f5f5;
}
#frame #sidepanel #search input:-moz-placeholder {
color: #f5f5f5;
}
#frame #sidepanel #contacts {
height: calc(100% - 177px);
overflow-y: scroll;
overflow-x: hidden;
}
@media screen and (max-width: 735px) {
#frame #sidepanel #contacts {
height: calc(100% - 149px);
overflow-y: scroll;
overflow-x: hidden;
}

#frame #sidepanel #contacts::-webkit-scrollbar {
display: none;
}
}
#frame #sidepanel #contacts.expanded {
height: calc(100% - 334px);
}
#frame #sidepanel #contacts::-webkit-scrollbar {
width: 8px;
background: #2c3e50;
}
#frame #sidepanel #contacts::-webkit-scrollbar-thumb {
background-color: #243140;
}
#frame #sidepanel #contacts ul li.contact {
position: relative;
padding: 10px 0 15px 0;
font-size: 0.9em;
cursor: pointer;
border-bottom: 1px solid #eeeeee;
}
@media screen and (max-width: 735px) {
#frame #sidepanel #contacts ul li.contact {
padding: 6px 0 46px 8px;
}
}

/*#frame #sidepanel #contacts ul li.contact:hover {
background: #35ba45;
}
#frame #sidepanel #contacts ul li.contact.active {
background: #35ba45;
border-right: 5px solid #435f7a;
}*/
#frame #sidepanel #contacts ul li.contact.active span.contact-status {
border: 2px solid #35ba45 !important;
}
#frame #sidepanel #contacts ul li.contact .wrap {
width: 88%;
margin: 0 auto;
position: relative;
}
@media screen and (max-width: 735px) {
#frame #sidepanel #contacts ul li.contact .wrap {
width: 100%;
}
}
#frame #sidepanel #contacts ul li.contact .wrap span {
position: absolute;
left: 0;
margin: -2px 0 0 -2px;
width: 10px;
height: 10px;
border-radius: 50%;
border: 2px solid #2c3e50;
background: #95a5a6;
}
#frame #sidepanel #contacts ul li.contact .wrap span.online {
background: #2ecc71;
}
#frame #sidepanel #contacts ul li.contact .wrap span.away {
background: #f1c40f;
}
#frame #sidepanel #contacts ul li.contact .wrap span.busy {
background: #e74c3c;
}
#frame #sidepanel #contacts ul li.contact .wrap img {
width: 40px;
border-radius: 50%;
float: left;
margin-right: 10px;
}
@media screen and (max-width: 735px) {
#frame #sidepanel #contacts ul li.contact .wrap img {
margin-right: 0px;
}
}
#frame #sidepanel #contacts ul li.contact .wrap .meta {
padding: 5px 0 0 0;
}
@media screen and (max-width: 735px) {
#frame #sidepanel #contacts ul li.contact .wrap .meta {
display: none;
}
}
#frame #sidepanel #contacts ul li.contact .wrap .meta .name {
font-weight: 600;
padding-bottom: 0px;
}
#frame #sidepanel #contacts ul li.contact .wrap .meta .preview {
margin: 5px 0 0 0;
padding: 0 0 1px;
font-weight: 400;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-moz-transition: 1s all ease;
-o-transition: 1s all ease;
-webkit-transition: 1s all ease;
transition: 1s all ease;
}
#frame #sidepanel #contacts ul li.contact .wrap .meta .preview span {
position: initial;
border-radius: initial;
background: none;
border: none;
padding: 0 2px 0 0;
margin: 0 0 0 1px;
opacity: .5;
}
#frame #sidepanel #bottom-bar {
position: absolute;
width: 100%;
bottom: 0;
}
#frame #sidepanel #bottom-bar button {
float: left;
border: none;
width: 50%;
padding: 10px 0;
background: #35ba45;
color: #f5f5f5;
cursor: pointer;
font-size: 0.85em;
font-family: "proxima-nova", "Source Sans Pro", sans-serif;
}
@media screen and (max-width: 735px) {
#frame #sidepanel #bottom-bar button {
float: none;
width: 100%;
padding: 15px 0;
}
}
#frame #sidepanel #bottom-bar button:focus {
outline: none;
}
#frame #sidepanel #bottom-bar button:nth-child(1) {
border-right: 1px solid #2c3e50;
}
@media screen and (max-width: 735px) {
#frame #sidepanel #bottom-bar button:nth-child(1) {
border-right: none;
border-bottom: 1px solid #2c3e50;
}
}
#frame #sidepanel #bottom-bar button:hover {
background: #35ba45;
}
#frame #sidepanel #bottom-bar button i {
margin-right: 3px;
font-size: 1em;
}
@media screen and (max-width: 735px) {
#frame #sidepanel #bottom-bar button i {
font-size: 1.3em;
}
}
@media screen and (max-width: 735px) {
#frame #sidepanel #bottom-bar button span {
display: none;
}
}
#frame .content {
	float: right;
	width: 100%;
	height: 100%;
	overflow: auto;
	position: relative;
	background: #f6fafb;
}
@media screen and (max-width: 735px) {
#frame .content {
	width: calc(100% - 58px);
	min-width: 300px !important;
}
}

/*@media screen and (min-width: 900px) {
#frame .content {
width: calc(100% - 340px);
}
}*/
#frame .content .contact-profile {
    width: 100%;
    /* height: 60px; */
    background: #35ba45;
    padding: 6px 10px 6px 0;
}
.content .contact-profile p{color: #ffffff;}

/*====== Chat sidebar css ======*/
.iframe_col{
	padding-left: 0;
}
.chat_lft_sidebar {
    display: inline-block;
    width: 100%;
}
.chat_lft_sidebar ul {
    display: inline-block;
    width: 100%;
    border: 1px solid #dddd;
    padding:0; 
}
.chat_lft_sidebar ul li {
    float: left;
    width: 100%;
    padding: 12px 5px;
    border-bottom: 1px solid #ddd;
    overflow-wrap: break-word;
}
.chat_lft_sidebar ul li:last-child{
	border-bottom: none;
}
.chat_lft_sidebar ul li > a {
    display: block;
}
.usr_list_dv .usr_img {
    float: left;
    width: 40px;
    position: relative;
}
.usr_list_dv .usr_img img{
	width: 40px;
	height: 40px;
	object-fit: cover;
	border-radius: 50%;
}
.usr_list_dv .online_dv {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #5cb85c;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.usr_list_dv .usr_text{
	display: block;
	padding-left: 55px;
}
.usr_text .usr_title {
    margin: 0;
    color: #222222;
    font-size: 15px;
    text-transform: capitalize;
    margin-bottom: 3px;
    font-weight: 500;
}
.usr_text .usr_time{
	color: #999999;
	font-size: 13px;
}
.chat_lft_sidebar ul li.active {
    background: #36ba45;
}
.chat_lft_sidebar li.active .usr_text .usr_title {
    color: #ffffff;
}
.chat_lft_sidebar li.active .usr_text .usr_time {
    color: #ffffff;
}
.usr_list_dv .usr_text .badge {
    background: #36ba45;
    padding: 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    font-weight: normal;
}
/*====== Chat sidebar css ======*/
.contact-profile .ct_prof_img {
    width: 40px;
    float: left;
    margin: 0px 0px 0px 10px;
}
.contact-profile img {
    width: 40px;
    border-radius: 50%;
    height: 40px;
    object-fit: cover;
}
.contact-profile .ct_prof_text {
    display: block;
    padding-left: 65px;
    padding-top: 0;
}
.contact-profile .ct_prof_text h4 {
    margin: 0;
    line-height: inherit;
    font-size: 16px;
    text-transform: capitalize;
    color: #fff;
}
.contact-profile .ct_prof_text span{
	color: #fff;
	font-size: 13px;
}
.contact-profile .ct_prof_text p{
	color: #fff;
	font-size: 13px;
	margin-bottom: 0;
}
.chat_park_panel {
    padding-bottom: 60px;
}
#frame #sidepanel #contacts ul li.contact .wrap .meta p.preview {
line-height: inherit;
}
.messages .chat_scroll {
    display: inline-block;
    width: 100%;
}
/*====== address profile css =====*/
.address_profile {
    display: inline-block;
    width: 100%;
    background: #fff;
    padding: 10px 0;
}
.address_profile .ad_img {
    float: left;
    width: 100px;
}
.address_profile .ad_text {
    padding-left: 120px;
}
.address_profile .ad_text h5 {
    margin-top: 10px;
    margin-bottom: 3px;
    font-size: 15px;
}
.address_profile .ad_text .price {
    color: #777;
    font-size: 13px;
}
/*====== address profile css =====*/

@media screen and (max-width: 735px) {
	#frame .content .messages {
	max-height: calc(100% - 105px);
	}
}
#frame .content .messages::-webkit-scrollbar {
	width: 8px;
	background: transparent;
}
#frame .content .messages::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.3);
}
#frame .content .messages ul li {
	display: inline-block;
	clear: both;
	margin: 15px 15px 5px 15px;
	font-size: 0.9em;
}
#frame .content .messages ul li:nth-last-child(1) {
	margin-bottom: 20px;
}
#frame .content .messages ul li.sent img {
	margin: 6px 8px 0 0;
}
#frame .content .messages ul li.sent p {
	background: #ddf2df;
	color: #333333;
}
#frame .content .messages ul li.replies img {
	float: right;
	margin: 6px 0 0 8px;
}
#frame .content .messages ul li.replies p {
	background: #f2f2f2;
}
#frame .content .messages ul li img {
	width: 22px;
	border-radius: 50%;
	float: left;
}
#frame .content .messages ul li p {
	display: inline-block;
	padding: 10px 15px;
	border-radius: 4px;
	max-width: 205px;
	line-height: 130%;
}
@media screen and (min-width: 735px) {
	#frame .content .messages ul li p {
		max-width: 300px;
	}
}
#frame .content .message-input {
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 7;
}
#frame .content .message-input .wrap {
	position: relative;
}
#frame .content .message-input .wrap input {
	float: left;
	border: none;
	width: calc(100% - 90px);
	padding: 13px 32px 13px 8px;
	font-size: 14px;
	/*color: #35ba45;*/
	border: 1px solid #eeeeee;
}
@media screen and (max-width: 735px) {
	#frame .content .message-input .wrap input {
		padding: 15px 32px 16px 8px;
	}
}
#frame .content .message-input .wrap input:focus {
outline: none;
}
#frame .content .message-input .wrap .attachment {
position: absolute;
right: 60px;
z-index: 4;
margin-top: 10px;
font-size: 1.1em;
color: #435f7a;
opacity: .5;
cursor: pointer;
}
@media screen and (max-width: 735px) {
	#frame .content .message-input .wrap .attachment {
		margin-top: 17px;
		right: 65px;
	}
}
#frame .content .message-input .wrap .attachment:hover {
opacity: 1;
}
#frame .content .message-input .wrap button {
float: right;
border: none;
width: 50px;
padding: 12px 0;
cursor: pointer;
background: #35ba45;
color: #f5f5f5;
}
@media screen and (max-width: 735px) {
#frame .content .message-input .wrap button {
padding: 16px 0;
}
}
#frame .content .message-input .wrap button:hover {
background: #435f7a;
}
#frame .content .message-input .wrap button:focus {
outline: none;
}
.card-inner {
margin-left: 4rem;
}
.float-left {
float: left;
}
.float-right {
float: right;
margin-left: 8px;
}
.info.dash .card {
    margin-top: 30px;
}
a.float-left.btn.btn-outline-primary.ml-2 {
background: #36ba45;
color: #fff;
text-transform: uppercase;
font-size: 12px;
border-radius: 43px;
padding: 12px 22px;
}
a.float-left.btn.btn-outline-primary.ml-2:hover{
background: #333333;
color: #ffffff;
}
.card-body strong {
	font-weight: 600;
	color: #333;
	font-family: inherit;
	text-transform: capitalize;
}
.card-body strong span {
	color: #35ba45;
}
span.text-left {
    display: block;
    color: #333;
    margin: 5px 0px;
    text-transform: capitalize;
    font-size: 12px;
}
.card-body {
    padding: 20px 15px;
    background-color: transparent;
    border: 1px solid #35ba45;
    border-radius: 10px;
    margin: 0px 0px 10px 0px;
    display: inline-block;
    width: 100%;
}
.ratio {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 0;
padding-bottom: 100%;
position: relative;
width: 100%;
}
.img-circle {
border-radius: 50%;
}
.dash_sbt button {
border-radius: 4px;
}
.dash_sbt p {
line-height: 26px;
}
.vertical-align {
display: flex;
align-items: center;
}
.vertical-align p {
margin: 0px;
}
.alert_bx {
margin: 20px 0px 0px;
}
.dash_sbt.sec {
margin-top: 0px;
}
.alert_bx .alert {
padding: 8px 20px;
}
.profile-pic {
max-width: 200px;
max-height: 200px;
display: block;
}
.file-upload {
display: none;
}
.circle {
overflow: hidden;
width: 200px;
height: 200px;
border: 1px solid #eee;
}
img {
max-width: 100%;
height: auto;
}
.img_upload {
margin-top: 30px;
}
.p-image {
color: #666666;
transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}
.p-image:hover {
transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}
.upload-button {
font-size: 1.2em;
}

/*.upload-button:hover {
transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
color: #999;
}*/
.p-image input[type=file] {
display: none;
}
.p-image button {
background: #36ba45;
border: none;
border-radius: 4px;
color: #ffffff;
font-size: 12px;
font-family: inherit;
padding: 6px 12px;
}
.circle {
position: relative;
}
.p-image {
position: absolute;
left: 40px;
right: 0;
margin: 0 auto;
bottom: 12px;
}
.dtl-Sec {
margin: 30px 0px 0px;
}
.dtl-Sec .credit {
margin-bottom: 30px;
}

/* Custom Select */
.select {
	position: relative;
	display: block;
	width: 100%;
	height: 3em;
	line-height: 3;
	background: #ffffff;
	border-radius: .25em;
}
select {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0px 15px;
	color: #767777;
	cursor: pointer;
}
select::-ms-expand {
display: none;
}

/* Arrow */
.select::after {
content: '\f107';
position: absolute;
top: 0;
right: 0;
bottom: 0;
padding: 0 1em;
background: #36ba45;
pointer-events: none;
font-family: FontAwesome;
font-size: 16px;
color: #fff;
}

/* Transition */
.select:hover::after {
color: #ffffff;
}
.select::after {
-webkit-transition: .25s all ease;
-o-transition: .25s all ease;
transition: .25s all ease;
}
.sort .input-group select {
    height: 45px;
    color: #555;
    border: 1px solid #ccc;
    margin-bottom: 15px;
}
.sort .input-group label {
    padding-top: 10px;
}
.lgn_frm button.btn.btn-default:hover {
background: #716aca;
color: #fff;
}
.login_page .btn-primary:hover {
background: #716aca;
color: #fff;
}
.dash_sbt button.verfy.Fb {
background: #3c5a9a;
margin-right: 20px;
}
.dash_sbt button.verfy.Tw {
background: #4fadf3
}
.dash_sbt.sec.Dash_brd_sbt {
    margin: 30px 0px 16px;
    text-align: center;
}
.request_cmplt_heading {
    text-align: center;
}
.dash_sbt.sec.Dash_brd_sbt button.verfy {
margin-right: 20px;
}
.dash_dtl_frm .form-control {
border: 1px solid #eeeeee;
height: auto;
border-radius: 0;
padding: 10px 12px;
}
.dash_dtl_frm {
margin-top: 35px;
}
.pagination>li {
    margin: 0 4px;
    padding: 0;
    display: inline-block;
}
.pagination>li>a, .pagination>li>span {
    border-radius: 50%;
    padding: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
}
.pagination>li.previous>a, .pagination>li.next>a {
    width: auto;
    height: auto;
    padding: 6px 15px;
    line-height: initial;
}
.pagination>li.pg-prev>a, .pagination>li.pg-next>a {
    width: auto;
    height: auto;
    padding: 6px 15px;
    line-height: initial;
    border-radius: 2em;
}
.pagination>.active>a, 
.pagination>.active>a:focus, 
.pagination>.active>a:hover, 
.pagination>.active>span, 
.pagination>.active>span:focus, 
.pagination>.active>span:hover {
	z-index: 3;
	color: #fff;
	cursor: default;
	background-color: #36ba45;
	border-color: #36ba45;
	padding: 0px;
	font-weight:700;
}
.dataTables_wrapper .dataTables_paginate.paging_simple_numbers .paginate_button {
    padding: 0;
    margin: 0 7px;
}

.image-preview-input {
position: relative;
overflow: hidden;
margin: 0px;    
color: #333;
background-color: #fff;
border-color: #ccc;    
}
.image-preview-input input[type=file] {
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 0;
font-size: 20px;
cursor: pointer;
opacity: 0;
filter: alpha(opacity=0);
}
.image-preview-input-title {
margin-left:2px;
}
.btn.btn-default.image-preview-input{
padding: 12px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{background: transparent;}
.pagination>li:first-child>a, .pagination>li:first-child>span{border-radius: 2em;}
.pagination>li:last-child>a, .pagination>li:last-child>span{border-radius: 2em;}

a:focus{outline: none;}
.pagination>li>a, .pagination>li>span{color: #333333;}
.pagination>li:last-child>a, .pagination>li:last-child>span:hover{
	/*background: none;color: #090909;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 25px;
    z-index: 3;
    font-family: poppins, sans-serif;
    font-size: 14px;*/
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{background: #36ba45;color: #ffffff;}
.pagination>li:last-child a:focus, .pagination>li:last-child a:hover, .pagination>li:last-child span:focus, .pagination>li:last-child span:hover{background: none;color: #333333;}
.pagination>li:first-child a:focus, .pagination>li:first-child a:hover, .pagination>li:first-child span:focus, .pagination>li:first-child span:hover{background: none;color: #333333;}
button.btn.btn-default.image-preview-clear{padding: 12px;}
button.btn.btn-default.image-preview-clear:hover,.btn.btn-default.image-preview-input:hover{background: #36ba45;color: #ffffff;}
.dataTables_wrapper .dataTables_paginate .paginate_button:active{box-shadow:none;}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{border:none;}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{border:none;}
.dataTables_wrapper .dataTables_paginate .paginate_button{border:none;}
.pagination>li>a, .pagination>li>span{background-color: transparent;}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover{background-color: transparent;}
@media(max-width: 767px){
.dataTables_wrapper .dataTables_paginate .paginate_button{display: block; padding:0px;}
.pagination{display: block;}
.pagination>li>a, .pagination>li>span{margin: 0px 2px;}
}

.dash_book_tp{background: #f5f8ff;margin: 30px 0px;}
.dash_Icn{display: table;margin:0 auto;padding: 45px 0px; text-align: center;}
.Dsh_icn_Img{float: left;margin-right: 10px;}
.Dsh_Icn_Txt{float: left;}
.Dsh_icn_Img{background: #36ba45;width: 41px;height: 41px;border-radius: 50%;line-height: 38px;}
.dash_book_tp .col-md-4:after {
content: '';
position: absolute;
right: 0;
width: 1px;
height: 100%;
background: #ebeff2;
top: 0;
}
.dash_book_tp .col-md-4{
position: relative;
}
.dash_book_tp .col-md-4:last-child:after{
display: none;
}
.Dsh_Icn_Txt p{font-weight: 600; font-size: 13px;}
.Dsh_Icn_Txt h2 {font-size: 27px;}

td .msg_Icns{    display: inline-block;
width: 50px;
height: 50px;
border-radius: 50%;
overflow: hidden;}
.msg_Icns img{width: 100%;height: auto;}

.Dta_table table.dataTable{border-collapse: collapse!important;}
.Dta_table table.dataTable.no-footer{border-bottom: 1px solid #ddd;}
.Dta_table.msg .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{border-bottom: 1px solid #ddd;border-top: none;}
.Dta_table.msg th{color: #5a728a;}
.Dta_table.msg {
height: 285px;
overflow: auto;
}
.Dta_table.msg::-webkit-scrollbar {
width: 8px;
background: transparent;
}
.Dta_table.msg::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.3);
}

.progress{
height: 20px;
line-height: 15px;
border-radius: 20px;
background: #f0f0f0;
margin-bottom: 30px;
box-shadow: none;
overflow: visible;
}
.progress .progress-bar{
position: relative;
border-radius: 20px 0 0 20px;
animation: animate-positive 2s;
}
.progress .progress-value{
display: block;
font-size: 13px;
color: #fff;
position: absolute;
top: 0;
right: 8px;
}
@-webkit-keyframes animate-positive{
0% { width: 0%; }
}
@keyframes animate-positive{
0% { width: 0%; }
}
.Dta_table .progress-bar-danger {
background-color: #006bb3;
}
.Dta_table .dash_sbt button.verfy{
width: 100%;
}
.panel_heading span.que {
float: right;
margin-right: 10px;
position: relative;
}
.panel_heading .que i {
    border-radius: 50%;
    right: 5px;
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    transition: all ease-in;
    -webkit-transition: all ease-in;
    -moz-transition: all ease-in;

}
.panel_heading .que i:hover {
    background-color: #36ba45;
    color: #fff;
     font-size: 16px!important;

}
.panel_heading span.que[title]:hover:after{
	  content: attr(title);
     padding: 10px 50px;
     position: absolute;
     left: 0;
     top: 100%;
     white-space: nowrap !important;
     z-index: 20;
     background:#ddd;
     border:1px solid #333;
     border-radius: 3px;
     width: 100px!important;
     float: left;
     margin-top: 33px;

     
}

.trst{display: table;padding: 15px 25px;}
.trst_icn,.trst_txt{display: table-cell;}
.trst_icn{padding-right: 20px;}
.bdr_btm{border: 1px solid #eee;width: 85%;margin: 0 auto;}
.trst_wrapper{padding-bottom: 25px;}
.unchecked p{font-weight: 600;  }
.ping.wrap span.bge{text-align: center;color: #ffffff!important;line-height: 15px!important;/*font-size: 1px!important;*/opacity: 1!important;display: inline-block!important;width: 15px!important;height: 15px!important;border-radius: 20px!important;background: red!important;} 
.chat_time {
text-align: right;
}
.credit h4 span{color: #36ba45;}
.dash_dtl_frm .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn),

.btn-info.custom{background: transparent;color: #333333;}
.dash_dtl_frm .select .btn{padding: 11px;border-radius: 0;border: 1px solid #eeeeee;}
.dash_dtl_frm .select .caret,.togle .select .caret{display: none;}
.dash_dtl_frm .btn-info.active, .btn-info:active, .open>.dropdown-toggle.btn-info,
.dash_dtl_frm .btn-info.active.focus,.dash_dtl_frm .btn-info.active:focus,
.dash_dtl_frm .btn-info.active:hover,
.dash_dtl_frm .btn-info:active.focus,
.dash_dtl_frm .btn-info:active:focus,
.dash_dtl_frm .btn-info:active:hover,
.dash_dtl_frm .open>.dropdown-toggle.btn-info.focus,
.dash_dtl_frm .open>.dropdown-toggle.btn-info:focus,
.dash_dtl_frm .open>.dropdown-toggle.btn-info:hover
{border-color: #eeeeee;background: transparent;color: #333333;}

.togle .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {width: 100%;}
.togle .btn-info.active, .btn-info:active, .open>.dropdown-toggle.btn-info,
.togle .btn-info.active.focus,.togle .btn-info.active:focus,
.togle .btn-info.active:hover,
.togle .btn-info:active.focus,
.togle .btn-info:active:focus,
.togle .btn-info:active:hover,
.togle .open>.dropdown-toggle.btn-info.focus,
.togle .open>.dropdown-toggle.btn-info:focus,
.togle .open>.dropdown-toggle.btn-info:hover
{border-color: #eeeeee;background: transparent;color: #333333;}
.togle .select .btn{padding: 11px;border-radius: 0;border: 1px solid #eeeeee;}

#togle2 .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {width: 100%;}
#togle2 .btn-info.active, .btn-info:active, .open>.dropdown-toggle.btn-info,
#togle2 .btn-info.active.focus,#togle2 .btn-info.active:focus,
#togle2 .btn-info.active:hover,
#togle2 .btn-info:active.focus,
#togle2 .btn-info:active:focus,
#togle2 .btn-info:active:hover,
#togle2 .open>.dropdown-toggle.btn-info.focus,
#togle2 .open>.dropdown-toggle.btn-info:focus,
#togle2 .open>.dropdown-toggle.btn-info:hover
{border-color: #eeeeee;background: transparent;color: #333333;}
#togle2 .select .btn{padding: 11px;border-radius: 0;border: 1px solid #eeeeee;}

/*media query starts here*/
@media(max-width: 767px){
.book_txt{
border-left:none;
}
.booking:hover{background: none;box-shadow: none;}
.booking:hover .book_txt{border-left: none;}
.booking:hover h4, .booking:hover p{color: #ffffff;}
.dash_sbt button.verfy, .dash_sbt button.cnsl{margin:10px 0px;}
.credit h4{line-height: 30px;}
.pro_Cmplte{margin-bottom: 30px;}
.dash_book_tp .col-md-4:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 75%;
right: 0;
height: 1px;
background: #ebeff2;
top: 0;
margin: 0 auto;
}
.dash_book_tp .col-md-4:first-child:after{
display: none;
}
.dash_book_tp .col-md-4:last-child:after{
display: block;
}
.chiller_cb{margin-bottom: 60px;}
.ratio{padding-bottom:35%;width: 35%;}
.card-body .float-left{width: 100%}
.card-body .float-right{float: left;margin-left: 0;margin-right: 8px;}
#frame .content {
width: calc(100% - 20%);
min-width: 80% !important;
}
#frame #sidepanel {
width: 20%;
min-width: 20%;
}
#frame {
width: 100%;
min-width: 100%;
max-width: 100%;
height: 92vh;
min-height: 300px;
max-height: 720px;
background: #ffffff;
margin-top: 30px;
}
.Abt_blocks.rent_Park .trusted .col-md-4:last-child .trusted_box:after {
display: block;
}
.Abt_blocks.rent_Park .trusted .col-md-4:first-child .trusted_box:after {
display: none;
}
}
@media(min-width: 768px) and (max-width: 991px){
.box_cnt{padding: 25px;}
.box_cnt p {
width: 100%;
margin: 0 auto;
}
.box{min-height: 360px;}
.Dsh_Icn_Txt p{font-size: 12px;}
.Dsh_Icn_Txt h2{font-size: 24px;}
.Dsh_icn_Img{margin-right: 10px;}
.pro_Cmplte {margin-bottom: 30px;}
}
@media(min-width: 992px) and (max-width: 1024px){
.box{min-height: 418px;}
}


.section_tab .tab .nav-tabs{
border-bottom: 1px solid #35ba45;
}
.section_tab .tab .nav-tabs li{
margin: 0 2px 0 0;
position: relative;
}
.section_tab .tab .nav-tabs li.active:before{
content: "";
position: absolute;
bottom: -28px;
left: 51px;
border: 14px solid transparent;
border-top-color: #35ba45;
}
.section_tab .tab .nav-tabs li.active:after{
content: "";
position: absolute;
bottom: -24px;
left: 53px;
border: 12px solid transparent;
border-top-color: #fff;
}
.section_tab .tab .nav-tabs li a{
border: none;
padding: 13px 35px;
font-size: 14px;
color: #333333;
background: transparent;
border-radius: 0;
}
.section_tab .tab .nav-tabs li a:hover{
color: #35ba45;
}
.section_tab .tab .nav-tabs li a i{
display: block;
text-align: center;
margin-bottom: 5px;
}
.section_tab .tab .nav-tabs li.active a,
.section_tab .tab .nav-tabs li.active a:focus,
.section_tab .tab .nav-tabs li.active a:hover{
border: none;
background: none;
color: #35ba45;
transition: background 0.20s linear 0s;
}
.section_tab .tab .nav-tabs li.active img.way1{display: block;margin: 0 auto;}
.section_tab .tab .nav-tabs li.active img.way{display: none;margin: 0 auto;}
.section_tab .tab .nav-tabs li img.way{display: block;margin: 0 auto;}
.section_tab .tab .nav-tabs li img.way1{display: none;margin: 0 auto;}
.section_tab .tab .tab-content{
font-size: 14px;
color: #777;
background: #fff;
line-height: 25px;
padding: 10px;
}
.section_tab .tab .tab-content h3{
font-size: 26px;
}
@media only screen and (max-width: 479px) {
.section_tab .tab .nav-tabs li a{
padding: 10px;
}
.section_tab .tab .nav-tabs li.active:before{
left: 28px;
bottom: -24px;
border-width: 12px;
}
.section_tab .tab .nav-tabs li.active:after{
left: 30px;
bottom: -20px;
border-width: 10px;
}
}

.dash_sbt button.verfy.onr{
border: none;
background: #ffffff;
padding: 10px 20px;
font-family: inherit;
font-size: 14px;
color: #333333;
transition: all 0.5s;
width: 45%;
border:1px solid #333333;
border-radius: 0px;
}
.dash_sbt button.verfy.onr.active{
background: #35ba45;
color: #ffffff;
border:1px solid #35ba45;
}
.space_dv{
margin-top: 25px;
}
.dash_sbt.onr{margin-top: 5px;}
.dash_sbt.onr button.chrg{position: relative;}
.dash_sbt.onr button.chrg:before{
position: absolute;
content: '\f0e7';
font-family:FontAwesome;
font-size: 16px;
left: 14px;
top: 50%;
transform: translateY(-50%);
color: #35ba45;
}

.dash_sbt.onr button.cctv{position: relative;}
.dash_sbt.onr button.cctv:before{
position: absolute;
content: '';
background: url('../images/iconmonstr-webcam-2-16.png')no-repeat;
width: 100%;
height: 16px;
left: 14px;
top: 50%;
transform: translateY(-50%);
}
.dash_sbt.onr button.cover{position: relative;}
.dash_sbt.onr button.cover:before{
position: absolute;
content: '';
background: url('../images/cover.png')no-repeat;
width: 100%;
height: 16px;
left: 14px;
top: 50%;
transform: translateY(-50%);
}
.dash_sbt.onr button.staff{position: relative;}
.dash_sbt.onr button.staff:before{
position: absolute;
content: '';
background: url('../images/iconmonstr-user-30-24.png')no-repeat;
width: 100%;
height: 16px;
left: 14px;
top: 50%;
transform: translateY(-50%);
}
.dash_sbt.onr button.disable{position: relative;}
.dash_sbt.onr button.disable:before{
position: absolute;
content: '\f193 ';
font-size: 16px;
left: 14px;
font-family: 'FontAwesome';
top: 50%;
transform: translateY(-50%);
color: #35ba45;
}
.dash_sbt.onr button.entry{position: relative;}
.dash_sbt.onr button.entry:before{

content: '\f0ec';
position: absolute;
font-size: 16px;
left: 14px;
font-family: 'FontAwesome';
top: 50%;
transform: translateY(-50%);
color: #35ba45;
}
.dash_sbt.onr button.key{position: relative;}
.dash_sbt.onr button.key:before{
content: '';
width: 100%;
height:16px;
position: absolute;
left: 14px;
background: url('../images/iconmonstr-key-5-16.png')no-repeat;
top: 50%;
transform: translateY(-50%);
color: #35ba45;
}
.dash_sbt.onr button.req{position: relative;}
.dash_sbt.onr button.req:before{

content: '\f2c3';
position: absolute;
font-size: 16px;
left: 14px;
font-family: 'FontAwesome';
top: 50%;
transform: translateY(-50%);
color: #35ba45;
}
.mains{position: relative;
background: #cccccc !important;}
textarea.rnt_area{width: 100%;padding: 14px;}

.mains:after {
position: absolute;
content: '\f058';
font-family:FontAwesome;
font-size: 16px;
right: 14px;
top: 50%;
color: #35ba45;
transform: translateY(-50%);
}
input.incre{width: 100%;}
button.multi,.dash_sbt.onr button{margin: 5px 5px;}
.wdhnum{width: 45%;}
input.eg,input.incre{width: 100%;height: auto;padding: 10px;margin-top: 15px;}
.tp{padding: 14px;margin-top: 15px;position: relative;background: #35ba45;color: #ffffff;}
.tp p{color: #fff;margin-bottom: 0px;margin-top: 0px !important;}
.tp p a{color: #333333;font-weight: 600;}
.bs-example-popover .popover {
position: relative;
display: block;
float: left;
z-index: 1;
}
.ADD_Spce{margin: 50px 0px;padding: 50px 0px;background: #f2f2f2;}
img.way{display: block;margin:0 auto;}
.ADD_Spce p.terms_Cond{font-size: 12px;margin-top: 20px;margin-bottom: 0px;}
/*.credit p{margin-top: 25px;}*/
.Drvr_onr{margin-top: 50px;}
.driver_img{cursor: pointer;margin: 0 auto;width: 200px;height: 200px;border-radius: 50%;background: url('../images/automobile-automotive-car-543605.jpg')no-repeat center;background-size: cover;}
.owner_img{cursor: pointer;margin: 0 auto;width: 200px;height: 200px;border-radius: 50%;background: url('../images/driver1.png')no-repeat center;background-size: cover;}
.Drvr_onr h3{text-align: center;text-decoration: none;color: #333333;font-size: 16px;display: inline-block;font-weight: 600;margin: 15px 0px;}
.Drvr_onr tr>:first-child{background: #35ba45;margin: 15px 0px;}
.tbshow{display: none;}
.forgot a {
color: #333333;
font-size: 14px;
text-decoration: underline;
}
.glyphicon-envelope{color: #fff;}
.forgot a:hover{color: #35ba45;}
.forgot{margin-bottom: 15px;}
.fa-lock,.fa-unlock-alt{color: #35ba45;}
.login .input-group-addon{background: #35ba45;}
.btn-block{background: #35ba45;color: #ffffff;transition: all 0.5s;border: none;}
.btn-block:hover{background: #333333;color: #ffffff;}
.ret{font-size: 16px;color: #ffffff;width: 16px;}
.modal-open {
overflow: auto;
}
.modl input.mdl_txt{height: auto;
display: inline-block;
padding: 8px 6px;
margin-bottom: 9px;
font-size: 13px;
line-height: 18px;
color: #555;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: #fff;
border: 1px solid #ccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition: border linear .2s,box-shadow linear .2s;
-moz-transition: border linear .2s,box-shadow linear .2s;
-o-transition: border linear .2s,box-shadow linear .2s;
transition: border linear .2s,box-shadow linear .2s;
width: 206px;}
.modal-header{background: #35ba45;}
.modl .modal-title{float: left;}
.modl .modal-header .close{float: right;}
.modl h4{color: #ffffff;}
.modl .close{color: #fff;opacity: 1;margin: 0;}
.modl button.grn{background: #35ba45;border: none;transition: all 0.5s;}
.modl button.grn:hover{background: #333333;}
.notify.mdls{
    width: 100%;
    display: inline-block;
}
.togle{display: none;}
#togle2{display: none;}
.myspace_list_outer  a{display: inline-block;
    padding: 4px 11px;
text-align: center;
/*background: #1B2739;*/
/*color: #ffffff;*/
color: #1B2739;
/*font-family: inherit;
font-size: 11px;
border-radius: 4px;*/}
.myspace_list_inner h3 {
font-size: 16px;
}
.price_space {
color: #36BA45;
font-size: 13px;
text-transform: capitalize;display: block;
margin: 15px 0 0;
}
.myspace_list_inner h3 {
font-size: 16px;
margin-bottom: 10px;
}
.myspace_list_inner h6 {
margin: 0 0 5px;
}
.myspace_list_inner.row {

border-bottom: 1px solid #eee;
padding: 15px 0;

}
.sucess-msg {
color: #fff;
}
.sucess-msg p {
color: #fff; line-height:24px;

}
.sucess-msg h3 {
margin: 9px 0 0;
}
.next-step-inner img {
width: 70px;
}
.next-step-inner {
padding: 15px;
text-align: center;
}
.next-step-inner h4 {
font-size: 17px;
text-transform: capitalize;
margin: 15px 0;
}
.next-step-outer h2 {

margin: 0 0 30px;
text-align: center;
border-bottom: 1px solid #eee;
padding-bottom: 20px;
font-size: 20px;

}
.upload-btn,.next-step-btn a {
background: #36BA45;
color: #fff;
display: inline-block;
padding: 13px 30px;
text-transform: capitalize;
font-size: 18px;
border-radius: 50px;
}
.next-step-btn { text-align:center;}
#pic_upload_outer {
text-align: center;
}
#pic_upload {
opacity: 0;
}
#pic_upload_outer {
text-align: center;
border-bottom: 1px solid #eee;
min-height: 300px;
margin: 0 0 30px;
}
.upload-btn {
border-radius: 3px;
cursor: pointer;
font-weight: 500;
}


.searchable-container{margin:20px 0 0 0}
.searchable-container label.btn-default.active{background-color:#333333;color:#FFF}
.searchable-container label.btn-default{width:100%;border:1px solid #efefef;margin:5px; box-shadow:5px 8px 8px 0 #ccc;
color: #fff;
background: #36ba45;}

.searchable-container label .bizcontent{width:100%;}
.searchable-container .btn-group{width:100%}
.searchable-container .btn span.glyphicon{
opacity: 0;
}
.searchable-container .btn.active span.glyphicon {
opacity: 1;
}
.notify.days{margin-top: 0px;}
.dash_sbt .btn-primary.active{background-color: #333333;border-color: #333;}
.dash_sbt .btn-primary{background-color: #36BA45;border-color: #36BA45;}
.calender_srch.avl{margin-top: 0px;}
.time_tble{margin-top: 30px;}
.xtra{margin-top: 20px;}
.Dta_table .dash_sbt button.verfy.hlf{width: 20%;margin: 0 auto;}



.Dta_table .tab .nav-tabs{
border-bottom: 1px solid #36ba45;
}
.Dta_table .tab .nav-tabs li{
margin: 0 2px 0 0;
position: relative;
}
.Dta_table .tab .nav-tabs li.active:before{
content: "";
position: absolute;
bottom: -28px;
left: 51px;
border: 14px solid transparent;
border-top-color: #36ba45;
}
.Dta_table .tab .nav-tabs li.active:after{
content: "";
position: absolute;
bottom: -24px;
left: 53px;
border: 12px solid transparent;
border-top-color: #fff;
}
.Dta_table .tab .nav-tabs li a{
border: none;
padding: 13px 35px;
font-size: 14px;
color: #333;
background: transparent;
border-radius: 0;
}
.Dta_table .tab .nav-tabs li a:hover{
color: #36ba45;
}
.Dta_table .tab .nav-tabs li a i{
display: block;
text-align: center;
margin-bottom: 5px;
}
.Dta_table .tab .nav-tabs li.active a,
.Dta_table .tab .nav-tabs li.active a:focus,
.Dta_table .tab .nav-tabs li.active a:hover{
border: none;
background: transparent;
color: #36ba45;
transition: background 0.20s linear 0s;
}
.Dta_table .tab .tab-content{
font-size: 14px;
color: #333;
background: #fff;
line-height: 25px;
padding: 10px;
}
.Dta_table .tab .tab-content h3{
font-size: 26px;
}
@media only screen and (max-width: 479px) {
.Dta_table .tab .nav-tabs li a{
padding: 10px;
}
.Dta_table .tab .nav-tabs li.active:before{
left: 28px;
bottom: -24px;
border-width: 12px;
}
.Dta_table .tab .nav-tabs li.active:after{
left: 30px;
bottom: -20px;
border-width: 10px;
}
}
.panel_heading.size h4{font-size: 16px;}
.dash_sbt button.verfy.skip{width: 35%;}
i.fa.adr{font-size: 35px;color:#36ba45;cursor: pointer; }
span.addnw{font-size: 20px;display: inline-block;position: relative;top: -6px;left: 5px;cursor: pointer;}
.addrs{margin-top: 30px;}
.mainbxshow{display: none;}
button.find_adr{background: #36ba45;color: #ffffff;border:1px solid #36ba45;padding: 11px;margin-left: -5px;}
button.find_adr:hover{background: #333333;color: #ffffff;}
input.fnd{padding: 10px;height: auto;}
.find_adr_show{display: none;}
.verify_note{margin: 30px 0px;}
.paypalbx{display: none;}
.modal-header h4 {
    color: #ffffff;
    display: inline-block;
}
.modal-header img,.attention_img img{margin: 0 auto;display: block;margin-bottom: 20px;}
.attention_img{margin-top: 20px;}
.modalcnt{width: 85%;margin: 0 auto;}
.modalcnt h4{margin: 15px 0px;}
.bordr{border-bottom: 1px solid #eeeeee;}
.modalcnt .vertical-align{margin: 15px 0px;}
.modalcnt .vertical-align p{margin-bottom: 0px;}
.attentionerror .alert.alert-info{
background: #fcf8e3;
border: #fcf8e3;
}
.myspace_list_inner .btn-primary,.checklist_lnks .btn-primary{background: #36ba45;border: 1px solid #333333;}
.myspace_list_inner .btn-primary.active,.checklist_lnks .btn-primary.active{background: #333333;border: 1px solid #333333;}

.myspace_list_inner .btn-danger,.checklist_lnks .btn-danger{background: red;border: 1px solid #333333;}

.select .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
width: 100%;
}
input.vfy_email {
height: auto;
padding: 7px;
border-radius: 5px;
border: 1px solid #eee;
width: 70%;
background: #f2f2f2;
}
.select .bootstrap-select.btn-group .dropdown-toggle .caret {
display: none;
}
.cncl_sec{padding: 50px 0px;}
a.follow{display: inline-block;padding: 8px 12px;border:1px solid #36ba45;text-decoration: none;color:#36ba45;border-radius: 4px; }
a.follow:hover{border:1px solid #333;background:#333;  }
.flo_sec{margin: 35px 0px;}
.cncl_sec .generic_wrpr{padding: 0;}
.cncl_width{width: 70%;margin: 0 auto;}
.cncl_cnt p{margin: 25px 0px;}
.social_media ul li a{
border-radius: 50%;
height: 40px;
line-height: 40px;
overflow: hidden;
width: 40px;
border: 2px solid #36ba45;
display: inline-block;
text-align: center;
}
.social_media ul li a i.fa{
font-size: 16px;color: #333333;
}
.social_media ul li{display: inline-block;}
.social_media ul li a:hover{
background: #36ba45;border: 2px solid #36ba45;;
}
.articles h4{color: #36ba45;}
.social_media .generic_wrpr h2{
margin: 20px 0px;
}
.social_media .generic_wrpr{position: initial;}
.social_media{margin-top: 30px;}
.article_help{background: #f2f2f2;padding: 50px 0px;}
i.mgr{margin-right: 8px;}
.artcl_txt a.follow {
width: 90px;
padding: 7px 0px;
margin-bottom: 20px;
}
.artcl_txt p{margin-bottom: 20px;}
.artcl_txt h4{margin-top: 30px;}
.driveway_txt h4{font-size: 26px;}
.driveway_heading{padding-top: 50px;padding-bottom: 30px;}
.checklist_wrapper .alert_bx{padding: 0px 25px;}

ul.status-list {
margin: 15px 0;
list-style: none;
}

ul.status-list li.status-success {
background-image: url(../images/check.png);
height: 28px;
}

ul.status-list li {
background-repeat: no-repeat;
background-position: 0 0;
padding-left: 35px;
margin-bottom: 15px;
}
ul.status-list li p {
margin: 0;
padding: 0;
}

ul.status-list li a {
text-decoration: underline;
}
ul.status-list li.status-warning {
background-image: url(../images/error.png);
height: 28px;
}
ul.status-list li.status-warning {
background-image: url(../images/error.png);
height: 28px;
}
ul.status-list li.status-info {
background-image: url(../images/info1.png);
height: 28px;
}
.speces,.checklist_lnks{padding: 0px 25px 25px;}
.btn-toolbar{padding: 0px 25px;}
.btn-toolbar>.btn:hover{background: #333;}
.checklist_map{padding: 0px 25px;}
ul.multi-options {
overflow: hidden !important;
list-style-type: none !important;
padding: 1px 5px !important;
margin: 0 !important;
height: auto !important;
border: 0 !important;
}
ul.multi-options li {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-border-radius: 4px;
background: #36ba45 none repeat scroll 0 0;
padding: 10px;
color: #ffffff;
border: 0;
display: block;
font-size: 12px;
float: left;
list-style-type: none;
margin: 2px 5px 2px 0;
-x-system-font: none;
-webkit-box-shadow: 0;
-moz-box-shadow: 0;
-o-box-shadow: 0;
box-shadow: 0;
}
.pannel_padding{padding: 0px 25px;}
.pannel_padding2{padding: 25px;}
.description_txt{padding-top: 25px;}
.data{padding-bottom: 25px;}
.description_txt p{margin: 0;}
.circle.img-center{margin: 0 auto;}
p.profile-username{font-size: 24px;text-align: center;}
.askbtn button{width: 100%;background: #36ba45;border: none;color: #fff;padding: 8px;border-radius: 4px;transition: all 0.5s;}
.askbtn button:hover{background: #333;}
.trust-centre-items {
margin: 15px 0 0;
list-style: none;
}
.trust-centre-items li:last-child {
border-bottom: 0;
}
.clearfix:after, .clearfix:before {
content: "";
display: table;
}
.trust-centre-items i {
margin-top: 10px;
}
.trust-centre-items i {
font-size: 28px;
float: left;
margin-right: 25px;
margin-bottom: 10px;
margin-top: 0px;
width: 16px !important;
color: #36ba45;
}

.color-blue {
color: #1eb14b;
}
.trust-centre-items h5,.trust-centre-items p{opacity: 0.7;}
.navbar-nav select {
width: 100%;
height: 100%;
margin: 0;
padding: 0px 15px;
color: #36ba45;
cursor: pointer;
border: none;
border-radius: 4px;
}
.bk_strt{position: relative;}
.bkstrt_img{position: absolute;left: 0;top:0;}
.bkstrt_txt{padding-left: 50px;margin-top: 20px;}
.bk_plans{background: #f2f2f2;padding: 25px;}
.bk_policy h6{font-weight: 600;color: #333;font-size: 14px;}
.bk_policy p,.bkstrt_txt p{font-weight: 400;color: #333;font-size: 12px;margin: 5px 0px;}
.bkstrt_txt span{color: #36ba45;font-weight: 600;font-size: 12px;margin: 5px 0px;}
.rules{background: #f2f2f2;padding: 25px;}
.rules_icn i{width: 50px;height: 50px;font-size: 50px;color: #36ba45;}
.rules h4{margin-bottom: 35px;}
.topics_wpr{padding: 25px;border: 1px solid #36ba45;transition: all 0.5s;}
.topics{padding: 50px 0px;}
.topics_bx .fa{font-size: 50px;color:#36ba45; }
.topics_bx h4{padding: 25px 0px;color: #36ba45;}
.topics_bx{margin: 30px 0px;}
.topics_wpr:hover{background: #36ba45;}
.topics_wpr:hover h4,.topics_wpr:hover p{color: #fff;}
.topics_wpr:hover .fa{color: #fff;}
.topics_wpr img.rule3{display: none;}
.topics_wpr:hover img.rule3{display: block;margin: 0 auto;}
.topics_wpr:hover img.rule2{display: none;}
.cncl_width .generic_wrpr{position: initial;top: 0;transform: translateY(0);}
.article-list-item {
border-bottom: 1px solid #ddd;
font-size: 16px;
padding: 15px 0;
}

.article-list-item a {
color: #333333;
}
.article-list-item a:hover {
color: #36ba45;
}


a:hover,a:focus{
text-decoration: none;
outline: none;
}
#accordion .panel{
border: none;
box-shadow: none;
border-radius: 10px;
margin-bottom: 10px;
}
#accordion .panel-heading{
padding: 0;
border: none;
border-radius: 10px;
}
#accordion .panel-title a{
display: block;
padding: 20px 35px;
font-size: 20px;
font-weight: 600;
color: #fff;
background: #36ba45;
border: none;
position: relative;
transition: all 0.3s ease 0s;
}
#accordion .panel-title a:after,
#accordion .panel-title a.collapsed:after{
content: "\f068";
font-family: "FontAwesome";
font-weight: 900;
width: 40px;
height: 40px;
line-height: 32px;
border-radius: 50%;
background: #36ba45;
text-align: center;
font-size: 15px;
color:#fff;
border: 5px solid #fff;
position: absolute;
top: 10px;
left: -20px;
transition: all 0.3s ease 0s;
}
#accordion .panel-title a.collapsed:after{
content: "\f067";
}
#accordion .panel-title a:hover:after,
#accordion .panel-title a.collapsed:hover:after{
transform: rotate(360deg);
}
#accordion .panel-body{
padding: 15px 25px;
background: #fff;
font-size: 14px;
color: #8c8c8c;
line-height: 25px;
border-top: none;
position: relative;
}
#accordion .panel-body p {
   overflow-wrap: break-word;
    text-align: justify;
}
.article_links{padding: 50px 0px;}


#donate {
margin:4px;

float:left;
}

#donate label {
float:left;
width:170px;
margin:4px;
background-color:#EFEFEF;
border-radius:4px;
border:1px solid #D0D0D0;
overflow:auto;

}

/*#donate label span {
text-align:center;
font-size: 32px;
padding:13px 0px;
display:block;
}*/

#donate label input {
position:absolute;
top:-20px;
}

#donate input:checked + span {
background-color:#36ba45;
color:#F7F7F7;
}

#donate .blue {
background-color:#36ba45;
color:#333;
}

#donate .chiller_cb{margin-bottom: 0px;}
#donate p{margin: 0px;text-align: center;color: #fff;font-family: inherit;font-weight: normal;}
#donate .chiller_cb span {
display: inline-block;
width: 1.2rem;
height: 1.2rem;
border: 2px solid #36ba45;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
transition: all 0.2s;
z-index: 1;
box-sizing: content-box;
}
.dash_sbt.onr #donate label{margin: 0px 4px 0px 0px;}
.dash_sbt.onr #donate {margin: 0px 4px 0px 0px;}
.bootstrap-datetimepicker-widget {
z-index: 8;
}

/*cumberlane css starts here*/
.cumber_lne{padding: 55px 0px;}
.cumber_head h2{font-size: 32px;font-family: inherit;position: relative;display: inline-block;}
.cumber_head h2:before{content: '';position: absolute;left: 0;bottom: -10px;width: 100px;height: 2px;background: #36ba45;}
.lane_way h4{font-size: 18px;color: #36ba45;font-family: inherit;margin-bottom: 25px;}
.lane_way p{font-family: inherit;color: inherit;}
.cumber_head{margin-bottom: 50px;}
.park_lne{background: #f6f7f8;padding: 30px 0px;margin-top: 30px; margin-left: 67px; width: 90%;}
.park_lne h4,.bk_prd h4{font-size: 18px;color: #36ba45;font-family: inherit;}
.bk_prd{margin: 30px 0px;}
.notify.bkl {margin-top: 0px;}
input[type="radio"] + .label-text:before{
content: "\f10c";
font-family: "FontAwesome";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing:antialiased;
width: 1em;
display: inline-block;
margin-right: 5px;
}

input[type="radio"]:checked + .label-text:before{
content: "\f192";
color: #36ba45;
animation: effect 250ms ease-in;
}

input[type="radio"]:disabled + .label-text{
color: #aaa;
}

input[type="radio"]:disabled + .label-text:before{
content: "\f111";
color: #ccc;
}
@keyframes effect{
0%{transform: scale(0);}
25%{transform: scale(1.3);}
75%{transform: scale(1.4);}
100%{transform: scale(1);}
}
input[type="radio"]{
position: absolute;
/*right: 9000px;*/
}
.bk_prd .calender_srch{margin-top: 0px;}
.payment_tb .table>tbody>tr>th{text-align: left;}
.payment_tb .table>tbody>tr>td a {text-align: right;}
.bk_prd.clne .btn{padding: 10px;border-radius: 0px;border:1px solid #eee;}
#hideshow{display: none;}
span.inlineblk{display: table-cell;padding-left: 10px;vertical-align: top;}


/*thankyou page css start here*/
section.thnks{padding: 100px 0px;background: #f1f1f1;}
.thnkmsg h1{font-size: 60px;font-family: inherit;margin-bottom: 20px;color: #36ba45;}
.thnkmsg span i.fa{color: #36ba45;font-size: 60px;margin-bottom: 20px;}
.thnkmsg{border-bottom: 1px solid #d0d0d0;padding: 50px 0px;}
.trb_cnt{padding-top: 30px;}
.trb_cnt .dash_sbt{padding-top: 30px;}
.trb_cnt .dash_sbt.sec.Dash_brd_sbt button.verfy{margin-right: 0px;}
.bootstrap-select.btn-group .dropdown-menu{position: relative;z-index: 8;}
.Sign_in{z-index: 7;}
.sign_in_frm a{color: #35ba45;}
@media(max-width: 767px){
.login-wrapper{width: 100%;}
}



/*grid_images for myspace page*/
.grid_images_prk{margin-top: 15px;}
.myspace_list_inner {
-webkit-box-shadow: 0 1px 15px 1px rgba(9,136,255,.1);
-o-box-shadow: 0 1px 15px 1px rgba(9,136,255,.1);
-ms-box-shadow: 0 1px 15px 1px rgba(9,136,255,.1);
box-shadow: 0 1px 15px 1px rgba(9,136,255,.1);
margin: 15px 0px;
}
.myspace_list_inner .btn{padding: 10px 19px;}


.Highlighted a:before {
content: '\f00c';
font-family: 'FontAwesome';
position: absolute;
right: 0;
bottom: -5px;
font-size: 12px;
}

.Highlighted a {
/ background-color: Green !important; 
background-image: none !important;
color: green !important;
font-weight: bold !important;
font-size: 12pt;
background: #def1d9;
position: relative;
}
.UnHighlighted a {
background-color: Green !important; 
background-image: none !important;
color: Red !important;
font-weight: bold !important;
font-size: 11pt;
background: #f6f6f6;
}

.UnHighlighted a:before {
content: '\f00d ';
font-family: 'FontAwesome';
position: absolute;
right: 0;
bottom: -5px;
font-size: 12px;
}
.HalfHighlighted a {
    background:linear-gradient(to bottom, red 50%, green 50%);
    background-image: none !important;
    color: white !important;
    font-weight: bold !important;
    font-size: 11pt;
}
.HalfHighlighted a:before {
    content: '\f00d ';
    font-family: 'FontAwesome';
    position: absolute;
    right: 0;
    bottom: -5px;
    font-size: 12px;
}
.ui-datepicker-calendar .ui-state-default {
display: block;
width: auto; 
outline: none;
text-decoration: none;
color: #a8a8a8;
border: 1px solid #dcdcdc;
padding: 6px 7px;
position: relative; 
background: #fbfbfb;
}
.ui-datepicker-calendar td {
padding: 2px 2px !important;
text-align: center;
line-height: 26px;
}
.UnHighlighted a{background: #f2f2f2 !important;}
.Highlighted a{background: #d4efd7 !important;}
.redcolr {
background: red !important;
}


/*chat massage css starts here*/
.chat-window-title img{margin: 0 auto;display: block;}
.char-rm_txt {text-align: center;}
.chatting_bx{padding: 20px;}
.chat-user-left {float: right;}
.chat-user-box {width: 50px;height: 50px;border-radius: 50%;}
.chat-user-left {float: right;position: relative;clear: both;}
.char-rm_txt{margin-bottom: 20px;}
.meta-info span.date {color: #36ba45;font-weight: 600;}
.chat-user-message {padding-top: 10px;}
.chat-window-box{position: relative;}
.chat-sender-box {margin-top: 20px;}

input#message {
    width: 100%;
    height: 45px;
    padding: 12px 45px 12px 12px;
}
.chat_send_input{
	position: relative;
}
.chat_send_input .chat_send_btn{
	position: absolute;
	right: 0;
	top: 0;
}
button#send_comments {
    border: #5cb85c;
    background: #5cb85c;
    padding: 0px 16px;
    height: 45px;
    border-radius: 0;
    color: #ffffff;
    text-align: center;
}
.cht_window {width: 100px;height: 100px;margin: 0 auto;}
.btn{white-space: normal;}
 a.btn.back_btn {color: #fff; padding-left: 5px; padding-right: 5px;
    background: #35ba45}
    a.btn.back_btn.space {margin-bottom: -97px !important;    margin-right: -58px !important;}
 a.btn.back_btn:hover {color: #35ba45;
    background: #000}  
    .btn-warning.btn-lg.pull-right {
    background-color: #35ba45;
    padding: 5px 15px;
    font-size: 14px;
    margin-right: 26px;}
    .btn-warning.btn-lg.pull-right:hover {
		background-color: #000;
		color: #35ba45;
		padding: 5px 15px;
		font-size: 14px;
		margin-right: 26px;
	} 
    .custom_success{
    	/*margin-left: 200px;*/
    }

    .light-btn {
	    background-color: #000;
	    color: #ffffff;
	    padding: 8px 10px;
	    border-radius: 5px;
	    display: inline-block;
	}

.light-btn:hover {
    background-color: #35ba45;
    color: #ffffff;
    padding: 8px 10px;
    border-radius: 5px;
}
.light-btn:focus, .dark-btn:focus{
	color:#ffffff;
}
.dark-btn{
    background-color: #35ba45;
    color: #fff;
    padding: 8px 10px;
    border-radius: 5px;
    display: inline-block;
}
.dark-btn:hover {
    background-color: #000;
    color: #fff;
    padding: 8px 10px;
    border-radius: 5px;
}

.orange-btn{
		background-color: #ff9300;
	    color: #ffffff;
	    padding: 8px 10px;
	    border-radius: 5px;
	    display: inline-block;
	}
	
	.green-btn{
		background-color: #36ba45;
	    color: #ffffff;
	    padding: 8px 10px;
	    border-radius: 5px;
	    display: inline-block;
	}

.btn.btn-deactive.theme-btn {
    background-color: #dc3545;
    color: #fff;
}

.btn.btn-deactive.theme-btn:hover {
    background-color: #dc3545;
    border-color: solid 1px #bd2938;
    color: #fff;
}  


input.btn.btn-primary.cstm {
    background-color: #fc5d5d;
}

input.btn.btn-primary.custm {
    background-color: #db2923;
}

button.btn.btn-warning.custom_color {
    background-color: #ffcc6c;
    border-color: #ffcc6c;
	border-radius: 24px;
}

button.btn.btn-warning.custom_color:hover {
	background-color: #000;  
	border-color: #000;   
	color: #36ba45;
	}
.popover-content p{margin: 0px 0px}
.back_btn .btn-primary{background: #36ba45;border-color: #36ba45;}
.back_btn_cover{position: absolute; right: 4%; bottom: 15px;}
.back_btn .btn-primary:hover{background: #000;border-color: #000; color: #36ba45;}
.dash_dtl_frm .select .btn{height: 42px;}
.scnd_map{margin-top: 15px;}
.frst_map {
    margin: 15px auto 0;
}
.grid_images_prk img{width: 100%;}
.grid_images_prk.grid img{width: 100%; height: auto;}
.grid_images_prk .col-sm-4 {
    padding: 5px;
}
@media(min-width: 320px) and (max-width: 479px){
.Dta_table table.dataTable.no-footer tr.child td.child table tr td {
display: block;}
.attr-nav>ul>li>a p,.attr-nav>ul>li:before,.attr-nav>ul>li:last-child:after{display: none;}
}
@media(min-width: 480px) and (max-width: 767px){
.Dta_table table.dataTable.no-footer tr.child td.child table tr td {
display: table-cell;}
}
@media(max-width: 767px){
.info.dash{background: #ffffff;}
.bx_shdo{padding: 0px;box-shadow: none;}
.popover.left{margin-left: 0px;margin-bottom: 20px;}
.popover-content p{margin: 0px;}
.tab .nav-tabs>li {width: auto;}
.section_tab .tab .nav-tabs{margin-bottom: 25px;}
.btn-group>.btn:last-child:not(:first-child){border-top-left-radius:4px;border-bottom-left-radius:4px;}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.myspace_list_inner .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
.myspace_list_inner .btn-group>.btn:last-child:not(:first-child) {border-top-left-radius: 0px;border-bottom-left-radius: 0px;}
.myspace_list_outer a.pull-right{margin-top: 5px;}
.dash_sbt.onr label.btn.btn-primary {margin-bottom: 5px;}
.dash_dtl_frm .select .btn{height: 42px;}
.info.dash{padding-top: 80px;}
.park_panel {box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.19);}
.ftr_inr{padding: 0px;}
section.info.dash.custom-margin {padding-top: 20px;padding-bottom: 0px;}
.bs-example-popover .popover{float: none;}
.myspace_list_inner .btn{padding: 10px;}
.frst_map {margin: 15px auto;}
.grid_images_prk img{margin: 5px 0px;}
}
.sent .chat_time {text-align: right;}
.replies .chat_time {text-align: left;}
#frame .content .messages ul li.sent img{float: right;}
#frame .content .messages ul li.replies img {float: left;margin: 6px 0 0 8px;}
li.sent {float: right;}
li.replies {float: left;}
@media(min-width: 768px) and (max-width: 991px){
.copy_Right p{text-align: center;}
.dash_book_tp .col-md-4:after{content: '';position: absolute;right: 0;left: 0;top: auto;width: 90%;margin: 0 auto;height: 1px;background: #ebeff2;bottom: 0;}
.Dta_table table.dataTable.no-footer tr.child td.child table tr td {display: block;}
.Dta_table div#example_wrapper .col-sm-6{width: 100%;}
#example_wrapper.dataTables_wrapper .dataTables_filter{float: none;text-align: left;}
div#example_wrapper .col-sm-5{width: 100%;}
.dataTables_wrapper .dataTables_paginate{float: none;}
.dash_sbt button.verfy, .dash_sbt button.cnsl{padding: 10px;}
section.info.dash.custom-margin {padding-top: 20px;padding-bottom:20px;}
.custm_mrgn.bx_shdo{padding: 30px;}
.ftr_social.text-right{text-align: center;padding-top: 0px;}
.myspace_list_inner .btn{padding: 10px 12px;}
.myspace_list_outer a.pull-right{margin-top: 5px;}
}
@media(min-width: 992px) and (max-width: 1024px){
    .dash_Icn{display: block;padding: 30px 0px;}
    .Dsh_icn_Img{float: none;margin: 0 auto;}
    .Dsh_Icn_Txt{float: none;text-align: center;margin-top: 10px;}
}
.togle .select .btn,#togle2 .select .btn{height: 42px;}
.panel.panel-default{position: inherit;z-index: 7;}
.laguage_shw{display: none;}
@media(max-width: 991px){
	.laguage_shw{display: block;float: right;}
	.laguage_shw1{display: none;}
	.laguage_shw .dropdown-menu{min-width: 80px;padding:5px;}
	.laguage_shw .dropdown-menu>li>a{padding: 3px 10px;}
}

.top_nav.navbar-right { text-align:right;
    width: 100%;margin: 15px 0 0;
}
.top_nav li {
    float: right;
    border-left: 1px solid #fff;
    padding: 10px 15px;
}
.top_nav li:first-child {
    border-right: 1px solid #fff;
}
.top_nav li a {
    color: #fff;
}
.top_nav li a .badge {
    background: #00ff00;
}
.home_icon_txt .badge2, 
.home_icon_txt .badge3 {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 50%;
}
.home_icon_txt .badge2{
	background-color:#ff9300; 
}
.home_icon_txt .badge3{
	background-color:#ff0000; 
}
.top_nav .dropdown {
    margin-top: -8px;
}
.top_nav .dropdown-menu li {
    width: 100%;
    margin: 0;
}
.top_nav .dropdown-menu li a {
    color: #666;
}
.nav.navbar-nav li a {
    font-size: 16px;
}
.accordion-menu li a {
    color: #212121;
}
.accordion-menu li a .badge {
    background: #00ff00;
    border-radius: 50%;
}
.accordion-menu li a .badge_orange {
    background: #ff9300;
}
.member_hover_wrpr {
    height: 510px;
    overflow-x: hidden;
}
.top_nav.navbar-left li {
    text-align: center;
}
.top_nav.navbar-left li .home_icon {
    display: block;
    margin-bottom: 4px;
}
.top_nav.navbar-left li .home_icon i{ 
	font-size:22px;  
	margin:0px;
    text-align: center;
}
#navbar-menu {
    padding: 15px 0 0;
}
.myspace_list_outer a.instant_booking {
    margin: 10px 0 0;
    border-radius: 0;
    padding: 10px 15px;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover{background-color: #35BA45;}
.dropdown-menu > li > a{ text-transform:capitalize; padding:6px 20px}


table.dataTable.nowrap th, table.dataTable.nowrap td {
    white-space: normal;
}

.bd_color{
	background-color: #00ff00;
}


 .park_frm span.input-group-addon
{
display: block;
position: absolute;
right: 0;
top: 0;
z-index: 100;
width: 46px;
height: 46px;
line-height: 46px;
padding: 0px;
border-radius: 2px;
}
.park_frm .form-control{border-radius: 2px;}
.park_frm .input-group{width: 100%;}
.pop_up_bx .gallery img {

    height: 65px;
    width: auto;
    margin: 0 0 10px;

}
.input-group.date .dropdown-menu {
    z-index: 111;
}



nav.navbar.bootsnav.navbar-fixed{ 
    z-index:999;
}

.btn-success {
    background-color:#36ba45 !important;
}
.btn-success:hover{
	background-color: #000 !important;
	color:#36ba45;
	border:1px solid #000; 
}
button.btn.btn-status{
    color: #fff;
    background-color: #36ba45;
    border-color: #36ba45;
    border-radius: 34px;
}
.top_nav img {
    float: left;
    border-radius: 50%;
    width: 40px;
    margin-right: 10px;
}
.top_nav .top_nav_span {
    float: right;
}
/*pagination css*/

.pagination_wrapper {
    float: right;
}

/*.myspc_pagination span {
    margin-left: 35px;
}*/

.myspc_pagination > strong, .myspc_pagination >a {
    display: inline-block;
    width: 35px !important;
    height: 35px !important;
    line-height: 33px !important;
    border-radius: 50%;
    border: 1px solid #ddd;
    text-align: center;
    vertical-align: middle;
    margin: 5px 4px;
    padding-top: 0;
}
.myspc_pagination strong {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #36ba45;
    border-color: #36ba45;
   /* line-height: 30px !important;*/
}

.myspc_pagination > a[rel="next"], .myspc_pagination > a[rel="prev"] {
    width: auto !important;
    height: auto !important;
    line-height: inherit !important;
    padding: 6px 12px !important;
    color: #090909;
    text-decoration: none;
    border-radius: 2em;
    z-index: 3;
    font-family: poppins, sans-serif;
    font-size: 14px;
}
.myspc_pagination > span {
    display: inline-block;
    padding: 6px 12px;
    color: #777;
    border: 1px solid #ddd;
    border-radius: 2em;
    z-index: 3;
    font-family: poppins, sans-serif;
    font-size: 14px;
    cursor: no-drop;
}
/*.col-md-9 span {
    background-color: #fff;
    padding: 30px 100px;
    border: 1px solid #36ba45;
    border-radius: 25px;
}*/

.que i[title]:hover:after {
    content: attr(title);
    padding: 20px 3px;
    position: absolute;
    left: 0;
    top: 100%;
    white-space: nowrap;
    z-index: 20;
    background: #fff;
    color: #000000;
    border: 1px solid #36ba45;
    border-radius: 3px;
    text-align: center;
    margin-top: 33px;
}
span.que{
position: relative;
}
.dashboard_right_cnt .panel_heading i.fa.fa-question-circle-o[title]:hover:after {
    left: auto;
    right: 100%;
}

i.fa.fa-question-circle-o {
    position: relative;
}
.reply_section {
    border: 1px solid #35ba45;
    border-radius: 10px;
    padding: 20px;
    background-color: transparent;
    position: relative;
    width: calc(100% - 25px);
    width: -webkit-calc(100% - 25px);
    width: -moz-calc(100% - 25px);
    display: inline-block;
}
.reply_section a strong {
    color: #000;
    font-weight: 600;
    text-transform: capitalize;
}
.reply_section p {
    /* padding-left: 15px; */
}
.reply_message {
   	padding-left: 0px;
    font-weight: 400;
}
.reply_section .feed_date, .card-body .feed_date{
    display: inline-block;
    border-bottom: 1px solid #35ba45;
    padding-bottom: 5px;
    padding-right: 15px;
    color: #777777;
}
.first-btn{
	padding: 4px 7px;
}

.area_box {
  /*  padding: 14px 16px 49px;
    border: 1px solid #36ba45;
    border-radius: 5px;
    width: 40%;
    background-color: #f4f5f6;*/
}

/*End of pagination css*/
/*=== Extra css start ====*/
.pro_Cmplte .park_panel .panel_heading h4 {
    padding-left: 10px;
    font-size: 17px;
}
.dt-buttons {
    display: inline-block;
    float: right;
    margin-top: -68px;
    z-index: 11;
    position: relative;
}
.green_btn {
    display: inline-block;
    text-decoration: none;
    background: #36ba45;
    color: #fff;
    padding: 0px 20px;
    height: 35px;
    line-height: 35px;
    border-radius: 2em;
    border:none;
    cursor: pointer;
    transition: all ease-in 0.25s; 
    -webkit-transition: all ease-in 0.25s; 
    -moz-transition: all ease-in 0.25s; 
}
.green_btn:hover, .green_btn:focus{
	text-decoration: none;
	color: #36ba45;
	background: #000000;
}

button.btn.btn-success.withdraw_btn {
    padding: 10px 49px;
    margin: 17px 0;
    color: #fff;
}


 /*.total_fare_bg{
          padding: 2px 0px 19px 0px;
    width: 46%;
    background-color: #fff;
    border: 1px solid #36ba45;
    border-radius: 61px;
    text-align: center;
    margin-left: 263px;
    box-shadow: 0px 0px 5px 3px rgba(0,0,0,.075);
}*/

/*.total_fare_bg{
	 width: 350px;
	 height: 120px;
	 background-color: #f6f7f8;
	 border: 1px solid #f6f7f8;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	
	position: relative;
	margin: 120px auto 20px;
}

.total_fare_bg:after, .total_fare_bg:before {
	content: '';
	position: absolute;
	background: #f6f7f8;
	border: 1px solid #f6f7f8;
	z-index: -1
}

.total_fare_bg:after {
	width: 100px; height: 100px;
	top: -50px; left: 50px;
	
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
}

.total_fare_bg:before {
	width: 180px; height: 180px;
	top: -90px; right: 50px;
	
	border-radius: 200px;
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
}

*/


#total_fare_bg {
    height: 230px;
    margin: 40px auto;
    position: relative;
    width: 352px;
}
#total_fare_bg div {
    border: solid 3px #36ba45;
}

#bottom_c {
    background-color: #fff;
    border-radius: 100px;
    height: 112px;
    position: absolute; 
    top: 100px;
    width: 315px;
    z-index: 0;
    padding: 0px 10px !important;
}
.shift_content {
    position: absolute;
    top: 94px;
    border: none !important;
    left: 47%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    width:100%;
}
.shft{
	top: 115px;
	left: 50%;
}
.shift_content h1 {
    font-size: 15px;
    padding-left: 0px;
    max-width: 339px;
    overflow-wrap: break-word;
}

#right_c{
    background-color: #fff;
    border-radius: 100%;
    height: 120px;
    left: 124px;
    position: absolute;
    top: 47px;
    width: 159px;
    z-index: 0;
}

#left_c{
    background-color: #fff;  
    border-radius: 100%;
    height: 100px;
    left: 53px;
    position: absolute; 
    top: 70px; 
    width: 109px;
    z-index: 0;
}

#total_fare_bg::before {
    background-color: white;
    border-radius: 50%;
    content: '';
    height: 41px;
    left: 66px;
    position: absolute;
    top: 75px;
    width: 95px;
    z-index: 1;
}

#total_fare_bg::after {
    position: absolute;
    top: 77px;
    left: 146px;
    background-color: white;
    border-radius: 50%;
    content: '';
    width: 129px;
    height: 40px;
    z-index: 1;
}

#right_a{
	background-color: #fff;
    border-radius: 100%;
    height: 146px;
    left: 132px;
    position: absolute;
    top: 47px;
    width: 181px;
    z-index: 0;
}

#left_a{
	background-color: #fff;
    border-radius: 100%;
    height: 85px;
    left: 53px;
    position: absolute;
    top: 70px;
    width: 131px;
    z-index: 0;
}
#bottom_a{
	    background-color: #fff;
    border-radius: 100px;
    height: 242px;
    position: absolute;
    top: 100px;
    width: 368px;
    z-index: 0;
    padding: 0px 42px !important;

}


.panel-body a.forgot_btn {
    color: #fff;
    padding-left: 5px;
    padding-right: 5px;
    background: #35ba45;
    border-radius: 4px;
    font-size: 12px;
    text-align: right;
}

.fort-btn {
    float: right;
    width: 100%;
    text-align: right;
}


button.btn.btn-danger.btn-danger_cancel{
	background-color: #db2923;
	font-size: 13px;
	border: 1px solid #db2923;
	border-radius: 25px;

}
button.btn.btn-danger.btn-danger_cancel:hover{
	background-color: #db433e;
	border: 1px solid #db2923;
}
.rply_ckeditor_form {
    margin-top: 15px;
}
.rew_btns {
    margin-top: 10px;
}
.rating_head_txt {
    margin-bottom: 20px;
    border-bottom: 1px solid #e1e1e1;
    position: relative;
    padding: 15px 0 10px;
}
.rating_head_txt:after {
	content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 50px;
    height: 2px;
    background: #35ba45;
}
.rating_head_txt h4{
	display: inline-block;
	margin-bottom: 0;
	padding: 0;
}
.rating_head_txt h4:before {
    display: none;
}
.rating_head_txt .rtng{
	float: right;
}
i.fa.fa-exclamation-triangle {
    color: red;
    left: 72px;
    top: -6px;
}
i.fa.fa-exclamation-circle {
    left: 83px;
    color: #e5c110;
	font-size: 16px;
}
.dash_sbt .badge {
    background-color: #00ff00;
}

.alert.alert-success.my-custom {
    margin-bottom: 5px;
}

i.fa.fa-exclamation-circle.bg_color {
    color: red;
}

i.fa.fa-exclamation-circle.orange_color {
color: #ff9300;
}

.Dta_table .action_btns {
    width: 200px;
}

.Dta_table .action_btns form{
	display: inline-block;
}
.Dta_table .action_btns .btn {
    display: inline-block;
    padding: 5px 9px;
    font-size: 13px;
}

.Dta_table table tbody tr.isread_notification {   /*Booking Received Unread Bookings*/
    background: #92ff75 !important;
}

#no_conversation {
    font-size: 20px;
    margin: 0;
    padding: 40px 15px 0;
    text-align: center;
    color: #999;
}
/*=== Extra css End ====*/
/*=== Dropdown css start ====*/
.dropdown_toggle{
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #fff;
    background-color: #5cb85c;
}
.dropdown_toggle:hover, .dropdown_toggle:focus{
    border-color: #5cb85c;
    color: #5cb85c;
    background-color: transparent;
}
.dropdown_menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.dropdown_menu>li>a {
    display: block;
    padding: 8px 11px !important;
    clear: both;
    font-weight: 400;
    font-size: 15px !important;
    text-decoration: none;
    line-height: 1.42857143;
    color: #000;
    white-space: nowrap;
}
.dropdown_menu>li>a:focus, .dropdown_menu>li>a:hover {
    text-decoration: none;
    background-color: #f5f5f5;
}
/*=== Dropdown css start ====*/
.alert_box_wrap .alert {
    margin-bottom: 0;
}

/*======= withdrea request css ========*/
.withdraw_req_text {
    text-align: center;
    padding: 35px 0 6px;
    text-shadow: 0 0 black;
    display: inline-block;
    width: 100%;
}
.withdraw_icons span {
    display: inline-block;
    width: 100px;
    margin-bottom: 20px;
}
.withdraw_req_text h2 {
    font-size: 19px;
}
.withdraw_req_text h3 {
    margin-bottom: 10px;
    font-size: 21px;
}
.withdraw_req_text h4 {
    color: #999;
    font-weight: 300;
    font-size: 16px;
}
/*======= withdrea request css ========*/
/*======= Reference css start ========*/
.reference_cover {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 35px 24px;
}
.reference_cover .ref_link {
    font-size: 20px;
    margin: 0;
    color: #36ba45;
}
.reference_copy {
    display: inline-block;
    width: 100%;
    margin: 16px 0;
}
.reference_copy_input {
    position: relative;
    max-width: 350px;
    margin: 0 auto;
}
.reference_copy_input input {
    padding: 0 76px 0 10px;
    border: 1px solid #ccc;
    height: 40px;
    width: 100%;
    border-radius: 10px;
}
.reference_copy_input .copy_btn {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    background: #36ba45;
    color: #ffffff;
    height: 40px;
    line-height: 40px;
    padding: 0 9px;
    border-radius: 0 10px 10px 0;
}
.reference_copy_input .copy_btn i {
    margin-right: 4px;
}
.ref_social_icon {
    margin-bottom: 15px;
    margin-top: 10px;
}
.ref_social_icon > a {
    display: inline-block;
    margin: 0 2px;
}
.ref_name p {
    color: #333333;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
}
.cancel_modal .modal-dialog {
    margin-top: 120px;
}
.booking_modal .modal-dialog {
    margin-top: 120px;
}
.booking_modal .modal-body {
    max-height: 450px;
    overflow-y: auto;
    min-height: 200px;
}
/*======= Reference css start ========*/
/*======= feedback css start ========*/
.card_body_inr {
    display: inline-block;
    width: 100%;
}
.feedback_body .rtng b, .feedback_body .rtng ul {
    display: inline-block;
}
.feedback_body .rtng b{
	margin-right: 5px;
	font-weight: 600;
}
.drvr_text .drvr_text_1{
	margin-right: 5px;
	font-weight: 600;
}
.drvr_text .drvr_text_2 {
    text-transform: capitalize;
    font-weight: 500;
    color: #35ba45;
}
.park_on_wrap {
    display: inline-block;
    width: 100%;
    margin-bottom: 7px;
}
.park_on_wrap .text_1{
	float: left;
	min-width:60px;
	font-weight: 600;
}
.park_on_wrap .park_dv {
    padding-left: 61px;
}
.park_on_wrap .text_2 {
    color: #35ba45;
}
.park_on_wrap .text_2 a {
    color: #35ba45;
}
.park_dv .rtng{
	display: inline-block;
	padding-left: 5px;
}
.feedback_body .feed_date, .reply_body .feed_date {
    margin-bottom: 6px;
    padding-right: 0;
}
.card-body .drvr_text, 
.card-body .park_on_wrap, 
.card-body .drvr_text, 
.card-body .rtng {
    margin-bottom: 5px;
}
.reply_section_dv {
    display: inline-block;
    width: 100%;
    margin-top: 15px;
}
.reply_heading_txt{
	margin-bottom: 10px;
}
.card_body_inr p {
    margin-bottom: 0;
}
/*======= feedback css End ========*/
/*======= reply css start ========*/
.reply_body .rtng b, .reply_body .rtng ul {
    display: inline-block;
}
.reply_body .rtng b{
	margin-right: 5px;
	font-weight: 600;
}
/*======= reply css End ========*/
.parking_photos_wrap {
    display: inline-block;
    width: 100%;
}
.parking_photos_wrap .p_img {
    float: left;
    max-width: 150px;
    height: 100px;
    padding: 0 2px;
    margin-top: 4px;
}
.parking_photos_wrap .p_img img {
    max-width: 100%;
    height: 100%;
}

.info .alert {
    margin-top: 12px;
    margin-bottom:10px;
}
#demo-dt-basic_wrapper tr td.rate_td {
    vertical-align: middle;
}
#demo-dt-basic_wrapper tr td.sorting_1{
	width: 100px;
}

/*==== feedback table css ====*/
.p_img_wrap {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    text-align: center;
}
.p_img_wrap .p_img {
    display: inline-block;
    height: 46px;
    width: 75px;
   
}
.p_img_wrap .p_img img {
    height: 100%;
    width: 100%;
}
/*==== feedback table css ====*/
.feed_cont_row{
    display: inline-block;
    width: 100%;
}
.feed_cont_row .feed_lft_img{
    float: left;
    width: 100px;
}
.feed_lft_img > img {
    border-radius: 50%;
}
.feed_cont_row .feed_rgt {
    display: block;
    padding-left: 120px;
}
/*=== parking detail css start ====*/
.rating_row {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
}
.rating_row .rating_thumb {
    float: left;
    width: 100px; 
}
.rating_img{
    display: inline-block;
}
.rating_img img{
    max-width: 100%;
}
.rating_row .rating_content {
    padding-left: 120px;
}
.rating_content .rtng {
    display: inline-block;
    width: 100%;
    margin: 4px 0;
}
.rating_content .rtng span {
    margin-right: 5px;
    font-weight: 600;
    display: inline-block;
}
.rating_content .rtng ul {
    display: inline-block;
    margin: 0;
    padding: 0;
}
.rate_time {
    margin-bottom: 11px;
}
.rate_time span {
    display: inline-block;
    border-bottom: 1px solid #35ba45;
    padding-bottom: 5px;
    color: #777777;
}
/*=== parking detail css start ====*/

/*=== booking css start ====*/
.payu_form_wrap {
    max-width: 600px;
    text-align: center;
    margin: 0 auto;
}
.pay_img_wrap .pay_img {
    display: inline-block;
    width: 200px;
}
.pay_avail_txt {
    font-size: 21px;
    color: #000;
}
.payu_btns .btn {
    display: inline-block;
    padding: 0 50px;
    height: 40px;
    line-height: 40px;
    background: #36ba45;
    color: #fff;
    border: none;
    border-radius: 0;
    font-size: 15px;
}
.payu_btns .btn:hover {
    background: #333333;
    color: #ffffff;
}
.terms_checkbox_wrap {
    text-align: left;
    display: inline-block;
    margin: 10px 0 25px;
}
.terms_checkbox_wrap label {
    font-weight: normal;
    font-size: 15px;
    color: #000;
    position: relative;
    margin: 0;
}
.terms_checkbox_wrap label input[type="checkbox"] {
    display: none;
    width: auto;
    height: auto;
}
.terms_checkbox_wrap .check_square {
    width: 20px;
    height: 18px;
    line-height: 16px;
    border: 1px solid #777;
    float: left;
    text-align: center;
    margin-top: 3px;
    font-size: 13px;
    transition: all ease-in 0.25s;
    -webkit-transition: all ease-in 0.25s;
    -moz-transition: all ease-in 0.25s;
}
.terms_checkbox_wrap .check_square i {
    line-height: 9px;
    color: #ffffff;
    visibility: hidden;
    opacity: 0;
     transition: all ease-in 0.25s;
    -webkit-transition: all ease-in 0.25s;
    -moz-transition: all ease-in 0.25s;
}
.terms_checkbox_wrap .check_text {
    display: block;
    padding-left: 30px;
}
.terms_checkbox_wrap label input:checked ~ .check_square {
    border-color: #36ba45;
    background: #36ba45;
}
.terms_checkbox_wrap label input:checked ~ .check_square i {
    visibility: visible;
    opacity: 1;
}
.terms_checkbox_wrap .error{
	position: absolute;
    top: 100%;
    white-space: nowrap;
    margin-top: 0px;
    font-size: 13px;
    color: #ff0000;
}
/*=== booking css start ====*/
#confirmModal .modal-dialog {
    margin: 120px auto 0 ;
}

td#payment_status .btn {
    margin: 3px;
}
.head_note_text {
    display: inline-block;
    width: 100%;
    padding-left: 20px;
    margin-top: 5px;
    margin-top: 7px;
    color: #666;
    font-size: 15px;
}
.head_note_text b {
    color: #000;
}
/*=== animation css start ====*/

/*=== dashboard message css start ====*/
.message_tables {
    display: inline-block;
    width: 100%;
    padding: 20px;
}
.message_row {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
}
.message_row:first-child{
    padding-top: 0;
}
.message_row .lft_thmb{
    float: left;
    width: 60px;
}
.message_row .lft_thmb img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
}
.message_row .msg_right_text {
    padding-left: 80px;
}
.msg_right_text .titles {
    display: inline-block;
    width: 100%;
}
.msg_right_text .titles h5 {
    display: inline-block;
    color: #000000;
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 15px;
}
.msg_right_text p {
    margin-bottom: 0;
}
.titles .timezone {
    float: right;
    color: #777;
}

section.custom_faq {
    width: 100%;
    float: left;
    background-color: #fff;
    padding-top: 35px;
}

.blog {
    width: 100%;
    padding-top: 35px;
}

/*=== dashboard message css End ====*/
.fade_in_out {
  -webkit-animation: fade_in_out 1s infinite both;
  -moz-animation: fade_in_out 1s infinite both;
  animation: fade_in_out 1s infinite both;
}
@-webkit-keyframes fade_in_out {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fade_in_out {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade_in_out {
   0% {
        opacity: 0;
    }

  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*=== animation css start =s===*/
/*=== Extra css start ====*/
.panel_content_inr {
    padding: 20px;
    display: inline-block;
    width: 100%;
}
.parking_tabs .tab-content {
    background: transparent;
    padding: 16px 0 0;
}
.parking_tabs .nav-tabs > li > a {
    background: #000;
}

.vehicle_form_2 .input_group{
    text-align: center;
}
.vehicle_form_2 .frmshow {
    margin-top: 10px;
}
.vehicle_modal{
    z-index: 1050;
}
.vehicle_form_2 #v_license_err {
    display: block;
    margin: 8px 0 2px;
    text-align: center;
}
.other_input {
    display: inline-block;
    width: 100%;
}

.original_model_row {
    margin-top: 9px;
}

.carmake_row {
    margin-top: 10px;
}

.other_input input {
    margin-top: 9px;
    height: 40px;
    padding: 0 13px;
}

.wlcm_main .ach_mnt {
    border-bottom: 1px solid #ccc;
    padding-bottom: 30px;
    float: left;
    width: 100%;
    padding: 30px 0px;
}

.welcome .wlcm_txt {
    overflow-wrap: break-word;
    text-align: justify;
}

#readmore a .phn i{
	color: yellow;
}
/*=== Extra css End ====*/
/*=== alert css Start ====*/
.verfi_alert_sec{
    position: absolute;
    top: 95px;
    z-index: 111;
    width: 100%;
}
.alert_section .alert{
    font-size: 14px;
    padding: 10px 20px;
    margin:0;
}
 .alert_section .alert h4 {
    margin-top: 3px;
    color: inherit;
    font-size: 14px;
    margin-bottom: 0;
}

.description.custom_content {
    height: 255px;
}

h6.errormsgs p {
    color: #a94442;
}

.other_input.car-maker {
    width: 100%;
    float: right;
    padding-right: 14px;
    max-width: 384px;
}

.forgot_password_form .form-group {
    margin-bottom: 26px;
}
.forgot_password_form label#email-error {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -28px;
    z-index: 11;
}

#please_enter_date{
background-color: red;
color:white;
text-align:center;
margin-bottom: 4px;
font-size: 13px;
text-transform: capitalize; 
line-height: 26px;
}

/*=== alert css End ====*/
/*=== Responsive css start ====*/
/*@media(max-width: 991px){
	#navbar-menu .top_nav li {
	    float: left;
	}
	#navbar-menu .top_nav {
	    float: left;
	    width: 100%;
	}
	#navbar-menu .navbar-nav {
	    width: 100%;
	    display: inline-block;
	}
}*/
@media(max-width: 767px){
	.card_body_inr {
	    margin-top: 16px;
	}
	.reply_section .reply_name {
	    margin-top: 13px;
	}

    .map-box p {
    font-size: 11px;
    margin-left: 38px;
}
.gm-style div div div div div div div div div{
    min-width: 100%;
}
.map-box a.map-status {
    margin-left: 37px;
    font-size: 14px;
}
.read-more-map{
    margin: -29px 63px 0px !important;
    font-size: 14px;
}
}
@media(max-width: 600px){
	.parking_photos_wrap .p_img {
		max-width: 100px;
		height: 80px;
	}
}
@media(max-width:480px){
    .rating_row .rating_thumb {
        width: 80px;
    }
    .rating_row .rating_content {
        padding-left: 95px;
    }
}
@media(max-width:350px){
    .rating_row .rating_content {
        padding-left: 0;
        padding-top: 12px;
        float: left;
        width: 100%;
    }
}

/*=== Responsive css End ====*/


 
.sqrBtn{
    border-radius: 5px !important;
}

.roundBtn{
    border-radius: 2em !important;
}

.okbtn{
    margin-top:75px !important;
    font-size: 12px;
    width: 15px;
    height: 15px;

}

.btn{
    
    margin-top:5px !important;
    margin-bottom:5px !important;
}

#checkbox-error{
    position: absolute;
    bottom: -25px;
    left: 0px;
}

input[type=checkbox].error{
    outline: 2px solid red;
}