@import url(https://fonts.googleapis.com/css2?family=Almarai&display=swap);

:root {
    --blue: #22a9f7;
    --lightblue: #32a5fe;
    --darkblue: #0368a3;
}

::-webkit-scrollbar {
    width: 10px
}

::-webkit-scrollbar-track {
    background: #d8d8d8
}

::-webkit-scrollbar-thumb {
    background: #888
}

::-webkit-scrollbar-thumb:hover {
    background: #555
}

body {
    width: 100%;
    text-align: right;
    background: #f4f5f9;
    font-family: 'Almarai', sans-serif
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
ul,
span,
li,
img,
input,
button {
    font-family: 'Almarai', sans-serif !important
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.5;
    font-weight: inherit
}

.post-content-area>font>img {
    width: unset !important;
    padding: 10px
}

/*img {*/
/*    width: 100%*/
/*}*/

.post-content-area p img {
    width: unset !important;
    padding: 10px
}

p {
    line-height: 1.7;
    text-align: justify;
    font-size: 1.05em;
    font-weight: 400
}

.border-red {
    border-left: 3px solid var(--blue);
    border-radius: 12px
}

.font-12-size {
    font-size: 12px
}

h1 {
    font-size: 2.5em
}

h2 {
    font-size: 2em;
    /*line-height: 1.1*/
}

h3 {
    font-size: 1.7em;
    color: #000
}

h4 {
    color: #000
}

h5 {
    font-size: 1.12em
}

h6 {
    font-size: .9em
}

a,
button {
    display: inline-block;
    text-decoration: none;
    color: inherit;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

a:focus,
a:active,
a:hover,
button:focus,
button:active,
button:hover,
a b.light-color:hover {
    text-decoration: none;
    color: var(--blue) !important
}

b {
    font-weight: 700
}

.post-footer ul,
.header-action ul,
ul.navigation,
ul.social_top,
ul.ul-details {
    list-style: none;
    margin: 0;
    padding: 0
}

.post-footer ul>li,
.header-action ul>li,
ul.social_top li,
ul.ul-details li {
    list-style: none;
    display: inline-block;
    margin: 0;
    padding: 0
}

button {
    outline: 0;
    border: 0;
    background: #fff;
    cursor: pointer
}

.icon {
    font-size: 1.1em;
    display: inline-block;
    line-height: inherit
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    line-height: inherit
}

b.max-bold {
    font-weight: 700
}

input:focus,
textarea:focus {
    outline-color: #0C0E68
}

i {
    display: inline-block
}

::placeholder {
    color: #ccc
}

:-ms-input-placeholder {
    color: #ccc
}

::-ms-input-placeholder {
    color: #ccc
}

.phone {
    display: none
}

.desktop {
    display: block
}


p a{
    color: var(--blue) !important;
}
.row-custom {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px
}

.col-4-custom {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

@media screen and (max-width:767px) {
    .title-news {
        font-size: 21px !important
    }

    .card {
        height: auto !important;
        margin-bottom: 7% important
    }

    h1 {
        font-size: 19px
    }

    .image-news {
        width: 100%;
        height: auto
    }

    .col-4-custom {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        flex: 0 0 50%;
        max-width: 50%
    }

    .pagination {
        flex-wrap: wrap
    }

    .phone {
        display: block
    }

    .desktop {
        display: none
    }

    header .main-menu li.drop-down {
        width: 100% !important
    }
}

@media only screen and (max-width:767px) {
    header .main-menu li.drop-down {
        width: 100%
    }

    p {
        line-height: 1.4
    }

    h1 {
        font-size: 3.8em
    }

    h2 {
        font-size: 2em
    }

    h3 {
        font-size: 1.6em
    }
}

@media only screen and (max-width:575px) {
    body {
        font-size: 14px
    }

    h1 {
        font-size: 3em
    }

    h2 {
        font-size: 1.8em
    }

    h3 {
        font-size: 1.4em
    }

    h4 {
        font-size: 1.2em
    }
}

.card {
    margin-bottom: 3%
}

.image-news {
    width: 100%;
    height: auto
}

header {
    position: relative;
    z-index: 1000;
    font-weight: 600;
    font-size: .95em
}

header .top-header {
    border-bottom: 1px solid #ddd;
    font-size: 1.1em
}

header .top-header .float-left>li {
    position: relative
}

header .top-header .float-left>li:after {
    content: "";
    position: absolute;
    top: 15px;
    bottom: 15px;
    left: 0;
    width: 1px;
    background: #ccc
}

header .top-header .float-left>li:last-child:after {
    display: none
}

header .banner-area:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #000;
    opacity: .5;
    z-index: -1
}

header .logo {
    float: right
}

header .logo img {
    height: auto;
    width: 61px
}

header:after {
    content: '';
    clear: both
}
.logo{
    display: flex;
    align-items: center;
}
.site-slogin {
    float: right;
    font-size: 14px;
    margin-right: 10px;
    color: #1294f8;
    /*line-height: 61px*/
    
}

.site-slogin .logo-desc{
    font-size: 13px;
    color: #be0808;
    line-height: 0px;
    display: block;
    margin-top: 10px;
    text-align: center;
    font-weight: 700;
}

header .bottom-menu {
    padding: 17px;
    margin-top: -9px;
    background: #fff;
    color: #000;
    box-shadow: 0 4px 13px 0 rgb(0 0 0 / 5%)
}

header ul.main-menu>li>a {
    height: 100%;
    line-height: 60px;
    padding: 0 10px
}

header ul.main-menu>li>a {
    position: relative;
    color: #9B0000
}

header ul.main-menu>li>a:after {
    content: '';
    height: 3px;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: #fff;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .2s;
    transition: all .2s
}

header ul.main-menu>li:hover>a:after {
    -webkit-transform: scale(1);
    transform: scale(1)
}

header .menu-nav-icon {
    display: inline-block;
    font-size: 30px;
    line-height: 50px;
    display: none;
    cursor: pointer;
    color: #fff
}

.search {
    position: absolute;
    top: 53%;
    left: 21px;
    transform: translate(-50%, -50%);
    transition: all 1s;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    border-radius: 25px;
    border: 4px solid #fff;
    padding: 5px
}

.input-search {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 42.5px;
    line-height: 30px;
    outline: 0;
    border: 1px solid;
    display: none;
    font-size: 1em;
    border-radius: 20px;
    padding: 0 20px
}

.ion-android-search:before {
    font-size: 16px
}

.iconsearch {
    box-sizing: border-box;
    padding: 10px;
    width: 42.5px;
    height: 42.5px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    color: #9B0000;
    text-align: center;
    font-size: 1.2em;
    transition: all 1s
}

.search:hover,
.search:valid {
    width: 200px;
    cursor: pointer
}

.search:hover input,
.search:valid input {
    display: block
}

.search:hover .fa,
.search:valid .fa {
    background: #07051a;
    color: #fff
}

.buttin {
    display: none;
    position: absolute;
    top: 70px;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 20px;
    color: #fff;
    text-align: center;
    width: 100%
}

.search:valid .buttin {
    display: block
}

header .main-menu li.drop-down:hover {
    border-top: 2px solid #9B0000;
    border-bottom: 2px solid #9B0000;
    transition: 0.2s
}

header .main-menu li.drop-down {
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    position: relative;
    text-align: right;
    font-size: 17px
}

header .main-menu li.drop-down>ul.drop-down-menu {
    font-size: 1.1em;
    display: none;
    position: absolute;
    top: 60px;
    right: 0;
    left: 0;
    min-width: 180px;
    background: #0A2D8B;
    z-index: 10
}

header .main-menu li.drop-down>ul.drop-down-menu li {
    display: block;
    -webkit-transition: all .2s;
    transition: all .2s
}

header .main-menu li.drop-down>ul.drop-down-menu li>a {
    display: block;
    padding: 17px 20px
}

header .main-menu li.drop-down>ul.drop-down-menu li:hover {
    background: #0C0E68
}

header .main-menu li.drop-down>ul.drop-down-menu li:hover>a {
    color: #eee;
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px)
}

header .main-menu li i {
    margin-right: 5px;
    font-size: .85em
}

.footer_widget li {
    list-style-type: none
}

.font-size20 {
    font-size: 18px
}

header .main-menu li.drop-down a.mouseover+ul.drop-down-menu {
    display: block;
    animation: full-opacity-anim .2s forwards
}

.fixed-top {
    position: fixed !important;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

@keyframes full-opacity-anim {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.artstyle {
    padding: 2px;
    margin-top: 8px;
    font-weight: 600;
    font-size: 10px
}

@media only screen and (max-width:1200px) {
    header ul.main-menu {
        padding: 15px 0
    }

    header .main-menu li.drop-down {
        width: 100%
    }

    header ul.main-menu>li>a {
        padding: 0 15px
    }
}

@media only screen and (max-width:992px) {
    header .logo {
        min-height: 70px;
    }

    header ul.main-menu>li>a {
        padding: 0 15px
    }
}

@media only screen and (max-width:767px) {
    .pagination {
        flex-wrap: wrap
    }

    header ul.main-menu {
        padding: 0
    }

    header .logo {
        text-align: center
    }

    header .theme-logo {
        margin: 5px 0;
        width: 100%
    }

    .site-slogin {
        /*display: contents*/
    }

    header .main-menu {
        display: none;
        position: absolute;
        top: 50px;
        right: 0;
        left: 0;
        float: none;
        opacity: 0;
        z-index: 1;
        height: auto;
        text-align: right;
        background: #fff
    }

    header .main-menu.visible-menu {
        display: block;
        box-shadow: 0 4px 5px 0 rgb(0 0 0 / 40%);
        animation: full-opacity-anim .2s forwards ease
    }

    @keyframes full-opacity-anim {
        100% {
            opacity: 1
        }
    }

    header .main-menu>li {
        display: block
    }

    header ul.main-menu>li>a {
        display: block;
        height: auto;
        line-height: 1;
        padding: 20px 15px
    }

    header .menu-nav-icon {
        display: block;
        width: 20px;
        margin: auto;
        color: #9B0000;
        top: 7px;
        left: 3%;
        position: absolute
    }

    header .main-menu li.drop-down>ul.drop-down-menu {
        position: static;
        box-shadow: none
    }

    header .main-menu li.drop-down>ul.drop-down-menu li {
        border-top: 1px solid #0C0E68
    }

    header .main-menu li.drop-down>ul.drop-down-inner li:first-child {
        border-top: 1px solid #0C0E68
    }

    header .main-menu li.drop-down>ul.drop-down-menu li a {
        padding-right: 25px
    }

    header .main-menu li.drop-down>ul.drop-down-inner li a {
        padding-right: 35px
    }
}

@media only screen and (max-width:575px) {
    header ul.main-menu>li>.desktop {
        display: none
    }

    .search {
        position: relative;
        margin-top: 16px;
        height: 42px
    }

    header ul.main-menu>li>a {
        padding: 20px 15px
    }
}

@media only screen and (max-width:359px) {
    header ul.main-menu>li>.desktop {
        display: none
    }

    header .heading-wrapper {
        padding: 30px 20px 20px
    }

    header .info .icon {
        font-size: 25px
    }
}

.dplay-tbl {
    display: table;
    height: 100%;
    width: 100%
}

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

.oflow-hidden {
    overflow: hidden
}

.oflow-visible {
    overflow: visible
}

.dplay-none {
    display: none
}

.dplay-block {
    display: block
}

.dplay-inl-block {
    display: inline-block
}

.opacty-1 {
    opacity: .1
}

.opacty-2 {
    opacity: .2
}

.opacty-3 {
    opacity: .3
}

.opacty-4 {
    opacity: .4
}

.opacty-5 {
    opacity: .5
}

.opacty-6 {
    opacity: .6
}

.opacty-7 {
    opacity: .7
}

.br-2 {
    border-radius: 2px
}

.br-3 {
    border-radius: 3px
}

.card-view p img {
    /*display: none*/
}

.card-view {
    margin-top: 20px;
    overflow: hidden;
    background: #fff
}

.card {
    background: #fff !important
}

.badge1 {
    font-size: 14px;
    padding-right: 16px !important;
    padding-left: 16px !important
}

.font-20-size {
    font-size: 20px
}

.card-height {
    height: 410px
}

.font-size-31 {
    font-size: 31px
}

.post-author {
    font-weight: 700
}

.card-height2 {
    height: 280px
}

.card-height1 {
    height: 345px;
    margin-bottom: 18px
}

.font-size-12px {
    font-size: 12px
}

.badge-red {
    color: #fff;
    background-color: var(--blue)
}

.post-header-area,
.post-content-area {
    padding: 15px
}

a.badge-red:focus,
a.badge-red:hover {
    color: #fff;
    background-color: var(--blue)
}

.section-title {
    margin-bottom: 15px;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 2px solid #e0e0e0;
    position: relative
}

.section-title:after {
    position: absolute;
    bottom: -2px;
    overflow: hidden;
    width: 11%;
    height: 2px;
    right: 0;
    content: '\a0';
    background-color: var(--lightblue)
}

.news-body {
    font-weight: 700;
    margin-top: -3px
}

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

.abs-tlr {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1
}

.abs-blr {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1
}

.abs-tl {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1
}

.abs-br {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1
}

.abs-tbr {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1
}

.abs-tblr {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1
}

.z--1 {
    z-index: -1
}

.float-left {
    float: right !important
}

.float-right {
    float: left !important
}

.text-left {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.lh-20 {
    line-height: 20px
}

.lh-22 {
    line-height: 22px
}

.lh-30 {
    line-height: 30px
}

.lh-35 {
    line-height: 35px
}

.lh-40 {
    line-height: 40px
}

.font-7 {
    font-size: .7em
}

.font-75 {
    font-size: .75em
}

.font-8 {
    font-size: .8em
}

.font-85 {
    font-size: .85em
}

.font-9 {
    font-size: .9em
}

.font-11 {
    font-size: 1.1em
}

.font-12 {
    font-size: 1.2em
}

.font-13 {
    font-size: 1.3em
}

.font-14 {
    font-size: 1.4em
}

.font-20 {
    font-size: 2em
}

.t-upper {
    text-transform: uppercase;
    text-shadow: -2px 3px 20px rgba(0, 0, 0, .8)
}

.letter-big {
    font-size: 4.5em;
    line-height: 1;
    float: right;
    margin: 0 0 0 10px;
    font-weight: 700
}

@media screen and (max-width:600px) {
    .bottom-menu.responsive {
        position: relative
    }

    .topnav.responsive .icon {
        position: absolute;
        right: 0;
        top: 0
    }

    .bottom-menu.responsive a {
        float: none;
        display: block;
        text-align: left
    }
}

@media only screen and (max-width:992px) {
    .float-md-none {
        float: none !important
    }

    .text-md-center {
        text-align: center !important
    }

    .font-md-13 {
        font-size: 1.3em
    }
}

@media only screen and (max-width:767px) {
    .pagination {
        flex-wrap: wrap
    }

    .float-sm-none {
        float: none !important
    }

    .text-sm-center {
        text-align: center !important
    }

    .font-sm-13 {
        font-size: 1.3em
    }
}

.color-white {
    color: #fff
}

.color-green {
    color: #36D98A
}

.color-ash {
    color: #888
}

.color-ccc {
    color: #ccc
}

.color-grey {
    color: #ccc
}

.color-primary {
    color: #0C0E68
}

.color-black {
    color: #111
}

.color-lite-black {
    color: #888
}

.color-fb {
    color: #4270E8
}

.color-blue {
    color: var(--blue)
}

.bg-fb {
    background: #4270E8
}

.bg-twtr {
    background: #39CBF0
}

.bg-gogl {
    background: #F63F39
}

.bg-rss {
    background: #EDAA15
}

.bg-white {
    background: #fff
}

.bg-191 {
    background: #191919
}

.bg-primary {
    background: #0C0E68 !important
}

.bg-dark-primary {
    background: #050658 !important
}

.sqr-fb-20 {
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 21px;
    border-radius: 3px;
    background: #fff;
    color: #4270E8
}

.sqr-twtr-20 {
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 21px;
    border-radius: 3px;
    background: #fff;
    color: #39CBF0
}

.sqr-gogl-20 {
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 21px;
    border-radius: 3px;
    background: #fff;
    color: #F63F39
}

.sqr-rss-20 {
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 21px;
    border-radius: 3px;
    background: #fff;
    color: #EDAA15
}

.hover-video {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.hover-video:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #000;
    background: linear-gradient(-49deg, #000 0%, rgba(0, 0, 0, .4) 1000%);
    opacity: .5;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.hover-video .icon {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.hover-video .icon i {
    height: 40px;
    width: 40px;
    line-height: 36px;
    border-radius: 50px;
    border: 2px solid #fff;
    font-size: 20px;
    color: #fff;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    text-align: center;
    margin: 0 auto;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px)
}

.hover-video:focus:after,
.hover-video:hover:after {
    opacity: .2
}

.hover-video:focus,
.hover-video:hover .icon {
    -webkit-transform: translate(30%, -30%);
    transform: translate(30%, -30%)
}

.hover-video.sm .icon i {
    height: 34px;
    width: 34px;
    line-height: 31px;
    font-size: 16px;
    -webkit-transform: translateY(-17px);
    transform: translateY(-17px)
}

.hover-video.sm:focus,
.hover-video.sm:hover .icon {
    -webkit-transform: translate(20px, -20px);
    transform: translate(20px, -20px)
}

.hover-grey:focus,
.hover-grey:hover {
    color: #fff
}

.list-hover>li>a {
    position: relative
}

.list-hover>li>a:focus,
.list-hover>li>a:hover {
    padding-right: 12px;
    color: #fff
}

.list-hover>li>a:before {
    content: '\f3d3';
    font-family: "Ionicons";
    position: absolute;
    right: 0;
    opacity: 0;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.list-hover>li>a:focus:before,
.list-hover>li>a:hover:before {
    opacity: 1
}

.img-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1
}

.bg-map {
    background: url(../images/map.png) no-repeat center;
    background-size: auto 100%
}

.bg-grad-layer-6:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: -1;
    opacity: .8;
    background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, .4) 60%)
}

.bg-layer-4:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: -1;
    opacity: .4;
    background: #111
}

.bg-layer-7:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: -1;
    opacity: .7;
    background: #111
}

.bg-layer-8:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: -1;
    opacity: .8;
    background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, .6) 100%)
}

@media only screen and (max-width:767px) {
    .bg-sm-color-6 {
        background: rgba(0, 0, 0, .6)
    }

    .bg-sm-color-7 {
        background: rgba(0, 0, 0, .7)
    }
}

.brder-grey {
    border: 1px solid #ccc
}

.brder-t-grey {
    border-top: 1px solid #ccc
}

.brder-tlr-grey {
    border: 1px solid #ccc;
    border-bottom: 0
}

.brder-blr-grey {
    border: 1px solid #ccc;
    border-top: 0
}

.brdr-ash-1 {
    height: 1px;
    background: #aaa
}

.brdr-grey-1 {
    height: 1px;
    background: #ccc
}

.brder-lite-white {
    border: 1px solid rgba(0, 0, 0, .08)
}

.brdr-l-grey-1 {
    border-right: 1px solid #ccc
}

.brdr-l-grey-2 {
    border-right: 2px solid #ccc
}

.brdr-b-grey {
    border-bottom: 1px solid #ccc
}

.brdr-b-grey.dashed {
    border-bottom: 1px dashed #ccc
}

.brdr-primary {
    border: 1px solid #0C0E68
}

.box-shadow-1 {
    box-shadow: -1px 2px 10px -5px rgba(0, 0, 0, .30)
}

.box-shadow-2 {
    box-shadow: -1px 1px 4px rgba(0, 0, 0, .10)
}

.link-brdr-btm-primary {
    position: relative;
    padding-bottom: 5px;
    -webkit-transition: all .2s;
    transition: all .2s
}

.link-brdr-btm-primary:after {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    height: 2px;
    background: #0C0E68;
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-transform-origin: left;
    transform-origin: left
}

.link-brdr-btm-primary:focus,
.link-brdr-btm-primary:hover {
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px)
}

.link-brdr-btm-primary:focus,
.link-brdr-btm-primary:hover:after {
    -webkit-transform: scale(0);
    transform: scale(0)
}

.btn-brdr-primary {
    text-align: center;
    height: 45px;
    line-height: 43px;
    border: 1px solid var(--blue);
    color: var(--blue);
    border-radius: 2px
}

.btn-brdr-primary:focus,
.btn-brdr-primary:hover {
    background: #0C0E68;
    color: #000
}

.btn-brdr-grey {
    text-align: center;
    height: 45px;
    line-height: 43px;
    border: 1px solid #ccc;
    line-height: 1;
    border-radius: 2px
}

.btn-brdr-grey:focus,
.btn-brdr-grey:hover {
    border: 1px solid #0C0E68;
    background: #0C0E68;
    color: #000
}

.btn-fill-primary {
    text-align: center;
    height: 45px;
    line-height: 43px;
    border: 1px solid var(--blue);
    background: var(--blue);
    border-radius: 2px;
    color: #fff
}

.btn-fill-primary:focus,
.btn-fill-primary:hover {
    background: #fff
}

.btn-fill-red {
    text-align: center;
    height: 45px;
    line-height: 43px;
    border: 1px solid #E3493D;
    background: #E3493D;
    border-radius: 3px;
    color: #fff
}

.btn-fill-red:focus,
.btn-fill-red:hover {
    background: #fff;
    color: #E3493D
}

.btn-fill-grey {
    text-align: center;
    height: 45px;
    line-height: 43px;
    border: 1px solid #ccc;
    background: #ccc;
    border-radius: 2px;
    color: #111
}

.btn-fill-grey:focus,
.btn-fill-grey:hover {
    border: 1px solid #0C0E68;
    background: #fff;
    color: #000
}

.btn-fill-white {
    text-align: center;
    height: 45px;
    line-height: 43px;
    border: 1px solid #fff;
    background: #fff;
    border-radius: 2px;
    color: #0C0E68
}

.btn-fill-white:focus,
.btn-fill-white:hover {
    border: 1px solid #0C0E68;
    background: #0C0E68;
    color: #fff
}

.btn-b-md {
    font-size: .9em;
    height: 35px;
    line-height: 35px
}

.btn-b-sm {
    font-size: .9em;
    height: 30px;
    line-height: 28px
}

.nwsltr-primary-1 {
    position: relative
}

.nwsltr-primary-1 input {
    height: 45px;
    display: block;
    width: 100%;
    padding: 0 20px 0 65px;
    border: 1px solid #0C0E68
}

.nwsltr-primary-1 button {
    position: absolute;
    top: 1px;
    bottom: 1px;
    left: 1px;
    width: 45px;
    text-align: center;
    background: #0C0E68;
    color: #000
}

.nwsltr-primary-1 button i {
    font-size: 1.3em
}

.nwsltr-primary-1 button:focus,
.nwsltr-primary-1 button:hover {
    background: #000;
    color: #fff
}

.abs-form {
    position: relative;
    width: 100%
}

.abs-form input {
    padding: 0 10px 0 35px;
    width: 100%;
    background: #fff;
    height: 35px;
    border-radius: 3px;
    border: 1px solid #777;
    color: #eee
}

.abs-form button {
    position: absolute;
    width: 35px;
    top: 0;
    bottom: 0;
    left: 0;
    color: #eee
}

.abs-form input:focus {
    border-color: #eee
}

form input,
form textarea {
    height: 40px;
    padding: 0 15px;
    display: block;
    width: 100%;
    border-radius: 3px;
    border: 1px solid #ccc
}

form textarea {
    min-height: 120px;
    max-height: 120px;
    padding: 10px 15px
}

.form-block input,
.form-block textarea {
    display: block;
    width: 100%
}

.form-bold input,
.form-bold textarea {
    font-weight: 700
}

.form-plr-15 input,
.form-plr-15 textarea {
    padding: 0 15px
}

.form-h-35 input {
    height: 35px
}

.form-h-40 input {
    height: 40px
}

.form-h-45 input {
    height: 45px
}

.form-mb-20 input,
.form-mb-20 textarea {
    margin-bottom: 20px
}

.form-brdr-grey input,
.form-brdr-grey textarea {
    border: 1px solid #ccc
}

.form-brdr-lite-white input,
.form-brdr-lite-white textarea {
    border: 1px solid #ddd
}

.form-brdr-b-grey input,
.form-brdr-b-grey textarea {
    outline: 0;
    border: 0;
    border-bottom: 1px solid #ccc
}

.form-brdr-b-grey input:focus,
.form-brdr-b-grey textarea:focus {
    border-bottom: 1px solid #0C0E68
}

.form-sm input {
    display: block;
    width: 100%;
    height: 35px;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 0 15px
}

.form-sm button {
    display: block;
    width: 100%;
    height: 35px
}

.sided-half {
    overflow: hidden
}

.sided-half .s-left {
    float: left
}

.sided-half .s-right {
    float: right
}

.sided-70 {
    position: relative
}

.sided-70 .s-left {
    position: absolute;
    top: 0;
    right: 0;
    height: 70px;
    width: 70px
}

.sided-70 .s-left.rounded img {
    border-radius: 70px;
    overflow: hidden
}

.sided-70 .s-right {
    min-height: 70px
}

.sided-80x {
    position: relative
}

.sided-80x .s-left {
    position: absolute;
    top: 0;
    right: 0;
    height: 80px;
    width: 80px
}

.sided-80x .s-left.rounded img {
    border-radius: 80px;
    overflow: hidden
}

.sided-80x .s-right {
    margin-right: 95px;
    min-height: 80px
}

.sided-90x {
    position: relative
}

.sided-90x .s-left {
    position: absolute;
    top: 0;
    right: 0;
    height: 90px;
    width: 90px
}

.sided-90x .s-left.rounded img {
    border-radius: 90px;
    overflow: hidden
}

.sided-90x .s-right {
    margin-right: 105px;
    min-height: 90px
}

.sided-250x {
    position: relative
}

.sided-250x .s-left {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 250px;
    overflow: hidden
}

.sided-250x .s-left img {
    position: absolute;
    top: 50%;
    right: 50%;
    width: 100%;
    height: auto;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.sided-250x .s-right {
    margin-right: 250px
}

@media only screen and (max-width:1200px) {
    .sided-250x.s-lg-height .s-left img {
        width: auto;
        height: 100%
    }
}

@media only screen and (max-width:778px) {
    .sided-half .sided-sm-center {
        float: none;
        text-align: center
    }
}

@media only screen and (max-width:576px) {
    .sided-80x .s-left {
        height: 70px;
        width: 70px
    }

    .sided-80x .s-right {
        margin-right: 85px;
        min-height: 70px
    }

    .sided-90x .s-left {
        height: 70px;
        width: 70px
    }

    .sided-90x .s-right {
        margin-right: 85px;
        min-height: 70px
    }

    .sided-250x {
        position: relative
    }

    .sided-250x .s-left {
        position: relative;
        top: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 200px;
        overflow: hidden
    }

    .sided-250x .s-left img,
    .sided-250x.s-lg-height .s-left img {
        width: 100%;
        height: auto
    }

    .sided-250x .s-right {
        margin-right: 0
    }
}

.float-left-right {
    overflow: hidden
}

.float-left-right ul:first-child {
    float: right
}

.float-left-right ul:last-child {
    float: left
}

@media only screen and (max-width:767px) {
    .float-left-right {
        text-align: center
    }

    .float-left-right ul:first-child,
    .float-left-right ul:last-child {
        float: none
    }
}

.accordian:first-child {
    border-top: 1px solid #ccc
}

.accordian .a-title {
    padding: 15px 25px 15px 50px;
    display: block;
    position: relative;
    border: 1px solid #ccc;
    border-top: 0
}

.accordian .a-title i {
    position: absolute;
    top: 50%;
    left: 0;
    color: #0C0E68;
    width: 50px;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.accordian .a-body {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all .2s;
    transition: all .2s
}

.accordian .a-body.active {
    max-height: 1000px
}

.a-body-inner {
    padding: 25px 25px 25px 40px;
    border: 1px solid #ccc;
    border-top: 0
}

.page-item.disabled .page-link {
    width: 33px;
    line-height: 18px;
    text-align: center;
    background: #fff;
    border: 1px solid #E1E1E1;
    margin-left: 7px;
    margin-right: 8px;
    border-radius: 50%;
    font-size: 15px;
    color: var(--blue);
    padding: 7px
}

.page-item.active .page-link {
    width: 33px;
    line-height: 18px;
    text-align: center;
    background: var(--blue);
    border: 1px solid #E1E1E1;
    margin-left: 7px;
    margin-right: 8px;
    border-radius: 50%;
    font-size: 15px;
    color: #fff;
    padding: 7px
}

.pagination>li>a,
.page-item:last-child .page-link,
.page-item:first-child .page-link {
    height: 33px;
    width: 33px;
    line-height: 18px;
    text-align: center;
    background: #fff;
    border: 1px solid #E1E1E1;
    margin-left: 7px;
    margin-right: 8px;
    border-radius: 50%;
    font-size: 15px;
    color: var(--blue);
    padding: 7px
}

.text-black {
    color: #000 !important
}

.textblack :hover {
    color: var(--blue)
}

.pagination>li.active>a,
.pagination>li.active>a:hover {
    background: #0C0E68;
    color: #fff;
    border-color: transparent
}

.pagination>li>a:hover {
    background: #fff;
    border-color: var(--blue)
}

.page-link:hover {
    color: var(--blue)
}

section {
    padding: 50px 0
}

.p-title {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px
}

.p-title:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: #ccc
}

.p-title:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 80px;
    height: 5px;
    background: #BA0208;
    z-index: 1
}

.p-title.in:after {
    background: #777
}

.p-title.in:before {
    background: #BA0208
}

.f-title {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px
}

