@charset "UTF-8";

/* CSS Document */


/* Mobile Layout: 480px and below. */

.gridContainer {
    margin-left: auto;
    margin-right: auto;
    width: 94.626%;
    padding-left: 1.1869%;
    padding-right: 1.1869%;
}

.siteGridContainer {
    width: 100%;
    margin-right: 0%;
    margin-left: 0%;
    float: left;
}

h1 {
    font-size: 4vw;
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-weight: 400;
}

h2 {
    font-size: 2.5vw;
    margin: 0px;
    padding: 0px;
    text-align: right;
    font-weight: 400;
    height: 45px;
    overflow: hidden;
    visibility: visible;
    display: none;
}

h3 {
    font-size: 2.8vw;
}

h4 {
    font-size: 1.5vw;
}

p {
    font-size: 2.5vw;
}

.logo {
    clear: none;
    float: right;
    margin-right: 3%;
    width: 180px;
    display: block;
    padding-top: 0%;
    margin-top: 0%;
    margin-bottom: 0px;
}

.facebookUp {
    clear: none;
    float: left;
    margin-left: 70px;
    width: 25px;
    display: block;
    margin-right: 0%;
    margin-top: 0px;
    margin-bottom: 0px;
    position: absolute;
    z-index: 100000;
}

.facebookPage {
    clear: none;
    float: right;
    margin-left: 0%;
    width: 100%;
    display: block;
    margin-right: 0%;
    margin-top: 15px;
    margin-bottom: 15px;
}

.menu {
    clear: none;
    float: right;
    margin-left: 0;
    width: 15px!important;
    display: block;
    padding-top: 0%;
    padding-bottom: 0%;
}

.menuSep {
    float: left;
    display: none;
    padding-top: 0%;
    padding-bottom: 0%;
    height: 2px;
    width: 4%;
}

.slidehsow {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    padding: 0%;
    background-color: #FFF;
    margin-top: 0px;
}

#camera_wrap_4 {
    bottom: 0;
    height: 25%;
    left: 0;
    margin-bottom: 0!important;
    position: relative;
    right: 0;
    top: 65px;
}

.cameraCaptionRight {
    float: right;
    width: 100%;
}

.cameraCaptionTitle {
    font-size: 2em;
    font-weight: 400;
    text-align: right;
    float: right;
    width: 100%;
    margin-bottom: 20px;
    line-height: 1em;
    z-index: 10002!important;
}

.cameraCaptionContent {
    font-size: 21px;
    font-weight: 400;
    text-align: right;
    float: right;
    width: 100%;
    line-height: 1.6em;
    margin-bottom: 30px;
    direction: rtl;
}

#slideshowBtn1 {
    width: 100%;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    display: block;
    margin-top: 10px;
}

.slideshowBtn1 {
    font-size: 12px;
    font-weight: 400;
    text-decoration: none;
    line-height: 1.6em;
    text-align: center;
    color: #FFFFFF;
    display: inline-block;
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -o-transition: 0.3s all;
    background-color: transparent;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    width: 110px;
    padding: 3px;
    float: none;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #FFFFFF;
}

.slideshowBtn1:hover {
    font-size: 13px;
    font-weight: 400;
    color: #EE8D00;
    background-color: #FFF;
    -moz-border-radius: 15px;
    -webkit-border-radius: 1px;
    border-radius: 15px;
    width: 120px;
    border: 1px solid #FFF;
}


/* css for projects start here
========================================================== */

.projectsSection {
    float: right;
    width: 100%;
    background-color: #FFFAED;
    padding-top: 60px;
    padding-bottom: 0px;
}


/* css for main section content
========================================================== */

.mainSectionContent {
    float: right;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 30px;
}

.bigTitle {
    font-size: 19px;
    font-weight: 700;
    text-align: center;
    width: 90%;
    margin-bottom: 10px;
    margin-top: 0px;
    line-height: 1.6em;
    margin-right: 5%;
    margin-left: 5%;
}

.bigTitle .Brown {
    color: #91846D;
}

.bigTitle .footerTitle {
    color: #FFFFFF;
    text-align: center;
}

.bigTitle .Blue {
    color: #415AA5;
}

.subTitle {
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    width: 90%;
    line-height: 1.6em;
    margin-right: 5%;
    margin-left: 5%;
}

.subTitle .Brown {
    color: #91846D;
}


/* css for circles home section
========================================================== */

.circleSection {
    float: right;
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
}

.circleContainer {
    float: right;
    width: 100%;
}

.circleContainer .inside {
    float: right;
    width: 90%;
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 5%;
    margin-left: 5%;
    position: relative;
}

.circleContainer_sep {
    float: right;
    width: 100%;
    height: 30px;
}

.circleContainer .title {
    float: right;
    width: 100%;
    margin-right: 0%;
    margin-left: 0%;
    padding: 0px;
    font-size: 19px;
    font-weight: 700;
    color: #54A0B8;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
}

.circleContainer .titleWhite {
    float: right;
    width: 70%;
    margin-right: 15%;
    margin-left: 15%;
    font-size: 21px;
    font-weight: 700;
    color: #FFFFFF;
    text-align: center;
    margin-top: 25%;
    position: absolute;
}

.circleContainer .text {
    float: right;
    width: 90%;
    font-size: 14px;
    font-weight: 400;
    color: #71706F;
    text-align: center;
    overflow: hidden;
    visibility: visible;
    height: 70px;
    margin-top: 0%;
    margin-right: 5%;
    margin-bottom: 0%;
    margin-left: 5%;
    line-height: 1.6em;
}

.circleContainer .icon {
    float: right;
    width: 30%;
    margin-right: 35%;
    margin-left: 35%;
    margin-top: 0%;
    text-align: center;
}


/* css for carusel start here
========================================================== */

.slideshow-carusel-sections {
    text-align: right;
    z-index: 1;
    text-decoration: none;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    position: relative;
}

.slideshow-carusel {
    width: 100%;
    text-align: right;
    z-index: 1;
    text-decoration: none;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    background-color: rgba(255, 255, 255, 0.0);
    padding-top: 50px;
    float: left;
}

#caruselTitleBtn {
    float: right;
    width: 100%;
    margin-top: 10px;
    margin-right: 0%;
}

.caruselTitleBtn {
    font-size: 13px;
    font-weight: 400;
    transition: color all 0.1s ease-out;
    color all 0.1s ease-out;
    transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    text-decoration: none;
    line-height: 1.6em;
    text-align: center;
    width: 100%;
    color: #3C3C3B;
    float: right;
    letter-spacing: 1.1px;
    /*	background-image: url(../images/carusel_arrow.png);
	background-repeat: no-repeat;
	background-position: 0px;*/
}

.caruselTitleBtn:hover {
    font-size: 13px;
    font-weight: 400;
    color: #3C3C3B;
    letter-spacing: 1.1px;
}


/* css for news section
========================================================== */

.newsSectionContent {
    float: right;
    width: 100%;
    padding-top: 2%;
    padding-bottom: 25px;
}

.newsSectionBack {
    float: right;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center top;
    height: 160px;
    margin-top: 60px;
}

.newsSectionTitle {
    float: right;
    width: 100%;
    font-size: 24px;
    color: #FFF;
    text-align: center;
    margin-top: 55px;
    font-weight: bold;
}

.newsSectionSubTitle {
    float: right;
    width: 100%;
    font-size: 19px;
    color: #FFF;
    text-align: center;
    margin-top: 0px;
}

.newsIdSectionContent {
    float: right;
    width: 90%;
    background-color: #FFF;
    margin-top: 15px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 4%;
    padding-right: 5%;
    padding-bottom: 5%;
    padding-left: 5%;
}

.newsID_Next_Prev {
    float: right;
    width: 100%;
    margin-top: 150px;
    margin-right: 0%;
    margin-left: 0%;
}

.newsIDSectionTitle {
    float: right;
    width: 100%;
    font-size: 24px;
    color: #91846D;
    text-align: right;
    margin-top: 0px;
    font-weight: bold;
    line-height: 1em;
}

.newsIDSectionSubTitle {
    float: right;
    width: 100%;
    font-size: 17px;
    color: #6F6F6E;
    text-align: right;
    margin-top: 25px;
}

.newsIDSectionDate {
    float: right;
    width: 100%;
    font-size: 15px;
    color: #54A0B8;
    text-align: right;
    margin-top: 25px;
    margin-bottom: 25px;
}

.newsIDSectionContent {
    float: right;
    width: 100%;
    font-size: 14px;
    color: #6F6F6E;
    text-align: right;
    margin-top: 0px;
    line-height: 1.6em;
}


/* css for footer start here
========================================================== */

.footerSection {
    float: right;
    width: 100%;
    margin-top: 0px;
}

.footerSectionBack {
    float: right;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #E5E5E5;
}

.footerSectionContainer {
    float: right;
    width: 90%;
    height: inherit;
    overflow: hidden;
    visibility: visible;
    margin-right: 5%;
    margin-left: 5%;
    margin-bottom: 30px;
}

.footer_Right {
    float: right;
    width: 100%;
    padding: 0%;
    margin-top: 6px;
    margin-right: 0px;
    margin-bottom: 25px;
    margin-left: 0px;
    height: auto;
    color: #273a64;
    font-weight: 700;
    text-align: center;
    display: block;
    font-size: 19px;
}

.footer_Left {
    float: left;
    width: 70%;
    margin: 0px;
    display: block;
}

.footer_icon {
    float: left;
    width: 30px;
    height: 30px;
    display: block;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 10px;
}

.footer_link_container {
    float: left;
    width: auto;
    display: block;
}

