html, body { height: 100%; }
*{ 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -o-box-sizing: border-box; 
    -ms-box-sizing: border-box; 
    box-sizing: border-box; 
    margin: 0px; 
    padding: 0px; 
}
img{ max-width:100%; }
a:hover { text-decoration: none }
ul { list-style: none; }
body{ font-size: 14px; line-height: 1.5; font-family: 'Open Sans', sans-serif; }
.container{ max-width:1140px; }

header {
    float: left;
    width: 100%;
}

.timeline header {
    float: left;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 10;
    background: #fff;
}
.logoCon {
    float: left;
    max-width: 150px;
    margin: 7px 0;
}
.header1 {
    float: left;
    width: 100%;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.headerRgt {
    float: right;
    margin-left: auto;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.changesLocation { float: left; }
.changesLocation a {
    color: #616161;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    float: left;
}
.changesLocation a span { margin-left: 8px; }
.headerRgt .headUl {
    margin: 0 0 0 20px;
    list-style: none;
}
.headerRgt .headUl li { float: left; }
.headerRgt .headUl li a {
    float: left;
    padding: 5px 12px;
    border: 1px solid #5b8cfa;
    margin-right: 5px;
}
.headerRgt .headUl li:last-child a {
    margin-right: 0px;
}
.headerRgt .headUl li:first-child a { border-radius: 3px 0 0 3px; }
.headerRgt .headUl li:last-child a { border-radius: 0 3px 3px 0; }
.headerRgt .headUl li.signUp a {
    background-color: #5b8cfa;
    color: #fff;
}
.headerRgt .headUl li.signUp:hover a { background-color: #3b74ec; color: #ffffff; }
.headerRgt .headUl li.login:hover a { background-color: #f2f5fd; color: #5b8cfa; }


/* Banner Sec */
.bannerContainer {
    float: left;
    width: 100%;
    height: 600px; overflow: hidden;
    position: relative;
}
.BannerCont {
    position: absolute;
    left: 0;
    top: 0;
    width: 600px;
    height: 100%;
    padding: 50px 20px;
    background-color: rgba(73, 130, 250, 0.85);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.bannerCont1 { float: left; width: 100%; text-align: center; }
.bannerCont1 h3 {
    float: left;
    text-align: center;
    color: #fff; width: 100%;
    font-size: 40px;
}
a.getStarted {
    display: inline-block;
    vertical-align: top;
    margin-top: 15px;
    padding: 13px 25px;
    background-color: #fff;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 600; border: 2px solid #fff;
    text-transform: uppercase;
    min-width: 200px;
}
a.getStarted:hover { background-color: rgba(255, 255, 255, 0.16); color: #fff; }
.bannerContainer img.map {
    position: absolute;
    object-fit: cover;
    object-position: center;
    height: 100%;
    width: 100%;
}
/* Banner Sec */

/* How it works */
.howItWorks {
    float: left;
    width: 100%;
    padding: 70px 0;
}
.howItWorks .titleWorks {
    float: left;
    width: 100%;
    font-size: 28px;
    color: #4b4b4b;
    font-weight: bold;
    text-align: center;
}
.howItWorks .subTitle1 {
    float: left;
    width: 100%;
    margin-top: 15px;
    text-align: center;
    padding: 0 15%;
    font-size: 16px;
    color: #707070;
    line-height: 1.6;
}
.howItWorks .worksRow {
    float: left;
    width: 100%;
}
.howItWorks .worksRow {
    float: left;
    width: 100%;
    margin-top: 60px;
    margin-bottom: 0;
}
.howItWorks .worksRow li {
    float: left;
    width: 33.33%;padding: 20px 50px; position: relative;
    text-align: center;
}
.howItWorks .worksRow li h2 {
    margin: 30px 0 0 0;
    font-size: 18px;
    color: #393939;
    font-weight: 700;
}
.howItWorks .worksRow li img {
    max-width: 150px;
    max-height: 75px;
}
.howItWorks .worksRow li + li::after {
    content: "";
    position: absolute;
    left: -30px;
    top: calc(50% - 23px);
    width: 60px;
    height: 46px;
    background-image: url(../images/arrow.png);
    background-repeat: no-repeat;
    background-size: 100%;
}
/* How it works */

.frenceMapWrapper {
    float: left;
    width: 100%;
    background-color: #4982fa;
    padding: 40px 0;
}
.mapInnerCon {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    float: left;
    width: 100%;
}
.mapInnerCon .mapContent {
    float: left;
    width: 420px;
    color: #fff;
}
.mapInnerCon img{ margin-left: auto;  }
.mapInnerCon .mapContent h2 {
    font-size: 40px;
}
.mapInnerCon .mapContent a.mapBtn {
    float: left;
    margin-top: 20px;
    padding: 13px 25px;
    background-color: #fff;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #fff;
    text-transform: uppercase;
    min-width: 200px;
    color: #4982fa;
    text-align: center;
}
.mapInnerCon .mapContent a.mapBtn:hover {
    background-color: #4982fa;
    color: #fff;
}
.testimonialWraper {
    float: left;
    width: 100%;
    padding: 70px 0;
    background-color: #f5f5fe;
}
.testimonialWraper .testSmallTitle {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #4982fa;
    font-weight: 700;
}
.testTitle {
    float: left; width: 100%; text-align: center; margin-top: 10px; font-size: 28px;
    color: #4b4b4b; font-weight: 700; position: relative; padding-bottom: 15px;
}
.testTitle::after {
    content: "";
    position: absolute;
    left: calc(50% - 30px);
    bottom: 0px;
    background-color: #4982fa;
    width: 60px;
    height: 3px;
}
.copyRgt {
    float: left;
    width: 100%;
    padding: 18px 15px;
    text-align: center;
    background-color: #4982fa;
    color: #fff;
    font-size: 16px;
}

.timeline .copyRgt {
    /* float: left; */
    width: 100%;
    padding: 18px 15px;
    text-align: center;
    background-color: #4982fa;
    color: #fff;
    font-size: 16px;
    position: fixed;
    bottom: 0;
    z-index: 100;
    width: 100%;
    margin: auto;
    left: 0;
    right: 0;
}
.scrscribeNow {
    float: left;
    width: 100%;
    padding: 60px 0;
}
.scrscribeNow .subInner {
    float: left;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.subInner .SubCont {
    float: left;
    width: 100%;
    max-width: 550px;
    margin-left: 80px;
}
.subInner .SubCont h2 { font-size: 30px; color: #525252; }
.subInner .SubCont h2 strong { color: #4982fa; }
form.subsForm {
    float: left;
    width: 100%;
    margin-top: 20px;
}
.formCont {
    float: left;
    width: 100%;
    position: relative;
}
.formCont input.inputForm {
    padding: 0 155px 0 30px;
    border-radius: 50px;
    height: 55px;
    width: 100%;
    outline: none;
    border: 1px solid #ccc;
}
.formCont button.subscribe_btn {
    float: right;
    border-radius: 50px;
    margin: 0;
    height: 55px;
    border: none;
    width: 140px;
    background-color: #4982fa;
    color: #fff;
    font-size: 16px;
    outline: none !important;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
}
.testimonialRow {
    float: left;
    width: 100%;
    margin-top: 50px;
}
.reviewCon {
    float: left;
    width: 100%;
    background-color: #fff;
    border-radius: 5px;
    padding: 25px; position: relative;
    box-shadow: 0 5px 15px rgb(227, 227, 239);
}
.reviewCon::before{ content: ""; position: absolute;right: 10px; bottom: 10px;
    background-image: url(../images/quote_img.png);background-repeat: no-repeat; width: 120px; height: 114px; background-size:100%;
}
.reviewCon p { float: left; width: 100%; line-height: 26px; font-size: 15px; color: #7f7c97; position: relative; }
.clientInfo {
    float: left;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 15px; position: relative;
}
.clientInfo .imghBlock { float: left; width: 60px; height: 60px; border-radius: 100%; overflow: hidden; }
.clientInfo .userCont { float: left; width: calc(100% - 60px); padding-left: 18px; }
.clientInfo .userCont h2 { font-size: 15px; font-weight: 600; color: #505050; margin-bottom: 5px; }
.clientInfo .userCont h6 { margin: 0; font-size: 13px; color: #585858; }
.testimonialWraper .owl-item { padding: 10px 0; }
.testimonialRow .owl-dots {
    float: left;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-top: 20px;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.testimonialRow .owl-dots button.owl-dot {
    width: 9px;
    height: 9px;
    border-radius: 100%;
    background-color: #cccccd;
    margin: 0 2px;
}
.testimonialRow .owl-dots button.owl-dot.active { background-color: #4982fa; width: 18px; border-radius: 18px; }


/* Login Signup */
.loginMainWrapper {
    float: left;
    width: 100%;
    min-height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #632f8b; /* Old browsers */
    background: -moz-linear-gradient(left, #632f8b 0%, #4e73e6 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #632f8b 0%,#4e73e6 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #632f8b 0%,#4e73e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#632f8b', endColorstr='#4e73e6',GradientType=1 );
    padding:25px;
}
.lgInner1 {
    float: left;
    width: 100%;
    max-width: 970px;
}
.lgInnercon {
    float: left;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 75px hsla(229, 10%, 21%, 0.53);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.lgLeft {
    float: left;
    width: 450px;
    padding: 50px;
    position: relative;
    background-image: url(../images/login_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #4982fa;
    background-blend-mode: multiply;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.lgLeft .lgTitle {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 40px;
    margin: 0;
    line-height: 1.2;
}
.lgBtmMainCon {
    float: left;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.lgBtmMainCon a {
    float: left;
    color: #fff;
    padding: 0 12px;
    -webkit-align-self: flex-end;
    -moz-align-self: flex-end;
    -ms-align-self: flex-end;
    -o-align-self: flex-end;
    align-self: flex-end;
    position: relative;
}
.lgRight {
    float: left;
    width: calc(100% - 450px);
    padding: 60px 60px;
    position: relative;
    min-height: 580px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.lgrgtInner {
    float: left;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.lgrgtInner .loginLogo {
    float: left;
    width: 100%;
    max-width: 280px;
    margin-bottom: 30px;
}
.lgrgtInner .form {
    float: left;
    width: 100%; margin-bottom: 30px;
}
.lgrgtInner .fieldRow {
    float: left;
    width: 100%;
    margin: 15px 0;
}
.lgrgtInner .fieldRow .lgfieldIP {
    float: left;
    width: 100%;
    outline: none;
    border: none;
    height: 40px;
    border-bottom: 1px solid #ececec;
}
.lgBtnRow {
    float: left;
    width: 100%;
    margin: 12px 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.lgBtnRow .forgotPw { float: left; color: #4982fa; }
.lgBtnRow .lgBtn {
    margin-left: auto;
    padding: 10px 25px;
    min-width: 140px;
    border: 2px solid #4982fa;
    background-color: #4982fa;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    border-radius: 3px;
    cursor: pointer;
}
.lgBtnRow .lgBtn:hover { background-color: #ffffff; color: #4982fa; }
.lgrgtInner .noAcc {
    float: left;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    left: 0;
    bottom: 10px;
    color: #686868;
}
.lgrgtInner .noAcc a { color: #4982fa; }
.loginHomeIcons { display:none; }
/* Login Signup */
.radioOption{
    padding-top: 10px;
    margin: auto;

}
.radioOption input[type="radio"] {
    margin-right: 5px;
}
/* Profile */
.profileSec {
    /*display: flex;*/
    width: 100%;
    /*height: 100vh;*/
}
.profileContainer {
    float: left;
    background-color: #fff;
    width: 400px;
    box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.42);
    position: relative;
    height: 100vh;
    overflow: hidden;
}
.mapCont {
    float: left;
    width: calc(100% - 400px);
    height: 100vh;
}
.mapCont iframe {
    float: left;
    width: 100%;
    height: 100%;
}
.userHead {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    float: left;
    width: 100%;
    background-color: #4982fa;
    padding: 15px 20px;
}
.userHead .imgSec {
    float: left;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    overflow: hidden;
}
.userHead .userName {
    float: left;
    width: calc(100% - 100px);
    padding-left: 25px;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    position: relative;
    padding-right: 25px;
}  
.p_nameEdit {
    position: absolute;
    right: -10px;
    cursor: pointer;
    top: calc(50% - 9px);
    display: none; line-height: 1;
}
.userName:hover .p_nameEdit { display: inline-block; }
.userBasicInfo {
    float: left;
    width: 100%;
}
.p_row1 {
    float: left;
    width: 100%;
    padding: 10px 50px 10px  20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
.p_row1 .p_icons_1 {
    float: left;
    width: 30px;
}
.p_row1 .p_TopHeadCont {
    float: left;
    width: calc(100% - 30px);
    padding-left: 5px;
}
.p_row1 label {
    margin: 0;
    font-size: 12px;
    color: #4982fa;
    line-height: 1.2;
}
.p_fieldCon {
    float: left;
    width: 100%;
}
.p_fieldCon p { float: left; margin-bottom: 0px; width: 100%; }
.fieldEdit {
    position: absolute;
    right: 15px;
    cursor: pointer;
    top: calc(50% - 9px);
    display: none; line-height: 1;
}
.fieldEditAddress {
    position: absolute;
    right: 15px;
    cursor: pointer;
    top: calc(50% - 9px);
    line-height: 1;
}
.p_row1:hover .fieldEdit { display: inline-block;  }
.p_row1:hover { background-color: #f2f6ff;  }
.p_row1.inputFieldRow .p_fieldCon .fieldLabel { display: none; }
.p_inputField {
    float: left;
    width: 100%;
    height: 35px;
    border: 1px solid #dedede;
    outline: none;
    box-shadow: none;
    padding: 2px 12px;
    display: none;  border-radius: 0;
}
.input_wrap{
    display: none;
}
.p_row1.inputFieldRow .p_fieldCon .p_inputField { display:block; }
.p_row1.inputFieldRow .p_fieldCon .input_wrap { display: inline-block;width:100%; }
.userName1 { display: none; }
.userHead .userName p { margin: 0; }
.userName.nameField p { display: none; }
.userName.nameField .userName1 {
    display: inline-block;
    float: left;
    width: 100%;
    border: 1px solid #fff;
    outline: none;
    box-shadow: none;
    padding: 2px 10px;
    font-size: 14px;
    height: 36px;
}
.roomType {
    float: left;
    width: 100%;
    background-color: #e4edff;
    padding: 10px 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: space-between;
    -moz-box-pack: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
}
.roomColl {
    float: left;
    padding: 7px 10px;
    position: relative;
}
.roomColl input[type="radio"] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0; z-index: 99;
}
.roomColl label {
    float: left;
    margin: 0;
    padding-left: 25px;
    position: relative;
}
.roomColl label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 1px;
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-radius: 3px;
    border: 2px solid #4982fa;
}
.roomColl input[type="radio"]:checked + label::after {
    content: "\f00c ";
    font-family: FontAwesome;
    position: absolute;
    left: 3.5px;
    top: 3px;
    color: #4982fa;
    font-size: 11px;
}
.addressField {
    float: left;
    width: 100%;
    padding: 12px 20px;
}
.addRow {
    float: left;
    margin-left: -10px;
    width: calc(100% + 20px);
}
.addRow .addFieldCol {
    float: left;
    width: 50%;
    padding: 10px;
}
.addFieldCol .addField {
    float: left;
    width: 100%;
    height: 40px;
    padding: 2px 10px;
    border: 1px solid #d7d7d7;
    outline: none;
}
.tenantOrOwner {
    float: left;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; padding: 10px 10px;
}
.tenantOrOwner .roomColl {
    -webkit-flex: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1; 
}
.uploadImgSec {
    float: left;
    width: 100%;
    margin: 20px 0;
    padding: 0 20px;
}
.uploadImgSec h3 {
    font-size: 16px;
    font-weight: 600;
}
.dropzoneContainer {
    float: left;
    width: 100%;
    margin: 5px 0;
}
.dropzoneContainer form.dropzone1.dz-clickable { border: 2px dashed #ccc; float: left; width: 100%;}
.dropzoneContainer form.dropzone1.dz-clickable .dz-default.dz-message {
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 120px;
}
.dropzoneContainer form.dropzone1.dz-clickable .dz-default.dz-message span {
    padding-top: 50px;
    font-size: 16px;
    color: #ababab;
    position: relative;
}
.dropzoneContainer form.dropzone1.dz-clickable .dz-default.dz-message span::after {
    content: "";
    position: absolute;
    left: calc(50% - 22.5px);
    top: 0px;
    width: 45px;
    height: 41px;
    background-size: 100%;
    background-image: url(../images/cloude.png);
    background-repeat: no-repeat;
}
.dropzoneContainer form.dropzone1.dz-clickable .dz-preview {
    float: left;
    border-radius: 0px;
    margin: 5px;
    width: calc(50% - 10px);
    padding: 12px;
    background-color: #eef4ff;
}
.dropzoneContainer form.dropzone1.dz-clickable .dz-preview .dz-image { border-radius: 0; }
.dropzoneContainer form.dropzone1.dz-clickable .dz-preview .dz-details { display: none; }
.dropzoneContainer form.dropzone1.dz-clickable .dz-preview .dz-success-mark svg,
.dropzoneContainer form.dropzone1.dz-clickable .dz-preview .dz-error-mark svg {
    width: 30px;
    height: 30px;
}
.dropzoneContainer form.dropzone1.dz-clickable .dz-preview .dz-success-mark, .dropzoneContainer form.dropzone1.dz-clickable .dz-preview .dz-error-mark {
    margin-left: -15px;
    margin-top: -15px;
}
/* Profile */



.avatar-upload {
    position: relative;
    max-width: 205px;
}
.avatar-upload .avatar-edit {
    position: absolute;
    left: 85px;
    z-index: 1;
    top: 0px;
}
.avatar-upload .avatar-edit input {
    display: none;
}
.avatar-upload .avatar-edit label {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-bottom: 0;
    border-radius: 100%;
    background: #FFFFFF;
    border: 1px solid transparent;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    font-weight: normal;
    transition: all .2s ease-in-out;
}

.avatar-upload .avatar-edit label:hover {
     background: #f1f1f1;
     border-color: #d6d6d6;
 }

.avatar-upload .avatar-edit label:after {
     content: "\f040";
     font-family: 'FontAwesome';
     color: #757575;
     position: absolute;
     top: 2px;
     left: 0;
     right: 0;
     text-align: center;
     margin: auto;
 }

.avatar-preview {
    width: 105px;
    height: 105px;
    position: relative;
    border-radius: 100%;
    border: 2px solid #F8F8F8;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

.avatar-preview > div {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.dropzoneContainer form.dropzone1.dz-clickable .dz-preview .dz-success-mark, .dropzoneContainer form.dropzone1.dz-clickable .dz-preview .dz-error-mark {
    display: none;
}
.dropzoneContainer form.dropzone1.dz-clickable .dz-preview .dz-image img {
    height: 100px;
    overflow: hidden;
    width: 100%;
    object-fit: cover;
}
.dz-message span {
    padding: 40px 20px;
    display: inline-block;
    text-align: center;
    width: 100%;
}
.input_wrap .help-block {
    color: red;
    font-size: 12px;
}
.btn_save {
    padding: 10px 20px;
    display: inline-block;
    text-align: right;
    width: 100%;
}
.btn_save a {
    border: 1px solid #ccc;
    padding: 3px 10px;
    float: right;
}
.address_edit form {
    border: 1px dashed #ccc;
}
.address_edit {
    display: inline-block;
    width: 100%;
    padding: 10px;
}

.my_location{
    text-align: center;
    margin-bottom: 9px;
}


/******14jan a******/

.profileSec.add_address {
    flex-wrap: wrap;
}
.timeline .profileSec.add_address {
    flex-wrap: unset;
}
.add_address .profileContainer {
    width: 100%;
    box-shadow: none;
}
.add_address .row{
    height: 100%;
    margin: 0;
}
.add_title {
    float: left;
    width: 100%;
    border-top: 1px solid #eee;
    text-align: center;
    padding-bottom: 15px;
}
.timeline .add_title {
    float: left;
    width: 100%;
    border-top: 1px solid #eee;
    text-align: center;
    padding-bottom: 15px;
    position: fixed;
    width: 100%;
    top: 68px;
    left: 0;
    right: 0;
    z-index: 2;
    background: #fff;
}
.add_title a {
    text-align: center;
    display: inline-block;
    margin-top: 15px;
    padding: 7px 14px;
    background-color: #4982fa;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 600;
    border: 2px solid #4982fa;
    text-transform: uppercase;
    min-width: 200px;
    color: #fff;
}
.add_title .titleWorks {
    display: inline-block;
    font-size: 23px;
    color: #4b4b4b;
    font-weight: bold;
    text-align: center;
    margin-top: 15px;
    margin-right: 10px;
}

.control-form {
    margin-bottom: 20px;
}
form.lat_lon_address_form {
    padding: 40px 20px;
    border: 1px solid #eee;
    background: #f9f9f9;
}
form.lat_lon_address_form .form-group {
    margin: 0;
}
label.control-label {
    font-weight: bold;
}
form#formLogin select {
    float: left;
    width: 100%;
    outline: none;
    border: none;
    height: 40px;
    border-bottom: 1px solid #ececec;
}
.address_block {
    border: 1px solid #eee;
    padding: 20px;
    background-color: #f9f9f9;
    margin: 0px 0px 20px;
    box-shadow: 2px 2px #eee;
}
.modal-form{
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 35px;
    margin-left: 35px;
    padding:10px;
    background-color: #f9f9f9;
}
.view_des_modal{
    margin: 5px;
    padding: 5px;
    height:100px;
    overflow: auto;
    box-shadow:2px 2px #eee;
}
.view_img  button:nth-child(2){
   float: right;
}
.view_img button {
    display: inline-block;
    width: auto;
}
.img_add {
    max-width: 300px;
    overflow: hidden;
    margin: 0px 0px 10px;
    box-shadow: 2px 2px #eee;
    max-height:250px;
    min-height:250px;
}
.modal-header button.close {
    padding: 0;
    margin: 0;
}
.box-body label {
    width: 100%;
}
.view_date_modal,.view_img_modal {
    text-align: center;
    margin: 0px 0px 10px;
}
.modal {
    padding: 0 !important;
}
span.time_span {
    display: block;
    font-weight: bold;
    font-size: 20px;
}

.profileSec.add_address .profileContainer {
    height: auto;
}

.my_add{
    margin: 0px 0px 3px;
    display: inline-block;
    width: 100%;
}
.address_loc {
    height: 42px;
    overflow: auto;
}
.view_img_modal img {
    margin: 0 auto;
    max-width: 200px;
}
.view_img_modal {
    text-align: center;
    height: 200px;
    overflow: hidden;
}
.modal-dialog .slick-prev {
    left: 0;
}
.modal-dialog .slick-next {
    right: 0;
}
.modal-dialog .slick-prev::before,.modal-dialog .slick-next::before{
    color:#dc3545;
}
/******14jan a******end/

/* Media query */
@media(max-width:1200px){
    .logoCon { max-width: 150px; margin: 10px 0; }
    .BannerCont { width: 35%; }
    .bannerCont1 h3 { font-size: 30px; }
    a.getStarted { padding: 10px 15px; }
    .mapInnerCon img { max-width: 450px; }
    .mapInnerCon .mapContent h2 { font-size: 33px; }
    .subInner .SubCont { max-width: 460px; }
    .copyRgt { font-size: 14px; }
    .subInner .SubCont h2 { font-size: 25px; }
}
@media(max-width:991px){
    .BannerCont { width: 45%; }
    .howItWorks { padding: 50px 0; }
    .howItWorks .subTitle1 { padding: 0 10%; font-size: 15px; }
    .howItWorks .worksRow li img { max-width: 80px; max-height: 60px; }
    .bannerContainer { height: 450px; }

    /* login */
    .lgLeft { width: 300px; padding: 40px 20px; }
    .lgRight { width: calc(100% - 300px); padding: 60px 40px; }
    .lgrgtInner .loginLogo { max-width: 230px; margin-bottom: 20px; }
    /* login */

    /* Profile */
    .profileContainer { width: 300px; }
    .mapCont { width: calc(100% - 300px); }
    .userHead .imgSec { width: 60px; height: 60px; }
    .userHead .userName { width: calc(100% - 60px); padding-left: 15px; font-size: 17px; }
    .uploadImgSec h3 { font-size: 14px; }
    /* Profile */

}
@media(max-width:767px){
    .mapInnerCon img { max-width: 200px; }
    .mapInnerCon .mapContent h2 { font-size: 27px; }
    .mapInnerCon .mapContent a.mapBtn { padding: 10px 25px; font-size: 14px; min-width: 150px; }
    .scrscribeNow .subInner img { max-width: 120px; }
    .subInner .SubCont { max-width: calc(100% - 20px); margin-left: 30px; }
    .subInner .SubCont h2 { font-size: 22px; text-align: center; }
    .formCont input.inputForm { height: 48px; padding: 0 115px 0 20px; }
    form.subsForm { margin-top: 10px; }
    .scrscribeNow { padding: 40px 0; }
    .formCont button.subscribe_btn { height: 48px; width: 110px; }
    .howItWorks .worksRow li img { max-width: 60px; max-height: 50px; }
    .howItWorks .worksRow li h2 { font-size: 14px; }
    .howItWorks .worksRow li { padding: 20px 15px; }
    .howItWorks .worksRow li + li::after { left: -15px; top: calc(50% - 14px); width: 34px; height: 26px; }
    .testTitle { font-size: 22px; }
    .testimonialWraper .testSmallTitle { font-size: 14px; }
    .BannerCont { width: 100%; top: inherit; bottom: 0; height: auto; padding: 20px; }
    .bannerCont1 h3 { font-size: 20px; }
    a.getStarted { padding: 8px 10px; min-width: 160px; font-size: 14px; }
    .logoCon { max-width: 130px; }
    .headerRgt .headUl li a { padding: 8px 10px; font-size: 13px; }
    .headerRgt .headUl { margin-left: 10px; }
    .changesLocation a { font-size: 13px; }
    .subInner .SubCont { max-width: 100%; }


    /* login */
    .lgInnercon { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
    .lgLeft { width: 100%; padding: 22px 20px; }
    .lgLeft .lgTitle { text-align: center;  margin-bottom: 15px; font-size: 32px; }
    .lgRight { width: 100%; min-height: inherit; padding: 10px 20px 60px; }
    .lgrgtInner .loginLogo { max-width: 200px; display: none; }
    .lgrgtInner .form { margin-bottom: 10px; }
    .lgrgtInner .fieldRow { margin: 10px 0; }
    .loginHomeIcons { display: inline-block; float: left; margin-top: 10px; color: #4982fa; }
    .loginHomeIcons .fa.fa-angle-left { font-size: 16px; margin-right: 7px; }
    /* login */

    /* Profile */
    .profileSec { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
    .profileContainer { width: 100%; height: auto;  overflow: visible; }
    .mapCont { width: 100%; max-height: 65vh; }
    /* Profile */

}
@media(max-width:499px){ 
    .bannerContainer { height: 350px; }
    .howItWorks { padding: 35px 0; }
    .howItWorks .titleWorks { font-size: 22px; }
    .howItWorks .subTitle1 { padding: 0; font-size: 14px; margin-top: 10px; }
    .howItWorks .worksRow { margin: 0; }
    .howItWorks .worksRow li { width: 100%; padding: 50px 15px; }
    .howItWorks .worksRow li img { max-width: 100px; max-height: 80px; }
    .howItWorks .worksRow li + li::after { left: calc(50% - 21px); top: -20px; width: 44px; height: 36px;
        -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);
    }
    .mapInnerCon { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
    .mapInnerCon .mapContent { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;
        flex-wrap: wrap; -webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
    }
    .mapInnerCon .mapContent h2 { text-align: center; font-size: 31px; }
    .mapInnerCon img { max-width: 300px; margin: 50px auto 0; }
    .scrscribeNow .subInner { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
    .scrscribeNow .subInner img { -ms-flex-order: 2; -webkit-order: 2; order: 2; max-width: 200px; }
    .subInner .SubCont { -ms-flex-order: 1; -webkit-order: 1; order: 1; margin: 0 0 60px 0; }
    .header1 {
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .logoCon { max-width: 200px; margin: 20px 0; }
    .changesLocation a span { margin-left: 8px; max-width: 100px; }
    .headerRgt .headUl { margin-left: 5px; }
    .headerRgt .headUl li a { padding: 8px 5px; font-size: 13px; }
    .headerRgt { width: 100%; padding: 13px 0; border-top: 1px solid #f7f7f7; }
    .headerRgt .headUl { margin-left: auto; float: right; }


    /* login */
    .lgrgtInner .loginLogo { max-width: 160px; margin:0px; }
    .loginMainWrapper.signUpPage .lgBtnRow .lgBtn { width: 100%; }
    /* login */

}


.section_item_div ul li {
    background: #eee;
    padding: 20px 10px;
    height: auto !important;
    border: 1px solid #ccc !important;
    margin: 0px 5px !important;
    text-align: center;
    font-weight: bold;
}

.section_item_div ul {
    flex-wrap: nowrap;
    overflow: auto;
    margin-bottom: 10px;
}

@media(max-width:360px){
    .lgBtnRow .lgBtn { min-width: 80px; padding: 6px 20px; font-size: 14px; }
    .lgBtnRow .forgotPw { font-size: 13px; }
    .lgLeft { padding: 22px 15px; }
    .lgBtmMainCon a { padding: 0 5px; font-size: 13px; }
}
/* Media query */



.remove_image_button a {
    color: #fff;
    margin: 0 2px;
    font-size: 10px;
    font-weight:bold;
}

.remove_image_button {
    background: rgba(0,0,0,0.55);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
}

.item {
    position: relative;
    width:98% !important;
}
.item:hover .remove_image_button {
    opacity: 1;
    visibility: visible;
}


/*slider design css*/

#main-slider {
    position: relative;padding:138px 0 60px;
}

.no-margin {
    margin: 0;
    padding: 0;
}
#main-slider .carousel-inner{height:calc(100vh - 198px);}

#main-slider .carousel h2 {
    color: #fff;
}

#main-slider .carousel .btn-slide {
    padding: 8px 20px;
    background: #c52d2f;
    color: #fff;
    border-radius: 4px;
    margin-top: 25px;
    display: inline-block;
}

#main-slider .carousel .slider-img{
    text-align: right;
    position: absolute;
}


#main-slider .carousel .item {
    background-repeat: no-repeat;
    background-size: cover !important;
    left: 0 !important;
    opacity: 0;
    top: 0 ;
    width: 100%;
    display:none;
    height:100%;
    -webkit-transition: opacity ease-in-out 500ms;
    -moz-transition: opacity ease-in-out 500ms;
    -o-transition: opacity ease-in-out 500ms;
    transition: opacity ease-in-out 500ms;
    width: 100% !important;
    background-attachment: fixed!important;
    overflow: auto;
}

#main-slider .carousel .item:first-child {
    top: auto;
    position: relative;
}

#main-slider .carousel .item{
    opacity: 1;
    -webkit-transition: opacity ease-in-out 500ms;
    -moz-transition: opacity ease-in-out 500ms;
    -o-transition: opacity ease-in-out 500ms;
    transition: opacity ease-in-out 500ms;
    z-index: 1;display:block;
}

#main-slider .prev,
#main-slider .next {
    position: absolute;
    top:57%;
    background-color: #4982fa;
    color: #fff;
    display: inline-block;
    margin-top: -25px;
    height: 50px;
    line-height: 50px;
    width: 50px;
    text-align: center;
    border-radius: 100%;
    z-index: 5;
    font-size: 20px;
}
#main-slider .prev .fa {
    position: relative;
    left: -1px;
}
#main-slider .next .fa {
    position: relative;
    right: -1px;
}
#main-slider .prev:hover,
#main-slider .next:hover {
    background-color: #1951c7;
}

#main-slider .prev {
    left: 10px;
}

#main-slider .next {
    right: 10px;
}

#main-slider .carousel-indicators li {
    width: 20px;
    height: 20px;
    background-color: #fff;
    margin: 0 15px 0 0;
    position: relative;
}

#main-slider .carousel-indicators li:after {
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    border-radius: 100%;
    background: rgba(0, 0, 0, 0);
    border: 1px solid #FFF;
    left: -3px;
    top: -3px;
}

#main-slider .carousel-indicators .active{
    width: 20px;
    height: 20px;
    background-color: #c52d2f;
    margin: 0 15px 0 0;
    border: 1px solid #c52d2f;
    position: relative;
}

#main-slider .carousel-indicators .active:after {
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    border-radius: 100%;
    background: #c52d2f;
    border: 1px solid #c52d2f;
    left: -3px;
    top: -3px;
}

#main-slider .active .carousel-content {
    -webkit-animation: slideInLeft 300ms linear 200ms both;
    -moz-animation: slideInLeft 300ms linear 200ms both;
    -o-animation: slideInLeft 300ms linear 200ms both;
    -ms-animation: slideInLeft 300ms linear 200ms both;
    animation: slideInLeft 300ms linear 200ms both;
}

#main-slider .active .carousel-content {
    -webkit-animation: slideInLeft 300ms linear 200ms both;
    -moz-animation: slideInLeft 300ms linear 200ms both;
    -o-animation: slideInLeft 300ms linear 200ms both;
    -ms-animation: slideInLeft 300ms linear 200ms both;
    animation: slideInLeft 300ms linear 200ms both;
}

#main-slider .active .carousel-content3 {
    -webkit-animation: slideInLeft 300ms linear 200ms both;
    -moz-animation: slideInLeft 300ms linear 200ms both;
    -o-animation: slideInLeft 300ms linear 200ms both;
    -ms-animation: slideInLeft 300ms linear 200ms both;
    animation: slideInLeft 300ms linear 200ms both;
}

#main-slider .active .carousel-content {
    -webkit-animation: slideInLeft 300ms linear 200ms both;
    -moz-animation: slideInLeft 300ms linear 200ms both;
    -o-animation: slideInLeft 300ms linear 200ms both;
    -ms-animation: slideInLeft 300ms linear 200ms both;
    animation: slideInLeft 300ms linear 200ms both;
}

#main-slider .carousel .item:before {
    background: rgba(21, 20, 20, 0.7098039215686275);
    content: '';
    position:fixed;
    height:100%;
    width: 100%;
    top: 0;
    bottom: 0;
    z-index:0;
}
#main-slider .sl-col .carousel-content {
    border-radius: 5px;
    background: #fff;
    padding: 0px 15px 10px 15px;
    margin-bottom: 20px;
    box-shadow: 2px 2px 2px #464643;
}
#main-slider .sl-col .carousel-content h3 {
    font-size: 20px;
    color: #4982fa;
}
#main-slider .sl-col .slide-img {
    margin-left: -15px;
    margin-right: -15px;
    padding-bottom: 10px;
    position: relative;
}
#main-slider  .myheh-story-date {
    position: absolute;
    top: 0;
    background: #4982fa;
    padding: 7px 10px;
    color: #ffffff;
    font-weight: 600;
    font-size: 13px;
    right: 0;
}
.date-calender {
    background: #5b5c5f;
    position: relative;
    padding: 16px 0px;
}

#main-slider .row.slide-margin {
    margin-top: 0px;
}
.date-calender .container {
    display: flex;
    justify-content: space-between;
    font-size: 23px;
    color: #fff;
    font-weight: 600;
}
.date-calender span.next-slide-date {
    color: #ada8a8;
}
.year_span h1 {
     font-size: 50px;
    font-weight: bold;
    color: rgba(255, 255, 255 );
    position: relative;
    z-index: 10000;
    padding-left: 12px;
}
.year_span {
    display: block;
    width: 100%;
}
#main-slider ::-webkit-scrollbar {
    width: 0px;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}
/* Optional: show position indicator in red */
#main-slider ::-webkit-scrollbar-thumb {
    background: #FF0000;
}
/*slider design css end*/
.image_section .address_description {
    height: 70px;
    background-color: #fff;
    color: #000;
    z-index: 999999999;
    position: relative;
    margin-bottom: 20px;
    clear:both;
    box-shadow: 2px 2px 2px #464643;
}



.nav_items{
    padding:10px;
    margin: 3px;
    border: 1px solid #eee;
}


.nav_items a{
    margin: 5px;
    padding: 10px;
}


.nav_items.active{
    background-color: #eee;
}


.image_display_div {
    border:1px solid lightblue;
    margin-left:50px;
    padding:2px;
}
.blinking{
    animation:blinkingText 1.2s infinite;
  }
@keyframes blinkingText{
        0%{     color: red;    }
        49%{    color: red; }
        60%{    color: transparent; }
        99%{    color:transparent;  }
        100%{   color: red;    }
    }
  .fade.in {
    opacity: 1;
  }
  .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .modal-backdrop.in {
    opacity: 0.5;
  }   
  #update_image:hover{
    background-color: white;
    color:#dc3545;
  }
  
  /*for checkbox*/
  /*checkbox css*/
 .contain {
display: block;
position: relative;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

/* Hide the browser's default checkbox */
.contain input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}

/* Create a custom checkbox */
.checkmark {
position: absolute;
top: -10px;
left: -10px;
height: 20px;
width: 20px;
background-color: #eee;
border:2px solid #4982fa;
}

.checkmark2 {
top: -10px;
left: -10px;
height: 22px;
width: 22px;
background-color: #eee;
border:2px solid #4982fa;
}

.contain2:hover input ~ .checkmark2 {
background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.contain2 input:checked ~ .checkmark2 {
background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark2:after {
content: "";
display: none;
}

/* On mouse-over, add a grey background color */
.contain:hover input ~ .checkmark {
background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.contain input:checked ~ .checkmark {
background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmarkvisible{
     position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #eee;
    border: 2px solid #ff0000;
}
.checkmark:after {
content: "";
position: absolute;
display: none;
}
.mn-slider {
    padding: 10px 0 10px!important;
    height: calc(100% - 10px)!important;
    padding-bottom: 0px!important;
   }
.mn-slider .carousel-inner {
    height: calc(100% - 10px)!important;
    overflow:visible!important;
    /*background-color: rgba(255, 0, 0, 0.3);*/
   
}
.mn-slider .carousel .bgitem {
    background-attachment: fixed!important;
    background-size: cover !important;
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.8);
  
 }
  
/* Show the checkmark when checked */
.contain input:checked ~ .checkmark:after {
display: block;
}
.see_more_btn{
    margin: 0 auto;
    z-index: 2;
    border-radius: 20px;
    margin-bottom: 15px;
  }
    
  .see_more_btn:hover{
    background-color: white;
   
    color:#4982fa;
  }
 
  .see_less_btn{
    margin: 0 auto;
    opacity: .9;
  
    border-radius: 20px;
    margin-bottom: 15px;
  }
  .see_less_btn:hover{
    background-color: white;
   
    color:#4982fa;
  }
   
  #main-slider .prev{
    display: none;
    }
    #main-slider .next{
    display: none;
    }
/* Style the checkmark/indicator */
.contain .checkmark:after {
left: 9px;
top: 5px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
  /*for checkbox*/
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  .add_photos_btn {
    width: 100% !important;
  }
  #show_image{
    min-width:315px !important;
    max-width:315px !important;
  }
  
  .subtitle{
    margin-left: -50% !important;
  }
}
@media only screen and (min-width: 769px) {

  .subtitle{
    margin-left: -74% !important;
  }
}

.dropdown2 {
position: relative;
display: inline-block;
}

.dropdown-content2 {
display: none;
position: absolute;
background-color: #f1f1f1;
min-width: 160px;
overflow: auto;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}

.dropdown-content2 a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}


.show {display: block;}
 
#myDropdown2{
  text-align: left;
  list-style: none;
  color: black;
  background-color: white;
  font-family: auto;
}