@import url('https://use.fontawesome.com/releases/v5.6.1/css/all.css');@import url('https://use.fontawesome.com/releases/v5.6.1/css/v4-shims.css');.holder:before,
.social-networks:before,
.shortterm-overview-pager:before,
.searchpager-container:before,
.port-list-pager:before,
div.section-content .price-list:before,
div.section-content.big .col-holder:before,
.send-form .row:before,
.send-form .form-item:before,
.subscribe-form .row:before,
.subscribe-form .form-item:before,
.gray-box .col-holder:before,
.top-footer:before,
div#site-search-section-block div.text-holder:before,
.container.taxonomy-page:before,
form#om-ammado-donate-form div.form-item:before,
form#om-ammado-donate-form fieldset.money-field:before,
.block.block-facetapi:before
{
    display: block;
    clear: both;

    content: ' ';
}

.holder:after,
.social-networks:after,
.shortterm-overview-pager:after,
.searchpager-container:after,
.port-list-pager:after,
div.section-content .price-list:after,
div.section-content.big .col-holder:after,
.send-form .row:after,
.send-form .form-item:after,
.subscribe-form .row:after,
.subscribe-form .form-item:after,
.gray-box .col-holder:after,
.top-footer:after,
div#site-search-section-block div.text-holder:after,
.container.taxonomy-page:after,
form#om-ammado-donate-form div.form-item:after,
form#om-ammado-donate-form fieldset.money-field:after,
.block.block-facetapi:after
{
    display: block;
    clear: both;

    content: ' ';
}

nav.pushy ul.nav,
nav.pushy ul.nav ul,
nav.language__selector ul,
.social-networks,
.social-networks.mobile,
.search.mobile,
div.menu ul.nav,
div.menu ul.nav .dropdown ul,
div.section-content .price-list,
div.section-content .post-list,
.button-list,
ul.item-list,
.list,
.footer-list ul,
ul.choose_your_country
{
    margin: 0;
    padding: 0;

    list-style: none;
}

html
{
    box-sizing: border-box;
}

*,
*:before,
*:after
{
    box-sizing: inherit;
}

body
{
    font: 400 20px/1.2 'Lato', 'Noto Sans', Arial, Helvetica, sans-serif;

    min-width: 320px;
    margin: 0;

    color: #67747c;
    background: #fff;

    -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: none;
    direction: ltr;
}

html[dir='rtl'] div:lang(de),
html[dir='rtl'] div:lang(en),
html[dir='rtl'] div:lang(und)
{
    direction: ltr !important;
}

html[dir='rtl'] div:lang(de) p,
html[dir='rtl'] div:lang(de) h1,
html[dir='rtl'] div:lang(de) h2,
html[dir='rtl'] div:lang(de) h3,
html[dir='rtl'] div:lang(de) h4,
html[dir='rtl'] div:lang(de) h5,
html[dir='rtl'] div:lang(de) h6,
html[dir='rtl'] div:lang(en) p,
html[dir='rtl'] div:lang(en) h1,
html[dir='rtl'] div:lang(en) h2,
html[dir='rtl'] div:lang(en) h3,
html[dir='rtl'] div:lang(en) h4,
html[dir='rtl'] div:lang(en) h5,
html[dir='rtl'] div:lang(en) h6,
html[dir='rtl'] div:lang(und) p,
html[dir='rtl'] div:lang(und) h1,
html[dir='rtl'] div:lang(und) h2,
html[dir='rtl'] div:lang(und) h3,
html[dir='rtl'] div:lang(und) h4,
html[dir='rtl'] div:lang(und) h5,
html[dir='rtl'] div:lang(und) h6
{
    text-align: left !important;
}

html[dir='rtl'] .node-shortterm.node-teaser:lang(und) .flag-icon,
html[dir='rtl'] .node-shortterm.node-teaser:lang(en) .flag-icon,
html[dir='rtl'] .node-shortterm.node-teaser:lang(de) .flag-icon
{
    margin-right: .3em;
    margin-left: 0;
}

