@charset "utf-8";

/* CSS Document */


/* --------------------------Web Files-------------------------------------*/

@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: normal;
    src: url("webFonts/fa-brands-400.eot");
    src: url("webFonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("webFonts/fa-brands-400.woff2") format("woff2"), url("webFonts/fa-brands-400.woff") format("woff"), url("webFonts/fa-brands-400.ttf") format("truetype"), url("webFonts/fa-brands-400.svg#fontawesome") format("svg");
}

.fab {
    font-family: 'Font Awesome 5 Brands';
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 400;
    src: url("webFonts/fa-regular-400.eot");
    src: url("webFonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("webFonts/fa-regular-400.woff2") format("woff2"), url("webFonts/fa-regular-400.woff") format("woff"), url("webFonts/fa-regular-400.ttf") format("truetype"), url("webFonts/fa-regular-400.svg#fontawesome") format("svg");
}

.far {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    src: url("webFonts/fa-solid-900.eot");
    src: url("webFonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("webFonts/fa-solid-900.woff2") format("woff2"), url("webFonts/fa-solid-900.woff") format("woff"), url("webFonts/fa-solid-900.ttf") format("truetype"), url("webFonts/fa-solid-900.svg#fontawesome") format("svg");
}

.fa,
.fas {
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900;
}

@font-face {
    font-family: 'gil';
    src: url('webFonts/GIL_____.eot');
    src: url('webFonts/GIL_____.eot?#iefix') format('embedded-opentype'), url('webFonts/GIL_____.woff') format('woff'), url('webFonts/GIL_____.TTF') format('truetype');
}

@font-face {
    font-family: 'AvenirNextLTPro-Bold';
    src: url('webFonts/AvenirNextLTPro-Bold.woff2') format('woff2'), url('webFonts/AvenirNextLTPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirNextLTPro-Regular';
    src: url('webFonts/AvenirNextLTPro-Regular.woff2') format('woff2'), url('webFonts/AvenirNextLTPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirNextLTPro-Demi';
    src: url('webFonts/AvenirNextLTPro-Demi.woff2') format('woff2'), url('webFonts/AvenirNextLTPro-Demi.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AlviNastaleeq';
    src: url('webFonts/AlviNastaleeq.woff2') format('woff2'),
        url('webFonts/AlviNastaleeq.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

a:hover {
    text-decoration: underline;
}

a {
    transition: .7s;
}


/* Transition effects*/

.transition_3 {
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
}

.transition_2 {
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
}

.transition_7 {
    transition: .7s;
    -webkit-transition: .7s;
    -moz-transition: .7s;
    -o-transition: .7s;
}

.wow {
    visibility: hidden;
}

* {
    text-decoration: none;
    outline: none;
    font-family: 'AlviNastaleeq' !important;
    direction:rtl;
}

#menu:not(.mm-menu) {
    display: none;
}

a:hover {
    text-decoration: none;
}

body,
h3,
h1,
h2,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0;
}

body {
    width: 100%;
    transition: .7s;
    -webkit-transition: .7s;
    -moz-transition: .7s;
    -o-transition: .7s;
    -ms-transition: .7s;
}

a {
    display: block;
    text-decoration: none;
    transition: .7s;
}

a:focus {
    text-decoration: none;
    outline: none;
}

table {
    width: 100%;
}


/* --------------------------Web Files close-------------------------------------*/


/* --------------------------Fonts Classes-------------------------------------*/


/* --------------------------Fonts Classes-------------------------------------*/


/* --------------------------Main Styling-------------------------------------*/

.main_container {
    width: 100%;
    position: relative;
    max-width: 1700px;
    margin: 0 auto;
    overflow: hidden;
}

.standard {
    position: relative;
    margin: 0 auto;
    width: 1520px;
}

.background_side {
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    height: 100%;
    z-index: 5;
    position: fixed;
    left: 0px;
    top: 0px;
}

#page {
    display: none;
}

div#preloader {
    overflow: hidden;
    background: url(../webImages/1.gif);
    background-color: rgba(5, 141, 220, 0.9);
    background-repeat: no-repeat;
    background-position: center center;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999999;
}

.main_mmenu {
    position: relative;
    display: none;
    float: left;
}

.menu_icn {
    display: block;
}
.box_txt_ p {
    letter-spacing: 1px;
    line-height: 1.8;
}
.logo_menu a {
    color: #5e5e5e;
    font-size: 18px;
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.logo_menu {
    display: inline-block;
    vertical-align: top;
    position: absolute;
    right: 0px;
    left: 0px;
    text-align: center;
    width: 24%;
    margin: 0 auto;
}

.logo_menu img {
    width: 100%;
}

.mm-title {
    color: #ffffff !important;
}

.mm-listview {
    list-style: none;
}

body::-webkit-scrollbar-thumb {
    background: #ff8a07;
    border-radius: 10px 0px 10px 0px;
}

body::-webkit-scrollbar {
    width: 10px;
    background-color: #2d2d2d;
}


/* --------------------------Main Styling-------------------------------------*/

.all1 *,
.all2 *,
.all3 * {
    direction: ltr;
}

/* --------------------------Header Styling-------------------------------------*/

.banner_side {
    position: relative;
    width: 100%;
}

.banner_side:before {
    /*content: '';*/
    position: absolute;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 40px;
    background: url(../webImages/2.png) no-repeat;
    background-size: cover;
    z-index: 9;
}

#banner {
    list-style: none;
    padding: 0px 0px;
    margin: 0px 0px;
    width: 100% !important;
}

#banner li {
    width: 100% !important;
}

#banner li img {
    width: 100%;
}

.inner_banner {
    position: relative;
    width: 100%;
}

.inner_banner .bann_inner_txt_ {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0px auto;
    text-align: center;
    width: 100%;
    top: 40%;
}

.bann_inner_txt_ h1 {
    font-size: 68px;
    font-family: 'AvenirNextLTPro-Bold';
    color: #ff8a07;
}

.pager {
    position: absolute;
    bottom: 45%;
    right: 30px;
    display: block;
    z-index: 1;
    width: 12px;
    margin: 0px 0px;
    z-index: 2;
}

.slide-node {
    margin: 0 auto;
}

#slide-pager {
    clear: both;
    overflow: hidden;
    padding: 0;
    text-align: center;
    z-index: 1;
    margin: 0px 0px;
}

#slide-pager li {
    display: block;
    margin-bottom: 10px;
    cursor: pointer;
    /* vertical-align: top; */
}

#slide-pager li:last-child {
    margin-right: 0%;
}

#slide-pager li a {
    display: block;
    background: transparent;
    border: none;
    border-radius: 0px;
    width: 12px !important;
    border-radius: 50% !important;
    border: 1px solid #ffffff;
    height: 12px;
    padding: 5px 5px;
}

#slide-pager li a:hover {
    display: block;
    height: 12px;
    padding: 5px 5px;
    overflow: hidden;
    width: 12px !important;
    border-radius: 50% !important;
    border: 1px solid #0f747d;
    background: #0f747d;
}

#slide-pager li a.usl-current {
    display: block;
    height: 12px;
    padding: 5px 5px;
    overflow: hidden;
    width: 12px !important;
    border-radius: 50% !important;
    border: 1px solid #0f747d;
    background: #0f747d;
}

canvas {
    display: block;
    /* vertical-align: bottom; */
}


/* ---- stats.js ---- */

.count-particles {
    background: #000022;
    position: absolute;
    top: 48px;
    left: 0;
    width: 80px;
    color: #13E8E9;
    font-size: .8em;
    text-align: left;
    text-indent: 4px;
    line-height: 14px;
    padding-bottom: 2px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
}

.js-count-particles {
    font-size: 1.1em;
}

#stats,
.count-particles {
    -webkit-user-select: none;
    user-select: none;
    margin-top: 5px;
    margin-left: 5px;
}

#stats {
    border-radius: 3px 3px 0 0;
    overflow: hidden;
}

.count-particles {
    border-radius: 0 0 3px 3px;
}


/* ---- particles.js container ---- */

#particles-js {
    width: 100%;
    background-color: #0000004a;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: fixed;
    left: 0px;
    top: 0px;
    height: 100%;
}

#stats {
    display: none;
}

.header_side {
    position: relative;
    width: 100%;
    margin: 0px auto;
}

.header_top {
    position: relative;
    background: #fef4ea;
    padding: 10px 0px;
    z-index: 9;
}

.logo_side {
    width: 15%;
    display: inline-block;
    vertical-align: middle;
}

.logo_side img {
    width: 100%;
    /*max-width: 160px;*/
}

.nav_ {
    width: 70%;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    transition: .5s cubic-bezier(0.15, 1.2, 0.09, 0);
    margin: 0px auto;
}

.nav_ ul {
    margin: 0px;
    padding: 0px;
}

.nav_ ul li {
    display: inline-block;
    font-size: 22px;
    list-style: none;
    padding: 0px 10px 0px 10px;
    text-align: right;
    transition: .5s;
}
/*.nav_ ul li:nth-child(5) .sub_menu .sub_left .sub_in_left ul li:nth-child(2):hover a,.nav_ ul li:nth-child(5) .sub_menu .sub_left .sub_in_left ul li:nth-child(4):hover a {*/
/*    color: #000000;*/
/*}*/
.nav_ ul li a {
    display: block;
    color: #000000;
    text-shadow: 0px 0px #000;
    cursor: pointer;
}

.nav_ ul li.active a {
    color: #ff8a07;
}

.nav_ li a:hover {
    color: #ff8a07;
}

.sub_menu {
    position: fixed;
    width: 100%;
    max-width: 100%;
    z-index: 9999;
    transition: all .5s ease-in-out;
    background: #fff;
    padding: 30px;
    transform: scaleX(0);
    left: 0;
    right: 0;
    margin: 0px auto;
    text-align: center;
    top: 90px;
    box-shadow: 0 16px 16px rgb(0 0 0 / 29%);
    -webkit-animation: fill 3s cubic-bezier(0.31, 1.46, 0, 0.31) infinite;
    animation: fill 3s cubic-bezier(0.31, 1.46, 0, 0.31) infinite;
}

.nav_ li:hover .sub_menu {
    transform: scaleX(1);
}

.sub_menu h3 {
    text-align: right;
    font-size: 26px;
    color: #ff8a07;
    margin-bottom: 10px;
    font-weight: 900;
}

.sub_menu p {
    font-size: 17px;
    margin: 10px 0px;
    padding-left: 50px;
}

