@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");

/* ============ General ============ */

body {
    font-family: "Lato", sans-serif;
    margin: 0;
    padding: 0;
}

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

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
    border-radius: 8px;
    -webkit-border-radius: 8px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(100, 100, 100, 0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.vw-75 {
    width: 75vw;
}

.primary_color {
    color: #db3738;
}

.fontSize25 {
    font-size: 25px;
}

.bg-gray {
    background-color: #aaa;
}

.btn:focus,
button:focus {
    outline: none;
    box-shadow: none;
}

button.btn.btn3 {
    background: #1f4e79;
    color: #fff;
    padding: 2px 15px;
}

button.btn.btn3:hover {
    filter: brightness(1.5);
}

button.btn.btn2 {
    background: #f2f2f2;
    border: 2px solid #333;
    color: #000;
}

button.btn.btn2:hover {
    background: #ddd;
    border: 2px solid #444;
    color: #000;
}

.z-index9 {
    z-index: 9;
}

@media screen and (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}


/* ============ Header ============ */

#menu_button {
    display: none;
}

#header {
    background-color: rgb(99 99 99 / 20%);
    padding: 0;
    color: #fff;
}

.dropdown-toggle::after {
    vertical-align: middle;
    border-width: 6px 5px;
}

#header .navbar-nav li:hover .dropdown-menu {
    display: block;
}

.sticky {
    background: #fff !important;
    color: #000000 !important;
    font-weight: bold;
}

#header.sticky.hover {
    background: #fff !important;
    color: #000 !important;
    font-weight: bold;
}

#header .colorRed {
    color: #db3738;
}

#header.hover .backdrop {
    background: #f2f2f2;
    opacity: 1;
    height: 0;
}

#header li:nth-child(4):hover~.backdrop {
    background: #f2f2f2;
    height: 14rem;
}

#header li:nth-child(2):hover~.backdrop {
    background: #f2f2f2;
    height: 19rem;
}

#header li:nth-child(6):hover~.backdrop {
    background: #f2f2f2;
    height: 10rem;
}

.backdrop {
    height: 0;
    position: fixed;
    opacity: 0;
    top: 0;
    left: 0;
    width: 100vw;
    height: 0;
    background-color: #ddd;
    z-index: -1;
    transition-duration: 0.5s;
    transition-timing-function: ease-in-out;
}

#header .dropdown-menu {
    background: transparent;
    border: 0;
}

#header ul li .dropdown-menu a {
    color: #000;
    font-weight: 400;
}

#header ul li a {
    text-transform: capitalize !important;
    font-size: 18px;
    color: inherit;
    font-weight: 400;
    padding: 0;
    margin: 0 15px;
    color: #333;
}

#header ul li a:hover,
#header .dropdown-item.active,
#header .dropdown-item:focus,
#header .dropdown-item:active {
    background: transparent;
    color: #20aae9 !important;
    font-weight: 400;
}

#header ul li .dropdown-menu a {
    padding: 5px 0;
}

#header ul li.nav-item.dropdown>a {
    border-bottom: 1px solid transparent;
}

#header ul li.nav-item.dropdown:hover>a {
    border-bottom: 2px solid #20aae9;
}

#header ul li a {
    color: #fff;
}

#header.sticky ul li a,
#header.hover ul li a,
#header.black ul li a {
    color: #000;
}

#header .logo {
    height: 78px;
    padding: 20px;
}

a.navbar-brand {
    padding: 0;
}

#header ul li {
    text-transform: uppercase;
    margin-left: 0;
}

#header .nav-lang-left {
    position: absolute;
    right: 30px;
}


/* ============ only desktop view ============ */

@media screen and (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
        transition: 0.3s;
        margin-top: 0;
    }
    .navbar .nav-item:hover .nav-link {
        color: #fff;
    }
    .navbar .dropdown-menu.fade-down {
        top: 80%;
        transform: rotateX(-75deg);
        transform-origin: 0% 0%;
    }
    .navbar .dropdown-menu.fade-up {
        top: 180%;
    }
    .navbar .nav-item:hover .dropdown-menu {
        transition: 0.3s;
        opacity: 1;
        visibility: visible;
        top: 100%;
        transform: rotateX(0deg);
    }
}


/* ============ Landing Page ============ */

#landing_main {
    height: 100vh;
    width: 100%;
    background-size: cover;
    justify-content: center;
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    position: relative;
    box-sizing: border-box;
}

.landing_left {
    backdrop-filter: none !important;
    background: transparent !important;
}

#landing_main .landing_left {
    padding: 30px;
}

#landing_main .landing_left h1 {
    font-size: 3.2rem;
    font-weight: 700;
    color: #fff;
}

#landing_main .landing_left p {
    color: #fff;
    font-size: 1rem;
}

#myVideo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    object-fit: cover;
}

#time_landing {
    padding: 60px;
}

#time_landing.home {
    margin-top: 120px;
}


/* ============ only Mobile view Landing Page ============ */

@media all and (max-width: 480px) {
    #menu_button {
        display: block;
    }
    #navbarNavDropdown {
        background: #f2f2f2;
    }
    #header ul #google_translate_element {
        height: 40px;
        padding: 4px 10px;
    }
    #header ul li a {
        color: #333;
        padding: 3px 0;
    }
    #header.fixed-top select.goog-te-combo {
        color: #333 !important;
        font-size: 16px;
        width: 150px;
    }
    #header .dropdown-menu {
        margin-left: 20px;
    }
    #header.fixed-top {
        position: inherit;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030;
    }
    #landing_main {
        background: url("../../images/landing1.png");
        height: auto;
        width: 100%;
        background-size: cover;
        justify-content: center;
        display: flex;
        flex-direction: column;
        padding: 0;
        margin: 0;
        box-sizing: border-box;
    }
    #landing_main .landing_left {
        margin-top: 100px;
        padding: 0 30px;
    }
    #landing_main .landing_left h1 {
        font-size: 1.5rem;
        font-weight: 700;
        color: #fff;
    }
    #landing_main .landing_left p {
        color: #fff;
        font-size: 1rem;
    }
    #myVideo {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
    }
    #time_landing {
        padding: 0px;
        margin-top: 105px;
    }
    #landing_main.mediaPage{
        margin-bottom: 210px !important;
        margin-top: 0 !important;
    }
}


/* ============ Landing Main ============ */

#about {
    background: #e8e9e8;
}

#about_main {
    background: url("../../images/bg.jpg");
    height: 100vh;
    width: 100%;
    background-size: cover;
    justify-content: center;
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    position: relative;
}

#about_main .landing_left {
    backdrop-filter: blur(5px);
    background-color: rgba(127, 127, 127, 0.1);
    padding: 30px;
}

#about_main .landing_left h1 {
    font-size: 3rem;
    font-weight: 700;
    color: #fff;
}

#about_main .landing_left p {
    color: #fff;
    font-size: 1.2rem;
    width: 90%;
    font-weight: 500;
}

#company_profile {
    padding: 20px 0px 100px 0px;
}

#company_profile h1 {
    font-size: 3rem;
    font-weight: 700;
    margin: 30px 0px;
    padding: 0;
    color: #7f7f7f;
}

#company_profile .company_profile_left {
    height: 500px;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: center;
    background: url(../../images/company_profile.jpg);
}

#company_profile .company_profile_right {
    background-color: #fff;
    padding: 30px;
    text-align: justify;
}

#company_profile .company_profile_right .company_profile_right_div {
    text-align: right;
    margin-top: 50px;
}

#company_profile .company_profile_right button {
    background-color: #203864;
    color: #fff;
    border-radius: 2px;
    width: 120px;
}


/* ============ Pontainer ============ */

.Pontainer {
    position: fixed;
    width: 24px;
    height: 24px;
    margin: 0 auto;
    bottom: 50px;
    transform: translateX(-50%);
    left: 50%;
    z-index: 99;
}

.chevron {
    position: absolute;
    width: 28px;
    height: 8px;
    opacity: 0;
    transform: scale3d(0.5, 0.5, 0.5);
    animation: move 3s ease-out infinite;
}

.chevron:first-child {
    animation: move 3s ease-out 1s infinite;
}

.chevron:nth-child(2) {
    animation: move 3s ease-out 2s infinite;
}

.chevron:before,
.chevron:after {
    content: " ";
    position: absolute;
    top: 0;
    height: 100%;
    width: 51%;
    background: #d93638;
}

.chevron:before {
    left: 0;
    transform: skew(0deg, 30deg);
}

.chevron:after {
    right: 0;
    width: 50%;
    transform: skew(0deg, -30deg);
}

@keyframes move {
    25% {
        opacity: 1;
    }
    33% {
        opacity: 1;
        transform: translateY(30px);
    }
    67% {
        opacity: 1;
        transform: translateY(40px);
    }
    100% {
        opacity: 0;
        transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
    }
}

/* ============ Why Choose Us ============ */

#why_choose_us {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    background: #e8e9e8;
    padding: 80px 0;
}

#why_choose_us .why_choose_us_left {
    margin: 0;
    background: #e8e9e8;
}

#why_choose_us .why_choose_us_button {
    background: #1f4e79;
    border-radius: 0;
    color: #fff;
    width: 100px;
    padding: 0px 10px 0px 10px;
    text-align: left;
}

#why_choose_us .why_choose_us_left .why_choose_us_top {
    z-index: 10;
    position: relative;
    color: #fff;
    margin-top: 30px;
}

#why_choose_us .why_choose_us_left .why_choose_us_top h1 {
    font-weight: 400;
    margin: 0px;
    font-size: 2.3rem;
}

#why_choose_us .why_choose_us_left .why_choose_us_top h1 span {
    color: #d93638;
}

#why_choose_us .why_choose_us_left .why_choose_us_top .why_choose_us_top_top {
    margin-top: 20px;
    background: #fff;
    color: #5e5f5e;
    width: 100%;
    padding: 20px;
    font-weight: 500;
    font-size: 0.9rem;
    text-align: justify;
}

#why_choose_us .why_choose_us_left::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    margin-top: 0;
    background: #1f4e79;
    clip-path: polygon(0% 0, 100% 0, 61% 97%, 0% 97%);
}

#why_choose_us .why_choose_us_right_top {
    margin-top: 100px;
    align-items: center;
}

#why_choose_us .why_choose_us_right {
    justify-content: center;
    display: flex;
    margin-top: 50px;
}

#why_choose_us .why_choose_us_right .why_choose_us_right_item .why_choose_us_right_item_box {
    border: 2px solid #d93638;
    width: 130px;
    height: 100px;
    font-size: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #5e5f5e;
    font-weight: bold;
}

#why_choose_us .why_choose_us_right .why_choose_us_right_item p {
    font-size: 1rem;
    margin: 0px;
    width: 90px;
    color: #767272;
    font-weight: 500;
}

