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: 'icomoon';
    src: url('fonts/icomoon.eot?thbur3');
    src: url('fonts/icomoon.eot?thbur3#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?thbur3') format('truetype'), url('fonts/icomoon.woff?thbur3') format('woff'), url('fonts/icomoon.svg?thbur3#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block
}

body {
    background: #fff;
    min-width: 320px;
    font-size: 13px;
    line-height: 20px;
    font-family: 'Poppins', sans-serif;
    color: #000;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

.lazy {
    opacity: 0
}

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

img[data-src] {
    opacity: 0
}

a {
    color: #000;
    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,
.h1 {
    font: 700 25px 'Playfair Display', serif;
    margin-bottom: 20px
}

h2,
.h2 {
    font: 700 22px/29px 'Playfair Display', serif;
    margin-bottom: 20px
}

h3,
.h3 {
    font: 700 18px 'Playfair Display', serif;
    margin-bottom: 20px
}

p {
    margin-bottom: 20px
}

*[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
}

.fw100 {
    font-weight: 100
}

.fw200 {
    font-weight: 200
}

.fw300 {
    font-weight: 300
}

.fw400 {
    font-weight: 400
}

.fw500 {
    font-weight: 500
}

.fw600 {
    font-weight: 600
}

.fw700 {
    font-weight: 700
}

.fw800 {
    font-weight: 800
}

.fw900 {
    font-weight: 900
}

body {
    display: flex;
    overflow-x: hidden
}

#wrapper {
    width: 100%;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    position: relative
}

.w1 {
    flex: 1
}

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

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

header {
    position: relative;
    z-index: 20;
    left: 0;
    right: 0;
    top: 0
}

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

.home-page header {
    position: absolute
}

main {
    padding: 135px 0 90px;
    position: relative
}

.home-page main {
    padding: 0 0 90px
}

.content-holder {
    flex-direction: row-reverse;
    display: flex
}

.content-holder #content {
    flex: 1;
    min-height: 1px
}

#sidebar {
    width: 225px;
    margin: 0 29px 0 0
}