.sub_left,
.sub_right {
    display: inline-block;
    vertical-align: top;
}

.sub_left {
    width: 57.7%;
    text-align: right;
    padding-right: 27.8%;
}

.sub_right {
    width: 40.9%;
    text-align: right;
}

.sub_in_left,
.sub_in_right {
    display: inline-block;
    vertical-align: top;
    text-align: right;
}

.sub_in_left {
    width: 66%;
    margin-right: 15px;
}

.sub_in_right {
    width: 49%;
    margin-left: 10%;
}

.sub_in_left ul li {
    position: relative;
    display: block;
    margin-bottom: 10px;
    transition: .3s ease-out;
}
.sub_in_left ul ul li {
    margin-bottom: 0px;
}
.sub_in_left ul li:before {
    content: '';
    position: absolute;
    right: -11px;
    top: 5px;
    background: url(../webImages/left.png) no-repeat;
    background-size: 100% 100%;
    width: 10px;
    height: 14px;
    transform: rotate(60deg);
}
.sub_in_left ul ul li:before {
    top: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: url();
    background: #ff0008;
}
.sub_in_left ul li a,.sub_in_left ul li {
    color: #000;
    font-size: 17px;
    text-shadow: 0px 0px #000;
}

.sub_in_left ul li a:hover {
    color: #ff8a07;
}

.nav_ li:hover .sub_menu {
    transform: scaleY(1);
}

.sub_menu .btn_main_ a {
    color: #ff8a07;
    margin-top: 10px;
    text-align: right;
    font-size: 17px;
}

.sub_in_left_ {
    width: 57%;
}

.right_side {
    width: 14%;
    display: inline-block;
    vertical-align: middle;
}

.sub_right_img {
    position: relative;
    display: inline-block;
    overflow: hidden;
    transition: .3s ease-out;
}

.sub_right_img img {
    width: 100%;
    transition: .3s ease-out;
}

.sub_right_img:hover img {
    transform: scale(1.2);
}

.btn_2 {
    position: relative;
    width: auto;
    background: #ff8a07;
    line-height: 30px;
    display: inline-block;
    padding: 0px 10px;
    transform: perspective(1px) translateZ(0);
    transition-property: color;
    transition-duration: 0.3s;
}

.btn_2:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #ff0008;
    transform: scaleX(0);
    transform-origin: 50%;
    transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}

.btn_2:hover::before {
    transform: scaleX(1);
}

.btn_2 a {
    position: relative;
    color: #fff !important;
    font-size: 14px;
    font-family: 'AvenirNextLTPro-Demi';
    transition: .3s ease-in-out;
    text-shadow: none !important;
}

.eng,
.urdu,
.search {
    display: inline-block;
    vertical-align: middle;
}

.urdu a {
    font-size: 14px;
    color: #ffffff;
    font-family: 'AvenirNextLTPro-Demi';
    background: #ff8a07;
    padding: 8px 15px;
    text-transform: uppercase;
    letter-spacing: .5px;
    
}

.eng a {
    font-size: 16px;
    color: #000;
    font-family: 'nafeesnastaliq';
    padding: 4px 10px;
     
}

.eng {
    border-bottom: 2px solid #ff8a07;
}
.search {
    margin-left: -3px;
}
.banner_side_txt {
    position: absolute;
    bottom: 5%;
    right: 0;
    left: 0;
    margin: 0px auto;
    text-align: center;
    display: block;
    width: 50%;
}

.banner_side .banner_side_txt img {
    position: relative;
    width: 405px !important;
}

.banner_side_txt h1 {
    color: #fff;
    font-size: 36px;
    font-family: 'AvenirNextLTPro-Regular';
}

.banner_side_txt h1 .partner {
    color: #ff0008;
    font-family: 'AvenirNextLTPro-Demi';
}

.banner_side_txt h1 .trust {
    color: #ff8a07;
    font-family: 'AvenirNextLTPro-Demi';
}

.banner_side_ {
    position: absolute;
    bottom: 50px;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0px auto;
    text-align: center;
    display: block;
}

.banner_btns {
    position: absolute;
    bottom: 45%;
    width: 95%;
    right: 0;
    left: 0;
    margin: 0px auto;
    cursor: pointer;
    transition: .5s;
    z-index: 9999;
}

.btn_left {
    float: left;
}

.btn_right {
    float: right;
}

.banner_side_ img {
    width: 100%;
}

.banner_side_2 {
    position: absolute;
    width: 50%;
    left: 0;
    right: 0;
    margin: 0px auto;
    bottom: 40%;
}

.banner_1 {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
    display: block;
    margin: 0px auto;
    bottom: -15px;
    padding: 0px 50px;
}

.banner_1 h1 {
    font-family: 'AvenirNextLTPro-Regular';
    color: #fff;
    font-size: 63px;
}

.banner_1 h1 span {
    font-family: 'AvenirNextLTPro-Bold';
}

.banner_side .banner_side_ img {
    width: 900px !important;
}

.banner_3 {
    position: absolute;
    left: 0;
    width: 40%;
    top: 0;
    padding: 0px 50px;
}

.banner_3 img {
    width: 100% !important;
}

.banner_3_r {
    position: absolute;
    right: 0;
    width: 50%;
    top: 32%;
}

.cloud {
    position: relative;
    width: 100%;
}

.cloud:before {
    content: '';
    position: absolute;
    width: 50%;
    height: 20%;
    left: 0;
    right: 0;
    top: 12%;
    background: url(../webImages/cb.png) no-repeat;
    background-size: 100% 100%;
    -webkit-animation: move_ 45s linear infinite;
    animation: move_ 45s linear infinite;
    z-index: 1;
    filter: drop-shadow(0px 3px 7px #333);
    /*margin: 0px auto;*/
}

@keyframes move_ {
    0% {
        left: -100%;
        opacity: 0;
    }
    25% {
        left: 0%;
        opacity: 0;
    }
    50% {
        left: 100%;
        opacity: .5;
    }
    75% {
        left: 0%;
        opacity: .5;
    }
    100% {
        left: -100%;
        opacity: 0;
    }
}

@-webkit-keyframes move_ {
    0% {
        left: -100%;
        opacity: 0;
    }
    25% {
        left: 0%;
        opacity: 0;
    }
    50% {
        left: 100%;
        opacity: .5;
    }
    75% {
        left: 0%;
        opacity: .5;
    }
    100% {
        left: -100%;
        opacity: 0;
    }
}

.banner_3_top_ {
    position: absolute;
    bottom: -20px;
    width: 80%;
    left: 0;
    right: 0;
    z-index: 9;
    margin: 0px auto;
}

.banner_3_top {
    position: absolute;
    left: 0;
    width: 50%;
    top: 0;
    background: url(../webImages/banners/6.png);
    background-size: cover;
     height: 70%;
    overflow: visible;
    z-index: 9;
}

.banner_3_bottom {
    position: absolute;
    left: 0;
    width: 50%;
    bottom: 0px;
    height: 54%;
    z-index:99;
}

.banner_3_top img,
.banner_3_bottom img {
    width: 100%;
    height: 100%;
}

.banner_3_txt {
    position: absolute;
    width: 100%;
    top: 40%;
    text-align: center;
}

.banner_3_txt h1 {
    font-family: 'AvenirNextLTPro-Regular';
    color: #fff;
    font-size: 60px;
}

.banner_3_txt_ {
    position: absolute;
    left: 0;
    right: 0;
    width: 90%;
    bottom: 50px;
    display: block;
    margin: 0px auto;
    text-align: center;
}

.banner_3_txt_ p {
    font-family: 'AvenirNextLTPro-Regular';
    color: #fff;
    font-size: 28px;
}

.banner_4 {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
}

.banner_4_ {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
}

.banner_4 img,
.banner_4_ img {
    width: 100%;
}

.banner_4_top {
    position: absolute;
    left: 0;
    width: 40%;
    height: 20%;
    top: 0px;
}

.banner_4_bottom {
    position: absolute;
    left: 0;
    width: 40%;
    bottom: 22px;
}

.banner_4_txt {
    position: absolute;
    left: 0;
    right: 0;
    width: 90%;
    top: 50px;
    display: block;
    margin: 0px auto;
    text-align: center;
}

.banner_4_txt h1 {
    font-family: 'AvenirNextLTPro-Regular';
    color: #fff;
    font-size: 60px;
}

.banner_4_txt_ {
    position: absolute;
    left: 0;
    right: 0;
    width: 90%;
    bottom: 50px;
    display: block;
    margin: 0px auto;
    text-align: center;
}

.banner_4_txt_ p {
    font-family: 'AvenirNextLTPro-Regular';
    color: #fff;
    font-size: 28px;
}


/* --------------------------Header Styling close-------------------------------------*/


/* --------------------------Content Styling -------------------------------------*/

.index_content {
    position: relative;
    width: 100%;
}

.main {
    position: relative;
    width: 1280px;
    margin: 0px auto;
}

.col1 {
    width: 100%;
    margin: 0px auto;
    overflow: hidden;
}

.col1_box {
    width: 21.6%;
    float: right;
    margin: 0px auto;
    position: relative;
    height: 600px;
    overflow: hidden;
    transition: .5s ease-in-out;
}

.col1_box .btn_:hover a {
    color: #fff;
    text-shadow: 0px 0px #fff;
}

.col1_box img {
   height: 100%;
    filter: grayscale(1);
    transition: width .3s;
}

.box_big {
    width: 35.2%;
}

.box_big img {
    /*width: 100%;
    height: 100%;*/
    filter: none;
     width: -webkit-fill-available;
}

.box_txt,
.box_txt_ {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: auto;
    left: 0;
    padding: 40px;
    transition: .5s ease-in-out;
}
.box_txt_ ul {
    list-style:none;
    padding:0;
    margin:0;
}
.box_txt_ ul li {
     font-size: 17px;
    text-shadow: 0px 0px #fff;
    color: #fff;
    transition: 1s ease-in-out;
}
.box_txt h2,
.box_txt_ h2 {
    font-family: 'AvenirNextLTPro-Bold';
    color: #fff;
    font-size: 40px;
}

.box_txt_ {
    bottom: -500px;
}

.box_txt_ p {
    font-size: 20px;
    text-shadow: 0px 0px #fff;
    color: #fff;
    transition: 1s ease-in-out;
}

.box_txt_ .btn_ {
    margin-top: 10px;
}

.box_big .box_txt_ {
    bottom: 0;
    background: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 4%, rgba(255, 156, 59, 0.7567401960784313) 31%, rgba(255, 126, 1, 1) 90%);
}

