/*
    Theme Name: TriTheme
    Description: TriTheme default theme
    Version: 1.0
    Author: Triangle Mena
    Author URI: http://trianglemena.com
*/
/**
 * Main website stylesheet
 */
/*fonts includes*/
@font-face {
    font-family: 'opensans';
    src: url('./fonts/OpenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'opensansbold';
    src: url('./fonts/OpenSans-Bold.ttf') format('truetype');
    font-weight: Bold;
    font-style: normal;
}
@font-face {
    font-family: 'opensanssemibold';
    src: url('./fonts/OpenSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
/*@font-face {
    font-family: 'opensanslight';
    src: url('./fonts/OpenSans-Light.ttf') format('truetype');
    font-weight: lighter;
    font-style: normal;
}*/


/*general styles*/
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    /*font-family: 'Droid Arabic Kufi', sans-serif;*/

    /*    -webkit-transition:all 0.5s ease-in;
        -moz-transition:all 0.5s ease-in;
        -o-transition:all 0.5s ease-in;
        -ms-transition:all 0.5s ease-in;
        transition:all 0.5s ease-in;*/
}

.mobile {
    display: none;
}

html, body {
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: 'opensans';
}

body {
    --header: 110px;
    --primary: #AA4B4B;
}

body.pause {
    overflow-y: hidden;
}

body.noscroll {
    --header: 75px;
}


a {
    outline: none !important;
    color: #3b5998;
}

a:hover, a:focus {
    text-decoration: none;
}

.clear {
    clear: both;
}

.clear-left {
    clear: left;
}

.nolink {
    cursor: default;
    pointer-events: none;
}

.link_behavior {
    cursor: pointer;
}

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.content_div ul {
    padding: 0 0 0 40px;
}

.container {
    position: relative;
    width: calc(100% - 80px);
    margin: 0 auto;
    padding: 0;
    height: 100%;
}

.img-responsive {
    width: 100%;
}

.wpcf7-not-valid-tip{
    /*display:none !important;*/
    border: none;
}
.wpcf7-not-valid{
    border:1px solid red !important;
}
.wpcf7-response-output {
    border: none !important;
    text-align: center;
}

.mobile {
    display: none;
}


/*
* Header
*/

header {
    height: var(--header);
    background: transparent;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100vw;
    transition: .3s all linear;
    -o-transition: .3s all linear;
    -ms-transition: .3s all linear;
    -moz-transition: .3s all linear;
    -webkit-transition: .3s all linear;
}

header.mini {
    --header: 75px;
    background-color: #000;
    transition: .3s all linear;
    -o-transition: .3s all linear;
    -ms-transition: .3s all linear;
    -moz-transition: .3s all linear;
    -webkit-transition: .3s all linear;
}

header .container {
    height: var(--header);
}

header .info_div {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    height: var(--header);
    width: 100px;
    display: none;
    transition: .3s all linear;
    -o-transition: .3s all linear;
    -ms-transition: .3s all linear;
    -moz-transition: .3s all linear;
    -webkit-transition: .3s all linear;
}

header.mini .info_div {
    display: block;
}

header .info_div .info_list .info_item {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    position: relative;
    width: 50px;
    height: var(--header);
}

header .info_div .info_list .info_item .rounded_wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 35px;
    height: 35px;
    background-color: #2C2C2C;
    border-radius: 100px;
    text-align: center;
    color: #fff;
    line-height: 35px;
    cursor: pointer;
}

header .logo_wrapper {
    height: var(--header);
    padding: 15px 0 15px 0;
    transition: .3s all linear;
    -o-transition: .3s all linear;
    -ms-transition: .3s all linear;
    -moz-transition: .3s all linear;
    -webkit-transition: .3s all linear;
}

header .logo_wrapper .header_logo {
    height: 100%;
    width: auto;
    transition: .3s all linear;
    -o-transition: .3s all linear;
    -ms-transition: .3s all linear;
    -moz-transition: .3s all linear;
    -webkit-transition: .3s all linear;
}

header .menu_trig {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    height: 50px;
    width: auto;
    cursor: pointer;
    transition: .3s all linear;
    -o-transition: .3s all linear;
    -ms-transition: .3s all linear;
    -moz-transition: .3s all linear;
    -webkit-transition: .3s all linear;
}

.full_menu {
    height: 100vh;
    background-image: url('../images/fullmenu.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: fixed;
    top: -102vh;
    left: 0;
    z-index: 9999;
    width: 100%;
    opacity: 0;
    transition: .3s all linear;
    -o-transition: .3s all linear;
    -ms-transition: .3s all linear;
    -moz-transition: .3s all linear;
    -webkit-transition: .3s all linear;
}

.full_menu.open {
    top: 0;
    opacity: 1;
    transition: .3s all linear;
    -o-transition: .3s all linear;
    -ms-transition: .3s all linear;
    -moz-transition: .3s all linear;
    -webkit-transition: .3s all linear;
}

.full_menu .menu_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 1;
}

.full_menu .menu_trig {
    top: 25px;
    right: 40px;
    position: absolute;
    width: 40px;
    z-index: 4;
    cursor: pointer;
}

.full_menu .menu_wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 2;
    text-align: center;
    width: 100%;
    height: auto;
}

.full_menu .menu_list .menu_item {
    height: 75px;
    display: block;
    margin: 0 auto;
}

.full_menu .menu_list .menu_item.active .menu_link {
    color: var(--primary);
}

