@font-face {
    font-family: Oswald;
    src: url('fonts/Oswald.ttf');
}

@font-face {
    font-family: Rubik;
    src: url('fonts/Rubik-Regular.ttf');
}

body {
    margin: 0;
    font-weight: normal;
    /*! line-height: 1.8em; */
    background-color: #ffffff !important;
    font-family: 'Rubik', sans-serif !important;
    font-size: 100%;
    color: #111;
}

html {
    scroll-behavior: smooth;
}

p {
    /*! font-size: 1.15em; */
    /*! line-height: 30px; */
    font-weight: normal;
}

.h1,
h1 {
    font-size: 2.0em;
}

.h2,
h2 {
    font-size: 1.75em;
}

.h3,
h3 {
    font-size: 1.55em;
}

.h4,
h4 {
    font-size: 1.35em;
}

.h5,
h5 {
    font-size: 1.15em;
}

.h6,
h6 {
    font-size: 1em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Rubik", sans-serif !important;
    color: #000;
    /*! font-style: italic; */
    font-weight: 600 !important;
    /*! line-height: 30px; */
}

a {
    text-decoration: none;
    outline: none !important;
    color: #000;
}

a:active,
a:hover {
    outline: none;
    text-decoration: none;
}

.top_header {
    padding: 4px 0;
    background: #121212 url(../Images/pattern.png) repeat;
    color: rgba(255, 255, 255, .96);
    line-height: 32px;
    height: 40px;
}

.top_header .container {
    max-width: 94%;
    margin: 0 auto
}

.top_header i {
    color: rgba(255, 255, 255, .60)
}

.top_header a {
    color: rgba(255, 255, 255, .60)
}

.lite_grey {
    color: #f9f9f9
}

.socal_top {
    padding: 0;
    margin: 0;
}

.socal_top li {
    list-style: none;
    display: inline-block;
}

.socal_top li a {
    height: 30px;
    width: 30px;
    background: rgba(0, 0, 0, 0.15);
    color: rgba(255, 255, 255, .60);
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    display: inline-block;
    font-size: 18px;
    text-align: center;
}

header {
    background: #fff;
}

header .container {
    max-width: 94%;
    margin: 0 auto
}


header {
    margin: 0px auto;
    padding: 1px 0px;
}

header p {
    margin: 0px auto;
    color: #c8d5df;
}

header p a {
    margin: 0px auto;
    color: #1b242b;
    transition: ease-in-out all 0.3s;
    padding: 0px 15px;
    background-color: #ffffff;
    display: inline-block;
}

header p a:hover {
    color: #ffffff;
    background-color: #4285f4;
}

.main-nav,
.main {
    position: relative;
}

header {
    /*! position: fixed; */
    top: auto;
    width: 100%;
    transition: ease-in-out all 0.2s;
    z-index: 999;
}

.navigation-header {
    float: left;
    width: 100%;

}

.header-navigation-bar {
    background-color: transparent;
    padding: 0;
    display: block;
    position: fixed;
    width: 100%;
    left: 0;
    z-index: 999;
}

.navbar {
    margin-bottom: 0px;
}

.navbar-nav {
    text-align: center;
    float: none;
    position: static;
}

.navbar-nav>li {
    float: none;
    display: inline-block;
}

.navbar-brand {
    display: block;
    /*! margin: 10px 10px; */
    background-repeat: no-repeat;
    width: 280px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.navbar-default {
    border-radius: 0px;
    border: none;
    background-color: transparent;
}

.navbar-default .navbar-nav>li>a {
    padding: 20px 20px;
    font-weight: normal;
    transition: ease-in-out all 0.2s;
    font-size: 1.0em;
    color: #eeeeee;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:active {
    color: #ffffff;
    background-color: transparent;
}

.navbar-default .navbar-nav>.open>a:focus {
    color: #ffffff;
    background-color: transparent;
}

.navbar-expand-xl .navbar-nav .nav-link.active {
    background: rgba(255, 255, 255, 0.23);
    border-radius: 4px;
}

.double-border {
    margin: 10px 0px !important;
    display: block;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
}

.double-border h5 {
    color: #000000;
    font-size: 18px;
    font-weight: bold;
    margin: 5px 0px 0px 0px;
}

.header-navigation-bar .btn {
    margin: 10px 0px 0px 0px;
    padding: 8px 40px;
    outline: none !important;
    text-decoration: none !important;
    line-height: normal;
}

.header-navigation-bar .btn-default {
    background-color: transparent;
    border: 2px solid #ffffff;
    color: #ffffff;
    line-height: 1.5;
    border-radius: 30px;
    font-size: 1.0em;
    transition: ease-in-out all 0.2s;
    display: block;
}

.header-navigation-bar .btn-default:hover,
.header-navigation-bar .btn-default .btn-default:focus,
.header-navigation-bar .btn-default .btn-default:active {
    color: #ffffff;
    background-color: #0100c0;
    border: 2px solid #0100c0;
}

/* .sticky header{
    background: #fff;
    -webkit-box-shadow: 0px 2px 16px -3px rgba(46, 46, 46, 0.94);
-moz-box-shadow: 0px 2px 16px -3px rgba(46, 46, 46, 0.94);
box-shadow: 0px 2px 16px -3px rgba(46, 46, 46, 0.94);
} */
.sticky {
    position: fixed;
    top: 0;
    z-index: 999999;
    transition-delay: 10ms;
    transition: ease-in-out all;
    background: #2842b0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.23) !important;
}


/* header */
.navbar-expand-xl .navbar-nav .active a {
    background: rgba(255, 255, 255, 0.13) !important;
    border-radius: 4px;
}

.navbar-expand-xl .navbar-nav .nav-link:hover {
    background: rgba(255, 255, 255, 0.13) !important;
    border-radius: 4px;
    color: rgb(238, 124, 0);
}




.logo a img {
    width: 212px;
}

.btn_Headr {
    padding: 10px 24px;
    font-size: 18px;
    border-radius: 50px;
    font-weight: 500;
}

.btn_Headr:hover {
    border-color: #242A3E;
    transition: 0.4s;
    background: #242A3E;
    color: #fff;
    box-shadow: 0px 0px 10px 0px rgba(36, 42, 62, 0.21);
}

.MaIl_bOx a {
    font-size: 18px;
    color: #5e6ba0;
}

.fixed {
    position: fixed;
    width: 100%;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.24) !important;
    /*! z-index: 999; */
    /*! background: #fffaf6; */
    top: 0;
}

