@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap');
.cairo-<uniquifier> {
  font-family: "Cairo", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "slnt" 0;
}
.h4, h4 {
    font-size: 1.5rem !important;
    font-weight: 600 !important;
}
.h3, h3 {
    font-size: 1.75rem !important;
}
.h2, h2 {
    font-size: 2rem !important;
}
.h1, h1 {
    font-size: 2.5rem !important;
}
.image-style-align-right{
    float: right;
    padding-left: 20px;
    padding-top: 20px;
}
.image-style-align-right img{
	border-radius:8px;
	overflow:auto !important;
}
* {
    box-sizing: border-box;
	font-family:"Cairo",Roboto
}

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

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

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

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

html {
    font-size: 15px;
    direction: rtl
}

body {
	    background: #F9F9FB;
    direction: rtl;
    text-align: right;
    overflow-x: hidden
}

a {
    text-decoration: none !important;
    position: relative
}

a:hover {
    color: #fff;
    text-decoration: none
}

a img {
    object-fit: fill;
    display: block
}

.C_AD:empty,.B_AD:empty {
    display: none !important
}

.C_AD img,.B_AD img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto
}

.time,.date {
    font-family:"Cairo",Roboto;
    font-size: .86rem;
    line-height: 1rem;
    overflow: visible;
    color: #000
}

.btn-more {
    font-family:"Cairo",Roboto
    font-size: 2rem;
    line-height: 2.4rem;
    overflow: hidden;
    border: 1px solid #707070
}

.img-49 {
    max-width: 49%
}

.img-1059 {
    max-width: 1059px
}

.img-993 {
    max-width: 993px
}

.img-985 {
    max-width: 985px
}

.img-963 {
    max-width: 963px
}

.img-957 {
    max-width: 957px
}

.img-819 {
    max-width: 819px
}

.img-815 {
    max-width: 815px
}

.img-705 {
    max-width: 705px
}

.img-700 {
    max-width: 700px
}

.img-480 {
    max-width: 480px
}

.img-475 {
    max-width: 475px
}

.img-471 {
    max-width: 471px
}

.img-465 {
    max-width: 465px
}

.img-447 {
    max-width: 447px
}

.img-442 {
    max-width: 442px
}

.img-417 {
    max-width: 417px
}

.img-412 {
    max-width: 412px
}

.img-391 {
    max-width: 391px
}

.img-383 {
    max-width: 383px
}

.img-378 {
    max-width: 378px
}

.img-342 {
    max-width: 342px
}

.img-337 {
    max-width: 337px
}

.img-332 {
    max-width: 332px
}

.img-318 {
    max-width: 318px
}

.img-298 {
    max-width: 298px
}

.img-295 {
    max-width: 295px
}

.img-270 {
    max-width: 270px
}

.img-266 {
    max-width: 266px
}

.img-259 {
    max-width: 259px
}

.img-247 {
    max-width: 247px
}

.img-227 {
    max-width: 227px
}

.img-222 {
    max-width: 222px
}

.img-225 {
    max-width: 225px
}

.img-220 {
    max-width: 220px
}

.img-128 {
    max-width: 128px
}

.img-123 {
    max-width: 123px
}

.img-674 {
    max-width: 674px
}

.my-6 {
    margin-top: 6px !important;
    margin-bottom: 6px !important
}

.mx-6 {
    margin-right: 6px !important;
    margin-left: 6px !important
}

.ml-6 {
    margin-right: 6px !important
}

.mr-6 {
    margin-left: 6px !important
}

.mt-6 {
    margin-top: 6px !important
}

.mb-6 {
    margin-bottom: 6px !important
}

.my-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important
}

.mx-10 {
    margin-right: 10px !important;
    margin-left: 10px !important
}

.ml-10 {
    margin-right: 10px !important
}

.mr-10 {
    margin-left: 10px !important
}

.mt-10 {
    margin-top: 10px !important
}

.mb-10 {
    margin-bottom: 10px !important
}

.my-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important
}

.mx-15 {
    margin-right: 15px !important;
    margin-left: 15px !important
}

.ml-15 {
    margin-right: 15px !important
}

.mr-15 {
    margin-left: 15px !important
}

.mt-15 {
    margin-top: 15px !important
}

.mb-15 {
    margin-bottom: 15px !important
}

.my-22 {
    margin-top: 22px !important;
    margin-bottom: 22px !important
}

.mx-22 {
    margin-right: 22px !important;
    margin-left: 22px !important
}

.ml-22 {
    margin-right: 22px !important
}

.mr-22 {
    margin-left: 22px !important
}

.mt-22 {
    margin-top: 22px !important
}

.mb-22 {
    margin-bottom: 22px !important
}

.my-26 {
    margin-top: 26px !important;
    margin-bottom: 26px !important
}

.mx-26 {
    margin-right: 26px !important;
    margin-left: 26px !important
}

.ml-26 {
    margin-right: 26px !important
}

.mr-26 {
    margin-left: 26px !important
}

.mt-26 {
    margin-top: 26px !important
}

.mb-26 {
    margin-bottom: 26px !important
}

.my-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important
}

.mx-30 {
    margin-right: 30px !important;
    margin-left: 30px !important
}

.ml-30 {
    margin-right: 30px !important
}

.mr-30 {
    margin-left: 30px !important
}

.mt-30 {
    margin-top: 30px !important
}

.mb-30 {
    margin-bottom: 30px !important
}

.my-45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important
}

.mx-45 {
    margin-right: 45px !important;
    margin-left: 45px !important
}

.ml-45 {
    margin-right: 45px !important
}

.mr-45 {
    margin-left: 45px !important
}

.mt-45 {
    margin-top: 45px !important
}

.mb-45 {
    margin-bottom: 45px !important
}

.my-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important
}

.mx-50 {
    margin-right: 50px !important;
    margin-left: 50px !important
}

.ml-50 {
    margin-right: 50px !important
}

.mr-50 {
    margin-left: 50px !important
}

.mt-50 {
    margin-top: 50px !important
}

.mb-50 {
    margin-bottom: 50px !important
}

.py-6 {
    padding-top: 6px !important;
    padding-bottom: 6px !important
}

.px-6 {
    padding-right: 6px !important;
    padding-left: 6px !important
}

.pl-6 {
    padding-right: 6px !important
}

.pr-6 {
    padding-left: 6px !important
}

.pt-6 {
    padding-top: 6px !important
}

.pb-6 {
    padding-bottom: 6px !important
}

.py-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.px-10 {
    padding-right: 10px !important;
    padding-left: 10px !important
}

.pl-10 {
    padding-right: 10px !important
}

.pr-10 {
    padding-left: 10px !important
}

.pt-10 {
    padding-top: 10px !important
}

.pb-10 {
    padding-bottom: 10px !important
}

.py-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important
}

.px-15 {
    padding-right: 15px !important;
    padding-left: 15px !important
}

.pl-15 {
    padding-right: 15px !important
}

.pr-15 {
    padding-left: 15px !important
}

.pt-15 {
    padding-top: 15px !important
}

.pb-15 {
    padding-bottom: 15px !important
}

.py-22 {
    padding-top: 22px !important;
    padding-bottom: 22px !important
}

.px-22 {
    padding-right: 22px !important;
    padding-left: 22px !important
}

.pl-22 {
    padding-right: 22px !important
}

.pr-22 {
    padding-left: 22px !important
}

.pt-22 {
    padding-top: 22px !important
}

.pb-22 {
    padding-bottom: 22px !important
}

.py-26 {
    padding-top: 26px !important;
    padding-bottom: 26px !important
}

.px-26 {
    padding-right: 26px !important;
    padding-left: 26px !important
}

.pl-26 {
    padding-right: 26px !important
}

.pr-26 {
    padding-left: 26px !important
}

.pt-26 {
    padding-top: 26px !important
}

.pb-26 {
    padding-bottom: 26px !important
}

.py-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important
}

.px-30 {
    padding-right: 30px !important;
    padding-left: 30px !important
}

.pl-30 {
    padding-right: 30px !important
}

.pr-30 {
    padding-left: 30px !important
}

.pt-30 {
    padding-top: 30px !important
}

.pb-30 {
    padding-bottom: 30px !important
}

.py-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important
}

.px-45 {
    padding-right: 45px !important;
    padding-left: 45px !important
}

.pl-45 {
    padding-right: 45px !important
}

.pr-45 {
    padding-left: 45px !important
}

.pt-45 {
    padding-top: 45px !important
}

.pb-45 {
    padding-bottom: 45px !important
}

.py-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important
}

.px-50 {
    padding-right: 50px !important;
    padding-left: 50px !important
}

.pl-50 {
    padding-right: 50px !important
}

.pr-50 {
    padding-left: 50px !important
}

.pt-50 {
    padding-top: 50px !important
}

.pb-50 {
    padding-bottom: 50px !important
}

@media screen and (min-width: 576px) {
    .img-49-xs {
        max-width:49%
    }

    .img-1059-xs {
        max-width: 1059px
    }

    .img-993-xs {
        max-width: 993px
    }

    .img-985-xs {
        max-width: 985px
    }

    .img-963-xs {
        max-width: 963px
    }

    .img-957-xs {
        max-width: 957px
    }

    .img-819-xs {
        max-width: 819px
    }

    .img-815-xs {
        max-width: 815px
    }

    .img-705-xs {
        max-width: 705px
    }

    .img-700-xs {
        max-width: 700px
    }

    .img-480-xs {
        max-width: 480px
    }

    .img-475-xs {
        max-width: 475px
    }

    .img-471-xs {
        max-width: 471px
    }

    .img-465-xs {
        max-width: 465px
    }

    .img-447-xs {
        max-width: 447px
    }

    .img-442-xs {
        max-width: 442px
    }

    .img-417-xs {
        max-width: 417px
    }

    .img-412-xs {
        max-width: 412px
    }

    .img-391-xs {
        max-width: 391px
    }

    .img-383-xs {
        max-width: 383px
    }

    .img-378-xs {
        max-width: 378px
    }

    .img-342-xs {
        max-width: 342px
    }

    .img-337-xs {
        max-width: 337px
    }

    .img-332-xs {
        max-width: 332px
    }

    .img-318-xs {
        max-width: 318px
    }

    .img-298-xs {
        max-width: 298px
    }

    .img-295-xs {
        max-width: 295px
    }

    .img-270-xs {
        max-width: 270px
    }

    .img-266-xs {
        max-width: 266px
    }

    .img-259-xs {
        max-width: 259px
    }

    .img-247-xs {
        max-width: 247px
    }

    .img-227-xs {
        max-width: 227px
    }

    .img-222-xs {
        max-width: 222px
    }

    .img-225-xs {
        max-width: 225px
    }

    .img-220-xs {
        max-width: 220px
    }

    .img-128-xs {
        max-width: 128px
    }

    .img-123-xs {
        max-width: 123px
    }

    .img-674-xs {
        max-width: 674px
    }

    .my-xs-6 {
        margin-top: 6px !important;
        margin-bottom: 6px !important
    }

    .mx-xs-6 {
        margin-right: 6px !important;
        margin-left: 6px !important
    }

    .ml-xs-6 {
        margin-left: 6px !important
    }

    .mr-xs-6 {
        margin-right: 6px !important
    }

    .mt-xs-6 {
        margin-top: 6px !important
    }

    .mb-xs-6 {
        margin-bottom: 6px !important
    }

    .my-xs-10 {
        margin-top: 10px !important;
        margin-bottom: 10px !important
    }

    .mx-xs-10 {
        margin-right: 10px !important;
        margin-left: 10px !important
    }

    .ml-xs-10 {
        margin-left: 10px !important
    }

    .mr-xs-10 {
        margin-right: 10px !important
    }

    .mt-xs-10 {
        margin-top: 10px !important
    }

    .mb-xs-10 {
        margin-bottom: 10px !important
    }

    .my-xs-15 {
        margin-top: 15px !important;
        margin-bottom: 15px !important
    }

    .mx-xs-15 {
        margin-right: 15px !important;
        margin-left: 15px !important
    }

    .ml-xs-15 {
        margin-left: 15px !important
    }

    .mr-xs-15 {
        margin-right: 15px !important
    }

    .mt-xs-15 {
        margin-top: 15px !important
    }

    .mb-xs-15 {
        margin-bottom: 15px !important
    }

    .my-xs-22 {
        margin-top: 22px !important;
        margin-bottom: 22px !important
    }

    .mx-xs-22 {
        margin-right: 22px !important;
        margin-left: 22px !important
    }

    .ml-xs-22 {
        margin-left: 22px !important
    }

    .mr-xs-22 {
        margin-right: 22px !important
    }

    .mt-xs-22 {
        margin-top: 22px !important
    }

    .mb-xs-22 {
        margin-bottom: 22px !important
    }

    .my-xs-26 {
        margin-top: 26px !important;
        margin-bottom: 26px !important
    }

    .mx-xs-26 {
        margin-right: 26px !important;
        margin-left: 26px !important
    }

    .ml-xs-26 {
        margin-left: 26px !important
    }

    .mr-xs-26 {
        margin-right: 26px !important
    }

    .mt-xs-26 {
        margin-top: 26px !important
    }

    .mb-xs-26 {
        margin-bottom: 26px !important
    }

    .my-xs-30 {
        margin-top: 30px !important;
        margin-bottom: 30px !important
    }

    .mx-xs-30 {
        margin-right: 30px !important;
        margin-left: 30px !important
    }

    .ml-xs-30 {
        margin-left: 30px !important
    }

    .mr-xs-30 {
        margin-right: 30px !important
    }

    .mt-xs-30 {
        margin-top: 30px !important
    }

    .mb-xs-30 {
        margin-bottom: 30px !important
    }

    .my-xs-45 {
        margin-top: 45px !important;
        margin-bottom: 45px !important
    }

    .mx-xs-45 {
        margin-right: 45px !important;
        margin-left: 45px !important
    }

    .ml-xs-45 {
        margin-left: 45px !important
    }

    .mr-xs-45 {
        margin-right: 45px !important
    }

    .mt-xs-45 {
        margin-top: 45px !important
    }

    .mb-xs-45 {
        margin-bottom: 45px !important
    }

    .my-xs-50 {
        margin-top: 50px !important;
        margin-bottom: 50px !important
    }

    .mx-xs-50 {
        margin-right: 50px !important;
        margin-left: 50px !important
    }

    .ml-xs-50 {
        margin-left: 50px !important
    }

    .mr-xs-50 {
        margin-right: 50px !important
    }

    .mt-xs-50 {
        margin-top: 50px !important
    }

    .mb-xs-50 {
        margin-bottom: 50px !important
    }

    .py-xs-6 {
        padding-top: 6px !important;
        padding-bottom: 6px !important
    }

    .px-xs-6 {
        padding-right: 6px !important;
        padding-left: 6px !important
    }

    .pl-xs-6 {
        padding-left: 6px !important
    }

    .pr-xs-6 {
        padding-right: 6px !important
    }

    .pt-xs-6 {
        padding-top: 6px !important
    }

    .pb-xs-6 {
        padding-bottom: 6px !important
    }

    .py-xs-10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }

    .px-xs-10 {
        padding-right: 10px !important;
        padding-left: 10px !important
    }

    .pl-xs-10 {
        padding-left: 10px !important
    }

    .pr-xs-10 {
        padding-right: 10px !important
    }

    .pt-xs-10 {
        padding-top: 10px !important
    }

    .pb-xs-10 {
        padding-bottom: 10px !important
    }

    .py-xs-15 {
        padding-top: 15px !important;
        padding-bottom: 15px !important
    }

    .px-xs-15 {
        padding-right: 15px !important;
        padding-left: 15px !important
    }

    .pl-xs-15 {
        padding-left: 15px !important
    }

    .pr-xs-15 {
        padding-right: 15px !important
    }

    .pt-xs-15 {
        padding-top: 15px !important
    }

    .pb-xs-15 {
        padding-bottom: 15px !important
    }

    .py-xs-22 {
        padding-top: 22px !important;
        padding-bottom: 22px !important
    }

    .px-xs-22 {
        padding-right: 22px !important;
        padding-left: 22px !important
    }

    .pl-xs-22 {
        padding-left: 22px !important
    }

    .pr-xs-22 {
        padding-right: 22px !important
    }

    .pt-xs-22 {
        padding-top: 22px !important
    }

    .pb-xs-22 {
        padding-bottom: 22px !important
    }

    .py-xs-26 {
        padding-top: 26px !important;
        padding-bottom: 26px !important
    }

    .px-xs-26 {
        padding-right: 26px !important;
        padding-left: 26px !important
    }

    .pl-xs-26 {
        padding-left: 26px !important
    }

    .pr-xs-26 {
        padding-right: 26px !important
    }

    .pt-xs-26 {
        padding-top: 26px !important
    }

    .pb-xs-26 {
        padding-bottom: 26px !important
    }

    .py-xs-30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }

    .px-xs-30 {
        padding-right: 30px !important;
        padding-left: 30px !important
    }

    .pl-xs-30 {
        padding-left: 30px !important
    }

    .pr-xs-30 {
        padding-right: 30px !important
    }

    .pt-xs-30 {
        padding-top: 30px !important
    }

    .pb-xs-30 {
        padding-bottom: 30px !important
    }

    .py-xs-45 {
        padding-top: 45px !important;
        padding-bottom: 45px !important
    }

    .px-xs-45 {
        padding-right: 45px !important;
        padding-left: 45px !important
    }

    .pl-xs-45 {
        padding-left: 45px !important
    }

    .pr-xs-45 {
        padding-right: 45px !important
    }

    .pt-xs-45 {
        padding-top: 45px !important
    }

    .pb-xs-45 {
        padding-bottom: 45px !important
    }

    .py-xs-50 {
        padding-top: 50px !important;
        padding-bottom: 50px !important
    }

    .px-xs-50 {
        padding-right: 50px !important;
        padding-left: 50px !important
    }

    .pl-xs-50 {
        padding-left: 50px !important
    }

    .pr-xs-50 {
        padding-right: 50px !important
    }

    .pt-xs-50 {
        padding-top: 50px !important
    }

    .pb-xs-50 {
        padding-bottom: 50px !important
    }
}