.full_menu .menu_list .menu_item .menu_link:hover,
.full_menu .menu_list .sub_menu_list .sub_menu_item .sub_menu_link:hover{
    color: var(--primary);
}

.full_menu .menu_list .menu_item .menu_link {
    font-size: 35px;
    color: #fff;
    font-family: 'opensanssemibold';
}

.full_menu .menu_list .sub_menu_wrapper {
    width: 100%;   
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: .3s all linear;
    -o-transition: .3s all linear;
    -ms-transition: .3s all linear;
    -moz-transition: .3s all linear;
    -webkit-transition: .3s all linear;
}

.full_menu .menu_list .sub_menu_wrapper.open {
    height: 75px; 
    opacity: 1;
    transition: .3s all linear;
    -o-transition: .3s all linear;
    -ms-transition: .3s all linear;
    -moz-transition: .3s all linear;
    -webkit-transition: .3s all linear;
}

.full_menu .menu_list .sub_menu_wrapper .sub_menu_item  {
    display: inline-block;
    padding: 0 25px;
    position: relative;
}

.full_menu .menu_list .sub_menu_wrapper .sub_menu_item .dot {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    width: 5px;
    height: 5px;
    border-radius: 99px;
    background-color: #AA4B4B;
}

.full_menu .menu_list .sub_menu_wrapper .sub_menu_item .dot.left {
    left: 0;
}

.full_menu .menu_list .sub_menu_wrapper .sub_menu_item .dot.right {
    right: 0;
}

.full_menu .menu_list .sub_menu_wrapper .sub_menu_item .sub_menu_link {
    font-size: 18px;
    color: #fff;
    font-family: 'opensanssemibold';
}

.full_menu .social_list {
    margin: 50px 0 0 0;
}

.full_menu .social_list .social_item {
    display: inline-block;
    margin: 0 12.5px;
}

.full_menu .social_list .social_item .social_link {
    color: #fff;
    font-size:  27px;
}

.full_menu .social_list .social_item .social_link:hover {
    color: var(--primary);
}




/*
* Homepage
*/

#homepage.main_frame {
    padding: 0 !important;
}

#homepage .top_slider_section {
    padding: 0;
}

#homepage .top_slider_section .swiper-slide {
    height: calc(100vh - 75px);
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#homepage .top_slider .swiper-button-next {
    background-image: url('../images/white_right.png');
    background-size: contain;
    background-position: center;
    width: 55px;
    height: 75px;
}

#homepage .top_slider .swiper-button-prev {
    background-image: url('../images/white_left.png');
    background-size: contain;
    background-position: center;
    width: 55px;
    height: 75px;
}

#homepage .top_slider .slider_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2);
    z-index: 1;
}

#homepage .top_slider .info_wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 50%;
    text-align: center;
    z-index: 9;
}

#homepage .top_slider .info_wrapper .slide_title {
    font-size: 50px;
    color: #fff;
    font-family: 'opensansbold';
    line-height: 68px;
}

#homepage .top_slider .info_wrapper .learn_more {
    width: 200px;
    height: 50px;
    background: transparent;
    border: 1px rgba(255,255,255,0.8) solid;
    font-size: 15px;
    font-family: 'opensansbold';
    line-height: 45px;
    display: block;
    margin: 25px auto 0 auto;
    color: #fff;
}

#homepage .top_slider span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff;
}

#homepage .top_slider span.swiper-pagination-bullet {
    background-color:  rgba(255,255,255,0.8);
    width: 40px;
    height: 3px;
    border-radius: 1px;
}

#homepage .top_slider span.swiper-pagination-bullet:focus {
    outline: none;
}

#homepage .about_section {
    padding: 25px 0;
    height: calc(100vh - 75px);
    margin: 50px 0;
}

#homepage .about_section .z_wrapper {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    height: 80%;
    width: auto;
}

#homepage .about_section .z_wrapper img,
#homepage .about_section .about_image_wrapper img{
    height: 100%;
    width: auto;
}

#homepage .about_section .about_image_wrapper {
    position: absolute;
    top: 50%;
    right: 10%;
    transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    height: 100%;
    width: auto;
}

#homepage .about_section .about_image_wrapper .blurry_div {
    width: 25%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0.1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
    -webkit-filter: blur(70px);
    -moz-filter: blur(70px);
    -o-filter: blur(70px);
    -ms-filter: blur(70px);
    filter: blur(70px);
}

#homepage .about_section .about_text_wrapper {
    position: absolute;
    top: 40%;
    left: 125px;
    transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    width: 390px;
    z-index: 1;
}

#homepage .about_section .about_text_wrapper .section_title {
    font-size: 19px;
    font-family: 'opensansbold';
    line-height: 26px;
    margin: 0 0 25px 0;
}

#homepage .about_section .about_text_wrapper .about_subtitle {
    font-size: 33px;
    font-family: 'opensansbold';
    line-height: 45px;
    margin: 50px 0 25px 0;
    width: 100%;
}

#homepage .about_section .about_text_wrapper .about_content {
    font-family: 'opensans';
    font-size: 17px;
    line-height: 30px;    
    margin: 0 0 25px 0;
}

#homepage .about_section .about_text_wrapper .learn_more {
    font-size: 15px;
    font-family: 'opensansbold';
    line-height: 20px;
    text-decoration: underline;
    color: #000;
}

