/*--------------------------------------------------------------------------------------
Theme Name: Carries
Theme URI: http://devitfamily.com
Author URI: http://devitfamily.com
Description: 100% Responsive, Highly Customizable, SEO Friendly transportation and Agency Based Template using Twitter Bootstrap Latest, Search Engine Friendly.
Author: OCREATES
Version: 1.0
----------------------------------------------------------------------------------------
   1. BASE CSS
    2. TOP AREA
        2.1. SEARCH AND LANGUAGE
        2.2 MAINMENU AREA
        2.3 WELCOME TEXT AREA
        2.4 WELCOME SLIDER AREA
    3. BLOG AREA
    4. ABOUT AREA
    5. SERVICE AREA
    6. SERVIE BOTTOM AREA
    7. PROMO AREA
    8. PROMO BOTTOM AREA
    9. TESTMONIAL AREA
    10. FOOTER AREA
    11. FAQS AREA
    12. ABOUT DETAILS CONTENT AREA
    13. REPORT AREA
    14. TEAM AERA
    15. SERVICE TWO 
    16. SERVICE THREE
    17. CONTACT AREA
    18. FOOTER AREA
    19. SCROLL TO TOP
    20. WELCOME SLIDER AREA
    21. BLOG PAGE
    22. SERVICE PAGE
    23. 404 ERROR PAGE
    ----------------------------------------------------------------------------------------*/

/*--------------------
   1. BASE CSS
   ----------------------*/

   @import url('https://fonts.googleapis.com/css?family=Roboto:400,500,500i,700');
   .alignleft {
    float: left;
    margin-right: 15px;
}

.alignright {
    float: right;
    margin-left: 15px;
}

.aligncenter {
    display: block;
    margin: 0 auto 15px;
}

a {
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

a:focus,
a:hover {
    outline: 0 solid;
    text-decoration: none;
}

ul,
ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

button:focus {
    outline: 0;
}

img {
    max-width: 100%;
    height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #3c4a62;
    margin:  15px 0 15px 0;
    font-weight: 700;
    line-height: 1.4em;
    text-transform: uppercase;
    position: relative;
}

h2 {
    font-size: 36px;
}

html,
body {
    height: 100%
}

body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 1.7em;
    font-weight: 400;
    color: #687284;
    direction: ltr;
}

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

a {
    color: #5d6b82;
}

.fix {
    overflow: hidden;
}

.relative {
    position: relative;
    overflow: hidden;
}

.absulute {
    position: absolute;
}

.v-center {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.content-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.flex-v-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.social-bookmark li {
    display: inline;

}

.social-bookmark li a {
    background: #d7d7d7 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    height: 40px;
    margin: 0 2px;
    padding-top: 9px;
    text-align: center;
    width: 40px;
}

.social-bookmark li a:hover {
    background: #fe8886none repeat scroll 0 0;
    color: #fff;
}

.inline li {
    display: inline;
}

.inline-block li {
    display: inline-block;
    padding: 5px 15px;
}

.navbar-toggle {
    border: 2px solid #fe8886;
    border-radius: 0;
}

.navbar-toggle .icon-bar {
    background: #fe8886none repeat scroll 0 0;
}

.no-margin {
    margin: 0;
}

.no-padding {
    padding: 0;
}

.border {
    border: 1px solid #ddd;
}

.border-left {
    border-left: 1px solid #ddd;
}

.border-right {
    border-right: 1px solid #ddd;
}

.border-top {
    border-top: 1px solid #ddd;
}

.border-bottom {
    border-bottom: 1px solid #ddd;
}


/* Remove Chrome Input Field's Unwanted Yellow Background Color */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

.area-title {
    margin-bottom: 50px;
    position: relative;
}

.area-title h2 {
    display: inline-block;
    font-size: 40px;
    letter-spacing: 2px;
    line-height: 1;
    margin-bottom: 30px;
    padding-bottom: 20px;
    position: relative;
    text-transform: uppercase;
}

.area-title h2::before,
.area-title h2::after {
    background: rgba(0, 0, 0, 0) url("img/title-border.png") repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100px;
}

.area-title h2::after {
    background: #fe8886none repeat scroll 0 0;
    height: 4px;
    width: 20px;
}

.section-padding {
    padding: 100px 0;
}

.padding-top {
    padding-top: 100px;
}

.padding-bottom {
    padding-bottom: 100px;
}

.padding-100-70 {
    padding-top: 100px;
    padding-bottom: 70px;
}

.padding-100-50 {
    padding-top: 100px;
    padding-bottom: 50px;
}

.gray-bg {
    background: #f7f9fc;
}

.deep-gray-bg {
    background: #eff1ff;
}

.dark-bg {
    background: #5d6b82;
    color: #ffffff;
}

.red-bg {
    background: #fe8886;
    color: #ffffff;
}

.blue-bg {
    background: #0083ff;
    color: #ffffff;
}

.soft-blue-bg {
    background: #7db9e8;
    color: #ffffff;
}

.dark-bg .area-title h2 {
    color: #ffffff;
}

/*--------------------------
    2. TOP AREA
    ---------------------------*/

    .top-area {
        height: 100%;
        position: relative;
        width: 100%;
    }

    .top-area-bg {
        background: rgba(0, 0, 0, 0) url("img/slider/slide_1.jpg") no-repeat scroll center center / cover;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .top-area-bg::after {
        background: #3c4147;
        content: "";
        height: 100%;
        left: 0;
        opacity: 0.9;
        position: absolute;
        top: 0;
        width: 100%;
    }


/*---------------------------------
    2.1. SEARCH AND LANGUAGE
    ----------------------------------*/

    .search-and-language-bar {
        margin-left: 20px;
        /*margin-top: 30px;*/
        margin-top: 10px;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;

    }

    .is-sticky .search-and-language-bar {
        margin-top: 10px;
    }

    .search-and-language-bar ul li {
        color: #fe8886;
        cursor: pointer;
        display: inline-block;
        line-height: 1;
        padding: 10px;
    }

    .search-and-language-bar ul li a {
        color: #fe8886;
        display: block;
    }

    .search-box {
        position: relative;
    }

    .search-form {
        background: #fff none repeat scroll 0 0;
        border-radius: 5px;
        top: 50px;
        height: 60px;
        position: absolute;
        right: 0;
        width: 280px;
        display: none;
        z-index: 9999;
    }

    .is-sticky .search-form {
        top: 50px;
    }

    .search-form input {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 center;
        border: 1px solid #fe8886;
        color: #333;
        height: 40px;
        left: 11px;
        padding: 10px;
        position: absolute;
        top: 10px;
        width: 77%;
    }

    .search-form button {
        background: transparent none repeat scroll 0 0;
        border: 1px solid #fe8886;
        color: #fe8886;
        font-size: 20px;
        height: 40px;
        padding: 7px 12px;
        position: absolute;
        right: 10px;
        top: 10px;
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

    .search-form button:hover {
        background: #fe8886none repeat scroll 0 0;
        color: #fff;
    }

    .select-language select {
        background: #fe8886;
        /*border: 0 none;*/
        border-radius: 5px;
        padding: 2px;
        color: white;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        position: relative;
        border: 1px solid #fe8886;

    }

/*---------------------------------
    2.2 MAINMENU AREA
    -----------------------------------*/

    .header-top-area {
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 999;
    }


    .mainmenu-area {
        border-bottom: 1px solid rgba(243, 156, 18, .4);
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 9999;
    }

    .navbar-header {
        /*margin-top: 14px;*/
        margin-top: -2px;
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

    .navbar {
        border-bottom: 0 none;
        border-top: 0 none;
        margin-bottom: 0;
    }

    .navbar-brand > img {
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

    .is-sticky .navbar-brand > img {
       width: 250px;
   }

   ul#nav {
   /* float: right;
   clear: both;*/
   -webkit-transition: 0.3s;
   transition: 0.3s;
   display: flex;
   justify-content: flex-end;
   width: 100%;


}

ul#nav li a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #fff;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 40px 15px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

ul#nav li a:hover,
ul#nav li.active a {
    color: black;  /*#fe8886*/
}

.is-sticky ul#nav li a {
    padding: 20px 15px;
    color: white;
    font-weight: bold;
}

.is-sticky ul#nav li a:hover,
.is-sticky ul#nav li.active a {
    color: black;
}

.is-sticky .navbar-header {
    margin-top: -10px;
}

.is-sticky .mainmenu-area {
    /*background: #212121;*/
    background-color: #fff;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
    z-index: 99999;
}

.menu-toggle.full {
    border: 1px solid;
    height: 40px;
    letter-spacing: 2px;
    padding-top: 8px;
    position: absolute;
    right: 15px;
    text-align: center;
    top: 20px;
    width: 110px;
    color: #fe8886!important;
}

.is-sticky .menu-toggle.full {
    top: 8px;
}

ul#nav li ul a,
.is-sticky ul#nav li ul a {
    border-bottom: 1px solid #1a1a1a;
    padding: 10px;
    padding-left: 15px;
    font-size: 13px;
}