.f-title:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50px;
    height: 3px;
    background: #fff;
    z-index: 1
}

.bol b {
    color: #000
}

.quote-primary {
    padding: 10px 20px;
    border-right: 2px solid #0C0E68
}

footer p {
    color: #ddd
}

footer a:focus,
footer a:hover {
    color: #BA0208
}

.w-auto {
    width: auto !important
}

.h-auto {
    height: auto !important
}

.w-10 {
    width: 10% !important
}

.w-20 {
    width: 20% !important
}

.w-30 {
    width: 30% !important
}

.w-40 {
    width: 40% !important
}

.w-50 {
    width: 50% !important
}

.w-60 {
    width: 60% !important
}

.w-70 {
    width: 70% !important
}

.w-80 {
    width: 80% !important
}

.w-90 {
    width: 90% !important
}

.w-100 {
    width: 100% !important
}

.w-1-4 {
    width: 25% !important
}

.w-1-3 {
    width: 33.33% !important
}

.w-2-3 {
    width: 66.666% !important
}

.w-3-4 {
    width: 75% !important
}

.h-10 {
    height: 10% !important
}

.h-20 {
    height: 20% !important
}

.h-30 {
    height: 30% !important
}

.h-40 {
    height: 40% !important
}

.h-50 {
    height: 50% !important
}

.h-60 {
    height: 60% !important
}

.h-70 {
    height: 70% !important
}

.h-80 {
    height: 80% !important
}

.h-90 {
    height: 90% !important
}

.h-100 {
    height: 100% !important
}

.h-1-4 {
    height: 25% !important
}

.h-1-3 {
    height: 33.33% !important
}

.h-2-3 {
    height: 66.666% !important
}

.h-3-4 {
    height: 75% !important
}

.h-100vh {
    height: 100vh !important
}

.wh-100x {
    height: 100px;
    width: 100px !important
}

.w-100x {
    width: 100px !important
}

.w-200x {
    width: 200px !important
}

.w-300x {
    width: 300px !important
}

.w-400x {
    width: 400px !important
}

.w-500x {
    width: 500px !important
}

.w-600x {
    width: 600px !important
}

.w-700x {
    width: 700px !important
}

.w-800x {
    width: 800px !important
}

.w-900x {
    width: 900px !important
}

.h-100x {
    height: 100px !important
}

.h-200x {
    height: 200px !important
}

.h-300x {
    height: 300px !important
}

.h-400x {
    height: 400px !important
}

.h-500x {
    height: 500px !important
}

.h-600x {
    height: 600px !important
}

.h-700x {
    height: 700px !important
}

.h-800x {
    height: 800px !important
}

.h-900x {
    height: 900px !important
}

.h-1000x {
    height: 1000px !important
}

.min-h-100x {
    min-height: 100px !important
}

.min-w-100x {
    min-width: 100px !important
}

.max-h-100x {
    max-height: 100px !important
}

.max-w-100x {
    max-width: 100px !important
}

.max-w-400x {
    max-width: 400px !important
}

.hw-15 {
    height: 15px;
    width: 15px
}

.hw-20 {
    height: 20px;
    width: 20px
}

.hw-30 {
    height: 30px;
    width: 30px
}

@media only screen and (max-width:992px) {
    .w-md-auto {
        width: auto !important
    }

    .h-md-auto {
        height: auto !important
    }

    .w-md-10 {
        width: 10% !important
    }

    .w-md-20 {
        width: 20% !important
    }

    .w-md-30 {
        width: 30% !important
    }

    .w-md-40 {
        width: 40% !important
    }

    .w-md-50 {
        width: 50% !important
    }

    .w-md-60 {
        width: 60% !important
    }

    .w-md-70 {
        width: 70% !important
    }

    .w-md-80 {
        width: 80% !important
    }

    .w-md-90 {
        width: 90% !important
    }

    .w-md-100 {
        width: 100% !important
    }

    .w-md-1-4 {
        width: 25% !important
    }

    .w-md-1-3 {
        width: 33.33% !important
    }

    .w-md-2-3 {
        width: 66.666% !important
    }

    .w-md-3-4 {
        width: 75% !important
    }

    .h-md-10 {
        height: 10% !important
    }

    .h-md-20 {
        height: 20% !important
    }

    .h-md-30 {
        height: 30% !important
    }

    .h-md-40 {
        height: 40% !important
    }

    .h-md-50 {
        height: 50% !important
    }

    .h-md-60 {
        height: 60% !important
    }

    .h-md-70 {
        height: 70% !important
    }

    .h-md-80 {
        height: 80% !important
    }

    .h-md-90 {
        height: 90% !important
    }

    .h-md-100 {
        height: 100% !important
    }

    .h-md-1-4 {
        height: 25% !important
    }

    .h-md-1-3 {
        height: 33.33% !important
    }

    .h-md-2-3 {
        height: 66.666% !important
    }

    .h-md-3-4 {
        height: 75% !important
    }

    .h-md-100vh {
        height: 100vh !important
    }

    .wh-md-100x {
        height: 100px !important;
        width: 100px !important
    }

    .w-md-100x {
        width: 100px !important
    }

    .w-md-200x {
        width: 200px !important
    }

    .w-md-300x {
        width: 300px !important
    }

    .w-md-400x {
        width: 400px !important
    }

    .w-md-500x {
        width: 500px !important
    }

    .w-md-600x {
        width: 600px !important
    }

    .w-md-700x {
        width: 700px !important
    }

    .w-md-800x {
        width: 800px !important
    }

    .w-md-900x {
        width: 900px !important
    }

    .h-md-100x {
        height: 100px !important
    }

    .h-md-200x {
        height: 200px !important
    }

    .h-md-300x {
        height: 300px !important
    }

    .h-md-400x {
        height: 400px !important
    }

    .h-md-500x {
        height: 500px !important
    }

    .h-md-600x {
        height: 600px !important
    }

    .h-md-700x {
        height: 700px !important
    }

    .h-md-800x {
        height: 800px !important
    }

    .h-md-900x {
        height: 900px !important
    }

    .h-md-1000x {
        height: 1000px !important
    }

    .min-h-md-100x {
        min-height: 100px !important
    }
}

@media only screen and (max-width:767px) {
    .w-sm-auto {
        width: auto !important
    }

    .h-sm-auto {
        height: auto !important
    }

    .w-sm-10 {
        width: 10% !important
    }

    .w-sm-20 {
        width: 20% !important
    }

    .w-sm-30 {
        width: 30% !important
    }

    .w-sm-40 {
        width: 40% !important
    }

    .w-sm-50 {
        width: 50% !important
    }

    .w-sm-60 {
        width: 60% !important
    }

    .w-sm-70 {
        width: 70% !important
    }

    .w-sm-80 {
        width: 80% !important
    }

    .w-sm-90 {
        width: 90% !important
    }

    .w-sm-100 {
        width: 100% !important
    }

    .w-sm-1-4 {
        width: 25% !important
    }

    .w-sm-1-3 {
        width: 33.33% !important
    }

    .w-sm-2-3 {
        width: 66.666% !important
    }

    .w-sm-3-4 {
        width: 75% !important
    }

    .h-sm-10 {
        height: 10% !important
    }

    .h-sm-20 {
        height: 20% !important
    }

    .h-sm-30 {
        height: 30% !important
    }

    .h-sm-40 {
        height: 40% !important
    }

    .h-sm-50 {
        height: 50% !important
    }

    .h-sm-60 {
        height: 60% !important
    }

    .h-sm-70 {
        height: 70% !important
    }

    .h-sm-80 {
        height: 80% !important
    }

    .h-sm-90 {
        height: 90% !important
    }

    .h-sm-100 {
        height: 100% !important
    }

    .h-sm-1-4 {
        height: 25% !important
    }

    .h-sm-1-3 {
        height: 33.33% !important
    }

    .h-sm-2-3 {
        height: 66.666% !important
    }

    .h-sm-3-4 {
        height: 75% !important
    }

    .h-sm-100vh {
        height: 100vh !important
    }

    .wh-sm-100x {
        height: 100px !important;
        width: 100px !important
    }

    .w-sm-100x {
        width: 100px !important
    }

    .w-sm-200x {
        width: 200px !important
    }

    .w-sm-300x {
        width: 300px !important
    }

    .w-sm-400x {
        width: 400px !important
    }

    .w-sm-500x {
        width: 500px !important
    }

    .w-sm-600x {
        width: 600px !important
    }

    .w-sm-700x {
        width: 700px !important
    }

    .w-sm-800x {
        width: 800px !important
    }

    .w-sm-900x {
        width: 900px !important
    }

    .h-sm-100x {
        height: 100px !important
    }

    .h-sm-200x {
        height: 200px !important
    }

    .h-sm-300x {
        height: 300px !important
    }

    .h-sm-400x {
        height: 400px !important
    }

    .h-sm-500x {
        height: 500px !important
    }

    .h-sm-600x {
        height: 600px !important
    }

    .h-sm-700x {
        height: 700px !important
    }

    .h-sm-800x {
        height: 800px !important
    }

    .h-sm-900x {
        height: 900px !important
    }

    .h-sm-1000x {
        height: 1000px !important
    }

    .min-h-sm-100x {
        min-height: 100px !important
    }
}

@media only screen and (max-width:576px) {
    .w-xs-auto {
        width: auto !important
    }

    .h-xs-auto {
        height: auto !important
    }

    .w-xs-10 {
        width: 10% !important
    }

    .w-xs-20 {
        width: 20% !important
    }

    .w-xs-30 {
        width: 30% !important
    }

    .w-xs-40 {
        width: 40% !important
    }

    .w-xs-50 {
        width: 50% !important
    }

    .w-xs-60 {
        width: 60% !important
    }

    .w-xs-70 {
        width: 70% !important
    }

    .w-xs-80 {
        width: 80% !important
    }

    .w-xs-90 {
        width: 90% !important
    }

    .w-xs-100 {
        width: 100% !important
    }

    .w-xs-1-4 {
        width: 25% !important
    }

    .w-xs-1-3 {
        width: 33.33% !important
    }

    .w-xs-2-3 {
        width: 66.666% !important
    }

    .w-xs-3-4 {
        width: 75% !important
    }

    .h-xs-10 {
        height: 10% !important
    }

    .h-xs-20 {
        height: 20% !important
    }

    .h-xs-30 {
        height: 30% !important
    }

    .h-xs-40 {
        height: 40% !important
    }

    .h-xs-50 {
        height: 50% !important
    }

    .h-xs-60 {
        height: 60% !important
    }

    .h-xs-70 {
        height: 70% !important
    }

    .h-xs-80 {
        height: 80% !important
    }

    .h-xs-90 {
        height: 90% !important
    }

    .h-xs-100 {
        height: 100% !important
    }

    .h-xs-1-4 {
        height: 25% !important
    }

    .h-xs-1-3 {
        height: 33.33% !important
    }

    .h-xs-2-3 {
        height: 66.666% !important
    }

    .h-xs-3-4 {
        height: 75% !important
    }

    .h-xs-100vh {
        height: 100vh !important
    }

    .wh-xs-100x {
        height: 100px !important;
        width: 100px !important
    }

    .w-xs-100x {
        width: 100px !important
    }

    .w-xs-200x {
        width: 200px !important
    }

    .w-xs-300x {
        width: 300px !important
    }

    .w-xs-400x {
        width: 400px !important
    }

    .w-xs-500x {
        width: 500px !important
    }

    .w-xs-600x {
        width: 600px !important
    }

    .w-xs-700x {
        width: 700px !important
    }

    .w-xs-800x {
        width: 800px !important
    }

    .w-xs-900x {
        width: 900px !important
    }

    .h-xs-100x {
        height: 100px !important
    }

    .h-xs-200x {
        height: 200px !important
    }

    .h-xs-300x {
        height: 300px !important
    }

    .h-xs-400x {
        height: 400px !important
    }

    .h-xs-500x {
        height: 500px !important
    }

    .h-xs-600x {
        height: 600px !important
    }

    .h-xs-700x {
        height: 700px !important
    }

    .h-xs-800x {
        height: 800px !important
    }

    .h-xs-900x {
        height: 900px !important
    }

    .h-xs-1000x {
        height: 1000px !important
    }

    .min-h-xs-100x {
        min-height: 100px !important
    }
}

.list-block>li {
    display: block
}

.list-relative>li {
    position: relative
}

.list-a-block>li>a {
    display: block
}

.list-btm-border-white>li {
    border-bottom: 1px solid #fff
}

.list-a-block>li>a {
    display: block
}

.list-a-bg-grey>li>a {
    background: #EBEBEB
}

.list-a-bg-primary>li>a {
    background: #0C0E68
}

.list-a-br-2>li>a {
    border-radius: 2px
}

.list-a-br-5>li>a {
    border-radius: 5px
}

.list-radial-30>li>a {
    height: 30px;
    line-height: 28px;
    width: 30px;
    border-radius: 50px;
    border: 1px solid #aaa
}

.list-radial-35>li>a {
    height: 35px;
    line-height: 33px;
    width: 35px;
    border-radius: 50px;
    border: 1px solid #aaa
}

.list-radial-30>li>a:hover,
.list-radial-35>li>a:hover {
    color: #0C0E68;
    border-color: #fff;
    background: #fff
}

.list-a-hvr-primary>li>a:hover {
    background: #0C0E68;
    color: #fff
}

.list-square>li {
    position: relative;
    display: block
}

.list-square>li:before {
    content: '';
    display: inline-block;
    height: 10px;
    width: 10px;
    background: #444;
    margin-left: 10px
}

.list-hyphen>li {
    position: relative;
    display: block;
    padding-right: 17px
}

.list-hyphen>li:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    height: 1px;
    width: 7px;
    margin-top: -2px;
    background: #444
}

.list-contact>li {
    position: relative;
    padding-right: 40px;
    display: block
}

.list-btn-semiwhite>li>a {
    padding: 5px 10px;
    border-radius: 2px;
    margin-left: 3px;
    font-size: .9em;
    margin-bottom: 5px;
    background: #ddd
}

.list-btn-semiwhite>li>a:hover {
    background: #0C0E68;
    color: #fff
}

.list-a-p-0>li>a {
    padding: 0
}

.list-a-p-5>li>a {
    padding: 5px
}

.list-a-p-10>li>a {
    padding: 10px
}

.list-a-p-15>li>a {
    padding: 15px
}

.list-a-p-20>li>a {
    padding: 20px
}

.list-a-p-25>li>a {
    padding: 25px
}

.list-a-p-30>li>a {
    padding: 30px
}

.list-a-plr-0>li>a {
    padding-right: 0;
    padding-left: 0
}

.list-a-plr-5>li>a {
    padding-right: 5px;
    padding-left: 5px
}

.list-a-plr-10>li>a {
    padding-right: 10px;
    padding-left: 10px
}

.list-a-plr-15>li>a {
    padding-right: 15px;
    padding-left: 15px
}

.list-a-plr-20>li>a {
    padding-right: 20px;
    padding-left: 20px
}

.list-a-plr-25>li>a {
    padding-right: 25px;
    padding-left: 25px
}

.list-a-plr-30>li>a {
    padding-right: 30px;
    padding-left: 30px
}

.list-a-pr-0>li>a {
    padding-left: 0
}

.list-a-pr-5>li>a {
    padding-left: 5px
}

.list-a-pr-10>li>a {
    padding-left: 10px
}

.list-a-pr-15>li>a {
    padding-left: 15px
}

.list-a-pr-20>li>a {
    padding-left: 20px
}

.list-a-pr-25>li>a {
    padding-left: 25px
}

.list-a-pr-30>li>a {
    padding-left: 30px
}

.list-a-pl-0>li>a {
    padding-right: 0
}

.list-a-pl-5>li>a {
    padding-right: 5px
}

.list-a-pl-10>li>a {
    padding-right: 10px
}

.list-a-pl-15>li>a {
    padding-right: 15px
}

.list-a-pl-20>li>a {
    padding-right: 20px
}

.list-a-pl-25>li>a {
    padding-right: 25px
}

.list-a-pl-30>li>a {
    padding-right: 30px
}

.list-a-ptb-0>li>a {
    padding-top: 0;
    padding-bottom: 0
}

.list-a-ptb-5>li>a {
    padding-top: 5px;
    padding-bottom: 5px
}

.list-a-ptb-10>li>a {
    padding-top: 10px;
    padding-bottom: 10px
}

.list-a-ptb-15>li>a {
    padding-top: 15px;
    padding-bottom: 15px
}

.list-a-ptb-20>li>a {
    padding-top: 20px;
    padding-bottom: 20px
}

.list-a-ptb-25>li>a {
    padding-top: 25px;
    padding-bottom: 25px
}

.list-a-ptb-30>li>a {
    padding-top: 30px;
    padding-bottom: 30px
}

.list-a-ptb-7>li>a {
    padding-top: 7px;
    padding-bottom: 7px
}

.list-a-ptb-8>li>a {
    padding-top: 8px;
    padding-bottom: 8px
}

.list-a-pt-0>li>a {
    padding-top: 0
}

.list-a-pt-5>li>a {
    padding-top: 5px
}

.list-a-pt-10>li>a {
    padding-top: 10px
}

.list-a-pt-15>li>a {
    padding-top: 15px
}

.list-a-pt-20>li>a {
    padding-top: 20px
}

.list-a-pt-25>li>a {
    padding-top: 25px
}

.list-a-pt-30>li>a {
    padding-top: 30px
}

.list-a-pb-0>li>a {
    padding-bottom: 0
}

.list-a-pb-5>li>a {
    padding-bottom: 5px
}

.list-a-pb-10>li>a {
    padding-bottom: 10px
}

.list-a-pb-15>li>a {
    padding-bottom: 15px
}

.list-a-pb-20>li>a {
    padding-bottom: 20px
}

.list-a-pb-25>li>a {
    padding-bottom: 25px
}

.list-a-pb-30>li>a {
    padding-bottom: 30px
}

.list-li-mlr-0>li {
    margin-right: 0;
    margin-left: 0
}

.list-li-mlr-3>li {
    margin-right: 3px;
    margin-left: 3px
}

.list-li-mlr-5>li {
    margin-right: 5px;
    margin-left: 5px
}

.list-li-mlr-10>li {
    margin-right: 10px;
    margin-left: 10px
}

.list-li-mlr-15>li {
    margin-right: 15px;
    margin-left: 15px
}

.list-li-mlr-20>li {
    margin-right: 20px;
    margin-left: 20px
}

.list-li-mlr-25>li {
    margin-right: 25px;
    margin-left: 25px
}

.list-li-mlr-30>li {
    margin-right: 30px;
    margin-left: 30px
}

.p-15 {
    padding: 15px
}

.list-li-mtb-0>li {
    margin-top: 0;
    margin-bottom: 0
}

.list-li-mtb-5>li {
    margin-top: 5px;
    margin-bottom: 5px
}

.list-li-mtb-10>li {
    margin-top: 10px;
    margin-bottom: 10px
}

.list-li-mtb-15>li {
    margin-top: 15px;
    margin-bottom: 15px
}

.list-li-mtb-20>li {
    margin-top: 20px;
    margin-bottom: 20px
}

.list-li-mtb-25>li {
    margin-top: 25px;
    margin-bottom: 25px
}

.list-li-mtb-30>li {
    margin-top: 30px;
    margin-bottom: 30px
}

.ul-details>li {
    margin-left: 4%
}

.font-15 {
    font-size: 15px
}

.list-li-mr-0>li {
    margin-left: 0
}

.list-li-mr-5>li {
    margin-left: 5px
}

.list-li-mr-10>li {
    margin-left: 10px
}

.list-li-mr-15>li {
    margin-left: 15px
}

.list-li-mr-20>li {
    margin-left: 20px
}

.list-li-mr-25>li {
    margin-left: 25px
}

.list-li-mr-30>li {
    margin-left: 30px
}

.list-li-ml-0>li {
    margin-right: 0
}

.list-li-ml-5>li {
    margin-right: 5px
}

.list-li-ml-10>li {
    margin-right: 10px
}

.list-li-ml-15>li {
    margin-right: 15px
}

.list-li-ml-20>li {
    margin-right: 20px
}

.list-li-ml-25>li {
    margin-right: 25px
}

.list-li-ml-30>li {
    margin-right: 30px
}

.list-li-mt-0>li {
    margin-top: 0
}

.list-li-mt-5>li {
    margin-top: 5px
}

.list-li-mt-10>li {
    margin-top: 10px
}

.list-li-mt-15>li {
    margin-top: 15px
}

.list-li-mt-20>li {
    margin-top: 20px
}

.list-li-mt-25>li {
    margin-top: 25px
}

.list-li-mt-30>li {
    margin-top: 30px
}

.list-li-mb-0>li {
    margin-bottom: 0
}

.list-li-mb-5>li {
    margin-bottom: 5px
}

.list-li-mb-10>li {
    margin-bottom: 10px
}

.list-li-mb-15>li {
    margin-bottom: 15px
}

.list-li-mb-20>li {
    margin-bottom: 20px
}

.list-li-mb-25>li {
    margin-bottom: 25px
}

.list-li-mb-30>li {
    margin-bottom: 30px
}

.list-li-plr-0>li {
    padding-right: 0;
    padding-left: 0
}

.list-li-plr-5>li {
    padding-right: 5px;
    padding-left: 5px
}

.list-li-plr-10>li {
    padding-right: 10px;
    padding-left: 10px
}

.list-li-plr-15>li {
    padding-right: 15px;
    padding-left: 15px
}

.list-li-plr-20>li {
    padding-right: 20px;
    padding-left: 20px
}

.list-li-plr-25>li {
    padding-right: 25px;
    padding-left: 25px
}

.list-li-plr-30>li {
    padding-right: 30px;
    padding-left: 30px
}

.list-li-ptb-0>li {
    padding-top: 0;
    padding-bottom: 0
}

.list-li-ptb-5>li {
    padding-top: 5px;
    padding-bottom: 5px
}

.list-li-ptb-10>li {
    padding-top: 10px;
    padding-bottom: 10px
}

.list-li-ptb-15>li {
    padding-top: 15px;
    padding-bottom: 15px
}

.list-li-ptb-20>li {
    padding-top: 20px;
    padding-bottom: 20px
}

.list-li-ptb-25>li {
    padding-top: 25px;
    padding-bottom: 25px
}

.list-li-ptb-30>li {
    padding-top: 30px;
    padding-bottom: 30px
}

.list-li-pr-0>li {
    padding-left: 0
}

.list-li-pr-5>li {
    padding-left: 5px
}

.list-li-pr-10>li {
    padding-left: 10px
}

.list-li-pr-15>li {
    padding-left: 15px
}

.list-li-pr-20>li {
    padding-left: 20px
}

.list-li-pr-25>li {
    padding-left: 25px
}

.list-li-pr-30>li {
    padding-left: 30px
}

.list-li-pl-0>li {
    padding-right: 0
}

.list-li-pl-5>li {
    padding-right: 5px
}

.list-li-pl-10>li {
    padding-right: 10px
}

.list-li-pl-15>li {
    padding-right: 15px
}

.list-li-pl-20>li {
    padding-right: 20px
}

.list-li-pl-25>li {
    padding-right: 25px
}

.list-li-pl-30>li {
    padding-right: 30px
}

.list-li-pt-0>li {
    padding-top: 0
}

.list-li-pt-5>li {
    padding-top: 5px
}

.list-li-pt-10>li {
    padding-top: 10px
}

.list-li-pt-15>li {
    padding-top: 15px
}

.list-li-pt-20>li {
    padding-top: 20px
}

.list-li-pt-25>li {
    padding-top: 25px
}

.list-li-pt-30>li {
    padding-top: 30px
}

.list-li-pb-0>li {
    padding-bottom: 0
}

.list-li-pb-5>li {
    padding-bottom: 5px
}

.list-li-pb-10>li {
    padding-bottom: 10px
}

.list-li-pb-15>li {
    padding-bottom: 15px
}

.list-li-pb-20>li {
    padding-bottom: 20px
}

.list-li-pb-25>li {
    padding-bottom: 25px
}

.list-li-pb-30>li {
    padding-bottom: 30px
}

