html {
width: 100%;
height: 100%;
}
* {
-webkit-font-smoothing: antialiased;
}
body {
width: 100%;
height: 100%;
background: #fff;
font-family: "Ubuntu", Helvetica, Arial, sans-serif;
color: #3B3B3B;
font-size: 13px;
line-height: 21px;
}
a:link, a:visited {
color: #c50008;
}
a:hover, a:active {
color: #940006;
}
@media (max-width:479px) {
}
@media (min-width:480px) and (max-width:767px) {
}
@media (min-width:768px) and (max-width:991px) {
}
@media (min-width:992px) and (max-width:1199px) {
}
@media (min-width:1200px) {
}
h1 {
font-weight: 300;
}
h1.color-rootparent {
color: #EBEBEB;
margin-top: 18px;
}
h1.color-insideparent {
color: #EBEBEB;
margin-top: 34px;
}
h1.color-parent {
color: #4F0305;
}
.imageThumb img {
border: 2px solid #91474A;
margin-right: 4px;
margin-bottom: 16px;
padding: 0;
width: 100%;
}
.imageThumb img:hover {
border: 2px solid #E0B2B8;
}
@media (max-width:479px) {
.imageThumb img {
height: 50%;
}
}
@media (min-width:480px) and (max-width:767px) {
}
@media (min-width:768px) and (max-width:991px) {
}
@media (min-width:992px) and (max-width:1199px) {
}
@media (min-width:1200px) {
}
header, .full-width {
width: 100%;
min-height: 500px;
background: url("../images/header-01-med.jpg") center top no-repeat;
background-size: cover;
}
.wrap {
width: 80%;
max-width: 24em;
margin: 0 auto;
padding: 0.25em 0.625em;
}
.content-header {
padding: 100px 0 25px 0;
-ms-transform: skew(0deg, -7deg);
-webkit-transform: skew(0deg, -7deg);
transform: skew(0deg, -7deg);
margin-top: -250px;
margin-bottom: 40px;
position: relative;
overflow: hidden;
border-bottom: 4px solid #7b2e30;
}
.content-header:before
{
padding: 100px 0 0 0;
-ms-transform: skew(0deg, 7deg);
-webkit-transform: skew(0deg, 7deg);
transform: skew(0deg, 7deg);
margin-top: -100px;
content: "";
position: absolute;
width: 200%;
height: 200%;
top: -20%;
left: -50%;
z-index: -1;
background: url("../images/header-01f.jpg") top center no-repeat;
background-size: cover;
}
.content-header .content {
-ms-transform: skew(0deg, 7deg);
-webkit-transform: skew(0deg, 7deg);
transform: skew(0deg, 7deg);
text-align: center;
}
.content-header .content .title {
padding-top: 100px;
font-weight: normal;
}
.content-header .content .text {
width: 60%;
margin: 25px auto;
color: #ccfff2;
}
.skewed-bg {
background: #00B285;
padding: 100px 0;
-ms-transform: skew(0deg, -10deg);
-webkit-transform: skew(0deg, -10deg);
transform: skew(0deg, -10deg);
margin-top: -100px;
position: relative;
overflow: hidden;
}
.skewed-bg:before
{
padding: 100px 0;
-ms-transform: skew(0deg, 10deg);
-webkit-transform: skew(0deg, 10deg);
transform: skew(0deg, 10deg);
margin-top: -100px;
content: "";
position: absolute;
width: 200%;
height: 200%;
top: -50%;
left: -50%;
z-index: -1;
background: url("../images/header-01c-high.jpg") center center no-repeat;
background-size: cover;
}
.skewed-bg .content {
-ms-transform: skew(0deg, 10deg);
-webkit-transform: skew(0deg, 10deg);
transform: skew(0deg, 10deg);
text-align: center;
}
.skewed-bg .content .title {
padding-top: 100px;
font-weight: normal;
}
.skewed-bg .content .text {
width: 60%;
margin: 25px auto;
color: #ccfff2;
}
.skewed-bg2 {
background: #00B285;
padding: 50px 0;
-ms-transform: skew(0deg, 5deg);
-webkit-transform: skew(0deg, 5deg);
transform: skew(0deg, 5deg);
margin-top: -50px;
position: relative;
overflow: hidden;
}
.skewed-bg2:before
{
padding: 50px 0;
-ms-transform: skew(0deg, -5deg);
-webkit-transform: skew(0deg, -5deg);
transform: skew(0deg, -5deg);
margin-top: -50px;
content: "";
position: absolute;
width: 200%;
height: 200%;
top: -50%;
left: -50%;
z-index: -1;
background: url("../images/header-01c-high.jpg") center center no-repeat;
background-size: cover;
}
.skewed-bg2 .content {
-ms-transform: skew(0deg, -5deg);
-webkit-transform: skew(0deg, -5deg);
transform: skew(0deg, -5deg);
text-align: center;
}
.skewed-bg2 .content .title {
padding-top: 50px;
font-weight: normal;
}
.skewed-bg2 .content .text {
width: 60%;
margin: 25px auto;
color: #ccfff2;
}
.top-main {
padding-top: 175px;
display: block;
line-height: 150px;
}
.top-main-nav {
font-size: 18px;
font-weight: 500;
line-height: 150px;
text-transform: uppercase;
}
.top-main-logo {
width: 125px;
height: 125px;
}
.top-main-nav li {
margin-left: 8px;
margin-right: 8px;
}
.top-main-nav a:link, .top-main-nav a:visited {
color: #fff;
}
.top-main-nav a:hover, .top-main-nav a:active {
color: #DE7272;
border-bottom: none;
text-decoration: none;
}
.circular-button {
width: 40px;
height: 40px;
background: url(../images/circular-button-orange.png) repeat;
border-radius: 20px;
border: 2px solid transparent;
display: inline-block;
text-align: center;
line-height: 36px;
}
.circular-button:hover {
width: 40px;
height: 40px;
background: url(../images/circular-button-orange.png) repeat;
border-radius: 20px;
border: 2px solid #fff;
display: inline-block;
text-align: center;
line-height: 36px;
}
@media (max-width:479px) {
.top-main {
padding-top: 150px;
display: block;
line-height: 150px;
}
}
@media (min-width:480px) and (max-width:767px) {
.top-main {
padding-top: 150px;
display: block;
line-height: 150px;
}
}
@media (min-width:768px) and (max-width:991px) {
.top-main-logo {
width: 100px;
height: 100px;
}
.top-main-nav {
font-size: 14px;
font-weight: 500;
line-height: 40px; /* 100px */
text-transform: uppercase;
margin-top: 30px;
}
.top-main-nav li {
margin-left: 2px;
margin-right: 2px;
}
}
@media (min-width:992px) and (max-width:1199px) {
.top-main-logo {
width: 100px;
height: 100px;
}
.top-main-nav {
font-size: 16px;
font-weight: 500;
margin-top: 30px;
line-height: 40px; /* 100px */
text-transform: uppercase;
}
.top-main-nav li {
margin-left: 4px;
margin-right: 4px;
}
}
@media (min-width:1200px) {
}
.top-headline {
}
.headline-wrap {
width: 50%;
float: left;
}
.headline-title {
font-weight: 500;
text-align: left;
font-size: 56px;
/*
border-bottom: 1px solid #D3878F;
*/
text-transform: uppercase;
color: #fff;
line-height: 62px;
}
.headline-text {
font-weight: lighter;
color: #fff;
font-size: 24px;
text-align: left;
line-height: 42px;
}
@media (max-width:479px) {
.headline-title {
font-size: 40px;
/*
border-bottom: 1px solid #D3878F;
*/
text-transform: uppercase;
color: #fff;
line-height: 44px;
}
.headline-text {
font-size: 18px;
line-height: 24px;
}
}
@media (min-width:480px) and (max-width:767px) {
.headline-title {
font-size: 40px;
/*
border-bottom: 1px solid #D3878F;
*/
text-transform: uppercase;
color: #fff;
line-height: 44px;
}
.headline-text {
font-size: 18px;
line-height: 24px;
}
}
@media (min-width:768px) and (max-width:991px) {
.headline-title {
font-size: 50px;
/*
border-bottom: 1px solid #D3878F;
*/
text-transform: uppercase;
color: #fff;
line-height: 70px;
margin-top: 10px;
}
.headline-text {
font-size: 18px;
line-height: 32px;
}
}
@media (min-width:992px) and (max-width:1199px) {
.headline-title {
font-size: 55px;
/*
border-bottom: 1px solid #D3878F;
*/
text-transform: uppercase;
color: #fff;
line-height: 64px;
margin-top: 20px;
}
.headline-text {
font-size: 20px;
line-height: 32px;
}
}
@media (min-width:1200px) {
}
.headside {
margin-top: 0;
margin-bottom: 15px;
}
.headside-button-wrapper {
}
.headside-button-text {
float: left;
display: block;
}
.headside-button-text-top {
/*
font-size: 24px;
font-weight: 300;
color: #c50008;
letter-spacing: 3px;
line-height: 24px;
text-transform: uppercase;
*/
line-height: 41px;
font-size: 24px;
text-transform: uppercase;
display: inline-block;
padding-left: 16px;
padding-right: 12px;
border-right: 2px solid #d1d3d7;
letter-spacing: 4px;
font-weight: 700;
border: 2px solid #d1d3d7;
height: 45px;
}
.headside-button-text-bottom {
font-size: 18px;
font-weight: 300;
color: #7d7d7d;
line-height: 22px;
}
.headside-button-icon {
/*
float: left;
display: block;
margin-top: 2px;
width: 42px;
height: 42px;
font-size: 22px;
text-align: center;
line-height: 42px;
border: 2px solid #d1d3d7;
color: #8e8e8e;
*/
padding: 0;
font-size: 22px;
display: inline-block;
width: 45px;
color: #d1d3d7;
text-align: center;
height: 45px;
border: 2px solid #d1d3d7;
border-left: none;
line-height: 42px;
}
@media (max-width:479px) {
.headside {
margin-top: -12px;
margin-bottom: 8px;
}
.headside-button-text-top {
line-height: 26px;
font-size: 14px;
text-transform: uppercase;
display: inline-block;
padding-left: 12px;
padding-right: 8px;
border-right: 2px solid #d1d3d7;
letter-spacing: 2px;
font-weight: 500;
border: 2px solid #d1d3d7;
height: 30px;
}
.headside-button-text-bottom {
font-size: 14px;
font-weight: 300;
color: #7d7d7d;
line-height: 12px;
}
.headside-button-icon {
padding: 0;
font-size: 14px;
display: inline-block;
width: 30px;
color: #d1d3d7;
text-align: center;
height: 30px;
border: 2px solid #d1d3d7;
border-left: none;
line-height: 26px;
}
}
@media (min-width:480px) and (max-width:767px) {
.headside {
margin-top: -12px;
margin-bottom: 8px;
}
.headside-button-text-top {
line-height: 32px;
font-size: 18px;
text-transform: uppercase;
display: inline-block;
padding-left: 16px;
padding-right: 12px;
border-right: 2px solid #d1d3d7;
letter-spacing: 4px;
font-weight: 700;
border: 2px solid #d1d3d7;
height: 36px;
}
.headside-button-text-bottom {
font-size: 14px;
font-weight: 300;
color: #7d7d7d;
line-height: 12px;
}
.headside-button-icon {
padding: 0;
font-size: 18px;
display: inline-block;
width: 36px;
color: #d1d3d7;
text-align: center;
height: 36px;
border: 2px solid #d1d3d7;
border-left: none;
line-height: 32px;
}
}
@media (min-width:768px) and (max-width:991px) {
.headside {
margin-top: 0;
margin-bottom: 15px;
}
.headside-button-wrapper {
}
.headside-button-text {
float: left;
display: block;
}
.headside-button-text-top {
line-height: 37px;
font-size: 20px;
text-transform: uppercase;
display: inline-block;
padding-left: 16px;
padding-right: 12px;
border-right: 2px solid #d1d3d7;
letter-spacing: 4px;
font-weight: 700;
border: 2px solid #d1d3d7;
height: 40px;
}
.headside-button-text-bottom {
font-size: 14px;
line-height: 14px;
}
.headside-button-icon {
padding: 0;
font-size: 20px;
display: inline-block;
width: 40px;
color: #d1d3d7;
text-align: center;
height: 40px;
border: 2px solid #d1d3d7;
border-left: none;
line-height: 37px;
}
}
@media (min-width:992px) and (max-width:1199px) {
}
@media (min-width:1200px) {
}
.content-intro {
width: 100%;
padding-top: 60px;
padding-bottom: 200px;
background: url(../images/content-intro-01-high.jpg) center bottom no-repeat;
background-size: cover;
}
.content-intro-title {
text-align: center;
letter-spacing: -1px;
}
.content-intro-title-top {
font-size: 38px;
line-height: 46px;
font-weight: 300;
}
.content-intro-title-bottom {
font-size: 44px;
line-height: 50px;
font-weight: 300;
}
.content-intro-title-bottom strong {
font-weight: 400;
}
.content-intro-text {
padding-top: 40px;
font-size: 12px;
color: #3b3b3b;
text-align: center;
line-height: 18px;
}
.content-intro-text p {
margin-bottom: 20px;
}
@media (max-width:479px) {
.content-intro {
padding-top: 30px;
padding-bottom: 120px;
}
.content-intro-title {
text-align: center;
letter-spacing: -1px;
}
.content-intro-title-top {
font-size: 24px;
line-height: 32px;
font-weight: 300;
}
.content-intro-title-bottom {
font-size: 28px;
line-height: 32px;
font-weight: 300;
}
.content-intro-title-bottom strong {
font-weight: 400;
}
.content-intro-text {
padding-top: 40px;
font-size: 14px;
color: #3b3b3b;
text-align: center;
line-height: 22px;
}
.content-intro-text p {
margin-bottom: 20px;
}
}
@media (min-width:480px) and (max-width:767px) {
.content-intro {
padding-top: 30px;
padding-bottom: 120px;
}
.content-intro-title {
text-align: center;
letter-spacing: -1px;
}
.content-intro-title-top {
font-size: 24px;
line-height: 32px;
font-weight: 300;
}
.content-intro-title-bottom {
font-size: 28px;
line-height: 32px;
font-weight: 300;
}
.content-intro-title-bottom strong {
font-weight: 400;
}
.content-intro-text {
padding-top: 40px;
font-size: 14px;
color: #3b3b3b;
text-align: center;
line-height: 22px;
}
.content-intro-text p {
margin-bottom: 20px;
}
}
@media (min-width:768px) and (max-width:991px) {
}
@media (min-width:992px) and (max-width:1199px) {
}
@media (min-width:1200px) {
}
.content-featured {
background: #0D6695;
padding: 50px 0;
-ms-transform: skew(0deg, 5deg);
-webkit-transform: skew(0deg, 5deg);
transform: skew(0deg, 5deg);
margin-top: -70px;
position: relative;
overflow: hidden;
border-bottom: 4px solid #002a4e;
margin-bottom: 70px;
}
.content-featured:before {
padding: 50px 0;
-ms-transform: skew(0deg, -5deg);
-webkit-transform: skew(0deg, -5deg);
transform: skew(0deg, -5deg);
margin-top: -50px;
content: "";
position: absolute;
width: 200%;
height: 200%;
top: -50%;
left: -50%;
z-index: -1;
background: url("../images/content-featured-01-med.jpg") center center no-repeat;
background-size: cover;
}
.content-featured .content {
-ms-transform: skew(0deg, -5deg);
-webkit-transform: skew(0deg, -5deg);
transform: skew(0deg, -5deg);
text-align: center;
}
.content-featured .content .title {
padding-top: 50px;
font-weight: normal;
}
.content-featured .content .text {
width: 60%;
margin: 25px auto;
color: #ccfff2;
}
.content-featured-image {
margin-top: -150px;
margin-bottom: -150px;
}
.content-featured-image img {
border: 4px solid #002a4e;
}
.content-featured-body {
color: #fff;
}
.content-featured-body-title {
font-size: 32px;
font-weight: 500;
line-height: 42px;
margin-bottom: 20px;
margin-top: 40px;
}
.content-featured-body-text {
font-size: 12px;
}
@media (max-width:479px) {
.content-featured-image {
margin-top: 300px;
margin-bottom: -300px;
}
.content-featured-body-title {
font-size: 24px;
line-height: 30px;
font-weight: 500;
margin-bottom: auto;
margin-top: -260px;
}
.content-featured-body-text {
margin-bottom: 200px;
}
}
@media (min-width:480px) and (max-width:767px) {
.content-featured-image {
margin-top: 180px;
margin-bottom: -200px;
}
.content-featured-body-title {
font-size: 24px;
line-height: 30px;
font-weight: 500;
margin-bottom: auto;
margin-top: -440px;
}
.content-featured-body-text {
margin-bottom: 0px;
}
}
@media (min-width:768px) and (max-width:991px) {
.content-featured .col-sm-9 {
width: 100%;
}
.content-featured .col-sm-offset-2 {
display: none;
}
.content-featured-image {
margin-top: 0;
margin-bottom: -100px;
}
.content-featured-body {
color: #fff;
}
.content-featured-body-title {
font-size: 32px;
font-weight: 500;
line-height: 42px;
margin-bottom: 0;
margin-top: 0;
}
.content-featured-body-text {
font-size: 12px;
}
}
@media (min-width:992px) and (max-width:1199px) {
.content-featured-image {
margin-top: 0;
margin-bottom: -50px;
}
.content-featured-body {
color: #fff;
}
.content-featured-body-title {
font-size: 32px;
font-weight: 500;
line-height: 48px;
margin-bottom: 0;
margin-top: 50px;
}
.content-featured-body-text {
font-size: 12px;
}
}
@media (min-width:1200px) {
}
.content-references {
width: 100%;
padding-top: 60px;
padding-bottom: 200px;
background: url(../images/content-references-03.jpg) center top no-repeat;
background-size: cover;
}
.content-references-title {
text-align: center;
letter-spacing: -1px;
font-size: 38px;
line-height: 46px;
font-weight: 300;
}
.content-references-text {
padding-top: 40px;
font-size: 12px;
color: #3b3b3b;
text-align: center;
line-height: 18px;
}
.content-references-text p {
margin-bottom: 20px;
}
.content-references-logos img {
margin: 20px 30px;
}
.content-references-link {
display: block;
margin-top: 40px;
}
@media (max-width:479px) {
.content-references {
padding-top: 20px;
padding-bottom: 120px;
}
.content-references-title {
letter-spacing: -1px;
font-size: 24px;
line-height: 32px;
}
.content-references-text {
padding-top: 30px;
font-size: 14px;
color: #3b3b3b;
text-align: center;
line-height: 20px;
}
.content-references-text p {
margin-bottom: 20px;
}
.content-references-logos img {
margin: 10px 10px;
}
.content-references-link {
display: block;
margin-top: 40px;
}
}
@media (min-width:480px) and (max-width:767px) {
.content-references {
padding-top: 20px;
padding-bottom: 120px;
}
.content-references-title {
letter-spacing: -1px;
font-size: 24px;
line-height: 32px;
}
.content-references-text {
padding-top: 30px;
font-size: 14px;
color: #3b3b3b;
text-align: center;
line-height: 20px;
}
.content-references-text p {
margin-bottom: 20px;
}
.content-references-logos img {
margin: 10px 10px;
}
.content-references-link {
display: block;
margin-top: 40px;
}
}
@media (min-width:768px) and (max-width:991px) {
.content-references {
width: 100%;
padding-top: 60px;
padding-bottom: 200px;
}
.content-references-title {
font-size: 28px;
line-height: 36px;
font-weight: 300;
}
.content-references-text {
padding-top: 20px;
font-size: 14px;
line-height: 22px;
}
.content-references-text p {
margin-bottom: 20px;
}
.content-references-logos img {
margin: 20px 20px;
}
.content-references-link {
display: block;
margin-top: 40px;
}
}
@media (min-width:992px) and (max-width:1199px) {
}
@media (min-width:1200px) {
}
.footer-separator-logo {
background: url(../images/logo-black.png) center top no-repeat;
background-size: 75px 75px;
height: 95px;
padding: 10px;
display: block;
opacity: .2;
zoom: 1;
filter: alpha(opacity=20);
}
.content-footer {
background: #00B285;
padding: 50px 0;
-ms-transform: skew(0deg, 5deg);
-webkit-transform: skew(0deg, 5deg);
transform: skew(0deg, 5deg);
margin-top: -70px;
position: relative;
overflow: hidden;
border-bottom: 4px solid #07505F;
margin-bottom: 70px;
}
.content-footer:before
{
padding: 50px 0;
-ms-transform: skew(0deg, -5deg);
-webkit-transform: skew(0deg, -5deg);
transform: skew(0deg, -5deg);
margin-top: -30px;
content: "";
position: absolute;
width: 200%;
height: 200%;
top: -50%;
left: -50%;
z-index: -1;
background: url("../images/content-footer-01-med.jpg") center center no-repeat;
background-size: cover;
}
.content-footer .content {
-ms-transform: skew(0deg, -5deg);
-webkit-transform: skew(0deg, -5deg);
transform: skew(0deg, -5deg);
text-align: left;
margin-top: -40px;
margin-bottom: 40px;
}
.content-footer .content .title {
padding-top: 50px;
font-weight: normal;
}
.content-footer .content .text {
width: 60%;
margin: 25px auto;
color: #ccfff2;
}
.content-footer .content span {
display: block;
color: #fff;
font-weight: bold;
font-size: 40px;
line-height: 50px;
}
.content-footer .content p {
display: block;
color: #fff;
font-weight: bold;
font-size: 40px;
line-height: 50px;
}
.content-footer .content a {
color: #fff;
font-weight: bold;
font-size: 40px;
line-height: 50px;
}
@media (max-width:479px) {
.content-footer {
background: #00B285;
padding: 50px 0;
-ms-transform: skew(0deg, 5deg);
-webkit-transform: skew(0deg, 5deg);
transform: skew(0deg, 5deg);
margin-top: -70px;
position: relative;
overflow: hidden;
border-bottom: 4px solid #07505F;
margin-bottom: 40px;
}
.content-footer .content {
-ms-transform: skew(0deg, -5deg);
-webkit-transform: skew(0deg, -5deg);
transform: skew(0deg, -5deg);
text-align: left;
margin-top: -20px;
margin-bottom: -10px;
}
.content-footer .content p {
font-size: 24px;
line-height: 32px;
}
.content-footer .content a {
color: #fff;
font-weight: bold;
font-size: 24px;
line-height: 32px;
}
}
@media (min-width:480px) and (max-width:767px) {
.content-footer {
background: #00B285;
padding: 40px 0;
-ms-transform: skew(0deg, 5deg);
-webkit-transform: skew(0deg, 5deg);
transform: skew(0deg, 5deg);
margin-top: -70px;
position: relative;
overflow: hidden;
border-bottom: 4px solid #07505F;
margin-bottom: 40px;
}
.content-footer .content {
-ms-transform: skew(0deg, -5deg);
-webkit-transform: skew(0deg, -5deg);
transform: skew(0deg, -5deg);
text-align: left;
margin-top: -30px;
margin-bottom: -10px;
}
.content-footer .content p {
font-size: 24px;
line-height: 32px;
}
.content-footer .content a {
color: #fff;
font-weight: bold;
font-size: 24px;
line-height: 32px;
}
}
@media (min-width:768px) and (max-width:991px) {
.content-footer {
background: #00B285;
padding: 40px 0;
-ms-transform: skew(0deg, 5deg);
-webkit-transform: skew(0deg, 5deg);
transform: skew(0deg, 5deg);
margin-top: -70px;
position: relative;
overflow: hidden;
border-bottom: 4px solid #07505F;
margin-bottom: 40px;
}
.content-footer .content {
-ms-transform: skew(0deg, -5deg);
-webkit-transform: skew(0deg, -5deg);
transform: skew(0deg, -5deg);
text-align: left;
margin-top: -30px;
margin-bottom: 10px;
}
.content-footer .content p {
font-size: 24px;
line-height: 32px;
}
.content-footer .content a {
color: #fff;
font-weight: bold;
font-size: 24px;
line-height: 32px;
}
}
@media (min-width:992px) and (max-width:1199px) {
.content-footer {
background: #00B285;
padding: 40px 0;
margin-top: -70px;
border-bottom: 4px solid #07505F;
margin-bottom: 70px;
}
.content-footer .content {
margin-top: -30px;
margin-bottom: 10px;
}
.content-footer .content p {
font-size: 32px;
line-height: 42px;
}
.content-footer .content a {
color: #fff;
font-weight: bold;
font-size: 32px;
line-height: 42px;
}
}
@media (min-width:1200px) {
}
.social-top div:first-child, .links-bottom div:first-child {
text-align: left;
}
.social-top div:nth-child(2), .links-bottom div:nth-child(2) {
text-align: right;
}
.social-list img {
width: 49px;
}
.social-list img:hover {
opacity: .5;
}
.links-bottom, .links-bottom a:link, .links-bottom a:visited {
color: #7a7a7a;
font-size: 11px;
}
.links-bottom a:hover, .links-bottom a:active {
color: #71A2C1;
font-size: 11px;
}
.links-bottom-language {
margin-left: 5px;
}
@media (max-width:479px) {
.social-list img {
width: 35px;
}
.links-bottom, .links-bottom a:link, .links-bottom a:visited {
text-align: center;
}
.links-bottom ul, .links-bottom span {
text-align: center;
}
.links-bottom span {
display: block;
margin-bottom: 8px;
}
}
@media (min-width:480px) and (max-width:767px) {
.social-list img {
width: 35px;
}
.links-bottom, .links-bottom a:link, .links-bottom a:visited {
text-align: center;
}
.links-bottom ul, .links-bottom span {
text-align: center;
}
.links-bottom span {
display: block;
margin-bottom: 8px;
}
}
@media (min-width:768px) and (max-width:991px) {
}
@media (min-width:992px) and (max-width:1199px) {
}
@media (min-width:1200px) {
}
.content-inside-header {
padding: 100px 0 15px 0;
-ms-transform: skew(0deg, -5deg);
-webkit-transform: skew(0deg, -5deg);
transform: skew(0deg, -5deg);
margin-top: -250px;
margin-bottom: 100px;
position: relative;
overflow: hidden;
border-bottom: 4px solid #7b2e30;
}
.content-inside-header:before
{
padding: 100px 0 0 0;
-ms-transform: skew(0deg, 5deg);
-webkit-transform: skew(0deg, 5deg);
transform: skew(0deg, 5deg);
margin-top: -100px;
content: "";
position: absolute;
width: 200%;
height: 200%;
top: -20%;
left: -50%;
z-index: -1;
background: url("../images/header-01f.jpg") top center no-repeat;
background-size: cover;
}
.content-inside-header .content {
-ms-transform: skew(0deg, 5deg);
-webkit-transform: skew(0deg, 5deg);
transform: skew(0deg, 5deg);
text-align: center;
}
.content-inside-header-nav-wrap {
width: 50%;
float: left;
}
.content-inside-header-nav-sup {
font-weight: 500;
text-align: left;
font-size: 20px;
text-transform: uppercase;
color: #fff;
line-height: 24px;
text-indent: 3px;
}
.content-inside-header-nav-main {
font-weight: 300;
color: #fff;
font-size: 60px;
text-align: left;
line-height: 60px;
text-transform: uppercase;
}
@media (max-width:479px) {
.content-inside-header {
padding: 100px 0 15px 0;
margin-top: -250px;
margin-bottom: 40px;
}
.content-inside-header-nav-sup {
font-size: 14px;
color: #fff;
line-height: 18px;
text-indent: 0px;
}
.content-inside-header-nav-main {
font-size: 40px;
line-height: 42px;
}
}
@media (min-width:480px) and (max-width:767px) {
.content-inside-header {
padding: 100px 0 15px 0;
margin-top: -250px;
margin-bottom: 40px;
}
.content-inside-header-nav-sup {
font-size: 14px;
color: #fff;
line-height: 18px;
text-indent: 0px;
}
.content-inside-header-nav-main {
font-size: 40px;
line-height: 42px;
}
}
@media (min-width:768px) and (max-width:991px) {
.content-inside-header-nav-wrap {
padding-top: 20px;
}
.content-inside-header {
padding: 100px 0 15px 0;
margin-top: -250px;
margin-bottom: 60px;
}
.content-inside-header-nav-sup {
font-size: 20px;
line-height: 24px;
text-indent: 3px;
}
.content-inside-header-nav-main {
font-size: 40px;
line-height: 42px;
}
}
@media (min-width:992px) and (max-width:1199px) {
.content-inside-header-nav-wrap {
padding-top: 20px;
}
.content-inside-header {
padding: 100px 0 15px 0;
margin-top: -250px;
margin-bottom: 60px;
}
.content-inside-header-nav-sup {
font-size: 20px;
line-height: 26px;
text-indent: 2px;
}
.content-inside-header-nav-main {
font-size: 48px;
line-height: 48px;
}
}
@media (min-width:1200px) {
}
.inside-nav-top {
font-size: 18px;
color: #7b2e30;
text-transform: uppercase;
font-weight: 500;
line-height: 45px;
}
.inside-nav-top li {
margin-right: 12px;
}
.inside-nav-top a:link, .inside-nav-top a:visited {
color: #7b2e30;
}
.inside-nav-top a:hover, .inside-nav-top a:active {
color: #771516;
}
.inside-nav-top .inside-nav-top-main {
font-weight: 400;
}
@media (max-width:479px) {
.inside-nav-top {
font-size: 18px;
line-height: 32px;
}
.inside-nav-top li {
margin-right: 12px;
display: block;
}
}
@media (min-width:480px) and (max-width:767px) {
.inside-nav-top {
font-size: 16px;
line-height: 36px;
}
.inside-nav-top li {
margin-right: 12px;
display: block;
}
}
@media (min-width:768px) and (max-width:991px) {
.inside-nav-top {
font-size: 18px;
line-height: 36px;
color: #7b2e30;
}
.inside-nav-top li {
margin-right: 8px;
}
}
@media (min-width:992px) and (max-width:1199px) {
.inside-nav-top {
font-size: 18px;
line-height: 36px;
color: #7b2e30;
}
.inside-nav-top li {
margin-right: 10px;
}
}
@media (min-width:1200px) {
}
.inside-nav-top-right {
border: 2px solid #d1d3d7;
height: 45px;
}
.inside-nav-top-right-text {
line-height: 41px;
font-size: 24px;
text-transform: uppercase;
display: inline-block;
padding-left: 16px;
padding-right: 12px;
border-right: 2px solid #d1d3d7;
letter-spacing: 4px;
font-weight: 700;
}
/*
a.inside-nav-top-right-wrap:link, a.inside-nav-top-right-wrap:visited {
color: #c50008;
}
a.inside-nav-top-right-wrap:hover, a.inside-nav-top-right-wrap:active {
color: #940006;
}
*/
.inside-nav-top-right-type-light {
font-weight: lighter;
}
.inside-nav-top-right-type-bold {
font-weight: bold;
}
.inside-nav-top-right-icon {
padding: 0;
font-size: 22px;
display: inline-block;
width: 45px;
color: #d1d3d7;
text-align: center;
height: 45px;
}
@media (max-width:479px) {
.inside-nav-top-right {
border: 2px solid #d1d3d7;
height: 36px;
}
.inside-nav-top-right-text {
line-height: 32px;
font-size: 18px;
text-transform: uppercase;
display: inline-block;
padding-left: 16px;
padding-right: 12px;
border-right: 2px solid #d1d3d7;
letter-spacing: 2px;
font-weight: 700;
}
.inside-nav-top-right-icon {
padding: 0;
font-size: 16px;
display: inline-block;
width: 36px;
color: #d1d3d7;
text-align: center;
height: 36px;
}
}
@media (min-width:480px) and (max-width:767px) {
.inside-nav-top-right {
border: 2px solid #d1d3d7;
height: 36px;
}
.inside-nav-top-right-text {
line-height: 32px;
font-size: 18px;
text-transform: uppercase;
display: inline-block;
padding-left: 16px;
padding-right: 12px;
border-right: 2px solid #d1d3d7;
letter-spacing: 3px;
font-weight: 700;
}
.inside-nav-top-right-icon {
padding: 0;
font-size: 16px;
display: inline-block;
width: 36px;
color: #d1d3d7;
text-align: center;
height: 36px;
}
}
@media (min-width:768px) and (max-width:991px) {
.inside-nav-top-right {
border: 2px solid #d1d3d7;
height: 36px;
}
.inside-nav-top-right-text {
line-height: 32px;
font-size: 18px;
text-transform: uppercase;
display: inline-block;
padding-left: 16px;
padding-right: 12px;
border-right: 2px solid #d1d3d7;
letter-spacing: 3px;
font-weight: 700;
}
.inside-nav-top-right-icon {
padding: 0;
font-size: 16px;
display: inline-block;
width: 36px;
color: #d1d3d7;
text-align: center;
height: 36px;
}
}
@media (min-width:992px) and (max-width:1199px) {
.inside-nav-top-right {
border: 2px solid #d1d3d7;
height: 36px;
}
.inside-nav-top-right-text {
line-height: 32px;
font-size: 18px;
text-transform: uppercase;
display: inline-block;
padding-left: 16px;
padding-right: 12px;
border-right: 2px solid #d1d3d7;
letter-spacing: 4px;
font-weight: 700;
}
.inside-nav-top-right-icon {
padding: 0;
font-size: 16px;
display: inline-block;
width: 36px;
color: #d1d3d7;
text-align: center;
height: 36px;
}
}
@media (min-width:1200px) {
}
.inside-nav-sidebar {
}
.inside-nav-sidebar ul {
padding-top: 40px;
}
.inside-nav-sidebar ul li {
font-size: 18px;
color: #7b2e30;
text-transform: uppercase;
font-weight: 400;
line-height: 35px;
}
.inside-nav-sidebar ul li.active {
font-weight: 500;
}
.inside-nav-sidebar a:link, .inside-nav-sidebar a:visited {
color: #7b2e30;
}
.inside-nav-sidebar a:hover, .inside-nav-sidebar a:active {
color: #771516;
}
.inside-nav-sidebar ul li.rootparent {
font-weight: 300;
color: #C6858D;
}
.inside-nav-sidebar li.rootparent a:link, .inside-nav-sidebar li.rootparent a:visited {
color: #C6858D;
}
.inside-nav-sidebar li.rootparent a:hover, .inside-nav-sidebar li.rootparent a:active {
color: #771516;
}
@media (max-width:479px) {
}
@media (min-width:480px) and (max-width:767px) {
}
@media (min-width:768px) and (max-width:991px) {
}
@media (min-width:992px) and (max-width:1199px) {
}
@media (min-width:1200px) {
}
.content-project {
width: 100%;
padding-top: 60px;
padding-bottom: 200px;
background: url(../images/content-intro-01-high.jpg) center bottom no-repeat;
background-size: cover;
}
.content-project-title {
text-align: center;
letter-spacing: -1px;
}
.content-project-title-top {
font-size: 38px;
line-height: 46px;
font-weight: 300;
}
.content-project-title-bottom {
font-size: 44px;
line-height: 50px;
font-weight: 300;
}
.content-project-title-bottom strong {
font-weight: 400;
}
.content-project-text {
padding-top: 40px;
font-size: 12px;
color: #3b3b3b;
text-align: center;
line-height: 18px;
padding-bottom: 450px;
}
.content-project-text p {
margin-bottom: 20px;
}
@media (max-width:479px) {
.content-project {
width: 100%;
padding-top: 30px;
padding-bottom: 200px;
background: url(../images/content-intro-01-high.jpg) center bottom no-repeat;
background-size: cover;
}
.content-project-title-top {
font-size: 28px;
line-height: 36px;
font-weight: 300;
}
.content-project-title-bottom {
font-size: 36px;
line-height: 42px;
font-weight: 300;
}
.content-project-title-bottom strong {
font-weight: 400;
}
.content-project-text {
padding-top: 40px;
font-size: 14px;
line-height: 22px;
padding-bottom: 300px;
}
.content-project-text p {
margin-bottom: 20px;
}
}
@media (min-width:480px) and (max-width:767px) {
}
@media (min-width:768px) and (max-width:991px) {
}
@media (min-width:992px) and (max-width:1199px) {
}
@media (min-width:1200px) {
}
.content-featured-projects {
background: #0D6695;
padding: 50px 0;
-ms-transform: skew(0deg, 5deg);
-webkit-transform: skew(0deg, 5deg);
transform: skew(0deg, 5deg);
margin-top: -240px;
height: 300px;
position: relative;
overflow: hidden;
border-bottom: 4px solid #002a4e;
margin-bottom: 70px;
}
.content-featured-projects-over {
width: 100%;
height: 500px;
position: absolute;
margin-bottom: 200px;
bottom: 0;
left: 0;
z-index: 2;
}
.MarkupGoogleMap {
border: 10px solid #fff;
}
.content-featured-projects:before {
padding: 50px 0;
-ms-transform: skew(0deg, -5deg);
-webkit-transform: skew(0deg, -5deg);
transform: skew(0deg, -5deg);
margin-top: -50px;
content: "";
position: absolute;
width: 200%;
height: 200%;
top: -50%;
left: -50%;
z-index: -1;
background: url("../images/content-featured-01-med.jpg") center center no-repeat;
background-size: cover;
}
.content-featured-projects .content {
-ms-transform: skew(0deg, -5deg);
-webkit-transform: skew(0deg, -5deg);
transform: skew(0deg, -5deg);
text-align: center;
}
.content-featured-projects .content .title {
padding-top: 50px;
font-weight: normal;
}
.content-featured-projects .content .text {
width: 60%;
margin: 25px auto;
color: #ccfff2;
}
.content-featured-projects-image {
margin-top: -150px;
margin-bottom: -150px;
}
.content-featured-projects-image img {
border: 4px solid #002a4e;
}
.content-featured-projects-body {
color: #fff;
}
.content-featured-projects-body-title {
font-size: 32px;
font-weight: 500;
margin-bottom: 20px;
margin-top: 40px;
}
.content-featured-projects-body-text {
font-size: 12px;
}
@media (max-width:479px) {
.content-featured-projects {
background: #0D6695;
padding: 50px 0;
-ms-transform: skew(0deg, 5deg);
-webkit-transform: skew(0deg, 5deg);
transform: skew(0deg, 5deg);
margin-top: -240px;
height: 300px;
position: relative;
overflow: hidden;
border-bottom: 4px solid #002a4e;
margin-bottom: 70px;
}
.content-featured-projects-over {
width: 100%;
height: 300px;
position: absolute;
margin-bottom: 260px;
}
}
@media (min-width:480px) and (max-width:767px) {
}
@media (min-width:768px) and (max-width:991px) {
}
@media (min-width:992px) and (max-width:1199px) {
}
@media (min-width:1200px) {
}
.content-countries {
width: 100%;
padding-top: 60px;
padding-bottom: 100px;
background:
url(../images/content-image-closer-200.png) center bottom no-repeat,
url(../images/content-countries-03-med.jpg) center top no-repeat;
background-size: cover;
}
.content-countries-title {
text-align: center;
letter-spacing: -1px;
}
.content-countries-title-top {
font-size: 38px;
line-height: 46px;
font-weight: 300;
}
.content-countries-title-bottom {
font-size: 44px;
line-height: 50px;
font-weight: 300;
}
.content-countries-title-bottom strong {
font-weight: 400;
}
.content-countries-text {
padding-top: 40px;
font-size: 12px;
color: #3b3b3b;
text-align: center;
line-height: 18px;
padding-bottom: 20px;
}
.content-countries-text p {
margin-bottom: 20px;
}
@media (max-width:479px) {
.content-countries {
padding-top: 30px;
padding-bottom: 80px;
}
.content-countries-title {
text-align: center;
letter-spacing: -1px;
}
.content-countries-title-top {
font-size: 24px;
line-height: 32px;
font-weight: 300;
}
.content-countries-title-bottom {
font-size: 44px;
line-height: 50px;
font-weight: 300;
}
.content-countries-title-bottom strong {
font-weight: 400;
}
.content-countries-text {
padding-top: 0px;
font-size: 12px;
color: #3b3b3b;
text-align: center;
line-height: 18px;
padding-bottom: 20px;
}
.content-countries-text p {
margin-bottom: 20px;
}
}
@media (min-width:480px) and (max-width:767px) {
}
@media (min-width:768px) and (max-width:991px) {
}
@media (min-width:992px) and (max-width:1199px) {
}
@media (min-width:1200px) {
.content-countries-text {
padding-top: 40px;
font-size: 14px;
color: #3b3b3b;
text-align: center;
line-height: 28px;
padding-bottom: 20px;
}
.content-countries-text p {
margin-bottom: 20px;
}
}
.content-featured-countries {
background: #0D6695;
padding: 50px 0;
-ms-transform: skew(0deg, 5deg);
-webkit-transform: skew(0deg, 5deg);
transform: skew(0deg, 5deg);
margin-top: 50px;
height: 300px;
position: relative;
overflow: hidden;
border-bottom: 4px solid #002a4e;
margin-bottom: 70px;
}
.content-featured-countries-over {
width: 100%;
height: 500px;
position: absolute;
margin-bottom: 200px;
bottom: 0;
left: 0;
z-index: 2;
}
.MarkupGoogleMap {
border: 10px solid #fff;
}
.content-featured-countries:before {
padding: 50px 0;
-ms-transform: skew(0deg, -5deg);
-webkit-transform: skew(0deg, -5deg);
transform: skew(0deg, -5deg);
margin-top: -50px;
content: "";
position: absolute;
width: 200%;
height: 200%;
top: -50%;
left: -50%;
z-index: -1;
background: url("../images/content-featured-01-med.jpg") center center no-repeat;
background-size: cover;
}
.content-featured-countries .content {
-ms-transform: skew(0deg, -5deg);
-webkit-transform: skew(0deg, -5deg);
transform: skew(0deg, -5deg);
text-align: center;
}
.content-featured-countries .content .title {
padding-top: 50px;
font-weight: normal;
}
.content-featured-countries .content .text {
width: 60%;
margin: 25px auto;
color: #ccfff2;
}
.content-featured-countries-image {
margin-top: -150px;
margin-bottom: -150px;
}
.content-featured-countries-image img {
border: 4px solid #002a4e;
}
.content-featured-countries-body {
color: #fff;
}
.content-featured-countries-body-title {
font-size: 32px;
font-weight: 500;
margin-bottom: 20px;
margin-top: 40px;
}
.content-featured-countries-body-text {
font-size: 12px;
}
@media (max-width:479px) {
.content-featured-countries {
background: #0D6695;
padding: 50px 0;
-ms-transform: skew(0deg, 5deg);
-webkit-transform: skew(0deg, 5deg);
transform: skew(0deg, 5deg);
margin-top: -80px;
height: 300px;
position: relative;
overflow: hidden;
border-bottom: 4px solid #002a4e;
margin-bottom: 70px;
}
.content-featured-countries-over {
width: 100%;
height: 200px !important;
position: absolute;
margin-bottom: 150px;
bottom: 0;
left: 0;
z-index: 2;
}
.content-featured-countries-over .MarkupGoogleMap {
height: 300px;
height: 300px !important;
}
}
@media (min-width:480px) and (max-width:767px) {
.content-featured-countries {
background: #0D6695;
padding: 50px 0;
-ms-transform: skew(0deg, 5deg);
-webkit-transform: skew(0deg, 5deg);
transform: skew(0deg, 5deg);
margin-top: -80px;
height: 300px;
position: relative;
overflow: hidden;
border-bottom: 4px solid #002a4e;
margin-bottom: 70px;
}
.content-featured-countries-over {
width: 100%;
height: 200px !important;
position: absolute;
margin-bottom: 150px;
bottom: 0;
left: 0;
z-index: 2;
}
.content-featured-countries-over .MarkupGoogleMap {
height: 300px;
height: 300px !important;
}
}
@media (min-width:768px) and (max-width:991px) {
}
@media (min-width:992px) and (max-width:1199px) {
}
@media (min-width:1200px) {
}
.content-contact {
width: 100%;
padding-top: 60px;
padding-bottom: 200px;
background: url(../images/content-intro-01-high.jpg) center bottom no-repeat;
background-size: cover;
}
.content-contact-title {
text-align: center;
letter-spacing: -1px;
}
.content-contact-title-top {
font-size: 38px;
line-height: 46px;
font-weight: 300;
}
.content-contact-title-bottom {
font-size: 44px;
line-height: 50px;
font-weight: 300;
}
.content-contact-title-bottom strong {
font-weight: 400;
}
.content-contact-text {
padding-top: 40px;
font-size: 12px;
color: #3b3b3b;
text-align: center;
line-height: 18px;
padding-bottom: 450px;
}
.content-contact-text p {
margin-bottom: 20px;
}
@media (max-width:479px) {
}
@media (min-width:480px) and (max-width:767px) {
.content-contact-text .col-xs-12 {
width: 50%;
}
}
@media (min-width:768px) and (max-width:991px) {
}
@media (min-width:992px) and (max-width:1199px) {
}
@media (min-width:1200px) {
}
.content-featured-contact {
background: #0D6695;
padding: 50px 0;
-ms-transform: skew(0deg, 5deg);
-webkit-transform: skew(0deg, 5deg);
transform: skew(0deg, 5deg);
margin-top: -240px;
height: 300px;
position: relative;
overflow: hidden;
border-bottom: 4px solid #002a4e;
margin-bottom: 70px;
}
.content-featured-contact-over {
width: 100%;
height: 500px;
position: absolute;
margin-bottom: 200px;
bottom: 0;
left: 0;
z-index: 2;
}
.MarkupGoogleMap {
border: 10px solid #fff;
}
.content-featured-contact:before {
padding: 50px 0;
-ms-transform: skew(0deg, -5deg);
-webkit-transform: skew(0deg, -5deg);
transform: skew(0deg, -5deg);
margin-top: -50px;
content: "";
position: absolute;
width: 200%;
height: 200%;
top: -50%;
left: -50%;
z-index: -1;
background: url("../images/content-featured-06-med.jpg") center center no-repeat;
background-size: cover;
}
.content-featured-contact .content {
-ms-transform: skew(0deg, -5deg);
-webkit-transform: skew(0deg, -5deg);
transform: skew(0deg, -5deg);
text-align: center;
}
.content-featured-contact .content .title {
padding-top: 50px;
font-weight: normal;
}
.content-featured-contact .content .text {
width: 60%;
margin: 25px auto;
color: #ccfff2;
}
.content-featured-contact-image {
margin-top: -150px;
margin-bottom: -150px;
}
.content-featured-contact-image img {
border: 4px solid #002a4e;
}
.content-featured-contact-body {
color: #fff;
}
.content-featured-contact-body-title {
font-size: 32px;
font-weight: 500;
margin-bottom: 20px;
margin-top: 40px;
}
.content-featured-contact-body-text {
font-size: 12px;
}
@media (max-width:479px) {
}
@media (min-width:480px) and (max-width:767px) {
.content-featured-contact {
margin-top: -440px;
height: 300px;
margin-bottom: 70px;
}
.content-featured-contact-over {
width: 100%;
height: 500px;
margin-bottom: 0px;
}
.content-featured-contact:before {
padding: 50px 0;
margin-top: -50px;
width: 200%;
height: 200%;
top: -50%;
left: -50%;
}
}
@media (min-width:768px) and (max-width:991px) {
}
@media (min-width:992px) and (max-width:1199px) {
}
@media (min-width:1200px) {
}
.address-table {
display: table;
}
.address-row {
display: table-row;
text-align: center;
}
.address-column {
display: table-cell;
text-align: left;
padding-left: 12px;
}
.address-column:first-child {
font-weight: bold;
text-align: right;
}
@media (max-width:479px) {
.address-table {
display: table;
padding-bottom: 30px;
}
}
@media (min-width:480px) and (max-width:767px) {
.address-table {
display: table;
padding-bottom: 30px;
}
}
@media (min-width:768px) and (max-width:991px) {
}
@media (min-width:992px) and (max-width:1199px) {
}
@media (min-width:1200px) {
}
.content-contact-mobile {
width: 100%;
padding-top: 60px;
padding-bottom: 200px;
background: url(../images/content-intro-01-high.jpg) center bottom no-repeat;
background-size: cover;
}
.content-contact-mobile-title {
text-align: center;
letter-spacing: -1px;
}
.content-contact-mobile-title-top {
font-size: 38px;
line-height: 46px;
font-weight: 300;
}
.content-contact-mobile-title-bottom {
font-size: 44px;
line-height: 50px;
font-weight: 300;
}
.content-contact-mobile-title-bottom strong {
font-weight: 400;
}
.content-contact-mobile-text {
padding-top: 40px;
font-size: 12px;
color: #3b3b3b;
text-align: center;
line-height: 18px;
padding-bottom: 150px;
}
.content-contact-mobile-text p {
margin-bottom: 20px;
}
@media (max-width:479px) {
}
@media (min-width:480px) and (max-width:767px) {
.content-contact-mobile-text .col-xs-12 {
width: 50%;
}
}
@media (min-width:768px) and (max-width:991px) {
}
@media (min-width:992px) and (max-width:1199px) {
}
@media (min-width:1200px) {
}
.content-featured-contact-mobile {
background: #0D6695;
padding: 50px 0;
-ms-transform: skew(0deg, 5deg);
-webkit-transform: skew(0deg, 5deg);
transform: skew(0deg, 5deg);
margin-top: -200px;
height: 300px;
position: relative;
overflow: hidden;
border-bottom: 4px solid #002a4e;
margin-bottom: 70px;
}
.content-featured-contact-mobile-over {
width: 100%;
height: 500px;
position: absolute;
margin-bottom: 200px;
bottom: 0;
left: 0;
z-index: 2;
}
.MarkupGoogleMap {
border: 10px solid #fff;
}
.content-featured-contact-mobile:before {
padding: 50px 0;
-ms-transform: skew(0deg, -5deg);
-webkit-transform: skew(0deg, -5deg);
transform: skew(0deg, -5deg);
margin-top: -50px;
content: "";
position: absolute;
width: 200%;
height: 200%;
top: -50%;
left: -50%;
z-index: -1;
background: url("../images/content-featured-04-med.jpg") center center no-repeat;
background-size: cover;
}
.content-featured-contact-mobile .content {
-ms-transform: skew(0deg, -5deg);
-webkit-transform: skew(0deg, -5deg);
transform: skew(0deg, -5deg);
text-align: center;
}
.content-featured-contact-mobile .content .title {
padding-top: 50px;
font-weight: normal;
}
.content-featured-contact-mobile .content .text {
width: 60%;
margin: 25px auto;
color: #ccfff2;
}
.content-featured-contact-mobile-image {
margin-top: -150px;
margin-bottom: -150px;
}
.content-featured-contact-mobile-image img {
border: 4px solid #002a4e;
}
.content-featured-contact-mobile-body {
color: #fff;
}
.content-featured-contact-mobile-body-title {
font-size: 32px;
font-weight: 500;
margin-bottom: 20px;
margin-top: 40px;
}
.content-featured-contact-mobile-body-text {
font-size: 12px;
}
.content-body {
}
.content-body img {
border: 2px solid #580000;
}
@media (max-width:479px) {
.content-body figure {
width: 100%;
}
.content-body img.align_left, .content-body img.align_left, .content-body img {
margin: 0 auto;
display: block;
width: 100%;
float: none;
float: none !important;
}
}
@media (min-width:480px) and (max-width:767px) {
.content-body figure {
width: 100%;
}
.content-body img.align_left, .content-body img.align_left, .content-body img {
margin: 0 auto;
display: block;
width: 100%;
float: none;
float: none !important;
}
}
@media (min-width:768px) and (max-width:991px) {
.content-body figure {
width: 100%;
}
.content-body img.align_left, .content-body img.align_left, .content-body img {
margin: 0 auto;
display: block;
width: 100%;
float: none;
float: none !important;
}
}
@media (min-width:992px) and (max-width:1199px) {
}
@media (min-width:1200px) {
}
.people-profile {
min-height: 20px;
margin-bottom: 20px;
background-color: #fff;
border: 2px solid #EFEFEF;
padding: 9px;
border-radius: 6px;
-webkit-box-shadow: none;
box-shadow: none;
}
.people-profile:hover {
border: 2px solid #580000;
}
.people-profile-image {
}
.people-profile-image .img-rounded{
width: 100px;
height: 100px;
border: 4px solid #fff;
}
.people-profile-body {
}
.people-profile-body-text {
padding-top: 4px;
}
.people-profile-body-text h3 {
padding-left: 12px;
font-weight: 300;
}
.people-profile-body-text h3:hover {
padding-left: 12px;
font-weight: 300;
text-decoration: none;
}
.people-profile-body-text p {
}
.people-profile-body-text-title {
display: block;
text-indent: 12px;
}
.people-profile-body-text-info {
text-indent: 12px;
margin-top: -6px;
}
@media (max-width:479px) {
.people-profile {
min-height: 20px;
margin-bottom: 16px;
padding: 5px;
border-radius: 4px;
}
.people-profile-image .img-rounded{
width: 64px;
height: 64px;
border: 4px solid #fff;
}
.people-profile-body-text {
padding-top: 4px;
}
.people-profile-body-text h3 {
padding-left: 12px;
font-weight: 300;
margin-top: 2px;
}
.people-profile-body-text h3:hover {
padding-left: 12px;
font-weight: 300;
text-decoration: none;
}
.people-profile-body-text-title {
display: block;
text-indent: 12px;
}
.people-profile-body-text-info {
text-indent: 12px;
margin-top: -8px;
}
}
@media (min-width:480px) and (max-width:767px) {
}
@media (min-width:768px) and (max-width:991px) {
.people-profile {
min-height: 20px;
margin-bottom: 16px;
padding: 4px;
border-radius: 4px;
}
.people-profile-image .img-rounded{
width: 64px;
height: 64px;
border: 4px solid #fff;
}
.people-profile-body-text {
padding-top: 4px;
}
.people-profile-body-text h3 {
padding-left: 12px;
font-size: 18px;
font-weight: 300;
margin-top: 6px;
}
.people-profile-body-text h3:hover {
padding-left: 12px;
font-weight: 300;
text-decoration: none;
}
.people-profile-body-text-title {
display: block;
text-indent: 12px;
}
.people-profile-body-text-info {
text-indent: 12px;
margin-top: -8px;
}
}
@media (min-width:992px) and (max-width:1199px) {
.people-profile {
min-height: 20px;
margin-bottom: 16px;
padding: 4px;
border-radius: 4px;
}
.people-profile-image .img-rounded{
width: 80px;
height: 80px;
border: 4px solid #fff;
}
.people-profile-body-text {
padding-top: 4px;
}
.people-profile-body-text h3 {
padding-left: 12px;
font-size: 24px;
font-weight: 300;
margin-top: 6px;
}
.people-profile-body-text h3:hover {
padding-left: 12px;
font-weight: 300;
text-decoration: none;
}
.people-profile-body-text-title {
display: block;
text-indent: 12px;
}
.people-profile-body-text-info {
text-indent: 12px;
margin-top: -8px;
}
}
@media (min-width:1200px) {
}
.people-profile-inside {
min-height: 20px;
margin-bottom: 20px;
margin-top: 20px;
background-color: #fff;
border: 2px solid #EFEFEF;
padding: 16px;
border-radius: 6px;
-webkit-box-shadow: none;
box-shadow: none;
text-decoration: none;
}
.people-profile-inside-body-title {
padding-top: 8px;
padding-bottom: 8px;
font-weight: 300;
font-size: 32px;
}
.people-profile-inside-body-text {
margin-left: 12px;
padding-top: 24px;
}
@media (max-width:479px) {
.people-profile-inside {
min-height: 20px;
margin-bottom: 20px;
padding: 16px;
border-radius: 6px;
}
.people-profile-inside-body-title {
padding-top: 8px;
padding-bottom: 8px;
font-size: 32px;
}
.people-profile-inside-body-text {
margin-left: 12px;
padding-top: 24px;
}
.people-profile-inside-body img.pull-left {
margin: 0 auto;
display: block;
float: none;
float: none !important;
}
}
@media (min-width:480px) and (max-width:767px) {
}
@media (min-width:768px) and (max-width:991px) {
.people-profile-inside {
min-height: 20px;
margin-bottom: 20px;
margin-top: 20px;
background-color: #fff;
border: 2px solid #EFEFEF;
padding: 16px;
border-radius: 6px;
-webkit-box-shadow: none;
box-shadow: none;
text-decoration: none;
}
.people-profile-inside-body-title {
padding-top: 8px;
padding-bottom: 8px;
font-weight: 300;
font-size: 32px;
}
.people-profile-inside-body-text {
margin-left: 12px;
padding-top: 24px;
}
.people-profile-inside-body img.pull-left {
width: 40%;
height: 40%;
}
}
@media (min-width:992px) and (max-width:1199px) {
}
@media (min-width:1200px) {
}
.timeline-centered {
position: relative;
margin-bottom: 30px;
}
.timeline-centered:before, .timeline-centered:after {
content: " ";
display: table;
}
.timeline-centered:after {
clear: both;
}
.timeline-centered:before, .timeline-centered:after {
content: " ";
display: table;
}
.timeline-centered:after {
clear: both;
}
.timeline-centered:before {
content: '';
position: absolute;
display: block;
width: 4px;
background: #f5f5f6;
left: 50%;
top: 20px;
bottom: 20px;
margin-left: -4px;
}
.timeline-centered .timeline-entry {
position: relative;
width: 50%;
float: right;
margin-bottom: 70px;
clear: both;
}
@media (max-width:479px) {
.timeline-centered:before {
content: '';
left: 10%;
}
.timeline-centered .timeline-entry {
position: relative;
width: 90%;
float: right;
margin-bottom: 20px;
clear: both;
}
}
@media (min-width:480px) and (max-width:767px) {
.timeline-centered:before {
content: '';
left: 10%;
}
.timeline-centered .timeline-entry {
position: relative;
width: 90%;
float: right;
margin-bottom: 20px;
clear: both;
}
}
@media (min-width:768px) and (max-width:991px) {
.timeline-centered:before {
content: '';
left: 10%;
}
.timeline-centered .timeline-entry {
position: relative;
width: 90%;
float: right;
margin-bottom: 20px;
clear: both;
}
}
@media (min-width:992px) and (max-width:1199px) {
}
@media (min-width:1200px) {
}
.timeline-centered .timeline-entry:before, .timeline-centered .timeline-entry:after {
content: " ";
display: table;
}
.timeline-centered .timeline-entry:after {
clear: both;
}
.timeline-centered .timeline-entry:before, .timeline-centered .timeline-entry:after {
content: " ";
display: table;
}
.timeline-centered .timeline-entry:after {
clear: both;
}
.timeline-centered .timeline-entry.begin {
margin-bottom: 0;
}
.timeline-centered .timeline-entry.left-aligned {
float: left;
}
.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner {
margin-left: 0;
margin-right: -18px;
}
.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time {
left: auto;
right: -100px;
text-align: center;
}
.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-icon {
float: right;
}
.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label {
margin-left: 0;
margin-right: 70px;
}
.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label:after {
left: auto;
right: 0;
margin-left: 0;
margin-right: -9px;
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.timeline-centered .timeline-entry .timeline-entry-inner {
position: relative;
margin-left: -22px;
}
.timeline-centered .timeline-entry .timeline-entry-inner:before, .timeline-centered .timeline-entry .timeline-entry-inner:after {
content: " ";
display: table;
}
.timeline-centered .timeline-entry .timeline-entry-inner:after {
clear: both;
}
.timeline-centered .timeline-entry .timeline-entry-inner:before, .timeline-centered .timeline-entry .timeline-entry-inner:after {
content: " ";
display: table;
}
.timeline-centered .timeline-entry .timeline-entry-inner:after {
clear: both;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time {
position: absolute;
left: -100px;
text-align: right;
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span {
display: block;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:first-child {
font-size: 15px;
font-weight: bold;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:last-child {
font-size: 12px;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {
background: #fff;
color: #737881;
display: block;
width: 40px;
height: 40px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
text-align: center;
-moz-box-shadow: 0 0 0 5px #f5f5f6;
-webkit-box-shadow: 0 0 0 5px #f5f5f6;
box-shadow: 0 0 0 5px #f5f5f6;
line-height: 40px;
font-size: 15px;
float: left;
}
@media (max-width:479px) {
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {
width: 30px;
height: 30px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
-moz-box-shadow: 0 0 0 5px #f5f5f6;
-webkit-box-shadow: 0 0 0 5px #f5f5f6;
box-shadow: 0 0 0 5px #f5f5f6;
line-height: 30px;
font-size: 15px;
float: left;
}
}
@media (min-width:480px) and (max-width:767px) {
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {
width: 30px;
height: 30px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
-moz-box-shadow: 0 0 0 5px #f5f5f6;
-webkit-box-shadow: 0 0 0 5px #f5f5f6;
box-shadow: 0 0 0 5px #f5f5f6;
line-height: 30px;
font-size: 15px;
float: left;
}
}
@media (min-width:768px) and (max-width:991px) {
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {
width: 30px;
height: 30px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
-moz-box-shadow: 0 0 0 5px #f5f5f6;
-webkit-box-shadow: 0 0 0 5px #f5f5f6;
box-shadow: 0 0 0 5px #f5f5f6;
line-height: 30px;
font-size: 15px;
float: left;
}
}
@media (min-width:992px) and (max-width:1199px) {
}
@media (min-width:1200px) {
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-primary {
background-color: #303641;
color: #fff;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-secondary {
background-color: #ee4749;
color: #fff;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-success {
background-color: #00a651;
color: #fff;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-info {
background-color: #21a9e1;
color: #fff;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-warning {
background-color: #fad839;
color: #fff;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-danger {
background-color: #cc2424;
color: #fff;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
position: relative;
background: #f5f5f6;
padding: 1.7em;
margin-left: 70px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label:after {
content: '';
display: block;
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 9px 9px 9px 0;
border-color: transparent #f5f5f6 transparent transparent;
left: 0;
top: 10px;
margin-left: -9px;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p {
color: #737881;
font-family: "Ubuntu",sans-serif;
font-size: 12px;
margin: 0;
line-height: 1.428571429;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p + p {
margin-top: 15px;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 {
font-size: 16px;
margin-bottom: 10px;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 a {
color: #303641;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 span {
-webkit-opacity: .6;
-moz-opacity: .6;
opacity: .6;
-ms-filter: alpha(opacity=60);
filter: alpha(opacity=60);
}
@media (max-width:479px) {
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
padding: 1.2em;
margin-left: 50px;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p {
font-size: 11px;
margin: 0;
line-height: 1.428571429;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p + p {
margin-top: 10px;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 {
font-size: 14px;
margin-bottom: 10px;
}
}
@media (min-width:480px) and (max-width:767px) {
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
padding: 1.2em;
margin-left: 50px;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p {
font-size: 11px;
margin: 0;
line-height: 1.428571429;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p + p {
margin-top: 10px;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 {
font-size: 14px;
margin-bottom: 10px;
}
}
@media (min-width:768px) and (max-width:991px) {
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
padding: 1.2em;
margin-left: 50px;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p {
font-size: 11px;
margin: 0;
line-height: 1.428571429;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p + p {
margin-top: 10px;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 {
font-size: 14px;
margin-bottom: 10px;
}
}
@media (min-width:992px) and (max-width:1199px) {
}
@media (min-width:1200px) {
}
.org-chart ul{
padding: 0;
margin: 0;
list-style: none;
}
.org-chart ul a{
display: block;
background: #ccc;
border: 4px solid #CFDFEB;
text-align: center;
overflow: hidden;
font-size: .7em;
text-decoration: none;
font-weight: bold;
color: #333;
height: 70px;
margin-bottom: -26px;
box-shadow: 4px 4px 9px -4px rgba(0,0,0,0.4);
-webkit-transition: all linear .1s;
-moz-transition: all linear .1s;
transition: all linear .1s;
}
@media all and (max-width: 767px){
.org-chart ul a{
font-size: 1em;
}
}
.org-chart ul a span{
top: 50%;
margin-top: -0.7em;
display: block;
}
/*
*/
/*
.administration > li > a{
margin-bottom: 25px;
}
.director > li > a{
width: 50%;
margin: 0 auto 0px auto;
}
.subdirector:after{
content: "";
display: block;
width: 0;
height: 130px;
background: red;
border-left: 4px solid #ccc;
left: 45.45%;
position: relative;
}
.subdirector,
.departments{
position: absolute;
width: 100%;
}
.subdirector > li:first-child,
.departments > li:first-child{
width: 18.59894921190893%;
height: 64px;
margin: 0 auto 92px auto;
padding-top: 25px;
border-bottom: 4px solid #ccc;
z-index: 1;
}
.subdirector > li:first-child{
float: right;
right: 27.2%;
border-left: 4px solid #ccc;
}
.departments > li:first-child{
float: left;
left: 27.2%;
border-right: 4px solid #ccc;
}
.subdirector > li:first-child a,
.departments > li:first-child a{
width: 100%;
}
.subdirector > li:first-child a{
left: 25px;
}
@media all and (max-width: 767px){
.subdirector > li:first-child,
.departments > li:first-child{
width: 40%;
}
.subdirector > li:first-child{
right: 10%;
margin-right: 2px;
}
.subdirector:after{
left: 49.8%;
}
.departments > li:first-child{
left: 10%;
margin-left: 2px;
}
}
.departments > li:first-child a{
right: 25px;
}
.department:first-child,
.departments li:nth-child(2){
margin-left: 0;
clear: left;
}
.departments:after{
content: "";
display: block;
position: absolute;
width: 81.1%;
height: 22px;
border-top: 4px solid #ccc;
border-right: 4px solid #ccc;
border-left: 4px solid #ccc;
margin: 0 auto;
top: 130px;
left: 9.1%
}
@media all and (max-width: 767px){
.departments:after{
border-right: none;
left: 0;
width: 49.8%;
}
}
@media all and (min-width: 768px){
.department:first-child:before,
.department:last-child:before{
border:none;
}
}
.department:before{
content: "";
display: block;
position: absolute;
width: 0;
height: 22px;
border-left: 4px solid #ccc;
z-index: 1;
top: -22px;
left: 50%;
margin-left: -4px;
}
.department{
border-left: 4px solid #ccc;
width: 18.59894921190893%;
float: left;
margin-left: 1.751313485113835%;
margin-bottom: 60px;
}
.lt-ie8 .department{
width: 18.25%;
}
@media all and (max-width: 767px){
.department{
float: none;
width: 100%;
margin-left: 0;
}
.department:before{
content: "";
display: block;
position: absolute;
width: 0;
height: 60px;
border-left: 4px solid #ccc;
z-index: 1;
top: -60px;
left: 0%;
margin-left: -4px;
}
.department:nth-child(2):before{
display: none;
}
}
.department > a{
margin: 0 0 -26px -4px;
z-index: 1;
}
.department > a:hover{
height: 80px;
}
.department > ul{
margin-top: 0px;
margin-bottom: 0px;
}
.department li{
padding-left: 25px;
border-bottom: 4px solid #ccc;
height: 80px;
}
.department li a{
background: #ccc;
top: 48px;
position: absolute;
z-index: 1;
width: 90%;
height: 60px;
vertical-align: middle;
right: -1px;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background-image: -moz-linear-gradient(-45deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 100%) !important;
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,0,0,0.25)), color-stop(100%,rgba(0,0,0,0)))!important;
background-image: -webkit-linear-gradient(-45deg, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%)!important;
background-image: -o-linear-gradient(-45deg, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%)!important;
background-image: -ms-linear-gradient(-45deg, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%)!important;
background-image: linear-gradient(135deg, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#00000000',GradientType=1 );
}
.department li a:hover{
box-shadow: 8px 8px 9px -4px rgba(0,0,0,0.1);
height: 80px;
width: 95%;
top: 39px;
background-image: none!important;
}
.department.dep-a a{ background: #FFD600; }
.department.dep-b a{ background: #AAD4E7; }
.department.dep-c a{ background: #FDB0FD; }
.department.dep-d a{ background: #A3A2A2; }
.department.dep-e a{ background: #f0f0f0; }
*/
.MarkupPagerNav {
clear: both;
margin: 1em 0;
}
.MarkupPagerNav li {
display: inline;
list-style: none;
margin: 0;
}
.MarkupPagerNav li a,
.MarkupPagerNav li.MarkupPagerNavSeparator {
display: block;
float: left;
padding: 4px 9px;
color: #fff;
background: #2f4248;
margin-right: 3px;
font-size: 12px;
text-transform: uppercase;
}
.MarkupPagerNav li.MarkupPagerNavOn a,
.MarkupPagerNav li a:hover {
color: #fff;
background: #db1174;
text-decoration: none;
}
.MarkupPagerNav li.MarkupPagerNavSeparator {
display: inline;
color: #777;
background: #d2e4ea;
padding-left: 3px;
padding-right: 3px;
}
#map-canvas {
height: 400px;
width: 805px;
padding: 0px;
background: #E9E9E9;
display: inline-block;
}
#panel {
position: relative;
top: 5px;
/*
left: 50%;
*/
z-index: 5;
background-color: red;
padding: 5px;
border: 1px solid #999;
background: #E9E9E9;
display: inline-block;
}
#directions-panel {
height: 400px;
float: right;
width: 300px;
overflow: auto;
background: #F4F7F8;
color: #002948;
display: inline-block;
margin-left: -20px;
}
#control {
background: #bfcbd5;
color: #002948;
padding: 10px;
font-size: 14px;
font-family: Arial;
border: 1px solid #ccc;
width: 70%;
box-shadow: 0 2px 2px rgba(33, 33, 33, 0.4);
display: block;
margin-top: 30px;
}
@media (max-width:479px) {
#control {
background: #bfcbd5;
color: #002948;
padding: 10px;
font-size: 12px;
font-family: "PT Sans Narrow", sans-serif;
font-weight: 300;
border: 1px solid #ccc;
width: 70%;
box-shadow: 0 2px 2px rgba(33, 33, 33, 0.4);
display: block;
}
#map-canvas {
height: 300px;
width: 90%;
padding: 0px;
margin: 0 auto;
background: #E9E9E9;
display: inline-block;
float: none;
}
#directions-panel {
height: 300px;
width: 90%;
overflow: auto;
background: #F4F7F8;
margin: 0 auto;
color: #002948;
display: inline-block;
float: none;
}
}
@media (min-width:480px) and (max-width:767px) {
#map-canvas {
height: 300px;
width: 90%;
padding: 0px;
margin: 0 auto;
background: #E9E9E9;
display: inline-block;
float: none;
}
#directions-panel {
height: 300px;
width: 90%;
overflow: auto;
background: #F4F7F8;
margin: 0 auto;
color: #002948;
display: inline-block;
float: none;
}
}
@media (min-width:768px) and (max-width:991px) {
#map-canvas {
height: 400px;
width: 385px;
padding: 0px;
background: #E9E9E9;
display: inline-block;
}
}
@media (min-width:992px) and (max-width:1199px) {
#map-canvas {
height: 400px;
width: 605px;
padding: 0px;
background: #E9E9E9;
display: inline-block;
}
}
@media (min-width:1200px) {
}
@media print {
#map-canvas {
height: 500px;
margin: 0;
}
#directions-panel {
float: none;
width: auto;
}
}
.adp-placemark {
font-size: 1em;
padding-right: 10px;
}
img.adp-marker {
width: 11px;
height: 20px;
}
.adp-summary {
font-size: 1em;
}
.adp-summary span {
font-weight: bold;
font-size: 0.8em;
}
.adp-text {
font-size: 0.8em;
}
.adp-directions {
font-size: 0.9em;
padding-right: 10px;
}
.adp-legal {
font-size: 0.6em;
}
strong {
font-weight: bold; }
em {
font-style: italic; }
.description {
color: #777777;
margin: 0.5em 0; }
.notes,
.detail {
color: #777777;
font-size: 0.875em;
line-height: 1.5em; }
.notes {
background: #ffffdd; }
.description strong,
.notes strong {
color: #777777;
font-weight: bold; }
.align_left,
.align-left {
float: left;
margin: 0 1em 0.5em 0; }
.align_right,
.align-right {
float: right;
margin: 0 0 0.5em 1em; }
.align_center,
.align-center {
display: block;
margin-left: auto;
margin-right: auto; }
div.orgChart div.node.level0,
div.orgChart div.node.level2 {
background-color: #CFDFEB;
}
figcaption {
padding: 2px 0 2px 0;
font-size: 10px;
}
.gallerySliderItem {
border: 5px solid white;
}
.noBorder {
border: none;
}
/*
.basoz-schema {
}
.basoz-schema ul {
list-style-type: none;
list-style-position: inside;
}
.basoz-schema em {
font-style: normal;
}
.basoz-schema .ssteps {
background:#CFDFEB;
border: 2px solid red;
display: inline-block;
padding: 4px 8px;
font-weight: normal;
margin: 4px;
font-style: normal;
}
*/
/* schema */
.cf:before,
.cf:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.cf:after {
clear: both;
}
/**
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.cf {
*zoom: 1;
}
/* Generic styling */
/*
@media all and (max-width: 767px){
.content{
padding: 0 20px;
}
}
ul{
padding: 0;
margin: 0;
list-style: none;
}
ul a{
display: block;
background: #ccc;
border: 4px solid red;
text-align: center;
overflow: hidden;
font-size: .7em;
text-decoration: none;
font-weight: bold;
color: #333;
height: 70px;
margin-bottom: -26px;
box-shadow: 4px 4px 9px -4px rgba(0,0,0,0.4);
-webkit-transition: all linear .1s;
-moz-transition: all linear .1s;
transition: all linear .1s;
}
@media all and (max-width: 767px){
ul a{
font-size: 1em;
}
}
ul a span{
top: 50%;
margin-top: -0.7em;
display: block;
}
.administration > li > a{
margin-bottom: 25px;
}
.director > li > a{
width: 50%;
margin: 0 auto 0px auto;
}
.subdirector:after{
content: "";
display: block;
width: 0;
height: 130px;
background: red;
border-left: 4px solid red;
left: 45.45%;
position: relative;
}
.subdirector,
.departments{
position: absolute;
width: 100%;
}
.subdirector > li:first-child,
.departments > li:first-child{
width: 18.59894921190893%;
height: 64px;
margin: 0 auto 92px auto;
padding-top: 25px;
border-bottom: 4px solid red;
z-index: 1;
}
.subdirector > li:first-child{
float: right;
right: 27.2%;
border-left: 4px solid red;
}
.departments > li:first-child{
float: left;
left: 27.2%;
border-right: 4px solid red;
}
.subdirector > li:first-child a,
.departments > li:first-child a{
width: 100%;
}
.subdirector > li:first-child a{
left: 25px;
}
@media all and (max-width: 767px){
.subdirector > li:first-child,
.departments > li:first-child{
width: 40%;
}
.subdirector > li:first-child{
right: 10%;
margin-right: 2px;
}
.subdirector:after{
left: 49.8%;
}
.departments > li:first-child{
left: 10%;
margin-left: 2px;
}
}
.departments > li:first-child a{
right: 25px;
}
.department:first-child,
.departments li:nth-child(2){
margin-left: 0;
clear: left;
}
.departments:after{
content: "";
display: block;
position: absolute;
width: 81.1%;
height: 22px;
border-top: 4px solid red;
border-right: 4px solid red;
border-left: 4px solid red;
margin: 0 auto;
top: 130px;
left: 9.1%
}
@media all and (max-width: 767px){
.departments:after{
border-right: none;
left: 0;
width: 49.8%;
}
}
@media all and (min-width: 768px){
.department:first-child:before,
.department:last-child:before{
border:none;
}
}
.department:before{
content: "";
display: block;
position: absolute;
width: 0;
height: 22px;
border-left: 4px solid red;
z-index: 1;
top: -22px;
left: 50%;
margin-left: -4px;
}
.department{
border-left: 4px solid red;
width: 18.59894921190893%;
float: left;
margin-left: 1.751313485113835%;
margin-bottom: 60px;
}
.lt-ie8 .department{
width: 18.25%;
}
@media all and (max-width: 767px){
.department{
float: none;
width: 100%;
margin-left: 0;
}
.department:before{
content: "";
display: block;
position: absolute;
width: 0;
height: 60px;
border-left: 4px solid red;
z-index: 1;
top: -60px;
left: 0%;
margin-left: -4px;
}
.department:nth-child(2):before{
display: none;
}
}
.department > a{
margin: 0 0 -26px -4px;
z-index: 1;
}
.department > a:hover{
height: 80px;
}
.department > ul{
margin-top: 0px;
margin-bottom: 0px;
}
.department li{
padding-left: 25px;
border-bottom: 4px solid red;
height: 80px;
}
.department li a{
background: #fff;
top: 48px;
position: absolute;
z-index: 1;
width: 90%;
height: 60px;
vertical-align: middle;
right: -1px;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background-image: -moz-linear-gradient(-45deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 100%) !important;
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,0,0,0.25)), color-stop(100%,rgba(0,0,0,0)))!important;
background-image: -webkit-linear-gradient(-45deg, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%)!important;
background-image: -o-linear-gradient(-45deg, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%)!important;
background-image: -ms-linear-gradient(-45deg, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%)!important;
background-image: linear-gradient(135deg, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#00000000',GradientType=1 );
}
.department li a:hover{
box-shadow: 8px 8px 9px -4px rgba(0,0,0,0.1);
height: 80px;
width: 95%;
top: 39px;
background-image: none!important;
}
.department.dep-a a{ background: #FFD600; }
.department.dep-b a{ background: #AAD4E7; }
.department.dep-c a{ background: #FDB0FD; }
.department.dep-d a{ background: #A3A2A2; }
.department.dep-e a{ background: #f0f0f0; }
*/
.inTitle {
color: #580606;
margin-bottom: 20px;
}
.inTitleTop {
color: #580606;
text-transform: uppercase;
font-size: 1.2em;
margin-bottom: -12px;
padding-bottom: 0;
}