.footer_icon_link {
    float: left;
    width: auto;
    display: block;
    margin-top: 3px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
}

.footer_Sep1 {
    float: left;
    width: 35px;
    height: 30px;
    display: block;
}

#footerLinks {
    float: left;
    width: 50%;
    display: block;
    margin-right: 25%;
    margin-left: 25%;
}

.footerLinks {
    font-size: 21px;
    font-weight: 400;
    color: #273a64;
    transition: background-color all 0.2s ease-out;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    text-decoration: none;
    line-height: 1.6em;
    text-align: left;
    margin-bottom: 5px;
    padding-bottom: 0px;
    padding-right: 25px;
    background-image: url(../images/phone_footer.png);
    background-repeat: no-repeat;
    background-position: right center;
}

.footerLinks:hover {
    font-size: 21px;
    font-weight: 400;
    color: #EE8D00;
    text-align: left;
    padding-right: 25px;
    text-decoration: none;
    line-height: 1.6em;
    background-image: url(../images/phone_footer_roll.png);
    background-repeat: no-repeat;
    background-position: right center;
}

#footerContact {
    float: left;
    width: 90%;
    margin-right: 5%;
    margin-left: 5%;
    margin-top: 0px;
}

#footerContactField {
    float: right;
    width: 100%;
    margin-bottom: 10px;
    margin-right: 0%;
    margin-left: 0%;
    clear: none;
}

#footerContactFieldInside {
    float: right;
    width: 100%;
    background-color: #FFF;
}

.footerContactFieldInside_icon {
    float: right;
    width: 12%;
}

#footerContactFiledLast {
    float: right;
    width: 100%;
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 15px;
    margin-left: 0%;
}

#footerContactBtnDiv {
    float: left;
    width: 100%;
}


/* css for Sub Footer start here
========================================================== */

.subFooterSection {
    float: right;
    width: 90%;
    margin-top: 0px;
    background-color: #273a64;
    padding-right: 5%;
    padding-left: 5%;
}

.subFooterSectionBack {
    float: right;
    width: 100%;
    background-repeat: repeat;
    background-position: center top;
    padding-top: 5px;
    padding-bottom: 5px;
}

.subFooterSectionTitle {
    float: right;
    width: 100%;
    font-size: 21px;
    font-weight: 400;
    color: #3C3C3B;
    text-align: center;
    padding-bottom: 35px;
    margin-bottom: 10px;
    background-position: center 27px;
    background-image: url(../images/titleLine.png);
    background-repeat: no-repeat;
}

.subFooterContent {
    float: right;
    width: 100%;
    font-size: 12px;
    line-height: 1.6em;
    font-weight: 400;
    color: #FFFFFF;
    text-align: right;
    margin-top: 7px;
}

.subFooterSectionContainer {
    float: right;
    width: 100%;
}

.subFooter_Right {
    float: right;
    width: 90%;
    padding: 0%;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0%;
    margin-left: 0px;
}

.subFooter_Middle {
    float: right;
    width: 28.5%;
    margin: 0px;
}

.subFooter_Left {
    float: left;
    width: 7%;
    margin: 0px;
}

.subFooter_Sep {
    float: right;
    width: 3%;
    height: 30px;
    display: none;
}

#subFooterOrder {
    float: right;
    width: 7%;
    margin-left: 15px;
    margin-top: 4px;
    text-decoration: none;
}

.subFooterOrder {
    font-size: 14px;
    font-weight: 400;
    color: #6CA938;
    transition: background-color all 0.2s ease-out;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    text-decoration: none;
    line-height: 1.6em;
    text-align: center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #FFF;
    border: 1px solid #FFF;
    padding-top: 3px;
    padding-bottom: 3px;
}

.subFooterOrder:hover {
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    background-color: transparent;
    text-decoration: none;
    border: 1px solid #FFF;
}

.subFooterFusionIcon {
    float: left;
    height: 20px;
    width: 25px;
    margin-top: 5px;
    padding: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    display: block;
}

#subFooterFusionText {
    float: left;
    margin-left: 10px;
    margin-top: 8px;
    width: auto;
    display: none;
}

.subFooterFusionText {
    font-size: 13px;
    font-weight: 400;
    color: #5A5045;
    text-decoration: none;
    float: left;
}

.subFooterFusionText:hover {
    font-size: 13px;
    font-weight: 400;
    color: #000000;
    text-decoration: none;
    float: left;
}


/* css for contact toggle
========================================================== */

#full_slider_icon {
    background-repeat: no-repeat;
    height: 320px;
    width: 50px;
    position: fixed;
    z-index: 1002!important;
    top: 215px;
    right: 0px;
    bottom: 0px;
    display: none;
}

.toggleSection_Up {
    float: left;
    height: 320px;
    width: 100%;
}

#toggleContact_Up {
    width: 90%;
    float: right;
    margin-right: 50px;
    margin-left: 1%;
    margin-top: 10px;
}

#toggleContainerFields_Up {
    float: right;
    width: 100%;
}

#toggleField_Up {
    float: right;
    width: 100%;
    margin-bottom: 0px;
    margin-right: 0%;
    margin-left: 0%;
    clear: none;
    height: auto;
}

#toggleFieldInside_Up {
    float: right;
    height: 35px;
    width: 100%;
}

#toggleFieldInside_UpForm {
    float: right;
    height: 35px;
    width: 100%;
    margin-top: 15px;
}

#toggleButton_Up {
    float: right;
    width: 260px;
    padding: 0px;
    margin-bottom: 0px;
    text-align: left;
    margin-top: 0px;
}

#Button1 {}

.toggleSection_Up_TriggerTitle {
    font-size: 24px;
    font-weight: 700;
    color: #FFF;
    text-align: right;
    float: right;
    width: 100%;
    letter-spacing: 0.8px;
    height: 360px;
    margin-top: 10px;
    margin-bottom: 0px;
    z-index: 1002important;
}

.ToggleInfo {
    float: right;
    width: 100%;
    margin-bottom: 5px;
    margin-right: 0;
    margin-left: 0%;
    clear: none;
    height: auto;
}

.ToggleInfoSocialIcons {
    float: right;
    width: 50%;
    margin-bottom: 0px;
    margin-right: 0%;
    margin-left: 0%;
    clear: none;
    height: auto;
    text-align: right;
}

.ToggleInfoPhoneNumber {
    float: left;
    width: 50%;
    margin-bottom: 0px;
    margin-right: 0%;
    line-height: 1.5em;
    text-align: left;
    font-size: 24px;
    font-weight: 400;
    color: #FFFFFF;
}


/* css for media icons
========================================================== */

#mediaIIcons {
    clear: both;
    float: right;
    margin-left: 0%;
    width: 50%;
    display: block;
    margin-bottom: 5%;
    margin-right: 0%;
}

#mediaIconID {
    clear: none;
    float: right;
    width: 18%;
    display: block;
    margin: 1%;
}


/* css for main section
========================================================== */

.mainSection {
    float: right;
    width: 100%;
    padding-top: 65px;
    padding-bottom: 20px;
    background-color: transparent;
}

.mainSection94 {
    float: right;
    width: 90%;
    margin-top: 0px;
    margin-right: 5%;
    margin-bottom: 3%;
    margin-left: 5%;
}

.mainSection_Right {
    float: right;
    width: 100%;
    min-height: 370px;
    max-height: 370px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
}

.mainSection_Middle {
    float: right;
    width: 23%;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #95C11F;
    min-height: 350px;
}

.mainSection_Left {
    float: right;
    width: 100%;
    min-height: 370px;
    background-image: url(../images/aboutHomeBack.jpg);
    background-repeat: no-repeat;
    border-top-width: 0px;
    border-top-style: solid;
    border-top-color: #999999;
}

.mainSection_Sep {
    float: right;
    width: 3%;
    height: 30px;
}

.mainSection_Title {
    font-size: 21px;
    font-weight: 700;
    color: #3C3C3B;
    text-align: center;
    float: right;
    width: 100%;
    margin-bottom: 11px;
    padding-bottom: 11px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #999999;
    letter-spacing: 1.2px;
    /* [disabled]background-image: url(../images/carusel_arrow.png); */
    background-repeat: no-repeat;
    background-position: 2px 0px;
}

.mainSection_Text {
    font-size: 15px;
    font-weight: 400;
    color: #3C3C3B;
    text-align: justify;
    float: right;
    width: 100%;
    letter-spacing: 1.2px;
    line-height: 1.6em;
    height: 240px;
    overflow: hidden;
    visibility: visible;
}


/* css for video section start here
========================================================== */

.videoSectionInside {
    float: right;
    width: 90%;
    margin-top: 15px;
    margin-right: 5%;
    margin-bottom: 15px;
    margin-left: 5%;
}

.videoSection_Title {
    font-size: 21px;
    font-weight: 700;
    color: #3C3C3B;
    text-align: center;
    float: right;
    width: 100%;
    margin-bottom: 18px;
    padding-bottom: 11px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #999999;
    letter-spacing: 1.2px;
    background-repeat: no-repeat;
    background-position: 2px 0px;
}

.videoSection_code {
    font-size: 14px;
    font-weight: 400;
    color: #3C3C3B;
    text-align: right;
    float: right;
    width: 100%;
    letter-spacing: 1px;
    background-repeat: no-repeat;
    line-height: 1.6em;
    /* [disabled]max-height: 350px; */
    overflow: hidden;
    visibility: visible;
    height: 245px;
}

#videoSection_Btn {
    text-align: left;
    width: 50%;
    height: 25px;
    margin-top: 15px;
    margin-right: 25%;
    margin-left: 25%;
    float: left;
}