@media screen and (max-width: 480px) {
    #why_choose_us {
        padding: 0;
    }
    #why_choose_us .why_choose_us_left::before {
        height: 200%;
        clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
    }
    #google_translate_element {
        padding-left: 10px;
    }
    #why_choose_us .why_choose_us_right .why_choose_us_right_item p {
        font-size: 1.2rem;
        margin: 0px;
        width: 90px;
        color: #fff;
        font-weight: 500;
    }
    #why_choose_us .why_choose_us_right .why_choose_us_right_item .why_choose_us_right_item_box {
        border: 2px solid #d93638;
        width: 130px;
        height: 130px;
        font-size: 5rem;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-weight: bold;
    }
    #why_choose_us .why_choose_us_right_top {
        margin: 0;
        margin-bottom: 35px;
    }
}


/*******************************/

#in_the_news {
    padding: 60px 0px;
}

.header {
    color: #767272;
    font-weight: 700;
}

#in_the_news .in_the_news_item {
    padding: 20px;
    background: #f7f7f7;
    cursor: grab;
}

#in_the_news .in_the_news_item img {
    width: 100%;
    height: auto;
    border-radius: 0px;
}

#in_the_news .in_the_news_item h1 {
    font-family: "Lato", sans-serif;
    font-size: 3rem;
    color: #767272;
    margin: 0;
    padding: 0;
    margin-left: -5px;
}

#in_the_news .in_the_news_item h2 {
    color: #767272;
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-size: 1.2rem;
    margin-top: -10px;
}

#in_the_news .in_the_news_item p {
    color: #767272;
    font-size: 1rem;
}

#in_the_news .in_the_news_item:hover {
    background: #1f4e79;
    padding: 20px;
    color: rgb(151, 145, 145);
    transition: 0.2s ease-in;
}

#in_the_news .in_the_news_item:hover h1 {
    color: #db3738;
}

#in_the_news .in_the_news_item:hover h2 {
    color: #db3738;
}

#in_the_news .in_the_news_item_active p {
    color: #fff;
}

#in_the_news .slick-slide:nth-child(2n) .in_the_news_item {
    background: #e9e9e9;
}

#in_the_news .slick-slide:nth-child(2n) .in_the_news_item:hover {
    background: #1f4e79;
}

#in_the_news .in_the_news_item_active img {
    width: 260px;
    height: 200px;
}

@media screen and (max-width: 480px) {
    #in_the_news {
        margin: 0 20px;
        padding: 20px 0px 20px 0px;
    }
    #in_the_news .in_the_news_item p {
        color: #767272;
        font-size: 1rem;
        margin-top: 10px;
    }
    #in_the_news .header {
        font-size: 2rem;
        margin-top: 20px;
    }
}


/****************Footer*****************/

#footer {
    background: #f2f2f2;
    color: #000;
}

#footer .footer_top {
    background: #c8c8c8;
    padding: 10px 20px 20px 20px;
    margin-bottom: 20px;
}

#footer .footer_top_item_top {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: -10px;
}

#footer .footer_top_item_top p {
    color: #000;
    padding: 5px;
    margin-top: 10px;
    font-size: 1.5rem;
}

#footer .footer_top_item a {
    color: #fff;
    font-size: 12px;
}

#footer .footer_top_item {
    text-align: center;
    color: #333;
    font-size: 14px;
    display: block;
}

#footer .footer_top_item:hover {
    text-decoration: none;
}

#footer .footer_top_item:hover img {
    animation: wiggle .1s 5 alternate;
}

@keyframes wiggle {
    0% {
        transform: rotate(-20deg);
    }
    100% {
        transform: rotate(20deg);
    }
}

#footer .footer_top_item .footer_top_item_top img {
    width: 30px;
    filter: invert(1);
}

#footer .footer_down_img_bird {
    position: relative;
}

#footer .footer_down_img_bird #footer_down_img_bird {
    width: 200px;
    position: absolute;
    left: 100px;
    top: -50px;
}

#footer .footer_down_social {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 10px 0px;
}

#footer .footer_down_social>a {
    background: rgba(255, 255, 255, 0.3);
    padding: 10px;
}

#footer .footer_down_social>a:hover img {
    filter: invert(0.7);
}

#footer .footer_down_social img {
    width: 40px;
}

#footer ul {
    list-style: none;
    margin: 0;
    padding: 3px;
}

#footer .footer-middle a {
    color: #333;
}

#footer .footer_bottom_margin_top {
    margin-top: 30px;
}

.footer_mobile .item {
    margin: 20px;
}

.footer-bottom {
    background: #333;
    color: #aaa;
    font-size: 13px;
}

ul.fbanchors {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: right;
}

ul.fbanchors li {
    display: inline-block;
    padding: 0 5px;
}

ul.fbanchors li a {
    color: #aaa;
    font-size: 13px;
}

@media all and (max-width: 480px) {
    #footer .footer_top_item_top {
        justify-content: flex-start;
    }
    #footer .footer_top_item {
        text-align: left;
    }
    #footer .footer_top_item a {
        color: #fff;
        font-size: 1rem;
        margin-left: 35px;
    }
    .footer_mobile {
        width: 50%;
    }
    .footer_mobile .item {
        margin: 0;
        padding: 0;
        margin-bottom: 20px;
    }
    #footer .footer_down_social {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        margin: 10px 0px;
        padding-bottom: 40px;
    }
}


/****************** Timeline ***************************/

#timeline {
    display: -webkit-box;
    display: flex;
    background-color: black;
    padding-right: 0px;
    padding-left: 0px;
}

.tl-item {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    position: relative;
    width: calc(100% / 3);
    height: 45vh;
    color: #fff;
    overflow: hidden;
    -webkit-transition: width 0.5s ease;
    transition: width 0.5s ease;
}

.tl-item:before,
.tl-item:after {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.tl-item:after {
    background: rgba(0, 0, 0, 0.3);
    opacity: 1;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}

.tl-item:before {
    background: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(25%, black));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 120%);
    z-index: 1;
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0) translateY(50%);
    transform: translate3d(0, 0, 0) translateY(50%);
    -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
    transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
    transition: opacity 0.5s ease, transform 0.5s ease;
    transition: opacity 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
}

.tl-item:hover {
    width: 60% !important;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
}

.tl-item:hover:after {
    opacity: 0;
}

.tl-item:hover:before {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) translateY(0);
    transform: translate3d(0, 0, 0) translateY(0);
    -webkit-transition: opacity 1s ease, -webkit-transform 1s ease 0.25s;
    transition: opacity 1s ease, -webkit-transform 1s ease 0.25s;
    transition: opacity 1s ease, transform 1s ease 0.25s;
    transition: opacity 1s ease, transform 1s ease 0.25s, -webkit-transform 1s ease 0.25s;
}

.tl-item:hover .tl-content {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 0.75s ease 0.5s;
    transition: all 0.75s ease 0.5s;
}

.tl-item:hover .tl-bg {
    opacity: 1;
}

.tl-year {
    margin-top: -5%;
}

.tl-content {
    -webkit-transform: translate3d(0, 0, 0) translateY(25px);
    transform: translate3d(0, 0, 0) translateY(25px);
    position: relative;
    z-index: 1;
    text-align: center;
    margin: 0 1.618em;
    top: 55%;
    opacity: 0;
}

.tl-content h1 {
    font-family: "Lato", sans-serif;
    color: #f8f8f8;
    font-size: 1.2rem;
    padding-top: 3%;
    word-spacing: 2px;
    letter-spacing: 1px;
}

.tl-content p {
    font-size: 1.44rem;
}

.tl-year {
    position: absolute;
    top: 60%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: 1;
    width: 80%;
    text-align: center;
}

.tl-year p {
    font-family: "Lato", sans-serif;
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 1.2;
}

.tl-item:hover .tl-year p {
    font-size: 3rem;
    transition: 0.5s;
}

.tl-bg {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center center;
    -webkit-transition: -webkit-filter 0.5s ease;
    transition: -webkit-filter 0.5s ease;
    transition: filter 0.5s ease;
    transition: filter 0.5s ease, -webkit-filter 0.5s ease;
    opacity: 1;
}

@media screen and (max-width: 480px) {
    .tl-item:hover{
        width: 100% !important;
    }
    .why_choose_us_top_top{
        text-align: left !important;
        font-size: 14px !important;
    }
    .why_choose_us_right_item_box{
        font-size: 4rem !important;
    }
    #in_the_news{
        margin: 0;
    }
    #social-share div.social-open-menu .btn-share i{
        padding: 13px;
    }
    #footer .footer_down_img_bird #footer_down_img_bird{
      width: 140px;
      filter: invert(1);
      right: 0;
      left: auto;
      top: -15px;
    }
    #footer .footer_down_img_bird p{
        margin: 0;
    }
    #footer .footer_down_img_bird{
        margin-bottom: 15px;
    }
    #footer .footer_mobile:last-child{
        margin-top: -90px;
    }
    #footer .footer-bottom{
        text-align: center;
    }
    #footer .fbanchors{
        text-align: center;
    }
}

/****************** Vertical Timeliner ***************************/

#journey a {
    color: #333;
    text-decoration: none;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}

#journey a:hover,
#journey a.selected {
    color: #f44336;
    text-decoration: none;
}

#journey #timeline {
    width: 100%;
    height: 600px;
    overflow: hidden;
    position: relative;
    background: #f2f2f2;
    box-shadow: 0px 0px 15px 1px #acacac;
}

#journey #dates {
    width: 15%;
    overflow: hidden;
    float: left;
    padding-left: 0;
}

#journey #dates li {
    list-style: none;
    width: 100%;
    height: 100px;
    line-height: 100px;
    font-size: 24px;
    padding-left: 0;
    text-align: center;
    position: relative;
}

#journey #dates a {
    line-height: 38px;
    padding-bottom: 10px;
}

#journey #dates .selected {
    font-size: 38px;
}

#journey #issues {
    width: 85%;
    height: 600px;
    overflow: hidden;
    float: left;
    padding-left: 0;
}

#journey #issues li {
    width: 100%;
    height: 600px;
    list-style: none;
    text-align: center;
    position: relative;
}

#journey #issues li.selected img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

#journey #issues li img {
    height: 600px;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
    /* IE 8 */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
    /* IE 6 & 7 */
    zoom: 1;
    -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    -ms-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
}

#journey #issues li h1 {
    position: absolute;
    top: 0;
    right: 0;
    color: #ffffff;
    font-size: 8rem;
    text-align: center;
    text-shadow: #000 1px 1px 2px;
    margin: 20px;
    padding: 0;
    opacity: 0.05;
}

#journey #issues li p {
    font-size: 14px;
    margin: 20px;
    line-height: 22px;
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 350px;
    text-align: left;
    background: rgb(255 255 255 / 0.85);
    padding: 20px;
    border-radius: 10px;
    border-right: 10px solid #f44336;
}

#journey #grad_top,
#journey #grad_bottom {
    width: 15%;
    height: 70px;
    position: absolute;
    background: #f2f2f2;
}

