@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icon-moon/icomoon.eot?oevyck');
    src: url('../fonts/icon-moon/icomoon.eot?oevyck#iefix') format('embedded-opentype'),
    url('../fonts/icon-moon/icomoon.ttf?oevyck') format('truetype'),
    url('../fonts/icon-moon/icomoon.woff?oevyck') format('woff'),
    url('../fonts/icon-moon/icomoon.svg?oevyck#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon', serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-project-details:before {
    content: "\e928";
}

.icon-project-status-grey:before {
    content: "\e927";
}

.icon-back:before {
    content: "\e914";
}

.icon-arrow_up:before {
    content: "\e913";
}

.icon-arrow_down:before {
    content: "\e912";
}

.icon-ic_menu_black_48px:before {
    content: "\e911";
}

.icon-mail-envelope-closed:before {
    content: "\e902";
}

.icon-inr:before {
    content: "\e900";
}

.icon-file-text2:before {
    content: "\e926";
}

.icon-credit-card:before {
    content: "\e93f";
}

.icon-location2:before {
    content: "\e948";
}

.icon-user:before {
    content: "\e971";
}

.icon-switch:before {
    content: "\e9b6";
}

.icon-cloud:before {
    content: "\e9c1";
}

.icon-housecons {
    background: url(../images/house-iconcons.png);
    width: 108px;
    height: 71px;
    background-size: cover;
    display: inline-block
}

/*END ICON MOON FONT */

body {
    margin: 0;
    padding: 155px 0 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333; /*background: #ffd3b0 url(../images/body-bg.jpg) repeat-x;*/
}

.login-register-body {
    padding: 0;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    line-height: 1.42857143;
}

.page-loader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 100;
}

.page-loader img {
    width: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/*.absay-bg-wrapper {background: url(../images/logo-bg.png) no-repeat center top;}*/
.wrapper {
    width: 100%;
    margin: 0 auto;
}

.container {
    width: 1320px;
    position: relative !important;
}

/*--TOP BAR--*/
.top-bar {
    height: 30px;
    line-height: 30px;
    width: 100%;
    background: #f6f6f6;
    color: #333;
}

.top-bar a {
    color: #333;
}

/*--END TOP BAR--*/
/*--START HEADER--*/
.top-header-fix {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
}

/*--END HEADER--*/
.header {
    width: 100%;
    background: #fff;
    padding: 10px 0;
}

.header .logo {
    float: left;
}

.header .logo .absaylogo {
    display: inline-block;
    padding-left: 15px
}

.header .logo .absaylogo img {
    height: 60px;
}

.header .logo .ipan-logo {
    display: inline-block;
    background: #f8f8f8;
    padding: 8px;
    border-radius: 5px
}

.header .logo .ipan-logo img {
    width: 65px !important;
    height: auto !important
}

.header-right {
    float: right;
    position: relative;
}

.header-right ul {
    margin: 14px 0 0 0;
    padding: 0;
    float: left;
}

.header-right ul li {
    list-style: none;
    float: left;
    margin-right: 10px;
    position: relative;
}

.header-right ul li:last-child {
    margin-right: 0;
}

.header-right ul li a {
    text-transform: capitalize;
    display: inline-block;
    padding: 6px 12px;
    background: #ff7800;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
}

.header-right ul li a:hover, .header-right ul li a:focus, .header-right ul li a:active {
    background: #fa9338;
}

/*--SET DEFAULT LOCATION--*/
.default-location {
    width: 850px;
    margin: 0 auto;
    background: #fff;
    position: relative;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.default-location .select-location-hdr {
    color: #fff;
    text-align: center;
    background: #424242;
    padding: 10px;
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px;
}

.default-location .form-group .radio {
    padding: 0;
    margin: 0 0 0;
    float: left;
    width: 100%;
}

.default-location .form-group .radio .location-radio-btn {
    position: absolute;
    left: 35px;
    top: 10px;
}

.default-location .form-group .radio label:before {
    left: 30px;
    top: 10px;
}

.default-location .form-group .radio label:after {
    left: 33px;
    top: 13px;
}

.default-location .form-group .radio label {
    padding: 0;
    display: block;
}

.default-location .content-body-loc {
    margin: 0;
    padding: 15px;
    padding-bottom: 5px
}

.default-location .row .col-sm-6 {
    margin: 0;
}

.default-location .ftr-submit {
    padding: 15px;
    border-top: 1px solid #e5e5e5;
    text-align: right;
    padding-right: 30px
}

.default-location .cls-clear {
    clear: both;
}

/*END SET DEFAULT LOCATION--*/

/*--MY ACCOUNT ICON--*/
.my-account-icon .dropdown .btn-warning {
    background: #ff7800;
    margin-bottom: -1px;
}

.my-account-icon .dropdown .btn-warning:hover, .my-account-icon .dropdown .btn-warning:focus, .my-account-icon .dropdown .btn-warning:active {
    background: #00a651;
    border-color: #019348;
}

.my-account-icon .dropdown ul {
    margin: 0;
    right: 0;
    left: auto;
    right: -1px;
}

.my-account-icon .dropdown ul li {
    width: 100%;
    margin: 0;
}

.my-account-icon .dropdown ul li a {
    display: block;
    border-radius: 0;
    background: #333333;
    border-color: #2e2e2e;
    color: #fff;
    padding: 10px 15px;
}

.my-account-icon .dropdown ul li a:hover {
    background: #4a4a4a;
    color: #fff;
}

.my-account-icon .open .btn-warning,
.my-account-icon .open .btn-warning:hover,
.my-account-icon .open .btn-warning:focus {
    background: #333333;
    border-color: #2e2e2e;
    color: #fff;
    border-bottom: 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.my-account-icon .active .btn-warning,
.my-account-icon .active .btn-warning:hover,
.my-account-icon .active .btn-warning:focus {
    background: #333333;
    border-color: #2e2e2e;
    color: #fff;
}

/*--MY ACCOUNT ICON--*/
/*--HEADER SUBMENU--*/
/*--END HEADER--*/
/*--START NAVIGATION BAR--*/
.navbar-default {
    position: relative;
    min-height: 40px;
    background-color: #00a651;
    border-bottom: 5px solid #ed1c24 !important;
    border: none;
    border-radius: 0;
    margin-bottom: 0;
}

.navbar-nav > li {
    float: left;
    border-right: #019348 solid 1px;
}

.navbar-nav > li.notify {
    display: none;
}

.navbar-default .navbar-nav > li > a {
    color: #fff;
    text-transform: capitalize;
    padding: 10px 15px;
}

.navbar-default .navbar-nav > li > a span.glyphicon {
    display: none;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #fff;
    background-color: #ee1d25;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #ee1d25;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #ee1d25;
}

.navbar-default .navbar-nav > li.launch-date > a {
    background: #ff7800;
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background: #ed1c24
}

.dropdown-menu > li > a {
    display: block;
    padding: 10px 15px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #fff;
    border-bottom: #cf0f17 solid 1px;
    white-space: nowrap;
    text-transform: capitalize;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}

/*--END NAVIGATION BAR--*/
/*--MY ACCOUNT IN MAIN NAVIGATION BAR--*/
.navbar-header {
    display: none;
}

.navbar-header .user-info-menu {
    background: #00a651;
    padding: 20px 0 0;
    text-align: center;
    float: left;
    width: 100%;
    position: relative;
}

.navbar-header .user-info-menu h3 {
    color: #fff;
    margin: 0 0 10px;
    padding: 0 10px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.navbar-header .user-info-menu ul.guest-menu {
    float: left;
    width: 100%;
    padding: 0 15px;
    margin: 0 0 20px;
    color: #fff;
}

.navbar-header .user-info-menu ul.guest-menu span {
    font-size: 12px;
    text-transform: capitalize;
}

.navbar-header .user-info-menu ul.guest-menu li {
    list-style: none;
    display: inline-block;
}

.navbar-header .user-info-menu ul.guest-menu li a {
    color: #fff;
    font-size: 14px;
}

.navbar-header .user-info-menu ul.guest-menu li:first-child a {
    padding: 0 0 0 60px;
    text-align: right;
}

.navbar-header .user-info-menu ul.guest-menu li:last-child a {
    padding: 0 60px 0 0;
    text-align: left;
}

.navbar-header .user-logged-in-menu {
    float: left;
    width: 100%;
    margin: 5px 0 0 0;
    padding: 0;
}

.navbar-header .user-logged-in-menu li {
    width: 50%;
    float: left;
    list-style: none;
    border-right: 1px solid #4e575b;
}

.navbar-header .user-logged-in-menu li:last-child {
    border-right: 0;
}

.navbar-header .user-logged-in-menu li a {
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
    display: block;
    padding: 10px;
    background: #354c54;
}

/*--MY ACCOUNT IN MAIN NAVIGATION BAR--*/

.container.white-bg {
    background: #fff;
    padding: 30px 15px;
}

.wrapper-grey {
    background: #ececec
}

/*--START LEFT BAR--*/
.left-bar {
    width: 870px;
    float: left;
}

.left-bar .home-slider {
    width: 100%;
    float: left;
    margin-bottom: 40px;
}

.left-bar .home-slider .carousel-inner .item img {
    width: 100%;
}

.text-area {
    margin-bottom: 40px;
    float: left;
    width: 100%;
}

.text-area h4 {
    font-size: 16px;
    font-weight: bold;
}

.page-title {
    width: 100%;
    float: left;
}

.contact-page-row {
    float: left;
}

.page-title h2 {
    font-size: 24px;
    text-transform: capitalize;
    margin: 0 0 20px;
    border-bottom: 2px solid #ed1c24;
    padding-bottom: 10px;
}

.faq-box {
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
}

.page-title a:hover {
    text-decoration: none !important;
}

.page-title a h2 {
    color: #333;
    text-decoration: none;
}

.text-area p {
    text-align: justify; /*line-height: 2; */
}

.text-area ul li {
    line-height: 2;
}

.home-boxes {
    float: left;
    width: 100%;
}

.home-boxes ul {
    margin: 0;
    padding: 0;
    float: left;
    width: 100%
}

.home-boxes ul li {
    list-style: none;
    float: left;
    background: #f6f6f6;
    padding: 10px;
    width: 100%;
    margin: 0 0 15px;
}

.home-boxes ul li.ncc-letter a {
    display: block;
    position: relative;
}

.home-boxes ul li.ncc-letter a img {
    width: 100%;
}

.home-boxes ul li.ncc-letter a span {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    background: rgb(0, 0, 0, 0.6);
    padding: 2px;
    color: #fff;
}

.home-boxes ul li.about-us {
    padding: 39px;
}

.home-boxes ul li.about-us h2 {
    font-size: 24px;
    text-transform: capitalize;
    margin: 0 0 20px;
}

.home-boxes ul li.about-us a {
    display: inline-block;
    float: right;
    text-transform: capitalize;
    padding: 10px 20px;
    border-radius: 25px;
    background: #ed1c24;
    color: #fff;
    text-decoration: none;
}

/*--END LEFT BAR--*/
/*--START RIGHT BAR--*/

.right-bar {
    width: 390px;
    float: right;
    margin-left: 15px;
}

/*--NEWS UPDATE--*/
.news-update-container {
    width: 100%;
    margin-bottom: 20px;
    background: #f6f6f6;
    padding: 15px;
}

.news-update-container:after {
    clear: both;
    content: "";
    display: block;
}

.news-update-container .news-content {
    background: #fff;
    padding: 0 15px 15px;
    position: relative;
}

.news-update-container .news-content .news-updates-heading {
    margin: 0 -15px;
    padding: 10px 15px;
    background: #ee1d25
}

.news-update-container .news-content .news-updates-heading h3 {
    color: #fff;
    margin: 0;
    text-transform: capitalize;
    font-size: 18px;
}

/*.news-updates-heading { background:#ccc; }*/
.news-update-container .news-content ul.news-updates {
    padding: 0;
    margin: 0;
}

.news-update-container .news-content ul.news-updates li {
    padding: 10px 0;
    font-size: 14px;
    border-bottom: 1px solid #cbcbcb;
}

.news-update-container .news-content ul.news-updates li span {
    color: #f00;
    font-weight: bold;
    text-transform: capitalize;
    text-decoration: blink;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
}

.news-update-container .news-content ul.news-updates li .noti-title {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 700;
}

.news-update-container .news-content ul.news-updates li .noti-desc {
    font-size: 12px;
    text-transform: capitalize;
    font-weight: 700;
}

@-webkit-keyframes blinker {
    from {
        opacity: 1.0;
    }
    to {
        opacity: 0.0;
    }
}

.news-update-container .news-content ul.news-updates li a {
    color: #00a651;
    font-weight: bold;
}

.see-all-news {
    float: left;
    width: 100%;
    margin-top: 15px;
}

.see-all-news a {
    display: block;
    float: right;
    font-weight: bold;
    color: #ee1d25;
    text-decoration: underline;
}

.slick-dots {
    display: none !important;
}

.slick-arrow {
    position: absolute !important;
    top: -21px !important;
    width: 24px !important;
    height: 24px !important;
    border: 1px solid #fbc6c1 !important;
}

.slick-prev {
    right: 0 !important;
    left: auto !important;
}

.slick-prev:before, .slick-next:before {
    color: #fff !important;
}

.slick-next {
    right: 35px !important;
    left: auto !important;
}

/*--END NEWS UPDATE--*/
.home-videos {
    width: 100%;
    float: left;
}

.home-videos ul {
    padding: 0;
    margin: 0 0 0 -15px;
}

.home-videos ul li {
    list-style: none;
    width: 427px;
    float: left;
    margin: 0 0 15px 15px;
    position: relative;
}

.home-videos ul li a {
    display: block;
    position: relative;
}

.home-videos ul li a h3 {
    position: absolute;
    width: 100%;
    padding: 15px;
    margin: 0;
    font-size: 18px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

.home-videos ul li a img {
    width: 100%;
}

/*--END RIGHT BAR--*/
/*--FOOTER--*/
#footer {
    background: #f6f6f6;
    border-top: 1px solid #e0e0e0;
    padding: 30px 0;
}

#footer ul {
    padding: 0;
    margin: 0;
    list-style: none;
    float: left;
    width: 100%;
}

#footer ul .footer-nav-section {
    width: 300px;
    float: left;
    border-left: 1px solid #ccc;
}

#footer ul li {
    padding: 0;
    float: left;
    width: 25%
}

#footer ul li ul {
    width: 100%;
}

#footer ul li ul li {
    width: 100%;
    margin-top: 5px;
}

#footer ul li ul li a {
    padding: 5px;
    color: #333;
    display: block;
    text-transform: capitalize;
}

#footer p {
    text-align: center;
    float: left;
    width: 100%;
    margin: 20px 0 0 0;
}

.floating-footer {
    display: none;
}

/*--END FOOTER--*/
/*--MODAL VIDEO--*/
.location-video-dialog {
    width: 700px;
    height: 394px;
}

.location-video-dialog .close {
    position: absolute;
    right: -8px;
    top: -15px;
    opacity: 1;
    z-index: 20;
}

.location-video-dialog .location-video-content {
    width: 100%;
    height: 100%;
}

.location-video-dialog .modal-body {
    width: 100%;
    height: 100%;
    padding: 0;
}

.modal-content {
    border-radius: 0;
}

/*--END MODAL VIDEO--*/
/*--TEAM MEMBERS BOX--*/
.team-members-box {
    float: left;
    width: 100%;
}

.team-members-box ul {
    margin: 0 0 0 -15px;
    padding: 0;
    float: left;
}

.team-members-box ul li {
    margin: 0 0 20px 15px;
    padding: 20px;
    background: #f6f6f6;
    list-style: none;
    width: 427px;
    float: left;
    height: 146px;
}