@media screen and (min-width: 768px) {
    .img-49-sm {
        max-width:49%
    }

    .img-1059-sm {
        max-width: 1059px
    }

    .img-993-sm {
        max-width: 993px
    }

    .img-985-sm {
        max-width: 985px
    }

    .img-963-sm {
        max-width: 963px
    }

    .img-957-sm {
        max-width: 957px
    }

    .img-819-sm {
        max-width: 819px
    }

    .img-815-sm {
        max-width: 815px
    }

    .img-705-sm {
        max-width: 705px
    }

    .img-700-sm {
        max-width: 700px
    }

    .img-480-sm {
        max-width: 480px
    }

    .img-475-sm {
        max-width: 475px
    }

    .img-471-sm {
        max-width: 471px
    }

    .img-465-sm {
        max-width: 465px
    }

    .img-447-sm {
        max-width: 447px
    }

    .img-442-sm {
        max-width: 442px
    }

    .img-417-sm {
        max-width: 417px
    }

    .img-412-sm {
        max-width: 412px
    }

    .img-391-sm {
        max-width: 391px
    }

    .img-383-sm {
        max-width: 383px
    }

    .img-378-sm {
        max-width: 378px
    }

    .img-342-sm {
        max-width: 342px
    }

    .img-337-sm {
        max-width: 337px
    }

    .img-332-sm {
        max-width: 332px
    }

    .img-318-sm {
        max-width: 318px
    }

    .img-298-sm {
        max-width: 298px
    }

    .img-295-sm {
        max-width: 295px
    }

    .img-270-sm {
        max-width: 270px
    }

    .img-266-sm {
        max-width: 266px
    }

    .img-259-sm {
        max-width: 259px
    }

    .img-247-sm {
        max-width: 247px
    }

    .img-227-sm {
        max-width: 227px
    }

    .img-222-sm {
        max-width: 222px
    }

    .img-225-sm {
        max-width: 225px
    }

    .img-220-sm {
        max-width: 220px
    }

    .img-128-sm {
        max-width: 128px
    }

    .img-123-sm {
        max-width: 123px
    }

    .img-674-sm {
        max-width: 674px
    }

    .my-sm-6 {
        margin-top: 6px !important;
        margin-bottom: 6px !important
    }

    .mx-sm-6 {
        margin-right: 6px !important;
        margin-left: 6px !important
    }

    .ml-sm-6 {
        margin-right: 6px !important
    }

    .mr-sm-6 {
        margin-left: 6px !important
    }

    .mt-sm-6 {
        margin-top: 6px !important
    }

    .mb-sm-6 {
        margin-bottom: 6px !important
    }

    .my-sm-10 {
        margin-top: 10px !important;
        margin-bottom: 10px !important
    }

    .mx-sm-10 {
        margin-right: 10px !important;
        margin-left: 10px !important
    }

    .ml-sm-10 {
        margin-right: 10px !important
    }

    .mr-sm-10 {
        margin-left: 10px !important
    }

    .mt-sm-10 {
        margin-top: 10px !important
    }

    .mb-sm-10 {
        margin-bottom: 10px !important
    }

    .my-sm-15 {
        margin-top: 15px !important;
        margin-bottom: 15px !important
    }

    .mx-sm-15 {
        margin-right: 15px !important;
        margin-left: 15px !important
    }

    .ml-sm-15 {
        margin-right: 15px !important
    }

    .mr-sm-15 {
        margin-left: 15px !important
    }

    .mt-sm-15 {
        margin-top: 15px !important
    }

    .mb-sm-15 {
        margin-bottom: 15px !important
    }

    .my-sm-22 {
        margin-top: 22px !important;
        margin-bottom: 22px !important
    }

    .mx-sm-22 {
        margin-right: 22px !important;
        margin-left: 22px !important
    }

    .ml-sm-22 {
        margin-right: 22px !important
    }

    .mr-sm-22 {
        margin-left: 22px !important
    }

    .mt-sm-22 {
        margin-top: 22px !important
    }

    .mb-sm-22 {
        margin-bottom: 22px !important
    }

    .my-sm-26 {
        margin-top: 26px !important;
        margin-bottom: 26px !important
    }

    .mx-sm-26 {
        margin-right: 26px !important;
        margin-left: 26px !important
    }

    .ml-sm-26 {
        margin-right: 26px !important
    }

    .mr-sm-26 {
        margin-left: 26px !important
    }

    .mt-sm-26 {
        margin-top: 26px !important
    }

    .mb-sm-26 {
        margin-bottom: 26px !important
    }

    .my-sm-30 {
        margin-top: 30px !important;
        margin-bottom: 30px !important
    }

    .mx-sm-30 {
        margin-right: 30px !important;
        margin-left: 30px !important
    }

    .ml-sm-30 {
        margin-right: 30px !important
    }

    .mr-sm-30 {
        margin-left: 30px !important
    }

    .mt-sm-30 {
        margin-top: 30px !important
    }

    .mb-sm-30 {
        margin-bottom: 30px !important
    }

    .my-sm-45 {
        margin-top: 45px !important;
        margin-bottom: 45px !important
    }

    .mx-sm-45 {
        margin-right: 45px !important;
        margin-left: 45px !important
    }

    .ml-sm-45 {
        margin-right: 45px !important
    }

    .mr-sm-45 {
        margin-left: 45px !important
    }

    .mt-sm-45 {
        margin-top: 45px !important
    }

    .mb-sm-45 {
        margin-bottom: 45px !important
    }

    .my-sm-50 {
        margin-top: 50px !important;
        margin-bottom: 50px !important
    }

    .mx-sm-50 {
        margin-right: 50px !important;
        margin-left: 50px !important
    }

    .ml-sm-50 {
        margin-right: 50px !important
    }

    .mr-sm-50 {
        margin-left: 50px !important
    }

    .mt-sm-50 {
        margin-top: 50px !important
    }

    .mb-sm-50 {
        margin-bottom: 50px !important
    }

    .py-sm-6 {
        padding-top: 6px !important;
        padding-bottom: 6px !important
    }

    .px-sm-6 {
        padding-right: 6px !important;
        padding-left: 6px !important
    }

    .pl-sm-6 {
        padding-right: 6px !important
    }

    .pr-sm-6 {
        padding-left: 6px !important
    }

    .pt-sm-6 {
        padding-top: 6px !important
    }

    .pb-sm-6 {
        padding-bottom: 6px !important
    }

    .py-sm-10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }

    .px-sm-10 {
        padding-right: 10px !important;
        padding-left: 10px !important
    }

    .pl-sm-10 {
        padding-right: 10px !important
    }

    .pr-sm-10 {
        padding-left: 10px !important
    }

    .pt-sm-10 {
        padding-top: 10px !important
    }

    .pb-sm-10 {
        padding-bottom: 10px !important
    }

    .py-sm-15 {
        padding-top: 15px !important;
        padding-bottom: 15px !important
    }

    .px-sm-15 {
        padding-right: 15px !important;
        padding-left: 15px !important
    }

    .pl-sm-15 {
        padding-right: 15px !important
    }

    .pr-sm-15 {
        padding-left: 15px !important
    }

    .pt-sm-15 {
        padding-top: 15px !important
    }

    .pb-sm-15 {
        padding-bottom: 15px !important
    }

    .py-sm-22 {
        padding-top: 22px !important;
        padding-bottom: 22px !important
    }

    .px-sm-22 {
        padding-right: 22px !important;
        padding-left: 22px !important
    }

    .pl-sm-22 {
        padding-right: 22px !important
    }

    .pr-sm-22 {
        padding-left: 22px !important
    }

    .pt-sm-22 {
        padding-top: 22px !important
    }

    .pb-sm-22 {
        padding-bottom: 22px !important
    }

    .py-sm-26 {
        padding-top: 26px !important;
        padding-bottom: 26px !important
    }

    .px-sm-26 {
        padding-right: 26px !important;
        padding-left: 26px !important
    }

    .pl-sm-26 {
        padding-right: 26px !important
    }

    .pr-sm-26 {
        padding-left: 26px !important
    }

    .pt-sm-26 {
        padding-top: 26px !important
    }

    .pb-sm-26 {
        padding-bottom: 26px !important
    }

    .py-sm-30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }

    .px-sm-30 {
        padding-right: 30px !important;
        padding-left: 30px !important
    }

    .pl-sm-30 {
        padding-right: 30px !important
    }

    .pr-sm-30 {
        padding-left: 30px !important
    }

    .pt-sm-30 {
        padding-top: 30px !important
    }

    .pb-sm-30 {
        padding-bottom: 30px !important
    }

    .py-sm-45 {
        padding-top: 45px !important;
        padding-bottom: 45px !important
    }

    .px-sm-45 {
        padding-right: 45px !important;
        padding-left: 45px !important
    }

    .pl-sm-45 {
        padding-right: 45px !important
    }

    .pr-sm-45 {
        padding-left: 45px !important
    }

    .pt-sm-45 {
        padding-top: 45px !important
    }

    .pb-sm-45 {
        padding-bottom: 45px !important
    }

    .py-sm-50 {
        padding-top: 50px !important;
        padding-bottom: 50px !important
    }

    .px-sm-50 {
        padding-right: 50px !important;
        padding-left: 50px !important
    }

    .pl-sm-50 {
        padding-right: 50px !important
    }

    .pr-sm-50 {
        padding-left: 50px !important
    }

    .pt-sm-50 {
        padding-top: 50px !important
    }

    .pb-sm-50 {
        padding-bottom: 50px !important
    }
}