@media only screen and (max-width:767px) {
    .list-a-p-sm-0>li>a {
        padding: 0
    }

    .list-a-p-sm-5>li>a {
        padding: 5px
    }

    .list-a-p-sm-10>li>a {
        padding: 10px
    }

    .list-a-p-sm-15>li>a {
        padding: 15px
    }

    .list-a-p-sm-20>li>a {
        padding: 20px
    }

    .list-a-p-sm-25>li>a {
        padding: 25px
    }

    .list-a-p-sm-30>li>a {
        padding: 30px
    }

    .list-a-plr-sm-0>li>a {
        padding-right: 0;
        padding-left: 0
    }

    .list-a-plr-sm-5>li>a {
        padding-right: 5px;
        padding-left: 5px
    }

    .list-a-plr-sm-10>li>a {
        padding-right: 10px;
        padding-left: 10px
    }

    .list-a-plr-sm-15>li>a {
        padding-right: 15px;
        padding-left: 15px
    }

    .list-a-plr-sm-20>li>a {
        padding-right: 20px;
        padding-left: 20px
    }

    .list-a-plr-sm-25>li>a {
        padding-right: 25px;
        padding-left: 25px
    }

    .list-a-plr-sm-30>li>a {
        padding-right: 30px;
        padding-left: 30px
    }

    .list-a-pr-sm-0>li>a {
        padding-left: 0
    }

    .list-a-pr-sm-5>li>a {
        padding-left: 5px
    }

    .list-a-pr-sm-10>li>a {
        padding-left: 10px
    }

    .list-a-pr-sm-15>li>a {
        padding-left: 15px
    }

    .list-a-pr-sm-20>li>a {
        padding-left: 20px
    }

    .list-a-pr-sm-25>li>a {
        padding-left: 25px
    }

    .list-a-pr-sm-30>li>a {
        padding-left: 30px
    }

    .list-a-pl-sm-0>li>a {
        padding-right: 0
    }

    .list-a-pl-sm-5>li>a {
        padding-right: 5px
    }

    .list-a-pl-sm-10>li>a {
        padding-right: 10px
    }

    .list-a-pl-sm-15>li>a {
        padding-right: 15px
    }

    .list-a-pl-sm-20>li>a {
        padding-right: 20px
    }

    .list-a-pl-sm-25>li>a {
        padding-right: 25px
    }

    .list-a-pl-sm-30>li>a {
        padding-right: 30px
    }

    .list-a-ptb-sm-0>li>a {
        padding-top: 0;
        padding-bottom: 0
    }

    .list-a-ptb-sm-5>li>a {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .list-a-ptb-sm-10>li>a {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .list-a-ptb-sm-15>li>a {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .list-a-ptb-sm-20>li>a {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .list-a-ptb-sm-25>li>a {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .list-a-ptb-sm-30>li>a {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .list-a-ptb-sm-7>li>a {
        padding-top: 7px;
        padding-bottom: 7px
    }

    .list-a-ptb-sm-8>li>a {
        padding-top: 8px;
        padding-bottom: 8px
    }

    .list-a-pt-sm-0>li>a {
        padding-top: 0
    }

    .list-a-pt-sm-5>li>a {
        padding-top: 5px
    }

    .list-a-pt-sm-10>li>a {
        padding-top: 10px
    }

    .list-a-pt-sm-15>li>a {
        padding-top: 15px
    }

    .list-a-pt-sm-20>li>a {
        padding-top: 20px
    }

    .list-a-pt-sm-25>li>a {
        padding-top: 25px
    }

    .list-a-pt-sm-30>li>a {
        padding-top: 30px
    }

    .list-a-pb-sm-0>li>a {
        padding-bottom: 0
    }

    .list-a-pb-sm-5>li>a {
        padding-bottom: 5px
    }

    .list-a-pb-sm-10>li>a {
        padding-bottom: 10px
    }

    .list-a-pb-sm-15>li>a {
        padding-bottom: 15px
    }

    .list-a-pb-sm-20>li>a {
        padding-bottom: 20px
    }

    .list-a-pb-sm-25>li>a {
        padding-bottom: 25px
    }

    .list-a-pb-sm-30>li>a {
        padding-bottom: 30px
    }

    .list-li-mlr-sm-0>li {
        margin-right: 0;
        margin-left: 0
    }

    .list-li-mlr-sm-5>li {
        margin-right: 5px;
        margin-left: 5px
    }

    .list-li-mlr-sm-10>li {
        margin-right: 10px;
        margin-left: 10px
    }

    .list-li-mlr-sm-15>li {
        margin-right: 15px;
        margin-left: 15px
    }

    .list-li-mlr-sm-20>li {
        margin-right: 20px;
        margin-left: 20px
    }

    .list-li-mlr-sm-25>li {
        margin-right: 25px;
        margin-left: 25px
    }

    .list-li-mlr-sm-30>li {
        margin-right: 30px;
        margin-left: 30px
    }

    .list-li-mtb-sm-0>li {
        margin-top: 0;
        margin-bottom: 0
    }

    .list-li-mtb-sm-5>li {
        margin-top: 5px;
        margin-bottom: 5px
    }

    .list-li-mtb-sm-10>li {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .list-li-mtb-sm-15>li {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .list-li-mtb-sm-20>li {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .list-li-mtb-sm-25>li {
        margin-top: 25px;
        margin-bottom: 25px
    }

    .list-li-mtb-sm-30>li {
        margin-top: 30px;
        margin-bottom: 30px
    }

    .list-li-mr-sm-0>li {
        margin-left: 0
    }

    .list-li-mr-sm-5>li {
        margin-left: 5px
    }

    .list-li-mr-sm-10>li {
        margin-left: 10px
    }

    .list-li-mr-sm-15>li {
        margin-left: 15px
    }

    .list-li-mr-sm-20>li {
        margin-left: 20px
    }

    .list-li-mr-sm-25>li {
        margin-left: 25px
    }

    .list-li-mr-sm-30>li {
        margin-left: 30px
    }

    .list-li-ml-sm-0>li {
        margin-right: 0
    }

    .list-li-ml-sm-5>li {
        margin-right: 5px
    }

    .list-li-ml-sm-10>li {
        margin-right: 10px
    }

    .list-li-ml-sm-15>li {
        margin-right: 15px
    }

    .list-li-ml-sm-20>li {
        margin-right: 20px
    }

    .list-li-ml-sm-25>li {
        margin-right: 25px
    }

    .list-li-ml-sm-30>li {
        margin-right: 30px
    }

    .list-li-mt-sm-0>li {
        margin-top: 0
    }

    .list-li-mt-sm-5>li {
        margin-top: 5px
    }

    .list-li-mt-sm-10>li {
        margin-top: 10px
    }

    .list-li-mt-sm-15>li {
        margin-top: 15px
    }

    .list-li-mt-sm-20>li {
        margin-top: 20px
    }

    .list-li-mt-sm-25>li {
        margin-top: 25px
    }

    .list-li-mt-sm-30>li {
        margin-top: 30px
    }

    .list-li-mb-sm-0>li {
        margin-bottom: 0
    }

    .list-li-mb-sm-5>li {
        margin-bottom: 5px
    }

    .list-li-mb-sm-10>li {
        margin-bottom: 10px
    }

    .list-li-mb-sm-15>li {
        margin-bottom: 15px
    }

    .list-li-mb-sm-20>li {
        margin-bottom: 20px
    }

    .list-li-mb-sm-25>li {
        margin-bottom: 25px
    }

    .list-li-mb-sm-30>li {
        margin-bottom: 30px
    }

    .list-li-plr-sm-0>li {
        padding-right: 0;
        padding-left: 0
    }

    .list-li-plr-sm-5>li {
        padding-right: 5px;
        padding-left: 5px
    }

    .list-li-plr-sm-10>li {
        padding-right: 10px;
        padding-left: 10px
    }

    .list-li-plr-sm-15>li {
        padding-right: 15px;
        padding-left: 15px
    }

    .list-li-plr-sm-20>li {
        padding-right: 20px;
        padding-left: 20px
    }

    .list-li-plr-sm-25>li {
        padding-right: 25px;
        padding-left: 25px
    }

    .list-li-plr-sm-30>li {
        padding-right: 30px;
        padding-left: 30px
    }

    .list-li-ptb-sm-0>li {
        padding-top: 0;
        padding-bottom: 0
    }

    .list-li-ptb-sm-5>li {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .list-li-ptb-sm-10>li {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .list-li-ptb-sm-15>li {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .list-li-ptb-sm-20>li {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .list-li-ptb-sm-25>li {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .list-li-ptb-sm-30>li {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .list-li-pr-sm-0>li {
        padding-left: 0
    }

    .list-li-pr-sm-5>li {
        padding-left: 5px
    }

    .list-li-pr-sm-10>li {
        padding-left: 10px
    }

    .list-li-pr-sm-15>li {
        padding-left: 15px
    }

    .list-li-pr-sm-20>li {
        padding-left: 20px
    }

    .list-li-pr-sm-25>li {
        padding-left: 25px
    }

    .list-li-pr-sm-30>li {
        padding-left: 30px
    }

    .list-li-pl-sm-0>li {
        padding-right: 0
    }

    .list-li-pl-sm-5>li {
        padding-right: 5px
    }

    .list-li-pl-sm-10>li {
        padding-right: 10px
    }

    .list-li-pl-sm-15>li {
        padding-right: 15px
    }

    .list-li-pl-sm-20>li {
        padding-right: 20px
    }

    .list-li-pl-sm-25>li {
        padding-right: 25px
    }

    .list-li-pl-sm-30>li {
        padding-right: 30px
    }

    .list-li-pt-sm-0>li {
        padding-top: 0
    }

    .list-li-pt-sm-5>li {
        padding-top: 5px
    }

    .list-li-pt-sm-10>li {
        padding-top: 10px
    }

    .list-li-pt-sm-15>li {
        padding-top: 15px
    }

    .list-li-pt-sm-20>li {
        padding-top: 20px
    }

    .list-li-pt-sm-25>li {
        padding-top: 25px
    }

    .list-li-pt-sm-30>li {
        padding-top: 30px
    }

    .list-li-pb-sm-0>li {
        padding-bottom: 0
    }

    .list-li-pb-sm-5>li {
        padding-bottom: 5px
    }

    .list-li-pb-sm-10>li {
        padding-bottom: 10px
    }

    .list-li-pb-sm-15>li {
        padding-bottom: 15px
    }

    .list-li-pb-sm-20>li {
        padding-bottom: 20px
    }

    .list-li-pb-sm-25>li {
        padding-bottom: 25px
    }

    .list-li-pb-sm-30>li {
        padding-bottom: 30px
    }
}

@media only screen and (max-width:576px) {
    .list-a-p-xs-0>li>a {
        padding: 0
    }

    .list-a-p-xs-5>li>a {
        padding: 5px
    }

    .list-a-p-xs-10>li>a {
        padding: 10px
    }

    .list-a-p-xs-15>li>a {
        padding: 15px
    }

    .list-a-p-xs-20>li>a {
        padding: 20px
    }

    .list-a-p-xs-25>li>a {
        padding: 25px
    }

    .list-a-p-xs-30>li>a {
        padding: 30px
    }

    .list-a-plr-xs-0>li>a {
        padding-right: 0;
        padding-left: 0
    }

    .list-a-plr-xs-5>li>a {
        padding-right: 5px;
        padding-left: 5px
    }

    .list-a-plr-xs-10>li>a {
        padding-right: 10px;
        padding-left: 10px
    }

    .list-a-plr-xs-15>li>a {
        padding-right: 15px;
        padding-left: 15px
    }

    .list-a-plr-xs-20>li>a {
        padding-right: 20px;
        padding-left: 20px
    }

    .list-a-plr-xs-25>li>a {
        padding-right: 25px;
        padding-left: 25px
    }

    .list-a-plr-xs-30>li>a {
        padding-right: 30px;
        padding-left: 30px
    }

    .list-a-pr-xs-0>li>a {
        padding-left: 0
    }

    .list-a-pr-xs-5>li>a {
        padding-left: 5px
    }

    .list-a-pr-xs-10>li>a {
        padding-left: 10px
    }

    .list-a-pr-xs-15>li>a {
        padding-left: 15px
    }

    .list-a-pr-xs-20>li>a {
        padding-left: 20px
    }

    .list-a-pr-xs-25>li>a {
        padding-left: 25px
    }

    .list-a-pr-xs-30>li>a {
        padding-left: 30px
    }

    .list-a-pl-xs-0>li>a {
        padding-right: 0
    }

    .list-a-pl-xs-5>li>a {
        padding-right: 5px
    }

    .list-a-pl-xs-10>li>a {
        padding-right: 10px
    }

    .list-a-pl-xs-15>li>a {
        padding-right: 15px
    }

    .list-a-pl-xs-20>li>a {
        padding-right: 20px
    }

    .list-a-pl-xs-25>li>a {
        padding-right: 25px
    }

    .list-a-pl-xs-30>li>a {
        padding-right: 30px
    }

    .list-a-ptb-xs-0>li>a {
        padding-top: 0;
        padding-bottom: 0
    }

    .list-a-ptb-xs-5>li>a {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .list-a-ptb-xs-10>li>a {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .list-a-ptb-xs-15>li>a {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .list-a-ptb-xs-20>li>a {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .list-a-ptb-xs-25>li>a {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .list-a-ptb-xs-30>li>a {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .list-a-ptb-xs-7>li>a {
        padding-top: 7px;
        padding-bottom: 7px
    }

    .list-a-ptb-xs-8>li>a {
        padding-top: 8px;
        padding-bottom: 8px
    }

    .list-a-pt-xs-0>li>a {
        padding-top: 0
    }

    .list-a-pt-xs-5>li>a {
        padding-top: 5px
    }

    .list-a-pt-xs-10>li>a {
        padding-top: 10px
    }

    .list-a-pt-xs-15>li>a {
        padding-top: 15px
    }

    .list-a-pt-xs-20>li>a {
        padding-top: 20px
    }

    .list-a-pt-xs-25>li>a {
        padding-top: 25px
    }

    .list-a-pt-xs-30>li>a {
        padding-top: 30px
    }

    .list-a-pb-xs-0>li>a {
        padding-bottom: 0
    }

    .list-a-pb-xs-5>li>a {
        padding-bottom: 5px
    }

    .list-a-pb-xs-10>li>a {
        padding-bottom: 10px
    }

    .list-a-pb-xs-15>li>a {
        padding-bottom: 15px
    }

    .list-a-pb-xs-20>li>a {
        padding-bottom: 20px
    }

    .list-a-pb-xs-25>li>a {
        padding-bottom: 25px
    }

    .list-a-pb-xs-30>li>a {
        padding-bottom: 30px
    }

    .list-li-mlr-xs-0>li {
        margin-right: 0;
        margin-left: 0
    }

    .list-li-mlr-xs-5>li {
        margin-right: 5px;
        margin-left: 5px
    }

    .list-li-mlr-xs-10>li {
        margin-right: 10px;
        margin-left: 10px
    }

    .list-li-mlr-xs-15>li {
        margin-right: 15px;
        margin-left: 15px
    }

    .list-li-mlr-xs-20>li {
        margin-right: 20px;
        margin-left: 20px
    }

    .list-li-mlr-xs-25>li {
        margin-right: 25px;
        margin-left: 25px
    }

    .list-li-mlr-xs-30>li {
        margin-right: 30px;
        margin-left: 30px
    }

    .list-li-mtb-xs-0>li {
        margin-top: 0;
        margin-bottom: 0
    }

    .list-li-mtb-xs-5>li {
        margin-top: 5px;
        margin-bottom: 5px
    }

    .list-li-mtb-xs-10>li {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .list-li-mtb-xs-15>li {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .list-li-mtb-xs-20>li {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .list-li-mtb-xs-25>li {
        margin-top: 25px;
        margin-bottom: 25px
    }

    .list-li-mtb-xs-30>li {
        margin-top: 30px;
        margin-bottom: 30px
    }

    .list-li-mr-xs-0>li {
        margin-left: 0
    }

    .list-li-mr-xs-5>li {
        margin-left: 5px
    }

    .list-li-mr-xs-10>li {
        margin-left: 10px
    }

    .list-li-mr-xs-15>li {
        margin-left: 15px
    }

    .list-li-mr-xs-20>li {
        margin-left: 20px
    }

    .list-li-mr-xs-25>li {
        margin-left: 25px
    }

    .list-li-mr-xs-30>li {
        margin-left: 30px
    }

    .list-li-ml-xs-0>li {
        margin-right: 0
    }

    .list-li-ml-xs-5>li {
        margin-right: 5px
    }

    .list-li-ml-xs-10>li {
        margin-right: 10px
    }

    .list-li-ml-xs-15>li {
        margin-right: 15px
    }

    .list-li-ml-xs-20>li {
        margin-right: 20px
    }

    .list-li-ml-xs-25>li {
        margin-right: 25px
    }

    .list-li-ml-xs-30>li {
        margin-right: 30px
    }

    .list-li-mt-xs-0>li {
        margin-top: 0
    }

    .list-li-mt-xs-5>li {
        margin-top: 5px
    }

    .list-li-mt-xs-10>li {
        margin-top: 10px
    }

    .list-li-mt-xs-15>li {
        margin-top: 15px
    }

    .list-li-mt-xs-20>li {
        margin-top: 20px
    }

    .list-li-mt-xs-25>li {
        margin-top: 25px
    }

    .list-li-mt-xs-30>li {
        margin-top: 30px
    }

    .list-li-mb-xs-0>li {
        margin-bottom: 0
    }

    .list-li-mb-xs-5>li {
        margin-bottom: 5px
    }

    .list-li-mb-xs-10>li {
        margin-bottom: 10px
    }

    .list-li-mb-xs-15>li {
        margin-bottom: 15px
    }

    .list-li-mb-xs-20>li {
        margin-bottom: 20px
    }

    .list-li-mb-xs-25>li {
        margin-bottom: 25px
    }

    .list-li-mb-xs-30>li {
        margin-bottom: 30px
    }

    .list-li-plr-xs-0>li {
        padding-right: 0;
        padding-left: 0
    }

    .list-li-plr-xs-5>li {
        padding-right: 5px;
        padding-left: 5px
    }

    .list-li-plr-xs-10>li {
        padding-right: 10px;
        padding-left: 10px
    }

    .list-li-plr-xs-15>li {
        padding-right: 15px;
        padding-left: 15px
    }

    .list-li-plr-xs-20>li {
        padding-right: 20px;
        padding-left: 20px
    }

    .list-li-plr-xs-25>li {
        padding-right: 25px;
        padding-left: 25px
    }

    .list-li-plr-xs-30>li {
        padding-right: 30px;
        padding-left: 30px
    }

    .list-li-ptb-xs-0>li {
        padding-top: 0;
        padding-bottom: 0
    }

    .list-li-ptb-xs-5>li {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .list-li-ptb-xs-10>li {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .list-li-ptb-xs-15>li {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .list-li-ptb-xs-20>li {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .list-li-ptb-xs-25>li {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .list-li-ptb-xs-30>li {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .list-li-pr-xs-0>li {
        padding-left: 0
    }

    .list-li-pr-xs-5>li {
        padding-left: 5px
    }

    .list-li-pr-xs-10>li {
        padding-left: 10px
    }

    .list-li-pr-xs-15>li {
        padding-left: 15px
    }

    .list-li-pr-xs-20>li {
        padding-left: 20px
    }

    .list-li-pr-xs-25>li {
        padding-left: 25px
    }

    .list-li-pr-xs-30>li {
        padding-left: 30px
    }

    .list-li-pl-xs-0>li {
        padding-right: 0
    }

    .list-li-pl-xs-5>li {
        padding-right: 5px
    }

    .list-li-pl-xs-10>li {
        padding-right: 10px
    }

    .list-li-pl-xs-15>li {
        padding-right: 15px
    }

    .list-li-pl-xs-20>li {
        padding-right: 20px
    }

    .list-li-pl-xs-25>li {
        padding-right: 25px
    }

    .list-li-pl-xs-30>li {
        padding-right: 30px
    }

    .list-li-pt-xs-0>li {
        padding-top: 0
    }

    .list-li-pt-xs-5>li {
        padding-top: 5px
    }

    .list-li-pt-xs-10>li {
        padding-top: 10px
    }

    .list-li-pt-xs-15>li {
        padding-top: 15px
    }

    .list-li-pt-xs-20>li {
        padding-top: 20px
    }

    .list-li-pt-xs-25>li {
        padding-top: 25px
    }

    .list-li-pt-xs-30>li {
        padding-top: 30px
    }

    .list-li-pb-xs-0>li {
        padding-bottom: 0
    }

    .list-li-pb-xs-5>li {
        padding-bottom: 5px
    }

    .list-li-pb-xs-10>li {
        padding-bottom: 10px
    }

    .list-li-pb-xs-15>li {
        padding-bottom: 15px
    }

    .list-li-pb-xs-20>li {
        padding-bottom: 20px
    }

    .list-li-pb-xs-25>li {
        padding-bottom: 25px
    }

    .list-li-pb-xs-30>li {
        padding-bottom: 30px
    }
}

.m-5 {
    margin: 5px !important
}

.m-10 {
    margin: 10px !important
}

.m-15 {
    margin: 15px !important
}

.m-20 {
    margin: 20px !important
}

.m-25 {
    margin: 25px !important
}

.m-30 {
    margin: 30px !important
}

.m-40 {
    margin: 40px !important
}

.m-50 {
    margin: 50px !important
}

.mtb-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important
}

.mtb-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important
}

.mtb-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important
}

.mtb-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important
}

.mtb-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important
}

.mtb-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important
}

.mtb-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important
}

.mtb-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important
}

.mb-5 {
    margin-bottom: 5px !important
}

.mb-10 {
    margin-bottom: 10px !important
}

.mb-15 {
    margin-bottom: 15px !important
}

.mb-20 {
    margin-bottom: 20px !important
}

.mb-25 {
    margin-bottom: 25px !important
}

.mb-30 {
    margin-bottom: 30px !important
}

.mb-40 {
    margin-bottom: 40px !important
}

.mb-50 {
    margin-bottom: 50px !important
}

.mt-5 {
    margin-top: 5px !important
}

.mt-10 {
    margin-top: 10px !important
}

.mt-15 {
    margin-top: 15px !important
}

.mt-20 {
    margin-top: 20px !important
}

.mt-25 {
    margin-top: 25px !important
}

.mt-30 {
    margin-top: 30px !important
}

.mt-40 {
    margin-top: 40px !important
}

.mt-50 {
    margin-top: 50px !important
}

.mt-60 {
    margin-top: 60px !important
}

.mlr-5 {
    margin-right: 5px !important;
    margin-left: 5px !important
}

.mlr-10 {
    margin-right: 10px !important;
    margin-left: 10px !important
}

.mlr-15 {
    margin-right: 15px !important;
    margin-left: 15px !important
}

.mlr-20 {
    margin-right: 20px !important;
    margin-left: 20px !important
}

.mlr-25 {
    margin-right: 25px !important;
    margin-left: 25px !important
}

.mlr-30 {
    margin-right: 30px !important;
    margin-left: 30px !important
}

.mlr-40 {
    margin-right: 40px !important;
    margin-left: 40px !important
}

.mlr-50 {
    margin-right: 50px !important;
    margin-left: 50px !important
}

.ml-5 {
    margin-right: 5px !important
}

.ml-10 {
    margin-right: 10px !important
}

.ml-15 {
    margin-right: 15px !important
}

.ml-20 {
    margin-right: 20px !important
}

.ml-25 {
    margin-right: 25px !important
}

.ml-30 {
    margin-right: 30px !important
}

.ml-40 {
    margin-right: 40px !important
}

.ml-50 {
    margin-right: 50px !important
}

.ml-60 {
    margin-right: 60px !important
}

.ml-70 {
    margin-right: 70px !important
}

.ml-80 {
    margin-right: 80px !important
}

.ml-85 {
    margin-right: 85px !important
}

.ml-90 {
    margin-right: 90px !important
}

.ml-100 {
    margin-right: 100px !important
}

.ml-110 {
    margin-right: 110px !important
}

.ml-115 {
    margin-right: 115px !important
}

.ml-120 {
    margin-right: 120px !important
}

.mr-5 {
    margin-left: 5px !important
}

.mr-10 {
    margin-left: 10px !important
}

.mr-15 {
    margin-left: 15px !important
}

.mr-20 {
    margin-left: 20px !important
}

.mr-25 {
    margin-left: 25px !important
}

.mr-30 {
    margin-left: 30px !important
}

.mr-40 {
    margin-left: 40px !important
}

.mr-50 {
    margin-left: 50px !important
}

.mr-100 {
    margin-left: 100px !important
}

.mr-110 {
    margin-left: 110px !important
}

.mr-115 {
    margin-left: 115px !important
}

.mr-120 {
    margin-left: 120px !important
}

.m-auto {
    margin: auto
}

.mtb-auto {
    margin-top: auto;
    margin-bottom: auto
}

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

@media only screen and (max-width:992px) {
    .m-md-0 {
        margin: 0px !important
    }

    .m-md-5 {
        margin: 5px !important
    }

    .m-md-10 {
        margin: 10px !important
    }

    .m-md-15 {
        margin: 15px !important
    }

    .m-md-20 {
        margin: 20px !important
    }

    .m-md-25 {
        margin: 25px !important
    }

    .m-md-30 {
        margin: 30px !important
    }

    .m-md-40 {
        margin: 40px !important
    }

    .m-md-50 {
        margin: 50px !important
    }

    .mtb-md-0 {
        margin-top: 0px !important;
        margin-bottom: 0px !important
    }

    .mtb-md-5 {
        margin-top: 5px !important;
        margin-bottom: 5px !important
    }

    .mtb-md-10 {
        margin-top: 10px !important;
        margin-bottom: 10px !important
    }

    .mtb-md-15 {
        margin-top: 15px !important;
        margin-bottom: 15px !important
    }

    .mtb-md-20 {
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }

    .mtb-md-25 {
        margin-top: 25px !important;
        margin-bottom: 25px !important
    }

    .mtb-md-30 {
        margin-top: 30px !important;
        margin-bottom: 30px !important
    }

    .mtb-md-40 {
        margin-top: 40px !important;
        margin-bottom: 40px !important
    }

    .mtb-md-50 {
        margin-top: 50px !important;
        margin-bottom: 50px !important
    }

    .mb-md-0 {
        margin-bottom: 0px !important
    }

    .mb-md-5 {
        margin-bottom: 5px !important
    }

    .mb-md-10 {
        margin-bottom: 10px !important
    }

    .mb-md-15 {
        margin-bottom: 15px !important
    }

    .mb-md-20 {
        margin-bottom: 20px !important
    }

    .mb-md-25 {
        margin-bottom: 25px !important
    }

    .mb-md-30 {
        margin-bottom: 30px !important
    }

    .mb-md-40 {
        margin-bottom: 40px !important
    }

    .mb-md-50 {
        margin-bottom: 50px !important
    }

    .mt-md-0 {
        margin-top: 0px !important
    }

    .mt-md-5 {
        margin-top: 5px !important
    }

    .mt-md-10 {
        margin-top: 10px !important
    }

    .mt-md-15 {
        margin-top: 15px !important
    }

    .mt-md-20 {
        margin-top: 20px !important
    }

    .mt-md-25 {
        margin-top: 25px !important
    }

    .mt-md-30 {
        margin-top: 30px !important
    }

    .mt-md-40 {
        margin-top: 40px !important
    }

    .mt-md-50 {
        margin-top: 50px !important
    }

    .mlr-md-0 {
        margin-right: 0px !important;
        margin-left: 0px !important
    }

    .mlr-md-5 {
        margin-right: 5px !important;
        margin-left: 5px !important
    }

    .mlr-md-10 {
        margin-right: 10px !important;
        margin-left: 10px !important
    }

    .mlr-md-15 {
        margin-right: 15px !important;
        margin-left: 15px !important
    }

    .mlr-md-20 {
        margin-right: 20px !important;
        margin-left: 20px !important
    }

    .mlr-md-25 {
        margin-right: 25px !important;
        margin-left: 25px !important
    }

    .mlr-md-30 {
        margin-right: 30px !important;
        margin-left: 30px !important
    }

    .mlr-md-40 {
        margin-right: 40px !important;
        margin-left: 40px !important
    }

    .mlr-md-50 {
        margin-right: 50px !important;
        margin-left: 50px !important
    }

    .ml-md-0 {
        margin-right: 0px !important
    }

    .ml-md-5 {
        margin-right: 5px !important
    }

    .ml-md-10 {
        margin-right: 10px !important
    }

    .ml-md-15 {
        margin-right: 15px !important
    }

    .ml-md-20 {
        margin-right: 20px !important
    }

    .ml-md-25 {
        margin-right: 25px !important
    }

    .ml-md-30 {
        margin-right: 30px !important
    }

    .ml-md-40 {
        margin-right: 40px !important
    }

    .ml-md-50 {
        margin-right: 50px !important
    }

    .ml-md-60 {
        margin-right: 60px !important
    }

    .ml-md-70 {
        margin-right: 70px !important
    }

    .ml-md-80 {
        margin-right: 80px !important
    }

    .ml-md-85 {
        margin-right: 85px !important
    }

    .ml-md-90 {
        margin-right: 90px !important
    }

    .ml-md-100 {
        margin-right: 100px !important
    }

    .ml-md-110 {
        margin-right: 110px !important
    }

    .ml-md-115 {
        margin-right: 115px !important
    }

    .ml-md-120 {
        margin-right: 120px !important
    }

    .mr-md-0 {
        margin-left: 0px !important
    }

    .mr-md-5 {
        margin-left: 5px !important
    }

    .mr-md-10 {
        margin-left: 10px !important
    }

    .mr-md-15 {
        margin-left: 15px !important
    }

    .mr-md-20 {
        margin-left: 20px !important
    }

    .mr-md-25 {
        margin-left: 25px !important
    }

    .mr-md-30 {
        margin-left: 30px !important
    }

    .mr-md-40 {
        margin-left: 40px !important
    }

    .mr-md-50 {
        margin-left: 50px !important
    }

    .mr-md-100 {
        margin-left: 100px !important
    }

    .mr-md-110 {
        margin-left: 110px !important
    }

    .mr-md-115 {
        margin-left: 115px !important
    }

    .mr-md-120 {
        margin-left: 120px !important
    }

    .m-md-auto {
        margin: auto
    }

    .mtb-md-auto {
        margin-top: auto;
        margin-bottom: auto
    }

    .mlr-md-auto {
        margin-right: auto;
        margin-left: auto
    }
}

@media only screen and (max-width:767px) {
    .m-sm-0 {
        margin: 0px !important
    }

    .m-sm-5 {
        margin: 5px !important
    }

    .m-sm-10 {
        margin: 10px !important
    }

    .m-sm-15 {
        margin: 15px !important
    }

    .m-sm-20 {
        margin: 20px !important
    }

    .m-sm-25 {
        margin: 25px !important
    }

    .m-sm-30 {
        margin: 30px !important
    }

    .m-sm-40 {
        margin: 40px !important
    }

    .m-sm-50 {
        margin: 50px !important
    }

    .mtb-sm-0 {
        margin-top: 0px !important;
        margin-bottom: 0px !important
    }

    .mtb-sm-5 {
        margin-top: 5px !important;
        margin-bottom: 5px !important
    }

    .mtb-sm-10 {
        margin-top: 10px !important;
        margin-bottom: 10px !important
    }

    .mtb-sm-15 {
        margin-top: 15px !important;
        margin-bottom: 15px !important
    }

    .mtb-sm-20 {
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }

    .mtb-sm-25 {
        margin-top: 25px !important;
        margin-bottom: 25px !important
    }

    .mtb-sm-30 {
        margin-top: 30px !important;
        margin-bottom: 30px !important
    }

    .mtb-sm-40 {
        margin-top: 40px !important;
        margin-bottom: 40px !important
    }

    .mtb-sm-50 {
        margin-top: 50px !important;
        margin-bottom: 50px !important
    }

    .mb-sm-0 {
        margin-bottom: 0px !important
    }

    .mb-sm-5 {
        margin-bottom: 5px !important
    }

    .mb-sm-10 {
        margin-bottom: 10px !important
    }

    .mb-sm-15 {
        margin-bottom: 15px !important
    }

    .mb-sm-20 {
        margin-bottom: 20px !important
    }

    .mb-sm-25 {
        margin-bottom: 25px !important
    }

    .mb-sm-30 {
        margin-bottom: 30px !important
    }

    .mb-sm-40 {
        margin-bottom: 40px !important
    }

    .mb-sm-50 {
        margin-bottom: 50px !important
    }

    .mt-sm-0 {
        margin-top: 0px !important
    }

    .mt-sm-5 {
        margin-top: 5px !important
    }

    .mt-sm-10 {
        margin-top: 10px !important
    }

    .mt-sm-15 {
        margin-top: 15px !important
    }

    .mt-sm-20 {
        margin-top: 20px !important
    }

    .mt-sm-25 {
        margin-top: 25px !important
    }

    .mt-sm-30 {
        margin-top: 30px !important
    }

    .mt-sm-40 {
        margin-top: 40px !important
    }

    .mt-sm-50 {
        margin-top: 50px !important
    }

    .mlr-sm-0 {
        margin-right: 0px !important;
        margin-left: 0px !important
    }

    .mlr-sm-5 {
        margin-right: 5px !important;
        margin-left: 5px !important
    }

    .mlr-sm-10 {
        margin-right: 10px !important;
        margin-left: 10px !important
    }

    .mlr-sm-15 {
        margin-right: 15px !important;
        margin-left: 15px !important
    }

    .mlr-sm-20 {
        margin-right: 20px !important;
        margin-left: 20px !important
    }

    .mlr-sm-25 {
        margin-right: 25px !important;
        margin-left: 25px !important
    }

    .mlr-sm-30 {
        margin-right: 30px !important;
        margin-left: 30px !important
    }

    .mlr-sm-40 {
        margin-right: 40px !important;
        margin-left: 40px !important
    }

    .mlr-sm-50 {
        margin-right: 50px !important;
        margin-left: 50px !important
    }

    .ml-sm-0 {
        margin-right: 0px !important
    }

    .ml-sm-5 {
        margin-right: 5px !important
    }

    .ml-sm-10 {
        margin-right: 10px !important
    }

    .ml-sm-15 {
        margin-right: 15px !important
    }

    .ml-sm-20 {
        margin-right: 20px !important
    }

    .ml-sm-25 {
        margin-right: 25px !important
    }

    .ml-sm-30 {
        margin-right: 30px !important
    }

    .ml-sm-40 {
        margin-right: 40px !important
    }

    .ml-sm-50 {
        margin-right: 50px !important
    }

    .ml-sm-60 {
        margin-right: 60px !important
    }

    .ml-sm-70 {
        margin-right: 70px !important
    }

    .ml-sm-80 {
        margin-right: 80px !important
    }

    .ml-sm-85 {
        margin-right: 85px !important
    }

    .ml-sm-90 {
        margin-right: 90px !important
    }

    .ml-sm-100 {
        margin-right: 100px !important
    }

    .ml-sm-110 {
        margin-right: 110px !important
    }

    .ml-sm-120 {
        margin-right: 120px !important
    }

    .mr-sm-0 {
        margin-left: 0px !important
    }

    .mr-sm-5 {
        margin-left: 5px !important
    }

    .mr-sm-10 {
        margin-left: 10px !important
    }

    .mr-sm-15 {
        margin-left: 15px !important
    }

    .mr-sm-20 {
        margin-left: 20px !important
    }

    .mr-sm-25 {
        margin-left: 25px !important
    }

    .mr-sm-30 {
        margin-left: 30px !important
    }

    .mr-sm-40 {
        margin-left: 40px !important
    }

    .mr-sm-50 {
        margin-left: 50px !important
    }

    .mr-sm-100 {
        margin-left: 100px !important
    }

    .mr-sm-110 {
        margin-left: 110px !important
    }

    .mr-sm-120 {
        margin-left: 120px !important
    }

    .m-sm-auto {
        margin: auto
    }

    .mtb-sm-auto {
        margin-top: auto;
        margin-bottom: auto
    }

    .mlr-sm-auto {
        margin-right: auto;
        margin-left: auto
    }
}

@media only screen and (max-width:576px) {
    .m-xs-0 {
        margin: 0px !important
    }

    .m-xs-5 {
        margin: 5px !important
    }

    .m-xs-10 {
        margin: 10px !important
    }

    .m-xs-15 {
        margin: 15px !important
    }

    .m-xs-20 {
        margin: 20px !important
    }

    .m-xs-25 {
        margin: 25px !important
    }

    .m-xs-30 {
        margin: 30px !important
    }

    .m-xs-40 {
        margin: 40px !important
    }

    .m-xs-50 {
        margin: 50px !important
    }

    .mtb-xs-0 {
        margin-top: 0px !important;
        margin-bottom: 0px !important
    }

    .mtb-xs-5 {
        margin-top: 5px !important;
        margin-bottom: 5px !important
    }

    .mtb-xs-10 {
        margin-top: 10px !important;
        margin-bottom: 10px !important
    }

    .mtb-xs-15 {
        margin-top: 15px !important;
        margin-bottom: 15px !important
    }

    .mtb-xs-20 {
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }

    .mtb-xs-25 {
        margin-top: 25px !important;
        margin-bottom: 25px !important
    }

    .mtb-xs-30 {
        margin-top: 30px !important;
        margin-bottom: 30px !important
    }

    .mtb-xs-40 {
        margin-top: 40px !important;
        margin-bottom: 40px !important
    }

    .mtb-xs-50 {
        margin-top: 50px !important;
        margin-bottom: 50px !important
    }

    .mb-xs-0 {
        margin-bottom: 0px !important
    }

    .mb-xs-5 {
        margin-bottom: 5px !important
    }

    .mb-xs-10 {
        margin-bottom: 10px !important
    }

    .mb-xs-15 {
        margin-bottom: 15px !important
    }

    .mb-xs-20 {
        margin-bottom: 20px !important
    }

    .mb-xs-25 {
        margin-bottom: 25px !important
    }

    .mb-xs-30 {
        margin-bottom: 30px !important
    }

    .mb-xs-40 {
        margin-bottom: 40px !important
    }

    .mb-xs-50 {
        margin-bottom: 50px !important
    }

    .mt-xs-0 {
        margin-top: 0px !important
    }

    .mt-xs-5 {
        margin-top: 5px !important
    }

    .mt-xs-10 {
        margin-top: 10px !important
    }

    .mt-xs-15 {
        margin-top: 15px !important
    }

    .mt-xs-20 {
        margin-top: 20px !important
    }

    .mt-xs-25 {
        margin-top: 25px !important
    }

    .mt-xs-30 {
        margin-top: 30px !important
    }

    .mt-xs-40 {
        margin-top: 40px !important
    }

    .mt-xs-50 {
        margin-top: 50px !important
    }

    .mlr-xs-0 {
        margin-right: 0px !important;
        margin-left: 0px !important
    }

    .mlr-xs-5 {
        margin-right: 5px !important;
        margin-left: 5px !important
    }

    .mlr-xs-10 {
        margin-right: 10px !important;
        margin-left: 10px !important
    }

    .mlr-xs-15 {
        margin-right: 15px !important;
        margin-left: 15px !important
    }

    .mlr-xs-20 {
        margin-right: 20px !important;
        margin-left: 20px !important
    }

    .mlr-xs-25 {
        margin-right: 25px !important;
        margin-left: 25px !important
    }

    .mlr-xs-30 {
        margin-right: 30px !important;
        margin-left: 30px !important
    }

    .mlr-xs-40 {
        margin-right: 40px !important;
        margin-left: 40px !important
    }

    .mlr-xs-50 {
        margin-right: 50px !important;
        margin-left: 50px !important
    }

    .ml-xs-0 {
        margin-right: 0px !important
    }

    .ml-xs-5 {
        margin-right: 5px !important
    }

    .ml-xs-10 {
        margin-right: 10px !important
    }

    .ml-xs-15 {
        margin-right: 15px !important
    }

    .ml-xs-20 {
        margin-right: 20px !important
    }

    .ml-xs-25 {
        margin-right: 25px !important
    }

    .ml-xs-30 {
        margin-right: 30px !important
    }

    .ml-xs-40 {
        margin-right: 40px !important
    }

    .ml-xs-50 {
        margin-right: 50px !important
    }

    .ml-xs-60 {
        margin-right: 60px !important
    }

    .ml-xs-70 {
        margin-right: 70px !important
    }

    .ml-xs-80 {
        margin-right: 80px !important
    }

    .ml-xs-85 {
        margin-right: 85px !important
    }

    .ml-xs-90 {
        margin-right: 90px !important
    }

    .ml-xs-100 {
        margin-right: 100px !important
    }

    .ml-xs-110 {
        margin-right: 110px !important
    }

    .ml-xs-120 {
        margin-right: 120px !important
    }

    .mr-xs-0 {
        margin-left: 0px !important
    }

    .mr-xs-5 {
        margin-left: 5px !important
    }

    .mr-xs-10 {
        margin-left: 10px !important
    }

    .mr-xs-15 {
        margin-left: 15px !important
    }

    .mr-xs-20 {
        margin-left: 20px !important
    }

    .mr-xs-25 {
        margin-left: 25px !important
    }

    .mr-xs-30 {
        margin-left: 30px !important
    }

    .mr-xs-40 {
        margin-left: 40px !important
    }

    .mr-xs-50 {
        margin-left: 50px !important
    }

    .mr-xs-100 {
        margin-left: 100px !important
    }

    .mr-xs-110 {
        margin-left: 110px !important
    }

    .mr-xs-120 {
        margin-left: 120px !important
    }

    .m-xs-auto {
        margin: auto
    }

    .mtb-xs-auto {
        margin-top: auto;
        margin-bottom: auto
    }

    .mlr-xs-auto {
        margin-right: auto;
        margin-left: auto
    }
}

.p-0 {
    padding: 0px !important
}

.p-5 {
    padding: 5px !important
}

.p-10 {
    padding: 10px !important
}

.p-15 {
    padding: 15px !important
}

.p-20 {
    padding: 20px !important
}

.p-25 {
    padding: 25px !important
}

.p-30 {
    padding: 30px !important
}

.p-40 {
    padding: 40px !important
}

.p-50 {
    padding: 50px !important
}

.p-60 {
    padding: 60px !important
}

.p-70 {
    padding: 70px !important
}

.p-80 {
    padding: 80px !important
}

.p-90 {
    padding: 90px !important
}

.pt-0 {
    padding-top: 0px !important
}

.pt-5 {
    padding-top: 5px !important
}

.pt-10 {
    padding-top: 10px !important
}

.pt-15 {
    padding-top: 15px !important
}

.pt-20 {
    padding-top: 20px !important
}

.pt-25 {
    padding-top: 25px !important
}

.pt-30 {
    padding-top: 30px !important
}

.pt-40 {
    padding-top: 40px !important
}

.pt-50 {
    padding-top: 50px !important
}

.pt-60 {
    padding-top: 60px !important
}

.pt-70 {
    padding-top: 70px !important
}

.pt-80 {
    padding-top: 80px !important
}

.pt-90 {
    padding-top: 90px !important
}

.pb-0 {
    padding-bottom: 0px !important
}

.pb-5 {
    padding-bottom: 5px !important
}

.pb-10 {
    padding-bottom: 10px !important
}

.pb-15 {
    padding-bottom: 15px !important
}

.pb-20 {
    padding-bottom: 20px !important
}

.pb-25 {
    padding-bottom: 25px !important
}

.pb-30 {
    padding-bottom: 30px !important
}

.pb-40 {
    padding-bottom: 40px !important
}

.pb-50 {
    padding-bottom: 50px !important
}

.pt-60 {
    padding-bottom: 60px !important
}

.pt-70 {
    padding-bottom: 70px !important
}

.pt-80 {
    padding-bottom: 80px !important
}

.pt-90 {
    padding-bottom: 90px !important
}

.pl-0 {
    padding-right: 0px !important
}

.pl-5 {
    padding-right: 5px !important
}

.pl-10 {
    padding-right: 10px !important
}

.pl-15 {
    padding-right: 15px !important
}

.pl-20 {
    padding-right: 20px !important
}

.pl-25 {
    padding-right: 25px !important
}

.pl-30 {
    padding-right: 30px !important
}

.pl-40 {
    padding-right: 40px !important
}

.pl-50 {
    padding-right: 50px !important
}

.pl-60 {
    padding-right: 60px !important
}

.pl-70 {
    padding-right: 70px !important
}

.pl-80 {
    padding-right: 80px !important
}

.pl-90 {
    padding-right: 90px !important
}

.pr-0 {
    padding-left: 0px !important
}

.pr-5 {
    padding-left: 5px !important
}

.pr-10 {
    padding-left: 10px !important
}

.pr-15 {
    padding-left: 15px !important
}

.pr-20 {
    padding-left: 20px !important
}

.pr-25 {
    padding-left: 25px !important
}

.pr-30 {
    padding-left: 30px !important
}

.pr-40 {
    padding-left: 40px !important
}

.pr-50 {
    padding-left: 50px !important
}

.pr-60 {
    padding-left: 60px !important
}

.pr-70 {
    padding-left: 70px !important
}

.pr-80 {
    padding-left: 80px !important
}

.pr-90 {
    padding-left: 90px !important
}

.ptb-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important
}

.ptb-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important
}

.ptb-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.ptb-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important
}

.ptb-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important
}

.ptb-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important
}

.ptb-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important
}

.ptb-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important
}

.ptb-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important
}

.ptb-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important
}

.ptb-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important
}

.ptb-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important
}

.ptb-90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important
}

.plr-0 {
    padding-right: 0px !important;
    padding-left: 0px !important
}

.plr-5 {
    padding-right: 5px !important;
    padding-left: 5px !important
}

.plr-10 {
    padding-right: 10px !important;
    padding-left: 10px !important
}

.plr-15 {
    padding-right: 15px !important;
    padding-left: 15px !important
}

.plr-20 {
    padding-right: 20px !important;
    padding-left: 20px !important
}

.plr-25 {
    padding-right: 25px !important;
    padding-left: 25px !important
}

.plr-30 {
    padding-right: 30px !important;
    padding-left: 30px !important
}

.plr-40 {
    padding-right: 40px !important;
    padding-left: 40px !important
}

.plr-50 {
    padding-right: 50px !important;
    padding-left: 50px !important
}

.plr-60 {
    padding-right: 60px !important;
    padding-left: 60px !important
}

.plr-70 {
    padding-right: 70px !important;
    padding-left: 70px !important
}

.plr-80 {
    padding-right: 80px !important;
    padding-left: 80px !important
}

.plr-90 {
    padding-right: 90px !important;
    padding-left: 90px !important
}

@media only screen and (max-width:992px) {
    .p-md-0 {
        padding: 0px !important
    }

    .p-md-5 {
        padding: 5px !important
    }

    .p-md-10 {
        padding: 10px !important
    }

    .p-md-15 {
        padding: 15px !important
    }

    .p-md-20 {
        padding: 20px !important
    }

    .p-md-25 {
        padding: 25px !important
    }

    .p-md-30 {
        padding: 30px !important
    }

    .p-md-40 {
        padding: 40px !important
    }

    .p-md-50 {
        padding: 50px !important
    }

    .p-md-60 {
        padding: 60px !important
    }

    .p-md-70 {
        padding: 70px !important
    }

    .p-md-80 {
        padding: 80px !important
    }

    .p-md-90 {
        padding: 90px !important
    }

    .pt-md-0 {
        padding-top: 0px !important
    }

    .pt-md-5 {
        padding-top: 5px !important
    }

    .pt-md-10 {
        padding-top: 10px !important
    }

    .pt-md-15 {
        padding-top: 15px !important
    }

    .pt-md-20 {
        padding-top: 20px !important
    }

    .pt-md-25 {
        padding-top: 25px !important
    }

    .pt-md-30 {
        padding-top: 30px !important
    }

    .pt-md-40 {
        padding-top: 40px !important
    }

    .pt-md-50 {
        padding-top: 50px !important
    }

    .pt-md-60 {
        padding-top: 60px !important
    }

    .pt-md-70 {
        padding-top: 70px !important
    }

    .pt-md-80 {
        padding-top: 80px !important
    }

    .pt-md-90 {
        padding-top: 90px !important
    }

    .pb-md-0 {
        padding-bottom: 0px !important
    }

    .pb-md-5 {
        padding-bottom: 5px !important
    }

    .pb-md-10 {
        padding-bottom: 10px !important
    }

    .pb-md-15 {
        padding-bottom: 15px !important
    }

    .pb-md-20 {
        padding-bottom: 20px !important
    }

    .pb-md-25 {
        padding-bottom: 25px !important
    }

    .pb-md-30 {
        padding-bottom: 30px !important
    }

    .pb-md-40 {
        padding-bottom: 40px !important
    }

    .pb-md-50 {
        padding-bottom: 50px !important
    }

    .pt-md-60 {
        padding-bottom: 60px !important
    }

    .pt-md-70 {
        padding-bottom: 70px !important
    }

    .pt-md-80 {
        padding-bottom: 80px !important
    }

    .pt-md-90 {
        padding-bottom: 90px !important
    }

    .pl-md-0 {
        padding-right: 0px !important
    }

    .pl-md-5 {
        padding-right: 5px !important
    }

    .pl-md-10 {
        padding-right: 10px !important
    }

    .pl-md-15 {
        padding-right: 15px !important
    }

    .pl-md-20 {
        padding-right: 20px !important
    }

    .pl-md-25 {
        padding-right: 25px !important
    }

    .pl-md-30 {
        padding-right: 30px !important
    }

    .pl-md-40 {
        padding-right: 40px !important
    }

    .pl-md-50 {
        padding-right: 50px !important
    }

    .pl-md-60 {
        padding-right: 60px !important
    }

    .pl-md-70 {
        padding-right: 70px !important
    }

    .pl-md-80 {
        padding-right: 80px !important
    }

    .pl-md-90 {
        padding-right: 90px !important
    }

    .pr-md-0 {
        padding-left: 0px !important
    }

    .pr-md-5 {
        padding-left: 5px !important
    }

    .pr-md-10 {
        padding-left: 10px !important
    }

    .pr-md-15 {
        padding-left: 15px !important
    }

    .pr-md-20 {
        padding-left: 20px !important
    }

    .pr-md-25 {
        padding-left: 25px !important
    }

    .pr-md-30 {
        padding-left: 30px !important
    }

    .pr-md-40 {
        padding-left: 40px !important
    }

    .pr-md-50 {
        padding-left: 50px !important
    }

    .pr-md-60 {
        padding-left: 60px !important
    }

    .pr-md-70 {
        padding-left: 70px !important
    }

    .pr-md-80 {
        padding-left: 80px !important
    }

    .pr-md-90 {
        padding-left: 90px !important
    }

    .ptb-md-0 {
        padding-top: 0px !important;
        padding-bottom: 0px !important
    }

    .ptb-md-5 {
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }

    .ptb-md-10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }

    .ptb-md-15 {
        padding-top: 15px !important;
        padding-bottom: 15px !important
    }

    .ptb-md-20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }

    .ptb-md-25 {
        padding-top: 25px !important;
        padding-bottom: 25px !important
    }

    .ptb-md-30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }

    .ptb-md-40 {
        padding-top: 40px !important;
        padding-bottom: 40px !important
    }

    .ptb-md-50 {
        padding-top: 50px !important;
        padding-bottom: 50px !important
    }

    .ptb-md-60 {
        padding-top: 60px !important;
        padding-bottom: 60px !important
    }

    .ptb-md-70 {
        padding-top: 70px !important;
        padding-bottom: 70px !important
    }

    .ptb-md-80 {
        padding-top: 80px !important;
        padding-bottom: 80px !important
    }

    .ptb-md-90 {
        padding-top: 90px !important;
        padding-bottom: 90px !important
    }

    .plr-md-0 {
        padding-right: 0px !important;
        padding-left: 0px !important
    }

    .plr-md-5 {
        padding-right: 5px !important;
        padding-left: 5px !important
    }

    .plr-md-10 {
        padding-right: 10px !important;
        padding-left: 10px !important
    }

    .plr-md-15 {
        padding-right: 15px !important;
        padding-left: 15px !important
    }

    .plr-md-20 {
        padding-right: 20px !important;
        padding-left: 20px !important
    }

    .plr-md-25 {
        padding-right: 25px !important;
        padding-left: 25px !important
    }

    .plr-md-30 {
        padding-right: 30px !important;
        padding-left: 30px !important
    }

    .plr-md-40 {
        padding-right: 40px !important;
        padding-left: 40px !important
    }

    .plr-md-50 {
        padding-right: 50px !important;
        padding-left: 50px !important
    }

    .plr-md-60 {
        padding-right: 60px !important;
        padding-left: 60px !important
    }

    .plr-md-70 {
        padding-right: 70px !important;
        padding-left: 70px !important
    }

    .plr-md-80 {
        padding-right: 80px !important;
        padding-left: 80px !important
    }

    .plr-md-90 {
        padding-right: 90px !important;
        padding-left: 90px !important
    }
}

@media only screen and (max-width:767px) {
    .p-sm-0 {
        padding: 0px !important
    }

    .p-sm-5 {
        padding: 5px !important
    }

    .p-sm-10 {
        padding: 10px !important
    }

    .p-sm-15 {
        padding: 15px !important
    }

    .p-sm-20 {
        padding: 20px !important
    }

    .p-sm-25 {
        padding: 25px !important
    }

    .p-sm-30 {
        padding: 30px !important
    }

    .p-sm-40 {
        padding: 40px !important
    }

    .p-sm-50 {
        padding: 50px !important
    }

    .p-sm-60 {
        padding: 60px !important
    }

    .p-sm-70 {
        padding: 70px !important
    }

    .p-sm-80 {
        padding: 80px !important
    }

    .p-sm-90 {
        padding: 90px !important
    }

    .pt-sm-0 {
        padding-top: 0px !important
    }

    .pt-sm-5 {
        padding-top: 5px !important
    }

    .pt-sm-10 {
        padding-top: 10px !important
    }

    .pt-sm-15 {
        padding-top: 15px !important
    }

    .pt-sm-20 {
        padding-top: 20px !important
    }

    .pt-sm-25 {
        padding-top: 25px !important
    }

    .pt-sm-30 {
        padding-top: 30px !important
    }

    .pt-sm-40 {
        padding-top: 40px !important
    }

    .pt-sm-50 {
        padding-top: 50px !important
    }

    .pt-sm-60 {
        padding-top: 60px !important
    }

    .pt-sm-70 {
        padding-top: 70px !important
    }

    .pt-sm-80 {
        padding-top: 80px !important
    }

    .pt-sm-90 {
        padding-top: 90px !important
    }

    .pb-sm-0 {
        padding-bottom: 0px !important
    }

    .pb-sm-5 {
        padding-bottom: 5px !important
    }

    .pb-sm-10 {
        padding-bottom: 10px !important
    }

    .pb-sm-15 {
        padding-bottom: 15px !important
    }

    .pb-sm-20 {
        padding-bottom: 20px !important
    }

    .pb-sm-25 {
        padding-bottom: 25px !important
    }

    .pb-sm-30 {
        padding-bottom: 30px !important
    }

    .pb-sm-40 {
        padding-bottom: 40px !important
    }

    .pb-sm-50 {
        padding-bottom: 50px !important
    }

    .pt-sm-60 {
        padding-bottom: 60px !important
    }

    .pt-sm-70 {
        padding-bottom: 70px !important
    }

    .pt-sm-80 {
        padding-bottom: 80px !important
    }

    .pt-sm-90 {
        padding-bottom: 90px !important
    }

    .pl-sm-0 {
        padding-right: 0px !important
    }

    .pl-sm-5 {
        padding-right: 5px !important
    }

    .pl-sm-10 {
        padding-right: 10px !important
    }

    .pl-sm-15 {
        padding-right: 15px !important
    }

    .pl-sm-20 {
        padding-right: 20px !important
    }

    .pl-sm-25 {
        padding-right: 25px !important
    }

    .pl-sm-30 {
        padding-right: 30px !important
    }

    .pl-sm-40 {
        padding-right: 40px !important
    }

    .pl-sm-50 {
        padding-right: 50px !important
    }

    .pl-sm-60 {
        padding-right: 60px !important
    }

    .pl-sm-70 {
        padding-right: 70px !important
    }

    .pl-sm-80 {
        padding-right: 80px !important
    }

    .pl-sm-90 {
        padding-right: 90px !important
    }

    .pr-sm-0 {
        padding-left: 0px !important
    }

    .pr-sm-5 {
        padding-left: 5px !important
    }

    .pr-sm-10 {
        padding-left: 10px !important
    }

    .pr-sm-15 {
        padding-left: 15px !important
    }

    .pr-sm-20 {
        padding-left: 20px !important
    }

    .pr-sm-25 {
        padding-left: 25px !important
    }

    .pr-sm-30 {
        padding-left: 30px !important
    }

    .pr-sm-40 {
        padding-left: 40px !important
    }

    .pr-sm-50 {
        padding-left: 50px !important
    }

    .pr-sm-60 {
        padding-left: 60px !important
    }

    .pr-sm-70 {
        padding-left: 70px !important
    }

    .pr-sm-80 {
        padding-left: 80px !important
    }

    .pr-sm-90 {
        padding-left: 90px !important
    }

    .ptb-sm-0 {
        padding-top: 0px !important;
        padding-bottom: 0px !important
    }

    .ptb-sm-5 {
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }

    .ptb-sm-10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }

    .ptb-sm-15 {
        padding-top: 15px !important;
        padding-bottom: 15px !important
    }

    .ptb-sm-20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }

    .ptb-sm-25 {
        padding-top: 25px !important;
        padding-bottom: 25px !important
    }

    .ptb-sm-30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }

    .ptb-sm-40 {
        padding-top: 40px !important;
        padding-bottom: 40px !important
    }

    .ptb-sm-50 {
        padding-top: 50px !important;
        padding-bottom: 50px !important
    }

    .ptb-sm-60 {
        padding-top: 60px !important;
        padding-bottom: 60px !important
    }

    .ptb-sm-70 {
        padding-top: 70px !important;
        padding-bottom: 70px !important
    }

    .ptb-sm-80 {
        padding-top: 80px !important;
        padding-bottom: 80px !important
    }

    .ptb-sm-90 {
        padding-top: 90px !important;
        padding-bottom: 90px !important
    }

    .plr-sm-0 {
        padding-right: 0px !important;
        padding-left: 0px !important
    }

    .plr-sm-5 {
        padding-right: 5px !important;
        padding-left: 5px !important
    }

    .plr-sm-10 {
        padding-right: 10px !important;
        padding-left: 10px !important
    }

    .plr-sm-15 {
        padding-right: 15px !important;
        padding-left: 15px !important
    }

    .plr-sm-20 {
        padding-right: 20px !important;
        padding-left: 20px !important
    }

    .plr-sm-25 {
        padding-right: 25px !important;
        padding-left: 25px !important
    }

    .plr-sm-30 {
        padding-right: 30px !important;
        padding-left: 30px !important
    }

    .plr-sm-40 {
        padding-right: 40px !important;
        padding-left: 40px !important
    }

    .plr-sm-50 {
        padding-right: 50px !important;
        padding-left: 50px !important
    }

    .plr-sm-60 {
        padding-right: 60px !important;
        padding-left: 60px !important
    }

    .plr-sm-70 {
        padding-right: 70px !important;
        padding-left: 70px !important
    }

    .plr-sm-80 {
        padding-right: 80px !important;
        padding-left: 80px !important
    }

    .plr-sm-90 {
        padding-right: 90px !important;
        padding-left: 90px !important
    }
}

@media only screen and (max-width:576px) {
    .p-xs-0 {
        padding: 0px !important
    }

    .p-xs-5 {
        padding: 5px !important
    }

    .p-xs-10 {
        padding: 10px !important
    }

    .p-xs-15 {
        padding: 15px !important
    }

    .p-xs-20 {
        padding: 20px !important
    }

    .p-xs-25 {
        padding: 25px !important
    }

    .p-xs-30 {
        padding: 30px !important
    }

    .p-xs-40 {
        padding: 40px !important
    }

    .p-xs-50 {
        padding: 50px !important
    }

    .p-xs-60 {
        padding: 60px !important
    }

    .p-xs-70 {
        padding: 70px !important
    }

    .p-xs-80 {
        padding: 80px !important
    }

    .p-xs-90 {
        padding: 90px !important
    }

    .pt-xs-0 {
        padding-top: 0px !important
    }

    .pt-xs-5 {
        padding-top: 5px !important
    }

    .pt-xs-10 {
        padding-top: 10px !important
    }

    .pt-xs-15 {
        padding-top: 15px !important
    }

    .pt-xs-20 {
        padding-top: 20px !important
    }

    .pt-xs-25 {
        padding-top: 25px !important
    }

    .pt-xs-30 {
        padding-top: 30px !important
    }

    .pt-xs-40 {
        padding-top: 40px !important
    }

    .pt-xs-50 {
        padding-top: 50px !important
    }

    .pt-xs-60 {
        padding-top: 60px !important
    }

    .pt-xs-70 {
        padding-top: 70px !important
    }

    .pt-xs-80 {
        padding-top: 80px !important
    }

    .pt-xs-90 {
        padding-top: 90px !important
    }

    .pb-xs-0 {
        padding-bottom: 0px !important
    }

    .pb-xs-5 {
        padding-bottom: 5px !important
    }

    .pb-xs-10 {
        padding-bottom: 10px !important
    }

    .pb-xs-15 {
        padding-bottom: 15px !important
    }

    .pb-xs-20 {
        padding-bottom: 20px !important
    }

    .pb-xs-25 {
        padding-bottom: 25px !important
    }

    .pb-xs-30 {
        padding-bottom: 30px !important
    }

    .pb-xs-40 {
        padding-bottom: 40px !important
    }

    .pb-xs-50 {
        padding-bottom: 50px !important
    }

    .pt-xs-60 {
        padding-bottom: 60px !important
    }

    .pt-xs-70 {
        padding-bottom: 70px !important
    }

    .pt-xs-80 {
        padding-bottom: 80px !important
    }

    .pt-xs-90 {
        padding-bottom: 90px !important
    }

    .pl-xs-0 {
        padding-right: 0px !important
    }

    .pl-xs-5 {
        padding-right: 5px !important
    }

    .pl-xs-10 {
        padding-right: 10px !important
    }

    .pl-xs-15 {
        padding-right: 15px !important
    }

    .pl-xs-20 {
        padding-right: 20px !important
    }

    .pl-xs-25 {
        padding-right: 25px !important
    }

    .pl-xs-30 {
        padding-right: 30px !important
    }

    .pl-xs-40 {
        padding-right: 40px !important
    }

    .pl-xs-50 {
        padding-right: 50px !important
    }

    .pl-xs-60 {
        padding-right: 60px !important
    }

    .pl-xs-70 {
        padding-right: 70px !important
    }

    .pl-xs-80 {
        padding-right: 80px !important
    }

    .pl-xs-90 {
        padding-right: 90px !important
    }

    .pr-xs-0 {
        padding-left: 0px !important
    }

    .pr-xs-5 {
        padding-left: 5px !important
    }

    .pr-xs-10 {
        padding-left: 10px !important
    }

    .pr-xs-15 {
        padding-left: 15px !important
    }

    .pr-xs-20 {
        padding-left: 20px !important
    }

    .pr-xs-25 {
        padding-left: 25px !important
    }

    .pr-xs-30 {
        padding-left: 30px !important
    }

    .pr-xs-40 {
        padding-left: 40px !important
    }

    .pr-xs-50 {
        padding-left: 50px !important
    }

    .pr-xs-60 {
        padding-left: 60px !important
    }

    .pr-xs-70 {
        padding-left: 70px !important
    }

    .pr-xs-80 {
        padding-left: 80px !important
    }

    .pr-xs-90 {
        padding-left: 90px !important
    }

    .ptb-xs-0 {
        padding-top: 0px !important;
        padding-bottom: 0px !important
    }

    .ptb-xs-5 {
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }

    .ptb-xs-10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }

    .ptb-xs-15 {
        padding-top: 15px !important;
        padding-bottom: 15px !important
    }

    .ptb-xs-20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }

    .ptb-xs-25 {
        padding-top: 25px !important;
        padding-bottom: 25px !important
    }

    .ptb-xs-30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }

    .ptb-xs-40 {
        padding-top: 40px !important;
        padding-bottom: 40px !important
    }

    .ptb-xs-50 {
        padding-top: 50px !important;
        padding-bottom: 50px !important
    }

    .ptb-xs-60 {
        padding-top: 60px !important;
        padding-bottom: 60px !important
    }

    .ptb-xs-70 {
        padding-top: 70px !important;
        padding-bottom: 70px !important
    }

    .ptb-xs-80 {
        padding-top: 80px !important;
        padding-bottom: 80px !important
    }

    .ptb-xs-90 {
        padding-top: 90px !important;
        padding-bottom: 90px !important
    }

    .plr-xs-0 {
        padding-right: 0px !important;
        padding-left: 0px !important
    }

    .plr-xs-5 {
        padding-right: 5px !important;
        padding-left: 5px !important
    }

    .plr-xs-10 {
        padding-right: 10px !important;
        padding-left: 10px !important
    }

    .plr-xs-15 {
        padding-right: 15px !important;
        padding-left: 15px !important
    }

    .plr-xs-20 {
        padding-right: 20px !important;
        padding-left: 20px !important
    }

    .plr-xs-25 {
        padding-right: 25px !important;
        padding-left: 25px !important
    }

    .plr-xs-30 {
        padding-right: 30px !important;
        padding-left: 30px !important
    }

    .plr-xs-40 {
        padding-right: 40px !important;
        padding-left: 40px !important
    }

    .plr-xs-50 {
        padding-right: 50px !important;
        padding-left: 50px !important
    }

    .plr-xs-60 {
        padding-right: 60px !important;
        padding-left: 60px !important
    }

    .plr-xs-70 {
        padding-right: 70px !important;
        padding-left: 70px !important
    }

    .plr-xs-80 {
        padding-right: 80px !important;
        padding-left: 80px !important
    }

    .plr-xs-90 {
        padding-right: 90px !important;
        padding-left: 90px !important
    }
}

body {
    margin: 0;
    padding: 0;
    font-size: 13px;
    font-weight: 400;
    color: #000
}

.image p {
    font-size: 18px
}

p {
    font-size: 14px;
    font-weight: 400;
    text-align: justify;
    line-height: 30px
}

.rs_site_wraper {
    margin: 0;
    padding: 0;
    display: block;
    overflow: hidden
}

img {
    -webkit-print-color-adjust: exact;
    margin: 0;
    padding: 0;
    border: 0 none;
    max-width: 100%
}

.white_round_box {
    background: #fff;
    padding: 40px;
    box-sizing: border-box;
    box-shadow: 0 0 5px rgba(0, 0, 0, .05);
    border-radius: 15px
}

.btn_black {
    background: #000;
    color: #fff;
    transition: all .5s
}

.btn_black:hover {
    background: #fff;
    color: #888
}

.header_section {
    background: #fbfbfb;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .1);
    position: relative
}

.header_top {
    margin: 0;
    padding: 14px 0
}

.header_top .logo2,
.header_top .logo {
    display: block;
    margin: 0;
    padding: 0;
    float: revert;
    text-decoration: none
}

.header_top .logo img {
    width: 241px
}

.header_top .logo2 img,
.header_top .logo img {
    height: auto
}

.header_top .logo {
    margin-top: 16px
}

.header_top .logo2 {
    margin-right: 38%
}

.header_top .logo2 img {
    width: 180px
}

.header_top .social_top {
    float: left;
    margin: 40px 0;
    padding: 0;
    display: block
}

.text-red {
    color: var(--blue)
}

.header_top .social_top span {
    display: block;
    float: left;
    margin: 6px 7px 0 4px;
    padding: 0;
    font-size: 16px;
    font-weight: 600
}

.header_top .social_top div {
    display: block;
    float: left;
    margin: 0;
    padding: 0
}

.header_top .social_top div a {
    display: block;
    float: left;
    margin: 0 3px;
    padding: 0;
    color: #888;
    font-size: 21px;
    width: 33px;
    height: 33px;
    border: 1px solid #888;
    text-align: center;
    border-radius: 50%;
    text-decoration: none;
    transition: all .5s
}

.header_top .social_top div a i {
    font-size: 14px;
    margin-top: 3px
}

.custom-margin {
    margin-top: 3%
}

.header_top .social_top div .twitter {
    margin-left: 7px
}

.header_top .social_top div a:hover {
    color: #fff;
    border-color: #00D8D7;
    background: #00D8D7
}

.header_section .search_box {
    display: block;
    float: left;
    margin-left: 2px;
    margin-top: 39px
}

.header_section .search_box form {
    position: relative;
    margin: 0;
    padding: 0;
    display: block
}

.header_section .search_box i {
    position: absolute;
    left: 13px;
    top: 7px;
    font-size: 16px;
    color: #888;
    opacity: .8
}

.header_section .search_box .form-control {
    width: 280px;
    height: 36px;
    border: 1px solid #888;
    border-radius: 30px;
    padding-left: 50px;
    font-size: 14px;
    color: #888
}

.main_menu_section,
#sticky-wrapper {
    position: absolute;
    top: 100%;
    z-index: 1000;
    left: 0;
    right: 0
}

