/* :: Import Fonts */
                    
                    @import url("https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700|Work+Sans:300,400,500,600,700");
                    @import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');
                    /* :: Import All CSS */
                    
                    @import url(css/bootstrap.min.css);
                    @import url(css/animate.css);
                    @import url(css/owl.carousel.css);
                    @import url(css/magnific-popup.css);
                    @import url(css/font-awesome.min.css);
                    @import url(css/themify-icons.css);
                    /* :: Base CSS */
                    
                    * {
                        margin: 0;
                        padding: 0;
                    }
                    
                    body {
                        font-family: 'Lato', sans-serif;
                    }
                    
                    #cart-count {
                        text-align: center;
                        padding: 0 0.9rem 0.1rem 0.9rem;
                        border-radius: 3rem;
                    }
                    
                    #cart-count101 {
                        text-align: center;
                        padding: 0 0.9rem 0.1rem 0.9rem;
                        border-radius: 3rem;
                    }
                    
                    tr[data-href] {
                        cursor: pointer;
                    }
                    
                    .table1 {
                        width: 100% !important;
                    }
                    
                    .table1,
                    th,
                    td {
                        border: 1px solid gray;
                        padding: 5px !important;
                        color: #1270ce;
                    }
                    
                    .table1 th {
                        background-color: #2089C5;
                        color: white;
                        text-shadow: 2px 2px 4px #000000;
                        padding: 15px 5px 15px 5px !important;
                    }
                    
                    .table1 tr:hover {
                        background-color: lightblue !important;
                    }
                    
                    .cart {
                        padding: 0;
                    }
                    
                    .flex-container {
                        background-color: #EBEBEB;
                        font-family: 'Lato', sans-serif;
                        font-weight: bold;
                        display: flex;
                        flex-direction: row;
                        text-align: center;
                        margin-top: -50px;
                        padding: 10px;
                    }
                    
                    .flex-container1 {
                        font-family: 'Lato', sans-serif;
                        font-weight: bold;
                        display: flex;
                        flex-direction: row;
                        padding: 5px 5px 5px 15px;
                        margin-bottom: 10px;
                    }
                    
                    .flex-item-left {
                        margin-top: 0px;
                        padding: 0;
                        flex: 33%;
                    }
                    
                    .flex-item-mid {
                        padding: 0;
                        flex: 33%;
                    }
                    
                    .flex-item-right {
                        margin-top: 0px;
                        padding: 0;
                        flex: 33%;
                    }
                    
                    .main-content-wrapper .strip h2 {
                        /*background-image: linear-gradient(to bottom right, #2cadec, #0a4780);*/
                        background-color: #EBEBEB;
                        font-family: 'Lato', sans-serif;
                        font-weight: bold;
                        padding: 12px 0px 12px 20px;
                    }
                    
                    .headline .title h3 {
                        border-radius: 10px;
                        background-image: linear-gradient(to bottom right, #2cadec, #0a4780);
                        font-family: 'Lato', sans-serif;
                        font-weight: bold;
                        font-size: 30px;
                        padding: 10px 0px 10px 20px;
                    }
                    
                    .separator {
                        display: flex;
                        align-items: center;
                        text-align: center;
                    }
                    
                    .separator::before,
                    .separator::after {
                        content: '';
                        flex: 1;
                        border-bottom: 1px solid #d3d3d3;
                    }
                    
                    .separator::before {
                        margin-right: .25em;
                    }
                    
                    .separator::after {
                        margin-left: .25em;
                    }
                    
                    .note h5 {
                        text-decoration: underline;
                        font-style: italic;
                        color: red;
                        padding-top: 15px;
                    }
                    
                    figure {
                        border: 1px #cccccc solid;
                        padding: 4px;
                        margin: auto;
                    }
                    
                    figcaption {
                        background-color: black;
                        color: white;
                        font-style: italic;
                        padding: 2px;
                        text-align: center;
                    }
                    
                    .sidenav {
                        margin-top: 4%;
                    }
                    
                    .f-form {
                        text-align: center !important;
                    }
                    
                    #mySidenav a {
                        position: absolute;
                        left: -10%;
                        transition: 0.3s;
                        padding: 15px;
                        width: 13%;
                        text-decoration: none;
                        font-size: 12px;
                        color: white;
                        border-radius: 0 5px 5px 0;
                    }
                    
                    #mySidenav a:hover {
                        left: 0;
                    }
                    
                    #about {
                        margin-top: 0%;
                        background-color: #4CAF50;
                    }
                    
                    #blog {
                        margin-top: 5%;
                        background-color: #2196F3;
                    }
                    
                    .container1 {
                        width: 100%;
                        padding-top: 20px;
                        padding-bottom: 20px;
                    }
                    
                    #projects {
                        margin-top: 10%;
                        background-color: #f44336;
                    }
                    
                    #addcourse {
                        margin-top: 15%;
                        background-color: #555
                    }
                    
                    #regstd {
                        margin-top: 20%;
                        background-color: #555
                    }
                    
                    #contact {
                        margin-top: 25%;
                        background-color: #555
                    }
                    
                    #tlist {
                        margin-top: 30%;
                        background-color: #555
                    }
                    
                    #tcrs {
                        margin-top: 35%;
                        background-color: #2196F3;
                    }
                    
                    #tassign {
                        margin-top: 40%;
                        background-color: #2196F3;
                    }
                    
                    #tcdel {
                        margin-top: 45%;
                        background-color: #2196F3;
                    }
                    
                    .img-hover-zoom {
                        /*height: 300px;
/* [1.1] Set it as per your need */
                        overflow: hidden;
                        /* [1.2] Hide the overflowing of child elements */
                    }
                    
                    .item1 {
                        grid-area: form1;
                    }
                    
                    .item2 {
                        grid-area: form2;
                    }
                    
                    .item3 {
                        grid-area: side;
                    }
                    
                    .item4 {
                        grid-area: conten;
                    }
                    
                    .grid-container {
                        display: grid;
                        grid-template-areas: 'form1 form1 form2 form2 side side' 'conten conten conten conten side side';
                        grid-gap: 10px;
                        background-color: #2196F3;
                        padding: 10px;
                    }
                    
                    .grid-containerp {
                        display: grid;
                        grid-template-columns: auto auto;
                        grid-gap: 10px;
                        padding: 10px;
                    }
                    
                    .grid-container>div {
                        text-align: center;
                        padding: 20px 0;
                    }
                    
                    @font-face {
                        font-family: 'UKNumberPlate';
                        src: url(UKNumberPlate.ttf);
                    }
                    
                    input[name="REG"]::placeholder {
                        color: black;
                        font-family: 'UKNumberPlate';
                        font-size: 30px;
                        font-weight: 900;
                    }
                    
                    input[name="turbo"]::placeholder {
                        color: white;
                        font-size: 20px;
                        font-weight: 600;
                    }
                    
                    input[name="REG"] {
                        color: black;
                        font-family: 'UKNumberPlate';
                        font-size: 30px;
                        padding-left: 34px;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        border-color: black;
                        border-radius: 8px;
                        border-width: 1px;
                        font-weight: 900;
                        background-image: url('img/plate1.png');
                        position: left;
                        background-size: 24px;
                        background-repeat: no-repeat;
                    }
                    
                    input[name="turbo"] {
                        color: white;
                        font-size: 18px;
                        border-color: black;
                        border-radius: 8px;
                        border-width: 1px;
                        font-weight: 600;
                    }
                    
                    input[name="REG"]:focus {
                        color: black;
                    }
                    
                    input[name="turbo"]:focus {
                        color: white;
                    }
                    
                    .form-control {
                        margin-top: -2px;
                    }
                    
                    .form-group {
                        margin-left: 25px;
                        width: 95%;
                    }
                    
                    label {
                        margin-top: 3px;
                    }
                    
                    .post-content p {
                        color: black;
                    }
                    /* [2] Transition property for smooth transformation of images */
                    
                    .img-hover-zoom img {
                        transition: transform .5s ease;
                    }
                    /* [3] Finally, transforming the image when container gets hovered */
                    
                    .img-hover-zoom:hover img {
                        transform: scale(1.5);
                    }
                    
                    #logout {
                        margin-top: 50%;
                        background-color: #555
                    }
                    
                    .button {
                        border-radius: 4px;
                        background-color: #11428F;
                        border: none;
                        color: #FFFFFF;
                        text-align: center;
                        padding: 2% 2%;
                        margin: 0% 2% 4%;
                        width: 100%;
                        transition: all 0.5s;
                        cursor: pointer;
                    }
                    
                    .button span {
                        cursor: pointer;
                        display: inline-block;
                        position: relative;
                        transition: 0.5s;
                    }
                    
                    .button span:after {
                        content: '\00bb';
                        position: absolute;
                        opacity: 0;
                        top: 0;
                        right: -20px;
                        transition: 0.5s;
                    }
                    
                    .button:hover span {
                        padding-right: 25px;
                    }
                    
                    .button:hover span:after {
                        opacity: 1;
                        right: 0;
                    }
                    
                    .ubuntu-fonts {
                        font-family: "Ubuntu", sans-serif;
                    }
                    
                    .card {
                        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
                        transition: 0.3s;
                        width: 100%;
                        border-radius: 5px;
                        text-align: center;
                    }
                    
                    .card:hover {
                        box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.4);
                    }
                    
                    .port1form {
                        padding: 2.5%;
                        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
                        transition: 0.2s;
                        width: 90%;
                        border-radius: 5px;
                        text-align: center;
                    }
                    
                    .portform {
                        padding: 2.5%;
                        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
                        transition: 0.3s;
                        width: 40%;
                        border-radius: 5px;
                        text-align: center;
                    }
                    
                    img {
                        border-radius: 5px 5px 0 0;
                    }
                    
                    h1,
                    h2,
                    h3,
                    h4,
                    h5,
                    h6 {
                        color: #000000;
                        font-weight: 500;
                        line-height: 1.3;
                    }
                    
                    p {
                        color: #8d8d8d;
                        font-size: 14px;
                        line-height: 1.4;
                    }
                    
                    a {
                        -webkit-transition-duration: 500ms;
                        transition-duration: 500ms;
                        text-decoration: none;
                        outline: none;
                        font-size: 14px;
                        font-weight: 400;
                        font-family: "Ubuntu", sans-serif;
                        color: #8d8d8d;
                    }
                    
                    a:hover,
                    a:focus {
                        font-family: "Ubuntu", sans-serif;
                        -webkit-transition-duration: 500ms;
                        transition-duration: 500ms;
                        text-decoration: none;
                        outline: none;
                        font-size: 14px;
                        font-weight: 400;
                        color: #0000ff;
                    }
                    
                    #preloader {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        -ms-grid-row-align: center;
                        align-items: center;
                        -webkit-box-pack: center;
                        -ms-flex-pack: center;
                        justify-content: center;
                        background-color: #232323;
                        position: fixed;
                        width: 100%;
                        height: 100%;
                        z-index: 1000000;
                    }
                    
                    #world-load {
                        width: 70px;
                        height: 70px;
                        border-radius: 50%;
                        border: 3px;
                        border-style: solid;
                        border-color: transparent;
                        border-top-color: #f1f1f1;
                        -webkit-animation: world 2400ms linear infinite;
                        animation: world 2400ms linear infinite;
                        z-index: 999;
                    }
                    
                    #world-load:before {
                        content: "";
                        position: absolute;
                        top: 7.5px;
                        left: 7.5px;
                        right: 7.5px;
                        bottom: 7.5px;
                        border-radius: 50%;
                        border: 3px;
                        border-style: solid;
                        border-color: transparent;
                        border-top-color: #f1f1f1;
                        -webkit-animation: world 2700ms linear infinite;
                        animation: world 2700ms linear infinite;
                    }
                    
                    #world-load:after {
                        content: "";
                        position: absolute;
                        top: 20px;
                        left: 20px;
                        right: 20px;
                        bottom: 20px;
                        border-radius: 50%;
                        border: 3px;
                        border-style: solid;
                        border-color: transparent;
                        border-top-color: #f1f1f1;
                        -webkit-animation: world 1800ms linear infinite;
                        animation: world 1800ms linear infinite;
                    }
                    
                    @-webkit-keyframes world {
                        0% {
                            -webkit-transform: rotate(0deg);
                            transform: rotate(0deg);
                        }
                        100% {
                            -webkit-transform: rotate(360deg);
                            transform: rotate(360deg);
                        }
                    }
                    
                    @keyframes world {
                        0% {
                            -webkit-transform: rotate(0deg);
                            transform: rotate(0deg);
                        }
                        100% {
                            -webkit-transform: rotate(360deg);
                            transform: rotate(360deg);
                        }
                    }
                    
                    ul,
                    ol {
                        margin: 0;
                    }
                    
                    ul li,
                    ol li {
                        list-style: none;
                    }
                    
                    img {
                        height: auto;
                        max-width: 100%;
                    }
                    
                    .mt-15 {
                        margin-top: 15px;
                    }
                    
                    .mt-30 {
                        margin-top: 30px;
                    }
                    
                    .mt-50 {
                        margin-top: 50px;
                    }
                    
                    .mt-70 {
                        margin-top: 70px;
                    }
                    
                    .mt-100 {
                        margin-top: 100px;
                    }
                    
                    .mb-15 {
                        margin-bottom: 15px;
                    }
                    
                    .mb-30 {
                        margin-bottom: 30px;
                    }
                    
                    .mb-50 {
                        margin-bottom: 50px;
                    }
                    
                    .ml-15 {
                        margin-left: 15px;
                    }
                    
                    .ml-30 {
                        margin-left: 30px;
                    }
                    
                    .mr-15 {
                        margin-right: 15px;
                    }
                    
                    .mr-30 {
                        margin-right: 30px;
                    }
                    
                    .mb-70 {
                        margin-bottom: 70px;
                    }
                    
                    .mb-100 {
                        margin-bottom: 100px;
                    }
                    
                    .bg-img {
                        background-position: center center;
                        background-size: cover;
                        background-repeat: no-repeat;
                    }
                    
                    .bg-transparent {
                        background-color: transparent;
                    }
                    
                    .font-bold {
                        font-weight: 700;
                    }
                    
                    .font-light {
                        font-weight: 300;
                    }
                    
                    .height-400 {
                        height: 400px !important;
                    }
                    
                    .height-500 {
                        height: 500px !important;
                    }
                    
                    .height-600 {
                        height: 600px !important;
                    }
                    
                    .height-700 {
                        height: 700px !important;
                    }
                    
                    .height-800 {
                        height: 800px !important;
                    }
                    
                    .mfp-wrap {
                        z-index: 100000;
                    }
                    
                    .mfp-image-holder .mfp-close,
                    .mfp-iframe-holder .mfp-close {
                        color: #ffffff;
                        right: -30px;
                        padding-right: 0;
                        width: 30px;
                        height: 30px;
                        line-height: 25px;
                        text-align: center;
                        border: 2px solid #ffffff;
                        border-radius: 50%;
                    }
                    
                    #scrollUp {
                        background-color: #232323;
                        border-radius: 50%;
                        bottom: 60px;
                        right: 60px;
                        box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
                        color: #ffffff;
                        font-size: 30px;
                        height: 50px;
                        text-align: center;
                        width: 50px;
                        line-height: 46px;
                        -webkit-transition-duration: 500ms;
                        transition-duration: 500ms;
                    }
                    
                    #scrollUp:hover {
                        background-color: #0000ff;
                    }
                    
                    @media only screen and (min-width: 768px) and (max-width: 991px) {
                        #scrollUp {
                            bottom: 30px;
                            right: 30px;
                        }
                    }
                    
                    @media only screen and (max-width: 767px) {
                        #scrollUp {
                            bottom: 30px;
                            right: 30px;
                        }
                    }
                    
                    #REG::placeholder {
                        font-family: '';
                    }
                    
                    .section-padding-50 {
                        padding: 50px 0;
                    }
                    
                    .section-padding-100 {
                        padding: 100px 0;
                    }
                    
                    .section-padding-50 {
                        padding: 50px 0;
                    }
                    
                    .section-padding-50-0 {
                        padding: 50px 0 0 0;
                    }
                    
                    .section-padding-100-70 {
                        padding: 100px 0 70px;
                    }
                    
                    .section-padding-100-50 {
                        padding: 100px 0 50px;
                    }
                    
                    .section-padding-100-0 {
                        padding: 100px 0 0;
                    }
                    
                    .section-padding-0-100 {
                        padding: 0 0 100px;
                    }
                    
                    .section-padding-100-20 {
                        padding: 100px 0 20px 0;
                    }
                    
                    .bg-gray {
                        background-color: #f1f1f1;
                    }
                    
                    .background-overlay {
                        position: relative;
                        z-index: 2;
                    }
                    
                    .background-overlay:after {
                        position: absolute;
                        z-index: -1;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        content: '';
                        background-color: rgba(0, 0, 0, 0.2);
                    }
                    
                    .world-btn {
                        position: relative;
                        z-index: 1;
                        padding: 0 25px;
                        width: auto;
                        height: 35px;
                        border: 1px solid;
                        border-color: #d7d7d7;
                        font-size: 14px;
                        border-radius: 50px;
                        line-height: 32px;
                    }
                    
                    .world-btn:hover,
                    .world-btn:focus {
                        border-color: #0000ff;
                        background-color: #0000ff;
                        color: #ffffff;
                    }
                    /* :: Header Area CSS */
                    
                    .header-area {
                        position: fixed;
                        top: 20;
                        width: 100%;
                        height: auto;
                        margin-top: 20px;
                        left: 0;
                        z-index: 300;
                        -webkit-transition-duration: 500ms;
                        transition-duration: 500ms;
                    }
                    
                    .header-area2 {
                        position: fixed;
                        top: 0;
                        width: 100%;
                        height: auto;
                        margin-top: 0px;
                        left: 0;
                        z-index: 300;
                        -webkit-transition-duration: 500ms;
                        transition-duration: 500ms;
                        background-color: black;
                    }
                    
                    .header-area2 .navbar {
                        margin-top: 15px;
                        background-color: black;
                        -webkit-transition-duration: 500ms;
                        transition-duration: 500ms;
                        height: 55px;
                    }
                    
                    .header-area2 .navbar .navbar-nav {
                        margin-right: 0px;
                    }
                    
                    .header-area2 .navbar .navbar-nav .nav-link {
                        color: lightgray;
                        padding: 0.5em 1em;
                        font-weight: 500;
                    }
                    
                    .header-area2 .navbar .navbar-nav .nav-link:hover,
                    .header-area2 .navbar .navbar-nav .nav-link:focus {
                        color: #ffffff;
                    }
                    
                    @media only screen and (min-width: 992px) and (max-width: 1199px) {
                        .header-area2 .navbar .navbar-nav .nav-link {
                            padding: 0.5em;
                        }
                    }
                    
                    .header-area2 .navbar .navbar-nav .nav-item.active .nav-link {
                        color: #ffffff;
                    }
                    
                    @media only screen and (min-width: 992px) and (max-width: 1199px) {
                        .header-area2 .navbar .navbar-nav {
                            margin-right: 30px;
                        }
                    }
                    
                    .header-area2.sticky {
                        top: 0 !important;
                        padding-top: 0.75%;
                        background-color: #1c1c1c;
                        margin-top: -20;
                        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
                    }
                    
                    .header-area2.sticky .navbar {
                        border-color: #1c1c1c;
                    }
                    
                    .header-area2.sticky .cart {
                        color: #ffffff !important;
                        margin-top: 0px !important;
                    }
                    
                    .header-area .navbar {
                        border-bottom: 1px solid;
                        border-color: #ffffff;
                        -webkit-transition-duration: 500ms;
                        transition-duration: 500ms;
                        height: 55px;
                    }
                    
                    .header-area .navbar .navbar-nav {
                        margin-right: 50px;
                    }
                    
                    .header-area .navbar .navbar-nav .nav-link {
                        color: lightgray;
                        padding: 0.5em 1em;
                        font-weight: 500;
                    }
                    
                    .header-area .navbar .navbar-nav .nav-link:hover,
                    .header-area .navbar .navbar-nav .nav-link:focus {
                        color: #ffffff;
                    }
                    
                    @media only screen and (min-width: 992px) and (max-width: 1199px) {
                        .header-area .navbar .navbar-nav .nav-link {
                            padding: 0.5em;
                        }
                    }
                    
                    .header-area .navbar .navbar-nav .nav-item.active .nav-link {
                        color: #ffffff;
                    }
                    
                    @media only screen and (min-width: 992px) and (max-width: 1199px) {
                        .header-area .navbar .navbar-nav {
                            margin-right: 30px;
                        }
                    }
                    
                    .header-area.sticky {
                        padding-top: 0.75%;
                        background-color: #1c1c1c;
                        margin-top: 0;
                        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
                    }
                    
                    .header-area.sticky .navbar {
                        border-color: #1c1c1c;
                    }
                    
                    .header-area.sticky .cart {
                        color: #ffffff !important;
                        margin-top: 0px !important;
                    }
                    
                    .navbar-toggler-icon {
                        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
                        cursor: pointer;
                    }
                    
                    @media only screen and (min-width: 768px) and (max-width: 991px) {
                        #worldNav {
                            background-color: #000000;
                            padding: 30px;
                        }
                    }
                    
                    @media only screen and (max-width: 767px) {
                        #worldNav {
                            background-color: #000000;
                            padding: 15px 15px 30px 15px;
                        }
                    }
                    
                    .dropdown-menu {
                        border: none;
                        box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15);
                        padding-top: 5px;
                        border-radius: 3px;
                    }
                    /* :: Hero Slides Area CSS */
                    
                    .hero-area {
                        position: relative;
                        z-index: 1;
                    }
                    
                    .hero-area .hero-slides {
                        position: relative;
                        z-index: 10;
                    }
                    
                    .hero-area .hero-slides .single-hero-slide {
                        height: 600px;
                        position: relative;
                        z-index: 1;
                    }
                    
                    @media only screen and (min-width: 768px) and (max-width: 991px) {
                        .hero-area .hero-slides .single-hero-slide {
                            height: 450px;
                        }
                    }
                    
                    @media only screen and (max-width: 767px) {
                        .hero-area .hero-slides .single-hero-slide {
                            height: 400px;
                        }
                    }
                    
                    .hero-area .hero-post-area {
                        position: absolute;
                        bottom: 40px;
                        left: 0;
                        width: 100%;
                        z-index: 200;
                    }
                    
                    .hero-area .hero-post-slide .single-slide .post-number {
                        -webkit-box-flex: 0;
                        -ms-flex: 0 0 80px;
                        flex: 0 0 80px;
                        min-width: 80px;
                    }
                    
                    .hero-area .hero-post-slide .single-slide .post-number p {
                        width: 55px;
                        height: 55px;
                        border: 5px solid;
                        border-color: #8d8d8d;
                        margin-right: 25px;
                        border-radius: 50%;
                        margin-bottom: 0;
                        text-align: center;
                        line-height: 45px;
                        font-size: 24px;
                        font-family: "Ubuntu", sans-serif;
                        font-weight: 700;
                    }
                    
                    .hero-area .hero-post-slide .single-slide .post-title a {
                        margin-bottom: 0;
                        font-size: 14px;
                        font-weight: 700;
                        color: #8d8d8d;
                    }
                    
                    .hero-area .hero-post-slide .center .single-slide .post-number p {
                        border: 5px solid;
                        border-top-color: #0000ff;
                        border-bottom-color: #0000ff;
                        border-left-color: #8d8d8d;
                        border-right-color: #0000ff;
                    }
                    
                    .hero-area .hero-post-slide .center .single-slide .post-title a {
                        color: #ffffff;
                        font-weight: 700;
                    }
                    /* Blog Content Area CSS */
                    
                    .world-catagory-area .nav-tabs {
                        padding: 10px 0;
                        border-bottom: 2px solid #f1f1f1;
                    }
                    
                    .world-catagory-area .nav-tabs .title {
                        font-size: 18px;
                        color: #000000;
                        margin-bottom: 0;
                        margin-right: auto;
                        font-family: "Ubuntu", sans-serif;
                        font-weight: 700;
                    }
                    
                    .world-catagory-area .nav-tabs .nav-link {
                        padding: 0 1em;
                        position: relative;
                        z-index: 1;
                    }
                    
                    .world-catagory-area .nav-tabs .nav-link:hover,
                    .world-catagory-area .nav-tabs .nav-link:focus {
                        color: #000000;
                        border: 1px solid transparent;
                        font-weight: 400;
                    }
                    
                    .world-catagory-area .nav-tabs .nav-link.active {
                        color: #000000;
                        border: 1px solid transparent;
                    }
                    
                    .world-catagory-area .nav-tabs .nav-link.active:after {
                        position: absolute;
                        left: 15px;
                        bottom: -17px;
                        content: '';
                        background-color: #0000ff;
                        width: calc(100% - 30px);
                        height: 2px;
                        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
                    }
                    
                    @media only screen and (min-width: 992px) and (max-width: 1199px) {
                        .world-catagory-area .nav-tabs .nav-link.active:after {
                            width: calc(100% - 10px);
                            left: 5px;
                        }
                    }
                    
                    @media only screen and (min-width: 768px) and (max-width: 991px) {
                        .world-catagory-area .nav-tabs .nav-link.active:after {
                            width: calc(100% - 10px);
                            left: 5px;
                        }
                    }
                    
                    @media only screen and (max-width: 767px) {
                        .world-catagory-area .nav-tabs .nav-link.active:after {
                            display: none;
                        }
                    }
                    
                    @media only screen and (min-width: 992px) and (max-width: 1199px) {
                        .world-catagory-area .nav-tabs .nav-link {
                            padding: 0 5px;
                        }
                    }
                    
                    @media only screen and (min-width: 768px) and (max-width: 991px) {
                        .world-catagory-area .nav-tabs .nav-link {
                            padding: 0 5px;
                        }
                    }
                    
                    @media only screen and (max-width: 767px) {
                        .world-catagory-area .nav-tabs .nav-link {
                            padding: 0 5px;
                        }
                    }
                    
                    .world-catagory-area .nav-tabs .nav-item.show .nav-link {
                        border: 1px solid transparent;
                    }
                    
                    .world-catagory-area .nav-tabs .nav-item .dropdown-menu {
                        margin-top: 15px;
                        border-radius: 0;
                        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
                        border: none;
                    }
                    
                    .world-catagory-area .tab-content {
                        padding-top: 30px;
                    }
                    
                    .single-blog-post {
                        position: relative;
                        z-index: 1;
                        box-shadow: 4px 1px 8px rgba(0, 0, 0, 0.1);
                        margin-bottom: 5px;
                    }
                    
                    .single-blog-post .post-thumbnail {
                        position: relative;
                        z-index: 1;
                    }
                    
                    .single-blog-post .post-thumbnail img {
                        width: 100%;
                    }
                    
                    .single-blog-post .post-thumbnail .post-cta {
                        position: absolute;
                        top: 15px;
                        left: 30px;
                        z-index: 10;
                    }
                    
                    .single-blog-post .post-thumbnail .post-cta a {
                        padding: 0 10px;
                        display: inline-block;
                        height: 20px;
                        background-color: #ffffff;
                        text-transform: uppercase;
                        font-size: 10px;
                        color: #0000ff;
                        font-weight: 500;
                        line-height: 20px;
                        letter-spacing: 0.75px;
                    }
                    
                    .single-blog-post .post-thumbnail .post-cta a:hover,
                    .single-blog-post .post-thumbnail .post-cta a:focus {
                        background-color: #0000ff;
                        color: #ffffff;
                    }
                    
                    .single-blog-post .post-thumbnail .video-btn {
                        width: 36px;
                        height: 36px;
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        z-index: 5;
                        background-color: #ffffff;
                        -webkit-transform: translate(-50%, -50%);
                        transform: translate(-50%, -50%);
                        border-radius: 50%;
                        text-align: center;
                    }
                    
                    .single-blog-post .post-thumbnail .video-btn i {
                        -webkit-transition-duration: 500ms;
                        transition-duration: 500ms;
                        line-height: 36px;
                    }
                    
                    .single-blog-post .post-thumbnail .video-btn:hover i,
                    .single-blog-post .post-thumbnail .video-btn:focus i {
                        color: #0000ff;
                    }
                    
                    .single-blog-post .post-content {
                        padding: 20px 30px;
                    }
                    
                    .single-blog-post .post-content .headline h5 {
                        font-size: 18px;
                        margin-bottom: 10px;
                    }
                    
                    .single-blog-post .post-content p {
                        margin-bottom: 10px;
                    }
                    
                    .single-blog-post .post-content .post-meta p {
                        margin-bottom: 0;
                        font-size: 12px;
                    }
                    
                    .single-blog-post .post-content .post-meta p a {
                        font-size: 12px;
                    }
                    
                    .single-blog-post.post-style-2 {
                        margin-bottom: 5px;
                    }
                    
                    .single-blog-post.post-style-2 .post-thumbnail {
                        -webkit-box-flex: 0;
                        -ms-flex: 0 0 97px;
                        flex: 0 0 97px;
                        min-width: 97px;
                        margin-right: 15px;
                    }
                    
                    @media only screen and (min-width: 992px) and (max-width: 1199px) {
                        .single-blog-post.post-style-2 .post-thumbnail {
                            margin-right: 5px;
                        }
                    }
                    
                    .single-blog-post.post-style-2 .post-content {
                        padding: 5px 30px 5px 5px;
                    }
                    
                    .single-blog-post.post-style-2 .post-content .headline h5 {
                        font-size: 14px;
                        margin-bottom: 10px;
                    }
                    
                    @media only screen and (min-width: 992px) and (max-width: 1199px) {
                        .single-blog-post.post-style-2 .post-content .headline h5 {
                            font-size: 13px;
                        }
                    }
                    
                    @media only screen and (max-width: 767px) {
                        .single-blog-post.post-style-2 .post-content .headline h5 {
                            font-size: 13px;
                        }
                    }
                    
                    @media only screen and (min-width: 992px) and (max-width: 1199px) {
                        .single-blog-post.post-style-2 .post-content {
                            padding: 5px;
                        }
                    }
                    
                    .single-blog-post.post-style-2:last-of-type {
                        margin-bottom: 0;
                    }
                    
                    .single-blog-post.post-style-2.widget-post .post-thumbnail {
                        -webkit-box-flex: 0;
                        -ms-flex: 0 0 70px;
                        flex: 0 0 70px;
                        min-width: 70px;
                        margin-right: 15px;
                    }
                    
                    .single-blog-post.post-style-3 .post-thumbnail {
                        position: relative;
                        z-index: 1;
                    }
                    
                    .single-blog-post.post-style-3 .post-thumbnail::after {
                        width: 100%;
                        height: 100%;
                        top: 0;
                        left: 0;
                        background-color: rgba(0, 0, 0, 0.5);
                        z-index: auto;
                        content: '';
                        position: absolute;
                    }
                    
                    .single-blog-post.post-style-3 .post-content {
                        -webkit-box-orient: vertical;
                        -webkit-box-direction: normal;
                        -ms-flex-direction: column;
                        flex-direction: column;
                        text-align: center;
                        padding: 0;
                        position: absolute;
                        width: calc(100% - 30px);
                        height: calc(100% - 30px);
                        top: 15px;
                        left: 15px;
                        right: 15px;
                        bottom: 15px;
                        z-index: 2;
                    }
                    
                    .single-blog-post.post-style-3 .post-content .post-tag a {
                        padding: 0 10px;
                        display: inline-block;
                        height: 20px;
                        background-color: #ffffff;
                        text-transform: uppercase;
                        font-size: 10px;
                        color: #0000ff;
                        font-weight: 500;
                        line-height: 20px;
                        letter-spacing: 0.75px;
                    }
                    
                    .single-blog-post.post-style-3 .post-content .post-tag a:hover,
                    .single-blog-post.post-style-3 .post-content .post-tag a:focus {
                        background-color: #0000ff;
                        color: #ffffff;
                    }
                    
                    .single-blog-post.post-style-3 .post-content .headline h5 {
                        font-size: 18px;
                        color: #ffffff;
                    }
                    
                    .single-blog-post.post-style-4 {
                        margin-bottom: 5px;
                    }
                    
                    @media only screen and (max-width: 767px) {
                        .single-blog-post.post-style-4 {
                            -ms-flex-wrap: wrap;
                            flex-wrap: wrap;
                        }
                    }
                    
                    @media only screen and (min-width: 576px) and (max-width: 767px) {
                        .single-blog-post.post-style-4 {
                            -ms-flex-wrap: nowrap;
                            flex-wrap: nowrap;
                        }
                    }
                    
                    .single-blog-post.post-style-4 .post-thumbnail {
                        -webkit-box-flex: 0;
                        -ms-flex: 0 0 200px;
                        flex: 0 0 200px;
                        min-width: 200px;
                        margin-right: 20px;
                    }
                    
                    @media only screen and (max-width: 767px) {
                        .single-blog-post.post-style-4 .post-thumbnail {
                            -webkit-box-flex: 0;
                            -ms-flex: 0 0 100%;
                            flex: 0 0 100%;
                            min-width: 100%;
                        }
                    }
                    
                    @media only screen and (min-width: 576px) and (max-width: 767px) {
                        .single-blog-post.post-style-4 .post-thumbnail {
                            -webkit-box-flex: 0;
                            -ms-flex: 0 0 250px;
                            flex: 0 0 250px;
                            min-width: 250px;
                        }
                    }
                    
                    .single-blog-post.post-style-4 .post-content {
                        padding: 5px 30px 5px 5px;
                    }
                    
                    .single-blog-post.post-style-4 .post-content .headline h5 {
                        font-size: 17px;
                        margin-bottom: 10px;
                    }
                    
                    @media only screen and (max-width: 767px) {
                        .single-blog-post.post-style-4 .post-content {
                            padding: 30px;
                        }
                    }
                    
                    @media only screen and (min-width: 576px) and (max-width: 767px) {
                        .single-blog-post.post-style-4 .post-content {
                            padding: 5px;
                        }
                    }
                    
                    .single-blog-post.post-style-4:last-of-type {
                        margin-bottom: 0;
                    }
                    
                    .world-catagory-slider .owl-item,
                    .world-catagory-slider2 .owl-item {
                        padding: 0 0 10px 0;
                    }
                    
                    .world-catagory-slider .owl-nav,
                    .world-catagory-slider2 .owl-nav {
                        margin-top: 25px;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        margin-left: 10px;
                    }
                    
                    @media only screen and (max-width: 767px) {
                        .world-catagory-slider .owl-nav,
                        .world-catagory-slider2 .owl-nav {
                            margin-bottom: 30px;
                        }
                    }
                    
                    .world-catagory-slider .owl-nav .owl-prev,
                    .world-catagory-slider .owl-nav .owl-next,
                    .world-catagory-slider2 .owl-nav .owl-prev,
                    .world-catagory-slider2 .owl-nav .owl-next {
                        -webkit-box-flex: 0;
                        -ms-flex: 0 0 36px;
                        flex: 0 0 36px;
                        width: 36px;
                        height: 36px;
                        border: 2px solid #d8d8d8;
                        color: #d8d8d8;
                        font-size: 22px;
                        border-radius: 50%;
                        text-align: center;
                        line-height: 32px;
                        -webkit-transition-duration: 500ms;
                        transition-duration: 500ms;
                    }
                    
                    .world-catagory-slider .owl-nav .owl-prev:hover,
                    .world-catagory-slider .owl-nav .owl-prev:focus,
                    .world-catagory-slider .owl-nav .owl-next:hover,
                    .world-catagory-slider .owl-nav .owl-next:focus,
                    .world-catagory-slider2 .owl-nav .owl-prev:hover,
                    .world-catagory-slider2 .owl-nav .owl-prev:focus,
                    .world-catagory-slider2 .owl-nav .owl-next:hover,
                    .world-catagory-slider2 .owl-nav .owl-next:focus {
                        border-color: #0000ff;
                        color: #ffffff;
                        background-color: #0000ff;
                    }
                    
                    .world-catagory-slider .owl-nav .owl-prev,
                    .world-catagory-slider2 .owl-nav .owl-prev {
                        margin-right: 15px;
                    }
                    
                    .world-latest-articles .title {
                        margin-top: 50px;
                        margin-bottom: 30px;
                    }
                    
                    .world-latest-articles .title h5 {
                        display: block;
                        font-size: 18px;
                        color: #000000;
                        margin-bottom: 0;
                        margin-right: auto;
                        font-family: "Ubuntu", sans-serif;
                        font-weight: 700;
                        padding: 10px 0;
                        border-bottom: 2px solid #f1f1f1;
                    }
                    
                    .post-sidebar-area {
                        border-left: 2px solid #f1f1f1;
                        border-right: 2px solid #f1f1f1;
                        margin-top: -15px;
                    }
                    
                    .sidebar-widget-area {
                        position: relative;
                        z-index: 1;
                        border-bottom: 2px solid #f1f1f1;
                    }
                    
                    .sidebar-widget-area .title {
                        display: block;
                        font-size: 18px;
                        color: #000000;
                        margin-bottom: 0;
                        margin-right: 0;
                        font-family: "Ubuntu", sans-serif;
                        font-weight: 700;
                        padding: 12px 0;
                        border-bottom: 0px solid #f1f1f1;
                        text-align: center;
                    }
                    
                    .sidebar-widget-area .widget-content {
                        padding: 30px 0 30px 30px;
                    }
                    
                    @media only screen and (max-width: 767px) {
                        .sidebar-widget-area .widget-content {
                            padding: 30px 0 30px 15px;
                        }
                    }
                    
                    .sidebar-widget-area .widget-content .social-area a {
                        width: 40px;
                        height: 40px;
                        border: 1px solid;
                        border-color: rgb(153, 153, 153);
                        display: block;
                        border-radius: 50%;
                        text-align: center;
                        line-height: 45px;
                    }
                    
                    .sidebar-widget-area .widget-content .todays-pick {
                        box-shadow: none;
                    }
                    
                    .sidebar-widget-area:last-of-type {
                        border-bottom: none;
                    }
                    
                    .page-content {
                        padding: 60px 55px;
                        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
                    }
                    
                    @media only screen and (max-width: 767px) {
                        .page-content {
                            padding: 30px 25px;
                        }
                    }
                    
                    .page-content h6 {
                        color: #8d8d8d;
                        line-height: 1.8;
                        margin-bottom: 20px;
                    }
                    
                    .page-content h6:last-of-type {
                        margin-bottom: 0;
                    }
                    
                    .single-blog-title .post-cta {
                        margin-bottom: 40px;
                    }
                    
                    .single-blog-title .post-cta a {
                        padding: 0 10px;
                        display: inline-block;
                        height: 20px;
                        background-color: #ffffff;
                        text-transform: uppercase;
                        font-size: 10px;
                        color: #0000ff;
                        font-weight: 500;
                        line-height: 20px;
                        letter-spacing: 0.75px;
                    }
                    
                    .single-blog-title .post-cta a:hover,
                    .single-blog-title .post-cta a:focus {
                        background-color: #0000ff;
                        color: #ffffff;
                    }
                    
                    .single-blog-title h3 {
                        color: #ffffff;
                        margin-bottom: 0;
                        font-size: 30px;
                    }
                    
                    @media only screen and (max-width: 767px) {
                        .single-blog-title h3 {
                            font-size: 24px;
                        }
                    }
                    
                    .single-blog-content .post-meta {
                        border-bottom: 2px solid;
                        border-color: #f1f1f1;
                        margin-bottom: 30px;
                    }
                    
                    .single-blog-content .post-meta p {
                        margin-bottom: 0;
                        font-size: 14px;
                        padding: 10px 0;
                    }
                    
                    .single-blog-content .post-meta p a {
                        font-size: 14px;
                    }
                    
                    .single-blog-content .post-meta.second-part {
                        border-bottom: none;
                        border-top: 2px solid;
                        border-color: #f1f1f1;
                        margin-bottom: 0;
                        margin-top: 30px;
                    }
                    
                    .single-blog-content .post-content {
                        padding: 60px 55px;
                        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
                    }
                    
                    @media only screen and (max-width: 767px) {
                        .single-blog-content .post-content {
                            padding: 30px 25px;
                        }
                    }
                    
                    .single-blog-content .post-content h6 {
                        line-height: 1.8;
                        margin-bottom: 30px;
                        color: #8d8d8d;
                        font-family: "Ubuntu", sans-serif;
                    }
                    
                    .single-blog-content .post-content blockquote {
                        border-left: 2px solid;
                        border-color: #0000ff;
                        padding-left: 30px;
                    }
                    
                    .single-blog-content .post-content blockquote h6 {
                        margin-bottom: 10px;
                        color: #000000;
                    }
                    
                    .single-blog-content .post-content blockquote p {
                        margin-bottom: 0;
                    }
                    
                    .single-blog-content .post-content .post-tags {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -ms-flex-wrap: wrap;
                        flex-wrap: wrap;
                    }
                    
                    .single-blog-content .post-content .post-tags a {
                        display: block;
                        padding: 0 15px;
                        line-height: 28px;
                        height: 30px;
                        border: 1px solid;
                        border-color: #f1f1f1;
                        margin: 5px;
                    }
                    
                    .comment_area .comment-content {
                        padding: 30px 50px;
                        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
                    }
                    
                    @media only screen and (max-width: 767px) {
                        .comment_area .comment-content {
                            padding: 20px 15px;
                        }
                    }
                    
                    .comment_area .comment-content .comment-meta {
                        margin-bottom: 30px;
                    }
                    
                    .comment_area .comment-content .comment-meta p {
                        -webkit-box-flex: 0;
                        -ms-flex: 0 0 calc(100% - 110px);
                        flex: 0 0 calc(100% - 110px);
                        border-bottom: 2px solid;
                        border-color: #f1f1f1;
                        margin-bottom: 0;
                        font-size: 14px;
                        padding: 10px 0;
                    }
                    
                    .comment_area .comment-content .comment-meta p a {
                        font-size: 14px;
                    }
                    
                    .comment_area .single_comment_area {
                        margin-bottom: 30px;
                    }
                    
                    .comment_area .single_comment_area:last-of-type {
                        margin-bottom: 0;
                    }
                    
                    .comment_area .children .single_comment_area {
                        margin-left: 50px;
                        margin-top: 30px;
                    }
                    
                    @media only screen and (max-width: 767px) {
                        .comment_area .children .single_comment_area {
                            margin-left: 15px;
                        }
                    }
                    /* Contact Area CSS */
                    
                    .contact-form,
                    .post-a-comment-area {
                        padding: 60px 55px;
                        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
                    }
                    
                    @media only screen and (max-width: 767px) {
                        .contact-form,
                        .post-a-comment-area {
                            padding: 30px 25px;
                        }
                    }
                    
                    .contact-form h5,
                    .post-a-comment-area h5 {
                        font-size: 18px;
                        color: #000000;
                        margin-bottom: 0;
                        font-family: "Ubuntu", sans-serif;
                        font-weight: 700;
                        margin-bottom: 30px;
                    }
                    
                    .contact-form button.world-btn,
                    .post-a-comment-area button.world-btn {
                        border-color: #0000ff;
                        background-color: #0000ff;
                        color: #ffffff;
                        margin-top: 40px;
                    }
                    /* Form CSS */
                    
                    .group {
                        position: relative;
                        z-index: 1;
                        margin-bottom: 30px;
                    }
                    
                    .group input,
                    .group textarea {
                        font-size: 14px;
                        padding: 10px;
                        display: block;
                        width: 100%;
                        height: 35px;
                        border: none;
                        border-bottom: 2px solid;
                        border-color: #f1f1f1;
                    }
                    
                    .group input:focus,
                    .group textarea:focus {
                        outline: none;
                        box-shadow: none;
                    }
                    
                    .group label {
                        color: #8d8d8d;
                        font-size: 14px;
                        font-weight: normal;
                        position: absolute;
                        pointer-events: none;
                        left: 0;
                        top: 5px;
                        transition: 0.5s ease all;
                        font-family: "Ubuntu", sans-serif;
                    }
                    
                    .group .bar {
                        position: relative;
                        display: block;
                        width: 100%;
                    }
                    
                    .group .bar:before,
                    .group .bar:after {
                        content: '';
                        height: 2px;
                        width: 0;
                        bottom: 1px;
                        position: absolute;
                        background-color: #0000ff;
                        transition: 0.5s ease all;
                    }
                    
                    .group .bar:before {
                        left: 50%;
                    }
                    
                    .group .bar:after {
                        right: 50%;
                    }
                    
                    .group .highlight {
                        position: absolute;
                        height: 60%;
                        width: 100px;
                        top: 25%;
                        left: 0;
                        pointer-events: none;
                        opacity: 0.5;
                    }
                    
                    .group textarea {
                        min-height: 90px;
                    }
                    /* Form Active State */
                    
                    input:focus~label,
                    textarea:focus~label,
                    input:valid~label,
                    textarea:valid~label {
                        top: -15px;
                        font-size: 12px;
                        color: #0000ff;
                    }
                    
                    input:focus~.bar:before,
                    textarea:focus~.bar:before,
                    input:focus~.bar:after,
                    textarea:focus~.bar:after {
                        width: 50%;
                    }
                    
                    input:focus~.highlight,
                    textarea:focus~.highlight {
                        -webkit-animation: inputHighlighter 0.3s ease;
                        animation: inputHighlighter 0.3s ease;
                    }
                    /* Animations */
                    
                    @-webkit-keyframes inputHighlighter {
                        from {
                            background-color: #0000ff;
                        }
                        to {
                            width: 0;
                            background-color: transparent;
                        }
                    }
                    
                    @-moz-keyframes inputHighlighter {
                        from {
                            background-color: #0000ff;
                        }
                        to {
                            width: 0;
                            background-color: transparent;
                        }
                    }
                    
                    @keyframes inputHighlighter {
                        from {
                            background-color: #0000ff;
                        }
                        to {
                            width: 0;
                            background-color: transparent;
                        }
                    }
                    
                    .map-area {
                        position: relative;
                        z-index: 1;
                    }
                    
                    .map-area #googleMap {
                        width: 100%;
                        height: 500px;
                    }
                    
                    @media only screen and (max-width: 767px) {
                        .map-area #googleMap {
                            height: 400px;
                        }
                    }
                    /* Search bar */
                    
                    #search-wrapper {
                        display: inline-block;
                        position: relative;
                    }
                    
                    @media only screen and (min-width: 768px) and (max-width: 991px) {
                        #search-wrapper {
                            margin-top: 15px;
                            padding-left: 1em;
                        }
                    }
                    
                    @media only screen and (max-width: 767px) {
                        #search-wrapper {
                            margin-top: 15px;
                            padding-left: 1em;
                        }
                    }
                    
                    #search-wrapper.search-expanded #close-icon:before {
                        -webkit-animation: cross-1-in 0.25s linear 0s forwards;
                        animation: cross-1-in 0.25s linear 0s forwards;
                    }
                    
                    #search-wrapper.search-expanded #close-icon:after {
                        -webkit-animation: cross-2-in 0.25s linear 0.2s forwards;
                        animation: cross-2-in 0.25s linear 0.2s forwards;
                    }
                    
                    #search-wrapper.search-expanded:after {
                        -webkit-animation: lens-out 0.5s linear 1 forwards;
                        animation: lens-out 0.5s linear 1 forwards;
                    }
                    
                    #search-wrapper:after {
                        position: absolute;
                        bottom: 3px;
                        right: -9px;
                        display: block;
                        content: "";
                        width: 14px;
                        height: 2px;
                        background-color: #8d8d8d;
                        -webkit-transform: rotate(45deg) scaleX(0);
                        transform: rotate(45deg) scaleX(0);
                        transform-origin: 0 50%;
                        -webkit-animation: lens-in 0.6s linear 0.9s forwards;
                        animation: lens-in 0.6s linear 0.9s forwards;
                    }
                    
                    #search-wrapper #search {
                        color: #ffffff;
                        background: none;
                        border: 2px solid;
                        border-color: #8d8d8d;
                        outline: none;
                        padding: 0 9px;
                        border-radius: 1000px;
                        width: 0;
                        transition: all 0.3s 0.6s;
                        font-size: 12px;
                    }
                    
                    #search-wrapper #search::-webkit-input-placeholder {
                        color: rgba(255, 255, 255, 0.6);
                    }
                    
                    #search-wrapper #search:focus {
                        width: 300px;
                        padding: 7px 15px;
                    }
                    
                    @media only screen and (max-width: 767px) {
                        #search-wrapper #search:focus {
                            width: 200px;
                        }
                    }
                    
                    #search-wrapper #close-icon {
                        cursor: pointer;
                        position: absolute;
                        right: 10px;
                        top: 50%;
                        width: 20px;
                        height: 20px;
                        -webkit-transform: translateY(-1px);
                        transform: translateY(-1px);
                        transition: 0.2s all;
                        display: none;
                    }
                    
                    #search-wrapper #close-icon[style*="display: block"] {
                        color: red;
                    }
                    
                    #search-wrapper #close-icon[style*="display: block"]:before {
                        -webkit-transform: rotate(45deg) scaleX(1) translateY(10px);
                        transform: rotate(45deg) scaleX(1) translateY(10px);
                    }
                    
                    #search-wrapper #close-icon[style*="display: block"]:after {
                        -webkit-transform: rotate(-45deg) scaleX(1) translateY(-10px);
                        transform: rotate(-45deg) scaleX(1) translateY(-10px);
                    }
                    
                    #search-wrapper #close-icon:before,
                    #search-wrapper #close-icon:after {
                        display: block;
                        content: "";
                        position: absolute;
                        width: 20px;
                        height: 2px;
                        background-color: #8d8d8d;
                        transform-origin: 100% 50%;
                    }
                    
                    #search-wrapper #close-icon:before {
                        -webkit-transform: rotate(45deg) scaleX(0) translateY(10px);
                        transform: rotate(45deg) scaleX(0) translateY(10px);
                    }
                    
                    #search-wrapper #close-icon:after {
                        -webkit-transform: rotate(-45deg) scaleX(0) translateY(-10px);
                        transform: rotate(-45deg) scaleX(0) translateY(-10px);
                    }
                    
                    #search-wrapper #close-icon.closing:before {
                        -webkit-animation: cross-1-out 0.25s linear 0s forwards;
                        animation: cross-1-out 0.25s linear 0s forwards;
                    }
                    
                    #search-wrapper #close-icon.closing:after {
                        -webkit-animation: cross-2-out 0.25s linear 0.2s forwards;
                        animation: cross-2-out 0.25s linear 0.2s forwards;
                    }
                    
                    @-webkit-keyframes lens-out {
                        0% {
                            -webkit-transform: rotate(45deg) scaleX(1);
                            transform: rotate(45deg) scaleX(1);
                        }
                        30% {
                            -webkit-transform: rotate(45deg) scaleX(1.4);
                            transform: rotate(45deg) scaleX(1.4);
                        }
                        100% {
                            -webkit-transform: rotate(45deg) scaleX(0);
                            transform: rotate(45deg) scaleX(0);
                        }
                    }
                    
                    @keyframes lens-out {
                        0% {
                            -webkit-transform: rotate(45deg) scaleX(1);
                            transform: rotate(45deg) scaleX(1);
                        }
                        30% {
                            -webkit-transform: rotate(45deg) scaleX(1.4);
                            transform: rotate(45deg) scaleX(1.4);
                        }
                        100% {
                            -webkit-transform: rotate(45deg) scaleX(0);
                            transform: rotate(45deg) scaleX(0);
                        }
                    }
                    
                    @-webkit-keyframes lens-in {
                        0% {
                            -webkit-transform: rotate(45deg) scaleX(0);
                            transform: rotate(45deg) scaleX(0);
                        }
                        30% {
                            -webkit-transform: rotate(45deg) scaleX(1.4);
                            transform: rotate(45deg) scaleX(1.4);
                        }
                        100% {
                            -webkit-transform: rotate(45deg) scaleX(1);
                            transform: rotate(45deg) scaleX(1);
                        }
                    }
                    
                    @keyframes lens-in {
                        0% {
                            -webkit-transform: rotate(45deg) scaleX(0);
                            transform: rotate(45deg) scaleX(0);
                        }
                        30% {
                            -webkit-transform: rotate(45deg) scaleX(1.4);
                            transform: rotate(45deg) scaleX(1.4);
                        }
                        100% {
                            -webkit-transform: rotate(45deg) scaleX(1);
                            transform: rotate(45deg) scaleX(1);
                        }
                    }
                    
                    @-webkit-keyframes cross-1-in {
                        0% {
                            -webkit-transform: rotate(45deg) scaleX(0) translateY(10px);
                            transform: rotate(45deg) scaleX(0) translateY(10px);
                        }
                        70% {
                            -webkit-transform: rotate(45deg) scaleX(1.2) translateY(10px);
                            transform: rotate(45deg) scaleX(1.2) translateY(10px);
                        }
                        100% {
                            -webkit-transform: rotate(45deg) scaleX(1) translateY(10px);
                            transform: rotate(45deg) scaleX(1) translateY(10px);
                        }
                    }
                    
                    @keyframes cross-1-in {
                        0% {
                            -webkit-transform: rotate(45deg) scaleX(0) translateY(10px);
                            transform: rotate(45deg) scaleX(0) translateY(10px);
                        }
                        70% {
                            -webkit-transform: rotate(45deg) scaleX(1.2) translateY(10px);
                            transform: rotate(45deg) scaleX(1.2) translateY(10px);
                        }
                        100% {
                            -webkit-transform: rotate(45deg) scaleX(1) translateY(10px);
                            transform: rotate(45deg) scaleX(1) translateY(10px);
                        }
                    }
                    
                    @-webkit-keyframes cross-2-in {
                        0% {
                            -webkit-transform: rotate(-45deg) scaleX(0) translateY(-10px);
                            transform: rotate(-45deg) scaleX(0) translateY(-10px);
                        }
                        70% {
                            -webkit-transform: rotate(-45deg) scaleX(1.2) translateY(-10px);
                            transform: rotate(-45deg) scaleX(1.2) translateY(-10px);
                        }
                        100% {
                            -webkit-transform: rotate(-45deg) scaleX(1) translateY(-10px);
                            transform: rotate(-45deg) scaleX(1) translateY(-10px);
                        }
                    }
                    
                    @keyframes cross-2-in {
                        0% {
                            -webkit-transform: rotate(-45deg) scaleX(0) translateY(-10px);
                            transform: rotate(-45deg) scaleX(0) translateY(-10px);
                        }
                        70% {
                            -webkit-transform: rotate(-45deg) scaleX(1.2) translateY(-10px);
                            transform: rotate(-45deg) scaleX(1.2) translateY(-10px);
                        }
                        100% {
                            -webkit-transform: rotate(-45deg) scaleX(1) translateY(-10px);
                            transform: rotate(-45deg) scaleX(1) translateY(-10px);
                        }
                    }
                    
                    @-webkit-keyframes cross-1-out {
                        0% {
                            -webkit-transform: rotate(45deg) scaleX(1) translateY(10px);
                            transform: rotate(45deg) scaleX(1) translateY(10px);
                        }
                        100% {
                            -webkit-transform: rotate(45deg) scaleX(0) translateY(10px);
                            transform: rotate(45deg) scaleX(0) translateY(10px);
                        }
                    }
                    
                    @keyframes cross-1-out {
                        0% {
                            -webkit-transform: rotate(45deg) scaleX(1) translateY(10px);
                            transform: rotate(45deg) scaleX(1) translateY(10px);
                        }
                        100% {
                            -webkit-transform: rotate(45deg) scaleX(0) translateY(10px);
                            transform: rotate(45deg) scaleX(0) translateY(10px);
                        }
                    }
                    
                    @-webkit-keyframes cross-2-out {
                        0% {
                            -webkit-transform: rotate(-45deg) scaleX(1) translateY(-10px);
                            transform: rotate(-45deg) scaleX(1) translateY(-10px);
                        }
                        100% {
                            -webkit-transform: rotate(-45deg) scaleX(0) translateY(-10px);
                            transform: rotate(-45deg) scaleX(0) translateY(-10px);
                        }
                    }
                    
                    @keyframes cross-2-out {
                        0% {
                            -webkit-transform: rotate(-45deg) scaleX(1) translateY(-10px);
                            transform: rotate(-45deg) scaleX(1) translateY(-10px);
                        }
                        100% {
                            -webkit-transform: rotate(-45deg) scaleX(0) translateY(-10px);
                            transform: rotate(-45deg) scaleX(0) translateY(-10px);
                        }
                    }
                    /* Footer Area CSS */
                    
                    .footer-area {
                        background-color: #161616;
                        padding: 70px 0;
                        position: absolute;
                        width: 100%;
                        z-index: 1;
                    }
                    
                    .footer-area .footer-single-widget .copywrite-text p {
                        margin-bottom: 0;
                    }
                    
                    .footer-area .footer-single-widget .footer-menu {
                        -ms-flex-wrap: wrap;
                        flex-wrap: wrap;
                    }
                    
                    .footer-area .footer-single-widget .footer-menu li {
                        -webkit-box-flex: 0;
                        -ms-flex: 0 0 33.3333%;
                        flex: 0 0 33.3333%;
                        min-width: 33.3333%;
                    }
                    
                    .footer-area .footer-single-widget .footer-menu li a {
                        padding: 7.5px 5px;
                        display: block;
                    }
                    
                    @media only screen and (max-width: 767px) {
                        .footer-area .footer-single-widget .footer-menu {
                            margin: 50px 0;
                        }
                    }
                    
                    .footer-area .footer-single-widget h5 {
                        font-size: 18px;
                        font-family: "Ubuntu", sans-serif;
                        margin-bottom: 20px;
                        font-weight: 700;
                        color: #ffffff;
                    }
                    
                    .footer-area .footer-single-widget form {
                        position: relative;
                        z-index: 1;
                    }
                    
                    .footer-area .footer-single-widget form input[type="email"] {
                        width: 100%;
                        height: 35px;
                        background-color: transparent;
                        border: none;
                        border-bottom: 1px solid;
                        border-color: #959595;
                        color: #959595;
                        font-size: 14px;
                        padding: 0 5px;
                        font-family: "Ubuntu", sans-serif;
                    }
                    
                    .footer-area .footer-single-widget form button {
                        position: absolute;
                        height: 35px;
                        top: 0;
                        right: 5px;
                        z-index: 10;
                        background-color: transparent;
                        border: none;
                        cursor: pointer;
                        width: 50px;
                        text-align: right;
                    }
                    
                    .footer-area .footer-single-widget form button i {
                        font-size: 14px;
                        color: #959595;
                    }
                    
                    .mySlides {
                        display: none;
                    }
                    
                    img {
                        vertical-align: middle;
                    }
                    /* Slideshow container */
                    
                    .slideshow-container {
                        max-width: 1000px;
                        position: relative;
                        margin: auto;
                    }
                    /* Caption text */
                    
                    .text {
                        color: #f2f2f2;
                        font-size: 15px;
                        padding: 8px 12px;
                        position: absolute;
                        bottom: 8px;
                        width: 100%;
                        text-align: center;
                    }
                    /* Number text (1/3 etc) */
                    
                    .numbertext {
                        color: #f2f2f2;
                        font-size: 12px;
                        padding: 8px 12px;
                        position: absolute;
                        top: 0;
                    }
                    /* The dots/bullets/indicators */
                    
                    .dot {
                        height: 11px;
                        width: 11px;
                        margin: 0 2px;
                        background-color: #bbb;
                        border-radius: 50%;
                        display: inline-block;
                        transition: background-color 0.6s ease;
                    }
                    
                    .active1 {
                        background-color: #1C1C1C;
                    }
                    /* Fading animation */
                    
                    .fade {
                        -webkit-animation-name: fade;
                        -webkit-animation-duration: 1.5s;
                        -webkit-animation-fill-mode: forwards;
                        animation-name: fade;
                        animation-duration: 1.5s;
                        animation-fill-mode: forwards;
                    }
                    
                    @-webkit-keyframes fade {
                        from {
                            opacity: .4
                        }
                        to {
                            opacity: 1
                        }
                    }
                    
                    @keyframes fade {
                        from {
                            opacity: .4
                        }
                        to {
                            opacity: 1
                        }
                    }
                    /* On smaller screens, decrease text size */
                    
                    @media only screen and (max-width: 300px) {
                        .text {
                            font-size: 11px
                        }
                    }
                    
                    @media (max-device-width:1024px) {
                        input[name="REG"]::placeholder {
                            font-size: 22px;
                        }
                        input[name="turbo"]::placeholder {
                            color: white;
                            font-size: 16px;
                            font-weight: 600;
                        }
                        input[name="REG"] {
                            font-size: 22px;
                            padding-top: 8px;
                            padding-bottom: 8px;
                        }
                        input[name="turbo"] {
                            font-size: 16px;
                        }
                        #sid {
                            width: 95% !important;
                        }
                        #reggo {
                            padding-left: -10px !important;
                            margin-left: -10px !important;
                        }
                        #turbo {
                            width: 95% !important;
                        }
                        #turbogo {
                            padding-left: -10px !important;
                            margin-left: -10px !important;
                        }
                        #ecart1 {
                            margin-bottom: 110% !important;
                        }
                        #ecart2 {
                            margin-bottom: 110% !important;
                        }
                        #oneitem {
                            margin-bottom: 60% !important;
                        }
                        #finda {
                            margin-left: 55% !important;
                        }
                    }
                    
                    @media (max-device-width:786px) {
                        .post-sidebar-area {
                            display: none !important;
                        }
                    }
                    
                    @media (max-width:992px) {
                        .post-sidebar-area {
                            display: none !important;
                        }
                    }
                    
                    @media (max-width: 800px) {
                        .flex-container {
                            flex-direction: column;
                        }
                    }
                    
                    @media (max-width: 800px) {
                        .flex-container1 {
                            flex-direction: column;
                        }
                    }
                    
                    @media (max-device-width: 425px) {
                        #regb {
                            width: 40% !important;
                            margin-top: 10px !important;
                            height: 60% !important;
                            padding: 10px !important;
                        }
                        #reggo {
                            margin-left: 1% !important;
                        }
                        #turbogo {
                            margin-left: 1% !important;
                        }
                        #vehgo {
                            margin-left: 20% !important;
                            width: 45% !important;
                            height: 60% !important;
                            padding: 10px !important;
                            border-radius: 10px !important;
                            -webkit-border-radius: 10px !important;
                            -moz-border-radius: 10px !important;
                            -ms-border-radius: 10px !important;
                            -o-border-radius: 10px !important;
                        }
                        #turbob {
                            width: 40% !important;
                            margin-top: 10px !important;
                            height: 60% !important;
                            padding: 10px !important;
                        }
                        #deliv {
                            position: relative !important;
                            left: 0% !important;
                        }
                        #finda {
                            margin-left: 5% !important;
                        }
                        #ecart1 {
                            margin-bottom: 0px !important;
                        }
                        #ecart2 {
                            margin-bottom: 0px !important;
                        }
                        #oneitem {
                            margin-bottom: 0px !important;
                        }
                    }
                    
                    @media (max-device-width: 375px) {
                        #sid {
                            width: 90% !important;
                        }
                        #turbo {
                            width: 90% !important;
                        }
                        #finda {
                            margin-left: 2% !important;
                        }
                    }