#journey #grad_top {
    top: 0;
}

#journey #grad_bottom {
    bottom: 0;
}

#journey #next,
#journey #prev {
    position: absolute;
    left: calc(7.5% - 12px);
    height: 70px;
}

#journey #next:hover,
#journey #prev:hover {
    background-position: 0 0;
}

#journey #next {
    bottom: 0;
}

#journey #prev {
    top: 0;
}

#journey #next img,
#journey #prev img {
    width: 25px;
    margin: 22px 0;
}

#journey #next img {
    width: 25px;
    transform: rotate(180deg);
}

#journey #next.disabled,
#journey #prev.disabled {
    opacity: 0.2;
}

#journey #dates li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    background: #aaa;
    background-position: bottom;
    height: 15px;
    width: 1px;
}

#journey #dates li:after {
    content: "";
    position: absolute;
    top: 85px;
    bottom: 0;
    left: 50%;
    background: #aaa;
    height: 15px;
    width: 1px;
}

#journey #dates li:first-child:before,
#journey #dates li:last-child:after {
    display: none;
}

@keyframes move {
    25% {
        opacity: 1;
    }
    33% {
        opacity: 1;
        transform: translateY(30px);
    }
    67% {
        opacity: 1;
        transform: translateY(40px);
    }
    100% {
        opacity: 0;
        transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
    }
}


/*********************Repsonsive************************/

@media screen and (max-width: 480px) {
    #timeline {
        display: -webkit-box;
        display: flex;
        flex-wrap: wrap;
        background-color: black;
        padding-right: 0px;
        padding-left: 0px;
    }
    .tl-item {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        position: relative;
        width: calc(100%);
        height: 45vh;
        color: #fff;
        overflow: hidden;
        -webkit-transition: width 0.5s ease;
        transition: width 0.5s ease;
    }
    #it_solutions{
        height: 45vh;
        width: 100%;
        background-size: cover !important;
        background-repeat: no-repeat !important;
    }
    #it_solutions .landing_left{
        max-width: 100% !important;
        bottom: 20px !important;
    }
    #it_solutions .landing_left h1{
        font-size: 1.5rem !important;
    }
    #real_estate{
        height: 45vh;
        width: 100%;
        background-size: cover !important;
        background-repeat: no-repeat !important;
    }
    #real_estate .landing_left{
        max-width: 100% !important;
        bottom: 20px !important;
    }
    #real_estate .landing_left h1{
        font-size: 1.5rem !important;
    }
    #twine_ropes{
        height: 45vh;
        width: 100%;
        background-size: cover !important;
        background-repeat: no-repeat !important;
    }
    #twine_ropes .landing_left{
        max-width: 100% !important;
        bottom: 20px !important;
    }
    #twine_ropes .landing_left h1{
        font-size: 1.5rem !important;
    }
    #hdpe_pipes{
        height: 45vh;
        width: 100%;
        background-size: cover !important;
        background-repeat: no-repeat !important;
    }
    #hdpe_pipes .landing_left{
        max-width: 100% !important;
        bottom: 20px !important;
    }
    #hdpe_pipes .landing_left h1{
        font-size: 1.5rem !important;
    }
    #seafood_main_prawn{
        height: 45vh !important;
        width: 100% !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
    }
    #seafood_main_prawn .landing_left{
        max-width: 100% !important;
        bottom: 20px !important;
    }
    #seafood_main_prawn .landing_left h1{
        font-size: 1.5rem !important;
    }
    .minHg480{
        min-height: 510px;
    }
    .minHg480 .service-content-image{
        min-height: 510px;
    }
    .exampleModalSpecs div{
        max-width: 100vw !important;
    }
    .exampleModalSpecs img{
        max-width: 100vw !important;
    }
    #about_main{
        height: 45vh;
        width: 100%;
        background-size: cover !important;
        background-repeat: no-repeat !important;
    }
    #about_main .landing_left{
        max-width: 100% !important;
        bottom: 20px !important;
    }
    #about_main .landing_left h1{
        font-size: 1.5rem !important;
    }
}

@media all and (max-width: 768px) {
    .tl-content h1 {
        font-family: "Lato", sans-serif;
        color: #f8f8f8;
        font-size: 1.2rem;
        padding-top: 10%;
        word-spacing: 1px;
        letter-spacing: 0.5px;
    }
    .tl-content p {
        font-size: 1.1rem;
    }
    .tl-year {
        position: absolute;
        top: 60%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        z-index: 1;
        width: 80%;
        text-align: center;
    }
    .tl-year p {
        font-family: "Lato", sans-serif;
        font-size: 1.5rem;
        font-weight: bold;
        letter-spacing: 1px;
        line-height: 1.2;
    }
    .tl-item:hover .tl-year p {
        font-size: 2rem;
        transition: 0.5s;
    }
}


/************** LEADERSHIP ****************/

#about_main.leadership_cover {
    background: url("../../images/leadership/landing-screen.jpg");
    background-size: cover;
    background-position: top;
}

#about_main.leadership_cover h1 {}

#about_main.leadership_cover .landing_left {
    margin-left: -100px;
    margin-right: 100px;
    width: 50%;
}

#ceoprofile {
    background: url(../../images/leadership/blurred-bg.jpg);
    background-size: cover;
    background-position: center center;
}

#ceoprofile .row {
    align-items: flex-end !important;
}

#ceoprofile .ceoprofile-info {
    margin-bottom: 70px;
    margin-left: -60px;
    background: rgb(255 255 255 / 0.7);
    padding: 35px 35px 35px 125px;
}

.ceoprofile-img {
    text-align: left;
}

.ceoprofile-img.gita {
    text-align: right;
}

#ceoprofile .row .col-md-5 {
    z-index: 5;
}

#ceoprofile .ceoprofile-img img {
    max-width: 345px;
    margin-left: 0;
}

#ceoprofile .ceoprofile-img .gita {
    margin-right: -100px;
}

#ceoprofile.ceoprofilefromright {
    padding-top: 60px;
    background: url("../../images/blurred-bg.webp");
    background-size: cover;
    background-position: center;
}

#ceoprofile.ceoprofilefromright .ceoprofile-info {
    margin-bottom: 70px;
    margin-left: 0;
    margin-right: -233px;
    background: rgb(255 255 255 / 0.7);
    padding: 35px 125px 35px 35px;
}

#ceoprofile.ceoprofilefromright .ceoprofile-img img {
    max-width: 345px;
}

#ceoprofile h3 {
    font-size: 35px;
    font-weight: 500;
    color: #d93738;
}

#ceoprofile a.btn {
    background: #1f4e79;
    color: #fff;
    border: none;
    border-radius: 0 0 15px 0;
    padding: 4px 20px;
    font-size: 15px;
}

#ceoprofile a.btn:hover {
    background: #d93638;
}

.popupProfileInfoDetails {
    max-height: 70vh;
    overflow-y: auto;
}

.heading1 {
    font-size: 2.5rem;
    font-weight: 600;
    margin: 30px 0px;
    padding: 0;
    color: #7f7f7f;
}

section#boardofdir {
    padding: 50px 0;
    background: #f7f7f7;
}

.boardofdir_profile_box {
    background: #fff;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 0;
    margin-bottom: 25px;
}

h3.boardofdir_profile_box_name {
    font-size: 1.5rem;
}

.boardofdir_profile_box_in {
    position: relative;
}

.boardofdir_profile_info {
    background: #fff;
    padding: 15px;
    color: #333;
    position: absolute;
    bottom: 0;
    width: 100%;
    border: 1px solid #ccc;
    border-top-width: 0;
    border-radius: 0 0 15px 15px;
}

p.boardofdir_profile_box_desg {
    margin: 0;
    max-width: calc(100% - 120px);
    font-size: 14px;
}

.boardofdir_profile_img img {
    background: #808080;
    min-width: 100%;
    border-radius: 20px;
}

p.boardofdir_profile_box_more {
    margin: 0;
}

p.boardofdir_profile_box_more a.btn {
    background: #808080;
    color: #fff;
    border: none;
    border-radius: 0 0 10px 0;
    padding: 4px 20px;
    font-size: 15px;
    right: 5px;
    bottom: 5px;
    position: absolute;
}

.boardofdir_profile_box:hover .boardofdir_profile_info {
    background: #db3738;
    color: #fff;
    border-color: #db3738;
}

.boardofdir_profile_box:hover .boardofdir_profile_box_more a {
    background: #fff;
    color: #333;
}

.popupInfo {
    position: fixed;
    display: flex;
    align-items: center;
    top: 0;
    left: 0;
    background: rgb(0 0 0 / 0.5);
    width: 100%;
    height: 100vh;
    z-index: 99999;
    display: none;
}

.popupInfoBox {
    max-width: 70%;
    max-height: 85vh;
    background: #fff;
    position: absolute;
    left: 15%;
    padding: 30px;
    padding-top: 50px;
}

.popupTopIcon {
    position: absolute;
    top: -25px;
    left: 45px;
    z-index: 9;
}

.popupTopIcon img {
    max-width: 95px;
    filter: opacity(0.5) brightness(0.5);
}

.popupClose {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

.popupClose img {
    max-width: 30px;
    filter: opacity(0.5);
    padding: 4px;
}

.popupProfileInfoDetails .name {
    font-size: 2.5rem;
    font-weight: 600;
    color: #d93738;
}

.popupProfileInfoDetails .desg {
    color: #aaa;
}

.popupProfileInfoSocial {
    background: #7f7f7f;
    padding: 0;
    margin-top: 12px;
    border-radius: 0 0 35px 0;
}

.popupProfileInfoSocial a {
    padding: 15px;
    display: block;
}

.popupProfileInfoSocial span {
    color: #fff;
    font-size: 1.3rem;
    line-height: 35px;
    padding: 10px 15px;
}

.popupProfileInfoSocial a i {
    background: #a5a5a5;
    padding: 10px 15px;
    border-radius: 3px;
    font-size: 35px;
    line-height: 35px;
    color: #fff;
}

.popupProfileInfoSocial:hover {
    background: #2464AD;
}

.popupProfileInfoSocial:hover a {
    text-decoration: none;
}

.popupProfileInfoSocial:hover i {
    background: #2464AD;
}

.my-body-noscroll-class {
    overflow: hidden;
}

@media screen and (max-width: 480px) {
    #about_main.leadership_cover .landing_left {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
    #ceoprofile .ceoprofile-img {
        text-align: center;
    }
    #ceoprofile .ceoprofile-img img {
        max-width: 50%;
    }
    #ceoprofile .ceoprofile-info {
        padding: 20px;
        margin: 0;
    }
    #ceoprofile.ceoprofilefromright .ceoprofile-img img {
        max-width: 50%;
    }
    #ceoprofile.ceoprofilefromright .ceoprofile-info {
        padding: 20px;
        margin: 0;
    }
    .popupInfoBox {
        max-width: 96%;
        left: 2%;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 0;
    }
    .popupTopIcon img {
        max-width: 60px;
    }
    .popupContent {
        padding: 0px !important;
    }
    .popupClose {
        position: fixed;
        top: 8vh;
        right: 3vh;
        z-index: 99;
    }
    .popupProfileInfoImg {
        max-width: 50%;
        margin: 0 auto;
    }
    .popupProfileInfoSocial {
        margin: 0;
    }
    .popupProfileInfoDetails {
        margin: 20px;
        overflow-y: unset;
    }
    .popupProfileInfoDetails .name {
        font-size: 20px;
    }
    .popupProfileInfoDetails p {
        font-size: 14px;
    }
    .popupProfileInfoDetails p:last-child {
        padding-bottom: 1rem;
    }
}