#homepage .gated_slider .info_section,
#homepage .gated_slider .info_section .slide_info{
    background-color: #242424 !important;
    color: #fff;
}

#homepage .gated_slider .swiper-pagination-bullet {
    background-color: #fff !important;
}

#homepage .completed_projects_section {
    padding: 0;
    margin: 0 0 50px 0;
}

#homepage .completed_projects_section .completed_slider .swiper-slide {
    height: calc(100vh - 50px);
    padding: 75px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#homepage .completed_projects_section .completed_slider .swiper-slide .slide_info,
#homepage .uncompleted_projects_section .uncompleted_slider .slide_info{
    background: #fff;
    padding: 25px;
    width: 40%;
    height: 100%;
    position: relative;
}

#homepage .uncompleted_projects_section .uncompleted_slider .info_section {
    height: 100%;
}

#homepage .uncompleted_projects_section .uncompleted_slider .slide_info {
    width: 100%;
}

#homepage .completed_projects_section .completed_slider .swiper-slide .slide_info .slider_title,
#homepage .uncompleted_projects_section .uncompleted_slider .slide_info  .slider_title,
#homepage .gated_section .inner_section_wrapper .gated_info .slider_title {
    font-size: 19px;
    font-family: 'opensansbold';
    line-height: 26px;
    margin: 0 0 50px 0;
}

#homepage .completed_projects_section .completed_slider .swiper-slide .slide_info .project_title,
#homepage .uncompleted_projects_section .uncompleted_slider .slide_info .project_title,
#homepage .gated_section .inner_section_wrapper .gated_info .project_title {
    font-size: 33px;
    font-family: 'opensansbold';
    line-height: 45px;
    margin: 25px 0 0 0;
}

#homepage .completed_projects_section .completed_slider .swiper-slide .slide_info .project_location,
#homepage .uncompleted_projects_section .uncompleted_slider .slide_info .project_location,
#homepage .gated_section .inner_section_wrapper .gated_info .project_location{
    font-size: 16px;
    font-family: 'opensansbold';
    line-height: 22px;
}

#homepage .completed_projects_section .completed_slider .swiper-slide .slide_info .project_excerpt,
#homepage .uncompleted_projects_section .uncompleted_slider .slide_info .project_excerpt,
#homepage .gated_section .inner_section_wrapper .gated_info .project_excerpt{
    font-family: 'opensans';
    font-size: 17px;
    line-height: 30px;
    margin: 15px 0;
    width: 70%;
}

#homepage .completed_projects_section .completed_slider .swiper-slide .slide_info .availability,
#homepage .uncompleted_projects_section .uncompleted_slider .slide_info .availability{
    font-family: 'opensansbold';
    font-size: 16px;
}

#homepage .completed_projects_section .completed_slider .swiper-slide .slide_info .availability span,
#homepage .uncompleted_projects_section .uncompleted_slider .slide_info .availability span{
    font-family: 'opensans';
}

#homepage .completed_projects_section .completed_slider .swiper-slide .slide_info .plus_icon,
#homepage .uncompleted_projects_section .uncompleted_slider .slide_info .plus_icon,
#homepage .gated_section .inner_section_wrapper .gated_info .plus_icon {
    width: 40px;
    height: 40px;
    margin: 25px 0;
    position: absolute;
    z-index: 9;
}

#homepage .gated_section .inner_section_wrapper .gated_info .plus_icon {
    border: 1px #eee solid;
    position: relative;
}

#homepage .completed_projects_section .completed_slider .swiper-slide .slide_info .c_wrapper {
    position: absolute;
    top: -25px;
    left: -25px;
    z-index: 0;
    width: 70%;
    height: auto;
}

#homepage .uncompleted_projects_section .uncompleted_slider .slide_info .u_wrapper {
    position: absolute;
    bottom: -15px;
    right: -50px;
    z-index: 0;
    width: 75%;
    height: auto;
}

#homepage .completed_projects_section .completed_slider .swiper-slide .slide_info .c_wrapper img,
#homepage .uncompleted_projects_section .uncompleted_slider .swiper-slide .slide_info .u_wrapper img{
    width: 100%;
    height: auto;
}

#homepage .completed_projects_section .completed_slider .swiper-slide .slide_info .view_more,
#homepage .uncompleted_projects_section .uncompleted_slider .swiper-slide .slide_info .view_more{
    width: 200px;
    position: absolute;
    bottom: 25px;
    right: 25px;
    height: 50px;
    line-height: 50px;
    background: #000;
    color: #fff;
    font-size: 15px;
    font-family: 'opensansbold';   
    text-align: center;
    z-index: 9;
}

#homepage .completed_projects_section .completed_slider .swiper-slide .slide_info .swiper-pagination-bullets,
#homepage .uncompleted_projects_section .uncompleted_slider .swiper-slide .slide_info .swiper-pagination-bullets {
    bottom: 25px;
    left: 25px;
}

#homepage .completed_projects_section .completed_slider .swiper-slide .slide_info .swiper-pagination-bullet,
#homepage .uncompleted_projects_section .uncompleted_slider .swiper-slide .slide_info .swiper-pagination-bullet{
    width: 25px;
    height: 3px;
    border-radius: 0;
    background-color: rgba(0,0,0,0.8);
    margin: 0 2.5px;
}

#homepage .uncompleted_projects_section {
    padding: 0;
    margin: 0 0 50px 0;
}