@media screen and (min-width: 992px) {
    .img-49-md {
        max-width:49%
    }

    .img-1059-md {
        max-width: 1059px
    }

    .img-993-md {
        max-width: 993px
    }

    .img-985-md {
        max-width: 985px
    }

    .img-963-md {
        max-width: 963px
    }

    .img-957-md {
        max-width: 957px
    }

    .img-819-md {
        max-width: 819px
    }

    .img-815-md {
        max-width: 815px
    }

    .img-705-md {
        max-width: 705px
    }

    .img-700-md {
        max-width: 700px
    }

    .img-480-md {
        max-width: 480px
    }

    .img-475-md {
        max-width: 475px
    }

    .img-471-md {
        max-width: 471px
    }

    .img-465-md {
        max-width: 465px
    }

    .img-447-md {
        max-width: 447px
    }

    .img-442-md {
        max-width: 442px
    }

    .img-417-md {
        max-width: 417px
    }

    .img-412-md {
        max-width: 412px
    }

    .img-391-md {
        max-width: 391px
    }

    .img-383-md {
        max-width: 383px
    }

    .img-378-md {
        max-width: 378px
    }

    .img-342-md {
        max-width: 342px
    }

    .img-337-md {
        max-width: 337px
    }

    .img-332-md {
        max-width: 332px
    }

    .img-318-md {
        max-width: 318px
    }

    .img-298-md {
        max-width: 298px
    }

    .img-295-md {
        max-width: 295px
    }

    .img-270-md {
        max-width: 270px
    }

    .img-266-md {
        max-width: 266px
    }

    .img-259-md {
        max-width: 259px
    }

    .img-247-md {
        max-width: 247px
    }

    .img-227-md {
        max-width: 227px
    }

    .img-222-md {
        max-width: 222px
    }

    .img-225-md {
        max-width: 225px
    }

    .img-220-md {
        max-width: 220px
    }

    .img-128-md {
        max-width: 128px
    }

    .img-123-md {
        max-width: 123px
    }

    .img-674-md {
        max-width: 674px
    }

    .my-md-6 {
        margin-top: 6px !important;
        margin-bottom: 6px !important
    }

    .mx-md-6 {
        margin-right: 6px !important;
        margin-left: 6px !important
    }

    .ml-md-6 {
        margin-right: 6px !important
    }

    .mr-md-6 {
        margin-left: 6px !important
    }

    .mt-md-6 {
        margin-top: 6px !important
    }

    .mb-md-6 {
        margin-bottom: 6px !important
    }

    .my-md-10 {
        margin-top: 10px !important;
        margin-bottom: 10px !important
    }

    .mx-md-10 {
        margin-right: 10px !important;
        margin-left: 10px !important
    }

    .ml-md-10 {
        margin-right: 10px !important
    }

    .mr-md-10 {
        margin-left: 10px !important
    }

    .mt-md-10 {
        margin-top: 10px !important
    }

    .mb-md-10 {
        margin-bottom: 10px !important
    }

    .my-md-15 {
        margin-top: 15px !important;
        margin-bottom: 15px !important
    }

    .mx-md-15 {
        margin-right: 15px !important;
        margin-left: 15px !important
    }

    .ml-md-15 {
        margin-right: 15px !important
    }

    .mr-md-15 {
        margin-left: 15px !important
    }

    .mt-md-15 {
        margin-top: 15px !important
    }

    .mb-md-15 {
        margin-bottom: 15px !important
    }

    .my-md-22 {
        margin-top: 22px !important;
        margin-bottom: 22px !important
    }

    .mx-md-22 {
        margin-right: 22px !important;
        margin-left: 22px !important
    }

    .ml-md-22 {
        margin-right: 22px !important
    }

    .mr-md-22 {
        margin-left: 22px !important
    }

    .mt-md-22 {
        margin-top: 22px !important
    }

    .mb-md-22 {
        margin-bottom: 22px !important
    }

    .my-md-26 {
        margin-top: 26px !important;
        margin-bottom: 26px !important
    }

    .mx-md-26 {
        margin-right: 26px !important;
        margin-left: 26px !important
    }

    .ml-md-26 {
        margin-right: 26px !important
    }

    .mr-md-26 {
        margin-left: 26px !important
    }

    .mt-md-26 {
        margin-top: 26px !important
    }

    .mb-md-26 {
        margin-bottom: 26px !important
    }

    .my-md-30 {
        margin-top: 30px !important;
        margin-bottom: 30px !important
    }

    .mx-md-30 {
        margin-right: 30px !important;
        margin-left: 30px !important
    }

    .ml-md-30 {
        margin-right: 30px !important
    }

    .mr-md-30 {
        margin-left: 30px !important
    }

    .mt-md-30 {
        margin-top: 30px !important
    }

    .mb-md-30 {
        margin-bottom: 30px !important
    }

    .my-md-45 {
        margin-top: 45px !important;
        margin-bottom: 45px !important
    }

    .mx-md-45 {
        margin-right: 45px !important;
        margin-left: 45px !important
    }

    .ml-md-45 {
        margin-right: 45px !important
    }

    .mr-md-45 {
        margin-left: 45px !important
    }

    .mt-md-45 {
        margin-top: 45px !important
    }

    .mb-md-45 {
        margin-bottom: 45px !important
    }

    .my-md-50 {
        margin-top: 50px !important;
        margin-bottom: 50px !important
    }

    .mx-md-50 {
        margin-right: 50px !important;
        margin-left: 50px !important
    }

    .ml-md-50 {
        margin-right: 50px !important
    }

    .mr-md-50 {
        margin-left: 50px !important
    }

    .mt-md-50 {
        margin-top: 50px !important
    }

    .mb-md-50 {
        margin-bottom: 50px !important
    }

    .py-md-6 {
        padding-top: 6px !important;
        padding-bottom: 6px !important
    }

    .px-md-6 {
        padding-right: 6px !important;
        padding-left: 6px !important
    }

    .pl-md-6 {
        padding-right: 6px !important
    }

    .pr-md-6 {
        padding-left: 6px !important
    }

    .pt-md-6 {
        padding-top: 6px !important
    }

    .pb-md-6 {
        padding-bottom: 6px !important
    }

    .py-md-10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }

    .px-md-10 {
        padding-right: 10px !important;
        padding-left: 10px !important
    }

    .pl-md-10 {
        padding-right: 10px !important
    }

    .pr-md-10 {
        padding-left: 10px !important
    }

    .pt-md-10 {
        padding-top: 10px !important
    }

    .pb-md-10 {
        padding-bottom: 10px !important
    }

    .py-md-15 {
        padding-top: 15px !important;
        padding-bottom: 15px !important
    }

    .px-md-15 {
        padding-right: 15px !important;
        padding-left: 15px !important
    }

    .pl-md-15 {
        padding-right: 15px !important
    }

    .pr-md-15 {
        padding-left: 15px !important
    }

    .pt-md-15 {
        padding-top: 15px !important
    }

    .pb-md-15 {
        padding-bottom: 15px !important
    }

    .py-md-22 {
        padding-top: 22px !important;
        padding-bottom: 22px !important
    }

    .px-md-22 {
        padding-right: 22px !important;
        padding-left: 22px !important
    }

    .pl-md-22 {
        padding-right: 22px !important
    }

    .pr-md-22 {
        padding-left: 22px !important
    }

    .pt-md-22 {
        padding-top: 22px !important
    }

    .pb-md-22 {
        padding-bottom: 22px !important
    }

    .py-md-26 {
        padding-top: 26px !important;
        padding-bottom: 26px !important
    }

    .px-md-26 {
        padding-right: 26px !important;
        padding-left: 26px !important
    }

    .pl-md-26 {
        padding-right: 26px !important
    }

    .pr-md-26 {
        padding-left: 26px !important
    }

    .pt-md-26 {
        padding-top: 26px !important
    }

    .pb-md-26 {
        padding-bottom: 26px !important
    }

    .py-md-30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }

    .px-md-30 {
        padding-right: 30px !important;
        padding-left: 30px !important
    }

    .pl-md-30 {
        padding-right: 30px !important
    }

    .pr-md-30 {
        padding-left: 30px !important
    }

    .pt-md-30 {
        padding-top: 30px !important
    }

    .pb-md-30 {
        padding-bottom: 30px !important
    }

    .py-md-45 {
        padding-top: 45px !important;
        padding-bottom: 45px !important
    }

    .px-md-45 {
        padding-right: 45px !important;
        padding-left: 45px !important
    }

    .pl-md-45 {
        padding-right: 45px !important
    }

    .pr-md-45 {
        padding-left: 45px !important
    }

    .pt-md-45 {
        padding-top: 45px !important
    }

    .pb-md-45 {
        padding-bottom: 45px !important
    }

    .py-md-50 {
        padding-top: 50px !important;
        padding-bottom: 50px !important
    }

    .px-md-50 {
        padding-right: 50px !important;
        padding-left: 50px !important
    }

    .pl-md-50 {
        padding-right: 50px !important
    }

    .pr-md-50 {
        padding-left: 50px !important
    }

    .pt-md-50 {
        padding-top: 50px !important
    }

    .pb-md-50 {
        padding-bottom: 50px !important
    }
}

@media screen and (min-width: 1200px) {
    .img-49-ds {
        max-width:49%
    }

    .img-1059-ds {
        max-width: 1059px
    }

    .img-993-ds {
        max-width: 993px
    }

    .img-985-ds {
        max-width: 985px
    }

    .img-963-ds {
        max-width: 963px
    }

    .img-957-ds {
        max-width: 957px
    }

    .img-819-ds {
        max-width: 819px
    }

    .img-815-ds {
        max-width: 815px
    }

    .img-705-ds {
        max-width: 705px
    }

    .img-700-ds {
        max-width: 700px
    }

    .img-480-ds {
        max-width: 480px
    }

    .img-475-ds {
        max-width: 475px
    }

    .img-471-ds {
        max-width: 471px
    }

    .img-465-ds {
        max-width: 465px
    }

    .img-447-ds {
        max-width: 447px
    }

    .img-442-ds {
        max-width: 442px
    }

    .img-417-ds {
        max-width: 417px
    }

    .img-412-ds {
        max-width: 412px
    }

    .img-391-ds {
        max-width: 391px
    }

    .img-383-ds {
        max-width: 383px
    }

    .img-378-ds {
        max-width: 378px
    }

    .img-342-ds {
        max-width: 342px
    }

    .img-337-ds {
        max-width: 337px
    }

    .img-332-ds {
        max-width: 332px
    }

    .img-318-ds {
        max-width: 318px
    }

    .img-298-ds {
        max-width: 298px
    }

    .img-295-ds {
        max-width: 295px
    }

    .img-270-ds {
        max-width: 270px
    }

    .img-266-ds {
        max-width: 266px
    }

    .img-259-ds {
        max-width: 259px
    }

    .img-247-ds {
        max-width: 247px
    }

    .img-227-ds {
        max-width: 227px
    }

    .img-222-ds {
        max-width: 222px
    }

    .img-225-ds {
        max-width: 225px
    }

    .img-220-ds {
        max-width: 220px
    }

    .img-128-ds {
        max-width: 128px
    }

    .img-123-ds {
        max-width: 123px
    }

    .img-674-ds {
        max-width: 674px
    }

    .my-ds-6 {
        margin-top: 6px !important;
        margin-bottom: 6px !important
    }

    .mx-ds-6 {
        margin-right: 6px !important;
        margin-left: 6px !important
    }

    .ml-ds-6 {
        margin-right: 6px !important
    }

    .mr-ds-6 {
        margin-left: 6px !important
    }

    .mt-ds-6 {
        margin-top: 6px !important
    }

    .mb-ds-6 {
        margin-bottom: 6px !important
    }

    .my-ds-10 {
        margin-top: 10px !important;
        margin-bottom: 10px !important
    }

    .mx-ds-10 {
        margin-right: 10px !important;
        margin-left: 10px !important
    }

    .ml-ds-10 {
        margin-right: 10px !important
    }

    .mr-ds-10 {
        margin-left: 10px !important
    }

    .mt-ds-10 {
        margin-top: 10px !important
    }

    .mb-ds-10 {
        margin-bottom: 10px !important
    }

    .my-ds-15 {
        margin-top: 15px !important;
        margin-bottom: 15px !important
    }

    .mx-ds-15 {
        margin-right: 15px !important;
        margin-left: 15px !important
    }

    .ml-ds-15 {
        margin-right: 15px !important
    }

    .mr-ds-15 {
        margin-left: 15px !important
    }

    .mt-ds-15 {
        margin-top: 15px !important
    }

    .mb-ds-15 {
        margin-bottom: 15px !important
    }

    .my-ds-22 {
        margin-top: 22px !important;
        margin-bottom: 22px !important
    }

    .mx-ds-22 {
        margin-right: 22px !important;
        margin-left: 22px !important
    }

    .ml-ds-22 {
        margin-right: 22px !important
    }

    .mr-ds-22 {
        margin-left: 22px !important
    }

    .mt-ds-22 {
        margin-top: 22px !important
    }

    .mb-ds-22 {
        margin-bottom: 22px !important
    }

    .my-ds-26 {
        margin-top: 26px !important;
        margin-bottom: 26px !important
    }

    .mx-ds-26 {
        margin-right: 26px !important;
        margin-left: 26px !important
    }

    .ml-ds-26 {
        margin-right: 26px !important
    }

    .mr-ds-26 {
        margin-left: 26px !important
    }

    .mt-ds-26 {
        margin-top: 26px !important
    }

    .mb-ds-26 {
        margin-bottom: 26px !important
    }

    .my-ds-30 {
        margin-top: 30px !important;
        margin-bottom: 30px !important
    }

    .mx-ds-30 {
        margin-right: 30px !important;
        margin-left: 30px !important
    }

    .ml-ds-30 {
        margin-right: 30px !important
    }

    .mr-ds-30 {
        margin-left: 30px !important
    }

    .mt-ds-30 {
        margin-top: 30px !important
    }

    .mb-ds-30 {
        margin-bottom: 30px !important
    }

    .my-ds-45 {
        margin-top: 45px !important;
        margin-bottom: 45px !important
    }

    .mx-ds-45 {
        margin-right: 45px !important;
        margin-left: 45px !important
    }

    .ml-ds-45 {
        margin-right: 45px !important
    }

    .mr-ds-45 {
        margin-left: 45px !important
    }

    .mt-ds-45 {
        margin-top: 45px !important
    }

    .mb-ds-45 {
        margin-bottom: 45px !important
    }

    .my-ds-50 {
        margin-top: 50px !important;
        margin-bottom: 50px !important
    }

    .mx-ds-50 {
        margin-right: 50px !important;
        margin-left: 50px !important
    }

    .ml-ds-50 {
        margin-right: 50px !important
    }

    .mr-ds-50 {
        margin-left: 50px !important
    }

    .mt-ds-50 {
        margin-top: 50px !important
    }

    .mb-ds-50 {
        margin-bottom: 50px !important
    }

    .py-ds-6 {
        padding-top: 6px !important;
        padding-bottom: 6px !important
    }

    .px-ds-6 {
        padding-right: 6px !important;
        padding-left: 6px !important
    }

    .pl-ds-6 {
        padding-right: 6px !important
    }

    .pr-ds-6 {
        padding-left: 6px !important
    }

    .pt-ds-6 {
        padding-top: 6px !important
    }

    .pb-ds-6 {
        padding-bottom: 6px !important
    }

    .py-ds-10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }

    .px-ds-10 {
        padding-right: 10px !important;
        padding-left: 10px !important
    }

    .pl-ds-10 {
        padding-right: 10px !important
    }

    .pr-ds-10 {
        padding-left: 10px !important
    }

    .pt-ds-10 {
        padding-top: 10px !important
    }

    .pb-ds-10 {
        padding-bottom: 10px !important
    }

    .py-ds-15 {
        padding-top: 15px !important;
        padding-bottom: 15px !important
    }

    .px-ds-15 {
        padding-right: 15px !important;
        padding-left: 15px !important
    }

    .pl-ds-15 {
        padding-right: 15px !important
    }

    .pr-ds-15 {
        padding-left: 15px !important
    }

    .pt-ds-15 {
        padding-top: 15px !important
    }

    .pb-ds-15 {
        padding-bottom: 15px !important
    }

    .py-ds-22 {
        padding-top: 22px !important;
        padding-bottom: 22px !important
    }

    .px-ds-22 {
        padding-right: 22px !important;
        padding-left: 22px !important
    }

    .pl-ds-22 {
        padding-right: 22px !important
    }

    .pr-ds-22 {
        padding-left: 22px !important
    }

    .pt-ds-22 {
        padding-top: 22px !important
    }

    .pb-ds-22 {
        padding-bottom: 22px !important
    }

    .py-ds-26 {
        padding-top: 26px !important;
        padding-bottom: 26px !important
    }

    .px-ds-26 {
        padding-right: 26px !important;
        padding-left: 26px !important
    }

    .pl-ds-26 {
        padding-right: 26px !important
    }

    .pr-ds-26 {
        padding-left: 26px !important
    }

    .pt-ds-26 {
        padding-top: 26px !important
    }

    .pb-ds-26 {
        padding-bottom: 26px !important
    }

    .py-ds-30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }

    .px-ds-30 {
        padding-right: 30px !important;
        padding-left: 30px !important
    }

    .pl-ds-30 {
        padding-right: 30px !important
    }

    .pr-ds-30 {
        padding-left: 30px !important
    }

    .pt-ds-30 {
        padding-top: 30px !important
    }

    .pb-ds-30 {
        padding-bottom: 30px !important
    }

    .py-ds-45 {
        padding-top: 45px !important;
        padding-bottom: 45px !important
    }

    .px-ds-45 {
        padding-right: 45px !important;
        padding-left: 45px !important
    }

    .pl-ds-45 {
        padding-right: 45px !important
    }

    .pr-ds-45 {
        padding-left: 45px !important
    }

    .pt-ds-45 {
        padding-top: 45px !important
    }

    .pb-ds-45 {
        padding-bottom: 45px !important
    }

    .py-ds-50 {
        padding-top: 50px !important;
        padding-bottom: 50px !important
    }

    .px-ds-50 {
        padding-right: 50px !important;
        padding-left: 50px !important
    }

    .pl-ds-50 {
        padding-right: 50px !important
    }

    .pr-ds-50 {
        padding-left: 50px !important
    }

    .pt-ds-50 {
        padding-top: 50px !important
    }

    .pb-ds-50 {
        padding-bottom: 50px !important
    }
}

