/*Start Basic Style*/
* {
    margin: 0;
    padding: 0;
}

html, body {
    margin: 0;
    font-size: 100%;
    font-size: 14px;
    font-weight: 400;
    color: #272727;
    line-height: 1.42857143;
    font-family: 'Roboto','Open Sans','PT Sans',"Myriad Web Pro","Myriad Pro",Myriad,"Segoe UI","Verdana","Liberation Sans","Nimbus Sans L","Helvetica Neue",Helvetica,Arial,sans-serif;
    background: #fff;
}

p {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    margin-bottom: 15px;
    color: #272727;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0 0 15px 0;
}

h1 {
    font-size: 42px;
    line-height: 46px;
    text-transform: uppercase;
}

h2 {
    font-size: 35px;
    line-height: 38px;
}

h3 {
    font-size: 28px;
    line-height: 34px;
}

h4 {
    font-size: 22px;
    line-height: 28px;
}

h5 {
    font-size: 18px;
    line-height: 24px;
}

h6 {
    font-size: 14px;
    line-height: 22px;
}

a {
    text-decoration: none;
    color: #767676;
    transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

    a:hover, a:focus {
        color: #2582e0;
        text-decoration: none;
    }

    a:focus {
        outline: none;
    }

.scrollup {
    width: 40px;
    height: 40px;
    opacity: 0.8;
    filter: alpha(opacity=30);
    position: fixed;
    bottom: 25px;
    right: 16px;
    display: none;
    text-indent: -9999px;
    background: url('../images/icon_top.png') no-repeat;
}

    .scrollup:hover {
        opacity: 1;
    }

.col-center {
    margin: 0 auto !important;
    float: none !important;
}

.clear {
    clear: both;
}

.section-space {
    padding: 50px 0;
}
/*header start*/
header {
    background-color: #ffffff;
    padding: 0px 0px;
    border-top: solid 5px #405aa8;
    border-bottom: solid 1px #2a3436;
}

    header .logo {
        margin: 15px 0 15px 0;
    }

        header .logo a img { /* max-width: 100%; */
            height: auto;
            display: inline-block;
            vertical-align: middle;
        }

.top {
    background-color: #fbca0b;
    padding: 7px 0px;
}
/*top bar css*/
.top-bar {
    margin: 0px;
}

.top-contact {
    margin: 18px 0px 0px 0px;
    display: inline-block;
    width: 100%;
    float: left;
}

    .top-contact ul {
        list-style-type: none;
        padding: 0px 0;
        float: right;
    }

        .top-contact ul li {
            margin-left: 30px;
            display: inline-block;
            float: left;
            line-height: 22px;
        }

            .top-contact ul li a {
                font-size: 16px;
                color: rgb(0, 0, 0);
                font-weight: bold;
                line-height: 0px;
            }

                .top-contact ul li a:hover {
                    color: #ea3075;
                }

            .top-contact ul li i {
                color: #000;
                font-size: 16px;
                margin: 0 10px 0 0;
                border: 2px solid #ea3075;
                border-radius: 100px; /* float: left; */
                width: 40px;
                height: 40px;
                line-height: 37px;
                display: inline-grid;
                text-align: center;
            }

            .top-contact ul li h4 {
                color: #ea3075;
                font-size: 14px;
                margin: 0 0px;
                padding: 0;
                display: block;
                line-height: 20px;
                font-weight: 600;
            }

.top-kontact {
    margin: 0px;
    display: block;
    width: 100%;
}

.login-btn {
    margin: 0px;
    display: inline;
    float: right;
}

    .login-btn a {
        margin: 0px;
        background-color: #000;
        color: #fff;
        padding: 14px 15px;
        vertical-align: middle;
        font-size: 16px;
        line-height: 30px;
    }

.inline {
    display: inline;
    float: right;
    padding: 0px;
}
/*translate*/
.translate {
    float: right;
    margin: 0;
    padding: 9.5px 15px;
}

#goog-gt-tt {
    display: none !important
}

.goog-te-banner-frame {
    display: none !important
}

.goog-te-menu-value:hover {
    text-decoration: none !important
}

body {
    top: 0 !important
}

.goog-te-combo {
    background-color: #fff;
    border: 1px solid #ea3075 !important;
    display: inline-block;
    padding: 6px 10px;
    margin: 0 !important;
    cursor: pointer;
    zoom: 1;
    color: #000;
}

#google_translate_element {
    color: transparent
}

    #google_translate_element a {
        display: none
    }

div.goog-te-gadget {
    color: transparent !important
}

.goog-te-gadget {
    margin-top: -6px;
    height: 19px
}
/*menu header*/
.navbar.navbar-default .navbar-header {
}

.navbar.navbar-default .nav.navbar-nav {
}
/*nav bar right*/
.navbar {
    margin: 0 0;
    padding: 0px;
    min-height: 0px;
    border: none; /* float: right; */
}

.navbar-nav {
    float: left;
    margin: 0;
}

.navbar-default {
    background-image: none;
    box-shadow: none;
    background-color: #ea3075;
    margin: 0px 0;
    padding: 0px;
}

    .navbar-default .navbar-nav > li > a {
        position: relative;
        display: inline-block;
        margin: 0 5px 0 0;
        outline: none;
        text-decoration: none; /* text-transform: uppercase; */
        padding: 13px 25px 13px 25px;
        color: #fff;
        font-weight: 500;
        text-shadow: none !important;
        -webkit-transition: color 0.5s;
        -moz-transition: color 0.5s;
        transition: color 0.5s;
        font-size: 17px;
    }

        .navbar-default .navbar-nav > li > a::before, .navbar-default .navbar-nav > li > a::after {
            position: absolute;
            left: 0;
            width: 100%;
            height: 1px;
            background: #000;
            content: '';
            opacity: 0;
            -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
            -moz-transition: opacity 0.5s, -moz-transform 0.5s;
            transition: opacity 0.5s, transform 0.5s;
            -webkit-transform: translateY(-10px);
            -moz-transform: translateY(-10px);
            transform: translateY(-10px);
            font-weight: 400;
        }

        .navbar-default .navbar-nav > li > a::before {
            top: 0;
            -webkit-transform: translateY(-10px);
            -moz-transform: translateY(-10px);
            transform: translateY(-10px);
        }

        .navbar-default .navbar-nav > li > a::after {
            bottom: 0;
            -webkit-transform: translateY(10px);
            -moz-transform: translateY(10px);
            transform: translateY(10px);
        }

        .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
            color: #fff !important;
            background-color: #2a3436;
        }

            .navbar-default .navbar-nav > li > a:hover::before, .navbar-default .navbar-nav > li > a:focus::before, .navbar-default .navbar-nav > li > a:hover::after, .navbar-default .navbar-nav > li > a:focus::after {
                opacity: 1;
                -webkit-transform: translateY(0px);
                -moz-transform: translateY(0px);
                transform: translateY(0px);
            }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
        color: #fff !important;
        background-color: #2a3436 !important;
    }
/*owl slider start css*/
.main-slider {
    position: relative;
    background-color: #ea3075;
}

.owl-carousel .owl-wrapper-outer { /* box-shadow: 0px 10px 30px #aaa; */
}

