@charset "utf-8";
body{
	overflow-x: hidden !important;
}
.video_mask {
    position: relative!important;
    top: 0;
    left: 0;
    width: 100%;
    height: 495px;
    opacity: 1
}

.carousel-inner {
    height: 500px
}

.aboutmasood {
    width: 100%;
    float: left;
    padding-bottom: 25px;
    margin-top: -37px
}

.aboutmasood .wrap {
    width: 100%;
    max-width: 75em;
    margin: 0 auto
}

.aboutmasood .wrap .colleft {
    width: 63%;
    float: left;
    padding-top: 25px;
    padding-bottom: 25px
}
.video-popup h3 {
    font-size: 18px;
    color: #004990;
    padding-bottom: 10px;
    margin: 0;
    text-transform: uppercase;
    font-family: 'montserratregular';
    line-height: 24px;
    top: -15px;
    position:relative;
}
.video-popup h3:after {
    position: absolute;
    content: "";
    height: 2px;
    background: #004990;
    width: 70px;
    bottom: 0px;
    left: 40%;
}
.video-popup .video-block img{
    padding:15px;
    border:2px solid #004990;
}
.aboutmasood .wrap .colleft h3 {
    font-size: 28px;
    font-weight: 400;
    font-family: montserratlight;
    line-height: 1;
    padding: 10px 0 0 0;
    color: #333
}

.aboutmasood .wrap .colleft hr {
    width: 70px;
    padding: 0;
    margin: 3px;
    height: 2px;
    background: #636466;
    text-align: left
}

.aboutmasood .wrap .colleft p {
    font-size: 14px;
    text-align: left;
    color: #58595b;
    letter-spacing: 0;
    text-transform: none;
    line-height: 22px;
    font-family: montserratregular;
    padding: 35px 0 0 90px;
    font-weight: 400
}

.aboutmasood .wrap .colright {
    width: 9%;
    float: right;
    position: relative
}

.aboutmasood .wrap .colright .blue_line {
    width: 359px;
    height: 138px;
    border-bottom: 1px solid #00aca2;
    -webkit-transform: translateY(20px) translateX(5px) rotate(-59deg);
    transform: translateY(20px) translateX(5px) rotate(-59deg);
    -ms-transform: translateY(20px) translateX(5px) rotate(-59deg);
    position: absolute;
    bottom: 33px;
    right: 105px;
    margin-top: 0
}

.video_mask:before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    background: url(../images/video-play-icon.png) no-repeat;
    pointer-events: none;
    left: 0;
    top: 0;
    right: 0;
    cursor: pointer;
    bottom: 0;
    margin: auto;
    z-index: 0
}
.video_mask img {
    width:100%;
}
.aboutmasood .wrap .colright a {
    background: #000;
    position: relative;
    top: 91px;
    right: 178px;
    margin: 150px 0 23px 0;
    height: 30px;
    width: 130px;
    color: #fff;
    line-height: 30px;
    font-size: 12px;
    padding: 0 0 0 25px;
    text-transform: uppercase;
    display: inline-block;
    text-decoration: none;
    font-family: montserratlight
}

.aboutmasood .wrap .colright a:before {
    height: 0;
    width: 0;
    content: "";
    display: block;
    position: absolute;
    border-bottom: 30px solid #000;
    border-left: 20px solid transparent;
    left: -20px
}

.almasood_moto {
    width: 100%;
    float: left;
    margin-top: 20px;
    background: #32ACA1;
    background-size: cover;
    padding-bottom: 70px
}
.almasood_moto .im_sec {
    background: url(../images/b_ryt.png);
    padding: 60px 0 26px 0;
    background-repeat: no-repeat;
    background-position: center bottom;
}
.almasood_moto .wrap {
    width: 100%;
    max-width: 75em;
    margin: 0 auto
}
.aboutmasood .wrap .colright .new_btn_styl {
     /* top: 40px;
    right: 135px;
    margin: 150px 0 0 0;
    width: 210px;*/
	  top: 34px;
    right: 109px;
    margin: 150px 0 0 0;
    width: 210px;

}
.aboutmasood .wrap .colright .new_btn_styl1 {
	/*top: 40px;
    right: 158px;
    margin: 10px 0 0 0;*/
	top: 40px;
    right: 160px;
    margin: 10px 0 0 0;
}
.new_btn_styl img {
    padding: 0 0 2px 4px;
}
.aboutmasood .wrap .colright .new_btn_styl2 {
    top: 39px!important;
    right: 135px!important;
    margin: 10px 0 0 0;
    width: 213px!important;
}
.new_btn_styl2 img {
    padding: 0 0 2px 4px;
}
.almasood_moto .wrap h4 {
    font-size: 28px;
    font-family: montserratlight;
    text-transform: uppercase;
    text-align: left;
    color: #fff;
    line-height: 1;
    font-weight: 400;
    padding: 50px 0 10px 0
}