/************ RoyalSlider **********/

section#journey {
    background: url("../../images/journey_image_bg.jpg");
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 100px;
}

#video-gallery {
    width: 100%;
}

.videoGallery .rsTmb {
    padding: 10px 20px;
    margin-top: 15%;
}

.videoGallery .rsThumbs .rsThumb {
    width: 220px;
    height: 80px;
}

.videoGallery .rsThumbs {
    width: 220px;
    padding: 0;
}

.videoGallery .rsThumb.rsNavSelected {
    /* background-color: #db3738; */
    /* border-bottom-color: #db3738; */
}

.sampleBlock {
    left: 50%;
    top: auto;
    bottom: 10%;
    width: 100%;
    max-width: 400px;
    font-size: 15px;
    backdrop-filter: blur(5px);
    background-color: rgba(0, 0, 0, 0.5);
    padding: 35px;
    text-align: justify;
}

.rsDefault .rsOverflow {
    float: right;
}

.rsDefault .rsThumbs {
    background: transparent;
    left: 0px;
    height: 100%;
}

.rsDefault .rsThumbsArrow {
    height: 100%;
    width: 10px;
    position: absolute;
    display: block;
    cursor: pointer;
    z-index: 21;
    background: #d93638;
}

.rsDefault.rsWithThumbsVer .rsThumbsArrow {
    width: 20%;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    text-align: center;
    align-items: center;
    left: 40.5%;
    z-index: 99999;
}

.rsDefault .rsThumbs .rsThumb {
    background-color: transparent;
    /* border-bottom: none; */
    height: 110px;
}

.rsDefault .rsThumbs .rsThumb::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 999;
    height: 35px;
    background: url("../../images/icons/connect.png");
    background-size: contain;
    background-position: center;
    top: 80%;
    width: 7px;
    left: 49%;
}

.rsDefault .rsThumbs:last-child .rsThumb::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 999;
    height: 35px;
    background: url("../../images/icons/connect.png");
    background-size: contain;
    background-position: center;
    top: 80%;
    width: 7px;
    left: 49%;
}

.rsDefault .rsThumbs .rsThumb:last-child::after {
    content: "";
    display: none;
    position: absolute;
    z-index: 999;
    height: 100px;
    background: url("../../images/icons/connect.png");
    background-size: contain;
    background-position: center;
    top: 80%;
    width: 7px;
    left: 49%;
}

.rsDefault .rsThumbs .rsThumb:first-child::before {
    content: "";
    display: none;
    position: absolute;
    z-index: 999;
    height: 100px;
    background: url("../../images/icons/connect.png");
    background-size: contain;
    background-position: center;
    top: 80%;
    width: 7px;
    left: 49%;
}

.rsDefault .rsThumbs .rsThumb::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    height: 35px;
    background: url("../../images/icons/connect.png");
    background-size: contain;
    background-position: center;
    top: -15px;
    width: 7px;
    left: 49%;
}

.rsDefault .rsBtnCenterer {
    display: none;
}

.videoGallery .rsThumb.rsNavSelected h5 {
    color: #d93638;
    font-size: 2.5rem;
    transition: 0.3s ease-in;
}

.rsDefault,
.rsDefault .rsThumbs h5 {
    background: transparent;
    color: #a7a4a4;
    font-size: 1.8rem;
    text-align: center;
    font-weight: bold;
}

@media screen and (min-width: 0px) and (max-width: 500px) {
    .videoGallery .rsTmb {
        padding: 6px 8px;
    }
    .videoGallery .rsTmb h5 {
        font-size: 12px;
        line-height: 17px;
    }
    .videoGallery .rsThumbs.rsThumbsVer {
        width: 100px;
        padding: 0;
    }
    .videoGallery .rsThumbs .rsThumb {
        width: 100px;
        height: 47px;
    }
    .videoGallery .rsTmb span {
        display: none;
    }
    .videoGallery .rsOverflow,
    .royalSlider.videoGallery {
        height: 300px !important;
    }
    .sampleBlock {
        font-size: 14px;
    }
}


/*************************Contact Us*******************************/

#contact_us {
    background: url(../../images/map_lines.png), linear-gradient(to right, rgb(167, 163, 163, 0.7), rgba(167, 163, 163, 0.5));
    background-size: cover;
    background-position: center;
    width: 100%;
    padding: 120px 0px;
    position: relative;
}

#contact_us .Pontainer {
    z-index: 99;
    bottom: 150px;
}

#contact_us .contact_us_right {
    background: url("../../images/odisha_map.png");
    background-position: center;
    height: 80vh;
    width: 100%;
}

#contact_us .contact_us_left_bottom {
    background: #fff;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#contact_us .contact_us_left_bottom p {
    color: #a7a3a3;
    margin: 0;
}

#contact_us .contact_us_left_bottom .divider {
    height: 2px;
    background: #a7a3a3;
    margin: 10px 0px;
}

#contact_us .contact_us_left_bottom h3 {
    font-size: 1.3rem;
    font-weight: 700;
    color: #1f4e79;
}

#contact_us .contact_us_left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#contact_us h1 {
    font-weight: bold;
    color: #7a7a7a;
}

#contact_us_form {
    background: #e0e1e0;
}

#contact_us_form .form {
    width: 500px;
    background: #fff;
    margin: calc(50vh - 220px) auto;
    padding: 30px;
    max-width: 100%;
    box-sizing: border-box;
    font-family: "Lato", sans-serif;
    position: relative;
    margin-top: -80px;
}

#contact_us_form h2 {
    margin: 10px 0;
    padding-bottom: 10px;
    color: #78788c;
    border-bottom: 3px solid #78788c;
}

#contact_us_form input {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    background: none;
    outline: none;
    resize: none;
    border: 0;
    font-family: "Lato", sans-serif;
    transition: all 0.3s;
    border-bottom: 2px solid #e0e1e0;
}

#contact_us_form textarea {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    background: none;
    outline: none;
    resize: none;
    border: 0;
    font-family: "Lato", sans-serif;
    transition: all 0.3s;
    border-bottom: 2px solid #e0e1e0;
}

#contact_us_form input:focus {
    background: #e0e1e0;
}

#contact_us_form textarea:focus {
    background: #e0e1e0;
}

#contact_us_form form p:before {
    content: attr(type);
    display: block;
    margin: 20px 0 0;
    font-size: 14px;
    color: #a7a3a3;
}

#contact_us_form form p {
    margin: 0;
    padding: 0;
    color: #a7a3a3;
    font-weight: bold;
}


/* #contact_us_form button {
  width: 100%;
  padding: 8px 12px;
  margin: 8px 0 0;
  font-family: "Lato", sans-serif;
  border: 2px solid #203864;
  background: #203864;
  color: #fff;
  cursor: pointer;
  transition: all 0.3s;
} */


/* #contact_us_form button:hover {
  background: #78788c;
  color: #fff;
} */

#contact_us_form span {
    margin: 0 5px 0 15px;
}

#contact_us_form .contact_us_form_right h1 {
    font-weight: 700;
    color: #7a7a7a;
    margin-top: 30px;
}

.contactBox {}

.contactBox h4 {
    font-size: 1.3rem;
    font-weight: 700;
    color: #264e82;
    border-bottom: 2px solid #aaa;
    padding-bottom: 10px;
}

.contactBox h5 {
    font-size: 14px;
    color: #808080;
}

.contactBox p {
    margin-bottom: 5px;
    font-size: 14px;
    color: #a7a3a3;
}

.contact_us_form_right .contactBox {
    background: #eee;
    padding: 15px;
    height: 100%;
    border-radius: 0 0 25px 0;
}

.contact_us_form_right .col-md-6 {
    padding: 0;
}

.contact_us_form_right .col-md-6:nth-child(2n+1) {
    padding-right: 10px;
}


/************ BECOME OUR SUPPLIER ****************/

#about_main.become_our_supplier {
    background: url("../../images/become-our-supplier.jpg");
    background-size: cover;
}

#about_main.become_our_supplier .landing_left {
    backdrop-filter: none;
    background-color: rgb(0 0 0 / 0.12);
}

section#becomeOurSupplierSec1 {
    padding: 60px 0;
}

p.becSuppText {
    font-size: 17px;
}

section#bosSupplierForm {
    padding: 80px 0;
    background: #f7f7f7;
}

form.bosSupplierFormBox {
    max-width: 750px;
    margin: 0 auto;
    background: #fff;
    padding: 25px;
}

.btn-theme,
.btn-theme:focus {
    background: #1f4e79;
    border: none;
    padding: 8px;
    border-radius: 0 0 15px 0;
}

.btn-theme:hover {
    background: #d93638;
}


/************ VISION ****************/

section#visionAndMissionID1 {
    padding: 60px 0;
}

#about_main.vision {
    background: url("../../images/vision-by-values-banner.jpg");
    background-size: cover;
}

#about_main.vision .landing_left {
    backdrop-filter: none;
    background-color: rgb(0 0 0 / 0.12);
}

.visionBox {
    background: #1f4e79;
    padding: 35px;
    color: #e5e5e5;
    font-size: 15px;
}

img#visionbird {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    filter: brightness(0.5);
    opacity: 0.3;
    z-index: 3;
}

.font-Parisienne {
    font-style: italic !important;
}

section#valuesSec {
    padding: 0 0 80px 0;
    background: #f7f7f7;
}

#valuesSec h3 {
    font-size: 25px;
    margin-bottom: 20px;
    color: #747474;
}

#valuesSec .container {
    position: relative;
}

#valuesSec .col-md-6:first-child {
    background: #fff;
    padding: 25px;
}

#valuesSec img.valuesright {
    border-radius: 0 0 90px 0;
}

div#aspirationTabs {}

div#aspirationTabs .nav-link {
    background: #1f4e79;
    color: #fff;
    border-radius: 5px;
}

div#aspirationTabs .nav-link.active {
    background: #ddd;
    color: #333;
}

div#aspirationTabs .nav-item:nth-child(2) .nav-link {
    margin-left: 15px;
    margin-right: 15px;
}

div#aspirationTabs div#pills-tabContent {
    background: #f7f7f7;
    padding: 25px;
    border-radius: 5px;
}