.box_big .box_txt {
    bottom: -500px;
}

.box_big .box_txt_ p {
    bottom: 0;
}

.box_txt_:hover .btn_ a {
    color: #fff;
    text-shadow: 0px 0px #333;
}

.col2 {
    padding: 100px 0px 80px;
    background: url(../webImages/bg/1.jpg) no-repeat;
    background-attachment: fixed;
    background-position: center bottom;
    background-size: cover;
    position: relative;
}

.col2:before {
    content: '';
    position: absolute;
    right: 10%;
    top: 0;
    background: #fff;
    width: 1px;
    height: 180px;
    z-index: 1;
}

.col2:after {
    content: '';
    position: absolute;
    right: 0%;
    top: 0;
    background: #2626268f;
    width: 100%;
    height: 100%;
}

.col2_txt {
    width: 90%;
    text-align: right;
    position: relative;
    margin: 0px auto;
    margin-left: 0;
    z-index: 1;
}

.col2_main {
    position: relative;
    z-index: 1;
}
.col2_main  .nav_btn .all1_right {
     transform: rotate(0deg); 
}
.col2_txt h2 {
    color: #ff8a07;
    font-size: 40px;
    font-family: 'AvenirNextLTPro-Bold';
    margin-bottom: 10px;
}

.col2_txt p {
    color: #fff;
    font-size: 20px;
}

.col2_txt h1 {
    position: absolute;
    left: 0;
    bottom: -69px;
    font-size: 110px;
    color: transparent;
    -webkit-text-stroke-color: #ffffff9e;
    -webkit-text-stroke-width: 1px;
    line-height: 120px;
    font-family: 'AvenirNextLTPro-Bold';
}

.all1 {
    padding: 10px;
    background: #fff;
    margin: 50px auto;
    text-align: center;
    z-index: 1;
    position: relative;
}

.col2_box {
    display: inline-block;
    vertical-align: middle;
    width: 98%;
    position: relative;
    overflow: hidden;
}

.col2_box img {
    width: 100%;
    position: relative;
    transition: .5s ease-in-out;
    filter: grayscale(1);
}

.col2_box:hover img {
    transform: scale(1.09);
    filter: grayscale(0);
}

.col2_box_txt {
    position: absolute;
    width: 100%;
    right: 10px;
    bottom: 10px;
    text-align: right;
    color: #fff;
}

.col2_box_txt h2 {
    width: 87%;
    width: 100%;
    margin-bottom: 10px;
    font-family: 'AvenirNextLTPro-Bold';
    font-size: 36px;
    letter-spacing: .5px;
    line-height: 40px;
}

.btn_ {
    position: relative;
    width: 100%;
    max-width: 100px;
    margin: 0px auto;
    margin-right: 0;
    text-align: right;
}

.btn_ a {
    display: block;
    font-size: 20px;
    position: relative;
    color: #fff;
    font-family: 'AvenirNextLTPro-Bold';
}

.btn_:hover a {
    color: #ff8a07;
    text-shadow: 0px 0px #ff8a07;
}

.btn_ a:before {
       content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    background: url(../webImages/btn.png) no-repeat;
    background-size: cover;
    transform: rotate(180deg);
        top: 6px;
}

.all1 .owl-dots {
    position: absolute;
    left: 10%;
    width: auto;
    bottom: -70px;
    z-index: 9;
}

.owl-theme .owl-dots .owl-dot.active span {
    border: none;
    background: #ff0008;
    transition: .5s ease-in-out;
    border-radius: 10px;
    opacity: 1;
    height: 6px;
    width: 100px;
}

.owl-theme .owl-dots .owl-dot span {
    display: inline-block;
    background: #ffffff;
    border: none;
    border-radius: 10px;
    opacity: 1;
    vertical-align: middle;
    height: 3px;
    width: 100px;
    margin: 0px -1px;
    overflow: hidden;
    transition: .5s ease-in-out;
}

.owl-theme .owl-dots .owl-dot:hover span {
    border: none;
    background: #ff0008;
    transition: .5s;
    border-radius: 10px;
    opacity: 1;
    height: 4px;
    width: 100px;
}

.nav_btn {
    position: absolute;
    bottom: -85px;
    width: auto;
    overflow: hidden;
    right: 0;
    transition: .5s ease-in-out;
    z-index: 99;
    cursor: pointer;
}

.all1_left {
    float: left;
}

.all1_right {
    float: right;
}
.nav_btn .all3_left {
    transform: rotate(0deg);
}
.nav_btn .all1_right {
    transform: rotate(180deg);
}
.all1_left img,
.all1_right img {
    filter: invert(1)brightness(10);
    width: 100%;
    max-width: 25px;
    margin: 0px auto;
    display: block;
}

.all1_left,
.all1_right {
    width: 45px;
    height: 45px;
    overflow: hidden;
    border: 1px solid #ffffff;
    border-radius: 50%;
    padding: 9px 0px;
    margin-right: 10px;
    transition: .5s ease-in-out;
}

.all1_left:hover,
.all1_right:hover {
    background: #ff0008;
}

.col3 {
    position: relative;
}

#poducts {
    list-style: none;
    padding: 0px 0px;
    margin: 0px 0px;
    width: 100% !important;
}

#poducts li {
    width: 100% !important;
}

#poducts li img {
    width: 100% !important;
}

.product_detail {
    position: absolute;
    bottom: 11%;
    width: 80%;
    left: 0;
    right: 0;
    margin: 0px auto;
    /*overflow: hidden;*/
}

.col3 .main {
    overflow: hidden;
}

.col3_txt {
    position: absolute;
    right: 0;
    bottom: -10%;
    height: 52%;
    width: 31.3%;
}

.col3_txt:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 125px;
    height: 125px;
    background: url(../webImages/bg/3b.png) no-repeat;
    background-size: cover;
    -webkit-animation: Bt 25s linear infinite;
    animation: Bt 25s linear infinite;
}

@keyframes Bt {
    0% {
        transform: rotateX(0deg) rotateY(0deg);
    }
    50% {
        transform: rotateX(900deg) rotateY(900deg);
    }
    100% {
        transform: rotateX(0deg) rotateY(0deg);
    }
}

@-webkit-keyframes Bt {
    0% {
        transform: rotateX(0deg) rotateY(0deg);
    }
    50% {
        transform: rotateX(900deg) rotateY(900deg);
    }
    100% {
        transform: rotateX(0deg) rotateY(0deg);
    }
}

.col3_txt h3 {
    font-size: 90px;
    font-family: 'AvenirNextLTPro-Bold';
    color: #ffffff;
    line-height: 1.1;
    text-align: right;
    position: relative;
}

.col3_right {
    /* display: inline-block;
    vertical-align: bottom; */
    position: relative;
    float: left;
    width: 50%;
    height: 500px;
    overflow: hidden;
    background: #fffffff0;
    padding: 0 0 0 30px;
}

.col3_box {
    width: 90%;
    margin: 0px auto;
    display: block;
    margin-right: 0;
}
.col3_box img {
    margin-bottom:20px;
}
.col3 .btn_ {
    margin-top: 10px;
}

.col3 .btn_:hover a,
.col4 .btn_:hover a {
    color: #ff8a07;
    text-shadow: 0px 0px #ff8a07;
}

.col3 .btn_ a {
    color: #adadad;
}

.col3_box h2 {
    color: #ff8a07;
    font-size: 38px;
    font-family: 'AvenirNextLTPro-Bold';
}

.col3_box p {
    color: #000;
    text-shadow: 0px 0px #000;
    font-size: 20px;
    font-family: 'AvenirNextLTPro-Regular';
    margin: 15px auto;
    line-height: 20px;
}

.nav_btn_ {
    position: absolute;
    bottom: 11%;
    width: 50px;
    overflow: hidden;
    left: 10%;
    transition: .5s ease-in-out;
    z-index: 99;
    cursor: pointer;
    height: 500px;
    background: #ff0008;
    display: flex;
    justify-content: center;
    align-items: center;
}


/*.all2_left {
    display: block;
    margin: 0px auto;
}

.all2_right {
    display: block;
    margin: 0px auto;
}*/

.all2_left img,
.all2_right img {
    filter: grayscale(1)brightness(10);
    width: 100%;
    max-width: 30px;
    margin: 0px auto;
    display: block;
    transition: .5s ease-in-out;
}

.all2_left,
.all2_right {
    width: 40px;
    height: 40px;
    overflow: hidden;
    border: 1px solid #ffffff;
    border-radius: 50%;
    padding: 7px 7px;
    margin: 0px auto;
    transition: .5s ease-in-out;
    transform: rotate(90deg);
    margin-bottom: 10px;
}

.all2_left:hover,
.all2_right:hover {
    background: #fff;
}

.all2_left:hover img,
.all2_right:hover img {
    filter: none;
}

.col4 {
    padding: 100px 0px 80px;
    width: 100%;
    background: url(../webImages/bg/3.jpg) no-repeat !important;
    background-size: cover !important;
    position: relative;
}

.col4:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    background: url(../webImages/bg/4b.png) no-repeat;
    background-size: 100% 100%;
    -webkit-animation: fille 3s ease-in-out infinite;
    animation: fille 3s ease-in-out infinite;
}

.col4:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 90px;
    height: 90px;
    background: url(../webImages/bg/4a.png) no-repeat;
    background-size: cover;
    -webkit-animation: fille 3s ease-in-out infinite;
    animation: fille 3s ease-in-out infinite;
}

