@charset "UTF-8";

/*navi*/
.header--scrolled .navbar-top {
    display: none;
}
.navbar-default.header--scrolled {
    padding-top: 5px !important;
}
.navbar-nav__icon {
    width: 100%;
    max-width: 35px !important;
    display: block;
    margin: 0 auto 10px;
}
.navbar-default .navbar-nav {
    justify-content: space-between;
    flex-wrap: nowrap;
}
.divider-vertical a span {
    display: inline-block;
    padding: 2px 5px 3px;
}
.navbar-nav-sub {
    display: none;
    position: absolute;
    background-color: #fff;
    padding-inline-start: 0;
    list-style: none;
    /* padding-top: 5px; */
    width:max-content;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.navbar-nav-sub li {
    border-top: 1px solid #939393;
    padding-top: 5px;
}
.navbar-nav li:hover .navbar-nav-sub  {
    display: block;
}
.navbar-nav-sub a {
    padding: 10px !important;
}
.navbar-nav-sub__link {
    color: #333;
    display: block;
}
.navbar-nav-sub__link:hover {
    color: #0085dd;
    text-decoration: none;
}
/*footer menu*/
.l-footer__menu {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.l-footer__menu__wrapper {
    width: 33%;
    padding-right: 20px;
    padding-bottom: 10px;
}
.l-footer__menu__list {
    width: 100% !important;
    text-align: left !important;
    font-size: 16px;
    margin-bottom: 10px;
}
.l-footer__menu__list__item {
    margin-left: 0 !important;
}
.l-footer__menu__list__item__link {
    margin-bottom: 10px;
}

.alpha{
    padding-left:0 !important;
}
.omega{
    padding-right:0 !important;
}
.myClass__image { margin-right:10px; }
.c-link {
    display: block;
    width: 100%;
    text-align: right;
    margin-bottom: 30px;
}
.c-list__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
        flex-flow: wrap;
    width: 100%;
    -webkit-box-shadow: 0px 0px 3px #808080;
            box-shadow: 0px 0px 3px #808080;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.c-list__link:hover {
    opacity: .8;
    text-decoration: none !important;
    -webkit-box-shadow: 0px 0px 1px #cccccc;
            box-shadow: 0px 0px 1px #cccccc;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.c-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 33%;
}
.c-list__item__title {
    text-align: center;
    margin: 15px auto;
    padding: 0 10px;
    font-weight: bold;
    width: 100%;
    line-height: 1;
}
.c-list__item__picture {
    height: 130px;
    overflow: hidden;
    width: 100%;
    -ms-flex-item-align: end;
        align-self: flex-end;
    position: relative;
}
.c-list__item__picture img {
    position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    display: block;
}
.c-list__item__description {
    padding: 10px;
    color: #333333;
    min-height: 60px;
}
.c-sidebanner { margin-bottom: 20px; }
.c-sidebanner img { width: 100%; }
.p-top__heading {
    background-color: #666666;
    color: #ffffff !important;
    padding: 5px;
    border:none !important;
    font-size: 20px !important;
    margin-top: 0px !important;
}
/**** industry ****/
.p-top__industry {
    padding-left: 0;
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.p-top__industry__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    width: 32%;
    border-radius: 8px;
    margin-bottom: 10px;
}
.p-top__industry__item:nth-child(3n+2) {
    margin-left: 2%;
    margin-right: 2%; 
}
.p-top__industry__item__link {
    padding: 10px;
    color: #ffffff;
    width:100%; /* Add by Abdullah 240110 */
    text-align:left;
}
.p-top__industry__item:hover, .p-top__industry__item__link:hover {
    text-decoration: none;
    color: #ffffff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    opacity: .7;
}
.label.label-info {
     margin-left: 0 !important;
     margin-right: 5px;
 }

/**** industry detail ****/
.p-industry__download { text-align: center; }
.p-industry__download__image { width: 300px; }
.p-industry__download__login {
    margin-top: 10px;
    font-weight: bold;
}

/*****listing with image*****/
.c-topiclist li { margin-bottom: 30px; }
.c-topiclist__item {
    display: flex;
}
.c-topiclist__item:hover {
    opacity: .8;
    text-decoration: none;
}
.c-topiclist__item__picture {
    width: 20%;
    height: 120px;
    overflow-y: hidden;
}
.c-topiclist__item__picture__img {
    width: 100%;
}
.c-topiclist__item__wrapper {
    width: 80%;
    padding-left: 20px;
}
.c-topiclist__item__title {
    font-weight: bold;
    font-size: 18px;
}
.c-topiclist__item__description {
    color: #333333;
    margin-top: 10px;
}


@media screen and (max-width: 699px) {
    section.head_image {
        background-size: 150% 100% !important;
        min-height: 100px !important;
        background-position: 0px !important;
        width: 100%;
    }
    .myClass__image { margin-right:0; }
    .l-footer__menu__wrapper {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .c-list__item { width: 100%; }
    .c-list__item__picture { height: 250px; }
    .c-list__link { margin-top: 10px; }
    .c-topiclist__item__title { font-size: 15px; }
    .navbar-default .navbar-nav > li > a { display: flex; }
    .navbar-nav__icon { display: none; }
    .navbar-nav-sub {
        display: block;
        position: relative;
        padding-inline-start: 40px;
        padding-top: 0;
    }
    .navbar-nav-sub li { border-top: none; }
}

.RegButton {
	box-shadow: 3px 4px 0px 0px #8a2a21;
	background:linear-gradient(to bottom, #c62d1f 5%, #f24437 100%);
	background-color:#c62d1f;
	border-radius:42px;
	border:3px solid #d02718;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Times New Roman;
	font-size:20px;
	font-weight:bold;
	padding:13px 46px;
	text-decoration:none;
	text-shadow:0px 1px 0px #810e05;
}
.RegButton:hover {
	background:linear-gradient(to bottom, #f24437 5%, #c62d1f 100%);
	background-color:#f24437;
}
.RegButton:active {
	position:relative;
	top:1px;
}

@media only screen and (max-width: 768px) {
    .navbar-nav-sub {
        width:100%;
        background-color: #002A4C;
        box-shadow:none;
    }

    .navbar-nav-sub__link {
        color:#fff;
    }
}