﻿/*@import url("//fonts.googleapis.com/css?family=Open+Sans:400,600,700,800|Give+You+Glory");*/
@font-face {
    font-family: 'tempo';
    src: url("/common/cclus/fonts/tempostd-heavycondensed-webfont.eot");
    src: url("/common/cclus/fonts/tempostd-heavycondensed-webfont.eot?#iefix") format("embedded-opentype"), url("/common/cclus/fonts/tempostd-heavycondensed-webfont.woff") format("woff"), url("/common/cclus/fonts/tempostd-heavycondensed-webfont.ttf") format("truetype"), url("/common/cclus/fonts/tempostd-heavycondensed-webfont.svg#TempoStdHeavyCondensed") format("svg");
    font-weight: normal;
    font-style: normal;
}

#form2 > .padding-wrap {
    padding: 0;
}


.clearfix {
  *zoom: 1;
}
.clearfix:before, .clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}

.no-pad {
  padding: 0;
}

.hidden {
  display: none;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.a-right {
  text-align: right;
}

.a-left {
  text-align: left;
}

body {
  font-family: arial, helvetica, sans-serif;
  margin: 0;
  padding: 0;
  background: #daeff7;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RhZWZmNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #daeff7), color-stop(100%, #ffffff));
  background-image: -webkit-linear-gradient(#daeff7, #ffffff);
  background-image: -moz-linear-gradient(#daeff7, #ffffff);
  background-image: -o-linear-gradient(#daeff7, #ffffff);
  background-image: linear-gradient(#daeff7, #ffffff);
  overflow-x: auto;
}
.lt-ie9 body {
  zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#daeff7', endColorstr='white',GradientType=0 );
}
.lt-ie7 body {
  filter: none;
  background: #daeff7;
}
.ph-header {
    margin-bottom: 20px;
    background: url/common/cclus/oba/css/(img/header.png) no-repeat center 0 white;
    height: 112px;
}

.ph-footer {
    margin-top: 30px;
    background: url(/common/cclus/oba/css/img/footer.jpg) no-repeat center 0 #e2f1fd;
    height: 350px;
}

.padding-wrap {
  padding: 0 30px;
}

@media screen and (max-width: 1024px) {
  .padding-wrap {
    padding: 0 16px;
  }
}

.content-wrap {
    width: 100%;
    min-width: 300px;
    margin: 0;
    padding: 0;
    margin: 20px auto 30px auto;
}

@media (min-width: 1024px) {
    .content-wrap {        
        max-width: 1200px;
        min-width: 912px;
    }
}

.ccl-mobile .content-wrap {
    background-color: #fff;
    margin: 0 auto;
}

@media (min-width: 1024px) {
    .body-content {
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px;
        border-radius: 15px;
        -webkit-box-shadow: 0 1px 2px rgba(4, 47, 89, 0.2), 0 0 5px rgba(2, 27, 51, 0.1);
        -moz-box-shadow: 0 1px 2px rgba(4, 47, 89, 0.2), 0 0 5px rgba(2, 27, 51, 0.1);
        box-shadow: 0 1px 2px rgba(4, 47, 89, 0.2), 0 0 5px rgba(2, 27, 51, 0.1);
    }
}

.body-content {
    background-color: #FFF;
    font-family: 'Open Sans', arial, helvetica, sans-serif;
    font-size: 132%;
}

.ccl-mobile .body-content {
    background: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-size: 100%;
}

.body-content i {
    display: inline-block;
    vertical-align: middle;
    *text-indent: 0 !important;
    *display: inline;
    *zoom: 1;
}
.body-content .content-block {
  padding: 30px;
  position: relative;
  *zoom: 1;
}

.body-content .content-block[data-fac="fac2015"] {
  padding: 30px 0;
}
.body-content .content-block[data-fac="fac2015"] [search-form] .component-search-form .search-form-criterias ul.search-form {
    padding-left: 0;
}

.body-content .content-block:before, .body-content .content-block:after {
  display: table;
  content: "";
}
.body-content .content-block:after {
  clear: both;
}
.body-content .content-block p {
  margin: 0 0 15px;
}

.body-content .content-block.last-child,
.body-content .content-block.first-child {
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    -ms-border-radius: 0 0 0 0;
    -o-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
}

@media (min-width: 1024px) {
    .body-content .content-block.first-child {
        -webkit-border-radius: 15px 15px 0 0;
        -moz-border-radius: 15px 15px 0 0;
        -ms-border-radius: 15px 15px 0 0;
        -o-border-radius: 15px 15px 0 0;
        border-radius: 15px 15px 0 0;
    }

    .body-content .content-block.last-child {
        -webkit-border-radius: 0 0 15px 15px;
        -moz-border-radius: 0 0 15px 15px;
        -ms-border-radius: 0 0 15px 15px;
        -o-border-radius: 0 0 15px 15px;
        border-radius: 0 0 15px 15px;
        margin-top: -20px;
    }
}

    
/*Removed when merged with PWC changes
.body-content .content-block.last-child.light-blue {
  margin: -20px -30px -80px;
}*/
    .body-content .content-block.no-pad {
        padding: 0;
    }

    .body-content .content-block.no-pad-h {
        padding-left: 0;
        padding-right: 0;
    }

    .body-content .content-block.blue {
        background: #0A407D;
        color: #fff;
        min-height: 50px;
    }

        .body-content .content-block.blue h1 {
            font: normal 30px/50px tempo;
            text-transform: uppercase;
            position: absolute;
            margin: 0;
            top: 30px;
            left: -15px;
            background: #DD1225;
            height: 50px;
            vertical-align: middle;
            padding: 0 55px 0 30px;
        }

            .body-content .content-block.blue h1:before {
                position: absolute;
                bottom: -15px;
                left: 0;
                content: "";
                display: block;
                width: 0;
                height: 0;
                color: transparent;
                border-top: 15px solid #5d0b17;
                border-left: 15px solid transparent;
            }

            .body-content .content-block.blue h1:after {
                position: absolute;
                top: 0;
                right: 0;
                content: "";
                display: block;
                width: 0;
                height: 0;
                border: 25px solid transparent;
                color: transparent;
                border-right-color: #0a407d;
            }

        .body-content .content-block.blue p {
            font: 400 18px/22px 'Open Sans', arial,helvetica,sans-serif;
            float: right;
            width: 75%;
            padding-right: 5%;
            margin: 0;
            position: relative;
            text-align: center;
        }

    .body-content .content-block.long-tag p {
        width: 63%;
    }

    .body-content .content-block.light-blue {
        background: #EAF3FC;
        border-top: 1px solid #EBEBEB;
    }

    .body-content .content-block.grey {
        background: url(/common/cclus/oba/css/img/grey-grad.png) repeat-x 0 1px;
        border-top: 1px solid #EBEBEB;
    }

    .ccl-mobile .body-content .content-block.grey {
        background: none;
        border-top: none;
        padding: 0;
        margin: 10px 0;
    }

    .body-content .content-block .blue-cta {
        display: block;
        position: relative;
        margin: 0 auto 20px;
        text-align: center;
        width: 120px;
        background: #5994CC;
        font: normal 16px tempo;
        text-transform: uppercase;
        color: white;
        padding: 8px 30px;
        text-decoration: none;
        white-space: nowrap;
        -webkit-transition: background-color 300ms;
        -moz-transition: background-color 300ms;
        -o-transition: background-color 300ms;
        transition: background-color 300ms;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        -ms-border-radius: 50px;
        -o-border-radius: 50px;
        border-radius: 50px;
        border: 3px solid #fff;
        -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.13);
        -moz-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.13);
        box-shadow: 0 3px 0 rgba(0, 0, 0, 0.13);
    }
        /*.body-content .content-block .blue-cta.hidden {
    display: none;
}*/
        .body-content .content-block .blue-cta.long {
            width: 180px;
        }

        .body-content .content-block .blue-cta:hover {
            background: #397bb9;
        }

        .body-content .content-block .blue-cta:active {
            top: 2px;
            -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.13);
            -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.13);
            box-shadow: 0 1px 0 rgba(0, 0, 0, 0.13);
        }

    .body-content .content-block .green-cta {
        display: block;
        position: relative;
        margin: 0 auto;
        text-align: center;
        width: 80px;
        background: #43af11;
        font: normal 13px tempo;
        text-transform: uppercase;
        color: white;
        padding: 5px;
        text-decoration: none;
        white-space: nowrap;
        -webkit-transition: background-color 300ms;
        -moz-transition: background-color 300ms;
        -o-transition: background-color 300ms;
        transition: background-color 300ms;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        -ms-border-radius: 50px;
        -o-border-radius: 50px;
        border-radius: 50px;
        border: 3px solid #fff;
        -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.13);
        -moz-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.13);
        box-shadow: 0 3px 0 rgba(0, 0, 0, 0.13);
    }

        .body-content .content-block .green-cta.long {
            width: 180px;
        }

        .body-content .content-block .green-cta:hover {
            background: #31810c;
        }

        .body-content .content-block .green-cta:active {
            top: 2px;
            -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.13);
            -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.13);
            box-shadow: 0 1px 0 rgba(0, 0, 0, 0.13);
        }

    /************Changes from dest.region.css ************/

    .content-block.has-gradient h1, .content-block.has-gradient h2 {
        font: 35px tempo;
        color: #07539c;
        text-transform: uppercase;
        margin: 0;
    }

    @media screen and (max-width: 1060px) {
        .content-block.blue p {
            width: 70%;
        }
    }

    .content-block.has-gradient {
        background: url("/common/cclus/oba/css/img/content-top-bg.png") repeat-x top left;
    }

        .content-block.has-gradient.light-blue {
            background: #eaf3fc url("/common/cclus/oba/css/img/content-top-bg.png") repeat-x top left;
        }

        .content-block.has-gradient h2 {
            text-align: center;
            margin: 30px 0 0;
        }

            .content-block.has-gradient h2.bot-margin {
                margin: 30px 0 15px;
            }

        .content-block.has-gradient .subtext {
            color: #444;
            text-align: center;
            font-size: 14px;
            margin: 0;
        }

    .content-block.less-vert-pad {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .content-block.curves {
        -webkit-border-radius: 15px 15px 0 0;
        -moz-border-radius: 15px 15px 0 0;
        -ms-border-radius: 15px 15px 0 0;
        -o-border-radius: 15px 15px 0 0;
        border-radius: 15px 15px 0 0;
    }

    .content-block.bottom-curves {
        -webkit-border-radius: 0 0 15px 15px;
        -moz-border-radius: 0 0 15px 15px;
        -ms-border-radius: 0 0 15px 15px;
        -o-border-radius: 0 0 15px 15px;
        border-radius: 0 0 15px 15px;
    }

    .content-block.top-spacing {
        margin-top: 60px;
    }

    .region-btn {
        display: inline-block;
        font: 16px tempo;
        text-transform: uppercase;
        padding: 5px 15px;
        text-decoration: none;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
        border-radius: 20px;
        -webkit-transition: all 0.25s ease-in-out;
        -moz-transition: all 0.25s ease-in-out;
        -o-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
    }

        .region-btn.clear {
            border: 3px solid #fff;
            color: #fff;
        }

            .region-btn.clear:hover {
                background-color: #fff;
                color: #0a407d;
            }

        .region-btn.blue {
            background-color: #5994cc;
            color: #fff;
            border: 3px solid #fff;
            -webkit-box-shadow: 1px 3px 0 rgba(0, 0, 0, 0.13);
            -moz-box-shadow: 1px 3px 0 rgba(0, 0, 0, 0.13);
            box-shadow: 1px 3px 0 rgba(0, 0, 0, 0.13);
        }

            .region-btn.blue:hover {
                background: #397bb9;
            }

    .body-content .content-block .ccl-button-primary-small {
        text-decoration: none;
    }

    .ccl-ada-grey-txt-color {
        color: #4c4c4c !important;
    }

    .ccl-read-more {
        display: none;
    }

    .ccl-tout-back .ccl-button-xsmall.ccl-button-link:after {
        margin: 0;
    }

    .ccl-mobile .page-desc {
        padding: 15px;
    }

    .ccl-mobile .page-title {
        padding: 15px 15px 0;
    }

        .ccl-mobile .page-title h1 {
            margin-bottom: 10px;
            font-weight: normal;
            font-size: 25px;
            font-family: "Tempo", "Tempo-Local", Arial Narrow, Arial, sans-serif;
            color: #da0936;
            text-transform: uppercase;
            letter-spacing: -0.01em;
        }

    .tiles {
        padding: 20px 10px;
        overflow: hidden;
        text-align: center;
    }

    .ccl-mobile .tiles {
        margin: 0 -15px;
        background-color: #e3f2ff;
    }