/*// @helper: responsive
* @media: multiple
* @description: responsive helpers for elements
*/

@import url('https://fonts.googleapis.com/css?family=Exo+2:400,400i,800');

/*// basic units */

/*// typography config */

/*// arabic font*/

/*// media config */

/*// media sizes*/

/*// theme config */

/*// base colors*/

/*// reset */

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {

    font-family: 'Exo 2', tahoma, sans-serif;

    /* 1 */

    -ms-text-size-adjust: 100%;

    /* 2 */

    -webkit-text-size-adjust: 100%

    /* 2 */
}

/**
 * Remove default margin.
 */

body {

    margin: 0px
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {

    display: block
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {

    display: inline-block;

    /* 1 */

    vertical-align: baseline

    /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {

    display: none;

    height: 0
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {

    display: none
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {

    color: #ce1126;

    background-color: transparent
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {

    color: #000;

    outline: 0
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {

    border-bottom: 1px dotted
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {

    font-weight: bold
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {

    font-style: italic
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {

    font-size: 2em;

    margin: 0.67em 0
}

/**
 * Address styling not present in IE 8/9.
 */

mark {

    background: #ff0;

    color: #000
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {

    font-size: 80%
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {

    font-size: 75%;

    line-height: 0;

    position: relative;

    vertical-align: baseline
}

sup {

    top: -0.5em
}

sub {

    bottom: -0.25em
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {

    border: 0;

    max-width: 100%
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {

    overflow: hidden
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {

    margin: 0
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {

    box-sizing: content-box;

    height: 0
}

/**
 * Contain overflow in all browsers.
 */

pre {

    overflow: auto
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {

    font-family: monospace, monospace;

    font-size: 1em
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {

    color: inherit;

    /* 1 */

    font: inherit;

    /* 2 */

    margin: 0

    /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {

    overflow: visible
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {

    text-transform: none
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"],

/* 1 */

input[type="reset"],
input[type="submit"] {

    -webkit-appearance: button;

    /* 2 */

    cursor: pointer

    /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {

    cursor: default
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {

    border: 0;

    padding: 0
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {

    line-height: normal
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {

    box-sizing: border-box;

    /* 1 */

    padding: 0

    /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {

    height: auto
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {

    -webkit-appearance: textfield;

    /* 1 */

    /* 2 */

    box-sizing: content-box
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {

    -webkit-appearance: none
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {

    border: 1px solid #c0c0c0;

    margin: 0 2px;

    padding: 0.35em 0.625em 0.75em
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {

    border: 0;

    /* 1 */

    padding: 0

    /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {

    overflow: auto
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {

    font-weight: bold
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {

    border-collapse: collapse;

    border-spacing: 0
}

td,
th {

    padding: 0
}
* {

    box-sizing: border-box
}
body {

    background: #fff
}
[disable="padding"] {

    padding: 0 !important
}
table {

    border-collapse: collapse;

    width: 100%;

    border: 1px solid #ccc
}
table tr {}
table td {

    background: #fff;

    padding: 0.5rem;

    border-bottom: 1px solid #ccc
}
table th {

    background: #1e75ab;

    color: #fff;

    padding: 0.5rem
}
.sitemap-links {

    padding: 0;

    margin: 1rem 0
}
.sitemap-links li {

    display: block
}
.sitemap-links ul {

    border-left: 1px solid #eee;

    padding: 0 1rem;

    margin: 0 1rem
}
.sitemap-links a {

    text-decoration: none;

    color: #333;

    line-height: 2rem
}
.sitemap-links [class*="icon"] {

    font-size: 1rem;

    position: relative;

    top: 3px
}
p {

    line-height: 1.5rem
}
.warpp {

    width: 1000px;

    max-width: 90%
}
.whyUs_mobile {

    display: none
}
ul {

    padding: 0rem;

    margin: 0rem
}
.section-title {

    text-align: center;

    font-size: 1.6rem;

    color: #000;

    position: relative;

    margin-bottom: 2rem
}
.section-title:before {

    content: '';

    position: absolute;

    width: 10%;

    height: 4px;

    background-color: #ce1126;

    left: 0;

    right: 0;

    margin: auto;

    bottom: -17px;

    z-index: 99;

    border-radius: 3px
}
.section-title:after {

    content: '';

    position: absolute;

    width: 21%;

    height: 1px;

    background-color: #000;

    left: 0;

    right: 0;

    margin: auto;

    bottom: -1rem
}
.section-title.white-border:before {

    background-color: #fff
}
.white-span {

    color: #fff
}
.red-span {

    color: #ce1126
}
.owl-next {

    width: 55px;

    display: inline-block;

    height: 55px;

    background-size: cover;

    background-image: url('../images/ic_keyboard_arrow_left_black_24px (2).svg')
}
.owl-prev {

    display: inline-block;

    width: 55px;

    height: 55px;

    background-image: url('../images/ic_keyboard_arrow_right_black_24px (1).svg');

    float: right;

    background-size: cover
}
.owl-nav {

    position: absolute;

    left: 0;

    right: 0;

    top: 34%;

    z-index: -1
}
[message] {

    transition: 1s;

    position: fixed;

    top: -10rem;

    right: 1rem;

    left: 1rem;

    background: #fff;

    color: #000;

    padding: 1rem;

    display: block;

    z-index: 999;

    opacity: 0;

    box-shadow: -2px 5px 7px 2px rgba(0, 0, 0, 0.31)
}
[message].open {

    opacity: 1;

    top: 1rem
}
[message] .close {

    cursor: pointer;

    position: absolute;

    top: 0;

    right: 0;

    margin: 1rem
}
[message] p {

    display: block;

    margin: 1rem;

    color: #000
}
[message="info"] {

    background: #2196F3;

    color: #fff
}
[message="error"] {

    background: #F44336;

    color: #fff
}
[message="success"] {

    background: #4CAF50;

    color: #fff
}

/*// Helpers */

/*// @helper: typography
* @media: all
* @description: typography styles
*/

h1,
h2,
h3,
h4,
h5,
h6 {

    font-family: 'Exo 2', tahoma, sans-serif;

    color: #000;

    text-transform: capitalize;

    margin: 0
}

h1.special,
h2.special,
h3.special,
h4.special,
h5.special,
h6.special {

    color: #1e75ab
}

h1 {

    font-size: 2rem
}

h2 {

    font-size: 1.2rem
}

h3 {

    font-size: 1.25rem
}

h4 {

    font-size: 1.22rem
}

h5 {

    font-size: 1.18rem
}

h6 {

    font-size: 1.16rem
}
/*// @helper: grid
* @media: all
* @description: user profile elements styles
*/
/*// clearfix */
[clearfix] {

    display: block
}
[clearfix]:after,
[clearfix]:before {

    content: "";

    display: table;

    clear: both
}
/*// grid */
[grid] {

    margin: 0 -0.5rem
}
[col],
[col]:first-child,
[col]:last-child {

    padding: 0 0.5rem;

    float: left;

    margin: 0;

    width: 100%
}
[wrap] {

    margin-right: auto;

    margin-left: auto
}
/*// development */
body.development:before {

    position: fixed;

    bottom: 0;

    font-size: 10px;

    padding: 5px;

    display: inline-block;

    z-index: 99999999;

    color: #ffffff
}
/*//  */
@media all and (min-width:1025px) {

    body.development:before {

        content: 'Display';

        background: rgba(71, 196, 0, 1)
    }

    [wrap] {

        width: 1020px;

        max-width: 90%
    }

    [col~="display-1"] {

        width: 8.33333333%!important
    }

    [col~="display-2"] {

        width: 16.66666667%!important
    }

    [col~="display-3"] {

        width: 25%!important
    }

    [col~="display-4"] {

        width: 33.33333333%!important
    }

    [col~="display-5"] {

        width: 41.66666667%!important
    }

    [col~="display-6"] {

        width: 50%!important
    }

    [col~="display-7"] {

        width: 58.33333333%!important
    }

    [col~="display-8"] {

        width: 66.66666667%!important
    }

    [col~="display-9"] {

        width: 75%!important
    }

    [col~="display-10"] {

        width: 83.33333333%!important
    }

    [col~="display-11"] {

        width: 91.66666667%!important
    }

    [col~="display-12"] {

        width: 100%!important
    }
}
/*//  */
@media all and (min-width:1367px) {

    body.development:before {

        content: 'Screen';

        background: rgba(0, 96, 196, 01)
    }

    [wrap] {

        width: 1280px;

        max-width: 90%
    }

    [col~="screen-1"] {

        width: 8.33333333%!important
    }

    [col~="screen-2"] {

        width: 16.66666667%!important
    }

    [col~="screen-3"] {

        width: 25%!important
    }

    [col~="screen-4"] {

        width: 33.33333333%!important
    }

    [col~="screen-5"] {

        width: 41.66666667%!important
    }

    [col~="screen-6"] {

        width: 50%!important
    }

    [col~="screen-7"] {

        width: 58.33333333%!important
    }

    [col~="screen-8"] {

        width: 66.66666667%!important
    }

    [col~="screen-9"] {

        width: 75%!important
    }

    [col~="screen-10"] {

        width: 83.33333333%!important
    }

    [col~="screen-11"] {

        width: 91.66666667%!important
    }

    [col~="screen-12"] {

        width: 100%!important
    }
}
/*//  */
@media all and (max-width:1024px) {

    body.development:before {

        content: 'Tablet';

        background: rgba(255, 0, 185, 01)
    }

    [wrap] {

        width: 1024px;

        max-width: 95%
    }

    [col~="tablet-1"] {

        width: 8.33333333%!important
    }

    [col~="tablet-2"] {

        width: 16.66666667%!important
    }

    [col~="tablet-3"] {

        width: 25%!important
    }

    [col~="tablet-4"] {

        width: 33.33333333%!important
    }

    [col~="tablet-5"] {

        width: 41.66666667%!important
    }

    [col~="tablet-6"] {

        width: 50%!important
    }

    [col~="tablet-7"] {

        width: 58.33333333%!important
    }

    [col~="tablet-8"] {

        width: 66.66666667%!important
    }

    [col~="tablet-9"] {

        width: 75%!important
    }

    [col~="tablet-10"] {

        width: 83.33333333%!important
    }

    [col~="tablet-11"] {

        width: 91.66666667%!important
    }

    [col~="tablet-12"] {

        width: 100%!important
    }
}
/*//  */
@media all and (max-width: 480px) {

    body.development:before {

        content: 'Mobile';

        background: rgba(255, 233, 0, 1);

        color: #000000
    }

    [wrap] {

        width: 480px;

        max-width: 95%
    }

    [col~="mobile-1"] {

        width: 8.33333333%!important
    }

    [col~="mobile-2"] {

        width: 16.66666667%!important
    }

    [col~="mobile-3"] {

        width: 25%!important
    }

    [col~="mobile-4"] {

        width: 33.33333333%!important
    }

    [col~="mobile-5"] {

        width: 41.66666667%!important
    }

    [col~="mobile-6"] {

        width: 50%!important
    }

    [col~="mobile-7"] {

        width: 58.33333333%!important
    }

    [col~="mobile-8"] {

        width: 66.66666667%!important
    }

    [col~="mobile-9"] {

        width: 75%!important
    }

    [col~="mobile-10"] {

        width: 83.33333333%!important
    }

    [col~="mobile-11"] {

        width: 91.66666667%!important
    }

    [col~="mobile-12"] {

        width: 100%!important
    }
}
/*// @helper: responsive
* @media: multiple
* @description: responsive assets helpers for all elements
*/
/*// display */
[hide] {

    display: none !important
}
[show] {

    display: block !important
}
[no=padding] {

    padding: 0 !important
}
[no=margin] {

    margin: 0 !important
}
/*// display */
[display~=block] {

    display: block !important
}
[display~=inline-block] {

    display: inline-block !important
}
[display~=inline] {

    display: inline !important
}
[display~=none] {

    display: none !important
}
/*// text align */
[text-align~=start] {

    text-align: start !important
}
[text-align~=end] {

    text-align: end !important
}
[text-align~=left] {

    text-align: left !important
}
[text-align~=right] {

    text-align: right !important
}
[text-align~=center] {

    text-align: center !important
}
/*// float */
[float~=left] {

    float: left !important
}
[float~=right] {

    float: right !important
}
[float~=none] {

    float: none !important
}
/*// clear */
[clear~=left] {

    clear: left !important
}
[clear~=right] {

    clear: right !important
}
[clear~=none] {

    clear: none !important
}
/*//  */
@media all and (min-width:1025px) {

    /*// display */

    [display~=display-block] {

        display: block !important
    }

    [display~=display-inline-block] {

        display: inline-block !important
    }

    [display~=display-inline] {

        display: inline !important
    }

    [display~=display-none] {

        display: none !important
    }

    /*// text align */

    [text-align~=display-start] {

        text-align: start !important
    }

    [text-align~=display-end] {

        text-align: end !important
    }

    [text-align~=display-left] {

        text-align: left !important
    }

    [text-align~=display-right] {

        text-align: right !important
    }

    [text-align~=display-center] {

        text-align: center !important
    }

    /*// float */

    [float~=display-left] {

        float: left !important
    }

    [float~=display-right] {

        float: right !important
    }

    [float~=display-none] {

        float: none !important
    }

    /*// clear */

    [clear~=display-left] {

        clear: left !important
    }

    [clear~=display-right] {

        clear: right !important
    }

    [clear~=display-none] {

        clear: none !important
    }
}
/*//  */
@media all and (min-width:1367px) {

    /*// display */

    [display~=screen-block] {

        display: block !important
    }

    [display~=screen-inline-block] {

        display: inline-block !important
    }

    [display~=screen-inline] {

        display: inline !important
    }

    [display~=screen-none] {

        display: none !important
    }

    /*// text align */

    [text-align~=screen-start] {

        text-align: start !important
    }

    [text-align~=screen-end] {

        text-align: end !important
    }

    [text-align~=screen-left] {

        text-align: left !important
    }

    [text-align~=screen-right] {

        text-align: right !important
    }

    [text-align~=screen-center] {

        text-align: center !important
    }

    /*// float */

    [float~=screen-left] {

        float: left !important
    }

    [float~=screen-right] {

        float: right !important
    }

    [float~=screen-none] {

        float: none !important
    }

    /*// clear */

    [clear~=screen-left] {

        clear: left !important
    }

    [clear~=screen-right] {

        clear: right !important
    }

    [clear~=screen-none] {

        clear: none !important
    }
}
/*//  */
@media all and (max-width:1024px) {

    /*// display */

    [display~=tablet-block] {

        display: block !important
    }

    [display~=tablet-inline-block] {

        display: inline-block !important
    }

    [display~=tablet-inline] {

        display: inline !important
    }

    [display~=tablet-none] {

        display: none !important
    }

    /*// text align */

    [text-align~=tablet-start] {

        text-align: start !important
    }

    [text-align~=tablet-end] {

        text-align: end !important
    }

    [text-align~=tablet-left] {

        text-align: left !important
    }

    [text-align~=tablet-right] {

        text-align: right !important
    }

    [text-align~=tablet-center] {

        text-align: center !important
    }

    /*// float */

    [float~=tablet-left] {

        float: left !important
    }

    [float~=tablet-right] {

        float: right !important
    }

    [float~=tablet-none] {

        float: none !important
    }

    /*// clear */

    [clear~=tablet-left] {

        clear: left !important
    }

    [clear~=tablet-right] {

        clear: right !important
    }

    [clear~=tablet-none] {

        clear: none !important
    }
}
/*//  */
@media all and (max-width: 480px) {

    /*// display */

    [display~=mobile-block] {

        display: block !important
    }

    [display~=mobile-inline-block] {

        display: inline-block !important
    }

    [display~=mobile-inline] {

        display: inline !important
    }

    [display~=mobile-none] {

        display: none !important
    }

    /*// text align */

    [text-align~=mobile-start] {

        text-align: start !important
    }

    [text-align~=mobile-end] {

        text-align: end !important
    }

    [text-align~=mobile-left] {

        text-align: left !important
    }

    [text-align~=mobile-right] {

        text-align: right !important
    }

    [text-align~=mobile-center] {

        text-align: center !important
    }

    /*// float */

    [float~=mobile-left] {

        float: left !important
    }

    [float~=mobile-right] {

        float: right !important
    }

    [float~=mobile-none] {

        float: none !important
    }

    /*// clear */

    [clear~=mobile-left] {

        clear: left !important
    }

    [clear~=mobile-right] {

        clear: right !important
    }

    [clear~=mobile-none] {

        clear: none !important
    }
}
/*// @helper: form
* @media: all
* @description: form styles
*/
select,
textarea,
[role="button"],
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="date"],
input[type="number"] {

    border: none;

    border-bottom: 1px solid #7b7b7b;

    font-size: 18px;

    padding: 15px 0rem;

    width: 100%
}
input:focus,
textarea:focus {

    outline: none;

    border-bottom: 1px solid #ce1126
}
.form-field {

    margin-bottom: 1rem
}
label.error {

    color: #f00;

    text-align: left !important;

    display: block
}
textarea {

    min-height: 100px
}
label.field {

    display: block;

    margin: 0 0 16px;

    position: relative
}
label .error {

    background: #FFEFEF
}
label.field label.error {

    position: absolute;

    bottom: 1px;

    0: 0;

    right: 1px;

    font-size: 11px;

    color: #fe0000;

    padding: 2px;

    background: #fff
}
label.field input,
label.field textarea,
label.field select {

    width: 100%
}
input[type="checkbox"],
input[type="radio"] {}
input[type="radio"]+i,
input[type="checkbox"]+i {

    font-size: 15px;

    margin: 0 10px 0 0;

    position: relative;

    top: 3px;

    transition: all 160ms
}
input[type="radio"]+i:before,
input[type="checkbox"]+i:before {

    content: 'check_box_outline_blank';

    color: #949494
}
input[type="radio"]+i:before {

    content: 'radio_button_unchecked'
}
input[type="radio"]:checked+i:before,
input[type="checkbox"]:checked+i:before {

    content: 'check_box';

    color: #5f5f5f
}
input[type="radio"]:checked+i:before {

    content: 'radio_button_checked'
}
fieldset,
fieldset legend {

    padding: 1rem;

    background: #fff
}
fieldset {

    border: 2px solid #000;

    padding: 4rem 2rem
}
fieldset legend {

    font-weight: 200;

    font-size: 1.2rem;

    background: #000;

    color: #fff;

    padding: 0.5rem 1rem
}
/*// @helper: buttons
* @media: all
* @description: buttons styles
*/
[role*="button"],
button {

    color: #fff;

    font: inherit;

    border: 1px solid #00000026;

    text-transform: uppercase;

    transition: 160ms;

    background: #000000;

    border: none;

    border-radius: 0;

    padding: 1rem 13%
}
[role*="button"]:hover,
button:hover {

    background: #f02941
}
/*// @helper: Box
* @media: all
* @description: Box Models
*/
.box {

    padding: 1rem
}
.box.white {

    background: #f4f4f4
}
hr {

    height: 15px;

    border: 0;

    border-bottom: 2px solid #ddd;

    display: block;

    width: 100%;

    margin: 0 0 15px
}
/*// @helper: messages
* @media: all
* @description: messages styles
*/
[message] {

    text-align: center;

    position: fixed;

    margin: auto;

    top: 10em;

    left: 0;

    right: 0;

    width: 80%;

    padding: 1em;

    color: #fefefe;

    z-index: 998;

    transition: all 200ms;

    transform-origin: center -3em;

    transform: perspective(400px) rotate3d(1, 0, 0, -90deg);

    box-shadow: 0 0px 0px 0px rgba(34,34,34,0.1)
}
[message].open {

    transform: perspective(400px) rotate3d(1, 0, 0, 0deg);

    box-shadow: 0 5px 10px 1px rgba(34,34,34,0.1)
}
[message].success {

    background: #3FA64A
}
[message].info {

    background: #52bbeb
}
[message].error {

    background: #FE0000
}
[message].warning {

    background: #ffae3e;

    color: #000
}
[message] .controls {

    margin: 16px 0 0
}
[message] [role*=button] {

    padding: 2px 15px;

    background: #3f58a6
}
[message] [role*=special] {

    background: #3FA64A
}

/*// Components */

body.homepage header {

    z-index: 9999999;

    position: absolute;

    left: 0;

    right: 0
}

header .header-contact {

    list-style-type: none
}

header .header-top {

    padding: 1rem 7%;

    background-color: rgba(55, 56, 58, 0.68);

    display: -ms-flexbox;

    display: flex;

    -ms-flex-flow: row;

        flex-flow: row;

    line-height: 32px
}

header .header-contact li {

    display: inline-block;

    margin-right: 1rem
}

header .header-contact a {

    text-decoration: none;

    color: #fff
}

header .header-contact svg {

    vertical-align: middle;

    fill: #ce1126
}

header a {

    text-decoration: none;

    color: #fff
}

header svg {

    vertical-align: middle
}

header .social-list li {

    display: inline-block;

    margin: 0px 5px
}

header .social-list svg {

    width: 30px;

    height: 30px;

    fill: #c4d8df
}

header .social-list svg:hover {

    fill: #fff
}

header .social-list {

    text-align: start

    /* width: 47%; */
}

header .lang {

    text-align: right
}

/* HEADER NAV */

header .header-nav {

    background-color: #fff;

    padding: 0rem 1rem;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-flow: row;

        flex-flow: row
}

header .header-logo {

    display: inline-block;

    vertical-align: middle;

    padding: 6px
}

header .logo-text {

    margin-bottom: 5%
}

header nav {

    display: -ms-flexbox;

    display: flex;

    padding: 0rem 2%;

    width: 65%
}

header nav li {

    display: inline-block;

    line-height: 57px;

    vertical-align: middle;

    padding: 0rem 1rem
}

header nav li a {

    color: #333
}

header nav li a:hover {

    color: #ce1126
}

header nav li ul {

    display: none
}

header .nav-toggle {

    display: none
}

.header-top>* {

    -ms-flex-positive: 1;

        flex-grow: 1
}

.header-solid {

    background-color: #000 !important
}

@media (max-width: 768px) {

    header .nav-toggle {

        display: inline-block;

        float: right;

        color: #000;

        float: right;

        text-align: end;

        -ms-flex-positive: 1;

            flex-grow: 1;

        line-height: 3rem
    }

    header nav {

        position: fixed;

        top: 0;

        right: -361px;

        width: 360px;

        max-width: 100%;

        height: 100%;

        background: #444;

        display: block;

        transition: 200ms;

        z-index: 999
    }

    .navOpen header nav {

        right: 0
    }

    header nav .nav-toggle {

        float: none;

        display: block;

        background: #eee;

        color: #000;

        padding: 1rem;

        margin: 0 -0.5rem;

        line-height: initial;

        text-align: start
    }

    header nav li {

        display: block
    }

    header nav li a {

        color: #eee
    }
}

@media (max-width: 480px) {

    header nav {

        width: 100%;

        right: -100%
    }

    body.homepage header {

        position: static
    }

    header .header-top {

        -ms-flex-wrap: wrap;

            flex-wrap: wrap
    }

    header .header-top>* {

        -ms-flex-positive: 1;

            flex-grow: 1;

        width: 50%;

        text-align: center
    }

    header .header-contact {

        width: 100%;

        margin: 0 0 1rem;

        display: -ms-flexbox;

        display: flex
    }

    header .header-contact li {

        font-size: 0.9em;

        /* float: left; */

        width: 50%
    }

    header .header-contact svg {

        width: 16px;

        height: 16px
    }

    header .social-list {

        text-align: center

        /* width: 47%; */
    }
}
footer {

    padding: 2rem;

    background-color: #000
}
footer .footer-links {

    display: inline-block;

    position: relative
}
footer .footer-links:after {

    left: 0;

    right: 0;

    content: '';

    height: 8px;

    width: 100%;

    position: absolute;

    background-color: #ce1126;

    top: -2.5rem
}
footer .copyrights {

    display: inline-block;

    float: right;

    margin: 0px;

    color: #fff
}
footer .copyrights span {

    display: inline-block;

    vertical-align: middle
}
.footer-links li {

    display: inline-block;

    margin: 5px;

    line-height: 34px;

    font-size: 19px;

    border-right: 1px solid #fff;

    padding-right: 14px
}
.footer-links li:last-child {

    border-right: none
}
.footer-links a {

    color: #fff;

    text-decoration: none
}
.footer-links a:hover {

    color: #ce1126
}
@media (max-width: 768px) {}
@media (max-width: 480px) {

    footer {}

    footer .footer-links {

        float: none;

        margin: 0 0 3rem
    }

    .footer-links li {}

    footer .copyrights {

        float: none;

        text-align: center
    }
}
.breadcrumbs {

    position: absolute;

    right: 3rem;

    left: auto;

    line-height: 44px
}
.breadcrumbs a {

    color: #fff;

    text-decoration: none
}
.breadcrumbs svg {

    vertical-align: middle
}
article {}
article img {

    padding: 0.5rem;

    margin: 0.5rem 0;

    border: 1px solid #ddd;

    background: #fff
}
article b,
article strong {

    color: #1e75ab
}
article h1 {}
article h2 {}
article h3 {}
article h4 {}
#imagelightbox {

    position: fixed;

    z-index: 9999;

    -ms-touch-action: none;

    touch-action: none;

    border: 5px solid #fff;

    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.13)
}
#overlay {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    background: rgba(255, 255, 255, 0.75)
}
.article {}
.article-header {

    background: #ce1126;

    color: #fff;

    padding: 5rem 1rem 1rem
}
.article-header-title {

    color: #fff
}
.article-body {

    font-size: 1.1rem;

    padding: 1rem
}
.article-body h1,
.article-body h2,
.article-body h3,
.article-body h4,
.article-body h5,
.article-body h6 {

    font-weight: 200;

    color: #ce1126
}
.article-body h1 {

    font-size: 2rem
}
.article-body h2 {

    font-size: 1.8rem
}
.article-body h3 {

    font-size: 1.6rem
}
.article-body h4 {

    font-size: 1.4rem
}
.article-body h5 {

    font-size: 1.2rem
}
.article-body h6 {

    font-size: 1.1rem
}
.article-body ul {

    display: block;

    padding: 0 2.5rem
}
.article-body ol {}
.article-body li {}
.article-body a {

    color: #ce1126
}
.article-body a:hover {

    color: #000
}
.home-slider {}
.home-slider img {

    display: block;

    width: 100%;

    max-height: 561px;

    object-fit: cover
}
.home-slider-content {

    position: relative
}
.home-slider-content .caption {

    position: absolute;

    bottom: 0rem;

    left: 0;

    right: 0;

    text-align: center;

    color: #fff;

    font-size: 27px;

    background-color: #131313ab;

    padding: 1% 6%
}
.home-slider .owl-dots {

    display: -ms-flexbox;

    display: flex;

    width: 100%;

    padding: 0rem 11%;

    border-bottom: 1px solid #868686;

    text-align: center
}
.home-slider .owl-dot {

    width: 33%;

    line-height: 70px;

    font-size: 15px;

    border-left: 1px solid #868686;

    font-weight: 600;

    position: relative
}
.home-slider .owl-dot:last-child {

    border-right: 1px solid #868686
}
.home-slider .red-owl-p {

    font-size: 2rem;

    transition: 160ms;

    color: #868686
}
.owl-dot.active:after {

    content: '';

    position: absolute;

    width: 12px;

    height: 35px;

    background-color: #fff;

    /* IE 9 */

    /* Safari 3-8 */

    transform: rotate(45deg);

    left: 30%;

    top: -10px
}
.owl-dot.active .red-owl-p {

    color: #ce1126;

    font-weight: bold;

    padding: 0.5rem
}
.footprint {

    position: relative;

    clear: both;

    display: inline-block;

    width: 100%;

    padding: 3rem 2rem;

    padding-bottom: 0rem
}
.footprint img {

    position: absolute;

    left: 0;

    right: 0;

    width: 100%;

    z-index: -1;

    top: 0;

    bottom: 0;

    object-fit: cover;

    height: 100%;

    object-position: top
}
.footprint-content {

    width: 48%;

    padding: 1rem;

    float: right;

    clear: both;

    margin-top: 4%;

    background-color: rgba(130, 18, 18, 0.79);

    color: #fff
}
.footprint .section-title {

    color: #fff
}
.about {

    padding: 3rem 2rem
}
.about .section-desc {

    text-align: center;

    font-size: 1.2rem
}
.about-grid {

    display: -ms-flexbox;

    display: flex;

    padding: 2rem 3%;

    width: 100%
}
.about-grid h3 {

    color: #868686;

    font-size: 1.6rem
}
.about-grid-item {

    padding: 0rem 1rem 0rem 2rem;

    border-right: 1px solid #868686;

    width: 33.3%
}
.about-grid-item p {

    font-size: 1.2rem
}
.about-grid-item:last-child {

    border-right: none
}
.about .section-title:after {

    bottom: -15px
}
@media (max-width: 768px) {

    .about-grid {

        -ms-flex-flow: column;

            flex-flow: column
    }

    .about-grid-item {

        border: 0;

        margin: 1rem 0;

        width: 100%;

        border-bottom: 1px solid #ddd
    }

    .about-grid-item:last-child {

        border-bottom: none
    }

    .footprint-content {

        width: 100%
    }
}
.services {

    padding: 3rem 2rem;

    border-bottom: 1px solid #ddd
}
.services-grid {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-flow: row;

        flex-flow: row;

    width: 90%;

    margin: auto;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap
}
.services-item {

    width: 25%;

    position: relative;

    min-height: 315px;

    transition: 160ms
}
.services-item img {

    position: absolute;

    top: 0;

    bottom: 0;

    height: 100%;

    width: 100%;

    z-index: -5
}
.services-item-content {

    position: absolute;

    left: 1rem;

    right: 1rem;

    width: 90%;

    z-index: -1;

    top: 1rem;

    bottom: 1rem;

    height: 87%;

    background-color: rgba(202, 0, 22, 0.8);

    text-align: center;

    color: #333;

    padding: 0;

    color: #fff;

    height: 0;

    overflow: hidden;

    transition: 500ms;

    margin: auto;

    transition-delay: 100ms
}
.services-item-content h3 {

    color: #fff
}
.unhovered-content {

    position: absolute;

    left: 0;

    right: 0;

    width: 100%;

    z-index: -1;

    top: 0;

    bottom: 0;

    height: 100%;

    padding: 160px 0px;

    background-color: rgba(255, 255, 255, 0.5098039215686274);

    text-align: center;

    color: #333;

    transition: 160ms;

    opacity: 1
}
.services-item:hover p {

    display: block
}
.services-item:hover .unhovered-content {

    opacity: 0
}
.services-item:hover .services-item-content {

    height: 90%;

    padding: 17% 1rem
}
@media (max-width: 768px) {

    .services-grid {

        -ms-flex-flow: row;

            flex-flow: row;

        -ms-flex-wrap: wrap;

            flex-wrap: wrap
    }

    .services-item {

        border: 0;

        margin: 0;

        -ms-flex-positive: 0.5;

            flex-grow: 0.5;

        width: 50%
    }
}
@media (max-width: 480px) {

    .services-item {

        -ms-flex-positive: 1;

            flex-grow: 1;

        width: 100%;

        min-height: 250px;

        overflow: hidden
    }
}
.clients-slider {

    padding-top: 2rem
}
.clients-slider .owl-carousel {

    width: 95%;

    margin: auto;

    padding: 2rem 5%
}
.clients-slider .owl-item h3 {

    text-align: center;

    display: block;

    padding: 1rem 0rem;

    font-weight: 200;

    color: #000
}
.clients-slider .owl-item img {

    max-width: 150px;

    margin: auto;

    /* Safari 6.0 - 9.0 */

    filter: grayscale(100%);

    display: block;

    transition: all 200ms
}
.clients-slider .owl-item img:hover {

    /* Safari 6.0 - 9.0 */

    filter: grayscale(0%);

    transition: all 200ms
}
.clients-slider .section-title:after {

    bottom: -15px
}
.page-header {

    padding: 1rem 3rem;

    padding-top: 4%;

    background-color: #ce1126;

    color: #fff
}
.page-header h1 {

    color: #fff
}
.page-content {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-flow: row;

        flex-flow: row
}
.contact-info {

    width: 50%;

    padding: 3rem
}
.contact-tile {

    color: #989898;

    font-size: 23px
}
.contact-info-list {

    list-style-type: none;

    padding: 1rem
}
.contact-info-list li {

    line-height: 40px
}
.contact-info-icon {

    width: 26px;

    display: inline-block;

    vertical-align: middle
}
.contact-info-icon svg {

    fill: #ce1126
}
.contact-info h3 {

    display: inline-block;

    font-weight: 200
}
.contact-form {

    width: 50%;

    position: relative
}
.contact-form:after {

    content: '';

    position: absolute;

    height: 73%;

    width: 1px;

    background-color: #ddd;

    left: -37px;

    right: auto;

    top: 49px
}
.contact-social {

    list-style-type: none;

    padding: 1rem
}
.contact-social li {

    display: inline-block
}
.contact-social li {

    width: auto;

    padding-right: 10px
}
.contact-social li svg {

    width: 30px;

    height: 30px
}
.contact-form {

    padding: 3rem
}
.end-content.page-content {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-flow: column;

        flex-flow: column
}
.end-content-card {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-flow: row;

        flex-flow: row;

    padding: 1rem;

    padding-bottom: 0px
}
.end-content-card:last-child {

    padding-bottom: 1rem
}
.end-content-card.card-right {

    -ms-flex-flow: row-reverse;

        flex-flow: row-reverse
}
.card-text,
.card-img {

    width: 50%
}
.card-img img {

    max-height: 285px;

    object-fit: cover;

    width: 100%
}
.card-text {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-flow: wrap;

        flex-flow: wrap;

    padding: 2rem
}
.card-text p {

    font-size: 19px;

    line-height: 30px;

    margin: 0rem
}
.end-content-fullcard .card-text,
.end-content-fullcard .card-img {

    width: 100%;

    padding: 1rem 0rem
}
.end-content-fullcard .card-text {

    width: 90%;

    margin: auto;

    display: block;

    padding-bottom: 2rem
}
.sitemap-links svg {

    fill: #ce1126;

    vertical-align: middle
}
.sitemap-links ul svg {

    fill: #b7b5b5
}
#sitemap {

    background: #f4f4f4;

    width: 100%;

    margin: 0rem;

    padding: 2rem 6%;

    max-width: 100%
}
.sitemap-links>li {

    font-weight: 900;

    background-color: #fff;

    padding: 1rem;

    margin: 10px
}
.sitemap-links li {

    line-height: 37px
}

/*// Sections */


/*// addons */

.intl-tel-input {

    position: relative;

    display: inline-block
}

.intl-tel-input * {

    box-sizing: border-box;

    -moz-box-sizing: border-box
}

.intl-tel-input .hide {

    display: none
}

.intl-tel-input .v-hide {

    visibility: hidden
}

.intl-tel-input input,.intl-tel-input input[type=text],.intl-tel-input input[type=tel] {

    position: relative;

    z-index: 0;

    margin-top: 0 !important;

    margin-bottom: 0 !important;

    padding-right: 36px;

    margin-right: 0
}

.intl-tel-input .flag-container {

    position: absolute;

    top: 0;

    bottom: 0;

    right: 0;

    padding: 1px
}

.intl-tel-input .selected-flag {

    z-index: 1;

    position: relative;

    width: 36px;

    height: 100%;

    padding: 0 0 0 8px
}

.intl-tel-input .selected-flag .iti-flag {

    position: absolute;

    top: 0;

    bottom: 0;

    margin: auto
}

.intl-tel-input .selected-flag .iti-arrow {

    position: absolute;

    top: 50%;

    margin-top: -2px;

    right: 6px;

    width: 0;

    height: 0;

    border-left: 3px solid transparent;

    border-right: 3px solid transparent;

    border-top: 4px solid #555
}

.intl-tel-input .selected-flag .iti-arrow.up {

    border-top: none;

    border-bottom: 4px solid #555
}

.intl-tel-input .country-list {

    position: absolute;

    z-index: 2;

    list-style: none;

    text-align: left;

    padding: 0;

    margin: 0 0 0 -1px;

    box-shadow: 1px 1px 4px rgba(0,0,0,0.2);

    background-color: white;

    border: 1px solid #CCC;

    white-space: nowrap;

    max-height: 200px;

    overflow-y: scroll
}

.intl-tel-input .country-list.dropup {

    bottom: 100%;

    margin-bottom: -1px
}

.intl-tel-input .country-list .flag-box {

    display: inline-block;

    width: 20px
}

@media (max-width: 500px) {

    .intl-tel-input .country-list {

        white-space: normal
    }
}

.intl-tel-input .country-list .divider {

    padding-bottom: 5px;

    margin-bottom: 5px;

    border-bottom: 1px solid #CCC
}

.intl-tel-input .country-list .country {

    padding: 5px 10px
}

.intl-tel-input .country-list .country .dial-code {

    color: #999
}

.intl-tel-input .country-list .country.highlight {

    background-color: rgba(0,0,0,0.05)
}

.intl-tel-input .country-list .flag-box,.intl-tel-input .country-list .country-name,.intl-tel-input .country-list .dial-code {

    vertical-align: middle
}

.intl-tel-input .country-list .flag-box,.intl-tel-input .country-list .country-name {

    margin-right: 6px
}

.intl-tel-input.allow-dropdown input,.intl-tel-input.allow-dropdown input[type=text],.intl-tel-input.allow-dropdown input[type=tel] {

    padding-right: 6px;

    padding-left: 52px;

    margin-left: 0
}

.intl-tel-input.allow-dropdown .flag-container {

    right: auto;

    left: 0
}

.intl-tel-input.allow-dropdown .selected-flag {

    width: 46px
}

.intl-tel-input.allow-dropdown .flag-container:hover {

    cursor: pointer
}

.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {

    background-color: rgba(0,0,0,0.05)
}

.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover,.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover {

    cursor: default
}

.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover .selected-flag,.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover .selected-flag {

    background-color: transparent
}

.intl-tel-input.allow-dropdown.separate-dial-code .selected-flag {

    background-color: rgba(0,0,0,0.05);

    display: table
}

.intl-tel-input.allow-dropdown.separate-dial-code .selected-dial-code {

    display: table-cell;

    vertical-align: middle;

    padding-left: 28px
}

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input[type=text],.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input[type=tel] {

    padding-left: 76px
}

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 .selected-flag {

    width: 70px
}

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=text],.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=tel] {

    padding-left: 84px
}

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 .selected-flag {

    width: 78px
}

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input[type=text],.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input[type=tel] {

    padding-left: 92px
}

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 .selected-flag {

    width: 86px
}

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input[type=text],.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input[type=tel] {

    padding-left: 100px
}

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 .selected-flag {

    width: 94px
}

.intl-tel-input.iti-container {

    position: absolute;

    top: -1000px;

    left: -1000px;

    z-index: 1060;

    padding: 1px
}

.intl-tel-input.iti-container:hover {

    cursor: pointer
}

.iti-mobile .intl-tel-input.iti-container {

    top: 30px;

    bottom: 30px;

    left: 30px;

    right: 30px;

    position: fixed
}

.iti-mobile .intl-tel-input .country-list {

    max-height: 100%;

    width: 100%
}

.iti-mobile .intl-tel-input .country-list .country {

    padding: 10px 10px;

    line-height: 1.5em
}

.iti-flag {

    width: 20px
}

.iti-flag.be {

    width: 18px
}

.iti-flag.ch {

    width: 15px
}

.iti-flag.mc {

    width: 19px
}

.iti-flag.ne {

    width: 18px
}

.iti-flag.np {

    width: 13px
}

.iti-flag.va {

    width: 15px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {

    .iti-flag {

        background-size: 5630px 15px
    }
}

.iti-flag.ac {

    height: 10px;

    background-position: 0px 0px
}

.iti-flag.ad {

    height: 14px;

    background-position: -22px 0px
}

.iti-flag.ae {

    height: 10px;

    background-position: -44px 0px
}

.iti-flag.af {

    height: 14px;

    background-position: -66px 0px
}

.iti-flag.ag {

    height: 14px;

    background-position: -88px 0px
}

.iti-flag.ai {

    height: 10px;

    background-position: -110px 0px
}

.iti-flag.al {

    height: 15px;

    background-position: -132px 0px
}

.iti-flag.am {

    height: 10px;

    background-position: -154px 0px
}

.iti-flag.ao {

    height: 14px;

    background-position: -176px 0px
}

.iti-flag.aq {

    height: 14px;

    background-position: -198px 0px
}

.iti-flag.ar {

    height: 13px;

    background-position: -220px 0px
}

.iti-flag.as {

    height: 10px;

    background-position: -242px 0px
}

.iti-flag.at {

    height: 14px;

    background-position: -264px 0px
}

.iti-flag.au {

    height: 10px;

    background-position: -286px 0px
}

.iti-flag.aw {

    height: 14px;

    background-position: -308px 0px
}

.iti-flag.ax {

    height: 13px;

    background-position: -330px 0px
}

.iti-flag.az {

    height: 10px;

    background-position: -352px 0px
}

.iti-flag.ba {

    height: 10px;

    background-position: -374px 0px
}

.iti-flag.bb {

    height: 14px;

    background-position: -396px 0px
}

.iti-flag.bd {

    height: 12px;

    background-position: -418px 0px
}

.iti-flag.be {

    height: 15px;

    background-position: -440px 0px
}

.iti-flag.bf {

    height: 14px;

    background-position: -460px 0px
}

.iti-flag.bg {

    height: 12px;

    background-position: -482px 0px
}

.iti-flag.bh {

    height: 12px;

    background-position: -504px 0px
}

.iti-flag.bi {

    height: 12px;

    background-position: -526px 0px
}

.iti-flag.bj {

    height: 14px;

    background-position: -548px 0px
}

.iti-flag.bl {

    height: 14px;

    background-position: -570px 0px
}

.iti-flag.bm {

    height: 10px;

    background-position: -592px 0px
}

.iti-flag.bn {

    height: 10px;

    background-position: -614px 0px
}

.iti-flag.bo {

    height: 14px;

    background-position: -636px 0px
}

.iti-flag.bq {

    height: 14px;

    background-position: -658px 0px
}

.iti-flag.br {

    height: 14px;

    background-position: -680px 0px
}

.iti-flag.bs {

    height: 10px;

    background-position: -702px 0px
}

.iti-flag.bt {

    height: 14px;

    background-position: -724px 0px
}

.iti-flag.bv {

    height: 15px;

    background-position: -746px 0px
}

.iti-flag.bw {

    height: 14px;

    background-position: -768px 0px
}

.iti-flag.by {

    height: 10px;

    background-position: -790px 0px
}

.iti-flag.bz {

    height: 14px;

    background-position: -812px 0px
}

.iti-flag.ca {

    height: 10px;

    background-position: -834px 0px
}

.iti-flag.cc {

    height: 10px;

    background-position: -856px 0px
}

.iti-flag.cd {

    height: 15px;

    background-position: -878px 0px
}

.iti-flag.cf {

    height: 14px;

    background-position: -900px 0px
}

.iti-flag.cg {

    height: 14px;

    background-position: -922px 0px
}

.iti-flag.ch {

    height: 15px;

    background-position: -944px 0px
}

.iti-flag.ci {

    height: 14px;

    background-position: -961px 0px
}

.iti-flag.ck {

    height: 10px;

    background-position: -983px 0px
}

.iti-flag.cl {

    height: 14px;

    background-position: -1005px 0px
}

.iti-flag.cm {

    height: 14px;

    background-position: -1027px 0px
}

.iti-flag.cn {

    height: 14px;

    background-position: -1049px 0px
}

.iti-flag.co {

    height: 14px;

    background-position: -1071px 0px
}

.iti-flag.cp {

    height: 14px;

    background-position: -1093px 0px
}

.iti-flag.cr {

    height: 12px;

    background-position: -1115px 0px
}

.iti-flag.cu {

    height: 10px;

    background-position: -1137px 0px
}

.iti-flag.cv {

    height: 12px;

    background-position: -1159px 0px
}

.iti-flag.cw {

    height: 14px;

    background-position: -1181px 0px
}

.iti-flag.cx {

    height: 10px;

    background-position: -1203px 0px
}

.iti-flag.cy {

    height: 13px;

    background-position: -1225px 0px
}

.iti-flag.cz {

    height: 14px;

    background-position: -1247px 0px
}

.iti-flag.de {

    height: 12px;

    background-position: -1269px 0px
}

.iti-flag.dg {

    height: 10px;

    background-position: -1291px 0px
}

.iti-flag.dj {

    height: 14px;

    background-position: -1313px 0px
}

.iti-flag.dk {

    height: 15px;

    background-position: -1335px 0px
}

.iti-flag.dm {

    height: 10px;

    background-position: -1357px 0px
}

.iti-flag.do {

    height: 13px;

    background-position: -1379px 0px
}

.iti-flag.dz {

    height: 14px;

    background-position: -1401px 0px
}

.iti-flag.ea {

    height: 14px;

    background-position: -1423px 0px
}

.iti-flag.ec {

    height: 14px;

    background-position: -1445px 0px
}

.iti-flag.ee {

    height: 13px;

    background-position: -1467px 0px
}

.iti-flag.eg {

    height: 14px;

    background-position: -1489px 0px
}

.iti-flag.eh {

    height: 10px;

    background-position: -1511px 0px
}

.iti-flag.er {

    height: 10px;

    background-position: -1533px 0px
}

.iti-flag.es {

    height: 14px;

    background-position: -1555px 0px
}

.iti-flag.et {

    height: 10px;

    background-position: -1577px 0px
}

.iti-flag.eu {

    height: 14px;

    background-position: -1599px 0px
}

.iti-flag.fi {

    height: 12px;

    background-position: -1621px 0px
}

.iti-flag.fj {

    height: 10px;

    background-position: -1643px 0px
}

.iti-flag.fk {

    height: 10px;

    background-position: -1665px 0px
}

.iti-flag.fm {

    height: 11px;

    background-position: -1687px 0px
}

.iti-flag.fo {

    height: 15px;

    background-position: -1709px 0px
}

.iti-flag.fr {

    height: 14px;

    background-position: -1731px 0px
}

.iti-flag.ga {

    height: 15px;

    background-position: -1753px 0px
}

.iti-flag.gb {

    height: 10px;

    background-position: -1775px 0px
}

.iti-flag.gd {

    height: 12px;

    background-position: -1797px 0px
}

.iti-flag.ge {

    height: 14px;

    background-position: -1819px 0px
}

.iti-flag.gf {

    height: 14px;

    background-position: -1841px 0px
}

.iti-flag.gg {

    height: 14px;

    background-position: -1863px 0px
}

.iti-flag.gh {

    height: 14px;

    background-position: -1885px 0px
}

.iti-flag.gi {

    height: 10px;

    background-position: -1907px 0px
}

.iti-flag.gl {

    height: 14px;

    background-position: -1929px 0px
}

.iti-flag.gm {

    height: 14px;

    background-position: -1951px 0px
}

.iti-flag.gn {

    height: 14px;

    background-position: -1973px 0px
}

.iti-flag.gp {

    height: 14px;

    background-position: -1995px 0px
}

.iti-flag.gq {

    height: 14px;

    background-position: -2017px 0px
}

.iti-flag.gr {

    height: 14px;

    background-position: -2039px 0px
}

.iti-flag.gs {

    height: 10px;

    background-position: -2061px 0px
}

.iti-flag.gt {

    height: 13px;

    background-position: -2083px 0px
}

.iti-flag.gu {

    height: 11px;

    background-position: -2105px 0px
}

.iti-flag.gw {

    height: 10px;

    background-position: -2127px 0px
}

.iti-flag.gy {

    height: 12px;

    background-position: -2149px 0px
}

.iti-flag.hk {

    height: 14px;

    background-position: -2171px 0px
}

.iti-flag.hm {

    height: 10px;

    background-position: -2193px 0px
}

.iti-flag.hn {

    height: 10px;

    background-position: -2215px 0px
}

.iti-flag.hr {

    height: 10px;

    background-position: -2237px 0px
}

.iti-flag.ht {

    height: 12px;

    background-position: -2259px 0px
}

.iti-flag.hu {

    height: 10px;

    background-position: -2281px 0px
}

.iti-flag.ic {

    height: 14px;

    background-position: -2303px 0px
}

.iti-flag.id {

    height: 14px;

    background-position: -2325px 0px
}

.iti-flag.ie {

    height: 10px;

    background-position: -2347px 0px
}

.iti-flag.il {

    height: 15px;

    background-position: -2369px 0px
}

.iti-flag.im {

    height: 10px;

    background-position: -2391px 0px
}

.iti-flag.in {

    height: 14px;

    background-position: -2413px 0px
}

.iti-flag.io {

    height: 10px;

    background-position: -2435px 0px
}

.iti-flag.iq {

    height: 14px;

    background-position: -2457px 0px
}

.iti-flag.ir {

    height: 12px;

    background-position: -2479px 0px
}

.iti-flag.is {

    height: 15px;

    background-position: -2501px 0px
}

.iti-flag.it {

    height: 14px;

    background-position: -2523px 0px
}

.iti-flag.je {

    height: 12px;

    background-position: -2545px 0px
}

.iti-flag.jm {

    height: 10px;

    background-position: -2567px 0px
}

.iti-flag.jo {

    height: 10px;

    background-position: -2589px 0px
}

.iti-flag.jp {

    height: 14px;

    background-position: -2611px 0px
}

.iti-flag.ke {

    height: 14px;

    background-position: -2633px 0px
}

.iti-flag.kg {

    height: 12px;

    background-position: -2655px 0px
}

.iti-flag.kh {

    height: 13px;

    background-position: -2677px 0px
}

.iti-flag.ki {

    height: 10px;

    background-position: -2699px 0px
}

.iti-flag.km {

    height: 12px;

    background-position: -2721px 0px
}

.iti-flag.kn {

    height: 14px;

    background-position: -2743px 0px
}

.iti-flag.kp {

    height: 10px;

    background-position: -2765px 0px
}

.iti-flag.kr {

    height: 14px;

    background-position: -2787px 0px
}

.iti-flag.kw {

    height: 10px;

    background-position: -2809px 0px
}

.iti-flag.ky {

    height: 10px;

    background-position: -2831px 0px
}

.iti-flag.kz {

    height: 10px;

    background-position: -2853px 0px
}

.iti-flag.la {

    height: 14px;

    background-position: -2875px 0px
}

.iti-flag.lb {

    height: 14px;

    background-position: -2897px 0px
}

.iti-flag.lc {

    height: 10px;

    background-position: -2919px 0px
}

.iti-flag.li {

    height: 12px;

    background-position: -2941px 0px
}

.iti-flag.lk {

    height: 10px;

    background-position: -2963px 0px
}

.iti-flag.lr {

    height: 11px;

    background-position: -2985px 0px
}

.iti-flag.ls {

    height: 14px;

    background-position: -3007px 0px
}

.iti-flag.lt {

    height: 12px;

    background-position: -3029px 0px
}

.iti-flag.lu {

    height: 12px;

    background-position: -3051px 0px
}

.iti-flag.lv {

    height: 10px;

    background-position: -3073px 0px
}

.iti-flag.ly {

    height: 10px;

    background-position: -3095px 0px
}

.iti-flag.ma {

    height: 14px;

    background-position: -3117px 0px
}

.iti-flag.mc {

    height: 15px;

    background-position: -3139px 0px
}

.iti-flag.md {

    height: 10px;

    background-position: -3160px 0px
}

.iti-flag.me {

    height: 10px;

    background-position: -3182px 0px
}

.iti-flag.mf {

    height: 14px;

    background-position: -3204px 0px
}

.iti-flag.mg {

    height: 14px;

    background-position: -3226px 0px
}

.iti-flag.mh {

    height: 11px;

    background-position: -3248px 0px
}

.iti-flag.mk {

    height: 10px;

    background-position: -3270px 0px
}

.iti-flag.ml {

    height: 14px;

    background-position: -3292px 0px
}

.iti-flag.mm {

    height: 14px;

    background-position: -3314px 0px
}

.iti-flag.mn {

    height: 10px;

    background-position: -3336px 0px
}

.iti-flag.mo {

    height: 14px;

    background-position: -3358px 0px
}

.iti-flag.mp {

    height: 10px;

    background-position: -3380px 0px
}

.iti-flag.mq {

    height: 14px;

    background-position: -3402px 0px
}

.iti-flag.mr {

    height: 14px;

    background-position: -3424px 0px
}

.iti-flag.ms {

    height: 10px;

    background-position: -3446px 0px
}

.iti-flag.mt {

    height: 14px;

    background-position: -3468px 0px
}

.iti-flag.mu {

    height: 14px;

    background-position: -3490px 0px
}

.iti-flag.mv {

    height: 14px;

    background-position: -3512px 0px
}

.iti-flag.mw {

    height: 14px;

    background-position: -3534px 0px
}

.iti-flag.mx {

    height: 12px;

    background-position: -3556px 0px
}

.iti-flag.my {

    height: 10px;

    background-position: -3578px 0px
}

.iti-flag.mz {

    height: 14px;

    background-position: -3600px 0px
}

.iti-flag.na {

    height: 14px;

    background-position: -3622px 0px
}

.iti-flag.nc {

    height: 10px;

    background-position: -3644px 0px
}

.iti-flag.ne {

    height: 15px;

    background-position: -3666px 0px
}

.iti-flag.nf {

    height: 10px;

    background-position: -3686px 0px
}

.iti-flag.ng {

    height: 10px;

    background-position: -3708px 0px
}

.iti-flag.ni {

    height: 12px;

    background-position: -3730px 0px
}

.iti-flag.nl {

    height: 14px;

    background-position: -3752px 0px
}

.iti-flag.no {

    height: 15px;

    background-position: -3774px 0px
}

.iti-flag.np {

    height: 15px;

    background-position: -3796px 0px
}

.iti-flag.nr {

    height: 10px;

    background-position: -3811px 0px
}

.iti-flag.nu {

    height: 10px;

    background-position: -3833px 0px
}

.iti-flag.nz {

    height: 10px;

    background-position: -3855px 0px
}

.iti-flag.om {

    height: 10px;

    background-position: -3877px 0px
}

.iti-flag.pa {

    height: 14px;

    background-position: -3899px 0px
}

.iti-flag.pe {

    height: 14px;

    background-position: -3921px 0px
}

.iti-flag.pf {

    height: 14px;

    background-position: -3943px 0px
}

.iti-flag.pg {

    height: 15px;

    background-position: -3965px 0px
}

.iti-flag.ph {

    height: 10px;

    background-position: -3987px 0px
}

.iti-flag.pk {

    height: 14px;

    background-position: -4009px 0px
}

.iti-flag.pl {

    height: 13px;

    background-position: -4031px 0px
}

.iti-flag.pm {

    height: 14px;

    background-position: -4053px 0px
}

.iti-flag.pn {

    height: 10px;

    background-position: -4075px 0px
}

.iti-flag.pr {

    height: 14px;

    background-position: -4097px 0px
}

.iti-flag.ps {

    height: 10px;

    background-position: -4119px 0px
}

.iti-flag.pt {

    height: 14px;

    background-position: -4141px 0px
}

.iti-flag.pw {

    height: 13px;

    background-position: -4163px 0px
}

.iti-flag.py {

    height: 11px;

    background-position: -4185px 0px
}

.iti-flag.qa {

    height: 8px;

    background-position: -4207px 0px
}

.iti-flag.re {

    height: 14px;

    background-position: -4229px 0px
}

.iti-flag.ro {

    height: 14px;

    background-position: -4251px 0px
}

.iti-flag.rs {

    height: 14px;

    background-position: -4273px 0px
}

.iti-flag.ru {

    height: 14px;

    background-position: -4295px 0px
}

.iti-flag.rw {

    height: 14px;

    background-position: -4317px 0px
}

.iti-flag.sa {

    height: 14px;

    background-position: -4339px 0px
}

.iti-flag.sb {

    height: 10px;

    background-position: -4361px 0px
}

.iti-flag.sc {

    height: 10px;

    background-position: -4383px 0px
}

.iti-flag.sd {

    height: 10px;

    background-position: -4405px 0px
}

.iti-flag.se {

    height: 13px;

    background-position: -4427px 0px
}

.iti-flag.sg {

    height: 14px;

    background-position: -4449px 0px
}

.iti-flag.sh {

    height: 10px;

    background-position: -4471px 0px
}

.iti-flag.si {

    height: 10px;

    background-position: -4493px 0px
}

.iti-flag.sj {

    height: 15px;

    background-position: -4515px 0px
}

.iti-flag.sk {

    height: 14px;

    background-position: -4537px 0px
}

.iti-flag.sl {

    height: 14px;

    background-position: -4559px 0px
}

.iti-flag.sm {

    height: 15px;

    background-position: -4581px 0px
}

.iti-flag.sn {

    height: 14px;

    background-position: -4603px 0px
}

.iti-flag.so {

    height: 14px;

    background-position: -4625px 0px
}

.iti-flag.sr {

    height: 14px;

    background-position: -4647px 0px
}

.iti-flag.ss {

    height: 10px;

    background-position: -4669px 0px
}

.iti-flag.st {

    height: 10px;

    background-position: -4691px 0px
}

.iti-flag.sv {

    height: 12px;

    background-position: -4713px 0px
}

.iti-flag.sx {

    height: 14px;

    background-position: -4735px 0px
}

.iti-flag.sy {

    height: 14px;

    background-position: -4757px 0px
}

.iti-flag.sz {

    height: 14px;

    background-position: -4779px 0px
}

.iti-flag.ta {

    height: 10px;

    background-position: -4801px 0px
}

.iti-flag.tc {

    height: 10px;

    background-position: -4823px 0px
}

.iti-flag.td {

    height: 14px;

    background-position: -4845px 0px
}

.iti-flag.tf {

    height: 14px;

    background-position: -4867px 0px
}

.iti-flag.tg {

    height: 13px;

    background-position: -4889px 0px
}

.iti-flag.th {

    height: 14px;

    background-position: -4911px 0px
}

.iti-flag.tj {

    height: 10px;

    background-position: -4933px 0px
}

.iti-flag.tk {

    height: 10px;

    background-position: -4955px 0px
}

.iti-flag.tl {

    height: 10px;

    background-position: -4977px 0px
}

.iti-flag.tm {

    height: 14px;

    background-position: -4999px 0px
}

.iti-flag.tn {

    height: 14px;

    background-position: -5021px 0px
}

.iti-flag.to {

    height: 10px;

    background-position: -5043px 0px
}

.iti-flag.tr {

    height: 14px;

    background-position: -5065px 0px
}

.iti-flag.tt {

    height: 12px;

    background-position: -5087px 0px
}

.iti-flag.tv {

    height: 10px;

    background-position: -5109px 0px
}

.iti-flag.tw {

    height: 14px;

    background-position: -5131px 0px
}

.iti-flag.tz {

    height: 14px;

    background-position: -5153px 0px
}

.iti-flag.ua {

    height: 14px;

    background-position: -5175px 0px
}

.iti-flag.ug {

    height: 14px;

    background-position: -5197px 0px
}

.iti-flag.um {

    height: 11px;

    background-position: -5219px 0px
}

.iti-flag.us {

    height: 11px;

    background-position: -5241px 0px
}

.iti-flag.uy {

    height: 14px;

    background-position: -5263px 0px
}

.iti-flag.uz {

    height: 10px;

    background-position: -5285px 0px
}

.iti-flag.va {

    height: 15px;

    background-position: -5307px 0px
}

.iti-flag.vc {

    height: 14px;

    background-position: -5324px 0px
}

.iti-flag.ve {

    height: 14px;

    background-position: -5346px 0px
}

.iti-flag.vg {

    height: 10px;

    background-position: -5368px 0px
}

.iti-flag.vi {

    height: 14px;

    background-position: -5390px 0px
}

.iti-flag.vn {

    height: 14px;

    background-position: -5412px 0px
}

.iti-flag.vu {

    height: 12px;

    background-position: -5434px 0px
}

.iti-flag.wf {

    height: 14px;

    background-position: -5456px 0px
}

.iti-flag.ws {

    height: 10px;

    background-position: -5478px 0px
}

.iti-flag.xk {

    height: 15px;

    background-position: -5500px 0px
}

.iti-flag.ye {

    height: 14px;

    background-position: -5522px 0px
}

.iti-flag.yt {

    height: 14px;

    background-position: -5544px 0px
}

.iti-flag.za {

    height: 14px;

    background-position: -5566px 0px
}

.iti-flag.zm {

    height: 14px;

    background-position: -5588px 0px
}

.iti-flag.zw {

    height: 10px;

    background-position: -5610px 0px
}

.iti-flag {

    width: 20px;

    height: 15px;

    box-shadow: 0px 0px 1px 0px #888;

    background-image: url("../images/flags.png");

    background-repeat: no-repeat;

    background-color: #DBDBDB;

    background-position: 20px 0
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {

    .iti-flag {

        background-image: url("../images/flags@2x.png")
    }
}

.iti-flag.np {

    background-color: transparent
}
/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-carousel,.owl-carousel .owl-item {

    -webkit-tap-highlight-color: transparent;

    position: relative
}
.owl-carousel {

    display: none;

    width: 100%;

    z-index: 1
}
.owl-carousel .owl-stage {

    position: relative;

    -ms-touch-action: pan-Y;

    -moz-backface-visibility: hidden
}
.owl-carousel .owl-stage:after {

    content: ".";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0
}
.owl-carousel .owl-stage-outer {

    position: relative;

    overflow: hidden;

    -webkit-transform: translate3d(0,0,0)
}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper {

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    -ms-backface-visibility: hidden;

    -webkit-transform: translate3d(0,0,0);

    -moz-transform: translate3d(0,0,0);

    -ms-transform: translate3d(0,0,0)
}
.owl-carousel .owl-item {

    min-height: 1px;

    float: left;

    -webkit-backface-visibility: hidden;

    -webkit-touch-callout: none
}
.owl-carousel .owl-item img {

    display: block;

    width: 100%
}
.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled {

    display: none
}
.no-js .owl-carousel,.owl-carousel.owl-loaded {

    display: block
}
.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev {

    cursor: pointer;

    cursor: hand;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none
}
.owl-carousel.owl-loading {

    opacity: 0;

    display: block
}
.owl-carousel.owl-hidden {

    opacity: 0
}
.owl-carousel.owl-refresh .owl-item {

    visibility: hidden
}
.owl-carousel.owl-drag .owl-item {

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none
}
.owl-carousel.owl-grab {

    cursor: move;

    cursor: -webkit-grab;

    cursor: grab
}
.owl-carousel.owl-rtl {

    direction: rtl
}
.owl-carousel.owl-rtl .owl-item {

    float: right
}
.owl-carousel .animated {

    animation-duration: 1s;

    animation-fill-mode: both
}
.owl-carousel .owl-animated-in {

    z-index: 0
}
.owl-carousel .owl-animated-out {

    z-index: 1
}
.owl-carousel .fadeOut {

    animation-name: fadeOut
}
@keyframes fadeOut {

    0% {

        opacity: 1
    }

    100% {

        opacity: 0
    }
}
.owl-height {

    transition: height .5s ease-in-out
}
.owl-carousel .owl-item .owl-lazy {

    opacity: 0;

    transition: opacity .4s ease
}
.owl-carousel .owl-item img.owl-lazy {

    transform-style: preserve-3d
}
.owl-carousel .owl-video-wrapper {

    position: relative;

    height: 100%;

    background: #000
}
.owl-carousel .owl-video-play-icon {

    position: absolute;

    height: 80px;

    width: 80px;

    left: 50%;

    top: 50%;

    margin-left: -40px;

    margin-top: -40px;

    background: url(owl.video.play.png) no-repeat;

    cursor: pointer;

    z-index: 1;

    -webkit-backface-visibility: hidden;

    transition: transform .1s ease
}
.owl-carousel .owl-video-play-icon:hover {

    transform: scale(1.3,1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn {

    display: none
}
.owl-carousel .owl-video-tn {

    opacity: 0;

    height: 100%;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: contain;

    transition: opacity .4s ease
}
.owl-carousel .owl-video-frame {

    position: relative;

    z-index: 1;

    height: 100%;

    width: 100%
}

/*// Media */

@media all and (min-width:1367px) {}
@media all and (min-width:1025px) {}
@media all and (max-width:1024px) {

    .end-content.page-content {

        display: -ms-flexbox;

        display: flex;

        -ms-flex-flow: column;

            flex-flow: column
    }

    .end-content-card,
    .end-content-card.card-right {

        -ms-flex-flow: column-reverse;

            flex-flow: column-reverse
    }

    .card-text,
    .card-img {

        width: 100%
    }

    .end-content-card.card-right .card-text {

        background-color: #eee
    }

    .end-content-card {

        padding: 0rem
    }

    header .header-top {

        -ms-flex-flow: column;

            flex-flow: column;

        text-align: center
    }

    header .social-list,
    header .lang {

        text-align: center;

        width: 100% !important
    }

    .unhovered-content {

        padding: 116px 0px
    }

    .services-item:hover .services-item-content {

        padding: 5% 1rem
    }

    .services-item {

        border: 5px solid #fff !important
    }

    footer {

        text-align: center;

        display: inline-block;

        width: 100%
    }

    .home-slider-content .caption {

        font-size: 15px;

        padding: 3%
    }
}
@media all and (max-width: 480px) {

    .page-content {

        -ms-flex-flow: column;

            flex-flow: column;

        text-align: center
    }

    .contact-info,
    .contact-form {

        width: 100%;

        padding: 1rem
    }

    .contact-info {

        border-bottom: 1px solid #ddd
    }

    .contact-info-icon {

        width: 26px;

        vertical-align: middle;

        display: block;

        text-align: center;

        margin: auto
    }

    .contact-info-list li {

        line-height: 30px;

        padding-bottom: 1rem
    }

    footer .copyrights span {

        display: block
    }

    .footer-links {

        text-align: center;

        width: 100%
    }

    .footer-links li {

        display: inline-block;

        width: 100%;

        margin: auto;

        border: none;

        text-align: center
    }

    .end-content {

        text-align: left !important
    }

    .about .section-desc {

        text-align: left
    }

    header .header-contact {

        -ms-flex-flow: row;

            flex-flow: row;

        width: 49%;

        margin: auto;

        margin-bottom: 9px;

        display: inline-block;

        margin: 0
    }

    header .header-contact li {

        width: 34%;

        display: inline-block
    }

    header .lang {

        width: auto !important;

        display: inline-block;

        position: absolute;

        right: 24px
    }

    header .header-contact li span {

        display: none
    }

    .about-grid-item {

        text-align: left;

        padding: 1rem
    }

    .section {

        padding: 1rem
    }

    .breadcrumbs {

        display: none
    }

    .services-item {

        min-height: 289px
    }

    .footprint-content {

        margin-top: 51%
    }

    header .header-contact svg {

        width: 55px;

        height: 27px
    }
}

/* // language specific */
/*# sourceMappingURL=style.css.map */