#sticky-wrapper .main_menu_section {
    position: relative;
    top: 0;
    left: 0;
    right: 0
}

.head-news a {
    color: #fff
}

.main_menu_section .navbar {
    background: linear-gradient(90deg, #e10910, #ba0208) !important;
    color: #fff;
    border-radius: 0 0 20px 20px;
    box-shadow: 0 6px 9px rgba(0, 0, 0, .2);
    margin-bottom: 13px
}

.border {
    border-radius: 10px
}

.border {
    border: 0 solid #dee2e6 !important
}

.card {
    border: 0;
    box-shadow: 0;
    background: none
}

.rounded-circle {
    border-radius: 0 !important
}

.card img {
    border-radius: 0 !important
}

.border-custom {
    text-align: center;
    border-radius: 0;
    border: 0;
    padding: 0 0 0 0 !important;
    position: relative;
    background: #f4f5f9 !important
}

.ticker-wrapper.has-js {
    margin: 10px 0 0 0;
    height: 32px;
    display: block;
    background-color: #fff;
    font-size: .75em
}

.ticker {
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
    background-color: #fff
}

.ticker-title {
    padding: 9px;
    border-radius: 7px;
    color: #FFF;
    font-size: 16px;
    background-color: #C2030A;
    text-transform: uppercase;
    font-weight: 700
}

.ticker-content {
    margin: 0;
    padding-top: 14px;
    position: absolute;
    color: #C2030A;
    background-color: #fff;
    overflow: hidden;
    white-space: nowrap;
    line-height: 1.2em
}

.ticker-content a {
    text-decoration: none;
    color: #000;
    font-size: 16px;
    font-weight: 700
}

.ticker-content a:hover {
    text-decoration: underline;
    color: #000
}

.ticker-swipe {
    padding-top: 14px;
    position: absolute;
    top: 0;
    background-color: #fff;
    display: block;
    width: 1200px;
    height: 35px
}

.ticker-swipe span {
    margin-left: 1px;
    background-color: #fff;
    border-bottom: 1px solid #000;
    height: 12px;
    width: 7px;
    display: block
}

.ticker-controls {
    padding: 8px 0 0 0;
    list-style-type: none;
    float: left
}

.ticker-controls li {
    padding: 0;
    margin-left: 5px;
    float: left;
    cursor: pointer;
    height: 16px;
    width: 16px;
    display: block
}

.ticker-controls li.jnt-play-pause {
    background-image: url(ticker/controls.png);
    background-position: 32px 16px
}

.ticker-controls li.jnt-play-pause.over {
    background-position: 32px 32px
}

.ticker-controls li.jnt-play-pause.down {
    background-position: 32px 0
}

.ticker-controls li.jnt-play-pause.paused {
    background-image: url(ticker/controls.png);
    background-position: 48px 16px
}

.ticker-controls li.jnt-play-pause.paused.over {
    background-position: 48px 32px
}

.ticker-controls li.jnt-play-pause.paused.down {
    background-position: 48px 0
}

.ticker-controls li.jnt-prev {
    background-image: url(ticker/controls.png);
    background-position: 0 16px
}

.ticker-controls li.jnt-prev.over {
    background-position: 0 32px
}

.ticker-controls li.jnt-prev.down {
    background-position: 0 0
}

.ticker-controls li.jnt-next {
    background-image: url(ticker/controls.png);
    background-position: 16px 16px
}

.ticker-controls li.jnt-next.over {
    background-position: 16px 32px
}

.ticker-controls li.jnt-next.down {
    background-position: 16px 0
}

.js-hidden {
    display: none
}

.no-js-news {
    padding: 10px 0 0 45px;
    color: #f3f3f3
}

.left .ticker-controls,
.left .ticker-content,
.left .ticker-title,
.left .ticker {
    float: left
}

.left .ticker-controls {
    padding-left: 6px
}

.right .ticker-controls,
.right .ticker-content,
.right .ticker-title,
.right .ticker {
    float: right
}

.right .ticker-controls {
    padding-right: 6px
}

.news_details {
    text-align: justify;
    font-size: 20px;
    line-height: 160%;
    word-break: break-word
}

.news_details p {
    font-size: 20px
}

.news_details .writer {
    float: left;
    margin-right: 20px
}

.news_date,
.news_informant {
    display: inline-block;
    margin: 10px 10px 10px 10px;
    font-size: 14px
}

.news_title {
    text-align: right
}

.news_title {
    font-size: 32px;
    line-height: 150%;
    font-weight: 700
}

.news_details .thumbnail .caption {
    text-align: center
}

.thumbnail {
    float: left
}

.thumbnail .caption {
    padding: 9px;
    color: #333
}

.news_detail>p>img {
    width: unset
}

.news_detail>img {
    width: unset !important
}

.cat-view-1 .col-md-3 {
    height: 250px;
    overflow: hidden
}

.cat-view-1 .first-news {
    padding-bottom: 10px
}

.cat-view-1 .home_news_title {
    text-align: right !important
}

.block {
    margin-bottom: 20px
}

.block-heading {
    display: inline-block;
    width: 100%;
    position: relative;
    padding: 10px 0
}

.block-heading>.dropdown .dropdown-toggle {
    color: inherit
}

.block-logo {
    display: none
}

.block-title {
    font-size: 26px;
    padding: 0 20px;
    color: #16a4de;
    font-weight: 700;
    display: inline-block;
    position: relative;
    background-color: #fff;
    z-index: 1
}

.block-title>a,
.block-title>small,
.block-title>.small,
.block-title>small>a,
.block-title>.small>a {
    color: inherit
}

.block-no-title .block-body {
    padding: 0;
    border: none
}

.block img,
.block-no-title img {
    max-width: 100%;
    width: 100%
}

.block-no-title img {
    height: auto
}

.blocks-down img {
    width: auto
}

.blocks-left .block {
    background-color: #f3f3f3;
    padding: 10px
}

.blocks-left .block-logo {
    display: none
}

.blocks-left .block-title {
    background-color: #f3f3f3;
    font-size: 20px
}

.news_cat_title {
    font-weight: 600
}

.news_cat_title a {
    font-size: 16px;
    line-height: 32px
}

.news_cat_title a:hover {
    color: var(--blue) !important
}

#main_menu_wraper {
    justify-content: center
}