/*-----------------------------------
    2.3 WELCOME TEXT AREA
    -------------------------------------*/

    .welcome-area {
        color: #ffffff;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 100px;
        width: 100%;
    }

    .welcome-text h1 {
        color: #ffffff;
        font-size: 60px;
        letter-spacing: 5px;
        line-height: 1.3;
        margin-bottom: 30px;
        text-transform: uppercase;
    }

    .welcome-text h4 {
        font-size: 20px;
        letter-spacing: 8px;
        text-transform: uppercase;
    }

    .home-button {
        margin-top: 60px;
        height: auto !important;
    }

    .home-button a {
        border: 2px solid;
        border-radius: 3px;
        color: #fff;
        letter-spacing: 2px;
        padding: 12px 30px;
        text-transform: uppercase;
    }

    .home-button a:last-child {
        margin-left: 20px;
    }

    .home-button a:hover {
        background: #fe8886none repeat scroll 0 0;
        border-color: #fe8886;
        color: #ffffff;
    }

    .home-mockup > img {
        max-width: 50%;
    }

/*------------------------------
    2.4 WELCOME SLIDER AREA
    --------------------------------*/

    .welcome-slider-area {
        height: 100%;
        position: relative;
        z-index: 9;
    }

    .welcome-slider-area.owl-carousel div:not(.owl-controls) {
        height: 100%;
    }

    .welcome-single-slide {
        z-index: 9;
        position: relative;
    }

    .welcome-single-slide:before {
        background: #3c4147;
        content: "";
        height: 100%;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1;
    }

    .welcome-slider-area .welcome-text {
        color: #FFFFFF;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 100px;
    }

    .welcome-text h4 {
        margin-bottom: 30px;
    }

    .welcome-text h2 {
        color: #fff;
        line-height: 1;
        margin-bottom: 30px;
    }

    .welcome-slider-area.home-button {
        height: auto !important;
    }

    .owl-item.active .welcome-single-slide .welcome-text h1 {
        -webkit-animation: 1s ease 0.5s normal both 1 running fadeInUp;
        animation: 1s ease 0.5s normal both 1 running fadeInUp;
    }

    .owl-item.active .welcome-single-slide .welcome-text p {
        -webkit-animation: 1s ease 0.8s normal both 1 running fadeInUp;
        animation: 1s ease 0.8s normal both 1 running fadeInUp;
    }

    .owl-item.active .welcome-single-slide .home-button {
        -webkit-animation: 1s ease 1s normal both 1 running fadeInUp;
        animation: 1s ease 1s normal both 1 running fadeInUp;
    }

    .slider-bg-one {
        background: url(img/slider/slide_1.jpg) no-repeat scroll center center / cover;
    }

    /*.slider-bg-two {
        background: url(img/slider/slide_2.jpg) no-repeat scroll center center / cover;
    }*/

    .slider-bg-three {
        background: url(img/slider/slide_3.jpg) no-repeat scroll center center / cover;
    }

    .slider-bg-four {
        background: url(img/slider/slide_4.jpg) no-repeat scroll center center / cover;
    }

    .slider-bg-five {
        background: url(img/slider/slide_5.jpg) no-repeat scroll center center / cover;
    }

    .slider-bg-five {
        background: url(img/slider/slide_6.jpg) no-repeat scroll center center / cover;
    }
    .welcome-slider-area.owl-carousel .owl-nav > div {
        background: #fff none repeat scroll 0 0;
        display: inline-block;
        font-size: 30px;
        height: 40px;
        margin: 0 5px;
        padding-top: 5px;
        text-align: center;
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        width: 40px;
    }

    .welcome-slider-area.owl-carousel .owl-controls {
        bottom: 7%;
        position: absolute;
        right: 8.4%;
    }

    .welcome-slider-area.owl-carousel .owl-nav > div:hover {
        background: #fe8886none repeat scroll 0 0;
        color: #fff;
    }

/* ----------------------------
    3. BLOG AREA
    ------------------------------ */

    .single-blog {
        border-radius: 5px;
        -webkit-box-shadow: 0 3px 7px #ddd;
        box-shadow: 0 3px 7px #ddd;
        overflow: hidden;
    }

    .blog-details {
        background: #fff none repeat scroll 0 0;
        padding: 30px 20px;
        position: relative;
    }

    .blog-meta {
        background: #fe8886none repeat scroll 0 0;
        border-radius: 0 50px 50px 0;
        font-size: 24px;
        height: 50px;
        left: 0;
        position: absolute;
        text-align: center;
        top: -25px;
        width: 70px;
    }

    .blog-meta a {
        color: #fff;
        display: block;
        height: 100%;
        padding-top: 13px;
        width: 100%;
    }

    .blog-details h3 {
        font-size: 18px;
        margin-bottom: 20px;
        text-transform: uppercase;
    }

    .read-more {
        background: #5d6b82 none repeat scroll 0 0;
        border-radius: 5px;
        color: #fff;
        display: inline-block;
        height: 40px;
        margin-top: 15px;
        padding: 7px 25px;
        text-align: center;
        width: 140px;
    }

    .read-more:hover,
    .read-more:focus {
        background: #fe8886;
        color: #fff;
    }

    .blog-details h3 a {
        color: #3c4a62;
    }

    .blog-details h3 a:hover,
    .blog-details h3 a:focus {
        color: #fe8886;
    }

