.navbar-toggle {

    border: 1px solid #333 !important;
    z-index: 5;
    margin-top: 15px;

}

.navbar-toggle .icon-link1 {

    background: #333 !important;

}

.heig_desc {
    height: 60px;
    overflow: hidden;
}

.destings {
    height: 50px;
    overflow: hidden;
}

.fa-angle-left,
.fa-angle-right {
    font-size: 40px !important;
    position: absolute;
    z-index: 5;
    display: inline-block;
    font-weight: 800;
    bottom: 65px;
}

.carousel_carousel_inner_glyphicons .fa-angle-left,
.carousel_carousel_inner_glyphicons .fa-angle-right {

    top: 325px;
}

.owl-next {
    margin: 10px 20px !important;
}

.licolor:after {
    margin-bottom: -9px !important;
}

a:hover {
    background-color: transparent !important;
}

.footer_hr {
    background-color: #000;
    width: 80%;
    margin-top: 60px;
    margin-bottom: 30px;
}

.carousel_carousel_inner_item_abtus {
    margin-top: -5.23%;
    z-index: -1
}

.carousel_carousel_inner_item {
    width: 100%;

}

.carousel_carousel_inner_glyphicons {
    z-index: 9999 ! important;
}

.carousel_carousel_inner {
    z-index: -1;
}

.footer_span_copyright {
    color: #fff;
    margin-left: 0%;
    margin-bottom: 0px;
}

.partenerpara2 {
    width: 80%;
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: #4c4c4c;
    text-align: left;
    margin: 5% 10%;

}

.partenerpara3 {
    border: none;
}

.head_containers47 {
    background-color: #000;
    margin-top: 0;
}

.li_request_icon {
    color: #fff;
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 1px solid;
    border-color: #fff;
    border-radius: 50%;
}

.li_request_icon a {
    color: #fff;
}

.li_request_icon:hover {
    background-color: #286090;
    transition: 0.4s;
}

.li_request_icon_span {
    margin-top: 10px;
    border: none;
}

.footer_request_ul {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;

}

.fontawe74 {
    color: #fff;
    font-size: 15px;
    font-weight: 500;

}

.abtus {
    background-color: #238DEF;
    opacity: .8;
    background-size: cover;
}

.head25 {
    color: #fff;
    font-size: 45px;
    margin-left: 15%;
    margin-top: 180px;
    margin-bottom: 50px;
}

.our_company_para {
    margin-left: 15%;
    margin-right: 290px;
    color: #fff;
    float: right;
    margin-bottom: 174px;
}


.animation_shiping_head {
    animation-name: fadeInUp;
}

.animation_shiping_para {
    animation-name: fadeInDown;
}

.animation_ideahead_head {
    animation-name: fadeInUp;
}

.animation_ideahead_para {
    animation-name: fadeInDown;
}

.animation_our_company_abtus {
    animation-name: auto;
}

.animation_our_company_abtus2 {
    animation-name: fadeInRight;
    animation-delay: 0.4s;
}

.recent_project_img {
    animation-name: fadeInLeft;
}

.animation_project_head {
    animation-name: fadeInLeft;
    animation-delay: 0.3s;
}

.animation_project_para {
    animation-name: fadeInRight;
    animation-delay: 0.2s;
}

.animation_scusses_container {
    animation-name: fadeInDown
}

.imglogo {
    height: auto;
    max-width: 90px;
}

.imgfootlogo {
    width: 115px;
    height: 60px;
    margin-left: 24px;
}

.partner_section {
    margin-top: 32px;
}

.partner_section_img {
    height: 100px !important;
}



.fontawe74 a:hover {
    color: #fff;
    text-decoration: none;
}

.footer_namer {
    font-size: 20px;
    margin: 40px 20px 10px;
}

.footer_namer_india {
    font-size: 17px;
    color: blue;
    margin: 0px 28px 50px;
}

.fontfb78 {
    color: #fff;
}

.fontfb78:hover {
    color: #fff;
}

.iconed {
    padding-left: 95px;
}

.our_company {
    background: url(../images/slide.jpg) center no-repeat fixed;
    width: 100%;

}

.abtus2 {
    background-color: #fff;
    opacity: 1;
    width: 57%;
    margin-top: 60px;
    margin-left: -200px;
}

.abtus_row1 {
    margin-top: 27px;
    margin-left: 20px;
    margin-right: 20px;
}

.abtus_row2 {
    margin-left: 195px;
    margin-top: 30px;
}

.img_recent_project {
    width: 100%;
}

.container_footer {
    background: #273030;
}

.navigation_head_span {
    color: #cecece;
    font-size: 15px;
    margin-top: 10px;
}

.navigation_head_address {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    margin-top: 65px;
    margin-left: 17px;
    margin-bottom: 30px;
    color: #cecece;
}

.navigation_ul {
    margin-bottom: 70px;
}

.navigation_ul_li {
    margin: 10px 0;
    font-size: 16px;
}

.navigation_ul_li_a {
    color: #cecece;
}


.navigation_head_address_div {
    margin-top: 30px;
}

.navigation_go_search {
    border-radius: 9px;
    border: none;
}

.container_footer {
    position: relative;
    top: -7.5%;
}

.navigation_go_button {
    background-color: #0689f8;
    margin-top: -33px;
    margin-left: 313px;
    border-radius: 9px;
    border: none;
    color: #cecece;
}

.abtus_row3 {
    margin-top: 6px;
    margin-left: 20px;
    margin-bottom: 14px;
}

.icneds {
    margin-left: 11% !important;
    margin-top: 42px;
}

.Project_Management {
    background: url("../images/info.jpg");
    margin-top: 50px;
    background-size: cover;
    overflow: hidden
}

.Project_container {
    margin: 100px 70px;
    background: rgba(255, 255, 255, 0.3);
}

.navigation_heading {
    color: #cecece;
    font-size: 20px;
    margin-top: 65px;
    margin-left: 38px;
    margin-bottom: 30px;
    font-family: 'Roboto', sans-serif;
}

.Project_para {
    color: #1b75bc;
    font-size: 24px;
    margin-left: 60px;
    font-weight: 600;
}

.project_head {
    font-size: 45px;
    margin-top: 50px;
    margin-left: 60px;
}

.img_me {
    width: 28%;
    margin-bottom: 50px;
    position: absolute;
    top: 3%;
    left: 36%;
}

.project_head2 {
    font-size: 30px;
    margin-top: 10px;
    margin-left: 60px;
}

.Project_para2 {
    font-size: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 60px;
}

.our_product {

    border-radius: 7px;
    background-color: #2B85B2;
    line-height: 31px;
    font-size: 17px;
    margin-top: 20px;
    border: none;
    border-bottom: 4px solid #1B4F72;
}

.our_product:hover {
    border: none;
    transition: .5s;
    background-color: #F4D03F;
    border-bottom: 4px solid #9A7D0A;
}

.footer_request_button {
    margin-bottom: 68px;
    border-radius: 7px;
    background-color: #2B85B2;
    line-height: 31px;
    font-size: 17px;
    margin-top: 60px;
    border: none;
    border-bottom: 4px solid #1B4F72;
    margin-left: 200px;
}

.footer_request_button:hover {
    border: none;
    transition: .5s;
    background-color: #F4D03F;
    border-bottom: 4px solid #9A7D0A;
}

.more_abt {
    margin-bottom: 68px;
    border-radius: 7px;
    background-color: #2B85B2;
    line-height: 31px;
    font-size: 17px;
    margin-top: 60px;
    border: none;
    border-bottom: 4px solid #1B4F72;
    margin-bottom: 76px !important;
}

.more_abt:hover {
    border: none;
    transition: .5s;
    background-color: #F4D03F;
    border-bottom: 4px solid #9A7D0A;
}

.carousel-caption {
    position: absolute;
    top: 34%;
}

.project_img {
    width: 100%;
}

.ulia {
    float: right;
}

.img_tain {
    background: url(../images/tain3.png), url(../images/ddd.jpg) center no-repeat fixed;
    background-size: cover;
    width: 100%;

}

.shiptech {
    width: 58%;
    font-size: 46px;
    letter-spacing: 2px;
    line-height: 1.2;
    text-align: center;
    color: #4c4c4c;
    margin: auto;
    margin-top: 22px;
    width: 100%;
}

.ideahead {
    margin-top: 95px;
    width: 58%;
    font-size: 46px;
    letter-spacing: 2px;
    line-height: 1.2;
    text-align: center;
    color: #4c4c4c;
    margin: 66px auto;
}