main * {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.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-h {
    overflow: hidden
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg,
.visible-xl {
    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,
.visible-xl-block,
.visible-xl-inline,
.visible-xl-inline-block {
    display: none !important
}

.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: #11162e
}

.el-block {
    display: block !important
}

.el-inline {
    display: inline !important
}

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

.el-table {
    display: table !important
}

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

.el-flex {
    display: flex !important
}

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

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

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

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

.text-uppercase {
    text-transform: uppercase
}

.text-lowercase {
    text-transform: lowercase
}

.text-capitalize {
    text-transform: capitalize
}

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

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

.chold01 {
    max-width: 886px
}

.full-width {
    width: 100%
}

.full-height {
    height: 100%
}

.direction-area {
    direction: rtl
}

.ofi {
    object-fit: cover;
    font-family: 'object-fit: cover'
}

.d-flex {
    display: -ms-flexbox;
    display: flex
}

.d-inline-flex {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.flex-row {
    -ms-flex-direction: row;
    flex-direction: row
}

.flex-column {
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-row-reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.flex-column-reverse {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex-nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse
}

.flex-fill {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.flex-full {
    -ms-flex: 1 1 0;
    flex: 1 1 0
}

.flex-grow-0 {
    -ms-flex-positive: 0;
    flex-grow: 0
}

.flex-grow-1 {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.flex-shrink-0 {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.flex-shrink-1 {
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.justify-content-start {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.justify-content-end {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.justify-content-center {
    -ms-flex-pack: center;
    justify-content: center
}

.justify-content-between {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.justify-content-around {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.align-items-start {
    -ms-flex-align: start;
    align-items: flex-start
}

.align-items-end {
    -ms-flex-align: end;
    align-items: flex-end
}

.align-items-center {
    -ms-flex-align: center;
    align-items: center
}

.align-items-baseline {
    -ms-flex-align: baseline;
    align-items: baseline
}

.align-items-stretch {
    -ms-flex-align: stretch;
    align-items: stretch
}

.align-content-start {
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.align-content-end {
    -ms-flex-line-pack: end;
    align-content: flex-end
}

.align-content-center {
    -ms-flex-line-pack: center;
    align-content: center
}

.align-content-between {
    -ms-flex-line-pack: justify;
    align-content: space-between
}

.align-content-around {
    -ms-flex-line-pack: distribute;
    align-content: space-around
}

.align-content-stretch {
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.align-self-auto {
    -ms-flex-item-align: auto;
    align-self: auto
}

.align-self-start {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.align-self-end {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.align-self-center {
    -ms-flex-item-align: center;
    align-self: center
}

.align-self-baseline {
    -ms-flex-item-align: baseline;
    align-self: baseline
}

.align-self-stretch {
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.d-flex-xs {
    display: -ms-flexbox !important;
    display: flex !important
}

.d-inline-flex-xs {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

.d-flex-xs>*[class*=col-] {
    float: none
}

.rtl-page .d-flex-xs>*[class*=col-] {
    float: none
}

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

*[class*="col-xs-pull"],
*[class*="col-xs-push"] {
    position: relative
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

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

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

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

.colsgrid2 {
    margin-left: -20px;
    margin-right: -20px
}

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

.colsgrid3 {
    margin-left: -30px;
    margin-right: -30px
}

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

.button {
    vertical-align: middle;
    display: inline-block;
    position: relative;
    border: 1px solid transparent;
    padding: 13px 10px;
    min-width: 200px;
    font: 700 18px/22px 'Popins', sans-serif;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    background: #11162e
}

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

.button:hover,
.button.active {
    background: #c2a658
}

.button2 {
    background: #000
}

.button2:hover,
.button2.active {
    background: #4b4b4b
}

.button3 {
    background: #fff;
    color: #11162e
}

.button3:hover,
.button3.active {
    background: #11162e;
    color: #fff
}

.button.bordered {
    background: transparent;
    border-color: #11162e;
    color: #11162e
}

.button.bordered:hover {
    background: #11162e;
    border-color: #11162e;
    color: #fff
}

.button2.bordered {
    color: #000;
    border-color: #000
}

.button2.bordered:hover {
    background: #000;
    border-color: #000
}

.button3.bordered {
    border-color: #fff;
    color: #fff
}

.button3.bordered:hover,
.button3.bordered.active {}

.btn-sz01 {
    min-width: 240px
}

.btn-sz02 {
    min-width: 220px
}

.btn-play>span {
    padding: 0 0 0 30px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease
}

.btn-play>span:before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    border-style: solid;
    border-width: 9px 0 9px 16px;
    border-color: transparent #11162e;
    height: 16px
}

.btn-play:hover>span:before {
    border-color: transparent #fff
}

.btn-lg {
    font: 700 18px/27px 'Poppins', sans-serif;
    padding: 28px 10px;
    min-width: 275px
}

.btn-md {
    padding: 10px 10px;
    min-width: 190px;
    font: 700 12px/18px 'Poppins', sans-serif
}

.btn-md2 {
    padding: 13px 10px;
    min-width: 175px;
    font: 11px/14px 'Poppins', sans-serif;
    text-transform: none
}

.btn-xs {
    padding: 5px 10px;
    min-width: 120px;
    font: 700 12px/18px 'Poppins', sans-serif
}

.btn-valign {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    padding-top: 0;
    padding-bottom: 0;
    height: 50px
}

.btn-xs.btn-valign {
    height: 30px
}

.btn-md.btn-valign {
    height: 40px
}

.btn-lg.btn-valign {
    height: 85px
}

.btn-lg *[class*=icon-] {
    font-size: 45px
}

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

.btn-block.btn-valign {
    display: flex
}

.centered-buttons {
    text-align: center
}

.centered-buttons .button {
    margin: 0 10px 20px
}

.form * {
    -webkit-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important
}

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

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

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

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

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

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

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

.form .captcha-image img {
    height: 50px
}

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

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

.form .row[class*="d-flex"]:after {
    content: none
}

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

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

.form .buttonset {
    width: 557px
}

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

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

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

.form label {
    float: left;
    display: flex;
    align-items: center;
    width: 75px;
    margin: 0 15px 0 0;
    height: 50px;
    font: 13px/20px 'Poppins', sans-serif
}

.form label .ast {
    position: absolute;
    margin: 0 3px
}

.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: 50px;
    margin: 0;
    padding: 13px 20px;
    background: #fff;
    border: 1px solid #efefef;
    border-radius: 0;
    font: 13px/22px 'Poppins', sans-serif;
    color: #000;
    transition: all .5s ease;
    -webkit-transition: all .5s ease
}

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

.form .phone-number {
    position: relative
}

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

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

.form .selector span:after {
    content: "";
    font-family: 'icomoon';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    width: 8px;
    height: 8px;
    margin: auto 0;
    font-size: 8px;
    line-height: 8px;
    color: #000;
    transition: all .5s ease;
    -webkit-transition: all .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: 14px 0
}

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

.form .textarea-h01 {}

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

.form .selector.focus span:after {
    color: #337ab7
}

.form input:-webkit-autofill,
.form input:-webkit-autofill:hover,
.form input:-webkit-autofill:focus,
.form textarea:-webkit-autofill,
.form textarea:-webkit-autofill:hover,
.form textarea:-webkit-autofill:focus,
.form select:-webkit-autofill,
.form select:-webkit-autofill:hover,
.form select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s
}

.form input[disabled],
.form input[readonly],
.form textarea[disabled],
.form textarea[readonly],
.form select[disabled],
.form select[readonly],
.form .selector.disabled span {
    cursor: not-allowed;
    opacity: .5
}

.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;
    border-color: red
}

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

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

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

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

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

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

.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: 20px;
    padding: 0 0 0 25px;
    margin: 15px 15px 15px 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.el-block {
    margin-right: 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: 3px;
    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 .radio,
.form .radio-check .checker {
    position: absolute;
    left: 0;
    top: 2px;
    margin: 0;
    padding: 0;
    width: 18px;
    height: 18px
}

.form .radio-check2 .radio,
.form .radio-check2 .checker {
    left: auto;
    right: 0
}

.form .radio input,
.form .checker input {
    right: auto !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0;
    margin: 0 !important
}

.form .radio span,
.form .checker span {
    display: block;
    height: 100%;
    background: #fff;
    border: 1px solid #efefef;
    text-align: center;
    transition: all .3s ease;
    -webkit-transition: all .3s ease
}

.form .radio span:before,
.form .checker span:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    color: #11162e;
    margin: auto;
    transition: all .3s ease;
    -webkit-transition: all .3s ease
}

.form .radio span {
    border-radius: 50%
}

.form .radio span:before {
    width: 8px;
    height: 8px;
    border-radius: 50%
}

.form .checker span:before {
    font-family: 'icomoon';
    content: "";
    font-size: 12px;
    line-height: 18px;
    opacity: 0
}

.form .radio .checked:before {
    background: #11162e
}

.form .checker .checked:before {
    opacity: 1
}

.form .checker.disabled span,
.form .radio.disabled span {
    pointer-events: none;
    opacity: .8
}

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

.form .font-sz14 label {
    font-size: 14px
}

.form .forgot {
    text-decoration: none
}

.form .forgot:hover {
    color: #11162e
}

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

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

.required {
    font: 12px 'Poppins', 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 0 10px
}

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

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

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

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

.form #iWeak,
.form #iMedium,
.form #iStrong {
    color: #000;
    background: #efefef;
    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 -30px
}

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

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

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

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

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

.form-type02 .buttonset {
    width: 467px
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class^="icon-"]>span,
[class*=" icon-"]>span {
    display: none
}

.icon-angle-l:before {
    content: ""
}

.icon-angle-r:before {
    content: ""
}

.icon-angle-t:before {
    content: ""
}

.icon-angle-b:before {
    content: ""
}

.icon-angle-dbl-l:before {
    content: ""
}

.icon-angle-dbl-r:before {
    content: ""
}

.icon-angle-l-bold:before {
    content: ""
}

.icon-angle-r-bold:before {
    content: ""
}

.icon-angle-t-bold:before {
    content: ""
}

.icon-angle-b-bold:before {
    content: ""
}

.icon-angle-dbl-l-bold:before {
    content: ""
}

.icon-angle-dbl-r-bold:before {
    content: ""
}

.icon-arrow-l:before {
    content: ""
}

.icon-arrow-r:before {
    content: ""
}

.icon-first:before {
    content: ""
}

.icon-last:before {
    content: ""
}

.icon-plus:before {
    content: ""
}

.icon-minus:before {
    content: ""
}

.icon-checkmark:before {
    content: ""
}

.icon-checkmark-bold:before {
    content: ""
}

.icon-close:before {
    content: ""
}

.icon-cross:before {
    content: ""
}

.icon-menu-burger:before {
    content: ""
}

.icon-profile:before {
    content: ""
}

.icon-login:before {
    content: ""
}

.icon-logout:before {
    content: ""
}

.icon-email:before {
    content: ""
}

.icon-call:before {
    content: ""
}

.icon-location:before {
    content: ""
}

.icon-money:before {
    content: ""
}

.icon-statistics:before {
    content: ""
}

.icon-download:before {
    content: ""
}

.icon-upload:before {
    content: ""
}

.icon-forex:before {
    content: ""
}

.icon-chart:before {
    content: ""
}

.icon-gold:before {
    content: ""
}

.icon-cryptocurrencies:before {
    content: ""
}

.icon-analytics:before {
    content: ""
}

.icon-data-analytics:before {
    content: ""
}

.icon-candles:before {
    content: ""
}

.icon-indices:before {
    content: ""
}

.icon-commodities:before {
    content: ""
}

.icon-equities:before {
    content: ""
}

.icon-cryptocurrencies2:before {
    content: ""
}

.icon-monitoring:before {
    content: ""
}

.icon-play:before {
    content: ""
}

.logo {
    position: relative;
    margin: -15px 0 -16px;
    flex: 1
}

.dropopened .logo {
    z-index: 10
}

.logo a {
    display: block;
    width: 120px;
    height: 50px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(../../logo-2.png) no-repeat;
    background-size: cover
}

.home-page .logo a {
    background-image: url(../../logo-2.png)
}

.dropopened .home-page .logo a {
    background-image: url(../../logo-2.png)
}

.logo-inline {
    display: inline-block;
    vertical-align: top
}

.logo-inline img {
    display: inline-block;
    vertical-align: top;
    width: 184px;
    height: 49px
}

.logo-holder {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 84px;
    padding: 22px 0;
    margin: 0 0 22px
}

.logo-holder:before {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: #efefef
}

.home-page .logo-holder:before {
    background: transparent
}

.header-panel {
    display: flex;
    font-size: 18px;
    line-height: 23px
}

.header-panel .item {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 30px;
    position: relative
}

.header-panel .item:first-child {
    margin: 0
}

.header-panel .drop {
    position: absolute;
    right: 0;
    top: 100%;
    min-width: 100%;
    visibility: hidden;
    margin-top: 4px;
    opacity: 0;
    z-index: 10;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.header-panel .drop .drop {
    display: none;
    visibility: visible;
    position: static;
    opacity: 1;
    padding: 0;
    margin-top: 0;
    min-width: 1px;
    -webkit-transform: scale(1);
    transform: scale(1);
    background: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    transition: none
}

.header-panel .drop .inner {
    background: #fff;
    border: 1px solid #f0f0f0;
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    overflow: auto;
    max-height: calc(100vh - 88px)
}

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

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

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

.header-panel .link.arrow>span:after {
    font-family: 'icomoon';
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    font-weight: normal;
    height: 8px;
    font-size: 8px;
    line-height: 8px;
    margin: auto 0;
    transition: all .3s ease;
    -webkit-transition: all .3s ease
}

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

.header-panel .lang-panel {
    font-size: 13px;
    line-height: 22px;
    font-weight: 700;
    text-transform: uppercase
}

.header-panel .lang-panel .drop {
    min-width: 93px;
    right: auto;
    left: 50%;
    -webkit-transform: scale(.8) translateX(-50%);
    transform: scale(.8) translateX(-50%)
}

.header-panel .lang-panel .drop.opened {
    -webkit-transform: scale(1) translateX(-50%);
    transform: scale(1) translateX(-50%)
}

.header-panel .lang-panel .lng {
    display: block;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    min-width: 31px;
    padding: 9px 0;
    color: #000
}

.home-page .header-panel .lang-panel .lng {
    color: #fff
}

.header-panel .lang-panel img {
    display: inline-block;
    vertical-align: top;
    width: 32px;
    height: 22px;
    margin: 0 10px 0 0
}

.header-panel .lang-panel .lng img {
    margin: 0
}

.header-panel .lang-panel .lng span span {
    display: none
}

.header-panel .lang-panel .drop ul li a {
    display: block;
    padding: 8px 15px;
    text-decoration: none
}

.header-panel .lang-panel .drop ul li a:hover,
.header-panel .lang-panel .drop ul li.active a {
    color: #11162e
}

.header-panel .login-panel>.button {
    min-width: 93px
}

.home-page .header-panel .login-panel>.button,
.home-page .header-panel .account-panel>.button {
    border-color: #fff;
    color: #fff
}

.home-page .header-panel .login-panel>.button:hover,
.home-page .header-panel .account-panel>.button:hover {
    border-color: #11162e
}

.header-panel .account-panel>.button {
    min-width: 131px
}

.header-panel .account-panel .drop {
    min-width: 240px;
    font-size: 13px;
    line-height: 20px
}

.header-panel .account-panel .drop .drop {
    min-width: 1px
}

.header-panel .account-panel .drop .inner {
    padding: 8px 0
}

.header-panel .account-panel .drop ul li a {
    display: block;
    position: relative;
    padding: 12px 30px 12px 35px;
    color: #000;
    text-decoration: none
}

.header-panel .account-panel .drop .inner>ul>li>a {
    padding: 12px 30px 12px 20px
}

.header-panel .account-panel .drop ul li a:hover,
.header-panel .account-panel .drop ul li.active>a,
.header-panel .account-panel .drop ul li.nav-expanded>a {
    color: #11162e
}

.click-nav ul li a i {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    color: #000
}

.click-nav ul li a i:after {
    font-family: 'icomoon';
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -4px;
    font-size: 8px;
    line-height: 8px;
    height: 8px;
    font-weight: normal;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

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

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

#nav ul li {
    position: relative
}

#nav ul li a {
    padding: 12px 30px 12px 15px;
    color: #000;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative
}

#nav .drop .drop ul li a {
    padding-left: 35px
}

#nav ul li:hover>a,
#nav ul li.active>a {
    color: #11162e
}

#nav ul li a i {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    color: #000
}

#nav ul li a i:after {
    font-family: 'icomoon';
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -4px;
    font-size: 8px;
    line-height: 8px;
    height: 8px;
    font-weight: normal;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

#nav>ul {
    display: flex;
    margin: 0 -15px
}

#nav>ul>li {
    margin: 0 15px
}

#nav>ul>li>a {
    font-size: 14px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
    padding: 5px 0;
    letter-spacing: .1px;
    -webkit-transition: none;
    transition: none
}

.home-page #nav>ul>li>a {
    color: #fff
}

.home-page #nav>ul>li>a>i {
    color: #fff
}

#nav>ul>li>a.has-drop-down {
    padding-right: 15px
}

#nav>ul>li>a>i:after {
    right: 0
}

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

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

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

#nav .drop .drop {
    display: none;
    visibility: visible;
    position: static;
    opacity: 1;
    padding: 0;
    min-width: 1px;
    -webkit-transform: scale(1);
    transform: scale(1);
    background: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    transition: none
}

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

.mb-header {
    display: none;
    flex: 1;
    z-index: auto
}

.mb-header>nav {
    display: flex;
    justify-content: flex-end
}

.mb-control {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    width: 20px;
    height: 20px;
    overflow: hidden;
    font-size: 18px;
    line-height: 20px;
    color: #000;
    text-align: center;
    margin: 0 0 0 15px
}

.mb-control:hover {
    text-decoration: none
}

.mb-control span {
    font-size: 0;
    line-height: 0
}

.mb-control:after {
    content: "";
    position: absolute;
    font-family: 'icomoon';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.home-page .mb-control {
    color: #fff
}

.mb-control.nav-control {
    font-size: 24px;
    width: 24px;
    color: #11162e
}

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

.mb-control.login-control:after {
    content: ""
}

.mb-control.account-control:after {
    content: ""
}

.mb-drop {
    z-index: 1;
    display: none;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .09);
    -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, .09);
    box-shadow: 0 4px 4px rgba(0, 0, 0, .09)
}

.mb-drop .inner {
    background: #fff;
    overflow: auto;
    padding-top: 84px;
    max-height: 100vh
}

.mb-drop .close {
    position: absolute;
    right: 15px;
    top: 32px;
    width: 20px;
    height: 20px;
    text-align: center;
    color: #000;
    text-decoration: none;
    font-size: 16px;
    line-height: 20px
}

.mb-drop .close:after {
    font-family: 'icomoon';
    content: ""
}

.mb-drop .close span {
    display: none
}

.mb-drop .close:hover {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
}

.mb-drop .drop {
    display: none
}

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

.nav-drop:before {
    content: none
}

.nav-drop .inner {
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px
}

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

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

.mb-nav ul li {
    position: relative
}

.mb-nav ul li a {
    position: relative;
    display: block;
    text-decoration: none;
    padding: 10px 30px 10px 25px;
    font: 14px/21px 'Poppins', sans-serif;
    color: #000
}

.mb-nav>ul {
    margin: 0 -15px
}

.mb-nav>ul>li>a {
    font-weight: 700;
    text-transform: uppercase;
    padding: 12px 30px 12px 15px
}

.mb-nav ul li a i {
    position: absolute;
    width: 35px;
    right: 0;
    top: 0;
    bottom: 0;
    color: #000
}

.mb-nav ul li a i:after {
    font-family: 'icomoon';
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 8px;
    line-height: 8px;
    width: 8px;
    height: 8px;
    font-weight: normal;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

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

.mb-nav .drop {
    display: none
}

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

.mb-nav ul li.active>a,
.mb-nav ul li.nav-expanded>a,
.mb-nav ul li>a:hover {
    text-decoration: none
}

.mb-drop .buttons {
    display: flex;
    justify-content: center;
    margin: 0 -15px;
    padding: 20px 0 0
}

.mb-drop .buttons .button {
    margin: 0 8px 15px
}

.mb-drop .lang-nav {
    padding: 15px 0;
    font-size: 16px;
    line-height: 22px
}

.mb-drop .lang-nav ul {
    display: flex;
    justify-content: center
}

.mb-drop .lang-nav ul li {
    padding: 0 15px
}

.mb-drop .lang-nav ul li a {
    color: #000;
    text-decoration: none
}

.mb-drop .lang-nav ul li.active a {
    color: #11162e
}

.mb-drop .lang-nav ul li a span span {
    display: none
}

.mb-drop .lang-nav ul li a img {
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 22px
}

.mb-drop.account-drop .account-nav {
    padding: 8px 0
}

.mb-drop.account-drop .account-nav ul li a {
    position: relative;
    font: 13px/20px 'Poppins', sans-serif;
    display: block;
    text-decoration: none;
    padding: 12px 30px 12px 25px;
    color: #000
}

.mb-drop.account-drop .account-nav ul li.active a,
.mb-drop.account-drop .account-nav ul li a:hover {
    color: #11162e
}

.mb-drop.account-drop .account-nav>ul>li>a {
    font-weight: 500;
    padding: 12px 30px 12px 15px
}

.sidenav {
    font: 13px/20px 'Poppins', sans-serif;
    position: relative;
    margin: 0 0 25px;
    background: #efefef
}

.sidettl {
    display: block;
    padding: 17px 20px;
    font: 500 13px/20px 'Poppins', sans-serif;
    text-transform: uppercase
}

.sidettl>* {
    margin: 0
}

.sidenav .drop {
    display: none
}

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

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

.sidenav ul li a {
    padding: 17px 20px;
    display: block;
    text-decoration: none;
    color: #000;
    position: relative
}

.sidenav ul li.active>a>i:after,
.sidenav ul li.nav-expanded>a>i:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sidenav ul li a:hover,
.sidenav ul li.nav-expanded>a,
.sidenav ul li.active>a {
    color: #11162e
}

.sidenav ul li a:hover i:after,
.sidenav ul li.active>a>i:after,
.sidenav ul li.nav-expanded>a>i:after {
    color: #11162e
}

.sidenav ul li.active .drop {
    display: block
}

.breadcrumbs {
    position: absolute;
    left: 0;
    right: 0;
    top: 55px
}

.breadcrumbs ul {
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 15px;
    list-style: none;
    display: flex;
    font: 12px/20px 'Poppins', sans-serif;
    color: #000
}

.breadcrumbs ul li {
    position: relative;
    display: inline-block
}

.breadcrumbs ul li:before {
    content: "-";
    margin: 0 4px
}

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

.breadcrumbs ul li a {
    color: #000;
    text-decoration: none
}

.breadcrumbs ul li a:hover {
    color: #00bbc6
}

.breadcrumbs ul li:last-child,
.breadcrumbs ul li:last-child a {
    pointer-events: none
}

.table {
    margin: 0 0 50px;
    background: #fff;
    border: 1px solid #efefef
}

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

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

.table th,
.table td {
    border: 0;
    padding: 17px 15px;
    vertical-align: middle;
    text-align: center;
    background: #fff
}

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

.table th {
    text-transform: uppercase;
    font-weight: 500;
    border: 1px solid #efefef;
    border-width: 1px 0
}

.table th a {
    color: #fff
}

.table p {
    margin: 0
}

.table .button {
    margin: 0
}

.table .btn-xs {
    margin: -3px 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-overflow {
    overflow: auto
}

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

.table .mobile-table td {
    height: 40px;
    padding: 7px 15px;
    background: #fff
}

.table .mobile-table td:nth-child(2) {
    background: #fff
}

.table .mobile-table tr td:first-child {
    text-transform: uppercase;
    background: #efefef;
    font-weight: 500;
    border-color: transparent
}

.table .mobile-table .button {
    margin: -3px 10px
}

.data-table {
    overflow: auto
}

.data-table table {
    width: 100% !important
}

.data-table .dataTables_scrollHead {
    width: 100% !important;
    border-bottom: 1px solid #efefef !important
}

.data-table .DTFC_LeftWrapper,
.data-table .DTFC_RightWrapper {
    display: none
}

.data-table .DTFC_LeftWrapper {
    height: 100% !important;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .25);
    -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, .25);
    box-shadow: 0 1px 5px rgba(0, 0, 0, .25)
}

.data-table .DTFC_LeftHeadWrapper {
    border-bottom: 1px solid #efefef !important
}

.data-table .DTFC_LeftHeadWrapper th {
    position: relative
}

.data-table .DTFC_LeftBodyWrapper td,
.data-table .DTFC_LeftBodyWrapper tr:nth-child(2n) td {
    position: static;
    border-color: transparent
}

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

.list li {
    position: relative;
    margin: 0 0 10px;
    padding: 0 0 0 40px
}

.list li:before {
    content: "";
    position: absolute;
    left: 15px;
    top: 7px;
    width: 6px;
    height: 6px;
    background: #11162e
}

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

.text-style01 .list li:before {
    top: 9px
}

.text-style01 p {
    margin-bottom: 25px
}

.line {
    height: 1px;
    display: block;
    border-top-width: 1px;
    border-color: rgba(199, 199, 199, .2);
    border-style: solid;
    overflow: hidden
}

.line.dashed {
    border-style: dashed
}

.line.dotted {
    border-style: dotted
}

.back {
    display: inline-block;
    vertical-align: top;
    position: relative;
    text-decoration: none;
    font: 700 18px 'Playfair Display', serif;
    padding: 0 0 0 15px
}

.back:before {
    position: absolute;
    left: 0;
    top: 50%;
    font-family: 'icomoon';
    content: "";
    font-size: 9px;
    line-height: 9px;
    height: 9px;
    margin: -3px 0 0;
    font-weight: normal
}

.back:hover {
    color: #11162e
}

.more {
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    position: relative;
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    padding: 0 15px 0 0
}

.more:after {
    content: "";
    font-family: 'icomoon';
    position: absolute;
    right: 0;
    top: 50%;
    font-size: 7px;
    height: 7px;
    line-height: 7px;
    margin: -2px 0 0;
    font-weight: normal
}

.more:hover {
    color: #11162e
}

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

.box .box-heading {
    padding: 5px 30px
}

.box .box-content {
    padding: 30px
}

.box .box-footer {
    padding: 5px 30px
}

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

.box .box-content>*:last-child {
    margin-bottom: 0
}

.box-heading {
    background: #0e2a66;
    color: #fff
}

.boxes {
    padding-top: 20px;
    padding-bottom: 35px
}

.boxes *[class*=col-] {
    margin-bottom: 30px
}

.boxes .box {
    margin-bottom: 0;
    min-height: 100%
}

.boxes .box>* {
    position: relative
}

.boxes .box .box-content {
    padding: 30px 30px 100px
}

.boxes .box .image {
    position: relative;
    padding: 0 0 47.89272030651341%
}

.boxes .box .image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.boxes .box h3 {
    margin: 0 -15px 15px
}

.boxes .box .btn-hold {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
    text-align: center
}

.main-box .box-content {
    padding: 43px
}

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

.tabset li {
    display: inline-block;
    vertical-align: top
}

.tabset li a {
    display: block
}

.text-style01 {
    font-size: 16px;
    line-height: 24px
}

.glossary {
    margin-bottom: 50px
}

.glossary .item {
    margin: 0 0 15px;
    transition: all .5s ease;
    -webkit-transition: all .5s ease
}

.glossary .item h3 {
    position: relative;
    cursor: pointer;
    font: 13px/20px 'Poppins', sans-serif;
    text-transform: none;
    margin: 0;
    padding: 14px 45px 14px 30px;
    border: 1px solid #efefef;
    transition: all .5s ease;
    -webkit-transition: all .5s ease
}

.glossary .item h3:before {
    content: "";
    font-family: 'icomoon';
    position: absolute;
    right: 30px;
    top: 14px;
    width: 20px;
    height: 20px;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    background: #11162e;
    color: #fff;
    transition: all .3s ease;
    -webkit-transition: all .3s ease
}

.glossary .item.active h3:before {
    content: ""
}

.glossary .slidetext {
    padding: 15px 30px 0
}

.glossary .slidetext>*:last-child {
    margin-bottom: 0
}

.glossary .widget-holder {
    margin: 0 -30px
}

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

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

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

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

.markets-news .items:after {
    content: "";
    display: table;
    clear: both
}

.markets-news .item {
    position: relative;
    margin: 0 0 25px;
    display: flex
}

.markets-news .item .image {
    position: relative;
    width: 303px
}

.markets-news .item .image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.markets-news .item .text {
    flex: 1;
    padding: 30px 30px 84px
}

.markets-news .item h2,
.markets-news .item h3 {
    font: 700 18px/22px 'Playfair Display', serif;
    margin: 0 0 5px
}

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

.markets-news .item h2 a:hover,
.markets-news .item h3 a:hover {
    color: #337ab7
}

.markets-news .item p {
    margin-bottom: 5px
}

.markets-news .news-text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    max-height: 57px;
    overflow: hidden
}

.markets-news .news-text>*:last-child {
    margin-bottom: 0
}

.markets-news .news-info {
    font-size: 12px;
    line-height: 15px;
    padding: 0 0 10px;
    text-transform: uppercase
}

.markets-news .news-info a {
    color: #000;
    text-decoration: none
}

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

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

.markets-news .btn-hold {
    position: absolute;
    bottom: 30px;
    right: 30px;
    text-align: center
}

.markets-news .flex-row-reverse .btn-hold {
    right: auto;
    left: 30px
}

.paging {
    padding: 30px 0;
    font: 16px/22px 'Poppins', sans-serif;
    color: #212121;
    text-align: center
}

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

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

.paging ul li>a,
.paging ul li>span,
.paging ul li>strong {
    position: relative;
    display: block;
    text-decoration: none;
    text-align: center;
    min-width: 22px;
    color: #212121
}

.paging ul li>strong,
.paging ul li a:hover {
    color: #11162e
}

.paging ul li .first,
.paging ul li .next,
.paging ul li .previous,
.paging ul li .last {
    font-size: 0;
    color: #11162e
}

.paging ul li a.first:after,
.paging ul li a.last:after,
.paging ul li a.next:after,
.paging ul li a.previous:after {
    font-family: 'icomoon';
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    display: inline-block;
    vertical-align: top
}

.paging ul li a.first:after {
    content: ""
}

.paging ul li a.previous:after {
    content: ""
}

.paging ul li a.next:after {
    content: ""
}

.paging ul li a.last:after {
    content: ""
}

#pager {
    padding: 30px 0
}