@keyframes fille {
    0% {
        filter: drop-shadow(0px 0px 8px #333);
    }
    50% {
        filter: drop-shadow(0px 0px 0px #333);
    }
    100% {
        filter: drop-shadow(0px 0px 8px #333);
    }
}

@-webkit-keyframes fille {
    0% {
        filter: drop-shadow(0px 0px 8px #333);
    }
    50% {
        filter: drop-shadow(0px 0px 0px #333);
    }
    100% {
        filter: drop-shadow(0px 0px 8px #333);
    }
}

.col4_left {
    width: 24%;
    display: inline-block;
    vertical-align: top;
    margin-left: 0%;
    position: relative;
}

.all3 {
    position: relative;
    text-align: right !important;
    float: right;
}

.col4 .nav_btn {
    bottom: -34px;
}

.all3_left,
.all3_right {
    display: inline-block;
    vertical-align: top;
    width: 25px;
}

.all3_left {
    transform: rotate(180deg);
}

.col4_left img {
    position: relative;
    margin-bottom: 20px;
    width: 100%;
    float: right;
    max-width: 210px;
}

.all3_left img,
.all3_right img {
    margin-bottom: 0px;
}

/*.col4_left:before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    width: 130px;*/
/*    border: 1px solid #ff8a07;*/
/*    right: 9px;*/
/*    top: 8px;*/
/*    height: 126px;*/
/*}*/

.col4_left p {
    font-size: 20px;
    margin-bottom: 20px;
    color: #020202;
    text-shadow: 0px 0px #020202;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.col4_left h3 {
    font-size: 20px;
    color: #ff8a07;
    font-family: 'AvenirNextLTPro-Bold';
}

.col4_left h5 {
    font-size: 20px;
    color: #adadad;
    font-family: 'AvenirNextLTPro-Bold';
}

.col4_right {
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

.col4_top {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}

.col4_top h1 {
    float: right;
    font-size: 38px;
    font-family: 'AvenirNextLTPro-Bold';
    color: #ff8a07;
}

.col4_top .btn_ {
    float: left;
    margin: 9px auto;
}

.col4 .btn_ a {
    color: #adadad;
}

.col4_box {
    width: 95%;
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
}

.col4_box img {
    width: 100%;
    /* direction: rtl; */
    text-align: right;
}
.all3 .owl-item {
    float:right;
}
.col4_gird .col4_box {
     width: 100%;
    background: #fff;
    padding: 30px 20px;
    text-align: left;
    box-shadow: 2px 3px 4px #ddd, inset 2px 2px 2px #ddd;
     display: grid;
    grid-template-columns: 1.2fr 6.8fr;
    gap: 5%;
    margin-right: 0px;
    margin-bottom:30px;
}
.all2  .col4_box_img img {
    min-height: 300px;
    max-height: 300px;
    overflow:hidden;
    object-fit:cover;
}
.col4_box img {
    width: 100%;
}
.col4_box_img {
    position: relative;
    width: 100%;
}

.col4_txt {
    margin: 15px auto;
    text-align:right;
}

.col4_txt p {
    font-size: 20px;
    color: #020202;
    text-shadow: 0px 0px #020202;
    margin: 8px auto;
}

.col4_txt h4 {
    font-size: 20px;
    font-family: 'AvenirNextLTPro-Bold';
    color: #ff8a07;
    margin-bottom:5px;
}

.col4_box:nth-child(3) {
    margin-right: 0;
}

.col5 {
    padding: 0px 0px 0px;
    background: url(../webImages/bg/4.jpg) no-repeat;
    background-attachment: fixed;
    background-position: center bottom;
    background-size: cover;
}
.col5 * {
    direction: ltr;
}
.col5_left {
    position: relative;
    width: 40%;
    margin-left: -40px;
    display: inline-block;
    vertical-align: bottom;
}

.col5_main {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.col5_main:before {
    content: '';
    position: absolute;
    right: -11px;
    width: 75%;
    height: 100%;
    top: -26px;
    background: url(../webImages/5b.png) no-repeat;
    background-size: 100% 100%;
}

.col5_left img {
    width: 100%;
    position: relative;
}

.col5_box {
    position: absolute;
    top: 0;
    left: 10%;
    color: #fff;
}

.col5_box:nth-child(1) {
    top: -24%;
    left: 27%;
}

.col5_box:nth-child(2) {
    left: auto;
    right: 28%;
    top: -10%;
}

.col5_box:nth-child(3) {
    left: auto;
    right: 8%;
    top: 11%;
    bottom: auto;
}

.col5_box:nth-child(4) {
    left: auto;
    right: -10%;
    top: auto;
    bottom: 52%;
}

.col5_box:nth-child(5) {
    left: auto;
    right: -20%;
    top: auto;
    bottom: 29%;
}

.col5_box:nth-child(6) {
    left: auto;
    right: -28%;
    top: auto;
    bottom: 7%;
}

.col5_box h4 {
    font-size: 26px;
    font-family: 'AvenirNextLTPro-Bold';
    color: #fff;
    display: block;
}

.col5_box h5,
.col5_box span {
    display: inline-block;
    font-size: 26px;
    font-family: 'AvenirNextLTPro-Bold' !important;
    color: #fff;
}

.col5_right {
    position: relative;
    display: inline-block;
    width: 59.7%;
    margin: 70px auto;
    margin-right: 0;
    text-align: end;
}

.col5_right img {
    position: relative;
}

.right_txt {
    position: absolute;
    left: 23%;
    top: 17%;
    width: 25%;
    background: #ff8a07;
    padding: 10px;
    border: 1px solid #fff;
}

.right_txt ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.right_txt ul li {
    text-align: left;
    transform: scaleX(-1);
}

.right_txt ul li h6 {
    display: inline-block;
    vertical-align: middle;
    font-size: 29px;
    font-family: 'AvenirNextLTPro-Bold';
    color: #fff;
    width: 60.2%;
    transform: scaleX(-1);
    text-align: right;
}

.right_txt li h3 {
    color: #780000;
    font-size: 40px;
    font-family: 'AvenirNextLTPro-Bold' !important;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    width: 37.3%;
    transform: scaleX(-1);
}

.bottom_txt {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0px auto;
    bottom: 0%;
    width: 40%;
    text-align: right;
}

.bottom_txt h3 {
    position: relative;
    font-size: 36px;
    font-family: 'AvenirNextLTPro-Bold';
    color: #fff;
    margin-bottom: 44px;
}

.bottom_txt h1 {
    font-size: 130px;
    font-family: 'AvenirNextLTPro-Bold';
    color: #fff;
    line-height: 50px;
    filter: drop-shadow(2px 2px 4px #333);
}

.bottom_txt:before {
    content: '';
    position: absolute;
    bottom: -39%;
    left: 11%;
    width: 150px;
    height: 150px;
    background: url(../webImages/bg/3b.png) no-repeat;
    background-size: cover;
    -webkit-animation: Bt 25s linear infinite;
    animation: Bt 25s linear infinite;
}

.col6 {
    padding: 50px 0px;
    width: 100%;
    /*background: url(../webImages/bg/5.jpg) no-repeat;*/
    /*background-size: 100% 100%;*/
    position: relative;
}

.col6:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    right:0;
    background: url(../webImages/bg/5.jpg) no-repeat;
    background-size: cover;
    transform: scaleX(-1);
    
}
.col6:after {
    content: '';
    position: absolute;
    width: 200px;
    height: 200px;
    bottom: 0;
    right: 0;
    background: url(../webImages/bg/6b.png) no-repeat;
    background-size: cover;
    -webkit-animation: fille 3s ease-in-out infinite;
    animation: fille 3s ease-in-out infinite;
    transform: scaleX(-1);
    z-index:-1;
}

.col6_left {
    width: 29.9%;
    display: inline-block;
    vertical-align: middle;
    margin: 0px auto;
    text-align: right;
}

.col6_left h5 {
    color: #242424;
    font-size: 24px;
    font-family: 'AvenirNextLTPro-Bold';
    margin-bottom: 10px;
}

.col6_left h2 {
    color: #ff8a07;
    font-family: 'AvenirNextLTPro-Bold';
    font-size: 40px;
}

.col6_left p {
    margin: 10px auto;
    text-align: right;
    font-size: 20px;
    color: #242424;
    text-shadow: 0px 0px #242424;
}

.col6_right {
    width: 69.6%;
    display: inline-block;
    vertical-align: middle;
    margin: 0px auto;
    text-align: left;
}

.col6_right ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block;
    vertical-align: top;
}

.col6_right ul li {
    display: block;
    vertical-align: middle;
    padding: 8px;
    cursor: pointer;
    border: 1px solid #ff0008;
    color: #ff0008;
    width: 150px;
    text-align: center;
    margin: 0px auto 20px;
    font-size: 19px;
    border-radius: 4px;
    letter-spacing: .2px;
}

.col6_right ul li:last-child {
    margin-left: 0;
}

.col6_right ul li.select-cat {
    background: #ff0008;
    color: #fff;
}

.grid {
    display: inline-block;
    margin: 0px auto;
    margin-left: 0;
     width: 82%;
    height: 390px !important;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-left: 10px;
}

.grid::-webkit-scrollbar-thumb {
    background: #ff8a07;
    border-radius: 10px 0px 10px 0px;
}

.grid::-webkit-scrollbar {
    width: 10px;
    background-color: transparent;
}

.col6_box {
    width: 29.5%;
    margin-left: 20px;
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 20px;
    box-shadow: 0px 0px 8px #CCC;
    transition: .5s ease-in-out;
}

.col6_box img {
    width: 100%;
}

.col7 {
    padding: 120px 0px;
    width: 100%;
    background: url(../webImages/bg/6.jpg) no-repeat;
    background-attachment: fixed;
    background-size: 100% 100%;
    position: relative;
    overflow: hidden;
}

.col7_right {
    position: relative;
    width: 47%;
    float: right;
}

.col7_right h1 {
    font-size: 76px;
    font-family: 'AvenirNextLTPro-Bold';
    color: #fff;
    line-height: 60px;
    text-align: right;
    position: relative;
    z-index: 9;
}

.col7_right:before {
    content: '';
    position: absolute;
    top: 0%;
    right: -6%;
    width: 210px;
    height: 210px;
    background: url(../webImages/bg/3b.png) no-repeat;
    background-size: cover;
    -webkit-animation: Bt 25s linear infinite;
    animation: Bt 25s linear infinite;
}

.col7_right h1 span {
    color: #ff8a07;
    font-family: 'AvenirNextLTPro-Bold';
    line-height: 70px;
    position: relative;
}

.col7_right p {
    position: relative;
    font-size: 20px;
    color: #fff;
}

.col7_right a {
    font-size: 20px;
    color: #ff0008;
    display: inline-block;
    font-family: 'AvenirNextLTPro-Bold' !important;
}


/* --------------------------Content Styling close -------------------------------------*/


/* --------------------------owl_content Styling  -------------------------------------*/


/* --------------------------owl_content Styling close -------------------------------------*/


/* --------------------------Footer Styling --------------------------------------------*/

.col8 {
    padding: 70px 0px;
    width: 100%;
    background: url(../webImages/bg/7.jpg) no-repeat;
    background-size: 100% 100%;
    position: relative;
}

.col8_right {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 31%;
    /*background: url(../webImages/bg/8b.png) no-repeat;
    background-size: 100% 100%;*/
    height: 72%;
}


/*@-webkit-keyframes shah {
    0% {
        filter: drop-shadow(0px 0px 8px #fff);
    }

    50% {
        filter: drop-shadow(0px 0px 0px #fff);
    }

    100% {
        filter: drop-shadow(0px 0px 8px #fff);
    }
}*/

.col8_right img {
    width: 100%;
    height: 100%;
    /*-webkit-animation: shah 3s ease-in-out infinite;*/
}

.col8_box {
    width: 30%;
    display: block;
    margin: 0px auto;
}

.col8_box h4 {
    color: #ff0008;
    font-size: 21px;
    font-family: 'AvenirNextLTPro-Bold';
    margin-bottom: 10px;
}

.col8_box p {
    font-size: 20px;
    color: #000;
    text-shadow: 0px 0px #000;
    margin-bottom: 10px;
}

.col8_box h5 {
    font-size: 20px;
    color: #000;
    text-shadow: 0px 0px #000;
    margin-bottom: 10px;
}

.col8_box h5 a {
    font-size: 20px;
    color: #000;
    text-shadow: 0px 0px #000;
    display: inline-block;
}

.col8_box h5 span {
    width: 23%;
    display: inline-block;
    vertical-align: top;
}

.social {
    margin: 50px auto 0;
}

.social ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.social ul li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.social ul li img {
    transition: .5s ease-in-out;
}

.social ul li:hover img {
    transform: rotate(720deg);
}

.col9 {
    padding: 50px 0px;
    width: 100%;
    background: url(../webImages/bg/8.jpg) no-repeat;
    background-size: 100% 100%;
    position: relative;
}

.col9_left {
    display: inline-block;
    vertical-align: middle;
    width: 55%;
}

.col9_right {
    display: inline-block;
    vertical-align: middle;
    width: 44%;
    text-align: right;
}

.col9_box {
    display: inline-block;
    vertical-align: top;
    margin-left: 14%;
}

.col9_box:last-child {
    margin-left: 0;
}

.col9_box h5 {
    font-size: 20px;
    font-family: 'AvenirNextLTPro-Bold';
    color: #ff8a07;
    margin-bottom: 8px;
}

.col9_box ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.col9_box ul li {
    margin: 5px auto;
}

.col9_box ul li a {
    font-size: 20px;
    color: #fff;
}

.col9_box ul li:hover a {
    color: #ff8a07;
    text-shadow: 0px 0px #ff8a07;
}

.right_top,
.right_bot {
    margin: 10px auto;
}

.foot_bot {
    width: 100%;
    background: #fff;
    overflow: hidden;
    padding: 10px 0px;
}
.foot_bot * {
    direction:ltr;
}

.foot_left,
.foot_right {
    width: 50%;
    float: left;
    margin: 7px auto 0;
}
.foot_right * {
    font-family: 'gil' !important;
}
.foot_left p,
.foot_left h6 {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #000;
    text-shadow: 0px 0px #000;
}

.foot_left h6 span {
    font-family: 'AvenirNextLTPro-Bold';
    text-shadow: none;
    margin-left: 8px;
}

.foot_left a {
    display: inline-block;
    color: #ff0008;
    text-shadow: none;
    font-family: 'AvenirNextLTPro-Bold';
}

.foot_right {
    text-align: right;
}

.imedia {
    font-size: 12.01px;
    color: #3b3b3b;
    position: relative;
    display: inline-block;
    /*float: right;*/
    vertical-align: middle;
}

.imedia .design_develop {
    padding-right: 5px;
    font-size: 11px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    color: #3b3b3b;
    text-shadow: 0px 0px #3b3b3b;
    text-transform: uppercase;
}

.imedia a {
    color: #3b3b3b;
    height: auto !important;
    padding-bottom: 0px;
    display: inline-block;
    vertical-align: middle;
    font-family: 'gil';
}

.m_text {
    display: inline-block;
    vertical-align: top;
    font-size: 17px;
    color: #3b3b3b;
    margin-left: 0px;
    padding-left: 4px;
    margin-top: 0px;
    font-family: 'gil';
}

.m_text a {
    height: 16px;
    line-height: 13px;
    display: block;
    color: #3b3b3b;
    font-size: 15px;
    margin-bottom: 0px;
    text-align: left;
    /* vertical-align: middle; */
    text-shadow: 0px 0px #3b3b3b;
    font-family: 'gil';
}

.m_text a.digital_media {
    font-size: 8px;
    text-align: left;
    margin-top: 0px;
    color: #80af40;
    text-shadow: 0px 0px #80af40;
    font-family: 'AvenirNextLTPro-Regular';
    margin-bottom: 0px;
    vertical-align: middle;
    font-family: 'gil';
}

.m_text .digital_media span {
    font-size: 7px;
    text-align: left;
    margin-top: 0px;
    color: #3b3b3b;
    text-shadow: 0px 0px #3b3b3b;
    margin-bottom: 0px;
    font-family: 'gil';
}


/* --------------------------Footer Styling close---------------------------------------*/


/* --------------------------pop Styling close-------------------------------------*/

.close_ {
    position: relative;
    float: right;
    top: -22px;
    cursor: pointer;
}

.close_ i {
    color: #fd2e34;
    font-size: 20px;
}

.fixed_side {
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    height: 100vh;
    z-index: 9999;
    position: fixed;
    left: 0px;
    top: 0px;
    opacity: 0;
    transform: scaleY(0);
    transition: .5s;
}

.fixed_side_ {
    opacity: 1;
    transform: scaleY(1);
}

.search_pop {
    position: fixed;
    width: 50%;
    height: 250px;
    /*background: #fff;*/
    /*border-radius: 30px 0px 30px 0px;*/
    left: 0;
    right: 0;
    top: 20%;
    margin: 0px auto;
    padding: 30px 10px;
    text-align: center;
    z-index: 99999;
    transform: scaleX(0);
    opacity: 0;
    transition: .5s;
    /*box-shadow: 3px 3px #e8e8e8;*/
}

.search_pop h1 {
    color: #ff8a07;
    font-size: 24px;
    margin-bottom: 10px;
    font-family: 'AvenirNextLTPro-Demi';
}

.search_pop_ {
    transform: scaleX(1);
    opacity: 1;
}

.search_box {
    position: relative;
    width: 90%;
    margin: 50px auto 25px;
    top: -7px;
}

.search_box input {
    position: relative;
    width: 100%;
    margin: 0px auto;
    background: #ffffff;
    display: block;
    height: 34px;
    padding: 6px 12px;
    padding-left: 20px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #000;
    border: 1px solid #b3abab;
    z-index: 9;
    border-radius: 30px;
}

.button {
    position: relative;
    width: 100%;
    cursor: pointer;
    z-index: 10;
}

.search_box button {
    border: none;
    background: none;
    position: absolute;
    right: 5px;
    top: 38px;
    z-index: 10;
    display: none;
}

.search_pop .col3_txt {
    left: auto;
    right: 0;
    bottom: 2%;
    z-index: 1;
}

.search_pop .btn_2 {
    margin: 10px auto;
    border-radius: 30px;
    padding: 0px 30px;
}

.search_pop .btn_2:before {
    border-radius: 30px;
}

.search_pop .btn_2 input {
    background: transparent;
    border: none;
    color: #fff;
    padding: 6px 20px;
}


/* --------------------------selection Styling-------------------------------------*/

::selection {
    background: #0090d8;
    color: #ffffff;
}


/* --------------------------selection Styling close-------------------------------------*/


/* --------------------------Owl Styling -------------------------------------*/


/* --------------------------owl Styling close-------------------------------------*/


/* --------------------------inner Styling-------------------------------------*/

.inner_content {
    position: relative;
    width: 100%;
}

.pag_nav {
    position: relative;
    width: 100%;
    padding: 10px 0px;
    margin: 0px auto;
    text-align: center;
    background: #ff0008;
    z-index: 2;
}

.pag_nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.pag_nav ul li {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.pag_nav ul li a,
.pag_nav ul li span {
    color: #fff;
    font-size: 20px;
    font-family: 'AvenirNextLTPro-Bold';
    display: inline-block;
}

.pag_nav ul li span {
    padding: 0px 5px;
}

.col10 {
    position: relative;
    width: 100%;
    padding: 50px 0px;
    background: #fff;
    z-index: 1;
    margin: -2px 0px;
}

.inner_content .col4 {
    padding: 70px 0px 100px;
}

.col10_left {
    position: relative;
    width: 50%;
    display: inline-block;
    vertical-align: top;
    margin-left: 5%;
    color: #000;
    font-size: 19px;
    font-family: 'AvenirNextLTPro-Regular';
}

.col10_left img {
    position: relative;
    width: 100%;
    transition: .3s ease-out;
}

/*.col10_left:hover img {*/
/*    transform: scale(1.2);*/
/*}*/

.col10_left h1 {
    color: #ff8a07;
    font-size: 43px;
    font-family: 'AvenirNextLTPro-Bold';
    margin-bottom: 20px;
}

.col10_left h1 span {
    color: #ff8a07;
    font-family: 'AvenirNextLTPro-Bold';
}
.col10_left h2 {
    color: #000;
    font-size: 20px;
    padding: 0px 0px;
    text-align: justify;
    font-family: 'AvenirNextLTPro-Bold';
    margin-bottom: 10px;
}
.col10_left p {
    color: #000;
    font-size: 20px;
    padding: 20px 0px;
    text-align: justify;
    font-family: 'AvenirNextLTPro-Regular';
}

.col10_right {
    position: relative;
    width: 44.6%;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    transition: .3s ease-out;
}

.col10_right_ {
    position: relative;
    width: 100%;
    overflow: hidden;
    box-shadow: 0px 1px 0px 2px #fff;
}

.col10_right h1 {
    color: #ff8a07;
    font-family: 'AvenirNextLTPro-Bold';
    font-size: 30px;
    margin-bottom: 30px;
}

.col10_right img {
    position: relative;
    width: 100%;
    transition: .3s ease-out;
}

.col10_right_:hover img {
    transform: scale(1.2);
}

.col10_box {
    position: relative;
    width: 100%;
    margin-bottom: 40px;
    background: #fff;
    /* box-shadow: 2px 1px 2px #dddddd,
        2px -1px 2px #dddddd;*/
}

.col10_box ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.col10_box ul li {
    position: relative;
    padding: 12px 20px;
    border-bottom: 1px solid #dddddd;
    /*box-shadow: 2px 1px 2px #dddddd;*/
}

.about .col10_box ul li {
    padding: 12px 0px;
}

.col10_box ul li:last-child {
    border-bottom: none;
}

.col10_box .col10_box_left {
    width: 30%;
    display: inline-block;
    color: #ff0008;
    font-size: 18px;
    font-family: 'AvenirNextLTPro-Bold';
    vertical-align: top;
}

.col10_box .col10_box_right {
    width: 69.4%;
    display: inline-block;
    color: #000;
    font-size: 16px;
    font-family: 'AvenirNextLTPro-Regular';
    vertical-align: top;
}

.col11 {
    position: relative;
    width: 100%;
    padding: 30px 0px;
    /*background: url(../webImages/3.png) no-repeat;*/
    background-size: cover;
}

.contact .col11 {
    margin-top: -8px;
}

.col11 h1 {
    color: #000;
    font-size: 30px;
    font-family: 'AvenirNextLTPro-Regular';
    margin-bottom: 30px;
}

.col11 h1 span {
    color: #ff8a07;
    font-family: 'AvenirNextLTPro-Bold';
}

.col11_left {
    position: relative;
    width: 50%;
    display: inline-block;
    margin-right: 5%;
    vertical-align: middle;
    vertical-align: top;
}

.col11 h3 {
    color: #000;
    font-size: 20px;
    font-family: 'AvenirNextLTPro-Regular';
    margin-bottom: 10px;
}

.col11 h3 span {
    font-family: 'AvenirNextLTPro-Bold';
}

.col11_box {
    position: relative;
    width: 100%;
    border: 1px solid #ff8a07;
    margin-bottom: 40px;
    background: #fff;
}

.col11_box ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.col11_box ul li {
    position: relative;
    padding: 10px 20px;
    border-bottom: 1px solid #dddddd;
}

.col11_box ul li:last-child {
    border-bottom: none;
}

.col11_box .col11_box_left {
    width: 69%;
    display: inline-block;
    color: #000;
    font-size: 20px;
    font-family: 'AvenirNextLTPro-Regular';
    vertical-align: middle;
}

.col11_box .col11_box_right {
    width: 30%;
    display: inline-block;
    color: #000;
    font-size: 20px;
    font-family: 'AvenirNextLTPro-Regular';
    vertical-align: top;
}

.col11_left p {
    color: #000;
    font-size: 16px;
    font-family: 'AvenirNextLTPro-Regular';
    margin-bottom: 10px;
}

.col11_left .btn_2 {
    background: #ff0008;
    padding: 5px 20px;
    border-radius: 5px;
}

.col11_left .btn_2:before {
    background: #ff8a07;
    border-radius: 5px;
}

.col11_left a {
    font-size: 15px;
}

.col11_right {
    position: relative;
    width: 44.7%;
    display: inline-block;
    vertical-align: middle;
}

.col11 h6 {
    color: #000;
    font-size: 16px;
    font-family: 'AvenirNextLTPro-Regular';
    margin-bottom: 10px;
}

.address {
    position: relative;
    margin-bottom: 40px;
}

.col11_right ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.col11_right ul li {
    position: relative;
    color: #000;
    font-size: 16px;
    font-family: 'AvenirNextLTPro-Regular';
    margin-bottom: 10px;
}

.col11_right ul li span {
    color: #ff0008;
    font-family: 'AvenirNextLTPro-Bold';
}

.col11_right h5 {
    color: #000;
    font-size: 16px;
    font-family: 'AvenirNextLTPro-Demi';
    margin-bottom: 10px;
}

.col12 {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.col12 h1 {
    color: #fff;
    font-size: 36px;
    font-family: 'AvenirNextLTPro-Bold';
    margin-bottom: 30px;
}

.col12_left {
    position: relative;
    width: 50%;
    float: left;
    background: url(../webImages/vision.png) no-repeat;
    background-size: 100% 100%;
    padding: 90px;
    height: 461px;
}

.col12_left ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.col12_left ul li {
    position: relative;
    color: #fff;
    font-size: 16px;
    padding: 8px 0px;
    padding-left: 20px;
}

.col12_left ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 12px;
    background: url(../webImages/left.png) no-repeat;
    background-size: 100% 100%;
    width: 10px;
    height: 16px;
}

.col12_right {
    position: relative;
    width: 50%;
    float: left;
    background: url(../webImages/mision.png) no-repeat;
    background-size: 100% 100%;
    padding: 100px;
    text-align: center;
    height: 461px;
}

.col12 p {
    color: #fff;
    font-size: 16px;
    font-family: 'AvenirNextLTPro-Regular';
}

.services .col10_ {
    padding-bottom: 0px;
}

.col10_ p {
    padding: 10px 0px;
}

.services .col10:nth-child(2n) {
    padding-top: 0px;
}

.services .col10_ .col10_left {
    width: 100%;
    margin: 0px;
}

.col10 ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.col10 ul li {
    position: relative;
    padding: 2px 0px;
    color: #ff0008;
    font-size: 20px;
    font-family: 'AvenirNextLTPro-Demi';
}

.contact {
    background: #fff;
}

.contact .col1_map {
    position: relative;
    width: 100%;
    z-index: 2;
}

.contact .col1_map iframe {
    width: 100%;
    height: 400px;
    border: none;
    overflow: hidden;
}

form {
    margin: 30px 0px 0px;
}

.cont {
    position: relative;
    width: 100%;
    margin: 10px auto 55px;
}

.cont input,
.cont textarea {
    width: 90%;
    border: 0;
    background: none;
    color: #000;
    padding: 8px;
    border-bottom: 1px solid #0b4596;
}

.cont textarea {
    height: 200px;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #a2a2a2;
}

/*form .btn_2 {*/
/*    width: 90%;*/
/*}*/

.effect-17 {
    border: 0;
    padding: 4px 0;
    border-bottom: none;
    background-color: transparent;
}

.effect-17~.focus-border {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background-color: #4caf50;
    transition: 0.4s;
}

.effect-17:focus~.focus-border,
.has-content.effect-17~.focus-border {
    width: 100%;
    transition: 0.4s;
    left: 0;
}

.effect-17~label {
    position: absolute;
    left: 0;
    width: 100%;
    top: 9px;
    color: #333;
    transition: 0.3s;
    z-index: -1;
    letter-spacing: 0.5px;
}

.effect-17:focus~label,
.has-content.effect-17~label {
    top: -16px;
    font-size: 12px;
    color: #000;
    transition: 0.3s;
}

.btn_2 input[type="submit"] {
    background: none;
    color: #fff;
    width: 100%;
    padding: 6px 12px;
    border: none;
    font-size: 18px;
}

.cont_ {
    margin-bottom: 20px;
}

.contact .col8_box {
    width: 100%;
    display: block;
    margin: 30px auto 0px;
}

.contact .col8_box p {
    margin-bottom: 15px;
    width: 53%;
}

.contact .col8_box h5 span {
    color: #ff0008;
    font-family: 'AvenirNextLTPro-Demi';
}

.col22 {
    width: 100%;
    position: relative;
    height: 100%;
    margin: 0px auto 120px;
}

.col22 img {
    width: 100%;
    position: relative;
    filter: drop-shadow(2px 2px 6px #ccc);
}

.col22_in_left {
    width: 20%;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.col22_in_right {
    width: 78%;
    display: inline-block;
    vertical-align: top;
    padding: 0px 50px;
    position: relative;
    margin-left: 20px;
    bottom: -40px;
    font-size: 19px;
}

.col22_in_right p {
    width: 50%;
    margin: 0px auto;
    margin-left: 0;
}

.col22_in_right:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 280px;
    background: #ff8600;
}

.col22_inner {
    margin: 80px auto;
}

.col22_inner_ {
    margin: 80px auto;
}

.col22_left_txt {
    position: absolute;
    top: -25px;
    left: 30px;
}

.col22_left_txt h2 {
    font-size: 66px;
    font-family: 'AvenirNextLTPro-Bold' !important;
    color: #ff8600
}

.col22_inner_ .col22_in_right {
    margin-right: auto;
    margin-left: 20px;
}

.col22_inner_ .col22_in_right:before {
    left: 0;
    right: auto;
}

.col22_inner_ .col22_left_txt {
    left: auto;
    right: 30px;
}


/* --------------------------inner Styling-------------------------------------*/


/* --------------------------tabs Styling close-------------------------------------*/


/* --------------------------tabs2 Styling-------------------------------------*/


/* --------------------------tabs2 Styling close-------------------------------------*/


/* --------------------------dropdown Styling -------------------------------------*/


/* --------------------------dropdown Styling close-------------------------------------*/


.top_service {
    width: 100% !important;
    position: relative;
    margin: 0px auto;
    display: block;
    text-align: center;
}

.top_main p {
    width: 100% !important;
    text-align: center;
    color:#000;
    margin-top:10px;
    font-size:18px;
}

.top_main .btn_main{
    width:100%;
    max-width:100px;
}

.top_left,
.top_right {
    width: 33%;
    display: inline-block;
    vertical-align: top;
    background: #e2f2f3;
    padding: 20px;
}

.serv_box_ {
    width:19.5%;
    display:inline-block;
    vertical-align:top;
    margin:0px 30px 20px;
}

.serv_box_ .col4_box_img img{
    max-width:180px;
}

.serv_box_ .col4_box_img h3{
    position: absolute;
    top: 0%;
    left: 0;
    display: grid;
    right: 0;
    margin: 0 auto;
    text-align: center;
    font-size: 70px;
    color: #ff8a07 !important;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.serv_box_ h3{
    color:#ff0008;
    font-weight:900;
    margin-top:10px;
    font-size:22px;
}


.col60 {
    position: relative;
    margin: 7% auto 5%;
}

.col60_main {
    border-bottom: 3px solid #ff8a07;
}

.col60_inner {
    overflow: hidden;
}

.col60_box {
    float: left;
    width: 33.3%;
    /* display: inline-block; */
    /* vertical-align: middle; */
    padding: 20px;
    border: 3px solid #ff0008;
    height: 200px;
    text-align: center;
    border-left: 0;
    border-bottom: 0;
    overflow: hidden;
    position: relative;
}

.col60_inner .col60_box:nth-child(5),
.col60_inner .col60_box:nth-child(11),
.col60_inner .col60_box:nth-child(17),
.col60_inner .col60_box:nth-child(23),
.col60_inner .col60_box:nth-child(29),
.col60_inner .col60_box:nth-child(35){
    border-right: 0;
}
.col60_inner .col60_box:nth-child(17){
    border-bottom: 3px solid #ff0008;
}
.col60_box img {
    width: 100%;
    max-width: 180px;
    height: 100%;
    min-height: auto;
    filter: grayscale(1);
    transition: .5s ease-in-out;
}


.col60_box:hover img {
    filter: grayscale(0);
}



.corporate_box p {
    font-family: 'poppinsregular', Arial, sans-serif;
}

.corporate_box {
    width: 100%;
    text-align: left;
    margin: 0px auto;
    color: #777;
    font-size: 16px;
}


.cop_left {
    width:30%;
    text-align: center;
    margin: 0px auto;
    display: inline-block;
    vertical-align: top;
    margin-left: 15px;
}

.cop_left img {
    width: 100%;
}


.cop_right p {
    color: #000;
    font-size: 16px;
    text-align: justify;
}


.fancybox-overlay {
    background: #000000bf;
}
.fancybox-lock .fancybox-overlay {
    overflow:hidden;
}

.cop_right h2{
    font-size: 30px;
    font-family: 'AvenirNextLTPro-Bold';
    color: #ff8a07;
    padding: 0px 0px 20px;
    text-align:right !important;
}

.cop_right {
    width: 67.3%;
    text-align: right;
    margin: 0px auto;
    display: inline-block;
    vertical-align: top;
    
}

.cop_right h4 {
    font-size: 22px;
    margin: 0px auto;
    padding: 10px 0px;
    color: #b43126;
    font-family: poppinsbold;
}

/*.core_main#tabs,.core_main#tabs2,div#tabs {*/
/*    position: relative;*/
/*    width: 100%;*/
/*    margin: 0px auto;*/
/*    border: none;*/
/*    background: none;*/
/*    margin-bottom: 30px;*/
/*}*/

/*#tabs ul,#tabs2 ul {*/
/*    background: none;*/
/*    width: 100%;*/
/*    border: none;*/
/*    margin: 0px auto;*/
/*    text-align: right;*/
/*    display: block;*/
/*    position: relative;*/
/*    float: none;*/
/*}*/
/*.core_main .ui-tabs-nav, .core_main .ui-tabs-nav{*/
/*        width: 25%;*/
/*    display:inline-block;*/
/*    vertical-align:top;*/
/*}*/
/*.core_main .ui-tabs-panel {*/
/*    padding: 0px 0px 10px !important;*/
/*    display: inline-block;*/
/*    width: 67%;*/
/*    vertical-align: top;*/
/*}*/
/*.core_main#tabs2 .ui-tabs-nav li, .core_main#tabs .ui-tabs-nav li {*/
/*    background:#eee;*/
/*    margin: 0px auto 25px;*/
/*}*/
/*.core_main .ui-tabs-nav:after,.core_main .ui-tabs-nav li:after {*/
/*    left: 100%;*/
/*    top: 50%;*/
/*    border: solid transparent;*/
/*    content: " ";*/
/*    height: 0;*/
/*    width: 0;*/
/*    position: absolute;*/
/*    pointer-events: none;*/
/*    border-color: rgba(238, 238, 238, 0);*/
/*    border-left-color: #eeeeee;*/
/*    border-width: 10px;*/
/*    margin-top: -10px;*/
/*}*/
/*.ui-tabs .ui-tabs-nav li.ui-tabs-active {*/
/*    background: #ff8a07 !important;*/
/*}*/
/*.core_main .ui-tabs-nav li.ui-tabs-active:after,.core_main li.ui-tabs-active:after {*/
/*    border-color: rgba(19, 175, 235, 0);*/
/*    border-left-color: #FF8A07;*/
/*}*/
/*.ui-tabs .ui-tabs-panel {*/
/*    padding: 10px 0px;*/
/*}*/
/*.ui-tabs .ui-tabs-nav .ui-tabs-anchor {*/
/*    float:none !important;*/
/*}*/
.core_main#tabs,.core_main#tabs2,div#tabs {
    position: relative;
    width: 100%;
    margin: 0px auto;
    border: none;
    background: none;
    margin-bottom: 30px;
}

#tabs ul,#tabs2 ul {
    background: none;
    border: none;
}
#tabs .ui-tabs-nav li {
    float: right;
}
.core_main .ui-tabs-nav, .core_main .ui-tabs-nav{
        width: 21%;
    display:inline-block;
    vertical-align:top;
}
.core_main .ui-tabs-panel {
    padding: 0px 0px 10px !important;
    display: inline-block;
    width: 70%;
    vertical-align: top;
    margin-right: 5%;
}
.core_main#tabs2 .ui-tabs-nav li, .core_main#tabs .ui-tabs-nav li {
    background:#eee;
    margin: 0px auto 25px;
}
.core_main .ui-tabs-nav:after,.core_main .ui-tabs-nav li:after {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(238, 238, 238, 0);
    border-right-color: #eeeeee;
    border-width: 10px;
    margin-top: -10px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    background: #ff8a07 !important;
}
.core_main .ui-tabs-nav li.ui-tabs-active:after,.core_main li.ui-tabs-active:after {
    border-color: rgba(19, 175, 235, 0);
    border-right-color: #FF8A07;
}
.ui-tabs .ui-tabs-panel {
    padding: 10px 0px;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float:none !important;
}
.col10  .core_main .ui-tabs-panel ul li {
    padding: 8px 0px;
    padding-right: 20px;
    margin: 0px;
    color: #272727;
}
.col10 .core_main .ui-tabs-panel ul li:before {
    content: '';
    position: absolute;
    right: 0;
    top: 18px;
    background: url(../webImages/left.png) no-repeat;
    background-size: 100% 100%;
    width: 10px;
    height: 14px;
    transform: rotate(180deg);
}
#tabs ul li,#tabs2 ul li {
    border: none;
    background: none;
    margin: 0px auto;
}
.col10_left .caps {
    color: #000;
    font-size: 30px;
    font-family: 'AvenirNextLTPro-Bold';
    margin-bottom: 10px;
        text-transform: uppercase;
}

div#tabs a {
    font-size: 25px;
}
/*branch locator*/
.dealermap {

    /*width:100%;*/
    width: 100% !important;

}

.contact_box label {
    position: relative;
    width: 13%;
    display: inline-block;
    text-align: left;
}

.contact_box select {
    display: inline-block;
    width: 81%;
    height: 34px;
}

.dealermap .contact_box {
    margin-bottom: 30px;
}

.dealer_map_ {
    position:relative;
    padding-left: 0px !important;
    width: 100% !important;
}

.dealermap .contact_box {
    display: inline-block;
    width: 290px;
    margin-right: 10px;
}

.dealermap .contact_box:last-child {
    margin-right: 0px;
}

.new_bg .contact_box label{
    width:auto;
}

.new_bg .contact_box select{
    width: 98%;
    margin:0px auto;
}

.new_bg {
    position: relative;
    background: url(../webImages/gb.jpg) no-repeat;
    background-size: cover;
    padding: 50px 0px;
    margin-bottom: 0px;
    min-height: 550px;
    overflow: hidden;
}
#map {
    position: relative !important;
    width: 100% !important;
    height: 400px !important;
    /*right:20px;*/
    /* display: inline-block; */
    /* vertical-align: top; */
}

.map {
    position: relative;
    width: 100%;
    z-index: 9;
}

.map_details {
    position: relative;
    width: 100%;
    display: none;
    margin: 20px auto;
}

.map img {
    width: 100%;
    height: 100%;
    position: relative;
}

.map iframe {
    width: 100%;
    height: 100%;
}

.map_details iframe {
    width: 100%;
    height: 100%;
    border: none;
    vertical-align: middle;
}

.map_details h5 {
    font-size: 18px;
    margin: 5px auto;
    text-align: center;
}

.right_side_map {
    width: 46% !important;
    position: relative;
    margin-bottom: 30px;
}

.right_side_map2 {
    position: relative;
    width: 100%;
    padding: 30px;
    padding-top: 0px;
    margin: 20px auto;
}

.inner_map {
    padding: 10px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 100%;
    margin-right: 10px;
    border: 2px solid #e9e9e9;
    /*height: 280px;*/
    background: #fff;
    margin-bottom: 10px;
    transition:height .3s;
    transition-duration: 0.7s;
    transition-timing-function: ease-out;
}
.inner_map h3 {
    position: relative;
    font-size: 20px;
    width: 100%;
    color: #00a652;
    margin: 0px auto 5px;
}

.inner_map:before {
    /*content: "";*/
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ececec;
    border: 1px solid #fff;
    transform: scaleY(0);
    transform-origin: 50% 0;
    transition-property: transform;
    transition-duration: 0.7s;
    transition-timing-function: ease-out;
}

/*.inner_map:hover{*/
/*    border:1px solid #fff;*/
/*}*/
/*.inner_map p{*/
/*      transition-duration: 0.4s;*/
/*    transition-timing-function: ease-out;*/
/*}*/
/*.inner_map:hover p{*/
/*    color: #fff;*/
/*}*/
.inner_map:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.right_side_map .inner_map:nth-child(2n) {
    margin-right: 0;
}

.right_side_map2 .inner_map {
    width: 24.2%;
}

.right_side_map2 .inner_map:nth-child(4n) {
    margin-right: 0;
}

.inner_map p {
    position: relative;
    margin-bottom: 5px;
    padding-left: 20px;
}

.inner_map p:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    top: 5px;
    left: 3px;
    background: url(../webImages/bul.png) no-repeat;
    background-size: cover;
}

.inner_map p:last-child {
    margin-bottom: 0px;
}
 
.left_side21 img {
    width: 100%;
}

.inner_map {
    height: 45px;
    overflow: hidden;
    -webkit-transition: height 1s ease;
    transition: height 1s ease;
}

.ccol2 {
    position: relative;
    width: 100%;
    transition: .5s ease-in-out;
}

/*.inner_map:hover{*/
/*    height: auto;*/
/*    overflow:auto;*/
/*}*/

.inner_map_{
    transition:1s ease-in-out;
    height: auto;
    overflow:auto;
}

.ccol2_plus,.ccol2_minus {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 10px;
    height: 10px;
}

.inner_map_ .ccol2_plus,.ccol2_minus{
    display:none;
}
.inner_map_ .ccol2_minus{
    display:block;
}


.ccol2_plus img,
.ccol2_minus img{
    width:100%;
}


.pagination_side {
    position: relative;
    width: 100%;
    margin: 40px 0px;
    /*text-align: center;*/
}

.pagination_side ul {
    list-style: none;
    padding: 0px 0px;
    margin: 0px 0px;
    display: inline-block;
    vertical-align: top;
}

.pagination_side ul li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #f6f6f6;
    color: #fff;
    transition: .5s;
}