.owl-theme .owl-controls {
    margin-top: 0px;
    text-align: center;
    position: absolute;
    right: 53%;
    left: 0px;
    bottom: 0;
    top: 65%;
    display: none !important;
}

    .owl-theme .owl-controls .owl-page span {
        background: #000;
    }

#owl-demo .item img {
    display: block; /* width: 100%; */
    height: auto;
    max-height: 812px;
}

.owl-controls.clickable .owl-buttons {
    display: none !important;
}

.hero, .item:after {
    content: '';
    position: relative;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 35% 100%, 0 80%);
    clip-path: polygon(0 0, 100% 0, 100% 80%, 35% 100%, 0 80%);
}
/*slider content start css*/
.slider-content {
    top: 5%;
    left: 0;
    padding: 0;
    text-align: left;
    position: absolute;
    width: 100%;
    color: #fff;
    z-index: 999;
    text-align: center;
}

    .slider-content h2 {
        /* width:100%; */
        /* float:left; */
        font-size: 36px;
        color: #ea3075;
        font-weight: bold;
        text-decoration: none;
        text-align: center;
        letter-spacing: 1px;
        margin-top: 110px;
        margin-bottom: 30px;
        border-radius: 4px;
        background: rgb(255 255 255 / 80%);
        padding: 10px 40px;
        display: flex;
        align-items: center;
        width: unset;
        width: fit-content;
        text-align: center;
        margin-left: 7%;
    }

        .slider-content h2 .small-icon {
            width: 43px;
            padding-left: 10px;
        }

        .slider-content h2 span {
            color: #fff;
            font-weight: 300;
        }

    .slider-content p {
        width: 100%;
        float: left;
        font-size: 18px;
        color: #fff;
        font-weight: 400;
        text-decoration: none;
        text-align: center;
        line-height: 30px;
        padding: 0 30px;
        letter-spacing: 0.5px;
    }

.overlay {
    background: rgba(42,52,54, 0.5);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.animate {
    margin: 100px 0;
    animation: yourAnimation 1.5s forwards 0s ease-in-out;
}

    .animate span {
        font-size: 24px;
        font-family: "Open Sans";
        color: rgb(0, 0, 0);
        font-weight: 400;
        text-align: left;
    }

    .animate h1 {
        font-size: 65px;
        font-family: "Open Sans";
        color: #000;
        font-weight: 800;
        line-height: 75px;
        text-align: left;
        margin: 0 0;
        letter-spacing: 1px;
    }

    .animate a {
        background-color: #fbca0b;
        border-radius: 50px;
        color: #000;
        display: inline-block;
        padding: 10px 40px;
        font-size: 16px;
        margin: 15px 0px 0px;
        text-align: center;
        border: 1px solid transparent;
        font-weight: 500;
        font-family: "Josefin Sans";
    }

        .animate a:hover {
            background-color: transparent;
            border: 1px solid #fff;
            color: #fff;
        }

@keyframes yourAnimation {
    0% {
        transform: rotate(0) translateX(-50%);
        opacity: 0;
    }

    100% {
        transform: rotate(0) translateX(0%);
        opacity: 1;
    }
}
/*booking engine start css*/
.main-form {
    padding: 15px 15px;
    margin: 0px;
    width: 100%;
    background-color: #fff;
    border-radius: 0;
    animation: yourAnimation2 1.5s forwards 0s ease-in-out;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* border-top: solid 5px #ea3075; */
    outline: 12px solid rgba(255, 255, 255, 0.30);
    text-align: left;
}

@keyframes yourAnimation1 {
    0% {
        transform: rotate(0) translateX(25%);
        opacity: 0;
    }

    100% {
        transform: rotate(0) translateX(0%);
        opacity: 1;
    }
}

.main-form h1 {
    font-size: 22px;
    color: #405aa8;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    margin: 0 0 15px 0;
    padding: 6px 0 4px 15px;
    letter-spacing: 0px;
    border-left: 2px solid #405aa8;
}

    .main-form h1 span {
        font-size: 20px;
        font-weight: 400;
        letter-spacing: 1px;
    }

.main-instant {
    padding: 40px 0px;
    margin: 0px 0px 10px 0px;
    width: 100%;
    background-color: #000000;
    position: relative;
}

    .main-instant h2 {
        font-size: 34px;
        color: #facf00;
        text-transform: uppercase;
        line-height: 1.206;
        text-align: center;
        font-weight: 600;
    }

    .main-instant span {
        font-size: 24px;
        color: #fbca0b;
        text-transform: uppercase;
        text-align: center;
        display: block;
        letter-spacing: 3px;
        line-height: 25px;
    }

.input-text {
    border: none;
    width: 100%;
    color: #000;
    font-size: 14px;
    font-weight: 300;
    background-color: #fff0;
}

.input-text-1 {
    border: none;
    width: 49%;
    color: #000;
    font-size: 14px;
    font-weight: 300;
    background-color: #fff0;
}

textarea:focus, input:focus {
    outline: none !important;
}

.form-group {
    padding: 7px 10px;
    width: 100%;
    display: block;
    margin-top: 0;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    color: #959595;
    border: 1px solid #405aa8;
}

    .form-group label {
        width: 100%;
        text-align: left;
        font-weight: 500;
        text-transform: uppercase;
        font-size: 14px;
        color: #272727;
    }

.main-form a {
    background-color: #405aa8;
    color: #fff;
    display: block;
    padding: 13px 0px;
    text-align: center;
    border: 1px solid transparent;
    font-size: 20px;
    margin: 14px 0 0 0;
    text-transform: uppercase;
}

    .main-form a:hover {
        background-color: #ea3075;
        border: 1px solid #ea3075;
        color: #ffffff;
    }

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    position: absolute;
    margin-top: 4px\9;
    margin-left: 0px !important;
}

/*Our quote Css*/
.our-qoute {
    padding: 70px 0px;
    position: relative;
}

    .our-qoute:before {
        padding: 0px 0px;
        position: absolute;
        content: '';
        top: 0;
        bottom: 0;
        width: 54%;
        right: 0;
        left: 0;
        background-color: #fff;
    }

    .our-qoute:after {
        padding: 0px 0px;
        position: absolute;
        content: url(../images/about-us-img.png);
        top: -22%;
        right: 0px;
        left: 55%;
        margin-left: 0.6rem;
    }

    .our-qoute h2 {
        color: #000;
        margin: 0;
        font-size: 39px;
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 15px;
    }

        .our-qoute h2 span {
            color: #fee200;
            font-weight: 500;
        }

    .our-qoute h5 {
        display: block;
        width: 100%;
        margin: 10px 0;
        font-size: 18px;
        color: rgb(69, 69, 69);
        font-style: italic;
        font-weight: 300;
        letter-spacing: 1px;
    }

    .our-qoute p {
        margin: 0 40px 0 0px;
    }

    .our-qoute a {
        background-color: #fee200;
        border-radius: 30px;
        color: #000;
        padding: 10px 15px;
        margin: 20px 0px 0px 0px;
        text-align: center;
        border: 1px solid transparent;
        font-size: 16px;
        float: none;
        display: inline-block;
    }

        .our-qoute a:hover {
            background-color: #000000;
            border: 1px solid #000000;
            color: #ffffff;
        }

.checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
    color: #272727;
    text-transform: uppercase;
}
/*about*/
.about {
    padding: 50px 0px;
    position: relative;
}