.member-details {
    float: left;
    width: 290px;
}

.member-details h3 {
    color: #ed1c24;
    margin: 0 0 15px;
    font-size: 16px;
}

.member-details p {
    font-size: 13px;
}

.member-img {
    float: right;
    width: 90px;
}

.member-img img {
    width: 100%;
}

/*--END TEAM MEMBERS BOX--*/
/*--CONTACT PAGE--*/
.contact-page-row {
    width: 100%;
}

.contact-page-half-container {
    float: left;
    width: 50%;
    padding: 0 15px;
    text-align: center;
}

.contact-page-half-container h3 {
    float: left;
    width: 100%;
    font-size: 20px;
    margin: 0 0 20px;
}

.contact-page-half-container .text-area p {
    text-align: center !important;
}

/*--END CONTACT PAGE--*/
/*--LOGIN BOX--*/
label.error {
    color: #f00 !important;
}

.login-header {
    background: #fff;
    padding: 10px 0;
    text-align: center;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.176);
}

.login-box {
    width: 350px;
    margin: 50px auto 0;
    box-shadow: 0 0 20px #b2b2b2;
}

.login-box h3 {
    background: #ed1c24;
    font-size: 18px;
    text-transform: capitalize;
    color: #fff;
    margin: 0;
    padding: 15px 20px;
}

.login-box form {
    padding: 20px;
    background: #fff;
}

.login-box form label {
    color: #999;
    width: 100%;
}

.login-box form .date-box {
    width: 90px;
    float: left;
}

.login-box form .year-box {
    width: 100px;
    float: left;
    margin-left: 10px;
}

.login-box form .month-box {
    width: 100px;
    float: left;
    margin-left: 10px;
}

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

/*--END LOGIN BOX--*/
/*--REGISTER BOX--*/
.register-box {
    width: 350px;
    margin: 20px auto;
    box-shadow: 0 0 20px #b2b2b2;
}

.register-box h3 {
    background: #ed1c24;
    font-size: 18px;
    text-transform: capitalize;
    color: #fff;
    margin: 0;
    padding: 15px 20px;
}

.register-box form {
    padding: 20px;
    background: #fff;
}

.register-box form label {
    color: #999;
    width: 100%;
}

.register-box form .date-box {
    width: 90px;
    float: left;
}

.register-box form .year-box {
    width: 100px;
    float: left;
    margin-left: 10px;
}