#pager ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    font: 16px/22px 'Poppins', sans-serif;
    color: #212121
}

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

#pager ul li a,
#pager ul li>span,
#pager ul li strong {
    position: relative;
    display: block;
    text-decoration: none;
    text-align: center;
    min-width: 22px;
    color: #212121
}

#pager ul li.active a,
#pager ul li a:hover,
#pager ul li strong {
    color: #11162e
}

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

#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: 16px;
    line-height: 22px;
    font-weight: 400;
    display: inline-block;
    vertical-align: top
}

#pager ul li a.first:after {
    content: ""
}

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

#pager ul li a.next:after {
    content: ""
}

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

.table+#pager,
.table+.paging,
.markets-news .items+#pager,
.markets-news .items+.paging {
    padding-top: 0
}

.welcome-buttons {
    text-align: center;
    padding: 40px 0 30px;
    margin: 0 -15px
}

.welcome-buttons .button {
    margin: 0 0 30px
}

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

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

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

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

.title {
    margin-bottom: 40px
}

.account-types {
    display: flex;
    padding: 20px 0 0;
    font-size: 13px;
    line-height: 20px;
    margin: 0 -15px
}

.account-types a:not([class]) {
    color: #000;
    text-decoration: none
}

.account-types a:not([class]):hover {
    text-decoration: underline
}

.account-types .item {
    flex-basis: 0;
    flex-grow: 1;
    margin: 0 15px 30px
}

.account-types .item .acc-row {
    display: flex;
    padding: 17px 30px;
    justify-content: space-between
}

.account-types .item .acc-row .acc-cell:nth-child(2) {
    font-weight: 500;
    text-align: right
}

.account-types .item .acc-content {
    padding: 16px 0
}

.account-types .item .price {
    display: block
}

.account-types .item .acc-ttl {
    position: relative;
    text-align: center
}

.account-types .item .acc-ttl:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 1px;
    background: #efefef
}

.account-types .item .acc-ttl .acc-row {
    padding: 0 30px;
    display: block
}