#main_menu_wraper .dropdown-toggle:after {
    display: none
}

.rs_megamenu {
    position: absolute;
    left: 0;
    right: 0;
    background: #fff;
    border-radius: 16px;
    top: 100%;
    color: #000;
    padding: 0 80px;
    box-shadow: 0 4px 5px rgba(0, 0, 0, .2);
    display: none
}

.rs_megamenu .mm_top_section {
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 30px 10px 0 10px
}

.rs_megamenu .mm_top_section h2 {
    float: left;
    margin: 0;
    padding: 0;
    font-size: 24px;
    color: #000;
    font-weight: 400
}

.rs_megamenu .mm_top_section a {
    float: right;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    cursor: pointer;
    text-decoration: none;
    border: 1px solid #888;
    padding: 5px 19px;
    border-radius: 50px;
    transition: all .5s
}

.rs_megamenu .mm_top_section a:hover {
    background: #888;
    color: #fff
}

.rs_megamenu .gm_single_box {
    display: block;
    margin: 0;
    padding: 20px 0
}

.rs_megamenu .gm_single_box .gm_title {
    font-size: 14px;
    line-height: 28px;
    margin: 0 0 5px 0;
    font-weight: 600
}

.rs_megamenu .gm_single_box p {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: 400;
    color: #000;
    line-height: 21px
}

.theme_changer {
    margin-top: 50px
}

.theme_changer a {
    display: block;
    margin: 0;
    font-size: 17px;
    color: #333;
    padding: 7px 0;
    overflow: hidden;
    text-decoration: none;
    position: relative
}

.theme_changer a:before {
    width: 25px;
    height: 25px;
    content: "";
    border: 1px solid #ccc;
    display: block;
    float: left;
    border-radius: 20px;
    margin-right: 12px;
    margin-top: 1px
}

.theme_changer a:after {
    width: 14px;
    height: 14px;
    content: "";
    border: 0;
    display: block;
    float: none;
    border-radius: 20px;
    position: absolute;
    left: 6px;
    top: 13px;
    background: #ccc
}

.theme_changer a.active:after {
    background: green
}

.rs_megamenu .more {
    color: #555;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none
}

.rs_megamenu .switch {
    margin-top: 20px
}

.text_size_controller {
    display: block;
    text-align: right;
    margin: 15px 0 0 0;
    padding: 0;
    box-sizing: border-box
}

.text_size_controller a {
    display: inline-block;
    margin: 5px 5px;
    border: 2px solid #ccc;
    box-sizing: border-box;
    width: 80px;
    height: 45px;
    border-radius: 50px;
    font-size: 16px;
    color: #555;
    font-weight: 600;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    transition: all .5s;
    overflow: hidden
}

.text_size_controller a:hover {
    box-shadow: 0 0 9px rgba(0, 0, 0, .1)
}

.text_size_controller .inc {
    font-size: 23px
}

.main_menu a {
    font-size: 16px;
    color: #fff !important;
    font-weight: 500 !important;
    display: block
}

.main_menu li {
    position: relative;
    margin: 0;
    padding: 0
}

.main_menu>li>a {
    padding: 10px 10px !important;
    margin: 0 !important
}

html:lang(ar) .main_menu>li>a {
    padding: 10px 8px !important
}

.main_menu>li.active>a {
    font-weight: 700 !important
}

.main_menu>li ul {
    position: absolute;
    top: 50%;
    left: 0;
    list-style: none;
    margin: 0;
    padding: 15px 0;
    background: #fff;
    display: block;
    border-radius: 0 0 15px 15px;
    opacity: 0;
    visibility: hidden;
    transition: all .5s;
    z-index: -1;
    min-width: 200px
}

.main_menu>li:hover>ul {
    opacity: 1;
    visibility: visible;
    top: 100%
}

.main_menu>li ul li {
    display: block;
    margin: 0;
    padding: 0
}

.main_menu>li ul li a {
    display: block;
    text-decoration: none;
    padding: 7px 20px;
    white-space: nowrap;
    font-size: 14px;
    color: #023DC3 !important
}

.main_menu>li ul li a:hover {
    color: #00C6E0 !important
}

.main_menu_section .icon_befor_lng {
    float: left;
    margin: 0 10px 0 0;
    padding: 0;
    display: block;
    width: 35px;
    height: 35px;
    background: linear-gradient(90deg, #0182DA, #0182DA) #0182DA;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    font-size: 15px;
    line-height: 32px;
    cursor: pointer;
    cursor: pointer
}

.main_menu_section .lng_dropdown {
    display: block;
    float: left;
    margin: 0;
    padding: 0
}

.main_menu_section .lng_dropdown .dropdown-toggle {
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    background: transparent;
    border: 1px solid #fff;
    padding: 6px 30px;
    border-radius: 50px;
    cursor: pointer;
    margin: 0 14px 0 0
}

.banner_section {
    display: block;
    background-image: url(../images/banner.png);
    background-color: #dcecf4;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    padding: 0;
    margin: 0
}

.banner_section .banner_text {
    display: block;
    margin: 0;
    text-align: center;
    padding: 160px 0 135px 0
}

.b-lg .banner_text {
    padding: 170px 0 320px 0
}

.banner_section .banner_text h5 {
    font-size: 15px;
    color: #0E1D61;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin: 0;
    padding: 0
}

.banner_section .banner_text h2 {
    margin: 0;
    padding: 0;
    font-size: 60px;
    font-weight: 700;
    color: #0E1D61;
    line-height: 80px;
    margin-top: 2px
}

.banner_section .banner_text p {
    font-size: 18px;
    color: #0e1d61;
    font-weight: 400;
    line-height: 25px;
    margin: 0;
    clear: both;
    float: none
}

.banner_section .banner_text .dl_btns {
    display: inline-block;
    margin: 40px auto 0 auto;
    overflow: hidden
}

.banner_section .banner_text .dl_btns a {
    float: left;
    text-decoration: none;
    display: block;
    margin: 17px 0 0 0;
    padding: 0
}

.banner_section .banner_text .dl_btns a img {
    transition: all .5s
}

.banner_section .banner_text .dl_btns a:hover img {
    background: #fff;
    border-radius: 6px
}

.banner_section .banner_text .dl_btns a+a {
    margin-left: 15px
}

.light_home_slider .rs_slider_next,
.slider_main .rs_slider_next,
.light_home_slider .rs_slider_prev,
.slider_main .rs_slider_prev {
    position: absolute;
    left: 80px;
    margin: 0;
    top: 50%;
    z-index: 100;
    color: #000;
    font-size: 50px;
    background: transparent;
    line-height: 65px;
    padding: 0;
    width: auto;
    height: auto;
    cursor: pointer;
    margin-top: -35px
}

.light_home_slider .rs_slider_next,
.slider_main .rs_slider_next {
    left: auto;
    right: 80px
}

.slider_main .single_slide {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

.slider_main .single_slide_content {
    margin: 0;
    padding: 180px 0;
    min-height: 600px
}

.slider_main .single_slide_content .btn {
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 11px 35px;
    margin-top: 55px
}

.rs_feature {
    position: relative;
    margin-top: -40px;
    z-index: 99;
    top: 0
}

.rs_feature .row {
    margin: 0;
    padding: 0
}

.rs_feature .row>div {
    margin: 0;
    padding: 0
}

.rs_feature .rs_feature_single {
    background: #060835;
    display: block;
    padding: 30px 40px;
    color: #fff;
    text-decoration: none;
    margin: 0
}

.rs_feature .rs_feature_single.dark_blue {
    background: #104794
}

.rs_feature .rs_feature_single.sky_blue {
    background: #00B4DC
}

.rs_feature .rs_feature_single.light_blue {
    background: #23E3E5
}

.rs_feature .rs_feature_single img {
    height: 45px;
    width: auto;
    margin-bottom: 15px
}

.rs_feature .rs_feature_single h2 {
    color: #23E3E5;
    font-size: 28px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    line-height: 33px;
    margin-bottom: 33px;
    transition: all .5s
}

.rs_feature .rs_feature_single.light_blue h2,
.rs_feature .rs_feature_single.sky_blue h2 {
    color: #104794;
    transition: all .5s
}

.rs_feature .rs_feature_single:hover h2 {
    color: #fff !important
}

.rs_feature .rs_feature_single p {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin: 0;
    padding: 0;
    transition: all .5s
}

.rs_feature .rs_feature_single:hover p {
    color: #23E3E5
}

.rs_feature .rs_feature_single.light_blue:hover p,
.rs_feature .rs_feature_single.sky_blue:hover p {
    color: #104794
}

.news_section {
    background: #F0F3F3;
    padding: 40px 0 0 0;
    margin: 0
}

.section_title {
    display: block;
    overflow: hidden;
    position: relative;
    margin-bottom: 15px
}

.section_title:after {
    position: absolute;
    width: 100%;
    height: 2px;
    content: "";
    background: #DADDDE;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1
}

.section_title span {
    display: block;
    float: left;
    color: #26349d;
    font-weight: 500;
    font-size: 34px;
    line-height: 40px;
    background: #F0F3F3;
    position: relative;
    z-index: 2;
    padding-right: 31px
}

.section_title a {
    display: block;
    text-decoration: none;
    color: #888;
    font-size: 14px;
    float: right;
    background: #F0F3F3;
    padding: 15px 44px;
    position: relative;
    z-index: 2
}

.news_section .single_news_item {
    display: block;
    margin: 15px 0;
    text-decoration: none;
    background: #FFF;
    padding: 0 0 35px 0;
    box-sizing: border-box;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    transition: all .5s border-radius:15px;
    overflow: hidden;
    min-height: calc(100% - 15px)
}

.news_section .single_news_item:hover {
    box-shadow: 0 0 8px rgba(0, 0, 0, .5)
}

.news_section .single_news_item img {
    width: 100% !important;
    height: 210px !important;
    margin-bottom: 25px
}

.news_section .single_news_item .cats_list {
    font-size: 12px;
    text-transform: uppercase;
    color: #23e3e5;
    font-weight: 400;
    padding: 0 20px;
    letter-spacing: 2px
}

.news_section .single_news_item .cats_list span+span {
    margin-left: 5px
}

.news_section .single_news_item h2 {
    font-size: 19px;
    font-weight: 600;
    color: #104794;
    line-height: 25px;
    padding: 0 20px;
    margin: 8px 0 16px 0
}

.news_section .single_news_item p {
    font-weight: 500;
    font-size: 13px;
    color: #888;
    padding: 0 20px;
    margin: 0
}

.news_section .single_news_item .more {
    display: block;
    padding: 0 20px;
    margin-top: 20px;
    text-transform: uppercase;
    font-weight: 500;
    color: #104794
}

.status_section .status_inner {
    background: #fff;
    margin: 15px 0 20px 0;
    padding: 0 40px 25px 40px;
    box-sizing: border-box;
    border-radius: 15px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .05)
}

.status_section .single_status {
    text-align: center;
    margin-top: 25px
}

.status_section .single_status h2 {
    display: block;
    margin: 5px 0 38px 0;
    padding: 0;
    font-size: 15px;
    font-weight: 500;
    color: #232323;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px
}

.status_section .single_status img {
    margin: 0 auto
}

.status_section .single_status.weather div {
    display: block;
    overflow: hidden;
    margin: 75px 0 0 0;
    padding: 0;
    text-align: left
}

.status_section .single_status.weather img {
    float: left;
    margin: 0 15px 0 0
}

.status_section .single_status.weather p {
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    color: #aaaeb3;
    font-size: 14px;
    font-weight: 500
}

.status_section .single_status.weather p strong {
    color: #393c40;
    font-size: 48px;
    font-weight: 600;
    float: left
}

.status_section .single_status.weather p strong sup {
    left: 0;
    font-size: 53%;
    top: -24px
}

.status_section .single_status.weather p span {
    font-size: 14px;
    color: #393c40;
    font-weight: 600;
    display: block;
    float: left;
    margin-top: 29px;
    margin-left: 7px
}

.status_section .single_status ul {
    list-style: none;
    margin: 69px 0 0 0;
    padding: 0;
    display: block;
    overflow: hidden
}

.status_section .single_status ul li {
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-align: right;
    font-size: 14px;
    font-weight: 600;
    color: #aaaeb3
}

.status_section .single_status ul li+li {
    margin-top: 15px
}

.status_section .single_status ul li span {
    float: left;
    color: #393c40
}

.status_section .single_status .grap_text {
    text-align: left;
    margin: 56px 0 0 0;
    padding: 0
}

.status_section .single_status .grap_text h3 {
    font-size: 36px;
    color: #2c2e31;
    font-weight: 500;
    margin: 0;
    padding: 0;
    position: relative;
    padding-right: 40px;
    display: inline-block
}

.status_section .single_status .grap_text h3 img {
    position: absolute;
    right: 0;
    top: 8px
}

.status_section .single_status .grap_text p {
    display: block;
    margin: 0;
    padding: 0;
    color: #aaaeb3;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 14px;
    margin-top: 6px;
    font-weight: 400
}

.support_section {
    display: block;
    margin: 30px 0 0 0;
    padding: 35px 0;
    background: #fff
}

.support_section .single_support {
    display: block;
    margin: 20px 0;
    box-sizing: border-box;
    text-decoration: none
}

.support_section .single_support div {
    display: block;
    overflow: hidden;
    margin: 0 0 9px 0;
    padding: 0
}

.ion-chevron-left {
    font-size: 10px
}

.support_section .single_support div img {
    float: left;
    margin: 0;
    padding: 0;
    height: 50px;
    margin-right: 20px
}

.support_section .single_support div h2 {
    display: block;
    font-size: 18px;
    color: #26349d;
    line-height: 23px;
    font-weight: 500;
    margin-top: 5px;
    transition: all .5s;
    overflow: hidden
}

.support_section .single_support p {
    font-size: 14px;
    font-weight: 400;
    color: #888;
    margin: 0;
    padding: 0;
    display: block;
    transition: all .5s
}

.support_section .single_support:hover h3,
.support_section .single_support:hover p,
.support_section .single_support:hover div h2 {
    color: #00D8D7
}

.support_section .single_support h3 {
    color: #26349d;
    font-weight: 600;
    font-size: 26px;
    margin: 0;
    padding: 0;
    line-height: 31px;
    padding-left: 73px
}

.calltoaction {
    display: block;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background: #025FCE -webkit-linear-gradient(left, #025FCE, #00D8D7);
    background: #025FCE -o-linear-gradient(left, #025FCE, #00D8D7);
    background: #025FCE linear-gradient(to right, #025FCE, #00D8D7);
    margin: 0;
    padding: 20px 0;
    text-decoration: none;
    transition: all 1s
}

.calltoaction:hover {
    text-decoration: none;
    color: #00D8D7
}

.calltoaction:hover p {
    color: #00D8D7
}

.calltoaction p {
    margin: 0;
    padding: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 5px;
    line-height: 24px
}

.footer_section {
    border-top: 1px #b8b8b8 solid;
    margin-top: 40px;
    padding: 25px 0 0 0;
    background: #fff
}

.footer_section .footer_widget .logo {
    display: block;
    margin-top: -17px !important;
    text-decoration: none
}

.footer_widget li .nav-link {
    color: #000
}

.footer_widget li .nav-link:hover {
    color: var(--blue)
}

.footer_section .footer_widget .logo img {
    margin: 80px 0;
    padding: 0
}

.footer_section .footer_widget h2 {
    margin: 25px 0 8px 0;
    padding: 0;
    color: #0e1d61;
    font-size: 17px;
    font-weight: 600
}

.footer_section .footer_widget ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block
}

.footer_section .footer_widget ul li {
    margin: 0;
    padding: 0
}

.footer_section .footer_widget ul li a {
    display: block;
    font-size: 14px;
    color: #0b101b;
    font-weight: 700;
    line-height: 200%;
    text-decoration: none;
    transition: all .5s;
    padding: 2px 0
}

.footer_section .footer_widget ul li a:hover {
    color: var(--lightblue)
}

.news-carousel .owl-nav .owl-prev,
.news-carousel .owl-nav .owl-next {
    position: relative;
    width: 30px;
    height: 30px;
    margin: 0 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #31404B;
    border: 1px solid #31404B;
    font-size: 16px;
    transition: .3s
}

.footer_social {
    display: inline-block;
    margin: 20px 0;
    padding: 11px 30px;
    background: #fff;
    overflow: hidden;
    border-radius: 40px;
    text-align: center
}

.footer_social span {
    display: block;
    float: left;
    color: #b2b2b2;
    font-size: 14px;
    font-weight: 600;
    margin: 3px 13px 0 13px;
    padding: 0
}

.footer_social div {
    display: block;
    float: left
}

.footer_social div a {
    display: block;
    float: left;
    margin: 0 10px;
    padding: 0;
    font-size: 24px;
    color: #00D8D7;
    line-height: 26px;
    transition: all .5s
}

.footer_social div a:hover {
    color: #0262CF
}


.news-carousel .owl-stage-outer {
    top: 18px
}

.news-carousel .owl-nav {
    position: absolute;
    width: auto;
    height: 30px;
    top: -33px;
    margin-top: 10px;
    right: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 1
}

.news-carousel .owl-nav span.owl-next {
    font-size: 20px
}

.news-carousel .owl-nav button.owl-next,
.news-carousel .owl-nav button.owl-prev {
    position: relative;
    width: 30px;
    height: 30px;
    margin: 0 7px;
    display: flex;
    border-radius: 50%;
    background: #fff !important;
    border-color: #fff !important;
    color: var(--blue) !important;
    box-shadow: 0 2px 5px rgb(0 0 0 / 20%);
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 1px solid #31404B;
    font-size: 16px;
    transition: .3s
}

.news-carousel .owl-nav button.owl-next:hover,
.news-carousel .owl-nav button.owl-prev:hover {
    background: var(--blue) !important;
    border-color: var(--blue) !important;
    color: #fff !important
}

.image-news {
    width: 100px;
    height: 100px
}

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 10px 20px;
    top: 0;
    color: #fff;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    background: linear-gradient(0deg, rgba(2, 0, 36, 1) 0%, rgba(0, 0, 0, .6951155462184874) 12%, rgba(0, 212, 255, 0) 100%);
    z-index: 1
}

.copyright {
    display: block;
    margin: 0;
    color: #fff;
    font-size: 14px;
    overflow: hidden;
    padding: 20px 0
}

.copyright p {
    margin: 4px 0;
    padding: 0;
    display: block;
    color: #a1a1a1;
    font-weight: 600
}

.copyright a {
    font-size: 15px
}

.about_us {
    display: block;
    margin: 0;
    padding: 0
}

.about_us_inner {
    display: block;
    margin: -35px 0 30px 0;
    position: relative;
    z-index: 100;
    background: #fff;
    padding: 40px;
    border-radius: 15px;
    box-sizing: border-box;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1)
}

.about_us_inner .about_box {
    margin: 10px 0 35px 0
}

.about_us_inner .about_box h2 {
    color: #025FCE;
    font-size: 36px;
    font-weight: 500;
    line-height: 40px;
    margin: 0 0 50px 0
}

.about_us_inner .about_box p {
    font-size: 18px;
    font-weight: 400;
    color: #7b7b7b;
    line-height: 24px;
    margin: 10px 0 0 0;
    padding: 0
}

