/* Minification failed. Returning unminified contents.
(3575,28): run-time error CSS1030: Expected identifier, found ' '
 */

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

/* HTML5 display-role reset for older browsers */
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 {
    min-height: 100%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.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%;
}

#map {
    width: 100%;
    height: 572px;
}


* {
    -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-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: #f7f8fc;
    min-width: 320px;
    /* min-width: 1200px; */
    font-size: 16px;
    line-height: 26px;
    font-family: 'IBM Plex Sans', sans-serif;
    color: #717171;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    letter-spacing: 0.2px;
}

.lazy {
    opacity: 0;
}

img {
    opacity: 1;
    transition: opacity 0.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: #4285F4;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    text-decoration: none;
}

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

/* a:active{background-color: transparent;} */
.td-n {
    text-decoration: none;
}

.td-u {
    text-decoration: underline;
}

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

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

/* fonts */
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    color: #333;
}

h1, .h1 {
    font: 600 48px 'IBM Plex San', sans-serif;
    margin-bottom: 43px;
    color: #414141;
}

.style-head {
    font-weight: 500;
    font-size: 64px;
    line-height: 83px;
    text-align: center;
    position: relative;
    color: #092030;
    padding-bottom: 35px;
    margin-bottom: 50px;
}

    .style-head:after {
        width: 80px;
        height: 2px;
        background: #092030;
        content: '';
        position: absolute;
        right: 0;
        left: 0;
        bottom: 0;
        margin: 0 auto;
    }


p {
    margin-bottom: 16px;
}

*[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: 0.8em
}

.line-h09 {
    line-height: 0.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;
}

/* layout */
#wrapper {
    /* overflow: hidden;
	width: 100%;
	height: 100%;
	display: table;
	table-layout: fixed; */
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    position: relative;
}

.w1 {
    flex: 1 0 auto;
}

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

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

header {
    position: relative;
    z-index: 20;
    background: url("./images/header-bg.jpg") no-repeat 0 0;
    background-size: cover;
}

.home-page header {
    background: transparent;
}

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

main {
    padding: 75px 0 10px;
    position: relative;
    z-index: 1;
}

.home-page header {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}

.home-page main {
    padding: 0;
}

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

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

#sidebar {
    width: 270px;
    margin: 0 30px 0 0;
}

/* auxiliary */
.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: 0.13em;
        line-height: 0;
    }

.color01 {
    color: #F6F8FB
}

.color02 {
    color: #000
}

.color03 {
    color: #4285f4;
}

.color04 {
    color: #717171;
}

.color05 {
    color: #333;
}

.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: 860px;
}

.full-width {
    width: 100%;
}

.full-height {
    height: 100%;
}

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

/* grid */
.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;
    }

/* buttons */
.button {
    vertical-align: middle;
    display: inline-flex;
    position: relative;
    border-radius: 70px;
    padding: 7px 30px;
    min-width: 200px;
    font: 600 14px/36px 'IBM Plex San', sans-serif;
    color: #F6F8FB;
    text-decoration: none;
    text-align: center;
    background: linear-gradient(100.79deg, #2079ED 14.98%, #0056C6 89.57%);
    text-transform: uppercase;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

    .button i {
        font-size: 10px;
        padding-left: 12px;
    }

    .button:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        border-radius: 70px;
        border: 2px solid transparent;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
    }

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

    .button:hover {
        background: linear-gradient(100.79deg, #5EA3FC 14.98%, #1678F9 89.57%);
        text-decoration: none;
    }

.button2 {
    background: #CFECFF;
    color: #4285F4;
}

    .button2:hover {
        background: #4285F4;
        color: #F6F8FB;
    }

.button.bordered {
    background: transparent;
    color: #F6F8FB;
}

    .button.bordered:before {
        border-color: #F6F8FB;
    }

    .button.bordered:hover {
        background: rgba(246, 248, 251, 0.2);
        color: #F6F8FB;
    }


.button2.bordered {
    background: transparent;
    color: #2079ED;
}

    .button2.bordered:before {
        border-color: #2079ED;
    }

    .button2.bordered i:before {
        color: #2079ED;
    }


.button.bordered:hover {
    background: #4285F4;
}

.button2.bordered:hover {
    background: transparent;
    color: #2079ED;
}

    .button2.bordered:hover:before {
        border-color: #78B3FF;
    }

.btn-lg {
    min-width: 290px;
}

.btn-sm {
    padding: 7px 10px;
}

.btn-xs {
    font: 600 12px/16px 'IBM Plex San', sans-serif;
    min-width: 112px;
    padding: 7px 10px;
}

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

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

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

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

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

.form .custom-col-1 {
    width: 120px;
}

.form .custom-col-2 {
    width: 240px;
}

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

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

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

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

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

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

.form .row {
    padding: 0 0 17px;
    z-index: 9;
    position: relative;
}

.form .row-control {
    margin: 0 0 0 175px;
}

.form .formset {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

.form .buttonset {
    width: 550px;
}

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

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

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

.form label {
    float: left;
    display: flex;
    align-items: center;
    /* display: table; */
    width: 160px;
    margin: 0 15px 0 0;
    height: 50px;
    font: 16px/26px 'IBM Plex San', sans-serif;
}

.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: 55px;
    margin: 0;
    padding: 14px 25px;
    background: #fff;
    border: 1px solid #f5f5f5;
    border-radius: 5px;
    font: 16px/20px 'IBM Plex San', sans-serif;
    color: #f5f5f5;
    transition: border 0.5s ease;
    -webkit-transition: border 0.5s ease;
}

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

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

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

        .form .selector span:after {
            content: "\e903";
            font-family: 'icomoon';
            position: absolute;
            top: 0;
            bottom: 0;
            right: 20px;
            width: 12px;
            height: 12px;
            margin: auto 0;
            font-size: 12px;
            line-height: 12px;
            color: #4285F4;
            /* margin: -4px 0 0;
border-style: solid;
border-color: #959595 transparent;
border-width: 6px 5px 0;
-webkit-transform: rotate(360deg);
transition: border 0.5s ease;
-webkit-transition: border 0.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: 165px;
    max-height: 200px;
    overflow: auto;
    resize: none;
}

.form .textarea-h01 {
}

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


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

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

.form input.input-validation-error,
.form textarea.input-validation-error,
.form select.input-validation-error,
.form .selector.input-validation-error span {
    color: #f00;
    border-color: #f00;
}

.form ::-webkit-input-placeholder {
    color: #f5f5f5;
}

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

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

.form :-ms-input-placeholder {
    color: #f5f5f5;
}

.form ::-ms-input-placeholder {
    color: #f5f5f5;
}

.form input.placeholder,
.form textarea.placeholder {
    color: #f5f5f5;
}

.form .input-validation-error::-webkit-input-placeholder {
    color: #f00 !important;
}

.form .input-validation-error:-moz-placeholder {
    color: #f00 !important;
}

.form .input-validation-error::-moz-placeholder {
    color: #f00 !important;
}

.form .input-validation-error:-ms-input-placeholder {
    color: #f00 !important;
}

.form .input-validation-error::-ms-input-placeholder {
    color: #f00 !important;
}

.form .input-validation-error.placeholder {
    color: #f00 !important;
}

.form .radio-check {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    line-height: 20px;
    padding: 0 0 0 35px;
    margin: 15px 15px 15px 0;
}

.form .radio-check2 {
    padding: 0 35px 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: 3px;
    margin-bottom: 3px;
}

.form .radio-check.el-block {
    margin-right: 0;
}

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

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

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

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

.form .radio-check .radio,
.form .radio-check .checker {
    position: absolute;
    left: 0;
    top: 1px;
    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%;
    border: 1px solid #717171;
    text-align: center;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

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

.form .checker span {
    border-radius: 2px
}

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

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

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

.form .checker .checked,
.form .radio .checked {
    border-color: transparent;
    background: #4285f4;
}

    .form .radio .checked:before {
        background: #F6F8FB;
    }

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

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

.form .radio-check label {
    font: 14px/20px 'IBM Plex San', sans-serif;
    float: none !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    display: inline-block !important;
    vertical-align: top;
}

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

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

.required {
    font: 12px 'IBM Plex San', sans-serif;
    color: #002248;
    padding: 0 0 15px;
}

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

.form .buttonset .button,
.form .button-row .button {
    margin: 22px 0 0;
}

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

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

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

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

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

.form .weak #iWeak {
    color: #F6F8FB;
    background: #f00;
}

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

.form .strong #iWeak, .form .strong #iMedium, .form .strong #iStrong {
    color: #F6F8FB;
    background: #008000;
}

.form .form-columns {
    margin: 0 0 0 -35px;
}

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

.form .form-col {
    padding: 0 0 0 35px;
}

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

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

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

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

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

.form-type02 .buttonset {
    width: 375px;
}

.form-type02 input[type=tel],
.form-type02 input[type=url],
.form-type02 input[type=text],
.form-type02 input[type=email],
.form-type02 input[type=search],
.form-type02 input[type=number],
.form-type02 input[type=password],
.form-type02 textarea,
.form-type02 select,
.form-type02 .selector {
    background: transparent;
}


.form-style02 input[type=tel],
.form-style02 input[type=url],
.form-style02 input[type=text],
.form-style02 input[type=email],
.form-style02 input[type=search],
.form-style02 input[type=number],
.form-style02 input[type=password],
.form-style02 textarea,
.form-style02 select,
.form-style02 .selector span {
    background: #F6F8FB;
}

.form-style02 #iWeak,
.form-style02 #iMedium,
.form-style02 #iStrong {
    background: #F6F8FB;
}

.form-style02 .weak #iWeak {
    background: #f00;
}

.form-style02 .medium #iWeak,
.form-style02 .medium #iMedium {
    background: #ff8000;
}

.form-style02 .strong #iWeak,
.form-style02 .strong #iMedium,
.form-style02 .strong #iStrong {
    background: #008000;
}

.form-style02 .radio span,
.form-style02 .checker span {
    background: #F6F8FB;
}

.form-style02 .checker .checked,
.form-style02 .radio .checked {
    background: #4285f4;
}


/* icons */
[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-brand-fb:before {
    content: "\61";
}

.icon-brand-tw:before {
    content: "\62";
}

.icon-brand-in:before {
    content: "\63";
}

.icon-angle-l:before {
    content: "\e900";
}

.icon-angle-r:before {
    content: "\e901";
}

.icon-angle-t:before {
    content: "\e902";
}

.icon-angle-b:before {
    content: "\e903";
}

.icon-angle-dbl-l:before {
    content: "\e904";
}

.icon-angle-dbl-r:before {
    content: "\e905";
}

.icon-tick:before {
    content: "\e906";
}

.icon-tick-bold:before {
    content: "\e907";
}

.icon-cross:before {
    content: "\e908";
}

.icon-cross-bold:before {
    content: "\e909";
}

.icon-quote-l:before {
    content: "\e90a";
}

.icon-quote-r:before {
    content: "\e90b";
}

.icon-menu-burger:before {
    content: "\e90c";
}

.icon-profile:before {
    content: "\e90d";
}

.icon-desktop:before {
    content: "\e90e";
}

.icon-mobile:before {
    content: "\e90f";
}

.icon-download:before {
    content: "\e910";
}

.icon-shield:before {
    content: "\e911";
}

.icon-wallet:before {
    content: "\e912";
}

.icon-conditions:before {
    content: "\e913";
}

.icon-accept:before {
    content: "\e914";
}

.icon-chart-forex:before {
    content: "\e915";
}

.icon-chart-trading:before {
    content: "\e916";
}

.icon-chart-indicies:before {
    content: "\e917";
}

.icon-chart-email:before {
    content: "\e918";
}

.icon-arr:before {
    content: "\e919";
}

.icon-halfarrow:before {
    content: "\e91a";
}

.icon-inst:before {
    content: "\e91b";
}

.icon-youtobe:before {
    content: "\e91c";
}

.icon-tw:before {
    content: "\e91d";
}

.icon-fb:before {
    content: "\e91e";
}

.icon-in:before {
    content: "\e91f";
}

.icon-vb:before {
    content: "\e920";
}


/* elements */
.logo {
    position: relative;
    margin: 0 65px 0 0;
}

    .logo a {
        vertical-align: top;
        display: block;
        width: 303px;
        height: 67px;
        overflow: hidden;
        text-indent: -9999px;
        background: url(images/logo.svg) no-repeat;
        background-size: 100%;
    }

.logo-holder {
    position: relative;
    display: flex;
    padding: 0 40px 0 10px;
    height: 91px;
    align-items: center;
}

.home-page .logo-holder {
    padding: 46px 40px 0 10px;
    height: 108px;
}

.logo-holder:before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: #E8E8E8;
}

.header-panel {
    margin-left: auto;
}

.home-page .logo-holder:before {
    content: none;
}

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

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

.header-panel .drop {
    position: absolute;
    right: 0;
    top: 100%;
    margin-top: 13px;
    min-width: 100%;
    visibility: hidden;
    /* overflow: hidden; */
    opacity: 0;
    z-index: 10;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

    .header-panel .drop .inner {
        background: #f5f5f5;
        border-radius: 5px;
        -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15);
        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15);
        overflow: auto;
        max-height: calc(100vh - 104px);
    }

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

    .header-panel .drop:before {
        content: "";
        position: absolute;
        right: 15px;
        top: -12px;
        border-style: solid;
        border-width: 0 10px 12px 10px;
        border-color: #f5f5f5 transparent;
    }

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

        .header-panel .drop ul li {
            border: 1px solid #F6F8FB;
            border-width: 1px 0 0;
        }

            .header-panel .drop ul li:first-child {
                border-top-color: transparent;
            }

                .header-panel .drop ul li:first-child a {
                    border-radius: 5px 5px 0 0
                }

            .header-panel .drop ul li:last-child a {
                border-radius: 0 0 5px 5px
            }

.header-panel .link.arrow > span {
    padding: 0 10px 0 0;
    position: relative;
}

    .header-panel .link.arrow > span:after {
        content: "\e903";
        font-family: 'icomoon';
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 7px;
        height: 7px;
        margin: auto 0;
        font-size: 7px;
        line-height: 7px;
        color: #4285F4;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
    }

.header-panel .button.link.arrow > span:after {
    color: #F6F8FB;
}

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

.header-panel .login-panel {
}

    .header-panel .login-panel .drop {
        min-width: 368px;
        font-size: 14px;
    }

        .header-panel .login-panel .drop .inner {
            padding: 20px;
        }

        .header-panel .login-panel .drop:before {
            right: 40px;
        }

    .header-panel .login-panel input[type=tel],
    .header-panel .login-panel input[type=url],
    .header-panel .login-panel input[type=text],
    .header-panel .login-panel input[type=email],
    .header-panel .login-panel input[type=search],
    .header-panel .login-panel input[type=number],
    .header-panel .login-panel input[type=password],
    .header-panel .login-panel textarea,
    .header-panel .login-panel select,
    .header-panel .login-panel .selector span {
        height: 45px;
        padding: 12px 25px;
    }

    .header-panel .login-panel .row-hlabel {
        padding-top: 0;
        margin-bottom: 5px;
    }


.header-panel .lang-panel {
    font-size: 16px;
    line-height: 18px;
}

    .header-panel .lang-panel .drop {
        min-width: 140px;
        right: -10px;
    }

        .header-panel .lang-panel .drop:before {
            right: 20px;
        }

    .header-panel .lang-panel .lng {
        display: block;
        color: #F6F8FB;
        text-decoration: none;
        white-space: nowrap;
        overflow: hidden;
        position: relative;
        min-width: 32px;
        font-size: 16px;
        line-height: 26px;
    }

        .header-panel .lang-panel .lng span {
            display: block;
        }

        .header-panel .lang-panel .lng:hover,
        .header-panel .lang-panel .lng.active {
            color: #4285F4;
        }

        .header-panel .lang-panel .lng img,
        .header-panel .lang-panel .drop img {
            float: left;
            width: 28px;
            height: 18px;
            margin: 0 8px 0 0;
            border-radius: 2px;
        }

        .header-panel .lang-panel .lng img {
            display: none;
        }

    .header-panel .lang-panel .drop a {
        display: block;
        padding: 16px 40px;
        color: #717171;
        text-decoration: none;
    }

    .header-panel .lang-panel ul li.active a,
    .header-panel .lang-panel ul li a:hover {
        color: #4285F4;
    }

    .header-panel .lang-panel ul li a:hover {
        background: #CFECFF;
    }

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

.header-panel .account-panel {
}

    .header-panel .account-panel .drop {
        min-width: 220px;
        line-height: 21px;
    }

        .header-panel .account-panel .drop .inner > a {
            display: block;
            text-align: center;
            padding: 17px 20px;
            font-weight: 600;
            text-decoration: none;
            border: 1px solid #F6F8FB;
            border-width: 1px 0 0;
        }

        .header-panel .account-panel .drop ul li a {
            display: block;
            padding: 12px 20px;
            color: #717171;
            text-decoration: none;
        }

            .header-panel .account-panel .drop ul li a:hover,
            .header-panel .account-panel .drop ul li.active a {
                color: #2E88EC;
                background: #CFECFF;
            }

.left-item-header {
    display: flex;
    flex: 1;
    align-items: center;
}

.home-page .left-item-header {
    border-bottom: 0.5px solid #f6f8fb54;
    padding-bottom: 12px;
}

/* nav */
#nav i {
    display: none;
}

#nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font: 16px/25px 'IBM Plex San', sans-serif;
}

    #nav ul li {
        position: relative;
        border: 1px solid #F6F8FB;
        border-width: 1px 0 0;
    }

        #nav ul li:first-child {
            border-top-color: transparent;
        }

        #nav ul li a {
            padding: 10px 30px 10px 20px;
            color: #F6F8FB;
            text-decoration: none;
            display: block;
            white-space: nowrap;
            position: relative;
            border-bottom: 1px solid transparent;
        }

        #nav ul li:hover > a,
        #nav ul li.active > a {
            border-color: #fff;
        }