.pagination_side ul li a {
    color: #7b7b7b;
    font-size: 16px;
    font-family: 'Montserrat-Light';
    display: block;
}

.pagination_side ul li:hover {
    background: #9b0d28;
}

.pagination_side ul li:hover a {
    color: #fff;
}

.pagination_side ul li .active {
    background: #9b0d28;
}
.about .col4:before,.about .col4:after {
    display:none;
}
.new_main {
        position: relative;
    width: 100%;
}
.new_box {
    position: relative;
    width: 100%;
    margin:0px auto 50px;
    display:block;
}
.main_news {
    display:block;
    border:none;
    padding-left: 0px;
    border-left: none;
    margin: 0px auto;
}
.desc_full  {
    width:100%;
    margin-right: 0%;
}
.client_inner {
    position:relative;
    width:100%;
}
.client_inner_img {
    position:relative;
    width:15%;
    display:inline-block;
    vertical-align:middle;
}
.client_inner_txt {
    position:relative;
    width:70%;
    margin-right:3%;
    display:inline-block;
    vertical-align:middle;
}
.client_inner_txt h2 {
    color:#000;
    font-size:20px;
    font-weight:700;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #000;
}


.finacial {
    overflow: hidden;
    position: relative;
    z-index: 1;
    text-align: right;
}