.main-about {
    margin: 0px;
}

    .main-about h2 {
        color: #eee;
        margin: 3px 0 0 0px;
        font-size: 24px;
        font-weight: 300;
        text-transform: uppercase;
        line-height: 20px;
    }

    .main-about span {
        margin: 0px;
        font-size: 28px;
        font-weight: bold;
        text-transform: uppercase;
        color: #ffff;
    }

    .main-about p {
        margin: 15px 0px;
        text-align: justify;
    }

    .main-about img {
        margin: 0px;
    }

    .main-about a {
        background-color: #ea3075;
        border-radius: 30px;
        color: #fff;
        display: inline-block;
        padding: 8px 30px;
        margin: 7px 0px 15px 0px;
        text-align: center;
        border: 1px solid transparent;
        font-size: 16px;
    }

        .main-about a:hover {
            background-color: #73bff0;
            border: 1px solid #73bff0;
            color: #ffffff;
        }

.main-ap {
    margin: 0px;
    padding: 0px;
}

    .main-ap ul {
        margin: 0 0 0px 0px;
        padding: 0px;
        list-style: none;
    }

    .main-ap li {
        float: right;
        margin: 0px 0 0px 30px;
        padding: 0px 0px 0px 0;
        border: 2px solid #fff;
        display: inline-block;
        border-radius: 8px;
    }

        .main-ap li:hover {
            background-color: rgba(255,255,255, 0.2);
        }

    .main-ap ul li img {
        margin: 0px;
        padding: 15px 18px;
        background-color: #fff;
        display: inline-block;
        float: left;
    }

.main-text {
    color: #fff;
    display: inline-block;
    padding: 8px 30px;
}

    .main-text h2 {
        margin: 0px;
        padding: 0px 0 0 0;
        text-transform: uppercase;
        font-size: 18px;
        font-weight: 700;
        line-height: 30px;
        color: #fff;
    }

    .main-text p {
        margin: 0px;
        padding: 3px 0 0 0;
        text-transform: uppercase;
        font-size: 13px;
        line-height: 15px;
        color: #fff;
    }

li.apple-icon:hover .main-text p, li.apple-icon:hover .main-text h2 {
    color: #fff !important;
}

li.andriod-icon:hover .main-text p, li.andriod-icon:hover .main-text h2 {
    color: #fff !important;
}
/*Accordion*/
.panel-group {
    margin: 0 0 25px 0;
}

    .panel-group h2 {
        color: #000;
        margin: 0 0 0 5px;
        font-size: 28px;
        font-weight: bold;
        text-transform: uppercase;
        line-height: 20px;
    }

.panel-body {
    padding: 15px 0px;
}

.panel-group .panel {
    margin-bottom: 15px;
    border-radius: 30px;
    position: relative;
}

.panel-default { /* border-color: #eee; */
    box-shadow: none;
}

.panel-heading {
    padding: 7px 14px;
}

.panel-default > .panel-heading { /* color: #2a3436; */
    background-color: #f5f5f500 !important;
    border-color: #eee0 !important;
    background-image: none;
}

    .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #ddd;
        margin: 0 15px;
        font-size: 14px;
        font-family: 'Open Sans';
    }

.panel-heading h4 {
    margin: 0px 0 0 1em;
    padding: 0px;
    font-weight: 600;
    font-size: 14px;
    font-family: 'Open Sans';
    text-transform: uppercase;
}

    .panel-heading h4 a {
        color: #000
    }

.glyphicon {
    position: absolute;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 600;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    right: 3rem;
    top: 14px;
    color: #ea3075;
    display: grid;
    place-items: center;
    right: 15px;
}

span.glyphicon {
    border-left: 1px solid #eee;
    padding-left: 15px;
}
/*Our app-spec*/
.our-app-spec {
    display: block;
    margin: 5% 0 7% 0;
    animation: yourAnimation2 3s forwards 0s ease;
    width: 100%;
}

@keyframes yourAnimation2 {
    0% {
        transform: rotate(0) translateY(-50%);
        opacity: 0;
    }

    100% {
        transform: rotate(0) translateY(0%);
        opacity: 1;
    }
}

.our-app-icon {
    margin-right: 10px;
    padding: 0px;
    margin-top: 0px;
    height: 52px;
    display: inline;
    float: left;
}

.our-app-spec:hover {
    cursor: pointer;
}

    .our-app-spec:hover i {
        background-color: #73c6ee;
        color: #ffffff;
        border: 1px solid #fff;
        box-shadow: 0 0 0 3px #73c3ef, 0 0 0 6px white, 0 0 0 8px #c1084100;
    }

.our-app-icon i {
    color: #ffffff;
    font-size: 26px;
    width: 52px;
    height: 52px;
    background-color: #73c3ef;
    border-radius: 50%;
    display: grid;
    place-items: center;
    -webkit-transition: box-shadow .6s ease-out;
    border: 1px solid #73c3ef;
}

.our-app-content {
    margin: 0px;
    padding: 0px;
    display: inline-block;
}

    .our-app-content h4 {
        margin: 15px 0px 0px 0px;
        font-weight: normal;
        font-size: 18px;
        color: #000000;
        width: 100%;
    }

.our-app-spec:hover h4 {
    color: #ea3075;
}

.our-app-spec p {
    color: #959595 !important;
    font-size: 14px;
    line-height: 24px;
    padding-right: 0px;
    margin: 0 0 0 0;
    padding: 20px 30px 20px 0px;
}

.specialist ul {
    list-style: none;
    margin: 0px;
}

    .specialist ul li {
        width: 50%;
        float: left;
        display: inline;
    }
/*Our app-spec*/
#fh5co-footer h2 {
    text-align: center;
    color: #fff;
    font-size: 38px;
    font-weight: 500;
}

.tweet-icon {
    width: 15px;
}

.our-ap-spec {
    display: inline-block;
    margin: 10% 0;
    animation: yourAnimation2 3s forwards 0s ease;
    background-color: #ffffff;
    border-radius: 0px;
    text-align: center;
}

    .our-ap-spec:hover {
        background-color: #73c6ee;
        color: #ffffff;
        cursor: pointer;
        transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
    }

@keyframes yourAnimation2 {
    0% {
        transform: rotate(0) translateY(-50%);
        opacity: 0;
    }

    100% {
        transform: rotate(0) translateY(0%);
        opacity: 1;
    }
}

.our-ap-spec i {
    color: #000000;
    font-size: 40px;
    -webkit-transition: box-shadow .6s ease-out;
    padding: 10px 0;
}

.our-ap-spec:hover i {
    color: #ffffff;
    cursor: pointer;
    -webkit-transition: box-shadow .3s ease-out;
}

.our-ap-spec h4 {
    margin: 0px 0px 0px 0px;
    font-size: 20px;
    color: #000000;
    display: block;
    font-weight: 500;
}

.our-ap-spec:hover h4 {
    color: #ffffff;
}

.our-ap-spec p {
    color: #959595 !important;
    font-size: 14px;
    line-height: 24px;
    margin: 0 0 0 0;
    padding: 15px;
    text-align: center;
}

.our-ap-spec:hover p {
    color: #fff !important;
}

.our {
    padding: 30px;
}