.videoSection_Btn {
    font-size: 13px;
    font-weight: 700;
    transition: color all 0.1s ease-out;
    color all 0.1s ease-out;
    transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    text-decoration: underline;
    line-height: 2em;
    text-align: right;
    width: 100%;
    color: #333333;
    float: right;
    letter-spacing: 1.1px;
    background-image: url(../images/carusel_arrow.png);
    background-repeat: no-repeat;
    background-position: 0px;
    padding-left: 25px;
}

.videoSection_Btn:hover {
    font-size: 13px;
    font-weight: 700;
    color: #000000;
    letter-spacing: 1.1px;
    background-image: url(../images/carusel_arrowRoll.png);
    background-repeat: no-repeat;
    background-position: 0px;
    padding-left: 25px;
}


/* css for investments start here
========================================================== */

.projectsID {
    float: right;
    width: 100%;
    background-color: #FFFAED;
    margin: 0px;
    padding: 0px;
}

.projectsIDbackround {
    float: right;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center top;
    min-height: 300px;
}

.projectsID_Next_Prev {
    float: right;
    width: 96%;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    background-color: #AFAFAF;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 2%;
    padding-left: 2%;
}

.projectIdBtn_right {
    float: right;
    width: 49%!important;
}

.projectIdBtn_left {
    float: left;
    width: 49%!important;
}