@media screen and (min-width: 1280px) {
    .img-49-lg {
        max-width:49%
    }

    .img-1059-lg {
        max-width: 1059px
    }

    .img-993-lg {
        max-width: 993px
    }

    .img-985-lg {
        max-width: 985px
    }

    .img-963-lg {
        max-width: 963px
    }

    .img-957-lg {
        max-width: 957px
    }

    .img-819-lg {
        max-width: 819px
    }

    .img-815-lg {
        max-width: 815px
    }

    .img-705-lg {
        max-width: 705px
    }

    .img-700-lg {
        max-width: 700px
    }

    .img-480-lg {
        max-width: 480px
    }

    .img-475-lg {
        max-width: 475px
    }

    .img-471-lg {
        max-width: 471px
    }

    .img-465-lg {
        max-width: 465px
    }

    .img-447-lg {
        max-width: 447px
    }

    .img-442-lg {
        max-width: 442px
    }

    .img-417-lg {
        max-width: 417px
    }

    .img-412-lg {
        max-width: 412px
    }

    .img-391-lg {
        max-width: 391px
    }

    .img-383-lg {
        max-width: 383px
    }

    .img-378-lg {
        max-width: 378px
    }

    .img-342-lg {
        max-width: 342px
    }

    .img-337-lg {
        max-width: 337px
    }

    .img-332-lg {
        max-width: 332px
    }

    .img-318-lg {
        max-width: 318px
    }

    .img-298-lg {
        max-width: 298px
    }

    .img-295-lg {
        max-width: 295px
    }

    .img-270-lg {
        max-width: 270px
    }

    .img-266-lg {
        max-width: 266px
    }

    .img-259-lg {
        max-width: 259px
    }

    .img-247-lg {
        max-width: 247px
    }

    .img-227-lg {
        max-width: 227px
    }

    .img-222-lg {
        max-width: 222px
    }

    .img-225-lg {
        max-width: 225px
    }

    .img-220-lg {
        max-width: 220px
    }

    .img-128-lg {
        max-width: 128px
    }

    .img-123-lg {
        max-width: 123px
    }

    .img-674-lg {
        max-width: 674px
    }

    .my-lg-6 {
        margin-top: 6px !important;
        margin-bottom: 6px !important
    }

    .mx-lg-6 {
        margin-right: 6px !important;
        margin-left: 6px !important
    }

    .ml-lg-6 {
        margin-right: 6px !important
    }

    .mr-lg-6 {
        margin-left: 6px !important
    }

    .mt-lg-6 {
        margin-top: 6px !important
    }

    .mb-lg-6 {
        margin-bottom: 6px !important
    }

    .my-lg-10 {
        margin-top: 10px !important;
        margin-bottom: 10px !important
    }

    .mx-lg-10 {
        margin-right: 10px !important;
        margin-left: 10px !important
    }

    .ml-lg-10 {
        margin-right: 10px !important
    }

    .mr-lg-10 {
        margin-left: 10px !important
    }

    .mt-lg-10 {
        margin-top: 10px !important
    }

    .mb-lg-10 {
        margin-bottom: 10px !important
    }

    .my-lg-15 {
        margin-top: 15px !important;
        margin-bottom: 15px !important
    }

    .mx-lg-15 {
        margin-right: 15px !important;
        margin-left: 15px !important
    }

    .ml-lg-15 {
        margin-right: 15px !important
    }

    .mr-lg-15 {
        margin-left: 15px !important
    }

    .mt-lg-15 {
        margin-top: 15px !important
    }

    .mb-lg-15 {
        margin-bottom: 15px !important
    }

    .my-lg-22 {
        margin-top: 22px !important;
        margin-bottom: 22px !important
    }

    .mx-lg-22 {
        margin-right: 22px !important;
        margin-left: 22px !important
    }

    .ml-lg-22 {
        margin-right: 22px !important
    }

    .mr-lg-22 {
        margin-left: 22px !important
    }

    .mt-lg-22 {
        margin-top: 22px !important
    }

    .mb-lg-22 {
        margin-bottom: 22px !important
    }

    .my-lg-26 {
        margin-top: 26px !important;
        margin-bottom: 26px !important
    }

    .mx-lg-26 {
        margin-right: 26px !important;
        margin-left: 26px !important
    }

    .ml-lg-26 {
        margin-right: 26px !important
    }

    .mr-lg-26 {
        margin-left: 26px !important
    }

    .mt-lg-26 {
        margin-top: 26px !important
    }

    .mb-lg-26 {
        margin-bottom: 26px !important
    }

    .my-lg-30 {
        margin-top: 30px !important;
        margin-bottom: 30px !important
    }

    .mx-lg-30 {
        margin-right: 30px !important;
        margin-left: 30px !important
    }

    .ml-lg-30 {
        margin-right: 30px !important
    }

    .mr-lg-30 {
        margin-left: 30px !important
    }

    .mt-lg-30 {
        margin-top: 30px !important
    }

    .mb-lg-30 {
        margin-bottom: 30px !important
    }

    .my-lg-45 {
        margin-top: 45px !important;
        margin-bottom: 45px !important
    }

    .mx-lg-45 {
        margin-right: 45px !important;
        margin-left: 45px !important
    }

    .ml-lg-45 {
        margin-right: 45px !important
    }

    .mr-lg-45 {
        margin-left: 45px !important
    }

    .mt-lg-45 {
        margin-top: 45px !important
    }

    .mb-lg-45 {
        margin-bottom: 45px !important
    }

    .my-lg-50 {
        margin-top: 50px !important;
        margin-bottom: 50px !important
    }

    .mx-lg-50 {
        margin-right: 50px !important;
        margin-left: 50px !important
    }

    .ml-lg-50 {
        margin-right: 50px !important
    }

    .mr-lg-50 {
        margin-left: 50px !important
    }

    .mt-lg-50 {
        margin-top: 50px !important
    }

    .mb-lg-50 {
        margin-bottom: 50px !important
    }

    .py-lg-6 {
        padding-top: 6px !important;
        padding-bottom: 6px !important
    }

    .px-lg-6 {
        padding-right: 6px !important;
        padding-left: 6px !important
    }

    .pl-lg-6 {
        padding-right: 6px !important
    }

    .pr-lg-6 {
        padding-left: 6px !important
    }

    .pt-lg-6 {
        padding-top: 6px !important
    }

    .pb-lg-6 {
        padding-bottom: 6px !important
    }

    .py-lg-10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }

    .px-lg-10 {
        padding-right: 10px !important;
        padding-left: 10px !important
    }

    .pl-lg-10 {
        padding-right: 10px !important
    }

    .pr-lg-10 {
        padding-left: 10px !important
    }

    .pt-lg-10 {
        padding-top: 10px !important
    }

    .pb-lg-10 {
        padding-bottom: 10px !important
    }

    .py-lg-15 {
        padding-top: 15px !important;
        padding-bottom: 15px !important
    }

    .px-lg-15 {
        padding-right: 15px !important;
        padding-left: 15px !important
    }

    .pl-lg-15 {
        padding-right: 15px !important
    }

    .pr-lg-15 {
        padding-left: 15px !important
    }

    .pt-lg-15 {
        padding-top: 15px !important
    }

    .pb-lg-15 {
        padding-bottom: 15px !important
    }

    .py-lg-22 {
        padding-top: 22px !important;
        padding-bottom: 22px !important
    }

    .px-lg-22 {
        padding-right: 22px !important;
        padding-left: 22px !important
    }

    .pl-lg-22 {
        padding-right: 22px !important
    }

    .pr-lg-22 {
        padding-left: 22px !important
    }

    .pt-lg-22 {
        padding-top: 22px !important
    }

    .pb-lg-22 {
        padding-bottom: 22px !important
    }

    .py-lg-26 {
        padding-top: 26px !important;
        padding-bottom: 26px !important
    }

    .px-lg-26 {
        padding-right: 26px !important;
        padding-left: 26px !important
    }

    .pl-lg-26 {
        padding-right: 26px !important
    }

    .pr-lg-26 {
        padding-left: 26px !important
    }

    .pt-lg-26 {
        padding-top: 26px !important
    }

    .pb-lg-26 {
        padding-bottom: 26px !important
    }

    .py-lg-30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }

    .px-lg-30 {
        padding-right: 30px !important;
        padding-left: 30px !important
    }

    .pl-lg-30 {
        padding-right: 30px !important
    }

    .pr-lg-30 {
        padding-left: 30px !important
    }

    .pt-lg-30 {
        padding-top: 30px !important
    }

    .pb-lg-30 {
        padding-bottom: 30px !important
    }

    .py-lg-45 {
        padding-top: 45px !important;
        padding-bottom: 45px !important
    }

    .px-lg-45 {
        padding-right: 45px !important;
        padding-left: 45px !important
    }

    .pl-lg-45 {
        padding-right: 45px !important
    }

    .pr-lg-45 {
        padding-left: 45px !important
    }

    .pt-lg-45 {
        padding-top: 45px !important
    }

    .pb-lg-45 {
        padding-bottom: 45px !important
    }

    .py-lg-50 {
        padding-top: 50px !important;
        padding-bottom: 50px !important
    }

    .px-lg-50 {
        padding-right: 50px !important;
        padding-left: 50px !important
    }

    .pl-lg-50 {
        padding-right: 50px !important
    }

    .pr-lg-50 {
        padding-left: 50px !important
    }

    .pt-lg-50 {
        padding-top: 50px !important
    }

    .pb-lg-50 {
        padding-bottom: 50px !important
    }
}

