#project_slide_container            {margin: 0px 0px 0px 0px; padding: 0px; width:970px; height: 423px;}

.project_slide                      {margin: 0px 0px 0px 0px; padding: 0px;}
.project_image                      {margin: 0px 0px 0px 0px; padding: 0px; width: 942px; height: 365px; overflow: hidden; position: relative; z-index: 50}
.project_slide_caption              {margin: -290px 0px 0px 50px; padding: 0px; width: 300px; height: 243px; font-family: 'Anton', sans-serif; font-size: 60px; color: #ffffff; line-height: 55px; text-transform: uppercase; text-shadow: 10px 5px 30px rgba(0,0,0,0.8); position: relative; z-index: 100}
.project_slide_bar                  {margin: 0px 0px 0px 0px; padding: 0px; width: 942px; height: 100px; background: url("../img/bg/black50.png") repeat; position: relative; z-index: 10000}
.project_slide_details              {margin: 17px 0px 0px 50px; padding: 0px; font-family: 'Roboto', sans-serif; font-size: 12px; color: #ffffff; float: left;position: relative; z-index: 10000}
.project_slide_full_info            {margin: 17px 10px 0px 0px; padding: 0px; font-family: 'Roboto', sans-serif; font-size: 12px; color: #ffffff; float: right;  position: relative; z-index: 11000}
.project_slide_full_info_icon       {margin: 13px 40px 0px 0px; float: right}
#project_slide_frame                {margin: -395px 0px 0px 0px; padding: 0px; position: relative; z-index: 100; float: left}

/*Honme Royal Slider*/
#home-projects-slider {
    width: 942px;
    height: 365px;
    color: #000;
}

.rsArrowRight,
.rsArrowLeft,
.rsNav          {
    margin-right: 435px;
}

.royalSlider  {
    margin: 0px 0px 0px 15px;
    padding: 0px;
    position: relative;
    z-index: 20000;
}



.coloredBlock {
    padding: 12px;
    background: rgba(255,0,0,0.6);
    color: #FFF;
    width: 200px;
    left: 20%;
    top: 5%;
}
.infoBlock {
    position: absolute;
    top: 30px;
    right: 30px;
    left: auto;
    max-width: 25%;
    padding-bottom: 0;
    background: #FFF;
    background: rgba(255, 255, 255, 0.8);
    overflow: hidden;
    padding: 20px;
}
.infoBlockLeftBlack {
    color: #FFF;
    background: #000;
    background: rgba(0,0,0,0.75);
    left: 30px;
    right: auto;
}
.infoBlock h4 {
    font-size: 20px;
    line-height: 1.2;
    margin: 0;
    padding-bottom: 3px;
}
.infoBlock p {
    font-size: 14px;
    margin: 4px 0 0;
}
.infoBlock a {
    color: #FFF;
    text-decoration: underline;
}
.photosBy {
    position: absolute;
    line-height: 24px;
    font-size: 12px;
    background: #FFF;
    color: #000;
    padding: 0px 10px;
    position: absolute;
    left: 12px;
    bottom: 12px;
    top: auto;
    border-radius: 2px;
    z-index: 25;
}
.photosBy a {
    color: #000;
}
.fullWidth {
    max-width: 942px;
    max-height: 365px;
    margin: 0px 0px 0px 0px;

}

@media screen and (min-width:960px) and (min-height:375px) {
    .heroSlider .rsOverflow,
    .royalSlider.heroSlider {
        height: 365px !important;
    }
}

@media screen and (min-width:960px) and (min-height:375px) {
    .heroSlider .rsOverflow,
    .royalSlider.heroSlider {
        height: 365px !important;
    }
}
@media screen and (min-width: 0px) and (max-width: 960px) {
    .royalSlider.heroSlider,
    .royalSlider.heroSlider .rsOverflow {
        height: 365px !important;
    }
    .infoBlock {
        padding: 10px;
        height: auto;
        max-height: 100%;
        min-width: 40%;
        left: 5px;
        top: 5px;
        right: auto;
        font-size: 12px;
    }
    .infoBlock h3 {
        font-size: 14px;
        line-height: 17px;
    }
}

/*End Royal Slider*/