.account-types .item .acc-row:last-child {
    justify-content: center
}

.account-types .item .acc-row .button {
    min-width: 179px
}

.account-types .item .acc-ttl .acc-cell {
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 197px
}

.account-types .item .acc-ttl h2 {
    color: #11162e;
    border: 1px solid #efefef;
    border-width: 0 0 1px;
    padding: 0 0 20px;
    margin: 0 0 35px
}

.account-types .item .acc-ttl .price {
    display: block;
    font: 700 30px/50px 'Playfair Display', sans-serif;
    color: #11162e
}

.account-types .item .acc-ttl p {
    margin: 0
}

.account-types .item .acc-ttl i {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    font-size: 0;
    line-height: 0;
    color: #11162e
}

.account-types .item .acc-ttl i:before {
    font-family: 'icomoon';
    content: "";
    position: absolute;
    right: 15px;
    top: 25px;
    font-size: 10px;
    line-height: 10px;
    height: 10px;
    -webkit-transform: rotate(-270deg);
    -ms-transform: rotate(-270deg);
    transform: rotate(-270deg);
    transition: all .5s ease;
    -webkit-transition: all .5s ease
}

.account-types .item.active .acc-ttl i:before {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.account-types .item *[class*=icon-] {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    width: 20px;
    height: 20px;
    color: #fff
}

.account-types .item .icon-checkmark {
    background: #01be4d
}

.account-types .item .icon-cross {
    background: #de0000
}

.contactus-details {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    line-height: 24px;
    margin: 0 -15px;
    padding: 20px 0 30px
}

.contactus-details .item {
    display: flex;
    margin: 0 0 30px;
    padding: 0 15px
}

.contactus-details .item-email {
    white-space: nowrap
}

.contactus-details .item *[class*=icon-] {
    display: inline-block;
    vertical-align: top;
    width: 87px;
    height: 87px;
    font-size: 45px;
    line-height: 87px;
    background: #11162e;
    text-align: center;
    color: #fff;
    margin: 0 30px 0 0
}

.contactus-details .item>div {
    flex: 1;
    padding: 5px 0 0;
    margin: 0 0 -4px
}

.contactus-details .item h3,
.contactus-details .item .h2 {
    margin-bottom: 8px
}

.contactus-details .item a {
    text-decoration: none
}

.steps {
    display: flex;
    font: 700 18px 'Poppins', sans-serif;
    text-transform: uppercase;
    margin-bottom: 60px
}

.steps .item {
    flex-basis: 0;
    flex-grow: 1;
    color: #fff;
    margin: 0 18px;
    position: relative
}

.steps .item>div {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 25px;
    height: 60px;
    background: #b1b1b1
}

.steps .item:before,
.steps .item:after,
.steps .item>div:after {
    content: "";
    position: absolute
}

.steps .item>div:after {
    top: 0;
    right: -18px;
    border-style: solid;
    border-width: 30px 0 30px 18px;
    border-color: transparent #b1b1b1
}

.steps .item:before,
.steps .item:after {
    left: -18px;
    border-style: solid
}

.steps .item:before {
    top: 0;
    border-width: 0 18px 30px 0;
    border-color: transparent #b1b1b1
}

.steps .item:after {
    bottom: 0;
    border-width: 0 0 30px 18px;
    border-color: #b1b1b1 transparent
}

.steps .item.active>div {
    background: #11162e
}

.steps .item.active>div:after {
    border-color: transparent #11162e
}

.steps .item.active:before {
    border-color: transparent #11162e
}

.steps .item.active:after {
    border-color: #11162e transparent
}

.steps .item:first-child {
    margin: 0 18px 0 0
}

.steps .item:first-child:before,
.steps .item:first-child:after {
    content: none
}

.app-btns {
    display: flex;
    margin: 0 -15px
}

.app-btns>* {
    display: inline-block;
    vertical-align: top;
    margin: 0 15px 20px
}

.forex {
    overflow: hidden
}

.forex .widget-holder {
    margin: 120px 0 120px
}

.forex .image-position01 {
    margin: -10px -45px 0 -65px
}

.forex .image-position02 {
    margin: 0 -55px 0 -55px
}

.forex .app-btns {
    padding: 10px 0 20px
}

.platform-item .text {
    max-width: 360px
}

.platform-item .image-position00 {
    margin: -5px 0 20px -15px
}

.platform-item .image-position01 {
    margin: -5px 0 35px 37px
}

.platform-item .image-position02 {
    margin: -30px 0 50px -5px
}

.platform-item .image-position03 {
    margin: -20px 0 -50px 35px
}

.platform-item .btn-hold {
    margin: 0 -15px;
    padding: 5px 0 35px
}

.platform-item .btn-hold .button {
    margin: 0 15px 20px
}

.about-items {
    margin: 0 -10px 40px;
    padding: 45px 0
}

.about-items .item {
    padding: 0 15px 15px;
    text-align: center;
    max-width: 305px
}

.about-items .item .strong {
    display: block;
    font: 700 70px/84px 'Playfair Display', serif;
    color: #11162e;
    margin-bottom: 15px
}

.about-why {
    padding: 40px 0 90px
}

.about-why .items {}

.about-why .item {
    padding-bottom: 35px
}

.about-why .box {
    margin: 0
}

.about-why .details {
    margin: 0 0 27px
}

.about-why .box dl {
    display: flex;
    margin: 0 -15px 0 0
}

.about-why .box dt {
    font-weight: 700;
    margin: 0 5px 0 0
}

.about-why .box dd a {
    text-decoration: none
}

.about-why .box .btn-hold {
    padding-bottom: 30px
}

.about-why .box .image {
    margin-bottom: -30px
}

.about-glossary {
    padding-bottom: 70px
}

.visual-area {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 488px;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 120px;
    background: #585c5f;
    color: #fff
}

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

.visual-area .main-holder {
    position: relative
}

.visual-area p {
    margin-bottom: 25px
}

.visual-area .text {
    padding: 10px 0 0
}

.visual-area .btn-hold {
    padding-top: 10px
}

.visual-area .app-btns {
    margin-top: 30px
}

.visual-area .list {
    margin: 0 35px
}

.visual-area01,
.visual-area02 {
    margin-bottom: 115px
}

.visual-area02 .text {
    padding: 20px 0 0
}

.visual-area00 .text {
    max-width: 555px;
    padding: 30px 0 0
}

.visual-area00 h1 {
    font: 700 35px 'Playfair Display', serif;
    margin-bottom: 30px
}

.visual-area00 h2 {
    margin-bottom: 30px
}

.videolist .item {
    display: block;
    position: relative;
    padding: 0 0 55.55555555555556%;
    padding: 0 0 56.26780626780627%;
    cursor: pointer;
    margin-bottom: 30px
}

.videolist .item:before,
.videolist .item:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
    -webkit-transition: all .3s ease
}

.videolist a.item:hover:before,
.videolist a.item:hover:after {
    opacity: 1;
    visibility: visible
}

.videolist .item:before {
    background: rgba(0, 0, 0, .5);
    z-index: 1
}

.videolist .item:after {
    font-family: 'icomoon';
    content: "";
    height: 60px;
    width: 60px;
    font-size: 60px;
    line-height: 1;
    margin: auto;
    z-index: 2;
    color: #fff
}

.videolist .item>video,
.videolist .item>img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.videolist .item .caption {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background: #11162e;
    padding: 20px;
    color: #fff;
    font: 700 13px 'Playfair Display', serif
}

.bottom-area {
    position: relative;
    display: flex;
    align-items: center;
    height: 488px;
    margin-top: 110px;
    margin-bottom: -90px;
    font-size: 16px;
    line-height: 24px;
    color: #fff
}

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

.bottom-area .main-holder {
    position: relative
}

.bottom-area .btn-hold {
    padding-top: 10px
}

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

.text_tooltip {
    background-color: #000;
    border: 1px solid #fff;
    color: #fff;
    display: none;
    font-size: 12px;
    padding: 10px 15px;
    width: 200px
}

.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 {}

.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("owl.video.play.png") 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 {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-carousel .owl-nav [class*='owl-'] {
    color: #fff;
    font-size: 0;
    margin: 0;
    padding: 0;
    width: 58px;
    height: 58px;
    background: #fff;
    display: inline-block;
    cursor: pointer;
    border-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    text-align: center;
    transition: all .3s ease;
    -webkit-transition: all .3s ease
}

.owl-carousel .owl-nav [class*='owl-']:hover {
    text-decoration: none
}

.owl-carousel .owl-nav [class*='owl-']:before {
    position: absolute;
    left: 0;
    top: 0;
    font-family: 'icomoon';
    font-size: 21px;
    line-height: 58px;
    width: 58px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease
}

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

.owl-carousel .owl-dots {
    position: absolute;
    left: 0;
    right: 0;
    max-width: 1100px;
    padding: 0 9px;
    margin: 0 auto;
    bottom: 778px;
    z-index: 10;
    font-size: 0;
    line-height: 0;
    -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: 6px;
    height: 6px;
    margin: 0 6px;
    background: #f1f1f0;
    display: block;
    border-radius: 3px;
    -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: #0e2a66
}

.owl-carousel .slide {
    width: 100%;
    position: relative;
    background-size: cover !important
}

.carousel {
    position: relative
}

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

.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 .hold {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1
}

.carousel .owl-carousel .video-slide .hold {
    background: rgba(0, 0, 0, .3)
}

.carousel .owl-carousel .slide .text {
    background: rgba(204, 174, 93, .7);
    max-width: 770px;
    position: relative;
    font: 25px/37px 'Poppins', sans-serif;
    color: #fff;
    text-align: center;
    padding: 25px;
    margin: 40px auto 0
}

.carousel .owl-carousel .slide .text .strong {
    display: block;
    font: 700 45px 'Playfair Display', serif;
    margin-bottom: 20px
}

.carousel .owl-carousel .slide .text>*:last-child {
    margin-bottom: 0
}

.carousel .owl-carousel .slide02 .text,
.carousel .owl-carousel .slide03 .text,
.carousel .owl-carousel .slide04 .text {
    max-width: 620px;
    margin: 0;
    text-align: left;
    padding: 25px 45px
}

.carousel .owl-carousel .slide03 .text {
    margin: 80px 0 0
}

.carousel .owl-carousel .slide04 .text {
    padding: 25px 45px 40px;
    margin: 80px 0 0
}

.carousel .owl-carousel .slide04 .text p {
    margin-bottom: 20px
}

.carousel .owl-carousel .slide .vhold {
    z-index: 1 !important
}

.carousel .owl-carousel .slide .vhold video {
    max-width: none !important
}

.hp-intro {
    position: relative;
    height: 750px
}

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

.hp-intro .hold {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    background: rgba(0, 0, 0, .3)
}

.hp-intro .text {
    background: rgba(204, 174, 93, .7);
    max-width: 770px;
    position: relative;
    color: #fff;
    padding: 25px 75px;
    margin: 40px 0
}

.hp-intro .strong {
    display: block;
    font: 700 45px 'Playfair Display', serif;
    margin-bottom: 20px
}

.hp-intro .text>*:last-child {
    margin-bottom: 0
}

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

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

.hp-section01 {
    position: relative;
    z-index: 1;
    padding: 180px 0 80px
}

.hp-section01 .image {
    margin: 0 -75px 0 -20px
}

.hp-section01 .text {
    padding: 40px 0 0;
    font: 25px 'Poppins', sans-serif
}

.hp-section01 .btn-hold {
    padding: 10px 0 0
}

.hp-section02 {
    padding: 40px 0
}

.hp-section02 .slick-track {
    display: flex
}

.hp-section02 .slick-slide {
    display: flex;
    height: auto
}

.hp-section02 .slick-arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    background: transparent;
    padding: 0;
    margin: auto 0;
    border: 0;
    cursor: pointer;
    color: #0e2a66;
    font-size: 0;
    line-height: 25px;
    height: 25px
}