.almasood_moto .wrap p {
    font-size: 14px;
    font-family: montserratlight;
    text-align: left;
    color: #fff;
    line-height: 30px;
    font-weight: 400;
    padding: 10px 0 20px 90px;
    width: 68%;
    position: relative;
    margin-left: 65px
}

.almasood_moto .wrap p:before {
    margin-top: 14px;
    content: url(../images/quotesarrow1.png);
    width: 21px;
    height: 21px;
    position: absolute;
    top: -6px;
    left: 26px
}

.almasood_moto .wrap p:after {
    content: url(../images/quotesarrow2.png);
    width: 50px;
    margin: -8px -35px;
    display: block;
    float: right
}

.almasood_moto .wrap a {
    background: #fff;
    padding: 6px 18px;
    font-size: 12px;
    margin: 0 0 0 155px;
    color: #00aca2;
    font-family: montserratlight;
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px
}

.News_almasood {
    width: 100%;
    background-color: #f1f2f2;
    padding: 30px 0;
    margin-top: 5px;
    position: relative
}

.News_almasood .wrap {
    width: 100%;
    max-width: 75em;
    margin: 0 auto
}

.News_almasood .wrap h5 {
    font-size: 28px;
    font-weight: 400;
    font-family: montserratlight;
    line-height: 1;
    padding: 0;
    margin: 6px 0;
    text-transform: uppercase
}

.News_almasood .wrap hr {
    width: 70px;
    padding: 0;
    margin: 3px;
    height: 2px;
    background: #636466;
    text-align: left
}

.News_almasood .wrap ul li {
    padding-top: 100px
}

.News_almasood .wrap ul li .col-left {
    width: 50%;
    float: left
}

.news_section_carousel .owl-item img {
    height: 177px
}

.News_almasood .wrap ul li .colright {
    width: 48%;
    float: right;
    margin-top: -42px;
    margin-left: 0
}

.News_almasood .wrap ul li .colright .event-date h5 {
    color: #004990;
    font-size: 40px;
    margin: 0;
    line-height: 1;
    padding: 0;
    display: inline-block;
    font-weight: 700
}

.News_almasood .wrap ul li .colright .event-date span {
    color: #000;
    font-size: 14px;
    margin: 0;
    line-height: 1;
    padding: 0;
    display: inline-block;
    vertical-align: top;
    padding-top: 7px;
    font-weight: 700;
    font-family: montserratlight;
    text-transform: capitalize
}

.News_almasood .wrap ul li .colright h6 {
    color: #004990;
    font-size: 15px;
    margin: 0;
    line-height: 1;
    font-weight: 700;
    padding: 0 0 5px 0;
    font-family: montserratlight
}

.News_almasood .wrap ul li .colright p {
    font-size: 13px;
    text-align: left;
    color: #58595b;
    letter-spacing: 0;
    text-transform: none;
    line-height: 16px;
    font-family: montserratregular;
    padding: 0 30px 10px 0;
    margin: 0;
    font-weight: 400
}

.News_almasood .wrap ul li .colright a {
    background: #004990;
    position: absolute;
    bottom: 12px;
    right: 60px;
    margin: 0 auto;
    height: 30px;
    width: 250px;
    color: #fff;
    line-height: 30px;
    font-size: 12px;
    padding: 0 0 0 30px;
    text-transform: uppercase;
    font-family: montserratlight;
    text-decoration: none
}

.News_almasood .wrap ul li .colright a:before {
    height: 0;
    width: 0;
    content: "";
    display: block;
    position: absolute;
    border-bottom: 30px solid #004990;
    border-left: 20px solid transparent;
    left: -20px
}

.news_section_carousel .owl-nav .owl-prev {
    background: url(../images/grey-arrow-left.png) no-repeat!important;
    left: 0;
    bottom: 0;
    position: absolute;
    color: transparent!important
}

.news_section_carousel .owl-nav .owl-next {
    background: url(../images/grey-arrow-right.png) no-repeat!important;
    left: 50px;
    bottom: 0;
    color: transparent!important;
    position: absolute
}

.almasood_partner {
    width: 100%;
    float: left;
    padding: 70px 0
}

.almasood_partner .wrap {
    width: 100%;
    max-width: 75em;
    margin: 0 auto
}

.almasood_partner .wrap h6 {
    font-size: 28px;
    font-weight: 400;
    font-family: montserratlight;
    line-height: 1;
    padding: 0;
    margin: 5px 0;
    text-align: center
}

.almasood_partner .wrap hr {
    width: 85px;
    padding: 0;
    margin: 0 auto;
    height: 2px;
    background: #636466;
    text-align: center
}

