body {margin:0px;padding:0px;font-family: 'Oswald', sans-serif;}
.no-padding {padding:0px;}
.no-padding-left {padding-left:0px;}
.warning {color:#0b3e79;position:absolute;}
.form-group {margin-bottom:25px;}
.container {width:1280px;max-width:100%;}

/*
#wrapper {padding-left: 0;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#wrapper.toggled {padding-right: 250px;}
#sidebar-wrapper {z-index: 1000;position: fixed;right: 250px;top:0px;width: 0;height: 100%;margin-right: -250px;overflow-y: auto;background: #000;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#wrapper.toggled #sidebar-wrapper {width: 250px;}

#page-content-wrapper {width: 100%;position: absolute;padding: 15px;}
#wrapper.toggled #page-content-wrapper {position: absolute;margin-right: -250px;}

 Sidebar Styles 
.sidebar-nav {position: fixed;top: 35px;width: 380px;margin: 0;padding: 0;list-style: none;background-color:#000;}
.sidebar-nav li {text-indent: 20px;line-height: 60px;margin:10px 0px;width:100%;}
.sidebar-nav li .menuToggle {position:absolute;right:50px;color:#fff;top:13px;font-size:30px;cursor:pointer;}
.sidebar-nav li a {display: block;text-decoration: none;color: #fff;font-size:35px;font-weight:400;}
.sidebar-nav li a:hover {text-decoration: none;color: #fff;background: rgba(255,255,255,0.2);}
.sidebar-nav li a:active,
.sidebar-nav li a:focus {text-decoration: none;}
.sidebar-nav > .sidebar-brand {height: 65px;font-size: 18px;line-height: 60px;}
.sidebar-nav > .sidebar-brand a {color: #999999;}
.sidebar-nav > .sidebar-brand a:hover {color: #fff;background: none;}
.sidebar-nav .closebtn {float:right;padding-right:20px;color:#fff;font-size:25px;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {background-color:#000;}
.dropdown-menu > li > a {font-size:18px!important;}
.nav>li>a:focus {background-color:#000;}
@media(min-width:768px) {
    #wrapper {padding-right: 0px;}
    #wrapper.toggled {padding-right: 0;}
    #sidebar-wrapper {width: 400px;}
    #wrapper.toggled #sidebar-wrapper {width: 0;}
    #page-content-wrapper {padding: 20px;position: relative;}
    #wrapper.toggled #page-content-wrapper {position: relative;margin-right: 0;}
}
.socialMediaMenu {display:block;float:left;padding-left:30px;padding-top:30px;}
.socialMediaMenu a {display:inline-block;color:#000;font-size:20px;padding:2px 0px;margin:0px 5px;width:35px;height:35px;background-color:#fff;text-align:center;}
*/

#homepage_slider video { /*min-height: 100vh !important;min-width: 100% !important;height: auto !important;width: auto !important;overflow: hidden;*/height:100vh;min-height:100%;object-fit:fill;width:100%;}
#homepage_slider img {width: 100%;max-width: 100%;height: auto;vertical-align: middle;border: 0;}
.carousel-inner>.item>img {display: block;line-height: 1;}

#slider-play-button button { display: inline-block;border: 0.06666em solid #fff;font-size: 2rem;background: rgba(255,255,255,0.23);color: #fff;cursor: pointer;transition: .3s background;line-height: 1.3em;height: 1.5em;width: 2.5em;border-radius: 0.3em;position: absolute;opacity: .7;right: 1em;top: 20%;}
.play-video-button:before {font-family: FontAwesome;content: "\f04b";}
.pause-video-button:before {font-family: FontAwesome;content: "\f04c";}


.headerTop {position: absolute;left: 0;top: 0;width: 100%;z-index: 200;padding:0px 10px 10px 10px;background-color:#000000;
    .navbarDesktop {-webkit-transition: all 1s cubic-bezier(.25,.8,.25,1);-o-transition: all 1s cubic-bezier(.25,.8,.25,1);transition: all 1s cubic-bezier(.25,.8,.25,1);
        .navbarBars {display:block;margin:20px 0px;
            i {color:#fff;font-size:40px;}
        }
    }
}

.sticky {background-color:#000;position: fixed;z-index: 999;width: 100%;top: 0px;min-height: 55px;
    .navbarDesktop {
        .navbarBars {
            i {color:#fff;}
        }
    }
}

.closebtn {float:right;padding-right:20px;color:#fff;font-size:25px;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {background-color:#000;}
.socialMediaMenu {display:block;float:left;padding-left:30px;padding-top:30px;}
.socialMediaMenu a {display:inline-block;color:#000;font-size:20px;padding:2px 0px;margin:0px 5px;width:35px;height:35px;background-color:#fff;text-align:center;}
#menu-toggle {
    float: right;
}
#wrapper {
    padding-right: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#wrapper.toggled {
    padding-right: 250px;
}
#sidebar-wrapper {
    z-index: 199;
    position: fixed;
    right: 250px;
    width: 0;
    height: 100%;
    margin-right: -250px;

    background: #000;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#wrapper.toggled #sidebar-wrapper {
    width: 250px;
}
#page-content-wrapper {
    width: 100%;
    position: absolute;
    padding: 15px;
}
#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-left: -250px;
}
/* Sidebar Styles */
 .sidebar-nav {
    position: absolute;
    top: 80px;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color:#000;
}
.sidebar-nav li {
    text-indent: 20px;line-height: 60px;margin:10px 0px;width:100%;
}
.sidebar-nav li a {
    display: block;text-decoration: none;color: #fff;font-size:35px;font-weight:400;
}
.sidebar-nav li a:hover {
    text-decoration: none;color: #fff;background: rgba(255,255,255,0.2);
}
.sidebar-nav li a:active, .sidebar-nav li a:focus {
    text-decoration: none;
}
.sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px;
}
.sidebar-nav > .sidebar-brand a {
    color: #999999;
}
.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}
.sidebar-nav li .menuToggle {
    position: absolute;
    right: 50px;
    top:13px;
    color: #fff;
    font-size: 30px;
    cursor: pointer;
}

    #wrapper {
        padding-right: 0px;
    }
    #wrapper.toggled {
        padding-right: 0;
    }
    #sidebar-wrapper {
        width: 0px;
    }
    #wrapper.toggled #sidebar-wrapper {
        width: 350px;
    }
    #page-content-wrapper {
        padding: 20px;
        position: relative;
    }
    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-left: 0;
    }