.scusses_container {
    margin-top: 50px;
    margin-bottom: 0;
    background: url(../images/bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.scusses_story {
    color: #23EF23;
}

.container_coloum {
    background: #fff;
    border-radius: 6px;
    margin: 60px 80px;
    border: 1px solid #fff;
}

.container_coloum_para2 {
    margin: 150px 60px 60px;
    font-size: 20px;
}

.scusses_coloum {
    margin-top: 150px;
}

.scusses_story_head {
    font-size: 35px;
    margin-top: 40px;
}

.scusses_story_para {
    font-size: 20px;
    margin-top: 20px;
    margin-right: 20px;
    margin-bottom: 90px;
}

.partenerpara {
    color: #4c4c4c;
    line-height: 1;
    font-size: 25px;
    text-align: center;
    margin: 15px auto auto;
}

.recent_project {
    margin-top: 50px;
}

.Recent_Projects_row_1 {
    margin-top: 40px;
    margin-bottom: 20px;
}

.Recent_Projects_row_2 {
    margin-top: 40px;
    margin-bottom: 20px;
}

.Recent_Projects_row_3 {
    margin-top: 40px;
    margin-bottom: 20px;
}

.our_client2 {
    border-radius: 7px;
    background-color: #2B85B2;
    line-height: 31px;
    font-size: 17px;
    margin-top: 60px;
    border: none;
    border-bottom: 4px solid #1B4F72;
    margin-left: 6 px;
}

.our_client2:hover {
    border: none;
    transition: .5s;
    background-color: #F4D03F;
    border-bottom: 4px solid #9A7D0A;
}

.licolor {
    color: #fff ! important;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    padding-top: 8px ! important;
    margin-bottom: 7px;
    font-size: 16px;
}

ul li {
    list-style: none;
}

.underliner {
    width: 76px;
    height: 2px;
    background: #000;
    position: absolute;
    top: 100%;
    left: 54%;
}

.captionpara {
    font-size: 15px;
    margin-right: 152px;
    margin-left: 165px;
}

.navbar_nav {
    z-index: 9999;
    margin-bottom: 0px ! important;
    border: 0px;
}

.abbruse {
    text-decoration: none;
}

.licolor:after {
    content: '';
    position: absolute;
    top: 50;
    bottom: 0;
    right: 0;
    margin-bottom: 0px;
    width: 100%;
    height: 2px;
    background: #fff;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s;
}

.licolor:hover:after {
    transform: scaleX(1);
    color: #fff ! important;
    transform-origin: right;
}

.navbar_brand74 {
    padding-top: 5px
}

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

.maindiv {
    background-color: rgba(0, 0, 0, 0.4);

}

.animated {
    animation-duration: 1s;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0%, -100%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(100%, 0%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.container_footer {
    position: relative;
    top: 0;
}

.container_footer_2 {
    background: url('../images/footer_img.jpg')no-repeat;
    background-size: cover;
    position: relative;
    top: 0%;
    bottom: 0px;
}

.footer_2_heading {
    color: #fff;
    margin-top: 90px;
    margin-left: 60px;
    font-size: 35px;
}

.footer_2_heading_span {
    font-size: 35px;
}

.footer_2_heading_para {
    color: #fff;
    font-size: 17px;
    margin-top: 50px;
    margin-left: 170px;
    margin-right: 120px;
}

.footer_2_row_head_skype {
    color: #fff;
    margin-left: 30px;
    font-weight: bold;
    font-size: 30px;
}

.footer_2_row_head_skype_para {
    color: #fff;
}

.footer_2_row {
    margin-bottom: 60px;
    margin-top: 60px;
}

.footer_2_row_img {
    margin-top: 22px;
}

.footer_2_row_coloum {
    border-right: 1px solid rgba(255, 255, 255, 0.4);
}

.animation_xsss:hover {
    animation-name: bounce;
}

.carousel_carousel_inner {
    z-index: -1;
}

.animation_container_fluid_container_row_coloum2 {
    animation-name: fadeInRight;
}

.animation_container_fluid_container_row_coloum1 {
    animation-name: fadeInLeft;
}

.carousel_carousel_inner_item {
    width: 100%;

}

.container_fluid_container {
    background: url("../images/grey.jpg") no-repeat;
    background-size: cover;
}

.container_fluid_container_row_coloum {
    margin-top: 40px;
    margin-bottom: 40px;
}

.container_fluid_container_para_a {
    font-size: 25px;
    color: #1b75bc;
}

.container_fluid_container_para_a_para {
    margin-top: 30px;
    margin-bottom: 20px;
}

.container_fluid_container_para_a_para2 {
    margin-bottom: 90px;
}

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

.container_fluid_container_row_coloum_head {
    font-size: 25px;
    color: #1b75bc;
    font-weight: bold;
}

.container_container_500 {
    margin-top: 60px;
}

.container_container_500_row {
    margin-top: 70px;
}

.container_fluid_contaienr {
    background:
        linear-gradient(rgba(6, 0, 10, 12.45),
            rgba(2, 0, 0, 0.45)),
        url("../images/countdown.jpg")no-repeat;
    background-size: cover;
    margin-top: 60px;
}

.container_fluid_contaienr_span {
    color: #fff;
    margin-top: 100px;
    margin-bottom: 40px;
    font-size: 25px;
}

.container_fluid_contaienr_row_coloum_94 {
    color: #fff;
    font-size: 80px;
    font-weight: 300;
}

.container_fluid_contaienr_row_coloum_94_div {
    color: #fff;
    font-size: 20px;
    margin-bottom: 120px;
}

.contaier_meet_our_team {
    margin-top: 90px;
}

.contaier_meet_our_team_para1 {
    font-size: 20px;
    margin-top: 30px;
    margin-bottom: 40px;
}

.contaier_meet_our_team_row_coloum_2 {
    margin-bottom: 50px;
}

.container_container_span_span_2 {
    font-size: 35px;
}

.container_footer_2 {
    background:
        linear-gradient(rgba(2, 0, 0, 0.45),
            rgba(2, 0, 0, 0.45)),
        url(../images/footer_img.jpg) no-repeat;
    background-size: cover;
}

.carousel_carousel_inner_item_batus {
    background: linear-gradient(rgba(2, 0, 0, 0.4), rgba(2, 0, 0, 0.5)), url(../images/abt_us.jpg)no-repeat center;
    background-size: cover;
    min-height: 250px;
    z-index: -1;
    max-height: 350px;
    overflow: hidden;
    width: 100%;
}

.container_about_us_head {
    margin-top: 90px;
    margin-bottom: 50px
}

.container_about_us_para {
    margin-bottom: 60px;
    margin-left: 60px;
    margin-right: 60px;
}

.container_container_500_row_coloum_img:hover {
    width: 110%;
}

.swing {
    -webkit-animation: swing 1s ease;
    animation: swing 1s ease;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.animation_container_about_us {
    animation-name: fadeInDown;
}

.animation_container_container_500_row {
    animation-name: fadeInDown;
}

.animation_container_fluid_contaienr_row {
    animation-name: fadeInDown;
}

.animation_contaier_meet_our_team_para1 {
    animation-name: fadeInRight;
}

.animation_contaier_meet_our_team {
    animation-name: fadeInLeft;
}

@media (max-width: 1050px) {
    .carousel_carousel_inner_item_abtus {
        margin-top: -6.23%;
    }
}

@media (max-width: 990px) {}

@media (max-width: 768px) {
    .container_about_us_head {
        font-size: 24px;
    }

    .container_fluid_container_coloum_head {
        font-size: 24px;
    }

    container_fluid_container_para_a {
        font-size: 20px;
    }

    .container_fluid_container_row_coloum_head {
        font-size: 19px;
    }

    .container_container_span_span_2 {
        font-size: 23px;
    }
}

@media (max-width: 600px) {
    .container_about_us_head {
        font-size: 19px;
    }

    .container_fluid_container_coloum_head {
        font-size: 20px;
    }

    .container_container_span_span_2 {
        font-size: 23px;
    }

    .container_fluid_contaienr_span {
        font-size: 20px;
    }

    .container_fluid_contaienr_row_coloum_94_div {
        font-size: 17px;
    }
}

@media (max-width: 480px) {
    .container_about_us_head {
        font-size: 17px;
    }

    .container_fluid_container_coloum_head {
        font-size: 20px;
    }

    .container_fluid_container_para_a {
        font-size: 17px;
    }

    .container_fluid_container_row_coloum_head {
        font-size: 16px;
    }

    .container_container_span_span_2 {
        font-size: 16px
    }

    .container_fluid_contaienr_span {
        font-size: 16px;
        margin-bottom: 0px;
    }

    .container_fluid_contaienr_row_coloum_94 {
        font-size: 45px;
        margin-top: 20px;
    }

    .container_fluid_contaienr_row_coloum_94_div {
        font-size: 15px;
    }
}

.headcaption {
    text-align: left;
    color: #ffff;
}

.navigation_head_address_img {
    width: 100%;
}

.animation_container_fluid_contaienr_row_coloum_94:hover {
    animation-name: tada;
}

.container_container_500_row .col-sm-2 {
    margin-bottom: 25px;
}

.backimage2 {
    background: url(../images/slide1.jpg) no-repeat center;
    background-size: cover;
    height: 284px;

}

.backimagecareer {
    background: url(../images/career.jpg) no-repeat center;
    background-size: cover;
    height: 250px;
    border-radius: 40px;

}

.backimage1 {
    background: url(../images/tr.jpg) no-repeat center;
    background-size: cover;

}

.backimage3 {
    background: url(../images/about.jpg) no-repeat center;
    background-size: cover;


}

.aafrert:before {
    content: " ";
    width: 40px;
    height: 267px;
    position: absolute;
    top: 0px;
    background: url(../images/arrow-white.png) no-repeat;
    background-size: 100% 100%;
    margin-left: -55px;
}

@media(min-width:767px) {
    .layerslide {
        background-color: transparent;
        background-image: -webkit-linear-gradient(150deg, transparent 35%, #4CBFFF 35%);
        min-height: 100%;
        width: 56%;
        opacity: 0.6;
    }
}

@media(max-width:767px) {
    .slider1 {
        height: 275px !important;
    }

    .slider2 {
        height: 275px !important;
    }

    .slider3 {
        height: 275px !important;
    }

    .mainlinks {
        background: #fff !important;
        width: 100%;
    }

    .mainlinks a {
        color: #000 !important;
        text-align: center;

    }

    .mainlinks {
        float: left !important;
    }

    .activelink {
        background: rgba(0, 57, 105);

    }

    .mainlinks li {
        border-bottom: 1px solid #F5F5F5;
    }
}

.carousel {
    z-index: 0;
}

.item:hover .child,
.item:focus .child {
    transform: scale(2.2);
}


.backimagecontact {
    background: url(../images/info.jpg) no-repeat center;
    background-size: cover;

}

.backimageserve {
    background: url(../images/backserve.jpg) no-repeat center;
    background-size: cover;

}

/*Career*/
.careerimg {
    width: 100%;
}

.career_tabs li {
    border-top-left-radius: 50px;
    border-top: 1px solid;
    border-left: 1px solid;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    border-bottom: 3px solid #0888c0 !important;
}


.tab-content .active {
    border-bottom: none !important;
}

.imagecare img {
    height: 100px;
}

.greyback {
    background: #f2f2f2;
}

.imagecare p {
    text-align: justify;
}

.imagecare .contact-right2 {
    border-radius: 10px
}

.imagecare a {
    width: 50%;
    background: #2B85B2;
    padding: 9px;
    border-radius: 50px;
    text-decoration: none;
}

.imagecare a:hover {
    width: 50% !important;
    background: #FFD700 !important;
    padding: 12px !important;
    border-radius: 50px !important;
    font-weight: bold;

}

.hiring a {
    width: 100%;
    background: #2B85B2;
    padding: 9px;
    border-radius: 50px;
    text-align: center;
    text-decoration: none;
}

.hiring a:hover {
    width: 100% !important;
    background: #FFD700 !important;
    padding: 12px !important;
    border-radius: 50px !important;
    font-weight: bold;

}

.hiring .row {
    border-bottom: 2px solid #e6e6e6;
    margin-bottom: 60px
}

.hiring h4 {
    font-weight: bolder;
    font-size: 23px;
    color: #000;
}

.hiring span {
    margin-left: 35px;
    color: #2B85B2;
    font-size: 22px;
    font-style: italic;
}

.nonee {
    border: none !important;
}

.hiring .col-sm-2 {
    margin-bottom: 60px;
}

.mar-bot50 {
    margin-bottom: 50px;
}

.processs h4 {
    font-weight: bolder;
    font-size: 23px;
    color: #000;
    margin-top: 22%;
}

.processs img {
    width: 70%;
}

.mar-bot20 {
    margin-bottom: 20px;
}

@media(min-width:767px) {

    .mar-leftss {
        margin-left: -23px;
    }

    .mar-rightss {
        margin-left: 12px;
    }

    .processs .col-xs-2 {
        background: #2B85B2;
        width: 30px;
        height: 309px;
    }
}

.careerpage h1,
h2,
h4 {
    font-family: sans-serif;
    font-weight: bolder;
    color: #000;
}

@media(max-width:480px) {
    .processs h4 {

        margin-top: 2% !important;
    }

    .marhead {
        margin-top: -377px !important;
    }

    .marheadno {
        margin-top: -810% !important;
    }

    .marheadimag {
        margin-top: 176px !important;
    }
}

@media(max-width:767px) {

    .marhead {
        margin-top: -98%;
    }

    .marheadno {
        margin-top: -518%;
    }

    .marheadimag {
        margin-top: 58%;
    }
}

@media (max-width: 392px) {
    .hiring span {
        margin-left: 10px;
        font-size: 13px;
    }

    .hiring h4 {
        font-size: 12px;
    }

    .careerpage h1,
    h2,
    h4 {

        font-size: 20px;
    }
}

/*/------Career------/*/
/*Services*/
.paddingsrve .row {
    padding: 41px
}

.agileits-services-info h4 {
    font-weight: bold;
}

.mar-bottt {
    margin-bottom: 20px;
}

.lighttheme1 {
    background: #374149;
    color: #fff;
}

.back4 {
    background: #db7093;
    padding: 16px;
}

.back3 {
    background: #66cc94;
    padding: 16px;
}

.back2 {
    background: #333333;
    padding: 16px;
}

.back1 {
    background: #f0f8ff;
    padding: 16px;
}

.martopbot50 {
    margin-top: 50px;
    margin-bottom: 50px;
}

.marbot50 {
    margin-bottom: 50px;
}

.servicess h2,
.trademark h2 {
    font-weight: bolder;
    letter-spacing: 4px;
}

.trademark img {
    height: 50px;
}

.animated1 {
    animation-duration: 2s;
}

.animated2 {
    animation-duration: 3s;
}

.animated3 {
    animation-duration: 4s;
}

@media(min-width:768px) {
    .sevicesdiv {
        float: right;
        margin-right: -15px;
    }
}

/*/------Services------/*/
/*/------Extra------/*/
.owliconnn {
    position: inherit;
    margin-top: 10px;
}

.bluee {
    background: #00008B !important;
}

.skyback {
    background: #00bfff !important;
}

.greyyback {
    background-color: #f6fafb;
}

.theme1clr {
    color: #000;
}

.contact-right2 {
    background: #ffff;
    padding: 40px;
    -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.75);
    width: 100%;
}

.layer {
    background-color: rgba(255, 209, 26, 0.8);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.process {
    background: #0888c0;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    height: 38px;
    left: -38px;
    line-height: 38px;
    position: absolute;
    text-align: center;
    top: 43.5px;
    width: 38px;
}

.block-boxx {
    margin: auto;
    width: 130px;
    height: 125px;
    background: #fff;
    text-align: center;
    line-height: 125px;
    border: 1px solid #E6E6E6;
    position: relative;
    margin-top: 5px;
}

.ourprocessicon {
    font-size: 80px;
    margin: 0;
    color: #CFCFCF;
}

.padd-serv {
    padding: 40px;
}

.padd-serv h3 {
    font-weight: bold;
    margin-bottom: 44px;
}

.padd-serv p {
    margin-top: 20px;
    margin-left: 57px;
}

.arrowproc {
    background: url(../images/arrow-our-process.png) no-repeat;

    width: 310px;
}

.con-us-but {
    border: 2px solid #fff;
    padding: 10px;
    color: #fff;
    font-weight: 700;
}

.imgheightcon {
    height: 265px;
    float: right;

}

.con-us-but:hover {
    border: 2px solid #fff;
    text-decoration: none;

}

.mar-bot-quo {
    margin-bottom: 100px;
}

.imagess-quo {
    width: 100%;
}

.statimg {
    height: 50px;
}

.statmarg {
    margin: 4% 8%;
}

.statmarg p {
    line-height: initial;
    color: theme1;
    margin-top: 5px;
}

.yellowclr {
    color: #FFBB00;
}

.backtheme1 {
    background: -webkit-linear-gradient(#000, #ababab, #000);
}

.skyclr {
    color: #2cb6f2;
}

.padwel {
    padding: 23px;
}

.marleft {
    margin-left: 25px;
}

.bold {
    font-weight: 900;
}

.marbtm20 {
    margin-bottom: 20px;
}

.itali {
    font-style: italic;
}

.imgheight {
    height: 396px;
}

.image2 {
    height: 300px;
}

.bluee {
    background: #00008B;
}

.borderrad {
    border-radius: 36px
}

@media(min-width:707px) {
    .divtra {
        border-radius: 80px;
        margin-top: 160px;
        margin-left: -115px;
    }
}

.backwhite {
    background: #fff;
}

.clrwhite {
    color: #fff;
}

.da h3 {
    color: #fff;
    margin: 45px;
}

.mar-bot {
    margin-bottom: 30px;
}

.truncateparagraph {
    color: #fff;

}

.text-center {
    text-align: center;
}

.padding-div {
    padding: 5%;
    background: #fff;

}

.backblue {
    background: #00008B;
    width: 120px;
    padding: 5px;
    color: #ffff;
    border: 2px solid #008B8B;
}

.iconnn i {
    font-size: 60px;
    color: #fff;
    width: 117px;
    height: 117px;
    margin-top: 27px;
    margin-left: 13px;

}

.border {
    border: 1px solid #008B8B;
}

.fltright {
    float: right;
}

.fltleft {
    float: left;
    background: #00008B;
    height: 120px;
    width: 120px;
    border-radius: 63px;
    margin-top: 37px;
}

.marbtmm {
    margin-bottom: 40px;
}

.martoppp {
    margin-top: 40px;
}

.truckimg {
    height: 100px;

}

.clrtheme1 {
    color: theme1;

}

.alignright {
    float: right;
    font-size: 14px;

}



@media(max-width:767px) {
    .adf {
        margin-top: 20px;
        background: #000;
    }

    .adf li a {
        color: #fff;
    }
}

.clientlogooo {
    padding: 0;
    border-radius: 39px;


}

.clilog {
    color: #00008B;
    font-weight: bold;
}

@media(min-width:992px) {
    .arrow {
        position: absolute;
        margin-left: 28px;
        margin-top: 51px;

    }
}

@media(min-width:992px) {
    .arrow-down {
        display: none;
    }
}

@media(max-width:991px) {
    .arrow-down {

        height: 46%;
        width: 29px;
        margin-top: -75px;
    }

    @media(max-width:991px) {
        .arrow {

            display: none;

        }

        .padd-serv p {
            text-align: center;
            margin-left: 0;
        }
    }

    .padd-serv p {
        text-align: center;
    }
}

.marbottop {
    margin-top: 30px;
    margin-bottom: 30px;
}

.layerslide span {
    position: absolute;
    width: 100px;
    height: 1px;
    background: #fff;
    content: "";
    top: 47%;
}

.carousel-caption {

    text-align: left;
}

@media(min-width:992px) {
    .socialll {
        margin-top: 25px;
    }

    .ulia {
        margin-top: -9px;
    }

    .maindiv {

        height: 40px;
    }
}

.mmamsj {

    margin-bottom: 20px;
}

@media(min-width:768px) {
    .navbar-header {

        width: 37% !important;
    }
}

@media(max-width:1145px) {
    .layerslide {
        background-image: -webkit-linear-gradient(168deg, transparent 35%, #4CBFFF 35%);
        width: 61%;
    }
}

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

.justify {
    text-align: justify;
}

.imgabtheight {
    height: 100px;
}

.rightimgabtheight {
    width: 90%;
}

.bolder {
    font-weight: bolder;
}

.font-abtuss span,
i {
    font-size: 15px;
    font-weight: 600;
}

.layerabt {
    background-color: rgba(255, 255, 255, 0.8);

}

.boxesss {
    height: 225px;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.75);
}

.transparentback {
    background: transparent !important;
}

.hhhhh {
    padding: 30px;
}

.hrline {
    width: 92%;
}

.hhhhh li {
    margin-right: 20px;
    color: #fff;
}

.hhhhh li a:hover {
    color: #fff !important;
}

.navbar,
.toppnavv {
    width: 100%;
    z-index: 1;

}

.toppnavv .col-sm-12 .fontawe74 {
    padding: 5px;

}

.toppnavv .col-sm-12 .fontfb78 {
    margin-right: 2px;
}

.fontawe7471 {

    margin-right: 40px !important;

}

.toppnavv {

    background-color: rgba(0, 0, 0, 0.5) !important;
    width: 100%;

}


.marheade {
    margin-top: 130px;
}

.activelink {
    background: #262626;
    color: #fff !important;

}

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

.mainlinks a:after {
    content: '';
    position: absolute;
    bottom: -3px;
    right: 0;
    margin-bottom: 0px;
    width: 100%;
    height: 2px;
    border-bottom: 3px solid #0888c0;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s;
}

.mainlinks a:hover:after {
    background: #8080ff;
}

@media(max-width:991px) {
    .hhhhh li {
        margin-right: 0;
    }
}

.divcaption p {
    font-size: 16px;
}



.margin40 {
    margin-top: 40px;
}

.margin-left20 {

    margin-left: 20px;
}

/*.owl-next, .owl-prev { 
      margin-top: -19% !important;
}.owl-next{ 
     float:right;
}
 .owl-prev{ 
     float:left;
}
 */
@media(max-width:583px) {
    .containerborbot {
        margin-top: 70px;
    }
}

@media(max-width:767px) {

    .carousel p {
        font-size: 10px;
    }

    .carousel h1 {
        font-size: 12px;
    }

    .carousel h3 {
        font-size: 15px;
    }
}

@media(max-width:329px) {

    .fontawe7471 {
        margin-top: -15px;
        margin-bottom: -6px;
    }
}

@media(max-width:392px) {


    .hiring span {
        margin-left: 10px;
        font-size: 13px;
    }

    .hiring h4 {
        font-size: 12px;
    }
}

.layertest {
    background-color: rgba(0, 0, 0, 0.9);
    top: 0;
    left: 0;
    height: 100%;
    padding: 35px;

}

.backclrtest .container {
    background: rgba(255, 255, 255, 0.3);
    padding: 10px;
    border-top-right-radius: 186px;
    border-bottom-left-radius: 186px;
    box-shadow: 3px 1px 2px #e6f2ff;
}

.img-div-car-bot {
    background: #0B60A9;
    height: 28px;
    border-bottom-left-radius: 17px;
    border-bottom-right-radius: 17px;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
}

.img-div-car-top {
    background: #0B60A9;
    height: 28px;
    border-top-left-radius: 17px;
    border-top-right-radius: 17px;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
}

.img-divv {
    background: #f2f2f2;
    padding: 5px 0px;
    border-radius: 10px;
}

@media(max-width:1199px) {
    .img-divv {
        padding: 3px;
    }
}

@media(max-width:767px) {
    .backclrtest .div-lin {
        margin-left: 0 !important;
    }

   

}

@media(max-width:480px) {
    .footer-bg {

        padding: 5px !important;
    }

    .backclrtest>.container {
        padding: 15px;
    }

    .backclrtest .fa-quote-right {
        margin-right: 4px !important;
    }

    .backclrtest .fa-quote-left,
    .backclrtest .fa-quote-right {
        font-size: 20px !important;
    }

    .backclrtest p {
        margin-left: 18px;
    }
}

.footer-bg {
    background: rgba(238, 238, 238, 0.9);
    font-size: 14px;
    padding: 50px;
    border-radius: 10px !important;
}

.footer-layer {
    background-color: rgba(0, 0, 0, 0.8);
    padding: 50px;

}

.testimonial-layer {
    background-color: rgba(255, 77, 77, 0.6);

}

/*--------Index-------*/
.backclrtest h3 {
    font-size: 20px;
    font-weight: 800;
    text-align: center;
}

.backclrtest h4 {
    font-size: 12px;
    font-weight: 600;
    text-align: center;
}

.backclrtest h2 {
    color: #fff;
    margin-top: 12px;
}

.backclrtest .div-lin {
    background: #fff;
    height: 5px;
    width: 216px;
    margin-top: 45px;
    margin-left: -30px;
}

.backclrtest .fa-quote-left,
.backclrtest .fa-quote-right {
    font-size: 35px;
    color: #fff;
}

.backclrtest .fa-quote-right {
    float: right;
    margin-right: 35px;
}

.backclrtest p {
    margin-left: 52px;
    color: #fff;
    width: 80%;
    text-align: justify;
}

.owl-nav {
    text-align: center;
}

.backclrtest img {
    height: 100px;
    width: 85% !important;
}

.backclrtest .row {
    padding-left: 130px;
    padding-right: 130px;
}

@media(max-width:767px) {

    .work-done h2:after {
        margin-left: auto;
        margin-right: auto;
    }

    .backclrtest .row {
        padding-left: 5px;
        padding-right: 5px;
    }

    .work-done .row {
        text-align: center;
    }

    .backclrtest p {
        margin-left: 25px;
    }
}

.backclrtest .owl-nav {
    display: none;
}

.backclrtest {
    background-image: url(../images/testimonial-bg.jpeg);
    background-size: cover;
    background-attachment: fixed;
    padding-left: 0;
    padding-right: 0;
}

.layertest>center>h2 {

    text-align: center;
    border-bottom: 2px solid;
    line-height: 2;
    width: 75px;

}


.work-done h2 {

    color: #0B60A9;
}

.work-done h2:after {
    content: '';
    display: block;
    margin-top: 10px;
    width: 50px;
    border-top: 2px solid #0B60A9;
}

.work-done h4 {
    text-transform: uppercase;
}

.work-done p {
    line-height: 1.2em;
    text-align: justify;
}

.work-done .col-sm-2 {
    padding: 20px;

}

.work-done {
    background: snow;

}

.work-done .row {
    padding-top: 15px;
    padding-bottom: 20px;

}

.login-but {
    background: #fff;
    padding: 0px 5px;
    border-radius: 5px;
    font-weight: 600;
    float: right;
    margin-right: 15px;
    margin: 7px;
    cursor: pointer;
    color: #000;
    text-decoration: none;
    border: 2px solid transparent !important;
    font-size: 12px;
}

.login-but:hover {
    background: #000;
    color: #fff !important;
    border: 2px solid #fff !important;
    text-decoration: none;
}

.abt-index h2 {
    font-size: 42px;
    color: #0888c0;
}

.abt-index p {
    font-size: 18px;
}



.abt-index a {
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
}

.abt-index a:hover {
    font-size: 21px;
    font-weight: 600;
    color: #0888c0;
}

.abt-index i {
    margin-left: 5px;
}



.abt-index img {
    padding: 50px;
    width: 100%;
    margin-top: 80px;
    margin-left: 40px;
    padding-bottom: 0;
}

.abt-index .img-abt-sid {
    background-image: url(./web_assets/images/coverflow_2.jpg);
}

.abt-index .abtindeximg {
    right: 8%;
    bottom: 0px;
    background-color: #0888c0;
    max-width: 250px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    padding: 15px;
    left: 50%;
    text-shadow: none;
    text-align: left;
    position: absolute;
    color: #fff;
}

.abt-index .abtindeximg i {
    font-size: 40px;
    margin-bottom: 25px;
}

.abt-index .abtindeximg h5 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 30px;
}

.abt-index .abtindeximg h6 {
    font-size: 15px;
    margin-bottom: 30px;
}

.abt-index .padd-60 {
    padding: 60px;
}

.clrgrey {
    background: #57585A;
    height: 30px;
    margin: 0;
}

.clrblue {
    background: #0888c0;
    height: 15px;
    margin: 0;
}

@media(max-width:480px) {
    .toppnavv .col-sm-12 .fontawe74 {
        padding: 0;
    }

    .hhhhh {
        padding: 40px 10px;
    }

    .abt-index .abtindeximg {
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        padding: 4px;
    }

    .abt-index .abtindeximg i {
        font-size: 20px;
        margin-bottom: 0;
    }

    .abt-index img {

        width: 100% !important;
    }

    .abt-index p {
        font-size: 14px;
    }

    .abt-index .padd-60 {
        padding: 10px;
    }

    .abt-index h2 {
        font-size: 18px;
    }

    .abt-index a {
        font-size: 14px;
    }

    .abt-index .abtindeximg h5 {
        font-size: 15px;
        margin-bottom: 0;
    }

    .abt-index .abtindeximg h6 {
        font-size: 12px;
        margin-bottom: 0;
    }

}

.layer24 {
    background-color: rgba(0, 0, 0, 0.7);
    top: 0;
    left: 0;
    height: 100%;
}

.layerwhy {
    background-color: rgba(0, 0, 0, 0.8);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
}

.navbar-nav>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
    padding: 15px 0;
    text-transform: uppercase;
    color: #666;
    margin-right: 15px;
}

@media (max-width: 1200px) {
    .navbar-nav>li>a {

        padding: 15px 12px;
    }
}

@media (min-width: 768px) {
    .navbar-nav {
        float: left;
    }

    .navbar-nav>li>a :hover {
        background: #8080ff;

    }
}

@media (max-width: 767px) {
    .abt-index img {
        padding: 0;
        margin-top: 0;
        margin-left: 0;
    }

    .layer24 {

        width: 100% !important;
    }

    .navbar-nav {
        float: right;
    }
}

.backimage4 .col-sm-4 {
    padding: 25px;
}

.layer_other {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.4);
    top: 0;
    left: 0;
    width: 100%;
    min-height: 250px;
    max-height: 350px;
}

.carousel-control {
    top: -40px;
}

/*------Index------*/
.warehouse .row {
    margin: 0;
}

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

.warehouse .backcolor {
    background: #f2f2f2;
}

.warehouse .backcolor a {
    color: #737373;
    text-decoration: none;
}

.warehouse .backcolor a:hover {
    color: #0888c0;
}

.warehouse .backcolor h3 {
    font-weight: 600;
    letter-spacing: 2px;
}

.warehouse .backcolor p {
    font-size: 16px;
    font-family: roboto, sans-serif;
    color: #737373;
}

.warehouse .backcolor>.row {
    padding-top: 25px;
    padding-bottom: 25px;
}

.warehouse .backcolor .row:hover h3 {
    color: #0888c0;
}

.warehouse .backcolor .row:hover .service-icon {

    background: #0888c0 none repeat scroll 0 0;

}

.warehouse .backcolor .row:hover .service-icon::before {
    background: #0888c0 none repeat scroll 0 0;

}

.warehouse .backcolor .row:hover .service-icon::after {
    background: #0888c0 none repeat scroll 0 0;

}

/*-----Hexagon-----*/
.service-icon-hexagon {
    margin-left: -56px;
}

.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 .3s ease 0s;
    transition: all .3s ease 0s;
    width: 34px;
    z-index: 1;
}

.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;
}

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

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

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

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

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

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

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

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

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

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

/*-----Hexagon-----*/
@media(max-width:767px) {
    .navbar-nav {
        float: none;
    }

    .warehouse .backcolor a,
    .warehouse .backcolor h3,
    .warehouse .backcolor p {
        margin-left: 35px;
    }

    .service-icon-hexagon {
        margin-left: 0px;
    }

    .warehouse .backcolor>.row {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .warehouse .col-xs-11 {
        width: 84.666667%;
    }
}

@media(max-width:480px) {
    .warehouse .backcolor p {
        font-size: 12px;
    }

    .warehouse .backcolor h3 {
        font-size: 16px;

    }

    .selection h3 {
        letter-spacing: 2px;
        font-size: 16px;
    }
}

/*------/Selection/------*/
.selection p {
    font-size: 18px;
    color: #9b9b9b;
    margin-bottom: 10px;
}

.selection h3 {
    letter-spacing: 4px;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 20px;
}

.selection hr {
    width: 40% !important;
    border-bottom: 1px solid #eee;
}

.selection i {
    border: 2px solid #eee;
    color: #0888c0;
    padding: 20px;
    font-size: 45px;
    text-align: center;
    margin-bottom: 10px;
}

.selection i:hover {
    border: 2px solid #0888c0;
    color: #000;
    cursor: pointer
}

.selection h3:hover {
    color: #0888c0;
    cursor: pointer
}

.selection>.row {
    padding: 30px 50px 30px 50px;
}

.selection .div_sel {
    padding: 15px;
}

@media(max-width:480px) {
    .selection>.row {
        padding: 5px 5px 5px 5px;
    }

    .selection .div_sel {
        padding: 5px;
    }
}

/*------/Selection/------*/
/*--------/Index/-------*/
/*--------Apply-------*/
@media (min-width: 768px) {
    .padcont {
        width: 50%;
    }
}

.backimagecont {
    background: url(../images/backserve.jpg) no-repeat center;
    background-size: cover;
    padding: 30px 0 0;
}

.contshade {
    background-image: linear-gradient(to right, #2B85B2, mediumpurple, #2B85B2);
    padding: 25px;
    box-shadow: 4px 2px 1px 3px rgba(0, 0, 0, 0.2);
    text-align: center;
    color: #fff;
    border-radius: 10px;
    margin-top: -93px;
    margin-bottom: 50px;
}


.padcont {
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 0;
    padding: 50px;
    border-radius: 10px;
    box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.1);
}

.backwhite {
    background: #fff;
}

.backsky {
    background: #2B85B2;
    color: #fff;
    border-radius: 25px;
    padding: 9px 25px;
}

/*--------/Apply/-------*/
/*--------Gas Agency-------*/
.back_theme1 {
    background: #0888c0;
    height: 240px;
}

.aboutus {
    padding: 0px 160px 0px 160px;
    padding-top: 0;
    margin-top: -170px;

}

.padding0 {

    padding: 0;

}

.backpink {
    background: #57585A;
    padding: 20px;
    padding-bottom: 80px;
}

.back_img_abt {
    width: 100%;
    height: 310px;
}

.back_img_abt {
    padding: 0;
}

.backpink h3,
.backpink h4 {
    color: #fff;
    margin-bottom: 30px;
    text-align: left !important;
}

.backpink p {
    color: #fff;
}

.backpink span {
    font-weight: 400;
    font-size: 32px;
    color: #eee;
}

.test_content {
    background: rgba(255, 255, 255, 0.3);
    padding: 10px;
    border-top-right-radius: 186px;
    border-bottom-left-radius: 186px;
    box-shadow: 3px 1px 2px #000;
    padding: 25px;
}

.backpink span {
    font-weight: 400;
    font-size: 32px;
    color: #eee;
}

.backpink h3,
.backpink h4 {
    color: #fff;
    margin-bottom: 30px;
    text-align: left !important;
}

.backpink p {
    color: #fff;
    letter-spacing: 1px;
}

.p_width {
    width: 100%;
}

h3.tittle {
    color: #262c38;
    margin: 0;
    font-size: 3em;
    font-weight: 700;
    letter-spacing: 1px;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.33);
}

.sdfd,
h3.tittle {
    font-size: 2em;
    font-family: serif;
}

.backpink h3,
.backpink h4 {
    color: #fff;
    margin-bottom: 30px;
    text-align: left !important;
}

.clr-white {
    color: #fff !important;
}

@media(max-width:767px) {
    .aboutus {
        padding: 0px 5px 0px 5px;

    }
}

@media(max-width:767px) {
    .aboutus {
        padding: 0px 5px 0px 5px;

    }
}

/*--------/Gas Agency/-------*/

@media(max-width:767px) {
    .navbar_nav .container-fluid {
        padding: 0px 30px 0;
    }

    .img-div-car-bot {
        width: 120px;
        margin-left: 15px;
    }

    .img-div-car-top {
        width: 120px;
        margin-left: 15px;
    }

    .img-divv {
        width: 145px;
    }
}



/*-------------------------RMASA---------------------------*/
/*-------------------------INDEX---------------------------*/
.section1 a {
    font-size: 15px;
    color: #006fb7;
    text-decoration: none;
    margin-bottom: 15px;
    font-weight: 700;
    text-align: justify;

}

.section1 a:hover {

    color: #666666;


}

.section1 p {
    font-size: 17px;
    text-align: justify;
}

.section1 h2 {
    color: #000;
    text-transform: capitalize;
    font-family: initial;
    margin: 20px 0;
    font-size: 24px;
}

.section2 {
    margin-top: 60px;
}

.section2 .back_blue a>h3 {
    font-weight: 600;
    font-size: 30px;
    margin: 0;


}

.section2 .back_blue a {
    color: #fff;
    text-decoration: none;
}

.section2 .col-sm-4 {
    padding: 0px 40px;
    margin-bottom: 25px;

}

.center {
    text-align: center;
}

.p-20 {
    padding: 20px;
}

.section2 p {
    color: #fff;
    font-size: 19px;
    margin: 25px 0;

}

.section3 {
    background: url(../images/backserve.jpg) no-repeat center;
    background-size: cover;
    min-height: 100%;
    padding: 0;



}

.section3 .layer3 {
    background-color: rgba(0, 0, 102, 0.6);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 30px 0px;

}

.section3 h3 {
    color: #fff;

}

.section3 h2 {
    color: #fff;
    font-family: initial;
}

.section3 img {
    border-radius: 50%;
    height: 125px;
}

.head_sect3 {
    padding: 20px 0;
}

.section4 h4 span {
    float: right;
    font-size: 18px;
    text-transform: uppercase;
    margin-right: 15px;
    font-weight: 600;
}

.section4 h4 {
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    color: #fff;
    padding: 15px;
}

.section4 {
    padding: 15px 50px;
}

.section4 h5 {
    position: absolute;
    top: -25px;
    background: #fff;
    padding: 5px 30px;
    font-size: 20px;
    text-transform: capitalize;
    color: #e69900;
}

.section4 p {
    font-size: 18px;
    text-align: justify;
    color: rgba(0, 0, 102, 0.8);
    font-weight: 600;
}

.boxx {
    box-shadow: 0px 1px 2px #666666;
    margin-bottom: 30px;
    position: relative;
}

.section4 img {
    height: 190px;
    width: 100%;
}

.section2 img {
    width: 100%;
    max-height: 200px;
}

.section1 .col-md-6 {
    padding: 0 5px;
}

.testimonials p {
    font-size: 18px;
    margin: 5px 0;

}

.testimonials h1 {
    color: #000;
    text-transform: capitalize;
    font-family: initial;
    margin: 0;
    font-size: 35px;

}

.section4 h1 {
    color: #000;
    text-transform: capitalize;
    font-family: initial;
    font-size: 35px;
    text-align: center;
    margin: 25px 0;

}

.footerr {
    background: url(../images/backserve.jpg) no-repeat center;
    background-size: cover;

}

.back_blue {
    background: #006fb7;

}

.back_white {
    background: #fff;
}

.top_header_back {
    /*  background: url(../images/bg_main.jpg) no-repeat center; */
    background-size: cover;
    min-height: 100%;
}

.top_header_back .navlinks a:hover {
    background: rgba(159, 223, 159, 0.8) !important;
    color: #fff;
}

.top_header_back .navlinks a {
    display: inline-block;
    color: #4d4d4d;
    background: rgba(159, 223, 159, 0.4);
    padding: 5px 10px;
}

.top_header_back img {
    display: inline-block;
    position: relative;

}

.top_header_back p {
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    font-weight: 200;
    font-size: 25px;
    line-height: 10px;
    position: relative;
    top: 25px;
}

.top_header_back p span {
    font-size: 25px;
    font-weight: 600;
}


.back_layer {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.7);
    left: 0;
    width: 100%;
    padding: 0px 60px;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    height: 190px;
    top: 460px;
}

.back_layer h2 {

    color: rgba(0, 57, 105, 0.9);
    font-weight: 400;
}

.back_layer hr {
    width: 46%;
    margin-bottom: 35px;
    border-top: 2px solid #666;
    position: absolute;
    margin-top: 0;
}

.back_layer p {
    color: #404040 !important;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 700;
    margin-top: 25px;

}

.carousel-control.left,
.carousel-control.right {

    background-image: none !important;

}

.m-r-0 {
    margin-right: 0;
}

.socialll {

    color: #fff;
    font-size: 20px;

}

.socialll a {
    margin-left: 5px;
    color: #666;
}

.socialll a:hover {
    color: #ccc;
    text-decoration: none;
}

.socialll span {
    color: #666;
}

a {
    text-decoration: none !important;
}

/*-------------------------/INDEX/---------------------------*/
/*-------------------------News_details---------------------------*/
.news_section1 h1 {
    margin: 20px 0;
}

.news_section1 h4 {
    font-weight: 400;
}

.news_section1 h4>span {
    font-size: 18px;
    text-transform: uppercase;
    margin-left: 30px;
    font-weight: 600;

}

.news_section1 .nameee {
    font-size: 20px;
    text-transform: uppercase;

    color: #e69900;
}

.news_section1 {
    margin-top: 60px;
}

.news_section1 .main_img {
    width: 100%;
    margin-top: 45px;
    max-height: 450px;
}

.news_section1 p {
    font-size: 18px;
}

.news_relevant h4 {

    font-size: 16px;
    font-weight: 400;
    margin: 0;
    color: #fff;
    padding: 15px;
}

.news_relevant h4 span {
    float: right;
    font-size: 18px;
    text-transform: uppercase;
    margin-right: 15px;
    font-weight: 600;
}

.news_relevant h5 {
    position: absolute;
    top: -25px;
    background: #fff;
    padding: 5px 30px;
    font-size: 20px;
    text-transform: capitalize;
    color: #e69900;
}

.news_relevant p {
    font-size: 18px;
    text-align: justify;
    color: rgba(0, 0, 102, 0.8);
    font-weight: 600;

}

.news_relevant img {
    height: 190px;
    width: 100%;
}

.m-t-50 {
    margin-top: 50px;
}

.m-r-15 {
    margin-right: 15px;
}

.m-l-15 {
    margin-left: 15px;
}

h1 {
    color: #000;
    text-transform: capitalize;
    font-family: initial;
    font-size: 35px;
    text-align: center;
    margin: 25px 0;
}

/*-------------------------/News_details/---------------------------*/
/*-------------------------About US---------------------------*/
.aboutt {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.aboutt h2 {
    font-weight: 900;
    font-size: 50px;
    text-align: center;
    font-family: 'proxima-nova', sans-serif;
}

.aboutt h3 {
    text-align: center;
    font-size: 23px;
    font-weight: 700;
    margin-bottom: 20px;
}

.aboutt p {
    font-size: 22px;
    text-align: center;
    color: #666;
}

.aboutt hr {
    width: 50%;
    border: 1px solid #d2282e;
    margin: 0 auto;
    opacity: 0.6;
    margin-bottom: 35px;
}

.aboutt .back_abt_img {
    background: url(../images/culture.jpg) no-repeat center;
    background-size: cover;
}

.sec2 h2,
.sec2 h3,
.sec2 p {
    color: #fff;
}

.p-0 {
    padding: 0;
}

.m-l-0 {
    margin-left: 0 !important;
}

.m-r-0 {
    margin-right: 0 !important;
}

.layer_theme1 {
    background-color: rgba(0, 0, 0, 0.7);
    padding: 25px 45px;
}

.aboutt .cust {
    padding: 30px 60px;
}

.aboutt .customer h2 {
    line-height: 4;
}

.aboutt .customer {
    height: 260px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.aboutt .cust_sec {
    padding: 15px 80px;
    margin-bottom: 50px;
}

/*-------------------------/About Us/---------------------------*/
/*-------------------------Committee---------------------------*/

.committee img {
    height: 100px;
    cursor: pointer;
    margin-bottom: 5px;
    width: 100%;
}

.committee img:hover {
    transition: all 0.9s;
    /* Change Speed */
    -ms-transform: scale(2, 2);
    /* IE 9 */
    -webkit-transform: scale(2, 2);
    /* Safari */
    transform: scale(2, 2);
    /* Change Size */
    overflow: visible;
    z-index: 1 !important;
    /* you can change it, but better let this in default */
}


.committee tr td span {
    font-weight: 400;
}

.committee tr {

    font-size: 11px;
    font-weight: 600;
    text-align: left;
    line-height: 2;

}

.m-b-10 {
    margin-bottom: 10px;
}

.f-r {
    float: right;
}

/*-------------------------/Committee/---------------------------*/
/*-------------------------Contact---------------------------*/
.white_clr {
    color: #fff;
}

.contact-form {
    background: #fff;
    margin-top: 10%;
    margin-bottom: 5%;
    width: 70%;
}

.contact-form .form-control {
    border-radius: 1rem;
}

.contact-image {
    text-align: center;
}

.contact-image img {
    border-radius: 6rem;
    width: 11%;
    margin-top: -3%;
    transform: rotate(29deg);
}

.contact-form form {
    padding: 14%;
}

.contact-form form .row {
    margin-bottom: -7%;
}

.contact-form h3 {
    margin-bottom: 8%;
    margin-top: -10%;
    text-align: center;
    color: #0062cc;
}

.contact-form .btnContact {
    width: 50%;
    border: none;
    border-radius: 1rem;
    padding: 1.5%;
    background: #dc3545;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
}

.btnContactSubmit {
    width: 50%;
    border-radius: 1rem;
    padding: 1.5%;
    color: #fff;
    background-color: #0062cc;
    border: none;
    cursor: pointer;
}

.backimagecont h2,
clrwhite {
    color: #fff;
}

.backimagecont p {
    color: #666;
    font-size: 16px;
    line-height: 2;
}

.getintouchh {
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    margin-left: 26px;
}

.backimagecont i {
    font-size: 27px;
    color: #666;
    position: relative;
    top: 12px;
    border: 1px solid;
    border-radius: 50px;
    padding: 15px;
    width: 60px;
    text-align: center;
}

.getintouchhddd {
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    margin-left: 18px;
}

/*-------------------------/Contact/---------------------------*/
/*-------------------------Media Query---------------------------*/
@media (max-width: 767px) {}

@media (max-width: 480px) {
    .eventss .desc {
        text-align: center;
    }

    .popup figure {


        left: 5% !important;

    }

    .section4 {
        padding: 15px 5px;
    }

    .navbar_nav .container-fluid {
        padding: 0px 5px 0;
    }

    .aboutt .cust {
        padding: 30px 0px;
    }

    .aboutt .cust_sec {
        padding: 15px 5px;

    }

    .layer_theme1 {
        background-color: rgba(0, 0, 0, 0.7);
        padding: 25px 5px;
    }

    .aboutt .customer {
        height: auto;

    }

    .aboutt h2 {

        font-size: 24px !important;

    }


    .top_header_back p span {
        font-size: 12px !important;

    }

    .imglogo {
        height: 60px;

    }

    .socialll {

        font-size: 14px !important;
    }

    .top_header_back p {
        line-height: 6px !important;
        font-size: 12px !important;

    }

    .padcont {
        padding: 5px;
    }

    .backimagecont {

        padding: 110px 20px;
    }

}

.owl-carousel .owl-stage-outer {

    margin-bottom: 20px;
}

/*-------------------------/Media Query/---------------------------*/
.m0 {
    margin: 0;
}

.iconservices {
    color: #2ec8a6 !important;

}

.web_login {
    float: right !important;
    margin-right: 70px !important;
}

.imgtest {
    border-radius: 50%;
    height: 100px;
}

.dd {
    margin-top: 50px;
}

.box {

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    padding: 10px 25px;
    text-align: right;
    display: block;
    margin-top: 60px;
}

.box-icon {
    background-color: #57a544;
    border-radius: 50%;
    display: table;
    height: 100px;
    margin: 0 auto;
    width: 100px;
    margin-top: -61px;
}

.box-icon span {
    color: #fff;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.info h4 {
    font-size: 26px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.info>p {
    color: #717171;
    font-size: 16px;
    padding-top: 10px;
    text-align: justify;
}

.info>a {
    background-color: #03a9f4;
    border-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    color: #fff;
    transition: all 0.5s ease 0s;
}

.info>a:hover {
    background-color: #0288d1;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.12);
    color: #fff;
    transition: all 0.5s ease 0s;
}

.contact-grid-agile button {
    outline: none;
    border: none;
    background: #0888c0;
    color: #fff;
    font-size: 16px;
    padding: 11px;
    width: 100%;
    transition: .5s all;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all;
}


span a.fonts {
    font-family: "Times New Roman", Times, serif !important;
}

.name {
    font-size: 15px !important;
    margin-left: -20%;

}

.grey {
    background-color: #F5F5F5;
}

.ht-footer-widget-one .widget-title {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    position: relative;
    line-height: 12px;
    color: #ffffff;
    padding-bottom: 28px;
    margin-bottom: 30px;
}

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

.fonts {
    float: left;
    margin-top: 10px;
}

@media only screen and (max-width: 480px) {
    .navbar-light .navbar-brand {
        font-size: 15px;
        margin-bottom: -60px;
    }

    .trans {

        width: 206px !important;
        margin-top: -15px;

    }

    .medi {

        width: 206px !important;
        font-size: smaller;
        margin-left: -22px;


    }

    transgaj {
        margin-left: -25px !important;

    }

    navbar-light .fonts {
        font-size: 15px;
    }

    .tex {
        margin-left: 22px;
    }
}

.trans {
    width: 300px;
    color: #dddddd;
    font-family: "Open Sans", sans-serif;


}

.trans1 {
    font-size: x-small;
}

.transgaj {
    margin-left: -65px;
    margin-left: -28px;
    color: #dddddd;
    font-family: "Open Sans", sans-serif;
}

.add {
    margin-left: 6px;
}

.fn {

    height: 75px;
    margin-top: 30px;
    font-size: 11px;
}

.client {
    height: 50px;
    width: 100px;
}

hr {
    width: 90%;
}

.leftp {
    text-align: left !important;
}

.flex-wrap {
    height: 165px;
    padding: 35px;
}

.sap {
    margin-bottom: -38px;
}

.career-bottom .col-md-4 {
    text-align: center;
    padding: 20px;
}


.greentext {
    color: #2ec8a6;
}

body p,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Calibri;


}

.icon-career {
    margin-bottom: 36px;


}

.imgpng {
    width: 70px;

}

.owlsty {
    margin-top: 40px;
    max-width: 750px;
}

.designations {
    font-size: 12px;
}

.client_logo {
    max-height: 150px !important;
    border-radius: 50%;
    max-width: 120px;
}



.career-bottom .col-md-4 {
    text-align: center;
    padding: 20px;
}


.greentext {
    color: #2ec8a6;
}

body p,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Calibri !important;


}

.icon-career {
    margin-bottom: 36px;


}

.contimg {
    max-width: 472px;
}

@media only screen and (max-width: 600px) {
    .contimg {
        max-width: 100% ! important;
    }
}

.greymisson {
    margin-bottom: 50px;
}

.containerers {
    width: 93%;
}

.imgtest {
    width: 100px !important;
    height: 100px !important;
    border-radius: 50%;
}

.marga {
    margin: -150px !important;
}

.imgfl {
    float: left;
    width: 100%;
    margin-top: 40px;
}

.margi {
    margin-top: 24px;
}

.justify {
    text-align: justify;
}

.abtus {
    margin-top: 14px;
}

span a.fonts {
    font-family: "Times New Roman", Times, serif !important;
}

.name {
    font-size: 15px !important;
    margin-left: -20%;

}

.grey {
    background-color: #F5F5F5;
}

.widget-title {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    position: relative;
    line-height: 12px;
    color: #ffffff;
    padding-bottom: 28px;
    margin-bottom: 30px;
}

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

.ht-footer-widget-one ul li {
    margin-bottom: 9px;
}

.fonts {
    float: left;
    margin-top: 10px;
}

@media only screen and (max-width: 480px) {
    .name {
        margin-top: -90px;

    }
}

@media only screen and (max-width: 480px) {
    .navbar-light .navbar-brand {
        font-size: 15px;
        margin-bottom: -60px;
    }

    .trans {

        width: 206px !important;
        margin-top: -15px;

    }



    .navbar-light .navbar-brand {
        font-size: 12px !important;
    }

    .medi {

        width: 206px !important;
        font-size: smaller;
        margin-left: -22px;


    }

    transgaj {
        margin-left: -25px !important;

    }

    navbar-light .fonts {
        font-size: 15px;
    }

    .tex {
        margin-left: 22px;
    }
}

.ht-footer-widget-one .ht-footer-social-one a:last-child {
    margin-right: 0;
}

.socia {
    float: left;
    margin-left: -15%;
}

.gt {
    margin-top: -11px;
}

.trans {
    width: 300px;
    color: #dddddd;
    font-family: "Open Sans", sans-serif;


}

.trans1 {
    font-size: x-small;
}

.transgaj {
    margin-left: -65px;
    margin-left: -28px;
    color: #dddddd;
    font-family: "Open Sans", sans-serif;
}

.add {
    margin-left: 0;
}

li {
    color: #333;
    line-height: 24px;

    position: relative;
    font-family: "Poppins", sans-serif;
}

.ht-footer-widget-one .ht-footer-social-one a {
    color: #dddddd;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 1px solid transparent;
    text-align: center;
    margin-right: 5px;
    float: left;
}

.ht-footer-widget-one ul li a {
    color: #dddddd;
    line-height: 24px;
    position: relative;
    font-family: "Poppins", sans-serif;
}

footer {
    line-height: 24px;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    visibility: visible;
    font-family: "Open Sans", sans-serif;
    color: #666666;
}

.widget-title::after {
    bottom: 0;
    width: 30px;
}

.widget-title::before,
.widget-title::after {
    position: absolute;
    content: "";
    left: 0;
    height: 1px;
    background-color: #666;
}

.widget-title::before {
    width: 60px;
    bottom: 6px;
}

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

.ht-footer-copyright-one p {
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    line-height: 24px;
    color: #666;
}

.footer a:hover {
    color: rgba(255, 209, 26, 0.8) !important;
    text-decoration: underline !important;
}

p:last-child {
    margin-bottom: 0;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

.ht-footer-copyright-one {
    text-align: center;
}

.fn {
    margin-left: -34px;
    height: 75px;
    margin-top: 30px;
    font-size: 11px;
    text-decoration: underline;
}

.flex-wrap {
    height: 165px;
    padding: 35px;
}

.sap {
    margin-bottom: -38px;
}

.white_clr {
    color: #fff;
}

.ftrclr {
    background: #212121;

    padding-top: 50px;
    padding-bottom: 20px;
    font-size: 14px;
}

.font_size_footer {
    font-size: 10px;
}

.img_client {
    height: 70px;
    width: 100px;
    border: 1px solid #808080;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 5px;
}

#toTop {
    display: block;
}

#toTopHover {
    opacity: 1;
}

.headergap {
    margin-top: -20px;
}

.heade {
    margin-bottom: 30px;
}

.abtus {
    margin-top: 50px;
}

.iconservices {
    color: #0888c0 !important;
    font-size: 40px;
}

.greymisson {
    margin-bottom: 50px;
}

.logosidvin {
    width: 400px;
    height: 70px;
}

.logosidvinf {
    width: 400px;
    height: 70px;
    margin-bottom: 7px;
}

.sideimage {
    background: url(../images/download.jpg) no-repeat;
    height: 175px;

}

.backimage1 {
    background: url(../images/tr.jpg) no-repeat center;
    background-size: cover;

}

.backimage2 {
    background: url(../images/slide1.jpg) no-repeat center;
    background-size: cover;
    height: 267px;

}

.backimage4 {
    background: url(../images/bg.jpeg) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
}

.martopbot10 {
    margin-bottom: 10px;
}

/* flip the pane when hovered */
.servicess .col-sm-4:hover .flipper,
.flip-container.hover .flipper {
    transform: rotateY(180deg);
}

.flip-container,
.front,
.back {
    width: 50px;
    height: 70px;
}

/* flip speed goes here */
.flipper {
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
}

/* hide back of pane during swap */
.front,
.back {
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

/* front pane, placed above back */
.front {
    z-index: 2;
    /* for firefox 31 */
    transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
    transform: rotateY(180deg);
}

.grey_clr {
    color: #666 !important;
}


/*******************************Products*****************************/
.products a {
    border: 2px solid #eee;
    margin: 0;
    width: 100%;
}

.products h3 {
    color: #262626;
    font-size: 16px;
}

.products p {
    text-transform: capitalize;
}

.products h5 {
    font-size: 16px;
    font-weight: 600;
    color: #666;
    padding: 5px 0;
    margin: 0;
}

.products img {
    display: block;
    width: 100%;
    max-height: 350px;
}

.products figure {
    padding: 13px;
}

.products h1 {
    color: #666;
    text-align: left;
}

.back_clr_pro_head {
    background: #000;
    height: 40px;
}

.products h2 {
    color: #666;
    font-size: 15px;
    font-weight: 400;
}

.sort_by {
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    padding: 5px 0;
    margin: 30px 0;
}

.nav_list {
    font-size: 15px;
    line-height: 3;
    color: #fff;
    margin-left: 10%;
    margin-top: 0;
}

.sidebar_h1 {
    font-size: 18px;
    font-weight: 600;
    border-bottom: 2px solid;
    padding: 5px 0;
    text-align: left;
    margin: 33px 0;
}

.pro_sidebar img {
    width: 100%;
    max-height: 60px;
}

.pro_sidebar h3 {
    font-size: 15px;
    color: #000;
    margin: 0;
}

.pro_sidebar p {
    font-size: 12px;
    margin: 0;
}

.pro_sidebar h5 {
    font-size: 13px;
    font-weight: 600;
    color: #999;
}

.all_pro {
    border: 2px solid #666;
    padding: 5px 20px;
    font-size: 16px;
    font-weight: 600;
    color: #666;
}

.all_pro:hover {
    color: #262626;
    border: 2px solid;
}

.products span {
    position: absolute;
    top: 5px;
    color: #fff;
    font-weight: 600;
}

.r15 {
    right: 15px;
}



.mb25 {
    margin-bottom: 25px;
}

.mt25 {
    margin-top: 25px;
}

.p0 {
    padding: 0;
}

/*******************************-Products-*****************************/
/*******************************Prodoct Details*****************************/
.p15 {
    padding: 15px;
}

.title.h6 {
    font-size: 20px;
    padding: 6px;
    margin: 20px 0 11px 0px;
    color: #888da8;
    border-bottom: 1px solid #ccc;
}

.messageshow {
    display: none;
    color: red;
}

.pro_name {
    margin: 0;
    color: #666;
    font-size: 20px;
    text-transform: capitalize;
    text-align: left;
}

.pro_descr h5 {
    font-size: 18px;
    font-weight: 600;
    color: #ff9900;
    margin: 20px 0;
}

.pro_descr p {
    font-size: 17px;
    letter-spacing: 0.5px;
    text-align: justify;
}

.pro_descr h5 span {
    background: rgba(92, 198, 208, 0.8);
    padding: 4px 5px;
    color: #fff;
    font-weight: 600;
    border: 1px solid;
    margin-left: 20px;
    font-size: 15px;
}

.right_min_plus {
    display: inline-flex;
    margin: 30px 0;
}

.right_min_plus i {
    border: 1px solid #fff;
    padding: 6px;
    border-radius: 15px;
    background: #333333;
    color: #fff;
    font-size: 11px;
    display: inline-table;
    cursor: pointer;
}

.right_min_plus .counter_qtyy {
    text-transform: capitalize;
    color: #666;
    font-size: 18px;
    font-weight: 600;
}

.add_btn i {
    margin-right: 10px;
}

.add_btn {
    background: #fff;
    border: 2px solid rgba(204, 122, 0);
    color: rgba(204, 122, 0);
    font-weight: 600;
    width: 100%;
    padding: 4px 0px;
}

.add_btn:hover {
    background: rgba(204, 122, 0);
    color: #fff;
}

.add_div a {
    width: 100% !important;
}

.nav_pills h4 span {
    color: #666;
    font-weight: 400;
    font-size: 16px;
}

.owl-carousel1 .owl-nav button.owl-next {
    right: -15px;
}

.nav_none .owl-nav {
    display: none;
}

.preview img {
    width: 100%;
    height: 350px;
    cursor: crosshair;
}

.back_grey {
    background: #eee;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    color: #fff;
    background: #000;
}

.nav-pills>li {
    float: left;
    font-size: 18px;
    font-weight: 600;
    color: #000;
}

.nav_pills .nav-pills {
    border-bottom: 2px solid #000;
    background: rgba(204, 204, 204, 0.2);
}

.nav_pills {
    margin: 40px 0;
}

.nav_pills p {
    font-family: Calibri !important;
    font-size: 18px;
    letter-spacing: 0.6px;
    margin: 20px 0;
    color: #666;
}

.nav-pills>li:hover a {
    color: #fff !important;

}

.nav-pills>li:hover {
    background: #000;

}

/*********Image Magnify*******/


.drift-demo-trigger {
    width: 40%;
    float: left;
}

.detail {
    position: relative;
    width: 100%;
    margin-left: 5%;
    float: left;
}



.ix-link {
    display: block;
    margin-bottom: 3em;
}

@media (max-width: 900px) {

    .detail,
    .drift-demo-trigger {
        float: none;
    }

    .drift-demo-trigger {
        max-width: 100%;
        width: auto;
        margin: 0 auto;
    }

    .detail {
        margin: 0;
        width: auto;
    }


    .responsive-hint {
        display: none;
    }

    .drift-bounding-box {
        display: none;
    }
}

.demo-area .height_60 img {
    height: 90px;
    max-width: 85px;
}

/*************--Image Magnify--***********************/
/*******************************-Prodoct Details-*****************************/
/*******************************Index*****************************/
.capitalize_h3 h3 {
    text-transform: capitalize;
    font-size: 18px;
}

.p0 {
    padding: 0;
}

.p5 {
    padding: 5px;
}

.p0_5 {
    padding: 0 5px;
}

.m10_0 {
    margin: 10px 0;
}

.head_line h1 {
    color: #697379;
    font-weight: 600;
    margin: 35px;
}

.owl-carousel1 figure {
    padding: 13px;
}

.owl-carousel1 p {
    text-transform: capitalize;
}

.owl-carousel1 h3 {
    color: #262626;
    font-size: 16px;
}

.owl-carousel1 a {
    border: 2px solid #eee;
    margin: 5px;

}

.owl-carousel1 h5 {
    font-size: 16px;
    font-weight: 600;
    color: #ff9900;
    border-top: 1px solid;
    padding: 5px 0;
}

.owl-carousel1 .owl-prev {
    left: -18px;
}

.owl-carousel1 .owl-next {
    right: -39px;
}

.owl-carousel1 .owl-nav span {
    padding: 40px 5px !important
}

.owl-carousel1 .owl-prev,
.owl-carousel1 .owl-next {
    background: rgba(102, 153, 153, 0.2) !important;
    border: 1px solid #ccc !important;
    font-size: 40px !important;
    position: absolute;
    top: 120px;
}

.test-name {
    background: rgba(37, 180, 233, 0.8) ! important;
    border-radius: 100px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    height: 47px;
    padding-top: 14px;
    text-align: center;
    width: 47px;
    float: right;
}

.user-review {
    min-height: 100px;
    max-height: 160px;
    overflow: auto;
    position: relative;
    text-align: justify;
}

.margin-20,
.mb-md {
    margin-bottom: 20px !important;
}

.panel-body {
    padding: 20px;
    margin-top: 10px;
    padding-top: 50px;
}

.testimonials p {
    font-size: 15px;
    margin: 5px 0;
    letter-spacing: 0.4px;
}

.font-abtuss span,
i {
    font-size: 15px;
    font-weight: 600;
}

.testimonials .fa-angle-left,
.testimonials .fa-angle-right {
    font-size: 40px;
    position: absolute;
    z-index: 5;
    display: inline-block;
    font-weight: 800;
    bottom: 190px;
    background: rgba(102, 153, 153, 0.2) !important;
    padding: 8px;

}

.testimonials .owl-prev {
    float: left;
    margin-left: -30px;
}

.testimonials .owl-next {
    float: right;
    margin-right: 0 !important;
}

.customer-panel {
    height: 100%;
    position: relative;
    z-index: 1;
    background: #fff;
    border: #e6e6e6 1px solid !important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #3b3b3b;
    margin: 10px;
    border: none !important;
    background: rgba(159, 223, 159, 0.1);
    margin-top: 35px;
    box-shadow: 5px 5px 19px -6px rgba(0, 0, 0, 0.75);
}

.carousel_carousel_inner .h1_carousel h1 p {
    font-size: 20px;
    display: inline-block;
    color: #fff;
    padding-bottom: 21px;
    text-transform: capitalize;
    line-height: 1.6;
    text-align: center;
    font-family: serif !important;
    margin-top: 20px;
}

.carousel_carousel_inner .h1_carousel h1 {
    z-index: 1;
    font-weight: 700;
    text-transform: uppercase;
    padding: 45px;
    color: #fff;
    text-align: center;
}

/* .carousel_carousel_inner .h1_carousel h1{
	    position: absolute;
    z-index: 1;
    color: #262626;
    font-weight: 700;
    left: 0;
    top: 150px;
    text-transform: uppercase;
    background: rgba(92,198,208, 0.2);
    padding: 45px;
    border: 1px solid;
}  */
.section2 {
    margin: 25px;
}

@media(max-width:767px) {
    .testimonials .owl-prev {
        margin-left: 0;
    }

    .testimonials .owl-next {
        margin-left: 0;
    }

    .owl-carousel1 .owl-prev {
        left: 0;
    }

    .owl-carousel1 .owl-next {
        right: 0;
    }

    .carousel_carousel_inner .h1_carousel h1 {
        top: 5px;
        padding: 0;
    }
}

/*******************************-Index-*****************************/
/*******************************-Cart-*****************************/
.cart table {
    border: 1px solid #eee;
}

.cart table th {
    padding: 10px 20px !important;
    color: rgba(102, 102, 102, 0.7);
    font-size: 16px;
    font-weight: 600;

}

.cart table img {
    height: 50px;
}

.cart table td {
    padding: 10px 20px !important;
    color: rgba(102, 102, 102, 0.7);

}

.cart .cart_min_plus {
    display: inline-flex;
    border: 1px solid;
}

.cart .cart_min_plus span {
    font-size: 14px;
    font-weight: 600;
    line-height: 2;
    border-right: 1px solid;
    padding: 0 5px;
    border-left: 1px solid;
    width: 30px;
    text-align: center;
}

.cart .cart_min_plus i {
    font-size: 10px;
    display: inline-table;
    cursor: pointer;
    line-height: 3 !important;
    width: 14px;
    text-align: center;
}

.cart .fa-trash-o {
    font-size: 18px;
    cursor: pointer;
}

.detail .fa-minus,
.detail .fa-plus {
    color: #fff !important;
}

.yellow_clr,
.fa-minus,
.fa-plus {
    color: #262626 !important;
}

.sky_clr {
    color: #262626;
    margin: 0;
}

.cart_summary h2 {
    font-size: 20px;
}

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

.cart_summary h4 {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.5);
}

.cart_summary span {
    float: right;
    color: rgba(0, 0, 0, 0.6);
    font-weight: 600;
    font-size: 15px;
}

.cart_summary hr {
    width: 100%;
}

.cart_summary i {
    font-size: 12px;
    margin-right: 2px;
    color: rgba(0, 0, 0, 0.6);
}

.cart_summary .border {
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 0 40px;
    margin-bottom: 30px;
}

.cart_summary .input-container span {
    float: right;
    color: rgba(0, 0, 0, 0.7);
    font-weight: 600;
    font-size: 15px;
    background: #ccc;
    border: 2px solid #ccc;
}

.input-field {
    max-width: 200px;
    padding: 5px;
    outline: none;
}

.checkout_cart i {
    margin-left: 10px;
    color: #fff;
}

.shopp_cart {
    border: 2px solid #fff;
    background: #ccc;
    padding: 1rem 4rem;
    color: #fff;
    width: 100%;
    text-align: center;
    font-weight: 600;
}

.checkout_cart {
    border: 2px solid #fff;
    background: #262626;
    border: none;
    padding: 1rem 4rem;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
    width: 100%;
}

.shopp_cart:hover {
    border: 2px solid #262626;
    background: #fff;
    color: #262626;
}

.checkout_cart:hover i {
    color: #262626;
}

.checkout_cart:hover {
    border: 2px solid #262626;
    background: #fff;
    color: #262626;
}

.input-field:focus {
    border: 1px solid #ccc;
}

.cart_summary .input-container span:hover {

    border: 2px solid #ccc !important;
    background: #262626;
    color: #fff;

}

.fa-trash-o:hover {
    color: red;
}

@media (max-width: 767px) {
    .cart tr {
        border-bottom: 1px solid #ccc;
        overflow: hidden;
    }

    .cart td {
        border: none !important;
        position: relative;
        width: 50%;
        float: left;
        white-space: normal;
    }

    .cart th {
        display: none;

    }

    .mob_non {
        display: none;
    }

    .cart .table {
        border: none;
    }
}

.p15_0 {
    padding: 15px 0;
}

.m30_0 {
    margin: 30px 0;
}

.mb_10 {
    margin-bottom: 15px;
}

/*******************************-/Cart/-*****************************/
.sold {
    background: antiquewhite;
    text-align: center;
    font-size: 35px !important;
    font-family: fantasy !important;
    position: absolute;
    top: 170px;
    padding: 5px 30px;
}

.rating-product span {
    margin-left: 15px;
    color: #262626;
    font-weight: 600;
    font-size: 12px;
    cursor: pointer;
}

.rating-product i {
    font-size: 11px;

}

.c-primary {
    color: #666;
}

.bordericon {
    text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
    color: #fff;
    font-size: 9px !important;
}

.changing_img {
    cursor: pointer;
}

.rating-product {
    margin: 5px 0;
}

.heig_desc {
    height: 60px;
    overflow: hidden;
}

.section1 a {
    font-size: 15px;
    color: #006fb7;
    text-decoration: none;
    margin-bottom: 5px;
    font-weight: 700;
    text-align: justify;
    width: 100%;
}

.sold {
    background: antiquewhite;
    text-align: center;
    font-size: 35px !important;
    font-family: fantasy !important;
    position: absolute;
    top: 170px;
    padding: 5px 30px;
}

.heig_desc {
    height: 60px;
}

.see_more:hover {
    background: #111;
}

.see_more {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
    background: #ccc;
    padding: 5px 10px;
    border-radius: 8px;
    line-height: 4;
    cursor: pointer;
}

.dfoodogif {
    display: none;
    width: 60px !important;
    height: auto;
    position: absolute;
    z-index: 99999;
    top: 250px;
}

.overlay {
    background: rgba(0, 0, 0, 0.8);
    background-position: center;
    color: #fff;
    z-index: 2 !important;
    opacity: .5;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
}

.div_height a {
    height: 410px;
}

.products figure {
    padding: 13px;
    height: 140px;
}

.products img {
    width: 100%;
    height: 350px;
}

.products h3 {
    color: #000;
    font-size: 16px;
    overflow: hidden;
    height: 15px;
    margin: 0;
}

.heig_desc {
    height: 60px;
    overflow: hidden;
}

.img_div_pro {
    height: 350px;
}

.pro_attrr {
    color: #ff9900;
    font-weight: 600;
}

.grey_clr {
    color: #666;
}

.navbar .container {
    width: 100% !important;
}

.sliderrr {
    padding: 0;
}

.carousel_carousel_inner .h1_carousel h1 a {
    font-size: 14px;
}

.h1_carousel {
    position: absolute;
    top: 75px;
    width: 100%;
}

.mt65 {
    margin-top: 65px;
}

figure hr {
    width: 90%;
    margin: 5px;
}

.section1 img {
    width: 100%;
    height: 350px !important;
}

/*----------------------------------Scroll Bar-------------------------------*/

/*----------------------------------/Scroll Bar/-------------------------------*/
/*----------------------------------INDEX-------------------------------*/
.moguaviheader .header:before {
    content: " ";
    border-bottom-style: solid;
    border-bottom-width: 5px;
    display: table-cell;
    width: 60px;
    position: relative;
    top: 38px;
    color: green;
}

.moguaviheader .header {
    display: inline-block;
    text-transform: uppercase;
    font-size: 23px;
    margin: 20px 0;
    text-align: left;
    color: #111;
    font-weight: 600;
    margin-bottom: 40px;
}

.moguaviheader .header span {
    font-size: 31px;
    color: #000;
    padding: 0 10px;
    margin: 0 40px -10px 40px;
    background-color: #fff;
    font-family: PlayfairDisplay-Regular, sans-serif;
}

.moguaviheader .subHeader {
    width: 100%;
    display: inline-block;
    margin-top: 24px;
    font-size: 17px;
    color: #000;
    font-family: PlayfairDisplay-Regular, sans-serif;
    letter-spacing: .9px;
    line-height: 13px;
    text-align: center;
}

.p45_0 {
    padding: 45px 0px;
}

.moguaviheader .content {
    position: absolute;
    bottom: 30px;
    text-align: left;
    color: #fff;
    left: 40px;
}

.moguaviheader .content a {
    font-weight: 600;
    text-transform: uppercase;
}

.moguaviheader .content h4 {
    border-bottom: 3px solid #fff;
    padding-bottom: 15px;
    color: #fff;
}

.moguaviheader img {
    vertical-align: middle;
    width: 100%;
    height: 350px;
    padding: 10px 0;
}

.content2 a {
    color: #000;
    text-align: center;
    border-bottom: 1px solid;
    width: 75px;
    padding: 7px 0;
}

.content3 a {
    color: #000;
    text-align: center;
    padding: 7px 0;
}

.m50_0 {
    margin: 50px 0 !important;
}

.owl-example3 {
    padding: 0 30px;
}

.products {
    width: 100%;
}

.testimonials .owl-buttons {
    display: none;
}










.parent-box {
    width: 25%;
    height: 300px;
    float: left;
    display: flex;
    ;
}

.info>div:first-of-type {
    width: 50%;
    float: left;
    align-items: center;
    padding: 5px;
    padding-top: 30px;
    display: flex;
    font-family: 'Titillium Web'
}

.info>div:first-of-type>a {
    padding-left: 15px;
    color: #1E3344;
    text-decoration: none;
}

.info>div:last-of-type {
    width: 50%;
    float: left;
    padding: 5px 0 0 0;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.info>div:last-of-type>img {
    width: 100%;
}

.box {
    width: 100%;
    height: 100%;
    padding: 15px 15px 0 15px;
}

.dialog-box span {
    font-weight: bold;
    padding: 15px 15px 0px 15px;
    font-size: 14px;
    display: table-cell;
    color: #a2904b;
}

.dialog-box i {
    float: right;
    margin-right: 16px;
    margin-top: 7px;
}

.dialog-box {
    background: white;
    width: 100%;
    height: 55%;
    font: normal 20px/25px 'Titillium Web', 'Arial';
    display: table;
    position: relative;
    letter-spacing: 1px;
    border-radius: 1px;
}

.dialog-box>p {
    margin: 0;
    display: table;
    width: 100%;
}

.dialog-box>p>a {
    padding: 12px 14px 0;
    text-decoration: none;
    color: #1E3344;
    display: table;
}

.dialog-box:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 22px 0px 0 45px;
    border-color: #ffffff transparent transparent transparent;
    position: absolute;
    left: 15%;
    bottom: -20px;
    content: close-quote;
    z-index: 1;
}

.info {
    width: 100%;
    height: 45%;
    display: flex;
    position: relative;
    border-bottom: 2px solid #a2904b;
}

.carousel h1 .typewrite {
    color: #fff !important;
    font-size: 35px !important;

}

.start {
    border: 2px solid #fff;
    color: #fff !important;
    padding: 8px 20px;
}

/*-------------- button slide -----------*/

.btns:hover .slide {
    background: #fff !important;
    border-radius: 5px;
    color: #111 !important;
    width: 100%;
    transition: all .3s ease 0s
}

/* .sliderimage {
  width: 100%; 
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 80%, 100% 0);
  clip-path: polygon(0 0, 0 100%, 100% 80%, 100% 0);
} */
/*--------------/ button slide /-----------*/
.testimo .fa-quote-left {
    border: 2px solid green;
    padding: 10px;
    border-radius: 25px;
    font-size: 25px;
    position: absolute;
    top: 10px;
    z-index: 2;
    left: 25px;
    color: green;
}

.panel-body img {
    display: block;
    width: 150px !important;
    height: auto !important;
    border: 2px solid #eee;
    border-radius: 30px;
    padding: 5px;
    margin-bottom: 15px;
    background: #fff;
    max-height: 130px;
}

.wrap {
    border-bottom: 3px solid;
}


/*RECOMMENDED ARTICLES*/
.clear {
    clear: both;
}

.product__resources .product__cont {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    padding: 30px 0;
}

.product__cont h2 {
    margin: 0 0 60px;
    color: #003A79;
}

.product__resources__item {
    float: left;
    width: 92%;
    box-sizing: border-box;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    margin: 15px;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    background: #fff;
}

.product__resources__item__img {
    height: 200px;
    width: 100%;
    position: relative;
    left: 0;
    background-size: cover !important;
    background-position: center !important;
    padding: 15px;
}

.product__resources__item h3 {
    padding: 0 30px;
    color: #003A79;
}

.product__resources__item p {
    padding: 0 30px;
    line-height: 1.45;
}

a.article-Button {
    padding: 15px 78px 15px 30px;
    margin: 15px 30px -25px 0px;
    border-radius: 30px;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 20px;
    font-style: italic;
    color: #ffffff;
    transition: all 0.3s linear;
    text-decoration: none;
    width: auto;
    background-color: #003A79 !important;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    float: right;
}

.article-Button:after {
    background: url(https://www.desertfinancial.com/-/media/desert-financial/misc/sharing-success//ctaArrow.svg);
    background-repeat: no-repeat;
    content: "";
    height: 16px;
    margin-left: 15px;
    margin-top: 5px;
    padding-right: 38px;
    position: absolute;
    transition: all 0.3s linear;
}

.product__resources__item:hover {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
}

.product__resources__item a:hover::after {
    transform: scaleX(1);
    transform-origin: bottom left;
}

@media screen and (max-width: 695px) {
    .product__resources__item {
        width: 100%;
        margin: 30px 0 60px;
        display: block;
    }
}

.mb40 {
    margin-bottom: 40px;
}

.youtube {
    box-sizing: border-box;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    background: #fff;
    padding: 10px;
}

/*END : RECOMMENDED ARTICLES*/
/* --------------Links--------------- */

.youtube a {
    position: relative;
    display: inline-block;
    margin: 15px 25px;
    outline: none;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
    font-size: 1.35em;
}

.youtube a {
    margin: 0;
}

.youtube a::before,
.youtube a::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #fff;
    content: '';
    opacity: 0.2;
    -webkit-transition: opacity 0.3s, height 0.3s;
    -moz-transition: opacity 0.3s, height 0.3s;
    transition: opacity 0.3s, height 0.3s;
}

.youtube a::after {
    top: 100%;
    opacity: 0;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
}

.youtube a span:first-child {
    z-index: 2;
    display: block;
    font-weight: 300;
    color: #003A79;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 600;
}

.youtube a span:last-child {
    z-index: 1;
    display: block;
    padding: 8px 0 0 0;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: none;
    text-transform: none;
    font-style: italic;
    font-size: 0.75em;
    font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
    opacity: 0;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
}

.youtube a:hover::before,
.youtube a:focus::before {
    height: 6px;
}

.youtube a:hover::before,
.youtube a:hover::after,
.youtube a:focus::before,
.youtube a:focus::after {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}

.youtube a:hover span:last-child,
.youtube a:focus span:last-child {
    opacity: 1;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    transform: translateY(0%);
}

.links a {
    display: inline-block;
    color: #111;
    text-decoration: none;
    margin-bottom: 5px;
}

.links a::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: rgba(37, 180, 233, 0.8);
    transition: width .3s;
}