@media screen and (min-width: 1360px) {
    .img-49-bs {
        max-width:49%
    }

    .img-1059-bs {
        max-width: 1059px
    }

    .img-993-bs {
        max-width: 993px
    }

    .img-985-bs {
        max-width: 985px
    }

    .img-963-bs {
        max-width: 963px
    }

    .img-957-bs {
        max-width: 957px
    }

    .img-819-bs {
        max-width: 819px
    }

    .img-815-bs {
        max-width: 815px
    }

    .img-705-bs {
        max-width: 705px
    }

    .img-700-bs {
        max-width: 700px
    }

    .img-480-bs {
        max-width: 480px
    }

    .img-475-bs {
        max-width: 475px
    }

    .img-471-bs {
        max-width: 471px
    }

    .img-465-bs {
        max-width: 465px
    }

    .img-447-bs {
        max-width: 447px
    }

    .img-442-bs {
        max-width: 442px
    }

    .img-417-bs {
        max-width: 417px
    }

    .img-412-bs {
        max-width: 412px
    }

    .img-391-bs {
        max-width: 391px
    }

    .img-383-bs {
        max-width: 383px
    }

    .img-378-bs {
        max-width: 378px
    }

    .img-342-bs {
        max-width: 342px
    }

    .img-337-bs {
        max-width: 337px
    }

    .img-332-bs {
        max-width: 332px
    }

    .img-318-bs {
        max-width: 318px
    }

    .img-298-bs {
        max-width: 298px
    }

    .img-295-bs {
        max-width: 295px
    }

    .img-270-bs {
        max-width: 270px
    }

    .img-266-bs {
        max-width: 266px
    }

    .img-259-bs {
        max-width: 259px
    }

    .img-247-bs {
        max-width: 247px
    }

    .img-227-bs {
        max-width: 227px
    }

    .img-222-bs {
        max-width: 222px
    }

    .img-225-bs {
        max-width: 225px
    }

    .img-220-bs {
        max-width: 220px
    }

    .img-128-bs {
        max-width: 128px
    }

    .img-123-bs {
        max-width: 123px
    }

    .img-674-bs {
        max-width: 674px
    }

    .my-bs-6 {
        margin-top: 6px !important;
        margin-bottom: 6px !important
    }

    .mx-bs-6 {
        margin-right: 6px !important;
        margin-left: 6px !important
    }

    .ml-bs-6 {
        margin-right: 6px !important
    }

    .mr-bs-6 {
        margin-left: 6px !important
    }

    .mt-bs-6 {
        margin-top: 6px !important
    }

    .mb-bs-6 {
        margin-bottom: 6px !important
    }

    .my-bs-10 {
        margin-top: 10px !important;
        margin-bottom: 10px !important
    }

    .mx-bs-10 {
        margin-right: 10px !important;
        margin-left: 10px !important
    }

    .ml-bs-10 {
        margin-right: 10px !important
    }

    .mr-bs-10 {
        margin-left: 10px !important
    }

    .mt-bs-10 {
        margin-top: 10px !important
    }

    .mb-bs-10 {
        margin-bottom: 10px !important
    }

    .my-bs-15 {
        margin-top: 15px !important;
        margin-bottom: 15px !important
    }

    .mx-bs-15 {
        margin-right: 15px !important;
        margin-left: 15px !important
    }

    .ml-bs-15 {
        margin-right: 15px !important
    }

    .mr-bs-15 {
        margin-left: 15px !important
    }

    .mt-bs-15 {
        margin-top: 15px !important
    }

    .mb-bs-15 {
        margin-bottom: 15px !important
    }

    .my-bs-22 {
        margin-top: 22px !important;
        margin-bottom: 22px !important
    }

    .mx-bs-22 {
        margin-right: 22px !important;
        margin-left: 22px !important
    }

    .ml-bs-22 {
        margin-right: 22px !important
    }

    .mr-bs-22 {
        margin-left: 22px !important
    }

    .mt-bs-22 {
        margin-top: 22px !important
    }

    .mb-bs-22 {
        margin-bottom: 22px !important
    }

    .my-bs-26 {
        margin-top: 26px !important;
        margin-bottom: 26px !important
    }

    .mx-bs-26 {
        margin-right: 26px !important;
        margin-left: 26px !important
    }

    .ml-bs-26 {
        margin-right: 26px !important
    }

    .mr-bs-26 {
        margin-left: 26px !important
    }

    .mt-bs-26 {
        margin-top: 26px !important
    }

    .mb-bs-26 {
        margin-bottom: 26px !important
    }

    .my-bs-30 {
        margin-top: 30px !important;
        margin-bottom: 30px !important
    }

    .mx-bs-30 {
        margin-right: 30px !important;
        margin-left: 30px !important
    }

    .ml-bs-30 {
        margin-right: 30px !important
    }

    .mr-bs-30 {
        margin-left: 30px !important
    }

    .mt-bs-30 {
        margin-top: 30px !important
    }

    .mb-bs-30 {
        margin-bottom: 30px !important
    }

    .my-bs-45 {
        margin-top: 45px !important;
        margin-bottom: 45px !important
    }

    .mx-bs-45 {
        margin-right: 45px !important;
        margin-left: 45px !important
    }

    .ml-bs-45 {
        margin-right: 45px !important
    }

    .mr-bs-45 {
        margin-left: 45px !important
    }

    .mt-bs-45 {
        margin-top: 45px !important
    }

    .mb-bs-45 {
        margin-bottom: 45px !important
    }

    .my-bs-50 {
        margin-top: 50px !important;
        margin-bottom: 50px !important
    }

    .mx-bs-50 {
        margin-right: 50px !important;
        margin-left: 50px !important
    }

    .ml-bs-50 {
        margin-right: 50px !important
    }

    .mr-bs-50 {
        margin-left: 50px !important
    }

    .mt-bs-50 {
        margin-top: 50px !important
    }

    .mb-bs-50 {
        margin-bottom: 50px !important
    }

    .py-bs-6 {
        padding-top: 6px !important;
        padding-bottom: 6px !important
    }

    .px-bs-6 {
        padding-right: 6px !important;
        padding-left: 6px !important
    }

    .pl-bs-6 {
        padding-right: 6px !important
    }

    .pr-bs-6 {
        padding-left: 6px !important
    }

    .pt-bs-6 {
        padding-top: 6px !important
    }

    .pb-bs-6 {
        padding-bottom: 6px !important
    }

    .py-bs-10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }

    .px-bs-10 {
        padding-right: 10px !important;
        padding-left: 10px !important
    }

    .pl-bs-10 {
        padding-right: 10px !important
    }

    .pr-bs-10 {
        padding-left: 10px !important
    }

    .pt-bs-10 {
        padding-top: 10px !important
    }

    .pb-bs-10 {
        padding-bottom: 10px !important
    }

    .py-bs-15 {
        padding-top: 15px !important;
        padding-bottom: 15px !important
    }

    .px-bs-15 {
        padding-right: 15px !important;
        padding-left: 15px !important
    }

    .pl-bs-15 {
        padding-right: 15px !important
    }

    .pr-bs-15 {
        padding-left: 15px !important
    }

    .pt-bs-15 {
        padding-top: 15px !important
    }

    .pb-bs-15 {
        padding-bottom: 15px !important
    }

    .py-bs-22 {
        padding-top: 22px !important;
        padding-bottom: 22px !important
    }

    .px-bs-22 {
        padding-right: 22px !important;
        padding-left: 22px !important
    }

    .pl-bs-22 {
        padding-right: 22px !important
    }

    .pr-bs-22 {
        padding-left: 22px !important
    }

    .pt-bs-22 {
        padding-top: 22px !important
    }

    .pb-bs-22 {
        padding-bottom: 22px !important
    }

    .py-bs-26 {
        padding-top: 26px !important;
        padding-bottom: 26px !important
    }

    .px-bs-26 {
        padding-right: 26px !important;
        padding-left: 26px !important
    }

    .pl-bs-26 {
        padding-right: 26px !important
    }

    .pr-bs-26 {
        padding-left: 26px !important
    }

    .pt-bs-26 {
        padding-top: 26px !important
    }

    .pb-bs-26 {
        padding-bottom: 26px !important
    }

    .py-bs-30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }

    .px-bs-30 {
        padding-right: 30px !important;
        padding-left: 30px !important
    }

    .pl-bs-30 {
        padding-right: 30px !important
    }

    .pr-bs-30 {
        padding-left: 30px !important
    }

    .pt-bs-30 {
        padding-top: 30px !important
    }

    .pb-bs-30 {
        padding-bottom: 30px !important
    }

    .py-bs-45 {
        padding-top: 45px !important;
        padding-bottom: 45px !important
    }

    .px-bs-45 {
        padding-right: 45px !important;
        padding-left: 45px !important
    }

    .pl-bs-45 {
        padding-right: 45px !important
    }

    .pr-bs-45 {
        padding-left: 45px !important
    }

    .pt-bs-45 {
        padding-top: 45px !important
    }

    .pb-bs-45 {
        padding-bottom: 45px !important
    }

    .py-bs-50 {
        padding-top: 50px !important;
        padding-bottom: 50px !important
    }

    .px-bs-50 {
        padding-right: 50px !important;
        padding-left: 50px !important
    }

    .pl-bs-50 {
        padding-right: 50px !important
    }

    .pr-bs-50 {
        padding-left: 50px !important
    }

    .pt-bs-50 {
        padding-top: 50px !important
    }

    .pb-bs-50 {
        padding-bottom: 50px !important
    }
}

@media screen and (min-width: 1440px) {
    .img-49-xl {
        max-width:49%
    }

    .img-1059-xl {
        max-width: 1059px
    }

    .img-993-xl {
        max-width: 993px
    }

    .img-985-xl {
        max-width: 985px
    }

    .img-963-xl {
        max-width: 963px
    }

    .img-957-xl {
        max-width: 957px
    }

    .img-819-xl {
        max-width: 819px
    }

    .img-815-xl {
        max-width: 815px
    }

    .img-705-xl {
        max-width: 705px
    }

    .img-700-xl {
        max-width: 700px
    }

    .img-480-xl {
        max-width: 480px
    }

    .img-475-xl {
        max-width: 475px
    }

    .img-471-xl {
        max-width: 471px
    }

    .img-465-xl {
        max-width: 465px
    }

    .img-447-xl {
        max-width: 447px
    }

    .img-442-xl {
        max-width: 442px
    }

    .img-417-xl {
        max-width: 417px
    }

    .img-412-xl {
        max-width: 412px
    }

    .img-391-xl {
        max-width: 391px
    }

    .img-383-xl {
        max-width: 383px
    }

    .img-378-xl {
        max-width: 378px
    }

    .img-342-xl {
        max-width: 342px
    }

    .img-337-xl {
        max-width: 337px
    }

    .img-332-xl {
        max-width: 332px
    }

    .img-318-xl {
        max-width: 318px
    }

    .img-298-xl {
        max-width: 298px
    }

    .img-295-xl {
        max-width: 295px
    }

    .img-270-xl {
        max-width: 270px
    }

    .img-266-xl {
        max-width: 266px
    }

    .img-259-xl {
        max-width: 259px
    }

    .img-247-xl {
        max-width: 247px
    }

    .img-227-xl {
        max-width: 227px
    }

    .img-222-xl {
        max-width: 222px
    }

    .img-225-xl {
        max-width: 225px
    }

    .img-220-xl {
        max-width: 220px
    }

    .img-128-xl {
        max-width: 128px
    }

    .img-123-xl {
        max-width: 123px
    }

    .img-674-xl {
        max-width: 674px
    }

    .my-xl-6 {
        margin-top: 6px !important;
        margin-bottom: 6px !important
    }

    .mx-xl-6 {
        margin-right: 6px !important;
        margin-left: 6px !important
    }

    .ml-xl-6 {
        margin-right: 6px !important
    }

    .mr-xl-6 {
        margin-left: 6px !important
    }

    .mt-xl-6 {
        margin-top: 6px !important
    }

    .mb-xl-6 {
        margin-bottom: 6px !important
    }

    .my-xl-10 {
        margin-top: 10px !important;
        margin-bottom: 10px !important
    }

    .mx-xl-10 {
        margin-right: 10px !important;
        margin-left: 10px !important
    }

    .ml-xl-10 {
        margin-right: 10px !important
    }

    .mr-xl-10 {
        margin-left: 10px !important
    }

    .mt-xl-10 {
        margin-top: 10px !important
    }

    .mb-xl-10 {
        margin-bottom: 10px !important
    }

    .my-xl-15 {
        margin-top: 15px !important;
        margin-bottom: 15px !important
    }

    .mx-xl-15 {
        margin-right: 15px !important;
        margin-left: 15px !important
    }

    .ml-xl-15 {
        margin-right: 15px !important
    }

    .mr-xl-15 {
        margin-left: 15px !important
    }

    .mt-xl-15 {
        margin-top: 15px !important
    }

    .mb-xl-15 {
        margin-bottom: 15px !important
    }

    .my-xl-22 {
        margin-top: 22px !important;
        margin-bottom: 22px !important
    }

    .mx-xl-22 {
        margin-right: 22px !important;
        margin-left: 22px !important
    }

    .ml-xl-22 {
        margin-right: 22px !important
    }

    .mr-xl-22 {
        margin-left: 22px !important
    }

    .mt-xl-22 {
        margin-top: 22px !important
    }

    .mb-xl-22 {
        margin-bottom: 22px !important
    }

    .my-xl-26 {
        margin-top: 26px !important;
        margin-bottom: 26px !important
    }

    .mx-xl-26 {
        margin-right: 26px !important;
        margin-left: 26px !important
    }

    .ml-xl-26 {
        margin-right: 26px !important
    }

    .mr-xl-26 {
        margin-left: 26px !important
    }

    .mt-xl-26 {
        margin-top: 26px !important
    }

    .mb-xl-26 {
        margin-bottom: 26px !important
    }

    .my-xl-30 {
        margin-top: 30px !important;
        margin-bottom: 30px !important
    }

    .mx-xl-30 {
        margin-right: 30px !important;
        margin-left: 30px !important
    }

    .ml-xl-30 {
        margin-right: 30px !important
    }

    .mr-xl-30 {
        margin-left: 30px !important
    }

    .mt-xl-30 {
        margin-top: 30px !important
    }

    .mb-xl-30 {
        margin-bottom: 30px !important
    }

    .my-xl-45 {
        margin-top: 45px !important;
        margin-bottom: 45px !important
    }

    .mx-xl-45 {
        margin-right: 45px !important;
        margin-left: 45px !important
    }

    .ml-xl-45 {
        margin-right: 45px !important
    }

    .mr-xl-45 {
        margin-left: 45px !important
    }

    .mt-xl-45 {
        margin-top: 45px !important
    }

    .mb-xl-45 {
        margin-bottom: 45px !important
    }

    .my-xl-50 {
        margin-top: 50px !important;
        margin-bottom: 50px !important
    }

    .mx-xl-50 {
        margin-right: 50px !important;
        margin-left: 50px !important
    }

    .ml-xl-50 {
        margin-right: 50px !important
    }

    .mr-xl-50 {
        margin-left: 50px !important
    }

    .mt-xl-50 {
        margin-top: 50px !important
    }

    .mb-xl-50 {
        margin-bottom: 50px !important
    }

    .py-xl-6 {
        padding-top: 6px !important;
        padding-bottom: 6px !important
    }

    .px-xl-6 {
        padding-right: 6px !important;
        padding-left: 6px !important
    }

    .pl-xl-6 {
        padding-right: 6px !important
    }

    .pr-xl-6 {
        padding-left: 6px !important
    }

    .pt-xl-6 {
        padding-top: 6px !important
    }

    .pb-xl-6 {
        padding-bottom: 6px !important
    }

    .py-xl-10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }

    .px-xl-10 {
        padding-right: 10px !important;
        padding-left: 10px !important
    }

    .pl-xl-10 {
        padding-right: 10px !important
    }

    .pr-xl-10 {
        padding-left: 10px !important
    }

    .pt-xl-10 {
        padding-top: 10px !important
    }

    .pb-xl-10 {
        padding-bottom: 10px !important
    }

    .py-xl-15 {
        padding-top: 15px !important;
        padding-bottom: 15px !important
    }

    .px-xl-15 {
        padding-right: 15px !important;
        padding-left: 15px !important
    }

    .pl-xl-15 {
        padding-right: 15px !important
    }

    .pr-xl-15 {
        padding-left: 15px !important
    }

    .pt-xl-15 {
        padding-top: 15px !important
    }

    .pb-xl-15 {
        padding-bottom: 15px !important
    }

    .py-xl-22 {
        padding-top: 22px !important;
        padding-bottom: 22px !important
    }

    .px-xl-22 {
        padding-right: 22px !important;
        padding-left: 22px !important
    }

    .pl-xl-22 {
        padding-right: 22px !important
    }

    .pr-xl-22 {
        padding-left: 22px !important
    }

    .pt-xl-22 {
        padding-top: 22px !important
    }

    .pb-xl-22 {
        padding-bottom: 22px !important
    }

    .py-xl-26 {
        padding-top: 26px !important;
        padding-bottom: 26px !important
    }

    .px-xl-26 {
        padding-right: 26px !important;
        padding-left: 26px !important
    }

    .pl-xl-26 {
        padding-right: 26px !important
    }

    .pr-xl-26 {
        padding-left: 26px !important
    }

    .pt-xl-26 {
        padding-top: 26px !important
    }

    .pb-xl-26 {
        padding-bottom: 26px !important
    }

    .py-xl-30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }

    .px-xl-30 {
        padding-right: 30px !important;
        padding-left: 30px !important
    }

    .pl-xl-30 {
        padding-right: 30px !important
    }

    .pr-xl-30 {
        padding-left: 30px !important
    }

    .pt-xl-30 {
        padding-top: 30px !important
    }

    .pb-xl-30 {
        padding-bottom: 30px !important
    }

    .py-xl-45 {
        padding-top: 45px !important;
        padding-bottom: 45px !important
    }

    .px-xl-45 {
        padding-right: 45px !important;
        padding-left: 45px !important
    }

    .pl-xl-45 {
        padding-right: 45px !important
    }

    .pr-xl-45 {
        padding-left: 45px !important
    }

    .pt-xl-45 {
        padding-top: 45px !important
    }

    .pb-xl-45 {
        padding-bottom: 45px !important
    }

    .py-xl-50 {
        padding-top: 50px !important;
        padding-bottom: 50px !important
    }

    .px-xl-50 {
        padding-right: 50px !important;
        padding-left: 50px !important
    }

    .pl-xl-50 {
        padding-right: 50px !important
    }

    .pr-xl-50 {
        padding-left: 50px !important
    }

    .pt-xl-50 {
        padding-top: 50px !important
    }

    .pb-xl-50 {
        padding-bottom: 50px !important
    }
}

