/* Google fonts used in this project 
    1) font-family: 'Roboto', sans-serif;
    2) font-family: 'Open Sans', sans-serif;
    3) font-family: 'Poppins', sans-serif;
    4) font-family: 'Arsenal', sans-serif;


*/
        /* Start globle css */
        
        body {
            padding: 0px;
            margin: 0px;
            font-weight: 400;
            color: #767676;
            font-size: 16px;
            line-height: 29px;
            font-family: 'Rubik', sans-serif;
        }
        
        ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }
        
        a {
            text-decoration: none !important;
        }
        /* Deafult Margin & Padding */
        /*-- Margin Top --*/
        
        .mt-5 {
            margin-top: 5px;
        }
        
        .mt-10 {
            margin-top: 10px;
        }
        
        .mt-15 {
            margin-top: 15px;
        }
        
        .mt-20 {
            margin-top: 20px;
        }
        
        .mt-25 {
            margin-top: 25px;
        }
        
        .mt-30 {
            margin-top: 30px;
        }
        
        .mt-35 {
            margin-top: 35px;
        }
        
        .mt-40 {
            margin-top: 40px;
        }
        
        .mt-45 {
            margin-top: 45px;
        }
        
        .mt-50 {
            margin-top: 50px;
        }
        
        .mt-55 {
            margin-top: 55px;
        }
        
        .mt-60 {
            margin-top: 60px;
        }
        
        .mt-65 {
            margin-top: 65px;
        }
        
        .mt-70 {
            margin-top: 70px;
        }
        
        .mt-75 {
            margin-top: 75px;
        }
        
        .mt-80 {
            margin-top: 80px;
        }
        
        .mt-85 {
            margin-top: 85px;
        }
        
        .mt-90 {
            margin-top: 90px;
        }
        
        .mt-95 {
            margin-top: 95px;
        }
        
        .mt-100 {
            margin-top: 100px;
        }
        
        .mt-105 {
            margin-top: 105px;
        }
        
        .mt-110 {
            margin-top: 110px;
        }
        
        .mt-115 {
            margin-top: 115px;
        }
        
        .mt-120 {
            margin-top: 120px;
        }
        
        .mt-125 {
            margin-top: 125px;
        }
        
        .mt-130 {
            margin-top: 130px;
        }
        
        .mt-135 {
            margin-top: 135px;
        }
        
        .mt-140 {
            margin-top: 140px;
        }
        
        .mt-145 {
            margin-top: 145px;
        }
        
        .mt-150 {
            margin-top: 150px;
        }
        
        .mt-155 {
            margin-top: 155px;
        }
        
        .mt-160 {
            margin-top: 160px;
        }
        
        .mt-165 {
            margin-top: 165px;
        }
        
        .mt-170 {
            margin-top: 170px;
        }
        
        .mt-175 {
            margin-top: 175px;
        }
        
        .mt-180 {
            margin-top: 180px;
        }
        
        .mt-185 {
            margin-top: 185px;
        }
        
        .mt-190 {
            margin-top: 190px;
        }
        
        .mt-195 {
            margin-top: 195px;
        }
        
        .mt-200 {
            margin-top: 200px;
        }
        /*-- Margin Bottom --*/
        
        .mb-5 {
            margin-bottom: 5px;
        }
        
        .mb-10 {
            margin-bottom: 10px;
        }
        
        .mb-15 {
            margin-bottom: 15px;
        }
        
        .mb-20 {
            margin-bottom: 20px;
        }
        
        .mb-25 {
            margin-bottom: 25px;
        }
        
        .mb-30 {
            margin-bottom: 30px;
        }
        
        .mb-35 {
            margin-bottom: 35px;
        }
        
        .mb-40 {
            margin-bottom: 40px;
        }
        
        .mb-45 {
            margin-bottom: 45px;
        }
        
        .mb-50 {
            margin-bottom: 50px;
        }
        
        .mb-55 {
            margin-bottom: 55px;
        }
        
        .mb-60 {
            margin-bottom: 60px;
        }
        
        .mb-65 {
            margin-bottom: 65px;
        }
        
        .mb-70 {
            margin-bottom: 70px;
        }
        
        .mb-75 {
            margin-bottom: 75px;
        }
        
        .mb-80 {
            margin-bottom: 80px;
        }
        
        .mb-85 {
            margin-bottom: 85px;
        }
        
        .mb-90 {
            margin-bottom: 90px;
        }
        
        .mb-95 {
            margin-bottom: 95px;
        }
        
        .mb-100 {
            margin-bottom: 100px;
        }
        
        .mb-105 {
            margin-bottom: 105px;
        }
        
        .mb-110 {
            margin-bottom: 110px;
        }
        
        .mb-115 {
            margin-bottom: 115px;
        }
        
        .mb-120 {
            margin-bottom: 120px;
        }
        
        .mb-125 {
            margin-bottom: 125px;
        }
        
        .mb-130 {
            margin-bottom: 130px;
        }
        
        .mb-135 {
            margin-bottom: 135px;
        }
        
        .mb-140 {
            margin-bottom: 140px;
        }
        
        .mb-145 {
            margin-bottom: 145px;
        }
        
        .mb-150 {
            margin-bottom: 150px;
        }
        
        .mb-155 {
            margin-bottom: 155px;
        }
        
        .mb-160 {
            margin-bottom: 160px;
        }
        
        .mb-165 {
            margin-bottom: 165px;
        }
        
        .mb-170 {
            margin-bottom: 170px;
        }
        
        .mb-175 {
            margin-bottom: 175px;
        }
        
        .mb-180 {
            margin-bottom: 180px;
        }
        
        .mb-185 {
            margin-bottom: 185px;
        }
        
        .mb-190 {
            margin-bottom: 190px;
        }
        
        .mb-195 {
            margin-bottom: 195px;
        }
        
        .mb-200 {
            margin-bottom: 200px;
        }
        /*-- Padding Top --*/
        
        .pt-5 {
            padding-top: 5px;
        }
        
        .pt-10 {
            padding-top: 10px;
        }
        
        .pt-15 {
            padding-top: 15px;
        }
        
        .pt-20 {
            padding-top: 20px;
        }
        
        .pt-25 {
            padding-top: 25px;
        }
        
        .pt-30 {
            padding-top: 30px;
        }
        
        .pt-35 {
            padding-top: 35px;
        }
        
        .pt-40 {
            padding-top: 40px;
        }
        
        .pt-45 {
            padding-top: 45px;
        }
        
        .pt-50 {
            padding-top: 50px;
        }
        
        .pt-55 {
            padding-top: 55px;
        }
        
        .pt-60 {
            padding-top: 60px;
        }
        
        .pt-65 {
            padding-top: 65px;
        }
        
        .pt-70 {
            padding-top: 70px;
        }
        
        .pt-75 {
            padding-top: 75px;
        }
        
        .pt-80 {
            padding-top: 80px;
        }
        
        .pt-85 {
            padding-top: 85px;
        }
        
        .pt-90 {
            padding-top: 90px;
        }
        
        .pt-95 {
            padding-top: 95px;
        }
        
        .pt-120 {
            padding-top: 100px;
        }
        
        .pt-105 {
            padding-top: 105px;
        }
        
        .pt-110 {
            padding-top: 110px;
        }
        
        .pt-115 {
            padding-top: 115px;
        }
        
        .pt-120 {
            padding-top: 120px;
        }
        
        .pt-125 {
            padding-top: 125px;
        }
        
        .pt-130 {
            padding-top: 130px;
        }
        
        .pt-135 {
            padding-top: 135px;
        }
        
        .pt-140 {
            padding-top: 140px;
        }
        
        .pt-145 {
            padding-top: 145px;
        }
        
        .pt-150 {
            padding-top: 150px;
        }
        
        .pt-155 {
            padding-top: 155px;
        }
        
        .pt-160 {
            padding-top: 160px;
        }
        
        .pt-165 {
            padding-top: 165px;
        }
        
        .pt-170 {
            padding-top: 170px;
        }
        
        .pt-175 {
            padding-top: 175px;
        }
        
        .pt-180 {
            padding-top: 180px;
        }
        
        .pt-185 {
            padding-top: 185px;
        }
        
        .pt-190 {
            padding-top: 190px;
        }
        
        .pt-195 {
            padding-top: 195px;
        }
        
        .pt-200 {
            padding-top: 200px;
        }
        
        .pt-113 {
            padding-top: 113px;
        }
        /*-- Padding Bottom --*/
        
        .pb-5 {
            padding-bottom: 5px;
        }
        
        .pb-10 {
            padding-bottom: 10px;
        }
        
        .pb-15 {
            padding-bottom: 15px;
        }
        
        .pb-20 {
            padding-bottom: 20px;
        }
        
        .pb-25 {
            padding-bottom: 25px;
        }
        
        .pb-30 {
            padding-bottom: 30px;
        }
        
        .pb-35 {
            padding-bottom: 35px;
        }
        
        .pb-40 {
            padding-bottom: 40px;
        }
        
        .pb-45 {
            padding-bottom: 45px;
        }
        
        .pb-50 {
            padding-bottom: 50px;
        }
        
        .pb-55 {
            padding-bottom: 55px;
        }
        
        .pb-60 {
            padding-bottom: 60px;
        }
        
        .pb-65 {
            padding-bottom: 65px;
        }
        
        .pb-90 {
            padding-bottom: 70px;
        }
        
        .pb-75 {
            padding-bottom: 75px;
        }
        
        .pb-80 {
            padding-bottom: 80px;
        }
        
        .pb-85 {
            padding-bottom: 85px;
        }
        
        .pb-90 {
            padding-bottom: 90px;
        }
        
        .pb-95 {
            padding-bottom: 95px;
        }
        
        .pb-100 {
            padding-bottom: 100px;
        }
        
        .pb-105 {
            padding-bottom: 105px;
        }
        
        .pb-110 {
            padding-bottom: 110px;
        }
        
        .pb-115 {
            padding-bottom: 115px;
        }
        
        .pb-120 {
            padding-bottom: 120px;
        }
        
        .pb-125 {
            padding-bottom: 125px;
        }
        
        .pb-130 {
            padding-bottom: 130px;
        }
        
        .pb-135 {
            padding-bottom: 135px;
        }
        
        .pb-140 {
            padding-bottom: 140px;
        }
        
        .pb-145 {
            padding-bottom: 145px;
        }
        
        .pb-150 {
            padding-bottom: 150px;
        }
        
        .pb-155 {
            padding-bottom: 155px;
        }
        
        .pb-160 {
            padding-bottom: 160px;
        }
        
        .pb-165 {
            padding-bottom: 165px;
        }
        
        .pb-170 {
            padding-bottom: 170px;
        }
        
        .pb-175 {
            padding-bottom: 175px;
        }
        
        .pb-180 {
            padding-bottom: 180px;
        }
        
        .pb-185 {
            padding-bottom: 185px;
        }
        
        .pb-190 {
            padding-bottom: 190px;
        }
        
        .pb-195 {
            padding-bottom: 195px;
        }
        
        .pb-200 {
            padding-bottom: 200px;
        }
        /*-- Padding Left --*/
        
        .pl-0 {
            padding-left: 0px;
        }
        
        .pl-5 {
            padding-left: 5px;
        }
        
        .pl-10 {
            padding-left: 10px;
        }
        
        .pl-15 {
            padding-left: 15px;
        }
        
        .pl-20 {
            padding-left: 20px;
        }
        
        .pl-25 {
            padding-left: 35px;
        }
        
        .pl-30 {
            padding-left: 30px;
        }
        
        .pl-35 {
            padding-left: 35px;
        }
        
        .pl-35 {
            padding-left: 35px;
        }
        
        .pl-40 {
            padding-left: 40px;
        }
        
        .pl-45 {
            padding-left: 45px;
        }
        
        .pl-50 {
            padding-left: 50px;
        }
        
        .pl-55 {
            padding-left: 55px;
        }
        
        .pl-60 {
            padding-left: 60px;
        }
        
        .pl-65 {
            padding-left: 65px;
        }
        
        .pl-70 {
            padding-left: 70px;
        }
        
        .pl-75 {
            padding-left: 75px;
        }
        
        .pl-80 {
            padding-left: 80px;
        }
        
        .pl-85 {
            padding-left: 80px;
        }
        
        .pl-90 {
            padding-left: 90px;
        }
        
        .pl-95 {
            padding-left: 95px;
        }
        
        .pl-100 {
            padding-left: 100px;
        }
        /*-- Padding Right --*/
        
        .pr-0 {
            padding-right: 0px;
        }
        
        .pr-5 {
            padding-right: 5px;
        }
        
        .pr-10 {
            padding-right: 10px;
        }
        
        .pr-15 {
            padding-right: 15px;
        }
        
        .pr-20 {
            padding-right: 20px;
        }
        
        .pr-25 {
            padding-right: 35px;
        }
        
        .pr-30 {
            padding-right: 30px;
        }
        
        .pr-35 {
            padding-right: 35px;
        }
        
        .pr-35 {
            padding-right: 35px;
        }
        
        .pr-40 {
            padding-right: 40px;
        }
        
        .pr-45 {
            padding-right: 45px;
        }
        
        .pr-50 {
            padding-right: 50px;
        }
        
        .pr-55 {
            padding-right: 55px;
        }
        
        .pr-60 {
            padding-right: 60px;
        }
        
        .pr-65 {
            padding-right: 65px;
        }
        
        .pr-70 {
            padding-right: 70px;
        }
        
        .pr-75 {
            padding-right: 75px;
        }
        
        .pr-80 {
            padding-right: 80px;
        }
        
        .pr-85 {
            padding-right: 80px;
        }
        
        .pr-90 {
            padding-right: 90px;
        }
        
        .pr-95 {
            padding-right: 95px;
        }
        
        .pr-100 {
            padding-right: 100px;
        }
        /* font weight */
        
        .f-700 {
            font-weight: 600;
        }
        
        .f-600 {
            font-weight: 600;
        }
        
        .f-500 {
            font-weight: 500;
        }
        
        .f-400 {
            font-weight: 400;
        }
        
        .f-300 {
            font-weight: 300;
        }
        /* Background Color */
        
        .gray-bg {
            background: #f4f4fe;
        }
        
        .white-bg {
            background: #fff;
        }
        
        .black-bg {
            background: #222;
        }
        
        .theme-bg {
            background: #222;
        }
        
        .primary-bg {
            background: #1a237e;
        }
        /* Color */
        
        .white-color {
            color: #fff !important;
        }
        
        .black-color {
            color: #222;
        }
        
        .theme-color {
            color: #222;
        }
        
        .primary-color {
            color: #222;
        }
        /* black overlay */
        
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            margin-top: 0px;
            margin-bottom: 15px;
        }
        
        .text-upper {
            text-transform: uppercase;
        }
        
        .btn1 {
            display: inline-block;
            font-family: 'Arsenal', sans-serif;
            font-size: 16px;
            font-weight: 700;
            text-transform: capitalize;
            line-height: 28px;
            color: #fff;
            background-color: #cfa336;
            padding: 12px 34px;
        }
        
        .btn1:hover {
            color: #fff;
            background-color: #ba9230;
        }
        /* End of globle css */
        /* heading  */
        
        .heading {
            border-left: 3px solid #cfa336;
            padding-left: 30px;
        }
        
        .heading h4 {
            font-size: 13px;
            letter-spacing: .3em;
            font-weight: 500;
            color: #cfa336;
            line-height: 2.3;
            text-transform: uppercase;
            margin-bottom: 0;
        }
        
        .heading h2 {
            font-family: 'Arsenal', sans-serif;
            font-weight: 700;
            font-size: 42px;
            line-height: 53px;
            color: #253046;
        }
        
        .heading2 h2 {
            font-family: 'Arsenal', sans-serif;
            font-weight: 700;
            font-size: 42px;
            line-height: 53px;
            color: #253046;
        }
        
        .heading2 .line {
            display: inline-block;
            width: 100px;
            height: 3px;
            background: #ba9230;
        }
        /* end of heading  */
        /* Start Header section */
        
        .top-header {
            color: white;
            padding: 8px 0;
            background: #8c746d;
        }
        
        .top-header p {
            margin-bottom: 0px;
            /* padding: 10px 0; */
            font-size: 16px;
            color: #fff
        }
        
        .top-header .t-info {
            float: right;
        }
        
        .top-header .t-info li {
            display: inline-block;
            /* padding: 10px 0; */
            margin-left: 20px;
        }
        
        .top-header .t-info li i {
            color: #efb22b;
            font-size: 16px;
            padding-right: 10px;
        }
        
        .top-header .t-info li a {
            color: #fff;
            font-size: 16px;
        }
        
        .top-header .t-info li a:hover {
            color: #efb22b
        }
        
        .f_social {
            text-align: right;
        }
        
        .f_social li {
            display: inline-block;
            margin-right: 2px;
            text-align: center;
        }
        
        .f_social li a {
            color: #ffffff;
            font-size: 16px;
            width: 30px;
            height: 30px;
            line-height: 30px;
            border-radius: 70px;
            border: 1px solid #ffffff;
            -webkit-transition: all 400ms linear 0s;
            -o-transition: all 400ms linear 0s;
            transition: all 400ms linear 0s;
            display: inline-block;
        }
        
        .f_social li a:hover {
            background: #fbca19;
        }
        /* End  navbar hader section  */
        /* Start header section  */
        
        nav.navbar {
            border-bottom: 1px solid #ffffff26 !important;
        }
        
        .navbar-nav {
            margin-right: 60px;
        }
        
        nav.navbar ul.nav li.active>a {
            color: #cfa336;
        }
        
        .navbar-default .navbar-nav>.active>a,
        .navbar-default .navbar-nav>.active>a:hover,
        .navbar-default .navbar-nav>.active>a:focus {
            color: #cfa336;
            background-color: #e7e7e7;
        }
        
        .navbar-nav>li:last-child {
            border-right: 1px solid #ffffff26;
        }
        
        .logo {
            padding-top: 3px;
            display: inline-block;
            /* background: #f8f8f8; */
            /* padding: 16px 15px; */
            font-family: 'Arsenal', sans-serif;
            color: #fff;
        }
        
        .logo:focus {
            outline: 0;
            color: #fff;
        }
        
        .logo:hover {
            color: #fff;
        }
        
        .logo h2 {
            margin-bottom: 0;
            line-height: 74px;
        }
        /* extra info */
        
        .side-panel-content {
            background: #282826;
            height: 100%;
            padding: 30px;
            position: fixed;
            right: 0;
            top: 0;
            -webkit-transition: all 0.7s ease 0s;
            -o-transition: all 0.7s ease 0s;
            transition: all 0.7s ease 0s;
            width: 355px;
            z-index: 9999;
            -webkit-transform: translateX(100%);
            -ms-transform: translateX(100%);
            transform: translateX(100%);
            padding-bottom: 40px;
            color: #eee;
        }
        
        .side-panel-content.side-panel-open {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
            -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.3);
            -khtml-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.3);
            -moz-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.3);
            -ms-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.3);
            -o-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.3);
            box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.3);
        }
        
        .close-icon {
            text-align: right;
        }
        
        .close-icon>button {
            cursor: pointer;
            background: #cfa336;
            border-radius: 50%;
            height: 42px;
            width: 42px;
            border: 0;
            outline: 0;
        }
        
        .close-icon>button i {
            line-height: 20px;
            color: #fff;
        }
        
        .close-icon>button i:before {
            font-size: 14px;
        }
        
        .extra-info>p {
            color: #ddd;
            font-size: 15px;
            line-height: 28px;
        }
        
        .extra-info.extra-info-left.side-panel-open {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }
        
        .side-panel {
            width: 36px;
            padding-top: 28px;
            cursor: pointer;
            margin-left: 28px;
            position: absolute;
            top: 0px;
            right: 43px;
        }
        
        .side-panel span {
            margin: 3px 0;
            transition: .3s;
            float: right;
        }
        
        .side-panel:hover span {
            width: 100%;
        }
        
        .bar1 {
            width: 55%;
            background: #c49706;
            height: 2px;
        }
        
        .bar2 {
            width: 75%;
            background: #c49706;
            height: 2px;
        }
        
        .bar3 {
            width: 65%;
            background: #c49706;
            height: 2px;
        }
        
        .mt-separator h2 {
            font-family: 'Oswald', sans-serif;
            text-transform: uppercase;
            font-weight: 300;
            color: #284a73;
        }
        /* Social list in contact  */
        
        .social-list li {
            display: inline;
            float: left;
            margin-right: 15px;
        }
        
        .social-list li a {
            background: #cfa336;
            height: 42px;
            width: 41px;
            display: inline-block;
            color: #fff;
            text-align: center;
            border-radius: 50%;
            line-height: 42px;
            font-size: 16px;
        }
        
        .social-list li a:hover {
            background: #cfa336;
        }
        
        .social-list.list-sm li {
            margin-right: 10px;
            height: 34px;
            width: 34px;
            font-size: 14px;
            line-height: 34px;
        }
        
        .social-list.list-sm li a {
            height: 34px;
            width: 34px;
            font-size: 14px;
            line-height: 34px;
        }
        
        .contact_side i {
            color: #cfa336;
            font-size: 24px;
        }
        
        .contact_side a {
            color: #eee;
            font-size: 14px;
        }
        
        .contact_side a:hover {
            color: #cfa336;
        }
        
        .contact_side p {
            font-size: 14px;
        }
        /* End of list in contact  */
        /* ENd of header section  */
        /* start video background section  */
        
        .bg-video-wrap {
            position: relative;
            overflow: hidden;
            width: 100%;
            height: 100vh;
            /* background: url(https://designsupply-web.com/samplecontent/vender/codepen/20181014.png) no-repeat center center/cover; */
            /* z-index: -2; */
        }
        
        .bg-video-wrap video {
            min-width: 100%;
            min-height: 100vh;
            pointer-events: none;
            z-index: -1;
        }
        
        .bg-video-wrap .overlay {
            width: 100%;
            height: 100vh;
            position: absolute;
            top: 0;
            left: 0;
            /* background-image: linear-gradient(45deg, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .7) 50%); */
            /* background: rgb(20 20 20 / 50%); */
            background-size: 3px 3px;
            /* z-index: 2; */
        }
        
        .sliderinfo {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            max-width: 576px;
            text-align: center;
            width: 90%;
        }
        
        .sliderinfoinner {
            position: relative;
        }
        
        .sliderinfo h1 {
            color: #f3b361;
            font-size: 46px;
            font-weight: 700;
            text-shadow: 1px -1px 0px #fff, -3px 0px 9px #000000;
        }
        
        .sliderinfo h2 {
            color: #fff;
            font-size: 26px;
            font-weight: 300;
            margin-bottom: 27px;
            text-shadow: 1px 1px 8px #000;
        }
        
        .sliderbtn a {
            padding: 10px 20px;
            background-color: rgb(31 66 110 / 58%);
            border: 1px solid #fff;
            display: inline-block;
            color: #fff;
            letter-spacing: 2px;
            font-size: 13px;
            text-transform: uppercase;
            position: relative;
        }
        
        .sliderbtn a:before {
            content: '';
            position: absolute;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            -ms-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s;
            width: 100%;
            height: 0;
            top: 50%;
            left: 50%;
            opacity: 0;
            -webkit-transform: translateX(-50%) translateY(-50%);
            -moz-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
            background-color: rgba(255, 255, 255, .13);
        }
        
        .sliderbtn a:hover:before {
            height: 75%;
            opacity: 1;
        }
        
        .virtualbtn {
            background: rgba(0, 0, 0, 0.5) !important;
        }
        /* End of video background section  */
        /* Start Home Slider Section */
        
        #homeslider {
            position: relative;
        }
        
        #homeslider img {
            width: 100%;
            height: 100vh;
        }
        
        .sliderinfoinner {
            position: relative;
        }
        
        .sliderinfo {
            position: absolute;
            top: 50%;
            left: 10%;
            transform: translateY(-50%);
            max-width: 600px;
            /* text-align: center; */
            width: 90%;
            z-index: 1;
        }
        
        .sliderinfo h1 {
            color: #fff;
            /* line-height: 23px; */
            font-size: 50px;
            font-weight: 700;
            text-shadow: 1px 1px 1px #545050;
            margin-top: 0;
        }
        
        .sliderinfo h1 span {
            color: #ffc31d;
        }
        
        .sliderinfo h4 {
            border-left: 2px solid #ffc31d;
            padding-left: 12px;
            color: #fff;
            font-size: 15px;
        }
        
        .sliderinfo h2 {
            color: #fff;
            font-size: 30px;
            font-weight: 300;
            margin-bottom: 27px;
            text-shadow: 1px 1px 3px #545050;
        }
        
        .slider-inner .overlay {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            content: "";
            background: rgb(0 5 38 / 38%);
        }
        
        #homeslider .owl-theme .owl-controls {
            left: 0;
            position: absolute;
            top: 0;
            width: 100%;
        }
        
        #homeslider .owl-theme .owl-nav {
            margin: 0;
        }
        
        #homeslider .owl-theme .owl-nav div {
            background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        }
        
        #homeslider .owl-prev {
            left: 5%;
            position: absolute;
            top: 50%;
        }
        
        #homeslider .owl-theme .owl-nav div .fa {
            color: #b9b9b9;
            font-size: 30px;
        }
        
        #homeslider .owl-theme .owl-nav div {
            background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        }
        
        #homeslider .owl-next {
            position: absolute;
            right: 5%;
            top: 50%;
        }
        
        #homeslider .owl-theme .owl-nav div .fa {
            color: #fff;
            font-size: 60px;
        }
        
        #homeslider .owl-nav button {
            outline: 0;
        }
        
        #homeslider .owl-nav .fa {
            font-size: 58px;
            color: #fff;
        }
        
        #homeslider .content-box {
            position: absolute;
            bottom: 27%;
        }
        
        .content-box {
            position: absolute;
            bottom: 22%;
            left: 16%;
        }
        
        .content-box h2 {
            color: #FFF;
            font-size: 50px;
        }
        
        .content-box .text {
            color: #FFF;
        }
        
        .link-box a {
            color: #fff;
            display: inline-block;
            padding: 10px 30px;
            background: #6fbfca;
            margin-top: 28px;
        }
        
        .link-box a:hover {
            background: #6fbfca;
        }
        /* End of Home Slider Section */
        /* start intro section  */
        
        .introsec {
            background: url(../img/pattern-1.png) no-repeat;
            background-size: 50%;
            background-position: 124%;
        }
        
        .introtext {
            /* font-size: 28px; */
            font-weight: 400;
            /* text-transform: capitalize; */
            /* line-height: 40px; */
            color: #253046;
            /* font-family: 'Arsenal', sans-serif; */
            border-left: 3px solid #cfa336;
            padding-left: 30px;
            margin-left: 12%;
            padding-right: 50px;
            text-align: justify;
        }
        
        .introimg {
            padding: 5%;
            position: relative;
            z-index: 1;
        }
        
        .introimg img {
            position: absolute;
            top: -150px;
            border: 5px solid #fff;
            border-radius: 20px;
            right: 24px;
        }
        /* end of  intro section  */
        /* start intro 2 section  */
        
        .intro2sec {
            background-image: url(../img/h1_bg-section-2.png);
            background-position: 86vw 200px;
            background-repeat: no-repeat;
            background-size: auto;
        }
        /* End of intro 2 section  */
        /* start counter section  */
        
        .counterSec {
            margin-top: -35px;
            padding-top: 73px;
            /* background-color: #c6a166; */
            /* background: url(../img/bg5.jpg) no-repeat center; */
            /* background-size: cover; */
            /* padding-bottom: 30px; */
        }
        
        .counter-title {
            display: flex;
            color: #fff;
            margin-bottom: 58px;
        }
        
        .counter-title img {
            width: 75px;
            margin-right: 15px;
        }
        
        .counter-value {
            font-weight: 800px;
        }
        
        .counter-value {
            font-weight: 800;
            font-size: 46px;
            line-height: 53px;
            color: #1e1e1d;
        }
        
        .counter-title p {
            font-size: 17px;
            color: #333;
        }
        /* End of counter section  */
        /* start parallax effects  */
        
        .parallax-window1 {
            min-height: 100vh;
            background: transparent;
        }
        
        .parallax-window2 {
            min-height: 600px;
            background: transparent;
        }
        /* End  parallax effects  */
        /* start feature section  */
        
        .featurebox {
            display: flex;
            margin-bottom: 80px;
        }
        
        .featureimg {}
        
        .featureimg .f-imgbox {
            padding: 10px;
            border: 1px solid #ba9230;
        }
        
        .featureimg img {
            width: 43px;
        }
        
        .featureinfo {
            padding-left: 15px;
            display: flex;
            align-items: center;
        }
        
        .featureinfo h4 {
            color: #222;
            margin-bottom: 0;
        }
        /* End of feature section  */
        /* Start welcome text section  */
        
        .welcome-text {
            background: #253046;
        }
        
        .welcome-text .title-box,
        .welcome-text .text-box1 {
            display: table-cell;
            vertical-align: middle;
            padding: 0 20px;
        }
        
        .welcome-text .title-box {
            padding-right: 40px;
            border-right: 3px solid #ffffff;
            width: 30%;
            /* border-radius: 22px; */
            /* border-left: 3px solid #7db698; */
        }
        
        .welcome-text .title-box h3 {
            font-size: 26px;
            font-weight: bold;
            color: #fff;
            line-height: 33px;
            text-transform: uppercase;
        }
        
        .welcome-text .text-box {
            padding-left: 46px;
        }
        
        .welcome-text .text-box p {
            margin: 0;
            color: #ffffff;
            font-style: italic;
            font-size: 16px;
        }
        /* End welcome text section  */
        /* Srtart Home services section  */
        
        .Home_services {
            /* margin-top: -145px; */
        }
        .project-tab .nav-pills{
                display: flex;
                justify-content: center;
                margin-bottom: 30px;
        }
       .nav-pills > li > a {
            border-radius: 4px;
            color: #222;
            background: #f2f2f2;
        }
        .project-tab .nav-pills > li.active > a, 
        .project-tab .nav-pills > li.active > a:hover,
        .project-tab .nav-pills > li.active > a:focus {
            color: #fff;
            background-color: #cfa336;
        }
        
        .hservices {
            margin-bottom: 30px;
            transition: all .5s;
            box-shadow: 0px 0px 14px 0px #2222;
            border-radius: 10px;
        }
        
        .hs_info {
            padding: 28px 8px;
            /* min-height: 256px; */
            position: relative;
            display: flex;
            justify-content: space-between;
        }
        
        .hs_info h4 {
            text-transform: uppercase;
            font-size: 15px;
            color: #067dad;
            margin-bottom: 0;
        }
        
        .hs_info p {
            color: #222;
            font-size: 14px;
        }
        
        .hs_info small {
            position: absolute;
            bottom: 20px;
        }
        
        .inn-txt-content {
            border-left: 2px solid #cfa336;
            padding-left: 9px;
        }
        
        .hservices a {
            transition: all .5s;
            display: block;
            color: #d1d1d1;
        }
        
        span.prop-add i {
            color: #cfa336;
        }
        
        .hservices a:hover {
            /* box-shadow: 0 0 15px 10px #ccc; */
        }
        
        .hservices:hover {
            transform: translateY(-10px);
        }
        
        .view-btn {
            padding: 0 45px 0 0;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            font-size: 16px;
        }
        
        .view-btn:hover {
            background: #282826;
            padding-top: 10px;
            padding-bottom: 10px;
            color: #fff;
            padding-left: 9px;
            border: 1px solid #cfa336;
        }
        
        .ex-arrow {
            position: absolute;
            right: 0;
            top: 0;
            width: 39px;
            height: 25px;
            background: url(../img/ex-arrow.png) no-repeat;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
        }
        
        .inn-txt-content h3 {
            margin-bottom: 2px;
            font-size: 17px;
            color: #fff;
        }
        
        .hs_img {
            position: relative;
        }
        
        span.cat-label {
            position: absolute;
            background: #fffc;
            padding: 3px 25px;
            border-radius: 0px 25px 25px 0;
            margin-top: 9px;
            text-transform: uppercase;
        }
        /* End of Home services section  */
        /* owl nav  */
        
        .Home_services .owl-carousel .owl-nav [class*=owl-] {
            transition: all 0.3s ease;
        }
        
        .Home_services .owl-carousel .owl-nav [class*=owl-].disabled:hover {
            background-color: #D6D6D6;
        }
        
        .Home_services .owl-carousel {
            position: relative;
        }
        
        .Home_services .owl-carousel .owl-next,
        .Home_services .owl-carousel .owl-prev {
            width: 50px;
            height: 50px;
            line-height: 50px;
            border-radius: 50%;
            position: absolute;
            top: 44%;
            font-size: 20px !important;
            color: #fff !important;
            border: 1px solid #ddd;
            text-align: center;
        }
        
        .Home_services .owl-carousel .owl-prev {
            left: -30px;
        }
        
        .Home_services .owl-carousel .owl-next {
            right: -30px;
        }
        /* end of owl nav  */
        /* start testimonial section  */
        
        .testinfo {
            border-left: 3px solid #cfa336;
            padding-left: 30px;
        }
        
        .testuser {
            display: flex;
        }
        
        .testimonial-content {
            font-weight: 400;
            color: #253046;
            /* padding-left: 30px; */
            font-size: 20px;
            line-height: 1.6;
            margin-bottom: 50px;
        }
        
        .t-userimg-box img {
            width: 60px !important;
            height: 60px;
            border-radius: 50%;
            object-fit: cover;
        }
        
        .t-userinfo h4 {
            margin-bottom: 6px;
        }
        
        .t-userinfo {
            padding-left: 20px;
        }
        /* End of testimonial section  */
        /* Start footer section */
        
        .footer {
            background: #f3f3f3;
        }
        
        .footelogo img {
            width: 200px;
            border-radius: 50%;
            box-shadow: 0px 0px 17px 0px #e6e5e5;
            margin: auto;
        }
        
        .quick-link h3 {
            text-transform: uppercase;
            font-size: 17px;
            font-weight: bold;
            font-family: 'Playfair Display', serif;
            letter-spacing: 1px;
            color: #0070a2;
        }
        
        .quick-link li {
            margin-bottom: 4px;
        }
        
        .quick-link li i {
            font-size: 15px;
            color: #787878;
            padding-right: 3px;
            position: absolute;
            top: 0;
            left: -11px;
        }
        
        .quick-link li a {
            font-size: 14px;
            color: #787878;
            position: relative;
            margin-left: 11px;
        }
        
        .quick-link li a:hover {
            color: #0070a2;
        }
        
        .quick-link li a:hover i {
            color: #0070a2;
        }
        
        .custom-html-footer {
            list-style-type: none;
            margin: 0;
            padding: 0;
        }
        
        .custom-html-footer li {
            display: block;
            line-height: 36px;
            font-size: 14px;
            padding-left: 30px;
            position: relative;
            color: #787878;
        }
        
        .custom-html-footer li i {
            position: absolute;
            top: 11px;
            left: 0;
            color: #0070a2;
        }
        
        .copy-right {
            background-color: #cfa336;
            color: #f2f2f2;
            padding-top: 12px;
            padding-bottom: 11px;
            font-size: 14px;
        }
        
        .copy-right a {
            color: #f2f2f2;
        }
        
        .copy-right a:hover {
            color: #222;
        }
        /* End of footer section */
        /* Start contact section  */
        
        .contactSec {
            /* margin-top: -480px; */
            /* background: #edeff0; */
            padding-top: 75px;
            padding-bottom: 75px;
        }
        
        .contactinner {
            background: #edeff0;
            padding: 70px 40px;
            border-radius: 25px;
        }
        
        .contactinfobox {
            background: #cfa336;
            border-radius: 25px;
            transform: translateX(-98px);
            color: #000;
            padding: 47px 20px 50px 50px;
        }
        
        .contctheading h3 {
            margin-bottom: -10px;
        }
        
        .contctheading span {
            display: inline-block;
            width: 115px;
            height: 2px;
            background: #d1d1d1;
        }
        
        .continfo {
            display: flex;
            align-items: flex-start;
            margin-bottom: 30px;
        }
        
        .conticon {
            margin-right: 16px;
            width: 30px;
            height: 30px;
            background: #fff;
            text-align: center;
            line-height: 30px;
            border-radius: 50%;
        }
        
        .conticon i {
            color: #cfa336;
            font-size: 18px;
            line-height: 30px;
            width: 30px;
            height: 30px;
        }
        
        .contdetails h3 {}
        
        .contdetails a {
            color: #333;
        }
        
        .contactform {
            border-radius: 25px;
            padding-top: 47px;
            color: #333;
        }
        
        .formdata input,
        .formdata textarea {
            width: 100%;
            /* height: 65px; */
            background: #fff;
            border: 0;
            outline: 0;
            border-radius: 25px;
            padding: 10px 16px;
            margin-bottom: 30px;
        }
        
        .formdata textarea {
            height: 150px;
            margin-bottom: 0;
        }
        
        .formdata input[type="submit"] {
            display: inline-block;
            font-family: 'Arsenal', sans-serif;
            font-size: 16px;
            font-weight: 700;
            text-transform: capitalize;
            line-height: 28px;
            color: #fff;
            background-color: #cfa336;
            padding: 12px 34px;
        }
        /* End of contact section  */