.links a:hover {

    color: rgba(37, 180, 233, 0.8);
}

.links a:hover::after {
    width: 100%;
    transition: width .3s;
}

.about p {
    font-size: 17px;
    text-align: justify;
}

.about img {
    width: 100%;
    padding: 0;
    border-radius: 15px;
}

.about video {
    width: 100%;
    padding: 0;
    border-radius: 15px;
    max-height: 310px;
    object-fit: cover;
}

.about a {
    color: green;
    border: 2px solid;
    padding: 10px 30px;
    font-weight: 600;
    line-height: 5;

}

.about a:hover {
    background: green !important;
    color: #fff !important;
    transition: 1.9s;
}

.services .content p {
    font-size: 14px;
    color: #999;
    text-align: justify;
}

.services p,
.plan p,
.choose p {
    font-size: 17px;
    text-align: justify;
}

.services h4 {
    color: #808080;
}

.services i {
    font-size: 40px;
    background: #ccc;
    padding: 16px;
    position: absolute;
    left: 30px;
    top: 21px;
    color: #fff;
}

.darkgrey {
    background: #cccccc;
}

.lightgrey {
    background: rgb(242, 242, 242, 0.4);
}

.black_light {
    background: #323232;
}

.green_light {
    background: #43cb83;
}

.blue {
    background: #845a9f;
}

