html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

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

blockquote, q {
    quotes: none
}

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

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

html, body {
    height: 100%
}

sub, sup {
    position: relative;
    font-size: 65%;
    line-height: 0;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

audio, canvas, video {
    display: inline-block
}

audio:not([controls]) {
    display: none
}

#map_canvas img, .google-maps img {
    max-width: none
}

video, embed, object, iframe {
    display: inline-block;
    vertical-align: top;
    max-width: 100%
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@font-face {
    font-family: 'aljazeera';
    src: url('/assets/fonts/aljazeera-light.woff2') format('woff2'), url('/assets/fonts/aljazeera-light.woff') format('woff');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'aljazeera';
    src: url('/assets/fonts/aljazeera-regular.woff2') format('woff2'), url('/assets/fonts/aljazeera-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'aljazeera';
    src: url('/assets/fonts/aljazeera-bold.woff2') format('woff2'), url('/assets/fonts/aljazeera-bold.woff') format('woff');
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: 'icomoon';
    src: url('/assets/fonts/icomoon34e7.eot?t5oxlv');
    src: url('/assets/fonts/icomoon34e7.eot?t5oxlv#iefix') format('embedded-opentype'), url('/assets/fonts/icomoon34e7.ttf?t5oxlv') format('truetype'), url('/assets/fonts/icomoon34e7.woff?t5oxlv') format('woff'), url('/assets/fonts/icomoonbe0f.svg?v=1.1?t5oxlv#icomoon') format('svg');
    font-weight: normal;
    font-style: normal
}

body {
    background: #f6f6f6;
    min-width: 320px;
    font: 22px/48px 'aljazeera', sans-serif;
    color: #283348;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

img {
    display: inline-block;
    vertical-align: middle;
    border: 0;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic
}

a {
    color: #c6a867;
    transition: all .3s ease;
    -webkit-transition: all .3s ease
}

a:focus, a:hover {
    text-decoration: none
}

.td-n {
    text-decoration: none
}

.td-u {
    text-decoration: underline
}

.td-nh:hover {
    text-decoration: none
}

.td-uh:hover {
    text-decoration: underline
}

h1, h2, h3, h4, h5, h6 {
    margin: 0
}

h1, h2 {
    font: 700 32px/55px 'aljazeera', 'Roboto', sans-serif;
    margin: 0 0 20px;
    color: #283348
}

h3 {
    font: 700 22px/35px 'aljazeera', 'Roboto', sans-serif;
    margin: 0 0 20px;
    color: #283348
}

p {
    margin: 0 0 25px
}

*[class*="font-sz"] {
    line-height: 1.2em
}

.font-sz10, *[class] .font-sz10 {
    font-size: 10px
}

.font-sz11, *[class] .font-sz11 {
    font-size: 11px
}

.font-sz12, *[class] .font-sz12 {
    font-size: 12px
}

.font-sz13, *[class] .font-sz13 {
    font-size: 13px
}

.font-sz14, *[class] .font-sz14 {
    font-size: 14px
}

.font-sz15, *[class] .font-sz15 {
    font-size: 15px
}

.font-sz16, *[class] .font-sz16 {
    font-size: 16px
}

.font-sz17, *[class] .font-sz17 {
    font-size: 17px
}

.font-sz18, *[class] .font-sz18 {
    font-size: 18px
}

.font-sz19, *[class] .font-sz19 {
    font-size: 19px
}

.font-sz20, *[class] .font-sz20 {
    font-size: 20px
}

.font-sz21, *[class] .font-sz21 {
    font-size: 21px
}

.font-sz22, *[class] .font-sz22 {
    font-size: 22px
}

.font-sz23, *[class] .font-sz23 {
    font-size: 23px
}

.font-sz24, *[class] .font-sz24 {
    font-size: 24px
}

.font-sz25, *[class] .font-sz25 {
    font-size: 25px
}

.font-sz26, *[class] .font-sz26 {
    font-size: 26px
}

.font-sz27, *[class] .font-sz27 {
    font-size: 27px
}

.font-sz28, *[class] .font-sz28 {
    font-size: 28px
}

.font-sz29, *[class] .font-sz29 {
    font-size: 29px
}

.font-sz30, *[class] .font-sz30 {
    font-size: 30px
}

.font-sz31, *[class] .font-sz31 {
    font-size: 31px
}

.font-sz32, *[class] .font-sz32 {
    font-size: 32px
}

.font-sz33, *[class] .font-sz33 {
    font-size: 33px
}

.font-sz34, *[class] .font-sz34 {
    font-size: 34px
}

.font-sz35, *[class] .font-sz35 {
    font-size: 35px
}

.font-sz36, *[class] .font-sz36 {
    font-size: 36px
}

.font-sz37, *[class] .font-sz37 {
    font-size: 37px
}

.font-sz38, *[class] .font-sz38 {
    font-size: 38px
}

.font-sz39, *[class] .font-sz39 {
    font-size: 39px
}

.font-sz40, *[class] .font-sz40 {
    font-size: 40px
}

.font-sz41, *[class] .font-sz41 {
    font-size: 41px
}

.font-sz42, *[class] .font-sz42 {
    font-size: 42px
}

.font-sz43, *[class] .font-sz43 {
    font-size: 43px
}

.font-sz44, *[class] .font-sz44 {
    font-size: 44px
}

.font-sz45, *[class] .font-sz45 {
    font-size: 45px
}

.font-sz46, *[class] .font-sz46 {
    font-size: 46px
}

.font-sz47, *[class] .font-sz47 {
    font-size: 47px
}

.font-sz48, *[class] .font-sz48 {
    font-size: 48px
}

.font-sz49, *[class] .font-sz49 {
    font-size: 49px
}

.font-sz50, *[class] .font-sz50 {
    font-size: 50px
}

.font-sz51, *[class] .font-sz51 {
    font-size: 51px
}

.font-sz52, *[class] .font-sz52 {
    font-size: 52px
}

.font-sz53, *[class] .font-sz53 {
    font-size: 53px
}

.font-sz54, *[class] .font-sz54 {
    font-size: 54px
}

.font-sz55, *[class] .font-sz55 {
    font-size: 55px
}

.font-sz56, *[class] .font-sz56 {
    font-size: 56px
}

.font-sz57, *[class] .font-sz57 {
    font-size: 57px
}

.font-sz58, *[class] .font-sz58 {
    font-size: 58px
}

.font-sz59, *[class] .font-sz59 {
    font-size: 59px
}

.font-sz60, *[class] .font-sz60 {
    font-size: 60px
}

.font-sz61, *[class] .font-sz61 {
    font-size: 61px
}

.font-sz62, *[class] .font-sz62 {
    font-size: 62px
}

.font-sz63, *[class] .font-sz63 {
    font-size: 63px
}

.font-sz64, *[class] .font-sz64 {
    font-size: 64px
}

.font-sz65, *[class] .font-sz65 {
    font-size: 65px
}

.font-sz66, *[class] .font-sz66 {
    font-size: 66px
}

.font-sz67, *[class] .font-sz67 {
    font-size: 67px
}

.font-sz68, *[class] .font-sz68 {
    font-size: 68px
}

.font-sz69, *[class] .font-sz69 {
    font-size: 69px
}

.font-sz70, *[class] .font-sz70 {
    font-size: 70px
}

.font-sz71, *[class] .font-sz71 {
    font-size: 71px
}

.font-sz72, *[class] .font-sz72 {
    font-size: 72px
}

.font-sz73, *[class] .font-sz73 {
    font-size: 73px
}

.font-sz74, *[class] .font-sz74 {
    font-size: 74px
}

.font-sz75, *[class] .font-sz75 {
    font-size: 75px
}

.font-sz76, *[class] .font-sz76 {
    font-size: 76px
}

.font-sz77, *[class] .font-sz77 {
    font-size: 77px
}

.font-sz78, *[class] .font-sz78 {
    font-size: 78px
}

.font-sz79, *[class] .font-sz79 {
    font-size: 79px
}

.font-sz80, *[class] .font-sz80 {
    font-size: 80px
}

.font-sz81, *[class] .font-sz81 {
    font-size: 81px
}

.font-sz82, *[class] .font-sz82 {
    font-size: 82px
}

.font-sz83, *[class] .font-sz83 {
    font-size: 83px
}

.font-sz84, *[class] .font-sz84 {
    font-size: 84px
}

.font-sz85, *[class] .font-sz85 {
    font-size: 85px
}

.font-sz86, *[class] .font-sz86 {
    font-size: 86px
}

.font-sz87, *[class] .font-sz87 {
    font-size: 87px
}

.font-sz88, *[class] .font-sz88 {
    font-size: 88px
}

.font-sz89, *[class] .font-sz89 {
    font-size: 89px
}

.font-sz90, *[class] .font-sz90 {
    font-size: 90px
}

.font-sz91, *[class] .font-sz91 {
    font-size: 91px
}

.font-sz92, *[class] .font-sz92 {
    font-size: 92px
}

.font-sz93, *[class] .font-sz93 {
    font-size: 93px
}

.font-sz94, *[class] .font-sz94 {
    font-size: 94px
}

.font-sz95, *[class] .font-sz95 {
    font-size: 95px
}

.font-sz96, *[class] .font-sz96 {
    font-size: 96px
}

.font-sz97, *[class] .font-sz97 {
    font-size: 97px
}

.font-sz98, *[class] .font-sz98 {
    font-size: 98px
}

.font-sz99, *[class] .font-sz99 {
    font-size: 99px
}

.font-sz100, *[class] .font-sz100 {
    font-size: 100px
}

.font-sz101, *[class] .font-sz101 {
    font-size: 101px
}

.font-sz102, *[class] .font-sz102 {
    font-size: 102px
}

.font-sz103, *[class] .font-sz103 {
    font-size: 103px
}

.font-sz104, *[class] .font-sz104 {
    font-size: 104px
}

.font-sz105, *[class] .font-sz105 {
    font-size: 105px
}

.font-sz106, *[class] .font-sz106 {
    font-size: 106px
}

.font-sz107, *[class] .font-sz107 {
    font-size: 107px
}

.font-sz108, *[class] .font-sz108 {
    font-size: 108px
}

.font-sz109, *[class] .font-sz109 {
    font-size: 109px
}

.font-sz110, *[class] .font-sz110 {
    font-size: 110px
}

.line-h08 {
    line-height: .8em
}

.line-h09 {
    line-height: .9em
}

.line-h10 {
    line-height: 1em
}

.line-h11 {
    line-height: 1.1em
}

.line-h12 {
    line-height: 1.2em
}

.line-h13 {
    line-height: 1.3em
}

.line-h14 {
    line-height: 1.4em
}

.line-h15 {
    line-height: 1.5em
}

.line-h16 {
    line-height: 1.6em
}

.line-h17 {
    line-height: 1.7em
}

.line-h18 {
    line-height: 1.8em
}

.line-h19 {
    line-height: 1.9em
}

.line-h20 {
    line-height: 2em
}

#wrapper {
    width: 100%;
    height: 100%;
    display: table;
    table-layout: fixed;
    padding-top: 100px;
    transition: padding .2s ease;
    -webkit-transition: padding .2s ease
}

.w1 {
    display: table-cell;
    vertical-align: middle
}

#wrapper.sticky-header {
    padding-top: 75px
}

#wrapper.home-page {
    overflow: hidden
}

.home-page {
    background: #fff
}

.main-holder {
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 15px
}

.main-holder:after {
    display: block;
    clear: both;
    content: ""
}

.main-holder2 {
    max-width: 1200px
}

header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 20;
    background: #0a1d2c;
    min-width: 320px;
    -webkit-box-shadow: 0 6px 20px 0 rgba(27, 34, 41, .2);
    -moz-box-shadow: 0 6px 20px 0 rgba(27, 34, 41, .2);
    box-shadow: 0 6px 20px 0 rgba(27, 34, 41, .2)
}

main:after, header:after {
    display: block;
    clear: both;
    content: ""
}

.content-holder {
    float: left;
    width: 100%
}

.content-holder .content, .content-holder #content {
    min-height: 1px;
    margin: 0 0 0 323px
}

#sidebar {
    float: left;
    margin: 0 0 0 -100%;
    width: 293px
}

.fl-l {
    float: left
}

.fl-r {
    float: right
}

.cl-b {
    clear: both
}

.cl-l {
    clear: left
}

.cl-r {
    clear: right
}

.ta-left, .ta-left > * {
    text-align: left
}

.ta-right, .ta-right > * {
    text-align: right
}

.ta-center, .ta-center > * {
    text-align: center
}

.overflow {
    overflow: hidden
}

.visible-xs, .visible-sm, .visible-md, .visible-lg {
    display: none !important
}

.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
    display: none !important
}

.centered {
    width: 100%;
    position: relative;
    overflow: hidden
}

.c1, .c2 {
    float: left;
    position: relative
}

.c1 {
    left: 50%
}

.c2 {
    left: -50%
}

.clearfix {
    display: table
}

.clearfix:after {
    content: "'. .'";
    display: block;
    word-spacing: 99in;
    height: 0;
    overflow: hidden;
    font-size: .13em;
    line-height: 0
}

.color01 {
    color: #fff
}

.color02 {
    color: #000
}

.color03 {
    color: #283348
}

.color04 {
    color: #f2a21d
}

.el-block {
    display: block !important
}

.el-inline {
    display: inline !important
}

.el-inline-block {
    display: inline-block !important
}

.valign-t {
    vertical-align: top !important
}

.valign-m {
    vertical-align: middle !important
}

.valign-b {
    vertical-align: bottom !important
}

.show-less-479, .show-less-767, .show-less-1000, .show-less-1170 {
    display: none
}

*[class*=chold] {
    margin-left: auto;
    margin-right: auto
}

.chold01 {
    max-width: 350px
}

.chold02 {
    max-width: 950px
}

.chold03 {
    max-width: 665px
}

.center {
    margin-left: auto;
    margin-right: auto
}

.formitem {
    width: 100%
}

*[class*="col-"] {
    min-height: 1px
}

*[class*="col-xs-"] {
    float: left
}

.rtl-page *[class*="col-xs-"] {
    float: right
}

.colsgrid.reversed > *[class*="col-xs-"] {
    float: right
}