.almasood_partner .wrap ul {
    margin: 0;
    padding: 0;
    text-align: center
}

.almasood_partner .wrap ul li {
    margin-top: 60px;
    background: url(../images/line.png) no-repeat right center;
    padding-right: 25px
}

.thumb-carousel .owl-item ul li img {
    width: auto;
    margin: 0 auto;
    background: 0 0
}

.almasood_partner .owl-nav .owl-prev {
    background: url(../images/prevarrowgrey.png) no-repeat!important;
    left: -6%;
    top: 50%;
    position: absolute;
    color: transparent!important
}

.almasood_partner .owl-nav .owl-next {
    background: url(../images/nextarrowgrey.png) no-repeat!important;
    right: -10%;
    top: 50%;
    color: transparent!important;
    position: absolute
}

img.black_white {
    width: 85px;
    height: 85px
}

ul.nav.nav-pills.nav-justified li img.black_white {
    margin: 0 auto;
    display: block;
    border: 3px solid transparent;
    padding: 10px
}

ul.nav.nav-pills.nav-justified li img.color {
    margin: 0 auto;
    display: none
}

ul.nav.nav-pills.nav-justified li.active img.black_white,
ul.nav.nav-pills.nav-justified li:focus img.black_white,
ul.nav.nav-pills.nav-justified li:hover img.black_white {
    margin: 0 auto;
    display: block
}

.diamond {
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-bottom-color: #fff;
    position: relative;
    top: -15px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    z-index:1;
}

.diamond:after {
    content: '';
    position: absolute;
    left: -7px;
    top: 7px;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-top-color: #fff;
}
a.download-pdf {
    border-color: #004990;
    background: #004990;
    color: #fff;
    text-transform: uppercase;
    padding: 7px 20px;
    float:left;
	margin-top:10px;
    font-size: 14px;
    margin-bottom:20px;
}
    a.download-pdf:hover {
        color:#fff;
    }
.bx-wrapper .bx-controls-direction a.disabled {
    display:none;
}
.ourCompany.csr-listing.Governance .members-slider .bx-wrapper .bx-controls-direction a.disabled {
    display:block;
    cursor:not-allowed;
    opacity:0.7;
}
.Governance .fa-file-pdf-o:before {
        font-size: 50px !important;
    color: #333;
}
.Governance ul li a i{
    margin-top:20px;
}
img.desktop-image {
    display: block!important;
}

img.tablet-image {
    display: none!important;
}

img.mobile-image {
    display: none!important;
}
.video-popup .video-block {
    display: inline-block;
    width: 32%;
    margin-right: 10px;
    position: relative;
    margin-top: 25px;
    text-align:center;
}

a.Gray:active .diamond,
a.Gray:hover .diamond,
li.active a.Gray .diamond {
    border-bottom-color: #babcbe;
}

a.Gray:active .diamond:after,
a.Gray:hover .diamond:after,
li.active a.Gray .diamond:after {
    border-top-color: #babcbe;
}

a.Orange:active .diamond,
a.Orange:hover .diamond,
li.active a.Orange .diamond {
    border-bottom-color: #f89829;
}

a.Orange:active .diamond:after,
a.Orange:hover .diamond:after,
li.active a.Orange .diamond:after {
    border-top-color: #f89829;
}

a.Purple:active .diamond,
a.Purple:hover .diamond,
li.active a.Purple .diamond {
    border-bottom-color: #a54399;
}

a.Purple:active .diamond:after,
a.Purple:hover .diamond:after,
li.active a.Purple .diamond:after {
    border-top-color: #a54399;
}

a.Red:active .diamond,
a.Red:hover .diamond,
li.active a.Red .diamond {
    border-bottom-color: #ed1556;
}

a.Red:active .diamond:after,
a.Red:hover .diamond:after,
li.active a.Red .diamond:after {
    border-top-color: #ed1556;
}

a.Turquoise:active .diamond,
a.Turquoise:hover .diamond,
li.active a.Turquoise .diamond {
    border-bottom-color: #45c3d3;
}

a.Turquoise:active .diamond:after,
a.Turquoise:hover .diamond:after,
li.active a.Turquoise .diamond:after {
    border-top-color: #45c3d3;
}

a.Green:active .diamond,
a.Green:hover .diamond,
li.active a.Green .diamond {
    border-bottom-color: #8dc63f;
}

a.Green:active .diamond:after,
a.Green:hover .diamond:after,
li.active a.Green .diamond:after {
    border-top-color: #8dc63f;
}

ul.nav.nav-pills.nav-justified li.active a.Gray img.black_white,
ul.nav.nav-pills.nav-justified li:focus a.Gray img.black_white,
ul.nav.nav-pills.nav-justified li:hover a.Gray img.black_white {
    border: 3px solid #babcbe;
    background: #babcbe;
}

