@charset "utf-8";
/* ----------------------------------
	1. Reset default browser styles
	2. Basic classes and elements 
	3. Color Scheme
	4. Typography
	5. Header
	6. Sliders
	7. Tabs
	8. Carousels
	9. Twitter Feed
	10. Lists and navigations
	11. Buttons
	12. Tables
	13. Icons
	14. Main content elements
	15. Forms
	16. Footer
	17. Animations
	18. Responsive changes
	19. Retina ready

1. Reset default browser styles

------------------------------------- */
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");

* {
	margin: 0;
	padding: 0;
	border: none;
}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video, main {
	display: block;
}
mark, rp, rt, ruby, summary, time {
	display: inline;
}
a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var {
	background: transparent;
	border: 0 none;
	font-weight: inherit;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: top;
}
a {
	text-decoration: none;
	outline: none !important;
}
b, strong {
	font-weight: bold !important;
}
ul, ol {
	list-style: none;
}
q {
	quotes: none;
}
table, table td {
	padding: 0;
	border: none;
	border-collapse: collapse;
}
img {
	vertical-align: top;
	max-width: 100%;
}
embed {
	vertical-align: top;
}
input, button {
	/*	-webkit-appearance:none;*/
	outline: none;
}
 button::-moz-focus-inner {
 border: 0;
}
html, body {
	height: 100%;
}
p{font-family: Lato; margin-bottom:10px;}
select { font-family: 'FontAwesome', "Open Sans" ;}
h1,h2,h3,h4,h5{
font-family:'Berkshire Swash', cursive;	
	}	