.rtl-page .colsgrid.reversed > *[class*="col-xs-"] {
    float: left
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-3 {
    width: 25%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-6 {
    width: 50%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-9 {
    width: 75%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-12 {
    width: 100%
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

.colsgrid {
    margin-left: -15px;
    margin-right: -15px
}

.colsgrid:after {
    content: "";
    display: block;
    clear: both
}

.colsgrid > *[class*="col-"] {
    padding-left: 15px;
    padding-right: 15px
}

.button {
    vertical-align: middle;
    display: inline-block;
    position: relative;
    border: 1px solid transparent;
    border-radius: 2px;
    padding: 11px 15px;
    min-width: 210px;
    font: 700 22px/28px 'aljazeera', 'Roboto', sans-serif;
    color: #fff;
    text-decoration: none;
    text-align: center;
    background: #363b3f;
    border-radius: 35px 0 35px 0
}

.button span {
    display: inline-block;
    vertical-align: top;
    position: relative
}

.button2 {
    background: #c6a867
}

.button3 {
    background: #98a1a8
}

.button4 {
    background: #fff;
    color: #0a1d2c
}

.button5 {
    background: #c6a867;
    background: -moz-linear-gradient(-45deg, #c6a867 0%, #efca7c 30%, #c6a867 100%);
    background: -webkit-linear-gradient(-45deg, #c6a867 0%, #efca7c 30%, #c6a867 100%);
    background: linear-gradient(135deg, #c6a867 0%, #efca7c 30%, #c6a867 100%)
}

.btn-xs {
    font: 13px/18px 'aljazeera', 'Roboto', sans-serif;
    min-width: 100px;
    padding: 5px 15px;
    border-radius: 20px 0 20px 0
}

.btn-sm {
    font: 13px/18px 'aljazeera', 'Roboto', sans-serif;
    padding: 10px 15px
}

.btn-md {
    font: 700 17px/22px 'aljazeera', 'Roboto', sans-serif;
    min-width: 240px;
    padding: 14px 15px
}

.btn-md2 {
    font: 700 22px/28px 'aljazeera', 'Roboto', sans-serif;
    min-width: 285px;
    padding: 8px 15px
}

.btn-lg {
    font: 700 17px/21px 'aljazeera', 'Roboto', sans-serif;
    min-width: 255px;
    padding: 20px 15px
}

.btn-lg2 {
    font: 700 22px/28px 'aljazeera', 'Roboto', sans-serif;
    min-width: 380px;
    padding: 21px 15px;
    border-radius: 50px 0 50px 0
}

.button *[class*=ico-] {
    margin-top: -3px
}

.btn-lg *[class*=ico-] {
    font-size: 20px;
    margin: -3px 10px 0 0
}

.btn-type01 {
    border-radius: 0
}

.btn-block {
    display: block;
    min-width: 1px
}

.centered-buttons {
    text-align: center
}

.centered-buttons .button {
    margin: 0 5px 15px
}

.form {
    line-height: 32px
}

.form *[class*="custom-col-"] {
    float: left
}

.form .custom-col-1 {
    width: 100px
}

.form .custom-col-2 {
    width: 200px
}

.form .custom-col-3, .form .captcha-image {
    width: 160px
}

.form .custom-offset-1 {
    margin: 0 0 0 100px
}

.form .custom-offset-2 {
    margin: 0 0 0 200px
}

.form .custom-offset-3 {
    margin: 0 0 0 160px
}

.form .captcha-image img {
    width: 100%;
    height: 42px
}

.row:after, .form:after {
    display: block;
    clear: both;
    content: ""
}

.form .row {
    padding: 0 0 25px
}

.form .row-control {
    margin: 0 0 0 160px
}

.form .formset {
    display: inline-block;
    vertical-align: middle;
    width: 356px
}

.form .buttonset {
    width: 516px
}

.form .formitems {
    margin: 0 -10px 0 0
}

.form .formitems:after {
    content: "";
    display: block;
    clear: both
}

.form .formitem {
    float: left;
    padding-right: 10px
}

.form label {
    float: left;
    display: table;
    width: 145px;
    margin: 0 15px 0 0;
    height: 42px;
    font: 700 14px/18px 'aljazeera', 'Roboto', sans-serif
}

.form label span {
    display: table-cell;
    vertical-align: middle
}

.form label span span {
    display: inline;
    font-family: 'Roboto'
}

.form .row-wlabel label {
    width: auto !important
}

.form .row-hlabel label {
    height: auto !important
}

.form .row-whlabel label {
    width: auto !important;
    height: auto !important
}

.form .row-wlabel label, .form .row-whlabel label {
    margin: 0 20px 0 0
}

.form input[type=tel], .form input[type=url], .form input[type=text], .form input[type=email], .form input[type=search], .form input[type=number], .form input[type=password], .form textarea, .form select, .form .selector span {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 48px;
    margin: 0;
    padding: 14px 15px;
    background: #fff;
    border: 1px solid #dae1e9;
    border-radius: 0;
    font: 14px/18px 'aljazeera', 'Roboto', sans-serif;
    color: #283348;
    transition: border .5s ease;
    -webkit-transition: border .5s ease
}

.form .input {
    padding: 0;
    border: 1px solid #dae1e9;
    transition: border .5s ease;
    -webkit-transition: border .5s ease
}

.form .input:after {
    content: "";
    clear: both;
    display: table
}

.form .input.focus {
    border-color: #2ca16d
}

.form .input label {
    float: none;
    display: block;
    width: auto;
    height: auto;
    margin: 5px 20px 0;
    font-weight: 400
}

.form .input input, .form .input textarea, .form .input select, .form .input .selector span {
    border-color: transparent;
    height: 57px;
    padding: 13px 20px;
    font-weight: 700;
    vertical-align: top
}

.form .input label + input, .form .input label + textarea, .form .input label + select, .form .input label + .selector span, .form .input label + .phone-number input, .form .input label + .selector select {
    padding: 0 20px;
    height: 32px
}

.form .input input:focus, .form .input select:focus, .form .input textarea:focus, .form .input .selector.focus span {
    border-color: transparent
}

.form .input .phone-number .formitem {
    padding: 0 !important
}

.phone-number .custom-col-1 input {
    text-align: center
}

.form .selector, .form .formitems .selector {
    padding: 0;
    width: 100% !important;
    position: relative;
    overflow: hidden
}

.form .selector span {
    padding-right: 30px;
    width: 100% !important;
    cursor: pointer;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.form .selector span:after {
    font-family: 'icomoon' !important;
    content: "r";
    position: absolute;
    color: #dae1e9;
    font-size: 12px;
    right: 15px;
    font-weight: 400;
    transition: border .5s ease, color .5s ease;
    -webkit-transition: border .5s ease, color .5s ease
}

.form .selector select {
    top: 0;
    left: 0;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute;
    opacity: 0
}

.form input[type=file] {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin: 10px 0;
    height: 22px
}

.form textarea {
    width: 100%;
    max-width: 100%;
    height: 205px;
    max-height: 205px;
    overflow: auto;
    resize: none
}

.form .input textarea {
    height: 205px;
    max-height: 205px
}

.form .textarea-h01 {
    height: 316px;
    max-height: 316px
}

.form .input .textarea-h01 {
    height: 316px;
    max-height: 316px
}

.form input:focus, .form select:focus, .form textarea:focus, .form .selector.focus span {
    border-color: #2ca16d;
    outline: 0
}

.form .selector.focus span:after {
    color: #2ca16d
}

.form input[disabled], .form input[readonly], .form textarea[disabled], .form textarea[readonly], .form select[disabled], .form select[readonly], .form .selector.disabled span {
    color: #666;
    background: #f3f3f3;
    cursor: not-allowed;
    opacity: 1
}

.form .selector select[disabled] {
    opacity: 0
}

.form input.input-validation-error, .form textarea.input-validation-error, .form select.input-validation-error, .form .selector.input-validation-error span {
    color: red
}

.form ::-webkit-input-placeholder {
    color: #283348
}

.form :-moz-placeholder {
    color: #283348;
    opacity: 1
}

.form ::-moz-placeholder {
    color: #283348;
    opacity: 1
}

.form :-ms-input-placeholder {
    color: #283348
}

.form ::-ms-input-placeholder {
    color: #283348
}

.form input.placeholder, .form textarea.placeholder {
    color: #283348
}

.form .input-validation-error::-webkit-input-placeholder {
    color: red !important
}

.form .input-validation-error:-moz-placeholder {
    color: red !important
}

.form .input-validation-error::-moz-placeholder {
    color: red !important
}

.form .input-validation-error:-ms-input-placeholder {
    color: red !important
}

.form .input-validation-error::-ms-input-placeholder {
    color: red !important
}

.form .input-validation-error.placeholder {
    color: red !important
}

.form .radio-check {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    line-height: 16px;
    padding: 0 0 0 25px;
    margin: 13px 10px 13px 0
}

.form .radio-check2 {
    padding: 0 25px 0 0
}

.form .radio-check:after {
    content: "";
    display: block;
    clear: both
}

.form .row-hlabel .radio-check, .form .row-whlabel .radio-check {
    vertical-align: top;
    margin-top: 0;
    margin-bottom: 0
}

.form .radio-check .error {
    margin: 0 0 0 -25px
}

.form .radio-check2 .error {
    margin: 0 -25px 0 0
}

.form .radio-check input[type=radio], .form .radio-check input[type=checkbox] {
    position: absolute;
    left: 0;
    top: 1px;
    margin: 0;
    padding: 0;
    width: 16px;
    height: 16px
}

.form .radio-check2 input[type=radio], .form .radio-check2 input[type=checkbox] {
    left: auto;
    right: 0
}

.form .radio-check label {
    float: none !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    display: inline-block !important;
    vertical-align: top;
    line-height: 16px
}

.form .error {
    color: red;
    display: block;
    clear: both;
    font-size: 11px;
    line-height: 14px
}

.form .formtext {
    padding-top: 5px;
    padding-bottom: 5px
}

.form .required {
    font: 14px/18px 'aljazeera', 'Roboto', sans-serif
}

.form .required span {
    font-family: 'Roboto', sans-serif
}

.form .mark {
    display: inline-block !important;
    position: static !important;
    opacity: 1 !important
}

.form .buttonset .button, .form .button-row .button {
    float: right;
    margin: 0 0 5px 10px
}

.form #iSM {
    width: 100%;
    display: inline-block;
    vertical-align: top
}

.form #iSM ul {
    margin: 0;
    padding: 9px 0;
    list-style: none;
    width: 100%;
    font-size: 0;
    text-align: center
}

.form #iSM ul:after {
    display: block;
    clear: both;
    content: ""
}

.form #iSM ul li {
    font: 13px/24px 'aljazeera', 'Roboto', sans-serif;
    word-spacing: normal;
    letter-spacing: normal;
    float: left;
    margin: 0;
    width: 33.33333%
}

.form #iWeak, .form #iMedium, .form #iStrong {
    color: #aaa;
    background: #e1e1e1;
    display: block
}

.form .weak #iWeak {
    color: #fff;
    background: red
}

.form .medium #iWeak, .form .medium #iMedium {
    color: #fff;
    background: #ff8000
}

.form .strong #iWeak, .form .strong #iMedium, .form .strong #iStrong {
    color: #fff;
    background: green
}

.form .form-columns {
    margin: 0 0 0 -20px
}

.form .form-columns:after {
    display: block;
    clear: both;
    content: ""
}

.form .form-col {
    padding: 0 0 0 20px
}

.form .form-col .formset, .form .form-col .buttonset {
    width: 100%;
    margin: 0 !important
}

.form .form-col label {
    float: none;
    display: block;
    width: auto;
    margin: 0 0 5px;
    height: auto
}

.form .form-col .row-control {
    margin: 0
}

.form .form-col .input label {
    margin: 5px 20px 0
}

.form2 label {
    float: none;
    width: auto;
    height: auto;
    display: block;
    margin: 0 0 5px
}

.form2 .row-control {
    margin: 0
}

.form2 .buttonset {
    width: 356px
}

.form-style01 label {
    height: 57px
}

.form-style01 input[type=tel], .form-style01 input[type=url], .form-style01 input[type=text], .form-style01 input[type=email], .form-style01 input[type=search], .form-style01 input[type=number], .form-style01 input[type=password], .form-style01 textarea, .form-style01 select, .form-style01 .selector span {
    height: 57px;
    padding: 13px 20px
}

.form-style01 .input input, .form-style01 .input textarea, .form-style01 .input select, .form-style01 .input .selector span {
    height: 57px;
    padding: 13px 20px
}

.form-style01.form2 label {
    height: auto
}

.form-style01 .input label + input, .form-style01 .input label + textarea, .form-style01 .input label + select, .form-style01 .input label + .selector span {
    padding: 0 20px;
    height: 32px
}

.form-style01 #iSM ul {
    padding: 16px 0
}

.form-style01 #iSM ul li {
    line-height: 25px
}

.form-style01 .formtext {
    padding-top: 12px;
    padding-bottom: 12px
}

.form-style01 textarea, .form-style01 .input textarea {
    height: 205px;
    max-height: 205px
}

.form-style01 .captcha-image img {
    margin: 8px 0 0
}

.form-style01 input[type=file] {
    margin: 18px 0;
    height: 21px
}

.form-style01 .radio-check {
    line-height: 17px;
    margin: 20px 10px 20px 0
}

.form-style01 .row-hlabel .radio-check, .form-style01 .row-whlabel .radio-check {
    margin-top: 0;
    margin-bottom: 0
}

[class^="ico-"], [class*=" ico-"] {
    display: inline-block;
    vertical-align: middle;
    font-family: 'icomoon' !important;
    speak: none;
    font-size: 0;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ico-clock:before {
    content: "a"
}

.ico-decorate:before {
    content: "b"
}

.ico-download:before {
    content: "c"
}

.ico-islamic:before {
    content: "d"
}

.ico-login:before {
    content: "f"
}

.ico-logout:before {
    content: "e"
}

.ico-mail:before {
    content: "g"
}

.ico-menu-arrow:before {
    content: "h"
}

.ico-phone:before {
    content: "i"
}

.ico-protect:before {
    content: "j"
}

.ico-separator:before {
    content: "k"
}

.ico-user:before {
    content: "l"
}

.ico-users:before {
    content: "m"
}

.ico-checkmark:before {
    content: "n"
}

.ico-arrow-l:before {
    content: "o"
}

.ico-arrow-r:before {
    content: "p"
}

.ico-arrow-t:before {
    content: "q"
}

.ico-arrow-b:before {
    content: "r"
}

.ico-burger:before {
    content: "s"
}

.ico-bars:before {
    content: "t"
}

.ico-linechart:before {
    content: "u"
}

.ico-arrow-dbl-l:before {
    content: "v"
}

.ico-arrow-dbl-r:before {
    content: "w"
}

.ico-separator2:before {
    content: "x"
}

.ico-download-l:before {
    content: "y"
}

.ico-download-r:before {
    content: "z"
}

.ico-support:before {
    content: "1"
}

.ico-platform:before {
    content: "2"
}

.ico-like:before {
    content: "3"
}

.icons [class^="ico-"], .icons [class*=" ico-"] {
    font-size: 20px
}

.logo {
    float: left;
    display: inline-block;
    vertical-align: top;
    margin: -7px 10px -7px 0;
    transition: all .2s ease;
    -webkit-transition: all .2s ease
}

.logo a {
    display: block;
    width: 206px;
    height: 54px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(/assets/images/logof9e3.svg?v=1.1) no-repeat;
    background-size: contain;
    background-position: center;
    transition: none;
    -webkit-transition: none
}

.logo-holder {
    padding: 30px 0;
    position: relative;
    transition: padding .2s ease;
    -webkit-transition: padding .2s ease
}


.logo2 {
    float: right;
    display: flex;border:1px solid #333;padding: 0 10px 5px 10px;background-color: rgba(255,255,255,.01);
    margin: -7px 10px -7px 0;
    transition: all .2s ease;
    -webkit-transition: all .2s ease

}
.ltr-page .logo2 {
    float: left;
}
.logo2 a {
    background: linear-gradient(to bottom, #cfc09f 27%, #ffecb3 40%, #3a2c0f 78%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #fff;
    font-size:2rem

}
.logo2 a::after {
    background: none;
    content: attr(data-heading) / "";
    left: 0;
    top: 0;
    z-index: -1;
    position: absolute;
    text-shadow:
            -1px 0 1px #c6bb9f,
            0 1px 1px #c6bb9f,
            5px 5px 10px rgba(0, 0, 0, 0.4),
            -5px -5px 10px rgba(0, 0, 0, 0.4);
}

.logo2 img {
    margin-top: 4px;
}


.sticky-header .logo-holder {
    height: 75px;
    padding: 17px 0
}

.logo-holder:after {
    content: "";
    display: table;
    clear: both
}

.header-panel {
    float: right;
    position: relative;
    z-index: 1;
    line-height: 30px;
    margin: 0 0 0 5px
}

.header-panel .item {
    float: left;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 30px;
    position: relative;
    font: 700 13px/18px 'aljazeera', 'Roboto', sans-serif;
    color: #d0d5d9;
    padding: 11px 0
}

.header-panel .item > span {
    display: inline-block;
    vertical-align: top;
    padding: 0 5px
}

.header-panel .item > .link {
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    color: #fff
}

.header-panel .item > .link:hover, .header-panel .item > .link.active {
    color: #efca7c
}

.header-panel .item > .link *[class*=ico] {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 18px;
    color: #efca7c;
    margin: 0 5px 0 0
}

.header-panel .link.arrow span {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 0 15px 0 0
}

.header-panel .link.arrow span:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin: -2px 0 0 0;
    border-style: solid;
    border-width: 5px 3px 0;
    border-color: #fff transparent;
    transition: all .3s ease;
    -webkit-transition: all .3s ease
}

.header-panel .link.arrow:hover span:after, .header-panel .link.arrow.active span:after {
    border-color: #efca7c transparent
}

.header-panel .link.arrow.active span:after {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.header-panel .item > ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.header-panel .drop {
    padding: 10px 0;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 100%;
    margin-top: 10px;
    min-width: 100%;
    min-width: 200px;
    background: #fff;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2);
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.header-panel .drop.opened {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.header-panel .drop ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.header-panel .lang-nav .drop, .header-panel .account-nav .drop {
    font: 13.5px/18px 'aljazeera', 'Roboto', sans-serif
}

.header-panel .account-nav .drop {
    left: auto;
    right: 0
}

.header-panel .lang-nav .drop a, .header-panel .account-nav .drop a {
    display: block;
    padding: 11px 15px;
    color: #000;
    text-decoration: none
}

.header-panel .account-nav li.active a, .header-panel .account-nav a:hover {
    color: #f7af37
}

.header-panel .lang-nav {
    font: 700 13px/18px 'aljazeera', 'Roboto', sans-serif;
    text-transform: uppercase;
    color: #fff;
    padding: 11px 0
}

.header-panel .lang-nav ul li {
    display: inline-block;
    vertical-align: top
}

.header-panel .lang-nav ul li a {
    color: #fff;
    text-decoration: none;
    font-weight: 400
}

.header-panel .lang-nav ul li:before {
    content: "\5c";
    display: inline-block;
    vertical-align: top;
    margin: 0 3px
}

.header-panel .lang-nav ul li:first-child:before {
    content: none
}

.header-panel .lang-nav ul li.active a {
    font-weight: 700
}

#nav i {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 14px;
    height: 18px
}

#nav i:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -3px;
    border-style: solid;
    border-width: 5px 3px 0;
    border-color: #000 transparent;
    transition: all .3s ease;
    -webkit-transition: all .3s ease
}

#nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font: 13px/18px 'aljazeera', 'Roboto', sans-serif
}

#nav ul li {
    position: relative
}