.register-box form .month-box {
    width: 100px;
    float: left;
    margin-left: 10px;
}
.reg-aprtBx {
    padding: 15px;
    background: #a6dfea;
    background: -webkit-linear-gradient(to right, #a6dfea, #f5f9fc);
    background: linear-gradient(to right, #a6dfea, #f5f9fc);
    border-radius: 5px;
    margin-bottom: 20px;
}
.reg-aprtBx p {
    font-size: 16px;
    text-transform: uppercase;
    color: #2a82e0;
    font-weight: 700;
    text-shadow: 1px 1px 2px rgba(167, 204, 237, 1);
}

.reg-aprtBx option strong {
    font-weight: 600;
}

/*--END REGISTER BOX--*/
/*--MAIN MEDIA--*/

.media-main {
    float: left;
    width: 100%;
}

.media-main ul {
    margin: 0 0 0 -15px;
    padding: 0;
}

.media-main ul li {
    margin: 0 0 15px 15px;
    list-style: none;
    width: 202px;
    float: left;
}

.media-main ul li a {
    display: block;
    background: #fff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    box-shadow: 0 0 2px #b2b2b2;
    padding: 10px;
}

.media-main ul li a:hover {
    box-shadow: 0 0 20px #b2b2b2;
}

.media-main ul li a img {
    width: 100%;
    border: #f2f2f2 solid 1px;
}

.media-main ul li a h3 {
    color: #333;
    text-align: center;
    font-size: 12px;
    text-decoration: none;
    margin: 0;
    padding-top: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.media-main ul li a:hover {
    text-decoration: none;
}

.media-main.media-category ul li {
    width: 420px;
}

.media-main.media-category ul li a h3 {
    color: #fff;
    font-size: 16px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.5);
}

.project-status-tabs {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    text-align: center;
}

.nav-pills > li {
    display: inline-block;
    float: none;
}

.nav-pills > li a {
    text-transform: uppercase;
    color: #019348;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    background: #019348;
    color: #fff;
}

.tab-content, .tab-pane {
    float: left;
    width: 100%;
}

/*--END MAIN MEDIA--*/
/*--MEDIA GALLERY--*/
.media-gallery {
    width: 100%;
    float: left;
}

.media-gallery ul {
    padding: 0;
    margin: 0 0 0 -15px;
    float: left;
}

.media-gallery ul li {
    list-style: none;
    margin: 0 0 15px 15px;
    float: left;
    width: 246px;
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    box-shadow: 0 0 2px #b2b2b2;
}

.media-gallery ul li:hover {
    box-shadow: 0 0 20px #b2b2b2;
}

.media-gallery ul li .lightgallery-boxes {
    padding: 10px;
    background: #fff;
    max-height: 145px;
    min-height: 145px;
}

.media-gallery ul li .lightgallery-boxes a {
    display: block;
    border: 1px solid #ccc;
    position: relative;
}

.media-gallery ul li .lightgallery-boxes a img {
    width: 100%;
    min-height: 126px !important;
    max-height: 126px !important;
}

.media-gallery ul li .lightgallery-boxes a .demo-gallery-poster {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.media-gallery ul li .lightgallery-boxes a .demo-gallery-poster img {
    height: 40px;
    width: 40px;
    margin-left: -20px;
    margin-top: -20px;
    opacity: 0.8;
    position: absolute;
    top: 50%;
    left: 50%;
}

.media-gallery ul li .lightgallery-boxes a h3 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9;
    color: #fff;
    background: rgba(0, 0, 0, 0.7);
    text-align: center;
    font-size: 12px;
    text-decoration: none;
    margin: 0;
    padding: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.media-gallery ul li a:hover {
    text-decoration: none;
}

.absay-mediatitle {
    position: relative;
    background: #fff;
    padding: 15px !important
}

.absay-mediatitle .goback-btn {
    position: absolute;
    right: 10px;
    top: 10px;
}

.title-hdr {
    margin-top: 0;
    margin-bottom: 0;
    font-family: 'Raleway', sans-serif;
    font-size: 30px;
    font-weight: 300
}

.title-subhdr {
    color: #28a745;
    font-size: 35px;
    line-height: 35px;
    font-weight: 800;
    margin: 0 0 5px;
    letter-spacing: -1px;
    font-family: 'Raleway', sans-serif;
}

.project-property-status {
    color: #f52525
}

.absay-projectDroplist {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 0;
    float: none;
    margin: 0 auto;
    background: #f8f8f8;
    padding-bottom: 8px;
    border-radius: 3px;
}
.absay-projectDroplist .form-control{border: 3px solid #ccc;}

.categoryForGalley-conatiner {
    width: 100%;
    clear: both;
}

.categoryForGalley-conatiner .headerTitle-bg {
    background: #f47435;
    padding: 10px 15px;
    margin-bottom: 10px;
    color: #fff;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 500;
}
.technicaldrawing-conatiner{ color: inherit;}
.technicaldrawing-conatiner .headerTitle-bg{background: #ffc121; color:#000;}
.technicaldrawing-conatiner .headerTitle-bg span{font-weight: 600;}
.technicaldrawing-conatiner .completedSection{position: relative; height:100%;}
.technicaldrawing-conatiner .completedSection .completedmsgMain{
    display:flex;
    position:absolute;
    z-index: 10;
    height: 60px;
    width: 460px;
    background: #0ca800;
    padding: 10px;
    border-radius: 5px;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.technicaldrawing-conatiner .completedSection .completedmsgMain .itickck{margin-top: -3px;}
.technicaldrawing-conatiner .completedSection .completedmsgMain .itickck i{font-size: 48px; color: #fff;}
.technicaldrawing-conatiner .completedSection .completedmsgChild{background: #0ca800; padding: 15px; padding-right: 0; border-radius: 5px; font-size: 24px; line-height: 10px; color:#fff; font-weight: 600;}
.media-gallery ul li .lightgallery-boxes.new-update a {
    border: #ec0000 solid 1px;
    position: relative;
}

.media-gallery ul li .lightgallery-boxes a .recently-updates {
    display: none;
    background: rgba(255, 0, 0, 0.7);;
    padding: 1px 3px;
    color: #fff;
    font-size: 10px;
    letter-spacing: 0.3px;
}
.technicaldrawing-conatiner .media-gallery ul li .lightgallery-boxes.new-update a {border: #FFC107 solid 1px;}
.technicaldrawing-conatiner .media-gallery ul li .lightgallery-boxes a .recently-updates{background: #FFC107; color: #000;}
.media-gallery ul li .lightgallery-boxes.new-update a .recently-updates {
    display: block !important;
    position: absolute;
    bottom: 0
}

.pro-categoryDropList {
    background: #fff;
    padding: 30px 15px;
    padding-bottom: 15px;
    margin-bottom: 10px
}

.pro-category-cont {
    background: #fff;
    padding-top: 0
}

.construction-video a {
    position: relative;
}

.construction-video a:before {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    /*z-index: 10;*/
}

.construction-video a:after {
    background: url(../images/construction-video-icon.png) no-repeat center;
    background-size: 42px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}

/*--END MEDIA GALLERY--*/
/*--START TESTIMONIALS*/
.awards {
    width: 100%;
    display: inline-block;
    margin-top: 15px;
}

.awardsBig {
    display: block;
}

.awardsSmall {
    display: none;
}

.testimonial-static-banner {
    margin: 30px 0;
    margin-bottom: 0;
    float: left;
}

.testimonial-static-banner img {
    width: 50%;
    float: left;
}

.testimonials-videos {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    border-bottom: 2px solid #f16136;
}

.testimonials-videos ul { /*float: left;*/
    margin: 0 0 0 0;
    padding: 0;
}

.testimonials-videos ul li {
    float: left;
    width: 46px;
    list-style: none;
    margin: 0 0 8px 0;
}

.testimonials-videos ul li a {
    position: relative;
    display: block;
    background: #fff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    box-shadow: 0 0 2px #b2b2b2;
    padding: 5px;
}

.testimonials-videos ul li a .play-img {
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
}

.testimonials-videos ul li a img {
    width: 100%;
}

.testimonials-videos ul li a:hover {
    box-shadow: 0 0 20px #b2b2b2;
}

.testimonials-videos ul.view-more-videos {
    display: none;
}

.launched-gallery {
    float: left;
    width: 100%;
}

.launched-gallery ul {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.launched-gallery ul li {
    margin: 0;
    padding: 0 5px;
    list-style: none;
}

.launched-gallery ul li a {
    display: block;
    padding: 2px 0;
}

.launched-gallery ul li a img {
    width: 100%;
}

.launched-gallery ul li a h3 {
    color: #333;
    text-align: center;
    font-size: 12px;
    text-decoration: none;
    margin: 0;
    padding-top: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.launched-gallery ul li a .launched-content {
    background: #fff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    box-shadow: 3px 0 5px #b2b2b2;
    padding-bottom: 10px;
}

.launched-gallery ul li a:hover, .launched-gallery ul li a:focus, .launched-gallery ul li a:active {
    text-decoration: none;
}

.launched-gallery .slick-arrow {
    width: 30px !important;
    height: 30px !important;
    line-height: 30px;
    top: 50% !important;
    margin-top: -15px !important;
    background: rgba(0, 0, 0, 0.6);
    border: 0 !important;
    color: #fff;
    z-index: 9;
    border-radius: 50px;
}

.launched-gallery .slick-arrow:hover, .launched-gallery .slick-arrow:focus, .launched-gallery .slick-arrow:active {
    background: #ee1d25;
    color: #fff;
}

.launched-gallery .slick-prev {
    left: 8px !important;
}

.launched-gallery .slick-prev:before {
    content: "\f104";
    line-height: inherit;
}

.launched-gallery .slick-next:before {
    content: "\f105";
    line-height: inherit;
}

.launched-gallery .slick-next {
    right: 7px !important;
}

.launched-gallery .title-header {
    background: #848688;
    padding: 10px;
    font-size: 20px;
    color: #fff
}

.launched-gallery .title-header .english {
    float: left;
    margin-right: 10px
}

.launched-gallery .title-header .hindi {
    float: left;
}

.launched-gallery .title-header:after {
    content: '';
    clear: both;
    display: block;
}

.project-progress-slider {
    margin-top: 10px;
    background: #cde9f3;
}

.project-progress-slider ul li a .launched-content {
    padding: 10px
}

.project-progress-slider .testimonial-static-banner {
    margin: 10px 0;
    background: #00adef;
    width: 100%;
}

.project-progress-slider .testimonial-static-banner img {
    width: 38%;
}

.project-progress-slider .title-header {
    background: #00aeef;
    padding: 10px;
    font-size: 20px;
    color: #fff
}

.project-progress-slider .title-header:after {
    clear: both;
    content: '';
}

.project-progress-slider .title-header .english {
    float: left;
    margin-right: 10px
}

.project-progress-slider .title-header .hindi {
    float: left;
}

.project-progress-slider .title-header:after {
    content: '';
    clear: both;
    display: block;
}

.project-progress-slider .title-header .proPhoto-title {
    float: left;
}

.project-progress-slider .title-header .youtube-link {
    float: right;
    height: 38px;
}

.animated-youtubeBtn {
    background: linear-gradient(-30deg, #3d0b0b 50%, #2b0808 50%);
    padding: 8px 20px;
    display: inline-block;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    overflow: hidden;
    color: #f7d4d4;
    font-size: 16px;
    text-align: center;
    text-transform: capitalize;
    text-decoration: none;
    -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 3px;
    -webkit-animation: glowing 1500ms infinite;
    -moz-animation: glowing 1500ms infinite;
    -o-animation: glowing 1500ms infinite;
    animation: glowing 1500ms infinite;

}

.animated-youtubeBtn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ad8585;
    opacity: 0;
    -webkit-transition: .2s opacity ease-in-out;
    transition: .2s opacity ease-in-out;
}

.animated-youtubeBtn:hover::before {
    color: #fff;
    opacity: 0.2;
}

.animated-youtubeBtn:hover {
    color: #fff;
    text-decoration: none;
}

.animated-youtubeBtn:active {
    color: #fff;
    text-decoration: none;
}

.animated-youtubeBtn span {
    position: absolute;
}

.animated-youtubeBtn span:nth-child(1) {
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), to(#ffffff));
    background: linear-gradient(to left, rgba(255, 255, 255, 0), #ffffff);
    -webkit-animation: 2s animateTop linear infinite;
    animation: 2s animateTop linear infinite;
}

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

.animated-youtubeBtn span:nth-child(2) {
    top: 0;
    right: 0;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(#ffffff));
    background: linear-gradient(to top, rgba(255, 255, 255, 0), #ffffff);
    -webkit-animation: 2s animateRight linear -1s infinite;
    animation: 2s animateRight linear -1s infinite;
}

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

.animated-youtubeBtn span:nth-child(3) {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#ffffff));
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff);
    -webkit-animation: 2s animateBottom linear infinite;
    animation: 2s animateBottom linear infinite;
}

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

.animated-youtubeBtn span:nth-child(4) {
    top: 0;
    left: 0;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#ffffff));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);
    -webkit-animation: 2s animateLeft linear -1s infinite;
    animation: 2s animateLeft linear -1s infinite;
}

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

.animated-youtubeBtn img {
    width: 34px;
    vertical-align: middle;
}
.animated-Btnline {
    color: #fff!important;
    text-decoration: none;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    overflow: hidden;
    color: #f7d4d4;
    font-size: 16px;
    text-align: center;
    text-transform: capitalize;
    text-decoration: none;
    border-radius: 3px;
}

.animated-Btnline::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ad8585;
    opacity: 0;
    -webkit-transition: .2s opacity ease-in-out;
    transition: .2s opacity ease-in-out;
}

.animated-Btnline:hover::before {
    color: #fff;
    opacity: 0.2;
}

.animated-Btnline:hover {
    color: #fff;
    text-decoration: none;
}

.animated-Btnline:active {
    color: #fff;
    text-decoration: none;
}

.animated-Btnline span {
    position: absolute;
}

.animated-Btnline span:nth-child(1) {
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), to(#ffffff));
    background: linear-gradient(to left, rgba(255, 255, 255, 0), #ffffff);
    -webkit-animation: 2s animateTop linear infinite;
    animation: 2s animateTop linear infinite;
}

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

.animated-Btnline span:nth-child(2) {
    top: 0;
    right: 0;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(#ffffff));
    background: linear-gradient(to top, rgba(255, 255, 255, 0), #ffffff);
    -webkit-animation: 2s animateRight linear -1s infinite;
    animation: 2s animateRight linear -1s infinite;
}

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

.animated-Btnline span:nth-child(3) {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#ffffff));
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff);
    -webkit-animation: 2s animateBottom linear infinite;
    animation: 2s animateBottom linear infinite;
}

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

.animated-Btnline span:nth-child(4) {
    top: 0;
    left: 0;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#ffffff));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);
    -webkit-animation: 2s animateLeft linear -1s infinite;
    animation: 2s animateLeft linear -1s infinite;
}

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





/*--END TESTIMONIALS*/
/*business Opportunity--*/
.businessOppTab {
    color: #fff;
    padding: 10px;
    font-size: 20px;
    border-radius: 3px;
    width: 400px;
    margin: 0 auto;
    background: #3494E6; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #ef027e, #08befe); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #ef027e, #08befe); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.businessOppTab .businessinnerBox {
    position: relative;
    overflow: hidden;
    border-radius: 3px;
    padding: 6px;
    box-shadow: 0 0 5px rgba(81, 80, 80, 0.5);
}

.businessOppTab .businessinnerBox img {
    height: 100px;
    float: left;
    margin-right: 10px;
}

.businessOppTab .businessinnerBoxContent {
    padding-top: 5px;
    font-size: 21px;
    line-height: 25px;
    font-weight: 400;
    font-family: 'Raleway', sans-serif;
}

.businessOppTab .businessinnerBoxContent .more-content {
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-size: 12px;
    padding: 2px 10px;
    border-radius: 20px;
    background: rgba(239, 2, 126, .7);
}

.businessOppTab .businessinnerBoxContent .more-content a {
    display: block;
    color: #fff;
}

.businessOppTab .businessinnerBoxContent .more-content a:hover {
    text-decoration: none;
}

/*end business Opportunity--*/
/*--NOTIFICATION PAGE--*/
.notification-detail .notify-video {
    width: 100%;
    height: 420px;
    margin: 10px 0 0;
}

.notifications-list {
    width: 100%;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
    text-align: left !important;
}

.notifications-list p {
    margin-bottom: 10px !important;
    font-size: 14px !important;
}

.notifications-list p a {
    color: #00a651;
    font-weight: bold;
}

/*--END NOTIFICATION PAGE--*/
/*--REGISTRATION THANKYOU PAGE--*/
.thankyou-page {
    width: 800px;
    padding: 40px 30px 30px;
    margin: 0 auto;
    background: #fff;
    position: relative;
}

.thankyou-page h3 {
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 30px;
    color: #ee1a25;
}

.thankyou-page p {
    font-size: 16px;
    margin-bottom: 30px;
}

.thankyou-page span {
    color: #ee1a25;
    font-weight: bold;
}

.thankyou-page .form-group {
    margin-bottom: 30px;
}

/*--END REGISTRATION THANKYOU PAGE*/
/*--USER ADMIN--*/
/*--DASHBOARD--*/
/*--LOCATION LAUNCH TIMER--*/
.location-launch-timer {
    width: 100%;
    float: left;
    text-align: center;
    margin: 0 auto 20px;
}

.location-launch-timer .timer-content {
    display: inline-block;
    width: 300px;
    padding: 10px;
    text-align: center;
    background: #f47435;
}

.location-launch-timer-heading {
    float: left;
    width: 100%;
}

.location-launch-timer-heading h1 {
    color: #fff;
    font-size: 18px;
    margin: 0 0 15px;
    text-transform: capitalize;
    text-align: center;
}

.location-launch-timer-area {
    float: left;
    width: 100%;
}

.location-launch-timer-area ul {
    float: left;
    padding: 0;
    margin: 0 0 0 -5px
}

.location-launch-timer-area ul li {
    float: left;
    width: 66px;
    list-style: none;
    background: #fff;
    border-radius: 4px;
    margin: 0 0 0 5px;
    padding: 5px;
    text-align: center;
    text-transform: capitalize;
}

.location-launch-timer-area ul li span {
    color: #000;
    font-size: 20px;
    width: 100%;
    float: left;
}

.location-launch-timer-area ul li span.timer-title {
    font-size: 12px;
}

/*--END LOCATION LAUNCH TIMER--*/
.modal-content {
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
    border: 0;
}

.choose-location-content .modal-header {
    color: #fff;
    text-align: center;
    background: #424242;
    padding: 10px;
}

.choose-location-content .modal-body .form-group.mrgn-btm-0 {
    margin-bottom: 0;
}

.choose-location-content .modal-body .form-group .radio {
    padding: 0;
    margin: 0 0 15px;
    float: left;
    width: 100%;
}

.choose-location-content .modal-body .form-group .radio .location-radio-btn {
    position: absolute;
    left: 35px;
    top: 10px;
}

.choose-location-content .modal-body .form-group .radio label {
    padding: 0;
    display: block;
}

.choose-location-content .modal-body .form-group .radio label:before {
    left: 30px;
    top: 10px;
}

.choose-location-content .modal-body .form-group .radio label:after {
    left: 33px;
    top: 13px;
}

.choose-location-content .modal-footer {
    padding: 10px
}

/*--MODAL VIDEO--*/
.choose-location-dialog {
    width: 700px;
    height: auto;
    margin: 170px auto 0;
}

.choose-location-dialog .close {
    position: absolute;
    right: -8px;
    top: -15px;
    opacity: 1;
    z-index: 20;
}

.choose-location-dialog .choose-location-content {
    width: 100%;
    height: 100%;
}

.choose-location-dialog .modal-body {
    width: 100%;
    height: 100%;
    padding: 15px;
    text-align: center;
}

.modal-body:after {
    clear: both;
    content: "";
    display: block;
}

.location-title {
    font-size: 14px;
    text-align: left;
    font-weight: bold;
    margin: 0 0 15px;
    padding: 10px;
    background: #ff405f;
    color: #fff;
}

.choose-location-btn {
    padding: 10px 10px 10px 34px;
    text-align: left;
    font-size: 12px;
    text-transform: capitalize;
    background: #f2f2f2;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    margin-top: 0 !important;
}

.choose-location-dialog .modal-body .form-group.col-sm-6 {
    width: 50%;
    margin-bottom: 0;
    float: left;
}

/*--END MODAL VIDEO--*/
.page-header {
    float: left;
    width: 100%;
    padding-top: 0;
    padding-bottom: 10px;
    text-align: center;
    margin: 0;
    position: relative;
}

.page-header h4 {
    color: #333;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 300;
    margin: 0;
}

.page-header h4:after {
    background: #ffe100;
    width: 100px;
    height: 3px;
    content: "";
    display: block;
    margin: 7px auto 0;
}

.page-header .change-location-btn {
    position: absolute;
    top: 0;
    right: 0;
}

.dashboard-boxes {
    float: left;
    width: 100%;
}

.dashboard-boxes.full-width ul {
    margin: 0;
    width: 100%;
}

.dashboard-boxes.full-width ul li {
    margin: 20px 0 0;
    width: 100%;
}

.dashboard-boxes {
    float: left;
    width: 100%;
}

.dashboard-boxes.half-width ul {
    margin: 0 0 0 -20px;
}

.dashboard-boxes.half-width ul li {
    margin: 20px 0 0 20px;
    width: 635px;
}

.dashboard-boxes ul {
    float: left;
    margin: 0 0 0 -20px;
    padding: 0;
}

.dashboard-boxes ul li {
    float: left;
    width: 307px;
    height: 180px;
    background: #fff;
    list-style: none;
    margin: 20px 0 0 20px;
}

.dashboard-boxes ul li .shadow-box {
    display: table;
    position: relative;
    height: 100%;
    width: 100%;
}

.dashboard-boxes ul li .shadow-box a {
    display: table-cell;
    vertical-align: middle;
    padding: 30px 15px;
    text-align: center;
    color: #fff;
    text-decoration: none;
}

.dashboard-boxes ul li .shadow-box a i {
    font-size: 70px;
}

.dashboard-boxes ul li .shadow-box a h3 {
    margin: 5px 0 0;
    text-transform: capitalize;
    float: left;
    width: 100%;
    font-size: 16px;
}

.static-box-verticle-center {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.reg-fee {
    color: #fff;
    float: left;
    width: 100%;
    margin-bottom: 5px;
}
.icon-resale {
    background: url(../images/resale-icon.png) no-repeat center;
    width: 108px;
    height: 60px;
    background-size: contain;
    display: inline-block;
}
:root {

  --primary: #1a471a;
    --colorPrimary: #1a471a;
    --colorSecondary: #14c214;
}

.btnani {
  background: var(--colorPrimary);
  color: #fff;
  font-size: 16px;
  display: inline-flex;
  align-items: center;
  border-radius: 0;
  border: 0;
}
.btnani:hover {
  box-shadow: 0px 0px 5px var(--colorSecondary);
  color: #fff;
  background: var(--colorSecondary);
}
.btnani,.btnani:hover{
    background-color: var(--colorSecondary);
    background: linear-gradient(-45deg,var(--colorPrimary),var(--colorSecondary),var(--colorPrimary),var(--colorSecondary));
    background-size: 400% 400%;
    -webkit-animation: Gradient 3s ease infinite;
    animation-delay: 2s;
    -moz-animation: Gradient 3s ease infinite;
    animation-delay: 2s;
    animation: Gradient 3s ease infinite;
    animation-delay: 2s;
}

@-webkit-keyframes Gradient{
    0%{
        background-position:0 50%
    }
    50%{
        background-position:100% 50%
    }
    100%{
        background-position:0 50%
    }
}
@-moz-keyframes Gradient{
    0%{
        background-position:0 50%
    }
    50%{
        background-position:100% 50%
    }
    100%{
        background-position:0 50%
    }
}
@keyframes Gradient{
    0%{
        background-position:0 50%
    }
    50%{
        background-position:100% 50%
    }
    100%{
        background-position:0 50%
    }
}
/*whatsapp modal*/
.d-none {
    display: none
}

.d-show {
    display: block
}

.whatsapp-success {
    font-size: 16px;
}

.whatsapp-success span {
    font-weight: 600;
    color: #25d366;
}

.whatsapp-success .language-en {
    padding-right: 15px;
    padding-left: 15px
}

.whatsapp-success .language-en .thanksmsg {
    font-size: 20px;
    color: #ff9000;
    margin-bottom: 0
}

.whatsapp-success .language-hi {
    margin-top: 18px;
    padding-right: 15px;
    padding-left: 15px;
    border-top: #F3F3F3 solid 1px;
    padding-top: 25px
}

.verify-whatsapp-btn {
    width: 230px;
    margin: 0 auto;
    margin-top: 5px;
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}

.verify-whatsapp-btn a {
    background: #25d366;
    padding: 10px;
    border-radius: 3px;
    display: block;
    color: #fff;
    font-weight: 600
}

.verify-whatsapp-btn a:hover {
    background: #128c7e;
    padding: 10px;
    display: block;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.2s ease-in;
}

.verify-whatsapp-btn a img {
    width: 30px
}

.verify-whatsapp-modal {
    font-family: inherit
}

.verify-whatsapp-modal .modal-content {
    border-radius: 10px
}

.verify-whatsapp-modal .modal-content .hd-title {
    padding: 10px;
    background: #25d366;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    text-align: center
}

.verify-whatsapp-modal .modal-content .hd-title img {
    width: 70px
}

.verify-whatsapp-modal .modal-content .hd-title h4 {
    color: #fff;
    font-weight: 600
}

.verify-whatsapp-modal .modal-content .modal-body {
    padding-left: 50px
}

/*custom check box*/
/* Customize the label (the container) */
.custom-checkbox {
    display: inline-table;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

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

/* Create a custom checkbox */
.custom-checkbox.verifiedwhatsapp .checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 22px;
    width: 22px;
    border-radius: 50%;
    background-color: #25d366;
    border: #25d366 solid 1px;
}

.custom-checkbox.verifiedwhatsapp:hover input ~ .checkmark {
    background-color: #25d366;
    border: #25d366 solid 1px;
}

.custom-checkbox.verifiedwhatsapp input:checked ~ .checkmark {
    background-color: #25d366;
    border: #25d366 solid 1px
}

/*------ verified whatsapp--------*/
.custom-checkbox.verifiedwhatsapp {
    position: relative;
    color: #bdbdbd;
    cursor: default
}

.custom-checkbox .checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #eee;
    border: #ccc solid 1px;
}

.custom-checkbox:hover input ~ .checkmark {
    background-color: #ccc;
    border: #ccc solid 1px;
}

.custom-checkbox input:checked ~ .checkmark {
    background-color: #2196F3;
    border: #2196F3 solid 1px
}

/*-----end verified whatsapp-----------*/
.custom-checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.custom-checkbox input:checked ~ .checkmark:after {
    display: block;
}

.custom-checkbox .checkmark:after {
    left: 8px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*end custom check box*/
.custom-radio {
    display: inline-table;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.custom-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.custom-radio .checkmark {
    position: absolute;
    top: 4px;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #c6c6c6;
    border-radius: 50%;
}

.custom-radio:hover input ~ .checkmark {
    background-color: #eee;
}

.custom-radio input:checked ~ .checkmark {
    background-color: #2196F3 !important;
}

.custom-radio .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.custom-radio input:checked ~ .checkmark:after {
    display: block;
}

.custom-radio .checkmark:after {
    top: 7px;
    left: 7px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

.flatModalBody {
    padding: 25px 25px !important;
    position: relative;
}

.flatModalBody .col-md-12 h4 {
    text-align: left;
    font-size: 18px;
    font-weight: 600;
    color: #1d4f8f;
}

.flatModalBody .col-md-12 h4 span {
    color: #04a200;
}

.flatModalBody .col-sm-4 {
    padding-right: 0;
    text-align: left;
}

.flatModalBody .col-sm-4 .custom-radio {
    padding-left: 25px;
    font-size: 16px;
    font-weight: 500;
}

.flatModalBody .col-sm-4 .custom-radio .checkmark {
    top: 2px;
    width: 19px;
    height: 19px;
    background-color: #fff;
    border: #c6c6c6 solid 1px;
    transition: all .5s ease-out;
}

.flatModalBody .col-sm-4 .custom-radio .checkmark::after {
    top: 4px;
    left: 4px;
    width: 9px;
    height: 9px;
}

.flatModalBody .col-sm-4 .custom-radio input:checked ~ .checkmark {
    border-color: #2196F3 !important;
}

.flatModalBody .col-sm-4 .custom-radio.linehd {
    line-height: 15px;
}

.flatModalBody .col-sm-4 .custom-radio .startingspan {
    display: block;
    font-size: 11px;
    color: #989898;
}

.flatModalBody .mrebutn {
    position: absolute;
    width: 110px;
    right: 50%;
    margin-right: -55px;
    top: -20px;
    border-radius: 30px;
    padding: 5px 12px;
    background: #971fd2;
    border: #fff solid 5px;
    display: inline;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.16);
}

.fltstep2message {
    padding-top: 30px;
    font-size: 21px;
    line-height: 34px;
}

.fltstep2whatsapp-btn {
    width: 180px;
    margin: 0px auto;
    padding-top: 25px;
    padding-bottom: 30px;
}

.flatModalBody .mrebutn a {
    color: #fff;
    font-size: 17px;
    font-weight: 700;
}

/*end custom radio*/
/*whatsapp modal*/

/*whatsapp page*/
.whatsapp-page-section {
    font-family: inherit
}

.whatsapp-page-section h1 {
    margin-top: 0;
    font-size: 28px;
    font-weight: 600;
    line-height: 32px;
}

.whatsapp-page-section h2 {
    margin-top: 5px;
    font-size: 28px;
}

.whatsapp-page-section ul {
    font-size: 16px;
    font-weight: 600;
    border-bottom: #ccc solid 1px
}

.whatsapp-page-section ul li {
    padding-top: 5px;
    padding-bottom: 5px
}

.whatsapp-page-section ul li span {
    font-weight: 500
}

.whatsapp-page-section .optin-bleow {
    font-size: 16px;
    font-weight: 600;
    color: #ff7800
}

.whatsapp-page-section .optin-bleow span {
    font-weight: 500
}

.whatsapp-page-section .formbg {
    padding-top: 10px;
    background: #fbfbfb;
    padding-bottom: 20px
}

.whatsapp-page-section .plnote {
    padding-bottom: 10px;
    font-size: 12px
}

.whatsapp-page-section .plnote span {
    font-weight: 700
}

.whatsapp-needhelp {
    background: #ec8121;
    margin-top: 50px
}

.whatsapp-needhelp .container h1 {
    color: #fff;
    font-weight: 700
}

/*end whatsapp page*/

/*--END DASHBOARD--*/

/*--USER ADMIN SIDE MENU--*/
.menu-back-button {
    display: none;
    position: absolute;
    left: 5px;
    top: 8px;
    font-size: 24px;
    color: #76838f;
    text-decoration: none;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
}

.menu-back-button:hover, .menu-back-button:focus, .menu-back-button:active {
    text-decoration: none;
    color: #76838f;
}

.container.padd-0 {
    padding-left: 15px;
}

.user-admin-side-menu {
    float: left;
    width: 320px;
}

.user-admin-side-menu.side-menu-fixed {
    position: fixed;
    top: 150px;
}

.user-full-name {
    float: left;
    width: 100%;
    padding: 10px 15px;
    background: #999;
    color: #fff;
    font-weight: bold;
}

.user-admin-side-menu .panel-group {
    float: left;
    width: 100%;
    border: 2px solid #999999;
    border-top: 0;
}

.user-admin-side-menu .panel-group .panel + .panel {
    margin: 0;
}

.user-admin-side-menu .panel-default {
    border: 0;
    border-bottom: 1px solid #d4d4d4;
    border-radius: 0 !important;
}

.user-admin-side-menu .panel-default .panel-heading {
    border-radius: 0 !important;
    padding: 0;
}

.user-admin-side-menu .panel-default .panel-heading .panel-title a {
    display: block;
    padding: 12px 15px;
    color: #777;
    font-size: 14px;
    text-decoration: none;
    text-transform: capitalize;
}

.user-admin-side-menu .panel-default .panel-heading .panel-title a span {
    margin-right: 10px;
}

/*--END USER ADMIN SIDE MENU--*/
/*--USER ADMIN RIGHT CONTAINER--*/
.user-admin-right-container {
    float: right;
    width: 920px;
    padding: 15px 0;
}

.user-admin-right-container form {
    float: left;
    width: 100%;
}

.user-admin-right-container .page-heading {
    position: relative; /*float: left;*/
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

.user-admin-right-container .page-heading h4 {
    color: #333;
    margin: 0;
    font-size: 20px;
    font-weight: normal;
    text-transform: capitalize;
}

.user-admin-right-container .page-heading a {
    position: absolute;
    right: 0;
    top: -8px
}

.table-row {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e2e0e0;
}

.table-row .title {
    float: left;
    width: 250px;
    font-weight: bold;
    color: #576069;
}

.table-row .details {
    float: left; /*width: 670px*/
}

/*--PROJECT DETAILS--*/
.project-details-wrapper {
    width: 100%;
    float: left;
    background: #fff;
}

.project-details-gallery {
    float: left;
    width: 100%;
}

.project-details-gallery.single-img ul {
    width: 800px;
    float: none;
    margin: 0 auto;
}

.project-details-gallery ul {
    margin: 0;
    padding: 0;
}

.project-details-gallery ul li {
    list-style: none;
}

.project-details-gallery ul li a {
    display: block;
    padding: 10px; /*background: #fff;*/
    box-shadow: 0 0 2px #b2b2b2;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.project-details-gallery ul li a img {
    border: 1px solid #ccc;
}

.project-details-gallery ul li a:hover {
    box-shadow: 0 0 10px #b2b2b2;
}

/*--END PROJECT DETAILS--*/
.document-required-box {
    float: left;
    width: 100%;
}

.dues-deposit-container {
    float: left;
    width: 100%;
    background: #fff;
    padding: 15px;
    box-shadow: 0 0 5px #b2b2b2;
    margin-bottom: 40px;
}

.dues-deposit-container:last-child {
    margin-bottom: 0;
}

.panel-group {
    float: left;
    width: 100%;
}

.panel-info > .panel-heading {
    background: #a5e4ea;
}

.panel-default > .panel-heading {
    background: #f8f8f8;
}

.panel-warning > .panel-heading {
    background: #f7e6b9;
}

.panel-success > .panel-heading {
    background: #a5d591;
}

.custom-panel .panel-heading {
    padding: 0;
}

.custom-panel .panel-title a {
    display: block;
    padding: 15px;
    text-transform: capitalize;
    text-align: center;
    text-decoration: none;
    position: relative;
}

.custom-panel .panel-title a .icon-arrow_down {
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 18px;
    background-color: #f8f8f8;
    border: #ccc solid 1px;
    border-radius: 3px;
    padding: 3px;
}

.custom-panel .panel-body .row .col-sm-6 .table-row .title {
    width: 140px;
}

.custom-panel .panel-body .row .col-sm-6 .table-row .details {
    width: 250px;
}

.custom-panel .panel-body .table-row .title {
    width: 250px;
}

.custom-panel .panel-body .table-row .details {
    width: 320px;
}

.custom-table {
    font-size: 12px;
    margin-bottom: 0;
}


.no-allot-plot h4 {
    font-size: 20px;
    margin: 20px 0;
    padding-bottom: 10px;
    text-align: center;
    border-bottom: 1px solid #ccc;
}

.no-allot-plot .checkbox {
    margin: 30px 0 50px;
    font-size: 16px;
}

/*.custom-table tbody { display: block; height: 100px; width: 100%; overflow: auto; }*/
/*--WELCOME ABSAY--*/
.welcome-absay-wrapper {
    float: left;
    width: 100%;
    text-align: center;
}

.welcome-absay-wrapper ul {
    float: left;
    padding: 0;
    margin: -15px 0 0 -30px;
}

.welcome-absay-wrapper ul li {
    list-style: none;
    float: left;
    margin: 0 0 0 30px;
    width: 445px;
    border: 1px solid #ccc;
}

.welcome-absay-wrapper ul li .heading {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    text-transform: uppercase;
    background: #f58221;
    color: #fff;
}

.welcome-absay-wrapper ul li .features-box {
    padding: 20px 10px;
    background: #f8f8f8;
}

.welcome-absay-wrapper ul li .features-box p {
    font-size: 15px;
    margin-bottom: 20px;
}

.welcome-absay-wrapper ul li .features-box .btn-primary-blink {
    position: relative;
    font-size: 16px !important;
    width: 100%;
    margin-bottom: 20px;
    -webkit-animation: glowing 1500ms infinite;
    -moz-animation: glowing 1500ms infinite;
    -o-animation: glowing 1500ms infinite;
    animation: glowing 1500ms infinite;
}

/*button glow*/
@-webkit-keyframes glowing {
    0% {
        background-color: #0088cc;
        -webkit-box-shadow: 0 0 3px #0044cc;
    }
    50% {
        background-color: #0088cc;
        -webkit-box-shadow: 0 0 20px #0044cc;
    }
    100% {
        background-color: #0088cc;
        -webkit-box-shadow: 0 0 3px #0044cc;
    }
}

@-moz-keyframes glowing {
    0% {
        background-color: #0088cc;
        -moz-box-shadow: 0 0 3px #0044cc;
    }
    50% {
        background-color: #0088cc;
        -moz-box-shadow: 0 0 20px #0044cc;
    }
    100% {
        background-color: #0088cc;
        -moz-box-shadow: 0 0 3px #0044cc;
    }
}

@-o-keyframes glowing {
    0% {
        background-color: #0088cc;
        box-shadow: 0 0 3px #0044cc;
    }
    50% {
        background-color: #0088cc;
        box-shadow: 0 0 20px #0044cc;
    }
    100% {
        background-color: #0088cc;
        box-shadow: 0 0 3px #0044cc;
    }
}

@keyframes glowing {
    0% {
        background-color: #0088cc;
        box-shadow: 0 0 3px #0044cc;
    }
    50% {
        background-color: #0088cc;
        box-shadow: 0 0 20px #0044cc;
    }
    100% {
        background-color: #0088cc;
        box-shadow: 0 0 3px #0044cc;
    }
}

.welcome-absay-wrapper ul li .features-box .btn {
    font-size: 15px;
}

.plot-media-steps {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 50px;
}

.plot-media-steps .form-group {
    margin-bottom: 0;
}

.steps-arrow {
    width: 100%;
    float: left;
    text-align: center;
}

.steps-arrow span {
    padding: 0 15px;
    font-size: 18px;
}

.plot-media-gallery {
    position: absolute;
    top: 0;
    left: 0;
    float: none;
    width: auto;
}

.plot-media-gallery ul li {
    width: 100px !important;
}

.plot-media-gallery ul li .lightgallery-boxes {
    min-height: inherit !important;
    max-height: inherit !important;
}

/*--END WELCOME ABSAY--*/
/*--PLOT BOOK CONTAINER--*/
.plot-book-container {
    float: left;
    width: 100%;
}

.plot-container-heading {
    float: left;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #ccc;
    text-align: center;
    background: -webkit-linear-gradient(top, #d7d7d7 0%, #e5e5e5 40%, #fdfdfd 100%);
    background: -moz-linear-gradient(top, #d7d7d7 0%, #e5e5e5 40%, #fdfdfd 100%);
    background: -o-linear-gradient(top, #d7d7d7 0%, #e5e5e5 40%, #fdfdfd 100%);
    background: -ms-linear-gradient(top, #d7d7d7 0%, #e5e5e5 40%, #fdfdfd 100%);
    background: linear-gradient(top, #d7d7d7 0%, #e5e5e5 40%, #fdfdfd 100%);
}

.plot-container-heading h2 {
    font-weight: 600;
    margin: 0;
    font-size: 18px;
}

.plot-container-heading.step-11 h2 {
    float: left;
}

.plot-container-heading.step-11 h2.time-left {
    color: #f00;
    float: right;
}

.plot-container-body {
    padding: 15px;
    background: #f2f2f2;
    float: left;
    width: 100%;
}

.plot-container-body ul {
    float: left;
    margin: 0 0 0 -20px;
    padding: 0;
}

.plot-container-body ul li {
    float: left;
    width: 406px;
    min-height: 148px;
    margin: 0 0 20px 20px;
    list-style: none;
    padding: 15px;
    position: relative;
    background-color: #EAEAEA;
    border: #dbdada solid 1px;
    background: -webkit-linear-gradient(top, #fdfdfd 0%, #e5e5e5 40%, #bebebe 100%);
    background: -moz-linear-gradient(top, #fdfdfd 0%, #e5e5e5 40%, #bebebe 100%);
    background: -o-linear-gradient(top, #fdfdfd 0%, #e5e5e5 40%, #bebebe 100%);
    background: -ms-linear-gradient(top, #fdfdfd 0%, #e5e5e5 40%, #bebebe 100%);
    background: linear-gradient(top, #fdfdfd 0%, #e5e5e5 40%, #bebebe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#bebebe', GradientType=0);
    -webkit-box-shadow: inset 0 1px 1px white, 0 1px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 1px 1px white, 0 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px 1px white, 0 1px 3px rgba(0, 0, 0, 0.5);
}

.plot-container-body ul li .iradio_square-green {
    margin: 3px 0 0 3px;
}

.squaredOne {
    float: left;
    width: 28px;
    height: 28px;
    background: #fcfff4;
    background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfff4', endColorstr='#b3bead', GradientType=0);
    -webkit-box-shadow: inset 0 1px 1px white, 0 1px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 1px 1px white, 0 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px 1px white, 0 1px 3px rgba(0, 0, 0, 0.5);
    position: relative;
}

.squaredOne label {
    cursor: pointer;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 4px;
    top: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 1);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 1);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 1);
    background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
    background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
    background: -o-linear-gradient(top, #222 0%, #45484d 100%);
    background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
    background: linear-gradient(top, #222 0%, #45484d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222', endColorstr='#45484d', GradientType=0);
}

.iCheck-helper {
    z-index: 99999;
}

.label-link {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
    z-index: 10;
}

/*--ICHECK--*/
.icheckbox_square-green, .iradio_square-green {
    display: inline-block;
    vertical-align: middle;
    margin: 3px 0 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(../images/icheck.png) no-repeat;
    border: none;
    cursor: pointer;
}

.iradio_square-green.checked, .iradio_square-green.hover {
    z-index: 9;
}

/*.icheckbox_square-green { background-position: 0 0; }
.icheckbox_square-green.hover { background-position: -24px 0; }
.icheckbox_square-green.checked { background-position: -48px 0; }
.icheckbox_square-green.disabled { background-position: -72px 0; cursor: default; }
.icheckbox_square-green.checked.disabled { background-position: -96px 0; }*/
.iradio_square-green {
    background-position: -120px 0;
}

.iradio_square-green.hover {
    background-position: 0;
}

/*.iradio_square-green.hover { background-position: -144px 0; }*/
.iradio_square-green.checked {
    background-position: -168px 0;
}

.iradio_square-green.disabled {
    background-position: -192px 0;
    cursor: default;
}

.iradio_square-green.checked.disabled {
    background-position: -216px 0;
}

/*--END ICHECK--*/


.selected-check {
    background: -webkit-linear-gradient(top, #45c986 0%, #3ab978 40%, #2ca065 100%) !important;
    background: -moz-linear-gradient(top, #45c986 0%, #3ab978 40%, #2ca065 100%) !important;
    background: -o-linear-gradient(top, #45c986 0%, #3ab978 40%, #2ca065 100%) !important;
    background: -ms-linear-gradient(top, #45c986 0%, #3ab978 40%, #2ca065 100%) !important;
    background: linear-gradient(top, #45c986 0%, #3ab978 40%, #2ca065 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45c986', endColorstr='#2ca065', GradientType=0) !important;
    -webkit-box-shadow: inset 0 1px 1px white, 0 1px 3px rgba(0, 0, 0, 0.5) !important;
    -moz-box-shadow: inset 0 1px 1px white, 0 1px 3px rgba(0, 0, 0, 0.5) !important;
    box-shadow: inset 0 1px 1px white, 0 1px 3px rgba(0, 0, 0, 0.5) !important;
    color: #fff;
}

.plot-size-name {
    float: left;
    margin-left: 12px;
    line-height: 16px;
    width: 334px;
    font-weight: bold;
    font-family: 'Dosis', sans-serif;
}

.plot-sel-sm {
    text-align: right;
    font-size: 12px;
    line-height: 14px;
    font-weight: normal;
}

.solt-out-plot-range .squaredOne, .solt-out-plot-range .plot-sel-sm {
    display: none;
}

.solt-out-plot-range .sold-out-msg {
    color: #f00;
    font-weight: bold;
    margin-top: 10px;
}

.plot-container-details {
    float: left;
    width: 100%;
}

.plot-container-details h3 {
    font-size: 24px;
    margin: 20px 0 15px;
    text-transform: capitalize;
}

.alertmtitle {
    margin: -15px;
    padding: 15px;
}

.himopts {
    font-size: 16px;
    background: #f8f8f8;
    border: #f2f2f2 solid 1px;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 10px;
}

.himnote {
    margin-top: 20px;
    padding: 15px;
}

.blur {
    filter: blur(3px);
    -webkit-filter: blur(5px);
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}
.fltPlanimg{
    position: absolute;
    z-index:11;
    right: 15px;
    border:#97cbd5 solid 1px;
    border-radius: 3px;
    padding: 4px 12px;
    font-size: 12px;
    font-weight: 600;
    color: #397983;
    display: block;
    cursor: pointer;
    background:#e6f3f5;
    transition: background-color 0.3s ease-in-out;
}
.fltPlanimg:hover{
    background:#c1eff7;
    color:#0f4b54
}

/*--END PLOT BOOK CONTAINER--*/
.bottom-position {
    position: fixed;
    left: 50%;
    margin-left: -255px;
    z-index: 99;
    bottom: 20px;
    padding: 10px;
    width: 511px;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.6);
}

.bottom-position .btn {
    padding: 8px 15px;
    width: 120px;
}

.bottom-position h3 {
    margin: 0 0 10px;
    width: 100%;
    text-align: center;
    color: #fff;
}

.bottom-position p {
    margin: 0;
    text-align: center;
    color: #fff;
    font-size: 20px;
}

/*--END USER ADMIN RIGHT CONTAINER--*/
.select-block {
    float: left;
    width: 100%;
}

.select-block ul {
    float: left;
    margin: 0;
    padding: 0;
}

.select-block ul li {
    float: left;
    cursor: pointer;
    margin: 0 0 10px 10px;
    list-style: none;
    padding: 10px;
    width: auto !important;
    position: relative;
    background-color: #EAEAEA;
    border: #dbdada solid 1px;
    background: -webkit-linear-gradient(top, #fdfdfd 0%, #e5e5e5 40%, #bebebe 100%);
    background: -moz-linear-gradient(top, #fdfdfd 0%, #e5e5e5 40%, #bebebe 100%);
    background: -o-linear-gradient(top, #fdfdfd 0%, #e5e5e5 40%, #bebebe 100%);
    background: -ms-linear-gradient(top, #fdfdfd 0%, #e5e5e5 40%, #bebebe 100%);
    background: linear-gradient(top, #fdfdfd 0%, #e5e5e5 40%, #bebebe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#bebebe', GradientType=0);
    -webkit-box-shadow: inset 0 1px 1px white, 0 1px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 1px 1px white, 0 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px 1px white, 0 1px 3px rgba(0, 0, 0, 0.5);
}

.select-block ul li .plot-size-name {
    width: auto;
    margin-top: 5px;
}

.select-plot {
    float: left;
    width: 100%;
    padding: 15px;
    background: #f2f2f2;
    text-align: center;
}

.select-plot ul {
    float: left;
    margin: 0 0 0 -10px;
    padding: 0;
}

.select-plot ul li {
    float: left;
    margin: 0 0 10px 10px;
    list-style: none;
    padding: 10px;
    width: 148px;
    position: relative;
    background-color: #EAEAEA;
    border: #dbdada solid 1px;
    background: -webkit-linear-gradient(top, #fdfdfd 0%, #e5e5e5 40%, #bebebe 100%);
    background: -moz-linear-gradient(top, #fdfdfd 0%, #e5e5e5 40%, #bebebe 100%);
    background: -o-linear-gradient(top, #fdfdfd 0%, #e5e5e5 40%, #bebebe 100%);
    background: -ms-linear-gradient(top, #fdfdfd 0%, #e5e5e5 40%, #bebebe 100%);
    background: linear-gradient(top, #fdfdfd 0%, #e5e5e5 40%, #bebebe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#bebebe', GradientType=0);
    -webkit-box-shadow: inset 0 1px 1px white, 0 1px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 1px 1px white, 0 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px 1px white, 0 1px 3px rgba(0, 0, 0, 0.5);
}

.select-plot ul li.sold-out-plot {
    padding: 0;
}

.select-plot ul li.on-hold-plot {
    padding: 0;
}

.select-plot ul li .plot-size-name {
    width: auto;
    margin-top: 5px;
}

.sold-out.display {
    display: block;
}

.sold-out {
    width: 100%;
    height: 100%;
    font-size: 12px;
    line-height: 48px;
    text-transform: capitalize;
    font-weight: bold;
    text-align: center;
    background: #FFF;
    color: #f00;
    display: none;
}

.select-plot ul li.on-hold-plot .sold-out {
    color: #e4911d;
}

.note {
    font-size: 11px;
    font-weight: bold;
    font-style: italic;
}

.pay-container {
    padding: 30px 0;
    float: left;
    width: 100%;
}

/*--INSTRUCTION MODAL--*/
.instruction-dialog {
    width: 700px;
}

.instruction-dialog .instruction-content {
    width: 100%;
    height: 100%;
}

.instruction-dialog .modal-body {
    width: 100%;
    max-height: 350px;
    padding: 20px;
    overflow: auto;
}

.modal-content {
    border-radius: 0;
}

/*--END INSTRUCTION MODAL--*/
/*--END USER ADMIN*/
/*help and support---*/
.help-support {
    width: 100%
}

.bg-support {
    background: #fff
}

.help-support .nav-tabs {
    border-bottom: 4px solid #DDD;
}

.help-support .tab-content {
    margin-top: 5px
}

.help-support .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border-width: 0;
}

.help-support .nav-tabs > li > a {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    border: none;
    color: #666;
}

.help-support .nav-tabs > li.active > a, .nav-tabs > li > a:hover {
    border: none;
    color: #666 !important;
    background: transparent;
}

.help-support .nav-tabs > li > a::after {
    content: "";
    background: #ed1c24;
    height: 4px;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -3px;
    transition: all 250ms ease 0s;
    transform: scale(0);
    text-decoration: none;
}

.help-support .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after {
    transform: scale(1);
}

.help-support .tab-nav > li > a::after {
    background: #21527d none repeat scroll 0 0;
    color: #fff;
}

.help-support .tab-content {
    padding: 0
}

.help-support .nav-tabs > li, .nav-pills > li {
    float: none;
    display: inline-block;
    zoom: 1;
}

.help-support .nav-tabs, .nav-pills {
    text-align: center;
}

.help-support .card {
    background: #FFF none repeat scroll 0 0;
    /*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);*/
    border-bottom: #ccc solid 1px;
}

.help-support .media {
    margin-top: 5px;
    border: #E6E6E6 solid 1px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    background: #FFF;
    transition: all .5s ease;
}

.help-support .media:hover {
    margin-top: 5px;
    border: #E6E6E6 solid 1px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
    background: #FFF;
}

.help-support .media a {
    color: inherit;
    display: block;
    text-decoration: none;
}

.help-support .media a:hover {
    display: block;
    color: inherit;
    text-decoration: none
}

.help-support .media a .media-left {
    width: 70px;
    float: left;
}

.help-support .media a img {
    width: 70px;
    height: 70px
}

.help-support .media a:after {
    content: "";
    clear: both;
    display: block
}

.help-support .media .media-body {
    padding-left: 10px;
    float: left;
    width: 74%
}

.help-support .media .media-body.pastissue-body {
    padding-left: 10px;
    padding-right: 10px;
    display: table;
    float: none;
    width: 100% !important
}

.help-support .media .media-body .media-heading {
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 0;
    font-weight: bold;
    padding-top: 5px
}

.help-support .media .media-body p {
    font-size: 11px;
    line-height: 12px;
    color: #888;
    margin: 0
}

.help-support-details {
    width: 100%
}

.help-support-details:before {
    content: "";
    clear: both;
    display: block
}

.help-support-details ul {
    margin: 0;
    padding: 0;
    list-style: none;
    padding-bottom: 10px
}

.help-support-details ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    padding: 0;
    padding-left: 0;
    border: #fff solid 1px;
    border-bottom: #e5e5e5 solid 1px;
    font-size: 12px;
    font-weight: 500;
}

.help-support-details ul li:hover {
    background: #fbfbfb;
    border: #e5e5e5 solid 1px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    transition: all .5s ease;
    border-radius: 3px
}

.help-support-details ul li.activeli {
    background: #fbfbfb;
    border: #e5e5e5 solid 1px;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.help-support-details ul li .checkbox label, .radio label {
    width: 100%;
    font-weight: bold;
    padding: 10px;
    padding-bottom: 15px;
}

.help-support-details ul li .radio {
    padding-left: 20px;
    margin-top: 0;
    margin-bottom: 0
}

.help-support-details ul li .radioinput[type="checkbox"], input[type="radio"] {
    margin: 15px 0 0 0;
}

.help-support-details ul li .radio label:after {
    top: 13px;
}

.help-support-details ul li p {
    padding-top: 4px;
    font-size: 12px;
    line-height: 12px;
    color: #888;
    margin: 0;
    font-weight: 400
}

.help-support-details .sendquiry {
    background: #F7F7F7;
    padding: 20px;
    padding-top: 10px;
    border-radius: 3px
}

.help-support-details .sendquiry .subject {
    font-size: 12px;
    color: #888;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.help-support-details .sendquiry .subject span {
    font-weight: bold;
    padding-right: 5px
}

.help-support-details .sendquiry textarea {
    height: 50px !important;
}

.help-support-details .sendquiry .btn {
    padding: 8px 16px;
    border-radius: 3px;
}

.help-support-details .sendquiry .filetype-main {
    float: left;
    width: 80px;
    margin-top: 5px
}

.help-support-details .sendquiry .filetype-main a {
    position: relative
}

.help-support-details .sendquiry .filetype {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    background-color: transparent;
    color: transparent;
    width: 100%;
    padding: 8px 16px;
}

.help-support-details .sendquiry .filetype-main .label-info {
    display: none;
    width: 100px;
    overflow: hidden !important;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.help-support-details .sendquiry .send-btn {
    float: right;
    width: 40%;
    margin-top: 5px
}

/*past issue*/
.pastDate-box {
    width: 100%;
    margin-top: -5px;
}

.pastDate-box:after {
    content: "";
    clear: both;
    display: block;
}

.pastDate-box ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left: -10px;
    margin-right: -10px
}

.pastDate-box ul li {
    margin: 0;
    padding: 5px 5px 10px 10px;
    list-style: none;
    float: left;
    width: 50%;
}

.pastDate-box ul li .col-past {
    border: #ccc solid 1px;
    padding: 10px
}

.pastDate-box ul li .media .media-body .post-dttime {
    padding-top: 5px;
    text-align: right;
    font-size: 11px;
    color: #888
}

.pastDate-box ul li .media .media-body p {
    width: 90%;
    overflow: hidden !important;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.pastDate-box ul li .ticket-status {
    border: #E6E6E6 solid 1px;
    padding-top: 8px;
    border-top: none;
    font-weight: bold;
    font-size: 12px;
    color: #888
}

.pastDate-box ul li .ticket-status:before {
    content: "";
    display: block;
    clear: both
}

.pastDate-box ul li .ticketid {
    float: left;
    padding: 6px;
    width: 50%;
    border-right: #E6E6E6 solid 1px;
}

.pastDate-box ul li .ticketid span {
    color: #000;
    font-weight: bold
}

.pastDate-box ul li .status {
    float: left;
    padding: 6px;
    width: 50%;
}

.pastDate-box ul li .status .open {
    color: #F00;
    text-transform: uppercase
}

.pastDate-box ul li .status .close {
    color: #00a651
}

.pastDate-box ul li .status .hold {
    color: #ff7800
}

/*end past issue*/
/* chat details*/
.chathistory {
    width: 100%
}

.chathistory ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.chathistory ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    background: none;
    border: none;
}

.chathistory ul li:hover {
    background: none;
    border: none;
    box-shadow: none;
    transition: none;
}

.chathistory ul li .message {
    color: #fff;
    padding: 18px 20px;
    border-radius: 7px;
    margin-bottom: 10px;
    width: 100%;
    position: relative;
}

.chathistory ul li .message .msg-hdr {
    border-bottom: #fff solid 1px;
    margin-bottom: 5px
}

.chathistory ul li .message .msg-hdr:after {
    padding-bottom: 5px;
    content: "";
    clear: both;
    display: block
}

.chathistory ul li .message .msg-hdr .name {
    float: left;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase
}

.chathistory ul li .message .msg-hdr .post-time {
    float: right;
    text-align: right;
    font-size: 11px;
}

.chathistory ul li .message p {
    font-size: 14px;
    line-height: 18px;
    color: #fff
}

.chathistory ul li .user-message {
    background: #86BB71
}

.chathistory ul li .absay-message {
    background: #679CCE
}

/*end chat details*/
/*end help and support--*/

/*house construction package*/
.packages-pricing {
    margin-bottom: 100px
}

.packages-pricing .card {
    background-color: #fff;
    border: none;
    border-radius: 1rem;
    transition: all 0.2s;
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}

.packages-pricing hr {
    margin: 1.5rem 0;
}

.packages-pricing .card-title {
    margin: 0.5rem 0;
    font-size: 0.9rem;
    letter-spacing: .1rem;
    font-weight: bold;
}

.packages-pricing .card-price {
    font-size: 3rem;
    margin: 0;
    margin-bottom: 15px;
    background: #b5b5b5;
    font-weight: 700;
    color: #fff;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    margin-top: -1.25rem;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.packages-pricing .card-body {
    padding: 1.25rem;
}

.packages-pricing .card-body ul.fa-ul li {
    border-bottom: #eee solid 1px;
    padding-bottom: 12px
}

.packages-pricing .card-body ul.basic {
    margin: 0;
    padding: 0;
    list-style: disc;
    margin-left: 14px;
    margin-top: 5px;
}

.packages-pricing .card-body ul.basic li {
    margin: 0;
    padding: 0;
    color: #666;
    border-bottom: none;
}

.packages-pricing .card-price .period {
    font-size: 0.8rem;
}

.packages-pricing ul li {
    margin-bottom: 1rem;
}

.packages-pricing .text-muted {
    opacity: 0.7;
}

.packages-pricing .btn {
    font-weight: bold;
    font-size: 16px;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    text-transform: capitalize;
    border-radius: 3px;
    border: none;
}

.get-estimatebtn {
    padding: 15px;
    background: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-box-shadow: 1px -3px 5px 0 rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 1px -3px 5px 0 rgba(0, 0, 0, 0.14);
    box-shadow: 1px -3px 5px 0 rgba(0, 0, 0, 0.14);
}

.construction-packages-container .progress {
    height: 10px;
    margin-bottom: 0
}

.construction-packages-container .progress .skill {
    line-height: 10px;
    padding: 0;
    margin: 0 0 0 20px;
    text-transform: uppercase;
}

.construction-packages-container .progress .skill .val {
    float: right;
    font-style: normal;
    margin: 0 0 0 0;
}

.construction-packages-container .progress-bar {
    text-align: left;
    transition-duration: 3s;
}

.construction-packages-container .breadcrumb {
    margin-bottom: 0
}

.get-estimate-form {
    width: 100%;
    margin-bottom: 30px
}

.get-estimate-form .cons-calculator-hdr {
    margin-bottom: 10px;
    border-bottom: #f2f2f2 solid 1px
}

.get-estimate-form .cons-calculator-hdr h3 {
    margin-top: 0;
    margin-bottom: 0
}

.get-estimate-form .cons-calculator-hdr p {
    color: #ccc;
    font-size: 12px
}

.get-estimate-form .form-shadow {
    min-height: 400px;
    padding: 40px;
    padding-top: 25px;
    padding-left: 70px;
    padding-right: 70px;
    margin-top: 0;
    margin-bottom: 10px;
    padding-bottom: 100px;
    box-shadow: 0 0 25px rgba(0, 0, 0, .3);
}

.get-estimate-form .form-submit {
    width: 100%;
    margin-top: 25px
}

.get-estimate-form .form-submit .name-user {
    color: #a2a2a2;
    padding: 8px;
}

.get-estimate-form .form-submit .name-user-details {
    background: #f9f9f9;
    padding-left: 15px;
    padding: 8px;
    color: #a2a2a2;
    font-weight: 500
}

.get-estimate-form .form-submit .select-floor {
    width: 50%
}

.GenerateEstimate {
    position: static;
    margin-top: -85px;
    background: #fff;
    text-align: center;
    bottom: 0;
    padding: 15px;
    left: 0;
    right: 0;
    box-shadow: 1px -3px 5px 0 rgba(0, 0, 0, 0.14);
}

.GenerateEstimate .btn {
    padding: 10px;
    border-radius: 3px;
    border: none;
    font-size: 16px;
    font-weight: 600;
    padding-left: 20px;
    padding-right: 20px;
    background: #ff7800 !important;
    text-transform: capitalize
}

.get-estimate-form .right-img-panel {
    text-align: center
}

.get-estimate-form .interior-image {
    background: #f2f2f2;
    width: 500px;
    margin: 0 auto;
    margin-top: 70px
}

.get-estimate-form .interior-image img {
    width: 100%;
    height: auto
}

/*bank-loan-tac--*/
.bank-loan-tac {
    padding-top: 0;
    padding-bottom: 20px;
    box-shadow: 0 2px 5px rgba(2, 2, 2, 0.1);
    margin-bottom: 30px;
}

.bank-loan-tac ol {
    padding-top: 20px;
    padding-bottom: 20px;
}

.bank-loan-tac ol li {
    padding-bottom: 8px;
    padding-top: 8px;
    border-bottom: 1px dashed #ccc;
}

.bank-loan-tac ol li:nth-last-child(n) {
    border-bottom: 0;
}

.bank-loan-tac .olbg {
    background: #f8f8f8
}

.bank-loan-tac .tacbox {
    margin-top: 20px;
    padding: 20px;
    padding-top: 0;
    display: flex;
}

.bank-loan-tac .tacbox .checkboxcss {
    height: 13px;
    margin-right: 10px;
}

.bank-loan-tac .btn {
    padding: 9px;
    border-radius: 20px;
    font-weight: 600;
    padding-left: 30px;
    padding-right: 30px
}

/*end bank-loan-tac--*/
/*-- Resale plot--*/
.resale-container{ padding: 0px; box-shadow: none;}
.resale-container .custom-panel .panel-body .col-sm-12 .table-row .title{width: 140px;}
.resale-container .row .col-sm-4{ width:33.33333333%!important; float: left; padding-left: 15px; padding-right: 15px;}
.resale-box{padding: 20px; border-radius: 10px; background-image: linear-gradient(rgb(254, 239, 248), rgb(228, 249, 253)); color: #072f74; position: relative;}
.resale-box .resalebx-content{padding: 0px 50px; font-size:16px; font-weight: 600; margin-bottom: 30px; text-align: center; text-transform: uppercase;}
.resale-box .resalebxbtn{background: #2552c5; padding: 15px; font-size: 16px;; color: #fff; border-radius:30px; padding:10px 35px; text-decoration: none;}
.ribbon {
    width: 120px;
    height: 120px;
    overflow: hidden;
    position: absolute;
    z-index: 9;
}
.ribbon::before,.ribbon::after {
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    border: 5px solid #DC5F0B;
}
.ribbon span {
    position: absolute;
    display: block;
    width: 189px;
    padding: 10px 0;
    background-color: #FF9600;
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    color: #fff;
    font: 700 12px/1 'Lato', sans-serif;
    text-shadow: 0 1px 1px rgba(0,0,0,.2);
    text-transform: uppercase;
    text-align: center;
}
.ribbon-top-left {
    top: -10px;
    left: 5px;
}
.ribbon-top-left::before,.ribbon-top-left::after {
    border-top-color: transparent;
    border-left-color: transparent;
}
.ribbon-top-left::before {
    top: 0;
    right: 0;
}
.ribbon-top-left::after {
    bottom: 0;
    left: 0;
}
.ribbon-top-left span {
    right: -25px;
    top: 30px;
    transform: rotate(-45deg);
}
.resale-modal{ font-family: inherit;}
.resale-modal .modal-dialog{ max-width: 500px;}
.resale-modal .modal-dialog .close{margin-right: 10px; margin-top: 10px;}
.resale-modal .modal-dialog .modal-content .modal-header{
    color:#fff; background: #fe8c00;
    background: -webkit-linear-gradient(to right, #f83600, #fe8c00);
    background: linear-gradient(to right, #f83600, #fe8c00);
}
.resale-modal .modal-dialog .modal-content .modal-header .modal-title{font-size: 18px; text-transform: uppercase; font-weight: 600;}
.resale-modal .modal-dialog .modal-content .modal-body .light-bg{background: #f9f9fb; margin-top: -15px;}
.resale-modal .modal-dialog .modal-content .modal-body .light-bg .col-md-12{padding:25px; padding-bottom: 10px;}
.resale-modal .modal-dialog .modal-content .modal-body .light-bg .col-md-12 p span{color:#0d6efd;}
.get-otpdiv{margin-top:25px; text-align: center;}
.get-otpbtn{padding: 10px 30px; background:#0d6efd; color: #fff; border-radius:50px; text-decoration: none;}
 a.get-otpbtn:hover{background:#0044cc; color: #fff; text-decoration: none;}
.resale-modal .modal-dialog .modal-content .modal-body .getopcontainer{padding:35px; padding-top: 0px;}
.getopcontainer .resentotp{padding-top:35px; color: #576069; text-decoration: none;}
.getopcontainer .resentotp a{font-size: 12px; color: #576069; text-decoration: none;}
.getopcontainer input{height:42px; border-radius: 3px; font-weight: 900; letter-spacing: 2px; font-size: 24px;}
/*-- end Resale plot--*/
@media print {
    .top-bar, .header-right, .navigation-bar, .take-print-btn, #footer {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 5000px) {
    .launched-gallery ul li {
        float: left;
        width: 215px !important;
    }

    .slick-list {
        height: 160px
    }

    .project-progress-slider ul li {
        width: 258px !important;
    }
}

@media (min-width: 1266px) and (max-width: 6000px) {
    .help-support .media .media-body {
        padding-right: 10px;
        padding-left: 10px;
        float: left;
        width: 82%
    }
}

@media (min-width: 1800px) and (max-width: 1920px) {
    body {
        font-size: 16px;
        padding-top: 170px;
    }

    .top-bar {
        height: 34px;
        line-height: 34px;
    }

    .container {
        width: 1800px;
    }

    .header .logo a img {
        height: 70px;
    }

    .navbar-default .navbar-nav > li > a {
        padding: 10px 35px;
    }

    .dropdown-menu > li > a {
        font-size: 16px;
    }

    .navbar-nav > li > .dropdown-menu {
        min-width: 200px;
    }

    .left-bar {
        width: 1240px;
    }

    .home-videos ul {
        margin: 0 0 0 -30px;
    }

    .home-videos ul li {
        width: 605px;
        margin: 0 0 30px 30px;
    }

    .right-bar {
        width: 500px;
    }

    .news-update-container .news-content ul.news-updates li {
        font-size: 16px;
    }

    .team-members-box {
        margin-bottom: 20px;
    }

    .team-members-box ul li {
        width: 403px;
        height: 176px;
    }

    .member-details {
        width: 270px;
    }

    .member-details h3 {
        font-weight: bold;
    }

    .member-details p {
        font-size: 14px;
    }

    .media-main ul {
        margin: 0 0 0 -25px;
    }

    .media-main ul li {
        width: 274px;
        margin: 0 0 25px 25px;
    }

    .testimonials-videos ul {
        margin: 0 0 0 0;
    }

    .testimonials-videos ul li {
        width: 107px;
        margin: 0 0 20px 0;
    }

    .media-gallery ul {
        margin: 0 0 0 -20px;
    }

    .media-gallery ul li {
        width: 278px;
        margin: 0 0 20px 20px;
    }

    .media-gallery ul li .lightgallery-boxes {
        max-height: 166px;
        min-height: 166px;
    }

    .media-main ul li a h3 {
        font-size: 14px;
    }

    .media-main.media-category ul li {
        width: 423px;
    }

    /*--USERADMIN--*/
    .dashboard-boxes ul li {
        width: 338px;
    }

    .page-header .change-location-btn {
        font-size: 14px;
    }

    .choose-location-dialog {
        width: 1000px;
    }

    .btn {
        font-size: 16px;
    }

    .user-admin-side-menu {
        width: 400px;
    }

    .user-admin-side-menu.side-menu-fixed {
        top: 164px;
    }

    .user-admin-side-menu .panel-default .panel-heading .panel-title a {
        font-size: 16px;
    }

    .user-admin-right-container {
        width: 1330px;
    }

    .welcome-absay-wrapper ul li {
        width: 650px;
    }

    .location-video-dialog {
        width: 752px;
        height: 423px;
    }

    .welcome-absay-wrapper ul li .features-box p {
        font-size: 16px;
    }

    .table-row .title {
        width: 300px;
    }

    .table-row .details {
        width: 1000px;
    }

    .project-details-wrapper .btn-lg {
        padding: 15px;
    }

    .project-details-gallery.single-img ul {
        width: 1200px;
    }

    .custom-table {
        font-size: 14px;
    }

    .custom-panel .panel-body .table-row .title {
        width: 200px;
    }

    .custom-panel .panel-body .table-row .details {
        width: 900px;
    }

    .custom-panel .panel-title a {
        font-size: 18px;
    }

    .custom-panel .panel-body .row .col-sm-6 .table-row .title {
        width: 200px;
    }

    .custom-panel .panel-body .row .col-sm-6 .table-row .details {
        width: 400px;
    }

    .no-allot-plot h4 {
        font-size: 22px;
    }

    .plot-container-body ul li {
        min-height: 160px;
    }

    /*--AND USERADMIN--*/
}

@media (min-width: 1280px) and (max-width: 1319px) {
    .container {
        width: 1280px;
    }

    .navbar-default .navbar-nav > li > a {
        padding: 10px 15px;
    }

    .left-bar {
        width: 850px;
    }

    .home-videos ul li {
        width: 417px;
    }

    .home-boxes ul li.about-us {
        padding: 30px;
    }

    .home-boxes ul li.about-us h2 {
        font-size: 24px;
        margin: 0 0 25px;
    }

    .home-boxes ul li.about-us p {
        margin: 0 0 25px;
    }

    .home-boxes ul li.about-us a {
        padding: 8px 15px;
    }

    .home-boxes ul li.ncc-letter a span {
        font-size: 12px;
    }

    .right-bar {
        width: 385px;
    }

    /*--TEAM MEMBERS BOX--*/
    .team-members-box ul {
        margin: 0 0 0 -15px;
        padding: 0;
    }

    .team-members-box ul li {
        width: 417px;
        height: 146px;
    }

    .member-details {
        width: 310px;
    }

    .member-details h3 {
        color: #ed1c24;
        margin: 0 0 15px;
        font-size: 16px;
    }

    .member-details p {
        font-size: 13px;
    }

    /*--END TEAM MEMBERS BOX--*/
    /*--MAIN MEDIA--*/
    .media-main ul {
        margin: 0 0 0 -15px;
    }

    .media-main ul li {
        margin: 0 0 15px 15px;
        width: 238px;
    }

    /*--END MAIN MEDIA--*/
    /*--MEDIA GALLERY--*/
    .media-gallery {
        width: 100%;
        float: left;
    }

    .media-gallery ul {
        padding: 0;
        margin: 0 0 0 -15px;
    }

    .media-gallery ul li {
        margin: 0 0 15px 15px;
        width: 238px;
    }

    .media-gallery ul li .lightgallery-boxes {
        max-height: 145px;
        min-height: 145px;
    }

    .media-main.media-category ul li {
        width: 406px;
    }

    /*--END MEDIA GALLERY--*/
    /*--START TESTIMONIALS*/
    .testimonials-videos ul {
        margin: 0 0 0 0;
    }

    .testimonials-videos ul li {
        margin: 0 0 10px 0;
    }

    /*--END TESTIMONIALS*/
    /*--USER ADMIN--*/
    .dashboard-boxes.half-width ul li {
        width: 615px;
    }

    .dashboard-boxes ul li {
        float: left;
        width: 297px;
    }

    .dashboard-boxes ul li .shadow-box a h3 {
        font-size: 16px;
    }

    .user-admin-right-container {
        width: 880px;
    }

    .table-row .details {
        width: 630px;
    }

    .welcome-absay-wrapper ul li {
        width: 425px;
    }

    .plot-container-body ul li {
        width: 393px;
    }

    .plot-size-name {
        width: 320px;
    }

    .select-plot ul li {
        width: 165px;
    }

    /*--END USER ADMIN--*/
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .container {
        width: 1024px;
    }

    .navbar-default .navbar-nav > li > a {
        padding: 10px 9px;
        font-size: 12px;
    }

    .left-bar {
        width: 650px;
    }

    .home-videos ul li {
        width: 317px;
    }

    .home-videos ul li a h3 {
        font-size: 16px;
        padding: 10px;
    }

    .home-boxes ul li.about-us {
        padding: 15px;
    }

    .home-boxes ul li.about-us h2 {
        font-size: 18px;
        margin: 0 0 15px;
    }

    .home-boxes ul li.about-us a {
        padding: 8px 15px;
    }

    .home-boxes ul li.ncc-letter a span {
        font-size: 12px;
    }

    .right-bar {
        width: 325px;
    }

    /*--TEAM MEMBERS BOX--*/
    .team-members-box ul {
        margin: 0;
        padding: 0;
    }

    .team-members-box ul li {
        width: 100%;
        height: auto;
        margin: 0 0 15px;
    }

    /*--END TEAM MEMBERS BOX--*/
    /*--MAIN MEDIA--*/
    .media-main ul {
        margin: 0 0 0 -15px;
    }

    .media-main ul li {
        margin: 0 0 15px 15px;
        width: 237px;
    }

    .media-main ul li a h3 {
        font-size: 14px;
    }

    .media-main.media-category ul li {
        width: 321px;
    }

    /*--END MAIN MEDIA--*/
    /*--MEDIA GALLERY--*/
    .media-gallery {
        width: 100%;
        float: left;
    }

    .media-gallery ul {
        padding: 0;
        margin: 0 0 0 -15px;
    }

    .media-gallery ul li {
        margin: 0 0 15px 15px;
        width: 237px;
    }

    .media-gallery ul li .lightgallery-boxes {
        max-height: 145px;
        min-height: 145px;
    }

    /*--END MEDIA GALLERY--*/
    /*--START TESTIMONIALS*/
    .testimonials-videos ul {
        margin: 0 0 0 0;
    }

    .testimonials-videos ul li {
        margin: 0 0 10px 0;
        width: 81px;
    }

    /*--END TESTIMONIALS*/
    /*--USER ADMIN--*/
    .dashboard-boxes.half-width ul li {
        width: 487px;
    }

    .dashboard-boxes ul li {
        width: 318px;
    }

    .dashboard-boxes ul li .shadow-box a h3 {
        font-size: 16px;
    }

    .user-admin-side-menu {
        width: 250px;
    }

    .user-admin-right-container {
        width: 700px;
    }

    .table-row .details {
        width: 450px;
    }

    .project-details-gallery.single-img ul {
        width: 100%;
    }

    .custom-panel .panel-body .row .col-sm-6 .table-row .title {
        width: 125px;
    }

    .custom-panel .panel-body .row .col-sm-6 .table-row .details {
        width: 160px;
    }

    .welcome-absay-wrapper ul {
        margin: -15px 0 0 -20px;
    }

    .welcome-absay-wrapper ul li {
        width: 340px;
        margin: 0 0 0 20px;
    }

    .plot-container-body ul li {
        width: 308px;
    }

    .plot-size-name {
        width: 230px;
    }

    .select-plot ul li {
        width: 152px;
    }

    .plot-container-body ul li {
        min-height: 165px;
    }

    /*--END USER ADMIN--*/
}

@media (min-width: 0) and (max-width: 1023px) {
    body {
        background: #ececec;
    }

    .row {
        margin: 0 10px;
    }

    .container.white-bg {
        padding: 10px;
        background: transparent;
    }

    .left-bar {
        background: #fff;
        padding: 10px;
    }

    .offcanvas-toggle {
        background-color: transparent;
        position: absolute;
        top: 0;
        left: 5px;
        margin: 0;
    }

    .navbar-toggle {
        display: block;
    }

    .header {
        border-bottom: 1px solid #e0e0e0;
    }

    .header-right {
        display: none;
    }

    .header .logo {
        margin-left: 50px;
    }

    .header .logo a img {
        height: 40px;
    }

    .navigation-bar .navbar-default .container {
        width: 100%;
        padding: 0;
    }

    .navbar-header {
        display: block;
        margin: 0 !important;
        width: 100%;
    }

    .navigation-bar .navbar-default .navbar-nav {
        margin: 7.5px 0;
    }

    .project-status-tabs {
        margin-bottom: 10px;
    }

    .home-videos ul li a h3 {
        font-size: 16px;
        padding: 10px;
    }

    .navbar-default {
        border-bottom: none !important;
        background: #fff;
    }

    .navbar-nav .open .dropdown-menu {
        background: #fdfdfd;
    }

    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        color: #fff;
        background-color: #8d8d8d;
    }

    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        color: #fff;
        background-color: #8d8d8d;
    }

    .dashboard-navbar {
        display: none;
    }

    .navbar-default .navbar-nav > li > a:hover {
        color: #fff;
        background-color: #8d8d8d;
    }

    .navbar-nav > li {
        border-right: 0;
        border-bottom: 1px solid #dedede;
        float: left;
        width: 100%;
    }

    .navbar-nav > li.notify {
        display: block;
    }

    .navbar-default .navbar-nav > li > a {
        padding: 10px 15px !important;
        font-size: 14px;
        color: #333;
        background: #fff;
    }

    .navbar-default .navbar-nav > li > a span {
        display: block;
        position: absolute;
        right: 15px;
        top: 18px;
    }

    .navbar-default .navbar-nav > li > a .dropdown-menu > li > a {
        font-size: 14px;
    }

    .navbar-default .navbar-nav > li > a:hover + .dropdown-menu > li > a, .navbar-default .navbar-nav > li > a:focus + .dropdown-menu > li > a, .navbar-default .navbar-nav > li > a:active + .dropdown-menu > li > a {
        padding: 10px 15px !important;
    }

    .navbar-nav > li > .dropdown-menu {
        background: #f1f1f1 !important;
        border-radius: 0;
        border: 0;
    }

    .navbar-offcanvas .dropdown-menu > li:first-child {
        border-top: 0;
    }

    .navbar-offcanvas .dropdown-menu > li {
        border-top: 1px solid #ccc;
    }

    .navbar-offcanvas .dropdown-menu > li > a {
        padding: 15px;
        border-bottom: 0;
    }

    /*--USER ADMIN--*/
    .menu-back-button {
        display: block;
    }

    .page-header {
        background: #fff;
        padding: 10px;
    }

    .user-admin-right-container .page-heading {
        background: #fff;
        padding: 10px;
        margin-bottom: 10px;
    }

    .user-admin-right-container form {
        padding: 10px;
        background: #fff;
    }

    .dashboard-boxes ul li {
        padding: 10px;
    }

    .user-admin-side-menu {
        display: none;
    }

    .user-admin-right-container {
        width: 100%;
    }

    .user-admin-right-container .page-heading a {
        display: none;
    }

    .project-details-wrapper {
        padding: 10px;
    }

    .project-details-wrapper .row {
        margin: 0;
    }

    .project-details-wrapper .row .col-sm-6 {
        padding: 0;
    }

    .project-details-gallery {
        float: none;
    }

    .project-details-gallery.single-img ul {
        width: 100%;
    }

    .document-required-box {
        float: left;
        width: 100%;
        padding: 10px;
        background: #fff;
    }

    .sm-mrgn-btm-15 {
        margin-bottom: 15px;
    }

    .custom-panel .panel-body .row {
        margin: 0;
    }

    .custom-panel .panel-body .row .col-sm-6 {
        padding: 0;
        width: 100%
    }

    .welcome-absay-wrapper {
        padding: 10px;
        background: #fff;
    }

    .plot-book-container {
        padding: 10px;
        background: #fff;
    }

    .whatsapp-needhelp .container h1 {
        font-size: 18px
    }

    /*--END USER ADMIN--*/
    .whatsapp-page-container {
        font-family: inherit
    }

    .whatsapp-page-container .col-lg-6 {
        padding-left: 5px;
        padding-right: 5px
    }

    .whatsapp-page-section h1 {
        font-size: 17px;
        line-height: 20px
    }

    .whatsapp-page-section h2 {
        margin-top: 5px;
        font-size: 16px;
        font-weight: 700;
        line-height: 20px
    }

    .whatsapp-page-section h2 br {
        display: none
    }

    .whatsapp-page-section ul {
        padding-left: 10px;
        font-size: 13px
    }

    .whatsapp-page-section ul li {
        padding-top: 0;
        padding-bottom: 5px
    }

    .whatsapp-page-section .optin-bleow {
        font-size: 13px
    }

}

@media only screen and (min-width: 992px) {
    .default-location .col-sm-6 {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .default-location .col-sm-6 .row {
        margin-right: -3px;
        margin-left: -3px;
        width: 284px;
        display: inline-block;
        vertical-align: top;
    }

    .default-location .col-sm-6 .row .col-md-11 {
        padding: 0;
    }

    .default-location .col-sm-6 .row .col-md-11 .pd-t20 {
        padding-top: 0;
    }

    .launched-gallery ul {
        max-height: 160px;
        overflow-y: hidden;
    }

}

@media (min-width: 768px) and (max-width: 1023px) {
    body {
        padding: 100px 0 0;
    }

    .container {
        width: 768px;
    }

    .top-bar {
        font-size: 12px;
    }

    .header .logo .ipan-logo img {
        width: 45px !important;
        height: auto !important
    }

    .header .logo .absaylogo img {
        height: 40px;
    }

    .header-right ul {
        margin: 9px 0 0;
    }

    .navbar-default .navbar-nav > li > a {
        padding: 10px 5px;
        font-size: 12px;
    }

    .left-bar {
        width: 100%;
        margin-bottom: 10px;
    }

    .home-boxes ul li.about-us {
        padding: 20px;
    }

    .home-boxes ul li.about-us h2 {
        font-size: 18px;
        margin: 0 0 20px;
    }

    .home-boxes ul li.about-us a {
        padding: 8px 20px;
    }

    .home-boxes ul li.ncc-letter a span {
        font-size: 12px;
    }

    .right-bar {
        width: 100%;
        margin: 0;
    }

    .home-videos ul {
        margin: 0 0 0 -10px;
    }

    .home-videos ul li {
        margin: 0 0 0 10px;
        width: 359px;
    }

    /*--TEAM MEMBERS BOX--*/
    .team-members-box {
        margin-bottom: 20px;
    }

    .team-members-box ul {
        margin: 0;
        padding: 0;
    }

    .team-members-box ul li {
        width: 100%;
        height: auto;
        margin: 0 0 15px;
    }

    /*--END TEAM MEMBERS BOX--*/
    /*--MAIN MEDIA--*/
    .media-main ul {
        margin: 0 0 0 -15px;
    }

    .media-main ul li {
        margin: 0 0 15px 15px;
        width: 236px;
    }

    .media-main ul li a h3 {
        font-size: 14px;
    }

    .media-main.media-category ul li {
        width: 366px;
    }

    /*--END MAIN MEDIA--*/
    /*--MEDIA GALLERY--*/
    .media-gallery {
        width: 100%;
        float: left;
    }

    .media-gallery ul {
        padding: 0;
        margin: 0 0 0 -15px;
    }

    .media-gallery ul li {
        margin: 0 0 15px 15px;
        width: 236px;
    }

    .media-gallery ul li .lightgallery-boxes {
        max-height: 145px;
        min-height: 145px;
    }

    /*--END MEDIA GALLERY--*/
    /*--START TESTIMONIALS*/
    .testimonials-videos ul {
        margin: 0 0 0 0;
    }

    .testimonials-videos ul li {
        margin: 0 0 13px 0;
        width: 80px;
    }

    /*--END TESTIMONIALS*/
    /*--REGISTRATION THANKYOU PAGE--*/
    .thankyou-page {
        width: 730px;
    }

    /*--END REGISTRATION THANKYOU PAGE--*/
    /*--USER ADMIN--*/
    .choose-location-dialog {
        margin: 100px auto 0;
    }

    .dashboard-boxes.half-width ul li {
        width: 359px;
    }

    .dashboard-boxes ul li {
        width: 359px;
        height: 180px;
    }

    .dashboard-boxes ul li .shadow-box a h3 {
        font-size: 14px;
    }

    .dashboard-boxes ul li .shadow-box a i {
        font-size: 50px;
    }

    .icon-housecons {
        width: 78px;
        height: 51px;
    }

    /*--END USER ADMIN--*/
    .table-row .details {
        width: 480px;
    }

    .custom-panel .panel-body .table-row .title {
        width: 160px;
    }

    .custom-panel .panel-body .row .col-sm-6 .table-row .title {
        width: 160px;
    }

    .custom-panel .panel-body .row .col-sm-6 .table-row .details {
        width: 480px;
    }

    .welcome-absay-wrapper ul {
        margin: 0 0 0 -20px;
    }

    .welcome-absay-wrapper ul {
        margin: 0 0 0 -20px;
    }

    .welcome-absay-wrapper ul li {
        margin: 0 0 0 20px;
        width: 354px;
    }

    .plot-container-body ul li {
        width: 339px;
    }

    .plot-size-name {
        width: 265px;
    }

    .select-plot ul li {
        width: 167px;
    }

    .steps-arrow span {
        font-size: 14px;
        font-weight: bold;
    }
}

@media (min-width: 0) and (max-width: 767px) {
    body {
        padding: 85px 0 0;
    }

    .container {
        width: 100%;
    }

    #testimonilal .modal-dialog {
        width: 94%;
        height: 290px;
    }

    .top-bar {
        font-size: 12px;
    }

    .top-bar .pull-right {
        display: none;
    }

    .header {
        border-bottom: 1px solid #e0e0e0;
    }

    .header .logo .ipan-logo {
        padding: 5px
    }

    .header .logo .ipan-logo img {
        width: 30px !important;
        height: auto !important
    }

    .header .logo .absaylogo {
        padding-left: 6px;
    }

    .header .logo .absaylogo img {
        height: 26px
    }

    .header-right ul {
        margin: 9px 0 0;
    }

    .left-bar {
        width: 100%;
    }

    .default-location {
        width: 96%;
    }

    .text-area {
        margin-bottom: 20px;
    }

    .left-bar .home-slider {
        margin-bottom: 20px;
    }

    .home-boxes {
        margin-bottom: 0;
    }

    .home-boxes ul {
        margin: 0;
    }

    .home-boxes ul li {
        width: 100%;
        min-height: auto;
        margin: 0 0 15px 0;
    }

    .home-boxes ul li.about-us {
        padding: 20px;
    }

    .home-boxes ul li.about-us h2 {
        font-size: 18px;
        margin: 0 0 20px;
    }

    .home-boxes ul li.about-us a {
        padding: 8px 20px;
    }

    .home-boxes ul li.ncc-letter a span {
        font-size: 12px;
    }

    .right-bar {
        width: 100%;
        margin: 20px 0 0;
    }

    .home-videos ul {
        margin: 0 0 0 0;
    }

    .home-videos ul li {
        margin: 0 0 15px;
        width: 100%;
    }

    .home-videos ul li:last-child {
        margin-bottom: 15px;
    }

    #footer {
        padding: 10px;
        background: #fff;
        margin-bottom: 65px;
    }

    #footer ul {
        display: none;
    }

    #footer p {
        margin: 0;
    }

    /*--TEAM MEMBERS BOX--*/
    .team-members-box ul {
        margin: 0;
        padding: 0;
    }

    .team-members-box ul li {
        width: 100%;
        height: auto;
        margin: 0 0 15px;
    }

    /*--END TEAM MEMBERS BOX--*/
    /*--MAIN MEDIA--*/
    .media-main ul {
        margin: 0;
    }

    .media-main ul li {
        margin: 0 0 15px;
        width: 33.33%;
    }

    .media-main ul li a h3 {
        font-size: 14px;
    }

    .media-main.media-category ul li {
        width: 50%;
    }

    /*--END MAIN MEDIA--*/
    .contact-page-row .row {
        margin: 0;
    }

    .contact-page-half-container {
        width: 100%;
        padding: 0;
    }

    .contact-page-half-container:first-child {
        border-bottom: 1px solid #ed3237;
        margin-bottom: 20px;
    }

    .contact-page-half-container #googleMap {
        margin-bottom: 20px;
    }

    /*--MEDIA GALLERY--*/
    .media-gallery {
        width: 100%;
        float: left;
    }

    .media-gallery ul {
        padding: 0;
        margin: 0;
    }

    .media-gallery ul li {
        margin: 0 0 15px;
        width: 33.33%;
    }

    .media-gallery ul li .lightgallery-boxes {
        max-height: 145px;
        min-height: auto;
    }

    .launched-gallery .title-header {
        font-size: 15px;
        padding-top: 3px;
        padding-bottom: 3px
    }

    .launched-gallery .title-header .english {
        float: none;
        margin-right: 10px
    }

    .launched-gallery .title-header .hindi {
        float: none;
    }

    .pro-categoryDropList {
        padding: 5px;
        margin-top: 8px;
        margin-bottom: 1px;
    }

    .pro-category-cont {
        padding: 0
    }

    .title-hdr {
        font-size: 20px;
    }

    .title-subhdr {
        font-size: 26px;
        line-height: 30px;
    }

    /*--END MEDIA GALLERY--*/
    /*--START TESTIMONIALS*/
    .awards {
        background: #fff;
        padding: 10px;
        box-shadow: 3px 0 3px #b2b2b2;
    }

    .awardsBig {
        display: none;
    }

    .awardsSmall {
        display: block;
    }

    .testimonial-static-banner {
        margin: 10px 0;
        margin-bottom: 0;
    }

    .testimonial-static-banner img {
        width: 100%;
    }

    .project-progress-slider .testimonial-static-banner img {
        float: none;
        width: 100%;
    }

    .project-progress-slider .title-header {
        font-size: 15px;
        padding-top: 3px;
        padding-bottom: 3px
    }

    .project-progress-slider .title-header .english {
        float: none;
        margin-right: 10px
    }

    .project-progress-slider .title-header .hindi {
        float: none;
    }

    .testimonials-videos ul {
        margin: 0;
    }

    .testimonials-videos ul li {
        margin: 0 0 15px;
        width: 20%;
    }

    .testimonials-videos ul li a {
        padding: 10px;
    }

    /*--END TESTIMONIALS*/
    .notification-detail {
        padding: 40px 15px 30px
    }

    .notification-detail .notify-video {
        height: 330px;
        margin: 10px 0 0;
    }

    .thankyou-page {
        width: 100%;
    }

    .thankyou-page p {
        font-size: 14px
    }

    /*--USER ADMIN--*/
    .choose-location-dialog {
        width: 94%;
        margin: 100px auto 0;
    }

    .choose-location-dialog .modal-body .row {
        margin: 0;
    }

    .choose-location-dialog .modal-body .col-sm-6 {
        padding: 0;
    }

    .choose-location-dialog .modal-body .nav-pills > li {
        display: block !important;
    }

    .choose-location-content .modal-body .choose-location-btn {
        font-size: 14px;
    }

    .mrgn-btm-20 {
        margin-bottom: 20px;
    }

    .page-header h4 {
        font-size: 14px;
    }

    .page-header .change-location-btn span {
        display: none;
    }

    .location-launch-timer-heading h1, .location-launch-timer-area ul li span {
        font-size: 16px;
    }

    .dashboard-boxes ul {
        margin: 0 !important;
        width: 100%;
    }

    .dashboard-boxes.half-width ul li {
        width: 100%;
    }

    .dashboard-boxes ul li {
        width: 100%;
        height: auto;
        margin: 10px 0 0 0 !important;
    }

    .dashboard-boxes ul li.reg-fee-box {
        height: 140px;
    }

    .dashboard-boxes ul li.reg-fee-box .static-box-verticle-center .reg-fee {
        font-size: 13px;
    }

    .dashboard-boxes ul li .shadow-box a {
        padding: 20px 15px;
    }

    .dashboard-boxes ul li .shadow-box a i {
        font-size: 40px;
    }

    .dashboard-boxes ul li .shadow-box a h3 {
        font-size: 14px;
    }

    .menu-back-button {
        top: 2px;
    }

    .user-admin-right-container {
        padding: 0;
        float: none
    }

    .user-admin-right-container .page-heading {
        float: none
    }

    .table-row .title, .table-row .details {
        width: 100%;
    }

    .choose-location-dialog .modal-body .form-group.col-sm-6 {
        width: 100%;
    }

    .user-admin-right-container .page-heading h4 {
        font-size: 16px;
    }

    .project-details-gallery ul li a {
        padding: 10px;
    }

    .dues-deposit-container {
        margin-bottom: 20px;
    }

    .custom-panel .panel-body .row .col-sm-6 .table-row .title, .custom-panel .panel-body .row .col-sm-6 .table-row .details, .custom-panel .panel-body .table-row .title, .custom-panel .panel-body .table-row .details {
        width: 100%;
    }

    .welcome-absay-wrapper ul {
        margin: 0;
    }

    .welcome-absay-wrapper ul li {
        margin: 0 0 30px;
        width: 100%;
    }

    .welcome-absay-wrapper ul li:last-child {
        margin-bottom: 0;
    }

    .plot-media-steps {
        margin-bottom: 0;
    }

    .plot-media-steps .form-group {
        margin-bottom: 15px;
    }

    .steps-arrow {
        margin-bottom: 15px;
    }

    .steps-arrow span {
        padding: 0 10px;
        float: left;
        width: 100%;
        font-size: 15px;
    }

    .steps-arrow img {
        width: 80px;
    }

    .plot-media-gallery {
        float: left;
        width: 100%;
        top: inherit;
        left: inherit;
        position: static;
    }

    .plot-container-body ul {
        margin: 0;
    }

    .plot-container-body ul li {
        width: 100%;
        margin: 0 0 20px 0;
        min-height: inherit;
    }

    .plot-size-name {
        width: 80%;
    }

    .bottom-position {
        left: 15px;
        right: 15px;
        width: auto;
        margin-left: 0;
    }

    .select-plot ul li {
        width: 160px;
        float: none;
        display: inline-flex;
    }

    .plot-container-heading h2 {
        font-size: 14px;
    }

    .instruction-dialog {
        width: inherit;
    }

    .instruction-dialog .modal-body {
        height: 300px;
    }

    .default-location .col-sm-6 .row .col-md-11 {
        padding: 0 !important
    }

    .default-location .col-sm-6 .row .col-md-11 .pd-t20 {
        padding-top: 0 !important;
    }

    /*--END USER ADMIN--*/
    /*help and support---*/
    .pastDate-box ul li {
        float: none;
        width: 100%;
        padding-top: 0;
        padding-bottom: 0
    }

    .pastDate-box ul li:first-child {
        padding-top: 5px;
    }

    .help-support-details {
        padding-bottom: 130px
    }

    .help-support-details .sendquiry {
        position: fixed;
        padding-bottom: 5px;
        bottom: 0;
        width: auto;
        margin-left: -10px;
        margin-right: -10px
    }

    .chathistory ul li .message .msg-hdr .name {
        float: none;
    }

    .chathistory ul li .message .msg-hdr .post-time {
        float: none;
        text-align: left;
        line-height: 15px;
    }

    /*end help and support--*/
    .cons-cal-cont {
        padding: 0
    }

    .cons-cal-cont .breadcrumb {
        margin-bottom: 0;
        border-radius: 0;
        background-color: #fff
    }

    .cons-cal-cont .page-heading h3 {
        margin-top: 10px;
        display: none
    }

    .cons-cal-cont .progress {
        height: 8px;
        line-height: 8px;
        border-radius: 0;
        margin-bottom: 0
    }

    .cons-cal-cont .progress .progress-bar {
        background-color: #ffaf69;
        box-shadow: none
    }

    .cons-cal-cont .pricing .card-price {
        border-radius: 0;
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 2.2rem
    }

    .cons-cal-cont .pricing .card-body {
        margin-bottom: 30px
    }

    .cons-cal-cont .pager {
        position: fixed;
        bottom: 0;
        margin-bottom: 0;
        width: 100%;
        background: #fff;
        padding: 10px;
        -webkit-box-shadow: 1px -3px 5px 0 rgba(0, 0, 0, 0.14);
        -moz-box-shadow: 1px -3px 5px 0 rgba(0, 0, 0, 0.14);
        box-shadow: 1px -3px 5px 0 rgba(0, 0, 0, 0.14);
    }

    .cons-cal-cont .pager li > a {
        border-radius: 0;
        padding: 8px 14px;
    }

    .cons-cal-cont .pager li.next > a {
        padding-left: 30px;
        padding-right: 30px;
        background: #ff7800;
        color: #fff
    }

    .cons-cal-cont .pager li.finish {
        float: right;
        margin-bottom: 0
    }

    .cons-cal-cont .pager li.finish a {
        padding-left: 50px;
        padding-right: 50px;
        background: #ff7800;
        color: #fff
    }

    /*house construction package*/
    .construction-packages-container {
        padding: 0
    }

    .construction-packages-container .packages-pricing {
        margin-bottom: 50px
    }

    .packages-pricing .card {
        box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
    }

    .construction-packages-container .breadcrumb {
        font-size: 12px
    }

    .construction-packages-container .progress {
        height: 8px;
        border-radius: 0
    }

    .construction-packages-container .packages-pricing .card .card-body .card-price {
        font-size: 20px;
        border-radius: 0;
        padding-top: 10px;
        padding-bottom: 10px
    }

    .get-estimate-form .cons-calculator-hdr h3 {
        font-size: 16px;
    }

    .get-estimate-form .form-shadow {
        padding: 10px;
        padding-bottom: 30px;
        margin-left: -15px;
        margin-right: -15px
    }

    .get-estimate-form .form-submit {
        margin-top: 10px
    }

    .get-estimate-form .form-shadow .row .form-group {
        margin-bottom: 5px
    }

    .get-estimate-form .form-submit .name-user {
        color: #7d7d7d;
        padding-bottom: 0
    }

    .get-estimate-form .form-shadow .row .name-user-details {
        margin-left: -7px
    }

    .get-estimate-form .form-submit .select-floor {
        width: 100%
    }

    .get-estimate-form .interior-image {
        display: none
    }

    .GenerateEstimate {
        position: fixed;
        margin-top: 0
    }

    .businessOppTab {
        width: 100%;
    }

    .floating-footer {
        display: block;
        width: 100%;
        background-color: #fff;
        border-top: #f2f2f2 solid 1px;
        position: fixed;
        bottom: 0;
        text-align: center;
        padding: 15px;
        box-shadow: 3px 0 5px #b2b2b2;
    }

    .floating-footer a {
        border-radius: 5px;
        padding: 8px 20px;
    }

    .floating-footer a.btn-warning {
        background: #ff7800;
    }

}

@media (min-width: 0) and (max-width: 520px) {
    #footer {
        padding: 15px 0;
    }

    #footer ul li {
        width: 100%
    }

    #footer p {
        font-size: 12px;
    }

    /*--TEAM MEMBERS BOX--*/
    .team-members-box ul {
        margin: 0;
        padding: 0;
    }

    .team-members-box ul li {
        width: 100%;
        height: auto;
        margin: 0 0 15px;
    }

    .member-details {
        width: 100%;
    }

    .member-img {
        float: left;
        width: 100%;
        text-align: center;
    }

    .member-img img {
        width: 80px;
    }

    /*--END TEAM MEMBERS BOX--*/
    /*--LOGIN BOX--*/
    .login-box {
        position: static;
        left: auto;
        right: auto;
        top: auto;
        transform: none;
        margin: 50px auto;
        width: 290px;
    }

    .login-header a img {
        width: 100%;
    }

    .login-box form {
        padding: 15px;
    }

    .login-box form .date-box {
        width: 80px;
    }

    .login-box form .month-box {
        width: 80px;
    }

    .login-box form .year-box {
        width: 80px;
    }

    /*--END LOGIN BOX--*/
    /*--REGISTER BOX--*/
    .register-box {
        width: 290px;
        margin: 20px auto;
        box-shadow: 0 0 20px #b2b2b2;
    }

    .register-box form {
        padding: 15px;
    }

    .register-box form .date-box {
        width: 80px;
    }

    .register-box form .year-box {
        width: 80px;
    }

    .register-box form .month-box {
        width: 80px;
    }

    /*--END REGISTER BOX--*/
    /*--MAIN MEDIA--*/
    .categoryForGalley-conatiner .headerTitle-bg {
        font-size: 18px;
        margin-bottom: 0;
    }
    .technicaldrawing-conatiner .completedSection{ padding: 10px;}
    .technicaldrawing-conatiner .completedSection .img-responsive{ height: 180px!important;}
    .media-main ul {
        margin: 0;
    }

    .media-main ul li {
        margin: 0 0 10px;
        width: 100%;
    }

    .media-main ul li a h3 {
        font-size: 14px;
    }

    .media-main.media-category ul li {
        width: 100%;
    }

    /*--END MAIN MEDIA--*/
    /*--MEDIA GALLERY--*/
    .absay-projectDroplist {
        padding-top: 0;
    }
    .technicaldrawing-conatiner .completedSection .completedmsgMain{width: 240px; height: 50px;}
    .technicaldrawing-conatiner .completedSection .completedmsgChild{ font-size: 16px; line-height:18px; padding-top: 0; margin-top: -3px;}
    .technicaldrawing-conatiner .completedSection .completedmsgMain .itickck i{ font-size: 38px;}
    .media-gallery {
        width: 100%;
        float: left;
    }

    .media-gallery ul {
        padding: 0;
        margin: 0;
    }

    .media-gallery ul li {
        margin: 0 0 8px;
        width: 49%;
        margin-left: 1%;;
    }

    .media-gallery ul li .lightgallery-boxes {
        max-height: inherit;
        min-height: inherit;
    }

    .media-gallery ul li .lightgallery-boxes a img {
        width: 100%;
        min-height: auto !important;
        max-height: 126px !important;
    }

    /*--END MEDIA GALLERY--*/
    /*--START TESTIMONIALS*/
    .testimonials-videos {
        padding-bottom: 15px;
    }

    .testimonials-videos ul li {
        margin: 0;
        width: 11.1%;
    }

    .testimonials-videos ul li a .play-img {
        width: 21px;
        height: 21px
    }

    .testimonials-videos ul li a {
        padding: 4px;
    }

    .launched-gallery ul li {
        padding: 0;
    }

    /*--END TESTIMONIALS*/
    .select-plot {
        padding: 15px 0;
    }

    .select-plot ul {
        margin: 0;
    }

    .select-plot ul li {
        width: 135px;
        margin: 0 0 10px 0;
    }

    .select-plot ul li .plot-size-name {
        font-size: 12px;
    }
}

/*download document--*/
.download-group {
    background: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: #ccc solid 1px;
    margin-bottom: 0 !important
}

.download-group .col-md-9 {
    font-weight: bold
}

.download-group .col-md-3 {
    font-weight: bold;
    text-align: right;
}

.download-group .text-primary {
    padding-top: 3px;
    font-size: 12px;
    padding-left: 25px;
    color: #99979c;
    font-weight: normal;
}

/*end download document--*/
.pd-t20 {
    padding-top: 20px;
}

.animated-subscribeBtn {
    background: linear-gradient(-30deg, #3d0b0b 50%, #2b0808 50%);
    padding: 9px 20px;
    display: inline-block;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    overflow: hidden;
    color: #f7d4d4;
    font-size: 16px;
    text-align: center;
    text-transform: capitalize;
    text-decoration: none;
    -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 3px;
    -webkit-animation: glowing 1500ms infinite;
    -moz-animation: glowing 1500ms infinite;
    -o-animation: glowing 1500ms infinite;
    animation: glowing 1500ms infinite;

}

.animated-subscribeBtn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ad8585;
    opacity: 0;
    -webkit-transition: .2s opacity ease-in-out;
    transition: .2s opacity ease-in-out;
}

.animated-subscribeBtn:hover::before {
    color: #fff;
    opacity: 0.2;
}

.animated-subscribeBtn:hover {
    color: #fff;
    text-decoration: none;
}

.animated-subscribeBtn:active {
    color: #fff;
    text-decoration: none;
}

.animated-subscribeBtn span {
    position: absolute;
}

.animated-subscribeBtn span:nth-child(1) {
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), to(#ffffff));
    background: linear-gradient(to left, rgba(255, 255, 255, 0), #ffffff);
    -webkit-animation: 2s animateTop linear infinite;
    animation: 2s animateTop linear infinite;
}


.animated-subscribeBtn span:nth-child(2) {
    top: 0;
    right: 0;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(#ffffff));
    background: linear-gradient(to top, rgba(255, 255, 255, 0), #ffffff);
    -webkit-animation: 2s animateRight linear -1s infinite;
    animation: 2s animateRight linear -1s infinite;
}


.animated-subscribeBtn span:nth-child(3) {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#ffffff));
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff);
    -webkit-animation: 2s animateBottom linear infinite;
    animation: 2s animateBottom linear infinite;
}

.animated-subscribeBtn span:nth-child(4) {
    top: 0;
    left: 0;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#ffffff));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);
    -webkit-animation: 2s animateLeft linear -1s infinite;
    animation: 2s animateLeft linear -1s infinite;
}

.animated-subscribeBtn img {
    width: 34px;
    vertical-align: middle;
}