#homepage .uncompleted_projects_section .uncompleted_slider .swiper-slide {
    height: calc(100vh - 50px);
    padding: 25px 0 25px 25px;
}

#homepage .uncompleted_projects_section .uncompleted_slider .image_section {
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#homepage .gated_section {
    padding: 0;
    margin: 0 0 50px 0;
}

#homepage .gated_section .inner_section_wrapper {
    height: calc(100vh - 150px);
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
}

#homepage .gated_section .inner_section_wrapper .gated_info {
    height: 100%;
    background-color: #262626;
    width: 40%;
    margin: 0 auto 0 0;
    display: block;
    color: #fff;
    position: relative;
}

#homepage .gated_section .inner_section_wrapper .gated_info .wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);   
    width: 70%;
}

#homepage .awards_section {
    padding: 0;
    margin: 0 0 50px 0;
}

#homepage .awards_section .awards_slider .swiper-slide {
    height: calc(100vh - 175px);
    padding: 25px 0;
}

#homepage .awards_section .awards_slider .swiper-slide .logo_section {
    position: absolute;
    top: 45%;
    right: 5%;
    width: 265px;
    height: 265px;
    text-align: center;
    transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    z-index: 1;
}

#homepage .awards_section .awards_slider .swiper-slide .logo_section .logo_background {
    background-color: #333366;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

#homepage .awards_section .awards_slider .swiper-slide .logo_section .award_logo {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    height: auto;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 9;
}

#homepage .awards_section .awards_slider .swiper-slide .logo_section .logo_frame {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(15px, 15px);
    -o-transform: translate(15px, 15px);
    -ms-transform: translate(15px, 15px);
    -moz-transform: translate(15px, 15px);
    -webkit-transform: translate(15px, 15px);
    background-color: transparent;
    border: 1px var(--primary) solid;
    z-index: 0;
}

#homepage .awards_section .awards_slider .swiper-slide .a_wrapper {
    position: absolute;
    top: 0;
    right: 17%;
    height: 100%;
    width: auto;
    z-index: 0;
}

#homepage .awards_section .awards_slider .swiper-slide .a_wrapper img {
    height: 100%;
    width: auto;
}

#homepage .awards_section .swiper-button-next {
    background-image: url('../images/black_right.png');
    background-size: contain;
    background-position: center;
    width: 15px;
    height: 25px;
    right: 25px;
}

#homepage .awards_section .swiper-button-prev {
    background-image: url('../images/black_left.png');
    background-size: contain;
    background-position: center;
    width: 15px;
    height: 25px;
    left: 25px;
}

#homepage .awards_section .awards_slider .swiper-slide .info_section {
    position: absolute;
    top: 50%;
    left: 10%;
    width: 265px;
    height: 265px;
    text-align: left;
    transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    z-index: 0;
    width: 45%;
}

#homepage .awards_section .awards_slider .swiper-slide .info_section .slider_title {
    font-size: 19px;
    font-family: 'opensansbold';
    line-height: 26px;
    margin: 0 0 25px 0;
}

#homepage .awards_section .awards_slider .swiper-slide .info_section .award_title {
    font-size: 33px;
    font-family: 'opensansbold';
    line-height: 45px;
    margin: 0 0 15px 0;
}

#homepage .awards_section .awards_slider .swiper-slide .info_section .award_desc {
    margin: 0 0 50px 0;
}

#homepage .awards_section .awards_slider .swiper-slide .info_section .view_more {
    font-size: 15px;
    font-family: 'opensansbold';
    line-height: 20px;
    text-decoration: underline;
    color: #000;
}


/*
* Footers
*/

footer {
    height: 80px;
    background: #000;
    position: relative;
}

footer .left_footer {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}

footer .right_footer {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}

footer .right_footer .copyrights {
    display: inline-block;
    vertical-align: middle;    
    color: #fff;
    font-size: 12px;
}

footer .right_footer .copyrights a {
    color: #fff;
}

footer .right_footer .copyrights .triangle_logo {
    width: 50px;
    vertical-align: middle;
}

footer .right_footer .social_list {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 15px;
}

footer .right_footer .social_list .social_item {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;    
}

footer .right_footer .social_list .social_link {
    color: #fff;
}

footer .left_footer .footer_nav_item {
    display: inline-block;
    vertical-align: middle;
    padding: 0 15px;
    text-align: center;    
}

footer .left_footer .footer_nav_link {
    color: #fff;
    font-family: 'opensansbold';
    font-size: 13px;
}

/*
* Projects Listing
*/

.main_frame {
    padding: var(--header) 0 0 0;
}

#projects .projects_navigation_section {
    padding: 0;
    height: 230px;
    background-image: url('../images/projects.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#projects .projects_navigation_section .nav_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
}

#projects .projects_navigation_section .page_title {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    font-size: 44px;
    line-height: 60px;
    color: #fff;
    font-family: 'opensansbold';
}

#projects .projects_navigation_section .nav_list {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
}

#projects .projects_navigation_section .nav_list .nav_item {
    display: inline-block;
    padding: 0 15px;
    height: 50px;
    line-height: 50px;
    border-bottom: 3px transparent solid;
}

#projects .projects_navigation_section .nav_list .nav_link {
    font-size: 17px;
    font-family: 'opensanssemibold';
    color: #fff;
}

#projects .projects_navigation_section .nav_list .nav_item.active {
    border-bottom: 3px #fff solid;
}