#nav > ul {
    padding: 0;
    width: 100%;
    display: table;
    text-transform: uppercase
}

#nav > ul > li {
    display: table-cell;
    vertical-align: top;
    padding: 0 3px
}

#nav ul li a {
    position: relative;
    display: block;
    padding: 11px 10px;
    color: #283348;
    text-decoration: none;
    white-space: nowrap
}

#nav > ul > li > a {
    color: #fff
}

#nav > ul > li > a > i:before {
    border-color: #fff transparent
}

#nav ul li.active > a, #nav ul li:hover > a, #nav ul li a:hover {
    background: #d3d3d3
}

#nav > ul > li > a {
    display: block;
    text-align: center;
    padding: 11px 0 21px;
    font-weight: 700;
    margin-bottom: -10px
}

#nav > ul > li > a:before {
    content: none
}

#nav > ul > li:hover > a, #nav > ul > li > a:hover, #nav > ul > li.active > a {
    color: #efca7c;
    background: transparent
}

#nav > ul > li:hover > a > i:before, #nav > ul > li.active > a > i:before {
    border-color: #efca7c transparent
}

#nav .drop {
    padding: 10px 0;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 100%;
    margin-top: 10px;
    min-width: 100%;
    min-width: 200px;
    background: #fff;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2);
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

#nav .drop .drop {
    top: -20px;
    left: 100%
}

#nav > ul > li:last-child .drop {
    left: auto;
    right: 0
}

#nav > ul > li:last-child .drop .drop {
    right: 100%
}

#nav li:hover > .drop {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.sidenav {
    font: 13px/17px 'aljazeera', 'Roboto', sans-serif;
    text-transform: uppercase;
    position: relative;
    margin: 0 0 30px
}

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

.sidenav ul li {
    border: 1px solid #ced6da;
    border-width: 0 0 1px
}

.sidenav ul li a {
    padding: 10px 0;
    display: block;
    text-decoration: none;
    color: #242f43;
    position: relative
}

.sidenav ul li a:hover, .sidenav ul li.active a {
    color: #2ca16d
}

.mb-header {
    display: none;
    float: right;
    line-height: 20px;
    padding: 10px 0
}

.mb-header > nav > ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.mb-header > nav > ul > li {
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 15px
}

.mb-control {
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
    position: relative;
    color: #efca7c
}

.mb-control span {
    display: none
}

.mb-control:after {
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'icomoon' !important;
    font-size: 22px;
    line-height: 20px;
    font-weight: 400
}

.mb-control.nav-control:after {
    content: "s"
}

.mb-control.account-control:after, .mb-control.login-control:after {
    content: "l"
}

.overlayed .body-overlay {
    visibility: visible;
    opacity: 1
}

.body-overlay {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(/assets/images/bg-ie-overlay02f9e3.png?v=1.1);
    background: rgba(36, 47, 67, .5);
    z-index: 100;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.mb-drop {
    position: fixed;
    height: 100%;
    left: 0;
    right: 50px;
    top: 0;
    z-index: 200;
    background: #fff;
    color: #fff;
    padding: 30px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: hidden
}

.mb-drop .drop {
    width: auto !important
}

.mb-drop.opened {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    visibility: visible
}

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

.account-drop {
    font: 700 15px/23px 'aljazeera', 'Roboto', sans-serif;
    padding: 30px 0
}

.account-drop ul li a {
    display: block;
    padding: 9px 30px;
    color: #000;
    text-decoration: none
}

.account-drop ul li.active a, .account-drop ul li a:hover {
    color: #f7af37
}

.mb-drop.nav-drop {
    padding: 0
}

.mb-nav {
    font: 700 15px/23px 'aljazeera', 'Roboto', sans-serif;
    padding: 30px 0
}

.mb-nav .drop {
    padding-bottom: 10px;
    font: 13px/17px 'aljazeera', 'Roboto', sans-serif
}

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

.mb-nav ul li {
    position: relative
}

.mb-nav ul li a {
    display: block;
    padding: 9px 30px;
    color: #283348;
    text-decoration: none
}

.mb-nav ul li.active > a, .mb-nav ul li > a:hover {
    color: #f7af37
}

.mb-nav ul li i {
    display: inline-block;
    vertical-align: top;
    position: relative;
    cursor: pointer;
    width: 24px;
    height: 22px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease
}

.mb-nav ul li i:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -3px 0 0 -4px;
    border-style: solid;
    border-width: 6px 4px 0;
    border-color: #000 transparent;
    transition: all .3s ease;
    -webkit-transition: all .3s ease
}

.mb-nav .drop ul li i {
    height: 18px
}

.mb-nav ul li.active > a > i:after, .mb-nav ul li > a:hover > i:after {
    border-color: #f7af37 transparent
}

.mb-nav ul > li.nav-expanded > a > i:after {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.mb-nav .drop {
    display: none
}

.mb-nav ul li.nav-expanded > .drop {
    display: block
}

.mb-drop .lang-panel {
    text-transform: uppercase;
    padding: 0 20px;
    font: 15px/17px 'Roboto', sans-serif
}

.mb-drop .lang-panel ul li {
    display: inline-block;
    vertical-align: top;
    padding: 0 10px 0 0
}

.mb-drop .lang-panel a {
    display: block;
    padding: 7px 7px;
    color: #283348;
    text-decoration: none;
    border: 1px solid transparent
}

.mb-drop .lang-panel .active a, .mb-drop .lang-panel a:hover {
    border-color: #1e9660
}

.mb-drop .lang-panel a img {
    float: left;
    width: 22px;
    height: 16px;
    margin: 0 5px 0 0
}

.page-head {
    background: #f6f6f6;
    height: 255px;
    position: relative;
    padding: 60px 0 135px;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
    background-attachment: fixed
}

.page-head img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover'
}

.account-page .page-head {
    background: #fff
}

.page-head h1, .page-head h2 {
    margin: 5px 0 0
}

.breadcrumbs {
    position: relative;
    z-index: 1;
    margin: 0 0 15px
}

.breadcrumbs ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
    line-height: 0
}

.breadcrumbs ul li {
    position: relative;
    display: inline-block;
    font: 300 14px/21px 'aljazeera', 'Roboto', sans-serif;
    color: #363b3f
}

.breadcrumbs ul li:before {
    font-family: 'icomoon' !important;
    content: "p";
    font-size: 7px;
    margin: 0 10px;
    font-weight: 400;
    display: inline-block;
    vertical-align: top
}

.breadcrumbs ul li:first-child:before {
    content: none
}

.breadcrumbs ul li a {
    color: #363b3f;
    text-transform: none;
    text-decoration: none
}

.breadcrumbs ul li a:hover {
    text-decoration: underline
}

.table {
    width: 100%;
    margin: 0 0 35px;
    background: #fff;
    color: #242f43;
    border: 1px solid #ced6da;
    font: 13px/17px 'aljazeera', 'Roboto', sans-serif
}

.table table {
    width: 100%;
    border: 0 hidden transparent
}

.table .table {
    margin: 0;
    border: 0
}

.table th, .table td {
    border: 0;
    padding: 12px 15px;
    vertical-align: middle;
    text-align: center;
    background: #fff;
    border: 1px solid transparent;
    border-width: 1px 0
}

.table th {
    padding: 16px 15px;
    font-weight: 500;
    border-color: #ced6da
}

.table th a {
    color: #fff
}

.table tr:nth-child(2n+1) td {
    background: #f8f8f8
}

.table tr.colored td {
    background: #f8f8f8
}

.table p {
    margin: 0
}

.table .button {
    margin: 0
}

.table.ta-left th, .table.ta-left td, .table .ta-left th, .table .ta-left td, .table th.ta-left, .table td.ta-left {
    text-align: left
}

.table.ta-right th, .table.ta-right td, .table .ta-right th, .table .ta-right td, .table th.ta-right, .table td.ta-right {
    text-align: right
}

.table .mobile-table {
    display: none;
    table-layout: fixed
}

.table .mobile-table tr td:first-child {
    background: #fff;
    font-weight: 500;
    border: 1px solid #ced6da;
    border-width: 0 1px 0 0
}

.data-table {
    overflow: auto
}

.data-table table th, .data-table table td {
    white-space: nowrap
}

.data-table table th {
    background: #fff
}

.data-table .DTFC_LeftWrapper {
    display: none
}

.data-table .DTFC_LeftWrapper td {
    background: #fff !important
}

.data-table .DTFC_LeftHeadWrapper, .data-table .DTFC_LeftBodyWrapper {
    border: 1px solid #ced6da;
    border-width: 0 1px 0 0
}

.list {
    margin: 0 0 25px;
    padding: 0;
    list-style: none
}

.list li {
    position: relative;
    margin: 0 0 25px;
    padding: 0 0 0 30px
}

.list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 22px;
    width: 8px;
    height: 8px;
    background: #1e9660;
    border-radius: 50%
}

.list li ul {
    margin: 25px 0 0;
    padding: 0;
    list-style: none
}

.list2 {
    margin: 0 0 25px;
    padding: 0;
    list-style: none
}

.list2 li {
    position: relative;
    margin: 0 0 25px;
    padding: 0 0 0 40px
}

.list2 li:before {
    font-family: 'icomoon';
    content: "n";
    position: absolute;
    left: 0;
    color: #2ca16d;
    font-weight: 400
}

.list2 li ul {
    margin: 25px 0 0;
    padding: 0;
    list-style: none
}

.list3 {
    margin: 0 0 25px;
    padding: 0;
    list-style: none
}

.list3 li {
    position: relative;
    margin: 0 0 25px;
    padding: 0 0 0 40px
}

.list3 li:before {
    font-family: 'icomoon';
    content: "b";
    position: absolute;
    left: 0;
    color: #c6a867;
    font-weight: 400
}

.list3 li ul {
    margin: 25px 0 0;
    padding: 0;
    list-style: none
}

.line {
    display: block;
    height: 1px;
    overflow: hidden;
    background: #e8eaef
}

.more {
    display: inline-block;
    vertical-align: top;
    position: relative;
    text-decoration: none;
    color: #2ca16d;
    padding: 0 20px 0 0
}

.more:after {
    font-family: 'icomoon' !important;
    position: absolute;
    right: 0;
    content: "w";
    color: #2ca16d;
    font-size: 12px;
    font-weight: 400
}

.more:hover {
    color: #249965
}

.link-download {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 0 0 0 25px;
    text-decoration: none;
    font: 700 18px/23px 'aljazeera', 'Roboto', sans-serif;
    color: #283348
}

.link-download:before {
    font-family: 'icomoon' !important;
    font-size: 16px;
    content: "c";
    position: absolute;
    left: 0;
    top: 1px;
    font-weight: 400;
    color: #93764c
}

.link-download:hover, .link-download:hover:before {
    color: #f7af37
}

.link-download.d-left:before {
    content: 'y'
}

.link-download.d-right:before {
    content: 'z'
}

.contentbox {
    position: relative;
    background: #fff;
    border: 1px solid transparent;
    padding: 40px 40px 60px;
    margin-top: 25px;
    margin-bottom: 85px
}

.contentbox:after {
    content: "";
    display: table;
    clear: both
}

.full-content .contentbox {
    padding: 55px 95px 65px
}

.page-head + .main-holder .contentbox {
    margin-top: -133px
}

.contentbox2, .full-content .contentbox2 {
    padding: 0;
    border: 0;
    background: none
}

.account-page {
    background: #fff
}

.account-page .contentbox {
    border-color: #ced6da
}

.box {
    position: relative;
    border: 1px solid #dae1e9;
    background: #fff;
    margin: 0 0 25px
}

.box .box-content {
    padding: 15px 20px
}

.box .box-content:after {
    content: "";
    display: block;
    clear: both
}

.box-heading {
    border: 1px solid #dae1e9;
    padding: 16px 20px;
    margin: -1px
}

.box-heading h2, .box-heading h3 {
    margin: 0;
    font: 700 18px/23px 'aljazeera', 'Roboto', sans-serif
}

.box-pd01 .box-heading {
    padding: 16px 30px
}

.box-pd01 .box-content {
    padding: 20px 30px 80px
}

.box-pd02 .box-heading {
    padding: 16px 35px
}

.box-pd02 .box-content {
    padding: 20px 35px
}

.box-pd03 .box-heading {
    padding: 16px 35px
}

.box-pd03 .box-content {
    padding: 35px
}

.box02 {
    border-color: transparent;
    -webkit-box-shadow: 0 20px 30px 0 rgba(0, 0, 0, .06);
    -moz-box-shadow: 0 20px 30px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 20px 30px 0 rgba(0, 0, 0, .06)
}

.box02 .box-heading {
    border-color: #ced6da;
    background: #f8f8f8
}

.box03 {
    border-color: transparent
}

.box04 {
    background: transparent
}

.heading h2, .heading h3 {
    font: 700 25px/30px 'aljazeera', Arial, sans-serif;
    color: #93764c;
    margin: 0 0 25px
}

.markets-news-head:after {
    display: block;
    clear: both;
    content: ""
}

.markets-news-head .filter {
    margin: 6px 0
}

.markets-news-head .filter .row-control {
    margin: 0 0 0 85px
}

.markets-news-head .filter .formset {
    width: 220px;
    margin: 0 !important
}

.markets-news-head .filter label {
    text-transform: capitalize;
    width: 70px
}

.markets-news .item {
    padding: 30px 0;
    border-top: 1px solid #e8eaef
}

.markets-news .item:first-child {
    border: 0
}

.markets-news .item:after {
    display: block;
    clear: both;
    content: ""
}

.markets-news .item h2, .markets-news .item h3 {
    font: 700 20px/35px 'aljazeera', 'Roboto', sans-serif;
    margin: 0
}

.markets-news .item h2 a, .markets-news .item h3 a {
    color: #283348;
    text-decoration: none
}

.markets-news .item h2 a:hover {
    text-decoration: underline
}

.markets-news .news-info {
    font: 16px/20px 'aljazeera', 'Roboto', sans-serif;
    color: #283348;
    margin: 0 0 15px
}