.Video-1-lg {
    display: block !important;
    position: relative
}

.Video-1-lg:after {
    position: absolute;
    bottom: 4%;
    left: 4%;
    z-index: 998;
    content: url(../imge/Group1578@2x.png);
    display: flex;
    align-items: center;
    justify-content: center
}

.Video-1-sm {
    display: block !important;
    position: relative
}

.Video-1-sm:after {
    position: absolute;
    bottom: 4%;
    left: 4%;
    z-index: 998;
    content: url(../imge/Group1578.png);
    bottom: 5%;
    left: 5%;
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-icon {
    position: fixed;
    top: 30%;
    left: -2px;
    z-index: 99999;
    width: 3.9rem;
    direction: ltr
}

.flex-icon #services li {
    width: 3.8rem;
    height: 3.8rem;
    display: inline-block;
    margin: 0;
    list-style: none
}

.flex-icon #services li .facebook {
    width: 3.8rem;
    height: 3.8rem;
    color: #74d4b3;
    font-size: 2rem;
    text-align: center;
    line-height: 3.8rem;
    background-color: #3b5998;
    transition: all .5s
}

.flex-icon #services li .facebook i {
    color: #fff
}

.flex-icon #services li .twitter {
    width: 3.8rem;
    height: 3.8rem;
    color: #74d4b3;
    font-size: 2rem;
    text-align: center;
    line-height: 3.8rem;
    background-color: #1da1f2;
    transition: all .5s
}

.flex-icon #services li .twitter i {
    color: #fff
}

.flex-icon #services li .youtube {
    width: 3.8rem;
    height: 3.8rem;
    color: #74d4b3;
    font-size: 2rem;
    text-align: center;
    line-height: 3.8rem;
    background-color: red;
    transition: all .5s
}

.flex-icon #services li .youtube i {
    color: #fff
}

.flex-icon #services li .instagram {
    width: 3.8rem;
    height: 3.8rem;
    color: #74d4b3;
    font-size: 2rem;
    text-align: center;
    line-height: 3.8rem;
    background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
    transition: all .5s
}

.flex-icon #services li .instagram i {
    color: #fff
}

.flex-icon #services li .linkedin {
    width: 3.8rem;
    height: 3.8rem;
    color: #74d4b3;
    font-size: 2rem;
    text-align: center;
    line-height: 3.8rem;
    background: #0e76a8;
    transition: all .5s
}

.flex-icon #services li .linkedin svg {
    color: #fff
}

.flex-icon #services li div:hover {
    width: 5.3rem
}

.dropdown-toggle::after {
    display: inline-block;
    color: #D8801E;
    margin-left: .255em;
    margin-right: 5px !important;
    vertical-align: .05em !important;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.headrPart1 {
    background-color: #008066;
    color: #4d4d4d
}

.headrPart1 a {
   
    font-size: .9rem;
    line-height: 1.7rem;
    overflow: visible;
    color: #fff
}

.headrPart1 .form-group .label-login {
    
    font-size: 1.13rem;
    line-height: 1.33rem;
    overflow: visible;
    color: #1f2b3b
}

.headrPart1 .form-group .input-login {
    
    font-size: 1.13rem;
    line-height: 1.33rem;
    overflow: visible;
    color: #222;
    border: 1px solid #938C8C96
}

.headrPart1 .form-group .input-login::-webkit-input-placeholder,.headrPart1 .form-group .input-login:-ms-input-placeholder,.headrPart1 .form-group .input-login::placeholder {
    
    font-size: .93rem;
    line-height: 1.33rem;
    overflow: visible;
    color: #222;
    opacity: .8
}

.headrPart1 .links-regs {
    
    font-size: .933rem;
    line-height: 1.73rem;
    overflow: visible;
    color: #1f2b3b;
    padding: 0 10px
}

.headrPart1 .green {
    
    font-size: 1.3rem;
    line-height: 2.5rem;
    overflow: visible;
    color: #fff
}

.headrPart1 .langu {
    
    font-size: 1.1rem;
    line-height: 1.5rem;
    overflow: visible;
    color: #008066 !important
}

.headrPart1 .ico {
    margin-left: 10px !important;
    color: #fff
}

.headrPart1 .ico span {
    color: #fff;
    font-size: 1.2rem;
    margin-left: 5px !important;
    margin-right: 0 !important
}

.headrPart1 a:hover {
    color: #fff
}

.headrPart1 i {
    font-size: 1.2rem
}

.headrPart1 i:hover {
    color: #fff
}

.headrPart1 .form-popup {
    display: none;
    position: absolute;
    top: 100%;
    left: 0px;
    border: 3px solid #f1f1f1;
    z-index: 9
}

.headrPart1 .form-popup .form-container {
    width: 26.7rem;
    max-width: 26.7rem
}

.headrPart1 .form-popup .log {
    color: #fff;
    background-color: #60a5dd;
    border: 1px solid transparent;
    border-radius: 6% !important;
    width: 48%
}

.headrPart1 .form-popup .reg {
    color: #fff;
    width: 48%;
    background-color: #6c757d;
    border: 1px solid transparent;
    border-radius: 6% !important
}

.headrPart1 .form-container {
    max-width: 20rem;
    padding: 10px;
    background-color: #fff
}

.headrPart1 .div1 {
    position: relative
}

.headrPart1 .form-group input {
    width: 100%;
    padding: 15px;
    margin: 5px 0 22px 0;
    border: none;
    background: #f1f1f1
}

.headrPart1 .form-container input[type=text]:focus,.headrPart1 .form-container input[type=password]:focus {
    background-color: #ddd;
    outline: none
}

.headrPart1 .form-container .btn {
    background-color: #228dcb;
    color: #fff;
    padding: 10px 10px;
    border: none;
    cursor: pointer;
    width: 48%;
    margin-bottom: 10px;
    opacity: .8;
    border-radius: 8px !important;
    font-family:"Cairo",Roboto;
    font-size: 1.13rem;
    line-height: 1.5rem;
    overflow: visible
}

.headrPart1 .searchinput {
    z-index: 999;
    margin-right: 1.6rem
}

.headrPart1 .form-container .cancel {
    background-color: #6f6f6f
}

.headrPart1 .form-container .btn:hover,.headrPart1 .open-button:hover {
    opacity: 1
}

.headrPart1 span {
    font-size: 1rem;
    margin: 0 3px;
    font-family:"Cairo",Roboto;
    font-size: .8rem;
    line-height: 1.7rem;
    overflow: visible;
    color: #4d4d4d
}

.headrPart2 .btn {
    background-color: #D8801E;
    color: #fff;
    height: 70px !important;
    line-height: 70px;
    font-size: 1.6rem;
    border-radius: 0;
    font-family:"Cairo",Roboto
}

.headrPart2 .btn:hover {
    background-color: #008066;
    color: #fff
}

.headrPart2 .dropdown-toggle {
    display: flex !important;
    justify-content: center;
    align-items: center
}

.headrPart2 .dropdown-menu {
    width: 15rem;
    text-align: right;
    background-color: #D8801E !important
}

.headrPart2 .dropdown-item {
    color: #fff
}

.headrPart2 .dropdown-item:focus,.headrPart2 .dropdown-item:hover {
    background-color: #008066 !important
}

.headrPart3 {
    font-family:"Cairo",Roboto;
    font-size: 1.3rem;
    line-height: 2.7rem;
    overflow: visible;
    color: #008066
}

.headrPart3 .navbar-light .navbar-toggler {
    border-color: #008066;
    margin-right: auto
}

.headrPart3 li a {
     
    font-size: 1.05rem;
    line-height: 2.7rem;
    overflow: visible;
    color: #000 !important;
    padding: 0 20px 5px
}

.headrPart3 ul {
    text-align: right
}

.headrPart3 .dropdown-menu li {
    position: relative
}

.headrPart3 .dropdown-submenu {
    position: relative
}

.headrPart3 .dropdown-submenu>a:after {
    border: 0
}

.headrPart3 .dropdown-submenu>a>i {
    left: 5px;
    position: absolute;
    display: inline-block;
    line-height: 45px
}

.headrPart3 .dropdown-submenu>.dropdown-menu {
    top: 0;
    right: 100%;
    margin-top: 0px;
    margin-left: 0px
}

.headrPart3 .dropdown ul,.headrPart3 .dropdown-menu {
    background-color: #fff !important;
    width: -moz-fit-content;
    width: fit-content;
    right: 0;
    min-width: 18rem
}

.headrPart3 .dropdown-item:focus,.headrPart3 .dropdown-item:hover {
    background-color: #008066 !important;
    color: #fff !important
}

@media(min-width: 991px) {
    .headrPart3 .dropdown-menu {
        box-shadow:0 0 10px rgba(0,0,0,.1)
    }
}

.breadcrumb {
    background-color: #008066;
    color: #000
}

.breadcrumb a {
    color: #000 !important
}

.breadcrumb span {
    font-family:"Cairo",Roboto;
    font-size: .8rem;
    line-height: 2.2rem;
    overflow: visible;
    color: #000 !important
}

@media screen and (max-width: 992px) {
    .nav-item .submenu {
        display:none;
        position: absolute !important;
        right: 50% !important;
        top: -7px !important
    }

    .nav-item .submenu-right {
        left: 50% !important;
        left: auto !important
    }

    .dropdown-menu>li:hover {
        background-color: #f1f1f1
    }

    .dropdown-menu>li:hover>.submenu {
        display: block
    }
}

.regular {
    padding: 0 34px
}

.regular div div div {
    background-color: #fff;
    height: 150px;
    width: 150px !important;
    border-radius: 8% !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
	  overflow: hidden;
	    padding: 8px;
}

.regular img:hover {
	  filter: grayscale(0%);
}
.regular img {
   
    border-radius: 11%;
      filter: grayscale(100%);
}

.regular .slick-track {
    height: AUTO;
    padding-top: 10px;
    padding-bottom: 10px
}

.slider {
    width: 90%;
    margin: 100px auto
}

.slick-list.draggable {
    padding: 0 12px
}

.slick-slide {
    margin-right: 30px
}

.slick-current {
   
}

.slick-slide img {
    width: 100%
}

.slick-prev,.slick-next {
    top: calc(50% - 10px) !important;
    opacity: .6
}

.slick-prev:hover,.slick-next:hover {
    opacity: 1
}

.slick-prev {
    right: 0 !important;
    left: unset !important
}

.slick-next {
    left: 15px !important;
    right: unset !important
}

.slick-slide {
    transition: all ease-in-out .3s;
    opacity: 1
}

.slick-active {
    opacity: 1
}

.slick-current {
    opacity: 1
}

.footerpart1 {
    width: 100%;
   
    background-size: 100%;
    height: auto;
    background-color: #fff;
}

.footerpart1 .layer {
    height: 100%;
    background-color: #111822DE
}

.footerpart1 .sctiion {
     
    font-size: 1.5rem;
    line-height: 2.7rem;
    overflow: visible;
    color: #008066
}

.footerpart1 li {
    list-style: none;
    font-family:"Cairo",Roboto;
    font-size: .9rem;
    line-height: 2.4rem;
    overflow: visible;
    color: #000
}

.footerpart1 .before li {
    position: relative
}

.footerpart1 .before li::before {
    content: " ";
    width: .3rem !important;
    height: 1.3rem !important;
    background-color: #008066;
    position: absolute;
    top: .7rem !important;
    right: -1rem !important
}

.footerpart1 .green {
    color: #008066;
    font-size: 1.5rem;
    line-height: 1.5rem
}

.footerpart2 {
    background-color: #008066;
    color: #fff
}

.footerpart2 a {
    color: #fff
}

.footerpart2 i {
    font-size: 2rem
}

.footerpart2 .subscribe {
    font-family:"Cairo",Roboto;
    font-size: 1.06rem;
    line-height: 2.2rem;
    overflow: visible;
    color: #fff
}

.footerpart2 .btn {
    background-color: #008066;
    font-family:"Cairo",Roboto;
    font-size: .86rem;
    line-height: 2.4rem;
    overflow: visible;
    color: #fff
}

.footerpart2 .subscribe-input {
    font-family:"Cairo",Roboto;
    font-size: .86rem;
    line-height: 2.4rem;
    overflow: visible;
    color: #000
}

.footerpart3,.footerpart3 a {
    font-family:"Cairo",Roboto;
    font-size: .9rem;
    line-height: 2.4;
    overflow: visible;
    color: #fff;
    background-color: #111822
}

.main-slider .btn-gives {
    background-color: #D8801E;
    font-family:"Cairo",Roboto;
    font-size: 1.5rem;
    line-height: 35px;
    overflow: visible;
    color: #fff;
    display: inline-flex;
    justify-content: center;
    align-content: center;
    height: 55px;
	border-radius:unset !important;
}

.main-slider .slideshow-container {
    max-width: 100%;
    position: relative;
    margin: auto
}

.main-slider .doots {
    position: absolute;
    bottom: 5%;
    width: 100%
}

.main-slider .prev,.main-slider .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: #fff;
    font-weight: bold;
    font-size: 1.2rem;
    transition: .6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    background-color: rgba(0,0,0,.2)
}

.main-slider .next {
    left: 0;
    border-radius: 3px 0 0 3px
}

.main-slider .prev:hover,.main-slider .next:hover {
    background-color: rgba(0,0,0,.8)
}

.main-slider .text {
    color: #f2f2f2;
    font-size: 1rem;
    padding: 4px 10px;
    position: absolute;
    bottom: 10%;
    width: 100%;
    right: -0.3%;
    text-align: center
}