.hp-section02 .slick-arrow:before {
    font-family: 'icomoon';
    font-size: 25px
}

.hp-section02 .slick-prev {
    left: 15px
}

.hp-section02 .slick-prev:before {
    content: ""
}

.hp-section02 .slick-next {
    right: 15px
}

.hp-section02 .slick-next:before {
    content: ""
}

.hp-section02 .items {
    display: flex;
    margin: 0 -20px
}

.hp-section02 .item {
    flex-basis: 0;
    flex-grow: 1;
    padding: 0 20px 20px;
    position: relative
}

.hp-section02 .item h3 {
    margin-bottom: 10px
}

.hp-section02 .item p {
    margin-bottom: 8px
}

.hp-section02 .item .btn-hold {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 0
}

.hp-section02 .item *[class*=icon-] {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 62px;
    height: 62px;
    font-size: 33px;
    line-height: 62px;
    background: #11162e;
    color: #fff;
    margin-bottom: 15px
}

.hp-section03 {
    padding: 80px 0 35px
}

.hp-section03 .image {
    margin: 0
}

.hp-section03 .text {
    margin: 0 0 -10px;
    padding: 0 0 0 30px;
    font: 25px 'Poppins', sans-serif
}

.hp-section04 {
    padding: 85px 0 10px
}

.payment {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 -10px -25px;
    padding: 40px 0
}

.payment>div {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.payment>*,
.payment>div>* {
    display: inline-block;
    vertical-align: top
}

.payment>div>* {
    margin: 0 30px 25px
}

.recaptcha {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    max-width: 304px
}

.g-recaptcha {
    display: inline-block;
    vertical-align: top;
    transform-origin: 0 50%;
    -webkit-transform-origin: 0 50%
}

.rtl-page .g-recaptcha {
    transform-origin: 100% 50%;
    -webkit-transform-origin: 100% 50%
}

.footer-main {
    position: relative;
    background: #000;
    color: #fff;
    padding: 80px 0 50px
}

.footer-nav {
    font: 14px/21px 'Poppins', sans-serif
}

.footer-nav ul li a i {
    display: none
}

.footer-nav ul li a i:after {
    content: "";
    right: 0;
    top: 0;
    bottom: 0;
    width: 6px;
    height: 3px;
    margin: auto;
    border-style: solid;
    border-width: 3px 3px 0 3px;
    border-color: #fff transparent
}

.footer-nav {
    padding: 0 0 15px
}

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

.footer-nav>ul {
    display: flex;
    margin: 0 -15px
}

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

.footer-nav>ul>li {
    flex-grow: 1;
    flex-basis: 0;
    padding: 0 15px
}

.footer-nav ul li a {
    display: inline-block;
    vertical-align: top;
    position: relative;
    color: #fff;
    text-decoration: none;
    position: relative
}

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

.footer-nav>ul>li>a {
    text-transform: uppercase;
    font-weight: 700
}

.footer-text {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 25px 0;
    font: 14px/21px 'Poppins', sans-serif
}

.footer-text>*:last-child {
    margin-bottom: 0
}

.extra-panel {
    width: 174px;
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 10;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

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

.extra-panel ul li a {
    display: flex;
    height: 99px;
    flex-direction: column;
    justify-content: center;
    background: #fff;
    font: 18px 'Poppins', sans-serif;
    color: #000;
    text-decoration: none;
    padding: 0 0 0 27px;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 0 8px rgba(0, 0, 0, .1);
    box-shadow: 0 0 8px rgba(0, 0, 0, .1)
}

.extra-panel ul li a img {
    display: inline-block;
    vertical-align: top
}

.extra-panel ul li a>span {
    display: block;
    margin-top: 7px
}

.popup-overlay {
    display: none
}

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

.popup-main {
    position: relative;
    background: #fff;
    border: 1px solid #efefef;
    margin: 30px;
    -webkit-box-shadow: 0 0 14px rgba(0, 0, 0, .13);
    box-shadow: 0 0 14px rgba(0, 0, 0, .13)
}

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

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

.popup .close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 20px;
    height: 20px;
    z-index: 9999;
    text-align: center;
    color: #333;
    text-decoration: none;
    font-size: 12px;
    line-height: 20px
}

.popup .close:before {
    display: inline-block;
    vertical-align: top;
    content: "";
    font-family: 'icomoon';
    transition: all .5s ease;
    -webkit-transition: all .5s ease
}

.popup .close span {
    display: none
}

.popup.out-of-window .popup-main,
.popup.left-aligned-popup .popup-main {
    margin: 0
}

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

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

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

.popup-heading {
    background: #0e2a66;
    color: #fff
}

.popup-heading,
.popup-footer {
    padding: 10px 30px
}

.popup-content {
    padding: 30px
}

.popup-media {
    width: 702px
}

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

.popup-media 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
}

.popup-media {
    width: 702px;
    max-height: 395px
}

.popup-media .close {
    right: -25px;
    top: -25px;
    font-size: 15px;
    color: #fff;
    text-shadow: 0 0 5px #000
}

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

.popup-media.out-of-window {
    overflow: visible;
    height: 100vh !important;
    width: 177.7215189873418vh !important
}

.popup-loading {
    text-align: center
}

.popup-login {
    width: 510px
}

.popup-login h1,
.popup-login .h1 {
    margin-bottom: 30px
}

.popup-login.out-of-window .popup-main,
.popup-login.left-aligned-popup .popup-main {
    margin: 30px 15px
}

.popup-qr {
    width: 782px;
    font-size: 16px;
    line-height: 24px
}

.popup-qr .popup-content {
    padding: 50px 120px
}

.popup-qr h3 {
    margin-bottom: 30px
}

.popup-qr p {
    margin-bottom: 17px
}

.popup-qr .image {
    border: 1px solid #000;
    padding: 0;
    max-width: 201px;
    margin: 30px auto 30px;
    padding: 25px
}

.validation-summary-errors {
    color: red
}

.slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

.rtl-page .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.rtl-page #wrapper {
    direction: rtl
}

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

.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 *[class*="col-xs-pull-"] {
    right: auto
}

.rtl-page .col-xs-pull-12 {
    left: 100%
}

.rtl-page .col-xs-pull-11 {
    left: 91.66666667%
}

.rtl-page .col-xs-pull-10 {
    left: 83.33333333%
}

.rtl-page .col-xs-pull-9 {
    left: 75%
}

.rtl-page .col-xs-pull-8 {
    left: 66.66666667%
}

.rtl-page .col-xs-pull-7 {
    left: 58.33333333%
}

.rtl-page .col-xs-pull-6 {
    left: 50%
}

.rtl-page .col-xs-pull-5 {
    left: 41.66666667%
}

.rtl-page .col-xs-pull-4 {
    left: 33.33333333%
}

.rtl-page .col-xs-pull-3 {
    left: 25%
}

.rtl-page .col-xs-pull-2 {
    left: 16.66666667%
}

.rtl-page .col-xs-pull-1 {
    left: 8.33333333%
}

.rtl-page .col-xs-pull-0 {
    left: auto
}

.rtl-page *[class*="col-xs-push-"] {
    left: auto
}

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

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

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

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

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

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

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

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

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

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

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

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

.rtl-page .col-xs-push-0 {
    right: auto
}

.rtl-page .btn-valign {
    text-align: right
}

.rtl-page .btn-play>span {
    padding: 0 30px 0 0
}

.rtl-page .btn-play>span:before {
    left: auto;
    right: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.rlt-page .form .radio-check.el-block {
    margin-left: 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 .radio-check .radio,
.rtl-page .form .radio-check .checker {
    left: auto;
    right: 0
}

.rtl-page .form .radio-check2 .radio,
.rtl-page .form .radio-check2 .checker {
    right: auto;
    left: 0
}

.rtl-page .form .buttonset .button,
.rtl-page .form .button-row .button {
    float: left;
    margin: 0 10px 0 0
}

.rtl-page .form #iSM ul li {
    float: right
}

.rtl-page .form .form-columns {
    margin: 0 -30px 0 0
}

.rtl-page .form .form-col {
    padding: 0 30px 0 0
}

.rtl-page .form-type02 label {
    float: none;
    margin: 0 0 10px
}

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

.rtl-page .header-panel .item {
    margin: 0 30px 0 0
}

.rtl-page .header-panel .item:first-child {
    margin: 0
}

.rtl-page .header-panel .drop {
    right: auto;
    left: 0
}

.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 .link.arrow.active>span:after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.rtl-page .header-panel .lang-panel .drop {
    right: auto;
    left: 50%;
    -webkit-transform: scale(.8) translateX(-50%);
    transform: scale(.8) translateX(-50%)
}

.rtl-page .header-panel .lang-panel .drop.opened {
    -webkit-transform: scale(1) translateX(-50%);
    transform: scale(1) translateX(-50%)
}

.rtl-page .header-panel .lang-panel img {
    margin: 0 0 0 10px
}

.rtl-page .header-panel .lang-panel .lng img {
    margin: 0
}

.rtl-page .header-panel .account-panel .drop ul li a {
    padding: 12px 35px 12px 30px
}

.rtl-page .header-panel .account-panel .drop .inner>ul>li>a {
    padding: 12px 20px 12px 30px
}

.rtl-page .click-nav ul li a i:after {
    right: auto;
    left: 15px
}

.rtl-page .click-nav ul li.nav-expanded>a>i:after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.rtl-page #nav ul li a {
    padding: 12px 15px 12px 30px
}

.rtl-page #nav .drop .drop ul li a {
    padding-left: 30px;
    padding-right: 35px
}

.rtl-page #nav ul li a i:after {
    right: auto;
    left: 15px
}

.rtl-page #nav>ul>li>a {
    padding: 5px 0
}

.rtl-page #nav>ul>li>a>i:after {
    right: auto;
    left: 0
}

.rtl-page #nav>ul>li>a.has-drop-down {
    padding-right: 0;
    padding-left: 15px
}

.rtl-page #nav ul li.nav-expanded>a>i:after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.rtl-page #nav .drop {
    left: auto;
    right: 0
}

.rtl-page .mb-control {
    margin: 0 15px 0 0
}

.rtl-page .mb-drop {
    left: auto;
    right: 0
}

.rtl-page .mb-drop .close {
    right: auto;
    left: 15px
}

.rtl-page .mb-nav ul li a {
    padding: 10px 25px 10px 30px
}

.rtl-page .mb-nav>ul>li>a {
    padding: 12px 15px 12px 30px
}

.rtl-page .mb-nav ul li a i {
    right: auto;
    left: 15px
}

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

.rtl-page .mb-drop.account-drop .account-nav ul li a {
    padding: 12px 25px 12px 30px
}

.rtl-page .mb-drop.account-drop .account-nav>ul>li>a {
    padding: 12px 15px 12px 30px
}

.rtl-page .sidenav ul li.active>a>i:after,
.rtl-page .sidenav ul li.nav-expanded>a>i:after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.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 .list li {
    padding: 0 40px 0 0
}

.rtl-page .list li:before {
    left: auto;
    right: 15px
}

.rtl-page .back {
    padding: 0 15px 0 0
}

.rtl-page .back:before {
    left: auto;
    right: 0;
    content: ""
}

.rtl-page .more {
    padding: 0 0 0 15px
}

.rtl-page .more:after {
    right: auto;
    left: 0;
    content: ""
}

.rtl-page .glossary .item h3 {
    padding: 14px 30px 14px 45px
}

.rtl-page .glossary .item h3:before {
    content: "";
    right: auto;
    left: 30px
}

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