.plan_head {
    height: 13px;
}

.p30_0 {
    padding: 30px 0 !important;
}

.p25_0 {
    padding: 25px 0 !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.theme_alter {
    background: rgba(242, 242, 242, 0.3);
}

.serve:hover {
    border: 2px solid rgba(37, 180, 233, 0.8) !important;
}

.serve:hover h4 {
    color: rgba(37, 180, 233, 0.8);

}

.serve:hover i {
    background: rgba(37, 180, 233, 0.8);
}

.services .serve {
    margin: 0 5px;
    padding: 10px 0;
    border: 2px solid rgba(242, 242, 242, 0.2);
}

.plan h4 {
    font-family: inherit !important;
    font-size: 18px;
    font-weight: 900;
    color: #545454;
}

.plan h3 {
    font-size: 25px;
    font-weight: 900;
    font-family: inherit !important;
    line-height: 1.3;
}

.plan .fa-check {
    color: #43cb83;
}

.plan .border {
    border: 1px solid #f2f2f2;
    padding: 25px 10px;
}

.choose p {
    font-size: 18px;
}

.choose h4 {
    font-family: inherit !important;
    color: #333;
    font-weight: 900;
    letter-spacing: 1px;
    font-size: 26px;
}

.choosens i {
    color: #111;
    border-radius: 30px;
    font-size: 25px;
    float: right;
    margin-right: 15px;

}

.choose i {
    border-radius: 30px;
    font-size: 25px;
    background: #ccc;
    padding: 18px;
    color: #fff;
    position: relative;
    top: 10px;
    width: 58px;
    text-align: center;
}

.choosenn:hover h4 {
    color: green;
}

.choosenn:hover i {
    background: green;
}

.p55_0 {
    padding: 0 55px;
}

.progress {
    overflow: visible;
}

.progress-bar-value {
    font-weight: 600;
    color: #fff;
    background: #303032;
    padding: 5px 9px;
    position: absolute;
    top: -40px;
    right: 0;
    border-radius: 5px;
}

.progress-bar-info {
    background-color: #111;
    position: relative;
    border-radius: 8px;
}

.progress-bar-value::before {
    position: absolute;
    content: '';
    bottom: -5px;
    left: 50%;
    background: #303032;
    height: 10px;
    width: 10px;
    transform: translateX(-50%) rotate(-45deg);
}

/* --------------/Links/--------------- */
/*----------------------------------/INDEX/-------------------------------*/
/*----------------------------------HEADER-------------------------------*/
.socialll li {
    font-size: 12px;
}

.socialll {
    float: right;
    margin-right: 15px;
    height: 0;

}

.return h3 {
    font-size: 3rem;
    color: #666;
    margin: 10px 0;
}

.return h5 {
    font-size: 14px;
    font-weight: 600;
}

.return p {
    font-size: 15px;

}

.p50_0 {
    padding: 50px 0;
}

.navbar-nav>li>.dropdown-menu {

    width: 100%;
    padding: 30px 25px;
    position: fixed;
    top: 235px;


}

.dropdown-menu li {

    font-size: 13px;
    letter-spacing: 1px;
    padding: 3px;
}

.dropdown-menu>li>a {
    color: #fff !important;
    font-weight: 600;
    font-family: serif;
    font-size: 13px;
    margin: 5px 0;
}

.cartt sup {
    color: #fff;
    background: #262626;
    padding: 3px;
    border-radius: 10px;
    font-weight: 600;
    top: -1em;
}

.cartt .user_detail span {
    margin-left: 5px;
    font-size: 15px;
}

.cartt .user_detail {
    margin: 15px 0;
    font-size: 18px;
    cursor: pointer;
    margin-right: 5px;
    color: #262626;
}

.cartt .fa.fa-heart,
.cartt .fa.fa-shopping-cart,
.search_show {
    margin: 15px 0;
    font-size: 18px;
    cursor: pointer;
    margin-right: 5px;
    color: #fff;
}

.cartt .user_detail:hover {
    color: #3399ff;
}

.user_profile {
    width: 100% !important;
    min-width: 200px;
    padding: 10px !important;
    background: #000 !important;
    position: absolute;
    top: 35px;
    left: -65px;
}

.dropdown-menu h3 {
    font-size: 16px;
    font-weight: 600;
    padding: 5px 15px;
    border-bottom: 1px solid #eee;
    color: #011;
    width: max-content;
}

.dropdown-menu a {
    color: #666;
    padding: 2px 15px;
    display: block;
    font-weight: 600;
    font-size: 12px;
}

.disc_price {
    color: #666;
    margin-left: 5px;
    text-decoration: line-through;
}

@media(max-width:767px) {
    .none {
        display: none !important;
    }

}

@media(min-width:768px) {
    .user_profile li a {
        text-align: left;
        padding: 0;
    }

}

.heig_desc {
    height: 60px;
}

.section1 img {
    width: 100%;
    max-height: 280px;
}

.owl-carousel {
    overflow-x: hidden;
}

.products .owl-item {
    margin-right: 10px;
}

.products .fa-stack {
    position: absolute !important;
    bottom: 160px !important;
    top: 245px;
    cursor: pointer;
    color: #666;
}

.mb40 {
    margin-bottom: 40px;
}

.theme1 {
    background: red;
    color: #fff;
    padding: 3px;
}

.searchh .fa-search {
    position: absolute;
    top: 12px;
    font-size: 20px;
    right: 20px;
    font-weight: 100;
}

.search_box {
    height: 45px;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 5px;
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding-right: 40px;
}

.m30_0 {
    margin: 30px 0;
}

.list-inline>li {
    display: inline-flex;
}

.searchh select {
    height: 45px;
    border: 1px solid #ccc;
    border-right: none;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.logout a {
    text-align: center !important;
}

.logout {
    border: 1px solid #333333;
    background: #333333;
    border-radius: 5px;
}

hr {
    margin-top: 11px;
    margin-bottom: 11px;
}

nav .fa-user {
    background: rgba(0, 0, 0, 0.1);
    padding: 10px;
    border-radius: 30px;
    margin-left: 10px;
    font-size: 19px;
}

.t200 {
    top: 200px !important;
}

.searchh {
    position: relative;
    margin: 30px 0 0;
}

.w100 {
    width: 100%;
}

@media(min-width:768px) {
    .mainheader {
        position: fixed;
        width: 100%;
        z-index: 2;
        background: #fff;
        top: 0;
    }

}

@media(max-width:767px) {
    .footer .container {
        padding: 15px !important;
    }

    .footer {
        padding: 30px 0 0 0 !important;
    }

    .p45_0 {
        padding: 20px !important;
    }
}

/*-------------SIDEPANEl-------------------*/

@media(min-width:768px) {
    .sidepanel {
        display: none;
    }

    

    .mob_view {
        display: none !important;
    }

    .carousel {
        position: relative;
        top: 0 !important;
    }
}

@media(max-width:767px) {
    .mt65 {
        margin-top: 0px;
    }

    

    .sidepanel .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
        padding: 6px 0;
        text-transform: uppercase;
        color: #111 !important;
        margin-left: 25px !important;
        text-align: left !important;
        font-size: 14px !important;
        font-weight: 400;
    }

    .sidepanel .fa-user {
        background: rgba(0, 0, 0, 0.1);
        padding: 5px;
        border-radius: 30px;
        margin-left: 10px;
        font-size: 16px;
    }

    .sidepanel>ul .sign {
        font-size: 12px !important;
        padding: 10px !important;
    }

    .sidepanel>ul {
        display: inline-flex;
        width: 100%;
        border-bottom: 1px solid #eee;
        padding: 15px 0;
    }

    .sidepanel {
        width: 0;
        position: fixed;
        z-index: 5;
        top: 0;
        left: 0;
        background-color: #fff;
        overflow-x: hidden;
        transition: 0.5s;
        height: 100%;
    }

    .sidepanel a {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 25px;
        color: #111;
        display: block;
        transition: 0.3s;
    }

    .sidepanel a:hover {
        color: #f1f1f1;
    }

    .sidepanel .closebtn .fa-times {
        position: absolute;
        right: 15px;
        top: 25px;
    }

    .sidepanel .closebtn {
        font-size: 22px;
        font-weight: 600;
        color: #111;
    }

    .openbtn {
        font-size: 20px;
        cursor: pointer;
        background-color: #111;
        color: white;
        padding: 10px 15px;
        border: none;
    }

    .openbtn:hover {
        background-color: #444;
    }

    .sidepanel #demo {
        padding-left: 15px;
        padding-top: 12px;
    }

    .sidepanel h3 {
        font-size: 16px;
        margin: 0;
        color: #111;
    }

    .sidepanel .navbar-nav .fa-plus {
        font-size: 16px;
        color: #111 !important;
        position: absolute;
        right: 25px;
        top: 10px;
    }

    .sidepanel #demo a {
        text-align: left;
        padding: 5px 15px;
        font-size: 14px;
        color: #999 !important;
    }

    .top_header_back img {
        width: 100%;
    }

    .carousel_carousel_inner_glyphicons .fa-angle-left,
    .carousel_carousel_inner_glyphicons .fa-angle-right {
        top: 150px;
    }

    .web_view {
        display: none !important;
    }

    .searchh {
        display: none;
    }

}

