@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'Helvetica';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica'), url('../fonts/Helvetica.woff') format('woff');
}

/* */
#scroll_down img {
    max-width: 20px;
}



@media (max-width: 767px) {
    .whatwedo_banner {
        margin-top: 1em !important;
    }
}




/*Header section style start*/
body {
    font-family: 'Helvetica';
    color: #414042;
    font-size: 14px;
}

h2 {
    font-size: 35px;
}

h3.orange-title {
    color: #ef7e2d;
    padding: 10px 0;
    border-bottom: 1px solid #ef7e2d;
    display: inline-block;
    font-weight: 100;
}

h5.orange-title {

    color: #ef7e2d;
}

p {
    font-family: 'Helvetica', sans-serif;
}

.min250 {
    min-height: 250px;
}

a.link {
    color: #ef7e2d;
}

.ptb-60 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.topbar {
    font-family: 'Helvetica', sans-serif;
    font-weight: normal;
    color: #fff;
    width: 100%;
    position: fixed;
    right: 0;
    top: 0;
    background: #434244;
    z-index: 2;
    padding-top: 5px;
    padding-bottom: 5px;
}

.topbar a {
    color: #FFFFFF;
    font-size: 12px;
    margin: 0 5px;
    text-decoration: none;
}

.topbar a:hover {
    color: #76bd1d;
}

.top-curve {
    position: absolute;
    z-index: 3;
    left: -57px;
    top: 0;
}

.top-social {
    margin-left: 10px;
}

.top-social a {
    font-size: 15.2px;
    border-left: 1px solid #585858;
    padding: 8px 0px 8px 10px;
    display: inline-block;
}

.top-social a:hover {
    color: #ef7e2d;
}

.cedarwood_logo {
    width: 50px;
    margin-top: 35px;
    margin-bottom: 12px;
}

.topbar_sub {
    width: 80%;
    margin: auto;
}

.email_head {
    color: #76bd1d !important;
    font-weight: bold;
}

.top_slash {
    margin-right: 10px;
    margin-left: 10px;
    color: #989292;
}

.ion-ios-menu {
    font-size: 2rem;
}

.ion-ios-close {
    font-size: 2rem;
}

/*Header section style end*/

/*Home page start*/
.text-center {
    text-align: center;
}

.together_span {
    color: #8ac54c;
    margin-right: 5px;
    margin-left: 5px;
}

.home_company_logo {
    height: 65px;
    width: auto;
	max-width: 100%;
	display: block;
	margin: 0 auto
}

.home_com_logo_row {
    margin-top: 20px;
}