.rtl-page .markets-news .news-info * {
    margin: 0 0 0 15px
}

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

.rtl-page .markets-news .btn-hold {
    right: auto;
    left: 30px
}

.rtl-page .markets-news .flex-row-reverse .btn-hold {
    left: auto;
    right: 30px
}

.rtl-page .paging ul li a.first:after {
    content: ""
}

.rtl-page .paging ul li a.previous:after {
    content: ""
}

.rtl-page .paging ul li a.next:after {
    content: ""
}

.rtl-page .paging ul li a.last:after {
    content: ""
}

.rtl-page #pager ul li a.first:after {
    content: ""
}

.rtl-page #pager ul li a.previous:after {
    content: ""
}

.rtl-page #pager ul li a.next:after {
    content: ""
}

.rtl-page #pager ul li a.last:after {
    content: ""
}

.rtl-page .signature {
    text-align: left
}

.rtl-page .account-types .item .acc-row .acc-cell:nth-child(2) {
    text-align: left
}

.rtl-page .account-types .item .acc-ttl i:before {
    right: auto;
    left: 15px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.rtl-page .account-types .item.active .acc-ttl i:before {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.rtl-page .contactus-details .item *[class*=icon-] {
    margin: 0 0 0 30px
}

.rtl-page .steps .item>div:after {
    right: auto;
    left: -18px;
    border-width: 30px 18px 30px 0
}

.rtl-page .steps .item:before,
.rtl-page .steps .item:after {
    left: auto;
    right: -18px
}

.rtl-page .steps .item:before {
    border-width: 0 0 30px 18px
}

.rtl-page .steps .item:after {
    border-width: 0 18px 30px 0
}

.rtl-page .steps .item:first-child {
    margin: 0 0 0 18px
}

.rtl-page .forex .image-position01 {
    margin: -10px -65px 0 -45px
}

.rtl-page .forex .image-position02 {
    margin: 0 -55px 0 -55px
}

.rtl-page .platform-item .image-position00 {
    margin: -5px -15px 20px 0
}

.rtl-page .platform-item .image-position01 {
    margin: -5px 37px 35px 0
}

.rtl-page .platform-item .image-position02 {
    margin: -30px -5px 50px 0
}

.rtl-page .platform-item .image-position03 {
    margin: -20px 35px -50px 0
}

.rtl-page .about-why .box dl {
    margin: 0 0 0 -15px
}

.rtl-page .about-why .box dt {
    margin: 0 0 0 5px
}

.rtl-page .carousel .owl-carousel .slide02 .text,
.rtl-page .carousel .owl-carousel .slide03 .text,
.rtl-page .carousel .owl-carousel .slide04 .text {
    text-align: right
}

.rtl-page .hp-section01 .image {
    margin: 0 -20px 0 -75px
}

.rtl-page .hp-section02 .slick-prev {
    left: auto;
    right: 15px
}

.rtl-page .hp-section02 .slick-prev:before {
    content: ""
}

.rtl-page .hp-section02 .slick-next {
    right: auto;
    left: 15px
}

.rtl-page .hp-section02 .slick-next:before {
    content: ""
}

.rtl-page .hp-section03 .text {
    padding: 0 30px 0 0
}

.rtl-page .hp-section03 .image {
    margin: 0
}

.rtl-page .footer-nav i:after {
    right: auto;
    left: 0
}

.rtl-page .footer-nav li.nav-expanded>a>i:after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.rtl-page .extra-panel {
    right: auto;
    left: 0
}

.rtl-page .extra-panel ul li a {
    padding: 0 27px 0 0
}

.rtl-page .popup {
    direction: rtl
}

.rtl-page .popup .close {
    right: auto;
    left: 10px
}

.rtl-page .popup-media .close {
    right: auto;
    left: -25px
}

.rtl-page .popup-media.out-of-window .close,
.rtl-page .popup-media.left-aligned-popup .close {
    right: auto;
    left: 10px
}

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

    .d-flex-sm {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-inline-flex-sm {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }

    .d-flex-sm>*[class*=col-] {
        float: none
    }

    .rtl-page .d-flex-sm>*[class*=col-] {
        float: none
    }

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

    *[class*="col-sm-pull"],
    *[class*="col-sm-push"] {
        position: relative
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

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

    .rtl-page *[class*="col-sm-pull-"] {
        right: auto
    }

    .rtl-page .col-sm-pull-12 {
        left: 100%
    }

    .rtl-page .col-sm-pull-11 {
        left: 91.66666667%
    }

    .rtl-page .col-sm-pull-10 {
        left: 83.33333333%
    }

    .rtl-page .col-sm-pull-9 {
        left: 75%
    }

    .rtl-page .col-sm-pull-8 {
        left: 66.66666667%
    }

    .rtl-page .col-sm-pull-7 {
        left: 58.33333333%
    }

    .rtl-page .col-sm-pull-6 {
        left: 50%
    }

    .rtl-page .col-sm-pull-5 {
        left: 41.66666667%
    }

    .rtl-page .col-sm-pull-4 {
        left: 33.33333333%
    }

    .rtl-page .col-sm-pull-3 {
        left: 25%
    }

    .rtl-page .col-sm-pull-2 {
        left: 16.66666667%
    }

    .rtl-page .col-sm-pull-1 {
        left: 8.33333333%
    }

    .rtl-page .col-sm-pull-0 {
        left: auto
    }

    .rtl-page *[class*="col-sm-push-"] {
        left: auto
    }

    .rtl-page .col-sm-push-12 {
        right: 100%
    }

    .rtl-page .col-sm-push-11 {
        right: 91.66666667%
    }

    .rtl-page .col-sm-push-10 {
        right: 83.33333333%
    }

    .rtl-page .col-sm-push-9 {
        right: 75%
    }

    .rtl-page .col-sm-push-8 {
        right: 66.66666667%
    }

    .rtl-page .col-sm-push-7 {
        right: 58.33333333%
    }

    .rtl-page .col-sm-push-6 {
        right: 50%
    }

    .rtl-page .col-sm-push-5 {
        right: 41.66666667%
    }

    .rtl-page .col-sm-push-4 {
        right: 33.33333333%
    }

    .rtl-page .col-sm-push-3 {
        right: 25%
    }

    .rtl-page .col-sm-push-2 {
        right: 16.66666667%
    }

    .rtl-page .col-sm-push-1 {
        right: 8.33333333%
    }

    .rtl-page .col-sm-push-0 {
        right: auto
    }
}

@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
    }

    .d-flex-md {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-inline-flex-md {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }

    .d-flex-md>*[class*=col-] {
        float: none
    }

    .rtl-page .d-flex-md>*[class*=col-] {
        float: none
    }

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

    *[class*="col-md-pull"],
    *[class*="col-md-push"] {
        position: relative
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

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

    .rtl-page *[class*="col-md-pull-"] {
        right: auto
    }

    .rtl-page .col-md-pull-12 {
        left: 100%
    }

    .rtl-page .col-md-pull-11 {
        left: 91.66666667%
    }

    .rtl-page .col-md-pull-10 {
        left: 83.33333333%
    }

    .rtl-page .col-md-pull-9 {
        left: 75%
    }

    .rtl-page .col-md-pull-8 {
        left: 66.66666667%
    }

    .rtl-page .col-md-pull-7 {
        left: 58.33333333%
    }

    .rtl-page .col-md-pull-6 {
        left: 50%
    }

    .rtl-page .col-md-pull-5 {
        left: 41.66666667%
    }

    .rtl-page .col-md-pull-4 {
        left: 33.33333333%
    }

    .rtl-page .col-md-pull-3 {
        left: 25%
    }

    .rtl-page .col-md-pull-2 {
        left: 16.66666667%
    }

    .rtl-page .col-md-pull-1 {
        left: 8.33333333%
    }

    .rtl-page .col-md-pull-0 {
        left: auto
    }

    .rtl-page *[class*="col-md-push-"] {
        left: auto
    }

    .rtl-page .col-md-push-12 {
        right: 100%
    }

    .rtl-page .col-md-push-11 {
        right: 91.66666667%
    }

    .rtl-page .col-md-push-10 {
        right: 83.33333333%
    }

    .rtl-page .col-md-push-9 {
        right: 75%
    }

    .rtl-page .col-md-push-8 {
        right: 66.66666667%
    }

    .rtl-page .col-md-push-7 {
        right: 58.33333333%
    }

    .rtl-page .col-md-push-6 {
        right: 50%
    }

    .rtl-page .col-md-push-5 {
        right: 41.66666667%
    }

    .rtl-page .col-md-push-4 {
        right: 33.33333333%
    }

    .rtl-page .col-md-push-3 {
        right: 25%
    }

    .rtl-page .col-md-push-2 {
        right: 16.66666667%
    }

    .rtl-page .col-md-push-1 {
        right: 8.33333333%
    }

    .rtl-page .col-md-push-0 {
        right: auto
    }
}

@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
    }

    .d-flex-lg {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-inline-flex-lg {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }

    .d-flex-lg>*[class*=col-] {
        float: none
    }

    .rtl-page .d-flex-lg>*[class*=col-] {
        float: none
    }

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

    *[class*="col-lg-pull"],
    *[class*="col-lg-push"] {
        position: relative
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

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

    .rtl-page *[class*="col-lg-pull-"] {
        right: auto
    }

    .rtl-page .col-lg-pull-12 {
        left: 100%
    }

    .rtl-page .col-lg-pull-11 {
        left: 91.66666667%
    }

    .rtl-page .col-lg-pull-10 {
        left: 83.33333333%
    }

    .rtl-page .col-lg-pull-9 {
        left: 75%
    }

    .rtl-page .col-lg-pull-8 {
        left: 66.66666667%
    }

    .rtl-page .col-lg-pull-7 {
        left: 58.33333333%
    }

    .rtl-page .col-lg-pull-6 {
        left: 50%
    }

    .rtl-page .col-lg-pull-5 {
        left: 41.66666667%
    }

    .rtl-page .col-lg-pull-4 {
        left: 33.33333333%
    }

    .rtl-page .col-lg-pull-3 {
        left: 25%
    }

    .rtl-page .col-lg-pull-2 {
        left: 16.66666667%
    }

    .rtl-page .col-lg-pull-1 {
        left: 8.33333333%
    }

    .rtl-page .col-lg-pull-0 {
        left: auto
    }

    .rtl-page *[class*="col-lg-push-"] {
        left: auto
    }

    .rtl-page .col-lg-push-12 {
        right: 100%
    }

    .rtl-page .col-lg-push-11 {
        right: 91.66666667%
    }

    .rtl-page .col-lg-push-10 {
        right: 83.33333333%
    }

    .rtl-page .col-lg-push-9 {
        right: 75%
    }

    .rtl-page .col-lg-push-8 {
        right: 66.66666667%
    }

    .rtl-page .col-lg-push-7 {
        right: 58.33333333%
    }

    .rtl-page .col-lg-push-6 {
        right: 50%
    }

    .rtl-page .col-lg-push-5 {
        right: 41.66666667%
    }

    .rtl-page .col-lg-push-4 {
        right: 33.33333333%
    }

    .rtl-page .col-lg-push-3 {
        right: 25%
    }

    .rtl-page .col-lg-push-2 {
        right: 16.66666667%
    }

    .rtl-page .col-lg-push-1 {
        right: 8.33333333%
    }

    .rtl-page .col-lg-push-0 {
        right: auto
    }
}

@media(min-width:1200px) {
    *[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
    }

    .d-flex-xl {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-inline-flex-xl {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }

    .d-flex-xl>*[class*=col-] {
        float: none
    }

    .rtl-page .d-flex-xl>*[class*=col-] {
        float: none
    }

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

    *[class*="col-xl-pull"],
    *[class*="col-xl-push"] {
        position: relative
    }

    .col-xl-pull-12 {
        right: 100%
    }

    .col-xl-pull-11 {
        right: 91.66666667%
    }

    .col-xl-pull-10 {
        right: 83.33333333%
    }

    .col-xl-pull-9 {
        right: 75%
    }

    .col-xl-pull-8 {
        right: 66.66666667%
    }

    .col-xl-pull-7 {
        right: 58.33333333%
    }

    .col-xl-pull-6 {
        right: 50%
    }

    .col-xl-pull-5 {
        right: 41.66666667%
    }

    .col-xl-pull-4 {
        right: 33.33333333%
    }

    .col-xl-pull-3 {
        right: 25%
    }

    .col-xl-pull-2 {
        right: 16.66666667%
    }

    .col-xl-pull-1 {
        right: 8.33333333%
    }

    .col-xl-pull-0 {
        right: auto
    }

    .col-xl-push-12 {
        left: 100%
    }

    .col-xl-push-11 {
        left: 91.66666667%
    }

    .col-xl-push-10 {
        left: 83.33333333%
    }

    .col-xl-push-9 {
        left: 75%
    }

    .col-xl-push-8 {
        left: 66.66666667%
    }

    .col-xl-push-7 {
        left: 58.33333333%
    }

    .col-xl-push-6 {
        left: 50%
    }

    .col-xl-push-5 {
        left: 41.66666667%
    }

    .col-xl-push-4 {
        left: 33.33333333%
    }

    .col-xl-push-3 {
        left: 25%
    }

    .col-xl-push-2 {
        left: 16.66666667%
    }

    .col-xl-push-1 {
        left: 8.33333333%
    }

    .col-xl-push-0 {
        left: auto
    }

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

    .rtl-page *[class*="col-xl-pull-"] {
        right: auto
    }

    .rtl-page .col-xl-pull-12 {
        left: 100%
    }

    .rtl-page .col-xl-pull-11 {
        left: 91.66666667%
    }

    .rtl-page .col-xl-pull-10 {
        left: 83.33333333%
    }

    .rtl-page .col-xl-pull-9 {
        left: 75%
    }

    .rtl-page .col-xl-pull-8 {
        left: 66.66666667%
    }

    .rtl-page .col-xl-pull-7 {
        left: 58.33333333%
    }

    .rtl-page .col-xl-pull-6 {
        left: 50%
    }

    .rtl-page .col-xl-pull-5 {
        left: 41.66666667%
    }

    .rtl-page .col-xl-pull-4 {
        left: 33.33333333%
    }

    .rtl-page .col-xl-pull-3 {
        left: 25%
    }

    .rtl-page .col-xl-pull-2 {
        left: 16.66666667%
    }

    .rtl-page .col-xl-pull-1 {
        left: 8.33333333%
    }

    .rtl-page .col-xl-pull-0 {
        left: auto
    }

    .rtl-page *[class*="col-xl-push-"] {
        left: auto
    }

    .rtl-page .col-xl-push-12 {
        right: 100%
    }

    .rtl-page .col-xl-push-11 {
        right: 91.66666667%
    }

    .rtl-page .col-xl-push-10 {
        right: 83.33333333%
    }

    .rtl-page .col-xl-push-9 {
        right: 75%
    }

    .rtl-page .col-xl-push-8 {
        right: 66.66666667%
    }

    .rtl-page .col-xl-push-7 {
        right: 58.33333333%
    }

    .rtl-page .col-xl-push-6 {
        right: 50%
    }

    .rtl-page .col-xl-push-5 {
        right: 41.66666667%
    }

    .rtl-page .col-xl-push-4 {
        right: 33.33333333%
    }

    .rtl-page .col-xl-push-3 {
        right: 25%
    }

    .rtl-page .col-xl-push-2 {
        right: 16.66666667%
    }

    .rtl-page .col-xl-push-1 {
        right: 8.33333333%
    }

    .rtl-page .col-xl-push-0 {
        right: auto
    }
}

@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
    }

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

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

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

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

    .el-table-xs {
        display: table !important
    }

    .el-inline-table-xs {
        display: inline-table !important
    }

    .el-flex-xs {
        display: flex !important
    }

    .el-inline-flex-xs {
        display: inline-flex !important
    }
}

@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
    }

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

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

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

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

    .el-table-sm {
        display: table !important
    }

    .el-inline-table-sm {
        display: inline-table !important
    }

    .el-flex-sm {
        display: flex !important
    }

    .el-inline-flex-sm {
        display: inline-flex !important
    }
}