/* ----------------------------
    4. ABOUT AREA
    ------------------------------ */

    .quote-form-area {
        background: #eef1f5 none repeat scroll 0 0;
        padding: 30px 20px;
    }

    .quote-form input {
        margin-bottom: 10px;
    }

    .quote-form .width-full input {
        border: 0 none;
        padding: 10px;
        width: 100%;
    }

    .quote-form .width-half input {
        border: 0 none;
        padding: 10px;
        width: 47%;
    }

    .quote-form textarea {
        border: 0 none;
        height: 120px;
        margin-bottom: 10px;
        padding: 10px;
        width: 100%;
    }


    .quote-form button {
        background: #5d6b82 none repeat scroll 0 0;
        border: 0 none;
        border-radius: 5px;
        color: #fff;
        letter-spacing: 2px;
        padding: 10px 20px;
        text-transform: uppercase;
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

    .quote-form button:hover {
        background: #fe8886;
        color: #fff;
    }

    .about-content h2 {
        margin-bottom: 30px;
    }

    .about-content a {
        display: inline-block;
        margin-top: 20px;
    }

    .about-content a:hover {
        color: #fe8886;
    }

    .about-content a i {
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

    .about-content a:hover i {
        padding-left: 10px;
    }

    .about-count {
        margin-top: 80px;
    }

    .single-about-count {
        background: #fff none repeat scroll 0 0;
        float: left;
        padding: 30px 20px 20px;
        text-align: center;
        text-transform: capitalize;
        width: 33.33%;
    }

    .single-about-count h4 {
        color: #fe8886;
        font-size: 24px;
        font-weight: 800;
    }

/* -----------------------------
    5. SERVICE AREA
    ------------------------------- */

    .service-content h2 {
        font-size: 32px;
        margin-bottom: 30px;
        padding-bottom: 15px;
        position: relative;
    }

    .service-content h2::after {
        border-bottom: 1px dashed rgb(243, 156, 18);
        bottom: 0;
        content: "";
        height: 1px;
        left: 0;
        position: absolute;
        width: 50px;
    }

    .service-catalouge-content-area {
        background: rgba(0, 0, 0, 0) url("img/service/service-cargo-bg.png") no-repeat scroll center center / contain;
        position: relative;
    }

    .catalouge-content {
        background: rgba(254,136,134,0.9) none repeat scroll 0 0;
        color: #fff;
        padding: 30px;
    }

    .catalouge-content h3 {
        color: #fff;
        margin-bottom: 30px;
        padding-bottom: 15px;
        position: relative;
    }

    .catalouge-content h3::after {
        border-bottom: 1px dashed;
        bottom: 0;
        content: "";
        height: 2px;
        left: 0;
        position: absolute;
        width: 50px;
    }

    .catalouge-content .read-more:hover,
    .catalouge-content .read-more:focus {
        background: #fff none repeat scroll 0 0;
        color: #fe8886;
    }

    .catalouge-content ul {
        margin-top: 40px;
    }

    .catalouge-content ul li {
        margin-bottom: 15px;
    }

    .catalouge-content ul li i {
        margin-right: 15px;
    }

/* ---------------------------
    6. SERVIE BOTTOM AREA
    ----------------------------- */

    .service-bottom-area {
        position: relative;
    }

    .service-bottom-area-bg {
        background: rgba(0, 0, 0, 0) url("img/service/service-area-bg.jpg") repeat scroll 0 0;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .service-bottom-area-bg::after {
        background: #f5f7f9 none repeat scroll 0 0;
        content: "";
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        width: 50%;
    }

    .single-service {
        margin-bottom: 50px;
        padding-left: 80px;
        position: relative;
    }

    .service-list .single-service:last-child {
        margin-bottom: 0;
    }

    .service-icon-hexagon {
        left: -43px;
        position: absolute;
        top: -25px;
    }

    .hex {
        background: #f5f7f9 none repeat scroll 0 0;
        border-radius: 1em / 3.5em;
        display: inline-block;
        height: 5.2em;
        margin: 1em 4.61538em 1em auto;
        position: relative;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transition: all 150ms ease-in-out 0s;
        transition: all 150ms ease-in-out 0s;
        width: 4em;
    }

    .hex:before,
    .hex:after {
        position: absolute;
        width: inherit;
        height: inherit;
        border-radius: inherit;
        background: inherit;
        content: '';
    }

    .hex:before {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
    }

    .hex:after {
        -webkit-transform: rotate(-60deg);
        transform: rotate(-60deg);
    }

    .service-icon {
        background: #5d6b82 none repeat scroll 0 0;
        bottom: 7px;
        color: #fff;
        font-size: 24px;
        height: 60px;
        padding-top: 18px;
        position: absolute;
        right: 11px;
        text-align: center;
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        width: 34px;
        z-index: 1;
    }

    .service-icon::before,
    .service-icon::after {
        background: #5d6b82 none repeat scroll 0 0;
        content: "";
        height: 100%;
        position: absolute;
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        width: 100%;
        z-index: -1;
    }

    .service-icon::before {
        bottom: 0;
        right: 0;
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
    }

    .service-icon::after {
        bottom: 0;
        right: 0;
        -webkit-transform: rotate(-60deg);
        transform: rotate(-60deg);
    }

    .service-icon i {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }

    .service-details h4 {
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

    .single-service:hover .service-details h4 {
        color: #fe8886;
    }

    .single-service:hover .service-icon,
    .single-service:hover .service-icon::before,
    .single-service:hover .service-icon::after {
        background: #fe8886none repeat scroll 0 0;
    }

/* ----------------------------
    7. PROMO AREA
    ----------------------------- */

    .promo-top-area {
        background: rgba(0, 0, 0, 0) url("img/promo/promo_top_bg.png") no-repeat scroll right 5% bottom 50% / 40% auto;
    }

    .single-promo {
        margin-bottom: 50px;
        padding: 20px 20px 20px 80px;
        position: relative;
    }

    .promo-area .row > div.col-lg-4 .single-promo:last-child {
        margin-bottom: 0;
    }

    .promo-icon {
        background: #f4f7f9 none repeat scroll 0 0;
        border-radius: 50%;
        color: #fe8886;
        font-size: 24px;
        height: 65px;
        left: 0;
        padding-top: 21px;
        position: absolute;
        text-align: center;
        top: 0;
        width: 65px;
    }

/* -----------------------------
    8. PROMO BOTTOM AREA
    ----------------------------- */

    .promo-bottom-area {
        position: relative;
    }

    .promo-botton-area-bg {
        background: rgba(0, 0, 0, 0) url("img/promo/promo_bottom_bg.jpg") no-repeat scroll center center / cover;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .promo-botton-area-bg::after {
        background: #3c4a62 none repeat scroll 0 0;
        content: "";
        height: 100%;
        left: 0;
        opacity: 0.9;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .promo-bottom-area h2 {
        color: #fff;
        font-size: 26px;
    }

    .promo-bottom-content .read-more {
        background: #fe8886none repeat scroll 0 0;
        font-weight: bold;
        height: auto;
        letter-spacing: 1px;
        padding: 14px;
        text-transform: uppercase;
        width: 180px;
    }

    .promo-bottom-area .read-more:hover,
    .promo-bottom-area .read-more:focus {
        background: #fff none repeat scroll 0 0;
        color: #fe8886;
    }

/*-----------------------------
    9. TESTMONIAL AREA
    -------------------------------*/

    .client-photo-list .item {
        border-radius: 50%;
        overflow: hidden;
        margin: 10px 0;
    }

    .client-photo-list .owl-carousel .owl-item.active.center .item {
        -webkit-box-shadow: 0 0 0 5px #fe8886;
        box-shadow: 0 0 0 5px #fe8886;
        position: relative;
        z-index: 999;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

    .client-photo-list {
        margin-bottom: 40px;
    }

    .client-details-content .item {
        padding-top: 70px;
        position: relative;
    }

    .client-details-content .item::after {
        color: #5d6b82;
        content: "\f10d";
        font-family: fontawesome;
        font-size: 60px;
        height: 60px;
        left: 50%;
        line-height: 1;
        opacity: 0.5;
        position: absolute;
        top: 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 60px;
    }

    .client-details-content .item q {
        display: block;
        font-size: 16px;
        font-style: italic;
        font-weight: 500;
        line-height: 1.5em;
        margin-bottom: 37px;
    }

    .client-details-content .item h3 {
        margin-bottom: 10px;
    }

    .client_nav span {
        background: #5d6b82 none repeat scroll 0 0;
        border-radius: 5px;
        color: #fff;
        display: inline-block;
        font-size: 30px;
        height: 40px;
        left: 50px;
        opacity: 0;
        padding-top: 3px;
        position: absolute;
        text-align: center;
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        width: 50px;
        cursor: pointer;
    }

    .client_nav span:hover {
        background: #fe8886;
    }

    .client_nav span.fa.testi_next {
        left: auto;
        right: 50px;
    }

    .testmonial-area:hover .client_nav span {
        left: 0;
        opacity: 1;
    }

    .testmonial-area:hover .client_nav span.testi_next {
        left: auto;
        right: 0;
    }

/* -----------------------------
    10. FOOTER AREA
    ------------------------------- */

    .footer-top-area {
        padding: 70px 0;
    }

    .footer-area h2,
    .footer-area h3 {
        color: #fff;
        font-weight: 500;
        text-transform: capitalize;
    }

    .subscribe-content h2 {
        line-height: 1;
        margin-bottom: 20px;
    }

    .subsriber-form {
        height: 60px;
        position: relative;
    }

    .subsriber-form input {
        background: #fff none repeat scroll 0 0;
        border: 0 none;
        border-radius: 5px;
        color: #363;
        height: 100%;
        left: 0;
        padding: 10px;
        position: absolute;
        top: 0;
        width: 70%;
    }

    .subsriber-form button {
        background: #fe8886none repeat scroll 0 0;
        border: 0 none;
        border-radius: 5px;
        color: #fff;
        font-weight: 500;
        height: 100%;
        letter-spacing: 1px;
        position: absolute;
        right: 0;
        text-transform: uppercase;
        top: 0;
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        width: 27%;
    }

    .subsriber-form button:hover {
        background: #fff none repeat scroll 0 0;
        color: #fe8886;
    }

/* ----------------------------
    11. FAQS AREA
    ------------------------------- */

    .faqs-list h3 {
        margin-bottom: 30px;
    }

    .faqs-list h3 span {
        color: #fe8886;
    }

    .faqs-list #accordion .panel-title {
        padding-left: 50px;
        position: relative;
        text-transform: capitalize;
    }

    .faqs-list #accordion .panel-title i {
        background: #fe8886none repeat scroll 0 0;
        color: #fff;
        height: 30px;
        left: 0;
        padding-top: 8px;
        position: absolute;
        text-align: center;
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        width: 30px;
    }

    .faqs-list #accordion .panel-title i::after {
        background: #fff none repeat scroll 0 0;
        content: "";
        height: 12px;
        left: 50%;
        margin-left: -1.5px;
        margin-top: -6px;
        opacity: 0;
        position: absolute;
        top: 50%;
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        width: 3px;
    }

    .faqs-list #accordion .active .panel-title i::after {
        opacity: 1;
        ;
    }

    .faqs-list #accordion .panel,
    .faqs-list #accordion .panel.active {
        border-bottom: 0 none;
        -webkit-box-shadow: 0 0 0 #fff;
        box-shadow: 0 0 0 #fff;
    }

    .panel-body {
        border: 0 none !important;
    }

    .panel-heading,
    .panel-body {
        padding-left: 0;
    }

/* -----------------------------
    12. ABOUT DETAILS CONTENT AREA
    -------------------------------- */

    .about-details-menu {
        margin-bottom: 50px;
        text-align: center;
    }

    .about-details-menu li {
        display: inline-block;
        margin: 0 5px;
    }

    .about-details-menu li a {
        border: 1px solid #efefef;
        display: block;
        font-size: 18px;
        padding: 12px 20px;
        text-transform: uppercase;
    }

    .about-details-menu li.active a {
        background: #fe8886none repeat scroll 0 0;
        border-color: #fe8886;
        color: #fff;
    }

    .about-history-content {
        margin-bottom: 50px;
    }

    .about-history-content h3 {
        margin-bottom: 30px;
        padding-bottom: 15px;
    }

    .about-history-content h3::after {
        border-bottom: 1px dashed #fe8886;
        bottom: 0;
        content: "";
        height: 1px;
        left: 0;
        position: absolute;
        width: 50px;
    }

    .about-history-content ul {
        margin-top: 20px;
    }

    .about-history-content ul li {
        margin-bottom: 5px;
    }

    .about-history-content.history-list {
        position: relative;
    }

    .about-history-content.history-list::after {
        background: #e4e4e4;
        content: "";
        height: 100%;
        left: 80px;
        position: absolute;
        top: 0;
        width: 5px;
    }

    .single-history {
        margin-bottom: 50px;
        padding-left: 125px;
        position: relative;
    }

    .single-history .history-year {
        font-size: 18px;
        font-weight: 700;
        left: 0;
        position: absolute;
        top: 0;
        width: 85px;
    }

    .single-history .history-year::before,
    .single-history .history-year::after {
        background: #fff none repeat scroll 0 0;
        border-radius: 50%;
        content: "";
        height: 30px;
        position: absolute;
        right: -12px;
        top: 0;
        width: 30px;
        z-index: 9;
    }

    .single-history .history-year::after {
        background: #fe8886;
        height: 10px;
        right: -2px;
        top: 9px;
        width: 10px;
    }

/* ------------------------------
    13. REPORT AREA
    ------------------------------ */

    .annual-reports > div {
        margin-bottom: 50px;
    }

    .annual-reports > div:last-child {
        margin-bottom: 0px;
    }

    .annual-reports-content h4 {
        margin-bottom: 30px;
    }

    .annual-reports-content ul {
        margin-top: 30px;
    }

    .annual-reports-content ul li {
        margin-bottom: 10px;
    }

    .annual-reports-content ul li i {
        color: #fe8886;
        margin-right: 10px;
    }

/* ----------------------------
    14. TEAM AERA
    -------------------------------- */

    .single-team {
        text-align: center;
        margin-bottom: 30px;
        padding: 1px;
    }

    .team-list div > .col-lg-4:last-child .single-team {
        margin-bottom: 0;
    }

    .single-team .member-image img {
        width: 100%;
    }

    .member-details {
        -webkit-box-shadow: 0 0 1px;
        box-shadow: 0 0 1px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 30px 20px;
    }

    .member-social-bookmark {
        background: #5d6b82 none repeat scroll 0 0;
        border-radius: 5px;
        margin-top: 25px;
        padding: 15px 0;
    }

    .member-social-bookmark .social-bookmark li a {
        background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
        padding-top: 8px;
    }

    .member-social-bookmark .social-bookmark li a:hover {
        background: #fe8886none repeat scroll 0 0;
    }

/* -----------------------------
    15. SERVICE TWO 
    ------------------------------ */

    .single-service-two {
        padding: 30px 20px 30px 100px;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

    .service-icon-two {
        border-right: 1px solid #ddd;
        color: #fe8886;
        font-size: 30px;
        left: 0;
        position: absolute;
        text-align: center;
        width: 80px;
    }

    .single-service-two:hover {
        background: #fe8886none repeat scroll 0 0;
        color: #fe8886;
    }

    .single-service-two:hover .service-icon-two,
    .single-service-two:hover h4 {
        color: inherit;
    }

/* ----------------------------
    16. SERVICE THREE
    ------------------------------ */

    .single-service-three {
        border: 1px solid #eef2f4;
        -webkit-box-shadow: 0 0 10px #eef2f4;
        box-shadow: 0 0 10px #eef2f4;
        margin-bottom: 30px;
        padding: 30px 20px 30px 80px;
        position: relative;
        height: 600px;
    }
    #sizer div .single-service-three
    {
        height: 320px ;
    }

    .single-service-three h4 {
        color: #fe8886;
    }

    .service-icon-three {
        border-right: 1px solid #ddd;
        color: #fe8886;
        font-size: 30px;
        left: 0;
        position: absolute;
        text-align: center;
        width: 60px;
    }

/*------------------------------
    17. CONTACT AREA
    -------------------------------*/

    .contact-address {
        margin-bottom: 50px;
    }

    .contact-address a {
        color: #585858;
    }

    .contact-address a:hover {
        color: #fe8886;
    }

    .contact-area .form-control {
        border-radius: 0;
        /*margin-bottom: 30px;*/
        min-height: 40px;
    }

    .contact-area button {
        background: #5d6b82 none repeat scroll 0 0;
        border: 0 none;
        border-radius: 3px;
        color: #fff;
        font-weight: 600;
        letter-spacing: 2px;
        padding: 10px 40px;
        text-transform: uppercase;
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

    .contact-area button:hover {
        background: #fe8886none repeat scroll 0 0;
        color: #fff;
    }

/*------------------------------
    18. FOOTER AREA
    -------------------------------*/

    .footer-area {
        color: #ffffff;
        position: relative;
        z-index: 9;
    }

    .footer-area::after {
        background: rgba(0, 0, 0, 0) url("img/footer-map-bg.png") no-repeat scroll center center / 90% auto;
        content: "";
        height: 100%;
        left: 0;
        opacity: 0.1;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1;
    }

    .footer-border {
        background: rgba(0, 0, 0, 0) url("img/footer-border.png") repeat-x scroll center center;
        height: 1px;
        margin-top: 50px;
    }

    .single-footer-widget {
        margin-bottom: 50px;
        overflow: hidden;
    }

    .single-footer-widget,
    .single-footer-widget a {
        color: #a1a7b2;
    }

    .single-footer-widget a:hover {
        color: #fe8886;
    }

    .single-footer-widget h3 {
        font-size: 20px;
        letter-spacing: 1px;
        margin-bottom: 40px;
        padding-bottom: 20px;
        position: relative;
    }

    .single-footer-widget h3::after {
        border-bottom: 1px dashed #fe8886;
        bottom: 0;
        content: "";
        height: 1px;
        text-align: center;
        position: absolute;
        width: 20%;
        text-align: center;
        left: 0;
    }

    .single-footer-widget.footer-about ul {
        margin-top: 30px;
    }

    .single-footer-widget.footer-about ul li {
        margin-bottom: 10px;
    }

    .single-footer-widget.footer-about ul li i {
        border-right: 1px solid;
        margin-right: 10px;
        width: 20px;
    }

    .single-footer-widget.twitter-widget ul li {
        margin-bottom: 20px;
        padding-left: 30px;
        position: relative;
    }

    .single-footer-widget.twitter-widget ul li .twitter-icon {
        color: #fe8886;
        left: 0;
        position: absolute;
    }

    .single-footer-widget.list-widget ul li {
        letter-spacing: 1px;
        margin-bottom: 10px;
        position: relative;
    }

    .single-footer-widget.list-widget ul li::before {
        content: "\f0a4";
        display: inline-block;
        font-family: fontawesome;
        margin-right: 15px;
    }

    .single-footer-widget.instafeed-widget li {
        float: left;
        margin-bottom: 2%;
        margin-right: 2%;
        width: 31.33%;
    }

    .footer-bottom-area .footer-border {
        margin: 0;
    }

    .footer-copyright-area {
        /*padding: 30px 0;*/
    }

    .footer-copyright p {
        margin-bottom: 0;
        margin-top: 10px;
    }

    .footer-copyright a.footer-logo {
        border-bottom: 2px solid;
        display: block;
        margin-bottom: 5px;
        margin-right: 10px;
        max-width: 300px;
        padding-bottom: 10px;
    }

    .footer-copyright a {
        color: #ffffff;
    }

    .footer-social-bookmark .social-bookmark li a {
        background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
        border-radius: 50%;
        color: #fff;
        display: inline-block;
        font-size: 14px;
        height: 30px;
        margin: 0 2px;
        padding-top: 3px;
        text-align: center;
        width: 30px;
    }

    .footer-social-bookmark .social-bookmark li a:hover {
        background: #fe8886;
        color: #fff;
    }

/*------------------------------
    19. SCROLL TO TOP
    -------------------------------*/

    a.scrolltotop {
        background: #fe8886none repeat scroll 0 0;
        bottom: 20px;
        -webkit-box-shadow: 0 0 0 7px transparent;
        box-shadow: 0 0 0 7px transparent;
        color: #ffffff;
        display: none;
        font-size: 20px;
        height: 40px;
        padding-top: 5px;
        position: fixed;
        right: 20px;
        text-align: center;
        width: 40px;
        z-index: 99;
    }

    a.scrolltotop:hover {
        -webkit-box-shadow: 0 0 0 0 #272727;
        box-shadow: 0 0 0 0 #272727;
        background: #272727;
    }

/*-----------------------------------
    20. WELCOME SLIDER AREA
    -------------------------------------*/

    .home-two .single-blog {
        margin-top: -244px;
    }

    .home-two .welcome-area {
        padding-bottom: 200px;
    }

    .home-two .blog-area.blog-bottom .single-blog {
        margin-top: 0;
    }

    .home-four .about-area.section-padding {
        padding-bottom: 50px;
    }

    .home-four .promo-top-area.section-padding {
        background: inherit;
        padding-bottom: 50px;
    }

    .home-four .service-bottom-area-bg {
        background: rgba(0, 0, 0, 0) url("img/service/service-area-bg-2.jpg") repeat scroll 0 0;
    }

    .top-area.single-page {
        height: 500px;
    }

    .single-page .top-area-bg::after {
        opacity: 0.7;
    }

    .single-page .welcome-text h2 {
        margin-bottom: 10px;
    }

    .page-location li {
        display: inline-block;
    }

    .page-location li a {
        color: #fff;
        display: block;
        padding: 0 10px;
    }

/* ----------------------------------
    21. BLOG PAGE
    ------------------------------------- */

    .blog-page .single-blog {
        border-radius: 0;
        margin-bottom: 50px;
    }

    .blog-page .single-blog .post-date {
        margin-bottom: 20px;
        margin-top: -10px;
    }

    .blog-page .single-blog .post-date a i {
        margin-right: 10px;
    }

    .blog-page .single-blog .post-date a:hover {
        color: #fe8886;
    }

    .blog-page .blog-image img {
        width: 100%;
    }

    .pagination li a {
        border-radius: 0;
        color: #666;
        padding: 10px 20px;
    }

    .pagination li a:hover,
    .pagination li.active a,
    .pagination li a:focus {
        background: #fe8886none repeat scroll 0 0;
        color: #fff;
        border-color: #fe8886;
    }

    .single-sidebar-widget {
        -webkit-box-shadow: 0 3px 7px #ddd;
        box-shadow: 0 3px 7px #ddd;
        margin-bottom: 50px;
        padding: 20px;
    }

    .single-sidebar-widget h4::after {
        border-bottom: 1px dashed #fe8886;
        bottom: 0;
        content: "";
        height: 1px;
        left: 0;
        position: absolute;
        width: 50px;
    }

    .single-sidebar-widget h4 {
        margin-bottom: 30px;
        padding-bottom: 10px;
    }

    .widget_search form {
        border: 1px solid #ddd;
        height: 40px;
        position: relative;
        width: 100%;
    }

    .widget_search form input {
        border: 0 none;
        height: 100%;
        left: 0;
        padding: 8px 40px 8px 8px;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .widget_search form button {
        background: #5d6b82 none repeat scroll 0 0;
        border: 0 none;
        color: #fff;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        width: 50px;
    }

    .widget_search form button:hover,
    .tagcloud a:hover {
        background: #fe8886none repeat scroll 0 0;
        color: #fff;
        border-color: #fe8886;
    }

    .widget_categories li {
        margin: 5px 0;
        position: relative;
    }

    .widget_categories li::before {
        content: "\f105";
        display: inline-block;
        font-family: fontawesome;
        margin-right: 10px;
    }

    .single-sidebar-widget li a:hover {
        color: #fe8886;
    }

    .single-sidebar-widget {
        -webkit-box-shadow: 0 3px 7px #ddd;
        box-shadow: 0 3px 7px #ddd;
        margin-bottom: 50px;
        padding: 20px;
    }

    .widget_recent_entries li {
        margin-bottom: 15px;
        overflow: hidden;
    }

    .tagcloud a {
        border: 1px solid #ddd;
        display: inline-block;
        margin-bottom: 9px;
        margin-right: 5px;
        padding: 5px 10px;
        text-transform: capitalize;
    }

    blockquote {
        background: #f1f1f1 none repeat scroll 0 0;
        border: 0 none;
        font-size: 16px;
        font-style: italic;
        line-height: 1.7em;
        position: relative;
        padding: 20px 30px;
        text-transform: capitalize;
        z-index: 1;
    }

    blockquote::after,
    blockquote::before {
        content: "\f10d";
        font-family: fontawesome;
        font-size: 50px;
        height: 50px;
        left: 0;
        line-height: 1;
        opacity: 0.3;
        position: absolute;
        top: 0;
        width: 50px;
        z-index: -1;
    }

    blockquote::before {
        bottom: 0;
        content: "\f10e";
        left: auto;
        right: 8px;
        top: auto;
    }

    .share-button,
    .comments-area,
    .comments-form-area {
        -webkit-box-shadow: 0 3px 7px #ddd;
        box-shadow: 0 3px 7px #ddd;
        margin-bottom: 50px;
        padding: 20px;
    }

    .comments-area h4,
    .comments-form-area h4 {
        margin-bottom: 30px;
    }

    .comments-area ul li {
        border-bottom: 1px solid #ddd;
        margin-bottom: 20px;
        padding-bottom: 20px;
        padding-left: 90px;
        position: relative;
    }

    .comments-area ul li:nth-child(2n) {
        margin-left: 80px;
    }

    .comments-area ul li .comments-author-thumb {
        height: 80px;
        left: 0;
        position: absolute;
        top: 0;
        width: 80px;
    }

    .half-width input {
        border: 1px solid #ddd;
        margin-bottom: 14px;
        padding: 10px;
        width: calc(50% - 10px);
    }

    .comment-form textarea {
        border: 1px solid #ddd;
        margin-bottom: 15px;
        padding: 10px;
        width: 100%;
    }

    .comment-form button {
        background: #5d6b82 none repeat scroll 0 0;
        border: 0 none;
        color: #fff;
        padding: 10px 20px;
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

    .comment-form button:hover {
        background: #fe8886none repeat scroll 0 0;
    }

/*-------------------------------
    22. SERVICE PAGE
    -------------------------------*/

    .service-image {
        margin-bottom: 40px;
    }

    .service-image img {
        width: 100%;
    }

    .service-details-text {
        margin-bottom: 50px;
    }

    .service-menu h4 {
        background: #fe8886none repeat scroll 0 0;
        color: #fff;
        margin-bottom: 0;
        padding: 10px;
        text-align: center;
    }

    .service-menu ul {
        border: 1px solid #ddd;
    }

    .service-menu > ul li {
        border-top: 1px dashed #ddd;
        display: block;
        margin-top: -1px;
    }

    .service-menu ul li a {
        display: block;
        padding: 10px 20px;
    }

    .service-menu ul li a i {
        float: right;
    }

    .service-menu ul li a:hover {
        color: #fe8886;
    }

/*------------------------------
    23. 404 ERROR PAGE
    -------------------------------*/

    .error-content img {
        margin-bottom: 40px;
    }

    .error-content h3 {}

    .error-content h2,
    .error-content h3 {
        letter-spacing: 1px;
        text-transform: capitalize;
    }

    .error-area .read-more {
        width: auto;
    }

    .promo-bottom-content h2{
        color: #fe8886;
    }
    .promo-bottom-content h5{
        color: #fff;
    }
    .is-sticky ul#nav li ul a {
        border-bottom: 1px solid #1a1a1a;
        padding: 10px;
        padding-left: 15px !important;

        color: white;
    }



.mt--20{margin-top: -20px!important; }


    ul#nav li a{
     padding: 15px 15px;   /***me changing 20*/
 }
 #mainmenu-area{
     background-color: #fff;
     width: 100%;
 }
 ul#nav li a{
    color: white;
}
.navbar-header .navbar-brand > img {
    width: 250px;
}
/*.search-and-language-bar {
    margin-top: 10px;
    }
.navbar-header {
    margin-top: -2px;
    }*/
    .read-more {
        background: #fe8987 none repeat scroll 0 0;
    }
    .read-more:hover, .read-more:focus {
        background: #3c4a62;
        color: #fff;
    }
    .welcome-slider-area.owl-carousel .owl-nav > div {
        background: #fe8886 none repeat scroll 0 0;
        color: #fff;
    }
    .welcome-slider-area.owl-carousel .owl-nav > div:hover {
        background: #5d6b82 none repeat scroll 0 0;
        color: #fff;
    }
    ul#nav li ul a{
     color: #fff;
 }
 .single-footer-widget.twitter-widget ul li {
    color: #fff;
}
.single-footer-widget, .single-footer-widget a {
    color: #fff;
}
.single-footer-widget.footer-about ul li {
    color: #fff;
}
.single-footer-widget.footer-about ul li i, .single-footer-widget.list-widget ul li::before{
    color: #fe8886;
}
.client_nav span {
    background: #fe8886 none repeat scroll 0 0;
}
.client_nav span:hover{
    background: #5d6b82 none repeat scroll 0 0;
}
.quote-form button{
    background: #fe8886;
}
.quote-form button:hover {
    background: #5d6b82;
    color: #fff;
}

.service-icon i {
    color: #fe8886;
}
.menu-toggle.full {
    height: 34px;
    width: 73px;
}

/*Adnan Styles Sheet*/
.top_areaa
{
    height: 38% !important;
    position: relative;
    background-image: url(img/thanks.jpg); 
    width: auto;
    background-repeat: no-repeat;background-size: cover;
    color: white;
}

.about_images
{

    width: 100%;
    border-radius: 5px;
    margin: 0 0 25px 0;
    padding: 5px;   
    height: auto;
        border: 1px solid #fe8886;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;

}
.about_images img
{
    width: 40%;
}

.title-heading
{
    margin: 15px 0px 25px 0px;
}
.flex-container
{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    height: auto;
    width: 100%;
    margin: 0px 15px 0px 15px;  
}
#cntc-img
{
    border-bottom: : 2px solid black;
}
.mx-2
{
    margin-top: 25px;
    margin-bottom: 25px;
}
.mx-1
{
    margin-top: 20px;
    margin-bottom: 10px;
}
ul.Liststyling_s 
{
    list-style-type: circle;
    margin: 30px;
}
.icon-row
{
    margin-top: 20px;
    margin-bottom: 20px;
    
    border: 1px solid #fe8886;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
    width: 100%;
    padding: 25px;
    min-height: 555px;

}


.fa-2x
{
    margin-right: 9px;
    color: #fe8886;
}
#cntct-form
{
    border: 1px solid #fe8886;
    padding: 10px;
    border-radius: 10px;

}

.necess
{
    color: red;
}
.w-50
{
    width: 50%;
}
.w-90
{
    width: 90%;
}
.w-100
{
    width: 100%;
}
#contact_form_two .form-control
{
    width: 90% !important;
}
.Liststyling_s li a
{
    line-height: 35px;
    color: #fe8886;


}
.py
{
    margin-left: 15px;
    margin-right: 15px;
}
.px-1
{
    padding-top: 10px;
    padding-bottom: 10px;
}
.font-weight-bold
{
    font-weight: bold;
}
ul.numbers_list
{
    list-style-type: upper-alpha;
}
.cntc
{
    margin: 20px;
}
ul .country_list li
{
   line-height: 30px;  
}
p
{
    line-height: 30px ;
    font-size: 16px ;
    word-spacing: 4px ;
}
li
{
    line-height: 30px ;
    font-size: 16px ;
    word-spacing: 4px ;
}
a
{

    font-size: 16px ;
    word-spacing: 4px ;

}
.row 
{
    margin-bottom: 15px;
    margin-top: 10px;
}

.mb-2
{
    margin-bottom: 25px !important;

}
.images_galleries
{
    margin:10px;
}
.mb-3
{
    margin-top: 20px;
    margin-bottom: 20px;

}
.Thanks_message
{
 margin: 10px;
 padding: 10px;
 border: 1px solid #fe8886;
 border-radius: 5px;
 height: 30vh;
 /* text-align: center; */
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
}

#news_feed .single-service-three

{
    padding: 20px !important;
}    
#news_feed .single-service-title
{
    font-size: 16px;
    margin-top: 10px;
    font-weight: bold;
    color: #655b5b;
}
.card_texts
{font-size: 12px !important;
    font-style: italic;


}
.card_texts .fa
{
    color: #fe8987 !important;
    margin-right: 5px !important;
}
.logistics_class
{
    margin-top: 5px!important;
    margin-bottom: 5px!important;
    padding: 3px !important;
}
/*.card
{
 transition: 0.3s;

}
.card:hover
{
    opacity: .6;
    }*/
    .hovershow
    {
        display: block;

        position: relative;
    }
    .hovershow:hover
    {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;

    }


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


  .image {
      opacity: 1;
      display: block;
      width: 100%;
      height: auto;
      transition: .5s ease;
      backface-visibility: hidden;
      margin-top: 10px;
      border-radius: 5px;
  }

  .middle {
      transition: .5s ease;
      opacity: 0;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      text-align: center;
  }

  .container1:hover .image {
      opacity: 0.3;
  }

  .container1:hover .middle {
      opacity: 1;
  }

  .text {
      background-color: transparent;
      color: #fe8886 !important;

      padding: 16px 32px;
  }
  #cntct-form .form-control
  {
    padding: 10% !important;
    width: 100% !important
}
.top_area_again
{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
/*.sign-in-form
{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    
    padding: 25px;
    }*/

    li a.select-language
    {
        font-weight: bold;
    }
    #abt_us .single-service-three
    {
        height: auto;
    }
    #ser_scnd .single-service-three
    {
        height: 475px;
    }
    #ser_thrd .single-service-three
    {
        height: 590px;

    }

    #ser_frth .single-service-three
    {
        height: 435PX;

    }
    .text-white
    {
        color: white ;
    }
    .text-center
    {
        text-align: center !important;
    }
    .bg-foot
    {
        background: white;
        padding: 5px;
        border: none;
        border-radius: 5px;
        width: 50%;

    }
    .icon-row div
    {
        margin-bottom: 15px;
        padding: 5px;
    }
    ul.Liststyling_s
    {
        list-style-type: none !important;
    }
    ul.Liststyling_s li:before
    {
        content: '✓  '  !important;
        color: red !important;
    }
    .w-48
    {
        width: 48% !important;
    }
    .d-inline
    {
        display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    }
    .breed
    {
        top: -90px;
        color: white;
        margin-left: 60px;
        position: relative;

    }
    .breed  h2
    {
        color: white !important;
    }
    @media only screen (max-width: 569px)
    {

        .icon-row
{
    margin-top: 20px;
    margin-bottom: 20px;
    
    border: 1px solid #fe8886;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
    width: 80%;
    padding: 25px;
    min-height: 555px;
    margin: 0 auto;

}



       ul#nav {
   /* float: right;
   clear: both;*/
   -webkit-transition: 0.3s;
   transition: 0.3s;
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   width: 100%;


}
ul#nav li {
   border-bottom: 1px solid white;


}
#ser_scnd .single-service-three
{
    text-align: left ;
}
#ser_thrd .single-service-three
{
    text-align: left ;

}

#ser_frth .single-service-three
{
    text-align: left ;

}

#sizer div .single-service-three {
    height: 450px;
}


}