ul.ourPrincipleUL {
    list-style: none;
}

ul.ourPrincipleUL li {
    padding: 4px;
}

ul.ourPrincipleUL li::before {
    content: "\25A0";
    color: #1f4e79;
    font-weight: bold;
    display: inline-block;
    width: 1.5em;
    margin-left: -2em;
}

.ourValuesDiv h4 {
    color: #1f4e79;
    font-size: 1.3em;
}


/******************Landing Main*********************/

#seafood_main_prawn {
    background: url("../../images/seafood-cover.jpg");
    height: 100vh;
    width: 100%;
    background-size: cover;
    justify-content: center;
    background-position: left;
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

#seafood_main_prawn .landing_left {
    background-color: rgb(0 0 0 / 0.2);
    margin-top: 170px !important;
}

#seafood_main_prawn .landing_left h1 {
    font-size: 3.5rem;
    font-weight: 700;
    color: #fff;
}

#seafood_main_prawn .landing_left p {
    color: #fff;
    font-weight: 500;
    font-size: 1.2rem;
}

#all_links_section {
    background: url("../../images/bg2.png");
    background-size: cover;
    background-position: center;
    padding: 80px 0;
    padding-top: 20px;
}

#all_links_section a:hover p {
    background: #1f4e79;
    color: #fff;
}

#all_links_section a:hover {
    text-decoration: none;
}

#all_links_section_item {
    color: #fff;
    font-weight: 500;
    font-size: 1.2rem;
    margin: 100px;
}

#all_links_section img {
    width: 100%;
    height: 200px;
}

#all_links_section p {
    font-size: 1.2rem;
    text-align: center;
    color: #5d5d5d;
    padding: 5px 0;
    background: #eee;
}


/******************Napoli Main*********************/

#napoli {
    padding-top: 50px;
}

.napoli_right table td {
    border: 1px solid #ccc;
    width: 300px;
    height: 40px;
    padding: 5px;
    color: #a7a3a3;
    font-weight: 500;
}

.napoli_button {
    display: flex;
    justify-content: space-between;
    margin: 10px 0px;
}

.napoli_button a,
.napoli_button button {
    width: 48%;
    margin: 10px 0px;
}

.napoli_button button {
    width: 100%;
    text-transform: uppercase;
    padding: 8px 20px;
    border-radius: 0 0 20px 0;
}

#napoli .border_remove {
    border: none !important;
}

#napoli .font_bold {
    color: #5d5d5d !important;
    font-weight: bold !important;
}

.exampleModalSpecs div {
    max-width: 70vw;
}

.exampleModalSpecs img {
    max-width: 70vw;
}

.caption_active2 {
    background-color: #d93638 !important;
    color: #fff !important;
}


/************quality assurance*****************/

#quality_assurance {
    background: #fff;
    padding: 10px 20px 40px 20px;
    font-weight: bold;
}

#quality_assurance h2 {
    font-weight: bold;
    color: #5d5d5d;
    text-align: left;
    margin: 0;
}

#quality_assurance img {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    text-align: center;
}

#quality_assurance p {
    font-size: 1rem;
    width: 80%;
    font-weight: 500;
    margin: 10px auto;
    color: #78788c;
}

#quality_assurance {
    text-align: center;
}

#know_us {
    background: #fff;
    padding: 10px 20px 40px 20px;
    font-weight: bold;
}

#know_us h2 {
    font-weight: bold;
    color: #5d5d5d;
    text-align: left;
    margin: 50px 0px;
}

#know_us img {
    width: 100%;
    height: 200px;
    text-align: center;
    margin: 0px;
}

#know_us p {
    font-size: 1rem;
    width: 80%;
    font-weight: 500;
    margin: 10px auto;
    margin-top: 0;
    color: #78788c;
    text-transform: uppercase;
    padding: 5px;
}

#know_us .know_us_item:hover p {
    background: rgba(127, 127, 127, 0.5);
    width: 100%;
    color: #fff;
    padding: 5;
}

#know_us .know_us_item {
    width: 90%;
}

#know_us {
    text-align: center;
}

#quality_certified {
    background: #f2f2f2;
    padding: 30px 0px;
}

#quality_certified .slick-list {
    margin: 0 30px;
}

#quality_certified img {
    padding: 15px;
    width: 90%;
    margin: auto;
    box-shadow: 0px 0px 10px 1px #eee;
    background: #fff;
}

#quality_certified .slick-dots {
    display: none !important;
}

#quality_certified .slick-arrow {
    color: #fff;
    padding: 0px;
}

#quality_certified .slick-prev::before {
    content: "\f053";
    font-family: FontAwesome;
    color: #db3738;
    font-size: 25px;
}

#quality_certified .slick-next::before {
    content: "\f054";
    font-family: FontAwesome;
    color: #db3738;
    font-size: 25px;
}

#quality_certified .slick-slide:focus {
    outline: none;
}

#quality_certified h2 {
    font-weight: bold;
    color: #5d5d5d;
    text-align: left;
    margin: 0;
}

#testimonial h2 {
    text-align: center;
    padding: 50px 0px;
    margin: 0;
    font-size: 45px;
    line-height: 55px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0px;
    color: #5d5d5d;
}

#testimonial {
    position: relative;
    background: url(../../images/testimonials.jpg);
    padding: 50px 0px;
    background-size: contain;
    background-repeat: repeat;
}

#testimonial .item {
    background: #f2f2f2;
    padding: 10px;
    width: 90%;
    border: 1px solid #000000;
    text-align: center;
    margin-left: 5%;
    margin-right: 5%;
    border-radius: 10px;
}

#testimonial .item p {
    background: #f2f2f2;
    padding: 10px;
    font-size: 0.7rem;
}

#testimonial .slick-dots {
    display: none !important;
}

#testimonial .item_top {
    text-align: center !important;
    font-size: 1rem !important;
    margin: 5px auto;
}

#testimonial .item_bottom {
    color: #a3a2a2;
}

#testimonial .slick-center .item {
    width: 90%;
    padding: 20px;
}

#testimonial .slick-center p {
    font-size: 0.9rem;
}

#testimonial .slick-center .item_top {
    font-size: 1.5rem !important;
}

#testimonial .slick-track {
    align-items: center !important;
    display: flex;
}

#testimonial .slick-slide img {
    display: inline;
}

#testimonial .slick-list {
    margin: 0 30px;
}

.slick-prev:before {
    content: "\f053";
    font-family: FontAwesome;
    color: #db3738;
    font-size: 25px;
}

.slick-next:before {
    content: "\f054";
    font-family: FontAwesome;
    color: #db3738;
    font-size: 25px;
}

.slick-prev {
    left: 0;
    z-index: 99;
}

.slick-next {
    right: 0;
    z-index: 99;
}

@media screen and (max-width: 480px) {
    
    #testimonial .slick-list{
        margin: 0;
        padding: 0 !important;
    }
    
}


/*********************hdpe*****************/

#napoli .hdpe_button {
    display: flex;
    justify-content: space-between;
    margin: 10px 0px;
    margin-top: auto;
}

#napoli .hdpe_right p {
    font-size: 0.9rem;
    color: #a7a3a3;
    height: 260px;
}

#napoli .hdpe_button a {
    width: 48%;
    margin: 10px 0px;
    background: #a7a3a3;
}

#napoli .hdpe_button button {
    width: 100%;
    font-size: 0.8rem;
    color: #fff;
    text-transform: uppercase;
    /* padding: 7px 70px; */
}


/**************************************/

#hdpe_main {
    background: url("../../images/hdpe_pipes/i6.jpg");
    height: 100vh;
    width: 100%;
    background-size: cover;
    justify-content: center;
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

#hdpe_main .landing_left {
    background-color: rgba(127, 127, 127, 0.1);
    padding: 30px;
}

#hdpe_main .landing_left h1 {
    font-size: 3rem;
    font-weight: 700;
    color: #fff;
}

#hdpe_main .landing_left p {
    color: #fff;
    font-size: 1.2rem;
    width: 90%;
    font-weight: 500;
}


/*------------------------ FEATURES TAB ------------------- */

div#fetauresTabSec {
    padding: 80px 0;
}

div#fetauresTab .nav-link {
    background: #ddd;
    color: #333;
    border-radius: 0px;
}

div#fetauresTab .nav-link.active {
    background: #1f4e79;
    color: #fff;
}

div#fetauresTab div#pills-tabContent {
    background: #f7f7f7;
    padding: 25px;
    border-radius: 0px;
}

div#fetauresTab .tab-content {
    min-height: 500px;
    margin-bottom: 50px;
}

div#fetauresTabSec {
    padding: 80px 0;
}

div#productTabs .nav-link {
    background: #ddd;
    color: #333;
    border-radius: 0;
    padding: 15px 0;
    font-size: 22px;
}

div#productTabs .nav-link.active {
    background: #1f4e79;
    color: #fff;
}

div#productTabs .nav-item:nth-child(2) .nav-link {
    margin-left: 0;
}

div#productTabs div#pills-tabContent {
    background: #f7f7f7;
    padding: 25px;
    border-radius: 0;
}

#productTabs ul#pills-tab {
    align-items: center;
    margin-bottom: 0 !important;
}

div#productTabs .nav-link.active:after {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #1f4e79;
    content: " ";
    position: absolute;
    bottom: -15px;
    left: 50%;
}

#productTabs li.nav-item {
    position: relative;
}

div#fetauresTab .tab-content {
    min-height: 200px;
    margin-bottom: 50px;
}

div#productTabs .tab-content {
    min-height: 500px;
    margin-bottom: 50px;
}

div#productTabs .lightSlider li img {
    height: 350px;
    width: 100%;
}

.sizeRangeBtn {
    width: 40%;
    background: #1f4e79;
    color: #fff;
    color: #fff;
}

.sizeRangeBtn:hover {
    color: #fff;
}

.ratingStar {
    text-align: center;
    margin-bottom: 10px;
}

.ratingStar i {
    color: #ffc107;
    font-size: 25px;
}

#google_translate_element {
    visibility: hidden;
    width: 50px;
    display: inline;
    height: 30px;
}

.goog-te-combo {
    visibility: visible;
    background: transparent;
    border: none;
    color: #fff;
    width: 130px;
    font-weight: bold;
}

.goog-te-combo option {
    visibility: visible;
    background: transparent;
    border: none;
    color: #000;
}

.goog-te-combo:focus {
    outline: none;
}

nav.fixed-top select.goog-te-combo {
    color: #fff !important;
    font-family: inherit;
    font-weight: 500;
}

nav.sticky select.goog-te-combo {
    color: #333 !important;
    font-family: inherit;
    font-weight: 500;
}

nav.black select.goog-te-combo {
    color: #333 !important;
    font-family: inherit;
    font-weight: 500;
}

.skiptranslate iframe {
    display: none !important;
}

body {
    top: 0 !important;
}

