/*--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/
/* Reset Code */
body {
    padding: 0;
    margin: 0;
    background: #FFF;
    font-family: 'Source Sans Pro', sans-serif;
}

body a {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    text-decoration: none;
}

body a:hover {
    text-decoration: none;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

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

input[type="button"],
input[type="submit"] {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

input[type="button"]:hover,
input[type="submit"]:hover {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font-family: 'Ubuntu', sans-serif;
}

p {
    margin: 0;
    padding: 0;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 1.9;
    color: #999;
    font-family: 'Source Sans Pro', sans-serif;
}

ul,
ol {
    margin: 0;
    padding: 0;
}

label {
    margin: 0;
}

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

/* //Reset Code */
/* bottom-to-top */
#toTop {
    display: none !important;
    text-decoration: none;
    position: fixed;
    bottom: 24px;
    right: 3%;
    overflow: hidden;
    z-index: 999;
    width: 32px;
    height: 36px;
    border: none;
    text-indent: 100%;
    background: url(../images/move-top.png) no-repeat 0px 0px;
}

#toTopHover {
    width: 32px;
    height: 32px;
    display: block;
    overflow: hidden;
    float: right;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
}

/* //bottom-to-top */
/* header */
.mian-content {
    position: relative;
}

header {
    position: absolute;
    z-index: 999;
    width: 100%;
}

/* logo */
a.navbar-brand {
    font-size: 31px;
    letter-spacing: 1px;
    color: #fff;
    text-shadow: 2px 5px 3px rgba(0, 0, 0, 0.18);
    font-family: 'Pacifico', cursive;
}

.navbar-light .navbar-brand,
.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
    color: #fff;
}

a.navbar-brand img {
    vertical-align: bottom;
}

/* //logo */
/* navigation */
nav.navbar.navbar-expand-lg.navbar-light {
      margin: -4em 3em 0em 3em;
}

li.nav-item {
    margin: 0 6px;
}

.navbar-light .navbar-nav .nav-link {
    padding: 0;
    color: #fff;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 600;
    padding: 8px 18px 9px;
    border-radius: 100px;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.21);
}

.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
    color: #ff3f4d;
}

/* //navigation */
/* //header */
/* banner */
.mian-content {
    background: url(../images/1.jpg) no-repeat top;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    min-height: 50vw;
    position: relative;
}

/* particles */
#particles-js {
    width: 100%;
    height: 100%;
}

/* //particles */
/* banner text effect */
.effect-text-w3ls {
    position: absolute;
    top: 54%;
    left: 46%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.effect-text-w3ls span {
    display: block;
}

.mytext1 {
    color: #fff;
    font-size: 70px;
    font-weight: 800;
    letter-spacing: 2px;
    position: relative;
    animation: text 3s 1;
    line-height: 1;
}

.mytext2 {
    font-size: 50px;
    color: #ff3f4d;
    letter-spacing: 1px;
    font-weight: 800;
    text-shadow: 0px 6px 5px rgba(0, 0, 0, 0.44);
}

@keyframes text {
    0% {
        color: #fff;
    }

    30% {
        letter-spacing: 25px;
    }

    85% {
        letter-spacing: 8px;
    }
}

/* //banner text effect */
/* animation effect text */
.effect-text-w3ls h2 {
    color: #191919;
    font-size: 29px;
    white-space: nowrap;
    overflow: hidden;
    letter-spacing: 1px;
    width: 100%;
    animation: animtext 10s steps(80, end);
    transition: all cubic-bezier(0.1, 0.7, 1.0, 0.1);
    font-family: 'Source Sans Pro', sans-serif;
}

@keyframes animtext {
    from {
        width: 0;
        transition: all 2s ease-in-out;
    }
}

/* //animation effect text */
p.para-style {
    font-size: 18px;
    max-width: 700px;
}

/* button effect */
.button-w3ls {
    margin-top: 3em;
}

a.animated-button {
    color: #fff;
    cursor: pointer;
    padding: 12px 0;
    letter-spacing: 2px;
    outline: none;
    width: 170px;
    background: #fff;
    color: #000;
    font-size: 17px;
    border-radius: 100px;
    outline: none;
    display: inline-block;
    box-shadow: 2px 5px 7px 1px rgba(0, 0, 0, 0.18);
    position: relative;
    border: none;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}

a.animated-button:hover {
    background-color: transparent;
    /* text-shadow: nthree; */
    color: #fff !important;
}

a.animated-button::before {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 0px;
    z-index: -1;
    border-radius: 100px;
    content: '';
    background: #ff3f4d;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}

a.animated-button.thar-three:hover:before {
    left: 0%;
    right: auto;
    width: 100%;
}

/* thar four */
a.animated-button.thar-four:hover:before {
    right: 0%;
    left: auto;
    width: 100%;
}

a.animated-button.thar-four:hover {
    background-color: transparent;
    /* text-shadow: nfour; */
}

a.animated-button.thar-four {
    background: #ff3f4d;
    color: #fff;
}

a.animated-button.thar-four:before {
    background: #343a40;
}
a.animated-button.thar-four.two-buttons:hover {
    background: #1ccacd;
}
/* //banner */
/* banner bottom */
h3.title-wthree span {
    display: block;
    font-size: 16px;
    color: #1ccacd;
    letter-spacing: 1px;
}

/* //banner bottom */
/* services */
.why-choose-agile {
    background: url(../images/bg.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    min-height: 800px;
}

h3.title-wthree {
    font-size: 36px;
}

.wthree_features_grid.text-center {
    box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.14);
    border-radius: 50%;
    background: #fff;
}

.why-choose-agile,
.wthree_features_grid,
.wthree_features_grid i {
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    transition: 0.5s all;
}

.wthree_features_grid i {
    font-size: 30px;
    color: #ff3f4d;
    line-height: 1.4;
}

.agile-why-text h4 {
    letter-spacing: 1px;
    font-size: 28px;
}

.agile-why-text p,
p.sub-tittle {
    color: #eee;
}

.wthree_agile_us:hover .wthree_features_grid i {
    color: #000;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    transition: 0.5s all;
}

/* //services */
/* skills */
/* chart */
#chartdiv {
    margin: -.5em auto;
    text-align: center;
    width: 90%;
    height: 390px
}

/* //chart */
.border-styles,
.title-edu {
    border-left: 3px solid #1ccacd;
}

p.counter {
    color: #ff3f4d;
    font-size: 3em;
    font-weight: 800;
    text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.09);
}

/* //skills */
/*-- clients --*/
.w3_testimonials_grid h4 {
    font-size: 17px;
    line-height: 1.8;
    letter-spacing: 1px;
}

.w3_testimonials_grid h5 {
    color: #000;
    font-size: 22px;
    letter-spacing: 1px;
}

.w3_testimonials_grid p {
    font-size: 14px;
}

.w3_testimonials_grid h4 i {
    font-size: 20px;
}