#nav > ul {
    width: 100%;
    display: table;
}

    #nav > ul > li {
        display: table-cell;
        vertical-align: top;
        position: relative;
        padding: 0 52px 0 0;
        border: 0;
    }

        #nav > ul > li > a {
            padding: 0;
            line-height: 26px;
            text-align: center;
            background: transparent;
        }

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

#nav .drop {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 100%;
    margin-top: 19px;
    min-width: 100%;
    background: #F5F5F5;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15);
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

    #nav .drop:before {
        content: "";
        position: absolute;
        left: 20px;
        top: -12px;
        border-style: solid;
        border-width: 0 10px 12px 10px;
        border-color: #f5f5f5 transparent;
    }

    #nav .drop:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: -20px;
        height: 20px;
    }

    #nav .drop .drop {
        top: 0;
        margin-top: 0;
        left: 100%;
        background: #CFECFF;
    }

        #nav .drop .drop:before,
        #nav .drop .drop:after {
            content: none
        }

    #nav .drop ul > li:first-child > a {
        border-radius: 5px 5px 0 0;
    }

    #nav .drop ul > li:last-child > a {
        border-radius: 0 0 5px 5px;
    }

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

    #nav > ul > li.right-drop .drop:before,
    #nav > ul > li:last-child .drop:before {
        left: auto;
        right: 20px;
    }

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

#nav .drop ul li a.has-drop-down:after {
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    font-family: 'icomoon';
    content: "\e901";
    width: 10px;
    height: 10px;
    font-size: 10px;
    line-height: 10px;
    color: #4285F4;
}

/* #nav ul li.right-drop .drop ul li a.has-drop-down:after{
	right: auto;
	left: 15px;
	-webkit-transform: scaleX(-1);
		-ms-transform: scaleX(-1);
			transform: scaleX(-1);
} */
#nav li:hover > .drop {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}


/* mb-control */
.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: 24px;
    overflow: hidden;
    font-size: 25px;
    line-height: 35px;
    color: #4285F4;
    text-align: center;
    margin: 0 0 0 20px;
}

    .mb-control.active {
        width: 72px;
        height: 36px;
        right: -15px;
        top: 10px;
    }

.nav-control span {
    width: 15px;
    left: auto !important;
}


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

.nav-control:before,
.nav-control:after,
.nav-control span {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    background: #fff;
    height: 2px;
    margin-top: -1px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    border-radius: 5px;
}

.nav-control:before,
.nav-control:after {
    content: "";
    top: 25%;
}

.nav-control:after {
    top: 75%;
}

.nav-control.active span {
    opacity: 0;
}

.nav-control.active:after,
.nav-control.active:before {
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #000;
    height: 1px;
}

.nav-control.active:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.mb-control.login-control:after,
.mb-control.account-control:after {
    content: "\e90d";
}


.mb-drop {
    display: none;
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
}

    .mb-drop .inner {
        background: #f5f5f5;
        border-radius: 2px;
        overflow: auto;
        max-height: calc(100vh - 108px);
    }

.nav-drop {
    top: 100%;
    padding: 0;
}

    .nav-drop:before {
        content: none;
    }

    .nav-drop .inner {
        padding: 0 15px;
        background: #F5F5F5;
        color: #717171;
        -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15);
        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15);
    }

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

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

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

.mb-nav > ul {
    border: 1px solid #F6F8FB;
    border-width: 1px 0;
}

.mb-nav ul li {
    position: relative;
}

    .mb-nav ul li a {
        position: relative;
        display: block;
        text-decoration: none;
        padding: 12px 40px 12px 50px;
        font: 300 14px/20px 'IBM Plex San', sans-serif;
        color: #333;
    }

.mb-nav ul li {
    border: 1px solid #F6F8FB;
    border-width: 0 0 1px;
}

    .mb-nav ul li:last-child {
        border-color: transparent;
    }

.mb-nav > ul > li > a {
    font: 16px/20px 'IBM Plex San', sans-serif;
    padding: 12px 40px 12px 0;
}