.border_right {
    border-right: 1px solid;
    padding: 5px;
}

.tar {
    text-align: right;
}

.maintop {
    background: rgba(255, 255, 255, 0.9);
    padding: 5px;
    border-bottom: 1px solid #eee;
    box-shadow: 0px 0px 34px 9px rgba(0, 0, 0, 0.7)
}

.theme1 .list-inline ul {
    text-align: left !important;
    color: #fff !important;
}

.theme1 .list-inline span,
.theme1 .list-inline a {

    font-weight: 600 !important;
    font-size: 12px !important;
    color: #fff !important;
}

.theme1 .list-inline li>span {
    line-height: 2;
    margin-right: 5px;
}

.tac {
    text-align: center;
}

.navbar {
    min-height: auto !important;
    padding: 10px;
}

/*----------------------------------/HEADER/-------------------------------*/
/*----------------------------------FOOTER-------------------------------*/
.input-container {
    display: flex;
    width: 100%;
    margin-bottom: 15px;
    margin-top: 25px;
}

.icon {
    padding: 10px;
    background: #5cc6d0;
    color: white;
    min-width: 50px;
    text-align: center;
    font-size: 25px;
}

.input-field {
    width: 60%;
    padding: 5px;
    outline: none;
}

.icon:hover {
    cursor: pointer;
}