/*Get a Quoto css*/
#picone{
   /* border:1px solid green;*/
    /*height: 212px;*/
    width: 100%;
}

#picone img {
    transition: 1s ease;
}

/*#picone img:hover{
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    transition: 1s ease;
}*/

#shipone{

   /* height: 200px;*/
    width:100%;
}



#pictwo{
    /*border:1px solid green;*/
   /* height: 212px;*/
    width: 100%;
}

#pictwo img {
    transition: 1s ease;
}

/*#pictwo img:hover{
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    transition: 1s ease;
}*/

#busone{

    /*height: 207px;*/
    width:100%;
}


#picthree{
    /*border:1px solid green;*/
   /* height: 212px;*/
    width: 100%;
}

#picthree img {
    transition: 1s ease;
}

/*#picthree img:hover{
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    transition: 1s ease;
}*/

#airone{

  /*  height: 207px;*/
    width:100%;
}


#picfour{
   /* border:1px solid green;*/
    /*height: 212px;*/
    width: 100%;
}

#picfour img {
    transition: 1s ease;
}

/*#picfour img:hover{
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    transition: 1s ease;
}*/

#doorone{

   /* height: 207px;*/
    width:100%;
}



#picfive{
    /*border:1px solid green;*/
 /*   height: 212px;*/
    width: 100%;
}