.mb-nav > ul > li > .drop > ul > li {
    border-color: transparent;
}

    .mb-nav > ul > li > .drop > ul > li > a {
        font: 16px/20px 'IBM Plex San', sans-serif;
        padding: 12px 40px 12px 30px;
    }

.mb-nav ul li i {
    position: absolute;
    /* left: 0;
	right: 0; */
    right: 0;
    top: 0;
    bottom: 0;
    width: 40px;
    text-align: center;
}

    .mb-nav ul li i:after {
        content: "\e903";
        font-family: 'icomoon';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 10px;
        height: 10px;
        font-size: 10px;
        line-height: 10px;
        margin: auto;
        color: #4285F4;
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s 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;
    border-radius: 5px;
}

    .mb-nav .drop .drop {
        background: #CFECFF;
        border-width: 1px 0;
    }

.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 {
    color: #4285F4;
    text-decoration: none;
}


.mb-drop .lang-nav {
    padding: 35px 0;
    text-align: center;
}

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

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

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

                .mb-drop .lang-nav ul li a:hover,
                .mb-drop .lang-nav ul li.active a {
                    color: #4285F4;
                }

            .mb-drop .lang-nav ul li.active a {
                font-weight: 700;
            }

            .mb-drop .lang-nav ul li a img {
                width: 28px;
                height: 18px;
                margin: 0 10px 0 0;
            }

.mb-drop.account-drop .inner {
    padding: 0 15px;
}

.mb-drop.account-drop .account-nav > ul {
    border: 1px solid #F6F8FB;
    border-width: 0 0 1px;
}

    .mb-drop.account-drop .account-nav > ul > li {
        border: 1px solid #F6F8FB;
        border-width: 1px 0 0;
    }

.mb-drop.account-drop ul li a {
    font: 16px/24px 'IBM Plex San', sans-serif;
    display: block;
    text-decoration: none;
    padding: 10px 0;
    color: #717171;
}

    .mb-drop.account-drop ul li a:hover,
    .mb-drop.account-drop ul li.active a {
        color: #4285F4;
    }

.mb-drop.account-drop .account-nav > a {
    text-align: center;
    text-decoration: none;
    display: block;
    padding: 15px 0;
    font-weight: 600;
    color: #4285F4;
}

.login-drop .inner {
    padding: 20px 15px;
    font-size: 12px;
    line-height: 26px;
}

.login-drop .form input[type=tel],
.login-drop .form input[type=url],
.login-drop .form input[type=text],
.login-drop .form input[type=email],
.login-drop .form input[type=search],
.login-drop .form input[type=password],
.login-drop .form textarea,
.login-drop .form select,
.login-drop .form .selector {
    height: 45px;
    padding: 12px 25px;
}

.login-drop .form label {
    font-size: 12px;
}

.login-drop .forgot {
    display: inline-block;
    vertical-align: top;
}


/* breadcrumbs */
.breadcrumbs {
    position: absolute;
    left: 0;
    right: 0;
    top: 35px;
}

    .breadcrumbs ul {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 15px;
        list-style: none;
        font-size: 0;
        line-height: 0;
    }

        .breadcrumbs ul li {
            position: relative;
            display: inline-block;
            font: 16px/20px 'IBM Plex San', sans-serif;
            color: #717171;
        }

            .breadcrumbs ul li:before {
                content: "\003E";
                margin: 0 4px;
            }

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

            .breadcrumbs ul li a {
                color: #4285F4;
            }

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

            .breadcrumbs ul li:last-child,
            .breadcrumbs ul li:last-child a {
                color: #717171;
                text-decoration: none;
                pointer-events: none;
            }


/* list */
.list {
    margin: 0 0 50px;
    padding: 0;
    list-style: none;
}

    .list li {
        position: relative;
        margin: 0 0 4px;
        padding: 0 0 0 20px;
    }

        .list li:before {
            content: "\e907";
            font-family: 'icomoon';
            position: absolute;
            left: 0;
            top: 0;
            font-size: 12px;
            color: #4285F4;
        }

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

/* all */
.line {
    height: 1px;
    display: block;
    border-top-width: 1px;
    border-color: #ddd;
    border-style: solid;
    overflow: hidden;
}

    .line.dashed {
        border-style: dashed;
    }

    .line.dotted {
        border-style: dotted;
    }

.more {
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    text-decoration: none;
}

    .more:hover {
        text-decoration: underline;
    }


.image-position01 {
    margin-left: 30px;
}


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

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

        .tabset li a {
            display: block;
        }

.tabs-style01 {
    font: 16px/20px 'IBM Plex San', sans-serif;
    margin-bottom: 20px;
}

    .tabs-style01 li {
        border: 1px solid #F6F8FB;
        border-width: 0 0 0 1px;
    }

        .tabs-style01 li:first-child {
            border-color: transparent;
        }

        .tabs-style01 li a {
            min-width: 166px;
            text-decoration: none;
            text-align: center;
            color: #717171;
            background: #F5F5F5;
            padding: 11px 5px;
        }

        .tabs-style01 li:first-child a {
            border-radius: 10px 0 0 0;
        }

        .tabs-style01 li:last-child a {
            border-radius: 0 10px 0 0;
        }

        .tabs-style01 li a:hover,
        .tabs-style01 li a.active {
            color: #F6F8FB;
            background: #4285f4;
        }


.paging {
    padding: 20px 0;
    font: 16px/22px 'IBM Plex San', sans-serif;
    color: #717171;
    text-align: center;
}

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

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

            .paging ul li > a,
            .paging ul li > span,
            .paging ul li > strong {
                position: relative;
                display: flex;
                border-radius: 50%;
                text-decoration: none;
                text-align: center;
                min-width: 32px;
                min-height: 32px;
                color: #1F2126;
                text-transform: uppercase;
                font-weight: 700;
                font-size: 18px;
                line-height: 23px;
                color: #1F2126;
                border-radius: 50%;
                align-items: center;
                justify-content: center;
            }

            .paging ul li > strong {
                color: #fff;
                background: #1F2126;
            }

            .paging ul li a.next,
            .paging ul li a.previous {
                font-weight: 400;
            }

            .paging ul li a.next {
                margin-left: 50px;
                font-size: 15px;
            }

            .paging ul li a.previous {
                margin-right: 50px;
                font-size: 15px;
            }


                .paging ul li a.next:after,
                .paging ul li a.previous:before {
                    font-family: 'icomoon';
                    font-size: 12px;
                    line-height: 22px;
                    font-weight: 400;
                    display: inline-block;
                    vertical-align: top;
                    color: #1F2126;
                    margin: 0 10px;
                }


                .paging ul li a.previous:before {
                    content: "\e91a";
                    transform: scale(-1, 1);
                }

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


#pager {
    padding: 20px 0;
}

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

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

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

                #pager ul li.active a,
                #pager ul li a:hover,
                #pager ul li strong {
                    font-weight: 600;
                    color: #4285F4;
                }

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

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

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

                    #pager ul li a.previous:after {
                        content: "\e900";
                    }

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

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


.page-contactus {
    display: flex;
}


    .page-contactus .details .items {
        font-weight: 300;
        font-size: 20px;
        line-height: 35px;
        color: #092030;
        padding: 27px 40px;
        background: #fff;
        width: 100%;
        max-width: 450px;
        position: absolute;
        z-index: 9;
        top: 110px;
        margin-left: 7%;
    }

    .page-contactus .details {
        position: relative;
    }


        .page-contactus .details .items .link {
            color: #2079ED;
            display: flex;
            align-items: center;
            margin-top: 15px;
        }

            .page-contactus .details .items .link i {
                font-size: 10px;
                margin-left: 8px;
                color: #0056C6;
            }


    .page-contactus .items .item > * {
        padding-bottom: 1px;
    }


    .page-contactus .items. .item a:hover {
        text-decoration: underline;
    }

    .page-contactus .form-hold {
        background: linear-gradient(100.79deg, #2079ED 14.98%, #0056C6 89.57%);
        padding: 67px 0;
    }

        .page-contactus .form-hold .h3 {
            font-weight: 700;
            font-size: 46px;
            line-height: 60px;
            text-align: center;
            color: #FFF;
            margin-bottom: 43px;
            position: relative;
            z-index: 12;
        }

    .page-contactus form {
        max-width: 565px;
        margin: 0 auto;
        position: relative;
        padding: 0 15px;
    }

    .page-contactus .form-hold {
        position: relative;
    }

        .page-contactus .form-hold:before {
            background: url("./images/decore01.svg") 0 0 no-repeat;
            background-size: 100%;
            position: absolute;
            content: '';
            width: 340px;
            height: 310px;
            top: -96px;
            left: 0;
            z-index: 9;
        }

        .page-contactus .form-hold:after {
            position: absolute;
            content: '';
            bottom: 0;
            right: -146px;
            z-index: 9;
            width: 200px;
            height: 100%;
            -webkit-transform: skew(-24deg);
            -moz-transform: skew(-24deg);
            -o-transform: skew(-24deg);
            background: #fff;
        }


    .page-contactus form:after {
        background: url("./images/decore02.png") 0 0 no-repeat;
        background-size: 100%;
        position: absolute;
        content: '';
        width: 607px;
        height: 315px;
        bottom: -22px;
        right: -101%;
    }


.page-account h1 {
    font: 700 24px/32px 'IBM Plex San', sans-serif;
    color: #4285F4;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.additional-area .button {
}

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

.rates-grid-tabs {
    background: #F6F8FB;
    overflow: hidden;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15);
}

    .rates-grid-tabs .tabset {
        position: relative;
        list-style: none;
        margin: 0;
        padding: 12px 15px;
        font: 500 12px/17px 'IBM Plex San', sans-serif;
        display: table;
        width: 100%;
        background: #4285F4;
    }

        .rates-grid-tabs .tabset li {
            display: table-cell;
            vertical-align: top;
        }

            .rates-grid-tabs .tabset li a {
                display: table;
                width: 100%;
                height: 27px;
                color: #F6F8FB;
                border: 1px solid transparent;
                border-radius: 5px;
                text-transform: uppercase;
                text-decoration: none;
                text-align: center;
            }

                .rates-grid-tabs .tabset li a span {
                    display: table-cell;
                    vertical-align: middle;
                    height: 100%;
                    padding: 0 5px;
                }

                .rates-grid-tabs .tabset li a.active {
                    border-color: #F6F8FB;
                }

.rates-grid-tab {
    min-height: 399px
}