ul.nav.nav-pills.nav-justified li.active a.Orange img.black_white,
ul.nav.nav-pills.nav-justified li:focus a.Orange img.black_white,
ul.nav.nav-pills.nav-justified li:hover a.Orange img.black_white {
    border: 3px solid #f89829;
    background: #f89829;
}

ul.nav.nav-pills.nav-justified li.active a.Purple img.black_white,
ul.nav.nav-pills.nav-justified li:focus a.Purple img.black_white,
ul.nav.nav-pills.nav-justified li:hover a.Purple img.black_white {
    border: 3px solid #a54399;
    background: #a54399;
}

ul.nav.nav-pills.nav-justified li.active a.Red img.black_white,
ul.nav.nav-pills.nav-justified li:focus a.Red img.black_white,
ul.nav.nav-pills.nav-justified li:hover a.Red img.black_white {
    border: 3px solid #ed1556;
    background: #ed1556;
}

ul.nav.nav-pills.nav-justified li.active a.Turquoise img.black_white,
ul.nav.nav-pills.nav-justified li:focus a.Turquoise img.black_white,
ul.nav.nav-pills.nav-justified li:hover a.Turquoise img.black_white {
    border: 3px solid #45c3d3;
    background: #45c3d3;
}

ul.nav.nav-pills.nav-justified li.active a.Green img.black_white,
ul.nav.nav-pills.nav-justified li:focus a.Green img.black_white,
ul.nav.nav-pills.nav-justified li:hover a.Green img.black_white {
    border: 3px solid #8dc63f;
    background: #8dc63f;
}
ul.nav.nav-pills.nav-justified li a.Green img.black_white:hover {
    border: 3px solid #8dc63f;
    background: #8dc63f;
}
.carousel-caption p {
    width: 26%;
    font-family: montserratlight;
    font-size: 14px
}

.carousel-caption h3 {
    font-family: montserratlight;
    font-size: 45px
}

.carousel-caption a {
    background: #004990;
    padding: 6px 18px;
    font-size: 12px;
    margin: 0;
    color: #babcbe;
    font-family: montserratlight;
    text-decoration: none;
    font-weight: 700
}

hr.right-hr {
    margin-left: 49px;
    width: 265px;
    margin-top: -4px;
    margin-bottom: 15px;
    text-align: left
}

hr.left-hr {
    margin-left: -98px;
    width: 170px;
    margin-top: -2px;
    text-align: left
}

#myCarousel .nav a small {
    display: block
}

#myCarousel .nav {
    background: #000;
    border-top: none;
    position: relative;
    padding: 10px 0 0 0px;
    z-index:1;
}
.carousel .nav-justified > li > a {
    margin-top:0 !important;
}
.carousel .nav.nav-pills:before {
    content: "";
    width: 100%;
    background-color: #6c6d6f;
    height: 2px;
    position: absolute;
    left: 0;
    top: 93px;
    z-index: 1;
}
#myCarousel .nav a {
    border-radius: 0
}

.owl-item.active:last-child ul li {
    background: 0 0
}

.nav-justified>li {
    padding-bottom: 12px!important
}
.cont_div {
    width: 70%;
    float: left;
}
.img_div {
    width: 30%;
    float: left;
}

.carousel-control {
    position: absolute;
    top: 37% !important;
    z-index: 999999;
}

.Orange .diamond {
    border-bottom-color:#f4932a!important;
}
.Orange .diamond:after {
    border-top-color:#f4932a!important;
}

.Purple .diamond {
    border-bottom-color:#a7489a!important;
}
.Purple .diamond:after {
    border-top-color:#a7489a!important;
}

.Red .diamond {
    border-bottom-color:#ec1558!important;
}
.Red .diamond:after {
    border-top-color:#ec1558!important;
}

.Turquoise .diamond {
    border-bottom-color:#44becd!important;
}
.Turquoise .diamond:after {
    border-top-color:#44becd!important;
}

.Green .diamond {
    border-bottom-color:#8dc83c!important;
}
.Green .diamond:after {
    border-top-color:#8dc83c!important;
}

.body-load {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgb(249, 248, 248);
}

.body-load-content {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    text-align: center;
}

.body-load-content p {
    text-align: center;
    padding-top: 5px;
    font-size: 12px;
    color: #000;
}

.navbar-toggle .icon-bar:nth-of-type(2) {
	  top: 1px;
}

.navbar-toggle .icon-bar:nth-of-type(3) {
  	top: 2px;
}

.navbar-toggle .icon-bar {
	  position: relative;
	  transition: all 500ms ease-in-out;
}