#picfive img {
    transition: 1s ease;
}

/*#picfive img:hover{
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    transition: 1s ease;
}*/

#orangeone{

    /*height: 207px;*/
    width:100%;
}

.quotobtn{
    width:100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

/*ocean part css*/
#manone{
    border: 1px solid grey;
    height: auto
    width: 100%;
    margin-bottom: 10px;

}
.FCl{
    padding-left: 33px;
    padding-right: 36px;
    float: right;
}
.LCL{
   padding-left: 43px;
   padding-right: 25px;
}




@media screen and (min-width: 768px){
    .txt-area{
        margin-left: 20px;
    }





    fieldset 
    {
        border: 1px solid #ddd !important;
        margin: 0;
        xmin-width: 0;
        padding: 10px;       
        position: relative;
        border-radius:4px;
        
        padding-left:10px!important;
        width:90%; 
/*        margin-left:22%; */
    }   
    
    legend
    {
        font-size:14px;
        /*font-weight:bold;*/
        margin-bottom: 0px; 
        width: 10%; 
        /*border: 1px solid #ddd;*/
        /*border-radius: 4px; */
        padding: 5px 5px 5px 10px; 
        /*background-color: #ffffff;*/
        border-bottom: none;
    }

}


/*@media screen and (max-width: 480px) {
  .text-left{
    margin: 0 auto;
    text-align: left;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: 0px;
}
.text-right{

    margin-left: 40px;

}
}*/