.quote__grid {
    background: none;
    border-radius: 0;
    color: #333;
    font-family: 'IBM Plex San', sans-serif;
    min-height: 426px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

    .quote__grid .quote {
        margin: 0;
        padding: 16px 0 16px 15px;
        display: block;
        font-size: 14px;
        line-height: 25px;
        background: #F6F8FB;
    }

        .quote__grid .quote:after,
        .quote__grid .quotes-header:after {
            content: "";
            display: block;
            clear: both;
        }

    .quote__grid .quotes-header {
        position: relative;
        font: 500 14px/19px 'IBM Plex San', sans-serif;
        color: #F6F8FB;
        margin: 0;
        padding: 0 15px 8px;
        background: none;
        font-weight: normal;
        text-transform: uppercase;
        background: #4285F4;
    }

    .quote__grid .quotes-container {
        overflow: auto;
        height: 399px;
    }

        .quote__grid .quotes-container .quote:nth-child(2n) {
            background: #f5f5f5;
        }

    .quote__grid .quote > span,
    .quote__grid .quotes-header span {
        float: left;
    }

    .quote__grid .q-symbol {
        width: 50%;
    }

    .quote__grid .quote .q-name {
        width: 22%;
        font-size: 12px;
    }

    .quote__grid .quote .q-image {
        width: 17%;
        margin: 0 1% 0 0;
    }

        .quote__grid .quote .q-image img {
            vertical-align: top;
        }

    .quote__grid .q-value {
        width: 25%;
    }

    .quote__grid .quote .q-arrow {
        text-align: center;
        width: 9%;
        margin: 0 1% 0 0;
    }

.quote__container {
    font: 13px/51px Arial, Verdana, sans-serif;
    background: rgba(16, 30, 43, 0.8) !important;
    color: #F6F8FB;
    white-space: nowrap;
    min-height: 51px;
    position: relative;
    margin: 0 0 25px;
    border-top: 1px solid #3d4768;
}

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

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

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

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

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

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

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

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

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

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

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

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


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

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

/* home */
/* banners */
.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
        -moz-backface-visibility: hidden;
        /* fix firefox animation glitch */
    }

        .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;
        /* fix for flashing background */
        -webkit-transform: translate3d(0px, 0px, 0px);
    }

    .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-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-carousel .fadeOut{animation-name: fadeOut;}
@keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
} */
.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: #1E201D;
        font-size: 0;
        margin: 0;
        padding: 0;
        width: 58px;
        height: 58px;
        background: #F6F8FB;
        display: inline-block;
        cursor: pointer;
        border-radius: 50%;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto 0;
        text-align: center;
        transition: all 0.3s ease;
        -webkit-transition: all 0.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 0.3s ease;
            -webkit-transition: all 0.3s ease;
        }

    .owl-carousel .owl-nav .owl-prev {
        left: 50%;
        margin-left: -860px;
    }

    .owl-carousel .owl-nav .owl-next {
        right: 50%;
        margin-right: -860px;
    }

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

.owl-carousel .owl-dots {
    position: absolute;
    right: 0;
    bottom: 45px;
    z-index: 10;
    font-size: 0;
    line-height: 0;
    width: calc(100% - 365px);
    -webkit-tap-highlight-color: transparent;
    padding-left: 65px;
}

    .owl-carousel .owl-dots:after {
        position: absolute;
        background: #F6F8FB;
        ;
        width: 41px;
        height: 1px;
        content: '';
        left: 0;
        top: 8px;
    }


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

        .owl-carousel .owl-dots .owl-dot span {
            width: 8px;
            height: 8px;
            margin: 5px 10px;
            background: #F6F8FB;
            display: block;
            border-radius: 3px;
            -webkit-backface-visibility: visible;
            transition: opacity 200ms ease;
            transition: all 0.3s ease;
            -webkit-transition: all 0.3s ease;
        }

        .owl-carousel .owl-dots .owl-dot.active span,
        .owl-carousel .owl-dots .owl-dot:hover span {
            background: rgba(246, 248, 251, 0.5);
        }

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

.carousel {
    position: relative;
    z-index: 1;
}

    .carousel .owl-carousel .slide {
        height: 768px;
        background: #F6F8FB;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .carousel .owl-carousel .slide .text {
            position: relative;
            z-index: 999;
            text-align: center;
        }

        .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 .strong {
            display: block;
            font: 500 64px/83px 'IBM Plex San', sans-serif;
            margin-bottom: 30px;
            margin-right: -50px;
            color: #F6F8FB;
        }

        .carousel .owl-carousel .slide p {
            font-weight: 300;
            font-size: 24px;
            line-height: 36px;
            color: #F6F8FB;
        }

        .carousel .owl-carousel .slide .image {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
        }

            .carousel .owl-carousel .slide .image img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }


.logged .carousel .owl-carousel .slide .buttons {
    display: none;
}

.carousel .owl-carousel .slide .buttons {
    padding-top: 50px;
}

.extra-panel {
    position: absolute;
    left: 0;
    background: rgba(246, 248, 251, 0.95);
    width: 90px;
    top: 0;
    z-index: 999;
    height: 100%;
}


.moveto {
    font-weight: 300;
    font-size: 16px;
    line-height: 36px;
    position: absolute;
    bottom: 55px;
    left: 30%;
    color: #1F2126;
    z-index: 10;
    text-decoration: none;
    width: 176px;
}

    .moveto span {
        position: absolute;
        left: 0;
        top: 0;
        padding: 0 50px 0 0;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
    }

        .moveto span:before {
            font-family: 'icomoon';
            position: absolute;
            right: 0;
            top: 0;
            content: "\e919";
            font-size: 60px;
            line-height: 38px;
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
        }

.hp-section01 {
    position: relative;
    z-index: 1;
    padding-bottom: 52px;
}

    .hp-section01 .items {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -15px;
        align-items: flex-end;
        justify-content: space-between;
        font-size: 22px;
        line-height: 36px;
    }

        .hp-section01 .items .txt-h {
            max-width: 665px;
            padding: 0 15px;
            position: relative;
            top: -20px;
        }


            .hp-section01 .items .txt-h .h2 {
                font-weight: 500;
                font-size: 46px;
                line-height: 60px;
                color: #092030;
                margin-bottom: 25px;
            }

        .hp-section01 .items .img-h {
            padding: 0 15px;
            margin-right: -40px;
            margin-top: -230px;
        }


.hp-section02 {
    position: relative;
    background: linear-gradient(100.79deg, #2079ED 14.98%, #0056C6 89.57%);
    margin-top: 50px;
    color: #F6F8FB;
    font-weight: 300;
    font-size: 18px;
    line-height: 30px;
    padding: 115px 0 30px;
}


    .hp-section02:before {
        background: url("./images/decore01.svg") 0 0 no-repeat;
        background-size: 100%;
        position: absolute;
        content: '';
        width: 340px;
        height: 310px;
        top: -96px;
        left: 0;
        z-index: 9;
    }


    .hp-section02 .items {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -40px;
        justify-content: space-between;
        position: relative;
    }

        .hp-section02 .items:before {
            background: url("./images/decore02.png") 0 0 no-repeat;
            background-size: 100%;
            position: absolute;
            content: '';
            width: 607px;
            height: 315px;
            bottom: 60px;
            right: 0;
            z-index: 9;
        }


    .hp-section02 .item {
        width: 33.33%;
        margin-bottom: 88px;
        padding: 0 40px;
        border-left: 0.8px solid rgba(255, 255, 255, 0.2);
        max-width: 400px;
    }

        .hp-section02 .item:first-of-type {
            border: 0;
        }


        .hp-section02 .item .h2 {
            font-weight: 500;
            font-size: 60px;
            line-height: 72px;
            color: #F6F8FB;
        }

        .hp-section02 .item .h3 {
            font-weight: 700;
            font-size: 30px;
            line-height: 39px;
            color: #F6F8FB;
            min-height: 78px;
            margin-bottom: 24px;
        }

        .hp-section02 .item p {
            margin-bottom: 0;
        }

    .hp-section02 .learn-more {
        position: relative;
        font-weight: 500;
        font-size: 16px;
        line-height: 30px;
        color: #F6F8FB;
        padding-left: 22px;
    }

        .hp-section02 .learn-more:before {
            position: absolute;
            width: 12px;
            height: 12px;
            border-radius: 50%;
            content: '';
            top: 4px;
            left: 0;
            background: #F6F8FB;
        }


.hp-section03 {
    background: #ECECEC;
}

    /* Tabs */
    .hp-section03 .tabs {
        display: flex;
        position: relative;
    }

        .hp-section03 .tabs:before {
            background: url("./images/decore03.png") 0 0 no-repeat;
            background-size: 100%;
            position: absolute;
            content: '';
            width: 288px;
            height: 183px;
            bottom: -25px;
            right: 40px;
            z-index: 9;
        }

    .hp-section03 ul#tabs-nav {
        list-style: none;
        margin: 0;
        padding: 18px 0;
        display: flex;
        flex-direction: column;
        width: 340px;
    }

        .hp-section03 ul#tabs-nav li {
            padding: 21px 120px 18px 60px;
            border-radius: 60px 0;
            cursor: pointer;
            text-align: right;
            margin-bottom: -18px;
        }

            .hp-section03 ul#tabs-nav li.active {
                background: linear-gradient(93.01deg, #FFFFFF 39.94%, rgba(255, 255, 255, 0) 98.83%);
            }

                .hp-section03 ul#tabs-nav li.active a {
                    background: linear-gradient(100.79deg, #2079ED 14.98%, #0056C6 89.57%);
                    -webkit-background-clip: text;
                    -webkit-text-fill-color: transparent;
                    background-clip: text;
                    text-fill-color: transparent;
                }


    .hp-section03 #tabs-nav li a {
        text-decoration: none;
        font-weight: 700;
        font-size: 34px;
        line-height: 44px;
        text-align: right;
        text-transform: uppercase;
        color: #092030;
    }

    .hp-section03 .tabs-content {
        width: 100%;
        max-width: 822px;
        position: relative;
        left: -68px;
    }


    .hp-section03 .tab-content {
        position: relative;
    }

    .hp-section03 .tabs-content .btn-h {
        position: absolute;
        right: -65px;
        bottom: 20px;
        z-index: 99;
    }

    .hp-section03 .tab-content .text {
        position: absolute;
        top: 0;
        margin: 35px 120px 0 70px;
        font-weight: 500;
        font-size: 26px;
        line-height: 30px;
        color: #FFFFFF;
    }

        .hp-section03 .tab-content .text p {
            margin-bottom: 0;
        }

    .hp-section03 .tab-content img {
        min-height: 310px;
        object-fit: cover;
        border-radius: 60px 0 0;
        object-position: right;
    }


    .hp-section03 .tab-content .h2 {
        font-weight: 700;
        font-size: 60px;
        line-height: 65px;
        text-transform: uppercase;
        color: #FFFFFF;
        margin-bottom: 21px;
    }

    .hp-section03 .main-holder {
        max-width: 1660px;
        position: relative;
    }

    .hp-section03 .items {
        display: flex;
        max-width: 1165px;
        margin: 0 auto;
        padding: 75px 0 190px;
        position: relative;
        z-index: 10;
        left: 5%;
    }


    .hp-section03 .main-holder:before,
    .hp-section03 .main-holder:after {
        background: url("./images/decore04.svg") 0 0 no-repeat;
        background-size: 100%;
        position: absolute;
        content: '';
        width: 537px;
        height: 490px;
        top: 0;
        left: 0;
        z-index: 9;
    }


    .hp-section03 .main-holder:after {
        right: 0;
        left: auto;
    }