.markets-news .news-info a {
    color: #283348
}

.markets-news .news-info * {
    font-style: normal;
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 0 0
}

.markets-news .news-info a img {
    margin: 0 5px 0 0
}

.markets-news .news-info .new {
    color: #2ca16d
}

.paging {
    padding: 20px 0
}

.paging ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center
}

.paging ul li {
    display: inline-block;
    vertical-align: top;
    padding: 0 5px
}

.paging ul li a, .paging ul li strong {
    font: 700 16px/20px 'aljazeera', 'Roboto', sans-serif;
    text-transform: capitalize;
    text-decoration: none;
    color: #283348
}

.paging ul li a:hover {
    color: #2ca16d
}

.paging ul li .First, .paging ul li .Next, .paging ul li .Previous, .paging ul li .Last {
    font-size: 0
}

.paging ul li .First:after, .paging ul li .Next:after, .paging ul li .Previous:after, .paging ul li .Last:after {
    font-family: 'icomoon';
    font-size: 12px;
    font-weight: 400
}

.paging ul li .First:after {
    content: 'v'
}

.paging ul li .Next:after {
    content: 'p'
}

.paging ul li .Previous:after {
    content: "o"
}

.paging ul li .Last:after {
    content: "w"
}

.account-types {
    display: table;
    width: 100%;
    font-size: 22px;
    line-height: 25px;
    padding: 0 50px
}

.account-types strong {
    font-size: 24px;
    margin-top: 25px
}

.account-types img {
    width: 62px;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0
}

.account-types .ribbon {
    position: absolute;
    width: 66px;
    height: 66px;
    text-indent: -9999px;
    overflow: hidden;
    top: 0;
    right: 0;
    background: url(/assets/images/bg-acc-ribbon.png) no-repeat
}

.account-types .button {
    margin: 20px 0;
    min-width: 200px
}

.account-types .ac-col {
    position: relative;
    display: table-cell;
    vertical-align: top
}

.account-types .ac-col:first-child {
    padding: 0
}

.account-types .ac-col.color1 {
    color: #98a1a8
}

.account-types .ac-col.color2 {
    color: #93764c
}

.account-types .ac-col.color3 {
    color: #fff
}

.account-types .ac-col:last-child .ico-checkmark {
    color: #fff
}

.account-types .ac-col:before {
    content: "";
    position: absolute;
    left: 10px;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff
}

.account-types .ac-col:first-child:before {
    content: none
}

.account-types .ac-col:last-child:before {
    background: #0a1d2c
}

.account-types .ac-item {
    display: table;
    width: 100%;
    position: relative
}

.account-types .ac-row {
    display: table-row
}

.account-types .ac-cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #dae1e9;
    border-width: 1px 0 0;
    height: 60px;
    padding: 0 10px
}

.account-types .ac-cell {
    padding: 0 10px 0 20px
}

.account-types .ac-row:first-child .ac-cell {
    border-width: 0;
    height: 220px;
    vertical-align: bottom;
    padding: 10px
}

.account-types .ac-col:first-child .ac-cell {
    text-align: left;
    padding: 0
}

.account-types .ico-separator {
    font-size: 80px;
    line-height: 20px;
    color: #e8eaef
}

.account-types .ico-checkmark {
    font-size: 18px;
    color: #0a1d2c
}

.account-types .ico-separator2 {
    font-size: 16px;
    color: #dae1e9
}

.contacts-details {
    font: 300 18px 'aljazeera', 'Roboto', sans-serif;
    margin: 0 0 25px
}

.contacts-details .item {
    display: inline-block;
    vertical-align: top;
    margin: 0 50px 0 0;
    padding: 0 0 15px
}

.contacts-details a {
    color: #283348;
    text-decoration: none
}

.contacts-details i {
    display: inline-block;
    color: #1e9660;
    margin: -3px 5px 0 0;
    font-size: 14px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    background: #efca7c;
    text-align: center;
    line-height: 30px;
    color: #363b3f
}

.contacts-form .form .row {
    padding: 0 0 15px
}

.contacts-form .form .button-row {
    padding-top: 20px
}

.contacts-form .form input {
    font-weight: 700
}

.contacts-form .form label {
    font-weight: 500
}

.glossary {
    font: 18px/25px 'aljazeera', 'Roboto', sans-serif
}

.glossary .item h3 {
    font: 700 20px/22px 'aljazeera', 'Roboto', sans-serif;
    margin: -1px;
    border: 1px solid #dae1e9;
    padding: 0 30px;
    position: relative;
    cursor: pointer
}

.glossary .item h3 span {
    height: 54px;
    display: table;
    width: 100%
}

.glossary .item h3 span span {
    display: table-cell;
    vertical-align: middle
}

.glossary .item h3:after {
    position: absolute;
    right: 15px;
    top: 13px;
    content: "r";
    font-size: 14px;
    font-family: 'icomoon';
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    content: none
}

.glossary .item.active h3:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.glossary .slidetext {
    padding: 20px 30px
}

.glossary .slidetext p:last-child {
    margin: 0
}

.welcome-text {
    padding: 0 0 20px
}

.buttons {
    margin: 0 -5px
}

.buttons .button {
    margin: 0 5px 15px
}

.profile-info {
    display: inline-block;
    vertical-align: middle;
    line-height: 42px
}

.form-style01 .profile-info {
    line-height: 57px
}

#pager ul {
    margin: 0;
    padding: 20px 0;
    list-style: none;
    text-align: center;
    font: 700 16px/20px 'aljazeera', 'Roboto', sans-serif;
    color: #283348
}

#pager ul li {
    display: inline-block;
    vertical-align: top;
    padding: 0 1px
}

#pager ul li a, #pager ul li strong {
    display: inline-block;
    vertical-align: top;
    position: relative;
    text-transform: capitalize;
    text-decoration: none;
    color: #283348;
    font-weight: 700
}

#pager ul li.active a, #pager ul li a:hover, #pager ul li strong {
    color: #2ca16d
}

#pager ul li a.first, #pager ul li a.last, #pager ul li a.next, #pager ul li a.previous {
    font-size: 0
}

#pager ul li a.first:after, #pager ul li a.last:after, #pager ul li a.next:after, #pager ul li a.previous:after {
    font-family: 'icomoon';
    font-size: 12px;
    font-weight: 400
}

#pager ul li .first:after {
    content: 'v'
}

#pager ul li .next:after {
    content: 'p'
}

#pager ul li .previous:after {
    content: "o"
}

#pager ul li .last:after {
    content: "w"
}

.login-page {
    padding-top: 110px
}

.login-page .image img {
    width: 71px;
    margin: 0 0 5px
}

.login-page h1 {
    font: 700 30px 'aljazeera', 'Roboto', sans-serif;
    margin: 0 0 20px;
    color: #c6a867
}

.login-page .form {
    line-height: 20px
}

.login-page .form .row {
    padding: 0 0 17px
}

.login-page .form label {
    color: #93764c
}

.reg-page h1 {
    margin: 0 0 45px
}

.reg-page main {
    padding: 75px 0
}

.reg-page .form .row {
    padding: 0 0 35px
}

.reg-page .content-holder .content {
    margin: 0 485px 50px 0
}

.reg-page .aside {
    font: 300 18px/30px 'aljazeera', 'Roboto', sans-serif;
    float: left;
    margin: 0 0 0 -430px;
    width: 430px
}

.reg-page .aside .list2 {
    margin: 0 0 -10px;
    padding: 10px 0 0
}

.reg-page .aside .list2 li {
    margin: 0 0 30px
}

.signature {
    text-align: right;
    padding: 20px 0
}

#wireTransfer, #creditCard {
    width: 100% !important
}

#wireTransfer .row, #creditCard .row {
    height: auto;
    width: 100%
}

.hidden-area {
    display: block;
    height: 0;
    overflow: hidden;
    text-indent: -9999px;
    width: 0
}

.carousel {
    overflow: hidden;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    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-wrapper, .owl-carousel .owl-item {
    -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 {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
    display: none
}

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

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

.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: grab
}

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

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both
}

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

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

.owl-height {
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms 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("/ar/page-not-found.html") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-carousel .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-carousel .owl-nav [class*='owl-'] {
    color: #fff;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #d6d6d6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

.owl-carousel .owl-nav [class*='owl-']:hover {
    background: #869791;
    color: #fff;
    text-decoration: none
}

.owl-carousel .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.owl-carousel .owl-nav.disabled + .owl-dots {
    margin-top: 10px
}

.owl-carousel .owl-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
    z-index: 10;
    font-size: 0;
    line-height: 0;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    vertical-align: top;
    position: relative
}

.owl-carousel .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 0 7px;
    background: #d6d6d6;
    display: block;
    border-radius: 50%;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    transition: all .3s ease;
    -webkit-transition: all .3s ease
}

.owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span {
    background: #869791
}

.owl-carousel .slide {
    width: 100%;
    position: relative
}

.carousel .owl-carousel .owl-dots {
    bottom: 45px
}

.carousel .owl-carousel .owl-dots .owl-dot span {
    width: 14px;
    height: 14px;
    background: #b4acac;
    margin: 0 12px
}

.carousel .owl-carousel .owl-dots .owl-dot span:hover, .carousel .owl-carousel .owl-dots .owl-dot.active span {
    background: #fff
}

.carousel .owl-carousel .slide {
    height: 724px
}

.carousel .owl-carousel .slide > img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover'
}

.carousel .owl-carousel .slide-content {
    position: absolute;
    top: 165px;
    left: 0;
    right: 0
}


.carousel .owl-carousel .slide .text {
    position: relative;
    font: 300 28px/35px 'aljazeera', 'Roboto', sans-serif;
    color: #fff;
    padding: 45px 0 0
}

.carousel .owl-carousel .slide .text .strong {
    display: block;
    font: 700 48px/58px 'aljazeera', 'Roboto', sans-serif;
    margin: 0 0 40px
}

.carousel .owl-carousel .slide .text .btn-hold {
    padding: 25px 0 0
}

.carousel .owl-carousel .slide .image {
    text-align: center;
    margin: -125px -32px 0
}

.carousel .owl-carousel .slide04 .image {
    margin: -125px 20px 0
}

.carousel .owl-carousel .button5 {
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .25)
}

.slide-content2 .text {
    background: rgba(0,0,0,.3);

}

.carousel .owl-carousel .slide-content2 {
    position: absolute;
    top: auto;
    bottom: 4rem;
    left: 0;
    right: 0
}


.slide-content2 .text .button5{
    margin-bottom:1rem;

}
#marketrates_ticker_widget {
    position: relative;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 47px;
    background: #071224 !important;
    line-height: 24px
}

#marketrates_ticker_widget .sirix-ticker-logo-wrapper {
    display: none
}

#marketrates_ticker_widget .leverate-rates-animated-row {
    left: 0 !important;
    top: 7px
}

#marketrates_ticker_widget .leverate-rates-animated-row .leverate-rates-item .leverate-item-rate {
    line-height: 22px
}

#marketrates_ticker_widget .leverate-rates-animated-row .leverate-rates-item .leverate-item-arrow {
    margin-top: 5px
}

#marketrates_ticker_widget .leverate-rates-animated-row .leverate-rates-item .leverate-item-symbol-icon {
    margin-top: -1px
}

#marketrates_ticker_widget .leverate-rates-animated-row .leverate-rates-item .leverate-item-symbol-icon img {
    vertical-align: top
}

.quote__container {
    font: 13px/42px Arial, Verdana, sans-serif;
    background: #071224;
    border: 0;
    border-radius: 0;
    height: 47px;
    color: #fff
}

.quote__container .quote {
    display: inline-block;
    padding: 0 10px;
    min-width: 270px;
    text-align: center
}

.quote__container .quote span {
    display: inline-block;
    padding: 0 3px
}

.quote__container .quote span img {
    display: inline-block;
    vertical-align: middle
}

.quote__container .quote span img.quote-img {
    margin: -2px 5px 0 0
}

.str_wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    white-space: nowrap
}

.str_move {
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    cursor: move
}

.str_move_clone {
    display: inline-block;
    vertical-align: top;
    position: absolute;
    left: 100%;
    top: 0
}

.str_vertical .str_move_clone {
    left: 0;
    top: 100%
}

.str_down .str_move_clone {
    left: 0;
    bottom: 100%
}

.str_vertical .str_move, .str_down .str_move {
    white-space: normal;
    width: 100%
}

.str_static .str_move, .no_drag .str_move, .noStop .str_move {
    cursor: inherit
}

.str_wrap img {
    max-width: none !important
}

.hp-section {
    padding: 100px 0
}

.hp-title {
    margin: 0 0 35px
}

.hp-title h2 {
    font: 700 47px/52px 'aljazeera', 'Roboto', sans-serif;
    margin: 0 0 20px;
    padding: 0 0 35px;
    position: relative
}

.hp-title h2:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0 auto;
    width: 68px;
    height: 2px;
    background: #d0d5d9
}

.hp-title.ta-center h2:after {
    right: 0
}

.hp-intro {
    width: 100%;
    display: table;
    height: 762px;
    position: relative;
    font: 300 28px/34px 'aljazeera', 'Roboto', sans-serif;
    color: #fff
}

.hp-intro:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(/assets/images/bg-ie-overlay01f9e3.png?v=1.1);
    background: rgba(40, 51, 72, .75);
    z-index: 2
}

.hp-intro > .vhold {
    z-index: 1 !important
}

.hp-intro video {
    max-width: none
}

.hp-intro .text {
    display: table-cell;
    vertical-align: middle
}

.hp-intro .text .main-holder {
    position: relative;
    z-index: 3
}

.hp-intro h2 {
    font: 700 56px/68px 'aljazeera', 'Roboto', sans-serif;
    color: #fff;
    margin: 0 0 10px
}

.hp-intro .buttons {
    padding-top: 40px
}

.moveto {
    position: absolute;
    margin: auto;
    bottom: 45px;
    left: 0;
    right: 0;
    width: 27px;
    height: 44px;
    border: 2px solid #fff;
    border-radius: 22px;
    z-index: 4;
    text-indent: -9999px;
    overflow: hidden
}

.moveto span {
    height: 6px;
    background: #fff;
    width: 2px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-top: 13px;
    -webkit-animation: sdb10 2s infinite;
    animation: sdb10 2s infinite
}

.hp-features {
    padding: 115px 0;
    font: 300 18px/22px 'aljazeera', 'Roboto', sans-serif
}

.hp-features .hp-title {
    margin: 0 0 100px
}

.hp-features .items {
    padding: 0 0 25px
}

.hp-features .item {
    margin: 0 0 45px
}

.hp-features .item h3 {
    font: 700 24px/29px 'aljazeera', 'Roboto', sans-serif;
    margin: 0 0 15px;
    color: #93764c
}