@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
    }

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

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

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

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

    .el-table-md {
        display: table !important
    }

    .el-inline-table-md {
        display: inline-table !important
    }

    .el-flex-md {
        display: flex !important
    }

    .el-inline-flex-md {
        display: inline-flex !important
    }
}

@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
    }

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

    .el-table-lg {
        display: table !important
    }

    .el-inline-table-lg {
        display: inline-table !important
    }

    .el-flex-lg {
        display: flex !important
    }

    .el-inline-flex-lg {
        display: inline-flex !important
    }
}

@media(min-width:1200px) {
    .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
    }

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

    .el-table-xl {
        display: table !important
    }

    .el-inline-table-xl {
        display: inline-table !important
    }

    .el-flex-xl {
        display: flex !important
    }

    .el-inline-flex-xl {
        display: inline-flex !important
    }
}

@media only screen and (max-width:1250px) {

    .hp-section01 .image,
    .rtl-page .hp-section01 .image {
        margin: 0
    }
}

@media only screen and (max-width:1170px) {
    .show-less-1200 {
        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
    }

    .hp-section02 .items {
        margin: 0 -15px;
        padding: 0 40px
    }
}

@media only screen and (min-width:1000px) {
    .mb-drop {
        display: none !important
    }

    .footer-nav ul li .drop {
        display: block !important
    }
}

@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
    }

    .nav-panel,
    .header-panel,
    .buttons-panel {
        display: none
    }

    .mb-header {
        display: block
    }

    .logo-holder {
        margin: 0 -15px;
        padding: 10px 15px
    }

    .logo-holder:before {
        content: ""
    }

    .content-holder {
        display: block
    }

    #sidebar {
        display: none
    }

    .form label {
        float: none;
        width: auto;
        height: auto;
        margin: 0 0 10px
    }

    .rtl-page .form label {
        float: none;
        margin: 0 0 10px
    }

    .form .row-control {
        margin: 0
    }

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

    .form .formset,
    .form .buttonset,
    .form-type02 .formset,
    .form-type02 .buttonset {
        width: 100%
    }

    .contactus-details {
        display: block
    }

    .account-types {
        margin: 0 -5px
    }

    .account-types .item {
        margin: 0 5px 30px
    }

    .account-types .item .acc-row {
        padding: 17px 15px
    }

    .account-types .item .acc-ttl .acc-row {
        padding: 0 15px
    }

    .footer-main {
        padding: 50px 0 40px
    }

    .footer-nav {
        text-align: center;
        padding: 0
    }

    .footer-nav .drop {
        display: none
    }

    .footer-nav ul li a i {
        display: block
    }

    .footer-nav ul {
        display: block;
        margin: 0
    }

    .footer-nav ul li {
        margin: 0
    }

    .footer-nav ul li ul {
        padding: 3px 0 11px
    }

    .footer-nav ul li a {
        padding: 5px 15px
    }

    .footer-nav>ul>li>a {
        padding: 12px 15px
    }

    .payment>div>* {
        margin: 0 15px 25px
    }
}

@media only screen and (min-width:767px) {
    .account-types .item .acc-content {
        display: block !important
    }
}