/*-- //clients --*/
/* facts */
.mobile-trend-agile {
    background: url(../images/bg8.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    min-height: 800px;
}

/* //facts */
/* projects */
.da-thumbs {
    list-style: none;
    position: relative;
    margin: 0;
    padding: 0;
}

.da-thumbs li {
    padding: 3px;
    position: relative;
    width: 33%;
    text-align: center;
    display: inline-block;
}

.da-thumbs li a,
.da-thumbs li a img {
    display: block;
    position: relative;
    width: 100%;
}

.da-thumbs li a {
    overflow: hidden;
}

.da-thumbs li a {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -moz-transition: 0.5s all;
}

.da-thumbs li a:hover img {
    opacity: 0.5;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -moz-transition: 0.5s all;
}

.da-thumbs li a div h5 {
    color: #000;
    font-size: 20px;
    letter-spacing: 1px;
    margin: 15px 0 5px;
}

.da-thumbs li a div p {
    margin-bottom: 1em;
}

/* //projects */
/* footer */
.w3l-footer-logo a {
    color: #1ccacd;
}

/* copyright */
p.copy-right-grids {
    font-size: 16px;
    letter-spacing: 2px;
}

p.copy-right-grids a {
    color: #ff3f4d;
}

/* //copyright */
/* social-icons */
.w3social-icons ul li {
    display: inline-block;
}

.w3social-icons ul li a {
    color: #000;
    font-size: 16px;
    display: block;
    -webkit-box-shadow: 0px 0px 1px 0px #fff;
    -moz-box-shadow: 0px 0px 1px 0px #fff;
    box-shadow: 0px 0px 1px 0px rgba(19, 18, 18, 0.33);
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 2.5;
}

.w3social-icons ul li a:hover {
    color: #1ccacd;
    -webkit-box-shadow: 0px 0px 13px 2px #1ccacd;
    -moz-box-shadow: 0px 0px 13px 2px #1ccacd;
    box-shadow: 0px 0px 13px 2px #1ccacd;
}

/* //social-icons */
/* footer nav */
ul.footer-nav-wthree li {
    display: inline-block;
}

ul.footer-nav-wthree li a {
    color: #000;
    letter-spacing: 1px;
    font-size: 18px;
}

/* //footer nav */
/* education */
.info-w3layouts {
    background: url(../images/bg4.jpg) no-repeat bottom;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-attachment: fixed;
}

.w3l-overlay {
    background: url(../images/overlay.png) repeat;
}

.title-edu i,
.w3_agileits_services_grid i {
    color: #ff3f4d;
    font-size: 2em;
}

.grid-flex {
    border-top: 8px solid #ff3f4d;
    position: relative;
    z-index: 0;
}

.style-book-wthree {
    position: absolute;
    bottom: 30%;
    right: 15%;
    transform: rotate(-39deg);
    z-index: -1;
}

.style-book-wthree i {
    font-size: 8em;
    color: #eaeaea;
}

/* //education */
/* awards */
.awards-w3ls {
    background: url(../images/bg5.jpg) no-repeat bottom;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    min-height: 50vw;
}

.w3_agileits_services_grid {
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.18);
}

/* //awards */
/* inner page */
/* contact */
.mian-content-2 {
    background: url(../images/1.jpg) no-repeat 0px -96px;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    min-height: 340px;
}

h2.font-w3ls-style {
    padding-top: 0.2%;
    padding-left: 10em;
    font-family: 'Pacifico', cursive;
    font-size: 44px;
    letter-spacing: 1px;
    transform: rotate(-24deg);
}

/* contact form */
.main_grid_contact {
    background: #f7f7f7;
    padding: 6em;
}

.main_grid_contact label {
    color: #000;
    letter-spacing: 1px;
    font-size: 1.2em;
}

.main_grid_contact input[type="text"],
.main_grid_contact input[type="email"],
.main_grid_contact textarea {
    outline: none;
    padding: 15px 15px;
    font-size: 14px;
    color: #777;
    background: #fff;
    width: 100%;
    letter-spacing: 1px;
    border: 1px solid #ebeeef;
    border-radius: 0px;
}

.main_grid_contact textarea {
    min-height: 12em;
    resize: none;
}

.main_grid_contact .input-group1 input[type="submit"] {
    outline: none;
    padding: 16px 0;
    font-size: 16px;
    margin-top: 2em;
    color: #fff;
    background: #1ccacd;
    border: none;
    letter-spacing: 2px;
    text-transform: uppercase;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    transition: 0.5s all;
    font-weight: 600;
    cursor: pointer;
    border-radius: 0px;
}

.main_grid_contact .input-group1 input[type="submit"]:hover {
    background: #343a40;
}

/* //contact form */
/* map */
.map {
    padding: 0;
}

.map iframe {
    border: none;
    width: 100%;
    height: 100%;
}

/* //map */
/* contact address */
.address-grid i {
    font-size: 1.5em;
    color: #fff;
    background: #1b1e21;
    border-radius: 50%;
    width: 65px;
    height: 65px;
    line-height: 2.5em;
}

.address-right h6 {
    font-size: 1.2em;
    color: #3f4142;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
}

.address-right p,
.address-right p a {
    color: #7c848c;
}

.main_grid_contact h4 {
    font-size: 2em;
    color: #464646;
    text-shadow: 0 1px 2px rgba(18, 18, 19, 0.13);
}

/* //contact address */
/* //contact */
/* //inner page */
/* responsive */
@media(max-width: 1680px) {
    h2.font-w3ls-style {
        padding-top: 3.2%;
    }
}

@media(max-width: 1600px) {
    h2.font-w3ls-style {
        padding-top: 4.2%;
    }
}

@media(max-width: 1440px) {
    .mytext1 {
        font-size: 60px;
    }

    .effect-text-w3ls h2 {
        font-size: 25px;
    }

    .mytext2 {
        font-size: 46px
    }

    p.para-style {
        font-size: 17px;
    }

    .effect-text-w3ls {
        left: 50%;
    }

    a.animated-button {
        width: 150px;
    }

    h2.font-w3ls-style {
        padding-top: 5.2%;
        padding-left: 8em;
    }
}

@media(max-width: 1366px) {
    .mytext1 {
        font-size: 54px;
    }

    h2.font-w3ls-style {
        padding-top: 3.2%;
        padding-left: 7em;
        font-size: 40px;
    }

    .mian-content-2 {
        min-height: 310px;
    }
}

@media(max-width: 1280px) {
    nav.navbar.navbar-expand-lg.navbar-light {
        padding: 1em 5em;
    }

    .main_grid_contact {
        padding: 3em;
    }
}

@media(max-width: 1080px) {
    nav.navbar.navbar-expand-lg.navbar-light {
        padding: 1em 4em;
    }

    a.navbar-brand {
        font-size: 34px;
        letter-spacing: 0px;
    }

    .navbar-light .navbar-nav .nav-link {
        font-size: 16px;
    }

    .effect-text-w3ls h2 {
        font-size: 23px;
    }

    .mytext1 {
        font-size: 48px;
    }

    .mytext2 {
        font-size: 38px;
    }

    .mian-content {
        min-height: 56vw;
    }

    .effect-text-w3ls {
        top: 58%;
    }

    .services-agile-1 {
        padding-left: 0;
        padding-right: .5em;
    }

    .agile-why-text h4 {
        letter-spacing: 0px;
        font-size: 26px;
    }

    .wthree_features_grid i {
        line-height: 1;
    }

    .style-book-wthree i {
        font-size: 6em;
    }

    .w3_testimonials_grid h4 {
        font-size: 16px;
    }

    ul.footer-nav-wthree li a {
        font-size: 17px;
    }

    h2.font-w3ls-style {
        padding-top: 7.2%;
        padding-left: 6em;
        font-size: 36px;
    }

    .mian-content-2 {
        background-position: 0px -33px;
    }

    .main_grid_contact h4 {
        font-size: 1.8em;
    }
}

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

@media(max-width: 1024px) {
    nav.navbar.navbar-expand-lg.navbar-light {
        padding: 1em 2em;
    }

    .mian-content {
        min-height: 60vw;
    }
}

@media(max-width: 991px) {
	div#navbarSupportedContent1{
		 background:#fff;
	}
    div#navbarSupportedContent {
        background:#fff;
        padding: 1.5em;
    }

    li.nav-item {
        margin: 10px 0;
    }

    .navbar-light .navbar-nav .nav-link {
        font-weight: normal;
        padding: 0;
    }

    .navbar-light .navbar-toggler {
        border-color: #fff;
        border-radius: 0px;
        background: #fff;
    }

    .effect-text-w3ls {
        top: 56%;
        left: 46%;
    }

    @keyframes text {
        0% {
            color: #fff;
        }

        30% {
            letter-spacing: 20px;
        }

        85% {
            letter-spacing: 8px;
        }
    }

    .wthree_features_grid i {
        line-height: 1.8;
    }

    .mobile-trend-agile {
        min-height: 690px;
    }

    .map iframe {
        height: 340px;
    }
}

@media(max-width: 900px) {
    h3.title-wthree {
        font-size: 32px;
    }

    h3.title-wthree span {
        font-size: 14px;
    }

    .mian-content-2 {
        min-height: 260px;
    }

    h2.font-w3ls-style {
        font-size: 31px;
    }
}

@media(max-width: 800px) {
    .mian-content {
        min-height: 66vw;
    }

    a.navbar-brand {
        font-size: 32px;
    }

    .effect-text-w3ls h2 {
        font-size: 21px;
    }

    .mytext1 {
        font-size: 44px;
    }

    .mytext2 {
        font-size: 36px;
    }

    p.para-style {
        font-size: 15px;
    }

    .effect-text-w3ls {
        top: 58%;
        left: 50%;
    }

    a.animated-button {
        width: 140px;
        font-size: 15px;
    }

    .button-w3ls {
        margin-top: 2em;
    }

    p {
        font-size: 15px;
    }

    .mobile-trend-agile {
        min-height: 580px;
    }

    h2.font-w3ls-style {
        padding-top: 10.2%;
    }

    .mian-content-2 {
        min-height: 230px;
    }
}

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