.about_us_inner .about_box ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style: inside
}

.about_us_inner .about_box ul li {
    font-size: 18px;
    font-weight: 400;
    color: #7b7b7b;
    line-height: 24px;
    margin: 0;
    padding: 0
}

.title_gradient {
    color: #025FCE
}

.services_banner {
    background-position: bottom center
}

.services_banner .banner_text {
    padding: 140px 0
}

.services_section {
    display: block;
    margin: -40px 0 0 0;
    padding: 0;
    position: relative;
    z-index: 10
}

.services_group {
    display: block;
    background: #fff;
    padding: 61px 30px 10px 30px;
    margin: 0;
    border-radius: 12px;
    box-sizing: border-box;
    box-shadow: 0 0 6px rgba(0, 0, 0, .05);
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .05);
    position: relative
}

.services_group:after {
    content: "";
    position: absolute;
    left: 25%;
    background: #d5d5d5;
    height: 50%;
    width: 1px;
    top: 0;
    max-height: 230px;
    margin: auto auto auto 15px;
    bottom: 0;
    z-index: 2
}

.services_group+.services_group {
    margin-top: 20px
}

.service_icon_title {
    display: block;
    overflow: hidden
}

.service_icon_title img {
    max-width: 65px;
    float: left;
    margin: 0 22px 0 0;
    padding: 0
}

.service_icon_title h2 {
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    font-size: 25px;
    font-weight: 600;
    line-height: 31px
}

.services_group .service_item {
    display: inline-block;
    margin: 0 auto 50px auto;
    width: 210px;
    max-width: 100%;
    color: #104794;
    text-decoration: none
}

.services_group .service_item h3 {
    font-size: 26px;
    font-weight: 400;
    line-height: 30px;
    color: #104794;
    margin: 0 0 10px 0;
    padding: 0;
    transition: all .5s
}

.services_group .service_item:hover h3 {
    color: #00C6E0
}

.services_group .service_item p {
    color: #6e6e6e;
    font-weight: 400;
    font-size: 14px;
    margin: 0
}

.title {
    font-size: 36px;
    font-weight: 600;
    line-height: 39px
}

.contact_us_banner .banner_text {
    padding-top: 170px;
    padding-bottom: 170px
}

.d_ib {
    display: inline-block !important
}

.mb_0 {
    margin-bottom: 0 !important
}

.contact_us_section .contact_us_box {
    display: block;
    margin: 0;
    padding: 0;
    background: #fff;
    padding: 25px 52px;
    border-radius: 10px;
    position: relative;
    margin-top: -30px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .05)
}

.contact_us_section .rs_gmp,
.contact_us_section #map {
    display: block;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    height: 430px;
    margin-bottom: 65px;
    margin-bottom: 65px;
    margin-right: -26px;
    margin-left: -26px
}

.map_lgh,
#map.map_lgh {
    height: 789px
}

.contact_us_section .contact_title {
    margin-bottom: 30px
}

.contact_us_section .rs_location_box .contact_title {
    display: inline-block;
    margin: 0 0 10px 0
}

.contact_us_section .contact_title h2 {
    margin-bottom: 25px;
    font-size: 28px;
    line-height: 32px;
    font-weight: 600
}

.contact_us_section .contact_title p {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    color: #999;
    margin: 0
}

.contact_us_section .contact_info {
    display: block;
    margin: 0 0 80px 0;
    padding: 0
}

.contact_us_section .rs_location_box .contact_info {
    margin: 0 0 40px 0
}

.contact_us_section .contact_info h3 {
    color: #222;
    font-size: 15px;
    font-weight: 600;
    margin: 0 0 3px 0;
    padding: 0
}

.contact_us_section .contact_info p {
    margin: 0 0 20px 0;
    color: #9b9b9b;
    font-size: 13px;
    font-weight: 600;
    line-height: 22px
}

.contact_us_section .contact_info p a {
    color: #9b9b9b
}

.form-control::-webkit-input-placeholder {
    color: #666;
    opacity: 1;
    font-weight: 600
}

.form-control::-moz-placeholder {
    color: #666;
    opacity: 1;
    font-weight: 600
}

.form-control:-ms-input-placeholder {
    color: #666;
    opacity: 1;
    font-weight: 600
}

.form-control:-moz-placeholder {
    color: #666;
    opacity: 1;
    font-weight: 600
}

.contact_us_section .chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    height: auto;
    border: 1px solid #888;
    border-radius: 40px;
    background: transparent;
    box-shadow: none;
    color: #888888 !important;
    white-space: nowrap;
    line-height: 24px;
    font-size: 15px;
    font-weight: 500;
    padding: 5px 25px
}

.contact_us_section .chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 16px;
    display: block;
    width: 20px;
    height: 100%
}

.contact_us_section .chosen-container-single .chosen-single div b {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../images/down-arrow.png) !important;
    background-size: 15px auto;
    background-repeat: no-repeat;
    background-position: center center
}

.contact_us_section .chosen-container-single .chosen-drop {
    border-radius: 9px;
    background: #fff;
    padding: 4px;
    font-size: 14px
}

.contact_us_section .chosen-container .chosen-results li {
    padding: 10px 9px;
    line-height: 18px
}

.rs_chosen_group {
    margin-bottom: 25px;
    width: 299px;
    max-width: 100%
}

.contact_us_section .form-control {
    font-size: 14px;
    color: #666;
    font-weight: 600;
    border-top: 0;
    border-radius: 0;
    border-radius: 0;
    border-left: 0;
    border-bottom: 1px solid #dfdfdf;
    padding-left: 0;
    height: 50px;
    margin-bottom: 30px;
    border-right: 0;
    outline: none !important;
    box-shadow: none;
    opacity: 1
}

.contact_us_section textarea.form-control {
    height: 130px
}

.contact_us_section select.form-control {
    border: 1px solid #888;
    padding: 0 20px;
    border-radius: 40px;
    background: transparent;
    height: 36px;
    margin-bottom: 0
}

.contact_us_section .btn_black {
    float: right;
    border-radius: 40px;
    font-weight: 500;
    padding: 9px 30px
}

.contact_us_section .btn_black:hover {
    background: #0251C7;
    color: #fff
}

.portal_section {
    margin: 0;
    padding: 0
}

.portal_box {
    position: relative;
    margin-top: -40px;
    padding-bottom: 79px
}

.portal_box .title {
    font-size: 36px;
    font-weight: 600;
    line-height: 39px;
    margin: 12px 0 35px 0
}

.portal_box .portal_item {
    display: block;
    margin: 21px 0;
    padding: 0;
    text-decoration: none;
    overflow: hidden
}

.portal_box .portal_item .icon {
    float: left;
    margin-right: 40px;
    max-width: 45px;
    display: block;
    border: 0;
    margin-top: 22px
}

.portal_box .portal_item .portal_item_text {
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.portal_box .portal_item .portal_item_text .date {
    display: block;
    font-size: 16px;
    color: #0098e1;
    font-weight: 500
}

.portal_box .portal_item .portal_item_text p {
    margin: 1px 0 0 0;
    padding: 0;
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #888;
    line-height: 22px;
    transition: all .5s
}

.portal_box .portal_item:hover .portal_item_text p {
    color: #26349d
}

.default_page .page_contents {
    position: relative;
    margin-top: -40px
}

.default_page p {
    color: #7b7b7b;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 30px
}

.default_page img+p {
    margin-top: 10px
}

.default_page h5 {
    font-weight: 500;
    font-size: 20px;
    color: #0e1d61;
    margin: 0 0 5px 0;
    padding: 0
}

.default_page h3 {
    font-size: 19px;
    color: #29359f;
    font-weight: 500;
    margin: 0
}

.img_round {
    border-radius: 15px;
    border: 0 none;
    overflow: hidden;
    display: block
}

.t_500 {
    font-weight: 500 !important
}

.t_600 {
    font-weight: 600 !important
}

.t_bold {
    font-weight: 700 !important
}

.pl_30 {
    margin-left: 30px
}

.pl_70 {
    margin-left: 70px
}

.mb_50 {
    margin-bottom: 50px
}

.mb_70 {
    margin-bottom: 70px
}

body .mb_40 {
    margin-bottom: 40px
}

body .mb_35 {
    margin-bottom: 25px
}

.mb_60 {
    margin-bottom: 60px
}

.mt_100 {
    margin-top: 100px
}

.mt_70 {
    margin-top: 70px
}

body .mt_25 {
    margin-top: 25px
}

body .mt_30 {
    margin-top: 30px
}

.mt_10 {
    margin-top: 10px
}

.mt_20 {
    margin-top: 20px
}

.default_page h3.mt_50,
.mt_50 {
    margin-top: 50px
}

.rs_row_5 {
    margin: 0 -15px;
    padding: 0;
    box-sizing: border-box;
    display: block;
    overflow: hidden
}

.default_page .subtitle {
    font-size: 12px;
    font-weight: 600;
    color: #a1a1a1;
    text-transform: uppercase;
    margin: 46px 0 14px 0;
    letter-spacing: 3px
}

.cc2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2
}

.rs_row_5 .col_5 {
    float: left;
    width: 20%;
    padding: 15px;
    box-sizing: border-box;
    display: block
}

.books_list_row {
    text-align: center;
    margin-top: 17px
}

.book_list_item {
    display: inline-block;
    text-decoration: none;
    margin: 15px auto;
    padding: 0;
    text-decoration: none;
    transition: all .5s
}

.book_list_item:hover {
    text-decoration: none
}

.book_list_item img {
    display: inline-block;
    margin: 0 auto;
    border: 0 none;
    max-width: 100%;
    border-radius: 10px
}

.book_list_item h2 {
    margin: 15px 0 0 0;
    padding: 0;
    display: block;
    font-size: 18px;
    color: #26349d;
    font-weight: 500;
    line-height: 22px;
    transition: all .5s
}

.book_list_item:hover h2 {
    color: #00D8D7
}

.book_list_item span {
    display: block;
    color: #0098e1;
    font-size: 18px;
    font-weight: 500;
    margin: 0;
    padding: 0;
    line-height: 22px
}

.news_details_page .page_contents {
    padding-left: 65px;
    padding-right: 65px
}

.news_details_page .news_date {
    font-size: 15px;
    font-weight: 500;
    color: #00c6e1;
    display: block;
    margin: 0;
    padding: 0
}

.news_details_page .news_title {
    display: block;
    text-decoration: none;
    color: #0e1d61;
    font-weight: 500;
    font-size: 32px;
    line-height: 45px;
    margin: 7px 0 26px 0
}

.news_details_page .thumbnail {
    margin-left: -30px;
    margin-right: -30px;
    margin-bottom: 44px
}

.social_share_urls {
    text-align: center;
    margin: 50px 0 30px 0;
    padding: 30px 0;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea
}

.social_share_urls div {
    display: inline-block;
    margin: 0;
    padding: 0;
    overflow: hidden
}

.social_share_urls span {
    font-size: 19px;
    font-weight: 600;
    color: #282828;
    float: left;
    margin-right: 20px
}

.social_share_urls a {
    display: block;
    float: left;
    margin: 0 15px;
    color: #282828;
    font-size: 18px;
    transition: all .5s
}

.social_share_urls a:hover {
    color: #025FCE
}

.back_post_btn {
    text-align: center;
    margin-top: 35px;
    margin-bottom: 5px
}

.news_details_page .back_post_btn a {
    font-weight: 700;
    border-radius: 40px;
    padding: 10px 40px;
    font-size: 14px
}

.back_post_btn a:hover {
    background: #0260CE;
    color: #fff
}

.gallery_cats ul,
.post_category_list {
    display: block;
    text-align: center;
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 2px solid #d9dddd;
    margin-bottom: 19px;
    margin-top: 40px
}

.gallery_cats li,
.post_category_list li {
    display: inline-block;
    margin: 0;
    padding: 0
}

.gallery_cats li a,
.post_category_list li a {
    color: #333;
    font-size: 17px;
    font-weight: 500;
    margin: 0;
    padding: 6px 18px;
    display: block;
    text-decoration: none;
    transition: all .5s
}

.gallery_cats li.active a,
.gallery_cats li a:hover,
.post_category_list li.active a,
.post_category_list li a:hover {
    color: #023dc3;
    text-decoration: none
}

.post_pagination {
    text-align: center;
    margin: 16px 0
}

.post_pagination ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden
}

.post_pagination ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left
}

.post_pagination ul li a {
    display: block;
    text-decoration: none;
    width: 50px;
    height: 50px;
    text-align: center;
    color: #333;
    font-size: 20px;
    border-radius: 50%;
    background: #fff;
    font-weight: 500;
    line-height: 50px;
    margin: 5px;
    transition: all .5s
}

.post_pagination ul li a.next,
.post_pagination ul li a.prev {
    background: transparent
}

.post_pagination ul li a i {
    font-size: 30px
}

.post_pagination ul li a.active,
.post_pagination ul li a:hover {
    background: #023dc3;
    color: #fff
}

.handbook_list {
    padding-bottom: 30px
}

.single_handbook_item {
    display: block;
    overflow: hidden;
    margin: 28px 0 0 0;
    padding: 0;
    text-decoration: none
}

.single_handbook_item:hover {
    text-decoration: none
}

.single_handbook_item img {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    width: 120px;
    max-width: 100%;
    margin-right: 28px
}

.single_handbook_item div {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    overflow: hidden;
    max-width: calc(100% - 155px)
}

.single_handbook_item p {
    color: #888;
    font-size: 18px;
    margin: 0;
    padding: 0;
    font-weight: 500;
    transition: all .5s
}

.single_handbook_item strong {
    color: #0098e1;
    margin: 0;
    padding: 0;
    display: block;
    font-size: 18px;
    font-weight: 600;
    transition: all .5s
}

.single_handbook_item:hover strong,
.single_handbook_item:hover p {
    color: #0260CE
}

.video_wraper {
    margin-bottom: 45px;
    cursor: pointer
}

.video_wraper video {
    width: 100%;
    display: block;
    height: auto;
    object-fit: cover;
    object-position: center;
    border-radius: 15px;
    max-height: 520px;
    outline: none;
    box-shadow: none
}

.training_page .gray_title {
    margin: 5px 0 5px 0;
    padding: 0;
    font-size: 17px;
    font-weight: 500;
    color: #292929;
    display: block
}

.training_page .portal_box .portal_item .icon {
    margin-top: 6px
}

.training_page .portal_box .portal_item+.portal_item {
    margin-top: 41px
}

.list_bordered {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none
}

.list_bordered {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none
}

.training_page .list_bordered {
    margin-right: 20px
}

.list_bordered li a {
    display: block;
    margin: 0;
    padding: 7px 0;
    color: #888;
    font-size: 17px;
    font-weight: 500;
    line-height: 27px;
    text-decoration: none;
    transition: all .5s
}

.list_bordered li+li a {
    border-top: 1px solid #d3d3d3
}

.list_bordered li a:hover {
    color: #292929
}

.training_page .blue_title {
    font-size: 22px;
    color: #104794;
    line-height: 33px;
    font-weight: 600;
    margin: 0 0 39px 0;
    padding: 0
}

.training_page_bootom {
    text-align: center;
    margin: 59px 0 0 0;
    padding: 0;
    display: block;
    clear: both
}

.training_page_bootom p {
    margin: 0;
    padding: 0;
    display: block;
    color: #9b9b9b;
    font-size: 16px;
    font-weight: 500
}

.training_page_bootom a {
    color: #26349d;
    display: block;
    text-decoration: none
}

.training_page_bootom a:hover {
    color: #0175d6
}

.gallery_section .row {
    margin: 0;
    padding: 0
}

.gallery_section .row>div {
    margin: 0;
    padding: 0
}

.sinlge_gl_img {
    display: block;
    margin: 0;
    padding: 0;
    text-decoration: none;
    position: relative;
    overflow: hidden
}

.sinlge_gl_img img {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0
}

.sinlge_gl_img .hover_contents {
    padding: 0;
    margin: 0;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background: #0b50c6;
    opacity: 0;
    visibility: hidden;
    transition: all .5s
}

.sinlge_gl_img:hover .hover_contents {
    opacity: 1;
    visibility: visible
}

.sinlge_gl_img .hover_contents .mdi-plus {
    position: absolute;
    top: 24px;
    left: 30px;
    color: #fff;
    font-size: 27px
}

.sinlge_gl_img .hover_contents .hover_f {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 25px 30px;
    color: #fff
}

.sinlge_gl_img .hover_contents h2 {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 500;
    color: #fff
}

.sinlge_gl_img .hover_contents p {
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 11px;
    margin-top: 6px
}

.gallery_pagination {
    margin-top: 30px
}

.gallery_cats {
    background: #dcecf4;
    padding-bottom: 44px
}

.gallery_page .banner_section .banner_text {
    padding-bottom: 70px
}

.gallery_cats ul {
    margin: 0;
    padding: 0;
    border: 0 none
}

.thumb_box h3 {
    margin: 24px 0 5px 0;
    padding: 0
}

.thumb_box p {
    font-size: 17px;
    line-height: 24px
}

.default_page .list_2 {
    margin: 7px 0 10px 0;
    padding: 0 0 0 15px
}

.default_page .list_2 li {
    text-decoration: none;
    color: #7b7b7b;
    font-size: 18px;
    font-weight: 400
}

.default_page .list_2 li a {
    text-decoration: none;
    color: #7b7b7b;
    font-size: 18px;
    font-weight: 400;
    display: block
}

.default_page .list_2 li a:hover {
    color: #29359f
}