/*FOOTER START///////////////////*/

.footer {
    padding: 50px 0 20px 0;
    background-color: #272723;
    color: #878c94;
    margin-top: 50px;
}

.footer .title {
    text-align: left;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}


.social-icon {
    padding: 0px;
    margin-top: 25px;
    display: grid;
    position: fixed;
    top: 35%;
    z-index: 999;
}

.social-icon a:hover {
    border: 1px solid;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    width: 50px !important;
    transition: 0.3s;
}

.social-icon a {
    display: inline-block;
    color: #999;
    font-size: 20px;
    background: #404040;
    padding: 5px;
    width: 35px;
    text-align: center;
    border: 1px solid #404040;
    border-bottom: 1px solid #eee;
}

.footer .acount-icon a {
    display: block;
    color: #bfbfbf;
    font-size: 15px;
    padding: 5px;
    text-decoration: none;
}

.footer .acount-icon {
    margin-right: 5px;
    display: inline-flex;
}


.footer .category a {
    text-decoration: none;
    color: #fff;
    display: inline-block;
    padding: 5px 20px;
    margin: 1px;
    border-radius: 4px;
    margin-top: 6px;
    background-color: black;
    border: solid 1px #fff;
}

.footer p {
    font-size: 17px;
    color: #bfbfbf;
}