@media(max-width: 736px) {
    .effect-text-w3ls h2 {
        font-size: 20px;
    }

    .mytext1 {
        font-size: 38px;
    }

    .mytext2 {
        font-size: 32px;
    }

    .effect-text-w3ls {
        top: 57%;
        left: 43%;
    }

    @keyframes text {
        0% {
            color: #fff;
        }

        30% {
            letter-spacing: 10px;
        }

        85% {
            letter-spacing: 6px;
        }
    }

    .wthree_features_grid i {
        line-height: 1;
        font-size: 28px;
    }

    .agile-why-text h4 {
        letter-spacing: 1px;
        font-size: 25px;
    }

    p.counter {
        font-size: 2.8em;
    }

    #chartdiv {
        height: 330px;
    }

    .da-thumbs li {
        width: 49.6%;
    }

    .da-thumbs li a div h5 {
        font-size: 19px;
    }

    p.copy-right-grids {
        font-size: 15px;
    }
}

@media(max-width: 667px) {
    h2.font-w3ls-style {
        padding-top: 12.2%;
        padding-left: 4em;
    }
}

@media(max-width: 640px) {
    .effect-text-w3ls {
        top: 57%;
        left: 46%;
    }

    #chartdiv {
        height: 290px;
    }

    h3.title-wthree {
        font-size: 30px;
    }
}

@media(max-width: 600px) {
    .mian-content {
        min-height: 470px;
        background-position: right;
    }

    .effect-text-w3ls {
        left: 50%;
    }

    .mian-content-2 {
        background-position: 0px -1px;
    }

    h2.font-w3ls-style {
        padding-top: 13.2%;
        padding-left: 4em;
        font-size: 28px;
    }
}

@media(max-width: 568px) {
    .services-agile-1 {
        padding: 0 4em;
    }

    .wthree_features_grid i {
        line-height: 1.4;
    }

    p.counter {
        font-size: 2.5em;
    }

    .mobile-trend-agile {
        min-height: 488px;
    }

    h2.font-w3ls-style {
        padding-top: 13.2%;
        padding-left: 3em;
        font-size: 27px;
    }

    .mian-content-2 {
        min-height: 210px;
    }
}

@media(max-width: 480px) {
    a.navbar-brand {
        font-size: 28px;
    }

    button.navbar-toggler {
        padding: 2px 8px;
    }

    nav.navbar.navbar-expand-lg.navbar-light {
        padding: 0.5em 0em;
    }

    .effect-text-w3ls h2 {
        font-size: 18px;
    }

    .mytext1 {
        font-size: 34px;
    }

    .mytext2 {
        font-size: 28px;
    }

    p.para-style {
        font-size: 14px;
    }

    a.animated-button {
        width: 128px;
        font-size: 15px;
        padding: 11px 0;
        letter-spacing: 1px;
    }

    .mian-content {
        min-height: 408px;
    }

    .services-agile-1 {
        padding: 0 3em;
    }

    #chartdiv {
        height: 250px;
    }

    h2.font-w3ls-style {
        padding-top: 9.2%;
        padding-left: 0em;
        font-size: 26px;
    }

    .mian-content-2 {
        min-height: 190px;
    }
}

@media(max-width: 440px) {
    p.copy-right-grids {
        font-size: 14px;
    }

    ul.footer-nav-wthree li a {
        font-size: 16px;
    }

    .da-thumbs li {
        width: 100%;
    }

    p.counter {
        font-size: 2.3em;
    }

    h3.title-style {
        font-size: 25px;
    }

    .services-agile-1 {
        padding: 0 2em;
    }

    .mian-content {
        min-height: 430px;
    }

    @keyframes text {
        0% {
            color: #fff;
        }

        30% {
            letter-spacing: 8px;
        }

        85% {
            letter-spacing: 4px;
        }
    }

    h2.font-w3ls-style {
        padding-top: 11.2%;
        padding-left: 0em;
        font-size: 23px;
    }

    .map iframe {
        height: 300px;
    }

    .main_grid_contact {
        padding: 2em;
    }

    .main_grid_contact label {
        font-size: 1em;
    }

    .main_grid_contact input[type="text"],
    .main_grid_contact input[type="email"],
    .main_grid_contact textarea {
        padding: 12px 15px;
    }

    .main_grid_contact .input-group1 input[type="submit"] {
        padding: 14px 0;
        font-size: 15px;
    }
}

@media(max-width: 414px) {
    .services-agile-1 {
        padding: 0 1em;
    }

    @keyframes text {
        0% {
            color: #fff;
        }

        30% {
            letter-spacing: 6px;
        }

        85% {
            letter-spacing: 4px;
        }
    }

    #chartdiv {
        height: 200px;
    }

    .grid-flex {
        padding: 2em !important;
    }

    .title-edu i,
    .w3_agileits_services_grid i {
        font-size: 1.5em;
    }

    .title-edu {
        margin-bottom: 2em !important;
    }

    .style-book-wthree i {
        font-size: 5em;
    }

    .w3_testimonials_grid h4 {
        font-size: 15px;
    }

    .mobile-trend-agile {
        min-height: 526px;
    }
}

@media(max-width: 384px) {
    .grids-agiles-one h5 {
        font-size: 19px;
    }

    .w3_testimonials_grid h5 {
        font-size: 19px;
    }

    h3.title-wthree {
        font-size: 26px;
    }

    @keyframes text {
        0% {
            color: #fff;
        }

        30% {
            letter-spacing: 4px;
        }

        85% {
            letter-spacing: 2px;
        }
    }

    .wthree_features_grid i {
        line-height: 1;
    }

    #chartdiv {
        height: 170px;
    }

    ul.footer-nav-wthree li {
        margin-right: 14px !important;
    }

    ul.footer-nav-wthree li a {
        font-size: 15px;
    }

    h2.font-w3ls-style {
        padding-top: 11.2%;
        padding-left: 0em;
        font-size: 21px;
    }

    .mian-content-2 {
        min-height: 166px;
    }
}

@media(max-width: 375px) {
    .grids-agiles-one h5 {
        font-size: 18px;
    }

    .w3_testimonials_grid h4 {
        font-size: 14px;
    }

    p {
        font-size: 14px;
    }

    p.copy-right-grids {
        letter-spacing: 1px;
    }
}

@media(max-width: 320px) {
    a.navbar-brand {
        font-size: 26px;
    }

    button.navbar-toggler {
        padding: 1px 6px;
    }

    .effect-text-w3ls h2 {
        font-size: 16px;
    }

    .mytext1 {
        font-size: 30px;
        letter-spacing: 1px;
    }

    .mytext2 {
        font-size: 26px;
    }

    p.para-style {
        font-size: 13px;
        margin-top: .5em !important;
    }

    a.animated-button {
        width: 118px;
        font-size: 14px;
        padding: 10px 0;
    }

    .button-w3ls {
        margin-top: 1.2em;
    }

    .mian-content {
        min-height: 378px;
    }

    .agile-why-text h4 {
        letter-spacing: 1px;
        font-size: 22px;
    }

    .col-lg-3.col-sm-2.col-3.pr-lg-2 {
        padding: 0 .5em;
    }

    p.counter {
        font-size: 2em;
    }

    .grids-agiles-one h5 {
        font-size: 16px;
    }

    .grid-flex {
        padding: 1.5em 1em !important;
    }

    .right-text-agiles {
        padding: 0;
    }

    h3.title-wthree {
        font-size: 24px;
    }

    .mobile-trend-agile {
        min-height: 460px;
    }

    .w3social-icons ul li a {
        font-size: 15px;
        width: 35px;
        height: 35px;
    }

    @keyframes text {
        0% {
            color: #fff;
        }

        30% {
            letter-spacing: 2px;
        }

        85% {
            letter-spacing: 1px;
        }
    }

    .main_grid_contact textarea {
        min-height: 9em;
    }

    .main_grid_contact .input-group1 input[type="submit"] {
        padding: 12px 0;
    }

    .main_grid_contact h4 {
        font-size: 1.5em;
    }

    .address-grid i {
        font-size: 1.2em;
        width: 60px;
        height: 60px;
        line-height: 3.2em;
    }

    .address-left {
        padding: 0;
    }

    .mian-content-2 {
        min-height: 140px;
    }

    h2.font-w3ls-style {
        padding-top: 13%;
        padding-left: 0em;
        font-size: 16px;
    }

    .main_grid_contact {
        padding: 2em 1em;
    }
}