.finacial .download_portion {
    overflow: hidden;
}

.download_portion {
    position: relative;
    width: 100%;
    margin-top: 25px;
}

.download_portion {
    margin-top: 25px;
}
.finacial .download_portion a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    max-width: 216px;
    width: 100%;
    text-align: center;
    border: 1px solid #d1d1d1;
    margin-bottom: 15px;
    margin-right: 12px;
    padding: 8px 10px;
    transition: .5s;
    color: #000;
}


.finacial .download_portion a:before {
    content: '';
    width: 30px;
    height: 30px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background: url(../webImages/financial-report-icon.png);
    background-size: contain;
    margin-right: 8px;
}

.finacial .download_portion a h4 {
    display: inline-block;
    font-size: 16px;
    text-transform: uppercase;
    vertical-align: middle;
    width: 75%;
    transition: .5s;
    text-align: right;
}
.col10_left h4 {
    position: relative;
    width: 100%;
    color: #000000;
    font-size: 16px;
    
}
.financial h1 {
    position: relative;
    width: 100%;
    color: #ff8a07;
    font-size: 32px;
    text-transform: uppercase;
    font-family: 'AvenirNextLTPro-Bold';
    margin-bottom:30px;
} 
.highlights .col10_left {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    margin-right: 4%;
}
.highlights .col10_middle {
    width: 30%;
     display: inline-block;
    vertical-align: top;
        margin-left: 4%;
}
.highlights .col10_right {
    width: 30%;
    display: inline-block;
    vertical-align: top;
}
.col12_left .btn_2,.col12_right .btn_2{
    line-height: 42px;
    padding: 0px 30px;
    margin: 16px auto;
}
.col12_left .btn_2 a,.col12_right .btn_2 a {
    font-size: 15px;
}
    .product_main {
        position: relative;
        width: 100%;
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        grid-row-gap:20px;
    }
    .product_d {
        position: relative;
        width: 100%

    }
     #poducts .col3_box img {
        width: 275px !important;
        display:block;
    }

    .col_gallery_inner .top_left {
    width: 24%;
    height:100%;
    max-height:220px;
    padding:0px;
    position:relative;
    overflow:hidden;
    margin-bottom:10px;
    margin-right:10px;
}