.fixed .navbar-light .navbar-brand {
    display: block;
    /*! margin: 0px 10px; */
    width: 209px;
}

.navbar-expand-xl .navbar-nav .nav-link {
    color: #040404;
    padding: 5px 10px;
    letter-spacing: 0;
    font-size: 15px;
    font-weight: 600;
    position: relative;
    margin: 0 0 0 0px;
}



.contact_btn {
    padding: 4px 20px !important;
    margin: 0 0 0 20px;
    border: 2px solid #fff;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.19);
    transition: 0.4s;
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.28);
}



.navbar-brand img {
    width: auto;
    max-width: 100%;
}

.navbar-brand .img-fluid {
    width: auto;
    max-width: 100%;
}

.navbar {
    padding: 0;
}

.bg-video-wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
    /*! height: 88vh; */
    background: #000;
}

.bg-video-wrap::after {
    content: "";
    position: absolute;
    bottom: -84px;
    left: -50px;
    height: 116px;
    width: 106%;
    background-color: #fff;
    -webkit-transform: rotate(-1.5deg);
    -ms-transform: rotate(-1.5deg);
    transform: rotate(-1.5deg);
    z-index: 10;
}


.col-grey {
    color: #999
}

.social-icons {
    position: absolute;
    top: 45%;
    right: -4%;
    margin-top: -20px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    z-index: 9;
}

.social-icons ul {
    position: relative
}

    .social-icons ul:before,
    .social-icons ul:after {
        content: "";
        position: absolute;
        top: 15px;
        width: 50px;
        height: 1px;
        background: #000000;
    }

.social-icons ul:before {
    right: -60px;
}

.social-icons ul:after {
    left: -35px;
}

.social-icons ul li {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    display: inline;
    margin-right: 7px
}

.social-icons ul li a i {
    color: #e30007;
    background: #fff;
    display: inline-block;
    padding: 9px;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 12px;
    font-size: 14px;
    border-radius: 50%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.social-icons ul li a i:hover {
    color: #fff;
    background: #e30007;
}

    .social-icons ul .diffrent {
        color: #000000;
        font-family: "Rubik", sans-serif !important;
    }

.bg-video-wrap h2 {

    position: relative;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease-in-out 0.6s;
    -moz-transition: all 0.5s ease-in-out 0.6s;
    -o-transition: all 0.5s ease-in-out 0.6s;
    transition: all 0.5s ease-in-out 0.6s;
    margin-bottom: 24px;
    color: #fff;
    /*! font-size: 4em; */
    font-weight: 800 !important;
    text-transform: capitalize;
    line-height: 1.1;

    /*! line-height: normal; */
    text-shadow: 0px 0px 3px rgba(255, 160, 0, 0.6);
}

.bg-video-wrap p {
    color: #fff;
}

.btn-white {
    background-color: #ffffff;
    font-size: 20px;
    font-weight: 800;
    border-color: #fff;
    color: #000;
    margin-top: 18px;
}

/*=== Trigger  ===*/
.animate {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

/*=== Optional Delays, change values here  ===*/
.one {
    -webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.two {
    -webkit-animation-delay: 1.7s;
    -moz-animation-delay: 1.7s;
    animation-delay: 1.7s;
}

.three {
    -webkit-animation-delay: 2.3s;
    -moz-animation-delay: 2.3s;
    animation-delay: 2.3s;
}

.four {
    -webkit-animation-delay: 3.3s;
    -moz-animation-delay: 3.3s;
    animation-delay: 3.3s;
}

/*=== Animations start here  ===*/
/*=== FADE IN  ===*/
.mouse {
display:none;
    position: absolute;
    left: 50%;
    bottom: 10px;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    z-index: 99;
    /*! display: none; */
}

.mouse a {
    display: inline-block;
    width: 35px;
    height: 70px;
    color: #000;
    border: 2px solid #000;
    border-radius: 40px;
    position: relative;
    text-align: center;
}

@-webkit-keyframes mouse-animate {
    form {
        -webkit-transform: translateY(0);
    }

    to {
        -webkit-transform: translateY(20px);
    }
}

@keyframes mouse-animate {
    form {
        transform: translateY(0);
    }

    to {
        transform: translateY(20px);
    }
}

.mouse i {
    display: block;
    margin-top: 10px;
    font-size: 22px;
    -webkit-animation: mouse-animate 1s alternate infinite;
    animation: mouse-animate 1s alternate infinite;
}

.about-intro-sec {
    padding-top: 30px;
    text-align: center;
    color: #111;
    background: #fff bottom left repeat-x;
    height: 91vh;
    font-family: 'Rubik', sans-serif !important;
    position: relative;
}

.about-intro-sec h2 {
    margin-top: 0px;
    color: #000
}

.about-intro-sec h3 {
    margin-top: 10px;
    color: #000;
    font-size: 18px;
    font-weight: 100;
}

.about-intro-sec .decor-1 {
    width: 60px;
    margin-top: 15px;
    margin-bottom: 12px;
    border-top: 1px solid #2d527c;
}

.about-intro-sec .decor-1::after {
    display: block;
    width: 60px;
    margin-top: 2px;
    margin-left: 10px;
    border-top: 1px solid #2d527c;
    content: '';
}

.decor-2 {
    width: 60px;
    margin-top: 15px;
    margin-bottom: 12px;
    border-top: 1px solid #2d527c;
}

.decor-2::after {
    display: block;
    width: 60px;
    margin-top: 2px;
    margin-left: 10px;
    border-top: 1px solid #2d527c;
    content: '';
}

.about-intro-sec i {
    margin-right: 5px;
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.about-intro-sec .box {
    text-align: center;
    overflow: hidden;
    position: relative;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.29);
    border-radius: 4px;
    padding: 1px;
    transition-timing-function: cubic-bezier(.25, .25, .75, .75);
    transition-duration: 0.4s;
    transition-property: opacity, transform;
    margin-top: 24px;
}

.about-intro-sec .box img {
    width: 100%;
    height: auto;
    transform: scale3d(1, 1, 1);
    transition: all 0.3s ease 0s;
}

.about-intro-sec .box:hover img {
    transform: scale3d(1.15, 1.15, 1);
}

.about-intro-sec .box .box-content {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.60);
    padding-top: 44%;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;

    z-index: 2;
    transition: all 0.3s ease 0s;
    padding: 45px;
    padding-top: 46%;
}

.about-intro-sec .box:hover {
    transform: translateY(-10.5px);
}

.about-intro-sec .box:hover .box-content {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.8);
}

.about-intro-sec .box .box-content:before,
.about-intro-sec .box .box-content:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    bottom: 15px;
    right: 15px;
    border: 1px solid rgba(255, 255, 255, 0.7);
    opacity: 1;
    transform: scale(1.5);
    transition: all 0.6s ease 0.2s;
    width: initial;
    height: initial;
    background: transparent;
}