/* //responsive */

.slideshow {
	
    border-radius: 12px;
    height: 220px;
   border-radius: 7px;
    height: 230px;
    width: 100%;
	box-shadow: 0 1px 11px 0 rgba(0, 0, 0, 0.12);
	 border: 7px solid #4ec72b;
    
    position: relative;
}

/*fade in slider*/

/* fadeinslider end */
.login_t{
	color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
	padding:0 0 0 14%;
}
.but_login{
	background-color: #fff;
    border-radius: 17px;
    font-size: 16px;
    padding: 7px 40px;
    text-decoration: none;
	color:#000 !important;

	
}
.but_login:hover{
	text-decoration: none !important;
	background-color:#C4EBC0;
	color:#fff !important;
	
}
.ptd{
	padding:14% 2% 2% 14%;
}
.buttons{
	margin: 6% 0 0;
    text-align: center;
}



.single-page-login-alpha .single-page-block .single-page-block-inner {
		transition: background 1s;
-webkit-transition: background 1s;
-moz-transition: background 1s;
-o-transition: background 1s;
}	
/*
.mobile_background{

	background-image: url('../../../assets/animation/images/Path.png');
	background-size: 63% 68%;
    background-position: bottom;
    background-repeat: no-repeat;
	transition: background 1s;
-webkit-transition: background 1s;
-moz-transition: background 1s;
-o-transition: background 1s;
}*/

.mobile_image1{
	position: absolute;bottom: 0;padding-left: 4%;
}
.mobile-text{
	padding-top: 19%;
}
.mobile-text1{
	font-size: 20px;
    margin-bottom: 11px;
    margin-top: 13px;
}	

.login_t{animation: left_to_right 3s ease;text-align:left;}
.but_login{animation: left_to_right 6s ease;}

@keyframes right_to_left {
  from {
    margin-left: 100%;
  }
  to {
    margin-left: 0;
  }
}

@keyframes left_to_right {
  from {
    margin-left: -100%;
  }
  to {
    margin-left: 0;
  }
}

.slideshow{
 -webkit-animation: mymove 3s;  /* Safari 4.0 - 8.0 */
  -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
  animation: mymove 3s;
  animation-fill-mode: forwards;
}
@-webkit-keyframes mymove {
  from {top: -100px;}
  to {top: 0; }
}

@keyframes mymove {
  from {top: -100px;}
  to {top: 0px;}
}

.mobile_button{
	background-color: #4EC72B;
    width: 200px;
    font-size: 16px;
    border: 1px solid #4EC72B;
    padding: 8px 0px 8px 0;
    border-radius: 27px;
	font-weight:600;
	cursor:pointer;
}
.mobile_button:hover{
	background-color: #4EC770;
}

.line_first{
	padding: 0;
    width: 7%;
}
.image_circle{
	width: 9.50%;
    padding: 0;
}
.line_second{
	padding: 0;
    width: 13%;
}
.borderstep{
	border: 7px solid #4EC72B;
    /* border-radius: 75px; */
    padding: 55px 0px 0 0;
    width: 108% !important;
    margin: 0 auto;
    margin-bottom: 15px;
    border-radius: 50%;
    height: 207px;
	text-align: center;
}
.borderstep11{
	border: 7px solid #4EC72B;
    /* border-radius: 75px; */
    padding: 55px 0px 0 0;
    width: 108% !important;
    margin: 0 auto;
    margin-bottom: 15px;
    border-radius: 50%;
    height: 207px;
	text-align: center;
}
.borderstep22{
	border: 7px solid #4EC72B;
    /* border-radius: 75px; */
    padding: 55px 0px 0 0;
    width: 108% !important;
    margin: 0 auto;
    margin-bottom: 15px;
    border-radius: 50%;
    height: 207px;
	text-align: center;
}
.borderstep2{
	border-top: 7px solid #4EC72B;
    padding: 0px;
    position: relative;
    top: 6.5em;
    left: 8px;
}
.stepm{padding-top: 11rem !important;padding-bottom: 11rem !important;}
.font_text{
	font-size: 14px;
    font-weight: 600;
    margin-top: 17px;
}

.mobile_image2 {
    position: absolute;
    bottom: -58px;
    padding-left: 0;
    width: 70%;
}
.sceconf_image_c{
	position: relative;
    bottom: 9em;
    left: 7em;
}
.pading_4{
	    padding-top: 7rem;
    padding-bottom: 4rem;
}
.move{position:relative;-webkit-animation:linear infinite alternate;
-webkit-animation-name: run;
-webkit-animation-duration: 7s;}
@-webkit-keyframes run {
    0% { left: 0;}
    50%{ left : 6%;}
    100%{ left: 0;}
}

.truck2{
	position: relative;
    bottom: 8em;
    right: 2em;
}
.truck1{
	    position: relative;
    z-index: 9;
}
.truck3{
	position: absolute;bottom: 0;padding-left: 4%;
	    width: 65%;
}
.padd_1{
	    padding-top: 16rem;
}
.single-page-login-alpha{
    background-image: url(../assets/images/blob_image-2@2x.png);
	height: 500px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
	margin-top:8%;
	margin-bottom:3%;
}

.login_t{
	color: #fff;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.3;
    padding: 0 0 0 0%;
	margin-bottom: 4px;

}
.but_login{
	background-color: #fff;
    border-radius: 17px;
    font-size: 18px;
    padding: 8px 48px;
    text-decoration: none;
    font-weight: 600;

	
}
.but_login:hover{
	text-decoration: none !important;
	background-color:#EFA21D !important;
	color:#000 !important;
	
}
.ptd{
	padding:9% 0% 0% 24%;
}
.buttons{
	margin: 6% 0 0;
    text-align: center;
}
.pad1{
	    padding: 10% 0px 0 0;
}
.box_sh {
    box-shadow: 0 1px 11px 0 rgba(0, 0, 0, 0.12);
}
.bb{
	position: relative;
    left: 7%;
}

.col-md-offset-1 {
    margin-left: 8.333333%;
}
.mar{
	margin:12% 0 18% 0;
}
.mar1{
	margin:19% 0 19% 0;
}
.por{
	position: relative;
    right: 8%;	
}

.mobile-textss {
    padding-top: 3%;
}
.pa_image{
	padding-left: 8%;
}
footer{
	background-image: url(../assets/images/footer.png);
    background-repeat: no-repeat;
    background-position: 50% -11%;
    background-size: cover;
    height: 407px;
}

@import "lesshat";

@slide-count: 3;
@duration: 20s;
@display-time: 3s;
@width: 640px;
@height: 480px;

div.slides-frame {
  border: 3px solid #AAA;
  width: @width;
  height: @height;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
}
div.slides {
  .animation(slideUp @duration alternate infinite);
  position: relative;
}
  
  div.slide {
    width: @width;
    height: @height;
    font-size: 0; 
    
    &-1 {      
      background-image: url(../assets/images/footer.png);
    }
    &-2 {
     background-image: url(../assets/images/footer.png);
    }
    &-3 {
      background-image: url(../assets/images/footer.png);
    }
    &-4 {
       background-image: url(../assets/images/footer.png);
    }
  }

.flexslider1{
	
    height: 220px;
    width: 426px;
	border-radius: 7px;
	top: 0;
    left: 42px;
	position:absolute !important;
}
.flexslider2{
	
    height: 220px;
    width: 426px;
	border-radius: 7px;
	top: 0;
    left: 114px;
	position:absolute !important;

}
.pa{
	padding:13em 1em 3em 0em;
}