.hp-features .item *[class*=ico] {
    float: left;
    margin: 0 25px 0 0;
    sbackground: #efca7c;
    background:
            radial-gradient(ellipse farthest-corner at right bottom, #d9d0a4 0%, #b7ad98 8%, #af9b6e 30%, #a39168 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #d7c986 25%, #dfbc6c 62.5%, #f7b829 100%);

    border-radius: 50%;
    width: 94px;
    height: 94px;
    font-size: 54px;
    line-height: 94px;
    text-align: center;
    color: #000;
    vertical-align: top;
    transition: all .5s ease;
    -webkit-transition: all .5s ease
}

.hp-features .btn-hold {
    padding-top: 15px
}

.hp-start {
    background: #f7f7f7;
    position: relative;
    font: 300 18px/22px 'aljazeera', 'Roboto', sans-serif;
    padding: 65px 0
}

.hp-start *[class*=col-] {
    position: relative
}

.hp-start h2 {
    font: 700 35px/53px 'aljazeera', 'Roboto', sans-serif;
    color: #93764c
}

.hp-start h3 {
    font: 700 24px/29px 'aljazeera', 'Roboto', sans-serif;
    color: #93764c;
    margin: 0 0 13px
}

.hp-start p {
    margin: 0 0 15px
}

.hp-start .list3 li {
    margin: 0 0 40px
}

.hp-start .hp-title {
    margin: 0 0 50px
}

.hp-start .hp-title h2 {
    margin: 0 0 20px;
    padding: 0 0 20px
}

.hp-start .list3 li:before {
    top: 7px
}

.hp-start .image {
    position: absolute;
    left: 60px;
    width: 1038px
}

.hp-start .image img {
    border-radius: 10px;
    -webkit-box-shadow: 0 13px 20px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 13px 20px 0 rgba(0, 0, 0, .15)
}

.hp-experts {
    overflow: hidden;
    font: 300 22px/26px 'aljazeera', 'Roboto', sans-serif;
    padding-top: 140px
}

.hp-experts .hp-title {
    margin: 0 0 15px
}

.hp-experts .items {
    padding: 60px 0 80px;
    position: relative
}

.hp-experts .items:after {
    content: "";
    display: table;
    clear: both
}

.hp-experts .item {
    position: relative;
    text-align: center;
    font: 300 18px/22px 'aljazeera', 'Roboto', sans-serif;
    padding: 85px 15px 130px
}

.hp-experts .item:before {
    content: "";
    position: absolute;
    border: 1px solid #2ca16d;
    width: 302px;
    height: 302px;
    left: 50%;
    top: 50%;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.hp-experts .item:hover:before {
    border-color: #f7af37
}

.hp-experts .item h3 {
    font: 700 24px/29px 'aljazeera', 'Roboto', sans-serif;
    margin: 0
}

.hp-experts .item p {
    margin: 0
}

.hp-experts .item img {
    width: 136px;
    height: 136px;
    display: inline-block;
    vertical-align: top;
    border-radius: 50%;
    margin: 0 0 20px;
    object-fit: cover;
    font-family: 'object-fit: cover'
}

.hp-widgets {
    padding: 80px 0 30px
}

.hp-widgets h2 {
    font: 700 30px/37px 'aljazeera', 'Roboto', sans-serif;
    margin: 0 0 50px
}

.hp-widgets .item {
    margin: 0 0 45px
}

.hp-widgets .item img, .hp-widgets .item iframe {
    width: 100% !important
}

.hp-sponsor {
    overflow: hidden;
    position: relative;
    border: 1px solid #e4e4e4;
    border-width: 1px 0 0;
    padding: 0
}

.hp-sponsor:after {
    content: "";
    position: absolute;
    top: 0;
    right: 50%;
    margin: 0 -435px 0 0;
    width: 294px;
    height: 100%;
    background: url(/assets/images/bg-hp-sponsor.png) no-repeat;
    background-size: 100% 100%
}

.hp-sponsor h2 {
    font: 700 22px/35px 'aljazeera', 'Roboto', sans-serif;
    margin: 0;
    text-align: center
}

.hp-sponsor .cells {
    display: table;
    width: 100%;
    padding: 23px 0
}

.hp-sponsor .cell {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    padding: 0 30px;
    height: 105px
}

.hp-sponsor .cell:before {
    content: "";
    position: absolute;
    right: -30px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 16px;
    height: 113px;
    background: url(/assets/images/divider01.png) no-repeat 0 50%
}

.hp-sponsor .cell:first-child:before {
    content: none
}

.hp-sponsor .cell img {
    display: inline-block;
    width: 183px;
    max-width: none
}

footer {
    width: 100%;
    overflow: hidden;
    display: table-footer-group
}

.footer-holder {
    height: 1%;
    display: table-row
}

.footer-frame {
    display: table-cell
}

.footer-main {
    background: #f4f4f4;
    color: #4e5869;
    border: 1px solid #e8eaef;
    border-width: 1px 0 0
}

.f-cells {
    padding: 10px 0
}

.f-cell {
    padding: 20px 0 0
}

.f-cell:first-child {
    padding: 0
}

.footer-contacts {
    color: #686868;
    font: 300 18px/25px 'aljazeera', 'Roboto', sans-serif
}

.footer-contacts .item {
    padding: 10px 0
}

.footer-contacts h3 {
    font: 700 18px/25px 'aljazeera', 'Roboto', sans-serif;
    color: #686868;
    margin: 0 0 15px
}

.footer-contacts h4 {
    font: 500 18px/25px 'aljazeera', 'Roboto', sans-serif;
    color: #686868;
    margin: 0 0 5px
}

.footer-contacts p {
    margin: 0 0 10px
}

.footer-contacts .item p:last-child {
    margin: 0
}

.footer-contacts a {
    color: #686868;
    text-decoration: none
}

.footer-nav {
    font: 300 18px/23px 'aljazeera', 'Roboto', sans-serif;
    padding: 0 0 25px;
    margin: 0 -25px
}

.footer-nav ul {
    margin: 40px 0 0;
    padding: 0;
    list-style: none
}

.footer-nav ul li {
    margin: 0 0 12px
}

.footer-nav > ul {
    width: 100%;
    display: table;
    margin: 0
}

.footer-nav > ul > li {
    display: table-cell;
    vertical-align: top;
    padding: 0 25px;
    position: relative;
    border: 1px solid #dcdcdc;
    border-width: 0 0 0 1px
}

.footer-nav > ul > li:first-child {
    border-width: 0
}

.footer-nav ul li a {
    color: #4e5869;
    text-decoration: none
}

.footer-nav > ul > li > a {
    font-weight: 700;
    color: #686868
}

.footer-nav ul li a i {
    position: absolute;
    right: 0;
    top: 0;
    display: none;
    color: #cac9c9;
    font-size: 12px;
    transition: all .5s ease;
    -webkit-transition: all .5s ease
}

.footer-nav ul li a:hover i {
    color: #c6a867
}

.footer-nav ul li a i:after {
    font-family: 'icomoon';
    content: "r";
    font-weight: 400
}

.footer-text {
    font: 300 16px/19px 'aljazeera', 'Roboto', sans-serif;
    color: #999;
    padding: 25px 0;
    background: #fff
}

.footer-text p:last-child {
    margin: 0
}

.footer-top {
    background: #fff
}

.payment {
    text-align: justify;
    text-justify: distribute;
    font-size: 0;
    line-height: 0;
    margin: 0 -10px;
    padding: 30px 0 15px
}

.payment:after {
    content: "";
    display: inline-block;
    width: 100%
}

.payment > * {
    display: inline-block;
    margin: 0 10px 15px
}

.awards {
    padding: 35px 0;
    background: #edeef2
}

.awards .hold {
    margin: 0 -15px -25px;
    text-align: justify;
    text-justify: distribute;
    font-size: 0;
    line-height: 0
}

.awards .hold:after {
    content: "";
    display: inline-block;
    width: 100%
}

.awards .hold > * {
    display: inline-block;
    padding: 0 15px 25px
}

.popup-overlay {
    display: none
}

.popup {
    max-width: 100%;
    max-height: 100%;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    display: none
}

.popup.out-of-window {
    overflow-y: scroll
}

.popup:after, .popup-content:after {
    display: block;
    clear: both;
    content: ""
}

.popup .close {
    position: absolute;
    right: -35px;
    top: -20px;
    width: 20px;
    height: 20px;
    content: "🗙"
}

.popup .close:hover {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg)
}

.popup.out-of-window .close, .popup.left-aligned-popup .close {
    right: 5px;
    top: 5px
}

.popup.left-aligned-popup {
    height: auto !important
}

.popup-heading:after, .popup-content:after {
    content: "";
    display: block;
    clear: both
}

.popup-media {
    border: 0;
    border-radius: 0;
    background: #000;
    -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 0 25px 0 rgba(0, 0, 0, .75);
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, .75)
}

.popup-media #internal-video {
    position: absolute;
    max-height: 100%;
    max-width: 100%
}

.popup-media-area {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden
}

.popup-media-area iframe, .popup-media-area video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100% !important;
    height: 100% !important
}

.validation-summary-errors {
    color: red
}

.rtl-page #wrapper {
    direction: rtl
}

.rtl-page .direction-area {
    direction: rtl
}

.rtl-page .content-holder .content, .rtl-page .content-holder #content {
    min-height: 1px;
    margin: 0 323px 0 0
}

.rtl-page #sidebar {
    margin: 0 0 0 -293px
}

.rtl-page .fl-l.reversed {
    float: right
}

.rtl-page .fl-r.reversed {
    float: left
}

.rtl-page .cl-l.reversed {
    clear: left
}

.rtl-page .cl-r.reversed {
    clear: right
}

.rtl-page .ta-left.reversed, .rtl-page .ta-left.reversed > * {
    text-align: right
}

.rtl-page .ta-right.reversed, .rtl-page .ta-right.reversed > * {
    text-align: left
}

.rtl-page *[class*="col-xs-offset-"] {
    margin-left: 0
}

.rtl-page .col-xs-offset-12 {
    margin-right: 100%
}

.rtl-page .col-xs-offset-11 {
    margin-right: 91.66666667%
}

.rtl-page .col-xs-offset-10 {
    margin-right: 83.33333333%
}

.rtl-page .col-xs-offset-9 {
    margin-right: 75%
}

.rtl-page .col-xs-offset-8 {
    margin-right: 66.66666667%
}

.rtl-page .col-xs-offset-7 {
    margin-right: 58.33333333%
}

.rtl-page .col-xs-offset-6 {
    margin-right: 50%
}

.rtl-page .col-xs-offset-5 {
    margin-right: 41.66666667%
}

.rtl-page .col-xs-offset-4 {
    margin-right: 33.33333333%
}

.rtl-page .col-xs-offset-3 {
    margin-right: 25%
}

.rtl-page .col-xs-offset-2 {
    margin-right: 16.66666667%
}

.rtl-page .col-xs-offset-1 {
    margin-right: 8.33333333%
}

.rtl-page .col-xs-offset-0 {
    margin-right: 0
}

.rtl-page .btn-lg *[class*=ico-] {
    margin: -3px 0 0 10px
}

.rtl-page .form *[class*="custom-col-"] {
    float: right
}

.rtl-page .form .custom-offset-1 {
    margin: 0 100px 0 0
}

.rtl-page .form .custom-offset-2 {
    margin: 0 200px 0 0
}

.rtl-page .form .custom-offset-3 {
    margin: 0 160px 0 0
}

.rtl-page .form .phone-number *[class*="custom-col-"] {
    float: left
}

.rtl-page .form .phone-number .custom-offset-1 {
    margin: 0 0 0 100px
}

.rtl-page .form .phone-number .custom-offset-2 {
    margin: 0 0 0 200px
}

.rtl-page .form .phone-number .custom-offset-3 {
    margin: 0 0 0 160px
}

.rtl-page .form .row-control {
    margin: 0 160px 0 0
}

.rtl-page .form .formitems {
    margin: 0 0 0 -10px
}

.rtl-page .form .formitem {
    float: right;
    padding-right: 0;
    padding-left: 10px
}

.rtl-page .form label {
    float: right;
    margin: 0 0 0 15px
}

.rtl-page .form .input label {
    float: none;
    margin: 5px 20px 0
}

.rtl-page .form .row-wlabel label, .rtl-page .form .row-whlabel label {
    margin: 0 0 0 20px
}

.rtl-page .form .selector span {
    padding-right: 20px;
    padding-left: 30px
}

.rtl-page .form .selector span:after {
    right: auto;
    left: 15px
}

.rtl-page .form .radio-check {
    padding: 0 25px 0 0;
    margin: 13px 0 13px 10px
}

.rtl-page .form .radio-check2 {
    padding: 0 0 0 25px
}

.rtl-page .form .row-hlabel .radio-check, .rtl-page .form .row-whlabel .radio-check {
    margin-top: 0;
    margin-bottom: 0
}

.rtl-page .form .radio-check .error {
    margin: 0 -25px 0 0
}

.rtl-page .form .radio-check2 .error {
    margin: 0 0 0 -25px
}

.rtl-page .form .radio-check input[type=radio], .rtl-page .form .radio-check input[type=checkbox] {
    left: auto;
    right: 0
}

.rtl-page .form .radio-check2 input[type=radio], .rtl-page .form .radio-check2 input[type=checkbox] {
    right: auto;
    left: 0
}

.rtl-page .form .buttonset .button, .rtl-page .form .button-row .button {
    float: left;
    margin: 0 10px 5px 0
}

.rtl-page .form #iSM ul li {
    float: right
}

.rtl-page .form .form-col label {
    float: none;
    margin: 0 0 5px
}

.rtl-page .form .form-col .row-control {
    margin: 0
}

.rtl-page .form .form-col .input label {
    margin: 5px 20px 0
}

.rtl-page .form2 label {
    float: none;
    margin: 0 0 5px
}

.rtl-page .form2 .row-control {
    margin: 0
}

.rtl-page .form-style01 .row-hlabel .radio-check, .rtl-page .form-style01 .row-whlabel .radio-check {
    margin-top: 0;
    margin-bottom: 0
}

.rtl-page .ico-login:before {
    content: "e"
}

.rtl-page .ico-logout:before {
    content: "f"
}

.rtl-page .ico-arrow-l:before {
    content: "p"
}

.rtl-page .ico-arrow-r:before {
    content: "o"
}

.rtl-page .ico-arrow-dbl-l:before {
    content: "w"
}

.rtl-page .ico-arrow-dbl-r:before {
    content: "v"
}

.rtl-page .ico-download-l:before {
    content: "z"
}

.rtl-page .ico-download-r:before {
    content: "y"
}

.rtl-page .logo {
    float: right;
    margin: -7px 0 -7px 10px
}

.rtl-page .header-panel {
    float: left;
    margin: 0 5px 0 0
}

.rtl-page .header-panel .item {
    margin: 0 30px 0 0;
    float: right
}

.rtl-page .header-panel .item > .link *[class*=ico] {
    margin: 0 0 0 5px
}

.rtl-page .header-panel .link.arrow span {
    padding: 0 0 0 15px
}

.rtl-page .header-panel .link.arrow span:after {
    right: auto;
    left: 0
}

.rtl-page .header-panel .drop {
    left: auto;
    right: 0
}

.rtl-page .header-panel .account-nav .drop {
    right: auto;
    left: 0
}

.rtl-page .header-panel .lang-nav .lng img, .rtl-page .header-panel .lang-nav .drop img {
    float: right;
    margin: 1px 0 0 5px
}

.rtl-page .header-panel .lang-nav .drop img {
    margin: 2px 0 0 5px
}

.rtl-page #nav ul li a:before {
    left: auto;
    right: 10px
}

.rtl-page #nav .drop {
    left: auto;
    right: 0
}

.rtl-paeg #nav .drop .drop {
    left: auto;
    right: 100%
}

.rtl-page #nav > ul > li:last-child .drop {
    right: auto;
    left: 0
}

.rtl-page #nav > ul > li:last-child .drop .drop {
    right: auto;
    left: 100%
}

.rtl-page .mb-header {
    float: left
}

.rtl-page .mb-header > nav > ul > li {
    padding: 0 15px 0 0
}