.main-slider .dot {
    cursor: pointer;
    height: 1rem;
    width: 1rem;
    margin: 0 2px;
    background-color: #fff;
    border-radius: 50%;
    display: inline-block;
    border: 2px solid #fff;
    box-shadow: 0px 0px 0px .25px #000
}

.main-slider .active,.main-slider .dot:hover {
    background-color: #D8801E
}

.main-slider .fadee {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s
}

@-webkit-keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

@keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

@media only screen and (max-width: 300px) {
    .main-slider .prev,.main-slider .next,.main-slider .text {
        font-size:.7rem
    }
}

.secName {
     
    font-size: 1.9rem;
    line-height: 3.9rem;
    overflow: visible;
    color: #000
}

.secName span {
    color: #008066
}

.programs .media {
    box-shadow: 0px 0px 3px #00000017;
	border-radius:8px;
    position: relative
}

.programs .media .Icon {
    position: absolute;
    top: calc(50% - 41px);
    right: calc(50% - 41px);
    width: 8.4rem;
    z-index: 9
}

.programs .media .Icon.icon-lg {
    top: calc(50% - 41px);
    right: calc(50% - 65px)
}

.programs .media:hover {
    background: linear-gradient(#008066, #008066)
}

.programs .media:hover p,.programs .media:hover h3 {
    color: #fff !important
}

.programs .midBot {
    background-color: #fff;
    position: relative
}

.programs .midBot .Icon2 {
    position: absolute;
    top: calc(50% - 41px);
    right: calc(50% - 41px);
    width: 5.5rem;
    z-index: 9
}

.programs .midBot .secName2 {
    position: unset;
    padding-left: 0px !important
}

.programs .midBot .yell {
    width: 104px;
    text-align: center;
    margin-top: 2px;
    margin-right: auto;
    font-family:"Cairo",Roboto;
    font-size: 1rem;
    line-height: 1.2rem;
    overflow: visible;
	    margin: auto;

    color: #fff
}

.programs .secName {
    font-family:"Cairo",Roboto;
    font-size: 1.86rem;
    line-height: 2.1rem;
    overflow: visible;
    color: #000
}

.programs .half-circl {
    background: #008066;
    display: inline-block;
    padding-right: 1.3rem;
    padding-left: 1.3rem;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px
}

.programs .half-circl p {
    color: #fff;
    font-size: 1.7rem;
    
}

.programs .secName1 h3 {
     
    font-size: 2.3rem;
    line-height: 3.3rem;
    overflow: visible;
    color: #008066
}

.programs .secName1 p {
    font-family:"Cairo",Roboto;
    font-size: 1.2rem;
    line-height: 2.2rem;
    overflow: hidden;
    color: #000;
    height: 162px
}

@media screen and (min-width: 1200px)and (max-width: 1359px) {
    .programs .secName1 p {
        height:154px
    }
}

@media screen and (min-width: 992px)and (max-width: 1199px) {
    .programs .secName1 p {
        height:126px
    }
}

@media screen and (min-width: 768px)and (max-width: 991px) {
    .programs .secName1 p {
        height:92px
    }
}

.programs .secName1 .yell {
    border: 0;
    background-color: #D8801E;
    font-family:"Cairo",Roboto;
    font-size: 1rem;
    line-height: 1.2rem;
    overflow: visible;
    color: #fff
}

.programs .secName1 .yell.yell-lg {
    font-size: 1.66rem;
    height: 48px !important
}

@media screen and (min-width: 768px)and (max-width: 991px) {
    .programs .secName1 .yell.yell-lg {
        height:30px !important
    }
}

.programs .secName2 h3 {
     
    font-size: 1.3rem;
    line-height: 25px;
    overflow: visible;
    color: #008066
}

.programs .secName2 p {
    font-family:"Cairo",Roboto;
    font-size: .933rem;
    line-height: 25px;
    overflow: hidden;
    color: #000;
    height: 100px;
    margin-bottom: 9px
}

@media screen and (min-width: 1280px)and (max-width: 1359px) {
    .programs .secName2 p {
        height:100px;
        margin-bottom: 9px
    }
}

@media screen and (min-width: 1200px)and (max-width: 1279px) {
    .programs .secName2 p {
        height:75px;
        margin-bottom: 14px
    }
}

@media screen and (min-width: 1200px)and (max-width: 1279px)and (min-width: 992px)and (max-width: 1199px) {
    .programs .secName2 p {
        height:50px;
        margin-bottom: 6px
    }
}

.programs .secName2 .yell {
    border: 0;
    background-color: #D8801E;
    border-radius: 0
}

.tbaraa {
    background-color: #008066
}

.tbaraa h3 {
     
    font-size: 2.3rem;
    line-height: 4.3rem;
    overflow: visible;
    color: #008066
}

.tbaraa p {
    font-family:"Cairo",Roboto;
    font-size: 1.7rem;
    line-height: 2.5rem;
    overflow: visible;
    color: #000
}

.tbaraa .gives p {
     
    font-size: 1.5rem;
    line-height: 1.3rem;
    overflow: visible;
    color: #000
}

.tbaraa .gives span {
    font-family:"Cairo",Roboto;
    font-size: .7rem;
    line-height: 1.3rem;
    overflow: visible;
    color: #000
}

.tbaraa .gives .gives-input {
    background-color: #ededed;
    border: 1px solid #707070;
    font-family:"Cairo",Roboto;
    font-size: .933rem;
    line-height: 20px;
    overflow: visible;
    color: #008066
}

.tbaraa .gives .gives-input::-webkit-input-placeholder,.tbaraa .gives .gives-input:-ms-input-placeholder,.tbaraa .gives .gives-input::placeholder {
    font-family:"Cairo",Roboto;
    font-size: .933rem;
    line-height: 20px;
    overflow: visible;
    color: #008066
}

.tbaraa .yell {
    border: 0;
    background-color: #D8801E;
    font-family:"Cairo",Roboto;
    font-size: 1.66rem;
    line-height: 1.2rem;
    overflow: visible;
    color: #fff;
    height: 48px !important
}

.tbaraa .yell:hover {
    background-color: #D8801E
}

.medya {
    background-color: #ececec
}

@media screen and (min-width: 992px) {
    .medya .vp-l {
        padding-right:26px !important;
        padding-left: 0 !important
    }
}

.last-news {
    position: relative
}

.last-news .card {
    box-shadow: 1px 0px 5px #0000004D;
    height: 100%;
    background-color: #fff;
	overflow:hidden;
	border-radius:10px;
}

.last-news .secName {
    font-family:"Cairo",Roboto;
    font-size: 2.1rem;
    line-height: 3.9rem;
    overflow: visible;
    color: #000
}

.last-news .secName span {
    color: #008066
}


.last-news .date {
    font-size: .93rem;
    line-height: .9rem;
    overflow: visible;
    color: #333;
    opacity: .8;
    display: flex;
    flex-direction: row;
    align-content: center;
    flex-wrap: nowrap;
    align-items: flex-end;
}

.last-news .date span {
    color: #008066
}

.last-news h3 {
     
    font-size: 1.53rem;
    line-height: 36px;
    overflow: hidden;
    color: #008066;
    height: 72px
}

.last-news h3:empty {
    display: none
}

.last-news p.card-text {
    font-family:"Cairo",Roboto;
    font-size: 1rem;
    line-height: 2.1rem;
    overflow: hidden;
    color: #000;
    height: 160px
}

.last-news .btn {
    background-color: #008066;
    font-family:"Cairo",Roboto;
    font-size: 1.2rem;
    line-height: 2.13rem;
    overflow: visible;
    color: #fff;
    cursor: pointer
}

.pramgElataam .our-programs {
    position: relative
}

.pramgElataam .our-programs .card {
    position: relative;
    height: 100%;
    background-color: #ececec
}

.pramgElataam .our-programs .fa-times-circle {
    position: absolute;
    top: 2%;
    left: 2%;
    cursor: pointer
}

.pramgElataam .our-programs .fa-times-circle::before {
    font-size: 1.8rem;
    color: red;
    background-color: #fff;
    border-radius: 50%
}

.pramgElataam .our-programs .card-body {
    position: relative
}

.pramgElataam .our-programs .card-body .pos-img {
    position: absolute;
    top: -14%;
    right: 38%;
    width: 7rem
}

.pramgElataam .our-programs .date {
    font-family:"Cairo",Roboto;
    font-size: .9rem;
    line-height: .9rem;
    overflow: visible;
    color: #000
}

.pramgElataam .our-programs .date span {
    color: #008066
}

.pramgElataam .our-programs h3 {
     
    font-size: 1.5rem;
    line-height: 2.9rem;
    overflow: visible;
    color: #008066
}

.pramgElataam .our-programs p.card-text {
    font-family:"Cairo",Roboto;
    font-size: 1.2rem;
    line-height: 2.1rem;
    overflow: hidden;
    color: #000;
    height: 160px
}

.pramgElataam .our-programs .select-programs p {
     
    font-size: 1.5rem;
    line-height: 2rem;
    overflow: visible;
    color: #000
}

.pramgElataam .our-programs .select-programs .select1 {
    height: 2.5rem;
    width: 59%;
    background-color: #fff;
    font-family:"Cairo",Roboto;
    font-size: .933rem;
    line-height: 20px;
    overflow: visible;
    color: #000
}

.pramgElataam .our-programs .select-programs .custom2 {
    height: 2.5rem;
    width: 39%;
    background-color: #fff
}

.pramgElataam .our-programs .select-programs .input-num {
    width: 100%
}

.pramgElataam .our-programs .select-programs .input-num input {
    height: 2.5rem;
    width: 100%;
    font-family:"Cairo",Roboto;
    font-size: .933rem;
    line-height: 20px;
    overflow: visible;
    color: #000
}

.pramgElataam .our-programs .buttons .btn1 {
    width: 68%;
    background-color: #D8801E;
    font-family:"Cairo",Roboto;
    font-size: 0.9rem;
    line-height: 2.2rem;
    overflow: visible;
    color: #fff;
    border: 0
}

.pramgElataam .our-programs .buttons .btn2 {
    width: 30%;
    background-color: #008066;
    font-family:"Cairo",Roboto;
    font-size: 1.2rem;
    line-height: 2.5rem;
    overflow: visible;
    color: #fff;
    border: 0
}

.eventPage .select-date {
    font-family:"Cairo",Roboto;
    background-color: #ececec
}

.eventPage .select-date .label-form {
     
    font-size: 1.2rem;
    line-height: 20px;
    overflow: visible;
    color: #000;
    text-align: right
}

.eventPage .select-date .sub .btn {
    border: 0;
    border-radius: 0px;
    background-color: #008066;
    color: #fff
}

.tfasel-elprnamg .Qema {
    background-color: #ececec
}

.tfasel-elprnamg .Qema h5 {
     
    font-size: 1.5rem;
    line-height: 2.9rem;
    overflow: visible;
    color: #008066
}

.tfasel-elprnamg .Qema h5 span {
     
    font-size: 1.5rem;
    line-height: 2.9rem;
    overflow: visible;
    color: #000
}

.tfasel-elprnamg .Qema .select-programs .select1 {
    height: 2.5rem;
    font-family:"Cairo",Roboto;
    font-size: .9rem;
    line-height: 2rem;
    overflow: visible;
    color: #000;
    width: 59%;
    background-color: #fff
}

.tfasel-elprnamg .Qema .select-programs .custom2 {
    height: 2.5rem;
    width: 39%;
    background-color: #fff
}

.tfasel-elprnamg .Qema .select-programs .input-num {
    width: 100%
}

.tfasel-elprnamg .Qema .select-programs .input-num input {
    height: 2.5rem;
    width: 100%
}

.tfasel-elprnamg .Qema .buttons .btn1 {
    width: 68%;
    background-color: #008066;
    font-family:"Cairo",Roboto;
    font-size: 1.2rem;
    line-height: 2.5rem;
    overflow: visible;
    color: #fff;
    border: 0
}

.tfasel-elprnamg .Qema .buttons .btn2 {
    width: 30%;
    background-color: #D8801E;
    font-family:"Cairo",Roboto;
    font-size: 1.2rem;
    line-height: 2.5rem;
    overflow: visible;
    color: #fff;
    border: 0
}

.tfasel-elprnamg .details thead {
    background-color: #ececec
}

.tfasel-elprnamg .details td,.tfasel-elprnamg .details th {
    border: 1px solid #ececec
}

.tfasel-elprnamg .details ul {
    list-style: disc
}

.tfasel-elprnamg .details * {
    font-family:"Cairo",Roboto;
    font-size: 1.2rem;
    line-height: 2rem;
    overflow: visible;
    color: #000 !important;
    
}

.tfasel-elprnamg .details .greenText strong {
    
    font-size: 1.2rem;
    line-height: 2rem;
    overflow: visible;
    color: #fff !important;
    background-color: #008066 !important;
    padding: 5px 20px 10px !important;
    margin-bottom: 15px !important;
    display: inline-block !important
}

.tfasel-elprnamg .head-topic span {
    background-color: #008066;
    font-family:"Cairo",Roboto;
    font-size: 1rem;
    line-height: 1.9rem;
    overflow: visible;
    color: #fff
}

.tfasel-elprnamg li {
    font-family:"Cairo",Roboto;
    font-size: 1rem;
    line-height: 1.9rem;
    overflow: visible;
    color: #000
}

.caret-form ::-webkit-input-placeholder {
    font-family:"Cairo",Roboto;
    font-size: 1rem;
    line-height: 1.9rem;
    overflow: visible;
    color: #000
}

.caret-form :-ms-input-placeholder {
    font-family:"Cairo",Roboto;
    font-size: 1rem;
    line-height: 1.9rem;
    overflow: visible;
    color: #000
}

.caret-form ::placeholder {
    font-family:"Cairo",Roboto;
    font-size: 1rem;
    line-height: 1.9rem;
    overflow: visible;
    color: #000
}

.caret-form select {
    font-family:"Cairo",Roboto;
    font-size: 1rem;
    line-height: 1.9rem;
    overflow: visible;
    color: #000
}

.El-moassa .head-topic p {
    font-family:"Cairo",Roboto;
    font-size: 1rem;
    line-height: 1.9rem;
    overflow: visible;
    color: #000
}

.El-moassa .head-topic span {
    background-color: #008066;
    font-family:"Cairo",Roboto;
    font-size: 1rem;
    line-height: 1.9rem;
    overflow: visible;
    color: #fff
}

.searchPage .secName {
    font-family:"Cairo",Roboto;
    font-size: 1.9rem;
    line-height: 3.9rem;
    overflow: visible;
    color: #000
}

.searchPage .secName span {
    color: #008066
}

.searchPage .select-date {
     
    background-color: #ececec
}

.searchPage .select-date .sub .btn {
    border: 0;
    border-radius: 0px;
    background-color: #008066;
    color: #fff
}

.searchPage .events .card {
    height: 100%;
    position: relative
}

.searchPage .events .card .date {
    font-family: "AbdoMaster-Regular";
    font-size: .9rem;
    line-height: .9rem;
    overflow: visible;
    color: #000
}

.searchPage .events .card .date span {
    color: #008066
}

.searchPage .events .card h5 {
     
    font-size: 1.5rem;
    line-height: 2.9rem;
    overflow: visible;
    color: #008066
}

.searchPage .events .card p {
    font-family:"Cairo",Roboto;
    font-size: 1.2rem;
    line-height: 2.1rem;
    overflow: visible;
    color: #000;
    max-height: 11.5rem
}

.searchPage .events .card .btnn {
    position: absolute;
    bottom: 2%;
    right: 10%;
    width: 80%;
    background-color: #008066;
    font-family:"Cairo",Roboto;
    font-size: 1.2rem;
    line-height: 2.5rem;
    overflow: visible;
    color: #fff;
    cursor: pointer
}

.searchPage .events .select1 {
    width: 100%;
    height: 2.4rem;
    border-color: #d3d3d3;
    font-family:"Cairo",Roboto;
    font-size: .8rem;
    line-height: 1rem;
    overflow: visible;
    color: #000
}

.searchPage .events .daterange {
    border: 0;
    width: 100%;
    height: 2.4rem;
    border: 1px solid #d3d3d3 !important;
    font-family:"Cairo",Roboto;
    font-size: .8rem;
    line-height: 1rem;
    overflow: visible;
    color: #000
}

.contact-us .secName {
    color: #000
}

.contact-us .foram p {
    font-family: "AbdoMaster-Heavy";
    font-size: 1.2rem;
    line-height: 2.2rem;
    overflow: visible;
    color: #000;
    cursor: pointer
}

.contact-us .activ {
    background-color: #008066;
    color: #fff !important;
    margin-bottom: 0 !important
}

.contact-us label,.contact-us .label {
    font-family:"Cairo",Roboto;
    font-size: 1.2rem;
    line-height: 2.2rem;
    overflow: visible;
    color: #000
}

.contact-us label.blue,.contact-us .label.blue {
    color: #2482ef;
    font-size: 1.5rem
}

.contact-us .foorms input,.contact-us .foorms select,.contact-us .foorms textarea {
    background-color: #f2f2f2
}

.contact-us .foorms.placeholder ::-webkit-input-placeholder {
     
    font-size: 1rem;
    line-height: 2rem;
    overflow: visible;
    color: #b7b7b7
}

.contact-us .foorms.placeholder :-ms-input-placeholder {
     
    font-size: 1rem;
    line-height: 2rem;
    overflow: visible;
    color: #b7b7b7
}

.contact-us .foorms.placeholder ::placeholder {
     
    font-size: 1rem;
    line-height: 2rem;
    overflow: visible;
    color: #b7b7b7
}

.contact-us .foorms input,.contact-us .foorms select,.contact-us .foorms textarea {
    width: 100%;
    min-height: 50px;
    padding: 12px;
    border: 1px solid #ececec;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical
}

.contact-us .foorms input[type=submit] {
    background-color: #008066;
    color: #fff;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    width: auto !important;
    font-family:"Cairo",Roboto
}

.contact-us .foorms input[type=submit].yellow {
    background-color: #D8801E;
    width: 75% !important
}

.contact-us .foorms input[type=submit]:hover {
    background-color: #008066
}

.contact-us .foorms .container {
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 20px
}

.contact-us .contactinfo i {
    color: #D8801E;
    font-size: 3.5rem
}

.contact-us .contactinfo svg {
    height: 5rem
}

.contact-us .contactinfo svg .b {
    fill: #fff
}

.contact-us .contactinfo svg .c {
    fill: #D8801E
}

.contact-us .contactinfo p {
    font-family:"Cairo",Roboto;
    font-size: 1.3rem;
    line-height: 2.2rem;
    overflow: visible;
    color: #000
}

.contact-us .mapouter {
    position: relative;
    text-align: right;
    height: 33rem;
    width: 37rem
}

.contact-us .mapouter .gmap_canvas {
    overflow: hidden;
    background: none !important;
    height: 29rem;
    width: 37rem
}

.contact-us .mapouter .gmap_canvas iframe {
    width: 37rem;
    height: 29rem
}

.thank-you .secName {
    color: #000
}

.thank-you .calc {
    background-color: #ececec
}

.thank-you .calc h5 {
    font-family:"Cairo",Roboto;
    font-size: 1.2rem;
    line-height: 2.3rem;
    overflow: visible;
    color: #000
}

.thank-you .calc p {
     
    font-size: 1.8rem;
    line-height: 3.5rem;
    overflow: visible;
    color: #000
}

.thank-you .calc p span {
    color: #008066
}

.details-articals .head-topic {
     
    font-size: 1.8rem;
    line-height: 3.33rem;
    overflow: visible;
    color: #1f2b3b
}

.details-articals .byline-date .byline {
    font-family:"Cairo",Roboto;
    font-size: .933rem;
    line-height: .933rem;
    overflow: visible;
    color: #1f2b3b
}

.details-articals .byline-date .date {
    font-family: "AbdoMaster-Regular";
    font-size: .933rem;
    line-height: .933rem;
    overflow: visible;
    color: #1f2b3b;
    font-family: "almarai-reg"
}

.details-articals .story-body {
    font-family:"Cairo",Roboto;
    font-size: 1.2rem;
    line-height: 2rem;
    overflow: visible;
    color: #1f2b3b
}

.details-articals .story-body h2,.details-articals .story-body p,.details-articals .story-body div {
    font-family:"Cairo",Roboto;
    font-size: 1.2rem;
    line-height: 2rem;
    overflow: visible;
    color: #1f2b3b
}

.details-articals .sizee {
    font-family: "AbdoMaster-Bold";
    font-size: 1.1rem;
    line-height: 2.5rem;
    overflow: visible;
    color: #fff
}

.details-articals .smalle-font {
    cursor: pointer;
    font-family: "AbdoMaster-Bold";
    font-size: 1.1rem !important;
    line-height: 2.5rem;
    overflow: visible;
    color: #fff
}

.details-articals .mideme-font {
    cursor: pointer;
    font-family: "AbdoMaster-Bold";
    font-size: 1.4rem !important;
    line-height: 2.5rem;
    overflow: visible;
    color: #fff
}

.details-articals .large-font {
    cursor: pointer;
    font-family: "AbdoMaster-Bold";
    font-size: 1.7rem !important;
    line-height: 2.5rem !important;
    overflow: visible !important;
    color: #fff
}

.details-articals .artc1 {
    font-family:"Cairo",Roboto;
    font-size: 1.2rem;
    line-height: 2rem;
    overflow: visible;
    color: #000
}

.details-articals .tooltip {
    opacity: 1 !important
}

.details-articals #addon-wrapping {
    color: #fff;
    background-color: #008066 !important;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.details-articals .bread a {
    font-family:"Cairo",Roboto;
    font-size: 1.2rem;
    line-height: 2rem;
    overflow: visible;
    color: #008066
}