#cbm{
    width: 100%;
}
#kg{
   width: 100%;
}
#qty{
    width: 100%;
}
#lft{
 width: 57%;
}
#wai{
    width: 100%;
}
#wgt{
 width: 57%;
}
#ht{
 width: 57%;
}
#w-50{
 width: 50%;
}

.w-100{
  width: 100%;
}

.w-100imp{
    width: 100%;
}

.w-input{
        width: 80% !important;
    margin-left: 10px;
}
.m-t-10{
    margin-top: 10px;
}



/****** css *********/


/*-----------------------------------------------------------------------------------------*/
/*inland second menu styling*/
.UAE{
padding-left: 60px;
    padding-right: 58px;
    float: right;
}
.Local{
    padding-left: 29px;
    padding-right: 22px;
}
@media screen and (max-width: 480px) {
              .textleft{
                margin: 0 auto;
               display: block;
                float: none;
                margin-bottom: 10px;
                padding-left: 69px;
                padding-right: 60px;
             }

             .textright{
                  /*margin-left: 60px;*/
                padding-left: 36px;
                padding-right: 30px;
                margin: 0 auto;
                display: block;
                float: none;
               }
			    .ltextright{
                  /*margin-left: 60px;*/
                   padding-left: 69px;
                padding-right: 60px;
                margin: 0 auto;
                display: block;
                float: none;
               }

              .itextleft{
                margin: 0 auto;
               display: block;
                float: none;
                margin-bottom: 10px;
                padding-left: 69px;
                padding-right: 60px;
             }

             .ctextright{
                  /*margin-left: 60px;*/
                padding-left: 36px;
                padding-right: 30px;
                margin: 0 auto;
                display: block;
                float: none;
               
             }

               .otextleft{
                 margin-bottom: 10px;
               }
               .aotextleft{
                 margin-bottom: 10px;
               }

                 #sha{
                    width:35% !important;
                 }
 
}
#mantwo{
    border: 1px solid grey;
    height: auto
    width: 100%;
    margin-bottom: 10px;
}