.lSGallery li img {
    width: 80px !important;
}


/**********************/

#country_state_city {
    display: flex;
}

.country_state_city div {
    display: block;
}

abbr[data-original-title],
abbr[title] {
    text-decoration: none;
    -webkit-text-decoration: underline dotted;
    /* text-decoration: underline dotted; */
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
}


/* ============ Social Icon Button ============ */

#social-share {
    position: fixed;
    bottom: 15px;
    left: 15px;
    z-index: 20;
}

#social-share li button i {
    font-size: 20px;
}

#social-share ul.social-itens .btn-share,
#social-share div.social-open-menu .btn-share {
    position: relative;
    cursor: pointer;
    border-radius: 50%;
    color: white;
    line-height: 1;
    outline: 0;
    border: 0;
    margin-top: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

#social-share ul.social-itens .btn-share:hover,
#social-share div.social-open-menu .btn-share:hover {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

#social-share ul.social-itens {
    list-style: none;
    text-decoration: none;
    text-align: center;
    position: relative;
    display: block;
}

#social-share ul.social-itens .btn-share {
    width: 50px;
    height: 50px;
}

#social-share .social-open-menu .btn-share {
    font-size: 2rem;
    font-weight: 400;
}

#social-share ul.social-itens .btn-share.social-item-1 {
    background-color: #666;
}

#social-share ul.social-itens .btn-share.social-item-1:hover {
    background-color: #3b5998;
    transition: none;
}

#social-share ul.social-itens .btn-share.social-item-1:hover i {
    text-shadow: 0px 0px #344e86, 1px 1px #344e86, 2px 2px #344e86, 3px 3px #344e86, 4px 4px #344e86, 5px 5px #344e86;
}

#social-share ul.social-itens .btn-share.social-item-2 {
    background-color: #666;
}

#social-share ul.social-itens .btn-share.social-item-2:hover {
    background-color: #e9c61e;
    transition: none;
}

#social-share ul.social-itens .btn-share.social-item-2:hover i {
    text-shadow: 0px 0px #ccb313, 1px 1px #ccb313, 2px 2px #ccb313, 3px 3px #ccb313, 4px 4px #ccb313, 5px 5px #ccb313;
}

#social-share ul.social-itens .btn-share.social-item-3 {
    background-color: #666;
}

#social-share ul.social-itens .btn-share.social-item-3:hover {
    background-color: #25d366;
    transition: none;
}

#social-share ul.social-itens .btn-share.social-item-3:hover i {
    text-shadow: 0px 0px #128c7e, 1px 1px #128c7e, 2px 2px #128c7e, 3px 3px #128c7e, 4px 4px #128c7e, 5px 5px #128c7e;
}

#social-share ul.social-itens .btn-share.social-item-4 {
    background-color: #666;
}

#social-share ul.social-itens .btn-share.social-item-4:hover {
    background-color: #1da1f2;
    transition: none;
}

#social-share ul.social-itens .btn-share.social-item-4:hover i {
    text-shadow: 0px 0px #128c7e, 1px 1px #128c7e, 2px 2px #128c7e;
}

#social-share ul.social-itens.open .btn-share {
    transform: scale(1);
    visibility: visible;
}

#social-share ul.social-itens li {
    position: relative;
    visibility: hidden;
}

#social-share ul.social-itens li .btn-share {
    transform: scale(0);
    visibility: hidden;
}

#social-share ul.social-itens li .btn-share-text {
    position: absolute;
    bottom: 15px;
    left: 100%;
    margin-left: 10px;
    min-width: 75px;
    border-radius: 2px;
    padding: 3px 4px;
    text-align: center;
    font-weight: 300;
    background: rgba(20, 20, 20, 0.7);
    color: #fff;
    display: block;
    visibility: hidden;
}

#social-share ul.social-itens li:hover .btn-share-text {
    visibility: visible;
}

#social-share div.social-open-menu .btn-share {
    width: 65px;
    height: 65px;
    background-color: #f44336;
    display: block;
}

#social-share div.social-open-menu .btn-share i {
    text-shadow: 0px 0px #f32c1e, 1px 1px #f32c1e, 2px 2px #f32c1e, 3px 3px #f32c1e, 4px 4px #f32c1e, 5px 5px #f32c1e;
    padding: 17px 19px;
}

#social-share .social-itens.open .social-item-1,
#social-share .social-itens.open .social-item-1 .btn-share-text {
    transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.1s;
}

#social-share .social-itens.hidden .social-item-1,
#social-share .social-itens.open .social-item-1 .btn-share-text {
    transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.4s;
}

#social-share .social-itens.open .social-item-2,
#social-share .social-itens.open .social-item-2 .btn-share-text {
    transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.2s;
}

#social-share .social-itens.hidden .social-item-2,
#social-share .social-itens.open .social-item-2 .btn-share-text {
    transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.3s;
}

#social-share .social-itens.open .social-item-3,
#social-share .social-itens.open .social-item-3 .btn-share-text {
    transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.3s;
}

#social-share .social-itens.hidden .social-item-3,
#social-share .social-itens.open .social-item-3 .btn-share-text {
    transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.2s;
}

#social-share .social-itens.open .social-item-4,
#social-share .social-itens.open .social-item-4 .btn-share-text {
    transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.4s;
}

#social-share .social-itens.hidden .social-item-4,
#social-share .social-itens.open .social-item-4 .btn-share-text {
    transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.1s;
}

.navbar-toggle {
    background: transparent;
    border: none;
    line-break: 50px;
}

.navbar-toggle {
    background: transparent;
    border: none;
    line-break: 50px;
}


/*------------------ FORM ----------------*/

.has-float-label {
    display: block;
    position: relative
}

.has-float-label label,
.has-float-label>span {
    position: absolute;
    cursor: text;
    font-size: 75%;
    opacity: 1;
    -webkit-transition: all .2s;
    transition: all .2s;
    top: -.5em;
    left: .75rem;
    z-index: 3;
    line-height: 1;
    padding: 0 1px
}

.has-float-label label::after,
.has-float-label>span::after {
    content: " ";
    display: block;
    position: absolute;
    background: #fff;
    height: 2px;
    top: 50%;
    left: -.2em;
    right: -.2em;
    z-index: -1
}

.has-float-label .form-control::-webkit-input-placeholder {
    opacity: 1;
    -webkit-transition: all .2s;
    transition: all .2s
}

.has-float-label .form-control:placeholder-shown:not(:focus)::-webkit-input-placeholder {
    opacity: 0
}

.has-float-label .form-control:placeholder-shown:not(:focus)+* {
    font-size: 150%;
    opacity: .5;
    top: .3em
}

.input-group .has-float-label {
    display: table-cell
}

.input-group .has-float-label .form-control {
    border-radius: .25rem
}

.input-group .has-float-label:not(:last-child),
.input-group .has-float-label:not(:last-child) .form-control {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-right: 0
}

.input-group .has-float-label:not(:first-child),
.input-group .has-float-label:not(:first-child) .form-control {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

#prawnModalForm {}

.formModal1 .modal-dialog {
    max-width: 600px;
}

.formModal1 .modal-content {
    padding: 20px;
    border-radius: 15px;
}

.formModal1 h1.formHeader {
    font-size: 2rem;
    font-weight: bold;
}

.formModal1 .close {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    cursor: pointer;
}

.formModal1 .close img {
    width: 20px;
    padding: 10px 0;
}

.required-asterisk {
    color: #ff0000;
}

fieldset {
    border: none;
    padding: 0;
    margin: 8px 0;
}

fieldset legend {
    padding: 8px 0;
}

fieldset label {
    margin: 0 24px 0 6px;
    font-size: 12px;
}

fieldset label>span {
    color: #555;
}

.floating-label {
    position: relative;
    display: inline-block;
    margin: 8px 0;
    vertical-align: top;
}

.half-width-field {
    width: 48%;
}

.half-width-field div,
.half-width-field select {
    width: 100%;
}

.half-width-field+.half-width-field {
    margin-left: 1%;
}

.full-width-field {
    width: 100%;
}

.full-width-field div,
.full-width-field select {
    width: 100%;
}

.floating-label>span {
    position: absolute;
    top: 1.2em;
    left: 1.5em;
    color: #555;
    transition: 0.15s ease-out all;
}

.floating-label>span.stay {
    top: 1em;
    left: 2em;
    font-size: 0.7em;
    font-weight: bold;
    color: #888;
    transition: 0.15s ease-out all;
}

.floating-label>span.stay .helper {
    display: none;
}

.floating-label>input {
    padding: 1em 1em 0.25em 1em;
    line-height: 1.4em;
    font-size: 1.2em;
    width: 100%;
    border: 1px solid #ccc;
}

.floating-label>textarea {
    padding: 1.2em 1em 0.8em 1em;
    line-height: 1.2em;
    font-size: 1em;
    width: 100%;
    height: 160px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.select-group span {
    display: block;
    margin-bottom: 0.5em;
}

.select-group.floating-label span {
    top: 1em;
    left: 1em;
    font-size: 0.7em;
    color: #888;
    transition: 0.15s ease-out all;
}

.select-group.floating-label option {
    font-weight: bold;
    padding-bottom: 0.3em;
    color: #555;
}

.select-group>div {
    border: 1px solid #ccc;
    display: inline-block;
    position: relative;
    z-index: 1;
}

.select-group>div select {
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    z-index: 5;
    padding: 1em 2em 0.25em 1em;
    line-height: 1.4em;
    font-size: 1.2em;
}

.select-group>div:after {
    font-family: FontAwesome;
    content: "\f107";
    z-index: -1;
    position: absolute;
    right: 1em;
    top: 1.1em;
}

input[type="submit"] {
    font-size: 15px;
    text-transform: uppercase;
    display: block;
    margin: 0;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.5em;
    padding: 1em 4em;
    color: #fff;
    cursor: pointer;
    background: linear-gradient(to right, #1586cc, #23b2f0);
    margin: 12px auto;
    border: none;
    transition: transform .8s cubic-bezier(.158, .799, .182, .844) !important;
    will-change: transform;
    border-radius: 0.25rem;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    cursor: pointer;
}

input[type="submit"]:hover,
input[type="submit"]:active,
input[type="submit"]:focus {
    background: linear-gradient(to left, #1586cc, #23b2f0);
    color: #fff;
    border: none;
    transform: scale(1.06);
}

.new-contact-us-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.has-float-label {
    display: block !important;
    width: 48%;
    margin: 0 !important;
    margin-bottom: 10px !important;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #ced4da;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    box-shadow: none;
}

.cancel {
    text-align: center;
    display: inherit;
    padding: 16px 0 0 0;
}

.note {
    font-size: 0.9em;
    color: #888;
    margin: 0;
}

@media screen and (max-width: 540px) {
    .wrapper {
        margin: 0;
        width: 100%;
        height: 100%;
        overflow-y: auto;
    }
}

@media screen and (max-width: 480px) {
    .half-width-field {
        width: 100%;
    }
}

.has-float-label {
    margin: 5px;
}

.has-float-label .form-control:placeholder-shown:not(:focus)+* {
    font-size: 100%;
    opacity: 0.5;
    top: 0.7em;
}

.select-group>div {
    border-radius: 5px;
}

.select-group>div select {
    z-index: 5;
    padding: 0.7em 2em 0.7em 1em;
    line-height: 1.2em;
    font-size: 1em;
}

.select-group.floating-label span {
    margin-top: -1.4rem;
    padding: 2px;
    background: #fff;
    z-index: 5;
    font-size: 0.8rem;
}

.select-group>div:after {
    top: 0.5em;
}

fieldset label>span {
    font-size: 1rem;
    margin-left: 7px;
}


/*---------------- PLAY MUSIC ----------------*/

#pageAudio {
    position: fixed;
    top: 15px;
    right: 15px;
    /* background: #333; */
    z-index: 99999;
    filter: brightness(0.8);
}

button {
    border: none;
    cursor: pointer;
    outline: none;
}

button#playpausebtn:focus {
    outline: none;
}

button#playpausebtn:hover {
    filter: brightness(0.5);
}

button#playpausebtn {
    background: url(../../images/musicplay.gif) no-repeat;
    width: 30px;
    height: 30px;
}

