/**
 * cisco-portal-tour.css
 * 
 * Styles the Cisco Portal Tour page.
 * 
 * Index
 * 
 * - Page title
 * - Tour Sections
 * 
 */

/*-----------------------------------------------------------------------
# Page title
------------------------------------------------------------------------*/

.cisco-portal-tour-page .page-title {
    height: 124px;
    background: #F8F8F8;
    text-align: center;
    position: relative;
}

    .cisco-portal-tour-page .page-title h1 {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        margin: 0 auto;
        left: 0;
        right: 0;
        font: 3rem "HelveticaNeue-Thin", "Helvetica Neue Thin", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-weight: 200;
    }

/*-----------------------------------------------------------------------
# Tour Sections
------------------------------------------------------------------------*/

.section-tour { 
    padding-top: 60px;
    text-align: center;
}

.tour-content-wrapper { margin-top: 20px; }

.tour-main-img { 
    text-align: center;
    position: relative;
}

.tour-main-img .open-media-modal { 
    position: relative; 
    display: block;
    cursor: url(/Site/Content/Images/cisco/tour/icn-magnifying-glass.png), default;
    cursor: -moz-zoom-in;
}

.tour-main-img .coming-soon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #2375BB;
}

.icn-content-wrap {
    text-align: center;
    max-width: 220px;
}

.icn-content-wrap .h5 { margin-top: 16px; }

.section-tour:nth-of-type(1) .col:nth-of-type(1) .icn-content-wrap,
.section-tour:nth-of-type(2) .col:nth-of-type(1) .icn-content-wrap {
    margin-top: 100px;
    float: right;
}

.section-tour:nth-of-type(1) .col:nth-of-type(3) .icn-content-wrap,
.section-tour:nth-of-type(2) .col:nth-of-type(3) .icn-content-wrap {
    margin-top: 320px;
    float: left;
}

.section-tour:nth-of-type(3) .col:nth-of-type(3) .icn-content-wrap,
.section-tour:nth-of-type(4) .col:nth-of-type(3) .icn-content-wrap {
    margin-top: 100px;
    float: left;
}

.section-tour:nth-of-type(3) .col:nth-of-type(1) .icn-content-wrap,
.section-tour:nth-of-type(4) .col:nth-of-type(1) .icn-content-wrap {
    margin-top: 320px;
    float: right;
}

.tour-content-wrapper .description-text { 
    margin-top: 32px;
    text-align: left; 
}

.tour-cta {
    text-align: center;
    margin-top: 60px;
}

.tour-cta .h5 { 
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
}