.details-articals .bread a .cramp {
    border: 2px solid #008066
}

.details-articals .bread .activi {
    background-color: #008066 !important;
    color: #fff !important
}

.cart-page .our-programs {
    position: relative
}

.cart-page .our-programs .card {
    position: relative;
    height: 100%;
    background-color: #ececec
}

.cart-page .our-programs .fa-times-circle {
    position: absolute;
    top: 2%;
    left: 2%;
    cursor: pointer
}

.cart-page .our-programs .fa-times-circle::before {
    font-size: 1.8rem;
    color: red;
    background-color: #fff;
    border-radius: 50%
}

.cart-page .our-programs .text-larg {
     
    font-size: 1.3rem;
    line-height: 2.4rem;
    overflow: visible;
    color: #008066
}

.cart-page .our-programs .cost {
     
    font-size: 1.2rem;
    line-height: 2.4rem;
    overflow: visible;
    color: #008066;
    height: 72px
}

.cart-page .our-programs .card-body {
    position: relative
}

.cart-page .our-programs .card-body .pos-img {
    position: absolute;
    top: -10%;
    right: 33%;
    width: 5rem
}

.cart-page .our-programs .text-small {
    font-family:"Cairo",Roboto;
    font-size: .9rem;
    line-height: 2rem;
    overflow: visible;
    color: #000
}

.cart-page .our-programs .select-programs .select1 {
    height: 2.5rem;
    width: 59%;
    background-color: #fff
}

.cart-page .our-programs .select-programs .input-num {
    width: 100%
}

.cart-page .our-programs .select-programs .input-num input {
    height: 2.5rem;
    width: 100%
}

.cart-page .input-group-prepend {
    cursor: pointer
}

.cart-page .totaly p {
     
    font-size: 1.9rem;
    line-height: 3rem;
    overflow: visible;
    color: #000
}

.cart-page .totaly p span {
     
    font-size: 1.9rem;
    line-height: 3rem;
    overflow: visible;
    color: #008066
}

.cart-page .totaly span {
    font-family:"Cairo",Roboto;
    font-size: 1.3rem;
    line-height: 2rem;
    overflow: visible;
    color: #000
}

.cart-page .info {
    background-color: #ececec
}

.cart-page .info h5 {
     
    font-size: 1.5rem;
    line-height: 2.8rem;
    overflow: visible;
    color: #008066
}

.cart-page .info h5 span {
    color: #000
}

.cart-page .cart-regular {
    padding: 0 45px
}

.cart-page .cart-regular .slick-track {
    height: AUTO;
    padding-top: 10px;
    padding-bottom: 10px
}

.cart-page .slick-list.draggable {
    padding: 0 0
}

.cart-page .slick-slide {
    margin: 0px .7rem
}

.cart-page .slick-slide img {
    width: 100%
}

.cart-page .slick-prev:before,.cart-page .slick-next:before {
    color: #000
}

.cart-page .slick-slide {
    transition: all ease-in-out .3s;
    opacity: 1
}

.cart-page .slick-active {
    opacity: 1
}

.cart-page .slick-current {
    opacity: 1
}

.cart-page .forma input,.cart-page .forma select,.cart-page .forma textarea {
    border: 0;
    background-color: transparent;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    resize: vertical;
    border-bottom: 1px solid #949292
}

.cart-page .forma input[type=submit] {
    background-color: #4caf50;
    color: #fff;
    padding: 5px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer
}

.cart-page .forma .givin {
    background-color: #4caf50;
    color: #fff;
    padding: 5px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    
    font-size: 1rem;
    line-height: 1.2rem;
    overflow: visible;
    color: #fff
}

.cart-page .forma .givin:hover {
    background-color: #45a049
}

.cart-page .forma input[type=submit]:hover {
    background-color: #45a049
}

.cart-page .forma .container {
    border-radius: 5px;
    padding: 20px
}

.FAQ-page .FAQ img {
    position: absolute;
    width: 4rem;
    top: -0.8rem;
    right: -0.5rem
}

.FAQ-page .FAQ h4 {
    cursor: pointer;
     
    font-size: 1.2rem;
    line-height: 2rem;
    overflow: visible;
    color: #fff;
    background-color: #008066;
    transition: .5s
}

.FAQ-page .FAQ .Qust P {
    
    font-size: 1.2rem;
    line-height: 2rem;
    overflow: visible;
    color: #000
}

.FAQ-page .FAQ .Qust small {
    font-family:"Cairo",Roboto;
    font-size: 1rem;
    line-height: 2rem;
    overflow: visible;
    color: #6b6b6b
}

.FAQ-page .active {
    background-color: #D8801E !important
}

.FAQ-page .fa-caret-left {
    transition: .5s;
    color: #D8801E !important
}

.FAQ-page .rotat {
    transform: rotate(-90deg);
    transition: .5s
}

@media screen and (min-width: 1280px) {
    .container {
        max-width:1270px
    }
}

@media screen and (min-width: 1360px) {
    .container {
        max-width:1140px !important;
        padding: 0 !important
    }
}

@media screen and (max-width: 1440px) {
    .forma input,.forma select,.forma textarea {
        padding:4px !important
    }
}

@media screen and (max-width: 1200px) {
    .form-container {
        max-width:350px !important;
        width: 350px
    }

    html {
        font-size: 12px
    }

    .forma input,.forma select,.forma textarea {
        padding: 1px !important
    }

    .last-news p.card-text,.pramgElataam .our-programs .card-text {
        height: 125px
    }
}

@media screen and (max-width: 990px) {
    .form-container {
        max-width:300px !important;
        width: 300px
    }
}

@media screen and (max-width: 770px) {
    .programs .Icon {
        display:none
    }

    .programs .midBot {
        position: relative
    }

    .programs .midBot .Icon2 {
        display: none
    }

    .programs .midBot .secName2 {
        position: unset
    }

    .programs .midBot button {
        position: absolute;
        left: 0%;
        bottom: 0px;
        width: 30%
    }
}

@media screen and (max-width: 720px) {
    .form-container {
        max-width:300px !important;
        width: 300px
    }
}

@media screen and (max-width: 991px) {
    .navbar-collapse {
        position:absolute;
        right: 0;
        background-color: #fff;
        top: calc(100% + 34px);
        left: 0;
        z-index: 999999999999;
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important
    }
}

@media screen and (max-width: 500px) {
    .flex-icon {
        width:2.9rem
    }

    .flex-icon #services li {
        width: 2.8rem;
        height: 2.8rem
    }

    .flex-icon #services li .facebook {
        width: 2.8rem;
        height: 2.8rem;
        font-size: 1.4rem;
        line-height: 2.8rem
    }

    .flex-icon #services li .twitter {
        width: 2.8rem;
        height: 2.8rem;
        font-size: 1.4rem;
        line-height: 2.8rem
    }

    .flex-icon #services li .youtube {
        width: 2.8rem;
        height: 2.8rem;
        font-size: 1.4rem;
        line-height: 2.8rem
    }

    .flex-icon #services li .instagram {
        width: 2.8rem;
        height: 2.8rem;
        font-size: 1.4rem;
        line-height: 2.8rem
    }

    .flex-icon #services li .linkedin {
        width: 2.8rem;
        height: 2.8rem;
        font-size: 1.4rem;
        line-height: 2.8rem
    }

    .flex-icon #services li div:hover {
        width: 4rem
    }
}

/*# sourceMappingURL=index_style2.css.map */