#projects .filtering_params_section {
    text-align: center;
    padding: 25px 0;
}

#projects .main_section {
    min-height: calc(100vh - 300px);
}

#projects .filtering_params_section .select_wrapper {
    width: 200px;
    height: 40px;
    margin: 0 25px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    background-image: url('../images/caret_down.png');
    background-position: 90%;
    background-size: auto 10px;
    cursor: pointer;
    background-repeat: no-repeat; 
}

#projects .filtering_params_section select {
    border: 1px rgba(0,0,0,0.12) solid;
    padding: 0 5px;
    height: 100%;
    width: 100%;
    background: transparent;
    cursor: pointer;
}

#projects .filtering_params_section select:focus {
    outline: none;
    box-shadow: none;
}

#projects select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

#projects select::-ms-expand {
    display: none;
}

#projects .infinite_wrapper .project_unit {
    height: auto;
    padding: 0 15px;
    margin: 0 0 50px 0;
    text-align: center;
}

#projects .infinite_wrapper .project_unit .image_wrapper {
    width: 100%;
    padding-top: 55%;    
    position: relative;
    overflow: hidden;
}

#projects .infinite_wrapper .project_unit .image_wrapper .hover_wrapper {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    transition: .3s all linear;
    -o-transition: .3s all linear;
    -ms-transition: .3s all linear;
    -moz-transition: .3s all linear;
    -webkit-transition: .3s all linear;
}

#projects .infinite_wrapper .project_unit .image_wrapper:hover .hover_wrapper {
    transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transition: .3s all linear;
    -o-transition: .3s all linear;
    -ms-transition: .3s all linear;
    -moz-transition: .3s all linear;
    -webkit-transition: .3s all linear;
}

#projects .infinite_wrapper .project_unit .info_section {
    height: 25px;
}

#projects .infinite_wrapper .project_unit .info_section .inner_wrapper {
    margin: -35px 0 0 0;
    background-color: #fff;
    display: inline-block;
    padding: 10px 50px;
    transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}

#projects .infinite_wrapper .project_unit .info_section .inner_wrapper .project_title {
    font-size: 25px;
    font-family: 'opensansbold';
    color: #000;
    line-height: 34px;
}

#projects .infinite_wrapper .project_unit .info_section .inner_wrapper .location {
    font-size: 15px;
    color: #000;
    font-family: 'opensanssemibold';
    line-height: 20px;
}

#projects .infinite_wrapper .navigation.nav.more_btn {
    text-align: center;
    padding: 25px 0 0 0;
}

#projects .infinite_wrapper .page-numbers {
    display: none;
}

#projects .infinite_wrapper  .next.page-numbers {
    display: inline-block !important;
    margin: 0 0 15px 0;
    width: 200px;
    height: 50px;
    line-height: 50px;
    background: #000 ;
    color: #fff;
    text-align: center;
}

#projects .infinite_wrapper .loader {
    text-align: center;
    display: block;
    padding: 0 0 25px 0;
}

#projects .infinite_wrapper .custom_loader {
    display: none;
    padding: 0 0 25px 0;
    text-align: center;
}

#projects .infinite_wrapper .no_results {
    font-size: 35px;
    text-align: center;
    line-height: 50px;
    margin: 25px 0;
    font-family: 'opensansbold';
}


/*
* Awards Page
*/
#awards .awards_section {
    padding: 50px 25px;
}

#awards .awards_section .award_unit {
    margin: 0 0 25px 0;
    padding: 0 25px;
    min-height: 625px;
}

#awards .awards_section .award_unit .image_container {
    width: 100%;
    padding-top: 90%;
    position: relative;
}

#awards .awards_section .award_unit .image_container .logo_background {
    width: calc(100% - 15px);
    height: calc(100% - 15px);
    position: absolute;
    top: 0;
    left: 0;
    background-color: #333366;
    z-index: 1;
}

#awards .awards_section .award_unit .image_container .logo_frame {
    width: calc(100% - 15px);
    height: calc(100% - 15px);
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: transparent;
    border: 1px var(--primary) solid;
    z-index: 0;
}

#awards .awards_section .award_unit .image_container .logo_background .award_logo {
    width: 70%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);   
    z-index: 2
}

#awards .awards_section .award_unit .info_div {
    padding: 15px 0 25px 0;
}

#awards .awards_section .award_unit .info_div .award_title {
    font-size: 21px;
    font-family: 'opensansbold';
    line-height: 33px;
}

#awards .awards_section .award_unit .info_div .award_desc {
    font-size: 16px;
    font-family: 'opensans';
    line-height: 27px;
}

/*
* About Page
*/

#about .top_section {
    padding: 0;
    background-color: #000;
    height: calc(100vh - 150px);
}

#about .top_section .image_wrapper {
    width: 70%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 50px;
    right: 50px;
    background-image: url('../images/top_image.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#about .top_section .title_wrapper {
    width: 360px;    
    position: absolute;
    top: 50%;
    left: 60px;
    transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);    
}

#about .top_section .title_wrapper .section_title {
    font-size: 44px;
    font-family: 'opensansbold';
    line-height: 65px;
    color: #fff;
}
#about .mid_section {
    text-align: center;
    height: 60vh;
    padding: 100px 0 0 0;
    margin: 0 0 50px 0;
}