.our-ap-spec .animated-bdr {
    width: 1%;
    height: 3px;
    margin: auto;
    background: transparent;
    margin-top: 8rem;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.our-ap-spec:hover .animated-bdr {
    width: 100%;
    background: #ffffff;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.arrow-left {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-bottom: 50px solid transparent;
    border-right: 50px solid transparent;
    border-left: 50px solid rgba(101, 178, 216, 1);
}

.arrow-right {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-bottom: 50px solid transparent;
    border-left: 50px solid transparent;
    border-right: 50px solid rgba(101, 178, 216, 1);
}
/*fotter*/
.footer {
    padding: 0px 0 40px 0px;
    position: relative;
    margin: 0px 0;
}

    .footer:before {
        padding: 0px 0px;
        position: absolute;
        content: '';
        top: -2%;
        bottom: 0;
        width: 100%;
        right: 0;
        left: 0;
        background-color: #000; /* -webkit-clip-path: polygon(0 20%, 50% 0, 100% 20%, 100% 100%, 0 100%); */ /* clip-path: polygon(0 20%, 50% 0, 100% 20%, 100% 100%, 0 100%); */
        height: auto;
        z-index: -1;
    }

.footer-heading {
    margin: 100px 0 0 0px;
    padding: 0px;
    font-size: 32px;
    color: #fee202;
    font-weight: 300;
}

    .footer-heading:after {
        content: "";
        display: inline-block;
        margin-left: 10px;
        width: 68%;
        height: 1px;
        background-color: #ffffff;
    }

.footer-content {
    margin: 20% 0 5% 0px;
}

    .footer-content:hover i {
        background-color: #fff;
        color: #000;
        border: 1px solid transparent;
        box-shadow: 1px 3px 6px #80808066 !important;
        cursor: pointer;
        -webkit-transition: box-shadow .3s ease-out;
    }

    .footer-content i {
        color: #fee202;
        font-size: 26px;
        float: none;
        width: 58px;
        height: 58px;
        background-color: #30303000;
        margin: 0 auto;
        border-radius: 50%;
        display: grid;
        place-items: center;
        -webkit-transition: box-shadow .6s ease-out;
        border: 1px solid #fff;
    }

    .footer-content p {
        font-size: 14px;
        color: rgb(255, 255, 255) !important;
        line-height: 25px;
        font-weight: 500;
        margin: 7px 0 0 0px;
        padding: 0px 0px;
        display: block;
        text-align: center;
    }

.footer h3 {
    margin: 10px 0;
    font-weight: 300;
    font-size: 24px;
    color: #fee202;
    letter-spacing: 1px;
    text-transform: none;
    position: relative;
    padding-bottom: 12px;
}
/*footer form*/
#fh5co-footer {
    background: #2a3436;
}

    #fh5co-footer .fh5co-footer-links {
        padding: 0;
        margin: 0;
        font-size: 14px;
    }

        #fh5co-footer .fh5co-footer-links li {
            padding: 0;
            margin: 0 0 0px;
            list-style: none;
            width: 100%;
            float: left;
            margin-bottom: 8px;
        }

            #fh5co-footer .fh5co-footer-links li a {
                font-size: 15px;
                font-weight: 400;
                color: #fff;
                text-decoration: none;
                -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
                -moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
                -o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
                transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
            }

                #fh5co-footer .fh5co-footer-links li a:before {
                    content: "\f178";
                    margin-right: 10px;
                    font-family: FontAwesome;
                }

                #fh5co-footer .fh5co-footer-links li a:hover {
                    font-size: 15px;
                    font-weight: 400;
                    color: #ea3075;
                    text-decoration: none !important;
                    padding-left: 10px;
                    -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
                    -moz-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
                    -o-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
                    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
                }

    #fh5co-footer .fh5co-widget {
        color: #fff;
        font-size: 14px;
    }

        #fh5co-footer .fh5co-widget h3 {
            margin-bottom: 20px;
            font-weight: bold;
            font-size: 17px;
            color: #ffffff;
            letter-spacing: 1px;
            text-transform: uppercase;
            position: relative;
            padding-bottom: 5px;
        }

            #fh5co-footer .fh5co-widget h3 span.head-line {
                width: 100%;
                position: absolute;
                bottom: 0;
                left: 0;
                display: block;
                height: 1px;
                background-color: rgb(255, 255, 255);
                margin: 0;
            }

#fh5co-footer, .fh5co-section {
    padding: 30px 0 60px 0px;
    clear: both; /* margin-top: 50px; */
    border-top: solid 7px #ebebeb;
}

footer p, footer p a {
    color: #fff;
    display: inline-block;
}

    footer p a:hover, a:focus {
        color: #ea3075;
    }

.fh5co-social-icons {
    margin: 0;
    padding: 0;
    float: left;
}

    .fh5co-social-icons li {
        margin: 15px 0 0 0;
        padding: 0;
        list-style: none;
        display: -moz-inline-stack;
        display: inline-block;
        zoom: 1;
    }

        .fh5co-social-icons li a {
            display: -moz-inline-stack;
            display: inline-block;
            zoom: 1;
            color: #fff;
            padding-left: 10px;
            padding-right: 10px;
        }

            .fh5co-social-icons li a i {
                font-size: 20px;
                color: #ffffff;
            }

                .fh5co-social-icons li a i:hover {
                    color: #000000 !important;
                }

.fa-1x {
    font-size: 1.2em;
    margin-right: 10px;
    color: #ffffff;
}

footer p {
    float: left;
    font-size: 14px;
    margin-bottom: 0px;
    color: #fff !important;
}

.fsmalltxt {
    font-size: 14px;
    margin-left: 3px
}

.copyright {
    background-color: #ea3075;
    padding: 17px 0px;
    position: relative;
}

    .copyright:before {
        content: '';
        position: absolute;
        width: 32%;
        top: 0%;
        background-color: #ea3075;
        height: 100%;
        border-radius: 0 100px 0 0;
    }

    .copyright .block {
        display: inline-block;
        color: #fff;
        font-size: 14px;
        padding: 0px 0px;
        font-weight: 400;
    }

        .copyright .block a {
            color: #fff;
            text-decoration: none;
        }

            .copyright .block a:hover {
                color: #fff;
            }

.right {
    text-align: right;
}

.right-block {
    color: #fff !important;
    font-size: 100%;
}

.s_pace {
    margin-top: 30px;
    margin-bottom: 50px;
}
/*Custom css*/
#img-slide > div.owl-controls.clickable span {
    background-color: #000;
}

.pagenation-holder {
    color: #fff;
    float: left;
    margin: 0;
    font-size: 14px;
    padding: 15px 0 15px 0;
    width: 100%;
    background: #2a3436;
    position: relative;
    z-index: 998;
}

.pagenation_links {
    font-weight: bold;
    padding: 4px 0 0 0;
}

    .pagenation_links a {
        color: #fff;
    }

.pagenation-holder h4 {
    color: #fff;
    margin: 0px;
}

.section-padding {
    padding: 40px 0;
}

.vehicle-cover {
    float: left;
    width: 100%;
}

.vehicle-cover2 {
    float: left;
    width: 100%;
}

.vehicle {
    float: left;
    width: 100%;
    margin-bottom: 2%;
    padding: 1%0;
    border-bottom: 1px solid #c2c2c2;
}

.vehicle-h1 {
    float: left;
    width: 100%;
    color: #000;
    font-size: 16px;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
}

.vehicle-h2 {
    float: right;
    width: auto;
    color: #2a3436;
    font-size: 13px;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: italic;
    margin-top: 2%;
}

