/*Global---------------*/
@font-face {
    font-family: 'colaboratelightregular';
    src: url('../fontkits/colaborate_light/ColabLig-webfont.eot');
    src: url('../fontkits/colaborate_light/ColabLig-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontkits/colaborate_light/ColabLig-webfont.woff') format('woff'),
         url('../fontkits/colaborate_light/ColabLig-webfont.ttf') format('truetype'),
         url('../fontkits/colaborate_light/ColabLig-webfont.svg#colaboratelightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
* {
    box-sizing:border-box;
    margin:0px;
    padding:0px;
}
body {
    background:#d7dde6;
    color:#333; 
    font-family: 'colaboratelightregular', Arial, sans-serif;
    font-size:17px;
    line-height:23px;
}
.global-clearfix:before,
.global-clearfix:after {
    content: "";
    display: table;
} 
.global-clearfix:after {
    clear: both;
}
.global-clearfix {
    zoom: 1;
}
.global-clear {
    clear:both;
}
.header-container,
.page-container,
.footer-container {
    margin:0px auto;
    max-width:1160px;
}
.wrap {
    background:#d7dde6;
    position:relative;
    z-index:1;
}
/*Typography---------------*/
h1, h2, h3, h4 {
    font-weight:100;
}
h1 {
    font-size:25px;
    margin:0 0 20px 0;
    text-transform:uppercase;
}
h2 { }
h3 { }
h4 { }
a {
    color:#355482;
    text-decoration:none;
}
a:hover { }
p {
    margin:0 0 20px 0;
}
/*Header---------------*/
.header {
    background:#355482;
    background:rgba(53,84,130,.5);
    position:relative;
    width:100%;
    z-index:1;
}
.header-logo {
    float:left;
    margin:0 0 0 20px;
    max-width:50%;
    text-indent:-9999px;
}
.header-logo a {
    display:block;
    height:auto;
    width:100%;
}
.header-logo a img {
    display:block;
    max-width:100%;
}
.header-menu {
    opacity:0;
    position:absolute;
    right:0px;
    top:0px;
    -webkit-transition-property:opacity;
    -webkit-transition-duration:.4s;
    -webkit-transition-timing-function:ease-in-out;
    width:225px;
    z-index:0;
}
.header-menu-isActive {
    opacity:1;
    -webkit-transition-property:opacity;
    -webkit-transition-duration:.4s;
    -webkit-transition-timing-function:ease-in-out;
}
.header-menu a {
    border-bottom:1px solid #c8ced6;
    display:block;
    padding:15px 20px;
}
.header-mobileMenuButton {
    background:url(/images/ico-mobile-menu.png) no-repeat center center;
    background-size:cover;
    cursor:pointer;
    display:block;
    height:23px;
    margin:-13px 0 0 0;
    position:absolute;
    right:20px;
    text-indent:-9999px;
    top:50%;
    width:30px;
}
/*Page-----------------*/
.page {
    background:url(../../images/bg.png) center center repeat;
    margin:0;
    padding:60px 20px;
    text-align:center;
}
.page-containerNarrow {
    max-width:700px;
}
.list-standard li {
    background:#eee;
    border-bottom:2px solid #fff;
    list-style:none;
    padding:5px 10px;
}
.imageBox {
    display:table;
}
.imageBox-box {
    background-color:#eee;
    background-position:center center;
    border:1px solid #fff;
    display:table-cell;
    float:left;
    padding:40px 20px;
    vertical-align:middle;
    transition-property: background-position;
    transition-duration: .4s;
    transition-timing-function: ease-in-out;
    width:100%;
}
.imageBox-box:hover {
    background-position:980px center;
    transition-property: background;
    transition-duration: .4s;
    transition-timing-function: ease-in-out;
}
.imageBox-box > * {
    opacity:0;
    transition-property: opacity;
    transition-duration: .4s;
    transition-timing-function: ease-in-out;
}
.imageBox-box:hover > * {
    opacity:1;
    transition-property: opacity;
    transition-duration: .4s;
    transition-timing-function: ease-in-out;
}
.imageBox-email {
    background-image: url(/images/bg-email.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.imageBox-title {
    margin:0 0 10px 0;
}
.imageBox-text {
    margin:0 0 10px 0;
}
.imageBox-button {

}
/*Banner---------------*/
.banner {
    float:left;
    position:static;
    width:100%;
    z-index:0;
    margin:0;
}
.banner img {
    float:left;
    width:100%;
}
/*Footer---------------*/
.footer {
    bottom:0px;
    display:none;
    font-size:19px;
    position:fixed;
    width:100%;
}
.footer-menu {
    float:left;
    max-width:80%;
}
.footer-menu a {
    color:#fff;
    display:block;
    height:45px;
    line-height:45px;
    padding:0 30px;
    text-decoration:none;
    text-shadow:1px 1px 0px rgba(0,0,0,.7);
	transition-property: background;
	transition-duration: .3s;
	transition-timing-function: ease-in-out;
}
.footer-menu a:hover {
    background:rgba(0,0,0,.1);
	transition-property: background;
	transition-duration: .3s;
	transition-timing-function: ease-in-out;
}
.footer-backToTopButton {
    color:#fff;
    display:block;
    float:right;
    height:45px;
    line-height:45px;
    padding:0 30px;
    text-shadow:1px 1px 0px rgba(0,0,0,.7);
	transition-property: background;
	transition-duration: .3s;
	transition-timing-function: ease-in-out;
}
.footer-backToTopButton:hover {
	background:rgba(0,0,0,.2);
	transition-property: background;
	transition-duration: .3s;
	transition-timing-function: ease-in-out;
}
/*Media Queries-----------------*/
@media (min-width: 980px) {
    .wrap {
        right:0px!important;
    }
    .header-mobileMenuButton {
        display:none;
    }
    .header-menu {
        float:right;
        font-size:0px;
        opacity:1;
        position:static;
        width:auto;
    }
    .header-menu a {
        border:none;
        color:#fff;
        display:inline-block;
        font-size:19px;
        height:121px;
        line-height:121px;
        padding:0 30px;
        text-decoration:none;
        text-shadow:1px 1px 0px rgba(0,0,0,.7);
	    transition-property: background;
	    transition-duration: .3s;
	    transition-timing-function: ease-in-out;
    }
    .header-menu a:hover {
        background:rgba(53,84,130,.3);
	    transition-property: background;
	    transition-duration: .3s;
	    transition-timing-function: ease-in-out;
    }
    .banner {
        float:left;
        position:relative;
        width:100%;
        z-index:0;
        margin:-121px 0 0 0;
    }
    .imageBox-box {
        width:50%;
    }
}