.col_gallery_inner .top_left:nth-child(4n){
    margin-right:0px;
}

.col_gallery_inner .top_left img {
    width:100%;
    position:relative;
    height:100%;
    transition:.5s ease-in-out;
    /*max-height:220px;*/
}


.album_txt {
    position:absolute;
    width:100%;
    left:0;
    bottom:-100%;
    padding:8px 0px;
    text-align:center;
    font-size:18px;
    letter-spacing:0.9px;
    color:#fff;
    transition:.5s ease-in-out;
    background:#00a652;
}

.col_gallery_inner .top_left:hover img {
    transform:scale(1.1);
}

.col_gallery_inner .top_left:hover .album_txt {
    bottom:0;
}
.new_main .new_10 {
    width: 30.1%;
    margin: 0px 0px 20px;
    margin-left: 40px;
}
.new_main .new_10:nth-child(3n) {
    margin-left: 0;
}
.new_main .new_10 .col4_box_img img {
    max-width: 100%;
}
.col_gallery_heading h1 {
        color: #ff8a07;
    font-size: 43px;
    font-family: 'AvenirNextLTPro-Bold';
    margin-bottom: 20px;
}
.col10_left table {
    overflow:auto;
}
p {
    font-size: 18px;
}
.all1 .owl-dots {
    display:none !important;
}
@media only screen and (max-width: 767px){
     .cop_right,.cop_left {
    width: 100%;
    margin:10px auto !important;
    }
}
.col3_box_img {
    position:relative;
    height: 500px;
    /*background: #fff;*/
    margin-left: 4%;
    align-items: center;
    display: flex;
    padding: 0 30px;
}
.col3_box_img:before {
    content: '';
position: absolute;
top: 0;
left: 0;
height: 50%;
width: 100%;
background: #ff8a07;
z-index: -1;
    
}
.col3_box_img:after {
    content: '';
position: absolute;
bottom: 0;
left: 0;
height: 50%;
width: 100%;
background: #ff0008;
z-index: -1;
    
}
.col3_box_d_ {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.col4_left {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin-right: 0%;
    position: relative;
}

.col4_gird {
    display: grid;
    grid-template-columns: repeat(1,1fr);
     gap: 0% !important;
    width: 80%;
    margin: 0px auto;
}
.management_txt {
    text-align: right;
}
.col4_gird img {
    max-width:100%;
}
/*12-7-2021*/
.col30 {
    text-align:center;
    padding: 150px 0 50px;
}
.col30 .main .top_left,.col30 .main .top_right  {
    background:transparent;
}
.col30 h1 {
    position: absolute;
    left: 0;
    right: 0;
    top: -111px;
    margin: 0px auto;
    font-size: 125px;
    font-family: 'AvenirNextLTPro-Bold';
    color: transparent;
    -webkit-text-stroke-color: #053376;
    -webkit-text-stroke-width: 1px;
    line-height: 125px;
    opacity: 20%;
    letter-spacing: 12px;
    text-transform: uppercase;
}
.col30 h2 {
    font-family: 'AvenirNextLTPro-Bold';
    color: #ff8a07;
    font-size: 60px;
    margin-bottom: 10px;
}
.col30 h3 {
    font-size: 26px;
    margin: 10px auto;
    font-weight: 900;
    color: #ff0108;
    margin:20px auto;
}
.col30 .btn_2 {
    padding:5px 20px;
    margin-top:10px;
}
.col30 .btn_2 a {

    font-size:16px;
}
.col30 p {
      font-size: 24px;
    position: relative;
    z-index: 1;
    font-weight: 600;
    text-align: justify;
    margin: 0 auto;
}
.col3 .top_txt p {
    width: 75%;
}
.col30 .top_txt p {
    width: 60%;
    text-align:center;
    margin-bottom:20px;
}
.top_h3 {
    text-transform:uppercase;
}
.col10_right h5 {
    font-weight:600;
    font-size: 18px;
    font-style: italic;
    margin: 0px auto 20px;
}
.col10_right h2 {
    font-size:48px;
}
.main_inner.coo {
    text-align: right;
}
.col30 h5 {
    font-size: 20px;
    margin: 10px auto;
    font-weight: 900;
    color: #ff0108;
}
.top_txt h3 {
     text-transform:uppercase;
     line-height:1.3;
}
.top_main {
    padding: 30px 0;
    width: 85%;
    margin: 0 auto;
}
.top_main h3 {
    color: #ff8a07;
    font-weight: 900;
    font-size: 30px;
}
.top_txt_2 {
    font-size: 50px;
}
.banner_right img {
    max-width: 80%;
    transform: rotate(180deg);
}
.banner_special {
    position: absolute;
    top: 50px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    margin: 0 auto;
    left: 0;
    right: 0;
    padding: 0 100px;
}

.banner_right {
    top: -4px;
    right: 80px;
    position: relative;
}

.right_counter {
    position: absolute;
    left: 49%;
    top: 44%;
    transform: translate(-50%, -50%);
    z-index: 9;
}
.right_counter span {
    color: #fff;
    font-size: 123px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 3px;
    display: block;
    text-align: center;
}

.banner_special .banner_side_txt_ h1 {
    font-size: 70px;
    line-height: 1.2;
    font-weight: 900;
}

.banner_special .banner_side_txt_ h1 span {
    color: #ff8a07;
     font-weight: 900;
     font-family: 'AvenirNextLTPro-Bold';
}


.banner_special .banner_side_txt_ {
     position: relative;
    text-align: right;
    color: #fff;
    font-family: 'AvenirNextLTPro-Bold';
}
.banner_special .banner_side_txt_ h1 {
    font-size: 70px;
    line-height: 1.2;
    font-weight: 900;
}

.banner_special .banner_side_txt_ h1 span {
    color: #ff8a07;
     font-weight: 900;
     font-family: 'AvenirNextLTPro-Bold';
}
.banner_special .banner_side_txt_1  {
    position:relative;
    width:90%;
    margin:50px 0 0;
    text-align:right;
    
}
.banner_special .banner_side_txt.banner_side_txt_1 h1 {
    font-size: 35px;
}
.coo .col10_left,.coo .col10_right {
    vertical-align:middle;
}


/*close*/
@media only screen and (max-width: 978px){
.col30 {
    padding: 50px 0 50px;
}
.col30 .top_txt p {
    width: 90%;
}
.col30 h2 {
    font-size: 47px;
}
.top_main {
    width: 100%;
}
.col30 h1 {
    display:none;
}
.banner_special {
transform: translateY(0%); 
}
}

@media only screen and (max-width: 767px){

.col30 .top_txt p {
    width: 100%;
}
.col30 h2,.col10_right h2 {
    font-size: 30px;
}

}