.lodd{
	background-color: #FFA750;
    position: fixed;
    bottom: 0;
    /* height: 100px; */
    padding: 6px 15px 6px 15px;
	    z-index: 9;
}
.cross_iocn{
	color: #fff;
    border: 3px solid #fff;
    padding: 5px 8px 5px 8px;
    border-radius: 23px;
}
.cls1{
	float: left;
    width: 3%;
margin-top: 14px;	
}
.fl_left{
	float:left;
	width:67%;
}
.blacka{
	background: #FFFFFF;
    width: 75px;
    height: 62px;
    border-radius: 7px;
	float:left;
	margin-right:13px;
}
.ff{
	color: #FFE600;
    font-size: 14px;
}
.font14{
	font-size: 14px;
}
.fo_contact{
	float: left;
    text-align: center;
    width: 15%;
    background-color: #fff;
    padding: 3px 0px 4px 0px;
       margin-top: 15px;
    font-weight: 600;
    font-size: 18px;
    border-radius: 19px;
    margin-right: 25px;
}
.send_line{
	
	float: left;
    text-align: center;
    width: 12%;
   background-color:#4EC72B;
    padding: 3px 0px 4px 0px;
       margin-top: 15px;
    font-weight: 600;
    font-size: 18px;
    border-radius: 19px;
   
}
.tttt{
	margin-top: 6px;
	float:left;
}
.keyframes(~'slideUp, 0% {bottom: 0 ;} 20% { bottom: 0; } 27% { bottom: 480px; } 47% { bottom: 480px; } 54% { bottom: 960px; } 74% { bottom: 960px; } 80% { bottom: 1440px; } 100% { bottom: 1440px; }');