.about-intro-sec .box .btn-warning {
    display: none
}

.box:hover .btn-warning {
    display: initial;
    color: #000
}

.about-intro-sec .box .box-content:before {
    border-top: none;
    border-bottom: none;
    left: 30px;
    right: 30px;
}

.about-intro-sec .box .box-content:after {
    border-left: none;
    border-right: none;
    top: 30px;
    bottom: 30px;
}

.about-intro-sec .box .box-content:before,
.about-intro-sec .box .box-content:after {
    opacity: 1;
    transform: scale(1);
}

.about-intro-sec .box .content-inner {
    opacity: 1;
    transform: scale(1);
    transition: all 0.3s ease 0s;
    position: relative;
    z-index: 9;
}

.about-intro-sec .box:hover .content-inner {
    opacity: 1;
    transform: scale(1);
}

.about-intro-sec .box .title {
    font-size: 22px;
    /*! font-weight: 700; */
    color: #f7ccb3;
    /*! letter-spacing: 1px; */
    text-transform: uppercase;
    margin: 0 0 4px;
}

.about-intro-sec .box .post {
    display: block;
    font-size: 15px;
    font-weight: 600;
    font-style: italic;
    margin-bottom: 15px;
}

.pad-50 {
    padding-bottom: 50px;
    height: auto;
}

.subtitle {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 1.00rem;
    letter-spacing: 1px;
    color: #000;
    color: #e30006 !important;
    margin-top: 5px !important;
}

.welcome {
    color: #000;
    background: #fff;
    padding-top: 2px;
    min-height: 80vh;
    font-family: 'Rubik', sans-serif !important;
}

.welcome h1 {
    color: #000;
    font-weight: 900;
    /*! text-shadow:1px 1px 0px #FEDF74; */
}

.welcome .decor-1 {
    width: 60px;
    margin-top: 15px;
    margin-bottom: 12px;
    border-top: 1px solid #2d527c;
}

.welcome .decor-1::after {
    display: block;
    width: 60px;
    margin-top: 2px;
    margin-left: 10px;
    border-top: 1px solid #2d527c;
    content: '';
}

.welcome {
    /*! text-shadow:1px 1px 0px #FEDF74; */
}

.welcome p {
    letter-spacing: 0.5px
}

.about-intro-sec .services {
    box-shadow: 0px 0px 1px rgba(0, 1, 1, 0.01);
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    border-right-width: 1px;
    padding-top: 40px !important;
    padding-right: 30px !important;
    padding-bottom: 40px !important;
    padding-left: 30px !important;
    border-right-color: #eaeaea;
    border-right-style: solid;
    font-size: 20px;
    color: #666;
    line-height: 30px;
    text-align: center;
}

.about-intro-sec .services:hover {
    color: #111
}

.about-intro-sec .services img {
    opacity: 0.5;
}

.about-intro-sec .odd img {
    opacity: 1;
}

.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.about-intro-sec .bdr-b {
    border-bottom: 1px solid #eee !important
}

.bdr-rn {
    border-right: 0px solid #eee !important
}

.about-intro-sec .services p {
    font-size: 15px;
    line-height: 26px;
}

.GaLLeRy_main {
    background: url(../images/facepattern.jpg) repeat;
    height: auto;
    padding-bottom: 30px;
    border-top: 1px solid #ddd;
}