.hp-section04 {
    position: relative;
    padding: 120px 0;
    background: linear-gradient(256.82deg, #092030 68.81%, #133044 100.53%);
    border-radius: 87px 0 87px 87px;
    margin-top: -80px;
    z-index: 9;
}

    .hp-section04:after {
        background: url("./images/decore05.png") 0 0 no-repeat;
        /*   background-size: 100%;*/
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        top: 30px;
        left: 0;
        opacity: 0.5;
    }

    .hp-section04 .h3 {
        font-weight: 300;
        font-size: 48px;
        line-height: 65px;
        color: #FFF;
    }

    .hp-section04 .h2 {
        font-weight: 700;
        font-size: 56px;
        line-height: 60px;
        color: #FFFFFF;
        text-transform: uppercase;
        padding-left: 55px;
    }


    .hp-section04 .items {
        position: relative;
        z-index: 1;
        margin-top: -13%;
    }

        .hp-section04 .items img {
            width: 100%;
        }

.hp-section05 .h2 {
    font-weight: 700;
    font-size: 48px;
    line-height: 70px;
    text-transform: uppercase;
    color: #092030;
    margin-bottom: 38px;
}

.hp-section05 {
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    color: #454545;
}

    .hp-section05 .items {
        display: flex;
        position: relative;
        margin-top: -83px;
    }

.text-underline {
    text-decoration: underline;
}

.hp-section05 .img-h {
    margin-left: auto;
    position: absolute;
    right: 0;
    top: -81px;
}

.hp-section05 .txt-h {
    padding: 202px 0 215px 345px;
    position: relative;
    z-index: 1;
}

.hp-section05 .btn-h {
    margin: 60px -15px 0;
    display: flex;
}

    .hp-section05 .btn-h .button {
        margin: 0 15px;
    }


.portfolio-section .item {
    display: flex;
}

    .portfolio-section .item .img-h,
    .portfolio-section .item .txt-h {
        width: 50%;
    }

.portfolio-section {
    padding-bottom: 60px;
}

    .portfolio-section .item .txt-h {
        background: linear-gradient(100.79deg, #2079ED 14.98%, #0056C6 89.57%);
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 15px;
    }

        .portfolio-section .item .txt-h .h3 {
            font-weight: 700;
            font-size: 38px;
            line-height: 49px;
            color: #FFFFFF;
            margin-bottom: 70px;
        }

    .portfolio-section .item .img-h img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        min-height: 250px;
        object-position: 25%;
    }


    .portfolio-section .item .txt-h-item {
        max-width: 500px;
    }

    .portfolio-section .items {
        margin-bottom: 80px;
    }


.section-two-columns {
    padding-bottom: 100px;
}

    .section-two-columns .h3 {
        font-weight: 500;
        font-size: 54px;
        line-height: 70px;
        color: #092030;
        margin-bottom: 45px;
    }

    .section-two-columns .items {
        display: flex;
        justify-content: space-between;
        position: relative;
    }


        .section-two-columns .items:after {
            background: #D5D5D5;
            position: absolute;
            right: 0;
            left: 0;
            height: 100%;
            width: 1px;
            content: '';
            margin: 0 auto;
        }

    .section-two-columns .item {
        width: calc(50% - 55px);
    }

    .section-two-columns p {
        font-weight: 300;
        font-size: 20px;
        line-height: 36px;
        color: #092030;
        margin-bottom: 0;
    }

.section-one-column {
    padding-bottom: 60px;
}

    .section-one-column .h3 {
        font-weight: 500;
        font-size: 54px;
        line-height: 70px;
        color: #092030;
        margin-bottom: 45px;
    }

    .section-one-column .item {
        max-width: 1000px;
        margin: 0 auto;
        text-align: center;
        font-weight: 300;
        font-size: 20px;
        line-height: 36px;
        color: #092030;
        position: relative;
        z-index: 11;
    }


.services-section02 {
    position: relative;
    background: linear-gradient(100.79deg, #2079ED 14.98%, #0056C6 89.57%);
    min-height: 500px;
    color: #F6F8FB;
    font-weight: 300;
    font-size: 18px;
    line-height: 30px;
    padding: 45px 0 10px;
}

    .services-section02 .items {
        display: flex;
        flex-wrap: wrap;
        /*    margin: 0 -40px;*/
        justify-content: space-between;
        position: relative;
    }

        .services-section02 .items:before {
            background: url("./images/decore02.png") 0 0 no-repeat;
            background-size: 100%;
            position: absolute;
            content: '';
            width: 607px;
            height: 315px;
            bottom: 60px;
            right: 0;
            z-index: 9;
        }


    .services-section02 .item {
        width: calc(33.33% - 20px);
        margin-bottom: 30px;
        padding: 32px 40px;
        border: 1px solid #f6f8fb73;
        position: relative;
        min-height: 420px;
    }

        .services-section02 .item:nth-child(4),
        .services-section02 .item:nth-child(5) {
            width: calc(50% - 20px);
            min-height: 288px;
        }


        .services-section02.item .h2 {
            font-weight: 500;
            font-size: 60px;
            line-height: 72px;
            color: #F6F8FB;
        }

        .services-section02 .item .h3 {
            font-weight: 700;
            font-size: 30px;
            line-height: 39px;
            color: #F6F8FB;
            min-height: 78px;
            margin-bottom: 24px;
        }

        .services-section02 .item p {
            margin-bottom: 0;
        }

        .services-section02 .item img {
            position: absolute;
            bottom: 0;
            right: 0;
        }


.services-section03 {
    position: relative;
    padding: 76px 0 135px;
    background: #ECECEC;
    overflow: hidden;
}

    .services-section03:after {
        background: url(./images/decore04.svg) 0 0 no-repeat;
        background-size: 100%;
        position: absolute;
        content: '';
        width: 803px;
        height: 733px;
        bottom: 0;
        right: 0;
        z-index: 9;
    }

    .services-section03 .h2 {
        font-weight: 500;
        font-size: 46px;
        line-height: 60px;
        color: #092030;
        margin-bottom: 45px;
    }

    .services-section03 .item {
        max-width: 800px;
        margin: 0 auto;
        text-align: center;
        font-weight: 300;
        font-size: 20px;
        line-height: 36px;
        color: #092030;
        position: relative;
        z-index: 11;
    }


.services-section05 {
    background: linear-gradient(100.79deg, #2079ED 14.98%, #0056C6 89.57%);
    padding: 183px 0 100px;
    margin-top: -80px;
}

    .services-section05 .items {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .services-section05 .h2 {
        font-weight: 500;
        font-size: 36px;
        line-height: 47px;
        color: #fff;
    }


.about-section01 .items {
    display: flex;
    margin: 0 -40px;
    align-items: flex-start;
}

.about-section01 .txt-h {
    padding: 0 40px;
    width: 100%;
    max-width: 940px;
    font-weight: 300;
    font-size: 18px;
    line-height: 32px;
    color: #092030;
}


.about-section01 .img-h {
    width: 100%;
    max-width: 480px;
    padding: 0 40px 40px;
    position: relative;
}

    .about-section01 .img-h:after {
        width: 280px;
        height: 280px;
        background: linear-gradient(100.79deg, #2079ED 14.98%, #0056C6 89.57%);
        position: absolute;
        bottom: 0;
        right: 0;
        content: '';
    }

    .about-section01 .img-h img {
        position: relative;
        z-index: 1;
    }

.about-section01 .h3 {
    font-weight: 700;
    font-size: 46px;
    line-height: 60px;
    color: #092030;
    margin-bottom: 45px;
}


.about-section01 ol {
    max-width: 700px;
    margin: 8px 0 0;
}

    .about-section01 ol li {
        margin-bottom: 14px;
    }

.about-section02 {
    background: url("./images/bg-about03.jpg") 0 0 no-repeat;
    padding: 100px 0;
    background-size: cover;
    font-weight: 300;
    font-size: 20px;
    line-height: 36px;
    color: #FFFFFF;
}

    .about-section02 .h3 {
        font-weight: 700;
        font-size: 46px;
        line-height: 60px;
        color: #FFFFFF;
        margin-bottom: 45px;
    }

    .about-section02 .item {
        max-width: 830px;
    }


.about-section03 {
    padding: 40px 0 100px;
}


    .about-section03 .items {
        display: flex;
        margin: 0 -40px;
        justify-content: space-between;
    }

    .about-section03 .txt-h {
        padding: 40px 40px 0;
        width: 100%;
        max-width: 825px;
        font-weight: 300;
        font-size: 18px;
        line-height: 32px;
        color: #092030;
    }


    .about-section03 .img-h {
        width: 100%;
        max-width: 480px;
        padding: 40px 40px 0;
        position: relative;
        margin-left: 10%;
    }

        .about-section03 .img-h:after {
            width: 280px;
            height: 280px;
            background: linear-gradient(100.79deg, #2079ED 14.98%, #0056C6 89.57%);
            position: absolute;
            top: 0;
            left: 0;
            content: '';
        }

        .about-section03 .img-h img {
            position: relative;
            z-index: 1;
        }


    .about-section03 .h4 {
        font-weight: 700;
        font-size: 38px;
        line-height: 49px;
        color: #092030;
        margin-bottom: 45px;
    }


    .about-section03 .tabs ul {
        padding: 0;
        list-style: none;
        display: flex;
        border-bottom: 3px solid rgba(15, 36, 53, 0.2);
        overflow: auto;
        overflow-y: hidden;
    }

        .about-section03 .tabs ul li {
            padding: 0 23px 0 0;
        }

            .about-section03 .tabs ul li a {
                font-weight: 700;
                font-size: 18px;
                line-height: 36px;
                text-transform: uppercase;
                color: #092030;
                text-decoration: none;
                position: relative;
            }

                .about-section03 .tabs ul li a:after {
                    width: 100%;
                    height: 3px;
                    background: transparent;
                    content: '';
                    bottom: -7px;
                    left: 0;
                    position: absolute;
                }

            .about-section03 .tabs ul li.active a:after {
                background: #0F2435;
            }


    .about-section03 .tabs-content .tab_content {
        -webkit-transition: all .9s ease;
        -o-transition: all .9s ease;
        transition: all .9s ease;
        display: none;
    }

        .about-section03 .tabs-content .tab_content.active {
            display: block;
        }


.about-section04 {
    font-weight: 300;
    font-size: 20px;
    line-height: 36px;
    color: #092030;
    background: #fff;
}

    .about-section04 .main-holder {
        position: relative;
        padding: 100px 0;
    }

    .about-section04 .h5 {
        font-weight: 300;
        font-size: 38px;
        line-height: 49px;
        color: #092030;
        margin-bottom: 45px;
    }


    .about-section04 .main-holder:before,
    .about-section04 .main-holder:after {
        background: url("./images/qoutes.png") 0 0 no-repeat;
        background-size: 100%;
        position: absolute;
        content: '';
        width: 546px;
        height: 357px;
        top: 0;
        left: -10%;
        z-index: 9;
    }


    .about-section04 .main-holder:after {
        right: -3%;
        left: auto;
        transform: rotate(180deg)
    }

    .about-section04 .item {
        position: relative;
        z-index: 99;
        max-width: 810px;
        padding: 0 15px;
    }

    .about-section04 blockquote {
        position: relative;
        padding: 0 40px;
        display: inline-block;
    }


        .about-section04 blockquote:after,
        .about-section04 blockquote:before {
            position: absolute;
            top: 0;
            content: '“';
            left: 0;
            font-weight: 300;
            font-size: 64px;
            line-height: 36px;
            color: #092030;
        }


        .about-section04 blockquote:after {
            top: auto;
            content: '”';
            left: auto;
            bottom: -30px;
            right: 0;
        }


.about-section05 {
    padding: 55px 0 0;
}

    .about-section05 h6 {
        font-weight: 500;
        font-size: 36px;
        line-height: 47px;
        color: #092030;
        margin-bottom: 40px;
    }

    .about-section05 .items {
        background: linear-gradient(100.79deg, #2079ED 14.98%, #0056C6 89.57%);
        padding-top: 50px;
        margin-bottom: 20px;
    }

        .about-section05 .items img {
            width: 100%;
            min-height: 231px;
            object-fit: cover;
        }


    .about-section05 .slick-arrow {
        cursor: pointer;
        border: 0;
        margin: 0;
        padding: 0;
        font-size: 0;
        position: absolute;
        z-index: 10;
        top: 0;
        width: 74px;
        height: 50px;
        text-align: center;
        background: transparent;
    }

        .about-section05 .slick-arrow:before {
            font-family: 'icomoon';
            font-size: 14px;
            line-height: 20px;
        }

    .about-section05 .slick-prev {
        left: 270px;
        background: linear-gradient(100.79deg, #2079ED 14.98%, #0056C6 89.57%);
        transform: matrix(-1, 0, 0, 1, 0, 0);
    }

    .about-section05 .slick-next {
        right: 270px;
        background: linear-gradient(100.79deg, #085ECF 14.98%, #2079ED 86.07%);
        top: 25px;
    }

    .about-section05 .slick-prev:before {
        content: "\e91a";
        opacity: 1;
    }

    .about-section05 .slick-next:before {
        content: "\e91a";
        transform: scale(-1, 1);
        opacity: 1;
    }


*[class*=hp-icon] {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 135px;
    height: 135px;
    border: 2px solid #4285F4;
    border-radius: 50%;
}

    *[class*=hp-icon]:before,
    *[class*=hp-icon]:after {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        text-align: center;
    }

    *[class*=hp-icon]:after {
        content: "";
        width: 115px;
        height: 115px;
        border-radius: 50%;
        background: #4285F4;
    }

    *[class*=hp-icon]:before {
        font-size: 48px;
        line-height: 48px;
        width: 48px;
        height: 48px;
        color: #F6F8FB;
        z-index: 1;
    }


.footer-main {
    position: relative;
    background: #f3f3f3;
    background: linear-gradient(94.93deg, #D7D7D7 11.26%, #F1F1F1 71.56%);
    color: #717171;
}

    .footer-main:after {
        background: linear-gradient(100.79deg, #2079ED 14.98%, #0056C6 89.57%);
        transform: matrix(1, 0, 0, -1, 0, 0);
        height: 25px;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        content: '';
    }

    .footer-main h4 {
        font-weight: 600;
        font-size: 24px;
        line-height: 35px;
        color: #1F2126;
        margin-bottom: 30px;
    }

    .footer-main .more-info {
        width: 30%;
    }

    .footer-main .social {
        margin-top: 50px;
    }


.footer-content {
    position: relative;
    padding: 100px 0 30px;
}

.footer-row {
    display: flex;
    justify-content: space-between;
}

.footer-nav {
    font: 600 16px/21px 'IBM Plex San', sans-serif;
    width: 20%;
}

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

    .footer-nav > ul {
        display: flex;
        margin: 0 -15px;
        width: 450px;
        justify-content: space-between;
    }

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

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

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

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

    .footer-nav > ul > li > a {
        display: inline-block;
        vertical-align: top;
        color: #1F2126;
    }

.footer-text {
    font-weight: 300;
    font-size: 13px;
    line-height: 17px;
    color: #767676;
}

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

.social {
    font-size: 0;
}

    .social a {
        display: inline-block;
        vertical-align: top;
        position: relative;
        background: linear-gradient(100.79deg, #2079ED 14.98%, #0056C6 89.57%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        width: 50px;
        height: 50px;
        line-height: 44px;
        text-decoration: none;
        text-align: center;
    }

        .social a:before {
            font-family: 'icomoon';
            font-size: 20px;
        }

    .social .fb:before {
        content: "\e91e";
        font-size: 22px;
    }

    .social .tw:before {
        content: "\e91d";
        font-size: 18px;
    }

    .social .in:before {
        content: "\e91f";
    }

    .social .viber:before {
        content: "\e920";
        font-size: 22px;
    }

    .social .inst:before {
        content: "\e91b";
        font-size: 22px;
    }

    .social .youtube:before {
        content: "\e91c";
        font-size: 14px;
    }


/* popups */
.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: #F6F8FB;
    margin: 15px;
    padding: 80px 15px 60px;
    text-align: center;
    box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.75);
    width: 550px;
}


    .popup-main:after {
        background: linear-gradient(100.79deg, #2079ED 14.98%, #0056C6 89.57%);
        transform: matrix(1, 0, 0, -1, 0, 0);
        height: 30px;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        content: '';
    }

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

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


.popup .h2 {
    font-weight: 600;
    font-size: 26px;
    line-height: 35px;
    color: #092030;
    margin-bottom: 15px;
}

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

    .popup .close:before {
        display: inline-block;
        vertical-align: top;
        content: "\e908";
        font-family: 'icomoon';
        transition: all 0.5s ease;
        -webkit-transition: all 0.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);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}

/* .popup.out-of-window .close,
.popup.left-aligned-popup .close{
	right: 5px;
	top: 5px;
} */
.popup.left-aligned-popup {
    height: auto !important;
}

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

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

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

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

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

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

.validation-summary-errors {
    color: #f00;
}

/* Slider */
.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 styles */
.rtl-page #wrapper {
    direction: rtl;
}

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

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

/* auxiliary */
.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;
}

/* grid */
.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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.rtl-page .form .radio-check.el-block {
    margin-right: 0;
    margin-left: 0;
}

.rtl-page .form .radio-check .error {
    margin: 0 -35px 0 0;
}

.rtl-page .form .radio-check2 .error {
    margin: 0 0 0 -35px;
}

.rtl-page .form .radio-check .radio,
.rtl-page .form .radio-check .checker,
.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 .radio,
.rtl-page .form .radio-check2 .checker,
.rtl-page .form .radio-check2 input[type=radio],
.rtl-page .form .radio-check2 input[type=checkbox] {
    right: auto;
    left: 0;
}

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

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

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

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

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

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

/* icons */
/* .icon-angle-l:before {
  content: "\e900";
}
.icon-angle-r:before {
  content: "\e901";
}
.icon-angle-dbl-l:before {
  content: "\e904";
}
.icon-angle-dbl-r:before {
  content: "\e905";
} */

/* elements */
.rtl-page .header-panel .item {
    margin: 0 25px 0 0;
}

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

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

    .rtl-page .header-panel .drop:before {
        right: auto;
        left: 15px;
    }

.rtl-page .header-panel .link.arrow > span {
    padding: 0 0 0 10px;
}

    .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 .login-panel .drop:before {
    right: auto;
    left: 40px;
}

.rtl-page .header-panel .lang-panel .drop {
    right: auto;
    left: -10px;
}

    .rtl-page .header-panel .lang-panel .drop:before {
        right: auto;
        left: 20px;
    }

    .rtl-page .header-panel .lang-panel .lng img,
    .rtl-page .header-panel .lang-panel .drop img {
        float: right;
        margin: 0 0 0 8px;
    }

/* nav */
.rtl-page #nav ul li a {
    padding: 10px 20px 10px 30px;
}

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

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

    .rtl-page #nav .drop:before {
        left: auto;
        right: 20px;
    }

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

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

    .rtl-page #nav > ul > li.right-drop .drop:before,
    .rtl-page #nav > ul > li:last-child .drop:before {
        right: auto;
        left: 20px;
    }

    .rtl-page #nav > ul > li.right-drop .drop .drop,
    .rtl-page #nav > ul > li:last-child .drop .drop {
        right: auto;
        left: 100%;
    }

.rtl-page #nav .drop ul li a.has-drop-down:after {
    right: auto;
    left: 15px;
    content: "\e900";
}

/* .rtl-page #nav ul li.right-drop .drop ul li a.has-drop-down:after{
	left: auto;
	right: 15px;
} */


/* mb-control */
.rtl-page .mb-control {
    margin: 0 20px 0 0;
}

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

.rtl-page .mb-nav ul li a {
    padding: 12px 50px 12px 40px;
}

.rtl-page .mb-nav > ul > li > a {
    padding: 12px 0 12px 40px;
}

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

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

.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 .lang-nav ul li a img {
    margin: 0 0 0 10px;
}


/* list */
.rtl-page .list li {
    padding: 0 20px 0 0;
}

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

/* all */

.rtl-page .image-position01 {
    margin-left: 0;
    margin-right: 30px;
}

.rtl-page .tabs-style01 li {
    border-width: 0 1px 0 0;
}

.rtl-pgae .tabs-style01 li:first-child a {
    border-radius: 0 10px 0 0;
}

.rtl-page .tabs-style01 li:last-child a {
    border-radius: 10px 0 0 0;
}


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

.rtl-page .paging ul li a.previous:after {
    content: "\e901";
}

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

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

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

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

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

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


.rtl-page .page-contactus .item .social > * {
    margin-right: 0;
    margin-left: 25px;
}

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

.rtl-page .quote__grid .quote {
    padding: 16px 15px 16px 0;
}

    .rtl-page .quote__grid .quote > span,
    .rtl-page .quote__grid .quotes-header span {
        float: right;
    }

    .rtl-page .quote__grid .quote .q-image {
        margin: 0 0 0 1%;
    }

    .rtl-page .quote__grid .quote .q-arrow {
        margin: 0 0 0 1%;
    }

/* home */
/* banners */
.rtl-page .owl-carousel .owl-nav .owl-prev {
    left: auto;
    right: 50%;
    margin-left: 0;
    margin-right: -860px;
}

.rtl-page .owl-carousel .owl-nav .owl-next {
    right: auto;
    left: 50%;
    margin-right: 0;
    margin-left: -860px;
}


/* footer */
.rtl-page .footer-main:before {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
}

.rtl-page .footer-row .social {
    margin: 0 15px 0 0;
}


/* popups */
.rtl-page .popup {
    direction: rtl;
}

    .rtl-page .popup .close {
        left: auto;
        right: 5px;
    }

/*extra margins*/
/*top*/
.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;
}

/*bottom*/
.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;
}

/*left*/
.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;
}