@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
    }

    .mt5-sm {
        margin-top: 5px
    }

    .mb5-sm {
        margin-bottom: 5px
    }

    .mt10-sm {
        margin-top: 10px
    }

    .mb10-sm {
        margin-bottom: 10px
    }

    .mt15-sm {
        margin-top: 15px
    }

    .mb15-sm {
        margin-bottom: 15px
    }

    .mt20-sm {
        margin-top: 20px
    }

    .mb20-sm {
        margin-bottom: 20px
    }

    .mt25-sm {
        margin-top: 25px
    }

    .mb25-sm {
        margin-bottom: 25px
    }

    .mt30-sm {
        margin-top: 30px
    }

    .mb30-sm {
        margin-bottom: 30px
    }

    .mt40-sm {
        margin-top: 40px
    }

    .mb40-sm {
        margin-bottom: 40px
    }

    .mt50-sm {
        margin-top: 50px
    }

    .mb50-sm {
        margin-bottom: 50px
    }

    .mt60-sm {
        margin-top: 60px
    }

    .mb60-sm {
        margin-bottom: 60px
    }

    .mt70-sm {
        margin-top: 70px
    }

    .mb70-sm {
        margin-bottom: 70px
    }

    .mt80-sm {
        margin-top: 80px
    }

    .mb80-sm {
        margin-bottom: 80px
    }

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

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

    h1,
    .h1 {
        font: 700 18px 'Playfair Display', serif;
        margin-bottom: 15px
    }

    h2,
    .h2 {
        font: 700 16px 'Playfair Display', serif;
        margin-bottom: 15px
    }

    h3,
    .h3 {
        font: 700 16px 'Playfair Display', serif;
        margin-bottom: 20px
    }

    .logo-holder {
        height: 60px
    }

    .logo {
        margin: 0
    }

    .logo a {
        width: 66px;
        height: 39px
    }

    .mb-drop .inner {
        padding-top: 60px
    }

    .mb-drop .close {
        top: 20px
    }

    main {
        padding: 90px 0 65px
    }

    .home-page main {
        padding: 0 0 65px
    }

    .breadcrumbs {
        top: 28px
    }

    .breadcrumbs ul {
        display: block
    }

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

    .boxes .box h3 {
        font-size: 18px;
        margin: 0 -15px 10px
    }

    .boxes .box .box-content {
        padding: 20px 40px 110px
    }

    .boxes [class*="col-"] {
        margin-bottom: 20px
    }

    .markets-news .item {
        display: block
    }

    .markets-news .item .image {
        width: auto;
        height: 137px
    }

    .markets-news .item .text {
        padding: 25px 40px 110px
    }

    .markets-news .item h2,
    .markets-news .item h3 {
        font: 700 16px/20px 'Playfair Display', serif
    }

    .markets-news .btn-hold,
    .rtl-page .markets-news .btn-hold {
        left: 0;
        right: 0
    }

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

    .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 {
        padding-left: 10px;
        padding-right: 10px
    }

    .form .selector span:after {
        right: 10px
    }

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

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

    .form .formitem {
        padding-right: 10px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .form .button-row.mt15 {
        margin-top: 5px
    }

    .form .ta-center-sm .buttonset .button,
    .form .button-row.ta-center-sm .button,
    .rtl-page .form .ta-center-sm .buttonset .button,
    .rtl-page .form .button-row.ta-center-sm .button {
        float: none;
        margin: 0
    }

    .form label .ast {
        position: relative
    }

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

    .markets-news-head .filter label {
        float: left;
        height: 50px;
        margin: 0
    }

    .rtl-page .markets-news-head .filter label {
        float: right;
        margin: 0
    }

    .markets-news-head .filter .formset {
        width: 100%
    }

    .list li {
        padding: 0 0 0 33px
    }

    .list li:before {
        left: 10px
    }

    .rtl-page .list li {
        padding: 0 33px 0 0
    }

    .rtl-page .list li:before {
        left: auto;
        right: 10px
    }

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

    .table .desktop-table {
        display: none
    }

    .table .mobile-table {
        display: table
    }

    .data-table .DTFC_LeftWrapper {
        display: block
    }

    .table th {
        padding: 17px 15px
    }

    .table td {
        padding: 10px 15px
    }

    .table-overflow,
    .data-table {
        white-space: nowrap
    }

    .title {
        margin-bottom: 30px
    }

    .title.mb20 {
        margin-bottom: 15px
    }

    .title.mb30 {
        margin-bottom: 15px
    }

    .glossary .item {
        margin-bottom: 20px
    }

    .glossary .slidetext {
        padding: 10px 15px 0;
        margin: 0 -15px
    }

    .glossary .item h3:before {
        right: 15px
    }

    .rtl-page .glossary .item h3::before {
        right: auto;
        left: 15px
    }

    .glossary .item .widget-holder {
        margin: 0 -15px
    }

    .steps {
        font: 700 14px 'Poppins', sans-serif;
        margin: 0 -15px 40px
    }

    .steps .item>div {
        padding: 0 12px
    }

    .steps .item:first-child>div {
        padding: 0 12px 0 25px
    }

    .rtl-page .steps .item:first-child>div {
        padding: 0 25px 0 12px
    }

    .contactus-details {
        display: block;
        padding: 10px 0 20px
    }

    .contactus-details .item {
        align-items: center
    }

    .contactus-details .item>div {
        padding: 0;
        margin: -10px 0
    }

    .contactus-details .item h3,
    .contactus-details .item .h2 {
        font-size: 18px
    }

    .contactus-details .item *[class*=icon-] {
        margin: 0 20px 0 0
    }

    .rtl-page .contactus-details .item *[class*=icon-] {
        margin: 0 0 0 20px
    }

    .boxes {
        padding-top: 0
    }

    .app-btns {
        display: block
    }

    .bottom-area {
        margin-top: 70px;
        margin-bottom: -65px
    }

    .visual-area {
        margin-bottom: 80px
    }

    .visual-area .list {
        margin: 0
    }

    .visual-area01,
    .visual-area02 {
        min-height: 1px;
        margin-bottom: 80px;
        display: block
    }

    .visual-area00 .text {
        padding-top: 20px
    }

    .visual-area00 h1 {
        font: 700 24px 'Playfair Display', serif;
        margin-bottom: 20px
    }

    .visual-area00 h2 {
        font-size: 18px;
        margin-bottom: 15px
    }

    .visual-area01 {
        padding: 22px 0 30px
    }

    .visual-area01 .btn-hold {
        padding-top: 20px
    }

    .visual-area02 {
        padding: 22px 0 10px
    }

    .visual-area02 .text {
        padding: 10px 0 0
    }

    .forex {
        overflow: visible
    }

    .forex .image-position01,
    .rtl-page .forex .image-position01 {
        margin: 0
    }

    .forex .image-position02,
    .rtl-page .forex .image-position02 {
        margin: 0
    }

    .forex .widget-holder {
        margin: 80px -15px
    }

    .forex .app-btns {
        padding-bottom: 30px
    }

    .platform-item .btn-hold {
        padding-bottom: 30px
    }

    .platform-item .image-position00,
    .rtl-page .platform-item .image-position00 {
        margin: 0 -15px
    }

    .platform-item .image-position01,
    .rtl-page .platform-item .image-position01 {
        margin: 0 -15px 30px
    }

    .platform-item .image-position02,
    .rtl-page .platform-item .image-position02 {
        margin: 0 -10px 70px
    }

    .platform-item .image-position03,
    .rtl-page .platform-item .image-position03 {
        margin: 0 -15px 30px
    }

    .about-items {
        padding: 0;
        margin-bottom: 45px
    }

    .about-items .item {
        max-width: none;
        padding: 0 15px 15px
    }

    .about-why {
        padding: 0 0 85px
    }

    .about-why h3,
    .about-why .h2 {
        font-size: 18px
    }

    .about-why .item {
        padding-bottom: 5px
    }

    .about-why .box {
        margin: -5px 0 0
    }

    .about-why .box dl,
    .rtl-page .about-why .box dl {
        display: block;
        margin: 0 0 10px
    }

    .about-why .box .btn-hold {
        padding: 0 0 30px
    }

    .about-why .box .btn-hold .button {
        min-width: 220px
    }

    .about-why .box .image {
        margin: 0 -15px -35px
    }

    .about-glossary {
        padding-bottom: 30px
    }

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

    .account-types {
        padding: 10px 0 0;
        display: block
    }

    .account-types .item .acc-content {
        padding: 61px 0 16px
    }

    .account-types .item .acc-row {
        padding: 12px 12px
    }

    .account-types .item .acc-ttl .acc-row {
        padding: 0 15px
    }

    .account-types .item .acc-ttl {
        cursor: pointer
    }

    .account-types .item .acc-ttl i {
        display: block
    }

    .account-types .item .acc-ttl .acc-cell {
        height: 157px
    }

    .account-types .item .acc-ttl h2 {
        font-size: 18px;
        margin-bottom: 20px
    }

    .account-types .item .acc-ttl .price {
        font-size: 24px;
        line-height: 36px
    }

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

    .carousel .owl-carousel .slide .text {
        margin: 10px auto 0;
        font: 16px/24px 'Poppins', sans-serif
    }

    .carousel .owl-carousel .slide .text .strong {
        font: 700 24px 'Playfair Display', serif
    }

    .carousel .owl-carousel .slide02>img,
    .carousel .owl-carousel .slide03>img,
    .carousel .owl-carousel .slide04>img {
        object-position: bottom
    }

    .carousel .owl-carousel .slide02 .hold,
    .carousel .owl-carousel .slide03 .hold,
    .carousel .owl-carousel .slide04 .hold {
        align-items: flex-start
    }

    .carousel .owl-carousel .slide02 .text,
    .rtl-page .carousel .owl-carousel .slide02 .text,
    .carousel .owl-carousel .slide03 .text,
    .rtl-page .carousel .owl-carousel .slide03 .text,
    .carousel .owl-carousel .slide04 .text,
    .rtl-page .carousel .owl-carousel .slide04 .text {
        text-align: center;
        padding: 25px 13px;
        margin: 88px auto 0
    }

    .carousel .owl-carousel .slide02 .text .strong,
    .carousel .owl-carousel .slide03 .text .strong,
    .carousel .owl-carousel .slide04 .text .strong {
        margin-bottom: 10px
    }

    .carousel .owl-carousel .slide04 .text p {
        margin-bottom: 10px
    }

    .hp-intro {
        height: 490px
    }

    .hp-intro .text {
        padding: 25px;
        margin: 25px 0 55px
    }

    .hp-intro .strong {
        font: 700 24px 'Playfair Display', serif
    }

    .hp-section01 {
        padding: 85px 0 60px
    }

    .hp-section01 .image,
    .rtl-page .hp-section01 .image {
        margin: 0 5px 12px
    }

    .hp-section01 .image img {
        width: 100%;
        max-width: 300px
    }

    .hp-section01 .text {
        font: 18px 'Poppins', sans-serif;
        padding: 0
    }

    .hp-section02 {
        padding: 20px 0
    }

    .hp-section02 .items {
        margin: 0 -15px;
        padding: 0 40px
    }

    .hp-section02 .item {
        padding: 0 40px 30px
    }

    .hp-section02 .item h3 {
        margin: 0 0 15px
    }

    .hp-section02 .item .btn-hold {
        left: 40px;
        right: 40px
    }

    .hp-section03 {
        padding: 55px 0 40px
    }

    .hp-section03 .text {
        font: 18px 'Poppins', sans-serif;
        padding: 0 10px;
        margin: 0
    }

    .rtl-page .hp-section03 .text {
        padding: 0 10px
    }

    .hp-section03 .image,
    .rtl-page .hp-section03 .image {
        margin: 0
    }

    .hp-section04 {
        padding: 45px 0 10px
    }

    .hp-section04 .widget-holder {
        margin: 0 -15px
    }

    .payment {
        display: block;
        padding: 28px 0
    }

    .payment>div>* {
        margin: 0 10px 25px
    }

    .footer-main {
        padding: 27px 0
    }

    .footer-text {
        padding: 18px 0;
        font: 12px/18px 'Poppins', sans-serif
    }

    .popup-heading,
    .popup-footer {
        padding: 10px 15px
    }

    .popup-content {
        padding: 30px 15px
    }

    .popup-qr {
        font-size: 16px;
        line-height: 22px
    }

    .popup-qr .popup-content {
        padding: 50px 15px
    }

    .popup-qr h3 {
        margin-bottom: 15px
    }

    .popup-qr p {
        margin-bottom: 10px
    }

    .extra-panel {
        width: 145px
    }

    .extra-panel ul li a {
        height: 80px;
        padding: 0 20px;
        font: 16px 'Poppins', sans-serif
    }

    .rtl-page .extra-panel ul li a {
        padding: 0 20px
    }

    .btn-play {
        font-size: 10px;
        min-width: 157px
    }
}

@media only screen and (max-width:600px) {}

@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
    }

    .form .ta-center-xs .buttonset .button,
    .form .button-row.ta-center-xs .button,
    .rtl-page .form .ta-center-xs .buttonset .button,
    .rtl-page .form .button-row.ta-center-xs .button {
        float: none;
        margin: 0
    }

    .contactus-details .item-email {
        white-space: normal
    }
}

.upload-new-results {
    margin-bottom: 30px
}

.upload-new-results table {
    width: 100%;
    table-layout: fixed
}

.upload-new-results table th,
.upload-new-results table td {
    padding: 15px 12px;
    text-align: left;
    vertical-align: top;
    font-size: 14px;
    line-height: normal
}

.upload-new-results table th {
    padding: 5px 12px;
    height: 46px;
    vertical-align: middle
}

.upload-new-results table th:nth-child(1),
.upload-new-results table td:nth-child(1),
.upload-new-results table th:nth-child(4),
.upload-new-results table td:nth-child(4) {
    width: 125px
}

.upload-new-results table th:nth-child(3),
.upload-new-results table td:nth-child(3) {
    width: 200px
}

.upload-new-results table th:nth-child(3),
.upload-new-results table td:nth-child(3) {
    text-align: center
}

.upload-new-results table .image {
    display: block;
    width: 62px;
    height: 62px;
    border-radius: 2px;
    background: #e7e7e7;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-top: -6px
}

.upload-new-results table .image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover';
    border-radius: 1px
}

.upload-new-results table .size {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    text-overflow: ellipsis
}

.upload-new-results table .comment {
    max-width: 350px;
    max-width: 100%;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media only screen and (max-width:767px) {
    .upload-new-results {
        width: auto;
        margin-left: -15px;
        margin-right: -15px
    }

    .upload-new-results table th:nth-child(1),
    .upload-new-results table td:nth-child(1),
    .upload-new-results table th:nth-child(2),
    .upload-new-results table td:nth-child(2),
    .upload-new-results table th:nth-child(3),
    .upload-new-results table td:nth-child(3),
    .upload-new-results table th:nth-child(4),
    .upload-new-results table td:nth-child(4) {
        width: auto
    }

    .upload-new-results table td {
        white-space: normal;
        word-break: break-all;
        word-wrap: break-word
    }
}

@media only screen and (max-width:479px) {
    .upload-new-results {
        font-size: 11px
    }

    .upload-new-results table .image {
        width: 50px;
        height: 50px
    }

    .upload-new-results table th,
    .upload-new-results table td {
        padding: 15px 3px;
        font-size: 11px;
        line-height: normal
    }
}

.rtl-page .upload-new-results table th,
.rtl-page .upload-new-results table td {
    text-align: right
}

.rtl-page .upload-new-results table th:nth-child(3),
.rtl-page .upload-new-results table td:nth-child(3) {
    text-align: center
}

#react-app-ext {
    position: absolute;
    z-index: 9999
}