.vehicle-pic {
    text-align: center;
    float: left;
    width: 100%;
}

.vehicle-text {
    text-align: right;
    float: right;
    width: 100%;
    color: #2a3436;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
    font-style: italic;
    letter-spacing: normal;
    word-spacing: normal;
    white-space: normal;
}

.vehicle-box { /* text-align : left; */
    float: left;
    width: 100%;
    color: #2a3436;
    font-size: 13px;
    text-decoration: none;
    font-weight: 400;
}

.vehicle-boxlist {
    float: left;
    width: 100%;
    padding: 0 0 0 60px;
}

.vehicle-text2 {
    text-align: center;
    float: right;
    width: auto;
    margin-top: 2%;
}

.vehicle-0 {
    float: left;
    width: auto;
    margin-right: 10px;
    margin-top: 2px;
}

.vehicle-1 {
    float: left;
    width: auto;
    color: #bd0059;
    text-decoration: none;
}

.servicecvr {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

.service {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

    .service h2 {
        float: left;
        width: 100%;
        color: #2a3436;
        font-size: 28px;
        text-decoration: none;
        font-weight: bold;
        line-height: 26px;
        margin-top: 10px;
    }

    .service p {
        float: left;
        width: 100%;
        color: #2a3436;
        font-size: 17px;
        text-decoration: none;
        font-weight: 400;
        line-height: 30px;
        margin-bottom: 25px;
    }

    .service a {
        float: left;
        color: #FFF;
        font-size: 14px !important;
        padding: 10px 15px;
        margin-right: 10px;
        border-radius: 4px;
        background: #ea3075;
        border: none;
    }

        .service a:hover {
            background: #405aa8;
        }

.service2 {
    background: #405aa8 !important;
}

.service-h1 {
    float: left;
    width: 100%;
    color: #000;
    font-size: 17px;
    text-decoration: none;
    font-weight: normal;
    padding: 0;
    border-bottom: 1px solid #ccc;
    line-height: 26px;
}

.service-h1 {
    float: left;
    width: 100%;
    color: #000;
    font-size: 17px;
    text-decoration: none;
    font-weight: normal;
    padding: 0;
    border-bottom: 1px solid #ccc;
    line-height: 26px;
}

.service-cover {
    width: 603px;
    padding: 0;
    float: left;
    margin: 0;
}

.service-text {
    padding: 0;
    float: right;
    width: 100%;
    line-height: 24px;
    font-size: 14px;
    font-weight: 400;
    margin: 10px 0;
    color: #535353;
}

    .service-text img {
        float: left;
    }

.service-pic {
    float: left;
    width: 220px;
    padding: 0;
    margin-top: 0;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 0;
}

.con-boxcover {
    float: left;
    width: 100%;
}

.con-box {
    float: left;
    width: 40%;
    font-size: 15px;
    font-weight: normal;
    color: #494949;
    text-decoration: none;
    padding: 3% 4%;
    text-align: center;
}

.con-box-icon {
    float: left;
    width: 100%;
}

.con-box-text {
    float: left;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    margin: 4% 0 2% 0;
}

.con-box-text2 {
    float: left;
    width: 100%;
}

.bold {
    font-weight: bold;
    color: #1a1a1a;
}

.review-h1 {
    float: left;
    width: 100%;
    font-family: arial,"Myriad Pro",verdana;
    font-size: 24px;
    font-weight: normal;
    color: #6d0a0d;
    text-decoration: none;
    line-height: 20px;
    padding: 0;
    margin-top: 10px;
    margin-right: 0;
    margin-bottom: 20px;
    margin-left: 0;
}

.review-list {
    float: left;
    width: 50%;
    color: #1a4486;
    font-family: Arial;
    font-weight: bold;
    text-decoration: none;
    font-size: 16px;
    line-height: 36px;
}

.review-list2 {
    float: right;
    width: 40%;
    color: #1a4486;
    font-family: Arial;
    font-weight: bold;
    text-decoration: none;
    font-size: 16px;
    line-height: 36px;
    text-align: right;
}

.review2-box {
    float: left;
    width: 100%padding: 2% 0;
}

.review2-h1 {
    text-align: center;
    font-size: 20px;
    font-weight: normal;
    color: #2a8fd2;
    text-decoration: none;
    text-transform: uppercase;
    background-image: url(../images/line.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.review2-text {
    float: left;
    width: 100%;
    font-family: verdana,arial;
    font-size: 12px;
    font-weight: normal;
    color: #000;
    text-decoration: none;
    border-bottom: 1px solid #bababa;
    padding: 0 0 5px 0;
}

.review2-pic {
    float: left;
    width: 30%;
    text-align: center;
}

.review2-text2 {
    float: left;
    width: 100%;
}

.review2-arrow1 {
    float: left;
    width: 100%;
    text-align: left;
}

.review2-text3 {
    float: left;
    width: 100%;
    text-align: left;
}

.review2-arrow2 {
    float: left;
    width: 100%;
    text-align: right;
}

.review2-name {
    float: left;
    width: 100%;
    text-align: right;
    color: #2588cb;
    font-size: 14px;
    margin-top: 3%;
}

.review2-name2 {
    float: left;
    width: 100%;
    text-align: right;
    font-style: italic;
    color: #585858;
    font-size: 13px;
}

.test-form {
    width: 55%;
    margin-right: 180px;
    margin-left: 180px;
    padding: 20px;
    border: #c1c1c1 solid 1px;
    float: left;
    background-color: #eee;
}

.test-cover {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.test-name {
    float: left;
    width: 30%;
    margin-right: 20px;
    font-size: 14px;
}

.test-list {
    float: left;
    width: 65%;
}

.map {
    width: 100%;
    height: 250px;
    margin: 3% 0;
    border: none 0;
}

.Postbtn {
    font-size: 15px;
    font-weight: 400;
    color: #FFF;
    text-decoration: none;
    background: #2a3436;
    padding: 6px 20px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border: 0
}

    .Postbtn:hover {
        background: #000;
        border: 0;
        cursor: pointer
    }

.postfield, .postfield2 {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    font-weight: 400;
    color: #565656;
    padding: 5px 4px;
    float: left;
    text-decoration: none;
    font-size: 13px;
    background: #FFF
}

.postfield {
    width: 280px;
    border-radius: 3px;
    border: 1px solid #c8c8c8
}

.postfield2 {
    width: 200px;
    border-radius: 3px;
    border: 1px solid #c8c8c8
}

.postfield3 {
    width: 290px;
    float: left;
    font-size: 13px;
    font-weight: 400;
    color: #565656;
    text-decoration: none;
    padding: 5px 4px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    background: #FFF;
    border: 1px solid #c8c8c8
}

.contact-box1 {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0 0 15px;
    background-color: #fff;
}

    .contact-box1 i {
        float: left;
        width: 60px;
        height: 60px;
        margin: 10px 0;
        color: #fff;
        line-height: 60px;
        border-radius: 5px;
        background: #ea3075;
        text-align: center;
    }

.formerror, .payfield {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px
}

.contact-box1 span i {
    width: auto;
    height: auto !important;
    left: 55px;
    top: 35px;
    padding: 2px;
    font-size: 30px;
    line-height: 10px;
    background: #73c92d;
    position: absolute
}

.icon-set {
    float: left;
    padding: 5px 0 0
}

.contact-box1 h5 {
    float: left;
    font-size: 18px;
    color: #000;
    font-weight: 700;
    text-decoration: none;
    margin: 15px 15px 2px
}

.contact-box1 p {
    float: left;
    width: 80%;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    margin: 0 15px;
}

.formerror, .paymentbox-h1 {
    float: left;
    width: 100%;
    font-size: 18px;
    color: #FFF
}

.cont-map2 {
    width: 100%;
    height: 470px;
    margin: 10px 0;
    float: left
}

.required {
    border-color: Red
}

.formerror {
    font-weight: 400;
    text-decoration: none;
    padding: 5px 0;
    margin: 0 0 5%;
    border-radius: 3px;
    background: #dc0000
}

.paymentbox {
    float: left;
    width: 100%
}

.paymentbox-vehicle {
    float: right;
    width: 250px;
    height: 200px;
    margin: 20px 60px -260px 0;
    position: relative
}

.paymentbox-h1 {
    padding: 7px 2%;
    font-weight: 400;
    text-decoration: none;
    background: #323232;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    -khtml-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0
}

.paymentbox-listc1, .paymentbox-listc2 {
    width: 100%;
    padding: 7px 2%;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    float: left
}

.payfield, .payfield3, .paymentbox-listc1, .paymentbox-listc2 {
    color: #2a3436;
    text-decoration: none
}

.paymentbox-listc1 {
    background: #eee
}

.paymentbox-listc2 {
    background: #d8d8d8
}

.paymentbox-list1 {
    float: left;
    width: 25%;
    margin: 7px 0 0
}

.paymentbox-list2 {
    float: left;
    width: 70%
}

.payfield {
    width: 340px;
    float: left;
    font-size: 13px;
    font-weight: 400;
    padding: 7px 5px;
    border-radius: 3px;
    background: #FFF;
    border: 1px solid #686868
}

.payfield2, .payfield3 {
    font-size: 13px;
    font-weight: 400;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    background: #FFF
}

.payfield3 {
    padding: 5px;
    border-radius: 3px;
    border: 1px solid #686868
}

.payfield2 {
    width: 80px;
    float: left;
    color: #565656;
    text-decoration: none;
    padding: 7px 5px;
    border-radius: 3px;
    border: 1px solid #686868
}

.paybtn, .paymentdefault {
    font-size: 15px;
    color: #FFF;
    font-weight: 400;
    text-decoration: none
}

.paybtn {
    float: right;
    background: #000;
    padding: 6px 20px;
    margin: 0 0 0 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border: 0
}

.paypalcard {
    float: left;
    width: 99.9%;
    padding: 10px 0;
    text-align: center;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.paymentdefault {
    float: right;
    margin: 0;
    font-size: 15px;
    font-weight: normal;
    color: #FFF;
    text-decoration: none;
}

.pay-pre {
    float: left;
    margin: 8px 0 0 10px;
    font-size: 18px;
    font-weight: normal;
    color: #356734;
    text-decoration: none;
}
/*our mission*/
.our-mission {
    float: left;
    width: 100%;
    padding: 60px 0;
    background-color: #eee !important;
}

    .our-mission .mission-banner img {
        width: 100%;
    }

    .our-mission h1 {
        font-size: 50px;
        font-weight: bold;
        text-align: left;
        text-transform: uppercase;
        margin-bottom: 15px;
        background-image: url(../images/heading-style.png);
        background-repeat: no-repeat;
        padding: 24px 0 0px 0;
        background-position: left top;
        color: #ea3075;
    }

        .our-mission h1 span {
            color: #2a3436;
        }

    .our-mission p {
        color: #2a3436;
        font-size: 15px;
        font-weight: 400;
        text-align: left;
        line-height: 24px;
    }

.readbtn {
    float: left;
    color: #fff;
    font-size: 16px !important;
    padding: 10px 25px;
    margin-top: 7px;
    background: #2a3436;
    border: 1px solid #2a3436;
    border-radius: 5px;
}

    .readbtn:hover {
        color: #fff;
        background: #ea3075;
        border: 1px solid #ea3075;
    }
/*our services */
section.our-services {
    float: left;
    padding: 0 0 60px 0;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    width: 100%;
    max-width: 100%;
}

    section.our-services .main-text {
        text-align: center;
        margin-bottom: 90px;
    }

        section.our-services .main-text h2, section.our-services .main-text h3 {
            margin: 0;
            text-transform: uppercase;
            font-weight: 400;
        }

        section.our-services .main-text h2 {
            background: #c3a932;
            margin-bottom: 1px;
            color: #000;
        }

        section.our-services .main-text h3 {
            color: #c3a932;
            background: #000;
            font-size: 26px;
            letter-spacing: 0.5px;
            line-height: 45px;
        }

    section.our-services .o-services {
        position: relative;
        padding: 15px;
        border: solid 2px #ea3075;
        border-radius: 5px
    }

        section.our-services .o-services i {
            font-size: 50px;
            line-height: 60px;
            margin: 0;
            color: #405aa8;
            position: absolute;
            left: 20px;
            top: 20px;
        }

        section.our-services .o-services span {
            padding-left: 90px;
            padding-top: 0px;
            padding-right: 0px;
            display: block;
        }

            section.our-services .o-services span h3 {
                font-weight: 600;
                text-transform: uppercase;
                color: #405aa8;
                margin-bottom: 10px;
                font-size: 20px;
                line-height: 26px;
                letter-spacing: 1px;
            }

            section.our-services .o-services span a {
                text-transform: uppercase;
                color: #405aa8;
                font-size: 14px;
                line-height: 22px;
                font-family: 'Roboto', sans-serif;
            }

        section.our-services .o-services:hover {
            background-color: rgba(234,48,117, 0.1);
            cursor: pointer;
        }

        section.our-services .o-services span a:hover {
            padding-left: 50px;
        }

        section.our-services .o-services span a:after {
            content: "\f105";
            font-family: 'FontAwesome';
            margin-left: 5px;
        }
/*socail links */
ul.socail-links {
    list-style-type: none;
    float: right;
    margin-top: 15px;
}

    ul.socail-links li {
        display: inline-block;
        padding: 0;
    }

        ul.socail-links li a {
            float: left;
            width: 30px;
            height: 30px;
            color: #FFF;
            text-align: center;
            background-color: #405aa8;
            border-radius: 100px;
            line-height: 32px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            ul.socail-links li a:hover {
                color: #fff;
                background-color: #ea3075;
            }
/*contact with us*/
ul.contact-with-us {
    list-style-type: none;
    float: right;
    margin-top: 10px;
}

    ul.contact-with-us li {
        float: left;
        display: inline-block;
        margin: 0;
        padding: 0px;
    }

        ul.contact-with-us li a {
            color: #fff;
            font-size: 17px;
        }

            ul.contact-with-us li a:hover {
                color: #fff;
            }

            ul.contact-with-us li a i {
                color: #fff;
                margin-right: 10px;
            }

.login-user {
    float: right;
    color: #FFF;
    font-size: 14px !important;
    padding: 10px 15px;
    border-radius: 4px;
    background: #ea3075;
    border: none;
}

    .login-user:hover {
        color: #fff !important;
        background: #405aa8;
        border: none;
    }

.padding-less {
    padding-left: 0px;
    padding-right: 0px;
}

.padding-less-l {
    padding-left: 0px;
}

.padding-less-r {
    padding-right: 0px;
}

.home-section {
    padding-top: 100px;
    padding-bottom: 100px;
    display: block;
    position: relative;
    z-index: 99;
}

.inner-section {
    padding-top: 110px;
    padding-bottom: 110px;
}

.home-section.nopadd-bot {
    padding-bottom: 0;
}

.section-heading h2 {
    font-size: 24px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.section-heading p {
    font-weight: 300;
    font-size: 20px;
    line-height: 1.6em;
}

.color-dark .section-heading h2 {
    color: #222;
    font-weight: 600;
}

.color-dark .section-heading p {
    color: #444;
}

.color-dark .divider-short {
    background: #666;
}

.color-dark .divider-header {
    background: #ea3075;
}

.divider-header {
    display: block;
    width: 80px;
    height: 2px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.color-light .divider-short {
    background: #666;
}

.color-light .divider-header {
    background: #666;
}

.color-light .section-heading h2 {
    color: #fff;
}

.color-light .section-heading p {
    color: #fefefe;
}

.color-light blockquote, .color-light p {
    color: #fefefe;
}

.serbox {
    padding: 0 0 0px 0;
    text-align: center;
    line-height: 24px;
}

.serboxtxt {
    padding: 25px 0 0 0;
    text-align: center;
    line-height: 24px;
    border-radius: 0% 0% 20% 20%;
}

    .serboxtxt:after {
    }

.serbox ul {
    text-align: left;
    margin: 10px 20px 0 50px;
}

    .serbox ul li {
        color: #fff;
        font-weight: 300;
        font-size: 15px !important;
        line-height: 20px;
        margin-bottom: 6px;
    }

.serbox h2 {
    margin: 0 0 20px 0;
    color: #2a3436;
    font-size: 28px;
    font-weight: bold;
    text-decoration: none;
    line-height: 18px;
}

.serbox p {
    margin: 0 0 20px 0;
    color: #2a3436;
    font-size: 17px;
    font-weight: 400;
    text-decoration: none;
    line-height: 28px;
}

.serboxtxt2 {
    height: 300px;
    padding: 25px 0 0 0;
    background: #405aa8;
    text-align: center;
    line-height: 24px;
    border-radius: 0% 0% 20% 20%;
}

    .serboxtxt2 h2 {
        margin: 0 0 20px 0;
        color: #fff;
        font-size: 24px;
        font-weight: 400;
        text-decoration: none;
        line-height: 18px;
    }

    .serboxtxt2 p {
        padding: 0 30px;
        color: #fff;
        font-size: 15px;
        font-weight: 300;
        text-decoration: none;
        line-height: 28px;
        text-align: left;
    }

.marginbot-50 {
    margin-bottom: 20px !important;
}

th {
    text-align: center;
}

td, th {
    padding: 3px;
}

@media only screen and (max-width:1680px) {
}

@media only screen and (max-width:1600px) {
}

@media only screen and (max-width:1440px) {
}

@media only screen and (max-width:1366px) {
}

@media only screen and (max-width:1280px) {
}

@media only screen and (min-width: 1024px) and (max-width:1199px) {
    .main-ap li {
        margin: 2% 2% 0px 0px;
        width: 48%;
    }

    section.our-services .o-services span h3 {
        letter-spacing: 0px;
        font-size: 16px;
    }

    section.our-services .o-services {
        padding: 10px;
    }

        section.our-services .o-services i {
            left: 15px;
        }

        section.our-services .o-services span a:hover {
            padding-left: 10px;
        }

        section.our-services .o-services span a:after {
            margin-left: 5px;
        }
}

@media only screen and (min-width: 992px) and (max-width:1023px) {
    .main-ap li {
        margin: 0px 2% 0px 0px;
        width: 48%;
    }

    .our-mission h1 {
        font-size: 34px;
    }

    section.our-services .o-services span h3 {
        letter-spacing: 0px;
        font-size: 16px;
    }

    section.our-services .o-services {
        padding: 10px;
    }

        section.our-services .o-services i {
            left: 15px;
        }

        section.our-services .o-services span a:hover {
            padding-left: 10px;
        }

        section.our-services .o-services span a:after {
            margin-left: 5px;
        }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #owl-demo .item img {
        display: block;
        /* width: 100%; */
        height: 1500px;
        max-height: 1100px;
    }

    header .logo a img {
        max-width: 100%;
        display: block;
        margin: 0 auto;
    }

    .padding-less {
        display: block;
        text-align: center;
    }

    ul.socail-links {
        float: none;
        display: inline;
        margin-top: 0px;
    }

    ul.contact-with-us {
        float: none;
        display: inline-block;
        margin-top: 10px;
    }

    .top-contact {
        margin: 18px 0px 0px 0px;
        display: inline-block;
        float: none;
        text-align: center;
        margin: 0 auto;
    }

        .top-contact ul {
            float: left;
            text-align: center;
            margin: 7px auto;
            width: 100%;
        }

            .top-contact ul li {
                float: none;
                line-height: 22px;
            }

                .top-contact ul li h4 {
                    text-align: left;
                }

    .navbar-default .navbar-nav > li > a {
        padding: 12px 15px 12px 15px;
    }

    .hero, .item:after {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 0 100%) !important;
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 0 100%) !important;
    }

    .main-ap li {
        margin: 2% 2% 0px 0px;
        width: 48%;
    }

    .serbox {
        margin-bottom: 15px;
    }

        .serbox img {
            width: 100%;
        }

    .serbox2 img {
        width: auto !important;
    }

    .serboxtxt {
        border-radius: 0 0 15px 15px;
    }

    .panel-group h2 {
        margin-top: 15px;
    }

    section.our-services .o-services {
        margin-bottom: 15px;
    }
}





@media only screen and (max-width: 767px) {
    #owl-demo .item img {
        display: block;
        /* width: 100%; */
        height: 1400px;
        max-height: 1000px;
    }

    .slider-content h2 {
        /* width:100%; */
        /* float:left; */
        font-size: 27px;
        color: #ea3075;
        font-weight: bold;
        text-decoration: none;
        text-align: center;
        letter-spacing: 0px;
        margin-top: 0;
        margin-bottom: 30px;
        border-radius: 4px;
        background: rgb(255 255 255 / 80%);
        padding: 10px 28px;
        display: flex;
        align-items: center;
    }

    header .logo a img {
        max-width: 100%;
        display: block;
        margin: 0 auto;
    }

    .padding-less {
        display: block;
        text-align: center;
    }

    ul.socail-links {
        float: none;
        display: inline;
        margin-top: 0px;
    }

    ul.contact-with-us {
        float: none;
        display: inline-block;
        margin-top: 10px;
    }

    .top-contact {
        margin: 18px 0px 0px 0px;
        display: inline-block;
        float: none;
        text-align: center;
        margin: 0 auto;
    }

        .top-contact ul {
            float: left;
            text-align: center;
            margin: 7px auto;
            width: 100%;
        }

            .top-contact ul li {
                float: none;
                line-height: 22px;
            }

                .top-contact ul li h4 {
                    text-align: left;
                }

    .navbar.navbar-default {
        display: block !important;
        width: 100%;
        border-radius: 0px;
    }

    .navbar-nav {
        float: none;
    }

    .navbar-default .navbar-toggle {
        border-color: #2061b6;
        background-color: #1867b4 !important;
    }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: #fff;
        }

    .navbar-default .navbar-nav > li > a {
        display: block;
    }

    .hero, .item:after {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 0 100%) !important;
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 0 100%) !important;
    }

    .main-ap li {
        margin: 2% 2% 0px 0px;
        width: 48%;
    }

    .serbox {
        margin-bottom: 15px;
    }

        .serbox img {
            width: 100%;
        }

    .serbox2 img {
        width: auto !important;
    }

    .serboxtxt {
        border-radius: 0 0 15px 15px;
    }

    .panel-group h2 {
        margin-top: 15px;
    }

    .readbtn {
        display: inline-block;
        float: none;
    }

    section.our-services .o-services {
        margin-bottom: 15px;
    }

    .copyright:before {
        display: none;
    }

    .copyright .block {
        text-align: center;
        display: block;
    }

    .right {
        text-align: center;
    }
}

@media only screen and (max-width: 680px) {
}

@media only screen and (max-width: 480px) {
    #owl-demo .item img {
        display: block;
        /* width: 100%; */
        height: 1400px;
        max-height: 1000px;
    }

    .slider-content h2 {
        /* width:100%; */
        /* float:left; */
        font-size: 20px;
        color: #fff;
        font-weight: bold;
        text-decoration: none;
        text-align: center;
        letter-spacing: 1px;
        margin-top: 50px;
        margin-bottom: 30px;
        border-radius: 4px;
        background: rgb(234, 48, 117, 0.8);
        padding: 10px 40px;
        display: inline-block;
    }

    .slider-content p {
        width: 100%;
        float: left;
        font-size: 15px;
        color: #fff;
        font-weight: 400;
        text-decoration: none;
        text-align: center;
        line-height: 22px;
        padding: 0 30px;
        letter-spacing: 0.5px;
    }

    .translate {
        padding: 12.5px 7px;
    }

    ul.contact-with-us {
        float: none;
        display: inline-block;
    }

    ul.socail-links {
        float: none;
        display: block;
        margin-top: 0px;
    }

    .top-contact ul {
        text-align: left;
    }

        .top-contact ul li {
            margin-left: 0;
            margin-top: 12px;
            display: inline-block;
        }

    .main-ap li {
        margin: 2% 0% 0px 0px;
        width: 100%;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
}

@media (-webkit-max-device-pixel-ratio) {
}

.contactpage {
    float: left;
    width: 100%;
}

    .contactpage h2 {
        float: left;
        width: 100%;
        font-size: 30px;
        color: #ea3075;
        font-weight: bold;
        text-decoration: none;
        margin: 0px 0 10px 0;
    }

    .contactpage h3 {
        float: left;
        width: 100%;
        font-size: 24px;
        color: #2a3436;
        font-weight: bold;
        text-decoration: none;
        margin: 0px 0 10px 0;
    }

    .contactpage p {
        float: left;
        width: 100%;
        font-size: 15px;
        color: #2a3436;
        font-weight: 400;
        text-decoration: none;
        margin: 0px 0 10px 0;
    }

.contactpagelist {
    float: left;
    width: 100%;
    font-size: 15px;
    color: #2a3436;
    font-weight: 500;
    text-decoration: none;
    margin: 0px 0 10px 0;
    padding: 5px 0 5px 15px;
    border-left: solid 2px #ea3075;
}

    .contactpagelist a {
        float: initial;
        font-size: 15px !important;
        color: #ea3075 !important;
        font-weight: 500 !important;
        text-decoration: none !important;
        background: transparent !important;
        border: none;
        margin: 0 !important;
        padding: 0 !important;
    }

        .contactpagelist a:hover {
            color: #405aa8 !important;
            text-decoration: underline !important;
            border: none;
        }

.contactpage a {
    float: left;
    color: #FFF;
    font-size: 17px;
    padding: 10px 25px;
    border-radius: 4px;
    background: #ea3075;
    border: none;
    margin: 10px 15px 25px 0px;
}

    .contactpage a:hover {
        color: #fff;
        background: #405aa8;
        border: none;
    }

.contactpage p a {
    float: initial;
    font-size: 15px;
    color: #ea3075;
    font-weight: 500;
    padding: 0;
    border-radius: 4px;
    border: none;
    margin: 0;
    background: transparent;
}

    .contactpage p a:hover {
        float: initial;
        font-size: 15px;
        color: #405aa8 !important;
        font-weight: 500;
        text-decoration: underline;
        padding: 0;
        border-radius: 4px;
        border: none;
        margin: 0;
        background: transparent;
    }

.contactpagebox {
    float: left;
    width: 100%;
    margin: 30px 0 0px 0;
    padding: 0;
    border-top: solid 2px #ea3075;
}

    .contactpagebox h2 {
        float: left;
        width: 100%;
        font-size: 24px;
        color: #2a3436;
        font-weight: bold;
        text-decoration: none;
        margin: 10px 0 10px 0;
    }

    .contactpagebox p {
        float: left;
        width: 100%;
        font-size: 15px;
        color: #2a3436;
        font-weight: 400;
        text-decoration: none;
        line-height: 24px;
    }

    .contactpagebox a {
        float: initial;
        font-size: 15px;
        color: #ea3075;
        font-weight: 500;
        padding: 0;
        border-radius: 4px;
        border: none;
        margin: 0;
    }

        .contactpagebox a:hover {
            color: #405aa8;
            text-decoration: underline;
        }

    .contactpagebox p span {
        color: #ea3075;
    }

.numbercvr {
    width: 100%;
    float: right;
    text-align: center;
    margin-top: 22px;
}

    .numbercvr a {
        color: #FFF;
    }

        .numbercvr a:hover {
            color: #000;
        }

.number {
    padding: 10px 0;
    font-size: 28px;
    font-weight: 700;
    color: #FFF;
    text-decoration: none;
    background: #ea3075;
    border-top: solid 6px #2a3436;
    text-align: center;
}

.number2 {
    color: #FFF;
    font-size: 20px;
    font-weight: 400;
}

.contentpage a {
    float: initial;
    font-size: 15px;
    color: #ea3075;
    font-weight: 500;
    padding: 0;
    border-radius: 4px;
    border: none;
    margin: 0;
    background: transparent;
}

    .contentpage a:hover {
        float: initial;
        font-size: 15px;
        color: #405aa8 !important;
        font-weight: 500;
        text-decoration: underline;
        padding: 0;
        border-radius: 4px;
        border: none;
        margin: 0;
        background: transparent;
    }

.air-prices {
    width: 60%;
    margin: 0 auto;
}

    .air-prices table {
        width: 100%;
        margin: 20px 0 10px 0;
    }

    .air-prices thead th {
        font-size: 24px;
        color: #2a3436;
        font-weight: 500;
        text-decoration: none;
        background: #405aa8;
        color: #fff;
    }

    .air-prices tr {
        background: #f4f7f8;
        border-bottom: 1px solid #fff;
        margin-bottom: 5px;
    }

        .air-prices tr:nth-child(even) {
            background: #e8eeef;
        }

    .air-prices th, td {
        text-align: left;
        padding: 10px 15px;
        font-size: 16px;
        font-weight: 400;
    }

#cookie-msg{
    z-index:999;
}