.navbar-toggle.active .icon-bar:nth-of-type(1) {
	  top: 6px;
	  transform: rotate(45deg);
}

.navbar-toggle.active .icon-bar:nth-of-type(2) {
	  background-color: transparent !important;
      box-shadow:none;
}

.navbar-toggle.active .icon-bar:nth-of-type(3) {
	  top: -6px;
	  transform: rotate(-45deg);
}

#onload-popup .modal-dialog {
    width: 75%;
    margin: 50px auto 30px auto;
}
#onload-popup .modal-header{
    margin-top: 0;
    margin-right: -40px;
    padding: 0;
    border: 0;
}
#onload-popup .modal-content {
    padding: 0;
    box-shadow: none;
    border: 0;
}
#onload-popup .close {
    float: right;
    font-size: 35px;
    font-weight: normal;
    line-height: 1;
    color: #fff;
    opacity: 1;
    border: 2px solid #ffffff;
    border-radius: 50%;
    padding: 0 10px 1px 10px;
        margin-top: -35px;
}
#onload-popup .modal-body {
    position: relative;
    padding: 0 5px 10px 15px;
    height: 550px;
    overflow: scroll;
    overflow-x: hidden;
}
.popup_banner {
    margin-bottom: 20px;
}
.modal-body ul {
    padding: 0 0 15px 30px;
}
.modal-body ul li {
    list-style: disc;}
.lists {
    font-weight: 600;
}
.project-wiqaya ul li {
    list-style: disc;
    margin: 0 0 10px 0;
}
.project-wiqaya ul {
	padding: 0 0 0 30px;
	margin-bottom: 20px;
}
.project-wiqaya {
    padding: 15px 0 15px 0;
}
.project-wiqaya h3{
    padding: 0 0 10px 0;
}
@media (max-width:1440px) {
    .carousel-inner {
        height: 494px;
    }
}

@media (max-width:1366px) {
    .carousel-inner {
        height: 468px
    }
}
@media (max-width:1280px) {
    .carousel-inner {
        height: 438px;
    }
}

@media screen and (max-width:1024px) {
    .carousel-inner {
        height: auto
    }

    .carousel-caption p {
        width: 70%
    }

    img.desktop-image {
        display: none !important
    }

    img.tablet-image {
        display: block !important
    }

    img.mobile-image {
        display: none !important
    }

    .News_almasood .wrap ul li .colright {
        width: 51%
    }

    .News_almasood .wrap ul li .col-left {
        width: 47%
    }

    .carousel-caption {
        top: 0
    }

    .carousel-control.left {
        left: -40px
    }

    .carousel-control.right {
        right: -50px
    }

    .aboutmasood .wrap {
        max-width: 65em
    }

        .aboutmasood .wrap .colright a {
            right: 190px
        }

    .almasood_moto .wrap {
        max-width: 65em
    }

        .almasood_moto .wrap p {
            width: 62%
        }

    .News_almasood .wrap {
        max-width: 65em
    }

    .almasood_partner .wrap {
        max-width: 65em
    }

    .almasood_partner .owl-nav .owl-next {
        right: -5%
    }

    .almasood_partner .owl-nav .owl-prev {
        left: -4%
    }

    .retail_partner .wrap {
        max-width: 65em
    }

    .aboutmasood .wrap .colright .new_btn_styl {
        top: 40px;
        right: 148px;
        margin: 150px 0 0 0;
        width: 210px;
    }

    .aboutmasood .wrap .colright .new_btn_styl1 {
        top: 40px;
        right: 171px;
        margin: 10px 0 0 0;
    }

    .almasood_moto .im_sec {
        background-position: 75px bottom;
    }

    .vision_links ul {
        padding: 6px 0 0 0;
    }
    .video-popup h3 {
        top: -58px;
    }
}
@media (min-width:768px) {
    .nav-justified>li {
        display: table-cell;
        width: 1%
    }
    
}