button#mutebtn {
    background: url(https://image.flaticon.com/icons/svg/204/204287.svg) no-repeat;
    width: 30px;
    height: 30px;
}


/*------------------- PAGE COVER ------------------*/

.page_cover {
    background: url(../../images/seafood-cover.jpg);
    height: 100vh;
    width: 100%;
    background-size: cover;
    justify-content: center;
    background-position: left;
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    position: relative;
}


/*------------------- HDPE PIPES -----------------*/

#hdpe_pipes {
    background: url(../../images/product-hdpepipes.jpg);
}

#hdpe_pipes h1 {
    font-size: 3.5rem;
    font-weight: 700;
    color: #fff;
}

div#productTabs.plb .lightSlider li img {
    height: auto;
}


/*------------------- TWINE ROPES NETS -----------------*/

#twine_ropes {
    background: url(../../images/twines/twines3.jpg);
}

#twine_ropes h1 {
    font-size: 2.5rem;
    font-weight: 700;
    color: #fff;
}


/*------------------- MEDIA -----------------*/

#landing_main.mediaPage {
    background: url(../../images/media1.jpg);
    background-size: cover;
    margin-top: 78px;
}


/*------------------- REAL ESTATE -----------------*/

#real_estate {
    background-image: url(../../images/product-realestate.jpg);
    background-position: top;
    background-size: cover;
}


/*-------------------- IT SOLUTIONS -----------------*/

#it_solutions {
    background-image: url(../../images/it/it-banner.jpeg);
    background-position: top;
    background-size: cover;
}

#it_solutions .landing_left {
    position: absolute;
    bottom: 120px;
    left: 0;
    max-width: 40%;
    padding-left: 20px;
}

#it_solutions .landing_left h1 {
    color: #fff;
}


/*---------------------- ENQUIRY BUTTON ---------------------*/

.get_in_touch_header .btn-white {
    background-color: #1f4e79;
    background: linear-gradient(45deg, #1f4e79 38%, #3a77af 85%);
    color: #fff;
    padding: 10px 50px;
    box-shadow: 0 8px 10px #1f4e793d;
    border-radius: 4px 4px 20px 4px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    border: unset;
    font-size: 18px;
    font-weight: 500;
}

.get_in_touch_header .btn-white:after {
    content: "";
    top: 0;
    transform: translateX(100%);
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: -1;
    animation: slide 2s infinite;
    background: -moz-linear-gradient( left, rgba(64, 235, 241, 0) 0%, rgba(64, 235, 241, 0.8) 50%, rgba(64, 235, 241, 0) 99%, rgba(64, 235, 241, 0) 100%);
    background: -webkit-gradient( linear, left top, right op, color-stop(0%, rgba(64, 235, 241, 0)), color-stop(50%, rgba(64, 235, 241, 0.8)), color-stop(99%, rgba(64, 235, 241, 0)), color-stop(100%, rgba(64, 235, 241, 0)));
    background: -webkit-linear-gradient( left, rgba(64, 235, 241, 0) 0%, rgba(64, 235, 241, 0.8) 50%, rgba(64, 235, 241, 0) 99%, rgba(64, 235, 241, 0) 100%);
    background: -o-linear-gradient( left, rgba(64, 235, 241, 0) 0%, rgba(64, 235, 241, 0.8) 50%, rgba(64, 235, 241, 0) 99%, rgba(64, 235, 241, 0) 100%);
    background: -ms-linear-gradient( left, rgba(64, 235, 241, 0) 0%, rgba(64, 235, 241, 0.8) 50%, rgba(64, 235, 241, 0) 99%, rgba(64, 235, 241, 0) 100%);
    background: linear-gradient( to right, rgba(64, 235, 241, 0) 0%, rgb(84 147 205 / 50%) 50%, rgba(64, 235, 241, 0) 99%, rgba(64, 235, 241, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#007db9e8', GradientType=1);
}

@keyframes slide {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(100%);
    }
}

@media screen and (max-width: 480px) {
    .napoli_button {
        display: block;
    }
}


/*------------------------ SERVICE BOX ----------------------*/

.service-box {}

.section-heading {
    padding: 40px 0;
}

.section-heading h2 {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 0px;
    color: #5d5d5d;
}

.section-heading p.subtext {
    text-align: center;
    text-transform: uppercase;
    color: #5d5d5d;
}

.service-title {
    top: 0;
    left: 25%;
    right: 0;
    border-radius: 0 0 50% 50%;
    text-align: center;
    font-size: 20px;
    position: absolute;
    background: #f2f2f2;
    color: #000;
    padding: 10px 15px;
    width: 50%;
    height: 85px;
    z-index: 99;
}

.service-content {
    font-size: 13px;
    text-align: justify;
    position: relative;
    width: 100%;
    margin: auto;
    overflow: hidden;
}

.service-content .service-content-overlay {
    background: #f2f2f2;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
    z-index: 10;
}

.service-content:hover .service-content-overlay {
    opacity: 1;
}

.upcomingProj {
    opacity: 0;
}

.service-content:hover .upcomingProj {
    opacity: 1;
}

.service-content-image {
    width: 100%;
}

.service-content-details {
    position: absolute;
    text-align: center;
    padding-left: 2em;
    padding-right: 2em;
    width: 100%;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.service-content:hover .service-content-details {
    top: 50%;
    left: 50%;
    opacity: 1;
    z-index: 99;
}

.service-box:hover .service-title {
    display: none;
}

.service-content-details .service-content-text {
    color: #000;
    font-size: 1.2em;
    font-weight: 300;
    text-align: justify;
}

.fadeIn-bottom {
    top: 80%;
}

.fadeIn-top {
    top: 20%;
}

.fadeIn-left {
    left: 20%;
}

.fadeIn-right {
    left: 80%;
}

.service-button {
    margin-top: 20px;
}


/*------------------- SEAFOOD - PRAWN -----------------*/

#serviceSec.prawnpage {
    background: #f7f7f7;
}

section#prawnSec2 {
    background: url("../../images/seafood/prawn 1.jpg");
    min-height: 90vh;
    background-size: cover;
    display: flex;
    align-items: center;
    position: relative;
}

#prawnSec2 h2 {
    font-size: 75px;
    font-weight: 300;
    line-height: 1.5;
    color: #fff;
    text-transform: capitalize;
}

section#prawnSec2:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #00000063;
}

section#noAddict {
    background: #f2f2f2;
    text-align: center;
    padding: 100px 0;
}

img.noAddictTopImg {}

h2.noAddictHead {
    font-weight: bold;
    margin-top: 25px;
    font-size: 2rem;
}

h4.noAddictSubHead {
    font-size: 1.3rem;
    max-width: 900px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 40px;
    letter-spacing: 1px;
    font-weight: 300;
}

.noAddComp img {
    max-width: 150px;
    margin-bottom: 25px;
}

.noAddComp h3 {
    font-weight: bold;
    font-size: 1.5rem;
}

.light.cc_dialog {
    max-width: 100% !important;
    bottom: auto !important;
    top: 0 !important;
}

#chooseBox .tl-content {
    opacity: 1;
}

#chooseBox {
    padding-top: 50px;
    padding-bottom: 20px;
}

#chooseBox #time_landing {
    padding-top: 0px;
}

#chooseBox .tl-content h1 {
    font-size: 35px;
    padding-top: 0;
    margin-top: -50px;
    display: block;
}

#chooseBox .tl-year {
    margin: 0;
}

#chooseBox .tl-content h1::before {
    content: '';
    width: 0%;
    height: 1px;
    background-color: rgb(255 255 255 / 0.5);
    position: absolute;
    left: 0;
    top: -5px;
    margin-left: 20%;
    -webkit-transition: width 1s 1s;
    transition: width 1s;
}

#chooseBox .tl-content h1::after {
    content: '';
    width: 0%;
    height: 1px;
    background-color: rgb(255 255 255 / 0.5);
    position: absolute;
    right: 0;
    bottom: -5px;
    margin-right: 20%;
    -webkit-transition: width 1s 1s;
    transition: width 1s;
}

#chooseBox .tl-item:hover h1::before,
#chooseBox .tl-item:hover h1::after {
    width: 60%;
}

.mobile-touch-icon img{
    display: none;
}

.upcomingProj {
    position: absolute;
    top: 10px;
    right: 15px;
    color: red;
    font-size: 14px;
}

.partnerBox p {
    margin-top: 15px;
    font-size: 18px;
    color: gray;
}

section.productInfoSec {
    padding: 80px 0;
    position: relative;
}

section.productInfoSec:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background: url(../../images/rope-bg.jpg);
    background-size: cover;
    background-position: top right;
    filter: opacity(0.2) grayscale(1);
    z-index: -1;
}

section.productInfoSec .lightSlider img {
    width: 100%;
}

span#playText {
    position: absolute;
    color: #fff;
    transition: all 0.1s ease-in 0s;
    z-index: 99;
    cursor: pointer;
}

section#productInfoSecHDPE:before {
    background: url(../../images/hdpe-pipe-bg2.jpg);
    background-size: cover;
    filter: opacity(0.1) grayscale(1);
}

section#productInfoSecPLBDUCT:before {
    background: url(../../images/plb-duct-pipes-bg.jpg);
    background-size: cover;
    filter: opacity(0.1) grayscale(1) blur(5px);
}

section#productInfoSecPLBDUCT {
    border-top: 5px solid #ccc;
}

section#productInfoSecBTiger:before {
    background: url(../../images/prawn/Black\ tiger\ PD.JPG);
    background-size: cover;
    filter: opacity(0.1) grayscale(1) blur(1px);
}