.rtl-page .mb-drop {
    left: 50px;
    right: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.rtl-page .mb-drop.opened {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.rtl-page .mb-drop .lang-panel ul li {
    padding: 0 0 0 10px
}

.rtl-page .mb-drop .lang-panel a img {
    float: right;
    margin: 0 0 0 5px
}

.rtl-page .breadcrumbs ul li:before {
    content: "o"
}

.rtl-page .breadcrumbs ul li:first-child:before {
    content: none
}

.rtl-page .table.ta-left.reversed th, .rtl-page .table.ta-left.reversed td, .rtl-page .table .ta-left.reversed th, .rtl-page .table .ta-left.reversed td, .rtl-page .table th.ta-left.reversed, .rtl-page .table td.ta-left.reversed {
    text-align: right
}

.rtl-page .table.ta-right.reversed th, .rtl-page .table.ta-right.reversed td, .rtl-page .table .ta-right.reversed th, .rtl-page .table .ta-right.reversed td, .rtl-page .table th.ta-right.reversed, .rtl-page .table td.ta-right.reversed {
    text-align: left
}

.rtl-page .table .mobile-table tr td:first-child {
    border-width: 0 0 0 1px
}

.rtl-page .data-table .DTFC_LeftHeadWrapper, .rtl-page .data-table .DTFC_LeftBodyWrapper {
    border-width: 0 0 0 1px
}

.rtl-page .list li {
    padding: 0 30px 0 0
}

.rtl-page .list2 li {
    padding: 0 40px 0 0
}

.rtl-page .list3 li {
    padding: 0 40px 0 0
}

.rtl-page .list li:before, .rtl-page .list2 li:before, .rtl-page .list3 li:before {
    left: auto;
    right: 0
}

.rtl-page .more {
    padding: 0 0 0 20px
}

.rtl-page .more:after {
    right: auto;
    left: 0;
    content: "v"
}

.rtl-page .link-download {
    padding: 0 25px 0 0
}

.rtl-page .link-download:before {
    left: auto;
    right: 0
}

.rtl-page .link-download.d-left:before {
    content: 'z'
}

.rtl-page .link-download.d-right:before {
    content: 'y'
}

.rtl-page .heading:before {
    left: auto;
    right: 0
}

.rtl-page .markets-news-head .filter .row-control {
    margin: 0 85px 0 0
}

.rtl-page .markets-news .news-info * {
    margin: 0 0 0 10px
}

.rtl-page .markets-news .news-info a img {
    margin: 0 0 0 5px
}

.rtl-page .paging ul li .First:after {
    content: 'w'
}

.rtl-page .paging ul li .Next:after {
    content: 'o'
}

.rtl-page .paging ul li .Previous:after {
    content: "p"
}

.rtl-page .paging ul li .Last:after {
    content: "v"
}

.rtl-page .account-types .ac-col:first-child .ac-cell {
    text-align: right
}

.rtl-page .account-types .ac-col:before {
    left: 0;
    right: 10px
}

.rtl-page .account-types .ac-cell {
    padding: 0 20px 0 10px
}

.rtl-page .account-types .ribbon {
    right: auto;
    left: 0;
    background: url(/assets/images/bg-acc-ribbon-rtl.svg) no-repeat
}

.rtl-page .contacts-details .item {
    margin: 0 0 0 50px
}

.rtl-page .contacts-details i {
    margin: -3px 0 0 5px
}

.rtl-page #pager ul li .first:after {
    content: 'w'
}

.rtl-page #pager ul li .next:after {
    content: 'o'
}

.rtl-page #pager ul li .previous:after {
    content: "p"
}

.rtl-page #pager ul li .last:after {
    content: "v"
}

.rtl-page .reg-page .content-holder .content {
    margin: 0 0 50px 485px
}

.rtl-page .reg-page .aside {
    margin: 0 0 0 -100%
}

.rtl-page .signature {
    text-align: left
}

.rtl-page .hp-title h2:after {
    left: auto;
    right: 0
}

.rtl-page .hp-title.ta-center h2:after {
    left: 0;
    right: 0
}

.rtl-page .hp-features .item *[class*=ico] {
    float: right;
    margin: 0 0 0 25px
}

.rtl-page .hp-start .image {
    left: auto;
    right: 60px
}

.rtl-page .hp-sponsor:after {
    right: auto;
    left: 50%;
    margin: 0 0 0 -450px
}

.rtl-page .hp-sponsor .cell:before {
    right: auto;
    left: -30px
}

.rtl-page .footer-nav > ul > li {
    border-width: 0 1px 0 0
}

.rtl-page .footer-nav > ul > li:first-child {
    border-width: 0
}

.rtl-page .footer-nav ul li a i {
    right: auto;
    left: 0
}

.rtl-page .popup .close {
    right: auto;
    left: -35px
}

.rtl-page .popup.out-of-window .close, .rtl-page .popup.left-aligned-popup .close {
    right: auto;
    left: 5px
}

.mt0 {
    margin-top: 0 !important
}

.mt5 {
    margin-top: 5px
}

.mt10 {
    margin-top: 10px
}

.mt15 {
    margin-top: 15px
}

.mt20 {
    margin-top: 20px
}

.mt25 {
    margin-top: 25px
}

.mt30 {
    margin-top: 30px
}

.mt35 {
    margin-top: 35px
}

.mt40 {
    margin-top: 40px
}

.mt45 {
    margin-top: 45px
}

.mt50 {
    margin-top: 50px
}

.mt55 {
    margin-top: 55px
}

.mt60 {
    margin-top: 60px
}

.mt65 {
    margin-top: 65px
}

.mt70 {
    margin-top: 70px
}

.mt75 {
    margin-top: 75px
}

.mt80 {
    margin-top: 80px
}

.mt85 {
    margin-top: 85px
}

.mt90 {
    margin-top: 90px
}

.mt95 {
    margin-top: 95px
}

.mt100 {
    margin-top: 100px
}

.mtm5 {
    margin-top: -5px
}

.mtm10 {
    margin-top: -10px
}

.mtm15 {
    margin-top: -15px
}

.mtm20 {
    margin-top: -20px
}

.mtm25 {
    margin-top: -25px
}

.mtm30 {
    margin-top: -30px
}

.mtm35 {
    margin-top: -35px
}

.mtm40 {
    margin-top: -40px
}

.mtm45 {
    margin-top: -45px
}

.mtm50 {
    margin-top: -50px
}

.mtm55 {
    margin-top: -55px
}

.mtm60 {
    margin-top: -60px
}

.mtm65 {
    margin-top: -65px
}

.mtm70 {
    margin-top: -70px
}

.mtm75 {
    margin-top: -75px
}

.mtm80 {
    margin-top: -80px
}

.mtm85 {
    margin-top: -85px
}

.mtm90 {
    margin-top: -90px
}

.mtm95 {
    margin-top: -95px
}

.mtm100 {
    margin-top: -100px
}

.mb0 {
    margin-bottom: 0 !important
}

.mb5 {
    margin-bottom: 5px
}

.mb10 {
    margin-bottom: 10px
}

.mb15 {
    margin-bottom: 15px
}

.mb20 {
    margin-bottom: 20px
}

.mb25 {
    margin-bottom: 25px
}

.mb30 {
    margin-bottom: 30px
}

.mb35 {
    margin-bottom: 35px
}

.mb40 {
    margin-bottom: 40px
}

.mb45 {
    margin-bottom: 45px
}

.mb50 {
    margin-bottom: 50px
}

.mb55 {
    margin-bottom: 55px
}

.mb60 {
    margin-bottom: 60px
}

.mb65 {
    margin-bottom: 65px
}

.mb70 {
    margin-bottom: 70px
}

.mb75 {
    margin-bottom: 75px
}

.mb80 {
    margin-bottom: 80px
}

.mb85 {
    margin-bottom: 85px
}

.mb90 {
    margin-bottom: 90px
}

.mb95 {
    margin-bottom: 95px
}

.mb100 {
    margin-bottom: 100px
}

.mbm5 {
    margin-bottom: -5px
}

.mbm10 {
    margin-bottom: -10px
}

.mbm15 {
    margin-bottom: -15px
}

.mbm20 {
    margin-bottom: -20px
}

.mbm25 {
    margin-bottom: -25px
}

.mbm30 {
    margin-bottom: -30px
}

.mbm35 {
    margin-bottom: -35px
}

.mbm40 {
    margin-bottom: -40px
}

.mbm45 {
    margin-bottom: -45px
}

.mbm50 {
    margin-bottom: -50px
}

.mbm55 {
    margin-bottom: -55px
}

.mbm60 {
    margin-bottom: -60px
}

.mbm65 {
    margin-bottom: -65px
}

.mbm70 {
    margin-bottom: -70px
}

.mbm75 {
    margin-bottom: -75px
}

.mbm80 {
    margin-bottom: -80px
}

.mbm85 {
    margin-bottom: -85px
}

.mbm90 {
    margin-bottom: -90px
}

.mbm95 {
    margin-bottom: -95px
}

.mbm100 {
    margin-bottom: -100px
}

.ml5 {
    margin-left: 5px
}

.ml10 {
    margin-left: 10px
}

.ml15 {
    margin-left: 15px
}

.ml20 {
    margin-left: 20px
}

.ml25 {
    margin-left: 25px
}

.ml30 {
    margin-left: 30px
}

.ml35 {
    margin-left: 35px
}

.ml40 {
    margin-left: 40px
}

.ml45 {
    margin-left: 45px
}

.ml50 {
    margin-left: 50px
}

.ml55 {
    margin-left: 55px
}

.ml60 {
    margin-left: 60px
}

.ml65 {
    margin-left: 65px
}

.ml70 {
    margin-left: 70px
}

.ml75 {
    margin-left: 75px
}

.ml80 {
    margin-left: 80px
}

.ml85 {
    margin-left: 85px
}

.ml90 {
    margin-left: 90px
}

.ml95 {
    margin-left: 95px
}

.ml100 {
    margin-left: 100px
}

.mlm5 {
    margin-left: -5px
}

.mlm10 {
    margin-left: -10px
}

.mlm15 {
    margin-left: -15px
}

.mlm20 {
    margin-left: -20px
}

.mlm25 {
    margin-left: -25px
}

.mlm30 {
    margin-left: -30px
}

.mlm35 {
    margin-left: -35px
}

.mlm40 {
    margin-left: -40px
}

.mlm45 {
    margin-left: -45px
}

.mlm50 {
    margin-left: -50px
}

.mlm55 {
    margin-left: -55px
}

.mlm60 {
    margin-left: -60px
}

.mlm65 {
    margin-left: -65px
}

.mlm70 {
    margin-left: -70px
}

.mlm75 {
    margin-left: -75px
}

.mlm80 {
    margin-left: -80px
}

.mlm85 {
    margin-left: -85px
}

.mlm90 {
    margin-left: -90px
}

.mlm95 {
    margin-left: -95px
}

.mlm100 {
    margin-left: -100px
}

.rtl-page .ml5.reversed {
    margin-left: 0;
    margin-right: 5px
}

.rtl-page .ml10.reversed {
    margin-left: 0;
    margin-right: 10px
}

.rtl-page .ml15.reversed {
    margin-left: 0;
    margin-right: 15px
}

.rtl-page .ml20.reversed {
    margin-left: 0;
    margin-right: 20px
}

.rtl-page .ml25.reversed {
    margin-left: 0;
    margin-right: 25px
}

.rtl-page .ml30.reversed {
    margin-left: 0;
    margin-right: 30px
}

.rtl-page .ml35.reversed {
    margin-left: 0;
    margin-right: 35px
}

.rtl-page .ml40.reversed {
    margin-left: 0;
    margin-right: 40px
}

.rtl-page .ml45.reversed {
    margin-left: 0;
    margin-right: 45px
}

.rtl-page .ml50.reversed {
    margin-left: 0;
    margin-right: 50px
}

.rtl-page .ml55.reversed {
    margin-left: 0;
    margin-right: 55px
}

.rtl-page .ml60.reversed {
    margin-left: 0;
    margin-right: 60px
}

.rtl-page .ml65.reversed {
    margin-left: 0;
    margin-right: 65px
}

.rtl-page .ml70.reversed {
    margin-left: 0;
    margin-right: 70px
}

.rtl-page .ml75.reversed {
    margin-left: 0;
    margin-right: 75px
}

.rtl-page .ml80.reversed {
    margin-left: 0;
    margin-right: 80px
}

.rtl-page .ml85.reversed {
    margin-left: 0;
    margin-right: 85px
}

.rtl-page .ml90.reversed {
    margin-left: 0;
    margin-right: 90px
}

.rtl-page .ml95.reversed {
    margin-left: 0;
    margin-right: 95px
}

.rtl-page .ml100.reversed {
    margin-left: 0;
    margin-right: 100px
}

.rtl-page .mlm5.reversed {
    margin-left: 0;
    margin-right: -5px
}

.rtl-page .mlm10.reversed {
    margin-left: 0;
    margin-right: -10px
}

.rtl-page .mlm15.reversed {
    margin-left: 0;
    margin-right: -15px
}

.rtl-page .mlm20.reversed {
    margin-left: 0;
    margin-right: -20px
}

.rtl-page .mlm25.reversed {
    margin-left: 0;
    margin-right: -25px
}

.rtl-page .mlm30.reversed {
    margin-left: 0;
    margin-right: -30px
}

.rtl-page .mlm35.reversed {
    margin-left: 0;
    margin-right: -35px
}

.rtl-page .mlm40.reversed {
    margin-left: 0;
    margin-right: -40px
}

.rtl-page .mlm45.reversed {
    margin-left: 0;
    margin-right: -45px
}

.rtl-page .mlm50.reversed {
    margin-left: 0;
    margin-right: -50px
}

.rtl-page .mlm55.reversed {
    margin-left: 0;
    margin-right: -55px
}

.rtl-page .mlm60.reversed {
    margin-left: 0;
    margin-right: -60px
}

.rtl-page .mlm65.reversed {
    margin-left: 0;
    margin-right: -65px
}

.rtl-page .mlm70.reversed {
    margin-left: 0;
    margin-right: -70px
}

.rtl-page .mlm75.reversed {
    margin-left: 0;
    margin-right: -75px
}

.rtl-page .mlm80.reversed {
    margin-left: 0;
    margin-right: -80px
}

.rtl-page .mlm85.reversed {
    margin-left: 0;
    margin-right: -85px
}

.rtl-page .mlm90.reversed {
    margin-left: 0;
    margin-right: -90px
}

.rtl-page .mlm95.reversed {
    margin-left: 0;
    margin-right: -95px
}

.rtl-page .mlm100.reversed {
    margin-left: 0;
    margin-right: -100px
}

.mr5 {
    margin-right: 5px
}

.mr10 {
    margin-right: 10px
}

.mr15 {
    margin-right: 15px
}

.mr20 {
    margin-right: 20px
}

.mr25 {
    margin-right: 25px
}

.mr30 {
    margin-right: 30px
}

.mr35 {
    margin-right: 35px
}

.mr40 {
    margin-right: 40px
}

.mr45 {
    margin-right: 45px
}

.mr50 {
    margin-right: 50px
}

.mr55 {
    margin-right: 55px
}

.mr60 {
    margin-right: 60px
}

.mr65 {
    margin-right: 65px
}

.mr70 {
    margin-right: 70px
}

.mr75 {
    margin-right: 75px
}

.mr80 {
    margin-right: 80px
}

.mr85 {
    margin-right: 85px
}

.mr90 {
    margin-right: 90px
}

.mr95 {
    margin-right: 95px
}

.mr100 {
    margin-right: 100px
}

.mrm5 {
    margin-right: -5px
}

.mrm10 {
    margin-right: -10px
}

.mrm15 {
    margin-right: -15px
}

.mrm20 {
    margin-right: -20px
}

.mrm25 {
    margin-right: -25px
}

.mrm30 {
    margin-right: -30px
}

.mrm35 {
    margin-right: -35px
}

.mrm40 {
    margin-right: -40px
}

.mrm45 {
    margin-right: -45px
}

.mrm50 {
    margin-right: -50px
}

.mrm55 {
    margin-right: -55px
}

.mrm60 {
    margin-right: -60px
}

.mrm65 {
    margin-right: -65px
}

.mrm70 {
    margin-right: -70px
}

.mrm75 {
    margin-right: -75px
}

.mrm80 {
    margin-right: -80px
}

.mrm85 {
    margin-right: -85px
}

.mrm90 {
    margin-right: -90px
}

.mrm95 {
    margin-right: -95px
}

.mrm100 {
    margin-right: -100px
}

.rtl-page .mr5.reversed {
    margin-left: 5px
}

.rtl-page .mr10.reversed {
    margin-right: 0;
    margin-left: 10px
}

.rtl-page .mr15.reversed {
    margin-right: 0;
    margin-left: 15px
}

.rtl-page .mr20.reversed {
    margin-right: 0;
    margin-left: 20px
}

.rtl-page .mr25.reversed {
    margin-right: 0;
    margin-left: 25px
}