/* -----------------------------------

	2. Basic classes and elements 

------------------------------------- */
body {
	font: 500 14px/21px Lato;
	color: #58595b;
	background: #fff;
	letter-spacing: 0.1px;
	overflow-x: hidden;
}
/*Margin*/
.pad-0 {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.m_left_0 {
	margin-left: 0 !important;
}
.m_right_0 {
	margin-right: 0 !important;
}
.m_left_5 {
	margin-left: 5px;
}
.m_left_10 {
	margin-left: 10px;
}
.m_left_15 {
	margin-left: 15px;
}
.m_left_20 {
	margin-left: 20px;
}
.m_left_40 {
	margin-left: 40px;
}
.m_right_5 {
	margin-right: 5px;
}
.m_right_6 {
	margin-right: 6px;
}
.m_right_8 {
	margin-right: 8px;
}
.m_right_10 {
	margin-right: 10px;
}
.m_right_15 {
	margin-right: 15px;
}
.m_right_20 {
	margin-right: 20px;
}
.m_right_25 {
	margin-right: 25px;
}
.m_right_29 {
	margin-right: 29px;
}
.m_right_30 {
	margin-right: 30px;
}
.m_right_35 {
	margin-right: 35px;
}
.p_bottom_0 {
	padding-bottom: 0 !important;
}
.m_bottom_0 {
	margin-bottom: 0 !important;
}
.m_bottom_3 {
	margin-bottom: 3px;
}
.m_bottom_5 {
	margin-bottom: 5px;
}
.m_bottom_10 {
	margin-bottom: 10px;
}
.m_bottom_12 {
	margin-bottom: 12px;
}
.m_bottom_15 {
	margin-bottom: 15px;
}
.m_bottom_20 {
	margin-bottom: 20px;
}
.m_bottom_25 {
	margin-bottom: 25px;
}
.m_bottom_30 {
	margin-bottom: 30px;
}
.m_bottom_35 {
	margin-bottom: 35px;
}
.m_bottom_40 {
	margin-bottom: 40px;
}
.m_bottom_45 {
	margin-bottom: 45px;
}
.m_bottom_50 {
	margin-bottom: 50px;
}
.m_bottom_60 {
	margin-bottom: 60px;
}
.m_bottom_65 {
	margin-bottom: 65px;
}
.m_bottom_100 {
	margin-bottom: 100px;
}
.m_top_0 {
	margin-top: 0px !important;
}
.m_top_5 {
	margin-top: 5px;
}
.m_top_10 {
	margin-top: 10px;
}
.m_top_20 {
	margin-top: 20px;
}
.m_top_30 {
	margin-top: 30px;
}
.m_top_40 {
	margin-top: 40px;
}
.m_top_50 {
	margin-top: 50px;
}
.m_top_60 {
	margin-top: 60px;
}
.m_top_70 {
	margin-top: 70px;
}
.m_top_100 {
	margin-top: 100px;
}
.fl_right {
	float: right;
}
.fl_left {
	float: left;
}
.no-pad{
padding-left:0 !important;
padding-right:0 !important;	
}

.ph_sticky {position:fixed;right:25px; top:50%; transform:translateY(-50%);z-index: 100;}
.ph_sticky:before{content:"";background: linear-gradient(to top, #0487bd 0%, #05b4fd 100%);height:80px;position:absolute; top:50%; transform:translateY(-50%);width: 100px;right: -50px;}
.ph_sticky a{width:140px; height:140px;border-radius:100%;background: linear-gradient(to top, #0487bd 0%, #05b4fd 100%); display:block; position:relative;}
.ph_sticky a:before {content: "";background: url('../images/call_img.png') no-repeat 0 0;width:80px; height:37px; background-size:100%; position:absolute; left:50%; top:10px;transform: translateX(-50%);}
.ph_sticky a span{width:70px; height:70px;line-height:70px; border-radius:100%; color:#fff; text-align:center; background: linear-gradient(to top, #05b4fd 0%, #0487bd 100%); display:block; font-size:36px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.ph_sticky a span i{line-height:70px;}
.wp_sticky{position:fixed;bottom:20px; right:30px;z-index: 100;}
.wp_sticky img{width:130px;}

/*top Head*/
.top-line {
    height: 5px;
    margin: 0;
}
.dark-blue{
background-color:#05b4fd;	
}
.dark-orange{
background-color:#f11185;	
}
.light-blue{
background-color:#59338b;	
}
.light-orange{
background-color:#fdcfe5;	
}
.head-top {
    background: #fff;
}
.menu_area li.nav-item {
    padding: 10px 12px;
}
.menu_area .navbar-nav .nav-link {
    font-weight: 500;
    font-size: 16px;
    font-family: Lato;
    padding: 0;
    text-transform: uppercase;
    line-height: 32px;
}
.log_btn {
    border: 1px solid #59348b;
    border-radius: 30px;
    color: #fff !important;
    background-color:#59348b;
    padding: 5px 0 !important;
    margin-top: -6px;
    display: block;
    width: 100px;
    right: 0;
    top: 0px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    font-family: Lato;
	box-shadow: inset 0 3px 3px #69666670;
}
.banner_phone_col {
    height: 100vh;
}
.banner_phone {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding-left: 30px;
}
.banner_phone a {
    text-decoration: none;
    font-size: 42px;
    font-weight: bold;
    color: #fff;
    display: block;
    text-shadow: 2px 2px 10px rgb(0 0 0 / 50%);
}
.banner_phone a i {
    margin-right: 10px;
    position: relative;
    top: 12px;
    line-height: 0;
}
.banner-area {
    background: url(../images/banner.jpg) no-repeat 50% 0;
    background-size: cover;
    min-height: 100vh;
}
.from-sec{
 width: 100%;
 background: rgb(41 1 97 / 60%);
 border: 5px solid #9760e0;
 margin-top: 25%;
 padding: 20px;
 margin-bottom: 30px;
}
.from-sec h3{
text-align:center;
color:#fff;
padding-bottom:5px;
border-bottom:1px solid #fff;
margin-bottom:20px;
font-family:Lato;
font-size:20px;	
}
.frm-holder{
color:#fff;
text-transform:uppercase;
font-size:27px;
background-color: #f11185;
line-height:50px;	
box-shadow:0 4px 8px #222;
margin-top:10px;
margin-bottom:10px;
margin-left:-45px;
margin-right:-45px;
text-align:center;
position:relative;
}
.frm-holder:before{
width: 0;
height: 0;
border-style: solid;
border-width: 0 20px 20px 0;
border-color: transparent #000000 transparent transparent;
position:absolute;
content:"";
bottom: -21px;
left: 0;	
	}
.frm-holder:after{
width: 0;
height: 0;
border-style: solid;
border-width: 20px 20px 0 0;
border-color: #000000 transparent transparent transparent;
position:absolute;
content:"";
bottom: -21px;
right: 0;	
	}
.rowLabel {
display: block;
margin: 8px 0;
font: 400 16px/22px "Lato",Arial,Helvetica,sans-serif;
color: #fff;
}
:root {
 --color-black: #232323;
 --color-orange: #fc4ea8;
 --color-dark-orange: #f11185;
 --color-purple: #342a47;
 --color-blue: deepskyblue;
 --color-gray: #525252;
 --color-green: #bbe187;
  --color-white: #ffffff;
 --transition-fast: 0.1s;
}
.InputGroup {
 display: -webkit-box;
 display: flex;
 height: 45px;
 width: 100px;
}

/**
 * 1. Hides the input from view
 * 2. Ensures the element does not consume any space
 */

.InputGroup input[type="radio"] {
  visibility: hidden; /* 1 */
  height: 0; /* 2 */
  width: 0; /* 2 */
}

.InputGroup label {
  display: -webkit-box;
  display: flex;
  -webkit-box-flex: 1;
          flex: auto;
  vertical-align: middle;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  text-align: center;
  cursor: pointer;
  background-color: var(--color-white);
  color: #111;
  padding: 5px 10px;
  border-radius: 6px;
  -webkit-transition: color --transition-fast ease-out, 
              background-color --transition-fast ease-in;
  transition: color --transition-fast ease-out, 
              background-color --transition-fast ease-in;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
 margin-right: 8px;
}

.InputGroup input[type="radio"]:checked + label {
  background-color: var(--color-dark-orange);
  color: var(--color-white);
}

.InputGroup input[type="radio"]:hover:not(:checked) + label {
 background-color: var(--color-orange);
 color: var(--color-white);
}
.InputGroup label i {
font-size: 20px;
margin-right: 5px;	
	}
.wrn-btn {
    width: 135px;
    font-size: 16px;
    height: 47px;
    line-height: 25px;
    margin: 20px auto 0;
    display: block;
    background-image: linear-gradient(#76d4ec, #0554e9);
    border-radius: 4px;
    border: 1px solid #590023;
    font-family: Lato;
    color: #fff;
    box-shadow: 0 4px 5px #555;

}
/*index body*/
.pad-sec {
padding: 50px 0;
}
.heading{ font-size:36px;}
.head-title{
color:#000;
margin-bottom:20px;
	
}
.head-title span{
color:#f11185;
}
.how_it_works{
background:url(../images/how_it_works.jpg) no-repeat 50% 0;
color:#fff;
background-size: cover;	
	}
.how_it_works_headlines{color:#fff;}
.how_it_works_headlines span{color:#f8ab1d;}
.heading_shadow{
text-shadow: 0 2px 3px #2b2b2b;}
.text-22{
font-size:22px;	
	}	
.step_img{
 width: 218px; 
 height: 218px;
 border-radius: 50%;
 border:7px solid #fff;
 overflow: hidden;
 margin:10px auto;
 box-shadow: 0 5px 5px #000;
 position: relative;  
}

.footer-bg{
background:url(../images/footer_bg.png) no-repeat 50% 0;
position:relative;
padding-bottom:40px;
background-size: cover;
}
.footer-pad{
padding-top:218px;	
}
.foot_area{
text-align:center;
width: 100%;
}
.foot_area div.address-block{
text-align:center;
color: #000;
font-weight: 600;
}
.foot_area div.address-block i{
color: #34086c;
font-weight: 600;
}
.foot_area div.address-block a{
color: #000;
font-size: 16px;
padding: 0;
text-decoration:none;
display: block;
}
.copy_area_text {
    margin: 20px 0 0;
    text-align: center;
    color: #fff;
}
/********* registration ****** */
.upload-imgbox {
    height: 150px;
    width: 150px;
    border: 4px solid #111;
    margin: 10px auto;
    overflow: hidden;
    display: block;
}
.inner_bg{
background:url(../images/inner_bg.jpg) no-repeat 50% 17%;	
padding:30px 0;
background-size: cover;	
}

.membership h2 {
    text-align: center;
    color: #000;
    font-size: 28px;
    margin-top: 20px;
}

.membership p {
    color: #404040;
    font-size: 16px;
    text-align: center;
    margin: 10px 0;
}

.panel-body {
    padding: 30px;
}

.plan_sec {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    margin-top: 20px;
    background: #efefef;
}

.plan_top {
    background: linear-gradient(60deg, #00b0ef, #04c1ad);
    padding: 10px;
    border-radius: 15px 15px 0 0
}

.plan_top h3 {
    color: #004757;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    text-shadow: 0 0 3px rgba(255, 255, 255, 0.8);
    font-family: Lato;
}

.no_circle {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background: #015a73;
    margin: 10px auto;
    font-size: 25px;
    font-weight: bold;
    color: #fff;
    padding: 14px 0;
    border: 3px solid #fff;
    text-align: center;
}

.no_circle span {
    line-height: 15px;
}

.mnth_sec {
    color: #000;
    text-transform: uppercase;
    font-size: 18px;
    text-align: center;
}

.plan_top h4 {
    font-size: 36px;
    font-weight: 800;
    text-align: center;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    color: #fff;
    line-height: 30px;
    margin-top: 8px;
    font-family: Lato;
}

.arrow-down {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #02b5da;
    margin: 0 auto;
}

.plan_sec img {
    display: block;
    margin: 5px auto;
}

.plan_sec p {
    padding: 15px 0;
    border-bottom: 1px solid #ccc;
    width: 90%;
    margin: 0 auto;
}

.plan_top2 {
    background: linear-gradient(60deg, #a256ef, #e48cbe);
}

.no_circle2 {
    background: #bb339d;
}

.arrow-down2 {
    border-top: 20px solid #b465e1;
}

.plan_top3 {
    background: linear-gradient(60deg, #3da514, #83f058);
}

.no_circle3 {
    background: #2d8e06;
}

.no_circle4 {
    background: #ed6002;
}

.arrow-down3 {
    border-top: 20px solid #53bc29;
}

.arrow-down4 {
    border-top: 20px solid #f89018;
}

.plan_top4 {
    background: linear-gradient(60deg, #f3701d, #ffbf11);
}
.profile-box {
background-color:#fff;
box-shadow:0 0 20px #777;
padding:15px;
border-radius:10px;
}

.profile_grey {
    background-color: #eee;
    padding: 10px 0 10px 30px;
    font-size: 16px;
}

.profile_grey p {
    color: #000000;
    font-weight: 600;
}

.profile_grey span {
    color: #58595b;
}

.profile_white {
    background: #fff;
}

.border_right {
    border-right: 1px solid #333;
}

.change_area {
    padding: 40px;
}

.change_area label {
    font-size: 16px;
    color: #333;
    font-weight: bold;
}

.change_area input {
    background: #f4f4f4;
    height: 40px;
    border-bottom: 1px solid #999;
    border-radius: 5px;
    margin-top: 5px;
}

.callus-area {
    color: #010101;
    background: url(../images/customercare.png) no-repeat 0 22px;
    font-size: 40px;
    font-weight: 800;
    padding: 50px 0 20px 140px;
    line-height: 45px;
}
.button i{
 line-height: 27px;
 margin-left: 10px;  
}
.thankyou{
 font-size: 40px;
 color:#19d942;   
}


/************************** user profile ends**************************/
/*====================Privacy Policy starts============================*/

.privacy_area {
    padding: 70px 0;
}

    .privacy_area h3 {
        font-size: 18px;
        font-weight: bold;
        color: #333;
        margin: 15px 0;
    }

        .privacy_area h3 i {
            color: #ec601d;
            font-size: 28px;
            margin-top: -2px;
        }

    .privacy_area p {
        font-size: 16px;
        color: #333;
        line-height: 28px;
        margin: 10px 0;
    }

    .privacy_area h4 {
        color: #f73808;
        font-size: 16px;
        font-weight: bold;
        margin: 0;
    }

.privacy_area h4 i {
font-size: 10px;
margin-top: 3px;
color: #333;
}
/*====================Privacy Policy ends============================*/
.fancybox{
margin-bottom:30px;
border-radius:5px;
border:3px solid #eee;
box-shadow:0 4px 6px #999;
display:block;
overflow:hidden;	
	}
.fancybox:hover{
border:3px solid #f14319;
box-shadow:0 10px 20px #555;

}
.fancybox img{
transition: transform 2s;
width:100%;
height:100%;
object-fit:cover;
}	
.fancybox:hover img{
transform:rotate(5deg) scale(1.1);
}
/*********************** Services ***********************************/
.service_inr_panel {
    border: 3px solid #fff;
    background-color: #fff;
    padding: 25px;
    -webkit-box-shadow: 0 0 15px 5px #C4C4C4;
    box-shadow: 0 0 15px 5px #C4C4C4;
    position: relative;
    transition: all 0.8s;
    height: 100%;
}
.service_inr_panel:hover{ border:3px solid #fff; background-color:#ec3207; color:#eee;  }
.service_inr_panel:hover h2{ color:#fff; }
.service_inr_panel:hover h2 span{ color:#fff; }
.service_inr_panel .service_icn {
    width: 100px;
    height: 100px;
    margin-right:15px;
	border: 3px solid #fff;
	overflow:hidden;
	float: left;
	box-shadow: 0 5px 7px #555;
}
.service_inr_panel h2 {
    font-size: 30px;
    color: #000;
    font-weight: bold;
    line-height: 30px;
	margin-bottom:15px;
	margin-top:15px;
}

.service_inr_panel h2 span{ color:#e42f06;}

		
/****************** admin*******************/
.admin-bg{
background:url(../images/admin-bg.jpg) repeat-x 50%; 0;	
height:100vh;	
}
.admin-form-area{
width:100%;
padding:15px;	
background:#fff0d2;
border-radius:6px;
box-shadow: 0 4px 4px #555;
position:relative;
top:25%;	
}
.admin-form-area label{
color:#222;
font-family: Lato;
font-size: 15px;
font-weight: 700;
}

.btn-submit{
background-color: #e71801;
border-color: #d91200;
padding:10px;
color:#fff;
display:inline-block;	
	}
.agent-bg{
background:url(../images/agent_panel.jpg) repeat-x 50%; 0;	
height:100vh;	
}
.agent-form-area{
width:100%;
padding:15px;	
background:#fff;
border-radius:6px;
box-shadow: 0 4px 4px #555;
position:relative;
top:25%;	
}
.agent-logo{
text-align:center;	
	}
.agent-form-area label{
color:#222;
font-family: Lato;
font-size: 15px;
font-weight: 700;
}
/*==============dashboard=================*/
.dashboard-sec{
padding: 40px 0 200px;	
}


.profile_box > .icon {
    text-align: center;
    position: relative;
}
.profile_box > .icon > .image {
    position: relative;
    z-index: 2;
    margin: auto;
    width: 150px;
    height: 150px;
    border: 8px solid white;
    line-height: 88px;
    border-radius: 50%;
    background: #428bca;
    vertical-align: middle;
}
.profile_box > .icon > .info {
    margin-top: -24px;
    background: #3b2968ab;
    border: 1px solid #3b2968;
    padding: 15px 0 10px 0;
    min-height: 240px;
}
.profile_box > .icon > .info > h3.title {
    font-family: 'Dancing Script', cursive;
    font-size: 25px;
    color: #ff8090;
    font-weight: 600;
    letter-spacing: 3px;
}
.profile_box > .icon > .info > p {
    font-family: sans-serif !important;
    font-size: 13px;
    color: #fff;
    line-height: 1.5em;
    margin: 20px;
}
/*====================dashboard starts============================*/

.slide_box{
	height:250px;
	border-radius:2px;
	overflow:hidden;
	position:relative;
}
.text_hover{
	height: auto;
	background: #2f94e0;
	position: relative;
	width: 100%;
	bottom: 0;
	transition:ease-in-out 0.3s;
	padding:10px;
}
.text_hover h2{margin-top:10px;}
.slide_box:hover .text_hover{
	bottom:0;
}
.text_hover h2, .text_hover p{
	text-align:center;
	font-weight:bold;
	font-size:16px;
	color:#fff;
}
.text_hover p{
	font-size:14px;
	margin:5px 0;
	text-align:left;
	font-weight:normal;
}
.text_hover p span{
	float:right;
}
.p_bottom_100 {
	padding-bottom: 200px;
}

.p_top_100 {
	padding-top: 150px;
}
.profile-card{
background:#c72500;	
color:#fff;	
	}
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    
    border-radius: 0;
}
.card .card-description {
    margin-bottom: .875rem;
    font-weight: 400;
    color: #76838f;
}

.profile-header {
	width: 100%;
	position: relative;
}

.user-image {
position: relative;
height:180px;
width:180px;
border-radius: 50%;
left: 50%;
transform: translatex(-50%);
z-index: 5;
border: 5px solid #fff;
overflow:hidden;
margin-top: 10px;
}

.user-image img {
height: 100%;
width: 100%;
object-fit:cover;

}
.profile-card .profile-content {
	padding: 10px;
}
.profile-card .profile-name {
	font-size: 1.2rem;
	color: #fff;
	font-weight: 600;
	text-align: center;
}

.profile-card .profile-designation {
	font-size: 13px;
	color: #eee;
	text-align: center;
}

.profile-card .profile-description {
	font-size: 13px;
	color: #eee;
	margin: 5px 0px;
	border-radius: 5px;
}

.profile-card ul.profile-info-list {
	padding: 0;
	margin: 10px 0;
	list-style: none;
	font-size: 1rem;
	font-weight: 500;
	color: #eee;
}




.profile-card ul.profile-info-list a {
	text-decoration: none;
	color:inherit;
}



.profile-card a.profile-info-list-item {
	margin: 10px 0;
	padding:15px;
	background-color: #F1F2F3;
	display: block;
	 -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;

}

.profile-card a.profile-info-list-item:hover {
    background-color: #9E9E9E;
    color: white;
	 -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
	
}


.profile-card a.profile-info-list-item  i {
	padding: 10px;
	
}

ul.about {
    list-style: none;
    color: black;
	padding: 0;
}
li.about-items {
    margin: 10px 0;
    font-size: 15px;
    /* font-family: sans-serif; */
    /* font-weight: 400; */
}



li.about-items i {
color:#607d8b;
}

span.about-item-name {
    width: 100px;
    display: inline-flex;
	    margin-left: 10px;
}


span.about-item-detail {
    display: inline-flex;
    width: calc(100% - 160px);
}
span.about-item-detail > button{
  margin-right: 10px;
}

.btn.btn-icon {
    width: 40px;
    height: 40px;
    padding: 0;
}
.btn.btn-rounded {
    border-radius: 50px;
}

a.about-item-edit {
    float: right;
}



.MultiCarousel { float: left; overflow: hidden; padding:0 15px; width: 100%; position:relative; }
    .MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; }
        .MultiCarousel .MultiCarousel-inner .item { float: left;}
        .MultiCarousel .MultiCarousel-inner .item > div { text-align: center; margin:20px; box-shadow: 0 0 5px rgba(0,0,0,0.5);color:#666;}
    .MultiCarousel .leftLst, .MultiCarousel .rightLst { position:absolute; border-radius:50%;top:calc(50% - 20px); }
    .MultiCarousel .leftLst { left:0; }
    .MultiCarousel .rightLst { right:0; }
    
        .MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none; background:#ccc; }
.dashboard-bg{
background:#fff; 	
padding:15px;
box-shadow:0 0 20px rgba(0,0,0,0.6) ; 
margin-top: -5%;
}
.MultiCarousel button{
background-color: #e73107 !important;
color:#fff;
opacity: 1;
border-color:#ec3207 !important;	
}
.upload-imgbox{
height:150px;
width:150px;
border:4px solid #111;
margin:10px auto ;
overflow:hidden;
display:block;	
	}		
.action-button{
background-color:#d91d68;	
border-color: #e3025c;
color: #fff;
font-weight: bold;
padding: 15px;
width:200px;
display:block;
margin:0 auto;
}	
/*====================dashboard ends============================*/
/************************** registration ends**************************/
.reg_banner {
    background: url(../images/reg_bnnr.jpg) no-repeat 50% 0;
    min-height: 100vh;
}

.reg_area {
    /*padding:50px 0;*/
    padding-top: 30px;
}

.reg_area h1 {
    color: #fff;
    font-size: 40px;
    text-align: center;
    }

.reg_formbox {
    background: rgba(0, 0, 0, 0.8);
    padding: 20px;
    margin-top: 50px;
    box-shadow: 0 0 7px rgba(255, 255, 255, 0.7);
    border-radius: 20px;
}

.reg_formbox input {
    background: transparent;
    border-radius: unset;
    color: #fff;
    margin-bottom: 10px;
}
.reg_formbox input::placeholder {
color: #fff;
}
.reg_formbox input:focus {
    background: transparent;
    border-radius: unset;
    color: #fff;
}
    .reg_formbox select {
        background: transparent;
        border-radius: unset;
        color: #fff;
    }
.reg_formbox select option {
background: #fff;
color: #000;
    }

.reg_text {
    color: #fff;
    margin-top: 5px;
    font-weight: 600;
    margin-bottom: 10px;
}
.reg_text span {
color: #d01c73;
}

.valid-col {
 color: #fff;
 margin-top: 5px;
}
.reg_footer{
background: url(../images/footer_bg.png) no-repeat 50% 0 #200307;
position: absolute;
padding-bottom: 40px;
background-size: cover; 
width: 100%;
}
.btn-theme {
    color: #ffffff;
    -webkit-box-shadow: 0 0 8px 5px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 0 8px 5px rgba(0,0,0,0.1);
    box-shadow: 0 0 8px 5px rgb(0 0 0 / 10%);
    background: #f11185;
    border: none;
    border-radius: 50px;
    margin-top: 20px;
    padding: 8px 30px;
}
.button.btn-theme {
    color: #ffffff !important;
    -webkit-box-shadow: 0 0 8px 5px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 0 8px 5px rgba(0,0,0,0.1);
    box-shadow: 0 0 8px 5px rgb(0 0 0 / 10%);
    background: #603a8e;
    border: none;
    border-radius: 50px;
    margin-top: 20px;
}
.button.btn-theme:focus {
    color: #ffffff !important;
    background: #330d63;
    border: none;
    border-radius: 50px;
    margin-top: 20px;
}
.modal-bg{
 background:url(../images/resi_back.png) repeat 0 0 #fff;
 width: 100%;  
}
.submit_modal_close {
    position: absolute;
    right: 6px;
    z-index: 1;
}
.col-purpel {
    color: #5f11d5;
}
.thankyoupage{
background: url(../images/resi_back.png) repeat 50% 0;
min-height: 100vh;
}
.reg_formbox2 {
    background: rgba(86, 48, 136, 0.7);
    padding: 20px;
    margin-top: 50px;
    box-shadow: 0 0 7px rgb(255 255 255 / 70%);
    border-radius: 20px;
    border:3px solid #33046d;
}
.back_btn {
    border: 1px solid #e11482;
    border-radius: 30px;
    color: #fff;
    background-color: #e11482;
    padding: 15px ;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    font-family: Lato;
    box-shadow: inset 0 3px 3px #69666670;
    margin-top: 15px;
    display: inline-block;
    transition: 0.3s ease-in-out;
}
.back_btn:hover {
    border: 1px solid #a7095d;
    color: #fff;
    background-color: #a7095d;
    text-decoration: none;
    box-shadow: 0 3px 3px #333;
}
/************************** registration ends**************************/

/**************************Admin Panel Starts**************************/
.admin_log_page {
    background: url(../images/resi_back.png) repeat 0 0 #fff;
    width: 100%;
    height: 100%;
}
.admin_log_page form{
    width: 500px;
    background: #fff;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    font-family: Lato;
}
.admin_log_page form label{
    font-family: Lato;
    font-weight:bold;
    font-size:16px;
}
.admin_text {
    width: 100%;
    margin-bottom: 20px;
}
.admin_form_box {
    background: #fff;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
}
.admin_form_box input{
    width:100%;
}
.admin_form_box .btn{
    margin-top:15px;
}
.admin_form_box .form-control{
    width:100% !important;
}
.calender-icon {
    width: auto !important;
    position: absolute;
    right: 0;
}
.admin-head ul {
    margin: 0 0 0 auto;
}
.admin-head ul li{
    margin:0 15px;
}
.admin-head ul li a{
    text-decoration:none;
}
.change_pass_area .form-box {
    background: #fff;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
    margin-top:20px;
}
.back_btn2 {
    margin-top: 20px;
    display: inline-block;
    font-weight: 600;
    font-size: 16px;
    font-family: Lato;
    text-decoration:none;
    color:#000;
}
/************************** Admin Panel ends**************************/
/*===================================home Start====================================*/
@media(max-width: 1200px) {
}
 @media(max-width: 1280px) {
}
@media(min-width: 981px) and ( max-width: 1024px) {

	}
@media(min-width: 768px) and ( max-width: 980px) {
.banner_phone_col{
height:auto;
}
.banner_phone{
position:relative; transform:none; top:initial;
}
.banner_phone a{
font-size:24px;
text-align:center;
}
.from-sec{
margin-top:30px;
}
.banner_phone{
margin-top:30px;
}
}
@media(max-width: 767px) {
.banner-area {
 background: url(../images/banner.jpg) no-repeat 85% 0;
 background-size: cover;
 min-height: 100vh;
 } 
 .reg_banner {
    background: url(../images/reg_bnnr.jpg) no-repeat 43% 0;
    min-height: 100vh;
}
 .admin_log_page{
     padding:0 15px;
 }
 .admin_log_page form{
    width: 90%;
}
.admin-head .navbar-toggle:focus{box-shadow: none;}
.admin-head .navbar-toggle span{display: block;background: #3a89ff;height:5px;margin: 3px 0;border-radius: 20px;width: 30px;}
.admin-head .navbar-toggle{padding:0;}
.admin_form_box{
    width:90%;
    margin:30px auto;
}
.admin_form_box .form-group{
    width:100%;
}
.calender-icon{
    top:30px;
}
.admin_text{
    padding:0 15px;
    margin:30px 0;
}
.admin-head ul{
    text-align:center;
}

.admin-head ul li a{
   display: block;
}
.banner_phone_col{
    height:auto;
}
.banner_phone{
    position:relative; transform:none; top:initial;
}
.banner_phone a{
    font-size:24px;
    text-align:center;
}
.from-sec{
    margin-top:30px;
}
.banner_phone{
    margin-top:30px;
}
    .ph_sticky{right:5px;}
	.ph_sticky a{width:120px; height:120px;}
	.ph_sticky a span{width:60px; height:60px; line-height:50px;font-size:36px;}
    .ph_sticky a span i{line-height:60px;}
	.ph_sticky a::before {width:60px;}
	.ph_sticky::before {height:60px;}
	.wp_sticky{right:10px;}
	.wp_sticky img{width:100px;}
}
@media(max-width: 640px) {}
@media (max-width: 480px) {}
@media(max-width: 360px) {}
@media(max-width: 320px) {}