section#productInfoSecBTiger {
    border-top: 5px solid #fff;
}

section#productInfoSecVane:before {
    background: url(../../images/prawn/Vannamei\ Shrimp\ HL.JPG);
    background-size: cover;
    filter: opacity(0.1) grayscale(1) blur(1px);
}

section#productInfoSecFeed:before {
    background: url(../../images/prawn/prawn_feed.jpg);
    background-size: cover;
    filter: opacity(0.1) grayscale(1) blur(1px);
}

section#productInfoSecNets:before {
    background: url(../../images/twines/hdpe-nets.jpg);
    background-size: cover;
    filter: opacity(0.1) grayscale(1) blur(4px);
}

section#productInfoSecNets {
    border-bottom: 5px solid #ccc;
    ;
}

section#prawnSec5 {
    background: url("../../images/seafood/family-eating.jpg");
    min-height: 90vh;
    background-size: cover;
    display: flex;
    align-items: center;
    position: relative;
}

#prawnSec5 h2 {
    font-size: 75px;
    font-weight: 300;
    line-height: 1.5;
    color: #fff;
    text-transform: capitalize;
    width: 100%;
}

section#prawnSec5:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #00000063;
}

section#prawnSec5.noNonsense {
    background: url("../../images/seafood/raw-shrimp.jpg");
    min-height: 90vh;
    background-size: cover;
    display: flex;
    align-items: center;
    position: relative;
}

#prawnSec5.noNonsense h2 {
    font-size: 65px;
}
#prawnSec5.noNonsense p {
    font-size: 22px;
    color: #fff;
    font-weight: 300;
}

.recipe .service-content .service-content-overlay {
    background: rgb(0 0 0 / 45%);
}

.recipe .service-title {
    display: none;
}

.recipe .service-content-text {
    background: transparent;
    color: #fff;
    text-transform: capitalize;
    font-size: 30px;
    text-align: center;
}

@media screen and (max-width: 480px) {
    #chooseBox {
        padding-bottom: 0;
    }
    #chooseBox #time_landing {
        margin-top: 0px;
    }
    #seafood_main_prawn .landing_left {
        margin-top: 0 !important;
    }
    #seafood_main_prawn .landing_left h1 {
        font-size: 2.5rem;
        font-weight: 700;
        color: #fff;
    }
    #prawnSec2 h2 {
        font-size: 40px;
        text-align: center !important;
    }
    section#prawnSec2{
        background-size: cover !important;
    }
    section#prawnSec2 .row{
        margin: 0 !important;
    }
    section#prawnSec5{
        background-size: cover !important;
        background-position: bottom right !important;
    }
    section#prawnSec5.noNonsense h2{
        font-size: 35px;
        text-align: center !important;
    }
    section#prawnSec5 .row{
        margin: 0 !important;
    }
    section#infrastructureSec {
        padding: 0 !important;
        padding-top: 100px !important;
    }
    section#infrastructureSec .section-heading{
        top: 15px;
    }
    #prawnSec5 h2{
        font-size: 35px !important;
    }
    #infrastructureSec .slideImg div {
        height: 275px !important;
    }
    #infrastructureSec .carousel-item .slideContent {
        padding: 50px !important;
        padding-top: 20px !important;
    }
    #infrastructureSec .carousel-control-prev {
        justify-content: left;
    }
    #infrastructureSec .carousel-control-next {
        justify-content: flex-end;
    }
    .mobile-touch-icon img {
        position: absolute;
        display: block;
        filter: brightness(0.5) invert(1);
        z-index: 9;
        width: 50px;
        right: 10px;
        bottom: 10px;
    }
    #social-share ul.social-itens{
        display: none;
    }
    #social-share ul.social-itens.open{
        display: block;
    }
    #contact_us{
        padding-top: 50px;
    }
    #contact_us .contact_us_left h1{
        text-align: center;
        padding-bottom: 25px;
    }
    #contact_us_form .form{
        margin-bottom: 10px;
    }
    .contact_us_form_right .mt-2,
    .contact_us_form_right .my-2,
    .contact_us_form_right .mb-2{
        margin: 15px;
    }
    .contact_us_form_right .col-md-6:nth-child(2n+1){
        padding: 0;
    }
    #company_profile h1{
        font-size: 2.5rem;
        margin: 0 0 2px 0;
        padding: 15px 0;
        text-align: center;
        display: block;
        width: 100%;
        background: #fff;
    }
    #company_profile{
        padding-bottom: 0;
    }
    #mobileSlidesSec{
        display: block !important;
    }
    #journey{
        display: none;
    }
}


/****************** Cookie Consent *****************/

.cookieConsentContainer {
    z-index: 999999;
    width: 100%;
    min-height: 20px;
    box-sizing: border-box;
    padding: 50px;
    background: #f2f2f2;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
}

.cookieConsentContainer .cookieTitle b {
    color: #333;
    font-size: 25px;
    display: block;
}

#cookieConsentContainer div {
    display: inline-block;
    margin-right: 20px;
}

.cookieConsentContainer .cookieTitle a {
    color: #333;
}

.cookieConsentContainer .cookieButton {
    display: inline-block;
    margin-right: 15px;
}

.cookieConsentContainer .cookieButton a {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    margin-top: 14px;
    background: #1f4e79;
    box-sizing: border-box;
    padding: 8px 24px;
    text-align: center;
    transition: background 0.3s;
    border-radius: 2px;
}

.cookieConsentContainer .cookieButton a:hover {
    cursor: pointer;
    background: #2e689e;
}

.cookieConsentContainer .cookieButton.btn2 a {
    background: #ccc;
    color: #333;
}

.cookieConsentContainer .cookieButton.btn2 a:hover {
    cursor: pointer;
    background: #bbb;
}

.cookieIcon img {
    margin-bottom: 15px;
}

@media screen and (max-width: 980px) {
    .cookieConsentContainer {
        bottom: 0px !important;
        left: 0px !important;
        width: 100% !important;
    }
}


/******************** MUTE BUTTON *******************/

.vjs-big-play-centered .vjs-big-play-button {
    z-index: 9;
}

.vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal {
    position: absolute;
    top: -85vh;
    right: 35px;
}

.vjs-volume-control.vjs-control.vjs-volume-horizontal {}

.vjs-volume-control.vjs-control.vjs-volume-horizontal {
    display: none !important;
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
    width: 4em !important;
}

.vjs-mute-control .vjs-icon-placeholder:before {
    font-size: 2.2rem !important;
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
    background: transparent;
    background-color: transparent;
}

button.vjs-big-play-button {
    background: transparent !important;
    background-color: transparent !important;
}

button.vjs-big-play-button {
    border: none !important;
}

button.vjs-big-play-button span.vjs-icon-placeholder {
    font-size: 8rem;
}


/************** Infrastructure Slider *************/

section#infrastructureSec {
    position: relative;
    padding: 60px;
}

h2.infrastructureSecHeading {
    position: absolute;
    top: 10px;
    z-index: 99;
    left: 50%;
    color: #7c7c7c;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 4px;
}

#infrastructureSec .carousel-item h2 {
    font-size: 35px;
    text-transform: capitalize;
}

#infrastructureSec .slideImg div {
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

#infrastructureSec .slideBox {
    min-height: 80vh;
}

#infrastructureSec .carousel-item .slideContent {
    padding: 50px;
    padding-right: 165px;
}

ssection#infrastructureSec a.carousel-control-prev,
ssection#infrastructureSec a.carousel-control-next {
    position: absolute;
    display: inline-block;
    top: auto;
    width: auto;
    right: 5%;
}

ssection#infrastructureSec a.carousel-control-prev {
    right: calc(5% + 50px);
    left: auto;
}

section#infrastructureSec a.carousel-control-prev .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23f44336' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

section#infrastructureSec a.carousel-control-next .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23f44336' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

section#infrastructureSec ol.carousel-indicators {
    width: 50%;
    margin: 0;
    right: 0;
    left: auto;
    bottom: 20px;
}

section#infrastructureSec .carousel-indicators li {
    background-color: #9d9d9d;
}

section#infrastructureSec .section-heading {
    position: absolute;
    z-index: 9;
    left: 0;
    width: 100%;
    padding-top: 20px;
}

section#infrastructureSec .section-heading h2 {
    letter-spacing: 4px;
    font-size: 35px;
}


/*********** Success Message ***********/

div#formSuccess {
    position: fixed;
    top: 10vh;
    left: 35%;
    width: 30%;
    max-height: 85vh;
    background: #fff;
    z-index: 99999;
    text-align: center;
}

div#formSuccessOverlay {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgb(0 0 0 / 75%);
    z-index: 9999;
}

.formSuccessMsg {
    padding: 10px 25px;
}

img.coffeeImg {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    padding: 25px;
}

img.completedImg {
    width: 115px;
}


/* ============ Work With Us ============ */


#whyworkwithus {
    padding-top: 25px;
}

#whyworkwithus h4 {
    text-align: center;
    font-size: 1.4rem;
}

#whyworkwithus img {
    text-align: center;
    height: 110px;
    padding: 15px;
    filter: opacity(0.8);
}

#workwithusForm {
    background: #eee;
    padding: 25px;
}

#about_main.work_with_us {
    background: url("../../images/workwithus/work-with-us-cover.jpg");
    background-size: cover;
}

#about_main.work_with_us .landing_left {
    backdrop-filter: none;
    background-color: rgb(0 0 0 / 0.12);
}

#infoIconRipple {
  position: absolute;
  width: 50px;
  height: 50px;
  z-index: 9;
  top: calc(50% - 25px);
  left: calc(50% - 25px);
  background: #fff;
  border-radius: 50px;
}

#infoIconRipple i {
  font-size: 30px;
  padding: 10px 20px;
}

#infoIconRipple::after {
  opacity: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  height: 100%;
  width: 100%;
  border: 15px solid rgb(255 255 255 / 70%);
  border-radius: 100%;
  -webkit-animation-name: ripple;
          animation-name: ripple;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1);
          animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1);
  z-index: -1;
}
#infoIconRipple::before {
  opacity: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  height: 100%;
  width: 100%;
  border: 15px solid rgb(255 255 255 / 50%);
  border-radius: 100%;
  -webkit-animation-name: ripple;
          animation-name: ripple;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1);
          animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1);
  z-index: -1;
}

@-webkit-keyframes ripple {
  from {
    opacity: 1;
    -webkit-transform: scale3d(0.75, 0.75, 1);
            transform: scale3d(0.75, 0.75, 1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(1.5, 1.5, 1);
            transform: scale3d(1.5, 1.5, 1);
  }
}

@keyframes ripple {
  from {
    opacity: 1;
    -webkit-transform: scale3d(0.75, 0.75, 1);
            transform: scale3d(0.75, 0.75, 1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(1.5, 1.5, 1);
            transform: scale3d(1.5, 1.5, 1);
  }
}