@font-face {
    font-family: galano;
    src: url("../fonts/galano/Galano Grotesque.otf") format("opentype"), url("../fonts/galano/Galano Grotesque.woff") format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: geely;
    src: url(../fonts/neosans/NeoSans.eot);
    src: url(../fonts/neosans/NeoSans.eot?#iefix) format("embedded-opentype"), url(../fonts/neosans/NeoSans.woff) format("woff"), url(../fonts/neosans/NeoSans.ttf) format("truetype"), url(../fonts/neosans/NeoSans.svg#font-name) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: geely;
    src: url(../fonts/neosans/NeoSans-Italic.eot);
    src: url(../fonts/neosans/NeoSans-Italic.eot?#iefix) format("embedded-opentype"), url(../fonts/neosans/NeoSans-Italic.woff) format("woff"), url(../fonts/neosans/NeoSans-Italic.ttf) format("truetype"), url(../fonts/neosans/NeoSans-Italic.svg#font-name) format("svg");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: geely;
    src: url(../fonts/neosans/NeoSans-Light.eot);
    src: url(../fonts/neosans/NeoSans-Light.eot?#iefix) format("embedded-opentype"), url(../fonts/neosans/NeoSans-Light.woff) format("woff"), url(../fonts/neosans/NeoSans-Light.ttf) format("truetype"), url(../fonts/neosans/NeoSans-Light.svg#font-name) format("svg");
    font-weight: 300;
    font-style: normal
}
@font-face {
    font-family: 'monster-game';
    src: url('../fonts/monster-game.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'KabutHitam';
    src: url('../fonts/KabutHitam.ttf') format('truetype');
}




@font-face {
    font-family: geely;
    src: url(../fonts/neosans/NeoSans-LightItalic.eot);
    src: url(../fonts/neosans/NeoSans-LightItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/neosans/NeoSans-LightItalic.woff) format("woff"), url(../fonts/neosans/NeoSans-LightItalic.ttf) format("truetype"), url(../fonts/neosans/NeoSans-LightItalic.svg#font-name) format("svg");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: geely;
    src: url(../fonts/neosans/NeoSans-Medium.eot);
    src: url(../fonts/neosans/NeoSans-Medium.eot?#iefix) format("embedded-opentype"), url(../fonts/neosans/NeoSans-Medium.woff) format("woff"), url(../fonts/neosans/NeoSans-Medium.ttf) format("truetype"), url(../fonts/neosans/NeoSans-Medium.svg#font-name) format("svg");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: geely;
    src: url(../fonts/neosans/NeoSans-MediumItalic.eot);
    src: url(../fonts/neosans/NeoSans-MediumItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/neosans/NeoSans-MediumItalic.woff) format("woff"), url(../fonts/neosans/NeoSans-MediumItalic.ttf) format("truetype"), url(../fonts/neosans/NeoSans-MediumItalic.svg#font-name) format("svg");
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: geely;
    src: url(../fonts/neosans/NeoSans-Bold.eot);
    src: url(../fonts/neosans/NeoSans-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/neosans/NeoSans-Bold.woff) format("woff"), url(../fonts/neosans/NeoSans-Bold.ttf) format("truetype"), url(../fonts/neosans/NeoSans-Bold.svg#font-name) format("svg");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: geely;
    src: url(../fonts/neosans/NeoSans-BoldItalic.eot);
    src: url(../fonts/neosans/NeoSans-BoldItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/neosans/NeoSans-BoldItalic.woff) format("woff"), url(../fonts/neosans/NeoSans-BoldItalic.ttf) format("truetype"), url(../fonts/neosans/NeoSans-BoldItalic.svg#font-name) format("svg");
    font-weight: 600;
    font-style: italic
}

@font-face {
    font-family: geely;
    src: url(../fonts/neosans/NeoSans-Black.eot);
    src: url(../fonts/neosans/NeoSans-Black.eot?#iefix) format("embedded-opentype"), url(../fonts/neosans/NeoSans-Black.woff) format("woff"), url(../fonts/neosans/NeoSans-Black.ttf) format("truetype"), url(../fonts/neosans/NeoSans-Black.svg#font-name) format("svg");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: geely;
    src: url(../fonts/neosans/NeoSans-BlackItalic.eot);
    src: url(../fonts/neosans/NeoSans-BlackItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/neosans/NeoSans-BlackItalic.woff) format("woff"), url(../fonts/neosans/NeoSans-BlackItalic.ttf) format("truetype"), url(../fonts/neosans/NeoSans-BlackItalic.svg#font-name) format("svg");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: icomoon;
    src: url(../fonts/icomoon/icomoon.eot?rxj8p5);
    src: url(../fonts/icomoon/icomoon.eot?rxj8p5#iefix) format("embedded-opentype"), url(../fonts/icomoon/icomoon.ttf?rxj8p5) format("truetype"), url(../fonts/icomoon/icomoon.woff?rxj8p5) format("woff"), url(../fonts/icomoon/icomoon.svg?rxj8p5#icomoon) format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=" icon-"],
[class^=icon-] {
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-geely-jumpout:before {
    content: "\e907";
    color: #d5dde3
}

.icon-geely-hambergur:before {
    content: "\e905"
}

.icon-geely-cross:before {
    content: "\e906"
}

.icon-angle-up:before {
    content: "\e900"
}

.icon-angle-left:before {
    content: "\e901"
}

.icon-angle-down:before {
    content: "\e902"
}

.icon-angle-right:before {
    content: "\e903"
}

.icon-geely-search:before {
    content: "\e904"
}

.icon-download3:before {
    content: "\e9c7"
}

.icon-sphere:before {
    content: "\e9c9"
}

.icon-eye:before {
    content: "\e9ce"
}

.icon-facebook2:before {
    content: "\ea91"
}

.icon-instagram:before {
    content: "\ea92"
}

.icon-twitter:before {
    content: "\ea96"
}

.icon-sina-weibo:before {
    content: "\ea9a"
}

.icon-youtube:before {
    content: "\ea9d"
}

.icon-linkedin2:before {
    content: "\eaca"
}

@font-face {
    font-family: icomoon-extra;
    src: url(../fonts/icomoon/icomoon-extra.eot?5o7f7c);
    src: url(../fonts/icomoon/icomoon-extra.eot?5o7f7c#iefix) format("embedded-opentype"), url(../fonts/icomoon/icomoon-extra.ttf?5o7f7c) format("truetype"), url(../fonts/icomoon/icomoon-extra.woff?5o7f7c) format("woff"), url(../fonts/icomoon/icomoon-extra.svg?5o7f7c#icomoon-extra) format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=" icon-extra-"],
[class^=icon-extra-] {
    font-family: icomoon-extra !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-extra-play:before {
    content: "\e900"
}

@font-face {
    font-family: geely_ar;
    src: url(../fonts/cairo/Cairo-Regular.eot);
    src: url(../fonts/cairo/Cairo-Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/cairo/Cairo-Regular.woff) format("woff"), url(../fonts/cairo/Cairo-Regular.ttf) format("truetype"), url(../fonts/cairo/Cairo-Regular.svg#font-name) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: geely_ar;
    src: url(../fonts/cairo/Cairo-Light.eot);
    src: url(../fonts/cairo/Cairo-Light.eot?#iefix) format("embedded-opentype"), url(../fonts/cairo/Cairo-Light.woff) format("woff"), url(../fonts/cairo/Cairo-Light.ttf) format("truetype"), url(../fonts/cairo/Cairo-Light.svg#font-name) format("svg");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: geely_ar;
    src: url(../fonts/cairo/Cairo-SemiBold.eot);
    src: url(../fonts/cairo/Cairo-SemiBold.eot?#iefix) format("embedded-opentype"), url(../fonts/cairo/Cairo-SemiBold.woff) format("woff"), url(../fonts/cairo/Cairo-SemiBold.ttf) format("truetype"), url(../fonts/cairo/Cairo-SemiBold.svg#font-name) format("svg");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: geely_ar;
    src: url(../fonts/cairo/Cairo-Black.eot);
    src: url(../fonts/cairo/Cairo-Black.eot?#iefix) format("embedded-opentype"), url(../fonts/cairo/Cairo-Black.woff) format("woff"), url(../fonts/cairo/Cairo-Black.ttf) format("truetype"), url(../fonts/cairo/Cairo-Black.svg#font-name) format("svg");
    font-weight: 700;
    font-style: normal
}

.alignnone {
    margin: 5px 20px 20px 0
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px
}

a img.alignnone {
    margin: 5px 20px 20px 0
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    max-width: 100%
}

.wp-caption img {
    width: 100%;
    height: auto
}

.wp-caption .wp-caption-text {
    font-size: 1.2rem;
    font-weight: 300;
    margin-top: 10px
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px
}

.gallery-caption {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px
}

@media print {
    * {
        background: 0 0 !important;
        color: #000 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    .ir a:after,
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }

    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,
    tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: .5cm
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

::-moz-selection {
    background: #04a4cc;
    color: #fff;
    text-shadow: none
}

::selection {
    background: #04a4cc;
    color: #fff;
    text-shadow: none
}

::-webkit-selection {
    background: #04a4cc;
    color: #fff;
    text-shadow: none
}

::-moz-selection {
    background: #04a4cc;
    color: #fff;
    text-shadow: none
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility
}

.clear:after,
.clear:before {
    content: ' ';
    display: table
}

.clear:after {
    clear: both
}

.clear {
    *zoom: 1
}

img {
    max-width: 100%;
    vertical-align: bottom
}

a {
    color: #444;
    text-decoration: none
}

a:hover {
    color: #444
}

a:focus {
    outline: 0
}

a:active,
a:hover {
    outline: 0
}

input:focus {
    outline: 0;
    border: 1px solid #04a4cc
}

html {
    font-size: 62.5%
}

body {
    font-size: 1.4rem;
    font-family: Helvetica, Arial, sans-serif;
    color: #231815
}

body:lang(ar) {
    font-family: geely_ar, galano, Helvetica, Arial, sans-serif
}

img {
    max-width: 100%;
    height: auto
}

h1 {
    font-size: 4rem;
    font-family: geely, Helvetica;
    font-weight: 400;
    line-height: 4.8rem;
    color: #0067b2
}

h1:lang(ar) {
    font-family: geely_ar
}

@media screen and (max-width:575px) {
    h1 {
        font-size: 3rem;
        line-height: 3.4rem
    }
}

h2 {
    font-size: 3.2rem;
    font-family: geely, Helvetica;
    font-weight: 400;
    line-height: 4rem;
    color: #0067b2
}

h2:lang(ar) {
    font-family: geely_ar
}

@media screen and (max-width:575px) {
    h2 {
        font-size: 2.4rem;
        line-height: 2.8rem
    }
}

h3 {
    font-size: 2.4rem;
    font-family: geely, Helvetica;
    font-weight: 400;
    line-height: 2.8rem;
    color: #0067b2
}

h3:lang(ar) {
    font-family: geely_ar
}

@media screen and (max-width:575px) {
    h3 {
        font-size: 2rem;
        line-height: 2.4rem
    }
}

h4 {
    font-size: 1.4rem;
    font-family: geely, Helvetica;
    font-weight: 400;
    color: #0067b2
}

h4:lang(ar) {
    font-family: geely_ar
}

h5 {
    font-size: 1.2rem;
    font-family: geely, Helvetica;
    font-weight: 500;
    color: #0067b2
}

h5:lang(ar) {
    font-family: geely_ar
}

h6 {
    font-size: 1.1rem;
    font-family: geely, Helvetica;
    font-weight: 500;
    color: #0067b2
}

h6:lang(ar) {
    font-family: geely_ar
}

sup {
    font-size: 1rem
}

hr {
    border: none;
    border-top: 1px solid #cbd3d9;
    margin: 35px auto
}

a {
    color: #0067b2
}

a:hover {
    text-decoration: underline
}