.kids .calltoaction,
.kids .main_menu_section .navbar {
    background: linear-gradient(90deg, #cbd91a 5%, #1ad325) !important
}

.kids .calltoaction:hover p {
    color: #000
}

.kids .main_menu_section .icon_befor_lng {
    background: #03a50c
}

.kids_zone_banner {
    display: block;
    background: #fff;
    margin: 0 0 30px 0;
    padding: 150px 0 50px 0
}

.kids_zone_banner .text {
    margin: 0;
    padding: 0 15px 0 0
}

.kids_zone_banner .text h2 {
    font-size: 75px;
    font-weight: 700;
    color: #0e1d61;
    margin: 0;
    padding: 0;
    display: block;
    line-height: 84px
}

.kids_zone_banner .text h3 {
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    color: #0e1d61;
    letter-spacing: 5px;
    line-height: 22px;
    margin: 0
}

.kids_zone_banner .text p {
    font-size: 17px;
    font-weight: 400;
    color: #7b7b7b;
    line-height: 28px;
    margin: 36px 0 0 0
}

.kids_zone_banner .video_plr {
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
    border-radius: 10px;
    overflow: hidden
}

.kids_zone_banner .video_plr img {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%
}

.kids_play_learn .title {
    margin: 10px 0 42px 0;
    padding: 0
}

.kids_play_learn .title span {
    color: #1cd726
}

.kids_slider {
    margin-bottom: 56px
}

.kids_slider .rs_slider_prev,
.kids_slider .rs_slider_next {
    color: #36e31b;
    font-size: 67px;
    position: absolute;
    left: 0;
    background: transparent;
    height: auto;
    line-height: 35px;
    width: auto;
    text-align: left;
    padding: 0;
    top: 50%;
    margin-left: -28px;
    margin-top: -20px;
    z-index: 100;
    cursor: pointer
}

.kids_slider .rs_slider_next {
    margin-left: auto;
    margin-right: -28px;
    left: auto;
    right: 0
}

.kids_slider .slider_item {
    text-align: center
}

.kids_slider .slider_item_box {
    width: 175px;
    box-sizing: border-box;
    text-align: center;
    margin: 0 auto
}

.kids_slider .slider_item_box .thumbnail {
    display: block;
    background: linear-gradient(0deg, #d3e906, #1cd726);
    text-align: center;
    border-radius: 9px;
    padding: 5px;
    text-decoration: none
}

.kids_slider .slider_item_box .thumbnail img {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto
}

.kids_slider .slider_item_box .controllers {
    display: inline-block;
    margin: 23px auto 0 auto;
    padding: 0;
    overflow: hidden
}

.kids_slider .slider_item_box .controllers a {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    font-size: 18px;
    color: #7b7b7b;
    font-weight: 500;
    line-height: 20px
}

.kids_slider .slider_item_box .controllers a+a {
    margin-left: 10px;
    border-left: 2px solid #7b7b7b;
    padding-left: 10px
}

.kids_slider .slider_item_box .controllers a img,
.kids_slider .slider_item_box .controllers a span {
    float: left;
    display: block
}

.kids_slider .slider_item_box .controllers a img {
    margin-right: 8px
}

.organizational_ministers {
    text-align: center;
    margin-top: 52px
}

.organizational_ministers .profile {
    display: block;
    margin: 0 auto;
    width: 390px;
    max-width: 100%;
    text-align: center;
    text-decoration: none;
    position: relative
}

.organizational_ministers .profile+.profile {
    margin-top: 55px
}

.organizational_ministers .profile+.profile:after {
    position: absolute;
    z-index: 1;
    margin: 0;
    padding: 0;
    content: "";
    width: 3px;
    height: 70px;
    background: linear-gradient(0deg, #00d4d9, #023fc3);
    bottom: 100%
}

.organizational_ministers .profile .thumbnail {
    display: inline-block;
    margin: 0;
    padding: 0;
    border-radius: 50%;
    box-shadow: 0 1px 9px rgba(0, 0, 0, .2);
    border: 3px solid silver
}

.organizational_ministers .profile .thumbnail img {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0
}

.organizational_ministers .round_box {
    display: block;
    width: 360px;
    max-width: 100%;
    box-shadow: 0 0 14px rgba(0, 0, 0, .1);
    padding: 16px 15px;
    border-radius: 60px;
    margin: 16px auto 0 auto;
    text-decoration: none;
    background: #fff;
    position: relative;
    z-index: 5
}

.organizational_ministers .round_box h4 {
    font-weight: 600;
    color: #0e1d61;
    margin: 0;
    padding: 0
}

.organizational_ministers .round_box p {
    font-size: 18px;
    color: #888;
    margin: 3px 0 0 0;
    padding: 0
}

.organizational_ministers .carve_img {
    display: inline-block;
    margin: 0 auto;
    max-width: 100%
}

.organizational_ministers .btn-default {
    width: 345px;
    max-width: 100%;
    background: #fff;
    box-sizing: border-box;
    box-shadow: 0 0 14px rgba(0, 0, 0, .1);
    margin: 30px auto 40px auto;
    display: table;
    min-height: 80px;
    vertical-align: middle;
    text-align: center;
    border-radius: 50px;
    font-size: 17px;
    font-weight: 500;
    color: #888;
    line-height: 25px;
    transition: all .5s
}

.organizational_ministers .btn-default:hover {
    background: #000;
    color: #fff
}

.organizational_ministers .btn-default span {
    display: block;
    line-height: 25px;
    padding: 20px;
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.ministers_list {
    display: block;
    margin: 56px auto;
    width: 760px;
    max-width: 100%
}

.ministers_list .single_item_wraper {
    position: relative;
    margin: 0;
    padding: 0
}

.ministers_list .single_item_wraper .carve {
    position: absolute;
    left: 50%;
    height: 54px;
    width: 40%;
    bottom: -29px;
    margin-left: -150px
}

.single_minister_item {
    display: block;
    clear: both;
    float: none;
    margin: 0;
    padding: 0;
    text-decoration: none;
    width: calc(100% - 160px);
    float: left
}

.ministers_list .single_item_wraper:nth-child(even) .single_minister_item {
    float: right;
    text-align: right
}

.single_minister_item:after {
    content: "";
    display: block;
    clear: both;
    float: none;
    overflow: hidden;
    width: 100%
}

.single_minister_item:hover {
    text-decoration: none
}

.single_minister_item .thumbnail {
    width: 160px;
    height: auto;
    margin: 0;
    padding: 0;
    display: inline-block;
    float: left;
    box-shadow: 0 0 11px rgba(0, 0, 0, .1);
    border-radius: 50%;
    background: #fff;
    margin-right: 30px;
    position: relative;
    z-index: 2
}

.ministers_list .single_item_wraper:nth-child(even) .thumbnail {
    float: right;
    margin-left: 30px;
    margin-right: 0
}

.single_minister_item .round_box {
    display: block;
    background: #fff;
    box-sizing: border-box;
    box-shadow: 0 0 15px rgba(0, 0, 0, .09);
    margin-left: 70px;
    border-radius: 10px 100px 100px 10px;
    position: relative;
    z-index: 1;
    padding: 27px 10px 27px 0;
    top: 29px;
    margin-bottom: 30px
}

.main_menu .nav-item .nav-link {
    font-weight: 600 !important;
    font-size: 18px
}

.ministers_list .single_item_wraper:nth-child(even) .round_box {
    margin-left: 0;
    border-radius: 100px 10px 10px 100px;
    margin-right: 70px
}

.single_minister_item .round_box h3 {
    font-size: 18px;
    font-weight: 600;
    color: #0e1d61;
    margin: 0;
    padding: 0;
    display: block
}

.single_minister_item .round_box span {
    display: block;
    color: #888;
    font-size: 18px;
    font-weight: 400;
    margin-top: 3px
}

.theme_colour_blind .main_menu_section .icon_befor_lng,
.theme_colour_blind .header_section,
.theme_colour_blind {
    color: #fff;
    background: #000
}

.theme_colour_blind .sinlge_gl_img .hover_contents,
.theme_colour_blind .gallery_cats,
.theme_colour_blind .calltoaction,
.theme_colour_blind .main_menu_section .navbar {
    background: #EEEEEE !important
}

.theme_colour_blind .slider_item_box .thumbnail,
.theme_colour_blind .banner_section {
    background-color: #EEEEEE !important
}

.theme_colour_blind .slider_item_box .thumbnail {
    background-image: none !important
}

.theme_colour_blind .services_group *,
.theme_colour_blind .post_category_list *,
.theme_colour_blind .default_page *,
.theme_colour_blind .kids_slider .rs_slider_prev,
.theme_colour_blind .kids_slider .rs_slider_next,
.theme_colour_blind .training_page_bootom a,
.theme_colour_blind .blue_title,
.theme_colour_blind .single_handbook_item *,
.theme_colour_blind .hover_contents *,
.theme_colour_blind .gallery_cats *,
.theme_colour_blind .portal_box .portal_item *,
.theme_colour_blind .banner_section .banner_text h5,
.theme_colour_blind .banner_section .banner_text h2,
.theme_colour_blind .about_us_inner .about_box h2,
.theme_colour_blind .footer_section *,
.theme_colour_blind .calltoaction p,
.theme_colour_blind .single_support *,
.theme_colour_blind .section_title a,
.theme_colour_blind .news_row *,
.theme_colour_blind .section_title span,
.theme_colour_blind .main_menu_section .lng_dropdown .dropdown-toggle,
.theme_colour_blind .main_menu a {
    color: #000 !important
}

.theme_colour_blind .title span,
.theme_colour_blind .title_gradient,
.theme_colour_blind .about_us_inner .about_box h2 {
    background: transparent !important;
    text-fill-color: #000;
    -webkit-text-fill-color: #000;
    color: #000 !important
}

.theme_colour_blind .rs_feature .rs_feature_single {
    background: #fff !important
}

.theme_colour_blind .rs_feature .rs_feature_single h2,
.theme_colour_blind .rs_feature .rs_feature_single p {
    color: #000 !important
}

.theme_colour_blind .post_pagination ul li a.active,
.theme_colour_blind .post_pagination ul li a:hover {
    color: #000;
    background: #ccc
}

.theme_colour_blind .btn_black {
    color: #fff !important
}

.theme_colour_blind .organizational_ministers .btn-default:hover span {
    color: #fff !important
}

.theme_red_weakness .organizational_ministers .btn-default,
.theme_red_weakness .organizational_ministers .round_box,
.theme_red_weakness .single_minister_item .round_box,
.theme_red_weakness .footer_social,
.theme_red_weakness .copyright,
.theme_red_weakness .calltoaction,
.theme_red_weakness .single_news_item,
.theme_red_weakness .main_menu_section .icon_befor_lng,
.theme_red_weakness .header_section,
.theme_red_weakness {
    color: yellow;
    background: #000
}

.theme_red_weakness .sinlge_gl_img .hover_contents,
.theme_red_weakness .gallery_cats,
.theme_red_weakness .main_menu_section .navbar {
    background: #2F2F2F !important
}

.theme_red_weakness .slider_item_box .thumbnail,
.theme_red_weakness .banner_section {
    background-color: #2F2F2F !important
}

.theme_red_weakness .calltoaction,
.theme_red_weakness .slider_item_box .thumbnail {
    background-image: none !important
}

.theme_red_weakness .services_group *,
.theme_red_weakness .post_category_list *,
.theme_red_weakness .default_page *,
.theme_red_weakness .kids_slider .rs_slider_prev,
.theme_red_weakness .kids_slider .rs_slider_next,
.theme_red_weakness .training_page_bootom a,
.theme_red_weakness .blue_title,
.theme_red_weakness .single_handbook_item *,
.theme_red_weakness .hover_contents *,
.theme_red_weakness .gallery_cats *,
.theme_red_weakness .portal_box .portal_item *,
.theme_red_weakness .banner_section .banner_text h5,
.theme_red_weakness .banner_section .banner_text h2,
.theme_red_weakness .about_us_inner .about_box h2,
.theme_red_weakness .footer_section *,
.theme_red_weakness .calltoaction p,
.theme_red_weakness .single_support *,
.theme_red_weakness .section_title a,
.theme_red_weakness .news_row *,
.theme_red_weakness .section_title span,
.theme_red_weakness .main_menu_section .lng_dropdown .dropdown-toggle,
.theme_red_weakness .main_menu a {
    color: yellow !important
}

.theme_red_weakness .title span,
.theme_red_weakness .title_gradient,
.theme_red_weakness .about_us_inner .about_box h2 {
    background: transparent !important;
    text-fill-color: yellow;
    -webkit-text-fill-color: yellow;
    color: yellow !important
}

.theme_red_weakness .rs_feature .rs_feature_single {
    background: #fff !important
}

.theme_red_weakness .rs_feature .rs_feature_single h2,
.theme_red_weakness .rs_feature .rs_feature_single p {
    color: yellow !important
}

.theme_red_weakness .post_pagination ul li a.active,
.theme_red_weakness .post_pagination ul li a:hover {
    color: yellow;
    background: #ccc
}

.theme_red_weakness .contact_us_box *,
.theme_red_weakness .white_round_box *,
.theme_red_weakness .about_us_inner *,
.theme_red_weakness .status_section .status_inner *,
.theme_red_weakness .btn_black {
    color: yellow !important
}

.theme_red_weakness .organizational_ministers .btn-default:hover span {
    color: yellow !important
}

.theme_red_weakness .services_group,
.theme_red_weakness .contact_us_box,
.theme_red_weakness .white_round_box,
.theme_red_weakness .about_us_inner,
.theme_red_weakness .main_menu>li ul,
.theme_red_weakness .footer_section,
.theme_red_weakness .support_section,
.theme_red_weakness .status_section .status_inner,
.theme_red_weakness .section_title a,
.theme_red_weakness .section_title span,
.theme_red_weakness .news_section,
.theme_red_weakness .rs_feature .rs_feature_single,
.theme_red_weakness .main_menu_section .navbar {
    background-color: #2F2F2F !important
}

.theme_green_weakness .main_menu_section .icon_befor_lng,
.theme_green_weakness .header_section,
.theme_green_weakness {
    color: #fff;
    background: #3a5796
}

.theme_green_weakness .sinlge_gl_img .hover_contents,
.theme_green_weakness .gallery_cats,
.theme_green_weakness .calltoaction,
.theme_green_weakness .main_menu_section .navbar {
    background: #EEEEEE !important
}

.theme_green_weakness .slider_item_box .thumbnail,
.theme_green_weakness .banner_section {
    background-color: #EEEEEE !important
}

.theme_green_weakness .slider_item_box .thumbnail {
    background-image: none !important
}

.theme_green_weakness .services_group *,
.theme_green_weakness .post_category_list *,
.theme_green_weakness .default_page *,
.theme_green_weakness .kids_slider .rs_slider_prev,
.theme_green_weakness .kids_slider .rs_slider_next,
.theme_green_weakness .training_page_bootom a,
.theme_green_weakness .blue_title,
.theme_green_weakness .single_handbook_item *,
.theme_green_weakness .hover_contents *,
.theme_green_weakness .gallery_cats *,
.theme_green_weakness .portal_box .portal_item *,
.theme_green_weakness .banner_section .banner_text h5,
.theme_green_weakness .banner_section .banner_text h2,
.theme_green_weakness .about_us_inner .about_box h2,
.theme_green_weakness .footer_section *,
.theme_green_weakness .calltoaction p,
.theme_green_weakness .single_support *,
.theme_green_weakness .section_title a,
.theme_green_weakness .news_row *,
.theme_green_weakness .section_title span,
.theme_green_weakness .main_menu_section .lng_dropdown .dropdown-toggle,
.theme_green_weakness .main_menu a {
    color: #000 !important
}

.theme_green_weakness .title span,
.theme_green_weakness .title_gradient,
.theme_green_weakness .about_us_inner .about_box h2 {
    background: transparent !important;
    text-fill-color: #000;
    -webkit-text-fill-color: #000;
    color: #3a5796 !important
}

.theme_green_weakness .rs_feature .rs_feature_single {
    background: #fff !important
}

.theme_green_weakness .rs_feature .rs_feature_single h2,
.theme_green_weakness .rs_feature .rs_feature_single p {
    color: #3a5796 !important
}

.theme_green_weakness .post_pagination ul li a.active,
.theme_green_weakness .post_pagination ul li a:hover {
    color: #3a5796;
    background: #ccc
}

.theme_green_weakness .btn_black {
    color: #fff !important
}

.theme_green_weakness .organizational_ministers .btn-default:hover span {
    color: #fff !important
}

.rs_media_banner {
    background-image: url(../images/media_banner.jpg);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 150px 0 57px 0
}

.rs_media_banner .text h2 {
    font-size: 70px;
    font-weight: 700;
    color: #4f319f;
    margin: 0;
    padding: 0;
    line-height: 75px
}

.rs_media_banner .text p {
    font-size: 17px;
    color: #7b7b7b;
    margin: 20px 0 0 0
}

.rs_media_feature {
    margin-bottom: 35px
}

.rs_media_feature .rs_feature_single {
    background-color: #4f319f
}

.rs_media_feature .rs_feature_single h2 {
    color: #01F5D8
}

.rs_media_feature .rs_feature_single.blue {
    background-color: #0a6fd5
}

.rs_media_feature .rs_feature_single.light {
    background-color: #01f5d8
}

.rs_media_feature .rs_feature_single.light h2 {
    color: #4F319F
}

.ps_top_section_row+.ps_top_section_row {
    margin-top: 44px
}

.ps_top_section_row .icon {
    padding-right: 30px
}

.ps_top_section_row.img_right .icon {
    padding-right: 0;
    padding-left: 30px
}

.ps_top_section_row .icon img {
    margin: 0;
    padding: 0
}

.ps_top_section_row .text_gra_box {
    padding: 30px 85px;
    background: #f4f4f4;
    border-radius: 10px
}

.ps_top_section_row .text_gra_box p {
    font-size: 18px;
    color: #7d7d7d;
    font-weight: 400;
    margin: 0
}

.ps_top_section_row .text_gra_box p+p {
    margin-top: 33px
}

.media_title {
    font-size: 36px;
    color: #4f319f;
    font-weight: 500;
    line-height: 40px
}

.map_img {
    text-align: center;
    padding: 60px 60px 0 60px;
    margin: 0
}

.map_img .media_title {
    text-align: left;
    margin-bottom: 59px
}

.map_img img {
    max-width: 100%
}

.vides_play_learn .title span,
.vides_play_learn .title {
    color: #4f319f
}

.kids_slider .slider_item_box .thumbnail {
    background: #c9c9c9;
    padding: 3px
}

.vides_play_learn .rs_slider_prev,
.vides_play_learn .rs_slider_next {
    color: #4f319f
}

.vides_play_learn .slider_item_box .controllers a {
    font-size: 16px
}

.vides_play_learn .slick-track {
    float: left
}

.rs_video_list_slider .slider_item_box {
    width: auto;
    margin: 18px
}

.rs_single_video_box a {
    margin: 7px 0;
    padding: 0;
    display: block;
    text-decoration: none;
    border: 3px solid rgba(0, 0, 0, .2);
    border-radius: 10px;
    background: #fff;
    box-shadow: 1px 0 8px rgba(0, 0, 0, .2);
    overflow: hidden
}

.rs_single_video_box .v_poster {
    position: relative;
    margin: 0;
    padding: 0;
    text-align: left
}

.rs_single_video_box .v_poster:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/video_play.png);
    content: "";
    background-size: 78px;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, .2);
    z-index: 5
}

.rs_single_video_box .v_poster img {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0
}

.rs_single_video_box .v_poster span {
    display: block;
    position: absolute;
    left: 5px;
    bottom: 5px;
    background: rgba(0, 0, 0, .5);
    padding: 2px 7px;
    color: #fff;
    font-weight: 600;
    border-radius: 5px;
    font-size: 12px;
    line-height: 15px;
    z-index: 10
}

.rs_single_video_box p {
    display: block;
    text-align: left;
    padding: 15px 20px;
    font-size: 15px;
    color: #5c5c5c;
    font-weight: 500;
    margin: 0
}

.light_home_slider .slick-dots {
    position: absolute;
    bottom: 100px
}

.light_home_slider .slick-dots li {
    margin: 0 4px;
    width: auto
}

.light_home_slider .slick-dots li button:before {
    display: none
}

.light_home_slider .slick-dots li button:after {
    display: none
}

.light_home_slider .slick-dots li button {
    width: 10px !important;
    height: 10px !important;
    background: #fff;
    border-radius: 40px
}

.light_home_slider .slick-dots li.slick-active button {
    background: transparent;
    -webkit-box-shadow: 0 0 0 2px #fff;
    box-shadow: 0 0 0 1px #fff
}

.light_home_slider .single_slide img {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0
}

.light_services {
    position: relative;
    z-index: 25;
    margin-top: -100px;
    margin-bottom: 90px
}

.light_services .services_group:after {
    display: none
}

.light_services .service_item {
    text-align: center
}

.light_services .service_item img {
    margin: 0 auto 18px auto;
    display: block;
    max-width: 100%
}

.footer_section_light {
    display: block;
    background: #fff;
    position: relative;
    margin: 60px 0 0 0;
    padding: 0
}

.footer_section_light .light_footer_social {
    margin: 0;
    display: block;
    background: linear-gradient(90deg, #0167d1, #00d8d7);
    box-sizing: border-box;
    padding: 15px 25px;
    border-radius: 40px;
    position: relative;
    z-index: 100;
    color: #fff;
    top: -30px
}

.footer_section_light .follow_text {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    margin: 5px 0;
    padding: 0;
    display: block
}

.footer_section_light .footer_eplink {
    display: block;
    text-align: center;
    margin: 0;
    padding: 0;
    text-decoration: none
}

.footer_section_light .footer_eplink img {
    margin: 0 auto;
    display: block;
    max-width: 100%
}

.footer_section_light .social_links {
    text-align: right;
    margin: 0;
    padding: 0;
    overflow: hidden;
    float: right
}

.footer_section_light .social_links a {
    display: block;
    overflow: hidden;
    color: #fff;
    font-size: 22px;
    float: left;
    margin: 0 10px
}

.footer_section_light .footer_copy_logo {
    display: block;
    text-align: center;
    margin: 0;
    padding: 0 0 30px 0
}

.footer_section_light .footer_copy_logo a {
    display: block;
    text-align: center;
    margin: 0;
    padding: 0;
    text-decoration: none
}

.footer_section_light .footer_copy_logo img {
    display: block;
    margin: 0 auto;
    padding: 0;
    border: 0 none
}

.footer_section_light .footer_copy_logo a.copy {
    font-size: 16px;
    font-weight: 400;
    color: #a1a1a1;
    margin-top: 15px;
    margin-bottom: 40px
}

.access_denied_banner {
    display: block;
    margin: 0;
    padding: 206px 0 175px 0;
    text-align: center;
    background-image: url(../images/denied_bg.png);
    background-position: bottom right;
    background-size: cover;
    background-repeat: no-repeat
}

.access_denied_banner+.footer_section_light {
    margin-top: 0
}

.access_denied_banner img {
    margin: 0 auto;
    display: block;
    border: 0 none;
    max-width: 100%
}

.access_denied_banner p {
    font-size: 17px;
    color: #3564cc;
    display: block;
    margin: 12px 0 0 0;
    padding: 0;
    font-weight: 400
}

.header_top .logo_light {
    margin-top: 28px;
    display: block
}

.login_page_banenr {
    position: relative;
    margin: 0;
    padding: 0;
    display: block
}

.login_page_banenr img {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0
}

.login_form_section {
    position: relative;
    margin-top: -232px;
    z-index: 10;
    margin-bottom: 120px
}

.login_form_section .login_box {
    background: #fff;
    padding: 40px 30px;
    border-radius: 18px;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, .05);
    box-shadow: 0 0 9px rgba(0, 0, 0, .05)
}

.login_form_section .login_text_contents h2 {
    font-size: 14px;
    font-weight: 600;
    color: #023ec3;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin: 0 0 30px 0;
    padding: 0
}

.login_form_section .login_text_contents img {
    display: block;
    margin: 0;
    max-width: 100%
}

.login_form_section .login_form {
    margin-top: 30px
}

.header_top .social_top div .facebook:hover {
    color: #fff;
    border-color: #428ef7;
    background: #428ef7
}

.login_form_section .login_form .form-control {
    height: 45px;
    border: 1px solid #b2b2b2;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 400;
    color: #666;
    padding: 0 22px;
    margin-bottom: 20px
}

.login_form_section .login_form .link {
    display: block;
    text-align: center;
    margin-top: 25px;
    color: #666;
    text-decoration: none;
    font-size: 15px
}

.login_form_section .login_form .link:hover {
    color: #060835
}

.login_form_section .login_form .btn_groups {
    display: flex
}

.login_form_section .login_form .btn_groups .btn {
    border: 1px solid #060835;
    height: auto;
    padding: 11px 5px;
    font-size: 14px;
    color: #060835;
    border-radius: 50px;
    width: 50%;
    text-align: center;
    display: inline-block
}

.login_form_section .login_form .btn_groups .btn.active,
.login_form_section .login_form .btn_groups .btn:hover {
    background: #060835;
    color: #fff
}

.login_form_section .login_form .btn_groups .btn+.btn {
    margin-left: 10px
}

.header_section .navbar-light .navbar-toggler {
    color: #fff;
    border-color: transparent;
    background: transparent;
    padding: 0;
    border-radius: 0;
    font-size: 38px;
    margin-top: 0;
    top: 0;
    line-height: 30px;
    outline: none !important
}

@media (max-width:1200px) {
    .main_menu>li>a {
        padding: 10px 7px !important
    }

    .header_top .social_top span {
        display: none
    }
}

@media (max-width:991px) {
    .pl_70 {
        margin-left: 0
    }

    .header_top .logo2,
    .header_top .logo {
        width: 50%;
        box-sizing: border-box
    }

    .theme_light .header_top .light_top_logo a {
        margin: 8px auto 0 auto;
        display: inline-block
    }

    .theme_light .header_top .light_top_logo {
        text-align: center
    }

    .theme_light .header_top .light_top_logo,
    .theme_light .header_top .logo2,
    .theme_light .header_top .logo {
        width: 33.33%;
        box-sizing: border-box;
        padding: 0 2px
    }

    .header_top .logo2 {
        margin-left: 0;
        float: left;
        text-align: right
    }

    .header_top .logo2 img,
    .header_top .logo img {
        max-width: 100%
    }

    .header_top .logo2 img {
        width: 131px;
        margin-right: 37px;
        float: right
    }

    .header_top .search_box {
        display: none
    }

    .header_top .social_top {
        margin: 5px 0 0 0;
        display: none
    }

    .header_top .social_top span {
        margin: 3px 0 0 6px;
        font-size: 14px;
        display: block
    }

    .header_top .social_top div a {
        font-size: 15px;
        width: 25px;
        height: 25px
    }

    .main_menu_section .search_box {
        display: block !important;
        margin-top: 0;
        margin-left: 0
    }

    .main_menu>li:focus>ul,
    .main_menu>li:hover>ul {
        position: relative;
        z-index: 10;
        opacity: 1;
        visibility: visible;
        top: 0
    }

    .slider_main .single_slide_content {
        padding: 100px 0;
        min-height: 500px
    }

    .slider_main .rs_slider_next {
        right: 20px
    }

    .slider_main .rs_slider_prev {
        left: 20px
    }

    .slider_main .single_slide_content img {
        max-width: 60%
    }

    .rs_feature .rs_feature_single {
        padding: 30px 15px
    }

    .rs_feature .rs_feature_single h2 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 20px
    }

    .banner_section .banner_text {
        padding: 150px 0
    }

    .kids_zone_banner .text {
        padding: 0 15px 30px 0
    }

    .kids_zone_banner {
        padding: 100px 0 50px 0
    }

    .support_section .single_support h3 {
        padding-left: 0;
        text-align: center
    }

    .light_home_slider .rs_slider_next,
    .light_home_slider .rs_slider_prev {
        left: 20px;
        font-size: 30px;
        line-height: 40px;
        margin-top: -20px
    }

    .light_home_slider .rs_slider_next {
        left: auto;
        right: 20px
    }

    .light_home_slider .slick-dots {
        bottom: 75px
    }
}

@media screen and (max-width:991px) and (min-width:768px) {
    .support_section .single_support div img {
        height: auto;
        margin-right: 15px;
        width: 40px
    }

    .support_section .single_support div h2 {
        font-size: 14px;
        line-height: 18px;
        margin-top: 5px;
        word-wrap: break-word
    }

    .services_group:after {
        left: 33%
    }

    .rs_row_5 .col_5 {
        width: 25%
    }

    .ministers_list .single_item_wraper .carve {
        margin-left: -115px
    }

    .login_form_section {
        margin-top: -138px
    }
}

@media (max-width:768px) {
    .status_section .single_status h2 {
        text-align: left
    }

    .status_section .single_status img {
        margin: 0
    }

    .support_section .single_support div {
        display: inline-block
    }

    .support_section .single_support {
        text-align: center
    }

    .banner_section .banner_text h2 {
        font-size: 40px;
        line-height: 48px;
        margin-top: 15px
    }

    .banner_section .banner_text {
        padding: 100px 0
    }

    .rs_row_5 .col_5 {
        width: 33.33%
    }
}

@media (max-width:767px) {
   

    header .logo img {
        height: auto;
        width: 84px;
        margin: 0 -5px -29px 0
    }

    .site-slogin{
        font-size: 12px
    }
    
    .site-slogin .logo-desc{
        font-size: 12px;
    }

    h1 {
        font-size: 16px
    }

    .card {
        margin-bottom: 7%
    }

    .image-news {
        width: 100%;
        height: auto
    }

    .pagination {
        flex-wrap: wrap
    }

    .footer_section .footer_widget .logo img {
        width: 80%;
        margin: auto
    }

    .card-view {
        width: 100%
    }

    .custom-margin {
        margin-top: 11%
    }

    .slider_main .single_slide_content {
        min-height: 350px
    }

    .slider_main .single_slide_content .btn {
        margin-top: 5px
    }

    .support_section .single_support h3 {
        padding-left: 0;
        text-align: center
    }

    #main_menu_wraper {
        overflow: auto;
        max-height: 100vh
    }

    .post_pagination ul li a {
        width: 40px;
        height: 40px;
        line-height: 40px;
        margin: 3px
    }

    .rs_row_5 .col_5 {
        width: 50%
    }

    .header_top .logo2 {
        margin-top: -37px
    }

    .header_section .search_box .form-control {
        width: 190px
    }

    .footer_social {
        margin: 15px 0;
        padding: 6px 20px
    }

    .footer_social div a {
        margin: 0 9px
    }

    .card-height1 {
        height: 357px
    }

    .footer_section .footer_widget {
        text-align: center;
        margin-top: 44px
    }

    .footer_section .footer_widget .logo {
        display: flex;
        justify-content: center
    }

    .footer_section .footer_widget .logo img {
        width: 92%
    }

    .service_icon_title {
        display: block;
        overflow: hidden;
        margin-bottom: 40px;
        position: relative;
        border-bottom: 1px solid #ccc;
        padding-bottom: 30px
    }

    .services_group:after {
        display: none
    }

    .service_icon_title h2 {
        margin-top: 22px
    }

    .cc2 {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }

    .single_handbook_item {
        text-align: center
    }

    .single_handbook_item img {
        display: block;
        margin: 0 auto;
        max-width: 100%
    }

    .single_handbook_item div {
        display: block;
        margin: 10px 0 0 0;
        padding: 0;
        max-width: none
    }

    .training_page .blue_title {
        margin: 40px 0 20px 0
    }

    .ministers_list .single_item_wraper {
        text-align: center
    }

    .ministers_list .single_item_wraper+.single_item_wraper {
        margin-top: 30px
    }

    .ministers_list .single_item_wraper .carve {
        display: none
    }

    .single_minister_item {
        width: auto
    }

    .single_minister_item .round_box h3 {
        font-size: 14px
    }

    .single_minister_item .round_box span {
        font-size: 14px;
        margin-top: 2px
    }

    .single_minister_item .round_box {
        border-radius: 100px;
        margin-left: 0;
        top: 0;
        margin-top: 20px;
        padding: 20px 15px;
        text-align: center
    }

    .single_minister_item .thumbnail {
        float: none;
        margin: 0 auto
    }

    .single_minister_item {
        margin: 0 auto;
        display: block;
        float: none
    }

    .ministers_list .single_item_wraper:nth-child(even) .single_minister_item {
        float: none;
        text-align: center
    }

    .ministers_list .single_item_wraper:nth-child(even) .thumbnail {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .ministers_list .single_item_wraper:nth-child(even) .round_box {
        margin-left: 0;
        border-radius: 100px;
        margin-right: auto
    }

    .rs_megamenu {
        position: relative;
        padding: 0 10px;
        display: none;
        float: none;
        clear: both
    }

    .rs_megamenu .mm_top_section h2 {
        font-size: 14px;
        font-weight: 500
    }

    .rs_megamenu .mm_top_section a {
        font-size: 12px
    }

    .rs_media_banner {
        padding: 106px 0 57px 0
    }

    .rs_media_banner .text {
        margin-bottom: 30px
    }

    .rs_media_banner .text h2 {
        font-size: 40px;
        line-height: 60px
    }

    .ps_top_section_row .text_gra_box {
        padding: 10px
    }

    .ps_top_section_row {
        display: block !important
    }

    .ps_top_section_row .text_gra_box {
        margin: 15px 0
    }

    .white_round_box {
        padding: 15px
    }

    .map_img {
        text-align: center;
        padding: 60px 0;
        margin: 0
    }

    .media_title {
        font-size: 25px
    }

    .footer_section_light .social_links a {
        font-size: 13px;
        margin: 0 2px
    }

    .footer_section_light .footer_eplink img {
        min-width: 150px
    }

    .footer_section_light .follow_text {
        margin: 0 0 3px 0;
        text-align: center
    }

    .light_services {
        margin-top: -32px
    }

    .light_home_slider .slick-dots {
        bottom: 0
    }

    .access_denied_banner {
        padding: 100px 0 100px 0
    }

    .access_denied_banner p {
        background: rgba(255, 255, 255, .9);
        padding: 10px 5px
    }

    .login_form_section {
        margin-top: 0;
        margin-bottom: 0
    }

    .login_form_section .login_form .btn_groups {
        display: block
    }

    .login_form_section .login_form .btn_groups .btn {
        width: 100%;
        margin-bottom: 17px
    }
}

@media (max-width:480px) {
    .rs_row_5 .col_5 {
        width: 100%
    }

    .service_icon_title img {
        max-width: 100%;
        float: none;
        margin: 0 auto
    }

    .service_icon_title h2 {
        text-align: center
    }
}

a.badge-primary:hover,
a.badge-primary:focus {
    color: #212529;
    background-color: #cca300
}

.btn-linkedin {
    color: #0e76a8;
    font-size: 30px
}

.btn-facebook {
    font-size: 30px;
    color: #3b5998
}

.btn-twitter {
    font-size: 30px;
    color: #00acee
}

.btn-whatsapp {
    font-size: 30px;
    color: #28a745
}

.PrintOnly {
    display: none
}

@media print {
    .PrintOnly {
        display: block
    }

    .print {
        display: none
    }
}

html:lang(ar) body {
    font-family: "Almarai" !important
}

html:lang(ar) .rs_feature .rs_feature_single h2,
html:lang(ar) h1,
html:lang(ar) h2,
html:lang(ar) h3,
html:lang(ar) h4,
html:lang(ar) h5,
html:lang(ar) h6 {
    font-family: "Almarai"
}

html:lang(ar) * {
    direction: rtl
}

html:lang(ar) p {
    direction: rtl;
    font-family: "Almarai" !important
}

html:lang(ar) .main_menu>li ul {
    left: auto;
    right: 0
}

html:lang(ar) .rs_feature .rs_feature_single h2 {
    font-size: 35px
}

html:lang(ar) .main_menu_section .lng_dropdown .dropdown-toggle {
    padding: 4px 30px 8px 30px
}

html:lang(ar) .main_menu_section .icon_befor_lng i {
    margin-top: 4px
}

html:lang(ar) .theme_changer a:before {
    float: right;
    margin-right: 0;
    margin-left: 12px
}

html:lang(ar) .theme_changer a:after {
    left: auto;
    right: 5px
}

html:lang(ar) .text_size_controller {
    text-align: left
}

html:lang(ar) .text_size_controller a {
    text-align: center;
    line-height: 35px
}

html:lang(ar) .mfp-container {
    text-align: center
}

html:lang(ar) .header_top .social_top span {
    float: right;
    margin: 6px 0 0 7px
}

html:lang(ar) .post_pagination ul li i:before {
    transform: rotate(180deg)
}

