/* --- Open Sans Light --- */

@font-face {
    font-family: OpenSansLight;
    src: url('../Fonts/OpenSans-Light.ttf');
}
@font-face {
    font-family: OpenSansLightItalic;
    src: url('../Fonts/OpenSans-LightItalic.ttf');
}

/* --- Open Sans Bold --- */

@font-face {
    font-family: OpenSansBold;
    src: url('../Fonts/OpenSans-Bold.ttf');
}
@font-face {
    font-family: OpenSansBoldItalic;
    src: url('../Fonts/OpenSans-BoldItalic.ttf');
}

/* --- Overpass Thin --- */

@font-face {
    font-family: OverpassThin;
    src: url('../Fonts/Overpass-Thin.ttf');
}
@font-face {
    font-family: OverpassThinItalic;
    src: url('../Fonts/Overpass-ThinItalic.ttf');
}

/* --- Overpass Regular --- */

@font-face {
    font-family: OverpassRegular;
    src: url('../Fonts/Overpass-Regular.ttf');
}

/* --- Overpass Bold --- */

@font-face {
    font-family: OverpassBold;
    src: url('../Fonts/Overpass-Bold.ttf');
}
@font-face {
    font-family: OverpassBoldItalic;
    src: url('../Fonts/Overpass-BoldItalic.ttf');
}

/* --- Reem Kufi --- */

@font-face {
    font-family: ReemKufi;
    src: url('../Fonts/ReemKufi-Regular.ttf');
}

/* --- General --- */

* {
    transition: all 0.2s ease;
}

body {
    font-family: 'OpenSansLight';
    background-color: #fafafa;
    color: #222;
    font-size: 1rem;
}

.content .grid-container {
    max-width: 75rem;
}

.content.fullWidth .grid-container {
    max-width: 110rem;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: 'OverpassThin';
}

h2, .h2 {
    color: #222;
}