.rtl-page .mr30.reversed {
    margin-right: 0;
    margin-left: 30px
}

.rtl-page .mr35.reversed {
    margin-right: 0;
    margin-left: 35px
}

.rtl-page .mr40.reversed {
    margin-right: 0;
    margin-left: 40px
}

.rtl-page .mr45.reversed {
    margin-right: 0;
    margin-left: 45px
}

.rtl-page .mr50.reversed {
    margin-right: 0;
    margin-left: 50px
}

.rtl-page .mr55.reversed {
    margin-right: 0;
    margin-left: 55px
}

.rtl-page .mr60.reversed {
    margin-right: 0;
    margin-left: 60px
}

.rtl-page .mr65.reversed {
    margin-right: 0;
    margin-left: 65px
}

.rtl-page .mr70.reversed {
    margin-right: 0;
    margin-left: 70px
}

.rtl-page .mr75.reversed {
    margin-right: 0;
    margin-left: 75px
}

.rtl-page .mr80.reversed {
    margin-right: 0;
    margin-left: 80px
}

.rtl-page .mr85.reversed {
    margin-right: 0;
    margin-left: 85px
}

.rtl-page .mr90.reversed {
    margin-right: 0;
    margin-left: 90px
}

.rtl-page .mr95.reversed {
    margin-right: 0;
    margin-left: 95px
}

.rtl-page .mr100.reversed {
    margin-right: 0;
    margin-left: 100px
}

.rtl-page .mrm5.reversed {
    margin-right: 0;
    margin-left: -5px
}

.rtl-page .mrm10.reversed {
    margin-right: 0;
    margin-left: -10px
}

.rtl-page .mrm15.reversed {
    margin-right: 0;
    margin-left: -15px
}

.rtl-page .mrm20.reversed {
    margin-right: 0;
    margin-left: -20px
}

.rtl-page .mrm25.reversed {
    margin-right: 0;
    margin-left: -25px
}

.rtl-page .mrm30.reversed {
    margin-right: 0;
    margin-left: -30px
}

.rtl-page .mrm35.reversed {
    margin-right: 0;
    margin-left: -35px
}

.rtl-page .mrm40.reversed {
    margin-right: 0;
    margin-left: -40px
}

.rtl-page .mrm45.reversed {
    margin-right: 0;
    margin-left: -45px
}

.rtl-page .mrm50.reversed {
    margin-right: 0;
    margin-left: -50px
}

.rtl-page .mrm55.reversed {
    margin-right: 0;
    margin-left: -55px
}

.rtl-page .mrm60.reversed {
    margin-right: 0;
    margin-left: -60px
}

.rtl-page .mrm65.reversed {
    margin-right: 0;
    margin-left: -65px
}

.rtl-page .mrm70.reversed {
    margin-right: 0;
    margin-left: -70px
}

.rtl-page .mrm75.reversed {
    margin-right: 0;
    margin-left: -75px
}

.rtl-page .mrm80.reversed {
    margin-right: 0;
    margin-left: -80px
}

.rtl-page .mrm85.reversed {
    margin-right: 0;
    margin-left: -85px
}

.rtl-page .mrm90.reversed {
    margin-right: 0;
    margin-left: -90px
}

.rtl-page .mrm95.reversed {
    margin-right: 0;
    margin-left: -95px
}

.rtl-page .mrm100.reversed {
    margin-right: 0;
    margin-left: -100px
}

@media (min-width: 480px) {
    *[class*="col-sm-"] {
        float: left
    }

    .rtl-page *[class*="col-sm-"] {
        float: right
    }

    .colsgrid.reversed > *[class*="col-sm-"] {
        float: right
    }

    .rtl-page .colsgrid.reversed > *[class*="col-sm-"] {
        float: left
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }

    .rtl-page *[class*="col-sm-offset-"] {
        margin-left: 0
    }

    .rtl-page .col-sm-offset-12 {
        margin-right: 100%
    }

    .rtl-page .col-sm-offset-11 {
        margin-right: 91.66666667%
    }

    .rtl-page .col-sm-offset-10 {
        margin-right: 83.33333333%
    }

    .rtl-page .col-sm-offset-9 {
        margin-right: 75%
    }

    .rtl-page .col-sm-offset-8 {
        margin-right: 66.66666667%
    }

    .rtl-page .col-sm-offset-7 {
        margin-right: 58.33333333%
    }

    .rtl-page .col-sm-offset-6 {
        margin-right: 50%
    }

    .rtl-page .col-sm-offset-5 {
        margin-right: 41.66666667%
    }

    .rtl-page .col-sm-offset-4 {
        margin-right: 33.33333333%
    }

    .rtl-page .col-sm-offset-3 {
        margin-right: 25%
    }

    .rtl-page .col-sm-offset-2 {
        margin-right: 16.66666667%
    }

    .rtl-page .col-sm-offset-1 {
        margin-right: 8.33333333%
    }

    .rtl-page .col-sm-offset-0 {
        margin-right: 0
    }
}

@media (min-width: 768px) {
    *[class*="col-md-"] {
        float: left
    }

    .rtl-page *[class*="col-md-"] {
        float: right
    }

    .colsgrid.reversed > *[class*="col-md-"] {
        float: right
    }

    .rtl-page .colsgrid.reversed > *[class*="col-md-"] {
        float: left
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }

    .rtl-page *[class*="col-md-offset-"] {
        margin-left: 0
    }

    .rtl-page .col-md-offset-12 {
        margin-right: 100%
    }

    .rtl-page .col-md-offset-11 {
        margin-right: 91.66666667%
    }

    .rtl-page .col-md-offset-10 {
        margin-right: 83.33333333%
    }

    .rtl-page .col-md-offset-9 {
        margin-right: 75%
    }

    .rtl-page .col-md-offset-8 {
        margin-right: 66.66666667%
    }

    .rtl-page .col-md-offset-7 {
        margin-right: 58.33333333%
    }

    .rtl-page .col-md-offset-6 {
        margin-right: 50%
    }

    .rtl-page .col-md-offset-5 {
        margin-right: 41.66666667%
    }

    .rtl-page .col-md-offset-4 {
        margin-right: 33.33333333%
    }

    .rtl-page .col-md-offset-3 {
        margin-right: 25%
    }

    .rtl-page .col-md-offset-2 {
        margin-right: 16.66666667%
    }

    .rtl-page .col-md-offset-1 {
        margin-right: 8.33333333%
    }

    .rtl-page .col-md-offset-0 {
        margin-right: 0
    }
}

@media (min-width: 1000px) {
    *[class*="col-lg-"] {
        float: left
    }

    .rtl-page *[class*="col-lg-"] {
        float: right
    }

    .colsgrid.reversed > *[class*="col-lg-"] {
        float: right
    }

    .rtl-page .colsgrid.reversed > *[class*="col-lg-"] {
        float: left
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }

    .rtl-page *[class*="col-lg-offset-"] {
        margin-left: 0
    }

    .rtl-page .col-lg-offset-12 {
        margin-right: 100%
    }

    .rtl-page .col-lg-offset-11 {
        margin-right: 91.66666667%
    }

    .rtl-page .col-lg-offset-10 {
        margin-right: 83.33333333%
    }

    .rtl-page .col-lg-offset-9 {
        margin-right: 75%
    }

    .rtl-page .col-lg-offset-8 {
        margin-right: 66.66666667%
    }

    .rtl-page .col-lg-offset-7 {
        margin-right: 58.33333333%
    }

    .rtl-page .col-lg-offset-6 {
        margin-right: 50%
    }

    .rtl-page .col-lg-offset-5 {
        margin-right: 41.66666667%
    }

    .rtl-page .col-lg-offset-4 {
        margin-right: 33.33333333%
    }

    .rtl-page .col-lg-offset-3 {
        margin-right: 25%
    }

    .rtl-page .col-lg-offset-2 {
        margin-right: 16.66666667%
    }

    .rtl-page .col-lg-offset-1 {
        margin-right: 8.33333333%
    }

    .rtl-page .col-lg-offset-0 {
        margin-right: 0
    }
}

@media (min-width: 1170px) {
    *[class*="col-xl-"] {
        float: left
    }

    .rtl-page *[class*="col-xl-"] {
        float: right
    }

    .colsgrid.reversed > *[class*="col-xl-"] {
        float: right
    }

    .rtl-page .colsgrid.reversed > *[class*="col-xl-"] {
        float: left
    }

    .col-xl-1 {
        width: 8.33333333%
    }

    .col-xl-2 {
        width: 16.66666667%
    }

    .col-xl-3 {
        width: 25%
    }

    .col-xl-4 {
        width: 33.33333333%
    }

    .col-xl-5 {
        width: 41.66666667%
    }

    .col-xl-6 {
        width: 50%
    }

    .col-xl-7 {
        width: 58.33333333%
    }

    .col-xl-8 {
        width: 66.66666667%
    }

    .col-xl-9 {
        width: 75%
    }

    .col-xl-10 {
        width: 83.33333333%
    }

    .col-xl-11 {
        width: 91.66666667%
    }

    .col-xl-12 {
        width: 100%
    }

    .col-xl-offset-12 {
        margin-left: 100%
    }

    .col-xl-offset-11 {
        margin-left: 91.66666667%
    }

    .col-xl-offset-10 {
        margin-left: 83.33333333%
    }

    .col-xl-offset-9 {
        margin-left: 75%
    }

    .col-xl-offset-8 {
        margin-left: 66.66666667%
    }

    .col-xl-offset-7 {
        margin-left: 58.33333333%
    }

    .col-xl-offset-6 {
        margin-left: 50%
    }

    .col-xl-offset-5 {
        margin-left: 41.66666667%
    }

    .col-xl-offset-4 {
        margin-left: 33.33333333%
    }

    .col-xl-offset-3 {
        margin-left: 25%
    }

    .col-xl-offset-2 {
        margin-left: 16.66666667%
    }

    .col-xl-offset-1 {
        margin-left: 8.33333333%
    }

    .col-xl-offset-0 {
        margin-left: 0
    }

    .rtl-page *[class*="col-xl-offset-"] {
        margin-left: 0
    }

    .rtl-page .col-lg-offset-12 {
        margin-right: 100%
    }

    .rtl-page .col-xl-offset-11 {
        margin-right: 91.66666667%
    }

    .rtl-page .col-xl-offset-10 {
        margin-right: 83.33333333%
    }

    .rtl-page .col-xl-offset-9 {
        margin-right: 75%
    }

    .rtl-page .col-xl-offset-8 {
        margin-right: 66.66666667%
    }

    .rtl-page .col-xl-offset-7 {
        margin-right: 58.33333333%
    }

    .rtl-page .col-xl-offset-6 {
        margin-right: 50%
    }

    .rtl-page .col-xl-offset-5 {
        margin-right: 41.66666667%
    }

    .rtl-page .col-xl-offset-4 {
        margin-right: 33.33333333%
    }

    .rtl-page .col-xl-offset-3 {
        margin-right: 25%
    }

    .rtl-page .col-xl-offset-2 {
        margin-right: 16.66666667%
    }

    .rtl-page .col-xl-offset-1 {
        margin-right: 8.33333333%
    }

    .rtl-page .col-xl-offset-0 {
        margin-right: 0
    }
}

@media (max-width: 479px) {
    .cl-b-xs {
        clear: both
    }

    .hidden-xs {
        display: none !important
    }

    .visible-xs {
        display: block !important
    }

    .visible-xs-block {
        display: block !important
    }

    .visible-xs-inline {
        display: inline !important
    }

    .visible-xs-inline-block {
        display: inline-block !important
    }

    .fl-l-xs {
        float: left
    }

    .fl-r-xs {
        float: right
    }

    .ta-left-xs {
        text-align: left
    }

    .ta-right-xs {
        text-align: right
    }

    .ta-center-xs {
        text-align: center
    }

    .center-xs {
        margin-left: auto;
        margin-right: auto
    }

    .rtl-page .fl-r-xs.reversed {
        float: left
    }

    .rtl-page .fl-l-xs.reversed {
        float: right
    }

    .rtl-page .ta-left-xs.reversed {
        text-align: right
    }

    .rtl-page .ta-right-xs.reversed {
        text-align: left
    }
}

@media (min-width: 480px)and (max-width: 767px) {
    .cl-b-sm {
        clear: both
    }

    .hidden-sm {
        display: none !important
    }

    .visible-sm {
        display: block !important
    }

    .visible-sm-block {
        display: block !important
    }

    .visible-sm-inline {
        display: inline !important
    }

    .visible-sm-inline-block {
        display: inline-block !important
    }

    .fl-l-sm {
        float: left
    }

    .fl-r-sm {
        float: right
    }

    .ta-left-sm {
        text-align: left
    }

    .ta-right-sm {
        text-align: right
    }

    .ta-center-sm {
        text-align: center
    }

    .center-sm {
        margin-left: auto;
        margin-right: auto
    }

    .rtl-page .fl-l-sm.reversed {
        float: right
    }

    .rtl-page .fl-r-sm.reversed {
        float: left
    }

    .rtl-page .ta-left-sm.reversed {
        text-align: right
    }

    .rtl-page .ta-right-sm.reversed {
        text-align: left
    }
}

@media (min-width: 768px)and (max-width: 999px) {
    .cl-b-md {
        clear: both
    }

    .hidden-md {
        display: none !important
    }

    .visible-md {
        display: block !important
    }

    .visible-md-block {
        display: block !important
    }

    .visible-md-inline {
        display: inline !important
    }

    .visible-md-inline-block {
        display: inline-block !important
    }

    .fl-l-md {
        float: left
    }

    .fl-r-md {
        float: right
    }

    .ta-left-md {
        text-align: left
    }

    .ta-right-md {
        text-align: right
    }

    .ta-center-md {
        text-align: center
    }

    .center-md {
        margin-left: auto;
        margin-right: auto
    }

    .rtl-page .fl-l-md.reversed {
        float: right
    }

    .rtl-page .fl-r-md.reversed {
        float: left
    }

    .rtl-page .ta-left-md.reversed {
        text-align: right
    }

    .rtl-page .ta-right-md.reversed {
        text-align: left
    }
}

@media (min-width: 1000px)and (max-width: 1169px) {
    .cl-b-lg {
        clear: both
    }

    .hidden-lg {
        display: none !important
    }

    .visible-lg {
        display: block !important
    }

    .visible-lg-block {
        display: block !important
    }

    .visible-lg-inline {
        display: inline !important
    }

    .visible-lg-inline-block {
        display: inline-block !important
    }

    .fl-l-lg {
        float: left
    }

    .fl-r-lg {
        float: right
    }

    .ta-left-lg {
        text-align: left
    }

    .ta-right-lg {
        text-align: right
    }

    .ta-center-lg {
        text-align: center
    }

    .center-lg {
        margin-left: auto;
        margin-right: auto
    }

    .rtl-page .fl-l-lg.reversed {
        float: right
    }

    .rtl-page .fl-r-lg.reversed {
        float: left
    }

    .rtl-page .ta-left-lg.reversed {
        text-align: right
    }

    .rtl-page .ta-right-lg.reversed {
        text-align: left
    }

    .el-block-lg {
        display: block !important
    }

    .el-inline-lg {
        display: inline !important
    }

    .el-inline-block-lg {
        display: inline-block !important
    }
}

@media (min-width: 1170px) {
    .cl-b-xl {
        clear: both
    }

    .hidden-xl {
        display: none !important
    }

    .visible-xl {
        display: block !important
    }

    .visible-xl-block {
        display: block !important
    }

    .visible-xl-inline {
        display: inline !important
    }

    .visible-xl-inline-block {
        display: inline-block !important
    }

    .fl-l-xl {
        float: left
    }

    .fl-r-xl {
        float: right
    }

    .ta-left-xl {
        text-align: left
    }

    .ta-right-xl {
        text-align: right
    }

    .ta-center-xl {
        text-align: center
    }

    .center-xl {
        margin-left: auto;
        margin-right: auto
    }

    .rtl-page .fl-l-xl.reversed {
        float: right
    }

    .rtl-page .fl-r-xl.reversed {
        float: left
    }

    .rtl-page .ta-left-xl.reversed {
        text-align: right
    }

    .rtl-page .ta-right-xl.reversed {
        text-align: left
    }

    .el-block-xl {
        display: block !important
    }

    .el-inline-xl {
        display: inline !important
    }

    .el-inline-block-xl {
        display: inline-block !important
    }
}