.footer hr {
    margin-top: 45px;
    margin-bottom: 5px;
    border-top: 1px solid #595959;
    width: 100%;
}

.footer .payment li h5 {
    font-size: 16px;
}

.footer .payment {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-align: center;
    display: inline-flex;
}

.footer .payment li {
    list-style-type: none
}

.footer .payment li a {
    text-decoration: none;
    display: inline-flex;
    color: #999;
    font-size: 20px;
    padding: 10px 10px;
}

.newsletter-submit {
    background: #ccc;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    height: 50px;
    width: 100%;
    padding: 10px;
    border: 1px solid #666;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.inputBox input {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 5px 10px;
    font-size: 15px;
}

.inputBox {
    display: inline-flex;

}

.inputBox p {
    color: green;
    font-weight: 800;
    border-radius: 5px;
    padding: 0px 5px;
}

.footer .container {
    padding: 15px 90px;
    width: 100%;
}

.footer h6 span {
    font-size: 15px;
    color: #e6e6e6;
    margin-bottom: 30px;
}

.footer .addre li h5 {
    font-family: Calibri !important;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
}

.mb25 {
    margin-bottom: 25px;
}

.footer .guarantee i {
    color: #fff;
    font-size: 40px;
    margin-top: 15px;

}

.pr35 {
    padding-right: 35px;
}

.footer li {
    color: #bfbfbf;
}

@media(max-width:480px) {
    .inputBox input {
        width: 100%;
    }
}

.white {
    color: #fff !important;
}

::selection {
    background: rgba(159, 223, 159, 0.9);
    color: #fff;
}

/*----------------------------------/FOOTER/-------------------------------*/
/*----------------------------------TERMS-------------------------------*/
.page-title .breadcrumb {
    background-color: transparent !important;
}

.page-title .layer {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 100px 0;
}

.page-title h2 {
    color: #fff;
    font-weight: 600;
    font-size: 35px;
    font-family: fantasy !important;
    letter-spacing: 1px;
}

.page-title .breadcrumb>li a {
    color: #fff;
}

.page-title .breadcrumb>li {
    display: inline-block;
    color: #fff;
    font-size: 20px;
    font-family: cursive;
    letter-spacing: 0.09em;
    margin-top: 15px;
}

@media(max-width:767px) {
    .page-title .layer {
        padding: 20px 0;
    }

    .top_header_back img {
        width: 75%;
        height: 65px !important;
    }

    .maintop {
        padding: 0 5px;
        padding-top: 0;
    }

    .carousel_carousel_inner .h1_carousel h1 p {
        font-size: 12px;
        padding-bottom: 15px;
        text-align: justify;
    }

    .carousel h1 .typewrite {
        color: #fff !important;
        font-size: 17px !important;
    }

    .h1_carousel {
        top: 0;
    }
}

/*----------------------------------/TERMS/-------------------------------*/
/*----------------------------------ABOUT-------------------------------*/
.about_page {
    padding: 70px 0 0 0;
}

.about_page img {
    width: 100%;
    border-radius: 5px;
}

