/* 
Homepage CSS Styling
Created on 29.04.2014 by Neil Kelsey
Please only use this stylesheet for styles used ONLY on the Home page
*/
/* Start of structure styling */
@media (min-width: 992px) {

    .five-full-desktop .col-md-2
    {
        width:20%;
    }
}

li.slider-ae-banner
{
    position: relative;
    z-index: 1;
    min-height: 272px;
    background:
        url(/assets/images/homepage-banner-AE.jpg)
        top
        center
        no-repeat; 
}
li.slider-scams-banner
{
    position: relative;
    z-index: 1;
    min-height: 272px;
    background:
        url(/assets/images/homepage-banner-pension-scams.jpg)
        top
        center
        no-repeat; 
}
li.slider-db-banner
{
    position: relative;
    z-index: 1;
    min-height: 272px;
    background:
        url(/assets/images/homepage-banner-DB.jpg)
        top
        center
        no-repeat; 
}
li.slider-dc-banner
{
    position: relative;
    z-index: 1;
    min-height: 272px;
    background:
        url(/assets/images/flexslider-pentagon-dc-bg.jpg)
        top
        center
        no-repeat; 
}
.home-info-panel
{
    position: relative;
    z-index: 10;
    min-height: 272px;
    background: 
        rgba(0,0,0,0.6);
}
.home-info-panel h2, .home-info-panel h3, .home-info-panel p, .home-info-panel li
{
    margin:0 0 20px 0;
    color:#FFF;
}

.home-info-panel a.btn-primary
{
    min-width: 251px;
}

.light-grey-bg .white-bg
{
    min-height:156px!important;
}

/* Start of flexslider image styling */
.flex-slider-ae
{
    margin:178px 0 0 80px;
    max-width:498px;
}
.flex-slider-pension-scams
{
    margin:0 0 0 121px;
    max-width:390px;
}
.flex-slider-dc
{
    margin:25px 0 0 121px;
    max-width:390px;
}
.flex-slider-db
{
    margin:25px 0 0 121px;
    max-width:390px;
}
@media (max-width: 1200px) {
    h2.title-18
    {
        font-size:15px;
        line-height:18px;
    }
    .light-grey-bg .white-bg
    {
        min-height:196px!important;
    }
    .flex-slider-ae
    {
        margin:178px 0 0 28px;
    }
    .flex-slider-pension-scams
    {
        margin:0 0 0 71px;
    }
    .flex-slider-dc
    {
        margin:25px 0 0 71px;
    }
    .flex-slider-db
    {
        margin:25px 0 0 71px;
    }
}
@media (max-width: 992px) {
    .flex-slider-ae
    {
        margin:205px 0 0 3px;
    }
    .flex-slider-pension-scams
    {
        margin:0;
    }
    .flex-slider-dc
    {
        margin:39px 0 0 0;
    }
    .flex-slider-db
    {
        margin:39px 0 0 0;
    }
}
@media (max-width: 768px) {
    .flex-slider-ae
    {
        margin:50px auto 0 auto;
    }
    .flex-slider-pension-scams
    {
        margin:0 auto;
    }
    .flex-slider-dc
    {
        margin:25px auto 20px auto;
    }
    .flex-slider-db
    {
        margin:29px auto 5px auto;
    }
}
/* End of flexslider image styling */

#content {width:100% !important;}

/* End of structure styling */


/* Start AE Campaign Slider Styling */
.ae-desktop-slide
{
    max-width:660px;
}
.ae-tablet-slide
{
    max-width:543px;
}
.ae-mobile-slide
{
    max-width:360px;
}

@media (max-width:1200px)
{
    .ae-desktop-slide{display:none !important;}
    .ae-tablet-slide{display:block !important;}
}
@media (max-width:992px)
{
    .ae-tablet-slide{display:none !important;}
    .ae-mobile-slide {display: block !important; max-width:311px;}
}
@media (max-width:767px)
{
    .ae-tablet-slide{display:block !important;}
    .ae-mobile-slide {display:none !important;}
}
@media (max-width: 599px )
{
    .ae-tablet-slide{display:none !important;}
    .ae-mobile-slide {display:block !important;}
}

 /*Teaser*/
a.ae-campaign-btn {background-color: #3575ab;}
a.ae-campaign-btn:hover {background-color:#407FB5;}

@media (min-width:768px) and (max-width: 992px)
{
   .slideraction {position: relative; top: 20px; left:-30px;}
}

@media (max-width:599px)
{
   .slideraction {position: relative; top: -20px; left:-30px;}
}

/* End of document */