.projectIdBtn_rightA {
    float: right;
    width: auto;
    font-size: 14px;
    font-weight: 400;
    text-align: right;
    color: #FFFFFF;
    line-height: 1.8em;
    text-decoration: none;
    background-image: url(../images/projectIDPrevRoll.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 30px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.projectIdBtn_rightA:hover {
    float: right;
    width: auto;
    font-size: 14px;
    font-weight: 400;
    text-align: right;
    color: #273a64;
    line-height: 1.8em;
    text-decoration: none;
    background-image: url(../images/projectIDPrev.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 30px;
}

.projectIdBtn_leftA {
    float: left;
    width: auto;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #FFFFFF;
    line-height: 1.8em;
    text-decoration: none;
    background-image: url(../images/projectIDNextRoll.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 30px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.projectIdBtn_leftA:hover {
    float: left;
    width: auto;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #273a64;
    line-height: 1.8em;
    text-decoration: none;
    background-image: url(../images/projectIDNext.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 30px;
}

.newsIdBtn_rightA {
    float: right;
    width: auto;
    font-size: 15px;
    font-weight: 700;
    text-align: right;
    color: #FFFFFF;
    line-height: 1.6em;
    text-decoration: none;
    background-image: url(../images/newsNext.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.newsIdBtn_rightA:hover {
    float: right;
    width: auto;
    font-size: 15px;
    font-weight: 700;
    text-align: right;
    color: #B7CD15;
    line-height: 1.6em;
    text-decoration: none;
    background-image: url(../images/newsNext_roll.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px;
}

.newsIdBtn_leftA {
    float: left;
    width: auto;
    font-size: 15px;
    font-weight: 700;
    text-align: left;
    color: #FFFFFF;
    line-height: 1.6em;
    text-decoration: none;
    background-image: url(../images/newsPrev.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.newsIdBtn_leftA:hover {
    float: left;
    width: auto;
    font-size: 15px;
    font-weight: 700;
    text-align: left;
    color: #B7CD15;
    line-height: 1.6em;
    text-decoration: none;
    background-image: url(../images/newsPrev_roll.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
}

.projectID_ImageContent {
    float: left;
    width: 100%;
    margin-top: 80px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    position: relative;
}

.projectID_Image_Left {
    float: left;
    width: 100%;
    margin-top: 30px;
    margin-right: 0px;
    margin-left: 0px;
}

.projectID_Image_Left_detalis {
    float: left;
    width: 90%;
    margin-right: 0px;
    margin-left: 0px;
    background-color: #FFF;
    padding: 5%;
}

.projectID_detalis_right {
    float: right;
    width: 100%;
    margin-left: 0%;
}

.projectID_detalis_left {
    float: left;
    width: 100%;
}

.projectID_detalis_icon_container {
    float: right;
    width: 100%;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #E1E1E1;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.projectID_detalis_icon {
    float: right;
    width: 35px;
    text-align: right;
    margin-left: 15px;
}

.projectID_detalis_icon_title {
    float: right;
    width: auto;
    text-align: right;
    font-size: 17px;
    font-weight: 700;
    color: #EE8D00;
    margin-top: 5px;
}

.projectID_detalis_icon_sub_title {
    float: left;
    width: auto;
    text-align: right;
    font-size: 15px;
    font-weight: 400;
    color: #273a64;
    margin-top: 7px;
}

.projectID_Image_model_Left {
    float: left;
    width: 70%;
    margin-top: 30px;
    margin-right: 0px;
    margin-left: 0px;
    overflow: hidden;
    visibility: visible;
}

.projectID_Image_company_Left {
    float: left;
    width: 70%;
    margin-top: 0px;
    min-height: 537px;
    max-height: 537px;
    margin-right: 0px;
    margin-left: 0px;
    overflow: hidden;
    visibility: visible;
    margin-bottom: 0px;
}

.projectID_Image_Right {
    float: right;
    width: 100%;
    margin-top: 0px;
    background-color: #E8E8E8;
    margin-right: 0%;
    margin-left: 0%;
    padding: 0px;
    position: relative;
    top: 0px;
    right: 0px;
    bottom: 0px;
}

.projectID_Name {
    float: right;
    width: 100%;
    font-size: 24px;
    font-weight: 700;
    color: #273a64;
    text-align: right;
    line-height: 1.6em;
    margin-top: 0%;
    margin-right: 0%;
    margin-bottom: 15px;
    margin-left: 0%;
}

.projectID_Title {
    float: right;
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    color: #273a64;
    text-align: right;
    line-height: 1.6em;
    margin-right: 0%;
    margin-bottom: 25px;
    margin-left: 0%;
    margin-top: 0px;
}

.projectID_sub_title {
    float: right;
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    color: #273a64;
    text-align: right;
    line-height: 1.6em;
    margin-right: 0%;
    margin-bottom: 25px;
    margin-left: 0%;
    margin-top: 0px;
}

.projectID_Text {
    float: right;
    width: 80%;
    font-size: 17px;
    font-weight: 400;
    color: #6F6F6E;
    text-align: right;
    line-height: 1.6em;
    margin-right: 10%;
    margin-bottom: 30px;
    margin-left: 10%;
    margin-top: 15px;
}

.projectID_title_up {
    float: right;
    width: 80%;
    font-size: 19px;
    font-weight: 700;
    color: #6F6F6E;
    text-align: right;
    line-height: 1.6em;
    margin-right: 10%;
    margin-bottom: 0%;
    margin-left: 10%;
    margin-top: 30px;
}

.projectID_contact_form {
    float: right;
    width: 80%;
    margin-right: 10%;
    margin-left: 10%;
    margin-bottom: 30px;
}

.projectID_title_form {
    float: right;
    width: 100%;
    font-size: 17px;
    font-weight: 700;
    color: #273a64;
    text-align: right;
    line-height: 1.6em;
    margin-right: 0%;
    margin-bottom: 15px;
    margin-left: 0%;
    margin-top: 0px;
}

.projectID_field {
    float: right;
    width: 100%;
    margin-bottom: 10px;
    margin-right: 0%;
    margin-left: 0%;
    clear: none;
}

.projectID_field_inside {
    float: right;
    width: 100%;
    background-color: transparent;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #B8B8B8;
}

.projectID_page_last {
    float: right;
    width: 100%;
    padding: 0px;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0%;
}

#projectID_page_contact {
    float: left;
    width: 100%;
    margin-right: 0%;
    margin-left: 0%;
    margin-top: 0px;
    margin-bottom: 30px;
}


/* css for mortgage section
========================================================== */

.mortgageSectionContent {
    float: right;
    width: 100%;
    background-color: #FFF;
    margin-top: 80px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    min-height: 600px;
    padding: 0%;
}

.mortgageSectionContent_right {
    float: right;
    width: 20%;
    display: none;
}

.mortgageSectionContent_left {
    float: left;
    width: 90%;
    padding: 5%;
}

.mortgageSection_right_up {
    float: right;
    width: 100%;
}

.mortgageSection_title {
    float: right;
    width: 100%;
    font-size: 21px;
    color: #273a64;
    text-align: right;
    margin-top: 0px;
    font-weight: bold;
    line-height: 1em;
}

.mortgageSection_sub_title {
    font-size: 15px;
    font-weight: 700;
    color: #273a64;
    text-decoration: none;
    line-height: 1.6em;
    text-align: right;
    float: right;
    width: 100%;
    margin-top: 12px;
    margin-bottom: 12px;
}

.mortgageSection_sub_img {
    text-align: left;
    float: left;
    width: 100%;
    margin-bottom: 15px
}

#mortgageSection_btn {
    width: 100%;
    text-decoration: none;
    float: right;
    height: auto;
    text-align: right;
    padding: 0%;
}

.mortgageSection_btn {
    padding: 5%;
    font-size: 17px;
    font-weight: 700;
    color: #273a64;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    text-decoration: none;
    text-align: center;
    line-height: 2.9em;
    width: 90%;
    float: right;
    background-color: #E8E8E8;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #C2C2C1;
}

.mortgageSection_btn:hover {
    padding: 5%;
    font-size: 17px;
    font-weight: 700;
    color: #C2C2C1;
    text-decoration: none;
    text-align: center;
    line-height: 2.9em;
    width: 90%;
    float: right;
    background-color: #273a64;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #C2C2C1;
}

.mortgageSection_btn_selected {
    padding: 5%;
    font-size: 17px;
    font-weight: 700;
    color: #FFFFFF;
    text-decoration: none;
    text-align: center;
    line-height: 2.9em;
    width: 90%;
    float: right;
    background-color: #EE8D00;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #C2C2C1;
}

.mortgageSection_dropDownBtn {
    width: 90%;
    display: block;
    float: right;
    margin-right: 5%;
    margin-bottom: 10px;
    margin-top: 20px;
    margin-left: 5%;
}


/* css for news section home
========================================================== */

.newsSectionHome {
    float: right;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
}

.newsSection_date {
    font-size: 14px;
    font-weight: 400;
    color: #6B6B6B;
    text-decoration: none;
    line-height: 1.6em;
    text-align: center;
    float: right;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 15px;
    visibility: hidden;
}

.newsSection_title_right_1 {
    font-size: 15px;
    font-weight: 700;
    color: #273a64;
    text-decoration: none;
    line-height: 1.6em;
    text-align: center;
    float: right;
    width: 100%;
    margin-bottom: 15px;
    display: none;
}

.newsSection_title_right_2 {
    font-size: 15px;
    font-weight: 400;
    color: #273a64;
    text-decoration: none;
    line-height: 1.6em;
    text-align: right;
    float: right;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    /* max-height: 60px; */
    /* display: none; */
}

.newsSection_title_right_2 iframe {
    width: 320px;
    height: 215px;
}

#newsSection_btn {
    float: left;
    width: 100%;
    margin-top: 0px;
}

.newsSection_btn {
    font-size: 17px;
    font-weight: 700;
    color: #F19000;
    text-decoration: none;
    text-align: center;
    float: left;
    width: 100%;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.newsSection_btn:hover {
    font-size: 17px;
    font-weight: 700;
    color: #273a64;
    text-decoration: none;
    text-align: center;
    float: left;
    width: 100%;
}


/* css for about section
========================================================== */

.about_section {
    float: right;
    width: 100%;
    background-color: #F1F1F1;
    margin-top: 80px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding: 0%;
    position: relative;
}

.about_section_right {
    float: right;
    width: 20%;
    display: none;
    min-height: 350px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    background-color: #E8E8E8;
    right: 0px;
}

.about_section_left {
    float: left;
    width: 90%;
    background-color: #FFF;
    padding: 5%;
}

.about_section_left_inside {
    float: left;
    min-height: 350px;
    width: 100%;
    background-color: #FFF;
}

.about_section_right_up {
    float: right;
    width: 100%;
}

.about_section_title {
    float: right;
    width: 100%;
    font-size: 24px;
    color: #273a64;
    text-align: right;
    margin-top: 0px;
    font-weight: bold;
    line-height: 1em;
}

.about_section_sub_title {
    font-size: 15px;
    font-weight: 700;
    color: #273a64;
    text-decoration: none;
    line-height: 1.6em;
    text-align: right;
    float: right;
    width: 100%;
    margin-top: 12px;
    max-height: 220px;
    overflow: hidden;
    visibility: visible;
}

.about_section_content {
    float: right;
    width: 100%;
    font-size: 15px;
    color: #273a64;
    text-align: right;
    margin-top: 15px;
    line-height: 1.6em;
    font-weight: 400;
}

.about_section_img {
    text-align: left;
    float: left;
    width: 50%;
    margin-top: 0px;
}

#about_section_btn {
    width: 100%;
    text-decoration: none;
    float: right;
    height: auto;
    text-align: right;
    padding: 0%;
    background-color: #E8E8E8;
}

.about_section_btn {
    padding: 5%;
    font-size: 15px;
    font-weight: 700;
    color: #273a64;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    text-decoration: none;
    text-align: center;
    line-height: 1.8em;
    width: 90%;
    float: right;
    background-color: #E8E8E8;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #C2C2C1;
}

.about_section_btn:hover {
    padding: 5%;
    font-size: 15px;
    font-weight: 700;
    color: #C2C2C1;
    text-decoration: none;
    text-align: center;
    line-height: 1.8em;
    width: 90%;
    float: right;
    background-color: #273a64;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #C2C2C1;
}

.about_section_btn_selected {
    padding: 5%;
    font-size: 15px;
    font-weight: 700;
    color: #FFFFFF;
    text-decoration: none;
    text-align: center;
    line-height: 1.8em;
    width: 90%;
    float: right;
    background-color: #EE8D00;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #C2C2C1;
}

.about_section_dropDownBtn {
    width: 90%;
    display: block;
    float: right;
    margin-right: 5%;
    margin-bottom: 20px;
    margin-top: 20px;
    margin-left: 5%;
}


/* css for Team page
========================================================== */

.team_section_page {
    float: right;
    width: 100%;
    display: block;
    padding-bottom: 0px;
    padding-top: 0px;
}

.team_section_backround {
    float: right;
    width: 100%;
    margin-top: 120px;
}

.team_background {
    width: 100%;
    z-index: 1;
    text-decoration: none;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    float: left;
    margin-top: 30px;
}

.team_section_title {
    float: right;
    width: 100%;
    margin-bottom: 0px;
}

.team_section_title .h1 {
    font-size: 24px;
    font-weight: 700;
    text-decoration: none;
    width: 100%;
    text-align: center;
    line-height: 1.6em;
}

.team_section_items {
    float: right;
    width: 100%;
    display: block;
    padding-bottom: 0px;
    padding-top: 30px;
}

.teamMemberContainer {
    clear: none;
    float: right;
    margin-left: 0%;
    width: 70%;
    display: block;
    height: 100%;
    border-radius: 50%;
    margin-bottom: 8%;
    margin-left: 15%;
    margin-right: 15%;
}

.teamThumbsOverlay {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    border-radius: 50%;
}

.teamMemberInfo {
    clear: both;
    float: left;
    margin-left: 0;
    width: 90%;
    display: block;
    font-weight: 400;
    color: #FFF;
    text-align: center;
    padding: 5%;
    position: absolute;
    bottom: 20px;
    border-radius: 0px;
}

.teamMember_Icon_Left {
    clear: none;
    float: left;
    width: 49%;
    display: block;
    text-align: right;
    margin-right: 1%;
    margin-left: 0px;
    border-radius: 0px;
}

.teamMember_Icon_Right {
    clear: none;
    float: left;
    margin-left: 1%;
    width: 49%;
    display: block;
    margin-right: 0%;
    text-align: left;
    border-radius: 0px;
}

.teamMemberName {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: #273a64;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 5px;
}

.teamMemberJob {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    font-size: 14px;
    line-height: 1.6em;
    font-weight: normal;
    color: #273a64;
    text-align: center;
}

.teamMemberSep {
    clear: none;
    float: right;
    width: 13.33333333333333%;
    display: block;
    height: 30px;
    margin: 0px;
}

.teamMembers {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-bottom: 0px;
}

.teamMembersContent {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    padding-bottom: 50px;
}

.teamMembersContentLeft {
    clear: both;
    float: left;
    margin-left: 0;
    width: 46%;
    font-size: 14px;
    line-height: 1.7em;
    font-weight: 400;
    color: #343333;
    text-align: left;
    margin-right: 4%;
}

.teamMembersContentRight {
    clear: none;
    float: right;
    margin-left: 4%;
    width: 46%;
    display: block;
    font-size: 14px;
    line-height: 1.7em;
    font-weight: 400;
    color: #343333;
    text-align: left;
}

.teamMemberAboutUs {
    clear: none;
    float: left;
    margin-left: 0%;
    width: 28%;
    display: block;
    margin-right: 0%;
}

.teamMemberAboutText {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    vertical-align: middle!important;
    position: relative;
    z-index: 1002;
    bottom: 5px;
}

.teamSection {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    width: 100%;
}

.teamSection90 {
    clear: both;
    float: left;
    width: 90%;
    display: block;
    margin: 5%;
}

.teamSectionLeft {
    clear: none;
    float: right;
    margin-left: 5%;
    width: 60%;
}

.teamSectionRight {
    clear: none;
    float: left;
    margin-left: 0%;
    width: 35%;
    display: block;
}

.teamSectionName {
    clear: both;
    float: right;
    margin-left: 0;
    width: 100%;
    display: block;
    font-size: 19px;
    font-weight: 700;
    color: #135A72;
    margin-bottom: 10px;
    text-align: right;
}

.teamSectionText {
    clear: both;
    float: right;
    margin-left: 0;
    width: 100%;
    font-size: 17px;
    line-height: 1.8em;
    font-weight: 400;
    color: #000000;
    margin-bottom: 15px;
    text-align: right;
}

.teamPhone {
    clear: none;
    float: right;
    margin-left: 20px;
    width: auto;
    text-align: right;
}

.teamEmail {
    clear: none;
    float: right;
    margin-left: 0%;
    width: 50%;
    text-align: right;
}

.popUpPhone {
    font-size: 17px;
    font-weight: 400;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    text-decoration: none;
    line-height: 1.6em;
    text-align: right;
    color: #135A72;
    float: right;
}

.popUpPhone:hover {
    font-size: 17px;
    font-weight: 400;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    text-decoration: none;
    line-height: 1.6em;
    text-align: right;
    color: #305F77;
    float: right;
}

div.img-list-team {
    margin: 0;
    padding: 0;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -webkit-transition: all 500ms ease;
    border-radius: 50%;
    overflow: visible;
}

div.img-list-team a {
    display: inline-block;
    position: relative;
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    filter: none;
    transition: 500ms ease;
    border-radius: 50%;
    overflow: visible;
}

.img-list-team a img {
    -webkit-transition: all 500ms ease;
    border-radius: 50%;
}

div.img-list-team:hover {
    display: inline-block;
    position: relative;
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    filter: none;
    transition: 500ms ease;
    border-radius: 50%;
    overflow: visible;
}

span.text-content-team {
    color: #FFF;
    font-size: 22px;
    font-weight: 700;
    cursor: pointer;
    display: table-cell;
    width: 100%;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    opacity: 0;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;
}

span.text-content1-team {
    background: rgba(0, 0, 0, 0.6);
    display: table;
    width: 100%;
    height: 100%;
}

span.text-content2-team {
    background: rgba(53, 181, 166, 0.7);
    display: table;
    width: 100%;
    height: 100%;
}

span.text-content3-team {
    background: rgba(217, 58, 115, 0.7);
    display: table;
    width: 100%;
    height: 100%;
}

span.text-content1-team span {
    display: table-cell;
    text-align: center;
    vertical-align: top;
}

span.text-content2-team span {
    display: table-cell;
    text-align: center;
    vertical-align: top;
}

span.text-content3-team span {
    display: table-cell;
    text-align: center;
    vertical-align: top;
}

div.img-list-team a:hover span.text-content {
    opacity: 1;
}

.overlay {
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 0;
    cursor: default;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 9999;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}

.overlay:target {
    visibility: visible;
    opacity: 1;
}

.popup {
    background-color: #FFFFFF;
    display: inline-block;
    left: 50%;
    opacity: 0;
    position: absolute;
    text-align: justify;
    top: 25%;
    visibility: hidden;
    z-index: 9999;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: opacity .5s, top .5s;
    -moz-transition: opacity .5s, top .5s;
    -ms-transition: opacity .5s, top .5s;
    -o-transition: opacity .5s, top .5s;
    transition: opacity .5s, top .5s;
    width: 88%
}

.overlay:target+.popup {
    top: 25%;
    opacity: 1;
    visibility: visible;
    z-index: 9999;
}

.close {
    background-color: #B7DA97;
    height: 30px;
    line-height: 22px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: 0px;
    width: 30px;
    left: 0px;
    /*	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;*/
}

.close {
    background-color: #135A72;
    height: 50px;
    line-height: 51px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: 0px;
    width: 50px;
    left: -50px
}

.close:before {
    color: rgba(255, 255, 255, 0.9);
    content: "X";
    font-size: 25px;
}


/* css for testemonials section
========================================================== */

.testemonials_section {
    float: right;
    width: 100%;
    background-color: #FFFFFF;
    position: relative;
    padding-top: 100px;
    padding-right: 0%;
    padding-bottom: 40px;
    padding-left: 0%;
    margin: 0px;
}

.testemonials_up {
    float: right;
    width: 100%;
}

.testemonials_up_title {
    float: right;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    font-size: 19px;
    color: #273a64;
    text-align: center;
    margin-top: 0px;
    font-weight: 700;
    line-height: 1.6em;
}

.testemonials_up_sub_title {
    font-size: 15px;
    font-weight: 400;
    color: #102023;
    text-decoration: none;
    line-height: 1.6em;
    text-align: center;
    float: right;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 12px;
}

.testemonials_list_items {
    float: right;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
}

.testemonials_item {
    float: right;
    width: 50%;
    margin-top: 0px;
    padding-top: 50px;
    padding-bottom: 50px;
}

.testemonials_item img {
    width: 40%;
    margin-right: 30%;
    margin-left: 30%;
    float: right;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.testemonials_item .title {
    font-size: 16px;
    color: #273a64;
    text-align: center;
    width: 80%;
    margin-right: 10%;
    margin-left: 10%;
    float: right;
    margin-top: 15px;
    margin-bottom: 15px;
    font-weight: 700;
    padding: 0px;
}

.testemonials_item .subTitle {
    font-size: 15px;
    color: #273a64;
    text-align: center;
    width: 70%;
    margin-right: 15%;
    margin-left: 15%;
    float: right;
    margin-top: 0px;
    margin-bottom: 15px;
    font-weight: 400;
    overflow: hidden;
    visibility: visible;
    min-height: 70px;
    max-height: 70px;
}


/* css for tips page
========================================================== */

.tips_section_page {
    float: right;
    width: 100%;
    background-color: #F1F1F1;
    position: relative;
    padding-top: 90px;
    padding-right: 0%;
    padding-bottom: 50px;
    padding-left: 0%;
    margin: 0px;
}

.tips_up {
    float: right;
    width: 100%;
}

.tips_up_title {
    float: right;
    width: 100%;
    font-size: 17px;
    color: #EE8D00;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 700;
    line-height: 1em;
}

.tips_up_sub_title {
    font-size: 15px;
    font-weight: 400;
    color: #102023;
    text-decoration: none;
    line-height: 1.6em;
    text-align: center;
    float: right;
    width: 100%;
    margin-top: 12px;
}

.tips_list_items {
    float: right;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
}

.tips_section_items {
    float: right;
    width: 100%;
    display: block;
    padding-bottom: 0px;
    padding-top: 0px;
}

.tips_section_title {
    float: right;
    width: 100%;
    margin-bottom: 10px;
}

.tips_section_title .h1 {
    font-size: 32px;
    font-weight: 400;
    text-decoration: none;
    width: 100%;
    text-align: center;
    line-height: 1.6em;
}

.tips_section_content {
    float: right;
    width: 100%;
    padding: 0%;
}

.tips_section_content .h3 {
    font-size: 19px;
    font-weight: 400;
    text-decoration: none;
    width: 100%;
    text-align: center;
    color: #333333;
    line-height: 1.6em;
}

.tipsBigDate {
    font-size: 15px;
    font-weight: 400;
    text-align: right;
    float: right;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 0px;
    line-height: 1.6em;
    margin-right: 0%;
    margin-left: 0%;
    color: #6B6B6B;
}

.tipsBigTitle {
    font-size: 19px;
    font-weight: 700;
    text-align: right;
    float: right;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 0px;
    line-height: 1.6em;
    margin-right: 0%;
    margin-left: 0%;
}

.tipsBigTitle .Blue {
    color: #273a64;
}

.tipsTextSite {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6em;
    text-align: right;
    float: right;
    width: 100%;
    margin-right: 0%;
    margin-left: 0%;
    margin-bottom: 25px;
}

.tipsTextSite .Blue {
    color: #273a64;
}


/* css for contact start here
========================================================== */

.contactSection {
    float: right;
    width: 100%;
    margin: 0px;
    padding-top: 90px;
    padding-right: 0px;
    padding-bottom: 90px;
    padding-left: 0px;
}

.contact_up {
    float: right;
    width: 100%;
}

.contact_up_title {
    float: right;
    width: 100%;
    font-size: 21px;
    color: #EE8D00;
    text-align: center;
    margin-top: 0px;
    font-weight: 700;
    line-height: 1em;
}

.contact_up_title_form {
    float: right;
    width: 100%;
    font-size: 17px;
    color: #273a64;
    text-align: right;
    margin-top: 15px;
    margin-bottom: 15px;
    font-weight: 400;
    line-height: 1.6em;
}

.contact_up_sub_title {
    font-size: 17px;
    font-weight: 700;
    color: #273a64;
    text-decoration: none;
    line-height: 1.6em;
    text-align: center;
    float: right;
    width: 100%;
    margin-top: 12px;
}

#contact_page_contact {
    float: left;
    width: 100%;
    margin-right: 0%;
    margin-left: 0%;
    margin-top: 0px;
}

.contact_page_form {
    float: right;
    width: 90%;
    margin-right: 5%;
    margin-left: 5%;
    margin-top: 50px;
    margin-bottom: 50px;
}

.contact_page_field {
    float: right;
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0%;
    margin-left: 0%;
    clear: none;
}

.contact_page_field_inside {
    float: right;
    width: 100%;
    background-color: transparent;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #B8B8B8;
}

.contact_page_last {
    float: right;
    width: 100%;
    padding: 0px;
    margin-top: 20px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0%;
}

.contact_page_btn {
    float: left;
    width: 100%;
}

#contact_pag_button {
    float: left;
    height: 45px;
    margin: 0px;
    padding: 0px;
    line-height: 1.9em;
    font-size: 18px
}


/* css for filtering home section
========================================================== */

.filtering_section_page {
    float: right;
    width: 100%;
    background-color: #FFFFFF;
    position: relative;
    padding-top: 100px;
    padding-right: 0%;
    padding-bottom: 0px;
    padding-left: 0%;
    margin: 0px;
}

.filtering_section_btn {
    float: right;
    width: 100%;
    background-color: #FFFFFF;
    padding-top: 30px;
    padding-bottom: 22px;
}

.filtering-title_up {
    display: block;
    width: 100%;
    float: right;
    padding-top: 100px;
    padding-right: 0px;
    padding-bottom: 30px;
    padding-left: 0px;
}

.filteringSection {
    float: left;
    width: 100%;
    background-color: #FFFFFF;
}

.filteringItemContainer {
    float: left;
    width: 100%;
    margin-top: 0%;
    margin-bottom: 0px;
    min-height: 600px;
}

#filter-list {
    display: block;
    width: 100%;
    text-align: center;
    margin: 0px;
    padding: 0px;
    clear: right;
}

#filter-list li {
    display: inline-block;
    width: auto;
    font-size: 14px;
    cursor: pointer;
    font-family: atlas, sans-serif;
    font-weight: 700;
    color: #273a64;
    text-align: center;
    float: none;
    margin-left: 3px;
    padding-top: 6px;
    padding-right: 5px;
    padding-bottom: 6px;
    padding-left: 5px;
    border: 1px solid transparent;
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -o-transition: 0.3s all;
}

#filter-list li:hover {
    color: #666;
    border: 1px solid transparent;
}

#filter-list li.active {
    border: 1px solid #EE8D00;
    background-color: transparent;
    color: #EE8D00;
}

#portfolio {
    display: block;
    width: 100%;
    margin-bottom: 0px;
    text-align: right;
    padding-top: 0;
    padding-right: 0px;
    padding-bottom: 0;
    padding-left: 0px;
    margin-top: 0px;
}

#portfolio .sep {
    display: none;
    opacity: 0;
    width: 1%;
    float: right;
    background-color: #fff;
    height: 30px;
}

#portfolio .item a {
    display: inline-block;
    max-width: 100%;
    text-decoration: none;
    background: #fff;
}

#portfolio .item img {
    padding: 0px;
    max-width: 100%;
}