#about .mid_section .z_wrapper {
    position: absolute;
    right: 40px;
    top: 0;
    height: calc(100% + 50px);
}

#about .mid_section .z_wrapper img {
    height: 100%;
    width: auto;
}

#about .mid_section .inner_wrapper {
    width: 60%;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

#about .mid_section .inner_wrapper .section_title {
    font-size: 35px;
    line-height: 47px;
    font-family: 'opensansbold';
    width: 85%;
    margin: 25px auto;
}

#about .mid_section .inner_wrapper .section_info {
    font-size: 18px;
    line-height: 35px;
    font-family: 'opensans';
    margin: 0 0 25px 0;
}

#about .bottom_section {
    height: calc(100vh - 150px);
    padding: 50px 0;
}

#about .bottom_section .left_div {
    height: 100%;
}

#about .bottom_section .left_div .image_wrapper {
    height: 100%;
    width: 100%;
    background-image: url('../images/about_bottom.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#about .bottom_section .right_div {
    height: 100%;
}

#about .bottom_section .right_div .info_div {
    position: absolute;
    top: 50%;
    left: 40px;
    width: 70%; 
    transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}

#about .bottom_section .right_div .info_div .section_title {
    font-size: 35px;
    font-family: 'opensansbold';
    line-height: 47px;
    margin: 0 0 25px 0;
}

#about .bottom_section .right_div .info_div .section_info {
    font-size: 18px;
    line-height: 30px;
    margin: 25px 0 0 0;
}

/*
* Single
*/

#single .single_head {
    padding: 50px 0;
}

#single .single_head .title {
    font-size: 51px;
    line-height: 70px;
    font-family: 'opensansbold';
}

#single .single_head .location {
    font-size: 18px;
    line-height: 24px;
    font-family: 'opensanssemibold';
}

#single .single_head .close_btn {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    width: 60px;
    height: 60px;
}

#single .gallery_section {
    padding: 0;
}

#single.singleDeliveredProjects .gallery_section{
    padding: 0 0 0 50px;
}

#single .gallery_section .image_gallery .swiper-slide {    
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: auto;
}

#single .gallery_section .image_gallery .swiper-slide .gallery_image {
    height: calc(100vh - 100px);
}

#single .gallery_section .image_gallery .swiper-button-next {
    background-image: url('../images/white_right.png');
    background-size: contain;
    background-position: center;
    width: 55px;
    height: 75px;
}

#single .gallery_section .image_gallery .swiper-button-prev {
    background-image: url('../images/white_left.png');
    background-size: contain;
    background-position: center;
    width: 55px;
    height: 75px;
}

#single .content_section {
    padding: 50px 0;
}

#single .content_section .content_div {
    width: 65%;
    font-size: 19px;
    line-height: 35px;
}

#single .content_section .content_div strong {
    font-weight: bold;
}

#single .content_section .downloadButtons{
    margin: 40px 0 0 0;
}

#single .content_section .download_button {
    font-size: 15px;
    font-family: 'opensansbold';
    height: 50px;
    border: 1px rgba(0,0,0,0.18) solid;
    text-align: center;
    line-height: 50px;
    color: #000;
    display: inline-block;
    padding: 0 20px;
    margin: 0 15px 0 0;
}

#single .content_section .download_button.watch_video {
    top: 55px;
}

#single .content_section .info_list {
    padding: 25px 0 0 0;
}

#single .content_section .info_list .info_item {
    display: inline-block;
    padding: 0 50px 0 0;
}

#single .content_section .info_list .info_item .info_content {
    font-size: 19px;
}

#single .content_section .info_list .info_item .info_content .price {
    color: var(--primary);
    font-family: 'opensansbold';
}

#single .content_section .info_list .info_item .info_content .bold {
    font-family: 'opensansbold';
}

#single .content_section .info_list .info_item .info_content i {
    font-size: 5px;
    vertical-align: middle;
    margin: 0 5px 0 0;
}

#single .content_section {
    border-bottom: 1px #E2E2E2 solid;
}

#single .floor_section {
    padding: 50px 0;
}

#single .floor_slider .swiper-slide .image_wrapper {
    padding-top: 80%;
    background-color: #E2E2E2;
    position: relative;
    overflow: hidden;
}

#single .floor_slider .swiper-slide .image_wrapper .floor_plan {
    padding: 5px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

#single .floor_slider .swiper-slide .info_wrapper {
    padding: 15px 0;
    position: relative;    
}

#single .floor_slider .swiper-slide .info_wrapper .floor_title {
    font-size: 18px;
    line-height: 24px;
    font-family: 'opensansbold';
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0;
}

#single .floor_slider .swiper-slide .info_wrapper .plus_icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
}

#single .map_section {
    padding: 0 0 50px 0;
}

#single .map_wrapper .acf-map{
    height: 100%;
    height: 70vh;
    background-color: #eee;
}

#single .info_div {
    position: absolute;
    top: 40%;
    right: 50px;
    background-color: #242424;
    transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    padding: 25px;
}

#single .info_div .location_title {
    font-size: 35px;
    font-family: 'opensansbold';
    line-height: 47px;
    color: #fff;
}

#single .info_div .location {
    font-size: 15px;
    font-family: 'opensanssemibold';
    line-height: 25px;
    color: #fff;
}

#single .other_projects .section_head {
    padding: 0 0 25px 0;
    position: relative;
}

#single .other_projects .section_head .section_title {
    font-size: 35px;
    line-height: 47px;
    font-family: 'opensansbold';
}