hr {
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

h3 + hr {
    margin: 1rem 0;
}

.content p a,
.content ul li a {
    color: #bf0300;
    text-decoration: none;
}

.fce-1-2 i {
    font-size: 4rem;
}

.grid-container {
    position: relative;
}

.grid-container .language {
    display: none;
}


@media only screen and (min-width: 40em) {

    .language {
        top: -28px;
        right: 30px;
    }

}

.language ul {
    list-style: none;
}

.language a {
    color: #fff;
    font-size: 0.75rem;
    display: inline-block;
}




.mobileContainer {
    position: relative;
}

.mobileContainer .language {
    z-index: 99;
    display: block;
    position: absolute;
    top: auto;
    right: 2rem;
    bottom: 1rem;
    margin-top: 5px;
}

.language ul {
    list-style: none;
}

.language a {
    color: #fff;
    font-size: 0.75rem;
    background-color: rgba(0,0,0,0.2);
    padding: 0.5rem 1rem;
    display: inline-block;
    border-radius: 2px;
}

.language a:hover {
    background-color: rgba(0,0,0,0.4);
}

@media only screen and (min-width: 40em) {


    .language {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 99;
    }

    .grid-container > .language {
        display: block;
    }

    .language ul {
        list-style: none;
    }

    .mobileContainer .language {
        display: none;
    }

    .language a {
        color: #fff;
        font-size: 0.75rem;
        background-color: rgba(0,0,0,0.2);
        padding: 0.5rem 1rem;
        display: inline-block;
        border-radius: 2px;
    }

    .language a:hover {
        background-color: rgba(0,0,0,0.4);
    }

}

.contentBox {
    padding: 1.5rem;
    background-color: #fff;
    margin-bottom: 1.5rem;
}

.contentBox.pricing {
    padding: 0;
    margin: 0;
    margin-top: 3rem;
}

@media only screen and (min-width: 40em) {

    .contentBox {
        padding: 2rem;
    }

    .contentBox.pricing {
        padding: 0;
    }

}

.contentBox .contentBox {
    background-color: #262626;
    color: #fff;
    min-height: 21rem;
  }

  .twoColumns-1-2 .contentBox .contentBox {
    min-height: auto;
  }

  .contentBox .contentBox h2,
  .contentBox .contentBox a {
    color: #fff;
  }

  .contentBox .contentBox hr {
      background-color: rgba(255,255,255,0.2);
    }


.submit input,
a.button,
.teamBox a,
.btn-group button {
    font-family: 'ReemKufi';
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff0400+0,87110f+100 */
    background: #ff0400; /* Old browsers */
    background: -moz-linear-gradient(left, #ff0400 0%, #87110f 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ff0400 0%,#87110f 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ff0400 0%,#87110f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0400', endColorstr='#87110f',GradientType=1 ); /* IE6-9 */
    padding: 1.2rem 1rem 1.3rem 1rem;
    border: 0;
    display: block;
    width: 100%;
    overflow: hidden;
    position: relative;
    transition: all 0s ease;
}

.submit.small input {
    padding: 0.8rem 0.8rem 1rem 0.8rem;
    display: inline-block;
    width: auto;
    font-size: 0.8rem;
    border-radius: 2px;
    overflow: hidden;
}

.submit.small {
    margin-bottom: 2rem;
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.submit.grey input,
.btn-group button,
.teamBox a {
    background: #f5f5f6; /* Old browsers */
    background: -moz-linear-gradient(left, #f5f5f6 0%, #fff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #f5f5f6 0%,#fff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #f5f5f6 0%,#fff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f6', endColorstr='#fff',GradientType=1 ); /* IE6-9 */
    color: #bf0300;
    font-weight: normal;
    text-transform: none;
    font-family: 'OpenSansLight';
}

.submit input[disabled] {
    opacity: 0.5;
    color: #222;
    cursor: auto;
}

.submit.grey input:hover
.btn-group button:hover,
.teamBox a:hover {
    background: #f5f5f6; /* Old browsers */
}

.submit input:hover,
.teamBox a:hover,
a.button:hover {
    background: #87110f; /* Old browsers */
}

.submit input:focus,
.btn-group button:focus {
    background: #111; /* Old browsers */
}

.submit.grey input:focus {
    background: #87110f; /* Old browsers */
    color: #fff;
}

.submit {
    position: relative;
    overflow: hidden;
}

.submit:before,
.btn-group button:before,
.teamBox a:before,
a.button:before {
    width: 100%;
    bottom: 0;
    height: 5px;
    display: block;
    content: '';
    background: rgba(0,0,0,0.25);
    position: absolute;
    z-index: 1;
    left: 0;
}

.submit.grey:before {
    background: rgba(0,0,0,0.10);
}

select {
    border-radius: 2px;
}

select:focus {
    border-color: #ff0400;
    box-shadow: none;
}

.content .teamBox a {
  display: block;
  text-align: center;
}

.content .teamBox a:hover {
  color: #fff;
}


/* --- Navigation --- */

.top .topBar {
    background-color: #262626;
    padding: 2rem 0;
    background-image: url('../Images/lit-logo-signet.png');
    background-repeat: no-repeat;
    background-size: inherit;
    background-position: -43rem -6rem;
    position: relative;
}

.top .topBar .menu ul {
    list-style: none;
    margin-bottom: 0;
    width: 100%;
}

.top .topBar .menu ul li ul {
    padding-left: 1rem;
}

.top .topBar .menu ul li ul li a {
    font-size: 1rem;
}

@media only screen and (min-width: 40em) {

    .top .topBar .menu ul {
        margin-top: 0.5rem;
    }

    .top .topBar .menu ul li ul {
        display: none;
    }

}

.top .topBar .menu ul li:last-child {
    border-bottom: 0;
}

@media only screen and (min-width: 40em) {

    .top .topBar {
        position: relative;
    }

    .top .topBar .menu ul li {
        float: left;
        padding-right: 3rem;
        border-bottom: 0;
    }

}

.top .topBar .menu ul li:last-child {
    padding-right: 0;
}

.top .topBar .menu ul li a {
    color: #b4b4b4;
    font-family: 'OverpassThin';
    font-size: 1.4rem;
    padding: 0.5rem 0;
    display: block;
}

.top .topBar .menu ul li ul li:last-child {
    border-bottom: 0;
}

@media only screen and (min-width: 40em) {

    .top .topBar .menu ul li a {
        display: inline-block;
    }

}

.top .topBar .menu ul li a:hover,
.top .topBar .menu ul li.act a {
    color: #fff;
}

.mobileContainer {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    transform: translatey(-700px);
    transition: transform 250ms ease-in-out;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
    background-color: #262626;
    padding: 2rem;
    height: 100%;
    z-index: 98;
}

.top .mobileContainer .logo {
    margin-left: 0;
    margin-bottom: 2rem;
}

@media only screen and (min-width: 40em) {


    .top .mobileContainer .logo {
        display: none;
    }


}

.sidebarMenuInner {
    margin:0;
    padding:0;
    border-top: 1px solid rgba(255, 255, 255, 0.10);
}

.mobileContainer ul {
    margin-left: 0;
}

input[type="checkbox"]:checked ~ .mobileContainer {
    transform: translateX(0);
}

.top input[type=checkbox] {
    transition: all 0.3s;
    box-sizing: border-box;
    display: none;
}

.sidebarIconToggle {
    transition: all 0.3s;
    box-sizing: border-box;
    cursor: pointer;
    position: absolute;
    z-index: 99;
    height: 100%;
    width: 100%;
    top: 0.7rem;
    right: 15px;
    height: 22px;
    width: 22px;
}

input[type="checkbox"]:checked ~ .sidebarIconToggle {
    position: fixed;
    top: 2.5rem;
}

.spinner {
    transition: all 0.3s;
    box-sizing: border-box;
    position: absolute;
    height: 3px;
    width: 100%;
    background-color: #fff;
}
.horizontal {
    transition: all 0.3s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 3px;
}
.diagonal.part-1 {
    position: relative;
    transition: all 0.3s;
    box-sizing: border-box;
    float: left;
    margin-bottom: 5px;
}
.diagonal.part-2 {
    transition: all 0.3s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 3px;
}
input[type=checkbox]:checked ~ .sidebarIconToggle > .horizontal {
    transition: all 0.3s;
    box-sizing: border-box;
    opacity: 0;
    background-color: #ff0400;
}
input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-1 {
    transition: all 0.3s;
    box-sizing: border-box;
    transform: rotate(135deg);
    margin-top: 8px;
    background-color: #ff0400;
}
input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-2 {
    transition: all 0.3s;
    box-sizing: border-box;
    transform: rotate(-135deg);
    margin-top: -8px;
    background-color: #ff0400;
}

input.openSidebarMenu {
    display: none;
}

.top .logo {
    width: 200px;
    margin-left: 15px;
    margin-top: -4px;
}

/* --- Content-Box --- */

.contentBox.pricing {
    margin-bottom: 2rem;
}

.contentBox.pricing .title {
    font-size: 2rem;
    display: block;
    border-top: 1px solid rgba(0,0,0,0.1);
    border-left: 1px solid rgba(0,0,0,0.1);
    border-right: 1px solid rgba(0,0,0,0.1);
    padding: 0.7rem 0.7rem 0 0.7rem;
    background-color: #fff;
}

.contentBox.pricing .priceContent {
    padding: 0.7rem 0.7rem 1.5rem 0.7rem;
    background-color: #fff;
    border-left: 1px solid rgba(0,0,0,0.1);
    border-right: 1px solid rgba(0,0,0,0.1);
}

.contentBox.pricing .priceContent i {
    color: #ff0400;
}

.contentBox.pricing .priceContent ul {
    list-style: none;
    margin-left: 0;
    margin-bottom: 0;
}

.contentBox.pricing .priceContent input {
    margin-bottom: 0;
}

.contentBox.pricing .priceContent ul {
    font-size: 0.8rem;
}

@media only screen and (min-width: 40em) {

    .contentBox.pricing .priceContent ul {
        font-size: 1rem;
    }

    .contentBox.pricing .priceContent .border .large-6:first-child {
        border-right: 1px solid rgba(0,0,0,0.1);
    }

}

.contentBox.pricing .title h3 {
    margin-bottom: 0;
    line-height: 4rem;
}

.contentBox.pricing .info p {
    font-size: 0.8rem;
}

.contentBox.pricing .priceOption .labelBG {
    padding: 0.9rem 1rem 0.5rem 1rem;
    cursor: pointer;
}

.contentBox.pricing .priceOption h4 {
    margin-bottom: 0;
    line-height: 1.8rem;
}

.contentBox.pricing .priceOption h4 span {
    font-size: 0.75rem;
}

.contentBox.pricing .priceOption.silver .labelBG,
.contentBox.pricing .priceOption.gold .labelBG,
.contentBox.pricing .priceOption.platin .labelBG {
    color: #fff;
}

.contentBox.pricing .priceOption.silver .labelBG {
    background-color: #444546;
}

.contentBox.pricing .priceOption.silver .labelBG:hover {
    background-color: #3c3d3e;
}

.contentBox.pricing .priceOption.gold .labelBG {
    background-color: #252525;
}

.contentBox.pricing .priceOption.gold .labelBG:hover {
    background-color: #212121;
}

.contentBox.pricing .priceOption.platin .labelBG {
    background-color: #111;
}

.contentBox.pricing .priceOption.platin .labelBG:hover {
    background-color: #000;
}

.contentBox.pricing .priceOption .large-5 {
    text-align: right;
}

.contentBox.pricing input[name=version] {
    position: absolute;
    top: 1.3rem;
    left: 0.5rem;
}


@media only screen and (min-width: 40em) {

    .contentBox.pricing input[name=version] {
        left: 0.7rem;
    }

}

.contentBox.pricing label.priceOption {
    display: block;
    width: 100%;
    position: relative;
    margin: 0;
}

.contentBox.pricing input[name=version]:checked ~ .labelBG,
.contentBox.pricing input[name=version]:checked ~ .labelBG:hover {
    background-color: #ff0400;
}

.contentBox.pricing input[name=version]:checked ~ .labelBG span.red {
    color: #fff;
}

.contentBox.pricing .finalPrice {
    text-align: center;
    color: #fff;
    font-size: 1.5rem;
    font-weight: bold;
    padding: 1rem 0;
    font-family: 'ReemKufi';
    background-color: #000000;
}

.contentBox.pricing .noMargin {
    margin-bottom: 0;
}

.contentBox.pricing .marginTop {
    margin-top: 1rem;
}

.contentBox.pricing .toolTip {
    position: relative;
    overflow: initial;
}

.contentBox.pricing .toolTip p.noMargin {
    display: inline;
}

.contentBox.pricing .toolTip .toolTipBox {
    font-weight: normal;
    padding: 1.5rem;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
    display: none;
    position: absolute;
    top: -1.3rem;
    left: 5rem;
    font-size: 0.75rem;
    background-color: #ff0400;
    color: #fff;
    z-index: 2;
}

.contentBox.pricing .toolTip .toolTipBox:after {
    right: 100%;
    top: 24%;
    border: solid transparent;
    border-top-color: transparent;
    border-top-width: medium;
    border-right-color: transparent;
    border-right-width: medium;
    border-bottom-color: transparent;
    border-bottom-width: medium;
    border-left-color: transparent;
    border-left-width: medium;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(213, 213, 213, 0);
    border-right-color: rgba(213, 213, 213, 0);
    border-right-color: #ff0400;
    border-width: 10px;
    margin-top: -10px;
}

.contentBox.pricing .toolTip p.noMargin:hover + .toolTipBox {
    display: block;
}

.contentBox.pricing .toolTip p.noMargin:hover + .toolTipBox p {
    margin-bottom: 0;
}

span.red {
    font-size: 0.8rem;
    color: #ff0400;
}

p.info {
    font-size: 1.5rem;
    text-align: center;
    display: block;
    width: 100%;
}

.contentBox .priceContent.toggle {
    display: none;
}

.contentBox input[name=version]:checked ~ .priceContent.toggle {
    display: block;
}

@media only screen and (min-width: 40em) {

    .grid-x > .fixedWidth {
        width: 319px;
        padding-left: 0.9375rem;
        position: absolute;
    }

    .top .logo {
        width: 100%;
        margin-left: 0;
    }

    .mobileContainer {
        width: 100%;
        position: relative;
        transform: translatey(0);
        transition: transform 250ms ease-in-out;
        background: none;
        box-shadow: none;
        padding: 0;
    }

    .mobileContainer {
        margin-left: 1.25rem;
    }

    label.sidebarIconToggle {
        display: none;
    }

}


@media only screen and (min-width: 40em) {

    .grid-x > .fixedWidthLeft {
        padding-left: 333px;
    }

}

/* --- SubMenu --- */

.logoAIO {
    width: 50px;
}

@media only screen and (min-width: 40em) {

    .logoAIO {
        float: right;
    }

}

.top .subMenu {
    border-bottom: 1px solid #cccbcb;
    padding: 1.5rem 0;
    background-color: #fff;
    display: none;
}

.top .subMenu ul {
    list-style: none;
}

.top .subMenu ul li {
    float: left;
    padding-right: 2rem;
}

.top .subMenu ul li:last-child {
    padding-right: 0;
}

.top .subMenu ul li a {
    color: #262626;
}

.top .subMenu ul li a:hover,
.top .subMenu ul li.act a {
    color: #ff0400;
}



@media only screen and (min-width: 40em) {

    .logoAIO {
        float: right;
    }

    .top .subMenu {
        display: block;
    }

    .top .subMenu ul li {
        position: relative;
    }

    .top .subMenu ul li ul {
        display: none;
        margin: 0;
        width: 350px;
        padding-top: 1.5rem;
        position: absolute;
        z-index: 11;
    }

    .top .subMenu ul li:hover ul {
        display: none;
    }

    .top .subMenu ul li ul li:first-child {
        border-top: 5px solid #000;
    }

    .top .subMenu ul li ul li {
        float: none;
        padding-right: 0;
        border-bottom: 1px solid rgba(255,255,255,0.1);
        background-color: #262626;
    }

    .top .subMenu ul li:hover ul li a {
        background-color: #262626;
        color: #fff;
        padding: 1rem 1rem 1.2rem 1.5rem;
        display: block;
        font-size: 0.8rem;
        width: 100%;
    }

    .top .subMenu ul li:hover ul li a:hover,
    .top .subMenu ul li:hover ul li.act a {
        background-color: #111;
        padding-left: 2rem;
    }

}

.content {
    padding: 2rem 0;
}

@media only screen and (min-width: 40em) {

    .content {
        padding: 3rem 0;
    }

}

.content a {
    color: #000;
}

.content a:hover {
    color: #ff0400;
}

.footer {
    background-color: #444;
    color: #fff;
    background-image: url('../Images/lit-logo-signet-grey.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.footerTop {
    padding: 2rem 0;
}

@media only screen and (min-width: 40em) {
    .footerTop {
        padding: 5rem 0;
    }
}

.footer h1, .footer .h1, .footer h2, .footer .h2, .footer h3, .footer .h3, .footer h4, .footer .h4, .footer h5, .footer .h5, .footer h6, .footer .h6 {
    color: #fff;
}

.footer h4 {
    line-height: 2rem;
}

.footer hr {
    border-bottom-color: #565555;
    margin: 2rem 0;
    max-width: 100%;
}

.footer p {
    font-size: 0.75rem;
    margin-bottom: 0;
}

.footer ul {
    list-style: none;
    margin: 0;
}

.footer ul li a {
    color: #b4b4b4;
}

.footer ul li a:hover {
    color: #fff;
}

.footerBottom {
    background-color: #444;
    border-top: 1px solid rgba(255,255,255,0.2);
    padding: 1rem 0;
}


@media only screen and (min-width: 40em) {
    .footerBottom {
        padding: 2rem 0;
    }
}

.btn-group {
    overflow: hidden;
}

@media only screen and (min-width: 40em) {

    .btn-group .previous {
        width: 49%;
        display: block;
        float: left;
        margin-right: 1%;
    }

    .btn-group .next {
        width: 49%;
        display: block;
        float: left;
    }

}

.btn-group .previous button {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#222222+0,444444+100 */
    background: #222222; /* Old browsers */
    background: -moz-linear-gradient(left, #222222 0%, #444444 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #222222 0%,#444444 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #222222 0%,#444444 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#444444',GradientType=1 ); /* IE6-9 */
}

.frame-type-form_formframework form {
    overflow: hidden;
    padding: 2rem;
    background-color: #f0f1f3;
}

.frame-type-form_formframework form .row:last-child {
    margin-right: 0;
}

.frame-type-form_formframework form textarea {
    height: 25rem;
}

[type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], textarea {
    box-shadow: none;
    border-radius: 2px;
}

[type="text"]:focus, [type="password"]:focus, [type="date"]:focus, [type="datetime"]:focus, [type="datetime-local"]:focus, [type="month"]:focus, [type="week"]:focus, [type="email"]:focus, [type="number"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="time"]:focus, [type="url"]:focus, [type="color"]:focus, textarea:focus {
    box-shadow: none;
    boder-radius: 1px solid #bf0300;
}

span.error {
    background-color: #bf0300;
    color: #fff;
    display: inline-block;
    padding: 0.5rem 1rem;
    font-size: 0.8rem;
    margin-bottom: 1rem;
    position: relative;
}

span.error:before {
    bottom: 100%;
    left: 1.5rem;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #bf0300;
    border-width: 5px;
    margin-left: -5px;
}

form table {
  background: #262626;
  color: #fff;
}

form tbody {
  background: none;
}

tbody tr:nth-child(2n) {
  background: none;
}

form td {
  vertical-align: top;
  padding: 1rem;
  font-size: 0.9rem;
  border-bottom: 1px solid rgba(255,255,255,0.2);
}

form tr:last-child td {
  border-bottom: 0;
}

hr {
  margin: 2rem auto 3rem auto;
}

.teamBox h3 {
  margin-bottom: 0;
}

legend {
  color: #262626;
  margin-bottom: 1rem;
}

table.contenttable {
  background-color: #262626;
  color: #fff;
}

table.contenttable tbody {
  background-color: transparent;
  border: 0;
}

.contenttable td {
  vertical-align: top;
  font-size: 0.9rem;
  border-bottom: 1px solid rgba(255,255,255,0.2);
}

table.contenttable tr:last-child td {
  border-bottom: 0;
}

table.contenttable tr td:last-child {
  width: 20%;
}

.features .grid-x {
    position: relative;
    z-index: 10;
}

.features {
    background: url('../Images/bg-features.jpg') center -680px no-repeat;
    padding: 3rem;
    color: #fff;
    margin-bottom: 1rem;
    position: relative;
}

.features:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
}

.features:hover {
    background: url('../Images/bg-features.jpg') -700px -680px no-repeat;
    cursor: pointer;
}

.features:hover:before {
    opacity: 1;
}

.features a {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    overflow: hidden;
}

.features .large-2 {
    text-align: center;
}

.features .large-2 i {
    font-size: 4.5rem;
    margin-bottom: 3rem;
}

@media only screen and (min-width: 40em) {


    .features .large-2 i {
        margin-bottom: 0;
    }

}

.medium-6 .features {
    min-height: 5rem;
}

.medium-6 h3 {
    font-size: 1.2rem;
}

.medium-6 .features .large-2 i {
    font-size: 3.5rem;
    margin-bottom: 3rem;
}

body {
    position: relative;
}


.contact {
    position: fixed;
    bottom: 4rem;
    z-index: 10;
    right: 5px;
}

.contact ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.contact a {
    display: inline-block;
    padding: 0.5rem;
    font-size: 0.75rem;
    background: url('../Images/bg-features.jpg') no-repeat;
    background-size: cover;
    border-radius: 3px;
    color: #fff;
    position: relative;
    z-index: 4;

}

.contact a:hover {
    color: #fff;
    background-color: #ff0400;
}



.contact a:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.contact a:hover:before {
    opacity: 1;
}

a.documents {
    display: block;
    padding: 2rem;
    background-color: #262626;
    color: #fff;
}

.documents i {
    font-size: 3rem;
}

a.documents:hover {
    background-color: #222;
    color: #fff;
}

.teaser a {
    display: block;
}

.teaser img {
    width: 5rem;
}

.teaser .cell:hover a {
    color: #666;
}

.teaser .cell:hover img {
    opacity: 0.8;
}

@media screen and (max-width: 600px) {
    .ce-right .ce-gallery, .ce-left .ce-gallery, .ce-column {
        float: none;
    }
}

div.altcha {
    margin-bottom: 1rem;
}