@media screen and (max-width:768px) {
    .video-popup .video-block {
        display: inline-block;
        width: 100%;
        margin-right: 0px;
        margin-bottom: 0 !important;
    }
    .video-popup h3 {
        position: inherit;
        top: -7px !important;
    }
    img.desktop-image {
        display: none !important
    }
    img.tablet-image {
        display: block!important
    }
    img.mobile-image {
        display: none!important
    }
    .aboutmasood .wrap .colright {
        width: 0%
    }
    .aboutmasood .wrap .colright .blue_line {
	right: 88px;
    z-index: -99;
    bottom: -29px;
    }
    .aboutmasood {
        padding: 0 30px
    }
    .almasood_moto {
        padding: 0 30px
    }
    .almasood_moto .wrap p {
        width: 71%
    }
    .News_almasood .wrap ul li {
        padding-top: 40px
    }
    .news_section_carousel .owl-item img {
        height: auto
    }
    .News_almasood .wrap ul li .colright {
        width: 31%;
        float: left;
        margin-top: -42px;
        margin-left: 20px
    }
    .News_almasood .wrap ul li .colright a {
        bottom: 55px;
        right: 190px
    }
    .almasood_partner .owl-nav .owl-next {
        right: -10px
    }
    .aboutmasood .wrap .colleft {
        padding-bottom: 0
    }
    .News_almasood {
        padding: 30px 30px
    }
    .search-toggle {
        display: none
    }
    .carousel-control {
        top: 53%
    }
    .footer-terms {
        border-right: none
    }
    .footer-wrap {
        width: 50%
    }
    .col-3 {
        padding: 0
    }
	.img_div {
    width: 100%;
    float: left;
    text-align: center;
}
.cont_div {
    width: 100%;
    float: left;
}
.almasood_moto .im_sec {
    background: url(../images/b_ryt.png);
    padding: 0 0 60px 0;
    background-repeat: no-repeat;
    background-position: 284px 200px;
}
.aboutmasood .wrap .colright .new_btn_styl {
    right: 177px;
	    width: 200px;
    padding: 0 0 0 15px;
}
.aboutmasood .wrap .colright .new_btn_styl1 {
    right: 199px;
}
.carousel .nav.nav-pills:before {
        display:none;
    }
}

@media screen and (max-width:770px) {
    ul.nav.nav-pills.nav-justified li img.black_white {
        padding: 10px
    }
    img.black_white {
        width: 70px;
        height: 70px
    }
    .nav-justified>li>a {
        margin-bottom: 0;
        margin-top: 0!important
    }
    .nav-pills>li {
        float: left!important;
            width: 32%!important;
            margin-bottom: 50px;
            border-bottom: 1px solid #fff;
            padding: 10px 0 0 0;
            height: 80px;
    }
    .nav-justified>li {
        float: left!important
    }
    #myCarousel .nav {
        background: #000;
        border-top: none;
        position: relative;
        bottom: 0;
        padding: 0 0 0 10px
    }
    .nav>li>a {
        font-size: 12px!important
    }
    .video_mask:before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    background: url(../images/video-play-icon.png) no-repeat;
    pointer-events: none;
    left: 60px;
    top: 30px;
    right: 0;
    cursor: pointer;
    bottom: 0;
    margin: auto;
    z-index: 0;
}
    .carousel-control {
    position: absolute;
    top: 30% !important;
    z-index: 999999;
}
}