.border_right_green {
    border-right: 1px solid #8ac54c;
}
.together_icons { text-align: left; margin-top: 50px; }
.together_head { border-bottom: 2px solid #292929;}
.together_head h3 { width: 100%; text-align: center; }
.together_head p { width: 100%; text-align: center; }
.video_overlay {
    width: 100%;
    position: absolute;
    left: 0px;
    background: #000;
    opacity: 0.4; 
	top: 103px; 
	}
/*Home page end*/

/*Development start*/
.dev_section_ul {
    float: left;
    padding-right: 0px;
}

.dev_section_ul ul {
    padding-left: 0px;
}

.dev_section1_img {
    margin-bottom: 25px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}

/*Development end*/

/*architecture start*/
.container.architecture_since {
    background: url(../images/architecture_section_2_back.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.architecture_since_row {
    padding-top: 35px;
    padding-bottom: 18px;
}

.architecture_mission {
    background: url(../images/architecture_middle_section2_img.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

.container.riverview_since {
    background: url(../images/riverview_section_2_back.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.riverview_mission {
    background: url(../images/riverview_middle_section2_img.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

.container.tric_since {
    background: url(../images/tri-c_section_2_back.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.tric_mission {
    background: url(../images/tri-c_middle_section2_img.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

.service_icon_second {
    width: 80%;
    margin: auto;
}

.architecture_section5_row1,
.architecture_section5_row2 {
    background-color: #f1f1f1;
}

.architecture_section5_row3 {
    margin-top: -50px;
}

.architecture_section5_row2 {
    padding-bottom: 60px;
}

.architecture_section5_row1 {
    /*padding-top: 20px;*/
}

.architecture_section6 {
    background: url(../images/architecture_section6_back.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    color: #ffffff;
    padding-top: 50px;
    padding-bottom: 50px;
}

.architecture_contact {
    background: no-repeat;
    color: #74a626;
    border: 2px solid #fff;
    font-weight: bold;
    padding: 5px;
    padding-left: 12px;
    padding-right: 12px;
    cursor: pointer;
}

.arch_section6_col1 {
    border-right: 1px solid white;
}

.architecture_hr {
    color: #fff;
}

/*architecture end*/


/*Home page section1 start*/
.home_testimonial {
    font-size: 9px;
    margin-right: 15%;
    margin-left: 15%;
}

.home_testimonial_img {
    width: 20%;
    float: left;
}

.home_testimonial_text {
    width: 80%;
    float: left;
}

.home_testimonial_img img {
    width: 100%;
    padding-right: 10px;
}

hr {
    border-top: 2px solid #989292;
}

/*Home page section1 end*/

/*Home page section2 start*/
.container.since {
    background: url(../images/projects-background.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.since_div {
    background-color: #ffffff;
    padding: 25px;
    /*margin: 5em 0;*/
}

.whatwedo_div {
    background-color: #414042;
    padding: 30px;
    color: #ffffff;
	text-align: center;
}

.since_row {
    padding-top: 80px;
    padding-bottom: 60px;
}

.mob_since_img {
    display: none;
}

.mob_whatwedo_img {
    display: none;
}

/*Home page section2 end*/

/*Home page section3 start*/
.container.mission {
    background: url(../images/Cedarwood_middle_section2.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mission_div {
    background-color: #414042;
    padding: 25px;
    color: #ffffff;
}

.mission_row {
    padding-top: 85px;
    padding-bottom: 45px;
}

.mob_mission_img {
    display: none;
}

/*Home page section3 end*/

/*Home page section4 start*/
.home_icon {
    width: 40px;
}

.home_icon_image {
    width: 20%;
    float: left;
    line-height: 70px;
}

.home_icon_text {
    width: 80%;
    float: left;
    padding-left: 8px;
    display: flex;
    align-items: center;
}

.service_icon {
    margin-top: 60px;
}

/*Home page section4 end*/

/*Home page section5 start*/
.gallery_row div img {
    width: 100%;
}

.gallery-top-right {
    position: absolute;
    top: 8px;
    right: 16px;
    color: #ffffff;
    padding-right: 10px;
    writing-mode: vertical-rl;
    text-orientation: mixed;
}

.gallery-top-right h1 {
    line-height: 0px;
}

.home_gallery_text {
    text-align: center;
    writing-mode: vertical-rl;
    text-orientation: mixed;
}

.mob_gallery_head {
    display: none;
}

/*Home page section5 end*/

/*footer section css start*/
footer {
    background: #252525;
    color: #fff;
    padding-top: 75px !important;
    padding-bottom: 75px !important;
}

.footer-bottom {
    color: #919191;
    font-size: 14px;
}

.footer-bottom a {
    color: #919191;
    font-size: 14px;
    margin: 0 7px;
}

.footer_links {
    list-style-type: none;
    padding-left: 0px;
}

.footer_email a {
    color: #76bd1d !important;
}

.footer_email a:hover {
    color: #ffffff !important;
}

.footer_left_text {
    font-size: 18px;
}

.footer_links li {
    padding-bottom: 10px;
}

.foter_col1 {
    border-right: 1px solid #fff;
}

border_right_green {
    border-right: 1px solid #8ac54c;
}

.footer_a {
    color: #ffffff;
}

a:hover {
    text-decoration: none;
    color: #76bd1d;
}

/*footer section css end*/



.toggle,
[id^=drop] {
    display: none;
}

nav {
    margin: 0;
    padding: 0;
    /*	background-color: #ffffff;*/
    margin-top: 5px;
}

.menu {
    margin-top: 40px;
}

#logo {
    display: block;
    padding: 0 30px;
    float: left;
    font-size: 20px;
    line-height: 60px;
}

nav:after {
    content: "";
    display: table;
    clear: both;
}

nav ul {
    float: right;
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
}

nav ul li {
    margin: 0px;
    display: inline-block;
    float: left;

}

nav > ul > li > ul > li {
    background-color: #f1f0f0;
}

nav > ul > li > ul > li > ul > li {
    background-color: #f1f0f0;
}

nav a {
    display: block;
    padding: 0 20px;
    color: #414042;
    font-size: 14px;
    line-height: 40px;
    text-decoration: none;
}

nav ul li ul li:hover {
    background: #74a626;
}

nav a:hover {
    background-color: #74a626;
    color: #ffffff;
    text-decoration: none;
}

nav ul ul {
    display: none;
    position: absolute;
    top: 40px;
}

nav ul li:hover > ul {
    display: inherit;
}

nav ul ul li {
    width: 225px;
    float: none;
    display: list-item;
    position: relative;
    z-index: 999;
}

nav ul ul ul li {
    position: relative;
    top: -40px;
    left: 225px;
}

.menu_icon {
    width: 25px;
    float: right;
    padding-top: 20px;
}

.close_icon {
    width: 20px;
    float: right;
    padding-top: 20px;
}

.close_icon {
    display: none;
}





/*multi family page start*/
.learn_more_button {
    background: no-repeat;
    color: #74a626;
    border: 2px solid #000;
    font-weight: bold;
    padding: 5px;
    padding-left: 12px;
    padding-right: 12px;
    cursor: pointer;
}

.margin-50 {
    margin-bottom: 50px;
}

.border_bottom {
    border-bottom: 1px solid gray;
}

.work_head {
    background-color: #414042;
    color: #000;
    padding: 10px;
}

.cedarwood_dev_img {
    text-align: center;
    border-right: 1px solid;
    border-left: 1px solid;
    margin-left: 20px;
    margin-right: 40px;

}

.multi_family_text {
    writing-mode: vertical-rl;
    text-orientation: mixed;
}

.gray_back {
    background-color: #414042;
    color: #b3b2b2;
    display: flex;
    justify-content: center;
    align-items: center;
}

.multi_top_img {
    padding-left: 0px;
}

.blue_heron_img {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
}

.Apartments_icon {
    width: 35px;
}

.Apartments_div {
    border-right: 1px solid gray;
}

.work_img {
    width: 40px;
    margin-right: 15px;
}

.jq-scroller-caption {
    display: none !important;
}

.jq-overlay-content p {
    display: none !important;
}

.popup_content {
    margin: 10px;
    padding: 0 10px;
    max-width: 60%;
    border: 2px solid #444;
    background: white;
}

.learnmore-top-right {
    position: absolute;
    top: 0px;
    right: 5px;
    color: #61f111;
}

.cedarwood_dev_img img {
    width: 100px;
    margin-top: 22px;
}

/* Popup container - can be anything you want */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* The actual popup */
.popup .popuptext {
    visibility: hidden;
    width: 400px;
    background-color: #555;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 20px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    margin-left: -40%;
}

/* Popup arrow */
/*.popup .popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}*/

/* Toggle this class - hide and show the popup */
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}
.popul{
    margin: 0;
    padding: 0 15px;
}
.popul li{
    margin-bottom: 5px;
}
/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/*multi family page end*/


/*Leadership page start*/
.leadership_banner {
    background: url(../images/leadership_bck_img.jpg);
    height: 500px;
    padding-left: 25px;
    padding-right: 25px;
    background-repeat: no-repeat;
}

.leadership_banner_inner {
    background: url(../images/leadership_banner.jpg);
    height: 100%;
    height: 475px;
    background-repeat: no-repeat;
}

.leadership_banner_text {
    background-color: #fff;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
}

.leadership_banner_text_main {
    padding-top: 150px;
    margin-left: -40px;
}

.team_member {
    float: left;
}

.team_member_img {
    width: 40%;
    float: left;
    padding-right: 20px;
}

.team_member_text {
    width: 60%;
    float: left;
}

.team_member_img img {
    width: 100%;
}

.designation {
    color: gray;
    margin-bottom: 8px;
}

/*Leadership page end*/


/*Whatwedo page start*/

.container.whatwedo {
    background: url(../images/what-we-do_section1_back.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

.whatwedo_banner {
    background: url(../images/Cedarwood_About_Us_banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 570px;
    margin-top: 5em;
}

.whatwedo_banner_text {
    background-color: #fff;
    padding-top: 25px;
    padding-left: 30px;
    padding-right: 30px;
    height: max-content;
    padding-bottom: 25px;
}

.whatwedo_banner_text_main {
    padding_left: 0px;
}

.gray_right_border {
    border-right: 2px solid #c5c2c2;
}
.what_center_col1 h3 { text-align: center; padding-bottom: 20px; }

.what_center_col2,
.what_center_col3 {
    padding-left: 32px;
}
.what_center_col1,
.what_center_col2,
.what_center_col3 {
	padding-top: 35px;
	padding-bottom: 20px;
}

/*Whatwedo page end*/

/*our projects page start*/
.our_project_banner {
    background-color: #ffffff;
    background: url(../images/projects-banner.jpg);
    /*height: 500px;*/
    padding-left: 150px;
    padding-right: 0px;
    /*padding-top: 35px;*/
    background-repeat: no-repeat;
    margin-top: 35px;
    margin-bottom: 35px;
    background-size: cover;
}

.our_project_banner_left {
    background-color: #414042;
}

.our_project_banner_inner {
    height: 100%;
    height: 430px;
    background-repeat: no-repeat;
}

.our_project_banner_text {
    background-color: #fff;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 25px;
    padding-right: 25px;
}

.our_project_banner_text_main {
    padding-top: 70px;
    margin-left: -270px;
}

.our_project_banner_text p {
    text-align: justify;
}

/*our project page end*/

/*contractor page start*/
.contractor_banner {
    background-color: #414042;
    height: 500px;
    padding-left: 150px;
    padding-right: 0px;
    padding-top: 35px;
    background-repeat: no-repeat;
}

.contractor_banner_inner {
    background: url(../images/leadership_banner.jpg);
    height: 100%;
    height: 430px;
    background-repeat: no-repeat;
}

.contractor_banner_text_main {
    padding-top: 150px;
    margin-left: -120px;
}

/*contractor page end*/

/*contractor page start*/
.contractor_banner {
    background-color: #414042;
    height: 500px;
    padding-left: 150px;
    padding-right: 0px;
    padding-top: 35px;
    background-repeat: no-repeat;
}

.contractor_banner_inner {
    background: url(../images/subcontractor_back.jpg);
    height: 100%;
    height: 430px;
    background-repeat: no-repeat;
}

.contractor_banner_text {
    background-color: #fff;
    padding-top: 100px;
    padding-bottom: 100px;
    width: 270px;
    max-width: unset;
    flex: unset;
    padding-left: 40px;
}

.contractor_banner_text_main {
    padding-top: 75px;
    margin-left: -120px;
}

/*contractor page end*/

/*maintenance page start*/
.maintenance_banner {
    background-color: #414042;
    height: 500px;
    padding-left: 150px;
    padding-right: 0px;
    padding-top: 35px;
    background-repeat: no-repeat;
}

.maintenance_banner_inner {
    background: url(../images/maintenance_back.jpg);
    height: 100%;
    height: 430px;
    background-repeat: no-repeat;
}

.maintenance_banner_text {
    background-color: #fff;
    padding-top: 100px;
    padding-bottom: 100px;
    width: 270px;
    max-width: unset;
    flex: unset;
    padding-left: 40px;
}

.maintenance_banner_text_main {
    padding-top: 75px;
    margin-left: -120px;
}

/*maintenance page end*/


/*conatct us page start*/
.required {
    color: red;
    font-size: 20px;
}

#frmContact {
    border-top: #F0F0F0 2px solid;
    background: #FAF8F8;
    padding: 10px;
}

#frmContact div {
    margin-bottom: 15px
}

#frmContact div label {
    margin-left: 5px
}

.demoInputBox {
    padding: 6px;
    border: gray 1px solid;
    border-radius: 4px;
    width: 100%;
}

.error {
    background-color: #FF6600;
    border: #AA4502 1px solid;
    padding: 5px 10px;
    color: #FFFFFF;
    border-radius: 4px;
}

.success {
    background-color: #12CC1A;
    border: #0FA015 1px solid;
    padding: 5px 10px;
    color: #FFFFFF;
    border-radius: 4px;
}

.info {
    font-size: .8em;
    color: red;
    letter-spacing: 2px;
    padding-left: 5px;
}

.btnAction {
    background-color: #76bd1d;
    padding: 10px 40px;
    color: #FFF;
    border: #F0F0F0 1px solid;
    border-radius: 4px;
    cursor: pointer;
}

.contact_top {
    background: url(../images/Cedarwood_Contactback.png);
    background-repeat: no-repeat;
    background-size: 100%;
    color: #ffffff;
    text-align: center;
    height: 418px;
    background-color: #414042;
    margin-top: 80px;
}

.contact_top_text {
    padding-top: 150px;
}

.contact_top_head {
    margin-bottom: 20px;
}

.contact_message {
    width: 100%;
    height: 150px;
}

.contact_table tr td {
    padding-top: 10px;
    padding-right: 10px;
}

.contact-button {
    background-color: #78c337;
    color: #ffffff;
    border: none;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.contact_table {
    width: 100%;
}

.contact_table tr td input[type=text] {
    width: 100%;
}

/*contact us page end*/

.gallery_top_footer li {
    width: 20%;
    list-style: none;
    overflow: hidden;
}

.gallery_row_top_footer .jq-scroller {
    height: 500px;
}

.gallery_row_top_footer .jq-scroller-wrapper {
    height: 500px;
}

.gallery_row_top_footer .jq-overlay-item {
    max-height: 100%;
    top: 2%;
}

.companies_page_contant {
    width: 70%;
    margin: auto;
}

/* Media Queries
--------------------------------------------- */


.careers-button {
    color: #fff;
    background-color: #76bc1c;
    padding: 1em 2em;
    margin-bottom: 1em;
}

.careers-button:hover {
    color: #fff;
}

.careers-link-container {
    display: flex;
}
.home_video_section {
    height: 100vh;
    overflow: hidden;
}

@media all and (max-width : 768px) {

    #logo {
        display: block;
        padding: 0;
        width: 50px;
        text-align: center;
        float: left;
    }

    .menu {
        margin-top: 0px;
    }

    nav {
        margin: 0;
		margin-top: 25px;
    }

    .toggle + a,
    .menu {
        display: none;
    }

    .toggle {
        display: block;
        background-color: #ffffff;
        padding: 0 20px;
        color: #000;
        font-size: 14px;
        line-height: 25px;
        text-decoration: none;
        border: none;
    }

    .toggle:hover {
        background-color: #ffffff;
    }

    [id^=drop]:checked + ul {
        display: block;
        -webkit-transition-property: height;
        /* Safari */
        -webkit-transition-duration: 5s;
        /* Safari */
        -webkit-transition-delay: 2s;
        /* Safari */
        transition-property: width;
        transition-duration: 5s;
        transition-delay: 2s;
    }

    nav ul li {
        display: block;
        width: 100%;
    }

    nav ul ul .toggle,
    nav ul ul a {
        padding: 0 40px;
    }

    nav ul ul ul a {
        padding: 0 80px;
    }

    nav a:hover,
    nav ul ul ul a {
        background-color: #ffffff;
        color: #000;
    }

    nav ul li ul li .toggle,
    nav ul ul a {
        background-color: #ffffff;
    }

    nav ul ul {
        float: none;
        position: static;
        color: #ffffff;
    }

    nav ul ul li:hover > ul,
    nav ul li:hover > ul {
        display: none;
    }

    nav ul ul li {
        display: block;
        width: 100%;
    }

    nav ul ul ul li {
        position: static;

    }

    nav ul li ul li:hover {
        background: #ffffff !important;
    }
}

@media all and (max-width : 330px) {

    nav ul li {
        display: block;
        width: 94%;
    }

}

@media screen and (max-width:767px) {
    #myVideo { height: 600px !important; }
    .what_center_col1, .what_center_col2, .what_center_col3
	{
		padding-top: 0px;
		padding-bottom: 0px;
		width: 100%;
		max-width: 100%;
		flex: unset;
	}
	.mob_whatwedo_img1 { margin-top: 20px; margin-bottom: 20px; }
	.what_center_col1 h3 { padding-bottom: 0px; text-align: left; }
    .home_icon_image {
        line-height: 0px;
    }

    .contractor_banner_text,
    .maintenance_banner_text {
        width: 210px;
        max-width: unset;
        flex: unset;
        padding-left: 16px;
    }

    .service_icon .col {
        flex-basis: unset;
        margin-bottom: 10px;
    }

    .gallery_row .col {
        flex-basis: unset;
        margin-bottom: 10px;
        width: 50%;
    }

    .cedarwood_logo {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .row.gallery_row .col:nth-child(6) .home_gallery_text {
        display: none;
    }

    .mob_gallery_head {
        display: block;
        padding-top: 40px;

    }

    .mob_since_img {
        display: block;
    }

    .mob_whatwedo_img {
        display: block;
    }

    .container.since {
        background: none;
    }

    .container.architecture_since {
        background: none;
    }

    .container.riverview_since {
        background: none;
    }

    .since_row {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .whatwedo_row {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .architecture_since_row {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .row.section1 {
        margin-top: 25px;
    }

    .mob_mission_img {
        display: block;
    }

    .container.mission {
        background: none;
    }

    .container.architecture_mission {
        background: none;
    }

    .container.riverview_mission {
        background: none;
    }

    .container.tric_mission {
        background: none;
    }

    .mission_row {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .service_icon {
        margin-top: 0px;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .home_icon_text {
        padding-top: 4px;
    }

    .mission_div {
        width: 100%;
        flex: unset;
        max-width: unset;
    }

    .since_div {
        width: 100%;
        flex: unset;
        max-width: unset;
    }

    .whatwedo_div {
        width: 100%;
        flex: unset;
        max-width: unset;
		margin-bottom: 25px;
    }

    .dev_section_ul:last-of-type {
        margin-bottom: 20px;
    }

    .companies_page_contant {
        width: 90%;
    }

    .banner-logo-img {
        width: 100% !important;
    }
}

/* Header Changes */
@media (min-width: 992px) {

    .topbar_sub_container {
        float: left;
    }

}

@media (min-width: 768px) {

    .border-md-left {
        border-left: 1px solid #000;
    }

}


@media screen and (max-width: 1280px) and (min-width: 1025px) {
    .topbar {
        width: 100% !important;
    }
}

header {
    background-color: #fff;
    z-index: 2;
    position: relative;
}

/* Video Background */
video {
    z-index: -1;
}



/* Style the video: 100% width and height to cover the entire window */
/*
#myVideo {
	position: fixed;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
}
*/


.slider-video-logo {
    max-width: 500px;
    margin: 0 auto;
    display: block;
    width: 100%;
}

.video-logo-container {
margin-top: 45vh;
padding: 0 1em;
}

.video-logo-container-project {
    padding: 20px;
    padding-top: 25vh;
}

.ptb-60 {
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #fff;
}

footer.ptb-60 {
    background: #434244;
    padding: 20px 10px;
}

.video-background-container-section {
    background-color: #fff;
    padding-top: 40px;
}



#real-estate .col {
    display: flex;
    padding: 10px 0;
}

.gallery-section {
    padding-bottom: 60px;
    background-color: #fff;
}

/* Home Page Smaller Logo Banner */
.home_page_section1 {
    padding-top: 120px;
    padding-bottom: 120px;
}

#logo a:hover {
    background-color: #fff;
}

#logo a {
    padding-left: 0px;
    padding-right: 0px;
}

.top-banner-container {
    background-image: url(../images/Cedarwood_banner_home.png);
}

.offerings-ul {
    padding-left: 10px;
}

.offerings-ul li {
    padding-bottom: 5px;
}

.home_testimonial_text {
    width: 80%;
    float: left;
    font-size: 14px;
}

.hr_mob {
    display: none;
}

@media (max-width: 1024px) and (min-width: 992px) {
	nav { margin-top: 15px; }

    .whatwedo_banner_left { width: 8%; max-width:8%; flex: unset;}
	.whatwedo_banner_text { width: 50%; max-width:50%; flex: unset;}
	.whatwedo_banner_right { width: 42%; max-width:42%; flex: unset;}
	
	.mission_div_left { width: 35%; max-width:35%; flex: unset; }
	.mission_div { width: 65%; max-width:65%; flex: unset; }
	.mission_div_right { display: none; }
	
	.whatwedo_top { width: 30%; max-width:30%; flex: unset; }
	.whatwedo_div { width: 40%; max-width:40%; flex: unset; }
	.whatwedo_div_bottom { width: 30%; max-width:30%; flex: unset; }
	
	.mission_row { padding-top: 50px; }
	
    .contractor_banner_text,
    .maintenance_banner_text {
        width: 210px;
        max-width: unset;
        flex: unset;
        padding-left: 16px;
    }

    .menu li {
        padding-top: 10px;
    }

    .cedarwood_logo {
        margin-top: 0px;
        margin-bottom: 5px;
    }

    .menu {
        margin-top: 0px;
    }

    nav ul {
        float: none;
    }

    .header_row {
        display: unset;
    }

    .topbar {
        min-height: 28px;
    }

    .ptb-60 {
        padding-top: 0px;
    }

    .contact_top_text {
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 100px;
    }

    .home_page_section1 {
        padding-top: 25px;
    }

    .our_project_banner_text {
        width: 70%;
        flex: unset;
        max-width: unset;
    }

    .companies_page_contant {
        width: 80%;
    }
}

@media (max-width: 991px) and (min-width: 901px) {
    .cedarwood_logo {
        margin-top: 8px;
    }

    .menu {
        margin-top: 15px;
    }
	nav { margin-top: 15px; }
	
}

@media (max-width: 900px) and (min-width: 769px) {
    .menu {
        margin-top: 10px;
    }
	nav { margin-top: 15px; }
}

@media (max-width: 991px) and (min-width: 768px) {

    .whatwedo_banner_left { width: 8%; max-width:8%; flex: unset;}
	.whatwedo_banner_text { width: 52%; max-width:52%; flex: unset;}
	.whatwedo_banner_right { width: 40%; max-width:40%; flex: unset;}
	
	.mission_div_left { width: 30%; max-width:30%; flex: unset; }
	.mission_div { width: 70%; max-width:70%; flex: unset; }
	.mission_div_right { display: none; }
	
	.whatwedo_top { width: 25%; max-width:25%; flex: unset; }
	.whatwedo_div { width: 50%; max-width:50%; flex: unset; }
	.whatwedo_div_bottom { width: 25%; max-width:25%; flex: unset; }
	
	 .mission_row {
        padding-top: 25px;
        padding-bottom: 0px;
    }


	.home_page_section1 { padding-bottom: 60px; padding-top: 60px; }
    .contractor_banner_text,
    .maintenance_banner_text {
        width: 210px;
        max-width: unset;
        flex: unset;
        padding-left: 16px;
    }

    .gallery_top_footer li {
        width: 25%;
    }

    #logo {
        padding: 0px;
    }

    .contact_top_text {
        padding-top: 65px;
        padding-left: 25px;
        padding-right: 25px;
    }

    .contact_top {
        height: 270px;
    }

    .home_icon_text {
        font-size: 10px;
    }

    .home_icon_image {
        margin-right: 5px;
    }

    .our_project_banner_text {
        width: 100%;
        flex: unset;
        max-width: unset;
    }

    .companies_page_contant {
        width: 80%;
    }
}

@media (max-width: 900px) and (min-width: 768px) {
    .Apartments_div h3 {
        font-size: 18px;
        margin-top: 10px;
    }

    .Apartments_div_last h3 {
        font-size: 18px;
        margin-top: 10px;
    }

    .companies_together {
        width: 100%;
        flex: unset;
        max-width: unset;
    }

    .learn_more_button {
        margin-bottom: 10px;
    }

    .popup .popuptext {
        margin-left: -80%;
        width: 400px;
        padding: 10px;
    }

   

    .team_main {
        width: 100%;
        flex: unset;
        max-width: unset;
    }

    .whatwedo_banner_text {
        padding-left: 20px;
        padding-right: 20px;
    }

    .whatwedo_div {
        padding: 12px;
    }

    .cedarwood_logo {
        margin-top: 0px;
    }
}

@media (max-width: 767px) {

    
    
    .myvideo { top: 90px !important; }
    .home_content_left {
	width: 100%;
	max-width: 100%;
	flex: unset;
	}
	.home_content_right {
	width: 100%;
	max-width: 100%;
	flex: unset;
	}
    .service_icon {
        padding: 20px;
    }

    .jq-scroller-item {
        min-width: auto !important;
        width: 100% !important;
    }

    .development_section {
        margin-top: 25px;
    }

    .companies_section {
        margin-top: 25px;
    }

    .multi_work_img {
        margin-top: 20px;
    }

    .multi_map-section {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .border_bottom {
        border-bottom: none;
    }

    .development_div,
    .work_div {
        margin-top: 20px;
    }

    .Apartments_div {
        border-right: none;
    }


    .jq-scroller {
        max-width: 80% !important;
        height: 125px !important;
    }

    .jq-scroller-wrapper {
        max-width: 80% !important;
        height: 125px !important;
    }

    .gallery_row_top_footer .jq-scroller {
        height: 500px !important;
    }

    .gallery_row_top_footer .jq-scroller-wrapper {
        height: 500px !important;
    }

    .gallery_row_top_footer .jq-overlay-item {
        max-height: 100% !important;
        top: 2%;
    }

    .footer_gallery_head {
        display: none;
    }

    .companies_together {
        width: 100%;
        flex: unset;
        max-width: unset;
        text-align: center;
    }

    .team_member {
        margin-top: 20px;
    }

    .team_member_img {
        width: 100%;
    }

    .team_member_text {
        margin-top: 15px;
        width: 100%;
    }

    .contact_top {
        height: auto;
    }


    .contact_top_head {
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .contact_form_section {
        margin-top: 20px;
    }

    .contact-map {
        margin-top: 20px;
    }

    .contact_address {
        margin-top: 20px;
    }

    .home_page_section1 {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }

    .home_company_logo {
        width: auto;
        padding-top: 10px;
        padding-bottom: 10px;
    }
	.together_icons { margin-top: 0px; text-align: center; }

    .foter_col1,
    .foter_col2,
    .foter_col3,
    .foter_col4 {
        text-align: center;
        width: 100%;
        flex: unset;
        max-width: unset;
    }

    .foter_col1 {
        border-right: none;
    }

    .dev_section_ul ul {
        margin-bottom: 0px;
    }

    .service_icon_second {
        width: 100%;
        margin-right: -15px;
        margin-left: -15px;
    }

    .arch_section5_ul {
        margin-bottom: 0px;
    }

    .architecture_section5_row3 {
        margin-bottom: 20px;
    }

    .architecture_contact {
        margin-bottom: 20px;
    }

    .hr_mob {
        display: block;
    }

    .whatwedo_center {
        margin-top: 5px;
    }

    .container.whatwedo {
        background: none;
    }

    .whatwedo_banner_text {
        width: 100%;
        flex: unset;
        max-width: unset;
    }

    .whatwedo_banner {
        background: none;
    }

    .whatwedo_banner {
        min-height: unset;
    }

    .whatwedo_banner_text {
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
		padding-bottom: 0px;
    }

    .gray_right_border {
        border-right: none;
    }

    .height_20 {
        line-height: 22px;
    }

    .border_right_green {
        border-right: none;
    }

    .jq-scroller-overlay-prev {
        left: -7px !important;
    }

    .jq-overlay-item img {
        width: 92%;
    }

    .jq-scroller-overlay-next {
        right: -7px !important;
    }

    .jq-overlay-close {
        right: 2px !important;
        top: 0px !important;
    }

    .container.tric_since {
        background: none;
    }

    .contact_form {
        width: 100%;
        flex: unset;
        max-width: unset;
    }

    .contact_address {
        width: 100%;
        flex: unset;
        max-width: unset;
    }

    .line_height_20 {
        line-height: 20px;
    }
	.menu li a { padding-left: 10px;}
	.menu li label { padding-left: 10px;}
	
	.menu li ul li a { padding-left: 20px;}

    .pad_10 {
        padding-bottom: 10px;
    }

    .our_project_banner_left {
        background-color: #fff;
    }

    .our_project_banner_text {
        width: 125%;
        flex: unset;
        max-width: unset;

    }

    .our_project_banner_text_main {
        margin-left: -135px;
    }

    .our_project_banner {
        width: 100%;
        flex: unset;
        max-width: unset;
    }

    .video-logo-container-project {
        padding: 20px;
        padding-top: 8vh;
    }

}

@media (max-width: 767px) and (min-width: 482px) {

    .multi_family_text {
        font-size: 16px;
        writing-mode: unset;
    }

    .Apartments_div h3 {
        font-size: 16px;
        margin-top: 10px;
    }

    .Apartments_div_last h3 {
        font-size: 16px;
        margin-top: 10px;
    }

    .popup .popuptext {
        margin-left: -100%;
        width: 300px;
        padding: 10px;
    }

    .cedarwood_dev_img img {
        margin-top: 90px;
    }

    .multy-family-section1 {
        margin-top: 20px;
    }

    .contact_top_text {
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
    }

}

@media (max-width: 481px) {
    .multi_family_text {
        writing-mode: unset;
        padding-top: 5px;
        text-align: center;
    }

    .popup .popuptext {
        margin-left: -65%;
        width: 300px;
        padding: 10px;
    }

    .cedarwood_dev_img {
        margin-right: 20px;
    }

    .multi_top_img {
        padding-left: 15px;
    }

    .contact_top {
        background: url(../images/contact_us_mob_back.png);
        background-repeat: no-repeat;
        background-size: 100%;
    }

    .contact_top_text {
        padding-top: 25px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 25px;
    }

    .font_size_25 {
        font-size: 25px;
    }

}

.bg-green {
    background: #76bd1d;
}

.maintenance-request .btn {
    border-radius: 0;
    font-size: 13px;
    padding: .25rem 1rem;

}

.maintenance-request {
    position: relative;
}

.maintenance-request span {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid white;
    position: absolute;
    top: 0;
    left: 47%;
}

.btn-greentext .btn {
    border-radius: 0;
    font-size: 13px;
    padding: .25rem 1rem;
    color: #76bd1d;
    font-weight: bold;
    border: 2px solid #000;
}

.myvideo {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 102px;
    min-width: 100%;
    min-height: 100%;
    transition: all 0.3s ease-in-out;
}

.myvideo.fixvid {
    position: absolute;
    top: 102px;
    transition: all 0.3s ease-in-out;
}
.video_home_down { color: #fff; text-align: center; }
.scroll-down { 
    position: absolute;
    border: 1px solid;
    top: 85vh;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 32px;
    /*z-index: 25;*/
    opacity: 1;
    color: #FFF !important;
    padding-bottom: 3px;
    padding-top: 0px;
    padding-left: 5px;
	cursor: pointer;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
	}
	

/* Projects Page */
.project-rows-left {
    border-top: 2px solid #414042;
    padding: 0px;
}

.project-rows-right {
    border-bottom: 2px solid #414042;
    position: relative;
    padding: 0px;
}

.number-h3-left {
    text-align: right;
    font-size: 4em;
    margin-bottom: 0px;
    padding: 10px;
    margin-bottom: 0px;
    border-right: 2px solid #414042;
    font-weight: 900;
    color: #a1a1a1;
}

.numbers-section {
    padding: 0px;
}

.number-h3-right {
    text-align: left;
    font-size: 4em;
    margin-bottom: 0px;
    padding: 10px;
    margin-bottom: 0px;
    border-left: 2px solid #414042;
    position: absolute;
    bottom: 0;
    font-weight: 900;
    color: #a1a1a1;
}

.portfolio-image-contain {
    width: 100%;
}

.portolio-bg-h3 {
    background-color: #414042;
    padding: 25px;
    margin-bottom: 0px;
    color: #fff;
}

.first-number-portfolio-section {
    padding-top: 60px !important;
}

.number-portfolio-section {
    padding-top: 0px;
    padding-bottom: 0px;
}

.last-number-portfolio-section {
    margin-bottom: 80px;
}

/* Mobile Projects Page */


@media (max-width: 767px) {
	
    .numbers-section {
        display: none;
    }

    .number-portfolio-section .col-sm-2 {
        display: none;
    }

    .number-portfolio-section .col-sm-5 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 15px;
    }

    .number-portfolio-section {
        padding-right: 15px;
        padding-left: 15px;
    }

    .first-number-portfolio-section {
        padding-top: 0px !important;
    }

    .portfolio-desktop {
        display: none;
    }

    .last-number-portfolio-section {
        margin-bottom: 40px;
    }
}

@media (min-width: 768px) {
    .portfolio-mobile {
        display: none;
    }
}

/* Page Banners */
.banner-logo-img {
    margin: 0 auto;
    display: block;
    width: auto;
    max-height: 155px;
}

.page-banner-logo-inner {
    margin: 25vh auto;
    padding: 20px;
}

.top-banner-page-section {
    display: flex;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.site-banner-page {
    width: 100%;
    margin-top: 80px;
}


.development-banner-page-section {
    background-image: url("../images/development-bg.jpg");
}

.architecture-banner-page-section {
    background-image: url("../images/cedarwood-architecture.jpg");
}

.tri-c-banner-page-section {
    background-image: url("../images/tri-c-bg.jpg");
}

.riverview-banner-page-section {
    background-image: url("../images/cedarwood-riverview.jpg");
}

.section-bottom-projects {
    margin: 80px auto;
}

@media (max-width: 767px) {
    .section-bottom-projects {
        margin: 40px auto;
    }

    .ms {
        margin: 0 !important;
    }
}

.ms {
    background: #414042;
    color: #fff;
    margin: 60px 60px 30px -120px;
    padding: 40px;
}

.about_banner_text {
    background: #fff;
    padding: 35px;
}

.about_banner {
    background: url(../images/aboutbg.png);
    background-repeat: repeat;
    background-size: auto;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 570px;
}
.top_container { position:fixed; background-color: #fff; max-width: 100%; }

@media (max-width: 481px) {
    .home_testimonial {
        margin-left:0px;
        margin-right:0px;
    }
    .dev_section1_img {
        width: 100%;
    }
}