/*********************************************
	HEADER
*********************************************/

#main-nav ul li{
    margin-left:25px;
    float:left;
    margin-right:inherit;
}

#main-nav{
    float:right;
}

#logo{
    float:left;
}



#location-map-nav .panel-heading a{
    padding:10px 20px 10px 0;
    background: url(../images/arrow-down-black.svg) right center no-repeat;
}

#location-map-nav .panel-heading a.collapsed{
    background-position:right;
}

/*********************************************
	SLIDER HOME PAGE
*********************************************/

#main-slider-caption{
    right:36px;
    left:inherit;
    direction:ltr;
}

/*#main-slider-container .slick-dots li{
    float:right;
}*/

#main-slider-container{
    direction:rtl;
}

#main-slider-container .slick-arrow.slick-next{
    right:0;
    left:initial;
    background: url(../images/arrow-right.svg) center center no-repeat #231f20;
}

#main-slider-container .slick-arrow.slick-prev{
    left:0;
    right:initial;
    background: url(../images/arrow-left.svg) center center no-repeat #231f20;
}

#main-slider-container .slick-arrow:hover{
    background-color:#832a1a !important;
}

#logo{
    width:480px;
    margin-top:2px;
}

#header-bottom.affix #logo{
    width:360px;
}


/*********************************************
	PROJECTS LIST
*********************************************/

.projects-list .items-nav ul li:first-child{
    margin-left:0;
}

.projects-list .items-nav ul li{
    float:left;
    margin-left:28px;
    margin-right:0;
}

.projects-list .items-nav ul li a{
    font-size:11pt;
}

/*********************************************
	ABOUT PAGE
*********************************************/

.info-block-title i{
    float:left;
    margin-right:20px;
    margin-left:0;
}

/*********************************************
	TEAM PAGE
*********************************************/

.staff-list .projects-list-item-hover .hover-text .phone{
    padding-left:40px;
    background: url(../images/phone.svg) left center no-repeat;
}

.staff-list .projects-list-item-hover .hover-text .email {
    padding-left: 40px;
    background: url(../images/email.svg) left center no-repeat;
}

/*********************************************
	PROJECT PAGE
*********************************************/

#about-project-btn{
    right: 36px;
    left:inherit;
    padding:15px 0 0 15px;
}

#main-slider-container.project-slider #main-slider-caption{
    right:auto;
    left:0;
}

.gm-style .gm-style-iw{
    direction:ltr;
}

.text-column{
    font-size:14pt;
}

.project-details p{
    font-size:13pt;
}

.project-details p a{
    font-size:13pt;
}

#gallery-back a{
    padding: 5px 29px;
}

#main-slider-caption2{
    left:0;
    right:inherit;
}

.project-details .col:first-child {
    padding-right: 48px;
    padding-left: 0;
}

.project-details .col {
    float: left;
    padding-left: 20px;
    padding-right:0;
}

.project-details .col:last-child {
    border-left: 1px solid #231f20;
    border-right:0;
}

.project-details p a img{
    margin-right:5px;
    margin-left:0;
}

.project-details .build-icon, .project-details .taba-icon{
    margin-right:5px;
    margin-left:0;
}

/*********************************************
	MOBILE FIXES
*********************************************/

.section-title .projects-categories-btn{
    float:right;
    padding-right:18px;
    padding-left:0;
}

.section-title .projects-categories-btn:after{
    right:0;
    left:initial;
    border-left: 6px solid #000;
    border-right:0;
}

.section-title .projects-categories-btn.active:after{
    transform: translateY(-50%) rotate(90deg);
}

#mobile-nav-btn{
    float:right;
}

.popup-back:before, .staff-popup-back:before{
    left:0;
    right:initial;
    top:-11px;
    transform: rotate(180deg);
}

.popup-back, .staff-popup-back{
    left:22px;
    right:initial;
    padding-left:18px;
}

/*********************************************
	POPUP
*********************************************/

#about-project-popup{
    direction:ltr;
}

#about-project-content .project-details .col:last-child{
    border-left:1px solid #fff;
    border-right:0;
}

.about-popup-content .project-details .build-icon, .about-popup-content .project-details .taba-icon{
    margin-left:0;
}

#gallery-back{
    right:36px;
    left: initial;
    padding:15px 0 0 15px;
}

.project-location-popup-close{
    left:0;
    right: initial;
}

.map-filters{
    right:36px;
    left: initial;
    font-size:13pt;
}

.contact-form .input.text input{direction:ltr;}
.white-popup-block .contact-form .input.textarea textarea{direction:ltr;}
.white-popup-block .formstrip{text-align:left;}

.section-title .mobile-project-info{float:right;}

/*********************************************
	RESPONSIVE
*********************************************/

@media (max-width: 1400px){

    #logo{
        width:416px;
    }

}

@media (max-width: 1120px){

    #logo{
        width:324px;
        margin-top:12px;
    }

}

@media (max-width: 1083px){

    .projects-list .items-nav ul li{
        margin-left:19px;
    }
}

@media (max-width: 1024px){

    #logo{
        margin-top:0;
    }

    .projects-list .items-nav ul li a {
        font-size: 10pt;
    }

    .projects-list .items-nav ul li {
        margin-left: 10px;
    }

}

@media (max-width: 767px){

    #main-slider-caption {
        position: static;
        padding-left: 0;
        width: auto;
        bottom: 0;
    }

    .section-title h1, .section-title h2, .section-title h3{
        float:left;
    }

    #staff-list-mobile ul li{
        float:left;
    }

    #staff-popup-content .phone{
        padding-left: 40px;
        background: url(../images/phone2.svg) left center no-repeat;
        padding-right:0;
    }

    #staff-popup-content .email{
        padding-left: 40px;
        padding-right:0;
        background: url(../images/email2.svg) left center no-repeat;
    }

}


@media (max-width:480px){

    #logo{
        width:279px;
    }

    #header-bottom.affix #logo{
        width:279px;
    }

    /*.container {padding: 0 12px;margin:0 auto;}*/

}