@media screen and (max-width:650px) {
    .footer-wrap {
        width: 100%
    }
    .video_mask:before {
        content: "";
        position: absolute;
        width: 120px;
        height: 120px;
        background: url(../images/video-play-icon.png) no-repeat;
        pointer-events: none;
        left: 30px;
        top: 62px;
        right: 0;
        cursor: pointer;
        bottom: 0;
        margin: auto;
        z-index: 0;
    }
    .News_almasood .wrap ul li .colright {
        width: 56%
    }
    .News_almasood .wrap ul li .col-left {
        width: 37%
    }
    .aboutmasood {
        float: left;
        background: #e8e8e8;
        overflow: hidden;
        margin-top: 0
    }
    .aboutmasood .wrap .colleft h3 {
        padding: 20px 0 0 0;
        font-size: 22px
    }
    .aboutmasood .wrap .colleft {
        width: 100%;
        float: none;
        padding-top: 0;
        padding-bottom: 0
    }
    .aboutmasood .wrap .colleft p {
        padding: 20px 0 0 0;
    }
    .aboutmasood .wrap .colright {
        width: 17%;
        float: right;
        height: 100px;

    }
    .aboutmasood .wrap .colright img {
        width: auto
    }
    .aboutmasood .wrap .colright .blue_line {
        width: 120px;
        height: 138px;
        border-bottom: 1px solid #00aca2;
        -webkit-transform: translateY(20px) translateX(5px) rotate(-60deg);
        position: absolute;
        bottom: 59px;
        right: 34px;
        margin-top: 0;
		display: none;
    }
    .aboutmasood .wrap .colright a {
        top: 20px;
        right: 124px;
        margin: 0 0 23px 0
    }
	.aboutmasood .wrap .colright .new_btn_styl {
    top: 17px;
    right: 278px;
    margin: -11px 0 0 0;
    width: 210px;
}
.aboutmasood .wrap .colright .new_btn_styl1 {
    top: 17px;
    right: 278px;
    margin: 10px 0 0 0;
}
.aboutmasood .wrap .colright .new_btn_styl:before {
    left: 210px;
}
.almasood_moto .im_sec {
    background-position: 100px 200px;
}
    .aboutmasood .wrap .colright a:before {
        height: 0;
        width: 0;
        content: "";
        display: block;
        position: absolute;
        border-top: 30px solid #000;
        border-right: 20px solid transparent;
        border-bottom: none;
        border-left: none;
        left: 130px
    }
    .almasood_moto {
        margin-top: 0;
        background: url(../images/wordingmob.jpg) no-repeat;
        background-size: cover;
        padding: 0 45px 0 30px
    }
    .almasood_moto .wrap p:before {
        margin-top: 14px;
        content: url(../images/quotesarrow1.png);
        width: 21px;
        height: 21px;
        position: absolute;
        top: -32px;
        left: -6px
    }
    .almasood_moto .wrap p {
        font-size: 14px;
        text-align: left;
        color: #fff;
        line-height: 25px;
        font-weight: 400;
        padding: 0 0 0 40px;
        width: 0;
        position: relative;
        margin-left: -1px;
        display: inline
    }
    .almasood_moto .wrap p:after {
        content: url(../images/quotesarrow2.png);
        width: 50px;
        margin: 6px -16px;
        display: block;
        float: right
    }
    .almasood_moto .wrap a {
        background: #fff;
        padding: 6px 20px;
        font-size: 12px;
        margin: 24px 0 22px 0;
        color: #00aca2;
        display: block;
        width: 140px
    }
    .almasood_moto .wrap h4 {
        padding: 20px 0 30px 0;
        font-size: 22px
    }
    img.desktop-image {
        display: none!important
    }
    img.tablet-image {
        display: none!important
    }
    img.mobile-image {
        display: block!important
    }
    .News_almasood {
        width: 100%;
        background-color: #f1f2f2;
        padding: 30px 15px;
        margin-top: 0;
        position: relative
    }
    .News_almasood .wrap ul li {
        padding-top: 60px
    }
    .News_almasood .wrap h5 {
        font-size: 22px
    }
    .News_almasood .wrap ul li .colright h6 {
        font-size: 14px
    }
    .News_almasood .wrap ul li .colright p {
        padding: 0 0 10px 0;
        font-size: 12px
    }
    .news_section_carousel .owl-item img {
        display: block;
        width: 100%;
        height: 130px
    }
    .carousel-control {
        position: absolute;
        top: 25%
    }
    .almasood_partner {
        padding: 40px 20px;
        overflow-x: hidden
    }
    .almasood_partner .wrap h6 {
        text-align: left;
        font-size: 22px
    }
    .almasood_partner .wrap hr {
        width: 75px;
        padding: 0;
        margin: 0;
        height: 2px;
        background: #636466;
        text-align: center
    }
    .news_section_carousel .owl-nav .owl-prev {
        bottom: -41px
    }
    .news_section_carousel .owl-nav .owl-next {
        bottom: -41px
    }
    .News_almasood .wrap ul li .colright a {
        right: 65px;
        display: block;
        bottom: -10px;
        position: relative
    }
    .carousel-caption h3 {
        font-size: 30px
    }
    .carousel-caption p {
        width: 100%;
        font-size: 13px
    }
    .carousel-control.right {
        right: 0
    }
    .carousel-control {
        top: 25%!important
    }
    .carousel-control.left {
        left: 0
    }
    ul.nav.nav-pills.nav-justified li.active img.color,
    ul.nav.nav-pills.nav-justified li:focus img.color,
    ul.nav.nav-pills.nav-justified li:hover img.color {
        padding: 15px
    }
    ul.nav.nav-pills.nav-justified li img.black_white {
        padding: 10px
    }
    img.black_white {
        width: 70px;
        height: 70px
    }
    .nav-pills>li {
        float: left!important;
        width: 47% !important;
        margin-bottom: 45px;
        border-bottom: 4px solid #bbbcc0;
        padding: 10px 0 0 0;
        height: 80px;
    }
    .nav-justified>li {
        float: left!important
    }
    #myCarousel .nav {
        background: #000;
        border-top: none;
        position: relative;
        bottom: 0;
        padding: 0 0 0 10px;
        min-height: 300px;
        margin-top: 0;
    }
    .nav>li>a {
        font-size: 12px!important
    }
    .carousel-caption {
        top: 0!important;
        padding-top: 0!important
    }
    .almasood_partner .owl-nav .owl-next {
        right: -30px
    }
}

@media screen and (max-width:425px) {
    #myCarousel .nav {
        padding: 0 0 0 10px;
        min-height: 300px;
        margin-top: 0;
    }
    .carousel-control {
        top: 25%!important
    }
}