/*right*/
.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 queries */
/* grid */
@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: 1199px) {
    .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 (min-width: 1200px) {
    .mb-drop {
        display: none !important;
    }
}

@media only screen and (max-width: 1800px) {

    #map {
        height: 632px;
    }

    .hp-section05 .img-h {
        right: -18%;
    }
}

@media only screen and (max-width: 1370px) {
    .about-section05 .slick-prev {
        left: 200px;
    }

    .about-section05 .slick-next {
        right: 200px;
    }

    .page-contactus .details .items {
        margin-left: 0;
    }

    .about-section01 .img-h {
        margin-right: 40px;
    }

    .about-section04 .main-holder:before, .about-section04 .main-holder:after {
        width: 420px;
        height: 275px;
    }
}


@media only screen and (max-width: 1350px) {
    .hp-section01 {
        padding: 50px 0;
    }

        .hp-section01 .items {
            align-items: center;
        }

            .hp-section01 .items .txt-h {
                max-width: 510px;
                top: 0;
                width: 50%;
            }

            .hp-section01 .items .img-h {
                margin-right: -20px;
                width: 50%;
                margin-top: 0;
            }

    .hp-section03 .items {
        max-width: 1165px;
        left: 0;
    }


    .hp-section05 .txt-h {
        padding: 202px 0 215px 15px;
        position: relative;
        z-index: 1;
    }
}