@media only screen and (max-width: 1230px) {
    .footer-nav {
        margin: 0 -15px
    }
}

@media only screen and (min-width: 1170px) {
    .mb-drop {
        display: none !important
    }
}

@media only screen and (max-width: 1170px) {
    .show-less-1170 {
        display: block
    }

    .mt0-lg {
        margin-top: 0
    }

    .mb0-lg {
        margin-bottom: 0
    }

    .ml0-lg {
        margin-left: 0
    }

    .ml0-lg.reversed {
        margin-right: 0
    }

    .mr0-lg {
        margin-right: 0
    }

    .mr0-lg.reversed {
        margin-left: 0
    }

    .btn-block-lg {
        display: block;
        min-width: 1px !important
    }

    #nav {
        display: none
    }

    .header-panel > .item {
        display: none;
        padding: 8px 0;
        margin: 0 0 0 15px
    }

    .rtl-page .header-panel > .item {
        margin: 0 15px 0 0
    }

    .header-panel > .lang-nav {
        display: inline-block
    }

    .mb-header {
        display: block
    }

    .content-holder {
        float: none;
        width: auto
    }

    .reg-page .content-holder {
        float: left;
        width: 100%
    }

    .account-types {
        padding: 0
    }

    #sidebar {
        display: none
    }

    .content-holder #content, .rtl-page .content-holder #content {
        margin: 0
    }

    .footer-nav > ul > li {
        padding: 0 15px
    }

    .payment {
        text-align: center
    }
}

@media only screen and (max-width: 1000px) {
    .show-less-1000 {
        display: block
    }

    .mt0-md {
        margin-top: 0
    }

    .mb0-md {
        margin-bottom: 0
    }

    .ml0-md {
        margin-left: 0
    }

    .ml0-md.reversed {
        margin-right: 0
    }

    .mr0-md {
        margin-right: 0
    }

    .mr0-md.reversed {
        margin-left: 0
    }

    .btn-block-md {
        display: block;
        min-width: 1px !important
    }

    .reg-page .content-holder {
        float: none;
        width: auto
    }

    .reg-page .content-holder .content, .rtl-page .reg-page .content-holder .content {
        margin: 0 0 50px
    }

    .reg-page .aside, .rtl-page .reg-page .aside {
        float: none;
        width: auto;
        margin: 0
    }

    .full-content .contentbox {
        padding: 40px 40px 60px
    }

    .full-content .contentbox2 {
        padding: 0
    }

    .carousel .owl-carousel .slide-content {
        top: 65px
    }

    .carousel .owl-carousel .slide .image {
        margin: -25px -32px 0
    }

    .hp-experts .items {
        position: relative;
        min-height: 660px;
        margin-bottom: 40px
    }

    .hp-experts .item {
        position: absolute;
        width: 330px;
        height: 330px;
        text-align: center;
        font: 300 14px/17px 'aljazeera', 'Roboto', sans-serif;
        padding: 65px 15px 80px;
        top: -5px;
        left: 50%;
        margin: 0 0 0 -82px
    }

    .hp-experts .item:first-child {
        top: 335px
    }

    .hp-experts .item:last-child {
        top: 165px;
        margin: 0 0 0 -252px
    }

    .rtl-page .hp-experts .item {
        left: auto;
        right: 50%;
        margin: 0 -82px 0 0
    }

    .rtl-page .hp-experts .item:last-child {
        margin: 0 -252px 0 0
    }

    .hp-experts .item h3 {
        font: 700 17px/22px 'aljazeera', 'Roboto', sans-serif;
        margin: 0
    }

    .hp-experts .item:before {
        width: 234px;
        height: 234px
    }

    .hp-experts .item img {
        width: 130px;
        height: 130px;
        margin: 0 0 15px
    }

    .account-types {
        padding: 0
    }

    .account-types .ac-col:first-child {
        display: none
    }

    .account-types .ac-col {
        padding: 0 5px
    }

    .account-types .ac-col:before, .rtl-page.account-types .ac-col:before {
        left: 5px;
        right: 5px
    }

    .f-cells {
        padding: 10px 35px
    }

    .footer-nav {
        margin: 0
    }

    .footer-nav > ul {
        display: block;
        width: auto
    }

    .footer-nav ul li {
        position: relative
    }

    .footer-nav > ul > li, .rtl-page .footer-nav > ul > li {
        display: block;
        padding: 0;
        margin: -1px 0 0;
        border-width: 1px 0
    }

    .footer-nav ul li ul {
        display: none;
        margin: 0;
        padding: 10px 0
    }

    .footer-nav ul li.nav-expanded > ul {
        display: block
    }

    .footer-nav > ul > li > a {
        display: block;
        padding: 14px 0
    }

    .footer-nav ul li a i {
        display: block
    }

    .footer-nav > ul > li > a > i:after {
        line-height: 52px
    }

    .footer-contacts, .rtl-page .footer-contacts {
        border-width: 0
    }
}

@media only screen and (max-width: 767px) {
    .show-less-767 {
        display: block
    }

    .mt0-sm {
        margin-top: 0
    }

    .mb0-sm {
        margin-bottom: 0
    }

    .ml0-sm {
        margin-left: 0
    }

    .ml0-sm.reversed {
        margin-right: 0
    }

    .mr0-sm {
        margin-right: 0
    }

    .mr0-sm.reversed {
        margin-left: 0
    }

    .btn-block-sm {
        display: block;
        min-width: 1px !important
    }

    body {
        font-size: 17px;
        line-height: 30px
    }

    .login-page {
        padding-top: 80px
    }

    h1, h2 {
        font: 700 25px/35px 'aljazeera', 'Roboto', sans-serif;
        margin: 0 0 20px
    }

    #wrapper {
        padding-top: 58px
    }

    #wrapper.sticky-header {
        padding-top: 65px
    }

    .reg-page {
        background: #fff
    }

    .logo {
        margin: 0 10px 0 0
    }

    .rtl-page .logo {
        margin: 0 0 0 10px
    }

    .logo a {
        width: 130px;
        height: 35px
    }

    .logo-holder {
        sheight: 65px;
        padding: 10px 0
    }
    .logo2 {
        padding: 7px 0;
        margin-right: 0;
    }

    .logo2 a {
        font-size: 1.5rem;
    }
    .logo2 img {
        margin-top: -4px;
    }
    .sticky-header .logo-holder {
        height: 65px;
        padding: 15px 0
    }

    .mb-header {
        padding: 7px 0
    }

    .reg-page main {
        padding: 25px 0
    }

    .contentbox, .full-content .contentbox {
        padding: 20px 15px;
        margin-bottom: 30px
    }

    .contentbox2, .full-content .contentbox2 {
        padding: 0 15px
    }

    .page-head + .main-holder .contentbox {
        margin-top: 0;
        border-color: transparent;
        margin-left: -15px;
        margin-right: -15px
    }

    .page-head + .main-holder .contentbox2 {
        margin-top: -93px
    }

    header .main-holder {
        padding-right: 0 !important;
    }

    .page-head {
        height: 156px;
        padding: 30px 0 50px;
        height: auto;
        padding: 30px 0
    }

    .btn-lg.btn-resize-mb {
        padding-top: 16px;
        padding-bottom: 16px
    }

    .btn-lg2.btn-resize-mb {
        font: 700 19px/25px 'aljazeera', 'Roboto', sans-serif;
        min-width: 290px;
        padding: 13px 15px;
        border-radius: 35px 0 35px 0
    }

    .table .desktop-table {
        display: none
    }

    .table .mobile-table {
        display: table
    }

    .data-table .DTFC_LeftWrapper {
        display: block
    }

    .form .row-control {
        margin: 0
    }

    .rtl-page .form .row-control {
        margin: 0
    }

    .form label {
        float: none;
        display: block;
        height: auto;
        width: auto;
        margin: 0 0 5px
    }

    .rtl-page .form label {
        float: none;
        margin: 0 0 5px
    }

    .form .formset, .form .buttonset {
        width: 100%;
        margin: 0 !important
    }

    .markets-news-head .filter label, .rtl-page .markets-news-head .filter label {
        line-height: 42px;
        float: left;
        margin: 0
    }

    .rtl-page .markets-news-head .filter label {
        float: right
    }

    .markets-news-head .filter .formset {
        width: 100%
    }

    .box-pd01 .box-heading {
        padding: 16px 15px
    }

    .box-pd01 .box-content {
        padding: 20px 15px 40px
    }

    .box-pd02 .box-heading {
        padding: 16px 15px
    }

    .box-pd02 .box-content {
        padding: 20px 15px
    }

    .list li {
        margin: 0 0 5px;
        padding: 0 0 0 20px
    }

    .rtl-page .list li {
        padding: 0 20px 0 0
    }

    .list li:before {
        top: 10px
    }

    .list li ul {
        margin: 5px 0 0
    }

    .list2 li {
        margin: 0 0 5px;
        padding: 0 0 0 30px
    }

    .rtl-page .list2 li {
        padding: 0 30px 0 0
    }

    .list2 li:before {
        top: 0
    }

    .list2 li ul {
        margin: 5px 0 0
    }

    .list3 li {
        margin: 0 0 15px;
        padding: 0 0 0 30px
    }

    .rtl-page .list3 li {
        padding: 0 30px 0 0
    }

    .list3 li:before {
        top: 3px
    }

    .list3 li ul {
        margin: 5px 0 0
    }

    .account-types {
        display: block;
        width: auto;
        margin: 0 -15px
    }

    .account-types .ac-col {
        display: block;
        padding: 0;
        margin: 0 0 50px
    }

    .account-types .ac-col:before, .rtl-page .account-types .ac-col:before {
        left: 0;
        right: 0
    }

    .account-types .ac-cell {
        height: 80px
    }

    .contacts-details .item {
        margin: 0 30px 0 0
    }

    .rtl-page .contacts-details .item {
        margin: 0 0 0 30px
    }

    .welcome-text {
        border: 1px solid #ced6da;
        padding: 15px 15px 5px;
        background: #fff;
        margin-top: -83px;
        margin-bottom: 20px
    }

    .welcome-text h1, .welcome-text h2 {
        font-size: 22px;
        margin: 0 0 10px
    }

    .carousel .owl-carousel .slide {
        height: 610px
    }

    .carousel .owl-carousel .slide-content {
        top: 0
    }

    .carousel .owl-carousel .slide-content2 {
        top: auto;
        bottom: 0;
        padding: 0rem 0 2.5rem 0;
        background: rgba(0,0,0,.3);
    }

    .carousel .owl-carousel .slide .text {
        font: 300 18px/22px 'aljazeera', 'Roboto', sans-serif
    }

    .carousel .owl-carousel .slide .text .btn-hold {
        padding: 10px 0 0
    }

    .carousel .owl-carousel .slide .text .strong {
        font: 700 35px/42px 'aljazeera', 'Roboto', sans-serif;
        margin: 0 0 25px
    }

    .carousel .owl-carousel .slide .image {
        margin: 15px auto 0;
        max-width: 400px
    }

    .carousel .owl-carousel .owl-dots {
        bottom: 15px
    }

    .carousel .owl-carousel .owl-dots .owl-dot span {
        width: 12px;
        height: 12px;
        margin: 0 7px
    }

    .hp-section {
        padding: 55px 0
    }

    .hp-title {
        margin: 0 0 25px
    }

    .hp-title h2 {
        font: 700 30px/37px 'aljazeera', 'Roboto', sans-serif;
        padding: 0 0 15px
    }

    .hp-title .ico-separator {
        font-size: 50px
    }

    .hp-intro {
        height: 600px;
        font: 300 18px/22px 'aljazeera', 'Roboto', sans-serif
    }

    .hp-intro h2 {
        font: 700 36px/44px 'aljazeera', 'Roboto', sans-serif
    }

    .moveto {
        border-width: 1px;
        bottom: 40px
    }

    .hp-features {
        padding: 40px 0 75px
    }

    .hp-features .hp-title {
        margin: 0 0 45px
    }

    .hp-features .items {
        padding: 0
    }

    .hp-features .item *[class*=ico] {
        margin: 0 20px 0 0;
        width: 72px;
        height: 72px;
        font-size: 54px;
        line-height: 72px
    }

    .rtl-page .hp-features .item *[class*=ico] {
        margin: 0 0 0 20px
    }

    .hp-features .btn-hold {
        padding: 0
    }

    .hp-features .item h3 {
        font: 700 21px/26px 'aljazeera', 'Roboto', sans-serif;
        margin: 0 0 10px
    }

    .hp-start {
        padding: 50px 0
    }

    .hp-start .hp-title h2 {
        padding: 0 0 30px
    }

    .hp-start h2 {
        font: 700 24px/40px 'aljazeera', 'Roboto', sans-serif
    }

    .hp-start h3 {
        font: 700 20px/25px 'aljazeera', 'Roboto', sans-serif;
        margin: 0 0 13px
    }

    .hp-start .image {
        position: relative;
        left: 10px;
        width: 120%
    }

    .rtl-page .hp-start .image {
        left: auto;
        right: 10px
    }

    .hp-experts {
        font: 300 18px/22px 'aljazeera', 'Roboto', sans-serif;
        padding-top: 45px
    }

    .hp-experts .hp-title h2 {
        font: 700 24px/29px 'aljazeera', 'Roboto', sans-serif;
        margin: 0 0 10px
    }

    .hp-widgets h2 {
        font: 700 25px/32px 'aljazeera', 'Roboto', sans-serif;
        margin: 0 0 25px
    }

    .hp-widgets .item {
        margin: 0 -5px 45px
    }

    .hp-sponsor {
        padding: 0 0 168px
    }

    .hp-sponsor:after, .rtl-page .hp-sponsor:after {
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 168px;
        background-position: 50% 0;
        background-size: 100% 100%
    }

    .hp-sponsor h2 {
        font: 700 18px/26px 'aljazeera', 'Roboto', sans-serif;
        text-align: inherit
    }

    .hp-sponsor .cell {
        padding: 0 10px
    }

    .hp-sponsor .cell img {
        width: 126px
    }

    .hp-sponsor .cell:before {
        right: auto;
        left: -15px
    }

    .rtl-page .hp-sponsor .cell:before {
        left: auto;
        right: -15px
    }

    .awards {
        padding: 25px 0
    }

    .awards .hold {
        text-align: center
    }

    .awards .hold > * {
        width: 33.3333%;
        margin: 0 -3px
    }
}

@media only screen and (max-width: 479px) {
    .show-less-479 {
        display: block
    }

    .mt0-xs {
        margin-top: 0
    }

    .mb0-xs {
        margin-bottom: 0
    }

    .ml0-xs {
        margin-left: 0
    }

    .ml0-xs.reversed {
        margin-right: 0
    }

    .mr0-xs {
        margin-right: 0
    }

    .mr0-xs.reversed {
        margin-left: 0
    }

    .btn-block-xs {
        display: block;
        min-width: 1px !important
    }

    .contacts-details .item {
        display: block
    }

    .hp-sponsor .cells {
        width: auto;
        display: block;
        margin: 0 -15px
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes sdb10 {
    0% {
        -webkit-transform: translate(50%, 0);
        transform: translate(50%, 0);
        opacity: 0
    }
    40% {
        opacity: 1
    }
    80% {
        -webkit-transform: translate(50%, 10px);
        transform: translate(50%, 10px);
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

#PanelBar {
    padding: 0;
    margin: 0 0 20px;
    list-style: none
}

#PanelBar iframe {
    display: inline;
    width: auto;
    height: auto
}

.t-header {
    display: inline-block;
    margin: 0 0 10px;
    font: bold 14px/17px Arial, Veradana, sans-serif
}