.title {
    font-family: 'atlas-pro', sans-serif;
    font-size: 30px;
    font-weight: 700;
    color: #3C3C3B;
    text-align: center;
    width: 100%;
    z-index: 10000!important;
    padding-top: 50px;
    padding-bottom: 50px;
    letter-spacing: 0.8px;
}

.download {
    font-family: 'atlas-pro', sans-serif;
    font-size: 17px;
    font-weight: 700;
    color: #FFFFFF;
    text-align: center;
    width: 100%;
    z-index: 10000!important;
    background-color: #F19002;
    padding-top: 22px;
    float: left;
    bottom: 0px;
    padding-bottom: 22px;
    background-image: url(../../../images/downloadFormArrow.png);
    background-repeat: no-repeat;
    background-position: 145px center;
}

#portfolio .portfolio_sep {
    float: right;
    height: 20px;
    width: 1%;
    display: none;
}

#portfolio .portfolio_sep branding {
    float: right;
    height: 20px;
    width: 1%;
    display: none;
}

#portfolio .portfolio_sep websites {
    float: right;
    height: 20px;
    width: 1%;
    display: none;
}

#portfolio .portfolio_sep logo {
    float: right;
    height: 20px;
    width: 1%;
    display: none;
}

#tumbOverlay {
    float: left;
    margin-right: 0px;
    margin-left: 0px;
}