#nav-icon3{
    width: 60px;
    height: 45px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
  }
#nav-icon3 span {
    display: block;
    position: absolute;
    height: 6px;
    width: 80%;
    background: #fff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
  }
  #nav-icon3 span:nth-child(1) {
    top: 0px;
  }

  #nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
    top: 18px;
  }

  #nav-icon3 span:nth-child(4) {
    top: 36px;
  }

  #nav-icon3.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
  }

  #nav-icon3.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  #nav-icon3.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  #nav-icon3.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
  }


.carousel {
    .carousel-indicators {display:none;}
    .carousel-caption {width:100%;left:0px;right:0px;background-color:rgba(0, 0, 0, 0.64);bottom:0px;border-top:4px solid #0b3e79;padding:45px;height:200px;
        p {font-size:24px;text-align:left;width:70%;float:left;padding:0px 50px;}
    }
    .captionBox {position:absolute;left:100px;width:400px;bottom:200px;background-color:#0b3e79;z-index:100;height:100px;display:table;
            span {color:#fff;font-size:28px;padding:15px;display:block;font-weight:600;vertical-align:middle;display:table-cell;}
        }
    .carousel-control {top:40%;
        i {font-size:23px;padding:7px 12px;background-color:rgba(255, 255, 255, 0.7);border:1px solid #fff;border-radius:30px;}
    }
    .carousel-control.left {background-image:none;}
    .carousel-control.right {background-image:none;}
}


.pageBanner {position:relative;
    img {width:100%;height:100vh;}
    .bannerTextDetail {
        .captionBox {position:absolute;left:100px;width:400px;bottom:200px;background-color:#0b3e79;z-index:100;height:70px;
            span {color:#fff;font-size:28px;padding:15px;display:block;font-weight:600;}
        }
        .carousel-caption-banner {position:absolute;width:100%;left:0px;right:0px;background-color:rgba(0, 0, 0, 0.64);bottom:0px;border-top:4px solid #0b3e79;padding:45px;height:200px;
            p {font-size:24px;text-align:left;width:70%;float:left;padding:0px 50px;color:#fff;}
        }
    }
}



/*.navbar-hover::before {content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: -1;background-color: #fff;will-change: transform;-webkit-transform: scale(1,0);-ms-transform: scale(1,0);transform: scale(1,0);-webkit-transform-origin: 0 0;-ms-transform-origin: 0 0;transform-origin: 0 0;-webkit-transition: all 1s cubic-bezier(.25,.8,.25,1);
    -o-transition: all 1s cubic-bezier(.25,.8,.25,1);
    transition: all 1s cubic-bezier(.25,.8,.25,1);
}
.navbar-hover:hover::before {-webkit-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1);}
.navbar-hover:hover .navbarBars i {color:#000;}
*/
.sectionAbout {padding:50px 0px;
    .sectionAboutText {
        p.sectionAboutTextTitle {font-size:35px;color:#000;font-weight:700;}
        p {font-size:27px;text-align:left;font-weight:200;line-height:1.7;}
    }
    .sectionCentral {margin:60px 0px;transition: .5s ease;backface-visibility: hidden;
        .sectionCentralBox {position: relative;margin:15px 0px;animation-duration: 2s;animation-delay: 1s;animation-iteration-count: alternate;
            img {width:100%;opacity: 1;backface-visibility: hidden;transition: .5s ease;display:block;}
            .golge {position:absolute;background-color:rgba(0,0,0,0.5);left:0px;top:0px;width:100%;height:100%;transition: .5s ease;opacity: 0;
                p {display:table;width:100%;height:100%;text-align:center;
                    span {display:table-cell;vertical-align:middle;color:#fff;font-size:40px;font-weight:600;}
                }
            }
            &:hover .image {
                opacity:0.3;
            }
            &:hover .golge {
                opacity:1;
            }
        }
    }
}

.sectionPromise {margin:20px 0px;padding-bottom:40px;
    .sectionPromiseText {
        p {font-size:35px;color:#000;font-weight:700;margin-bottom:20px;}
    }
    .sectionPromiseBox {
        .sectionPromiseBoxLeft {
            img {width:100%;}
        }
        .sectionPromiseBoxRight {padding:0px 0px;
            p.sectionPromiseBoxTitle {font-weight:600;font-size:24px;padding:0px 0px 20px 0px;}
            p {font-size:22px;font-weight:300;line-height:35px;}
        }
        &:last-child p {padding:20px 0px;}
        &:nth-child(odd) p {padding:20px 0px;}
    }
}


footer {width:100%;background-color:#fff;padding:0px 0px;border-top:1px solid #ccc;
    .footerLeft {
        div {margin:0px 0px 50px 0px;}
        p {font-weight:500;font-size:18px;}
        .footerSocial {
            a {color:#000;font-size:20px;margin:5px 10px 5px 0px;background-color:#0b3e79;width:30px;height:30px;display:inline-block;text-align:center;border-radius:30px;
                i {color:#fff;padding:5px 0px;}
            }
        }
    }
    .footerRight {margin:100px 0px;
        .form-group {
            input.form-control {margin:0px 0px;height:60px;border-radius:0px;border:2px solid #b5b5b5;box-shadow:none;}
        }
        textarea {height:210px;resize:none;border-radius:0px;border:2px solid #b5b5b5;box-shadow:none;}
        button {background-color:#082a50;border-radius:0px;padding:15px 0px;background-image:none;text-shadow:none;border:0px;outline:0px;font-size:20px;color:#fff;font-weight:600;
            &:hover {background-color:#0b3e79;color:#fff;}
        }
        p {font-size:19px;font-weight:600;text-align:left;}
    }
    .footerBant {width:100%;height:40px;background-color:#000;
        span {color:#fff;line-height:40px;}
        a {text-align:right;color:#fff;float:right;padding:0px 10px;line-height:40px;
            &:hover {text-decoration:none;}
        }
    }
}


.pageNewsArea {margin:50px 0px;
    .newsTab {
        ul {border-bottom:0px;border:1px solid #ddd;
            li {border-right:1px solid #ddd;
                a {border:0px;border-radius:0px;font-size:15px;font-weight:600;margin-right:0px;color:#000;padding:15px 20px;
                    &:hover {background-color:#0b3e79;color:#fff;}
                }
            }
        }
        .nav-tabs>li.active>a {color:#fff;background-color:#0b3e79;border:0px;}
        .nav-tabs>li.active>a:hover {border:0px;}

        .tab-content {margin:30px 0px;
            .newsBox {margin:30px 0px;
            .newsBoxText {padding:0px 20px;
                .titleLink {margin:0px;
                    p {font-weight:400;font-size:20px;color:#000;}
                }
                span {font-size:15px;}
                a {margin:10px 0px;display:block;margin:20px 0px;
                    span {border:1px solid #000;color:#000;padding:5px 10px;}
                    &:hover {text-decoration:none;
                        span {background-color:#000;color:#fff;transition:all 0.5s;}
                    }
                }
            }
        }
        }
    }
}
.mapsIframe{
    iframe{width:100%;height:450px;}
}
.pageAboutAreaProjects{
    background-color: #eeeeee;
}
.parallaxAlaniFull{margin-top:30px;}
.pageAboutArea {margin:50px 0px;
    .aboutArea {
        p.aboutAreaTitle {font-size:30px;font-weight:600;color:#000;margin-bottom:20px;}
        p {font-size:21px;}
    }
    .aboutTeamArea {margin:50px 0px;
        .aboutTeamBox {position:relative;margin:15px 0px;
                a {
                    img {max-width:100%;display:block;}
                    .golgeAbout {position:absolute;background-color:rgba(0,0,0,0.5);left:0px;bottom:0px;width:100%;height:32%;transition: .5s ease;opacity: 1;
                        span {color:#fff;text-align:center;display:block;font-weight:600;font-size:16px;padding:7px 0px;}
                        .teamName {font-weight:600;font-size:24px;}
                        .teamTitle {font-weight:600;font-size:16px;}
                        .teamMail {font-weight:600;font-size:16px;}
                    }
                }
            &:hover{
                .image {opacity:0.3;}
            }
            &:hover .golgeAbout {opacity:1;}
        }
        .aboutTeamTitle {font-size:30px;font-weight:600;color:#000;margin-bottom:20px;}
    }
    .sectionVisionArea {/*margin:50px 0px;*/
        .sectionAboutBoxPadding{padding-top:30px;}
        .sectionAboutBox {
            .sectionAboutBoxRight {
                p.sectionAboutBoxPaddingTitle {font-size:24px;font-weight:600;padding:0px 0px 20px 0px;}
                p {font-size:22px;font-weight:300;line-height:35px;}
                span {font-size:22px;font-weight:300;line-height:35px;}
                &:nth-child(odd) p {padding:20px 0px;}
            }
            .sectionAboutBoxLeft {
                img {width:100%;}
            }
        }
    }
    .vision {
        img {width:100%;}
        .sectionAboutBoxRight {
            p {font-size:24px;font-weight:600;padding:0px 0px 20px 0px;}
            span {font-size:22px;font-weight:300;line-height:35px;}
        }
    }
    .mision {
        img {width:100%;}
        .sectionAboutBoxRight {
            p {font-size:24px;font-weight:600;padding:20px 0px 20px 0px;}
            span {font-size:22px;font-weight:300;line-height:35px;}
        }
    }
}
.aboutTeamModal {
    .modal-dialog {width:800px;}
    .modal-header {
        .modal-title {font-size:25px;font-weight:600;margin-bottom:10px;}
        span {font-size:15px;font-weight:500;}
        .close {color:#000;opacity:0.9;font-size:30px;}
    }
    .modal-body {
        p {font-size:15px;line-height:30px;}
        a.modalMailButton {color:#000;font-size:17px;
            &:hover {text-decoration:none;}
        }
    }
}

.pageNewsDetailArea {margin:60px 0px;
    .newsDetailArea {
        .newsName {
            font-size:30px;font-weight:600;
        }
        .newsShare {
            p {display:inline-block;color:#504f4f;font-size:15px;padding-right:10px;font-weight:500;}
            a {color: #000;font-size: 20px;margin: 5px 10px 5px 0px;background-color: #000;width: 30px;height: 30px;display: inline-block;text-align: center;border-radius: 30px;
                i {color: #fff;padding: 5px 0px;}
            }
        }
        .newsDate {margin:15px 0px;
            p {font-size:17px;}
        }
        .newsContent {
            p {line-height:30px;font-size:17px;font-weight:400;}
        }
        .newsImage {margin:15px 0px;}
    }
}

.pageCareerDetailArea {margin:60px 0px;
    .careerDetailArea {margin:30px 0px;
        .careerName {font-size:30px;font-weight:600;}
        .careerBox {margin:15px 0px;
        .careerBoxText {padding:0px 20px;
            .titleLink {margin:0px 0px;
                p {font-size:27px;font-weight:400;color:#000;}
            }
            a {display:block;margin:20px 0px;
                span {padding:5px 10px;color:#000;border:1px solid #000;}
                &:hover {text-decoration:none;
                    span {background-color:#000;color:#fff;}
                }
            }
            span {font-size:19px;font-weight:200;}
        }
    }
    }
    .careerForm {margin:100px 0px;
        input {height:50px;border-radius:0px;}
        textarea {border-radius:0px;}
        select {height:50px;border-radius:0px;color:#9a9a9a;}
        button {background-color:#082a50;background-image:none;border-radius:0px;color:#fff;padding:15px 0px;}
        p {font-size:20px;font-weight:200;color:#000;}
        input[type=file] {display:none;}
        label.custom-file-upload {border-radius:5px;display:inline-block;padding:5px 50px;cursor: pointer;background-color:#082a50;opacity:1;color:#fff;
            i {font-size:18px;}
        }
    }
}


.marginBottom-0 {margin-bottom:0;}

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#555;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
.dropdown-menu {background-color:#000;}
.dropdown-menu>li>a {font-size:14px;}
.navbar-nav>li>.dropdown-menu {position:relative;}


.mallAbout {
    margin:50px 0px;
        .mallGalleryBox {
            margin:15px 0px;
                a {
                    img {max-width:100%;opacity: 1;backface-visibility: hidden;transition: .5s ease;display:block;}
                    .golge {position:absolute;background-color:rgba(0,0,0,0.5);left:0px;bottom:0px;width:100%;height:100%;transition: .5s ease;opacity: 0;
                        p {display:table;width:100%;height:100%;text-align:center;
                            span {display:table-cell;vertical-align:middle;color:#fff;font-size:30px;font-weight:600;}
                        }
                    }
                }
            &:hover .image {opacity:0.3;}
            &:hover .golge {opacity:1;}
        }
    .mallAboutDetail {margin:30px 0px;
        .mallAboutText {
            p {font-size:25px;font-weight:200;line-height:40px;}
        }
    }
    .leasingBox {margin:30px 0px;
        .leasingBoxLeft {border:1px solid #ddd;padding:10px;
            p.leasingBoxLeftTitle {font-size:24px;}
            p {font-size:17px;}
        }
        .leasingBoxRight {border:1px solid #ddd;padding:10px;
            p.leasingBoxRightTitle {font-size:24px;}
            p {font-size:17px;}
        }
    }
    .mallStatistics {margin:50px 0px;
        .mallDetailOne {height:200px;background-color:#4386d4;padding-top:40px;margin:15px 0px;
            p {color:#fff;text-align:center;font-size:40px;}
            span {color:#fff;text-align:center;font-size:20px;text-align:center;display:block;}
            &:hover {background-color:#2b5a92;}
        }
        .mallDetailTwo {height:200px;background-color:#4478b5;padding-top:40px;margin:15px 0px;
            p {color:#fff;text-align:center;font-size:40px;}
            span {color:#fff;text-align:center;font-size:20px;text-align:center;display:block;}
            &:hover {background-color:#284a73;}
        }
        .mallDetailThree {height:200px;background-color:#60738a;padding-top:40px;margin:15px 0px;
            p {color:#fff;text-align:center;font-size:40px;}
            span {color:#fff;text-align:center;font-size:20px;text-align:center;display:block;}
            &:hover {background-color:#364250;}
        }
        .mallDetailFour {height:200px;background-color:#3e95ff;padding-top:40px;margin:15px 0px;
            p {color:#fff;text-align:center;font-size:40px;}
            span {color:#fff;text-align:center;font-size:20px;text-align:center;display:block;}
            &:hover {background-color:#275ea2;}
        }
    }
    .leasingFormLink {color:#000;font-size:20px;border:1px solid #ccc;margin:15px 0px;padding:15px 15px;
        a {color:#000;
            &:hover {text-decoration:none;}
        }
        p {color:#000;margin-bottom:0px;
            &:hover {text-decoration:none;}
        }

    }
}


.investorsArea {margin:50px 0px;
    .investorsOneArea {
        .investorsOneTitle {font-size:35px;color:#000;font-weight:600;}
        .investorsOneParagraph {font-size:22px;font-weight:300;}
        .investorsOneText {font-size:22px;font-weight:300;margin:10px 0px;}
        .investorsOneTotal {margin:20px 0px;
            div {margin:0px 0px 10px 0px;border:1px solid #ddd;padding:20px;}
            p {color:#000;font-size:35px;text-align:center;margin-bottom:0px;font-weight:600;}
            span {font-size:24px;display:block;text-align:center;}
        }
    }
}

.investorsMixed {margin:50px 0px;
    .investorsMixedTitle {font-size:35px;color:#000;font-weight:600;}
    .mixedText {
        p {font-size:23px;font-weight:200;line-height:34px;}
    }
}

.investorsPartner {margin:50px 0px;
    .investorsPartnerTitle {font-size:35px;color:#000;font-weight:600;}
    .partnerText {font-size:23px;font-weight:200;line-height:34px;}
    .partnerLogo {margin:30px 0px;
        .partnerLogoBox {background-color:#ddd;border-radius:50%;height:173px;position:relative;margin:15px 0px;
            img {position: absolute;top: 0;bottom: 0;left:0px;margin: auto;}
        }
        .investorsPartnerLogoTitle {font-size:35px;color:#000;font-weight:600;text-align:center;}
    }
}

.contactMallAdress {margin:20px 0px;
    .contactMallBox {
        min-height:290px;padding:20px;border:1px solid #000;margin:15px 0px;text-align:left;line-height:33px;margin-bottom:0px;font-size:20px;font-weight:300;
        a {color:#333333;
            &:hover {text-decoration:none;}
            i {padding-right:10px;}
        }
    }
}

.contactArea {margin:50px 0px;
    iframe {width:100%;height:500px;}
}


.marginB30 {margin-bottom: 30px;}
.marginT30 {margin-top: 30px;}
.humanResourcesform {
  p{font-size: 18px;font-weight: 700;}
  label {color: #777575;font-size:17px;font-weight:300; &:hover {cursor:pointer;}}
  .form-control {height: 50px !important;font-size: 15px !important;}
  .humanResourcesbutton {padding: 5px 20px;padding:15px 15px;font-size:20px;background: #1C58A0;color: white;border: none;}
  input[type=checkbox], input[type=radio] {margin:-4px 0 0;}
}
.warning {color: red;}
.warningPage {position: relative; margin-bottom: 20px;}
.warningPage .warning {position: absolute;}
.humanRightsdetail {line-height: 2;font-size: 17px;
  h4 {font-weight: 700;}
  ul {padding-left: 15px;}
  p{
    span{font-weight: 700;}
  }
}



@media(max-width:1024px) {
.projectAgentsBox {width:100%!important;margin:10px 0px!important;}
.projectAgentsArea {padding:40px 15px!important;}
.sectionAboutBoxPadding {padding:0px;}
.collapse {display:block;}
.sidebar-nav {width:320px;top:10px;}
.sidebar-nav li {text-indent: 20px;line-height: 60px;margin:10px 0px;width:100%;float:left;}
.sidebar-nav li a {display: block;text-decoration: none;color: #fff;font-size:25px;font-weight:400;}
.sidebar-nav li a:hover {text-decoration: none;color: #fff;background: rgba(255,255,255,0.2);}
.sidebar-nav li a:active,
.sidebar-nav li a:focus {text-decoration: none;}
/*
#wrapper {padding-right: 0px;}
#wrapper.toggled {padding-right: 0;}
#sidebar-wrapper {width: 0px;}
#wrapper.toggled #sidebar-wrapper {width: 0;}
#page-content-wrapper {padding: 20px;position: relative;}
#wrapper.toggled #page-content-wrapper {position: relative;margin-right: 0;}
.sidebar-nav li a {display: block;text-decoration: none;color: #fff;font-size:25px;font-weight:400;}
.sidebar-nav li a:hover {text-decoration: none;color: #fff;background: rgba(255,255,255,0.2);}
.sidebar-nav li a:active,
.sidebar-nav li a:focus {text-decoration: none;}
.sidebar-nav > .sidebar-brand {height: 65px;font-size: 18px;line-height: 60px;}
.sidebar-nav > .sidebar-brand a {color: #999999;}
.sidebar-nav > .sidebar-brand a:hover {color: #fff;background: none;}
.sidebar-nav .closebtn {float:right;padding-right:30px;color:#fff;font-size:25px;}
*/

.headerTop {
    /*position:relative;*/
}

.carousel {
    .captionBox {width:300px;height:55px;left:0px;bottom:150px;
        span {font-size:21px;}
    }
    .carousel-caption {height:150px;padding:10px;
        p {font-size:16px;width:100%;padding:10px 0px;}
    }
}


.sectionAbout {padding:30px 0px;
    .sectionAboutText {
        p {font-size:30px;}
        span {font-size:22px;}
    }
    .sectionCentral {margin:30px 0px;
        .sectionCentralBox {
            .golge {opacity:1;
                p {
                    span {font-size:30px;}
                }
            }
        }
    }
}


.sectionPromise {margin:20px 0px;padding-bottom:40px;
    .sectionPromiseText {
        p {font-size:30px;}
    }
    .sectionPromiseBox {border-bottom:1px solid #ddd;margin:40px 0px;
        .sectionPromiseBoxLeft {
            img {width:100%;}
        }
        .sectionPromiseBoxRight {padding:10px 0px;
            p {font-size:24px;padding:0px 0px 0px 0px;}
            span {font-size:18px;}
            div {padding:0px;}
        }
        &:last-child p {padding:20px 0px;}
        &:nth-child(odd) p {padding:0px 0px;}
    }
}


footer {width:100%;background-color:#fff;padding:0px 0px;border-top:1px solid #ccc;
    .footerLeft {
        div {margin:0px 0px 10px 0px;}
    }
    .footerRight {margin:10px 0px;padding:0px;
        button {width:100%;}
    }
    .footerBant {width:100%;min-height:40px;height:auto;
        div {text-align:center;}
        span {display:block;text-align:center;}
        a {text-align:center;float:none;}
    }
}

.pageBanner {position:relative;margin-top:100px;
    img {width:100%;height:auto;}
    .bannerTextDetail {
        .captionBox {position:absolute;left:0px;width:300px;bottom:115px;background-color:#0b3e79;z-index:100;height:55px;
            span {font-size:21px;}
        }
        .carousel-caption-banner {padding:10px;height:115px;
            p {font-size:16px;text-align:left;width:100%;padding:10px 0px;}
        }
    }
}

.pageAboutArea {
    .sectionAboutBoxPadding{padding-top:30px;}
    .sectionVisionArea {margin:50px 0px;
        .sectionAboutBox {margin:15px 0px;
            .sectionAboutBoxRight {padding:0px;
                p {font-size:24px;font-weight:600;padding:0px 0px 20px 0px;}
                span {font-size:22px;font-weight:300;line-height:35px;}
                &:nth-child(odd) p {padding:20px 0px;}
            }
            .sectionAboutBoxLeft {
                img {width:100%;}
            }
        }
    }
    .aboutTeamArea {
        .aboutTeamBox {
            margin:25px 0px;
                a {
                    img {width:100%;}
                    .golgeAbout {height:35%;}
                }
        }
    }
}

.aboutTeamModal {
    .modal-dialog {width:90%;margin:50px auto;}
    .modal-body {
        p {font-size:15px;line-height:30px;}
        a.modalMailButton {color:#000;font-size:17px;
            &:hover {text-decoration:none;}
        }
    }
}

.mallAbout {
        .mallGalleryBox {
            margin:15px 0px;
                a {
                    img {width:100%;}
                }
        }
    .mallAboutDetail {
        .mallAboutText {padding:0px;}
    }
    .leasingBox {padding:0px;
        div {margin:15px 0px;}
        .leasingBoxLeft {border:1px solid #ddd;padding:10px;
            p.leasingBoxLeftTitle {font-size:24px;}
            p {font-size:17px;}
        }
        .leasingBoxRight {border:1px solid #ddd;padding:10px;
            p.leasingBoxRightTitle {font-size:24px;}
            p {font-size:17px;}
        }
    }
    .mallStatistics {margin:50px 0px;padding:0px;}
    .mallLeasingArea {
        padding:0px;
    }
}

.pageNewsArea {margin:50px 0px;
    .newsTab {
        .tab-content {
            .newsBox {margin:10px 0px;
                .newsBoxText {padding:10px 0px;

                }
            }
        }
    }
}

.pageNewsDetailArea {margin:30px 0px;
    .newsDetailArea {padding:0px;
        .newsName {
            font-size:30px;font-weight:600;
        }
    }
}

.pageCareerDetailArea {margin:30px 0px;
    .careerDetailArea {padding:0px;
        .careerName {font-size:30px;font-weight:600;}
        .careerBox {margin:15px 0px;
        .careerBoxText {padding:0px 0px;
            .titleLink {margin:5px 0px;}
        }
    }
    }
    .careerForm {margin:30px 0px;padding:0px;
        input {height:50px;border-radius:0px;}
        textarea {border-radius:0px;}
        select {height:50px;border-radius:0px;color:#9a9a9a;}
        button {width:100%;}
        p {font-size:20px;font-weight:200;color:#000;}
        input[type=file] {display:none;}
        label.custom-file-upload {border-radius:5px;display:inline-block;padding:5px 50px;cursor: pointer;background-color:#082a50;opacity:1;color:#fff;
            i {font-size:18px;}
        }
    }
}









}