.widthh{
    width:100%;
}
.tralersize{
    font-size: 14px;

}
.oceansize{
    font-size: 14px;

}
 #sha
{
   font-size: 14px;
    /* font-weight: bold; */
    margin-bottom: 0px;
    width: 18%;
    /* border: 1px solid #ddd; */
    /* border-radius: 4px; */
    padding: 5px 5px 5px 10px;
    /* background-color: #ffffff; */
    border-bottom: none;
}
   #shak
    {
    border: 1px solid #ddd !important;
    /* margin: 0; */
    xmin-width: 0;
    padding: 10px;
    /* position: relative; */
    border-radius: 4px;
    /* padding-left: 10px!important; */
    width: 97%; 
    /* margin-left: 22%;*/
    }   
    
   #shaa
{
   font-size: 14px;
    /* font-weight: bold; */
    margin-bottom: 0px;
    width: 17%;
    /* border: 1px solid #ddd; */
    /* border-radius: 4px; */
    padding: 5px 5px 5px 10px;
    /* background-color: #ffffff; */
    border-bottom: none;
}
   #shakk
    {
    border: 1px solid #ddd !important;
    /* margin: 0; */
    xmin-width: 0;
    padding: 10px;
    /* position: relative; */
    border-radius: 4px;
    /* padding-left: 10px!important; */
width: 94%; 
    /* margin-left: 22%;*/
    }  

.orgn{
width:100%;
}
.destn{
    width:100%;
}
.gpce{
    margin:0 auto;
}
                                    /****popup css*/
.iland_popup{
    border:1px solid green;
    height: auto;
    width:100%;
}
.iland_popupp
{
   
    height: auto;
    width:100%;
    margin-top: 10px;
    background-color: #e8e8e1;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left:10px;
    padding-right: 10px;
}
#cdetail{
    background-color: #fe8886;
}
.form_width{
    width: 100% !important;
}
.individual{
    padding-left: 31px;
    padding-right: 36px
  
}
.commercial{
    padding-left: 29px;
    padding-right: 22px;
}
.tralersizee{
    font-size: 14px;
    float:left;
    margin-left:5px; 

}
                                    /**************/

/*-----------------------------------------------------------------------------------------*/

/*----------------------------- Start CSS 3PL AND OTHER------------------------------------ */
.mainlast{
    border:1px solid gray;
    width: 100%;
    height: auto;
    padding-left:10px;
    padding-right: 10px;
    padding-bottom:5px;
    padding-top:5px; 
    margin-bottom: 10px;
}
.pltextsize{
    font-size: 14px;
   
 

}
/*----------------------------- End CSS 3PL AND OTHER------------------------------------ */
/****** css *********/


/*Start Air Flight CSS*/
.air-input{
    width: 100% ! important;
}
.atralersize{
    font-size: 14px;

}
.aorgn{
width:100%;
}
.adestn{
    width:100%;
}

/*End Air Flight CSS*/


.uppper{
    width: 100% !important;
}
.tocountry{
    font-size: 14px;
    text-align: center;
}
.dooor{
   border: 1px solid #337ab7;
    border-radius: 6px;
    text-align: center;
    padding-bottom: 5px;
    padding-top: 5px;
        background-image: linear-gradient(#337ab7, white);
}
.doordilvery{
    border: 1px solid #337ab7;
    border-radius: 6px;
    text-align: center;
    padding-bottom: 5px;
    padding-top: 5px;
     background-image: linear-gradient(#337ab7, white);

}
.pick_up{
    border: 1px solid gray;
    border-radius: 6px;
    text-align: center;
    padding-bottom: 5px;
    padding-top: 5px;
     
}
.airdo{
    border: 1px solid #337ab7;
    border-radius: 6px;
    text-align: center;
    padding-bottom: 5px;
    padding-top: 5px;
     background-image: linear-gradient(#337ab7, white);
}
.airdesti{
       border: 1px solid #337ab7;
    border-radius: 6px;
    text-align: center;
    padding-bottom: 5px;
    padding-top: 5px;
     background-image: linear-gradient(#337ab7, white);
}
.airrup{
    border: 1px solid gray;
    border-radius: 6px;
    text-align: center;
    padding-bottom: 5px;
    padding-top: 5px;
}
.inlanddd{
   /*     border: 1px solid gray;
    border-radius: 6px;
    text-align: center;
    padding-bottom: 5px;
    padding-top: 5px;
    background-image: linear-gradient(#337ab7,  white);*/
border: 1px solid #337ab7;
    border-radius: 6px;
    text-align: center;
    padding-bottom: 5px;
    padding-top: 5px;
    
    background-image: linear-gradient(#337ab7, white);
}
/*----------------------------Start Thanks Pages CSS-----------------------------------*/
.thks{
    height: auto;
    width: 100%;


}
.titlethks{
   height: 49px;
    width: 100%;
    border: 1px solid #fe8886;
    background-color: #fe8886;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    text-align: center;
}
#thanksyou{
    background-color: #fe8886;
    
}
#crog{
       height: 200px;
    width: 100%;
}
.youu{
    height: auto;
    width: 100%;
    
    border-radius: 5px;
}
.tyur{
        border-bottom-right-radius: 4px;
    background-color: #f2f2f2;
    padding-bottom: 13px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    border-bottom-left-radius: 4px;
}
.airsize{
    font-size:14px;
}
.dsize{
    font-size: 14px;
}
.fa-4x 
{
    margin-right: 15px;
    color: #fa8886;


}


.blog-area .single-blog .blog-image img{
    height: 240px;
    width: 100%;
}
.blog-area .single-blog{
    margin-bottom: 20px;
}
.blog-area .single-blog .blog-details{
    min-height: 337px;
}
.about_images h4{
    font-size: 15px;
}
.fa-4x {
    font-size: 1.6em;
}
.icon-row .d-inline p{
    font-size: 15px;
}
.icon-row div {
    margin-bottom: 0px;
    }
.flex-container .text-left p{
    line-height: 29px;
}

    .clearBoth{
        clear: both;
    }
    .search-box{
        /*border: 1px solid #ccc;
        padding: 20px 20px;*/
            border: 1px solid #ccc;
    /* padding: 17px 26px; */
    margin-top: 7px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    }

    .search-box h3{
        display: inline-block;
        margin-right: 0;
    margin-bottom: 0;
    }
    .search-main .search-item a{
        color: #fe8886;
    }
    .search-main .search-item h4{
        margin-bottom: 7px;
    }
    .search-main .search-item h4 a{
        color: #221e49;
    }
    .text-muted {
    display: inline-block;
    float: right;
    margin-top: 20px;
}
.search-main{
    padding: 10px;
    margin-bottom: 20px;
}

#carer_data{
    margin-left: auto;
    display: block;
}

/*ul.Liststyling_s {
    margin-right: 0;
}*/
/*.single-service-three h1, h2, h3, h4, h5, h6 
{
    margin-right: 0;
}*/
/*.single-footer-widget h3{
    text-align: right;
}*/
/*.text-left {
    text-align: right;
}*/
/*.home-button a:last-child {
    margin-right: 20px !important;
}*/
#cntct-form .form-control {
    padding: 20px 18px !important;
    width: 100% !important;
}
.sendCv{
    margin-top: 15px;
}
.single-footer-widget.twitter-widget ul li {
     padding-left: 0px; 
}
.single-footer-widget a i{
    padding-right: 5px;
}
.navbar-header .navbar-brand > img {
    margin-top: -9px;
}
.search-form.searchBox input {
    width: 57%;
    border-right: 0.4px;
    position: relative;
    top: 0px;
    left:2px;
    border: 1px solid #fff;
        height: 30px;
    line-height: 21px;
    border-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.search-form.searchBox {
     background:transparent; 
    border-radius: 5px;
     top: 10px; 
    height: 34px;
     position: relative !important; 
    right: 0;
    width: 262px;
    display: block  !important;
    z-index: 9999;
}
.search-form.searchBox button {
    border: 1px solid #ffffff !important;
    color: #ffffff;
    position: relative;
    right: 2px;
        top: 1px;
    height: 30px;
    padding: 5px 12px 2px;
    font-size: 14px;
}
.is-sticky .search-form.searchBox {
    top: 15px;
    left: -1px;
}
::-webkit-input-placeholder{
    color: white;
}
body{
    overflow-x: hidden;
}
.row.chk{
    margin-bottom: 0px;
    margin-top: 0px;
}
#mbres {
    margin-top: 15px;
    margin-bottom: 0;
}
.is-sticky .navbar-header {
    margin-top: 0px;
}
.is-sticky .search-form.searchBox input {
    left: 3px;
    top: 0;
    }

.search-form.searchBox.intSearch  {
    top: 8px;
    left: 3px;
}
.search-form.searchBox.intSearch button {
    top: 3px;
}
.search-form.searchBox.intSearch input {
        top: 0px;
    left: 3px;
}
/*.is-sticky .search-form.searchBox input {
    top: 4px;
    }
.is-sticky .search-form.searchBox.intSearch button {
    top: 5px;
}*/
.is-sticky  .search-form.searchBox.intSearch {
    top: 13px;
}
ul#nav {
    justify-content: flex-start;
    }