@media only screen and (max-width: 1200px) {
    .hp-section02:before {
        width: 210px;
        height: 195px;
        top: -80px;
    }

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

    .logo-holder {
        padding: 0 15px;
    }

    .header-panel,
    .nav-panel {
        display: none;
    }

    .mb-header {
        display: block;
    }

    .content-holder {
        display: block;
    }

    #sidebar {
        display: none;
    }


    .footer-main:before {
        height: 75px;
    }

    .footer-content {
        padding: 120px 0 0;
    }

    .hp-section04 .items {
        margin-top: -4%;
    }

    .hp-section02 .item {
        width: 50%;
        max-width: 100%;
    }

    .logo a {
        width: 226px;
        height: 50px;
    }

    .extra-panel {
        width: 70px;
    }

    .carousel {
        padding-left: 70px;
    }

    .home-page .logo-holder {
        padding: 5px 15px 0 15px;
        height: 74px;
    }


    .home-page .left-item-header {
        border-bottom: 0;
        padding-bottom: 0;
    }

    .footer-nav {
        width: 40%;
    }

    .social a {
        width: 45px;
        height: 45px;
    }

    .nav-drop {
        top: 0;
    }

        .nav-drop:after {
            background: linear-gradient(100.79deg, #2079ED 14.98%, #0056C6 89.57%);
            position: absolute;
            height: 8px;
            width: 100%;
            content: '';
            top: 0;
            left: 0;
        }

    .mb-drop .inner {
        padding: 40px;
        max-height: calc(100vh - 60px);
    }

    .services-section02 .item {
        padding: 12px 20px;
    }
}

@media only screen and (max-width: 1000px) {
    .about-section04 .main-holder:before, .about-section04 .main-holder:after {
        width: 300px;
        height: 195px;
        left: 0;
    }

    .about-section04 .main-holder:after {
        right: 0;
        bottom: 0;
        top: auto;
        left: auto;
    }

    .hp-section01 .items {
        flex-direction: column;
    }

        .hp-section01 .items .txt-h {
            max-width: 100%;
            width: 100%;
        }

        .hp-section01 .items .img-h {
            margin-right: 0;
            width: 100%;
            text-align: center;
        }


    .about-section05 .slick-prev {
        left: 100px;
    }

    .about-section05 .slick-next {
        right: 100px;
    }

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


    .logo-holder {
        height: 74px;
    }

        .logo-holder:before {
            content: none
        }


    .mb-nav > ul > li > a {
        font: 500 28px/38px 'IBM Plex San', sans-serif;
        padding: 8px 0;
    }

    .mb-nav > ul {
        margin-bottom: 50px;
    }

    .form .ta-center-md .buttonset .button,
    .form .button-row.ta-center-md .button,
    .rtl-page .form .ta-center-md .buttonset .button,
    .rtl-page .form .button-row.ta-center-md .button {
        float: none;
        margin: 10px 0 0;
    }

    .carousel .owl-carousel .slide {
        height: 550px;
    }

    .footer-main:before {
        height: 60px;
    }

    .footer-content {
        padding: 60px 0 0;
    }

    .page-contactus form:after {
        right: 0;
    }

    .page-contactus .form-hold:after {
        width: 100px;
    }

    .hp-section03 ul#tabs-nav {
        width: 270px;
    }

    .hp-section03 #tabs-nav li a {
        font-size: 25px;
        line-height: 35px;
        text-align: left;
    }

    .hp-section03 ul#tabs-nav li {
        padding: 21px 85px 10px 36px;
        text-align: left;
    }

    .hp-section03 .tab-content .text {
        margin: 30px 220px 0 25px;
        font-size: 18px;
        line-height: 25px;
    }

    .hp-section03 .tab-content .h2 {
        font-size: 40px;
        line-height: 54px;
        margin-bottom: 15px;
    }

    .hp-section03 .tab-content img {
        min-height: 260px;
    }

    .hp-section03 .tabs:before {
        bottom: -40px;
        right: 0;
    }

    .hp-section03 .tabs-content .btn-h {
        right: 107px;
        bottom: -12px;
    }

    .hp-section03 .tabs-content {
        left: 0;
    }

    .hp-section03 .main-holder:before, .hp-section03 .main-holder:after {
        width: 320px;
        height: 292px;
    }

    .hp-section03 .items {
        padding: 75px 0 145px;
    }

    .hp-section05 .img-h {
        right: -260px;
        width: 853px;
        top: -40px;
    }

    .hp-section05 .txt-h {
        padding: 115px 0 37px 15px;
        max-width: 350px;
    }

    .hp-section05 .btn-h {
        margin: 60px -15px 0;
        flex-direction: column;
        align-items: flex-start;
    }

        .hp-section05 .btn-h .button {
            margin: 0 15px 20px;
        }

    .extra-panel {
        width: 70px;
    }

    .moveto {
        bottom: 20px;
        left: 22%;
    }

    .carousel .owl-carousel .slide .strong {
        font: 500 54px/64px 'IBM Plex San', sans-serif;
        margin-bottom: 25px;
        margin-right: 0;
    }

    .owl-carousel .owl-dots {
        bottom: 17px;
        width: calc(100% - 20px);
        padding-left: 50px;
    }

    .carousel {
        padding-left: 70px;
    }

    .footer-row {
        flex-wrap: wrap;
    }

    .footer-main .logo-footer {
        width: 100%;
        margin-bottom: 35px;
    }

    .footer-main .more-info {
        width: 40%;
    }

    main {
        padding: 50px 0 10px;
    }

    .style-head {
        font-size: 54px;
        line-height: 65px;
        padding-bottom: 17px;
        margin-bottom: 28px;
    }

    .section-one-column .h3,
    .section-two-columns .h3 {
        font-size: 45px;
        line-height: 57px;
        margin-bottom: 30px;
    }

    .section-one-column {
        padding-bottom: 30px;
    }

    .about-section01 .h3 {
        font-size: 40px;
        line-height: 46px;
    }

    .about-section01 .txt-h {
        padding: 0 15px;
    }

    .about-section01 .img-h {
        padding: 0 25px 25px;
        margin-right: 15px;
        position: relative;
    }

    .about-section01 .items {
        margin: 0 -15px;
    }


    .about-section03 .txt-h {
        padding: 40px 15px 0;
    }

    .about-section03 .img-h {
        padding: 25px 25px 0;
        margin: 0 auto;
    }

    .about-section03 .h4 {
        font-size: 33px;
        line-height: 44px;
        margin-bottom: 35px;
    }

    .about-section03 .items {
        margin: 0 -15px;
        flex-direction: column;
    }

    .portfolio-section .item .txt-h .h3 {
        font-size: 30px;
        line-height: 39px;
        margin-bottom: 45px;
    }
}