html:lang(ar) .kids .main_menu_section .navbar {
    background: linear-gradient(90deg, #1ad325, #cbd91a) !important
}

html:lang(ar) .kids_slider .slider_item_box .controllers a+a {
    margin-left: 0;
    border-right: 2px solid #7b7b7b;
    padding-left: 0;
    margin-right: 10px;
    padding-right: 10px;
    border-left: 0 none
}

html:lang(ar) .rs_row_5 .col_5,
html:lang(ar) .kids_slider .slider_item_box .controllers a img,
html:lang(ar) .kids_slider .slider_item_box .controllers a span {
    float: right
}

html:lang(ar) .kids_slider .slider_item_box .controllers a img {
    margin-right: 0;
    margin-left: 8px
}

html:lang(ar) .rs_megamenu .mm_top_section h2,
html:lang(ar) .kids_slider .slider_item_box .controllers a,
html:lang(ar) .social_share_urls a,
html:lang(ar) .post_pagination ul li,
html:lang(ar) .footer_social div a,
html:lang(ar) .header_top .social_top div a,
html:lang(ar) .header_top .logo,
html:lang(ar) .header_top .social_top,
html:lang(ar) .main_menu_section .icon_befor_lng {
    float: right
}

html:lang(ar) .rs_megamenu .mm_top_section a {
    float: left;
    padding-bottom: 12px
}

html:lang(ar) .header_section .search_box {
    margin-left: 0;
    margin-right: 20px
}

html:lang(ar) .header_section .search_box i {
    left: auto;
    right: 20px
}

html:lang(ar) .header_section .search_box .form-control {
    padding-left: 0;
    padding-right: 50px
}

html:lang(ar) .header_section .dropdown-toggle:after {
    margin-left: 0;
    margin-right: 6px
}

html:lang(ar) .header_section .mr-auto {
    margin-right: 0 !important
}

html:lang(ar) .header_section .main_menu+.my-2 {
    margin-right: auto !important
}

html:lang(ar) .header_section .main_menu a {
    font-family: "Almarai"
}

html:lang(ar) .banner_section h2,
html:lang(ar) .banner_section p,
html:lang(ar) .banner_section h5 {
    text-align: center
}

html:lang(ar) .section_title span {
    float: right;
    padding-right: 0;
    padding-left: 31px
}

html:lang(ar) .section_title a {
    float: left
}

html:lang(ar) .section_title a i {
    transform: rotate(180deg);
    margin-top: 3px
}

html:lang(ar) .news_section .single_news_item .more i:before {
    transform: rotate(180deg)
}

html:lang(ar) .copyright p,
html:lang(ar) .calltoaction p {
    text-align: center
}

html:lang(ar) .footer_social span {
    float: right;
    margin: 2px 0 0 15px;
    font-family: "Almarai"
}

html:lang(ar) .support_section .single_support div img {
    float: right;
    margin-right: 0;
    margin-left: 20px
}

html:lang(ar) .pl_70 {
    margin-left: 0;
    margin-right: 70px
}

html:lang(ar) .portal_box .portal_item .icon {
    float: right;
    margin-right: 0;
    margin-left: 40px
}

html:lang(ar) .service_icon_title img {
    float: right;
    margin: 0 0 0 22px
}

html:lang(ar) .chosen-container-single .chosen-single div {
    right: auto;
    left: 16px
}

html:lang(ar) .chosen-container-single .chosen-single span {
    margin-right: 0;
    margin-left: 26px
}

html:lang(ar) .services_group:after {
    left: auto;
    margin: auto 15px auto auto;
    right: 25%
}

html:lang(ar) .banner_section .banner_text .dl_btns a {
    float: right
}

html:lang(ar) .banner_section .banner_text .dl_btns a+a {
    margin-left: 0;
    margin-right: 15px
}

html:lang(ar) .book_list_item span,
html:lang(ar) .book_list_item h2,
html:lang(ar) .book_list_item {
    text-align: center;
    line-height: 25px
}

html:lang(ar) .book_list_item span {
    margin-top: 7px
}

html:lang(ar) .post_category_list,
html:lang(ar) .post_pagination,
html:lang(ar) .books_list_row>div {
    text-align: center
}

html:lang(ar) .post_pagination .container,
html:lang(ar) .gallery_cats ul {
    text-align: center
}

html:lang(ar) .sinlge_gl_img .hover_contents .hover_f {
    left: auto;
    right: 0
}

html:lang(ar) .sinlge_gl_img .hover_contents .mdi-plus {
    left: auto;
    right: 30px
}

html:lang(ar) .kids_zone_banner .text h3,
html:lang(ar) .default_page .subtitle,
html:lang(ar) .calltoaction p,
html:lang(ar) .status_section .single_status h2,
html:lang(ar) .news_section .single_news_item .cats_list,
html:lang(ar) .banner_section .banner_text h5 {
    letter-spacing: 0
}

html:lang(ar) .single_handbook_item img {
    margin-right: 0;
    margin-left: 28px
}

html:lang(ar) .training_page_bootom a,
html:lang(ar) .training_page_bootom p,
html:lang(ar) .back_post_btn,
html:lang(ar) .social_share_urls {
    text-align: center
}

html:lang(ar) .back_post_btn .btn.btn-default.btn_black {
    float: none;
    padding-top: 4px
}

html:lang(ar) .social_share_urls span {
    float: right;
    margin-right: 0;
    margin-left: 20px
}

html:lang(ar) .btn.btn-default.btn_black {
    float: left
}

html:lang(ar) .training_page .list_bordered {
    margin-right: 0;
    margin-left: 20px
}

html:lang(ar) .main_menu>li.active>a {
    font-weight: 600 !important
}

html:lang(ar) .organizational_ministers,
html:lang(ar) .organizational_ministers .round_box * {
    text-align: center
}

html:lang(ar) .single_minister_item {
    float: right
}

html:lang(ar) .ministers_list .single_item_wraper:nth-child(even) .single_minister_item {
    float: left;
    text-align: left
}

html:lang(ar) .single_minister_item .thumbnail {
    float: right;
    margin-right: 0;
    margin-left: 30px
}

html:lang(ar) .single_minister_item .round_box {
    margin-left: 0;
    border-radius: 100px 0 0 100px;
    margin-right: 70px
}

html:lang(ar) .ministers_list .single_item_wraper:nth-child(even) .round_box {
    margin-left: 70px;
    border-radius: 0 100px 100px 10px;
    margin-right: 0
}

html:lang(ar) .ministers_list .single_item_wraper:nth-child(even) .thumbnail {
    float: left;
    margin-left: 0;
    margin-right: 30px
}

html:lang(ar) .ministers_list .single_item_wraper .carve {
    transform: scalex(-1)
}

html:lang(ar) .ministers_list .single_item_wraper:nth-child(even) .single_minister_item .round_box h3,
html:lang(ar) .ministers_list .single_item_wraper:nth-child(even) .single_minister_item .round_box span {
    text-align: left
}

html:lang(ar) .rs_site_wraper *,
html:lang(ar) .support_section .single_support div h2,
html:lang(ar) .title,
html:lang(ar) .single_minister_item .round_box h3,
html:lang(ar) .about_us_inner .about_box ul li,
html:lang(ar) .about_us_inner .about_box p,
html:lang(ar) .about_us_inner .about_box h2,
html:lang(ar) .contact_us_section .contact_title p,
html:lang(ar) .contact_us_section .contact_title h2 {
    line-height: unset
}

html:lang(ar) .rs_site_wraper .news_details_page * {
    line-height: normal
}

html:lang(ar) .post_pagination ul li a {
    line-height: 46px
}

html:lang(ar) .slider_main .single_slide_content {
    overflow: hidden
}

html:lang(ar) .slider_main .single_slide_content img {
    float: left;
    clear: both
}

html:lang(ar) .slider_main .single_slide_content .btn {
    clear: both
}

html:lang(ar) .support_section .single_support h3 {
    padding-left: 0;
    padding-right: 64px
}

html:lang(ar) .news_section .single_news_item .more {
    display: inline-block;
    overflow: hidden
}

html:lang(ar) .news_section .single_news_item .more i {
    padding-top: 3px;
    display: inline-block;
    float: left;
    margin-right: 6px
}

html:lang(ar) .map_img .media_title {
    text-align: right
}

html:lang(ar) .ps_top_section_row .icon {
    padding-right: 0;
    padding-left: 30px
}

html:lang(ar) .ps_top_section_row.img_right .icon {
    padding-right: 30px;
    padding-left: 0
}

html:lang(ar) .vides_play_learn .slick-track {
    float: right
}

html:lang(ar) .rs_single_video_box .v_poster span {
    right: 5px;
    left: auto
}

html:lang(ar) .light_home_slider .slick-dots {
    text-align: center
}

html:lang(ar) .theme_light .services_group .text-center .service_item p,
html:lang(ar) .theme_light .services_group .text-center .service_item h3 {
    text-align: center !important
}

html:lang(ar) .footer_section_light .social_links {
    text-align: left;
    float: left
}

html:lang(ar) .footer_section_light .social_links a {
    float: right
}

html:lang(ar) .access_denied_banner p {
    font-size: 30px;
    text-align: center
}

html:lang(ar) .login_form_section .login_text_contents h2 {
    font-size: 26px;
    letter-spacing: 0
}

html:lang(ar) .login_form_section .login_form .btn_groups .btn+.btn {
    margin-left: 0;
    margin-right: 10px
}

@media (max-width:991px) {
    html:lang(ar) .support_section .single_support h3 {
        padding-left: 0;
        padding-right: 0;
        text-align: center
    }

    html:lang(ar) .pl_70 {
        margin-left: 0;
        margin-right: 0
    }

    html:lang(ar) .main_menu_section .navbar-toggler.ml-auto {
        margin-left: 0 !important
    }

    html:lang(ar) .section_title a {
        padding: 15px 0
    }

    html:lang(ar) .section_title span {
        padding-left: 0
    }
}

@media (max-width:768px) {

    html:lang(ar) .footer_section .footer_widget h2,
    html:lang(ar) .support_section .single_support p,
    html:lang(ar) .footer_section .footer_widget ul li a {
        text-align: center
    }
}

@media (max-width:767px) {
    iframe{
        width:100%;
        height:auto;
    }
    .border-custom {
        margin-top: 15px
    }

    h1 b,
    h1 {
        font-size: 19px !important
    }

    .card-view {
        border-radius: unset;
        border: unset;
        overflow: hidden;
        box-shadow: unset;
        background: #fff
    }

    .news_title {
        font-size: 16px
    }

    .post-block-style {
        height: 200px
    }

    .news_details .writer {
        width: 100%
    }

    html:lang(ar) .single_handbook_item img {
        margin: 0 auto;
        width: auto
    }

    html:lang(ar) .post_pagination ul li a {
        line-height: 36px
    }

    html:lang(ar) .single_handbook_item strong,
    html:lang(ar) .single_handbook_item p {
        text-align: center
    }

    html:lang(ar) .single_minister_item {
        margin: 0 auto;
        display: block;
        float: none !important;
        text-align: center !important
    }

    html:lang(ar) .single_minister_item .round_box {
        margin-left: 0 !important;
        margin-right: 0 !important;
        border-radius: 100px !important;
        margin-right: 0;
        float: none;
        display: block
    }

    html:lang(ar) .single_minister_item .thumbnail {
        float: none !important;
        margin-right: auto !important;
        margin-left: 0 !important
    }

    html:lang(ar) .single_minister_item .round_box span,
    html:lang(ar) .single_minister_item .round_box h3 {
        text-align: center !important
    }
}

.custom-container {
    max-width: 1330px
}

.header-top {
    border-bottom: 1px solid var(--lightblue)
}

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

.header-top-left .header-social {
    display: flex;
    align-items: center;
    background: #353945;
    padding: 14px 20px;
    border-radius: 4px 0 0 4px
}

.header-bottom-right .header-social li:last-child,
.header-top-right .header-social li:last-child,
.header-top-left .header-social li:last-child {
    margin-right: 0
}

.header-bottom-right .header-social li a,
.header-top-right .header-social li a,
.header-top-left .header-social li a {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    border: .5px solid #FFF;
    color: var(--lightblue);
    border-radius: 50%
}

.header-top-right .header-social li a:hover,
.header-top-left .header-social li a:hover {
    background: #2962FF;
    border-color: #2962FF
}

.header-top-left span {
    background: #2962FF;
    color: #fff;
    line-height: 1;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    padding: 19px 31px;
    border-radius: 0 4px 4px 0
}

.header-top-left span i {
    font-size: 14px;
    margin-right: 10px
}

.header-bottom-menu ul,
.header-top-menu ul {
    display: flex;
    align-items: center;
    justify-content: end
}

.header-bottom-menu ul li,
.header-top-menu ul li {
    margin-right: 20px
}

.header-bottom-menu ul li:last-child,
.header-top-menu ul li:last-child {
    margin-right: 0
}

.header-bottom-menu ul li a,
.header-top-menu ul li a {
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    display: block
}

.header-bottom-menu ul li a:hover,
.header-top-style-three .header-top-menu ul li a:hover,
.header-top-menu ul li a:hover {
    color: #2962FF
}

.header-top-style-two {
    padding: 8px 0;
    border-bottom: none
}

.header-top-right .header-social {
    display: inline-block
}

.header-top-style-three.header-top {
    background: #fff;
    border-bottom: none
}

.header-bottom-menu ul li a,
.header-top-style-three .header-top-menu ul li a {
    color: #353945
}

.header-top-style-three .header-top-right .header-social li a {
    border: .5px solid #353945;
    color: #353945
}

.header-top-style-three .header-top-right .header-social li a:hover {
    color: #fff;
    background: #2962FF;
    border-color: #2962FF
}

.header-bottom {
    background: #FFF;
    box-shadow: 0 4px 8px #DEE0EB;
    padding: 14px 0
}

.header-bottom-menu ul {
    justify-content: start
}

.header-bottom-right .header-social {
    display: flex;
    align-items: center;
    justify-content: end
}

.header-bottom-right .header-social li a {
    border: .5px solid #00ACEE;
    color: #00ACEE
}

.header-bottom-right .header-social li a:hover {
    color: #fff;
    background: #00ACEE
}

.header-bottom-right .header-social li:nth-child(2) a {
    border: .5px solid #3B5998;
    color: #3B5998
}

.header-bottom-right .header-social li:nth-child(3) a {
    border: .5px solid #0E76A8;
    color: #0E76A8
}

.header-bottom-right .header-social li:nth-child(2) a:hover {
    color: #fff;
    background: #3B5998
}

.header-bottom-right .header-social li:nth-child(3) a:hover {
    color: #fff;
    background: #0E76A8
}

.transparent-header {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9;
    height: auto
}

.menu-nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start
}

.offcanvas-menu {
    margin-right: 30px
}

.offcanvas-menu a {
    display: block;
    font-size: 30px;
    color: #fff;
    line-height: 1
}

.navbar-wrap {
    display: flex;
    flex-grow: 1
}

.navbar-wrap ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-right: auto
}

.navbar-wrap ul li {
    display: block;
    position: relative
}

.navbar-wrap ul li a {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    padding: 35px 14px;
    display: block;
    line-height: 1;
    position: relative;
    z-index: 1
}

.navbar-wrap>ul>li.active>a,
.navbar-wrap>ul>li:hover>a {
    color: var(--lightblue)
}

.navbar-wrap>ul>li.menu-item-has-children>a::before {
    /*content: "\f078";*/
    position: absolute;
    font-weight: 700;
    /*font-family: "Font Awesome 6 Free";*/
    right: 15px;
    top: 50%;
    font-size: 10px;
    transform: translateY(-50%);
    line-height: 1
}

.navbar-wrap>ul>li.menu-item-has-children>a {
    padding-right: 14px
}

.main-menu .navigation li.menu-item-has-children .dropdown-btn {
    display: none
}

.header-action>ul {
    display: flex;
    align-items: center;
    margin-left: 70px
}

.header-action>ul li {
    position: relative;
    padding-right: 85px
}

.header-action>ul li::before {
    /*content: "";*/
    /*position: absolute;*/
    /*right: 0;*/
    /*top: 50%;*/
    /*transform: translateY(-50%);*/
    /*width: 1px;*/
    /*height: 20px;*/
    /*background: #fff*/
}

.header-action .header-search a {
    background: #3c4049;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    font-size: 14px
}

.header-action .header-btn .btn {
    color: #fff;
    font-size: 14px;
    padding: 13px 22px
}

.navbar-wrap ul li .sub-menu {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    min-width: 230px;
    border: 1px solid #f5f5f5;
    background: #fff;
    margin: 0;
    transform: scale(1, 0);
    transform-origin: 0 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 0;
    padding: 18px 0;
    display: block;
    visibility: hidden;
    opacity: 0;
    z-index: 9
}

.navbar-wrap ul li .sub-menu li {
    margin-right: 5px;
    text-align: right;
    display: block
}
.navbar-wrap ul li .sub-menu li a {
   padding: 0 25px 0 11px;
    line-height: 40px;
    font-weight: 600;
    color: #0b101b;
    text-transform: capitalize;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.navbar-wrap>ul>li .sub-menu li.active>a {
    color: #2962FF
}

.navbar-wrap>ul>li .sub-menu li a::before {
   content: "";
    position: absolute;
    right: 7px;
    width: 0;
    height: 2px;
    top: 20px;
    background: #2962FF;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

}

.navbar-wrap>ul>li .sub-menu li:hover>a::before {
    width: 15px
}

.navbar-wrap>ul>li .sub-menu li:hover>a {
    padding-left: 45px
}

.navbar-wrap ul li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    transform: scale(1)
}

.sticky-menu {
    position: fixed;
    left: 0;
    margin: auto;
    top: 0;
    width: 100%;
    z-index: 99;
    background: #0b101b;
    -webkit-animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;
    -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, .1);
    box-shadow: 0 10px 15px rgba(25, 25, 25, .1);
    border-radius: 0
}

.sticky-menu.menu-area {
    padding: 0 0
}

.menu-style-two.menu-area {
    background: #fff;
    padding: 0
}

.menu-style-two .navbar-wrap ul li a {
    color: #0B101B;
    padding: 29px 15px
}

.menu-style-two .navbar-wrap>ul>li.menu-item-has-children>a {
    padding-right: 30px
}

.menu-style-two .navbar-wrap>ul>li.active>a,
.menu-style-two .navbar-wrap>ul>li:hover>a {
    color: #2962FF
}

.menu-style-two .header-action>ul {
    margin-left: 80px
}

.menu-style-two .header-action>ul li {
    padding-left: 14px
}

.menu-style-two .header-action>ul li::before {
    display: none
}

.menu-style-two .header-action a {
    background: transparent;
    width: auto;
    height: auto;
    border-radius: 0;
    color: #000;
    font-size: 16px
}

.menu-style-two .offcanvas-menu a {
    color: #0B101B
}

.menu-area.menu-style-three {
    padding: 0 0
}

.menu-style-three .header-action>ul li {
    padding-left: 0;
    margin-right: 30px
}

.menu-style-three .header-action>ul li:last-child {
    margin-right: 0
}

.menu-style-three .header-action>ul li::before {
    display: none
}

.menu-style-three .header-action>ul {
    margin-left: 0
}

.menu-style-three .navbar-wrap ul {
    margin: 0 auto
}

.menu-style-three .navbar-wrap ul li a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 6px;
    background: #2962FF;
    border-radius: 10px;
    opacity: 0
}

.menu-style-three .navbar-wrap>ul>li.active>a::after {
    opacity: 1
}

.menu-style-three .navbar-wrap>ul>li.active>a,
.menu-style-three .navbar-wrap>ul>li:hover>a {
    color: #fff
}

.search-popup-wrap {
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    height: 100%;
    width: 100%;
    z-index: 99;
    padding: 100px 0;
    display: none
}

.search-wrap {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
}

.search-wrap .title {
    font-size: 47px;
    margin: 0 0 70px 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    letter-spacing: -1px;
    color: #0B101B
}

.search-form {
    position: relative
}

.search-form input {
    width: 100%;
    border: none;
    border-bottom: 1px solid #2962ff;
    padding: 10px 50px 20px;
    text-align: center;
    color: #0B101B;
    font-weight: 500;
    font-size: 30px;
    background: transparent
}

.search-form input::placeholder {
    font-size: 30px;
    color: #0B101B;
    opacity: .7
}

.search-btn {
    position: absolute;
    right: 20px;
    background: transparent;
    border: 0;
    font-size: 25px;
    color: #2962FF;
    top: 50%;
    transform: translateY(-50%)
}

.search-close {
    position: absolute;
    top: 5%;
    right: 5%;
    font-size: 30px;
    color: #2962FF;
    cursor: pointer
}

.nav-outer .mobile-nav-toggler {
    position: relative;
    float: right;
    font-size: 40px;
    line-height: 50px;
    cursor: pointer;
    display: none;
    color: #fff;
    margin-right: 30px;
    top: 15px
}

.nav-logo img {
    width: 150px
}

.mobile-menu {
    position: fixed;
    right: 0;
    top: 0;
    width: 300px;
    padding-right: 30px;
    max-width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: 99;
    border-radius: 0;
    transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -webkit-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    -webkit-transform: translateX(101%);
    -ms-transform: translateX(101%);
    transform: translateX(101%)
}

.mobile-menu .navbar-collapse {
    display: block !important
}

.mobile-menu .nav-logo {
    position: relative;
    padding: 30px 25px;
    text-align: left
}

.mobile-menu-visible {
    overflow: hidden
}

.mobile-menu-visible .mobile-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%)
}

.mobile-menu .navigation li.current>a:before {
    height: 100%
}

.menu-backdrop {
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -webkit-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    opacity: 0;
    visibility: hidden;
    background: #fff
}

.mobile-menu-visible .menu-backdrop {
    opacity: .8;
    visibility: visible
}

.mobile-menu .menu-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    background: #fff;
    padding: 0 0;
    z-index: 5;
    box-shadow: -9px 0 14px 0 rgb(0 0 0 / 6%)
}

.mobile-menu-visible .mobile-menu .menu-box {
    opacity: 1;
    visibility: visible
}

.mobile-menu .close-btn {
    position: absolute;
    right: 25px;
    top: 28px;
    line-height: 30px;
    width: 35px;
    text-align: center;
    font-size: 20px;
    color: #312620;
    cursor: pointer;
    z-index: 10;
    -webkit-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    transition: all 0.9s ease
}

.mobile-menu-visible .mobile-menu .close-btn {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
}

.mobile-menu .navigation {
    position: relative;
    display: block;
    width: 100%;
    float: none
}

.mobile-menu .navigation li {
    position: relative;
    display: block;
    border-top: 1px solid rgb(0 0 0 / 10%)
}

.mobile-menu .navigation:last-child {
    border-bottom: 1px solid rgb(0 0 0 / 10%)
}

.mobile-menu .navigation li>ul>li:first-child {
    border-top: 1px solid rgb(0 0 0 / 10%)
}

.mobile-menu .navigation li>a {
    position: relative;
    display: block;
    line-height: 24px;
    padding: 10px 25px;
    font-size: 14px;
    font-weight: 600;
    color: #0B101B;
    text-transform: capitalize;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    border: none
}

.mobile-menu .navigation li ul li>a {
    font-size: 15px;
    margin-left: 20px;
    text-transform: capitalize
}

.mobile-menu .navigation li ul li ul li a {
    margin-left: 40px
}

.mobile-menu .navigation li ul li ul li ul li a {
    margin-left: 60px
}

.mobile-menu .navigation li>a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 0;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease
}

.mobile-menu .navigation li.menu-item-has-children .dropdown-btn {
    position: absolute;
    left: 6px;
    top: 6px;
    width: 32px;
    height: 32px;
    text-align: center;
    font-size: 16px;
    line-height: 32px;
    color: #000;
    cursor: pointer;
    border-radius: 2px;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 5
}

.mobile-menu .navigation li.menu-item-has-children .dropdown-btn.open {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.mobile-menu .navigation li>ul,
.mobile-menu .navigation li>ul>li>ul {
    display: none
}

.mobile-menu .social-links ul {
    display: flex;
    position: relative;
    text-align: center;
    padding: 30px 20px 20px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

.mobile-menu .social-links li {
    position: relative;
    display: inline-block;
    margin: 0 6px 10px
}

.mobile-menu .social-links li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    position: relative;
    line-height: 32px;
    font-size: 16px;
    color: #0B101B;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px
}

.mobile-menu .social-links li a:hover {
    border-color: #2962FF;
    background: #2962FF;
    color: #fff
}

.menu-area .mobile-nav-toggler {
    position: relative;
    float: left;
    font-size: 30px;
    cursor: pointer;
    line-height: 1;
    color: #fff;
    display: none;
    margin-top: 23px
}

.extra-info {
    background: #0b101b none repeat scroll 0 0;
    height: 100%;
    padding: 30px;
    position: fixed;
    right: 0;
    top: 0;
    transition: all 0.7s ease 0s;
    width: 340px;
    z-index: 999;
    overflow-y: scroll;
    transform: translateX(100%)
}

.extra-info.active {
    transform: translateX(0)
}

.close-icon {
    margin-top: -16px;
    text-align: right
}

.close-icon>button {
    background: transparent;
    border: 0 none;
    color: #2962ff;
    cursor: pointer;
    font-size: 20px;
    padding: 0
}

.side-info {
    border-top: 1px solid #344159;
    padding-top: 25px
}

.contact-list h4 {
    color: #fff;
    font-weight: 500;
    font-size: 18px
}

.contact-list p {
    color: #cfcfcf;
    margin: 0;
    margin-bottom: 2px;
    line-height: 26px
}

.side-instagram {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    margin: -5px
}

.side-instagram li {
    width: 33.3333%;
    flex: 0 0 33.3333%;
    padding: 5px
}

.side-instagram li>a {
    display: block
}

.side-instagram img {
    width: 100%
}

.social-icon-right>a {
    color: #fff;
    display: inline-block;
    margin-right: 20px;
    text-align: center
}

.social-icon-right>a:hover {
    color: #2962ff
}

.offcanvas-overly {
    position: fixed;
    background: #000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    transition: .3s
}

.offcanvas-overly.active {
    opacity: .5;
    visibility: visible
}

.header-top {
    border-bottom: 0 solid var(--lightblue)
}

.calender-box {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    margin-right: 50px;
    padding-right: 50px;
    position: relative;
    text-transform: uppercase
}

.header-top-right {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

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

.header-top-right .header-social li {
    display: inline-block
}

.calender-box i {
    display: inline-block;
    margin-right: 10px
}

.calender-box:before {
    position: absolute;
    right: 0;
    top: -5px;
    width: 1px;
    height: 20px;
    content: "";
    background: #fff
}

.menu-area {
    background: #fff;
    position: relative
}

.menu-area:before {
    position: absolute;
    left: auto;
    top: 0;
    width: 100%;
    height: 100px;
    background-size: cover;
    content: ""
}

.navbar-wrap ul li a {
    color: #0B101B
}

.header-action .header-search a {
    background: transparent;
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    color: #777E90;
    font-size: 21px
}

h1.text-logo a {
    color: #0B101B
}

.offcanvas-menu a {
    color: #777E91
}

.offcanvas-menu {
    margin-right: 20px
}

.header-action>ul li::before {
    background: #777E91
}

.latest-news-content {
    background: #fff;
    padding: 20px;
    border-radius: 0 0 8px 8px;
    border: 1px solid #EEF0F6
}

.theme_post_Tabone__content .latest-news-item .latest-news-thumb {
    border-radius: 8px !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.theme_post_Tabone__content .tab-bottom-grid-style .latest-small-item .thumb {
    border-radius: 4px 4px 4px 4px
}

.blog-post-weekly-wrapper.post-block-weekly .weekly-top-content {
    border: 1px solid #EEF0F6
}

.blogsmallblock-list .wt-small-item .content {
    background: #fff;
    padding: 9px 10px 9px 12px;
    border-radius: 0;
    min-height: 80px
}

.blogsmallblock-list .wt-small-item .thumb {
    border-radius: 4px 4px 4px 4px
}

.news_post_grid_design.recently-post-area.post-grid-wrapper-column .recently-post-content {
    border: 1px solid #EEF0F6
}

section.featured-post-area.post-block-list-wrapper-column .featured-post-thumb {
    border-radius: 8px 8px 8px 8px
}

.header-top-menu ul li a {
    font-weight: 500
}

.menu-area .mobile-nav-toggler {
    color: #0B101B
}

h1.post-title.single_blog_inner__Title {
    font-size: 40px;
    line-height: 1.15
}

.post-grid-wrapper-column .post-meta-style-two ul li,
.most-read-wrap .post-meta-style-two ul li {
    color: #B3B6C1 !important
}

.blog-area-two .blog-item .post-meta-style-two ul {
    border-bottom: 1px solid #ddd
}

.header-top-right .header-social li a,
.header-top-left .header-social li a {
    font-size: 16px;
    border: 1px solid #FFF
}

.footer-widget h4.widget-title,
.footer-widget h4 {
    font-size: 18px
}

.footer-contact h4 {
    font-size: 18px
}

.header-top-right .header-social li a,
.header-top-left .header-social li a {
    font-size: 16px;
    border: 0 solid #FFF
}

.newsletter-content {
    width: 100%
}

.newsletter-content .title {
    font-size: 44px !important;
    margin-bottom: 40px !important;
    line-height: 1.2 !important;
    text-transform: capitalize;
    width: 100%
}

.post-meta-style-two ul li a,
.wt-small-item .content span i,
.weekly-top-content span i,
.post-meta-style-two ul li i,
.new-post-area-two .new-post ul li span i,
.video-post-item.small-item .video-post-content span i {
    color: #B3B6C1
}

.blog-post-grid-wrapper.post-block-item.post-block-one i {
    color: #B3B6C1
}

.search-form input::placeholder {
    color: #fff
}

.search-popup-wrap {
    background: rgb(0 0 0 / 90%)
}

.search-btn {
    font-size: 22px;
    color: #fff;
    right: 20px
}

.search-form input {
    border-bottom: 1px solid rgb(255 255 255 / 60%);
    color: #fff;
    text-align: left;
    padding-left: 34px;
    height: 93px;
}

.search-close {
    color: #fff
}

.search-wrap .title {
    display: none
}

.offcanvas-overly {
    transition: .2s ease-in
}

.offcanvas-menu a {
    font-size: 27px
}

@media (max-width:992px) {
    .font-10 {
        font-size: 10px
    }

    .sectio-title-back {
        width: 50% !important
    }

    .custom-container {
        max-width: 720px
    }

    .menu-nav {
        justify-content: space-between
    }
    .header-action>ul li{
        padding-right:0;
    }
    .menu-outer .navbar-wrap {
        display: block !important
    }

    .menu-area .mobile-nav-toggler {
        display: block
    }

    .header-action>ul li::before {
        display: none
    }

    .offcanvas-menu {
        display: none
    }
}

.line-height-29 {
    line-height: 29px
}

.h4-cutom {
    font-size: 17px;
    line-height: 30px
}

.bg-custom-dark {
    background: linear-gradient(0deg, #18507b, #18507b);
    background-size: cover
}

.sectio-title-back {
    background: var(--lightblue);
    color: #fff;
    font-size: 15px;
    width: 15%;
    font-weight: 700;
    padding: 3px 36px 10px
}

.sectio-title-back a:hover {
    color: #000
}

.over {
    position: absolute;
    width: 90.5%;
    height: 98%;
    padding: 0 33px;
    top: 0;
    color: #fff;
    right: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #333333c7);
    z-index: 44
}

.ho {
    line-height: 34px;
    font-size: 17.5px
}

.sticky-news-title {
    font-size: 24px;
    line-height: 200%
}

.writer_thum {
    width: 150px;
    background: #f4f5f9;
    text-align: center;
    font-size: 12px;
}

.writer_thum img {
    display: block
}

.writer_pio,
.writer_pio p {
    line-height: 160%;
    font-size: 12px;
    margin-bottom: 0;
    text-align: center
}

a h1:hover {
    color: var(--blue)
}

.writer_name {
    font-size: 17px;
    font-family: serif
}

.page-header {
    color: var(--lightblue);
    font-size: 24px;
    padding: 15px
}

.page-header h4 {
    color: var(--lightblue);
    border-bottom: 2px solid #e0e0e0
}

.trending-news-post-items {
    margin-top: 10px
}

.gallery_item {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    position: relative
}

.gallery_item::before {
    position: absolute;
    content: '';
    left: 0;
    bottom: -15px;
    width: 100%
}

.gallery_item .gallery_item_thumb {
    min-width: 120px;
    margin-right: 10px;
    position: relative
}

.gallery_item .gallery_item_content {
    position: relative
}

.gallery_item .gallery_item_content .post-meta {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center
}

.gallery_item .gallery_item_content .title {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.gallery_item .gallery_item_content .post-meta .meta-date {
    padding-left: 32px;
    position: relative;
    font-size: 12px;
    font-weight: 400;
    color: #515A60
}

.gallery_item .gallery_item_content .title {
    margin-bottom: 0;
    font-size: 17px;
    font-weight: 500;
    line-height: 30px
}

.title-news {
    font-size: 23px;
    line-height: 42px;
    font-weight: 600
}

.container2 {
    display: block;
    position: relative;
    padding-right: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.container2 input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.checkmark {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    background-color: #eee
}

.container2:hover input~.checkmark {
    background-color: #ccc
}

.container2 input:checked~.checkmark {
    background-color: #2196F3
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.container2 input:checked~.checkmark:after {
    display: block
}

.custom-li::marker {
    color: var(--blue);
    font-size: 18px
}

.container2 .checkmark:after {
    right: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}
.topic-title
{
    font-weight: bold;
    color: var(--darkblue);
    line-height: 180%;
}
.topic-text 
{
    overflow: hidden;
    font-size: 18px;
    font-weight: 400;
    text-align: justify;
    line-height: 30px;
}

.topic-text h2
{
    color: var(--blue);
    background-color: var(--blue);
    color: #fff;
    padding: 5px 15px;
    border-radius: 30px;
    display: inline-block;
}

.topic-text h3
{
    color: var(--blue);
    padding: 5px 10px;
    display: inline-block;
    border-right: var(--blue) solid 6px;
    font-size: 1.3em;
    font-weight: bold;
}
.topic-text h3:befor
{
    content: '';
    color: var(--blue);
}
.topic-text h4
{
    background-color: var(--blue);
    color: #fff;
    padding: 5px 10px;
    border-radius: 20px;
    display: inline-block;
}
.text-gray{
   color: #1294f8 !important;
}
.ion-android-menu{
       color: #1294f8 !important;

}
.home-cover {
    width: 120px;
    /* opacity: 0.7; */
    background-color: var(--blue);
    color: #fff;
    font-size: 1rem;
    margin-top: 18px;
    padding: 40px 20px 5px 10px;
    position: absolute;
    z-index: 2;
    left: -43px;
    text-align: center;
    transform: rotate(-45deg);
    top: -19px;
    font-weight: bold;
}
.img-auto-width{
    width:auto;
}
}