.timeline {
    list-style: none;
    margin: 25px 0 22px;
    padding: 0;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.timeline:after {
    border: 6px solid;
    border-top-width: 13px;
    border-color: #f19229 transparent transparent transparent;
    content: "";
    display: block;
    position: absolute;
    bottom: -19px;
    left: 15px;
}

.timeline-horizontal:after {
    border-top-width: 6px;
    border-left-width: 13px;
    border-color: transparent transparent transparent #00637d;
    top: 15px;
    right: 0;
    bottom: auto;
    left: auto;
}

.timeline-horizontal .timeline-milestone {
    border-top: 2px solid #00637d;
    display: inline;
    float: left;
    margin: 20px 0 0 0;
    padding: 40px 0 0 0;
}

.timeline-horizontal .timeline-milestone:before {
    top: -17px;
    left: auto;
}

.timeline-horizontal .timeline-milestone.is-completed:after {
    top: -17px;
    left: 0;
}

.timeline-milestone {
    border-left: 2px solid #f29b3c;
    margin: 0 0 0 20px;
    padding: 0 0 5px 25px;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.timeline-milestone:before {
    border: 7px solid #f29b3c;
    border-radius: 50%;
    content: "";
    display: block;
    position: absolute;
    left: -17px;
    width: 32px;
    height: 32px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.timeline-milestone.is-completed:before {
    background-color: #00637d;
}

.timeline-milestone.is-completed:after {
    color: #FFF;
    content: "\f00c";
    display: block;
    font-family: "FontAwesome";
    line-height: 32px;
    position: absolute;
    top: 0;
    left: -17px;
    text-align: center;
    width: 32px;
    height: 32px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.timeline-milestone.is-current:before {
    background-color: #FFF;
}

.timeline-milestone.is-future:before {
    background-color: #8DACB8;
    border: 0;
}

.timeline-milestone.is-future .timeline-action .title {
    color: #8DACB8;
}

.timeline-action {
    background-color: #FFF;
    padding: 12px 10px 12px 20px;
    position: relative;
    top: -15px;
}

.timeline-action.is-expandable .title {
    cursor: pointer;
    position: relative;
}

.timeline-action.is-expandable .title:focus {
    outline: 0;
    text-decoration: underline;
    color: #ee7d01;
}

.timeline-action.is-expandable .title:after {
    border: 6px solid #666;
    border-color: transparent transparent transparent #f29b3c;
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    right: 0;
}

.timeline-action.is-expandable .content {
    display: none;
}

.timeline-action.is-expandable.is-expanded .title:after {
    border-color: #666 transparent transparent transparent;
    top: 10px;
    right: 5px;
}

.timeline-action.is-expandable.is-expanded .content {
    display: block;
}

.timeline-action .title,
.timeline-action .content {
    word-wrap: break-word;
}

.timeline-action .title {
    color: #050505;
    font-size: 14px;
    margin: 0;
}

.timeline-action .content {
    font-size: 14px;
}




.timeline a {
    color: #00637d;
    text-decoration: none;
}

.timeline a:hover,
.timeline a:focus {
    text-decoration: underline;
}

.video-link:before {
    content: "\f03d";
    display: inline-block;
    font-family: "FontAwesome";
    margin-right: 5px;
}

.timeline a[href*=".pdf"]:before {
    content: "\f0f6";
    display: inline-block;
    font-family: "FontAwesome";
    margin-right: 8px;
}

.sec_heading h2 {
    font-size: 1.75em;
    color: #fff;
}

.sec_heading small {
    font-size: 14px;
    letter-spacing: 2px;
    color: #fff;
    font-weight: 600;
}

.sec_heading {
    margin-bottom: 12px;
    float: left;
    width: 100%;
    margin-top: 10px;
    color: #fff;
}

.line {
    width: 80px;
    margin: 0 auto;
    height: 5px;
    position: relative;
    margin-bottom: 10px;
    margin-top: 20px;
}

.line span {
    width: 50px;
    height: 1px;
    background: #f7ccb3;
    display: inline-block;
    position: absolute;
    left: 0;
}

.line span .one {
    width: 50px;
    height: 1px;
    background: #fc4d4a;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 1px;
}

.line span+span {
    margin-top: 3px;
    margin-right: 0;
    left: auto;
    right: 0;
}

/* testimonial_main */

.testimonials_bg .container {
    max-width: 86%;
}

.testimonial {
    padding: 35px 50px;
    margin: 0 20px 30px;
    border-left: none;
    border-right: none;
    text-align: center;
    padding-top: 16px;
    margin-bottom: 40px;
    padding-bottom: 0;
}

.testimonial .pic {
    display: inline-block;
    width: 87px;
    height: 87px;
    border-radius: 50%;
    margin-bottom: 20px;
    overflow: hidden;
}

.testimonial .pic img {
    width: 100%;
    height: auto;
}

.testimonial .title {
    display: block;
    margin: 0 0 7px 0;
    font-size: 20px;
    font-weight: 600;
    color: #f7ccb3;
    letter-spacing: 1px;
    /*! text-transform: uppercase; */
}

.testimonial .post {
    display: block;
    font-size: 15px;
    color: #fffaf6;
    font-weight: bold;
    text-transform: capitalize;
    margin-bottom: 20px;
}

.testimonial .description {
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    font-style: italic;
    font-weight: 600;
    font-family: georgia;
    margin-bottom: 58px;
    position: relative;
}

.testimonial .description::after {
    content: '';
    position: absolute;
    bottom: -50px;
    left: 50%;
    height: 40px;
    width: 2px;
    background: #9c8476;
}

.ico_quote {
    /*! width: 64px; */
    /*! height: 64px; */
    margin: 0 auto;
    /*! background: #ffcb05; */
    color: #d5c0b4;
    margin-bottom: 8px;
    border-radius: 50px;
    ;
    font-size: 64px;
    line-height: 42px;
    /*! -webkit-box-shadow: 0px 16px 32px rgba(76, 85, 196, 0.4); */
    /*! box-shadow: 0px 4px 19px rgba(76, 85, 196, 0.43); */
}

.owl-theme .owl-controls {
    width: 100%;
    position: absolute;
    bottom: 60%;
}

.owl-theme .owl-controls .owl-buttons div {
    font-size: 18px;
    background: #f192296b;
    opacity: 1;
    position: absolute;
    /*! color: #000; */
    padding: 10px 14px;
    border-radius: 8px;
    /*! box-shadow: 0 0 13px 0 rgba(28, 24, 96, 0.31); */
    /*! bottom: 25%; */
}

.owl-theme .owl-prev {
    left: -45px;
    top: 64px;
}

.owl-theme .owl-next {
    right: -45px;
    top: 64px;
}

.owl-prev:before,
.owl-next:before {
    content: "\f177";
    font-family: "FontAwesome";
    font-weight: 900;
    color: #f7ccb378;
}

.owl-next:before {
    content: "\f178";
}

.book_btn {
    border-radius: 4px;
    border: 1px solid #fedac0;
    padding: 7px 16px;
    background: #801d19;
    color: #000;
    font-weight: bold;
    letter-spacing: 0.4px;
    max-width: auto;
}

.call {
    float: right;
    padding-left: 54px;
    margin-left: 40px;
    font-size: 14px;
    color: #666;
    background: url(../images/phone.png)no-repeat left;
    height: 34px;
    line-height: 19px;
    margin-top: 6px;
    font-weight: 600;
    border-left: 1px solid rgba(234, 204, 166, 0.25);
    letter-spacing: 0.5px;
}

.call b {
    font-size: 16px;
    letter-spacing: 0px;
    color: #e30007;
}

.other {
    float: left;
    background: url(../images/facepattern.jpg) repeat;
    height: auto;
    padding-bottom: 35px;
    border-bottom: 1px solid #ddd;
    padding-top: 70px;
    width: 100%
}

.testimonials_bg {
    width: 100%;
    padding: 50px 0 50px 0;
    height: auto;
    background: url(../images/testmoni.jpg) repeat;
    color: #000;
    float: left;
}

.bdr-rgt {
    border-right: 1px solid rgba(255, 255, 255, 0.25);
    background: #fbc805;
    padding-bottom: 30px;
}

.bdr-lft {
    border-left: 2px solid #ffcb05
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.testimonials_bg h2 {
    line-height: 30px;
}

.stp {
    position: relative;
    z-index: 99999;
}

.contact_area {
    position: relative;
    background-color: #fff;
    z-index: 7;
    padding: 60px 0 0;
    float: left;
    width: 100%;
}

.rgtbdr {
    -webkit-box-shadow: -5px 0px 14px -11px rgba(0, 0, 0, 0.57);
    -moz-box-shadow: -5px 0px 14px -11px rgba(0, 0, 0, 0.57);
    box-shadow: -5px 0px 14px -11px rgba(0, 0, 0, 0.57);
    padding-bottom: 30px;
}

.contact_area .contacts-item {
    margin-top: 20px;
    padding-bottom: 8px;
    margin-left: 24px;
    z-index: 99;
    position: relative;
}

.contact_area .contacts-item .icon {
    width: 54px;
    height: 54px;
    float: left;
    margin-top: 8px;
    margin-right: 15px;
}

.contact_area .contacts-item img {
    width: 54px;
    height: 54px;
}

.contact_area .contacts-item .content {
    margin-left: auto;
    overflow: hidden;
    padding-top: 2px;
}

.contact_area .contacts-item .content .title {
    font-size: 1.3em;
    font-weight: 600;
    color: #050521
}

.contact_area .contacts-item .content p {
    font-style: italic;
    font-weight: 500;
    color: #666;
    font-family: Georgia, serif;
    line-height: 1.3 !important;
    font-size: 1.1em
}

.mlt-24 {
    margin-left: 24px;
    margin-top: 50px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    /*! margin-bottom:20px; */
}

.map_area {
    position: relative;
    background-color: red;
    z-index: 5;
    padding: 0px 0;
    height: 450px;
}

.new-contact-form {
    float: left;
    width: 100%;
}

.form-wrapper {
    background-color: #ffffff;
    /*! padding-top: 40px; */
    /*! padding-right: 40px; */
    padding-bottom: 50px;
    /*! padding-left: 40px; */
    overflow: hidden;
    z-index: 99;
    position: relative;
}

.form-wrapper h2 {
    margin: 0px 0px 0px 0px;
    color: #000;
    font-weight: 000;
    font-size: 24px;
}

.form-wrapper .form-group .btn-primary {
    color: #fff;
    background-color: #000;
    border-color: #ffcb05;
}

.form-wrapper .form-group .btn {
    display: inline-block;
    padding: 10px 50px;
    margin-top: 30px;
    font-size: 1.0em;
    line-height: normal;
    text-align: center;
    cursor: pointer;
    background-image: none;
    border: 2px solid #f7ccb3;
    border-radius: 4px;
    outline: none;
    text-decoration: none;
    transition: ease-in-out all 0.2s;
}

.form-wrapper .form-group .btn:hover {
    border: 2px solid #f7ccb3;
    background-color: #000;
    color: #fffcf3;
}

.floating-label {
    position: relative;
    margin-top: 40px;
}

.floating-label i {
    color: #333;
    font-size: 18px;
    margin-right: 4px;
}

.floating-input,
.floating-select {
    font-size: 14px;
    padding: 4px 4px;
    display: block;
    width: 100%;
    height: 30px;
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #666;
}

.floating-input:focus,
.floating-select:focus {
    outline: none;
    border-bottom: 2px solid #a93f05;
}

.floating-input select {
    font-size: 14px;
    padding: 4px 4px;
    display: block;
    width: 100%;
    height: 30px;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #c0c0c0;
}

.floating-input:focus select {
    outline: none;
    border-bottom: 2px solid #ffcb05;
}

label {
    color: #333;
    font-weight: normal;
    position: absolute;
    left: 5px;
    top: -5px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.floating-input:focus~label,
.floating-input:not(:placeholder-shown)~label {
    top: -18px;
    font-size: 14px;
    color: #000;
}

.floating-select:focus~label,
.floating-select:not([value=""]):valid~label {
    top: -18px;
    font-size: 14px;
    color: #5264AE;
}

.floating-input:focus~.bar:before,
.floating-input:focus~.bar:after,
.floating-select:focus~.bar:before,
.floating-select:focus~.bar:after {
    width: 50%;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

li {
    list-style: none
}

.floating-textarea {
    min-height: 80px;
    max-height: 260px;
    overflow: hidden;
    overflow-x: hidden;
}

.floating-input:focus~.highlight,
.floating-select:focus~.highlight {
    -webkit-animation: inputHighlighter 0.3s ease;
    -moz-animation: inputHighlighter 0.3s ease;
    animation: inputHighlighter 0.3s ease;
}

@-webkit-keyframes inputHighlighter {
    from {
        background: #5264AE;
    }

    to {
        width: 0;
        background: transparent;
    }
}

@-moz-keyframes inputHighlighter {
    from {
        background: #5264AE;
    }

    to {
        width: 0;
        background: transparent;
    }
}

@keyframes inputHighlighter {
    from {
        background: #5264AE;
    }

    to {
        width: 0;
        background: transparent;
    }
}

.bdrtp {
    border-top: 1px solid #f8f8f8
}

.checkbox label {
    color: #505050;
    font-weight: normal;
    position: relative;
    left: 5px;
    top: -5px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

label {
    pointer-events: none;
}

label,
input {
    transition: all 0.2s;
    touch-action: manipulation;
}

.banner_form {
    /*! background: #fff; */
    float: left;
    width: 100%;
    /*! padding: 10px 20px; */
    border-radius: 10px;
    /*! box-shadow: 0px 0 30px 0px rgba(0, 123, 255, 0.24); */
    position: relative;
    z-index: 9;
    margin: 35px 0 0 0;
}

.fRmBg {
    position: absolute;
    right: 19%;
    top: 35%;
}

.boder-tp {
    border-top: 1px solid #222;
}

.contacts .contacts-item .icon {
    width: 70px;
    height: 70px;
    float: left;
    margin-right: 15px;
}

.contacts .contacts-item .content {
    margin-left: auto;
    overflow: hidden;
    padding-top: 10px;
    color: #fff;
}

.contacts .contacts-item .content .title {
    font-size: 1.40em;
}

.footer .contacts a {
    color: #fff;
}

.footer a {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.footer .contacts .contacts-item .content .sub-title {
    opacity: .75;
}

.contacts .contacts-item .content .sub-title {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}

.futr {
    background: url(../images/pattern.png) repeat;
    padding: 0px 0 20px;
}

.font-14 {
    font-size: 14px !important
}

.col-ltgray {
    color: #aaa;
    border-top: 1px solid #ffffff29;
    /*! margin: 20px 0 0; */
    padding-top: 20px;
    /*! font-size: 12px; */
}

.footer {
    background: -moz-linear-gradient(-45deg, #111 0%, #000 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #111), color-stop(100%, #000));
    background: -webkit-linear-gradient(-45deg, #111 0%, #000 100%);
    background: -o-linear-gradient(-45deg, #111 0%, #000 100%);
    background: -ms-linear-gradient(-45deg, #111 0%, #000 100%);
    background: linear-gradient(135deg, #111 0%, #000 100%);
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
    float: left;
    /*! margin-bottom: 60px; */
}

.futr .container {
    max-width: 80%;
    margin: 0 auto;
}

.welcome h3 {
    color: #444;
}

.latest_news_bg {
    display: block;
    margin: auto;
    width: 100%;
    /*! background: url(../images/pattern1.png) repeat; */
    padding: 40px 0;
    font-size: 15px;
}

.latest_news {
    width: 100%;
    color: #fff;
    background: url(../images/banner_img.jpg) top center fixed no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-origin: border-box;
    border-top: 1px solid #f19229;
    border-bottom: 1px solid #f19229;
}

.latest_news h2 {
    text-align: center;
    font-weight: 700;
    margin-bottom: 10px;
    color: #fff;
}

.latest_news .product-card-1 {
    border: 2px solid rgba(255, 255, 255, .85);
    text-align: left;
    margin: 0px 10px;
    box-shadow: 0px 15px 30px rgba(255, 255, 255, 0.25);
}

.latest_news .product-primary-btn {
    color: #ffc107;
}

.latest_news .product-primary-btn:hover {
    color: #ffc107;
}

.latest_news .product-primary-btn:after {
    border-top: 2px solid #ffc107;
}

.latest_news .subtitle {
    color: #fff
}

.latest_news .container {
    max-width: 70%;
    margin: 0 auto;
}

.latest_news_bg .box {
    background: #222;
    position: relative;
    overflow: hidden;
    color: #fff;
    text-align: center;
    transition: all 0.55s ease;
    border: 1px solid rgba(255, 255, 255, 1.65);
    /*! box-shadow:0px 15px 30px rgba(255,255,255,0.30); */
    border-radius: .3rem !important;
    margin: 1px 0;
}

.latest_news_bg .box:hover {
    border: 1px solid rgba(0, 0, 0, 0.80);
    border-radius: .0rem !important;
}

.latest_news_bg .box img {
    width: 100%;
    max-height: 420px;
    height: auto;
    transition: all 0.55s ease;
}

.latest_news_bg .box:hover img {
    opacity: 0.55;
    transform: scale(1.06, 1.06);
}

.latest_news_bg .box .box-content {
    padding: 10px 15px;
    position: absolute;
    bottom: 20px;
    /*! text-shadow:1px 1px 0px #DBBDB0; */
    left: 20px;
    background: #050505;
    border-radius: .3rem !important;
}

.latest_news_bg .box .box-content:before,
.box .box-content:after {
    content: "";
    width: 767px;
    height: 2px;
    position: absolute;
    background: #fff;
    -webkit-transition: all 0.55s ease;
    transition: all 0.55s ease;
}

.latest_news_bg .box .box-content:before {
    top: 0;
    left: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.latest_news_bg .box .box-content:after {
    bottom: 0;
    right: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.latest_news_bg .box .box-content-inner:before,
.box .box-content-inner:after {
    content: "";
    width: 2px;
    height: 767px;
    position: absolute;
    background: #fff;
    -webkit-transition: all 0.55s ease;
    transition: all 0.55s ease;
}

.latest_news_bg .box .box-content-inner:before {
    top: 0;
    left: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.latest_news_bg .box .box-content-inner:after {
    bottom: 0;
    right: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.latest_news_bg .box:hover .box-content:before,
.latest_news_bg .box:hover .box-content:after,
.latest_news_bg .box:hover .box-content-inner:before,
.latest_news_bg .box:hover .box-content-inner:after {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.latest_news_bg .box:hover .box-content:before,
.latest_news_bg .box:hover .box-content:after {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

.latest_news_bg .box .box-content-inner h3 {
    font-size: 20px;
    letter-spacing: 0.5px;
    font-weight: 600;
    margin: 0;
    color: #f1f1f1;
    text-transform: uppercase;
}

.latest_news_bg .box .box-content-inner span {
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: #434343;
    padding: 5px 10px;
    background: #fff;
    text-transform: capitalize;
}

.heightfxd {
    max-height: 65vh;
    overflow: auto;
    scrollbar-width: thin;
}

.details-grid {
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0px 0px 17px -4px rgba(145, 145, 145, 0.65);
    margin-bottom: 30px;
    border-radius: 4px;
}

.blgleft {
    position: relative;
    font-size: 15px;
    width: 100%;
    float: left;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 7px 0;
    margin-bottom: 15px;
}

.blgleft a {
    color: rgba(44, 44, 44, 0.5);
}

.blgleft p {
    display: inline
}

.blgleft a:hover {
    color: #4285f4;
}

.sharecontainer {
    position: relative;
    display: flex;
    float: right;
    background: #fff;
    height: 32px;
}

.tip {
    position: absolute;
    top: 50%;
    right: calc(100% + 10px);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    letter-spacing: .1em;
    display: flex;
    align-items: center;
}

.tip:after {
    content: "";
    width: 30px;
    height: 1px;
    background: rgba(44, 44, 44, 0.2);
    margin: 0 0 0 8px;
}


.trigger {
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    transition: color .2s, border .2s;
}

.trigger a {
    color: currentColor;
    text-decoration: none;
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
    display: flex;
    align-items: center;
    color: rgba(44, 44, 44, 0.4);
    justify-content: center;
}

.trigger i {
    font-size: 14px;
    line-height: 32px;
}

.trigger:hover {
    color: #2c2c2c;
    border-color: #2c2c2c !important;
}

.trigger:hover a {
    color: #2c2c2c;
}

.trigger.share-btn i {
    margin: 0 5px 0 0;
}

.like,
.share {
    -webkit-transform: skew(-10deg);
    transform: skew(-10deg);
    margin: 0 0 0 10px;
}

.like .trigger,
.share .trigger {
    width: 82px;
    border: 1px solid rgba(44, 44, 44, 0.2);
}

.like i,
.share i {
    margin: 0 5px 0 0;
}

.share {
    display: block;
}


.share-window {
    -webkit-transform: skew(-10deg);
    transform: skew(-10deg);
    overflow: hidden;
}



.share-bar {
    position: relative;
    width: 82px;
    height: 32px;
    transition: width .4s ease .2s;
}

.share-bar:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(44, 44, 44, 0.3) rgba(44, 44, 44, 0.2) rgba(44, 44, 44, 0.2) transparent;
}

.share-bar:hover {
    width: 164px;
    transition: width .4s ease;
}

.share-bar:hover .trigger:nth-child(3) {
    left: 82px;
    transition: left .45s ease .06s, color .2s, border .2s;
}

.share-bar:hover .trigger:nth-child(4) {
    left: 123px;
    transition: left .45s ease .12s, color .2s, border .2s;
}

.share-bar:hover .trigger:nth-child(5) {
    left: 164p;
    transition: left .45s ease .18s, color .2s, border .2s;
}

.share-bar:hover .trigger:nth-child(6) {
    left: 205px;
    ransition: left .45s ease .24s, color .2s, border .2s;
}

.share-bar .trigger {
    position: absolute;
    top: 0;
    width: 42px;
    border-width: 1px;
    border-style: solid;
    border-color: transparent transparent transparent rgba(44, 44, 44, 0.2);
    transition: left 0s ease .45s, color .2s, border .2s;
}

.share-bar .trigger:nth-child(1) {
    left: 0;
}

.share-bar .trigger:nth-child(2) {
    left: 41px;
}

.share-bar .trigger:nth-child(3) {
    left: 102px;
}

.share-bar .trigger:nth-child(4) {
    left: 143px;
}

.share-bar .trigger:nth-child(5) {
    left: 184px;
}

.share-bar .trigger:nth-child(6) {
    left: 225px;
}

table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: #fff;
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    scrollbar-width: thin;
}

table td,
table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6
}

table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6
}

table tbody+tbody {
    border-top: 2px solid #dee2e6
}

table table {
    background-color: #fff
}

#lg-share {
    display: none;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.c-disply {
    display: none;
}

.modal-footer {
    justify-content: center;
}

.carousel-item .img-fluid {
    width: 100%;
}

.banner_heading {
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    z-index: 1;
    overflow: hidden;
    text-align: center;
    width: 100%;
    color: #fff;
    background: #ffffff8f;
    padding: 0px 0 30px;
}

.carousel-control-next,
.carousel-control-prev {
    width: 3%;
    z-index: 2;
}

.banner_heading p {
    line-height: normal;
    margin: 0px;
    line-height: 20px;
}

.banner_heading h1 {
    margin: 0px;
    font-weight: 700;
    line-height: normal;
}

.banner_heading h1 span {
    font-weight: 300;
}

.login_dv p {
    line-height: normal;
    font-weight: 600;
    margin: 0px;
    font-size: 14px;
    line-height: 18px;
    color: #000;
}

.form-floating>label {
    padding: .7rem;
    font-size: 14px;
}

.form-floating>.form-control {
    height: 44px;
}

.login_dv {
    background: #fffffff7;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 12px 18px 2px rgba(34, 0, 51, .04), 0 6px 22px 4px rgba(7, 48, 114, .12), 0 6px 10px -4px rgba(14, 13, 26, .12);
    /*! margin: 0 auto; */
    padding: 20px;
    max-width: 320px;
    position: relative;
    min-height: 220px;
    box-shadow: 0 1px 3px rgba(50, 50, 93, .15), 0 1px 0 rgba(0, 0, 0, .02);
}

.tretment {
    background: #fff;
}

@-webkit-keyframes scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(calc(-250px * 7));
        transform: translateX(calc(-250px * 7));
    }
}

@keyframes scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(calc(-250px * 7));
        transform: translateX(calc(-250px * 7));
    }
}

.socal {
    padding: 0px;
    margin: 0px 0px 0px 0px;
}

.socal li {
    list-style: none;
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px 0 0;
    text-align: center;
}

.socal li a {
    width: 35px;
    height: 35px;
    background-color: transparent;
    border: 1px solid #ddd;
    line-height: 35px;
    display: block;
    border-radius: 3px;
    transition: ease-in-out all 0.2s;
}

.socal li a:hover {
    background-color: #801d19;
    color: #ffffff;
    border: 1px solid #801d19;
}

.modal {
    z-index: 99999;
}

.hero-text {
    margin-bottom: 10px;
    text-align: left;
    text-shadow: 0px 0px 3px rgba(7, 7, 7, 0.6);
}

.hero-text h2 {
    font-size: 30px;
    margin-top: 12px;
    line-height: normal;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.75);
}

.text-left {
    text-align: start;
}

.hero-text p {
    font-size: 18px;
    line-height: 24px;
    font-weight: 800;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.75);
}


.round_img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 5px solid rgba(255, 255, 255, 0.3);
    display: inline-block;
}

.round_img img {
    width: 122px;
    height: 122px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.hero-info h2 {
    margin-bottom: 8px;
    font-size: 28px;
    color: #ffffffdb;
    display: none;
}

.hero-info ul {
    list-style: none;
    padding-left: 4px;
}

.hero-info ul li {
    font-size: 16px;
    color: #fff;
    font-weight: 800;
    line-height: 26px;
    margin-bottom: 4px;
    text-align: left;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.75);
}

.hero-info ul li span {
    color: #ffffffed;
    display: inline-block;
    min-width: 90px;
    font-weight: 600;
    font-size: 16px;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.75);
}

.hero-info ul li:last-child {
    margin-bottom: 0;
}


.project_gal img {
    width: 100%;
    height: auto;
    margin: 15px auto;
    cursor: pointer;
    transition: all 0.2s;
    margin: 0;
    border: 3px solid #FFF;
    border-radius: 3px;
}

.filter {
    position: relative;
    margin-bottom: 17px;
}

@media screen and (max-width:1440px) {
    .navbar-expand-xl .navbar-nav .nav-link {
        /*! padding: 5px 12px; */
        /*! font-size: 14px; */
        /*! margin: 0 0 0 5px; */
    }

    .call {
        /*! font-size: 18px; */
    }

    .overlay {
        padding: 4% 2%;
    }

    video {
        width: 100%;
    }

    .latest_news .container {
        max-width: 80%;
    }

    .carousel-caption a {
        display: none;
    }
}

@media (max-width: 1300px) {
    .bg-video-wrap h2 {
        /*! font-size: 3.5em; */
    }

    .welcome {
        /*! padding-bottom: 50px; */
    }
}

@media (max-width: 1200px) {
    .social-icons {
        display: none;
    }

    .navbar-expand-xl .navbar-nav .nav-link {

        font-size: 14px;
        font-weight: 500;
    }

    .bg-video-wrap h2 {
        /*! font-size: 2.5em; */
    }

    .about-intro-sec .box .box-content {
        padding-top: 25%;
    }

    .about-intro-sec .box .content-inner {
        padding: 12px;
    }

    .latest_news .container {
        max-width: 90%;
    }


}

@media (max-width: 1198px) {
    .navbar-nav .nav-link {
        text-align: left;
        color: #000;
        padding-left: 20px
    }

    .call {
        font-size: 24px;
        margin: 12px 0px;
        float: left;
    }

    .c-disply {
        display: block;
    }

    .about-intro-sec {
        padding-bottom: 40px;
        height: auto;
    }

    .owl-theme .owl-controls {
        width: 92%;
        bottom: 60%;
        margin-left: 4%;
    }

    .call {
        border-left: 0px solid rgba(255, 255, 255, 0.25);
    }

    .carousel-caption p {
        display: none;
    }

    .book_btn {
        max-width: 149px;
    }

    .navbar-collapse {

        border-top: 1px solid #444;
        position: static;
    }
}

@media (max-width: 1024px) {

    .banner_heading {
        padding: 30px 0 30px;
    }

    .carousel-fade .carousel-item {
        height: 520px;
    }

    .carousel-fade .carousel-item .w-100 {
        width: auto !important;
    }

    .overlay {
        padding: 8% 5%;
    }

    .latest_news .container {
        max-width: 96%;
    }

    video {
        min-height: 50%;
    }

    .bg-video-wrap {
        height: auto;
    }

    .fixed .navbar-light .navbar-brand {
        display: block;
        margin: 0px 0px;
        width: 144px;
    }

    .navbar-light .navbar-brand {
        color: rgba(0, 0, 0, .9);
        margin: 0px 0px;
        width: 170px;
    }
}

@media screen and (max-width:990px) {
    .carousel-fade .carousel-item {
        height: 460px;
    }




    .carousel-caption {
        top: 5%;
    }

    .testimonials_bg {
        padding: 40px 0 0px 0;

    }
}

.project_gal {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
}

.owl-carousel .item-video {
    height: 240px;
    background-color: #000;
    margin: 10px 8px 20px;
}

.owl-carousel .item-video iframe {
    border: 0;
    width: 100%;
    height: 240px;
}

@media screen and (max-width:992px) {
    .project_gal {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
}

@media screen and (max-width:767px) {
    .navbar-brand {
        margin: 0px 0px;
        width: 60px;
    }

    .navbar-brand {
        padding-top: .3125rem;
        padding-bottom: .3125rem;
    }

    .carousel-indicators {
        display: none
    }

    .welcome {
        padding-top: 15px;
    }

    .welcome {
        padding-bottom: 0;
    }

    .owl-theme .owl-controls {
        display: none !important;
    }

    .project_gal {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }

}

.mview {
    display: none;
}

@media screen and (max-width:599px) {
    .hidden-xs {
        display: none !important
    }

    .img-fluid {
        max-width: 240px;
    }

    .mview {
        display: block !important;
    }

    .hero-text h2 {
        font-size: 24px;
        margin-top: 12px;
        line-height: normal;
    }

    .social-icons {
        display: none
    }

    .hero-text {
        text-align: center !important;
    }

    .bg-video-wrap h2 {
        /*! font-size: 2.0em; */
        text-align: center;
    }

    /*.bg-video-wrap a {
        display: none
    }*/

    .carousel-fade .carousel-item {
        height: 75vh;
    }

    .carousel-item .w-100 {
        width: auto !important;
    }

    .hero-info h2 {
        margin-bottom: 8px;
        font-size: 20px;
        color: #ffffffdb;
        display: none;
    }

    .login_dv {
        max-width: 100%;
    }

    .banner_heading {
        padding: 30px 0;
    }

    .testimonial {
        padding: 0;
        padding-top: 35px;
        padding-bottom: 35px;
        margin: 0 20px 00px;
        margin-bottom: 00px;
        padding-bottom: 0;
    }

    .bg-video-wrap::after {
        content: "";
        position: absolute;
        bottom: -100px;
        left: -50px;
        height: 180px;
        width: 130%;
        background-color: transparent;
    }

    .overlay {
        width: 100%;
        height: 100%;
    }

    .sec_heading h2 {
        font-size: 24px;
        line-height: 19px;
    }

    .sec_heading small {
        font-size: 14px;
    }

    .mlt-24 {
        margin-left: 24px;
        margin-top: 25px;
    }

    .h3,
    h3 {
        font-size: 20px;
    }

    .h1,
    h1 {
        font-size: 24px;
    }

    .h2,
    h2 {
        font-size: 1.35em;
    }

    .col-ltgray {
        font-size: 12px;
    }

    p {
        font-size: 14px;
        line-height: 20px
    }

    li {
        font-size: 14px;
        line-height: 24px
    }

    .hero-info ul li span {
        color: #fff;
        display: inline-block;
        min-width: 90px;
        font-weight: 600;
        font-size: 15px;
    }

    .bg-video-wrap p {
        /*! display: none; */
        font-size: 14px;
        /*! color: #fff; */
        font-weight: 800;
        line-height: 24px;
    }

    .hero-info ul li {
        font-size: 14px;
        color: #fff;
        font-weight: 800;
        line-height: 24px;
        margin-bottom: 4px;
        text-align: center;
    }

    .timeline-action .title {
        font-size: 14px;
    }

    .modal-body .pl-0 {
        padding-left: 10px !important
    }

    .heightfxd {
        max-height: inherit;
    }

    .modal-body .pr-0 {
        padding-right: 10px !important;
    }
}

@media screen and (max-width:576px) {
    .carousel-fade .carousel-item {
        height: auto;
    }
}

@media screen and (max-width:320px) {
    .carousel-fade .carousel-item {
        height: 140vh;
    }
}

.lg-outer * {
    z-index: 9999999;
}

@media only screen and (min-width:320px) and (max-width:1024px) {}