#single .other_projects .section_head .navigation_wrapper {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}

#single .other_projects .section_head .navigation_wrapper .left_button,
#single .other_projects .section_head .navigation_wrapper .right_button {
    width: 60px;
    height: 60px;
    display: inline-block;   
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;   
    -webkit-user-select: none; /* Chrome/Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */

    /* Rules below not implemented in browsers yet */
    -o-user-select: none;
    user-select: none;
}

#single .other_projects .section_head .navigation_wrapper .left_button:focus,
#single .other_projects .section_head .navigation_wrapper .right_button:focus {
    outline: none;
    box-shadow: none;
    -webkit-user-select: none; /* Chrome/Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */

    /* Rules below not implemented in browsers yet */
    -o-user-select: none;
    user-select: none;
}

#single .other_projects .section_head .navigation_wrapper .left_button {
    background-image: url('../images/left_box.png');
    margin: 0 5px 0 0;
}

#single .other_projects .section_head .navigation_wrapper .right_button {
    background-image: url('../images/right_box.png');
    margin: 0 0 0 5px;
}

#single .other_projects .others_slide {
    padding: 25px 0;
}

#single .other_projects .others_slide .swiper-slide {
    padding-top: 25%;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
}

#single .other_projects .others_slide .swiper-slide .info_wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 1;
    text-align: center;
}

#single .other_projects .others_slide .swiper-slide .info_wrapper .project_title {
    font-size: 44px;
    line-height: 60px;
    font-family: 'opensansbold';
    color: #fff;
}

#single .other_projects .others_slide .swiper-slide .info_wrapper .project_location {
    font-size: 17px;
    line-height: 23px;
    font-family: 'opensanssemibold';
    color: #fff;
}

#single .other_projects .others_slide .swiper-slide .slide_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    z-index: 0;
}



/*
* Contact page
*/

#contact .contact_head {
    height: 55vh;
    background-image: url('../images/contact_top.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
}

#contact .contact_head .inner_wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 70%;
    z-index: 1;
}

#contact .contact_head .inner_wrap .section_title {
    font-size: 40px;
    line-height: 40px;
    margin: 0 0 25px 0;
    font-family: 'opensansbold';
    color: #fff;
}

#contact .contact_head .inner_wrap .info_list {
    padding: 25px 0;
    margin: 0;
}

#contact .contact_head .inner_wrap .info_list .info_item {
    display: inline-block;
    width: calc(100%/3);
    text-align: center;
    vertical-align: top;
}

#contact .contact_head .inner_wrap .info_list .info_item .info_icon {
    width: 40px;
    margin: 0 auto 15px auto;
    display: block;
}

#contact .contact_head .inner_wrap .info_list .info_item .info_content {
    font-size: 16px;
    color: #fff;
    padding: 0 15px;
    line-height: 28px;
}

#contact .contact_head .inner_wrap .info_list .info_item .info_content a{
    color: #fff;
}

#contact .contact_head .section_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 0;
}

#contact .contact_form_section .top_wrapper {
    text-align: center;    
}

#contact .contact_form_section .top_wrapper .section_title {
    font-size: 40px;
    font-family: 'opensansbold';
    line-height: 40px;
    margin: 25px 0 15px 0;
}

#contact .contact_form_section .top_wrapper .section_info {
    font-size: 15px;
    line-height: 25px;
    width: 35%;
    margin: 0 auto;
}

#contact .contact_form_wrapper {
    padding: 50px 0;
    width: 80%;
    margin: 0 auto;
}

#contact .contact_form_wrapper .form_wrapper label {
    font-size: 13px;
    line-height: 30px;
}

#contact .contact_form_wrapper .form_wrapper .field_wrapper {
    margin: 0 0 20px 0;
}

#contact .contact_form_wrapper .form_wrapper .wpcf7-form-control {
    width: 100%;
    height: 50px;
    padding: 0 5px;
    font-size: 14px;
    border: 1px rgba(142, 142, 142, 0.2) solid;
}

#contact .contact_form_wrapper .form_wrapper .wpcf7-form-control:focus {
    outline: none;
    box-shadow: none;
}

#contact .contact_form_wrapper .form_wrapper #message {
    height: 120px;
    padding: 15px 5px 0 5px;
}

#contact .contact_form_wrapper .form_wrapper .field_wrapper .submit_btn {
    width: 200px;
    color: #fff;
    margin: 0 auto;
    text-align: center;
    font-size: 15px;
    background-color: #000;
    display: inline-block;
    line-height: 50px;
    vertical-align: middle;
}

#contact .contact_form_wrapper .form_wrapper .field_wrapper .ajax-loader {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 5px;
    position: relative;
}

#contact .contact_form_wrapper .form_wrapper .submit_wrapper {
    text-align: center;
    padding: 15px 0 0 0;
}



/*
* Popup Styles
*/

.white-popup {
    position: relative;
    background: #FFF;
    padding: 50px 70px;
    width:auto;
    max-width: 60%;
    margin: 0 auto; 
}

.white-popup .post_title {
    font-size: 30px;
    line-height: 40px;
    font-family: 'opensansbold';
    text-align: center;
    margin: 0 0 15px 0;
}

.white-popup .image_wrapper {
    background-color: #E2E2E2;
    height: 480px;
    position: relative;
    display: block;
}