@media screen and (max-width:380px) {
    #myCarousel .nav {
        min-height: 268px;
        margin-top: 0;
    }
	.almasood_moto .im_sec {
		background-position: 81px 200px;
	}
	.aboutmasood .wrap .colright .new_btn_styl {
    right: 245px;
}
.aboutmasood .wrap .colright .new_btn_styl1 {
    right: 245px;
}
}

@media screen and (max-width:320px) {
    .aboutmasood .wrap .colleft p {
        padding: 20px 0 0 15px;
        font-size: 13px
    }
    .aboutmasood .wrap .colright a {
        right: 134px
    }
    .almasood_moto .wrap p {
        font-size: 13px
    }
    .News_almasood .wrap ul li .col-left {
        width: 30%
    }
    .News_almasood .wrap ul li .colright {
        width: 65%;
        margin-left: 7px
    }
    .News_almasood .wrap ul li .colright h6 {
        font-size: 13px
    }
    .news_section_carousel .owl-item img {
        height: 120px
    }
    .News_almasood .wrap ul li .colright p {
        padding: 0 0 50px 0;
        font-size: 11px
    }
    .News_almasood .wrap ul li .colright a {
        bottom: 15px
    }
    .carousel-control {
        top: 25%!important
    }
    .carousel-caption h3 {
        font-size: 25px;
        margin-top: 10px
    }
    .carousel-caption p {
        width: 100%;
        font-size: 11.5px
    }
    .almasood_moto .wrap a {
        width: 60%
    }
}


/* Chairmans message */
.readmoreMessage {
    background: transparent !important;
    color: #242424 !important;
    padding: 0 0 !IMPORTANT;
}
.almasood_moto .wrap p {
    margin-bottom: 10px !important;
    padding-bottom: 0 !important;
}
#chMessageModal {
    z-index: 999999 !important;
    top: 50px;
}
#chMessageModal .modal-header {
    border:0 !important;
    padding: 40px 0 10px 0 !important;
}
#chMessageModal .modal-header h5 {
    font-weight: bold;
    text-align: center;
    text-decoration:underline;
    font-size: 16px;
}
#chMessageModal button.close {
    position: absolute;
    right: 5px;
    top: 15px;
    color: #7c7c7c;
    opacity: 1;
    font-weight: 300;
    background: #fff !important;
    border: 2px solid #35aaa1 !important;
    border-radius: 50%;
    width: 23px;
    height: 23px;
    line-height: 10px;
}
#chMessageModal button.close:hover {
    background: #fff;
    opacity:1;
}
#chMessageModal .modal-body .chairman-text p {
        margin-bottom: 20px !important;
}
#chMessageModal .modal-body p {
    margin: 0 !important;
    font-size: 14px;
    text-align: left;
    color: #fff;
    line-height: 30px;
    font-weight: 400;
    padding: 0px;
    width: 100%;
    margin-left: 0;
	display: block;
}
#chMessageModal .modal-body p:before {
    left: -45px;
}

#chMessageModal .modal-body p:before,
#chMessageModal .modal-body p:after{
   display:none; 
}
#chMessageModal .modal-body .chairman-text p:first-child:before,
#chMessageModal .modal-body .chairman-text p:last-child:after{
    display:block;
}
#chMessageModal .modal-body p:first-child{
}

#chMessageModal .modal-body p:last-child{
}
#chMessageModal .modal-body {
    max-height: calc(100vh - 212px);
    overflow-y: auto;
    padding: 15px 60px;
}
#chMessageModal .modal-content {
    background: #35AAA1;
    color: #fff;
}
#chMessageModal .modal-body p:after {
    margin: 12px -55px;
}
@media screen and (max-width: 650px) {
	#chMessageModal .modal-body p:first-child:before {
		left: -47px;
	}
}
/* Chairmans message end */


.footer-social-icons {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
}

.footer-social-icons a {
    margin: 0 3px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
}

.footer-social-icons a:nth-child(4) img{
    display:none;
}

.footer-social-icons a img {
    height: 9px;
    width: 12px;
}

.footer-social-icons a:nth-child(4):before {
    content: "𝕏";
    width: 10px;
    height: 10px;
    color: #fff;
	font-size: 10px;
    font-weight: bold;
	line-height:1.2;
}





.social-languages ul {
    display: flex;
    padding-top: 10px;
    align-content: center;
    flex-direction: row;
    align-items: center;
}


.social-languages ul {
    display: flex;
    padding-top: 10px;
    align-content: center;
    flex-direction: row;
    align-items: center;
}
.social-lang .social-languages ul li:nth-child(5) a img {
    display:none;
}
.social-lang .social-languages ul li a img{
	width:14px;
}
.social-lang .social-languages ul li:nth-child(5) a:before {
    content: "𝕏";
    width: 10px;
    height: 10px;
    color: #0c4890;
    font-size: 13px;
	display: block;
    margin-top: -5px;
}