/*style*/
.flt_d{float:right;}
.font_six{font-size:18px !important;}
.display_n{display:none;}
.image_dro{width: 25px; margin: 0px 2px 4px 0px;}
.tt{margin-bottom: 20px;}
.text-x{font-size: 24px;position: relative;text-align: left;top: 3px;}
.hei{min-height:220px !important;max-height:420px !important; }
.notification{position: absolute; top: 10px; background-color: #50B948; padding: 5px 5px 6px; font-size: 10px; border-radius: 50%;}
.bottom_b{border-bottom:1px solid #514d6a;}
.logo_tect{width: 105px; margin-bottom: 20px;position:relative;right:17px;}
.for_m{margin-bottom: 1.5rem;}
.border_none{border-left:0px;border-right:0px;border-top:0px;border-bottom: 2px solid #FFA750;border-radius:0px;}
.top_p{position: relative; top: 1px;}
.width1{width:4%;}
.width2{width:96%;}
.top_marg{margin-top:8px;}
.cursor{cursor:pointer}
/*.bgcolor{background-color:#1FB2FE;}*/
.border_a{border-left:none;border-top:none;border-left:none;}
.top_t{margin-bottom: 10px;}

.lablehover a:hover{text-decoration:none !important;}
.border_b{border-bottom:1px solid #eceff4;margin-bottom: 10px;}
.color_f{color:#999;}
.border_bb{ border-bottom: 1px solid #eceff4;margin-bottom: 17px;padding: 0px 0 5px;}
.padd_none{padding:0px;}
.select {

    opacity: 0.7;
}
/*
.select:focus {
    opacity: 1;
}

.select {
    border-color: #ffffff !important;
    opacity: 0.7;
}*/

 .animate {
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	.navbar-fixed-left {
		position: fixed;
		top: 77px;
		left: 0px;
		border-radius: 0px;
	}

	.navbar-minimal {
		width: 60px;		
		min-height: 60px;
		max-height: 100%;
		background-color: rgb(51, 51, 51);
		background-color: rgba(51, 51, 51, 0.8);
		border-width: 0px;
		z-index: 1000;
	}

	.navbar-minimal > .navbar-toggler {
		position: relative;
		min-height: 49px;
		border-bottom: 1px solid rgb(81, 81, 81);
		z-index: 100;
		cursor: pointer;
	}

	.navbar-minimal.open > .navbar-toggler,
	.navbar-minimal > .navbar-toggler:hover {
		/*background-color: rgb(158, 202, 59);*/
	}

	.navbar-minimal > .navbar-toggler > span {
		position: absolute;
		top: 50%;
		right: 50%;
		margin: -8px -8px 0 0;
		width: 16px;
		height: 16px;
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjMycHgiIHZpZXdCb3g9IjAgMCAxNiAzMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGRkZGRiIgZD0iTTEsN2gxNGMwLjU1MiwwLDEsMC40NDgsMSwxcy0wLjQ0OCwxLTEsMUgxQzAuNDQ4LDksMCw4LjU1MiwwLDgKCVMwLjQ0OCw3LDEsN3oiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xLDEyaDE0YzAuNTUyLDAsMSwwLjQ0OCwxLDFzLTAuNDQ4LDEtMSwxSDFjLTAuNTUyLDAtMS0wLjQ0OC0xLTEKCVMwLjQ0OCwxMiwxLDEyeiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGRkZGRiIgZD0iTTEsMmgxNGMwLjU1MiwwLDEsMC40NDgsMSwxcy0wLjQ0OCwxLTEsMUgxQzAuNDQ4LDQsMCwzLjU1MiwwLDMKCVMwLjQ0OCwyLDEsMnoiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xLjMzLDI4Ljk3bDExLjY0LTExLjY0YzAuNDU5LTAuNDU5LDEuMjA0LTAuNDU5LDEuNjYzLDAKCWMwLjQ1OSwwLjQ1OSwwLjQ1OSwxLjIwNCwwLDEuNjYzTDIuOTkzLDMwLjYzM2MtMC40NTksMC40NTktMS4yMDQsMC40NTktMS42NjMsMEMwLjg3MSwzMC4xNzQsMC44NzEsMjkuNDMsMS4zMywyOC45N3oiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yLjk5MywxNy4zM2wxMS42NDEsMTEuNjRjMC40NTksMC40NTksMC40NTksMS4yMDQsMCwxLjY2MwoJcy0xLjIwNCwwLjQ1OS0xLjY2MywwTDEuMzMsMTguOTkzYy0wLjQ1OS0wLjQ1OS0wLjQ1OS0xLjIwNCwwLTEuNjYzQzEuNzg5LDE2Ljg3MSwyLjUzNCwxNi44NzEsMi45OTMsMTcuMzN6Ii8+Cjwvc3ZnPgo=);
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-transition: -webkit-transform .3s ease-out 0s;
		-moz-transition: -moz-transform .3s ease-out 0s;
		-o-transition: -moz-transform .3s ease-out 0s;
		-ms-transition: -ms-transform .3s ease-out 0s;
		transition: transform .3s ease-out 0s;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	.navbar-minimal > .navbar-menu {
		position: absolute;
		top: -1000px;
		left: 0px;
		margin: 0px;
		padding: 0px;
		list-style: none;
		z-index: 50;
		background-color: rgb(51, 51, 51);
		background-color: rgba(51, 51, 51, 0.8);
	}
	.navbar-minimal > .navbar-menu > li {
		margin: 0px;
		padding: 0px;
		border-width: 0px;
		height: 54px;
	}
	.navbar-minimal > .navbar-menu > li > a {
		position: relative;
		display: inline-block;
		color: rgb(255, 255, 255);
		padding: 20px 23px;
		text-align: left;
		cursor: pointer;
		border-bottom: 1px solid rgb(81, 81, 81);
		width: 100%;
		text-decoration: none;
		margin: 0px;
	}

	.navbar-minimal > .navbar-menu > li > a:last-child {
		border-bottom-width: 0px;
	}
	.navbar-minimal > .navbar-menu > li > a:hover {
		background-color: rgb(158, 202, 59);
	}
	.navbar-minimal > .navbar-menu > li > a > .glyphicon {
		float: right;
	}

	.navbar-minimal.open {
		width: 320px;
	}

	.navbar-minimal.open > .navbar-toggler > span {
		background-position: 0 -16px;
		-webkit-transform: rotate(-180deg);
		-moz-transform: rotate(-180deg);
		-o-transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
		transform: rotate(-180deg);
	}

	.navbar-minimal.open > .navbar-menu {
		top: 60px;
		width: 100%;
		min-height: 100%;
	}

	@media (min-width: 768px) {
		.navbar-minimal.open {
			width: 60px;
		}
		.navbar-minimal.open > .navbar-menu {
			overflow: visible;
		}
		.navbar-minimal > .navbar-menu > li > a > .desc {
			position: absolute;
			display: inline-block;
			top: 50%;
			left: 130px;
			margin-top: -20px;
			margin-left: 20px;
			text-align: left;
			white-space: nowrap;
			padding: 10px 13px;
			border-width: 0px !important;
			background-color: rgb(51, 51, 51);
			background-color: rgba(51, 51, 51, 0.8);
			opacity: 0;
		}
		.navbar-minimal > .navbar-menu > li > a > .desc:after {
			z-index: -1;
			position: absolute;
			top: 50%;
			left: -10px;
			margin-top: -10px;
			content:'';
			width: 0;
			height: 0;
			border-top: 10px solid transparent;
			border-bottom: 10px solid transparent; 	
			border-right: 10px solid rgb(51, 51, 51);
			border-right-color: rgba(51, 51, 51, 0.8);
		}
		.navbar-minimal > .navbar-menu > li > a:hover > .desc {
			left: 60px;
			opacity: 1;
		}
	}


/*hover popup*/
.popover__title {

  text-decoration: none;
  color:#514d6a;

}

.popover__wrapper {
    position: relative;
    margin-top:0;
  
}
.popover__content {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: -100px;
    transform: translate(0,10px);
    background-color: #fff;
    padding: 5px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    width: 70em;
	top:100px;
	border:1px solid #999;
}
.popover__content:before {
    position: absolute;
    z-index: -1;
   /* content: '';*/
    right: calc(64% - 10px);
    top: -8px;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #BFBFBF transparent;
    transition-duration: 0.3s;
    transition-property: transform;
}
.popover__wrapper:hover .popover__content {
    z-index: 10;
    opacity: 1;
    visibility: visible;
    transform: translate(0,-20px);
    transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}
.popover__message {
  text-align: center;
}


#slideshow {
	border: 7px solid #4ec72b;
    border-radius: 12px;
    height: 220px;
   
    
    position: relative;
}

/*fade in slider*/
#slideshow > div > img{
	border-radius: 7px;
    height: 206px;
    width: 414px;
}
#slideshow > div {
  position: absolute;
 
}
/* fadeinslider end */

.width_100{width:100%;}

/*select*/
.styled-select {
  
  overflow: hidden;
  position: relative;
}
.styled-select, .styled-select select { width: 100%;color:#999;}
select:focus { outline: none; }
.styled-select select {
 
  /*hide default down arrow in webkit */
  -webkit-appearance: none; 
}

@-moz-document url-prefix(){
  .styled-select select { width: 100%; }
}

.fa-sort-desc {
    background-color: #333333;
    border-radius: 15px;
    color: #fff;
    font-size: 24px;
    padding: 0 5px 5px 6px;
    position: absolute;
    right: 14px;
    top: 7px;
}

 select::-ms-expand { display: none; } /* hide default down arrow in IE10*/
/* select end */
/* hack to fall back in opera */
_:-o-prefocus, .selector {
  .styled-select { background: none; }
  }
 input:focus{
	  border-color: #4EC72B !important;
  }
  select:focus{
	  border-color: #4EC72B !important;
  }
  
.color_inp{
	color: #FFA74F;
    font-size: 20px;
    font-weight: 700;
}  
 .color_fc{
	background-color: #D8D8D8;
    width: 56%;
    padding: 7px;
    margin: 5px;
    border-radius: 24px;
    color: #000;
 } 
 
 .input_n{
	background-color: #D8D8D8;
    border: 1px solid #D8D8D8;
	width: 56%;
    padding: 7px;
       margin: 5px auto;
    border-radius: 24px;
 }
 .button_color{
	background-color: #ffa750 !important;
    border-radius: 21px;
    color: #000 !important;
    padding: 4px 27px;
	border: 4px solid #ffa750 !important;
	cursor:pointer;
 }
 .button_color:hover{
	 background-color:#4ec72b !important;
	 
 }
 .forg{color:#4ec72b;font-size:12px;}
 .bd{border-left: 3px solid #4EC72B;}
 .p_login{
	 padding:0px 40px 0 40px;
 }
 .modal-header{border:none;}
 .class_p{padding:2% 0 7% 0;}
.radius_b{border-radius:88px;}
.modal-open .modal{background-color:rgba(112, 112, 112, 0.7);}
.opct{opacity: 1; margin: 0 -50px 0 0;}
.b_clll{
	 border: 2px solid #fff;
    border-radius: 29px;
    color: #fff;
   
    
    padding: 2px 12px 4px;
}


/* progress bar */
.one, .two, .three, .four, .five{
    position:absolute;
	margin-top:-11px;
	z-index:1;
	height:28px;
	width:28px;
	border-radius:25px;
	
}
.one{
	left:0%;
}
.two{
	left:25%;
}
.three{
	left:50%;
}
.four{
	left:75%;
}
.five{
	left:98%;
}


.primary-color{
	background-color:#FFA750;
}

.no-color{
	background-color:#CDCBCB;
}
.no-color1{
	color:#CDCBCB;
}
.progress{
	background:#CDCBCB;
	height: 7px;
}
.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #FFA750;
    text-align: center;
    background-color:#FFA750;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}
.one1{
	    position: relative;
    right: 38px;
    top: 28px;
    font-size: 16px;
    font-weight: 600;
}
.one1{
	    position: relative;
    right: 38px;
    top: 28px;
    font-size: 16px;
    font-weight: 600;
}



.two2{
	    position: relative;
    right: 27px;
    top: 28px;
    font-size: 16px;
    font-weight: 600;
}

.three3{
	    position: relative;
    right: 15px;
    top: 28px;
    font-size: 16px;
    font-weight: 600;
}

.four4{
	    position: relative;
    right: 15px;
    top: 28px;
    font-size: 16px;
    font-weight: 600;
}
.five5{
	    position: relative;
    right: 15px;
    top: 28px;
    font-size: 16px;
    font-weight: 600;
}
.heig{
	 height: 82px;
}
.owl-carousel.owl-drag .owl-item{
	width: 125px !important;
    text-align: center;
   
}

.cui-ecommerce--catalog--item--img a img{
	min-height: 80px;
    max-height: 80px;
}
.cui-ecommerce--catalog--item--img{height: 80px;}

.newdd{height: 85px;cursor:pointer;}

.newdd a img{
	min-height: 80px;
    max-height: 80px;
}
.padd_2{
	padding: 2px;
    margin-bottom: 5px;
    height: 133px;
}
.marg_r{
	margin-right: 27px;
}
.switchToggle input[type=checkbox]{height: 0; width: 0; visibility: hidden; position: absolute; }
.switchToggle label {cursor: pointer; text-indent: -9999px; width: 70px; max-width: 70px; height: 20; background: #d1d1d1; display: block; border-radius: 100px; position: relative;    left: 12px; }
.switchToggle label:after {content: ''; position: absolute; top: 2px; left: 2px; width: 20px; height: 16px; background: #fff; border-radius: 90px; transition: 0.3s; }
.switchToggle input:checked + label, .switchToggle input:checked + input + label  {background: #FFA750; }
.switchToggle input + label:before, .switchToggle input + input + label:before {content: '0'; position: absolute; top: 0px; left: 43px; width: 20px; height: 16px; border-radius: 90px; transition: 0.3s; text-indent: 0; color: #fff; }
.switchToggle input:checked + label:before, .switchToggle input:checked + input + label:before {content: '1'; position: absolute; top: 0px; left: 12px; width: 20px; height: 16px; border-radius: 90px; transition: 0.3s; text-indent: 0; color: #fff; }
.switchToggle input:checked + label:after, .switchToggle input:checked + input + label:after {left: calc(100% - 2px); transform: translateX(-100%); }
.switchToggle label:active:after {width: 60px; } 
.toggle-switchArea { margin: 10px 0 10px 0; }

.images_w{
	background-color: #F8F8F8;
    margin-bottom: 30px;
    border-radius: 30px;
}
.new_c{
	cursor:pointer;
    margin-top: 6px;
}
.new_c-active{
	border-top: 2px solid #FFA750;
}
/* progress bar */
/* qty*/
.qty .count {
    color: #000;
    display: inline-block;
    vertical-align: top;
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
    padding: 0 2px
    ;min-width: 35px;
    text-align: center;
	background-color: #FFA750;
}
.qty .plus {
   cursor: pointer;
    display: inline-block;
    vertical-align: top;
    color: #000;
    width: 30px;
    height: 30px;
    font: 23px/1.35 Arial,sans-serif;
    text-align: center;
    border-radius: 50%;
    background-color: #fff;
    }
.qty .minus {
   cursor: pointer;
    display: inline-block;
    vertical-align: top;
    color: #000;
    width: 30px;
    height: 30px;
    font: 23px/1.35 Arial,sans-serif;
    text-align: center;
    border-radius: 50%;
    background-color: #fff;
}
/*div {
    text-align: left;
}*/
.minus:hover{
    background-color: #717fe0 !important;
}
.plus:hover{
    background-color: #717fe0 !important;
}
/*Prevent text selection*/
span{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
input{  
    border: 0;
    width: 2%;
}
nput::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input:disabled{
    background-color:white;
}
.color_back{
	background-color: #FFA750;
    border-radius: 15px 15px 0px 0px;
	margin-bottom: 0;
	
}
.color_back1{
	background-color: #FFA750;
 	margin-bottom: 0;
	 border-radius: 0px 0px 15px 15px;
}
.color_back thead th{
	border:none;
}
.color_back td, .color_back th{
	border:none;
}      
/* qty*/
button#qty-minus{
     background-color: #fff;
       height: 32px;
    width: 28px;
    color: #000 !important;
    border-radius: 29px;
}
input#CC-prodDetails-quantity{
 height: 32px;
  text-align:center;
  background-color:#FFA750;
  border:1px solid #FFA750;
    width: 53px;
	    font-size: 23px;
    color: #000;
padding:0px;
}

button#qty-plus{
     background-color: #fff;
       height: 32px;
    width: 28px;
    color: #000 !important;
    border-radius: 29px;
	
}
.m_p{
	    position: relative;
       right: 6px;
    bottom: 3px;
}
.bg_new{background-color:#E8E8E8;}
.bg_new td{color:#7BADE6}
.width_ze{width:0%;}
/*hover popup*/
.coloramount{color:#fff;font-size:16px;}
.main_div{
	background-color: #4EC72B;
    padding: 15px;
    border-radius: 20px;
}
.main_div1{
	background-color: #fff;
    padding: 15px;
    border-radius: 20px;
	margin-top:0px;
}
.opening{color:#FFB368}
.day_d{font-size:17px;font-weight:600;}
.right_up{
    margin-right: 59px;
}
.right_bottom{
    margin-bottom: 20px;
}
.arrow_c{
	position: absolute;
    right: 0;
    top: 44%;
    bottom: 0;
}
.arrow_right{  
	background-color: #4FBA6F;
    padding: 20px 13px 20px 13px;
    border-radius: 50%;
    width: 67px;
    margin: 0 auto;
	cursor:pointer;
	text-align:center;
	}
	.arrow_right:hover{background-color:#4FBA4A;}
	.arrow_right i{font-size:25px;color:#fff;}
	
	.arrow_c1{
	position: absolute;
    left: 0;
    top: 44%;
    bottom: 0;
}
	
	.arrow_left{  
	background-color: #4FBA6F;
    padding: 20px 13px 20px 13px;
    border-radius: 50%;
    width: 67px;
    margin: 0 auto;
	cursor:pointer;
	text-align:center;
	}
	.arrow_left:hover{background-color:#4FBA4A;}
	.arrow_left i{font-size:25px;color:#fff;}
	
	.hei1{height:320px;}
	.head_c{
		background-color: #FFA750;
    border-radius: 25px;
	}
	.pr{
	font-size: 12px;
    color: #fff;
	}
	.btnnew1{
		background-color: #4EC72B;
		color: #fff;
    /* border: 1px solid #4EC72B; */
		border-radius: 28px;
		
	}
	
	.btnnew1:hover{
	background-color:#4EC704;
	}
	.btnnew11{
		background-color: #fff;
		color: #000;
    /* border: 1px solid #4EC72B; */
		border-radius: 28px;
		
	}
	.colorhead{
		background-color:#FFA750;
		border-radius:15px 15px 0px 0px;
		    z-index: 9;
	}
	/*date*/
	.normal_b{
	background-color: #5072FF;
    color: #fff;
    padding: 8px;
    border: 1px solid #5072FF;
    border-radius: 28px;
	}
	.normal_b:hover{background-color: #703590;}
	.express_b{
	
	background-color: #703590;
    color: #fff;
    padding: 8px;
    border: 1px solid #703590;
    border-radius: 28px;
	}
	.express_b:hover{background-color: #5072FF;}
	.mar_fast_e{width: 32%;
    margin: 0 auto;
    float: none;}
	.colro_fi{
	background-color: #FFA750 !important; 
    color: #fff !important;
    border-radius: 20px;
	}
	.pos_new{position: relative;top: 8px;}
	.font_16{
		    font-size: 16px;
    margin: 25px 0 20px 0;
	}
	
	.new_mr{
	margin:6% 0 10% 0;
	}
	/*Address*/
.address_h{
	font-size: 24px;
    font-weight: 600;

}	

.checkbox-custom, .radio-custom {
    opacity: 0;
    position: absolute;   
}

.checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
	font-size: 16px;
    font-weight: 600;
}

.checkbox-custom-label, .radio-custom-label {
    position: relative;
}

.checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before {
    content: '';
    background: #fff;
    border: 2px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-right: 4px;
    text-align: center;
}

.checkbox-custom:checked + .checkbox-custom-label:before {
    background: rebeccapurple;
}

.radio-custom + .radio-custom-label:before {
    border-radius: 50%;
}

.radio-custom:checked + .radio-custom-label:before {
    background: #88D970;
}


.checkbox-custom:focus + .checkbox-custom-label, .radio-custom:focus + .radio-custom-label {
  outline: 1px solid #ddd; /* focus style */
}	
	
.min_max{
	    min-height: 120px;
    max-height: 150px;
	
}	
.delivery_h{
	 background-color: #FFA750;
    border: 1px solid #FFA750;
    padding: 8px 16px 8px 16px;
    font-weight: 600;
    margin-right: 15px;
    border-radius: 10px;
}
.delivery_h:hover{
	background-color:#FFB368;
}
.edi_b{
	background-color:#88D970;
	border:1px solid #88D970;
	padding: 8px 16px 8px 16px;
    font-weight: 600;
    margin-right: 15px;
    border-radius: 10px;
}
.edi_b:hover{
	 background-color: #4EC72B;
}
.add_nw_l{
	font-size: 18px;
    color: #000;
    font-weight: 600;
}
.add_b_t{
	color: #88D970;
    border: 1px solid #88D970;
    padding: 7px 7px 5px 7px;
    margin-right: 5px;
    border-radius: 22px 22px 22px 22px;
}

/*edit add*/
.normal_es{
	background-color: #70B3F5;
    color: #fff;
    padding: 8px;
    border: 1px solid #70B3F5;
    border-radius: 28px;
	}
.normal_es:hover{background-color: #703590;}
.location_arrow{
	background-color: #fff;
    color: #70B3F5;
    padding: 4px 6px 4px 6px;
    border-radius: 15px 15px 15px 15px;

}	
.bag_tr{
		background-color: #fff;
    color: #000;
    padding: 8px;
    border: 1px solid #fff;
    border-radius: 28px;
}	
.pad_6{padding: 6%;}	
.nameFr{
	text-align: left;
    font-size: 18px;
    font-weight: 600;
}
.newd1{
	text-align: left;
    color: #5C7BFF;
    padding-left: 0px;
    font-size: 15px;
    margin-top: 10px;
}
.newd2{

    color: #FFA750;
    padding-left: 0px;
    font-size: 15px;
    margin-top: 10px;
}

.pay_m{
	 background-color: #FFA750;
    border: 1px solid #FFA750;
    padding: 8px 16px 8px 16px;
    font-weight: 600;
    margin-right: 15px;
    border-radius: 25px;
}
.pay_m:hover{
	background-color:#FFB368;
}
.mar_w{width:150px;margin:30px 0px 22px 0px;}
.tahnk_table{
	    width: 32%;
    margin: 0 auto;
    background-color: #FFFFFF;
    border-radius: 15px;
}
.tahnk_table td{
	    padding: .30rem;
}
.su_text{
	    font-weight: 600;
    font-size: 15px;
}

.width_table_f1{width:3%;text-align:center;}
.width_table_f2{width:15%;text-align:center;}
.width_table_f3{width:22%;text-align:center;}
/*my order */
.bs-wizard {margin-top: 40px;}

/*Form Wizard*/
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #000;
    font-size: 14px;
    text-align: center;
    margin: 0 auto;
    position: relative;
    left: 18%;
    top: 41px;
    margin-bottom: 56px;
}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {    position: absolute;
    width: 100px;
    height: 100px;
    display: block;
    background: #fff;
    top: -11px;
    left: 50%;
    margin-top: -15px;
    margin-left: -15px;
    border-radius: 50%;
    border: 3px solid #FFA750;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot span {   
 position: absolute;
    top: 34px;
    left: 8px;
    right: 0;
    font-weight: 600;
    color: #000;} 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #FFA750;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
/*END Form Wizard*/


.class_profile{
	text-align: left;
    font-size: 18px;
    font-weight: 600;
}

.input_n_n{
	background-color: #F8F8F8;
    border: 1px solid #F8F8F8;
	width: 90%;
    padding: 7px;
    height:50px;
  }
/*.height_a{height:calc(110vh - 320px);}*/
.height_a{height:62vh;}
.top_a_S{margin-top: 3%;}
.pb_b{
	padding-bottom:11.7%;
}
.star{position: absolute;font-size: 20px;color: red;z-index:9;}

.label_display{color: #a3a3a3;display: block !important;font-size: 11px;position: absolute;top: -5px;  z-index: 9;}
.label_none{color: #a3a3a3;display: none;font-size: 11px;position: absolute;top: -5px;}
.UNAt1v {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #006aaf;
    z-index: 15;
    pointer-events: none;
    display: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.TDfsHK {
    background-image: url(../assets/images/landscape.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    padding-bottom: 25.5%;
	margin-top: 8%;
}
._2ivGnN {
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 30px;
	color:#fff;
	text-align:center;
	font-weight:700;
}
._3qKOBd {
    font-size: 14px;
	color:#fff;
	text-align:center;
}
.left_mr{
	    margin-left: 13%;
}
.form-control:focus{
	border:none !important;
}
@media(min-width: 1367px)  and 	(max-width: 1920px){}	
@media(min-width: 1280px)  and 	(max-width: 1366px){}	
@media(min-width: 1024px)  and 	(max-width: 1279px){}
@media(min-width: 768px)  and 	(max-width: 1023px){
	.login_t{font-size:13px;padding: 22px 0 0 0%;} 
	.single-page-login-alpha{height: 425px;}
	.slideshow > div > img{height: 160px;}
	.image_100{width:100%;}
	.borderstep {height: 135px;padding: 24px 0px 0 0;}
	.borderstep11 {height: 135px;padding: 24px 0px 0 0;}
	.borderstep22 {height: 135px;padding: 24px 0px 0 0;}
	.borderstep2{top: 4.5em;}
	.sceconf_image_c {bottom: 1em;}
	.mobile_image2 {width:100%;bottom: -25px;}
	.truck3 {bottom: 0; padding-left: 0%;width: 100%;}
	.truck2 {bottom: 6em;right: -3em;}
	.truck1{top: 17em;}
	.flexslider1{height: 207px;width: 87%;}
	.flexslider2{height: 207px;width: 87%;left: 0px;}
	.pa_image {padding-left: 0%;width: 100%;}
	.cls1 {width:7%;}
	.fl_left {float: left; width: 59%;}
	.modal-dialog {max-width: 72%;margin-left: 7%;}
	.slideshow {height:157px;}
.left_mr{margin-left:0%;}
.mobile-text1{font-size:18px;}
.ptd { padding: 13% 0% 0% 24%;}
.por {right: 0;}
.pornew{top:6em;}


}
@media(min-width: 480px)  and 	(max-width: 767px){
.width1{width:100%;}
.width2{width:100%;}
.display_n{display:block;}

.lodd{display:none;}
nav.navbar.navbar-expand-lg.navbar-light {margin: 0em 0em 0em 0em;}
.login_t{font-size:12px;}
.ptd { padding: 62% 0% 0% 10%;}
.buttons {margin: 0% 0px 0px 76px;text-align: center;}
.but_login {font-size: 12px;padding: 3px 20px;}
.slideshow > div > img{height: 160px;}
.bb{left:0;}
.mobile_image1 {padding-left: 0px;}
.borderstep{width: 70% !important;}
.borderstep11{width: 66% !important;margin-top: 3em;}
.borderstep22{width: 66% !important;margin-top: 3em;}
.borderstep2{display:none;}
.mobile_image2{width:100%;bottom:0;}
.sceconf_image_c {position: relative; bottom: 0em;left: 0em;width: 55%;}
.truck3 {padding-left: 0;width:85%;}
.truck2 { position: relative; bottom: 5em; right: -6%;width: 55%;}
.truck1{width: 30%;left: 24%;}
.por {right:0%;}
.flexslider1{width:100%;height:160px;left: 0;}
.flexslider2{width:100%;height:160px;left: 0;}
.pa_image { padding-left: 0;width: 100%;}
.image_100{width:100%;}
footer{background-position: 50% 6%; background-size: cover; height: 212px;}
.pa{ padding: 4em 0em 0em 0em;}
.row{margin-left:0px;margin-right:0px;}
body{overflow-x:hidden;}
.text-left{text-align: center !important;}
.text-right{text-align: center !important;}
.mt-3, .my-3 { margin-top: 0rem !important;}
.top_up_m{margin-top: 34%;}
.font_text {font-size:18px;}
.UNAt1v{display:block;}
.none_tomobile{display:none;}
}
@media(min-width: 320px)  and 	(max-width: 479px){
.width1{width:100%;}
.width2{width:100%;}
.display_n{display:block;}

.lodd{display:none;}
nav.navbar.navbar-expand-lg.navbar-light {margin: 0em 0em 0em 0em;}
.login_t{font-size:12px;}
.ptd { padding: 45% 0% 0% 10%;}
.buttons {margin: 0% 0px 0px 76px;text-align: center;}
.but_login {font-size: 12px;padding: 3px 20px;}
.slideshow > div > img{height: 160px;}
.bb{left:0;}
.mobile_image1 {padding-left: 0px;}
.borderstep{width: 64% !important;}
.borderstep11{width: 63% !important;margin-top: 3em;}
.borderstep22{width: 63% !important;margin-top: 3em;}
.borderstep2{display:none;}
.mobile_image2{width:100%;bottom:0;}
.sceconf_image_c {position: relative; bottom: 0em;left: 0em;width: 55%;}
.truck3 {padding-left: 0;width:85%;}
.truck2 { position: relative; bottom: 5em; right: -6%;width: 55%;}
.truck1{width: 30%;left: 24%;}
.por {right:0%;}
.flexslider1{width:100%;height:160px;left: 0;}
.flexslider2{width:100%;height:160px;left: 0;}
.pa_image { padding-left: 0;width: 100%;}
.image_100{width:100%;}
footer{background-position: 50% 6%;background-size: contain;height: 126px;}
.pa{ padding: 4em 0em 0em 0em;}
.row{margin-left:0px;margin-right:0px;}
body{overflow-x:hidden;}
.text-left{text-align: center !important;}
.text-right{text-align: center !important;}
.mt-3, .my-3 { margin-top: 0rem !important;}
.top_up_m{margin-top: 34%;}
.font_text {font-size:18px;}
.single-page-login-alpha{height: 372px;}
.top_MJ{margin-top:3em;}
.onformobo{margin-top: 7em;}
.modal-dialog { max-width: 58%;}
.bd{border-left:none;}
.slideshow {height:157px;}
.left_mr{margin-left:0%;}
.mobile-text1{font-size:18px;}
.col-md-offset-1{margin-left:0px;}
}
@media(min-width: 1440px)  and 	(max-width: 1450px){
.single-page-login-alpha{margin-top: 16%;}
nav.navbar.navbar-expand-lg.navbar-light { margin: -8em 0em 0em 3em;}
.mar {margin: 15% 0 28% 0;}
.mar1 {margin: 19% 0 22% 0;}
}
@media(min-width: 1280px)  and 	(max-width: 1285px){
.single-page-login-alpha{margin-top: 16%;}
nav.navbar.navbar-expand-lg.navbar-light { margin: -8em 0em 0em 3em;}
.mar {margin: 15% 0 28% 0;}
.mar1 {margin: 19% 0 22% 0;}
}