.white-popup .image_wrapper .floor_plan {
    width: auto;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.white-popup .info_wrapper {
    padding: 25px 0;
}

.white-popup .info_wrapper .floor_title {
    font-size: 30px;
    line-height: 41px;
    font-family: 'opensansbold';
}

.white-popup .info_wrapper .rooms_list .room_item {
    display: inline-block;
    width: 50%;
    text-align: left;
    height: 35px;
    line-height: 35px;
    font-size: 17px;
}

.white-popup .info_wrapper .rooms_list .room_item i{
    font-size: 7px;
    vertical-align: middle;
    margin: 0 5px 0 0;
}

/*
* Dialogue styles
*/ 

.dialogue_popups .answer_link {
    height: 50px;
    width: 150px;
    line-height: 50px;
    display: block;
    margin: 0 auto;
}

.dialogue_popups .yes .answer_link {
    border: 2px transparent solid;
    color: #fff;
    background-color: #333;
}

.dialogue_popups .no .answer_link {
    border: 2px #333 solid;
    color: #333;
    background-color: transparent;
}

.dialogue_popups .answer_item.yes:hover .answer_link {
    border: 2px #333 solid;
    color: #333;
    background-color: transparent;
}

.dialogue_popups .answer_item.no:hover .answer_link {
    border: 2px transparent solid;
    color: #fff;
    background-color: #333;
}

.dialogue_popups .answer_item {
    display: inline-block;
    margin: 0 50px;
    vertical-align: middle;
}

.dialogue_popups .answer_list {
    text-align: center;
}

.dialogue_popups .popup_message {
    font-size: 20px;
    font-family: opensansbold;
    line-height: 30px;
    margin: 0 0 25px 0;
}



/*
* Maps Styles
*/

.acf-map {
    width: 100%;
    height: 400px;
    border: #ccc solid 1px;
    margin: 20px 0;
}

/* fixes potential theme css conflict */
.acf-map img {
    max-width: inherit !important;
}

@media print {
    .noprint,
    .mfp-bg,
    .clear{
        display: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .toPrint {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        position: relative  !important;
        top: unset  !important;
        left: unset  !important;
        transform: none  !important;
    }
}

.print_btn {
    margin: 25px 0 0 0;
    display: block;
    color: #333;
    text-decoration: underline;
    font-size: 18px;
    text-align: right;
}

.video_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 998;
    display: none;
}

.video_popup {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999;
    transform: translate(-50%, -50%);
    width: auto;
    max-width: 80%;
    max-height: 100%;
    text-align: center;
    height: auto;
    background: #fff;
    padding: 50px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
    display: none;
}

.video_popup .close_btn {
    position: absolute;
    top: 15px;
    right: 15px;
    color: #000;
    font-size: 30px;
}

/*marc changes*/
#single .single_head .titleAndLocation{
    float: left;
}

#single .single_head .priceAndSize{
    float: left;
    background-color: rgba(0,0,0,0.04);
    padding: 20px 15px;
    margin: 4px 0 0 35px;
}

#single .single_head .priceAndSize h3{
    color: #AA4B4B;
    font-size: 16px;
    margin: 0 0 15px 0;
    font-family: 'opensansbold';
}

#single .single_head .priceAndSize h3:nth-last-child(1){
    margin: 0;
}

#single .single_head .priceAndSize h3 span{
    color: #0f0f0f;
}

#single .formWrapper .innerFormWrapper{
    padding: 20px 40px;
    box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2);
    text-align: center;
}

#single .formWrapper .innerFormWrapper h3{
    color: #000000;
    margin: 0 0 15px 0;
    font-family: 'opensansbold';
    font-size: 27px;
}

#single .formWrapper .innerFormWrapper h4{
    font-size: 13px;
    color: #5C5C5C;
    margin: 0 0 20px 0;
}

#single .formWrapper .innerFormWrapper form{
    text-align: left;
}

#single .formWrapper .innerFormWrapper form .fieldWrapper label{
    text-align: left;
    color: #272727;
    font-size: 12px;
    margin: 0 0 10px 0;
}

#single .formWrapper .innerFormWrapper form .fieldWrapper{
    margin: 0 0 20px 0;
}

#single .formWrapper .innerFormWrapper form .fieldWrapper input,
#single .formWrapper .innerFormWrapper form .fieldWrapper select{
    height: 50px;
    padding: 0 10px;
    border: 1px solid #E6E6E6;
    border-radius: 0;
    width: 100%;
    color: #000;
}

#single .formWrapper .innerFormWrapper form .fieldWrapper textarea{
    padding: 6px 10px 0 10px;
    border: 1px solid #E6E6E6;
    border-radius: 0;
    width: 100%;
    color: #000;
}

#single .formWrapper .innerFormWrapper form .fieldWrapper input:focus{
    outline: 0;
}

#single .formWrapper .innerFormWrapper form .fieldWrapper.submitWrapper {
    text-align: center;
}

#single .formWrapper .innerFormWrapper form .fieldWrapper.submitWrapper input{
    font-size: 15px;
    font-family: 'opensansbold';
    border: 1px rgba(0,0,0,0.18) solid;
    text-align: center;
    line-height: 50px;
    color: #fff;
    background-color: #000;
    max-width: 160px;
}

#single .formWrapper .innerFormWrapper form .fieldWrapper .wpcf7-not-valid-tip{
    font-size: 12px;
    margin: 5px 0 0 0;
}