.about_page .abt_back_1 {
    background: url("../../web_assets/images/about_1.jpeg");
    height: 300px;
    border-radius: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.about_page .abt_back_2 {
    background: url("../../web_assets/images/about-bg2.jpg");
    padding: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.about_page .layer {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
}

.about_page .abt_back_2 .layer {
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 0;
    padding: 110px 0;
}

.about_page .content p {
    font-weight: 400;
    color: #666;
    font-size: 14px;
    line-height: 25px;
    font-family: "Open Sans", sans-serif !important;
    text-align: justify;
}

.about_page .abt_sec2_content p {
    margin: 30px 0;
}

.about_page .abt_sec2_content {
    background: rgb(48, 48, 50, 0.4);

}

.about_page .fa-3x {
    font-size: 25px;
    margin-right: 10px;
    position: relative;
    top: 5px;
    color: #003A79;
}

.about_page .nav-tabs li {

    width: 33.33%;
    text-align: center;
}

.about_page ul li {
    list-style: none;
    color: #fff;
    margin-bottom: 10px;
}

.about_page>.container {
    padding: 35px 0;
    margin-bottom: 60px;
}

.about_page .collapse_sec {
    border: 1px solid #ccc;
    border-radius: 30px;
    padding: 7px 10px;
    background: #eee;
    color: #333333;
    font-weight: 600;
    font-size: 17px;
    cursor: pointer;
}

.about_page .collapse_data {
    padding: 20px 15px;
    font-size: 15px;
    color: #999;
}

.about_page .choose p {
    font-size: 18px;
    margin: 25px 0;
}

.about_page .plan p {
    margin: 25px 0;
}

.nav-tabs {
    border-bottom: none;
    position: relative;
}

.nav-tabs::before {
    content: '';
    position: absolute;
    border-bottom: 5px solid #ddd;
    width: 100%;
    bottom: 10px;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover,
.nav-tabs>li>a:hover {
    border: none;
    border-bottom: 5px solid rgba(159, 223, 159, 0.9) !important;
    transition: 0.5s;


}

.nav-tabs>li>a {
    font-size: 16px;
    color: #8c8c8c;
    font-weight: 600;
    letter-spacing: 1px;
    padding-left: 0 !important;
}

.tab-content p {
    font-size: 15px !important;
    font-family: lato, -apple-system, BlinkMacSystemFont, segoe ui, Roboto, helvetica neue, Arial, sans-serif !important;
    letter-spacing: 0.04em;
}

.tab-content {
    padding: 30px 5px;
}

.about_page .abt_back_2 .content {
    background-image: linear-gradient(rgba(255, 255, 255, 0.8) 60%, rgba(0, 0, 0, 0.2));
    padding: 20px;
    margin: 10px;
    padding-bottom: 70px;
}

.about_page .est_time {
    background: #fff;
    border-radius: 30px;
    text-align: center;
    margin: 20px 0;
    padding: 30px;
}

.about_page .h4_year {
    position: relative;
    overflow: visible;
    padding: 10px;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 1px;
    text-align: center;
}

.about_page .h4_year::after {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 50%;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 7px;
    border-color: transparent transparent #000 transparent;
    transform: translate3d(-50%, 0, 0);
}

.about_page .h4_year {
    color: rgba(0, 153, 0, 0.5);
}

/*----------------------------------/ABOUT/-------------------------------*/
/*----------------------------------REGISTRATION-------------------------------*/
.registration {
    padding: 30px 30px;
}

.registration .row {
    margin: 0;
    padding: 3px 0;
}

.left-box {
    padding: 0;
    border: 1px solid #eee;
    background: #fff;
    border-radius: 5px;
    min-height: 600px;
}

.registration .form-control {

    height: 44px;
}

.registration h2 {
    color: #999;
    margin: 30px 0 0;
}

.registration h6 {
    font-size: 14px;
    text-align: center;
    margin-bottom: 30px;
}

.registration h6 a {
    color: rgb(92, 198, 208, 0.8);
    font-size: 20px;
    font-weight: 600;
}

.registration label {
    font-size: 13px;
    color: rgb(0, 0, 0, 0.7);
}

.black_hover:hover {

    background: #111;
    color: #fff;
}

.submit {
    text-align: center;
    max-width: 300px;
    color: #fff;
    background: #999;
    margin: 20px 0;
    width: 100%;
    padding: 6px;
    border: none;
    border-radius: 5px;
}

.registration .right-box {
    padding: 0 45px;
    border: 1px solid #eee;
    border-radius: 5px;
    background-image: linear-gradient(to bottom, rgb(51, 204, 255, 0.1), rgb(179, 217, 255, 0.1));
    min-height: 600px;
    margin: 10px 0;
}


.registration .btn:hover {
    background: #c2272d !important;
}

.registration .btn {
    display: block;
    background-color: #c2272d;
    color: white;
    text-decoration: none;
    margin: 20px 0;
    padding: 15px 15px;
    border-radius: 5px;
    position: relative;
    font-size: 18px;
    font-weight: 600;
}

.left {
    float: left;
}

.otp_incorrect1 {
    display: none;
}

.registration .btn::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.2s ease-in-out;
    box-shadow: inset 0 3px 0 rgba(0, 0, 0, 0), 0 3px 3px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}

.registration .btn:hover::after {
    background-color: rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 3px 0 rgba(0, 0, 0, 0.2);
}

.registration .btn-social {
    padding-left: 64px;
    position: relative;
    z-index: 1;
}

.registration .btn-social .fa {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 50px;
    height: 100%;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.1);
    line-height: 3.2;
    border-radius: 5px 0 0 5px;
}

.btn-facebook {
    background-color: #3b5999 !important;
}


.btn-google {
    background-color: #dd4b39 !important;
}

.p0 {
    padding: 0 !important;
}

.registration .btn-social:hover {

    color: #000;
}

.registration h5 {
    text-align: right;
}

.registration h5 a:hover {
    color: #dd4b39;
}

.registration .right-box h2 {
    margin-bottom: 20px;
}

.registration .left-box .col-md-6 {
    padding: 0 30px;
}

.registration .forgot_div,
.registration .otp_div,
.registration .password_change_form {
    display: none;
}

@media(max-width:480px) {
    .registration {
        padding: 30px 0;
    }

    .registration .left-box,
    .registration .right-box {
        padding: 0 5px;

    }

    .registration .set_opt_click {
        width: 100% !important;
    }
}

@media(max-width:786px) {

    .registration .set_opt_click {
        width: 100% !important;
    }
}

.registration .login_soc img {
    height: 25px;
    margin-right: 12px;
}

.registration .login_soc {
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    border: 1px solid;
    padding: 5px 10px;
    border-radius: 5px;
    background: rgb(66, 133, 244);
}

.fb_clr {
    background: #4267b2 !important;
}

.registration .form-control {
    color: #666 !important;
    font-weight: 600;
    padding: 12px;
    border-radius: 0;
    background: #e6e6e6;
    border: none;
}

.registration .back_blackk {
    background: #000;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 10px;
    margin-bottom: 35px;
}

.registration .logo_login {
    height: 40px !important;
}

.registration .register-heading {
    color: #fff;
    text-align: center;
}

.registration form {
    padding: 0 50px;
}

.registration span a {
    text-decoration: underline !important;
    color: blue;
    font-weight: 600;
}

.registration #checkterms {
    margin-right: 10px;
    width: 15px;
    height: 15px;
}

.registration .modal-body {
    height: 400px;
    overflow: scroll;
    margin: 15px 50px;
}

.registration sup {
    top: -.3em;
    font-size: 14px;
    color: red;
}

/*----------------------------------/REGISTRATION/-------------------------------*/
/*----------------------------------CONTACT-------------------------------*/
.backimagecont li {
    color: #333;
    line-height: 3;
    font-family: "Poppins", sans-serif;
    margin-bottom: 30px;
}

.backimagecont h3 {
    color: #111;
    font-weight: 800;
    font-family: inherit !important;
    font-size: 22px;
    margin-bottom: 25px;
}

.mapf {
    padding: 75px 40px 0 40px;
}

.mt25 {
    margin-top: 25px;
}

.shadow {
    box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.1);
    padding: 0;
}

.backimagecont .form-control {
    height: 40px;
    background: #eee;
    border: none;
    border-bottom: 2px solid #111;
}

.backimagecont .form-group {
    margin-bottom: 35px;
}

.validmobileshow,
.validemailshow {
    color: red;
    display: none;
}

/*----------------------------------/CONTACT/-------------------------------*/
/*----------------------------------Ads Pricing-------------------------------*/

.adspricing .plan .border {
    padding: 3px 10px;
}

.adspricing .plan h4 {
    font-size: 15px;
}

.adspricing .plan h3 {
    font-size: 20px;
    line-height: 1;
}

/*----------------------------------/Ads Pricing/-------------------------------*/
/*----------------------------------REGISTRATION-------------------------------*/
.modal-body {
    position: relative;
    margin: 30px;
    max-height: 400px;
    overflow: scroll;
    text-align: justify;
}

.quote_header {
    position: relative;
    top: -13px;
    margin-right: 15px;
    font-size: 25px;
    color: rgba(159, 223, 159, 0.7) !important;
    margin-left: -40px;
}

/*----------------------------------/REGISTRATION/-------------------------------*/
/*----------------------------------CONTACT-------------------------------*/
.backimagecont .contact-bg {
    padding: 30px 45px;
}

.backimagecont .back_blackk {
    background: #000;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 10px;
    margin-bottom: 35px;
}

.backimagecont .register-heading {
    color: #fff;
    text-align: center;
}

/*----------------------------------/CONTACT/-------------------------------*/
/*----------------------------------PRODUCT DETAILS-------------------------------*/
.prod_details .leftcontent img {
    width: 100%;
    margin-top: 25px;
}

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

.prod_details .leftcontent .row {
    margin-bottom: 20px;
}

.prod_details .leftcontent h3 a {
    font-size: 24px;
    font-weight: 600;
    color: rgba(159, 223, 159, 0.9);
    border-bottom: 2px solid;
    padding: 5px 0;
}

.prod_details .leftcontent p {
    margin-top: 25px;
    text-align: justify;
    font-size: 14px;
}

.prod_details .rightcontent h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    margin: 10px 0;
}

.prod_details .rightcontent .row {
    margin-bottom: 10px;
}

.prod_details .rightcontent {
    padding: 20px
}

.prod_details .rightcontent p {
    font-size: 17px;
    padding: 5px 0;
}

.header h2 {
    font-size: 20px;
    color: #111;
    font-weight: 600;
    margin: 25px 0;
    letter-spacing: 1px;
}

.p30_0 {
    padding: 30px 0;
}

/*----------------------------------/PRODUCT DETAILS/-------------------------------*/
/*----------------------------------PRODUCTION-------------------------------*/
.bl1 {
    border-left: 1px solid #ccc;
}

.production .content>p {
    font-size: 18px !important;

}

.production .content p {
    font-weight: 400;
    color: #666;
    font-size: 16px;
    line-height: 25px;
    font-family: "Open Sans", sans-serif !important;
    text-align: justify;
}

.production .content h4 {
    font-size: 20px;
    margin-bottom: 30px;
}

.production .content .row {
    padding: 60px 0px;
    border-bottom: 1px solid #ccc;
}

.production img {
    width: 100%;
    border-radius: 5px;
    box-shadow: 7px 7px 12px -5px rgba(0, 0, 0, 0.5);
}

/*----------------------------------/PRODUCTION/-------------------------------*/
.page-title .row {
    margin: 0;
}

.top_header_back {
    margin: 0;
}

.navbar-collapse .navlinks {
    padding: 20px;
}

.caret {
    border-top: 8px dashed;
    border-top: 4px solid\9;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    margin-left: 10px;
}

.dropdown-menu li a {
    background: none !important;
    color: #333 !important;
    text-transform: capitalize;
    padding: 0px 10px !important;
}

.dropdown-menu ul {
    padding: 5px;
}

.dropdown-menu li {
    font-size: 13px;
    letter-spacing: 1px;
    padding: 0 4px;
    border-bottom: 1px solid #eee;
}

.dropdown-menu li:hover {
    color: rgba(159, 223, 159) !important;
}

.full_ads .product__resources__item__img {
    padding: 10px 0;
}

.links marquee {
    max-height: 250px;
    margin-bottom: 20px;
    overflow: hidden;
    min-height: 180px;
}

.full_ads .product__resources__item__img {
    padding: 0;
}

.carousel_carousel_inner img {
    width: 100%;
}

.carousel_carousel_inner .content {
    padding: 90px;
}

.carousel_carousel_inner h3 {
    font-size: 24px;
    font-weight: 900;
    font-size: 3.5em;
    font-family: sans-serif !important;
}

.carousel_carousel_inner .innerimg a:hover {
    background: green !important;
    color: #fff;
    transition: 1.9s;
}

.carousel_carousel_inner .innerimg a {
    padding: 11px 30px;
    color: green;
    font-weight: 900;
    line-height: 5;
    border: 2px solid green;
    letter-spacing: 1px;
}

.carousel_carousel_inner .innerimg p {
    font-size: 21px;
    font-family: cursive !important;
}

.carousel_carousel_inner .innerimg {
    padding: 0 60px;
}

.choosenn h5 {
    font-size: 17px;
    font-weight: 600;
}

.choosenn {
    padding: 30px 15px !important;
}

/* .angle{ 
  background-image: -webkit-linear-gradient(150deg, #013A6B 35%, #004E95 35%);
  min-height: 200px;
} */
.contact_detas {
    padding: 0 65px
}

.backcolor {
    background: rgba(159, 223, 159, 0.1);
}

.green {
    color: green;
}

.red {
    color: red;
}

@media(max-width:991px) {
    .footer .acount-icon {
        display: grid;
    }

    .backimagecont i {
        margin-bottom: 15px;
    }
}

@media(max-width:480px) {
    .moguaviheader .header {
        font-size: 13px;
        margin: 5px 0;
        margin-bottom: 30px;
    }

    .about p {
        font-size: 13px;
    }

    .choose p {
        font-size: 13px;
    }

    .p55_0 {
        padding: 0 15px;
    }

    .nav-tabs>li.active>a,
    .nav-tabs>li.active>a:focus,
    .nav-tabs>li.active>a:hover,
    .nav-tabs>li>a:hover {

        border-bottom: 0 solid rgba(159, 223, 159, 0.9) !important;
    }

    .page-title .breadcrumb>li {
        font-size: 12px;
    }

    .page-title h2 {
        font-size: 25px;
    }

    .p50_0 {
        padding: 40px 15px;
    }

    .prod_details .rightcontent {
        padding: 0;
    }

    .production .content>p {
        font-size: 13px !important;
        margin-bottom: 15px;
    }
}

@media(max-width:767px) {
    .carousel_carousel_inner .content {
        padding: 0 80px;
    }

    .carousel_carousel_inner .innerimg p {
        font-size: 16px;
        font-family: cursive !important;
    }

    .carousel_carousel_inner h3 {
        font-size: 2.0em;
    }

    .carousel_carousel_inner .innerimg {
        padding: 25px;
    }

    .slider_bg {
        height: 300px;
    }

    .backimagecont .contact-bg {
        padding: 5px 0;
    }

    .contact_detas {
        padding: 0 15px
    }

    .mapf {
        padding: 40px 15px;
    }

    .about_page .abt_back_2 .layer {
        padding: 35px 0;
    }

    .br1 {
        border-right: none;
    }
}

.product_det h3 {
    color: rgba(159, 223, 159);
    font-weight: 600;
}


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

.fresh_fruits .content>p {
    font-size: 18px !important;

}

.fresh_fruits .content p {
    font-weight: 400;
    color: #666;
    font-size: 16px;
    line-height: 25px;
    font-family: "Open Sans", sans-serif !important;
    text-align: justify;
}

.fresh_fruits .content h4 {
    font-size: 20px;
    margin-bottom: 5px;
}

.fresh_fruits .content .data .row {
    margin-bottom: 10px;
}

.fresh_fruits .content .data {
    padding: 60px 0px;
}

.fresh_fruits img {
    width: 100%;
    border-radius: 5px;
    padding: 60px 0 0 35px;
}