*
{
    max-height: 1000000px;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary
{
    display: block;
}

img
{
    max-width: 100%;
    height: auto;

    border-style: none;
}

a
{
    text-decoration: none;

    color: #297cbb;
}

a:hover
{
    text-decoration: underline;
}

input,
textarea,
select
{
    font: 100% 'Lato', 'Noto Sans', Arial, Helvetica, sans-serif;

    max-width: 100%;

    vertical-align: middle;

    color: #67747c;
}

form,
fieldset
{
    margin: 0;
    padding: 0;

    border-style: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner
{
    padding: 0;

    border: 0;
}

button,
input[type='button'],
input[type='reset'],
input[type='file'],
input[type='submit']
{
    cursor: pointer;

    -webkit-border-radius: 0;

    -webkit-appearance: none;
}

input[type='text'],
input[type='tel'],
input[type='email'],
input[type='url'],
input[type='password'],
input[type='search'],
textarea
{
    font: 400 18px/28px 'Lato', 'Noto Sans', Arial, Helvetica, sans-serif;

    width: 100%;
    height: 45px;
    margin: 0;
    padding: 8px 10px;

    border: 1px solid #959aa0;
    background: #fff;

    -webkit-appearance: none;
}

input[type='text']:focus,
input[type='tel']:focus,
input[type='email']:focus,
input[type='url']:focus,
input[type='password']:focus,
input[type='search']:focus,
textarea:focus
{
    border-color: #7a8088;
}

input[type='submit'],
.btn,
#sliding-popup button.agree-button
{
    font: 700 16px 'Lato', 'Noto Sans', Arial, Helvetica, sans-serif;
    line-height: 1.1;

    display: inline-block;

    min-width: 165px;
    height: auto;
    margin: 17px auto;
    padding: .8em 1em .7em;

    text-align: center;
    vertical-align: top;
    text-transform: uppercase;

    color: #d22630;
    border-top: 1px solid #d22630;
    border-right: 1px solid #d22630;
    border-bottom: 8px solid #d22630;
    border-left: 1px solid #d22630;
    border-radius: 7px;
    background: #fff;
    box-shadow: 0 3px 5px -2px rgba(0, 0, 0, .3);
}

input[type='submit']:hover,
.btn:hover,
#sliding-popup button.agree-button:hover
{
    text-decoration: none;

    opacity: .9;
    background: #fef9f9;
    box-shadow: 0 0;
}

input[type='submit']:focus,
.btn:focus,
#sliding-popup button.agree-button:focus
{
    outline: 1px dotted #d22630;
}

input[type='submit'].blue,
.btn.blue,
#sliding-popup button.blue.agree-button
{
    color: #297cbb;
    border: 0;
    border-bottom: 8px solid #297cbb;
    background: #fff;
}

input[type='submit'].blue:focus,
.btn.blue:focus,
#sliding-popup button.blue.agree-button:focus
{
    outline: 1px dotted #fff;
}

input[type='submit'].red,
input[type='submit'].gray,
input[type='submit'].round,
.btn.red,
#sliding-popup button.red.agree-button,
.btn.gray,
#sliding-popup button.gray.agree-button,
.btn.round,
#sliding-popup button.round.agree-button
{
    color: #3b444f;
    border: 0;
    border-bottom: 8px solid #3b444f;
    background: #fff;
}

input[type='submit'].red:focus,
input[type='submit'].gray:focus,
input[type='submit'].round:focus,
.btn.red:focus,
#sliding-popup button.red.agree-button:focus,
.btn.gray:focus,
#sliding-popup button.gray.agree-button:focus,
.btn.round:focus,
#sliding-popup button.round.agree-button:focus
{
    outline: 1px dotted #fff;
}

input[type='submit'].red:hover,
input[type='submit'].gray:hover,
input[type='submit'].round:hover,
.btn.red:hover,
#sliding-popup button.red.agree-button:hover,
.btn.gray:hover,
#sliding-popup button.gray.agree-button:hover,
.btn.round:hover,
#sliding-popup button.round.agree-button:hover
{
    opacity: .9;
    background: #fff;
}

input[type='submit'].solid,
input[type='submit'].solid.round,
.btn.solid,
#sliding-popup button.solid.agree-button,
.btn.solid.round,
#sliding-popup button.solid.round.agree-button
{
    padding: .9em .5em;

    color: #fff;
    border: 0;
    background: #d22630;
}

input[type='submit'].solid.gray,
input[type='submit'].solid.round.gray,
.btn.solid.gray,
#sliding-popup button.solid.gray.agree-button,
.btn.solid.round.gray,
#sliding-popup button.solid.round.gray.agree-button
{
    background: #3b444f;
}

input[type='submit'].arrow:after,
.btn.arrow:after,
#sliding-popup button.arrow.agree-button:after
{
    margin-left: .5em;

    content: '❯';
}

input[type='submit'].round.solid,
.btn.round.solid,
#sliding-popup button.round.solid.agree-button
{
    border-radius: 2em;
}

textarea
{
    overflow: auto;

    min-height: 193px !important;

    resize: vertical;
    vertical-align: top;
}

input[type='checkbox'],
input[type='radio']
{
    padding: 0;
}

input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration
{
    -webkit-appearance: none;
}

h1,
h2,
h3,
h4,
h5,
h6
{
    font-family: 'Lato', 'Noto Sans', Arial, Helvetica, sans-serif;
}

h2,
h3,
h4,
.send-form h1,
.content h1
{
    font-family: 'Lato', 'Noto Sans', Arial, Helvetica, sans-serif;
    font-size: 41.6px;
    font-weight: 700;
    font-style: normal;
    line-height: 1.2;

    max-width: 780px;
    margin: 0 auto 1.4em auto;

    color: #3b444f;
}

h2 a,
h3 a,
h4 a,
.send-form h1 a,
.content h1 a
{
    color: #fff;
}

h2 strong,
h3 strong,
h4 strong,
.send-form h1 strong,
.content h1 strong
{
    font-weight: 900;
}

h1
{
    font-family: 'Lato', 'Noto Sans', Arial, Helvetica, sans-serif;
    font-size: 54.6px;
    font-weight: 900;
    line-height: 1.2;

    max-width: 780px;
    margin: 0 auto .8em auto;

    color: #3b444f;
}

h2
{
    font-size: 46.8px;
    font-weight: 700;
    line-height: 1.2;

    max-width: 780px;
    margin: 0 auto .8em auto;

    color: #3b444f;
}

h3
{
    font-size: 41.6px;
    font-weight: 700;
    line-height: 1.2;

    max-width: 780px;
    margin: 0 auto .8em auto;

    color: #3b444f;
}

h4
{
    font-size: 36.4px;
    font-weight: 700;
    line-height: 1.2;

    max-width: 780px;
    margin: 0 auto .8em auto;

    color: #3b444f;
}

h5,
h6
{
    font-size: 31.2px;
    font-weight: 700;
    line-height: 1.2;

    max-width: 780px;
    margin: 0 auto .8em auto;

    color: #3b444f;
}

p
{
    margin: 0 0 1.4em;
}

.heading
{
    font-size: 26px;
    line-height: 1.5;

    max-width: 780px;
    margin: 0 auto 2em auto;
    padding: 38px 0 0;

    text-align: left;
}

.heading h1
{
    margin: 0 0 44px;
}

.heading h1 .flag-icon
{
    margin-left: .5em;
}

.content,
.section-content,
form
{
    font-size: 26px;

    padding: 0 0 43px;

    text-align: left;
}

.content h1,
.section-content h1,
form h1
{
    font-size: 46.8px;
    font-weight: 700;
    line-height: 1.2;

    max-width: 780px;
    margin: 0 auto .8em auto;

    color: #3b444f;
}

.content p,
.content ul,
.content ol,
.content address,
.content hr.column,
.content .form-item,
.content .shortterm-meta,
.content #geoip_address_placeholder,
.content .file-document,
.section-content p,
.section-content ul,
.section-content ol,
.section-content address,
.section-content hr.column,
.section-content .form-item,
.section-content .shortterm-meta,
.section-content #geoip_address_placeholder,
.section-content .file-document,
form p,
form ul,
form ol,
form address,
form hr.column,
form .form-item,
form .shortterm-meta,
form #geoip_address_placeholder,
form .file-document
{
    line-height: 1.5;

    max-width: 780px;
    margin: 0 auto 1em auto;
}

.content p big,
.content p small,
.content p .smaller,
.content ul big,
.content ul small,
.content ul .smaller,
.content ol big,
.content ol small,
.content ol .smaller,
.content address big,
.content address small,
.content address .smaller,
.content hr.column big,
.content hr.column small,
.content hr.column .smaller,
.content .form-item big,
.content .form-item small,
.content .form-item .smaller,
.content .shortterm-meta big,
.content .shortterm-meta small,
.content .shortterm-meta .smaller,
.content #geoip_address_placeholder big,
.content #geoip_address_placeholder small,
.content #geoip_address_placeholder .smaller,
.content .file-document big,
.content .file-document small,
.content .file-document .smaller,
.section-content p big,
.section-content p small,
.section-content p .smaller,
.section-content ul big,
.section-content ul small,
.section-content ul .smaller,
.section-content ol big,
.section-content ol small,
.section-content ol .smaller,
.section-content address big,
.section-content address small,
.section-content address .smaller,
.section-content hr.column big,
.section-content hr.column small,
.section-content hr.column .smaller,
.section-content .form-item big,
.section-content .form-item small,
.section-content .form-item .smaller,
.section-content .shortterm-meta big,
.section-content .shortterm-meta small,
.section-content .shortterm-meta .smaller,
.section-content #geoip_address_placeholder big,
.section-content #geoip_address_placeholder small,
.section-content #geoip_address_placeholder .smaller,
.section-content .file-document big,
.section-content .file-document small,
.section-content .file-document .smaller,
form p big,
form p small,
form p .smaller,
form ul big,
form ul small,
form ul .smaller,
form ol big,
form ol small,
form ol .smaller,
form address big,
form address small,
form address .smaller,
form hr.column big,
form hr.column small,
form hr.column .smaller,
form .form-item big,
form .form-item small,
form .form-item .smaller,
form .shortterm-meta big,
form .shortterm-meta small,
form .shortterm-meta .smaller,
form #geoip_address_placeholder big,
form #geoip_address_placeholder small,
form #geoip_address_placeholder .smaller,
form .file-document big,
form .file-document small,
form .file-document .smaller
{
    line-height: 1.2;
}

.content ul.list,
.section-content ul.list,
form ul.list
{
    max-width: 100%;
    margin: inherit;
}

.smaller
{
    font-size: 90%;
}

blockquote
{
    font-size: 36.4px;
    font-weight: 300;
    font-style: italic;
    line-height: 1.2;

    max-width: 780px;
    margin: 0 auto .8em auto;
    padding: 36px 0 20px;

    text-align: center;
    letter-spacing: 2px;

    color: #3b444f;
}

blockquote cite
{
    font-size: 23.4px;
    font-weight: 400;
    font-style: normal;
}

q
{
    quotes: none;
}

q:before,
q:after
{
    content: '';
    content: none;
}

sub,
sup
{
    font-size: 75%;
    line-height: 0;

    position: relative;

    vertical-align: baseline;
}

sup
{
    top: -.5em;
}

sub
{
    bottom: -.25em;
}

table
{
    border-spacing: 0;
    border-collapse: collapse;

    border: 0;
}

table th,
table td
{
    border: 1px solid #959aa0;
}

table tr:nth-child(even) td
{
    background: #f7f9fc;
}

table thead th
{
    color: #fff;
    border-bottom: 10px solid #d22630;
    background: #3b444f;
}

table.no-styling,
table[border='0']
{
    border: 0;
}

table.no-styling tr:nth-child(even) td,
table.no-styling th,
table.no-styling td,
table[border='0'] tr:nth-child(even) td,
table[border='0'] th,
table[border='0'] td
{
    color: inherit;
    border: 0;
    background: none;
}

.table
{
    display: block;

    width: 100%;
}

.table-row
{
    display: block;

    width: 100%;
}

.table-cell
{
    display: block;
    float: left;
}

.alignright
{
    float: right;

    margin: 0 0 10px 10px;
}

.alignleft
{
    float: left;

    margin: 0 10px 10px 0;
}

.gm-style img
{
    max-width: none;
}

.form-item
{
    margin: 0;
}

hr
{
    max-width: 200px;
    margin: 3em auto;

    border: #d22630 solid 1px;
}

hr.full
{
    max-width: 100%;
}

body.node-type-shop
{
    background-color: #f2f2f2;
}

body.node-type-shop .hero-area:after
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    content: '';

    opacity: .9;
    background: #d22630;
}

body.node-type-shop .text-section
{
    font-family: Roboto Slab;
    font-size: 15px;

    text-align: center;

    color: #064c79;
}

body.node-type-shop .text-section .price
{
    margin: 7px 7px 14px 7px;

    color: #d22630;
}

body.node-type-shop .search-container
{
    position: relative;
}

body.node-type-shop .search-container button
{
    font-size: 25px;

    position: absolute;
    top: 5px;
    left: 10px;

    color: #a59c99;
    border: 0;
    background: none;
}

body.node-type-shop .search-container input
{
    padding-left: 50px;
}

body.node-type-shop .search-spacer
{
    clear: both;
}

body.node-type-shop .refine-container
{
    clear: both;

    margin: 5px;

    border-top: 1px solid #a59c99;
    border-bottom: 1px solid #a59c99;
}

body.node-type-shop .refine-container button
{
    font-size: 15px;

    vertical-align: middle;

    color: #a59c99;
    border: 0;
    background: none;
}

body.node-type-shop .refine-container input,
body.node-type-shop .refine-container select
{
    font-size: 15px;

    background: none;
}

body.node-type-shop .refine-container div
{
    display: inline-block;
    float: none;

    margin: 5px 0 7px 0;
    padding: 0;
}

body.node-type-shop .refine-container label
{
    font-size: 15px;

    display: initial;
}

body.node-type-shop .view-product .item-list
{
    font-size: 15px;

    margin: 10px 0 40px 0;

    border-top: 1px solid #a59c99;
    border-bottom: 1px solid #a59c99;
}

body.node-type-shop .social-networks
{
    display: none;
}

div.shopping_cart-container div.cart-empty-block
{
    display: none;
}

div.shopping_cart-container .cart-contents
{
    font-size: 15px;

    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;

    width: 250px;
    padding: 5px 15px 7px 15px;

    text-align: right;

    color: white;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color: #707173;
}

div.shopping_cart-container .cart-contents tr,
div.shopping_cart-container .cart-contents td
{
    border: none;
    background-color: transparent;
}

div.shopping_cart-container .cart-contents li
{
    padding: 0;
}

div.shopping_cart-container .cart-contents .line-item-summary
{
    text-align: left;
}

div.shopping_cart-container .cart-contents .line-item-quantity
{
    display: none;
}

div.shopping_cart-container .cart-contents .line-item-summary-view-cart
{
    display: block;

    padding: 5px 0 15px 0;
}

div.shopping_cart-container .cart-contents .line-item-summary-view-cart a
{
    text-decoration: underline;

    color: white;
}

div.shopping_cart-container .cart-contents .last a
{
    font-weight: bold;

    padding: 5px 25px 7px 25px;

    -webkit-transition: all .1s ease-in-out;
            transition: all .1s ease-in-out;
    text-align: center;
    text-decoration: none;

    color: #707173;
    border-radius: 10px;
    background-color: #f2f2f2;
}

div.shopping_cart-container .cart-contents .last a:hover
{
    background-color: white;
}

body.page-cart
{
    background-color: #f2f2f2;
}

body.page-cart #container
{
    position: relative;

    max-width: 1108px;
    margin: 100px auto;
    padding: 0 25px;
}

body.page-cart #container form .views-table
{
    width: 100%;
}

body.page-cart #container form .url-textfield
{
    display: none;
}

body.page-cart #container form tr
{
    vertical-align: middle;
}

body.page-cart #container form table
{
    text-align: left;
}

body.page-cart #container form .line-item-total
{
    font-size: 26px;

    float: left;

    margin-top: 20px;
    padding: 25px 20px 0 0;

    color: #d22630;
}

body.page-cart input[type='submit']
{
    font-size: 15px;

    border-radius: 10px;
}

body.page-cart .delete-line-item
{
    background: #a59c99;
}

body.page-cart .form-actions
{
    padding-bottom: 80px;
}

body.page-cart .form-actions input[type='submit']:first-of-type
{
    margin-right: 20px;

    background: #a59c99;
}

body.page-cart .form-actions input[type='submit']
{
    float: left;
}

body.page-cart .social-networks
{
    display: none;
}

form.commerce-add-to-cart input
{
    margin-top: 10px;
    margin-bottom: 10px;
}

body.page-checkout-review div#edit-commerce-payment-payment-method
{
    display: none;
}

body.page-checkout
{
    background-color: #f2f2f2;
}

body.page-checkout #container
{
    position: relative;

    max-width: 1108px;
    margin: 100px auto;
    padding: 0 25px;
}

body.page-checkout #container form div.teaser-container
{
    /* width: 65%; */
    width: 100% !important;
}

body.page-checkout #container form .url-textfield
{
    display: none;
}

body.page-checkout #container form tr
{
    vertical-align: middle;
}

body.page-checkout #container form table
{
    width: 100%;
    margin-bottom: 20px;

    text-align: left;
}

body.page-checkout #container form label
{
    font-size: 20px;

    margin: 10px 0 5px 0;
}

body.page-checkout #container form .line-item-total
{
    font-size: 26px;

    float: left;

    margin-top: 20px;
    padding: 25px 20px 0 0;

    color: #d22630;
}

body.page-checkout input[type='submit']
{
    font-size: 15px;

    border-radius: 10px;
}

body.page-checkout .delete-line-item
{
    background: #a59c99;
}

body.page-checkout .fieldset-wrapper input[type='submit']:first-of-type
{
    margin-right: 20px;
}

body.page-checkout .fieldset-wrapper input[type='submit']
{
    float: left;
}

body.page-checkout .fieldset-wrapper .button-operator
{
    display: none;
}

body.page-checkout .fieldset-wrapper tbody tr:first-of-type
{
    padding: .1em .6em;

    border-bottom: 1px solid #ccc;
    background-color: #eee;
}

body.page-checkout .checkout-help
{
    margin-bottom: 40px;
}

body.page-checkout td
{
    padding: 10px 0;
}

body.page-checkout div#customer-profile-shipping-ajax-wrapper
{
    padding: 10px 0;
}

body.page-checkout div#customer-profile-shipping-ajax-wrapper .commerce-customer-profile-copy
{
    padding: 10px 0;
}

form#commerce-checkout-form-shipping legend
{
    font-weight: bold;

    position: initial;
    left: 0;
}

body.node-type-product
{
    background-color: #f2f2f2;
}

body.node-type-product p
{
    font-size: 15px;
}

body.node-type-product b
{
    color: #064c79 !important;
}

body.node-type-product .product-left,
body.node-type-product .product-right
{
    float: left;

    width: 49%;
    margin-bottom: 25px;
}

body.node-type-product .product-left
{
    padding-right: 1%;
}

body.node-type-product .product-left img
{
    width: 100%;
    height: auto;
}

body.node-type-product .product-left .product-thumbnails img
{
    width: 24.12%;

    cursor: pointer;
}

body.node-type-product .product-left .product-thumbnails img:hover
{
    opacity: .7;
}

body.node-type-product .product-right
{
    clear: right;

    padding-left: 1%;
}

body.node-type-product .product-right .url-textfield
{
    display: none;
}

body.node-type-product .product-right .product-shop
{
    margin: 10px 0;
    padding: 10px;

    border-radius: 10px;
    background-color: white;
}

body.node-type-product .product-right .product-shop .price
{
    font-size: 25pt;

    display: inline-block;

    margin: 0 0 0 10px;

    vertical-align: middle;

    color: #d22630;
}

body.node-type-product form.commerce-add-to-cart
{
    display: inline-block;
}

body.node-type-product form.commerce-add-to-cart > div
{
    display: inline-block;

    width: 100%;
}

body.node-type-product form.commerce-add-to-cart > div label[for=edit-quantity]
{
    display: none;
}

body.node-type-product form.commerce-add-to-cart > div div,
body.node-type-product form.commerce-add-to-cart > div input
{
    font-size: 15px;

    display: inline-block;

    margin: 2px;

    vertical-align: middle;
}

body.node-type-product form.commerce-add-to-cart > div input[type='submit']
{
    min-width: unset;

    border-radius: 10px;
}

body.node-type-product .product-recommended
{
    clear: both;

    width: 100%;
    margin-bottom: 40px;

    border-radius: 10px;
    background-color: #e6e6e6;
}

body.node-type-product .product-recommended h4
{
    font-size: 25px;

    margin-bottom: 0;
    padding: 12px 22px 3px 22px;

    color: #064c79;
}

body.node-type-product .social-networks
{
    display: none;
}

div.product-teaser-container
{
    position: relative;

    clear: both;

    margin: 10px;
    padding: 0 0 25px 0;

    -webkit-transition: all .1s ease-in-out;
            transition: all .1s ease-in-out;
    text-align: center;

    background-color: white;
}

div.product-teaser-container div.node-teaser
{
    padding: 0;
}

div.product-teaser-container img
{
    padding: 10px;
}

div.product-teaser-container :hover
{
    text-decoration: none;
}

div.product-teaser-container .button
{
    font-size: 15px;

    padding: 10px 15px;

    color: white;
    border: 0;
    border-radius: 10px;
    background: #d22630;
}

div.product-teaser-container .button:hover
{
    opacity: .7;
}

div.product-teaser-container .photo-section img
{
    height: 354px;
}

div.product-teaser-container:hover
{
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
}

div#line-item-fields-commerce-donate-amount-add-more-wrapper label
{
    display: inline-block;
}

div#line-item-fields-commerce-donate-amount-add-more-wrapper input
{
    margin-bottom: 10px;
}

:lang(ja) div:lang(de),
:lang(ja) div:lang(en)
{
    font: 400 20px/1.2 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'Yu Gothic', 'メイリオ', 'Meiryo', 'ＭＳ ゴシック', 'MS Gothic', 'HiraKakuProN-W3', 'TakaoExゴシック', 'TakaoExGothic', 'MotoyaLCedar', 'Droid Sans Japanese', sans-serif;
}

:lang(ja) div:lang(de) .content,
:lang(ja) div:lang(en) .content
{
    font-size: 26px;
}

:lang(ja) div:lang(de) div.section-content,
:lang(ja) div:lang(en) div.section-content
{
    font: 400 20px/1.2 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'Yu Gothic', 'メイリオ', 'Meiryo', 'ＭＳ ゴシック', 'MS Gothic', 'HiraKakuProN-W3', 'TakaoExゴシック', 'TakaoExGothic', 'MotoyaLCedar', 'Droid Sans Japanese', sans-serif;
}

:lang(ja) div:lang(de) .list,
:lang(ja) div:lang(en) .list
{
    font: 400 20px/1.2 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'Yu Gothic', 'メイリオ', 'Meiryo', 'ＭＳ ゴシック', 'MS Gothic', 'HiraKakuProN-W3', 'TakaoExゴシック', 'TakaoExGothic', 'MotoyaLCedar', 'Droid Sans Japanese', sans-serif;
}

:lang(ja) .menu-btn
{
    line-height: 1.2;
}

body:lang(ja)
{
    font: 400 18px/1.6 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'Yu Gothic', 'メイリオ', 'Meiryo', 'ＭＳ ゴシック', 'MS Gothic', 'HiraKakuProN-W3', 'TakaoExゴシック', 'TakaoExGothic', 'MotoyaLCedar', 'Droid Sans Japanese', sans-serif;
}

:lang(ja) .gray-box h3
{
    font-family: 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'Yu Gothic', 'メイリオ', 'Meiryo', 'ＭＳ ゴシック', 'MS Gothic', 'HiraKakuProN-W3', 'TakaoExゴシック', 'TakaoExGothic', 'MotoyaLCedar', 'Droid Sans Japanese', sans-serif, 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'Yu Gothic', 'メイリオ', 'Meiryo', 'ＭＳ ゴシック', 'MS Gothic', 'HiraKakuProN-W3', 'TakaoExゴシック', 'TakaoExGothic', 'MotoyaLCedar', 'Droid Sans Japanese', sans-serif;
    font-size: 50px;
    line-height: 1.2;
}

:lang(ja) .content
{
    font-size: 23.4px;
}

:lang(ja) div.section-content
{
    font: 400 18px/1.6 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'Yu Gothic', 'メイリオ', 'Meiryo', 'ＭＳ ゴシック', 'MS Gothic', 'HiraKakuProN-W3', 'TakaoExゴシック', 'TakaoExGothic', 'MotoyaLCedar', 'Droid Sans Japanese', sans-serif;
}

:lang(ja) div.section-content h2,
:lang(ja) div.section-content h3,
:lang(ja) div.section-content h4
{
    font: 400 32px/1.2 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'Yu Gothic', 'メイリオ', 'Meiryo', 'ＭＳ ゴシック', 'MS Gothic', 'HiraKakuProN-W3', 'TakaoExゴシック', 'TakaoExGothic', 'MotoyaLCedar', 'Droid Sans Japanese', sans-serif, 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'Yu Gothic', 'メイリオ', 'Meiryo', 'ＭＳ ゴシック', 'MS Gothic', 'HiraKakuProN-W3', 'TakaoExゴシック', 'TakaoExGothic', 'MotoyaLCedar', 'Droid Sans Japanese', sans-serif;
}

:lang(ja) .list
{
    font: 400 18px/1.6 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'Yu Gothic', 'メイリオ', 'Meiryo', 'ＭＳ ゴシック', 'MS Gothic', 'HiraKakuProN-W3', 'TakaoExゴシック', 'TakaoExGothic', 'MotoyaLCedar', 'Droid Sans Japanese', sans-serif;
}

:lang(ja) .list h4
{
    font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'Yu Gothic', 'メイリオ', 'Meiryo', 'ＭＳ ゴシック', 'MS Gothic', 'HiraKakuProN-W3', 'TakaoExゴシック', 'TakaoExGothic', 'MotoyaLCedar', 'Droid Sans Japanese', sans-serif;
    font-size: 21px;
    line-height: 1.2;
}

:lang(ja) h1,
:lang(ja) h2,
:lang(ja) h3,
:lang(ja) h4,
:lang(ja) h5,
:lang(ja) h6
{
    font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'Yu Gothic', 'メイリオ', 'Meiryo', 'ＭＳ ゴシック', 'MS Gothic', 'HiraKakuProN-W3', 'TakaoExゴシック', 'TakaoExGothic', 'MotoyaLCedar', 'Droid Sans Japanese', sans-serif;
    font-weight: 700;
    line-height: 1.2;
}

:lang(ja) h1
{
    font-family: 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'Yu Gothic', 'メイリオ', 'Meiryo', 'ＭＳ ゴシック', 'MS Gothic', 'HiraKakuProN-W3', 'TakaoExゴシック', 'TakaoExGothic', 'MotoyaLCedar', 'Droid Sans Japanese', sans-serif, 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'Yu Gothic', 'メイリオ', 'Meiryo', 'ＭＳ ゴシック', 'MS Gothic', 'HiraKakuProN-W3', 'TakaoExゴシック', 'TakaoExGothic', 'MotoyaLCedar', 'Droid Sans Japanese', sans-serif;
    font-size: 60px;
    font-weight: 700;
}

:lang(ja) .content h1
{
    font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'Yu Gothic', 'メイリオ', 'Meiryo', 'ＭＳ ゴシック', 'MS Gothic', 'HiraKakuProN-W3', 'TakaoExゴシック', 'TakaoExGothic', 'MotoyaLCedar', 'Droid Sans Japanese', sans-serif;
    font-size: 44px;
    font-weight: 700;
}

:lang(ja) .text-box
{
    font-size: 28.8px;
    line-height: 1.6;
}

:lang(ja) .text-box h1
{
    font-size: 50px;
}

:lang(ja) h3
{
    font-size: 36px;
}

:lang(ja) .section-frame h3
{
    font: 700 50px/1.1 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'Yu Gothic', 'メイリオ', 'Meiryo', 'ＭＳ ゴシック', 'MS Gothic', 'HiraKakuProN-W3', 'TakaoExゴシック', 'TakaoExGothic', 'MotoyaLCedar', 'Droid Sans Japanese', sans-serif;
}

:lang(ja) .section-frame .post-list h4
{
    line-height: 1.2;
}

:lang(ja) .for-what h3
{
    font-family: 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'Yu Gothic', 'メイリオ', 'Meiryo', 'ＭＳ ゴシック', 'MS Gothic', 'HiraKakuProN-W3', 'TakaoExゴシック', 'TakaoExGothic', 'MotoyaLCedar', 'Droid Sans Japanese', sans-serif, 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'Yu Gothic', 'メイリオ', 'Meiryo', 'ＭＳ ゴシック', 'MS Gothic', 'HiraKakuProN-W3', 'TakaoExゴシック', 'TakaoExGothic', 'MotoyaLCedar', 'Droid Sans Japanese', sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 1.1;
}

:lang(ja) .for-what .heading
{
    line-height: 1.6;
}

:lang(ja) h4,
:lang(ja) h5,
:lang(ja) h6
{
    font-size: 30px;
}

:lang(ja) div.teaser-container div.node span.byline
{
    font-size: 16px;
    line-height: 1.5;
}

:lang(ja) div.teaser-container div.node h2
{
    font-family: 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'Yu Gothic', 'メイリオ', 'Meiryo', 'ＭＳ ゴシック', 'MS Gothic', 'HiraKakuProN-W3', 'TakaoExゴシック', 'TakaoExGothic', 'MotoyaLCedar', 'Droid Sans Japanese', sans-serif, 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'Yu Gothic', 'メイリオ', 'Meiryo', 'ＭＳ ゴシック', 'MS Gothic', 'HiraKakuProN-W3', 'TakaoExゴシック', 'TakaoExGothic', 'MotoyaLCedar', 'Droid Sans Japanese', sans-serif;
    font-weight: 400;
}

:lang(ja) nav.pushy ul.nav
{
    font: 700 15px/18px 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'Yu Gothic', 'メイリオ', 'Meiryo', 'ＭＳ ゴシック', 'MS Gothic', 'HiraKakuProN-W3', 'TakaoExゴシック', 'TakaoExGothic', 'MotoyaLCedar', 'Droid Sans Japanese', sans-serif;
}

:lang(ja) nav.pushy ul.nav ul
{
    font: 700 15px/18px 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'Yu Gothic', 'メイリオ', 'Meiryo', 'ＭＳ ゴシック', 'MS Gothic', 'HiraKakuProN-W3', 'TakaoExゴシック', 'TakaoExGothic', 'MotoyaLCedar', 'Droid Sans Japanese', sans-serif;
}

:lang(ja) nav.language__selector ul div
{
    font: 700 13px/20px 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'Yu Gothic', 'メイリオ', 'Meiryo', 'ＭＳ ゴシック', 'MS Gothic', 'HiraKakuProN-W3', 'TakaoExゴシック', 'TakaoExGothic', 'MotoyaLCedar', 'Droid Sans Japanese', sans-serif;
}

:lang(ja) div.menu ul.nav
{
    font: 700 13px/18px 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'Yu Gothic', 'メイリオ', 'Meiryo', 'ＭＳ ゴシック', 'MS Gothic', 'HiraKakuProN-W3', 'TakaoExゴシック', 'TakaoExGothic', 'MotoyaLCedar', 'Droid Sans Japanese', sans-serif;
}

:lang(ja) div.menu ul.nav:after
{
    font-size: 0;
    line-height: 0;
}

:lang(ja) div.menu .icon-search
{
    font-size: 28px;
    line-height: 1.2 !important;
}

:lang(ja) .lead
{
    font-family: 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'Yu Gothic', 'メイリオ', 'Meiryo', 'ＭＳ ゴシック', 'MS Gothic', 'HiraKakuProN-W3', 'TakaoExゴシック', 'TakaoExGothic', 'MotoyaLCedar', 'Droid Sans Japanese', sans-serif;
    line-height: 1.6;
}

:lang(ja) blockquote
{
    font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'Yu Gothic', 'メイリオ', 'Meiryo', 'ＭＳ ゴシック', 'MS Gothic', 'HiraKakuProN-W3', 'TakaoExゴシック', 'TakaoExGothic', 'MotoyaLCedar', 'Droid Sans Japanese', sans-serif;
    line-height: 1.6;
}

:lang(ja) blockquote cite
{
    font-family: 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'Yu Gothic', 'メイリオ', 'Meiryo', 'ＭＳ ゴシック', 'MS Gothic', 'HiraKakuProN-W3', 'TakaoExゴシック', 'TakaoExGothic', 'MotoyaLCedar', 'Droid Sans Japanese', sans-serif;
    font-weight: 400;
}

:lang(ar) div:lang(de),
:lang(ar) div:lang(en)
{
    font: 400 20px/1.2 'Lato', 'Mirza', 'Helvetica Neue', Arial, sans-serif;
}

:lang(ar) div:lang(de) .content,
:lang(ar) div:lang(en) .content
{
    font-size: 26px;
}

:lang(ar) div:lang(de) div.section-content,
:lang(ar) div:lang(en) div.section-content
{
    font: 400 20px/1.2 'Lato', 'Mirza', 'Helvetica Neue', Arial, sans-serif;
}

:lang(ar) div:lang(de) .list,
:lang(ar) div:lang(en) .list
{
    font: 400 20px/1.2 'Lato', 'Mirza', 'Helvetica Neue', Arial, sans-serif;
}

:lang(ar) .menu-btn
{
    line-height: 1.2;
}

body:lang(ar)
{
    font: 400 21px/1.2 'Lato', 'Mirza', 'Helvetica Neue', Arial, sans-serif;
}

:lang(ar) .gray-box h3
{
    font-family: 'Noto Sans', 'Mirza', 'Helvetica Neue', Arial, sans-serif;
    font-size: 66px;
    line-height: 1.2;
}

:lang(ar) .content
{
    font-size: 27.3px;
}

:lang(ar) div.section-content
{
    font: 400 21px/1.2 'Lato', 'Mirza', 'Helvetica Neue', Arial, sans-serif;
}

:lang(ar) div.section-content h2,
:lang(ar) div.section-content h3,
:lang(ar) div.section-content h4
{
    font: 400 32px/1 'Noto Sans', 'Mirza', 'Helvetica Neue', Arial, sans-serif;
}

:lang(ar) .list
{
    font: 400 21px/1.2 'Lato', 'Mirza', 'Helvetica Neue', Arial, sans-serif;
}

:lang(ar) .list h4
{
    font-family: 'Lato', 'Mirza', 'Helvetica Neue', Arial, sans-serif;
    font-size: 21px;
    line-height: 1.2;
}

:lang(ar) h1,
:lang(ar) h2,
:lang(ar) h3,
:lang(ar) h4,
:lang(ar) h5,
:lang(ar) h6
{
    font-family: 'Lato', 'Mirza', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 400;
    line-height: 1.2;
}

:lang(ar) h1
{
    font-family: 'Noto Sans', 'Mirza', 'Helvetica Neue', Arial, sans-serif;
    font-size: 60px;
    font-weight: 300;
}

:lang(ar) .content h1
{
    font-family: 'Lato', 'Mirza', 'Helvetica Neue', Arial, sans-serif;
    font-size: 44px;
    font-weight: 400;
}

:lang(ar) .text-box
{
    font-size: 33.6px;
    line-height: 1.2;
}

:lang(ar) .text-box h1
{
    font-size: 60px;
}

:lang(ar) h3
{
    font-size: 36px;
}

:lang(ar) .section-frame h3
{
    font: 300 80px/1.1 'Lato', 'Mirza', 'Helvetica Neue', Arial, sans-serif;
}

:lang(ar) .section-frame .post-list h4
{
    line-height: 1.2;
}

:lang(ar) .for-what h3
{
    font-family: 'Noto Sans', 'Mirza', 'Helvetica Neue', Arial, sans-serif;
    font-size: 64px;
    font-weight: 300;
    line-height: 1.1;
}

:lang(ar) .for-what .heading
{
    line-height: 1.2;
}

:lang(ar) h4,
:lang(ar) h5,
:lang(ar) h6
{
    font-size: 30px;
}

:lang(ar) div.teaser-container div.node span.byline
{
    font-size: 16px;
    line-height: 1.5;
}

:lang(ar) div.teaser-container div.node h2
{
    font-family: 'Noto Sans', 'Mirza', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 400;
}

:lang(ar) nav.pushy ul.nav
{
    font: 700 15px/18px 'Lato', 'Mirza', 'Helvetica Neue', Arial, sans-serif;
}

:lang(ar) nav.pushy ul.nav ul
{
    font: 700 15px/18px 'Lato', 'Mirza', 'Helvetica Neue', Arial, sans-serif;
}

:lang(ar) nav.language__selector ul div
{
    font: 700 13px/20px 'Lato', 'Mirza', 'Helvetica Neue', Arial, sans-serif;
}

:lang(ar) div.menu ul.nav
{
    font: 700 13px/18px 'Lato', 'Mirza', 'Helvetica Neue', Arial, sans-serif;
}

:lang(ar) div.menu ul.nav:after
{
    font-size: 0;
    line-height: 0;
}

:lang(ar) div.menu .icon-search
{
    font-size: 28px;
    line-height: 1.2 !important;
}

:lang(ar) .lead
{
    font-family: 'Lato', 'Mirza', 'Helvetica Neue', Arial, sans-serif;
    line-height: 1.2;
}

:lang(ar) blockquote
{
    font-family: 'Lato', 'Mirza', 'Helvetica Neue', Arial, sans-serif;
    line-height: 1.2;
}

:lang(ar) blockquote cite
{
    font-family: 'Lato', 'Mirza', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 400;
}

:lang(zh-hant) div:lang(de),
:lang(zh-hant) div:lang(en)
{
    font: 400 20px/1.2 'Lato', '微軟正黑體', 'Microsoft JhengHei', 'Microsoft JhengHei UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

:lang(zh-hant) div:lang(de) .content,
:lang(zh-hant) div:lang(en) .content
{
    font-size: 26px;
}

:lang(zh-hant) div:lang(de) div.section-content,
:lang(zh-hant) div:lang(en) div.section-content
{
    font: 400 20px/1.2 'Lato', '微軟正黑體', 'Microsoft JhengHei', 'Microsoft JhengHei UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

:lang(zh-hant) div:lang(de) .list,
:lang(zh-hant) div:lang(en) .list
{
    font: 400 20px/1.2 'Lato', '微軟正黑體', 'Microsoft JhengHei', 'Microsoft JhengHei UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

:lang(zh-hant) .menu-btn
{
    line-height: 1.2;
}

body:lang(zh-hant)
{
    font: 400 18px/1.6 'Lato', '微軟正黑體', 'Microsoft JhengHei', 'Microsoft JhengHei UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

:lang(zh-hant) .gray-box h3
{
    font-family: 'Noto Sans', 'Noto Sans TC', '微軟正黑體', 'Microsoft JhengHei', 'Microsoft JhengHei UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 66px;
    line-height: 1.2;
}

:lang(zh-hant) .content
{
    font-size: 23.4px;
}

:lang(zh-hant) div.section-content
{
    font: 400 18px/1.6 'Lato', '微軟正黑體', 'Microsoft JhengHei', 'Microsoft JhengHei UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

:lang(zh-hant) div.section-content h2,
:lang(zh-hant) div.section-content h3,
:lang(zh-hant) div.section-content h4
{
    font: 400 32px/1 'Noto Sans', 'Noto Sans TC', '微軟正黑體', 'Microsoft JhengHei', 'Microsoft JhengHei UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

:lang(zh-hant) .list
{
    font: 400 18px/1.6 'Lato', '微軟正黑體', 'Microsoft JhengHei', 'Microsoft JhengHei UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

:lang(zh-hant) .list h4
{
    font-family: 'Lato', 'Noto Sans TC', '微軟正黑體', 'Microsoft JhengHei', 'Microsoft JhengHei UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 21px;
    line-height: 1.2;
}

:lang(zh-hant) h1,
:lang(zh-hant) h2,
:lang(zh-hant) h3,
:lang(zh-hant) h4,
:lang(zh-hant) h5,
:lang(zh-hant) h6
{
    font-family: 'Lato', 'Noto Sans TC', '微軟正黑體', 'Microsoft JhengHei', 'Microsoft JhengHei UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.2;
}

:lang(zh-hant) h1
{
    font-family: 'Noto Sans', 'Noto Sans TC', '微軟正黑體', 'Microsoft JhengHei', 'Microsoft JhengHei UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 60px;
    font-weight: 300;
}

:lang(zh-hant) .content h1
{
    font-family: 'Lato', 'Noto Sans TC', '微軟正黑體', 'Microsoft JhengHei', 'Microsoft JhengHei UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 44px;
    font-weight: 400;
}

:lang(zh-hant) .text-box
{
    font-size: 28.8px;
    line-height: 1.6;
}

:lang(zh-hant) .text-box h1
{
    font-size: 60px;
}

:lang(zh-hant) h3
{
    font-size: 36px;
}

:lang(zh-hant) .section-frame h3
{
    font: 300 80px/1.1 'Lato', 'Noto Sans TC', '微軟正黑體', 'Microsoft JhengHei', 'Microsoft JhengHei UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

:lang(zh-hant) .section-frame .post-list h4
{
    line-height: 1.2;
}

:lang(zh-hant) .for-what h3
{
    font-family: 'Noto Sans', 'Noto Sans TC', '微軟正黑體', 'Microsoft JhengHei', 'Microsoft JhengHei UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 64px;
    font-weight: 300;
    line-height: 1.1;
}

:lang(zh-hant) .for-what .heading
{
    line-height: 1.6;
}

:lang(zh-hant) h4,
:lang(zh-hant) h5,
:lang(zh-hant) h6
{
    font-size: 30px;
}

:lang(zh-hant) div.teaser-container div.node span.byline
{
    font-size: 16px;
    line-height: 1.5;
}

:lang(zh-hant) div.teaser-container div.node h2
{
    font-family: 'Noto Sans', 'Noto Sans TC', '微軟正黑體', 'Microsoft JhengHei', 'Microsoft JhengHei UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 400;
}

:lang(zh-hant) nav.pushy ul.nav
{
    font: 700 15px/18px 'Lato', '微軟正黑體', 'Microsoft JhengHei', 'Microsoft JhengHei UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

:lang(zh-hant) nav.pushy ul.nav ul
{
    font: 700 15px/18px 'Lato', '微軟正黑體', 'Microsoft JhengHei', 'Microsoft JhengHei UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

:lang(zh-hant) nav.language__selector ul div
{
    font: 700 13px/20px 'Lato', '微軟正黑體', 'Microsoft JhengHei', 'Microsoft JhengHei UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

:lang(zh-hant) div.menu ul.nav
{
    font: 700 13px/18px 'Lato', '微軟正黑體', 'Microsoft JhengHei', 'Microsoft JhengHei UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

:lang(zh-hant) div.menu ul.nav:after
{
    font-size: 0;
    line-height: 0;
}

:lang(zh-hant) div.menu .icon-search
{
    font-size: 28px;
    line-height: 1.2 !important;
}

:lang(zh-hant) .lead
{
    font-family: 'Lato', '微軟正黑體', 'Microsoft JhengHei', 'Microsoft JhengHei UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 1.6;
}

:lang(zh-hant) blockquote
{
    font-family: 'Lato', 'Noto Sans TC', '微軟正黑體', 'Microsoft JhengHei', 'Microsoft JhengHei UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 1.6;
}

:lang(zh-hant) blockquote cite
{
    font-family: 'Lato', '微軟正黑體', 'Microsoft JhengHei', 'Microsoft JhengHei UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 400;
}

#mobile-sidebar
{
    position: fixed;
    z-index: 999;
    top: 0;
    left: -270px;

    overflow-y: scroll;

    width: 270px;
    height: 100vh;

    color: #fff;
    border-right: 1px solid rgba(0, 0, 0, .2);
    background: #fff;
}

#mobile-sidebar .header-op
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    height: 50px;

    color: white;
    background: #d22630;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#mobile-sidebar .header-op i
{
    position: absolute;
    top: 15px;
    right: 15px;

    cursor: pointer;
}

#mobile-sidebar .header-op .is-op
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#mobile-sidebar .header-op .is-op h5
{
    font-size: 1em !important;

    color: white;
}

#mobile-sidebar .item-list
{
    font: 400 20px/24px 'Lato',Arial,Helvetica,sans-serif;

    margin: 0;
    padding: 11px 0 0;
}

#mobile-sidebar ul > li.leaf
{
    display: block !important;
}

#mobile-sidebar .facetapi-limit-link
{
    display: none !important;
}

h1.btn-open
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#mobile-sidebar-collapse
{
    font-size: 22px;
    line-height: 26px;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 33px;
    min-width: initial;
    height: 33px;
    margin-right: 1em;
    margin-left: 0;
    padding: 0 !important;

    cursor: pointer;

    color: #fff;
    border: none;
    border-radius: 2px;
    background: #d22630;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.translate
{
    -webkit-transform: translate3d(270px, 0, 0);
            transform: translate3d(270px, 0, 0);
}

.active
{
    left: 0 !important;
}

.overlay
{
    position: fixed;
    z-index: 998;

    display: none;

    width: 100vw;
    height: 100vh;

    -webkit-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;

    opacity: 0;
    background: rgba(0, 0, 0, .7);
}

.overlay.active
{
    top: 0;

    display: block;

    opacity: 1;
}

/*Card*/

.card
{
    position: relative;

    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
        flex-direction: column;

    min-width: 0;

    cursor: pointer;
    word-wrap: break-word;

    border-bottom: 1px solid rgba(0, 0, 0, .125) !important;
    border-radius: 0;
    background-color: #fff;
    background-clip: border-box;

    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}

.card > hr
{
    margin-right: 0;
    margin-left: 0;
}

.card-body
{
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
        flex: 1 1 auto;
}

.card-title
{
    margin-bottom: .75rem;
}

.card-header
{
    font-weight: bold;

    margin-bottom: 0;
    padding: .75rem 1.25rem;

    color: #707173;
    background-color: #fff;
}

/*Accordion*/

.accordion .card
{
    overflow: hidden;
}

.accordion .card:first-of-type
{
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.accordion .card:last-of-type
{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.accordion .card .card-header
{
    margin-bottom: -1px;
}

/*Collapse*/

.collapse:not(.show)
{
    display: none;
}

.collapsing
{
    position: relative;

    overflow: hidden;

    height: 0;

    -webkit-transition: height .35s ease;
            transition: height .35s ease;
}

.webform-personalisation
{
    margin-top: 6em;
    margin-bottom: 4em;
}

.webform-personalisation .container
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.webform-personalisation .container .members-sections
{
    padding: 1.5em;

    border: 1px solid #333232;
    border-radius: 1.5em;
}

.webform-personalisation .container .members-sections .content-form .fields-personalization
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: row;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    place-items: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.webform-personalisation .container .members-sections .content-form .fields-personalization img
{
    z-index: 9;

    border: 4px solid #fff;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, .1);
}

.webform-personalisation .container .members-sections .content-form .fields-personalization .form-name-role
{
    font-weight: bold;

    margin-top: 2.5em;
    margin-left: 1em;
}

.webform-personalisation .container .members-sections .content-form .fields-personalization .form-name-role p
{
    margin: 0;
}

.webform-personalisation .container .members-sections .content-form .fields-personalization .form-name-role .name
{
    font-size: 20px;
    font-weight: bold;

    color: #d22630;
}

.webform-personalisation .container .members-sections .content-form .fields-personalization .form-name-role .role
{
    font-weight: normal;
}

.webform-personalisation .container .members-sections .content-form .description h2
{
    font-size: 20px;

    margin-top: 2em;

    text-align: center;
}

.webform-personalisation .container .members-sections .content-form div.node-webform
{
    margin-top: 2em;
}

.webform-personalisation .container .members-sections .content-form div.node-webform a
{
    display: none;
}

.webform-personalisation .container .members-sections .content-form div.node-webform form
{
    padding: 0;
}

.webform-personalisation .container .members-sections .content-form div.node-webform form input[type='text'],
.webform-personalisation .container .members-sections .content-form div.node-webform form input[type='tel'],
.webform-personalisation .container .members-sections .content-form div.node-webform form input[type='email'],
.webform-personalisation .container .members-sections .content-form div.node-webform form input[type='url'],
.webform-personalisation .container .members-sections .content-form div.node-webform form input[type='password'],
.webform-personalisation .container .members-sections .content-form div.node-webform form input[type='search'],
.webform-personalisation .container .members-sections .content-form div.node-webform form select,
.webform-personalisation .container .members-sections .content-form div.node-webform form textarea
{
    width: 100%;
}

.webform-personalisation div.submitted
{
    display: none;
}

.paragraphs-item-text-block .bg-stretch video
{
    height: auto;
}

.paragraphs-item-text-block div.section-content.no-background h1,
.paragraphs-item-text-block div.section-content.no-background h2,
.paragraphs-item-text-block div.section-content.no-background h3,
.paragraphs-item-text-block div.section-content.no-background h4,
.paragraphs-item-text-block div.section-content.no-background p,
.paragraphs-item-text-block div[style$='#f7f9fc;'].section-content h1,
.paragraphs-item-text-block div[style$='#f7f9fc;'].section-content h2,
.paragraphs-item-text-block div[style$='#f7f9fc;'].section-content h3,
.paragraphs-item-text-block div[style$='#f7f9fc;'].section-content h4,
.paragraphs-item-text-block div[style$='#f7f9fc;'].section-content p
{
    color: #3b444f;
}

.paragraphs-item-text-block div.section-content.no-background a.btn.gray,
.paragraphs-item-text-block div[style$='#f7f9fc;'].section-content a.btn.gray
{
    color: #d22630;
    border: 1px solid #d22630;
    border-bottom: 8px solid #d22630;
    background: #fff;
}

.paragraphs-item-text-block div.section-content.no-background a.btn.gray:hover,
.paragraphs-item-text-block div[style$='#f7f9fc;'].section-content a.btn.gray:hover
{
    background: #fef9f9;
}

.paragraphs-item-text-block div.section-content h1,
.paragraphs-item-text-block div.section-content h2,
.paragraphs-item-text-block div.section-content h3,
.paragraphs-item-text-block div.section-content h4,
.paragraphs-item-text-block div.section-content p
{
    color: #fff;
}

.paragraphs-item-text-block div[style$='#3b444f;'].section-content::after,
.paragraphs-item-text-block div[style$='#222222;'].section-content::after
{
    opacity: .7;
    background-image: -webkit-linear-gradient(#000, #222);
    background-image:         linear-gradient(#000, #222);
}

.paragraphs-item-text-block div[style$='#3b444f;'] .btn.gray,
.paragraphs-item-text-block div[style$='#3b444f;'] #sliding-popup button.gray.agree-button,
#sliding-popup .paragraphs-item-text-block div[style$='#3b444f;'] button.gray.agree-button,
.paragraphs-item-text-block div[style$='#222222;'] .btn.gray,
.paragraphs-item-text-block div[style$='#222222;'] #sliding-popup button.gray.agree-button,
#sliding-popup .paragraphs-item-text-block div[style$='#222222;'] button.gray.agree-button
{
    color: #fff;
    border: 1px solid #fff;
    border-bottom: 8px solid #fff;
    background: rgba(0, 0, 0, .4);
}

.paragraphs-item-text-block div[style$='#3b444f;'] .btn.gray:hover,
.paragraphs-item-text-block div[style$='#3b444f;'] #sliding-popup button.gray.agree-button:hover,
#sliding-popup .paragraphs-item-text-block div[style$='#3b444f;'] button.gray.agree-button:hover,
.paragraphs-item-text-block div[style$='#222222;'] .btn.gray:hover,
.paragraphs-item-text-block div[style$='#222222;'] #sliding-popup button.gray.agree-button:hover,
#sliding-popup .paragraphs-item-text-block div[style$='#222222;'] button.gray.agree-button:hover
{
    background: rgba(0, 0, 0, .3);
}

.paragraphs-item-text-block .fancybox-video
{
    position: relative;

    display: inline-block;
}

.paragraphs-item-text-block .fancybox-video::after
{
    font-family: 'Font Awesome 5 Free';
    font-size: 70px;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    position: absolute;
    z-index: 5001;
    top: 50%;
    left: 50%;

    display: block;

    margin-top: -35px;
    margin-left: -35px;

    content: '\f144';

    opacity: .8;
    color: #fff;

    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: auto;
}

.paragraphs-item-text-block .fancybox-video:hover::after
{
    opacity: 1;
}

.paragraphs-item-text-block .fancybox-video img
{
    position: relative;
    z-index: 5000;

    display: block;

    width: 200px;
}

.paragraphs-item-text-block .no-thumbnail .fancybox-video::after
{
    position: relative;
    top: 0;
    left: 0;

    display: inline-block;

    margin: 0;

    opacity: 1;
}

.paragraphs-item-text-block .no-thumbnail .fancybox-video:hover::after
{
    opacity: .8;
}

.paragraphs-item-text-block .no-thumbnail .fancybox-video img
{
    display: none;
}

.paragraphs-item-columns .section-content
{
    text-align: center;

    color: #fff;
}

.paragraphs-item-columns .section-content.no-background h1,
.paragraphs-item-columns .section-content.no-background h2,
.paragraphs-item-columns .section-content.no-background h3,
.paragraphs-item-columns .section-content.no-background h4,
.paragraphs-item-columns .section-content.no-background p
{
    color: #3b444f;
}

.paragraphs-item-columns .section-content.no-background .paragraphs-item-body .content h1,
.paragraphs-item-columns .section-content.no-background .paragraphs-item-body .content h2,
.paragraphs-item-columns .section-content.no-background .paragraphs-item-body .content h3,
.paragraphs-item-columns .section-content.no-background .paragraphs-item-body .content h4,
.paragraphs-item-columns .section-content.no-background .paragraphs-item-body .content p
{
    color: #3b444f;
}

.paragraphs-item-columns .section-content .section-content
{
    padding-top: 10px;
    padding-bottom: 20px;
}

.paragraphs-item-columns .section-content .section-content.no-background h1,
.paragraphs-item-columns .section-content .section-content.no-background h2,
.paragraphs-item-columns .section-content .section-content.no-background h3,
.paragraphs-item-columns .section-content .section-content.no-background h4,
.paragraphs-item-columns .section-content .section-content.no-background p
{
    color: #fff;
}

.paragraphs-item-columns .section-content .paragraphs-item-body .content h1,
.paragraphs-item-columns .section-content .paragraphs-item-body .content h2,
.paragraphs-item-columns .section-content .paragraphs-item-body .content h3,
.paragraphs-item-columns .section-content .paragraphs-item-body .content h4,
.paragraphs-item-columns .section-content .paragraphs-item-body .content p
{
    color: #fff;
}

.paragraphs-item-columns .section-content h3
{
    font-size: 46.8px;
    font-weight: 700;
    line-height: 1.2;

    max-width: 780px;
    margin: 0 auto 1em auto;

    color: #fff;
}

.paragraphs-item-media .featured
{
    display: block;

    max-width: 1108px;
    margin: 30px auto;
}

.paragraphs-item-media .featured img
{
    width: 100%;
}

.paragraphs-item-media .galleria-content
{
    max-width: 1108px;
    margin: 30px auto;
}

.paragraphs-item-media .galleria-content .galleria-container
{
    margin: 0;
}

.paragraphs-item-latest-news div.section-content.no-background h1,
.paragraphs-item-latest-news div.section-content.no-background h2,
.paragraphs-item-latest-news div.section-content.no-background h3,
.paragraphs-item-latest-news div.section-content.no-background h4,
.paragraphs-item-latest-news div.section-content.no-background p,
.paragraphs-item-latest-news div[style$='#f7f9fc;'].section-content h1,
.paragraphs-item-latest-news div[style$='#f7f9fc;'].section-content h2,
.paragraphs-item-latest-news div[style$='#f7f9fc;'].section-content h3,
.paragraphs-item-latest-news div[style$='#f7f9fc;'].section-content h4,
.paragraphs-item-latest-news div[style$='#f7f9fc;'].section-content p
{
    color: #3b444f;
}

.paragraphs-item-latest-news div.section-content.no-background a,
.paragraphs-item-latest-news div[style$='#f7f9fc;'].section-content a
{
    color: #d22630;
}

.paragraphs-item-latest-news div.section-content.no-background a.btn.gray,
.paragraphs-item-latest-news div[style$='#f7f9fc;'].section-content a.btn.gray
{
    color: #d22630;
    border: 1px solid #d22630;
    border-bottom: 8px solid #d22630;
    background: #fff;
}

.paragraphs-item-latest-news div.section-content.no-background a.btn.gray:hover,
.paragraphs-item-latest-news div[style$='#f7f9fc;'].section-content a.btn.gray:hover
{
    background: #fef9f9;
}

.holder
{
    position: relative;

    max-width: 1108px;
    margin: 0 auto;
    padding: 0 25px;
}

.holder .teaser-container
{
    width: 100%;
}

.form-box.opportunity-applicationsform,
.form-box.shortterm-applicationsform,
.form-box.attached-webform
{
    margin-bottom: 30px;
}

.form-box.opportunity-applicationsform .holder.form-border-box,
.form-box.shortterm-applicationsform .holder.form-border-box,
.form-box.attached-webform .holder.form-border-box
{
    border: 2px solid #707173;
    border-radius: 30px;
}

.form-box.opportunity-applicationsform .holder.form-border-box h2,
.form-box.shortterm-applicationsform .holder.form-border-box h2,
.form-box.attached-webform .holder.form-border-box h2
{
    margin: 115px auto 30px;

    color: #d22630;
}

.form-box.opportunity-applicationsform .holder.form-border-box form,
.form-box.shortterm-applicationsform .holder.form-border-box form,
.form-box.attached-webform .holder.form-border-box form
{
    margin-bottom: 100px;
    padding: 0;
}

form#om-core-shortterm-filter-form > div > div.form-item
{
    float: left;

    margin-bottom: 10px;
    padding-right: 20px;
}

form#om-core-shortterm-filter-form .form-text
{
    margin-bottom: 10px;
}

form#om-core-shortterm-filter-form .form-wrapper
{
    clear: both;

    max-width: 600px;
}

#header
{
    position: relative;
    z-index: 20;

    background: #fff;
}

#header .frame
{
    position: relative;
}

#header.mockup-header
{
    position: relative;
    top: 0;
    right: 0;
    left: 0;

    box-shadow: 0 -2px 5px 2px rgba(0, 0, 0, .2);
}

.logo
{
    position: absolute;
    z-index: 1;

    float: left;

    max-width: 100px;
    margin: 0 0 -58px -37px;

    box-shadow: 0 3px 5px -2px rgba(0, 0, 0, .3);
}

.logo img
{
    display: block;
}

.inline__block
{
    display: inline-block;
}

.p10
{
    padding: 10px;
}

.menu-btn
{
    font-size: 32px;
    line-height: 1;

    position: fixed;
    z-index: 9999;
    top: 10px;
    right: 10px !important;

    display: block;

    width: 40px;
    height: 40px;
    padding: 3px 5px;

    cursor: pointer;

    border: 1px solid #f1f1f1;
    border-radius: 2px;
    background: #fff;
}

.menu-btn:hover
{
    color: #4a4b4c;
}

.menu-btn:hover .icon-bar
{
    width: 20px;
}

.menu-btn:hover .icon-bar:nth-child(2)
{
    width: 25px;
}

.pushy-open-right .menu-btn
{
    background: #f7f9fc;
}

.icon-bar
{
    position: relative;

    display: block;

    width: 25px;
    height: 3px;

    -webkit-transition: width .13s ease-out, -webkit-transform .13s ease-out, opacity .13s ease-out;
            transition: width .13s ease-out, transform .13s ease-out, opacity .13s ease-out;

    background: #3b444f;
}

.icon-bar + .icon-bar
{
    margin-top: 5px;
}

.icon-bar:nth-child(2)
{
    width: 20px;
}

.pushy-open-right .icon-bar
{
    background: #fff;
}

.pushy-open-right .icon-bar + .icon-bar
{
    margin-top: 4px;
}

.pushy-open-right .icon-bar:nth-child(1)
{
    width: 28px;

    -webkit-transform: rotateZ(-45deg) translate3d(-5px, 5px, 0);
            transform: rotateZ(-45deg) translate3d(-5px, 5px, 0);
}

.pushy-open-right .icon-bar:nth-child(3)
{
    width: 28px;

    -webkit-transform: rotateZ(45deg) translate3d(-5px, -5px, 0);
            transform: rotateZ(45deg) translate3d(-5px, -5px, 0);
}

.pushy-open-right .icon-bar:nth-child(2)
{
    opacity: 0;
}

nav.pushy
{
    font-size: .9em;
    font-weight: bold;

    background: #f7f9fc;
}

nav.pushy a
{
    text-decoration: none;

    border-top: 1px solid rgba(255, 255, 255, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

nav.pushy ul:first-child
{
    margin-top: 0;
}

nav.pushy .pushy-submenu a:after
{
    background: none;
}

nav.pushy ul.nav
{
    font: 700 13px/18px 'Lato', 'Noto Sans', Arial, Helvetica, sans-serif;
}

nav.pushy ul.nav li a
{
    padding: 15px 20px;

    text-transform: uppercase;

    color: #3b444f;
}

nav.pushy ul.nav li a:focus,
nav.pushy ul.nav li a:hover
{
    text-decoration: none;

    color: #959aa0;
}

nav.pushy ul.nav ul
{
    font: 700 13px/18px 'Lato', 'Noto Sans', Arial, Helvetica, sans-serif;

    padding-left: 15px;
}

nav.pushy ul.nav ul li a
{
    padding: 15px 20px;

    text-transform: none;

    color: #3b444f;
}

nav.pushy ul.nav ul li a:focus,
nav.pushy ul.nav ul li a:hover
{
    text-decoration: none;

    color: #959aa0;
}

nav.language__selector
{
    line-height: 2.8em;

    display: block;

    margin-right: 4em;

    vertical-align: middle;
}

nav.language__selector a
{
    white-space: nowrap;
    text-decoration: none;
}

nav.language__selector ul
{
    position: relative;

    display: inline-block;

    width: auto;

    list-style: none;

    vertical-align: middle;
}

nav.language__selector li
{
    position: relative;

    float: left;

    list-style: none;
}

nav.language__selector > .name
{
    color: #297cbb;
}

nav.language__selector > .name:hover
{
    text-decoration: underline;
}

nav.language__selector .language__dropdown
{
    margin-top: -5px;
}

nav.language__selector .language__dropdown > a
{
    font: 700 14px/20px 'Lato', 'Noto Sans', Arial, Helvetica, sans-serif;

    display: inline-block;

    margin-left: 1em;

    cursor: pointer;
    text-transform: uppercase;

    color: #707173;
}

nav.language__selector ul div
{
    font: 700 14px/20px 'Lato', 'Noto Sans', Arial, Helvetica, sans-serif;

    position: absolute;
    z-index: 99;
    right: 0;
    bottom: 100%;

    display: none;

    padding: 3px;

    text-transform: uppercase;

    border-radius: 2px;
    background: #fff;
    box-shadow: 6px 6px 10px rgba(0, 0, 0, .2);
}

nav.language__selector ul div ul
{
    list-style: none;
}

nav.language__selector ul div ul li
{
    float: none;

    padding: 8px;

    border-bottom: #000 1px;
}

nav.language__selector ul li:hover div
{
    display: block;
}

nav.language__selector ul li:hover div a:hover
{
    color: #d22630;
}

nav.language__link
{
    font-size: 12px;

    position: absolute;
    top: 10px;
    right: 0;
}

.copyright
{
    font-size: 12px;

    margin: 1em;
    padding-top: 8px;
}

nav.language__selector.mobile
{
    position: relative;
    top: 0;
    right: 0;

    width: 100%;
    padding-top: 0;
}

nav.language__selector.mobile .language__dropdown > a
{
    display: block;

    margin: 0;
    padding: 15px 20px;
}

nav.language__selector.mobile ul li:hover div a:hover
{
    color: #fff;
}

nav.language__selector.mobile ul
{
    float: none;

    width: 100%;
}

nav.language__selector.mobile ul li
{
    padding: 0;

    border: none;
}

nav.language__selector.mobile li
{
    float: none;

    width: 100%;
}

nav.language__selector.mobile li a
{
    color: #969799;
}

nav.language__selector.mobile ul div
{
    font: 700 16px/18px 'Lato', 'Noto Sans', Arial, Helvetica, sans-serif;

    position: relative;
    top: 0;
    left: 0;

    display: block;

    padding: 0;

    text-transform: none;

    background: none;
    box-shadow: none;
}

nav.language__selector.mobile ul div ul li
{
    border: none;
}

.social-networks-container,
.language-nav-container
{
    float: right;
}

.social-networks li
{
    display: inline-block;

    margin: 0 1px;

    border: 1px solid rgba(149, 154, 160, .5);
    border-radius: 100%;
}

.social-networks a
{
    font-size: 21px;
    line-height: 30px;

    display: block;

    width: 31px;
    height: 31px;
    margin: 5px;

    text-align: center;

    color: #959aa0;
}

.social-networks a:focus,
.social-networks a:hover
{
    text-decoration: none;

    opacity: .7;
}

.social-networks.mobile
{
    font-size: 24px;

    position: relative;
    top: 0;
    right: 0;

    border-top: 1px solid rgba(255, 255, 255, .1);
}

.social-networks.mobile li
{
    display: inline-block;
}

.social-networks.mobile li:first-child
{
    padding-left: 20px;
}

.social-networks.mobile li a
{
    display: inline-block;

    width: auto;
    height: auto;
    padding: 20px 2px;

    color: #969799;
    border: none;
    background: none;
}

.social-networks.mobile li a:focus,
.social-networks.mobile li a:hover
{
    text-decoration: none;

    color: #fff;
}

.search.mobile
{
    display: block;

    padding: 20px;
}

.search.mobile input[type='text']
{
    display: inline;
    float: none;

    height: 35px;
}

div.menu .nav-holder
{
    max-height: 100px;
    padding: 34px 0 5px 0;

    text-align: right;
}

div.menu ul.nav
{
    font: 700 13px/18px 'Lato', 'Noto Sans', Arial, Helvetica, sans-serif;

    width: 100%;
    margin: 0 0 -14px;

    text-transform: uppercase;
}

div.menu ul.nav:after
{
    font-size: 0;
    line-height: 0;

    display: inline-block;

    width: 100%;
    height: 0;

    content: '';
}

div.menu ul.nav > li
{
    position: relative;

    display: inline-block;

    margin-left: 25px;

    vertical-align: top;
}

div.menu ul.nav > li:nth-last-child(1)
{
    width: 120px;
    margin-left: 60px;

    text-align: right;
}

div.menu ul.nav > li:nth-last-child(1) > a
{
    display: inline-block;

    padding: 7px 16px 6px;

    text-align: center;

    border-top: 1px solid #3b444f;
    border-right: 1px solid #3b444f;
    border-bottom: 8px solid #3b444f;
    border-left: 1px solid #3b444f;
    border-radius: 7px;
    box-shadow: 0 3px 5px -2px rgba(0, 0, 0, .3);
}

div.menu ul.nav > li:nth-last-child(1) > a:hover
{
    background: whitesmoke;
    box-shadow: 0 0;
}

div.menu ul.nav > li > a
{
    margin-bottom: 10px;
    padding: 7px 0;
}

div.menu ul.nav .dropdown
{
    position: absolute;
    top: 40px;
    left: -13px;

    display: none;

    min-width: 180px;

    text-align: left;

    border: 1px solid #f1f1f1;
    border-top: none;
    border-radius: 2px;
    background: #fff;
    box-shadow: 6px 6px 10px rgba(0, 0, 0, .2);
}

div.menu ul.nav .dropdown ul li
{
    border-bottom: 1px solid lightgrey;
}

div.menu ul.nav .dropdown ul li:last-child
{
    border-bottom: none;
}

div.menu ul.nav .dropdown ul a
{
    padding: 15px;
}

div.menu ul.nav li:hover > .dropdown
{
    display: block;
}

div.menu ul.nav a
{
    display: block;

    color: #3b444f;
}

div.menu ul.nav a:focus,
div.menu ul.nav a:hover
{
    text-decoration: none;

    color: #67747c;
}

div.menu .icon-search
{
    font-size: 20px;

    position: absolute;
    top: 0;
    right: 107px;

    padding: 40px 22px 10px;

    color: #3b444f;
}

div.menu .icon-search:hover
{
    text-decoration: none;

    color: #67747c;
}

.shortterm-overview-pager,
.searchpager-container,
.port-list-pager
{
    min-height: 50px;
}

.shortterm-overview-pager .pager-item,
.searchpager-container .pager-item,
.port-list-pager .pager-item
{
    line-height: 2;
}

.search-popup
{
    position: absolute;
    z-index: 10;
    top: 74px;
    right: 120px;

    display: none;

    padding: 10px;

    border: 1px solid #f1f1f1;
    border-top: none;
    border-radius: 2px;
    border-radius: 2px;
    background: #fff;
    box-shadow: 6px 6px 10px rgba(0, 0, 0, .2);
}

.search-popup input[type='text']
{
    width: 200px;
}

.search-popup.popup-active
{
    display: block !important;
}

.img-holder
{
    position: relative;

    text-align: center;
}

.img-holder img
{
    display: block;

    width: 100%;
}

.section.hero-area
{
    position: relative;

    overflow: hidden;

    width: 100%;
}

.section.hero-area .text-layer
{
    font-size: 24px;
    line-height: 28px;

    position: relative;

    width: 100vw;
    padding: 20px;

    text-align: center;
}

.section.hero-area img
{
    display: block;

    width: 100%;
}

span.byline
{
    font-size: 22px;
    line-height: 1.5;

    display: block;

    padding-bottom: 20px;
}

.text-section
{
    padding: 27px 0 4px; /*h2 {
    max-width: 680px;
    margin: 0 auto 0px;
    font-weight: 700;
  }*/
}

.text-section .img-box
{
    float: right;

    max-width: 500px;
    margin: 3px 2px 10px 15px;

    text-align: center;
}

.text-section .img-box p
{
    margin: 0;
}

.text-section .person-box h2
{
    font-weight: 700;

    max-width: inherit;
    margin: 0 0 20px;

    text-align: left;
}

.text-section p > img
{
    float: right;
    clear: both;

    max-width: 50%;
    height: auto;
    margin: 5px 0 5px 15px;
}

.text-section p > img:not(.no-float),
.text-section p > img :not(.no-resize)
{
    height: auto !important;
}

.text-section p > img .no-float
{
    float: none;

    margin: 0;
}

.text-section img[align='left'],
.text-section img[style*='float: left'],
.text-section img[style*='float:left']
{
    margin: 5px 15px 5px 0;
}

.text-section img[align='right'],
.text-section img[style*='float: right'],
.text-section img[style*='float:right']
{
    margin: 5px 0 5px 15px;
}

.text-section img[align='center'],
.text-section img[style*='float: center'],
.text-section img[style*='float:center']
{
    display: block;
    float: none;

    margin: 5px auto;
}

.person-box
{
    overflow: hidden;

    margin: 0 0 49px;
    padding: 20px 32px 6px;

    border: 1px solid #000;
}

.person-box .photo-img
{
    float: right;

    max-width: 200px;
    margin: 7px 0 5px 35px;
}

.person-box img
{
    display: block;

    width: 100%;
}

.person-box p
{
    margin: 0 0 26px;
}

.person-box p:last-child
{
    color: #000;
}

.info-box
{
    font: 400 20px/24px 'Lato', 'Noto Sans', Arial, Helvetica, sans-serif;

    position: relative;

    overflow: hidden;

    color: #fff;
    background: #d22630;
}

.info-box .btn:focus,
.info-box #sliding-popup button.agree-button:focus,
#sliding-popup .info-box button.agree-button:focus
{
    outline: 1px dotted #fff;
}

.info-box.evangelism
{
    background: #008bd0;
}

.info-box.church-planting
{
    background: #7ab51d;
}

.info-box.relief-development
{
    background: #2ad2c9;
}

.info-box.justice
{
    background: #a39b96;
}

.info-box.mentoring-discipleship
{
    background: #f29400;
}

.info-box.grey
{
    background: #707173;
}

.info-box > .section-content:after
{
    background: none !important;
}

.section-frame h3
{
    font-size: 46.8px;
    font-weight: 700;
    line-height: 1.2;

    max-width: 780px;
    margin: 0 auto .8em auto;
    margin: auto;
    padding: 29px 0 28px;

    text-align: center;

    color: #3b444f;
}

.section-frame h3 .flag-icon
{
    margin-left: .5em;
}

.section-frame.first
{
    box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, .5);
}

div.section-content
{
    position: relative;

    overflow: hidden;

    padding: 75px 0;

    color: #fff;

    --background-color: #d22630;
}

div.section-content:after
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    content: '';

    opacity: .9;
    background-color: #d22630;
    background-color: var(--background-color);
}

div.section-content.second
{
    font: 400 30px/1.2 'Lato', 'Noto Sans', Arial, Helvetica, sans-serif;

    padding: 57px 0 42px;

    text-align: center;
}

div.section-content.second:after
{
    opacity: 1;
}

div.section-content.second p
{
    margin: 0 auto 2em;
}

div.section-content.second .item-list p
{
    margin: 0 0 25px;

    text-align: center;
}

div.section-content .holder
{
    position: relative;
    z-index: 2;
}

div.section-content h2,
div.section-content h3,
div.section-content h4
{
    font-size: 36.4px;
    font-weight: 700;
    line-height: 1.2;

    max-width: 780px;
    max-width: 1078px;
    margin: 0 auto .8em auto;
    margin: 0 auto 37px;

    color: #fff;
}

div.section-content .media--right
{
    float: right;
}

div.section-content .media--right + .description
{
    padding: 4px 30px 0 71px;
}

div.section-content .img
{
    display: inline-block;

    width: 54%;
    margin: 0 -4px 0 0;

    vertical-align: middle;
}

div.section-content .img img
{
    display: block;

    margin: 0 auto;
}

div.section-content .img h4
{
    text-align: left;
}

div.section-content div.description
{
    display: inline-block;

    width: 44%;
    padding: 4px 0 0 71px;

    vertical-align: middle;
}

div.section-content div.description > h2
{
    text-align: left;
}

div.section-content .price-list
{
    font: 400 20px/24px 'Lato', 'Noto Sans', Arial, Helvetica, sans-serif;

    max-width: 100%;
    margin: 0 auto 15px;

    text-align: center;

    color: #67747c;
}

div.section-content .price-list li
{
    float: left;

    width: 33.33%;
    padding: 0 38px 34px;
}

div.section-content .price-list .frame
{
    padding: 68px 24px 38px;

    background: #fff;
    box-shadow: 0 0 11px rgba(0, 0, 0, .5);
}

div.section-content .price-list h4
{
    font-size: 31.2px;
    font-weight: 700;
    line-height: 1.2;

    max-width: 780px;
    min-height: 125px;
    margin: 0 auto .8em auto;
    margin: 0 0 10px;

    text-align: center;
    text-transform: uppercase;

    color: #3b444f !important;
    color: #3b444f;
}

div.section-content .price-list h4 .number
{
    position: relative;
}

div.section-content .price-list h4 .price
{
    font-size: 70px;
    line-height: 106px;

    display: block;

    word-wrap: break-word;
}

div.section-content .price-list h4 .price sup
{
    font-size: 30px;
    line-height: 46px;

    position: absolute;
    top: -5px;
    left: -28px;
}

div.section-content .price-list p
{
    min-height: 115px;
    margin: 0 0 28px;
}

div.section-content.big
{
    padding: 86px 0 65px;

    text-align: center;
}

div.section-content.big.third
{
    padding: 59px 0 42px;
}

div.section-content.big.third h2
{
    margin: 0 auto 64px;
}

div.section-content.big.third .description
{
    padding: 0 18% 0 45px;
}

div.section-content.big.third p
{
    margin: 0 auto 1.2em;
}

div.section-content.big.third .col-holder
{
    padding: 0 0 26px;
}

div.section-content.big.third .btn,
div.section-content.big.third #sliding-popup button.agree-button,
#sliding-popup div.section-content.big.third button.agree-button
{
    margin: 0 0 0 -2px;
}

div.section-content.big .description
{
    width: 100%;
    padding: 2px 0 0 0;
    padding-left: 96px;

    text-align: left;
    vertical-align: top;
}

div.section-content.big .holder
{
    max-width: 100%;
}

div.section-content.big .col
{
    float: left;

    width: 46.7%;
    margin: 0 -4px 0 0;
}

div.section-content.big .col:first-child
{
    width: 53.3%;
}

div.section-content.big .img
{
    float: right;

    width: 59.5%;
    max-width: 600px;
    margin: 0 auto 13px;
}

div.section-content.big .img h4
{
    margin: 0 0 16px;
}

div.section-content.big .img h4,
div.section-content.big .img .post-description p
{
    max-width: 600px;
    margin-left: 0;

    text-align: left;
}

div.section-content.big .img img
{
    margin: 0 0 13px;
}

div.section-content.big .col-holder
{
    padding: 0 0 15px;

    text-align: left;
}

div.section-content.big .btn,
div.section-content.big #sliding-popup button.agree-button,
#sliding-popup div.section-content.big button.agree-button
{
    margin: 0 0 0 156px;
}

div.section-content.fourth
{
    padding: 68px 0 46px;
}

div.section-content.fourth h2
{
    margin: 0 0 43px;
}

div.section-content.fourth p,
div.section-content.fourth .mailchimp-signup-subscribe-form-description
{
    margin: 0 0 5.3em;
}

div.section-content .post-list
{
    margin-bottom: -20px;

    text-align: left;
}

div.section-content .post-list li
{
    clear: left;

    margin: 0 0 32px;
}

div.section-content .post-list img
{
    display: block;
    float: left;

    width: 100%;
    max-width: 203px;
    margin: 0 0 20px 0;
    margin-right: 16px;
}

div.section-content .post-list .post-description
{
    overflow: hidden;

    min-height: 100px;
    padding: 0;
    padding-right: 60px;

    text-align: left;
}

div.section-content .post-list .post-description p
{
    display: inline-block;

    max-width: 400px;
}

div.section-content .post-list h4
{
    font-size: 36.4px;
    font-weight: 700;
    line-height: 1.2;

    overflow: hidden;

    max-width: 780px;
    margin: 0 0 16px;
    margin: 0 auto .8em auto;

    text-align: left;

    color: #3b444f;
}

div.section-content .om-news
{
    text-align: left;
}

div.section-content .om-news .teaser-container a
{
    color: #fff;
}

div.section-content .om-news span.teaser.readmore > a.btn
{
    margin-left: 0;

    color: #3b444f;
    background: #fff;
}

div.section-content .om-news span.teaser.readmore > a.btn:focus
{
    outline: 1px dotted #fff;
}

.bg-stretch
{
    position: absolute; /*z-index: -1; Remove because of render issues in Google Chrome*/
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    margin: 0;

    background-position: 0;
    background-size: cover;
}

.bg-stretch img
{
    width: 100%;
    max-width: none;
    height: 100%;
}

input[type='submit'],
.btn,
#sliding-popup button.agree-button
{
    font: 700 16px 'Lato', 'Noto Sans', Arial, Helvetica, sans-serif;

    display: inline-block;

    min-width: 165px;
    height: auto;
    margin: 17px auto;
    padding: .8em 1em .7em;

    text-align: center;
    vertical-align: top;
    text-transform: uppercase;

    color: #d22630;
    border-top: 1px solid #d22630;
    border-right: 1px solid #d22630;
    border-bottom: 8px solid #d22630;
    border-left: 1px solid #d22630;
    border-radius: 7px;
    background: #fff;
    box-shadow: 0 3px 5px -2px rgba(0, 0, 0, .3);
}

input[type='submit']:hover,
.btn:hover,
#sliding-popup button.agree-button:hover
{
    text-decoration: none;

    opacity: .9;
    background: #fef9f9;
    box-shadow: 0 0;
}

input[type='submit']:focus,
.btn:focus,
#sliding-popup button.agree-button:focus
{
    outline: 1px dotted #d22630;
}

input[type='submit'].blue,
.btn.blue,
#sliding-popup button.blue.agree-button
{
    color: #297cbb;
    border: 0;
    border-bottom: 8px solid #297cbb;
    background: #fff;
}

input[type='submit'].blue:focus,
.btn.blue:focus,
#sliding-popup button.blue.agree-button:focus
{
    outline: 1px dotted #fff;
}

input[type='submit'].red,
input[type='submit'].gray,
input[type='submit'].round,
.btn.red,
#sliding-popup button.red.agree-button,
.btn.gray,
#sliding-popup button.gray.agree-button,
.btn.round,
#sliding-popup button.round.agree-button
{
    color: #3b444f;
    border: 0;
    border-bottom: 8px solid #3b444f;
    background: #fff;
}

input[type='submit'].red:focus,
input[type='submit'].gray:focus,
input[type='submit'].round:focus,
.btn.red:focus,
#sliding-popup button.red.agree-button:focus,
.btn.gray:focus,
#sliding-popup button.gray.agree-button:focus,
.btn.round:focus,
#sliding-popup button.round.agree-button:focus
{
    outline: 1px dotted #fff;
}

input[type='submit'].red:hover,
input[type='submit'].gray:hover,
input[type='submit'].round:hover,
.btn.red:hover,
#sliding-popup button.red.agree-button:hover,
.btn.gray:hover,
#sliding-popup button.gray.agree-button:hover,
.btn.round:hover,
#sliding-popup button.round.agree-button:hover
{
    opacity: .9;
    background: #fff;
}

input[type='submit'].solid,
input[type='submit'].solid.round,
.btn.solid,
#sliding-popup button.solid.agree-button,
.btn.solid.round,
#sliding-popup button.solid.round.agree-button
{
    padding: .9em .5em;

    color: #fff;
    border: 0;
    background: #d22630;
}

input[type='submit'].solid.gray,
input[type='submit'].solid.round.gray,
.btn.solid.gray,
#sliding-popup button.solid.gray.agree-button,
.btn.solid.round.gray,
#sliding-popup button.solid.round.gray.agree-button
{
    background: #3b444f;
}

input[type='submit'].arrow:after,
.btn.arrow:after,
#sliding-popup button.arrow.agree-button:after
{
    margin-left: .5em;

    content: '❯';
}

input[type='submit'].round,
.btn.round,
#sliding-popup button.round.agree-button
{
    color: #3b444f;
    background: #fff;
}

input[type='submit'].round.solid,
.btn.round.solid,
#sliding-popup button.round.solid.agree-button
{
    border-radius: 2em;
}

input[type='submit'].round:focus,
.btn.round:focus,
#sliding-popup button.round.agree-button:focus
{
    outline: 1px dotted #fff;
}

input[type='submit'].round.round-red,
.btn.round.round-red,
#sliding-popup button.round.round-red.agree-button
{
    font-size: 32px;
    line-height: 34px;

    width: 110px;
    height: 110px;
    padding: 38px 5px;

    color: #fff;
    border: 0;
    background: #d22630;
}

input[type='submit'].round.round-red:focus,
.btn.round.round-red:focus,
#sliding-popup button.round.round-red.agree-button:focus
{
    outline: 1px dotted #d22630;
}

#om-core-shortterm-filter-form input[type='submit']
{
    color: #d22630;
    border: 0;
    border-bottom: 8px solid #d22630;
}

.more-link .btn,
.more-link #sliding-popup button.agree-button,
#sliding-popup .more-link button.agree-button
{
    color: #3b444f;
    background: #fff;
}

.more-link .btn:focus,
.more-link #sliding-popup button.agree-button:focus,
#sliding-popup .more-link button.agree-button:focus
{
    outline: 1px dotted #fff;
}

a.btn.round.rounded-rectangle
{
    width: auto;
    min-width: 110px;
    height: 110px;
    padding: 38px 15px;

    border-radius: 55px;
}

.button-list
{
    margin: -12px -7% 57px;
}

.button-list li
{
    display: inline-block;

    margin: 0 5%;

    vertical-align: top;
}

ul.item-list
{
    font: 400 20px/24px 'Lato', 'Noto Sans', Arial, Helvetica, sans-serif;

    max-width: 100%;
    margin: 0 auto -55px;
    padding: 11px 0 0;
}

ul.item-list h2,
ul.item-list h3
{
    margin: 0 auto 20px;

    text-align: left;
    letter-spacing: -.5px;
    text-transform: capitalize;
}

ul.item-list li
{
    display: inline-block;

    width: 50%;
    margin: 0 -4px 0 0;
    padding: 0 45px 65px;

    vertical-align: top;
}

ul.item-list img
{
    display: block;

    width: 100%;
    margin: 0 0 13px;
}

ul.item-list p
{
    margin: 0 0 10px;
}

.form-box
{
    position: relative;

    overflow: hidden;

    padding: 122px 0 0;
}

.form-box h2
{
    text-align: center;
}

.send-form
{
    position: relative;

    max-width: 720px;
    margin: 0 auto;
    padding: 123px 76px 107px;

    border-radius: 28px 28px 0 0;
    background: #fff;
}

.send-form h1
{
    font-size: 66px;
    line-height: 68px;

    margin: 0 0 54px;

    text-align: center;

    color: #3b444f;
}

.send-form label
{
    font: 400 18px 'Lato', 'Noto Sans', Arial, Helvetica, sans-serif;

    margin: 11px 8px 5px 0;

    letter-spacing: 2px;
}

.send-form .row,
.send-form .form-item
{
    padding: 0 0 25px;
}

.send-form .text-holder
{
    overflow: hidden;

    padding: 2px;
}

.icon-envelope
{
    font-size: 90px;

    position: absolute;
    z-index: 9;
    top: -78px;
    left: 50%;

    width: 161px;
    height: 161px;
    margin: 0 0 0 -79px;
    padding: 35px 0 0;

    text-align: center;

    color: #fff;
    border-radius: 50%;
    background: #d22630;
}

.image-section
{
    background: url(../images/img13.jpg) no-repeat;
    background-size: cover;
}

.text-box
{
    overflow: hidden;

    padding: 0 0 22px;
}

.text-box .section-heading
{
    padding: 74px 0 46px;
}

.text-box h1
{
    font-size: 54.6px;
    font-weight: 900;
    line-height: 1.2;

    max-width: 780px;
    margin: 0 auto 0 auto;

    color: #3b444f;
}

.text-box p strong
{
    font-weight: 700;

    display: inline-block;
}

input[type='submit']
{
    display: block;
}

.subscribe-form
{
    max-width: 600px;
    margin: 0 auto;
}

.subscribe-form input[type='submit']
{
    color: #3b444f;
    border: 0;
    border-bottom: 8px solid #3b444f;
    background: #fff;
}

.subscribe-form input[type='submit']:focus
{
    outline: 1px dotted #fff;
}

.subscribe-form .row,
.subscribe-form .form-item
{
    padding: 0 0 25px;
}

.subscribe-form label
{
    line-height: 1.1;

    float: left;

    width: 188px;
    margin: 10px 10px 5px 0;

    letter-spacing: 2px;
}

.subscribe-form .text-holder
{
    overflow: hidden;

    padding: 2px 27px 2px 2px;
}

.for-what
{
    padding: 0 0 58px;

    text-align: center;
}

.for-what .section-heading
{
    padding: 46px 0 44px;
}

.for-what h3
{
    font-size: 54.6px;
    font-weight: 700;
    line-height: 1.2;

    max-width: 780px;
    margin: 0 auto 0 auto;

    color: #3b444f;
}

.for-what .heading
{
    margin: 0 auto;
    padding: 0 7% 82px;

    text-align: center !important;
}

.stream_blocks_embed .for-what div.image
{
    font-size: 0;
}

.holder .for-what .holder
{
    padding: 0;
}

.list li
{
    display: inline-block;

    max-width: 308px;
    margin: 0 20px 50px;

    vertical-align: top;

    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .4);
}

.list h4
{
    font-size: 31.2px;
    font-weight: 700;
    line-height: 1.2;

    max-width: 780px;
    margin: 0 auto .8em auto;
    margin: 0 0 13px;

    text-transform: uppercase;

    color: #d22630;
}

.list h4 a
{
    color: #d22630;
}

.list .image img
{
    display: block;

    width: 100%;
}

.list .description
{
    position: relative;

    padding: 47px 20px 26px;
}

.list p
{
    margin: 0;
}

div.description.min-height
{
    min-height: 250px;
}

.gray-box
{
    margin: auto;
    padding: 0 0 62px;

    box-shadow: 0 -3px 5px 0 rgba(0, 0, 0, .05);
}

.gray-box .section-heading
{
    padding: 70px 0 62px;
}

.gray-box h3
{
    font-size: 54.6px;
    font-weight: 700;
    line-height: 1.2;

    max-width: 780px;
    margin: 0 auto 0 auto;

    color: #3b444f;
}

.gray-box .col-holder .col
{
    float: left;

    width: 50%;
    padding: 0 0 0 38px;
}

.gray-box .col-holder .col:first-child
{
    padding: 0;
}

.gray-box h2
{
    font: 700 22px/1.5 20px;

    margin: 0 0 10px;

    text-align: left;
    text-transform: uppercase;

    color: #707173;
}

.lead
{
    font: 300 28px/1.2 'Lato', 'Noto Sans', Arial, Helvetica, sans-serif;

    margin: 0 0 33px;
}

.round-icon
{
    position: absolute;
    top: -43px;
    left: 50%;

    display: block;

    width: 78px;
    margin: 0 0 0 -34px;

    text-align: center;
}

.file-square
{
    height: auto !important;
}

.file-video
{
    position: relative;

    padding-bottom: 56.25%;
}

.file-video.portfolio
{
    padding-bottom: 0;
}

.file-video iframe,
.file-video video
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}

.file-video.teaser,
.file-video.medium,
.file-video.square
{
    padding-bottom: 0;
}

.file-video.teaser .image,
.file-video.medium .image,
.file-video.square .image
{
    position: relative;

    display: inline-block;
}

.file-video.teaser .round-icon,
.file-video.medium .round-icon,
.file-video.square .round-icon
{
    top: 50%;
    left: 50%;

    width: 100px;
    margin: -50px 0 0 -50px !important;

    cursor: pointer;

    opacity: .8;
    border-radius: 100%;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, .3);
}

.file-video.teaser .round-icon:hover,
.file-video.medium .round-icon:hover,
.file-video.square .round-icon:hover
{
    opacity: 1;
}

.hero-area .file-video
{
    padding-bottom: 30%;

    background: #000; /*iframe, video {
    width: 100%;
    height: 230%;
    top: -50%;
    left: 0;
  }*/
}

#footer
{
    font: 400 15px/18px 'Lato', 'Noto Sans', Arial, Helvetica, sans-serif;

    padding: 45px 0 0;

    color: #67747c;
    background: #f7f9fc;
}

#footer address
{
    font-style: normal;
}

.top-footer
{
    width: 100%;
    padding: 0 0 16px;
}

.footer-list
{
    float: left;

    width: 70%;
}

.footer-list ul
{
    display: inline-block;

    width: 30%;
    padding: 0 20px 20px 0;

    vertical-align: top;
}

.footer-list ul li
{
    list-style: none !important;
}

.footer-list ul a
{
    color: #67747c;
}

.right-text
{
    float: right;

    width: 30%;
}

.bottom-footer
{
    font-size: 11px;
    line-height: 15px;

    position: relative;

    max-width: 558px;
    margin: 0 auto;
    padding: 13px 0;

    text-align: center;
}

.bottom-footer:after
{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;

    height: 1px;

    content: '';

    background: #575859;
}

.legal
{
    padding: 30px 0 30px 0;

    color: #959aa0;
    background: #fff;
}

.accessibility
{
    position: absolute;
    top: auto;
    left: -10000px;

    overflow: hidden;

    width: 1px;
    height: 1px;
}

.accessibility:focus
{
    position: static;

    width: auto;
    height: auto;
}

form legend
{
    position: absolute;
    left: -9999px;
}

form.webform-client-form .webform-component-checkboxes label
{
    float: none;

    width: auto;
}

tbody
{
    border: none;
}

div.node
{
    position: relative;
}

div.page__section h1,
div.page__section h2,
div.page__section h3,
div.node.node-homepage h1,
div.node.node-homepage h2,
div.node.node-homepage h3
{
    text-align: center;
}

div.edit_link
{
    position: absolute;
    z-index: 6;
    top: 30px;
    right: 30px;

    display: block;

    width: 20px;
    height: 20px;

    background: url(../images/icon-cog.png) no-repeat center center;
    background-size: 16px 16px;
}

div.edit_link a
{
    display: block;
    overflow: hidden;

    width: 100%;
    height: 100%;

    text-indent: -100px;
}

div.text-holder .content p
{
    text-align: left;
}

.clearfix:before,
.clearfix:after
{
    clear: both;

    content: ' ';
}

.teaser-container
{
    width: 65%;
    max-width: 1000px;
    margin: auto;
    padding-bottom: 40px;
}

.teaser-container.featured-news h2
{
    font-size: 38px;
    line-height: 1.15;
}

.teaser-container div.node
{
    float: left;

    padding-top: 0;
    padding-right: 10px;
}

.teaser-container div.node span.byline
{
    font-size: 16px;
    line-height: 1.5;

    padding-bottom: 20px;

    text-align: left;
}

.teaser-container div.node h2
{
    font-family: 'Lato', 'Noto Sans', Arial, Helvetica, sans-serif;

    margin: 0 0 14px;

    text-align: left;
}

.teaser-container div.node h2 a
{
    color: #3b444f;
}

.teaser-container div.node.noimage
{
    width: 100%;
}

.teaser-container .photo-section
{
    overflow: hidden;

    max-height: 340px;
    margin-bottom: 15px;
    padding-left: 15px;
}

.teaser-container .photo-section a
{
    display: none;
}

.teaser-container .photo-section a:nth-child(1)
{
    display: block;
}

.teaser-container > .photo-section.featured
{
    float: none;

    width: 100%;
    max-height: 600px;
    margin-bottom: 10px;
    padding-left: 0;
}

.teaser-container > .node-teaser.featured
{
    width: 100%;
}

.text-center
{
    text-align: center;
}

.text-center > p
{
    text-align: center;
}

.text-center .social-sharing-container
{
    display: inline-block;
}

.text-center.text-box .holder
{
    max-width: 850px;
}

.text-center.text-box .content,
.text-center.text-box .content p
{
    text-align: center;
}

.view.om-news
{
    padding-top: 32px;
}

.view.om-news > .item-list
{
    margin: 0 !important;
}

span.teaser.readmore
{
    display: block;

    text-align: left;
}

.videodetector
{
    position: relative;

    width: 100%;
    height: 0;
    margin-bottom: 2em;
    padding-bottom: 60%;
}

.videodetector iframe
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}

p .videodetector
{
    margin-bottom: 0;
}

.table.calendar-events.teaser-container
{
    font-size: 18px;

    width: 100%;
    max-width: none;
    margin: 0;

    text-align: left;
}

.table.calendar-events.teaser-container > div
{
    width: 100%;
    padding: 0;
}

.table.calendar-events.teaser-container span.calendar-location,
.table.calendar-events.teaser-container span.calendar-date
{
    font-size: smaller;
    font-weight: bold;

    display: block;

    padding-top: 10px;
    padding-bottom: 10px;
}

.table.calendar-events.teaser-container .table-cell.calendar-first-column
{
    width: 23%;
}

.table.calendar-events.teaser-container .table-cell.calendar-second-column
{
    width: 62%;
}

.table.calendar-events.teaser-container .table-cell.calendar-second-column > p
{
    font-size: smaller;
}

.table.calendar-events.teaser-container .table-cell.calendar-third-column
{
    width: 15%;
}

.table.calendar-events.teaser-container .table-row
{
    margin-bottom: 30px;
}

.table.calendar-events.teaser-container .table-cell .calendar-title
{
    margin: 0 0 10px;
}

.table.calendar-events.teaser-container .table-cell > span.teaser.readmore
{
    padding-top: 35px;
}

.social-sharing-container
{
    font-size: 32px;

    max-width: 780px;
    margin: 0 auto 1em auto;
    padding: 0 0 20px;
}

.social-sharing-container a,
.social-sharing-container a:active,
.social-sharing-container a:hover,
.social-sharing-container a:visited
{
    text-decoration: none;
}

.social-sharing-container > a > i
{
    font-size: 20px;
}

.social-sharing-container a.social_button
{
    font: 600 14px/50px 'Lato', 'Noto Sans', Arial, Helvetica, sans-serif;

    display: block;
    float: left;

    width: 50px;
    height: 50px;
    margin: 4px;
    padding: 2px;

    -webkit-transition: background-color .2s ease-in-out;
            transition: background-color .2s ease-in-out;
    text-align: center;
    vertical-align: middle;

    color: #fff;
    border-radius: 100%;
    background-color: #ccc;

    -webkit-font-smoothing: antialiased;
}

.social-sharing-container a.social_button span
{
    position: relative;

    display: none;

    color: #fff;
}

.social-sharing-container a.social_button.facebook
{
    background-color: #306199;
}

.social-sharing-container a.social_button.facebook:hover
{
    background-color: #244872;
}

.social-sharing-container a.social_button.linkedin
{
    background-color: #007bb6;
}

.social-sharing-container a.social_button.linkedin:hover
{
    background-color: #005983;
}

.social-sharing-container a.social_button.twitter
{
    background-color: #26c4f1;
}

.social-sharing-container a.social_button.twitter:hover
{
    background-color: #0eaad6;
}

.social-sharing-container a.social_button.email
{
    background-color: #707173;
}

.social-sharing-container a.social_button.email:hover
{
    background-color: #444;
}

.social-sharing-container a.social_button.whatsapp
{
    background-color: #43d854;
}

.node-type-om-page .social-sharing-container
{
    margin-top: 30px;
}

.node-type-om-page .heading .social-sharing-container
{
    margin-top: 0;
}

.galleria-container
{
    margin: 10px 0 10px 0;
}

.date-display-range
{
    display: inline;
}

div#site-search-section-block form.search-form
{
    max-width: 600px;
    margin: auto;
}

div#site-search-section-block div.teaser-container
{
    width: 100%;
}

.container.taxonomy-page
{
    margin: 85px 0;
}

.section.portal .section-content
{
    padding: 50px 0;
}

.section.portal .description
{
    position: relative;

    padding-bottom: 20px;

    vertical-align: top;
}

.section.portal .description a,
.section.portal .description a:active,
.section.portal .description a:visited
{
    text-decoration: underline;
}

.section.portal .description a.btn,
.section.portal .description a:active.btn,
.section.portal .description a:visited.btn
{
    text-decoration: none;
}

.section.portal .readmore-button-container
{
    width: 100%;

    text-align: center;
}

.section.portal .btn.red,
.section.portal #sliding-popup button.red.agree-button,
#sliding-popup .section.portal button.red.agree-button
{
    font-size: 16px;
    line-height: 18px;
}

form#om-ammado-donate-form > div
{
    width: 60%;
}

form#om-ammado-donate-form div.form-item
{
    padding: 10px 0;
}

form#om-ammado-donate-form fieldset.money-field legend
{
    font-weight: bold;

    position: relative;
    left: 0;

    display: block;
}

form#om-ammado-donate-form fieldset.money-field .form-item
{
    display: block;
    float: left;
}

form#om-ammado-donate-form fieldset.money-field .form-item-amount
{
    padding: 10px 20px;
}

div.shortterm-meta,
div.opportunity-meta
{
    font-size: 18px;
    line-height: 32px;

    display: table;

    width: 100%;
    padding: 20px 0;

    border-collapse: collapse;
}

div.shortterm-meta .row,
div.opportunity-meta .row
{
    display: table-row;
}

div.shortterm-meta .row .column-left,
div.opportunity-meta .row .column-left
{
    display: table-cell;

    width: 20%;
}

div.shortterm-meta .row .column-center,
div.opportunity-meta .row .column-center
{
    display: table-cell;

    padding: 0 5px;
}

div.shortterm-meta .row .column-right,
div.opportunity-meta .row .column-right
{
    display: table-cell;

    width: 80%;
}

div.opportunity-meta div.row,
div.shortterm-meta div.row
{
    clear: left;

    border-bottom: 1px solid #dcdcdc;
}

.block.block-facetapi
{
    display: block;

    padding: 10px;
}

.block.block-facetapi h4
{
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;

    margin: 0;

    text-align: left;
}

.block.block-facetapi div.item-list
{
    margin: 0;
    padding: 0;
}

.block.block-facetapi div.item-list ul
{
    display: block;

    margin: 10px 10px;
    padding: 0;
}

.block.block-facetapi div.item-list ul li
{
    font-size: 16px;
    line-height: 24px;

    display: block;

    width: auto;
    margin: 0;
    padding: 0;
}

div.search-page
{
    display: table;

    margin: 50px 10px;
}

div.search-page div.row
{
    display: table-row;
}

div.search-page div.row div.sidebar,
div.search-page div.row div.content
{
    display: table-cell;

    vertical-align: top;
}

div.search-page div.row div.content
{
    width: auto;
}

div.search-page div.row div.sidebar
{
    min-width: 225px;
    max-width: 25%;
    padding-top: 64px;
}

div.search-page ol.search-results
{
    padding: 0;
}

div.search-page div.teaser-container
{
    margin: 0;
}

div.welcome-icons
{
    position: relative;

    min-width: 200px;
}

div.welcome-icons div
{
    display: block;
    float: left;

    width: 32px;
    height: 32px;
    margin: 7px;
}

div.welcome-icons div img
{
    display: block;

    width: 100%;
    height: 100%;
}

div.welcome-icons div img.not-welcome
{
    opacity: .3;
}

.shortterm-backdrop
{
    position: relative; /*&:before {
    content:'';
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba($dark-gray, .5);
    z-index: 0;
  }*/
    /*background-image: url(/profiles/om/themes/om/images/world-map/sa.jpg);*/

    padding: 75px 0; /*margin-bottom: 50px;*/
}

.shortterm-backdrop h1
{
    position: relative;

    width: 65%;
    max-width: 1000px;

    text-align: left;
}

.teaser-container.shortterm-overview
{
    position: relative;

    margin: 50px auto;
    padding: 30px;

    color: #fff;
    background: rgba(59, 68, 79, .8);
}

.teaser-container.shortterm-overview h1
{
    padding: 0 0 20px;
}

.teaser-container.shortterm-overview .country-form-container
{
    padding: 10px 0;
}

.teaser-container.shortterm-overview .country-form-container form#om-core-country-select-form
{
    display: inline-block;
}

.teaser-container.shortterm-overview .filter-form-container
{
    padding: 10px 0;
}

.teaser-container div.node-shortterm h2
{
    max-width: 100%;
}

.teaser-container div.node-shortterm .edit_link
{
    margin-top: 20px;
}

.teaser-container div.node-shortterm .flag-icon
{
    float: right;

    margin-right: .3em;
}

.node-shortterm span.byline,
.node-opportunity span.byline
{
    font-size: 30px;
}

.node-shortterm span.byline .flag-icon,
.node-opportunity span.byline .flag-icon
{
    margin-left: .5em;
}

.node-shortterm .general__notes p,
.node-opportunity .general__notes p
{
    font-size: 22px;
    font-weight: bold;
    font-style: italic;
}

li.go-opportunity h4
{
    display: block;

    min-height: 80px;
}

li.go-opportunity .body
{
    min-height: 140px;
}

.view-ministry-profiles p
{
    overflow: hidden;

    max-height: 75px;

    white-space: pre-line;
    text-overflow: ellipsis;
}

.countryprofiles > div > div.teaser-container
{
    width: initial;
    max-width: initial;
}

.countryprofiles .content
{
    margin: 0;
    padding: 0;
}

.region__container
{
    padding: 20px 0;
}

.regionbutton__container a
{
    text-transform: uppercase;
}

.no__underline
{
    text-decoration: none !important;
}

.region__btn,
.region__btn--red
{
    margin: 5px;
    padding: 7px;

    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
}

.region__btn:hover,
.region__btn--red:hover
{
    text-decoration: none;

    box-shadow: 0 0 5px #fff;
}

.region__btn--red
{
    color: #d22630;
    border: 1px solid #d22630;
}

.region__btn--red:hover
{
    text-decoration: none;

    box-shadow: 0 0 5px #d22630;
}

.flexslider
{
    margin: 0 !important;
}

.flexslider ul.slides
{
    margin: 0;
    padding: 0;
}

.flexslider ul.slides > li
{
    margin: 0;
    padding: 0;
}

.flex-direction-nav
{
    line-height: 1;
}

.holder.countryprofiles
{
    margin-top: 50px;
}

#panel-hero-areas
{
    display: none;
}

div.fixed-container,
div.custom-container,
div.fullscreen-container,
div.fullwidth-container
{
    z-index: -1;
}

div.rs-render-processed
{
    position: relative;
    z-index: 1;
}

div.section.hero-area div#map
{
    width: 100%;
    height: 300px;
}

.flexslider
{
    border: none !important;
}

ul.choose_your_country
{
    font-size: 18px;

    float: left;

    margin: 20px;
}

ul.choose_your_country li
{
    line-height: 1.7em;
}

.flag-icon
{
    min-width: 19px;
    height: 1em;
    min-height: 14px;

    vertical-align: baseline;

    border-radius: .1em;
    box-shadow: .05em .05em .15em rgba(0, 0, 0, .3);
}

.flag-icon-xk
{
    background-image: url('../images/flags/xk.svg');
}

.flag-icon-qq
{
    background-image: url('../images/flags/qq.svg');
}

.flag-icon-qo,
.flag-icon-nor,
.flag-icon-cau,
.flag-icon-cen,
.flag-icon-far,
.flag-icon-sas,
.flag-icon-ara,
.flag-icon-nea,
.flag-icon-sas,
.flag-icon-sea,
.flag-icon-lam,
.flag-icon-africa,
.flag-icon-europe,
.flag-icon-asia,
.flag-icon-caribbean
{
    width: 1em;
    min-width: 14px;
    height: 1em;
    min-height: 14px;

    border-radius: 1em;
    background-image: url('../images/flags/world.svg');
    background-size: cover;
}

.flag-icon-lam,
.flag-icon-caribbean
{
    background-position: 5%;
}

.flag-icon-qo
{
    background-position: 30%;
}

.flag-icon-africa,
.flag-icon-europe
{
    background-position: 45%;
}

.flag-icon-cau,
.flag-icon-cen,
.flag-icon-far,
.flag-icon-nea,
.flag-icon-ara,
.flag-icon-nea,
.flag-icon-sas,
.flag-icon-sea,
.flag-icon-asia
{
    background-position: 70%;
}

#footer .flag-icon-qo,
.pushy .flag-icon-qo
{
    border: 1px solid #898a8d;
    box-shadow: 0 0 .15em #898a8d;
}

.file-video-oembed .description
{
    cursor: pointer;
}

.view-videos .list li:hover,
.node-video-gallery .list li:hover
{
    box-shadow: 0 0 15px rgba(0, 0, 0, .4);
}

.view-videos > .item-list,
.node-video-gallery > .item-list
{
    margin: 0 !important;
}

.node-image-gallery.gallery_embed .holder
{
    padding: 0;
}

.fancybox-inner iframe
{
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;

    background: #000;
}

.element-invisible
{
    max-width: 90% !important;
}

.media-element-container.media-default
{
    display: inline-block;
}

.file-image.has-caption
{
    display: table;

    margin: 0;
}

.file-image .caption
{
    font-size: smaller;
    line-height: 1.2;

    display: table-caption;

    padding: 10px;

    caption-side: bottom;
}

.ships-port h2
{
    margin: 15px 0 0 0;
}

.ships-port h2 a
{
    text-decoration: none;

    color: #d22630;
}

.ships-port h2 a:hover
{
    text-decoration: underline;
}

.ships-port.not-confirmed h2 a
{
    font-style: italic;

    color: #707173 !important;
}

.current-port p
{
    text-align: inherit !important;
}

.view-photos .pager
{
    min-height: 100px;
}

.galleria-lightbox-title
{
    overflow: hidden;
    overflow: -moz-scrollbars-none;
    overflow-x: scroll;

    max-width: 85%;

    white-space: nowrap;

    -ms-overflow-style: none;
}

.galleria-lightbox-title::-webkit-scrollbar
{
    display: none;
}

.view-photos .galleria-theme-classic,
.node-image-gallery .galleria-theme-classic
{
    background: #333232;
}

.view-photos .galleria-theme-classic.galleria-container,
.node-image-gallery .galleria-theme-classic.galleria-container
{
    min-height: 350px;
    margin: 25px auto;
}

.view-photos .galleria-theme-classic .galleria-stage,
.node-image-gallery .galleria-theme-classic .galleria-stage
{
    background: black;
}

.view-photos .galleria-theme-classic .galleria-info,
.node-image-gallery .galleria-theme-classic .galleria-info
{
    top: inherit;
    bottom: 0;
    left: 0;

    width: 100%;
    margin-bottom: 50px;

    opacity: .7;
}

.view-photos .galleria-theme-classic .galleria-info-text,
.node-image-gallery .galleria-theme-classic .galleria-info-text
{
    padding-left: 22px;

    background-color: #333232;
}

.view-photos .galleria-theme-classic .galleria-info-description,
.node-image-gallery .galleria-theme-classic .galleria-info-description
{
    display: none !important;
}

.view-photos .galleria-theme-classic .galleria-counter,
.node-image-gallery .galleria-theme-classic .galleria-counter
{
    top: 10px;
}

.view-photos .galleria-theme-classic .galleria-info-link,
.node-image-gallery .galleria-theme-classic .galleria-info-link
{
    right: 20px;
    bottom: 20px;

    background-color: #333232;
}

.view-photos .galleria-theme-classic .galleria-info-close,
.node-image-gallery .galleria-theme-classic .galleria-info-close
{
    top: 12px;
    right: 25px;
}

.view-photos .galleria-theme-classic .galleria-thumbnails .galleria-image,
.node-image-gallery .galleria-theme-classic .galleria-thumbnails .galleria-image
{
    border: 1px solid #333232;
    background: #333232;
}

.node-image-gallery .images a.fancybox.square,
.node-image-gallery .images a.fancybox.portfolio_item,
.node-image-gallery .images a.fancybox.give_block
{
    display: inline-block;

    width: 33.33%;
}

.node-image-gallery .images a.fancybox.square img,
.node-image-gallery .images a.fancybox.portfolio_item img,
.node-image-gallery .images a.fancybox.give_block img
{
    width: 100%;
    margin: 0;
}

.node-image-gallery .images a.fancybox img
{
    margin-right: 20px;
    margin-bottom: 20px;

    vertical-align: top;
}

.node-image-gallery .images a.fancybox img:hover
{
    opacity: .8;
}

.keep-together
{
    display: inline-block;
}

.dont-break-out
{
    word-wrap: break-word;

    overflow-wrap: break-word;
}

.media-wysiwyg-align-right,
.media-wysiwyg-align-left
{
    max-width: 50% !important;
    margin-bottom: 10px;
}

.media-wysiwyg-align-right img,
.media-wysiwyg-align-left img
{
    height: auto !important;
}

.media-wysiwyg-align-center
{
    display: block;
}

.media-wysiwyg-align-right
{
    text-align: right;
}

.media-wysiwyg-align-left
{
    text-align: left;
}

#sliding-popup
{
    font-size: 15px;
    font-weight: 300;

    width: 100%;
    padding: 20px;

    color: #fff;
    background: #3b444f;
}

#sliding-popup .popup-content
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    max-width: 1108px;
    margin: 0 auto;

    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

#sliding-popup h2
{
    font-size: 18px;

    margin: 3px 0;

    color: #fff;
}

#sliding-popup p
{
    margin: 3px 0;
}

#sliding-popup button
{
    font-weight: 700;

    padding: 0;

    color: #fff;
    border: 0;
    background: 0;
}

#sliding-popup button:hover
{
    text-decoration: underline;
}

#sliding-popup button.agree-button
{
    color: #fff;
    border-color: #fff;
    background: #3b444f;
}

#sliding-popup button.agree-button:focus
{
    outline: 1px dotted #fff;
}

#sliding-popup button.agree-button:hover
{
    background: #515d6c;
}

@media all and (min-width: 768px)
{
    .webform-personalisation .container .members-sections .content-form .fields-personalization
    {
        margin-top: -4.5em;
        margin-left: 1em;
    }

    .webform-personalisation .container .members-sections .content-form .fields-personalization img
    {
        width: 150px;
        height: 150px;
    }
}

@media all and (min-width: 1024px)
{
    .d-none
    {
        display: none !important;
    }

    .paragraphs-item-media-text-block .col-holder
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        max-width: 1200px;
        margin-right: auto;
        margin-left: auto;
    }

    .paragraphs-item-media-text-block .col-holder .content
    {
        width: 50%;
    }

    .paragraphs-item-columns .columns-row > div
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        max-width: 1200px;
        margin-right: auto;
        margin-left: auto;

        -ms-flex-pack: distribute;
        justify-content: space-around;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    }

    .paragraphs-item-columns .columns-row .entity-paragraphs-item
    {
        -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    }

    .paragraphs-item-columns .columns-row.first-column-half.columns-3 .entity-paragraphs-item:first-child,
    .paragraphs-item-columns .columns-row.last-column-half.columns-3 .entity-paragraphs-item:last-child,
    .paragraphs-item-columns .columns-row.first-column-two-third.columns-2 .entity-paragraphs-item:first-child,
    .paragraphs-item-columns .columns-row.last-column-two-third.columns-2 .entity-paragraphs-item:last-child
    {
        -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
    }

    .paragraphs-item-columns .columns-row.first-column-half.columns-4 .entity-paragraphs-item:first-child,
    .paragraphs-item-columns .columns-row.last-column-half.columns-4 .entity-paragraphs-item:last-child,
    .paragraphs-item-columns .columns-row.first-column-three-fourth.columns-2 .entity-paragraphs-item:first-child,
    .paragraphs-item-columns .columns-row.last-column-three-fourth.columns-2 .entity-paragraphs-item:last-child
    {
        -webkit-box-flex: 3;
        -ms-flex: 3;
            flex: 3;
    }

    .paragraphs-item-columns .columns-row.first-column-half.columns-5 .entity-paragraphs-item:first-child,
    .paragraphs-item-columns .columns-row.last-column-half.columns-5 .entity-paragraphs-item:last-child
    {
        -webkit-box-flex: 4;
        -ms-flex: 4;
            flex: 4;
    }

    .menu-btn
    {
        display: none !important;
    }

    .section.hero-area .text-layer
    {
        position: absolute;
        top: 23%;

        margin: auto;
        padding: 0 50px;

        color: #fff;
    }

    .teaser-container div.node
    {
        width: 60%;
    }

    .teaser-container .photo-section
    {
        float: right;

        width: 40%;
    }

    .table.calendar-events.teaser-container .table-cell.calendar-first-column,
    .table.calendar-events.teaser-container .table-cell.calendar-second-column
    {
        padding-left: 10px;
    }

    .section.portal .description
    {
        min-height: 315px;
    }

    #panel-hero-areas
    {
        display: block;
    }

    div.section.hero-area div#map
    {
        height: 400px;
    }
}

@media all and (max-width: 1919px)
{
    h2,
    h3,
    h4,
    .send-form h1,
    .content h1
    {
        font-size: 35.2px;

        max-width: 660px;
    }

    h1
    {
        font-size: 46.2px;

        max-width: 660px;
    }

    h2
    {
        font-size: 39.6px;

        max-width: 660px;
    }

    h3
    {
        font-size: 35.2px;

        max-width: 660px;
    }

    h4
    {
        font-size: 30.8px;

        max-width: 660px;
    }

    h5,
    h6
    {
        font-size: 26.4px;

        max-width: 660px;
    }

    .heading
    {
        font-size: 22px;

        max-width: 660px;
        padding: 20px 0 0;
    }

    .content,
    .section-content,
    form
    {
        font-size: 22px;

        padding: 0 0 20px;
    }

    .content h1,
    .section-content h1,
    form h1
    {
        font-size: 39.6px;

        max-width: 660px;
    }

    .content p,
    .content ul,
    .content ol,
    .content address,
    .content hr.column,
    .content .form-item,
    .content .shortterm-meta,
    .content #geoip_address_placeholder,
    .content .file-document,
    .section-content p,
    .section-content ul,
    .section-content ol,
    .section-content address,
    .section-content hr.column,
    .section-content .form-item,
    .section-content .shortterm-meta,
    .section-content #geoip_address_placeholder,
    .section-content .file-document,
    form p,
    form ul,
    form ol,
    form address,
    form hr.column,
    form .form-item,
    form .shortterm-meta,
    form #geoip_address_placeholder,
    form .file-document
    {
        max-width: 660px;
    }

    blockquote
    {
        font-size: 30.8px;

        max-width: 660px;
    }

    blockquote cite
    {
        max-width: 660px;
    }

    :lang(ja) div:lang(de) .content,
    :lang(ja) div:lang(en) .content
    {
        font-size: 22px;
    }

    :lang(ja) .content
    {
        font-size: 19.8px;
    }

    :lang(ja) h1
    {
        font-size: 56px;
    }

    :lang(ja) .text-box
    {
        font-size: 25.2px;
    }

    :lang(ja) h2
    {
        font-size: 40px;
    }

    :lang(ja) .section-frame h3
    {
        font-size: 46px;
    }

    :lang(ja) .section-frame .post-list h4
    {
        font-size: 28px;
    }

    :lang(ar) div:lang(de) .content,
    :lang(ar) div:lang(en) .content
    {
        font-size: 22px;
    }

    :lang(ar) .content
    {
        font-size: 23.1px;
    }

    :lang(ar) h1
    {
        font-size: 56px;
    }

    :lang(ar) .text-box
    {
        font-size: 29.4px;
    }

    :lang(ar) h2
    {
        font-size: 40px;
    }

    :lang(ar) .section-frame h3
    {
        font-size: 70px;
    }

    :lang(ar) .section-frame .post-list h4
    {
        font-size: 28px;
    }

    :lang(zh-hant) div:lang(de) .content,
    :lang(zh-hant) div:lang(en) .content
    {
        font-size: 22px;
    }

    :lang(zh-hant) .content
    {
        font-size: 19.8px;
    }

    :lang(zh-hant) h1
    {
        font-size: 56px;
    }

    :lang(zh-hant) .text-box
    {
        font-size: 25.2px;
    }

    :lang(zh-hant) h2
    {
        font-size: 40px;
    }

    :lang(zh-hant) .section-frame h3
    {
        font-size: 70px;
    }

    :lang(zh-hant) .section-frame .post-list h4
    {
        font-size: 28px;
    }

    .paragraphs-item-columns .section-content h3
    {
        font-size: 39.6px;

        max-width: 660px;
    }

    .logo
    {
        margin: 0 0 -58px 10px;
    }

    span.byline
    {
        font-size: 18px;
    }

    .section-frame h3
    {
        font-size: 39.6px;

        max-width: 660px;
    }

    .section-frame h3
    {
        padding: 30px 0 34px;
    }

    div.section-content
    {
        padding: 75px 0;
    }

    div.section-content h2,
    div.section-content h3,
    div.section-content h4
    {
        font-size: 30.8px;

        max-width: 660px;
    }

    div.section-content .media--right + .description
    {
        position: absolute;
        top: 50%;

        padding: 4px 30px 0 30px;

        -webkit-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
                transform: translate(0, -50%);
    }

    div.section-content .img
    {
        width: 45%;
    }

    div.section-content div.description
    {
        width: 54%;
        padding: 4px 0 0 30px;
    }

    div.section-content .price-list h4
    {
        font-size: 26.4px;

        max-width: 660px;
    }

    div.section-content.big.third .description
    {
        padding: 0 0 0 30px;
    }

    div.section-content.big.third .btn,
    div.section-content.big.third #sliding-popup button.agree-button,
    #sliding-popup div.section-content.big.third button.agree-button
    {
        margin: 0 0 0 -46px;
    }

    div.section-content.big.third .img img
    {
        width: 100%;
        max-width: 600px;
        margin: 0 auto 13px;
    }

    div.section-content.big .description
    {
        padding-left: 41px;
    }

    div.section-content.big .col
    {
        width: 54.5%;
    }

    div.section-content.big .col:first-child
    {
        width: 44.5%;
    }

    div.section-content.big .img
    {
        float: none;

        width: 100%;
    }

    div.section-content.big .btn,
    div.section-content.big #sliding-popup button.agree-button,
    #sliding-popup div.section-content.big button.agree-button
    {
        margin: 0 0 0 -46px;
    }

    div.section-content.fourth h2
    {
        margin: 0 0 30px;
    }

    div.section-content.fourth p,
    div.section-content.fourth .mailchimp-signup-subscribe-form-description
    {
        margin: 0 0 3em;
    }

    div.section-content .post-list img
    {
        float: left;

        max-width: 146px;
        margin: 0 0 10px 0;
        margin-right: 16px;
    }

    div.section-content .post-list .post-description
    {
        overflow: visible;

        padding: 0;
    }

    div.section-content .post-list h4
    {
        font-size: 30.8px;

        max-width: 660px;
    }

    .text-box .section-heading
    {
        padding: 40px 0 46px;
    }

    .text-box h1
    {
        font-size: 46.2px;

        max-width: 660px;
    }

    .for-what h3
    {
        font-size: 46.2px;

        max-width: 660px;
    }

    .list h4
    {
        font-size: 26.4px;

        max-width: 660px;
    }

    .gray-box
    {
        padding: 0 0 40px;
    }

    .gray-box .section-heading
    {
        padding: 40px 0;
    }

    .gray-box h3
    {
        font-size: 46.2px;

        max-width: 660px;
    }

    #footer
    {
        padding: 40px 0 0;
    }

    .social-sharing-container
    {
        max-width: 660px;
    }

    .node-shortterm span.byline,
    .node-opportunity span.byline
    {
        font-size: 26px;
    }

    .node-shortterm .general__notes p,
    .node-opportunity .general__notes p
    {
        font-size: 20px;
    }
}

@media all and (max-width: 1023px)
{
    input[type='text'],
    input[type='tel'],
    input[type='email'],
    input[type='url'],
    input[type='password'],
    input[type='search'],
    textarea
    {
        font-size: 18px;
    }

    h2,
    h3,
    h4,
    .send-form h1,
    .content h1
    {
        font-size: 32px;

        max-width: 600px;
    }

    h1
    {
        font-size: 42px;

        max-width: 600px;
    }

    h2
    {
        font-size: 36px;

        max-width: 600px;
    }

    h3
    {
        font-size: 32px;

        max-width: 600px;
    }

    h4
    {
        font-size: 28px;

        max-width: 600px;
    }

    h5,
    h6
    {
        font-size: 24px;

        max-width: 600px;
    }

    .heading
    {
        font-size: 20px;

        max-width: 600px;
        padding: 0;
    }

    .heading h1
    {
        margin: 0 0 25px;
    }

    .content,
    .section-content,
    form
    {
        font-size: 20px;
    }

    .content h1,
    .section-content h1,
    form h1
    {
        font-size: 36px;

        max-width: 600px;
    }

    .content p,
    .content ul,
    .content ol,
    .content address,
    .content hr.column,
    .content .form-item,
    .content .shortterm-meta,
    .content #geoip_address_placeholder,
    .content .file-document,
    .section-content p,
    .section-content ul,
    .section-content ol,
    .section-content address,
    .section-content hr.column,
    .section-content .form-item,
    .section-content .shortterm-meta,
    .section-content #geoip_address_placeholder,
    .section-content .file-document,
    form p,
    form ul,
    form ol,
    form address,
    form hr.column,
    form .form-item,
    form .shortterm-meta,
    form #geoip_address_placeholder,
    form .file-document
    {
        max-width: 600px;
    }

    blockquote
    {
        font-size: 28px;

        max-width: 600px;
    }

    blockquote
    {
        padding: 15px 0;
    }

    blockquote cite
    {
        font-size: 18px;
    }

    :lang(ja) div:lang(de) .content,
    :lang(ja) div:lang(en) .content
    {
        font-size: 20px;
    }

    :lang(ja) .gray-box h3
    {
        font-size: 30px;
    }

    :lang(ja) .content
    {
        font-size: 18px;
    }

    :lang(ja) div.section-content h2,
    :lang(ja) div.section-content h3,
    :lang(ja) div.section-content h4
    {
        font-size: 28px;
    }

    :lang(ja) h1
    {
        font-size: 48px;
    }

    :lang(ja) .content h1
    {
        font-size: 38px;
    }

    :lang(ja) .text-box
    {
        font-size: 18px;
    }

    :lang(ja) .text-box h1
    {
        font-size: 48px;
    }

    :lang(ja) .text-box p strong
    {
        font-size: 18px;
    }

    :lang(ja) h2
    {
        font-size: 36px;
    }

    :lang(ja) h3
    {
        font-size: 32px;
    }

    :lang(ja) .section-frame h3
    {
        font-size: 40px;
    }

    :lang(ja) .section-frame .post-list h4
    {
        font-size: 24px;
    }

    :lang(ja) .section-frame .post-list h4
    {
        font-size: 22px;
    }

    :lang(ja) .for-what h3
    {
        font-size: 40px;
    }

    :lang(ja) h4,
    :lang(ja) h5,
    :lang(ja) h6
    {
        font-size: 28px;
    }

    :lang(ar) div:lang(de) .content,
    :lang(ar) div:lang(en) .content
    {
        font-size: 20px;
    }

    :lang(ar) .gray-box h3
    {
        font-size: 40px;
    }

    :lang(ar) .content
    {
        font-size: 21px;
    }

    :lang(ar) div.section-content h2,
    :lang(ar) div.section-content h3,
    :lang(ar) div.section-content h4
    {
        font-size: 28px;
    }

    :lang(ar) h1
    {
        font-size: 48px;
    }

    :lang(ar) .content h1
    {
        font-size: 38px;
    }

    :lang(ar) .text-box
    {
        font-size: 21px;
    }

    :lang(ar) .text-box h1
    {
        font-size: 48px;
    }

    :lang(ar) .text-box p strong
    {
        font-size: 21px;
    }

    :lang(ar) h2
    {
        font-size: 36px;
    }

    :lang(ar) h3
    {
        font-size: 32px;
    }

    :lang(ar) .section-frame h3
    {
        font-size: 60px;
    }

    :lang(ar) .section-frame .post-list h4
    {
        font-size: 24px;
    }

    :lang(ar) .section-frame .post-list h4
    {
        font-size: 22px;
    }

    :lang(ar) .for-what h3
    {
        font-size: 40px;
    }

    :lang(ar) h4,
    :lang(ar) h5,
    :lang(ar) h6
    {
        font-size: 28px;
    }

    :lang(zh-hant) div:lang(de) .content,
    :lang(zh-hant) div:lang(en) .content
    {
        font-size: 20px;
    }

    :lang(zh-hant) .gray-box h3
    {
        font-size: 40px;
    }

    :lang(zh-hant) .content
    {
        font-size: 18px;
    }

    :lang(zh-hant) div.section-content h2,
    :lang(zh-hant) div.section-content h3,
    :lang(zh-hant) div.section-content h4
    {
        font-size: 28px;
    }

    :lang(zh-hant) h1
    {
        font-size: 48px;
    }

    :lang(zh-hant) .content h1
    {
        font-size: 38px;
    }

    :lang(zh-hant) .text-box
    {
        font-size: 18px;
    }

    :lang(zh-hant) .text-box h1
    {
        font-size: 48px;
    }

    :lang(zh-hant) .text-box p strong
    {
        font-size: 18px;
    }

    :lang(zh-hant) h2
    {
        font-size: 36px;
    }

    :lang(zh-hant) h3
    {
        font-size: 32px;
    }

    :lang(zh-hant) .section-frame h3
    {
        font-size: 60px;
    }

    :lang(zh-hant) .section-frame .post-list h4
    {
        font-size: 24px;
    }

    :lang(zh-hant) .section-frame .post-list h4
    {
        font-size: 22px;
    }

    :lang(zh-hant) .for-what h3
    {
        font-size: 40px;
    }

    :lang(zh-hant) h4,
    :lang(zh-hant) h5,
    :lang(zh-hant) h6
    {
        font-size: 28px;
    }

    .d-none-desk
    {
        display: none !important;
    }

    .paragraphs-item-media-text-block .col-holder
    {
        display: block;
    }

    .paragraphs-item-media-text-block .col-holder .content
    {
        width: 100%;
    }

    .paragraphs-item-columns .section-content h3
    {
        font-size: 36px;

        max-width: 600px;
    }

    .paragraphs-item-columns .columns-row
    {
        display: block;
    }

    .paragraphs-item-columns .columns-row .entity-paragraphs-item
    {
        width: 100%;
    }

    .paragraphs-item-media .featured
    {
        padding: 0 15px;
    }

    .paragraphs-item-media .galleria-content
    {
        margin: 0;
    }

    .holder
    {
        padding: 0 15px;
    }

    .form-box.opportunity-applicationsform .holder.form-border-box h2,
    .form-box.shortterm-applicationsform .holder.form-border-box h2,
    .form-box.attached-webform .holder.form-border-box h2
    {
        margin: 50px auto;
    }

    .form-box.opportunity-applicationsform .holder.form-border-box form,
    .form-box.shortterm-applicationsform .holder.form-border-box form,
    .form-box.attached-webform .holder.form-border-box form
    {
        margin-bottom: 40px;
    }

    #header
    {
        padding: 1.4em 0;
    }

    #header .holder
    {
        position: relative;
    }

    .logo
    {
        max-width: 60px;
        margin: -28px 0 -58px 23px;
    }

    div.menu
    {
        display: none;
    }

    .shortterm-overview-pager ul.pager > li,
    .searchpager-container ul.pager > li,
    .port-list-pager ul.pager > li
    {
        margin-left: 0;
    }

    .search-popup
    {
        position: static;

        display: inline-block !important;
    }

    span.byline
    {
        font-size: 16px;
    }

    .text-section .img-box
    {
        float: none;

        margin: 0 auto 20px;
    }

    .text-section p > img
    {
        float: none;

        width: 100%;
        max-width: 100%;
        margin: 5px 0 5px 0;
    }

    .text-section p > img:not(.no-resize)
    {
        width: 100% !important;
    }

    .person-box .photo-img
    {
        max-width: 120px;
        margin: 0 0 5px 15px;
    }

    .section-frame h3
    {
        font-size: 36px;

        max-width: 600px;
    }

    .section-frame h3
    {
        padding: 20px 0 22px;
    }

    div.section-content
    {
        padding: 50px 0;
    }

    div.section-content.second
    {
        font-size: 20px;

        padding: 50px 0 20px;
    }

    div.section-content h2,
    div.section-content h3,
    div.section-content h4
    {
        font-size: 28px;

        max-width: 600px;
    }

    div.section-content h2,
    div.section-content h3,
    div.section-content h4
    {
        margin: 0 0 20px;
    }

    div.section-content .media--right + .description
    {
        position: static;
        top: 0;

        padding: 0;

        -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
                transform: translate(0, 0);
    }

    div.section-content .img
    {
        display: block;

        width: 100%;
        margin: 0;
        margin: 0 0 20px;

        text-align: center;
    }

    div.section-content .img h4
    {
        text-align: center;
    }

    div.section-content div.description
    {
        display: block;

        width: 100%;
        padding: 0;

        text-align: center;
    }

    div.section-content div.description > h2
    {
        text-align: center;
    }

    div.section-content .price-list
    {
        font-size: 18px;
    }

    div.section-content .price-list li
    {
        display: inline-block;
        float: none;

        width: 300px;
        padding: 0 10px 20px;

        vertical-align: top;
    }

    div.section-content .price-list .frame
    {
        padding: 20px 10px;
    }

    div.section-content .price-list h4
    {
        font-size: 24px;

        max-width: 600px;
    }

    div.section-content .price-list h4 .price
    {
        font-size: 70px;
    }

    div.section-content .price-list h4 .price sup
    {
        font-size: 30px;

        left: -15px;
    }

    div.section-content.big
    {
        padding: 50px 0;
    }

    div.section-content.big.third
    {
        padding: 50px 0;
    }

    div.section-content.big.third h2
    {
        margin: 0 auto 30px;
    }

    div.section-content.big.third .description
    {
        padding: 0;
    }

    div.section-content.big.third .btn,
    div.section-content.big.third #sliding-popup button.agree-button,
    #sliding-popup div.section-content.big.third button.agree-button
    {
        margin: 0;
    }

    div.section-content.big .description
    {
        padding: 0;
    }

    div.section-content.big .col
    {
        width: 100%;
    }

    div.section-content.big .col:first-child
    {
        width: 100%;
    }

    div.section-content.big .img img
    {
        margin: 0 auto 20px;
    }

    div.section-content.big .btn,
    div.section-content.big #sliding-popup button.agree-button,
    #sliding-popup div.section-content.big button.agree-button
    {
        margin: 0;
    }

    div.section-content.fourth
    {
        padding: 50px 0;
    }

    div.section-content.fourth p,
    div.section-content.fourth .mailchimp-signup-subscribe-form-description
    {
        margin: 0 0 1em;
    }

    div.section-content .post-list
    {
        max-width: 600px;
        margin: 20px auto -20px;
    }

    div.section-content .post-list h4
    {
        font-size: 28px;

        max-width: 600px;
    }

    input[type='submit'].round.round-red,
    .btn.round.round-red,
    #sliding-popup button.round.round-red.agree-button
    {
        font-size: 23px;
        line-height: 30px;

        width: 80px;
        height: 80px;
        padding: 26px 10px;
    }

    .button-list
    {
        margin: 0 -5% 20px;
    }

    ul.item-list h2,
    ul.item-list h3
    {
        text-align: center;
    }

    ul.item-list li
    {
        width: 100%;
        padding: 0 20px 60px;
    }

    ul.item-list img
    {
        max-width: 500px;
        margin: 0 auto 13px;
    }

    .send-form
    {
        max-width: 660px;
        padding: 60px 30px 30px;
    }

    .send-form h1
    {
        font-size: 40px;
        line-height: 42px;

        margin: 0 0 30px;
    }

    .send-form label
    {
        font-size: 18px;

        clear: left;

        width: auto;
    }

    .send-form .row,
    .send-form .form-item
    {
        padding: 0 0 15px;
    }

    .send-form .text-holder
    {
        float: left;
        clear: left;

        width: 100%;
    }

    .icon-envelope
    {
        font-size: 60px;

        top: -50px;

        width: 100px;
        height: 100px;
        margin: 0 0 0 -50px;
        padding: 22px 0 0;
    }

    .text-box .section-heading
    {
        padding: 46px 0 25px;
    }

    .text-box h1
    {
        font-size: 42px;

        max-width: 600px;
    }

    .subscribe-form .row,
    .subscribe-form .form-item
    {
        padding: 0 0 15px;
    }

    .subscribe-form label
    {
        clear: left;

        width: auto;
    }

    .subscribe-form .text-holder
    {
        float: left;
        clear: left;

        width: 100%;
        padding: 0;
    }

    .for-what .section-heading
    {
        padding: 30px 0 10px;
    }

    .for-what h3
    {
        font-size: 42px;

        max-width: 600px;
    }

    .for-what .heading
    {
        padding: 0 0 30px;
    }

    .list h4
    {
        font-size: 24px;

        max-width: 600px;
    }

    .gray-box
    {
        padding: 0 0 20px;
    }

    .gray-box .section-heading
    {
        padding: 30px 0 20px;
    }

    .gray-box h3
    {
        font-size: 42px;

        max-width: 600px;
    }

    .gray-box .col-holder .col
    {
        width: 100%;
        padding: 0 0 20px;
    }

    .lead
    {
        font-size: 20px;
    }

    #footer
    {
        padding: 35px 0 0;
    }

    .footer-list
    {
        float: none;

        width: 100%;

        text-align: center;
    }

    .footer-list ul
    {
        display: block;

        width: 100%;
        margin: 0 -4px 0 0;
        padding: 0 10px 20px 0;
    }

    .right-text
    {
        width: 100%;

        text-align: center;
    }

    .teaser-container
    {
        width: 90%;
        max-width: 605px;
    }

    .teaser-container div.node
    {
        width: 100%;
    }

    .teaser-container .photo-section
    {
        display: block;

        width: 100%;
        max-width: 605px;
        padding-left: 0;
    }

    .table.calendar-events.teaser-container .table-row
    {
        border-top: solid #707173 1px;
    }

    .table.calendar-events.teaser-container .table-cell
    {
        display: block !important;

        width: 100% !important;
    }

    .social-sharing-container
    {
        max-width: 600px;
    }

    .section.portal h3
    {
        font-size: 40px;
    }

    div.shortterm-meta,
    div.opportunity-meta
    {
        display: block;

        width: 100%;
    }

    div.shortterm-meta .row,
    div.opportunity-meta .row
    {
        display: block;
    }

    div.shortterm-meta .row .column-center,
    div.opportunity-meta .row .column-center
    {
        display: none;

        width: 100%;
    }

    div.shortterm-meta .row .column-right,
    div.opportunity-meta .row .column-right
    {
        display: block;

        width: 100%;
    }

    div.search-page div.row div.sidebar
    {
        display: none;
    }

    .teaser-container.shortterm-overview .country-form-container form#om-core-country-select-form
    {
        display: block;

        max-width: 300px;
    }

    .node-shortterm span.byline,
    .node-opportunity span.byline
    {
        font-size: 24px;
    }

    .node-shortterm .general__notes p,
    .node-opportunity .general__notes p
    {
        font-size: 16px;
    }
}

@media all and (max-width: 767px)
{
    .webform-personalisation .container .members-sections .content-form .fields-personalization
    {
        margin-top: -3.5em;
    }

    .webform-personalisation .container .members-sections .content-form .fields-personalization img
    {
        width: 90px;
        height: 90px;
    }
}

@media only screen and (max-width: 720px)
{
    body.node-type-shop .views-view-grid td
    {
        float: left;

        width: 50%;
    }

    body.node-type-product .views-view-grid td
    {
        float: left;

        width: 50%;
    }

    body.node-type-product .product-left,
    body.node-type-product .product-right
    {
        float: none;

        width: 100%;
        margin-bottom: 0;
    }

    body.node-type-product .product-left
    {
        text-align: center;
    }

    body.node-type-product .product-left img
    {
        width: 70%;
        height: auto;
    }

    body.node-type-product .product-left .product-thumbnails img
    {
        width: 15%;

        cursor: pointer;
    }

    body.node-type-product .product-left .product-thumbnails img:hover
    {
        opacity: .7;
    }

    body.node-type-product .product-right
    {
        margin-bottom: 50px;
    }
}

@media only screen and (max-width: 480px)
{
    body.node-type-shop .views-view-grid td
    {
        float: left;

        width: 100%;
    }

    body.node-type-product .views-view-grid td
    {
        float: left;

        width: 100%;
    }
}

@media all and (max-width: 424px)
{
    h2,
    h3,
    h4,
    .send-form h1,
    .content h1
    {
        font-size: 28.8px;
    }

    h1
    {
        font-size: 37.8px;
    }

    h2
    {
        font-size: 32.4px;
    }

    h3
    {
        font-size: 28.8px;
    }

    h4
    {
        font-size: 25.2px;
    }

    h5,
    h6
    {
        font-size: 21.6px;
    }

    .heading
    {
        font-size: 18px;
    }

    .content,
    .section-content,
    form
    {
        font-size: 18px;
    }

    .content h1,
    .section-content h1,
    form h1
    {
        font-size: 32.4px;
    }

    blockquote
    {
        font-size: 25.2px;
    }

    blockquote cite
    {
        font-size: 16.2px;
    }

    table
    {
        display: block;
        overflow: scroll;

        width: 100%;
        height: auto;
    }

    table th
    {
        min-width: 150px;
    }

    table.no-styling,
    table[border='0']
    {
        overflow: hidden;

        width: 100%;
    }

    table.no-styling tr:nth-child(even) td,
    table.no-styling th,
    table.no-styling td,
    table[border='0'] tr:nth-child(even) td,
    table[border='0'] th,
    table[border='0'] td
    {
        display: inline-block;

        width: 100%;
    }

    hr
    {
        max-width: 100px;
        margin: 2em auto;
    }

    :lang(ja) div:lang(de) div.section-content,
    :lang(ja) div:lang(en) div.section-content
    {
        font-size: 18px;
    }

    :lang(ja) div:lang(de) .list,
    :lang(ja) div:lang(en) .list
    {
        font-size: 18px;
        line-height: 1.2;
    }

    :lang(ja) div.section-content
    {
        font-size: 16.2px;
    }

    :lang(ja) div.section-content h2,
    :lang(ja) div.section-content h3,
    :lang(ja) div.section-content h4
    {
        font-size: 24px;
    }

    :lang(ja) .list
    {
        font-size: 16.2px;
        line-height: 1.6;
    }

    :lang(ja) h1
    {
        font-size: 40px;
    }

    :lang(ja) .content h1
    {
        font-size: 32px;
    }

    :lang(ja) .text-box
    {
        font-size: 16.2px;
    }

    :lang(ja) .text-box h1
    {
        font-size: 36px;
    }

    :lang(ja) h2
    {
        font-size: 32px;
    }

    :lang(ja) h3
    {
        font-size: 28px;
    }

    :lang(ja) .section-frame h3
    {
        font-size: 30px;
    }

    :lang(ja) h4,
    :lang(ja) h5,
    :lang(ja) h6
    {
        font-size: 26px;
    }

    :lang(ar) div:lang(de) div.section-content,
    :lang(ar) div:lang(en) div.section-content
    {
        font-size: 18px;
    }

    :lang(ar) div:lang(de) .list,
    :lang(ar) div:lang(en) .list
    {
        font-size: 18px;
        line-height: 1.2;
    }

    :lang(ar) div.section-content
    {
        font-size: 18.9px;
    }

    :lang(ar) div.section-content h2,
    :lang(ar) div.section-content h3,
    :lang(ar) div.section-content h4
    {
        font-size: 24px;
    }

    :lang(ar) .list
    {
        font-size: 18.9px;
        line-height: 1.2;
    }

    :lang(ar) h1
    {
        font-size: 40px;
    }

    :lang(ar) .content h1
    {
        font-size: 32px;
    }

    :lang(ar) .text-box
    {
        font-size: 18.9px;
    }

    :lang(ar) .text-box h1
    {
        font-size: 38px;
    }

    :lang(ar) h2
    {
        font-size: 32px;
    }

    :lang(ar) h3
    {
        font-size: 28px;
    }

    :lang(ar) .section-frame h3
    {
        font-size: 48px;
    }

    :lang(ar) h4,
    :lang(ar) h5,
    :lang(ar) h6
    {
        font-size: 26px;
    }

    :lang(zh-hant) div:lang(de) div.section-content,
    :lang(zh-hant) div:lang(en) div.section-content
    {
        font-size: 18px;
    }

    :lang(zh-hant) div:lang(de) .list,
    :lang(zh-hant) div:lang(en) .list
    {
        font-size: 18px;
        line-height: 1.2;
    }

    :lang(zh-hant) div.section-content
    {
        font-size: 16.2px;
    }

    :lang(zh-hant) div.section-content h2,
    :lang(zh-hant) div.section-content h3,
    :lang(zh-hant) div.section-content h4
    {
        font-size: 24px;
    }

    :lang(zh-hant) .list
    {
        font-size: 16.2px;
        line-height: 1.6;
    }

    :lang(zh-hant) h1
    {
        font-size: 40px;
    }

    :lang(zh-hant) .content h1
    {
        font-size: 32px;
    }

    :lang(zh-hant) .text-box
    {
        font-size: 16.2px;
    }

    :lang(zh-hant) .text-box h1
    {
        font-size: 38px;
    }

    :lang(zh-hant) h2
    {
        font-size: 32px;
    }

    :lang(zh-hant) h3
    {
        font-size: 28px;
    }

    :lang(zh-hant) .section-frame h3
    {
        font-size: 48px;
    }

    :lang(zh-hant) h4,
    :lang(zh-hant) h5,
    :lang(zh-hant) h6
    {
        font-size: 26px;
    }

    .paragraphs-item-columns .section-content h3
    {
        font-size: 32.4px;
    }

    .social-networks-container,
    .language-nav-container
    {
        float: none;

        margin: 10px 0;

        text-align: center;
    }

    .social-networks-container nav.language__selector,
    .language-nav-container nav.language__selector
    {
        margin: 0;
    }

    .shortterm-overview-pager,
    .searchpager-container,
    .port-list-pager
    {
        height: auto;
    }

    .shortterm-overview-pager .pager-first,
    .shortterm-overview-pager .pager-previous,
    .shortterm-overview-pager .pager-next,
    .shortterm-overview-pager .pager-last,
    .searchpager-container .pager-first,
    .searchpager-container .pager-previous,
    .searchpager-container .pager-next,
    .searchpager-container .pager-last,
    .port-list-pager .pager-first,
    .port-list-pager .pager-previous,
    .port-list-pager .pager-next,
    .port-list-pager .pager-last
    {
        display: block;

        margin: 0;
    }

    .shortterm-overview-pager .pager-previous,
    .shortterm-overview-pager .pager-next,
    .searchpager-container .pager-previous,
    .searchpager-container .pager-next,
    .port-list-pager .pager-previous,
    .port-list-pager .pager-next
    {
        padding-top: 0;
    }

    .text-section .person-box h2
    {
        margin: 0 0 10px;
    }

    .person-box
    {
        padding: 15px 10px 6px;
    }

    .section-frame h3
    {
        font-size: 32.4px;
    }

    div.section-content
    {
        font-size: 18px;

        padding: 30px 0;
    }

    div.section-content.second
    {
        padding: 30px 0;
    }

    div.section-content.second p
    {
        margin: 0 0 1em;
    }

    div.section-content h2,
    div.section-content h3,
    div.section-content h4
    {
        font-size: 25.2px;
    }

    div.section-content .price-list
    {
        font-size: 15px;
        line-height: 18px;
    }

    div.section-content .price-list li
    {
        width: 300px;
    }

    div.section-content .price-list h4
    {
        font-size: 21.6px;
    }

    div.section-content.big
    {
        padding: 30px 0;
    }

    div.section-content.big.third
    {
        padding: 30px 0;
    }

    div.section-content.fourth
    {
        padding: 30px 0;
    }

    div.section-content .post-list img
    {
        max-width: 115px;
        margin: 0 0 5px 0;
        margin-right: 16px;
    }

    div.section-content .post-list h4
    {
        font-size: 25.2px;
    }

    .button-list
    {
        margin: 0 -10px 20px;
    }

    .button-list li
    {
        margin: 10px 10px;
    }

    ul.item-list
    {
        font-size: 15px;
        line-height: 18px;
    }

    .send-form
    {
        max-width: 600px;
        padding: 60px 10px 20px;
    }

    .send-form h1
    {
        font-size: 32px;
        line-height: 34px;

        margin: 0 0 15px;
    }

    .text-box .section-heading
    {
        padding: 30px 0 25px;
    }

    .text-box h1
    {
        font-size: 37.8px;
    }

    .for-what
    {
        padding: 0 0 10px;
    }

    .for-what h3
    {
        font-size: 37.8px;
    }

    .list
    {
        font-size: 18px;
    }

    .list h4
    {
        font-size: 21.6px;
    }

    .gray-box h3
    {
        font-size: 37.8px;
    }

    .gray-box h2
    {
        font-size: 15px;
        line-height: 1.2;
    }

    .lead
    {
        font-size: 18px;
    }

    .hero-area .file-video
    {
        padding-bottom: 56.25%;
    }

    .teaser-container > .photo-section.featured
    {
        height: 0;
        padding-bottom: 76%;
    }

    .teaser-container > .photo-section.featured img
    {
        width: 130%;
        max-width: initial;
        margin-left: -15%;
    }

    .social-sharing-container a.social_button
    {
        font: 600 12px/35px 'Lato', 'Noto Sans', Arial, Helvetica, sans-serif;

        width: 35px;
        height: 35px;
    }

    .view-photos .galleria-theme-classic .galleria-info-text,
    .node-image-gallery .galleria-theme-classic .galleria-info-text
    {
        min-height: 59px;
    }

    .node-image-gallery .images a.fancybox img
    {
        margin-right: 0;
    }

    .media-wysiwyg-align-right,
    .media-wysiwyg-align-left
    {
        max-width: 100% !important;
    }

    .media-wysiwyg-align-right img,
    .media-wysiwyg-align-left img
    {
        width: 100% !important;
        max-width: 100% !important;
    }

    .media-wysiwyg-align-right
    {
        margin-left: 0;
    }

    .media-wysiwyg-align-left
    {
        margin-right: 0;
    }
}