.dark-bg {
    background: #0e0f10;
    }
.single-footer-widget h3::after{
    display: none;
}
.single-footer-widget h3 {
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 16px;
    margin-top: 0;
    }
.footer-social-bookmark .social-mediaIcons {
    text-align: center;
}
.footer-social-bookmark .social-mediaIcons li{
    display: inline-block;
        padding: 0px 5px;
}

.single-footer-widget a i {
    padding-right: 5px;
    font-size: 20px;
}
.footer-social-bookmark .privacyPolicy {
    text-align: center;
    margin-top: 27px;
}
.footer-social-bookmark .privacyPolicy li{
    display: inline-block;
        padding: 2px 7px 2px;
    border-right: 1px solid white;
    line-height: 10px;
}
.footer-social-bookmark .privacyPolicy li:last-child{
    border-right: none;
}
.footer-copyright{
    color: #dad9d9;
}
.single-footer-widget {
    margin-bottom: 27px;
    overflow: hidden;
    margin-top: 30px;
}
@media only screen and (max-width: 767px) {
.mx-2{
    margin-top: 0;
    margin-bottom: 0;
}
.mx-2 h2.text-center{
    margin-top: 0;
    font-size: 24px;
}
.is-sticky .navbar-header {
    margin-top: 0px;
}
#mainmenu-area{
    position: relative !important;
    width: 100% !important;    

}
.single-footer-widget h3{
    margin-bottom: 20px;
        padding-bottom: 13px;
}
.single-footer-widget h3::after{
    width: 30%;
}
ul#nav li a {
    color: #ffffff;
    padding: 12px 15px !important;
}
.single-service-three h4 {
    color: #fe8886 !important;
    font-size: 13px !important;
    margin-left: 50px !important;
    margin-top: 6px !important;
}
.service-icon-three p{
    line-height: 24px !important;
    font-size: 14px !important;
}
 #sizer div .single-service-three {
    min-height: 394px !important;
    padding-left: 15px;
    padding-right: 15px;
}
#ser_thrd .single-service-three{
    height: 290px !important;
}
.breed {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.breed h2 {
    color: white !important;
    font-size: 24px;
}
.cntc h3{
    font-size: 20px;
}

.cntc p{
    font-size: 13px;
}
.single-footer-widget {
    margin-bottom: 25px;
}
.single-footer-widget.twitter-widget ul li {
    margin-bottom: 15px;
    }
    body{
        overflow-x: hidden;
    }
#shipone, #pictwo, #picthree, #picfour, #picfive {
    height: auto;
    width: 100%;
}

/* Header */

ul#nav {
    position: absolute;
    top: -14px;
    z-index: 99999;
    right: 0px;
    padding-top: 0 !important;
    }
.menu-toggle.full {
    border: 1px solid;
    height: 35px;
    letter-spacing: 2px;
    padding-top: 8px;
    position: absolute;
    right: 15px;
    text-align: center;
    top: -62px;
}
.navbar-brand {
    margin-top: 0px;
    padding: 0px 3px 0px 14px;
}
#mbres {
    margin-top: 6px;
    margin-bottom: 0;
    height: 40px;
}
.search-form.searchBox {
    top: 1px;
    left: 0px;
}
.search-form.searchBox.intSearch {
    top: 1px;
    left: 0px;
}
.navbar-header {
    padding: 22px 0 10px !important;
}

.search-form.searchBox button {
    right: 3px;
    top: 2px !important;
}
.is-sticky .search-form.searchBox button {
    right: 2px;
    }
.is-sticky .menu-toggle.full {
    top: -62px !important;
}
.is-sticky .search-form.searchBox {
    top: 1px !important;
    left: -1px;
}
.search-form.searchBox{
	display: inline-block !important; 
}
.search-form.searchBox.intSearch button {
    right: 2px;
    top: 3px !important;
}
.navbar-brand {
    margin-top: 0px !important;
    padding: 3px 3px 4px 14px;
    margin-bottom: 11px !important;
    width: 230px;
}
.navbar-header {
     margin-bottom: 0px !important;
}

}
/*----------------------------End Thanks Pages CSS-----------------------------------*/
.abft{
    line-height: 14px !important;
}
#cont_line{
    margin:0px auto;
    width: 7%;
    height: 5px;
    background-color: #fe8987;
}



@media only screen and (max-width: 375px) {
   #shakk{
    width: 98% !important
   }
   #shipone{

    height: 186px !important;
   
}
.navbar-header{
    border-bottom: none !important;
    margin-bottom: 0px !important;
}
#enquiry_tpp{
    margin-top: -40px !important;
}
  .align_engli{
    margin-left: 0px !important;
    font-size: 14px !important;
  }
   .more_rd{
    margin-bottom: 10px !important;
   }
   .FCl{padding-left: 33px !important;
    padding-right: 36px !important;
    /* float: right; */
    display: block !important;
    float: inherit !important;
    margin: 0 auto !important;
}
.LCL{
        padding-left: 41px !important;
    padding-right: 23px !important;
    display: block !important;
    float: inherit !important;
    margin: 0 auto !important;
    margin-top: 10px !important;
}

#w-50{
    width: 100% !important;
}
#lft{
    width: 100% !important;
}
#wgt{
    width: 100% !important;
}
#ht{
     width: 100% !important;
}

/*#srchh{
    display: none !important;
}*/
/*.menu-toggle{
    margin-top: -34px !important;
    top:0px !important;
}*/
/*.navbar-header{
    border:none !important;
}*/

.menu-toggle.full {
    border: 1px solid;
    height: 35px;
    letter-spacing: 2px;
    padding-top: 8px;
    position: absolute;
    right: 15px;
    text-align: center;
    top: -62px;
}
.is-sticky .menu-toggle.full {
    top: -62px !important;
}
.search-form.searchBox.intSearch input {
    top: 0px;
    left: 0px;
}
.search-form.searchBox.intSearch button {
    right:  5px !important;
    top: 3px !important;
}
body{
    overflow-x: hidden !important;
}

}

#mbres{
    background-color: #fe8886;
}

#sh{
    color:white;
    font-size: 17px;

}

#hmc{
    font-size: 13px;
}

.how_many_con{
    font-size: 13.5px;
}
#abou_hgh{
    margin-top: -84px;
}
#abou_prghi{
    margin-top: -16px;
}
#enquiry_tpp{
    margin-top: 25px;
}

#serv_tppp{
    margin-top: -112px;
}
.c_frm{
    float: right;
    width: 39%;
}
.pno:hover{
    color:#fe8987;
}

/*#enquiry_tpp button.btn-danger:focus, #enquiry_tpp  button.btn-danger:hover,
   #enquiry_tpp  button.btn-danger:active, #enquiry_tpp  button.btn-danger:visited, #manone button.btn-danger:focus, #manone  button.btn-danger:hover,
   #manone  button.btn-danger:active {
   
    background: white !important;
    color:#fe8886 !important;
    border:1px solid #d9534f !important;
    outline: 0px auto -webkit-focus-ring-color !important;
}

#enquiry_tpp .btn.btn-danger.quotobtn:hover, #enquiry_tpp  button.btn.btn-danger.quotobtn:focus,
   #enquiry_tpp  button.btn.btn-danger.quotobtn:active, #enquiry_tpp  button.btn.btn-danger.quotobtn:target, #manone button#fcl_lcl:hover, #enquiry_tpp  button#ocean_bt:hover,
   #manone  button#fcl_lcl:active, #manone  button#fcl_lcl:visited,{
	background: transparent !important;
    color:#fe8886 !important;
    border:1px solid #d9534f !important;
    outline: 0px auto -webkit-focus-ring-color !important;
}*/



button.btn.btn-danger.selected{
  background: transparent !important;
    color:#fe8886 !important;
    border:1px solid #d9534f !important;
    outline: 0px auto -webkit-focus-ring-color !important;
}
table ul {
    list-style: disc;
    padding-left: 30px;
}

#contactSec .abft{
    line-height: 26px !important;
}

#contactSec .abft span.label.label-danger{
    line-height: 18px;
    background-color: #fe8987;
}

#contactSec .abft.inquiry, #contactSec .abft.employment{
    line-height: 16px !important;
}


.requiredField{
    color: red;
}

button#form_one_data.submitBtn, button#air_freight.airFreightSub, 
button#doorToDorSub.doorToDoorSub, button#pltr.pltrSub, button#inland.inlandSub, button#contactDetail.contSub{
    color: #fff !important;
    background-color: #d9534f !important;
    border-color: #d43f3a !important;
}