div.img-list {
    margin: 0;
    padding: 0;
    border-radius: 0%;
}

.img-list a img {
    border-radius: 0%;
}

div.img-list a {
    display: inline-block;
    position: relative;
}

span.text-content {
    color: #FFF;
    font-family: 'atlas-pro', sans-serif;
    font-size: 3.3vw;
    font-weight: 700;
    cursor: pointer;
    display: table-cell;
    width: 100%;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    opacity: 0;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;
}

span.text-content1 {
    display: table;
    width: 80%;
    height: 100.5%;
    border-radius: 0%;
    margin: 0%;
    padding-left: 10%;
    padding-right: 10.5%;
}

span.text-content2 {
    background: rgba(53, 181, 166, 0.7);
    display: table;
    width: 100%;
    height: 100%;
}

span.text-content3 {
    background: rgba(217, 58, 115, 0.7);
    display: table;
    width: 100%;
    height: 100%;
}

span.text-content1 span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 70%;
    margin-right: 15%;
    margin-left: 15%;
}

span.text-content2 span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

span.text-content3 span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

div.img-list a:hover span.text-content {
    opacity: 1;
}

.text-content1 h2 {
    font-size: 21px;
    font-weight: 300;
    color: #FFF;
    text-align: center;
    float: right;
    width: 80%;
}

.caption-NewIcon {
    float: right;
    width: 60px;
    height: 60px;
    background-color: #fff;
    color: #ee8d00;
    text-align: center;
    font-weight: 700;
    font-size: 2.8vw;
    line-height: 5.5em;
    position: absolute;
    left: 10px;
    top: 10px!important;
    border-radius: 50%;
    margin: 0;
    padding: 0;
}


/* css for investments start here
========================================================== */

.investmentID {
    float: right;
    width: 100%;
    background-color: #FFFAED;
    margin: 0px;
    padding: 0px;
}

.investmentIDbackround {
    float: right;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center top;
}

.investmentID_Next_Prev {
    float: right;
    width: 96%;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    background-color: #AFAFAF;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 2%;
    padding-left: 2%;
}

.investmentIdBtn_right {
    float: right;
    width: 45%;
}

.projectIdBtn_left {
    float: left;
    width: 45%;
}