@media only screen and (max-width: 767px) {
    .popup-main {
        width: auto;
    }

    .paging ul li a.previous {
        margin-right: 20px;
    }

    .paging ul li a.next {
        margin-left: 20px;
    }

    .portfolio-section .item {
        flex-direction: column;
    }

        .portfolio-section .item .img-h, .portfolio-section .item .txt-h {
            width: 100%;
        }

        .portfolio-section .item .img-h {
            order: 0;
        }

        .portfolio-section .item .txt-h {
            order: 1;
            padding: 50px 15px;
            justify-content: flex-start;
        }


    .services-section02 .item {
        width: 100%;
        margin-bottom: 20px;
        min-height: 330px;
    }

        .services-section02 .item img {
            width: 60%;
        }

        .services-section02 .item .h3 {
            min-height: 10px;
        }

        .services-section02 .item:nth-child(4), .services-section02 .item:nth-child(5) {
            width: 100%;
            min-height: 330px;
        }


    .about-section04 .h5 {
        font-size: 33px;
        line-height: 44px;
        margin-bottom: 35px;
    }

    .hp-section04 .items {
        margin-top: -8%;
        margin-right: -15px;
        margin-left: -15px;
    }

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

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

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

    body {
        font-size: 15px;
        line-height: 22px;
    }


    p {
        margin-bottom: 20px;
    }


    .home-page main {
        padding: 0;
    }

    .breadcrumbs {
        top: 20px;
    }

        .breadcrumbs ul li {
            font: 14px/18px 'IBM Plex San', sans-serif;
        }


    .image-position01,
    .rtl-page .image-position01 {
        margin-bottom: 39px;
        margin-left: 0;
        margin-right: 0;
    }

    .list li {
        margin: 0 0 7px;
    }

        .list li ul {
            margin-top: 7px;
        }

    .more {
        font-size: 16px;
        line-height: 20px;
    }

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

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

    .form .formitems {
        margin: 0 -5px 0 0;
    }

    .form .formitem {
        padding-right: 5px;
    }

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

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

    .form .custom-col-1 {
        width: 90px;
    }

    .form .custom-col-2 {
        width: 180px;
    }

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

    .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 150px;
    }

    .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 150px 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 150px;
    }

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

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

    .form .formset,
    .form .buttonset {
        width: 100%;
    }

    .form label {
        font-size: 15px;
        line-height: 22px;
    }

    .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 {
        font-size: 15px;
        padding-left: 15px;
        padding-right: 15px;
    }

        .form .selector span:after {
            right: 15px;
        }

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

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

    .form textarea {
        height: 130px;
        max-height: 130px;
    }

    .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: 10px 0 0;
    }

    .tabs-style01 {
        font-size: 14px;
        overflow: auto;
        margin-right: -15px;
        margin-bottom: 30px;
    }

        .tabs-style01 li a {
            min-width: 128px;
            padding: 7px 5px;
        }

    .rtl-page .tabs-style01 {
        margin-right: 0;
        margin-left: -15px;
    }

    .page-contactus {
        display: block;
    }


    #map {
        height: 710px;
    }

    .page-contactus .details .items {
        top: 20px;
        margin-left: 0;
        width: calc(100% - 30px);
        padding: 27px 18px 27px 35px;
    }

    .page-account h1 {
        font: 700 16px/24px 'IBM Plex San', sans-serif;
        margin-bottom: 15px;
    }


    .carousel .owl-carousel .slide {
        height: 670px;
    }


    *[class*=hp-icon] {
        width: 74px;
        height: 74px;
    }

        *[class*=hp-icon]:after {
            width: 60px;
            height: 60px;
        }

        *[class*=hp-icon]:before {
            font-size: 30px;
            line-height: 30px;
            width: 30px;
            height: 30px;
            color: #F6F8FB;
            z-index: 1;
        }

    .footer-row {
        padding: 25px 0 10px;
    }

    .footer-text {
        padding: 25px 0;
        line-height: 22px
    }

    .hp-section02 .item .h2 {
        font-size: 45px;
        line-height: 50px;
    }

    .hp-section02 .item .h3 {
        font-size: 26px;
        line-height: 33px;
        min-height: auto;
        margin-bottom: 10px;
    }

    .hp-section02 .item {
        font-size: 14px;
        line-height: 23px;
        margin-bottom: 50px;
    }


    .hp-section03 ul#tabs-nav {
        width: 175px;
    }

    .hp-section03 .main-holder {
        padding: 0;
    }

    .hp-section03 ul#tabs-nav li {
        padding: 21px 15px 10px 25px;
    }

    .hp-section03 .tabs:before {
        width: 189px;
        height: 120px;
        bottom: -55px;
        right: 0;
    }

    .hp-section03 .tab-content .text {
        margin: 25px 0 0 25px;
        font-size: 16px;
        line-height: 24px;
    }

    .hp-section03 .tabs-content .btn-h {
        right: 45px;
        bottom: -20px;
    }

    .hp-section03 .tab-content .h2 {
        font-size: 22px;
        line-height: 35px;
    }

    .hp-section03 .tab-content img {
        border-radius: 35px 0 0;
    }

    .hp-section03 .main-holder:before, .hp-section03 .main-holder:after {
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .hp-section03 .items {
        padding: 60px 0 200px;
    }

    .hp-section03 .main-holder:after {
        bottom: -100px;
        top: auto;
    }

    .hp-section04 {
        padding: 90px 0 60px;
        border-radius: 50px 0 50px 50px;
        margin-top: -80px;
        z-index: 9;
    }

    .hp-section05 .img-h {
        position: relative;
        top: -124px;
        right: 50px;
        margin-bottom: -124px;
    }

    .hp-section05 .items {
        flex-direction: column;
    }

    .hp-section05 .txt-h {
        max-width: 100%;
        background: #fff;
        border-radius: 0 0 50px;
    }

    .hp-section05 {
        background: #fff;
    }

    .footer-nav,
    .footer-main .more-info {
        width: 100%;
        margin-bottom: 45px;
    }

    .section-two-columns .item {
        width: 100%;
        margin-bottom: 20px;
    }

        .section-two-columns .item:last-of-type {
            margin-bottom: 0;
        }

    .section-two-columns .items {
        flex-direction: column;
    }

        .section-two-columns .items:after {
            display: none;
        }

    .section-two-columns {
        padding-bottom: 45px;
    }

    .about-section01 .items {
        flex-direction: column;
    }

    .about-section01 .img-h {
        margin: 25px auto 0;
    }

    .services-section03:after {
        width: 590px;
        height: 585px;
    }
}


@media only screen and (max-width: 479px) {
    .portfolio-section .item .txt-h .h3 {
        margin-bottom: 30px;
    }

    .hp-section04 {
        padding: 60px 0 60px;
    }

    .services-section02 {
        padding: 20px 0 10px;
    }

    .services-section05 .items {
        align-items: flex-start;
        flex-direction: column;
        padding: 0 20px;
    }

    .services-section05 .h2 {
        font-size: 30px;
        line-height: 39px;
        margin-bottom: 32px;
    }

    .services-section05 {
        padding: 130px 0 60px;
    }


    .services-section03:after {
        width: 100%;
        height: 100%;
        bottom: 40px;
        right: 0;
        left: 0;
        margin: auto;
    }

    .services-section03 {
        padding: 50px 0 120px;
    }

        .services-section03 .h2 {
            font-size: 36px;
            line-height: 47px;
            margin-bottom: 15px;
        }


    .about-section04 .h5 {
        font-size: 30px;
        line-height: 39px;
        margin-bottom: 20px;
    }

    .about-section04 .main-holder {
        padding: 75px 0;
    }

        .about-section04 .main-holder:before, .about-section04 .main-holder:after {
            width: 194px;
            height: 127px;
            left: -30px;
        }

        .about-section04 .main-holder:after {
            right: -30px;
            bottom: 0;
            top: auto;
            left: auto;
        }

    .about-section05 h6 {
        font-size: 26px;
        line-height: 37px;
        margin-bottom: 25px;
    }

    .about-section05 {
        padding: 40px 0 0;
    }

    .hp-section04 .h2 {
        font-size: 46px;
        line-height: 70px;
    }

    .hp-section04 .h3 {
        font-size: 36px;
        line-height: 45px;
    }

    .hp-section01 {
        padding: 35px 0;
    }

        .hp-section01 .items .txt-h .h2 {
            font-size: 26px;
            line-height: 34px;
            margin-bottom: 19px;
        }

        .hp-section01 .items {
            font-size: 14px;
            line-height: 20px;
        }


    .about-section05 .slick-prev {
        left: 0;
    }

    .about-section05 .slick-next {
        right: 0;
    }

    .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: 10px 0 0;
    }

    .page-contactus .details .items {
        display: block;
    }


    .page-contactus .item .dt {
        width: auto;
    }


    .rates-grid-tabs {
        margin-bottom: 70px;
    }

    .quote__grid .quote {
        font-size: 12px
    }

    .rates-grid-tabs .tabset {
        font-size: 11px;
        padding: 14px 15px;
    }

        .rates-grid-tabs .tabset li a {
            height: 23px;
            border-radius: 10px;
        }

    .quote__grid .quotes-header {
        font-size: 11px;
    }


    .footer-content {
        padding: 30px 0 0;
    }

    .footer-main:before {
        height: 22px;
    }

    .footer-text {
        padding: 0 0 15px;
    }

    .footer-row {
        display: block;
    }

    .page-contactus .form-hold:after {
        width: 100px;
        right: -193px;
    }

    .page-contactus .form-hold:before {
        width: 132px;
        height: 120px;
        top: -35px;
    }


    .page-contactus .form-hold {
        padding: 87px 0 40px;
    }

        .page-contactus .form-hold .h3 {
            font-size: 36px;
            line-height: 42px;
            margin-bottom: 30px;
        }

    .hp-section02 .item {
        width: 100%;
        margin-bottom: 30px;
        padding: 0 20px;
    }

    .hp-section02:before {
        width: 132px;
        height: 120px;
        top: -17px;
    }

    .hp-section02 {
        margin-top: 0;
    }

        .hp-section02 .items {
            margin: 0;
        }

            .hp-section02 .items:before {
                width: 440px;
                height: 230px;
                bottom: 0;
                top: 0;
                left: 0;
                right: 0;
                margin: auto;
            }

    .hp-section03 #tabs-nav li a {
        font-size: 18px;
        line-height: 27px;
    }

    .hp-section05 .img-h {
        top: -78px;
        right: 50px;
        margin-bottom: -78px;
        width: 533px;
    }

    .hp-section05 .txt-h {
        text-align: center;
    }

    .hp-section05 .h2 {
        font-size: 36px;
        line-height: 50px;
        margin-bottom: 20px;
    }

    .hp-section05 {
        font-size: 18px;
        line-height: 30px;
    }

        .hp-section05 .txt-h {
            padding: 125px 10px 37px 10px;
        }

            .hp-section05 .txt-h p:last-of-type {
                font-size: 14px;
            }

        .hp-section05 .btn-h {
            margin: 45px auto 0;
            max-width: 250px;
        }

    .carousel .owl-carousel .slide {
        height: 370px;
        padding-top: 50px;
    }

        .carousel .owl-carousel .slide .strong {
            font: 500 28px/33px 'IBM Plex San', sans-serif;
            margin-bottom: 8px;
        }

        .carousel .owl-carousel .slide p {
            font-size: 14px;
            line-height: 25px;
        }

        .carousel .owl-carousel .slide .buttons {
            padding-top: 0;
        }

        .carousel .owl-carousel .slide .text {
            text-align: left;
        }

        .carousel .owl-carousel .slide .text {
            padding: 15px;
        }

    .logo {
        position: relative;
        margin: 0;
    }

    .moveto {
        font-size: 11px;
        line-height: 36px;
        bottom: 20px;
        left: 10%;
        width: 120px;
    }

        .moveto span {
            padding: 0 40px 0 0;
        }

    .footer-nav > ul {
        width: 100%;
    }

    .footer-nav, .footer-main .more-info {
        margin-bottom: 5px;
    }

    .footer-main h4 {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 27px;
    }


    .style-head {
        font-size: 44px;
        line-height: 57px;
        padding-bottom: 10px;
        margin-bottom: 40px;
    }

    .section-one-column .h3,
    .section-two-columns .h3 {
        font-size: 40px;
        line-height: 52px;
    }

    .about-section02 .h3 {
        font-size: 36px;
        line-height: 47px;
        margin-bottom: 35px;
    }

    .about-section02 {
        padding: 50px 0;
    }

    .about-section01 .img-h:after {
        width: 185px;
        height: 185px;
    }

    .about-section01 .h3 {
        font-size: 35px;
        line-height: 42px;
        margin-bottom: 30px;
    }

    .about-section01 .img-h {
        margin: 25px -12px 0;
    }

    .about-section03 .img-h {
        margin-left: 12px;
    }

        .about-section03 .img-h:after {
            width: 185px;
            height: 185px;
        }

    .about-section03 {
        padding: 25px 0 30px;
    }

        .about-section03 .h4 {
            font-size: 30px;
            line-height: 39px;
            margin-bottom: 25px;
        }

        .about-section03 .txt-h {
            font-size: 16px;
            line-height: 34px;
        }

    .services-section02 .items:before {
        width: 459px;
        height: 230px;
        bottom: 0;
        right: 0;
        left: 0;
        top: 0;
        margin: auto;
    }

    .hp-section04 .items {
        margin-top: -32%;
    }

    .footer-main .social {
        margin-top: 40px;
    }

    .paging ul {
        position: relative;
    }

        .paging ul li:first-of-type,
        .paging ul li:last-of-type {
            position: absolute;
            top: -55px;
            left: 0;
            right: 0;
            margin: 0 auto;
        }

        .paging ul li:first-of-type {
            left: -110px;
        }

        .paging ul li:last-of-type {
            right: -110px;
        }

    .portfolio-section .items {
        margin-bottom: 60px;
    }

    .portfolio-section {
        padding-bottom: 5px;
    }
}

@media only screen and (max-width: 360px) {
    .hp-section05 .img-h {
        top: -74px;
        right: 50px;
        margin-bottom: -74px;
        width: 512px;
    }
}