.investmentIdBtn_rightA {
    float: right;
    width: auto;
    font-size: 21px;
    font-weight: 700;
    text-align: right;
    color: #FFFFFF;
    line-height: 1.8em;
    text-decoration: none;
    background-image: url(../images/projectIDPrevRoll.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 40px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.investmentIdBtn_rightA:hover {
    float: right;
    width: auto;
    font-size: 21px;
    font-weight: 700;
    text-align: right;
    color: #273a64;
    line-height: 1.8em;
    text-decoration: none;
    background-image: url(../images/projectIDPrev.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 40px;
}

.investmentIdBtn_leftA {
    float: left;
    width: auto;
    font-size: 21px;
    font-weight: 700;
    text-align: left;
    color: #FFFFFF;
    line-height: 1.8em;
    text-decoration: none;
    background-image: url(../images/projectIDNextRoll.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 40px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.investmentIdBtn_leftA:hover {
    float: left;
    width: auto;
    font-size: 21px;
    font-weight: 700;
    text-align: left;
    color: #273a64;
    line-height: 1.8em;
    text-decoration: none;
    background-image: url(../images/projectIDNext.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 40px;
}

.investmentBtn_rightA {
    float: right;
    width: auto;
    font-size: 15px;
    font-weight: 700;
    text-align: right;
    color: #FFFFFF;
    line-height: 1.6em;
    text-decoration: none;
    background-image: url(../images/newsNext.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.investmentBtn_rightA:hover {
    float: right;
    width: auto;
    font-size: 15px;
    font-weight: 700;
    text-align: right;
    color: #B7CD15;
    line-height: 1.6em;
    text-decoration: none;
    background-image: url(../images/newsNext_roll.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px;
}

.investmentBtn_leftA {
    float: left;
    width: auto;
    font-size: 15px;
    font-weight: 700;
    text-align: left;
    color: #FFFFFF;
    line-height: 1.6em;
    text-decoration: none;
    background-image: url(../images/newsPrev.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.investmentBtn_leftA:hover {
    float: left;
    width: auto;
    font-size: 15px;
    font-weight: 700;
    text-align: left;
    color: #B7CD15;
    line-height: 1.6em;
    text-decoration: none;
    background-image: url(../images/newsPrev_roll.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
}

.investmentID_ImageContent {
    float: left;
    width: 100%;
    margin-top: 80px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    position: relative;
}

.investmentID_Image_Left {
    float: left;
    width: 100%;
    margin-top: 30px;
    margin-right: 0px;
    margin-left: 0px;
}

.investmentID_Image_Left_detalis {
    float: left;
    width: 90%;
    margin-right: 0px;
    margin-left: 0px;
    background-color: #FFF;
    padding: 5%;
}

.investmentID_detalis_right {
    float: right;
    width: 100%;
    margin-left: 0%;
}

.investmentID_detalis_left {
    float: left;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
}

.investmentID_detalis_icon_container {
    float: right;
    width: 80%;
    padding-left: 10%;
    padding-right: 10%;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #E1E1E1;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.investmentID_detalis_icon {
    float: right;
    width: 35px;
    text-align: right;
    margin-left: 5px;
}

.investmentID_detalis_icon_title {
    float: right;
    width: auto;
    text-align: right;
    font-size: 15px;
    font-weight: 700;
    color: #EE8D00;
    margin-top: 5px;
    margin-left: 15px;
}

.investmentID_detalis_icon_sub_title {
    float: right;
    width: 100%;
    text-align: right;
    font-size: 14px;
    font-weight: 400;
    color: #273a64;
    margin-top: 7px;
}

.investmentID_Image_model_Left {
    float: left;
    width: 100%;
    margin-top: 30px;
    margin-right: 0px;
    margin-left: 0px;
}

.investmentID_Image_company_Left {
    float: left;
    width: 100%;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
}

.investmentID_Image_Right {
    float: right;
    width: 100%;
    margin-top: 0px;
    background-color: #E8E8E8;
    margin-right: 0%;
    margin-left: 0%;
    padding: 0px;
    position: relative;
    top: 0px;
    right: 0px;
    bottom: 0px;
}

.investmentID_Name {
    float: right;
    width: 100%;
    font-size: 21px;
    font-weight: 700;
    color: #273a64;
    text-align: right;
    line-height: 1.6em;
    margin-top: 0%;
    margin-right: 0%;
    margin-bottom: 15px;
    margin-left: 0%;
}

.investmentID_Title {
    float: right;
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    color: #273a64;
    text-align: right;
    line-height: 1.6em;
    margin-right: 0%;
    margin-bottom: 30px;
    margin-left: 0%;
    margin-top: 0px;
}

.investmentID_sub_title {
    float: right;
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    color: #273a64;
    text-align: right;
    line-height: 1.6em;
    margin-right: 0%;
    margin-bottom: 25px;
    margin-left: 0%;
    margin-top: 0px;
}

.investmentID_Text {
    float: right;
    width: 80%;
    font-size: 17px;
    font-weight: 400;
    color: #6F6F6E;
    text-align: right;
    line-height: 1.6em;
    margin-right: 10%;
    margin-bottom: 0%;
    margin-left: 10%;
    margin-top: 15px;
}

.investmentID_title_up {
    float: right;
    width: 80%;
    font-size: 19px;
    font-weight: 700;
    color: #6F6F6E;
    text-align: right;
    line-height: 1.6em;
    margin-right: 10%;
    margin-bottom: 0%;
    margin-left: 10%;
    margin-top: 30px;
}

.investmentID_contact_form {
    float: right;
    width: 80%;
    margin-right: 10%;
    margin-left: 10%;
    margin-bottom: 30px;
    margin-top: 50px;
}

.investmentID_title_form {
    float: right;
    width: 100%;
    font-size: 17px;
    font-weight: 700;
    color: #273a64;
    text-align: right;
    line-height: 1.6em;
    margin-right: 0%;
    margin-bottom: 15px;
    margin-left: 0%;
    margin-top: 0px;
}

.investmentID_field {
    float: right;
    width: 100%;
    margin-bottom: 10px;
    margin-right: 0%;
    margin-left: 0%;
    clear: none;
}

.investmentID_field_inside {
    float: right;
    width: 100%;
    background-color: transparent;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #B8B8B8;
}

.investmentID_page_last {
    float: right;
    width: 100%;
    padding: 0px;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0%;
}

#investmentID_page_contact {
    float: left;
    width: 100%;
    margin-right: 0%;
    margin-left: 0%;
    margin-top: 0px;
    margin-bottom: 30px;
}

.investmentID_slide_left {
    float: left;
    width: 100%;
}


/* css 2016
========================================================== */

.caption_hover_container {
    float: right;
    width: 90%;
    margin-right: 5%;
    margin-left: 5%;
    margin-top: 15px;
}

.caption_hover_name {
    float: right;
    width: 100%;
    font-size: 3.3vw;
    font-weight: 900;
    color: #273a64;
    text-align: right;
    line-height: 1.2em;
    margin-top: 0px;
    margin-right: 0%;
    margin-bottom: 0px;
    margin-left: 0%;
    direction: rtl;
}

.caption_hover_title {
    float: right;
    width: 100%;
    font-size: 2.8vw;
    font-weight: 400;
    color: #7392cb;
    text-align: right;
    line-height: 1.2em;
    margin-top: 7px;
    margin-right: 0%;
    margin-bottom: 0px;
    margin-left: 0%;
    direction: rtl;
}


/* css for real estate section
========================================================== */

.real_estate_SectionContent {
    float: right;
    width: 100%;
    background-color: #FFF;
    margin-top: 60px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding: 0%;
    position: relative;
}

.real_estate_SectionContent_right {
    float: right;
    width: 25%;
    display: none;
    background-color: #E8E8E8;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
}

.real_estate_SectionContent_left {
    float: left;
    width: 90%;
    padding: 5%;
}

.real_estate_Section_right_up {
    float: right;
    width: 90%;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 5%;
    margin-right: 3%;
}

.real_estate_Section_right_up_img {
    float: left;
    width: 90%;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 5%;
}

.real_estate_Section_title {
    float: right;
    width: 100%;
    font-size: 24px;
    color: #273a64;
    text-align: right;
    margin-top: 0px;
    font-weight: bold;
    line-height: 1em;
}

.real_estate_Section_sub_title {
    font-size: 15px;
    font-weight: 700;
    color: #273a64;
    text-decoration: none;
    line-height: 1.6em;
    text-align: right;
    float: right;
    width: 100%;
    margin-top: 12px;
    max-height: 220px;
    overflow: hidden;
    visibility: visible;
}

.real_estate_Section_sub_text {
    font-size: 15px;
    font-weight: 400;
    text-decoration: none;
    line-height: 1.6em;
    text-align: right;
    float: right;
    width: 100%;
    margin-top: 12px;
    max-height: 220px;
    overflow: hidden;
    visibility: visible;
}

.real_estate_Section_sub_img {
    text-align: left;
    float: left;
    width: 100%;
    margin-top: 0px;
}

#real_estate_Section_btn {
    width: 100%;
    text-decoration: none;
    float: right;
    height: auto;
    text-align: right;
    padding: 0%;
}

.real_estate_Section_btn {
    padding: 5%;
    font-size: 17px;
    font-weight: 700;
    color: #273a64;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    text-decoration: none;
    text-align: center;
    line-height: 2.9em;
    width: 90%;
    float: right;
    background-color: #E8E8E8;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #C2C2C1;
}

.real_estate_Section_btn:hover {
    padding: 5%;
    font-size: 17px;
    font-weight: 700;
    color: #C2C2C1;
    text-decoration: none;
    text-align: center;
    line-height: 2.9em;
    width: 90%;
    float: right;
    background-color: #273a64;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #C2C2C1;
}

.real_estate_Section_btn_selected {
    padding: 5%;
    font-size: 17px;
    font-weight: 700;
    color: #FFFFFF;
    text-decoration: none;
    text-align: center;
    line-height: 2.9em;
    width: 90%;
    float: right;
    background-color: #178EAB;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #C2C2C1;
}

.real_estate_Section_dropDownBtn {
    width: 90%;
    display: block;
    float: right;
    margin-right: 5%;
    margin-bottom: 5px;
    margin-top: 20px;
    margin-left: 5%;
}

.real_estate_info_down {
    width: 50%;
    display: none;
    float: right;
    margin-right: 0px;
    margin-top: 7px;
    margin-left: 0px;
    font-size: 17px;
    font-weight: 400;
    color: #FFF;
    text-align: center;
}

.real_estate_info_down:hover {
    width: 50%;
    display: block;
    float: right;
    margin-right: 0px;
    margin-top: 7px;
    margin-left: 0px;
    font-size: 17px;
    font-weight: 400;
    color: #273a64;
    text-align: center;
}

.real_estate_img {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

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

.real_estate_download_btn {
    font-size: 15px;
    font-weight: 400;
    color: #273a64;
    text-align: center;
    width: 100%;
    z-index: 10000!important;
    padding-top: 15px;
    float: left;
    bottom: 0px;
    padding-bottom: 15px;
    background-image: url(../images/downloadPdf.png);
    background-repeat: no-repeat;
    background-position: 94% center;
    border: 1px solid #273a64;
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -o-transition: 0.3s all;
}

.real_estate_download_btn:hover {
    font-size: 15px;
    font-weight: 400;
    color: #EE8D00;
    text-align: center;
    width: 100%;
    z-index: 10000!important;
    padding-top: 15px;
    float: left;
    bottom: 0px;
    padding-bottom: 15px;
    background-image: url(../images/downloadPdf_roll.png);
    background-repeat: no-repeat;
    background-position: 94% center;
    border: 1px solid #EE8D00;
}

.real_estate_download_btn:fucos {
    font-size: 15px;
    font-weight: 400;
    color: #EE8D00;
    text-align: center;
    width: 100%;
    z-index: 10000!important;
    padding-top: 15px;
    float: left;
    bottom: 0px;
    padding-bottom: 15px;
    background-image: url(../images/downloadPdf_roll.png);
    background-repeat: no-repeat;
    background-position: 94% center;
    border: 1px solid #EE8D00;
}

#real_estate_icon_btn {
    text-align: left;
    float: left;
}

.real_estate_icon_btn {
    position: absolute;
    text-align: left;
    float: left;
    top: 0;
    left: 0;
}

.real_estate_icon_zoom {
    text-align: left;
    float: left;
    width: 100%;
    position: relative;
}


/* css for real_estate_id_section
========================================================== */

.real_estate_id_section {
    float: right;
    width: 100%;
    background-color: transparent;
    margin-top: 90px;
    margin-right: 0px;
    margin-bottom: 70px;
    margin-left: 0px;
    padding: 0%;
    position: relative;
}

.real_estate_id_section h1 {
    float: right;
    width: 100%;
    font-size: 4vw;
    color: #273a64;
    text-align: center;
    font-weight: 700;
    line-height: 1.2em;
    margin-bottom: 7px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 0;
}

.real_estate_id_section p {
    float: right;
    width: 90%;
    font-size: 15px;
    color: #7392cb;
    text-align: right;
    font-weight: 400;
    line-height: 1.6em;
    margin-bottom: 30px;
    margin-top: 20px;
    margin-left: 5%;
    margin-right: 5%;
    padding: 0;
    direction: rtl;
}

.real_estate_id_section h2 {
    float: right;
    width: 100%;
    font-size: 3.5vw;
    color: #7392cb;
    text-align: center;
    font-weight: 400;
    line-height: 1em;
    margin-bottom: 25px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 0;
    display: block;
    height: auto;
}

.real_estate_id_slideshow {
    width: 100%;
    float: right;
    margin-top: 0;
}

.real_estate_id_content {
    width: 100%;
    float: right;
    background-color: #fff;
    padding-bottom: 30px;
}

.real_estate_id_btn_section {
    width: 100%;
    text-decoration: none;
    float: right;
    height: auto;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    direction: rtl;
    border-bottom-color: #ccc;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.real_estate_id_btn {
    padding: 0;
    font-size: 15px;
    font-weight: 400;
    color: #273a64;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    text-decoration: none;
    text-align: center;
    line-height: 2em;
    width: auto;
    float: none;
    display: inline-block;
    direction: rtl;
    margin-left: 35px
}

.real_estate_id_btn:hover {
    padding: 0;
    font-size: 15px;
    font-weight: 400;
    color: #7392cb;
    text-decoration: none;
    text-align: center;
    line-height: 2em;
    width: auto;
    float: none;
    display: inline-block;
    direction: rtl;
}

.real_estate_id_btn_selected {
    padding: 0;
    font-size: 15px;
    font-weight: 700;
    color: #ee8d00;
    text-decoration: none;
    text-align: center;
    line-height: 2em;
    width: auto;
    float: none;
    display: inline-block;
    direction: rtl;
    margin-left: 35px
}

.real_estate_id_download_section {
    width: 50%;
    float: right;
    margin-right: 50%;
    margin-left: 50%;
}

.real_estate_id_download_section {
    width: 90%;
    float: right;
    margin-right: 5%;
    margin-left: 5%;
    direction: rtl;
}

.real_estate_id_download_1 {
    width: 100%;
    float: right;
    margin-left: 0%;
    margin-bottom: 15px;
}

.real_estate_id_download_1:nth-of-type(2n) {
    width: 100%;
    float: right;
    margin-left: 0%;
}

.real_estate_id_icon {
    float: right;
    width: 70px;
    height: 70px;
    background-color: #fff;
    color: #ee8d00;
    text-align: center;
    font-weight: 600;
    font-size: 15px;
    line-height: 4.6em;
    position: absolute;
    left: 10px;
    top: 15px!important;
    border-radius: 50%;
    margin: 0;
    padding: 0;
}

.real_estate_id_icon_zoom {
    position: absolute;
    left: 0px;
    bottom: 0px!important;
    z-index: 100000000000000!important;
}


/* css for real_estate_id_section
========================================================== */

.real_estate_id_section {
    float: right;
    width: 100%;
    background-color: transparent;
    margin-top: 80px;
    margin-right: 0px;
    margin-bottom: 70px;
    margin-left: 0px;
    padding: 0%;
    position: relative;
}

.real_estate_id_section h1 {
    float: right;
    width: 100%;
    font-size: 3vw;
    color: #273a64;
    text-align: center;
    font-weight: 700;
    line-height: 1.2em;
    margin-bottom: 7px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 0;
}

.real_estate_id_section p {
    float: right;
    width: 80%;
    font-size: 16px;
    color: #7392cb;
    text-align: right;
    font-weight: 400;
    line-height: 1.6em;
    margin-bottom: 30px;
    margin-top: 20px;
    margin-left: 10%;
    margin-right: 10%;
    padding: 0;
    direction: rtl;
}

.real_estate_id_section h2 {
    float: right;
    width: 100%;
    font-size: 2.5vw;
    color: #7392cb;
    text-align: center;
    font-weight: 400;
    line-height: 1em;
    margin-bottom: 25px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 0;
}

.real_estate_id_slideshow {
    width: 100%;
    float: right;
    margin-bottom: 0;
}

.real_estate_id_content {
    width: 100%;
    float: right;
    background-color: #fff;
    padding-bottom: 50px;
}

.real_estate_id_btn_section {
    width: 100%;
    text-decoration: none;
    float: right;
    height: auto;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    direction: rtl;
    border-bottom-color: #ccc;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.real_estate_id_btn {
    padding: 0;
    font-size: 15px;
    font-weight: 400;
    color: #273a64;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    text-decoration: none;
    text-align: center;
    line-height: 2em;
    width: auto;
    float: none;
    display: inline-block;
    direction: rtl;
    margin-left: 35px
}

.real_estate_id_btn:hover {
    padding: 0;
    font-size: 15px;
    font-weight: 400;
    color: #7392cb;
    text-decoration: none;
    text-align: center;
    line-height: 2em;
    width: auto;
    float: none;
    display: inline-block;
    direction: rtl;
}

.real_estate_id_btn_selected {
    padding: 0;
    font-size: 15px;
    font-weight: 700;
    color: #ee8d00;
    text-decoration: none;
    text-align: center;
    line-height: 2em;
    width: auto;
    float: none;
    display: inline-block;
    direction: rtl;
    margin-left: 35px
}

.real_estate_id_download_section {
    width: 50%;
    float: right;
    margin-right: 50%;
    margin-left: 50%;
}

.real_estate_id_download_section {
    width: 90%;
    float: right;
    margin-right: 5%;
    margin-left: 5%;
    direction: rtl;
}

.real_estate_id_download_1 {
    width: 47.5%;
    float: right;
    margin-left: 5%;
}

.real_estate_id_download_1:nth-of-type(2n) {
    width: 47.5%;
    float: right;
    margin-left: 0%;
}

.real_estate_id_icon {
    float: right;
    width: 70px;
    height: 70px;
    background-color: #fff;
    color: #ee8d00;
    text-align: center;
    font-weight: 700;
    font-size: 15px;
    line-height: 4.5em;
    position: absolute;
    left: 10px;
    top: 35px!important;
    border-radius: 50%;
    margin: 0;
    padding: 0;
}

.real_estate_id_icon_zoom {
    position: absolute;
    left: 0px;
    bottom: 0px!important;
    z-index: 100000000000000!important;
}


/* css for investments_new_section
========================================================== */

.investments_reco {
    float: right;
    width: 90px;
    height: 90px;
    background-color: #fff;
    color: #ee8d00;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    vertical-align: middle;
    position: absolute;
    left: 20px;
    top: 30px!important;
    border-radius: 50%;
    margin: 0;
    box-sizing: border-box;
    display: inline-block;
    padding-top: 30px;
}

span.content_above {
    font-size: 19px;
    font-weight: 700;
    cursor: pointer;
    display: table-cell;
    width: 100%;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    opacity: 1;
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -o-transition: 0.3s all;
}

div.img-list a:hover span.content_above {
    opacity: 0;
}

span.content_above_text {
    display: table;
    width: 80.5%;
    height: 100.5%;
    border-radius: 0%;
    margin: 0%;
    padding-left: 10%;
    padding-right: 10%;
}

span.content_above_text span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.content_above .content_above_text .title {
    float: right;
    width: 90%;
    font-size: 17px;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    z-index: 2!important;
    bottom: 30%;
    right: 0px;
    margin-left: 5%;
    margin-right: 5%;
    line-height: 1.2em;
    display: none;
}

span.content_under {
    font-size: 19px;
    font-weight: 700;
    cursor: pointer;
    display: table-cell;
    width: 100%;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    opacity: 1;
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -o-transition: 0.3s all;
}

.content_under .content_under_text .title {
    float: right;
    width: 90%;
    font-size: 17px;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    z-index: 2!important;
    bottom: 30%;
    right: 0px;
    margin-left: 5%;
    margin-right: 5%;
    line-height: 1.2em;
    display: none;
}

div.img-list a:hover span.content_under {
    opacity: 1;
}

span.content_under_text {
    display: table;
    width: 80.5%;
    height: 100.5%;
    border-radius: 0%;
    margin: 0%;
    padding-left: 10%;
    padding-right: 10%;
}

span.content_under_text span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.item_btn {
    float: right;
    width: 26%;
    max-height: 300px;
    font-size: 17px;
    font-weight: 400;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    z-index: 2!important;
    bottom: 10%;
    right: 0px;
    margin-left: 37%;
    margin-right: 37%;
    line-height: 2em;
}


/* css for investments_id_new
========================================================== */

.investments_id_new {
    float: right;
    width: 100%;
    padding-top: 90px;
    padding-bottom: 60px;
}

.investments_id_new h1 {
    float: right;
    width: 100%;
    font-size: 17px!important;
    font-weight: 700;
    color: #273a64;
    text-align: center;
    line-height: 1.6em;
    margin-top: 0%;
    margin-right: 0%;
    margin-bottom: 5px;
    margin-left: 0%;
    direction: rtl;
}

.investments_id_new h2 {
    float: right;
    width: 100%;
    font-size: 15px!important;
    font-weight: 400;
    color: #7392cb;
    text-align: center;
    line-height: 1.6em;
    margin-top: 0%;
    margin-right: 0%;
    margin-bottom: 5px!important;
    margin-left: 0%;
    direction: rtl;
    display: block;
}

.investments_id_new_content {
    float: right;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0;
    background-color: #fff;
    padding-top: 30px;
    padding-bottom: 0px;
}

.investments_id_new_image {
    float: right;
    width: 40%!important;
    margin-left: 30%!important;
    margin-right: 30%!important;
    margin-top: 0;
    margin-bottom: 0;
}

.investments_id_new_image img {
    float: right;
    width: 100%;
    border-radius: 50%;
}

.investments_id_new_content p {
    float: right;
    width: 80%;
    font-size: 14px!important;
    font-weight: 600;
    color: #273a64;
    text-align: right;
    line-height: 1.6em;
    margin-top: 30px;
    margin-bottom: 5px;
    margin-right: 10%;
    margin-left: 10%;
    direction: rtl;
}

.investments_id_new_icons {
    float: right;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 50px;
    padding-right: 0;
    padding-left: 0;
    direction: rtl;
}

.investments_id_new_btn_section {
    width: 90%;
    float: right;
    margin-right: 5%;
    margin-left: 5%;
    margin-top: 15px!important;
    margin-bottom: 0px!important;
}

.investments_id_new_btn {
    width: 100%!important;
    float: right;
    margin-left: 2%;
    margin-bottom: 10px;
    box-sizing: border-box;
    display: inline-block;
    font-size: 14px!important;
    font-weight: 400;
    color: #273a64;
    text-align: center;
    z-index: 10000!important;
    padding-top: 15px;
    padding-bottom: 15px;
    border: 1px solid #273a64;
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -o-transition: 0.3s all;
}

.investments_id_new_btn:nth-of-type(2n) {
    margin-left: 0%;
}

.investments_id_new_btn:hover {
    color: #EE8D00;
    border: 1px solid #EE8D00;
}

.investments_id_new_btn:focus {}