/* Css For Menu */
/* Begin: Solution CSS */
.max-w100 {
    max-width: 100%;
}
.solution-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.solution-row li {
    width: 20% !important;
    display: flex;
    flex-direction: column;
    float: left;
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 30px;
}
.solution-row .sol-boxes {
    position: relative;
    border-radius: 8px;
    padding: 10px 7px 10px 7px !important;
    text-align: center;
    display: block;
    text-transform: inherit !important;
    letter-spacing: inherit !important;
    overflow: hidden;
    height: 100%;
    border:1px solid transparent;
    border-bottom: none;
    -webkit-transition: border 0s;
    transition: border 0s;
}
.solution-row .sol-boxes h4 {
    font-family: 'Montserrat' !important;
    font-size: 13px;
    font-weight: 600;
    text-transform: capitalize !important;
    color: #fff;
    text-align: center;
    padding-bottom: 4px;
    margin-bottom: 0;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.solution-row .sol-boxes p {
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 12px !important;
    text-transform: inherit !important;
    letter-spacing: inherit;
    color: #fff;
    line-height: 18px;
    text-align: center;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.sol-boxes img {
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
}
.hrms-box, .online-webapp-box {
    background-color: #fe7496;
    background: -moz-linear-gradient(top, #fda085 0%, #fe7496 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(100%,#fe7496), color-stop(0%,#fda085));
    background: -webkit-linear-gradient(top, #fda085 0%,#fe7496 100%,);
    background: -o-linear-gradient(top, #fda085 0%,#fe7496 100%);
    background: -ms-linear-gradient(top, #fda085 0%,#fe7496 100%,);
    background-image: linear-gradient(130deg, #fda085 0%, #fe7496 100%);
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.tour-Trvl-box, .sales-enq-box {
    background-color: #df9dcc;
    background: -moz-linear-gradient(top, #df9dcc 0%, #789cd7 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(100%,#789cd7), color-stop(0%,#df9dcc));
    background: -webkit-linear-gradient(top, #df9dcc 0%,#789cd7 100%,);
    background: -o-linear-gradient(top, #df9dcc 0%,#789cd7 100%);
    background: -ms-linear-gradient(top, #df9dcc 0%,#789cd7 100%,);
    background-image: linear-gradient(135deg, #df9dcc 0%, #789cd7 100%);
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.taxiApp-box, .restra-pos-box {
    background-color: #42cd98;
    background: -moz-linear-gradient(top, #8fd3f4 0%, #42cd98 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(100%,#42cd98), color-stop(0%,#8fd3f4));
    background: -webkit-linear-gradient(top, #8fd3f4 0%,#42cd98 100%,);
    background: -o-linear-gradient(top, #8fd3f4 0%,#42cd98 100%);
    background: -ms-linear-gradient(top, #8fd3f4 0%,#42cd98 100%,);
    background-image: linear-gradient(120deg, #8fd3f4 0%, #42cd98 100%);
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.school-bus-box, .real-est-box {
    background-color: #9ea861;
    background: -moz-linear-gradient(top, #9ea861 0%, #fcb69f 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(100%,#fcb69f), color-stop(0%,#9ea861));
    background: -webkit-linear-gradient(top, #9ea861 0%,#fcb69f 100%,);
    background: -o-linear-gradient(top, #9ea861 0%,#fcb69f 100%);
    background: -ms-linear-gradient(top, #9ea861 0%,#fcb69f 100%,);
    background-image: linear-gradient(120deg, #9ea861 0%, #fcb69f 100%);
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.pharma-fileld-box, .site-inspect-box {
    background-color: #f796ae;
    background: -moz-linear-gradient(top, #f796ae 0%, #9b68b0 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(100%,#9b68b0), color-stop(0%,#f796ae));
    background: -webkit-linear-gradient(top, #f796ae 0%,#9b68b0 100%,);
    background: -o-linear-gradient(top, #f796ae 0%,#9b68b0 100%);
    background: -ms-linear-gradient(top, #f796ae 0%,#9b68b0 100%,);
    background-image: linear-gradient(135deg, #f796ae 0%, #9b68b0 100%);
    background-size: 200% auto;
    background-size: 200% auto;
    moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.taxiApp-box img, .school-bus-box img, .site-inspect-box img, .restra-pos-box img, .sales-enq-box img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}

/* Begin: Solution hover Effect only for desktop and larger than desktop */
 @media only screen and (min-width: 1200px) and (max-width: 2560px)  {
    .sol-boxes:hover h4, .sol-boxes:hover p {
        color: #000;
    }
    .sol-boxes:hover img {
        transform: scale(1.1);
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
    }
    .sol-boxes:hover {
        border: 1px solid #ee305d;
        border-bottom: none;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), -2px 0 4px 0 rgba(0, 0, 0, 0.19);
        background: none;
        border-radius: 0;
    }
    .sol-boxes:hover:before {
        content: '\f178';
        font-family: FontAwesome;
        font-size: 18px;
        font-weight: normal;
        color: #fff;
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%;
        text-align: center;
        z-index: 1234;
        background-color: #ee305d;
        background-image: linear-gradient(120deg, #ee305d 0%, #ffa78e 100%);
        padding: 3px 16px;
    }
 }
/* End: Solution hover Effect only for desktop and larger than desktop */

/* End: Solution CSS */
/* Begin: Services CSS */
.services-menu .service-row {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 20px;
}
.our-ser-menu .mbl-apps-serv {
    margin-bottom: 20px; 
}
.our-ser-menu h4, .service-row h4.ourProd-title {
    font-family: 'Montserrat' !important;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize !important;
    color: #252525;
    padding-bottom: 4px;
    margin-bottom: 0;
}
.our-ser-menu .serv-list {
    padding-top: 5px;
    padding-left: 26px;
}
.pro-tool-title {
    padding-bottom: 13px !important;
}
.our-ser-menu .serv-list li {
    float: none !important;
    display: block !important;
}
.our-ser-menu .serv-list li a {
    font-size: 13px !important;
    color: #444444 !important;
    text-transform: capitalize !important;
    float: none !important;
    letter-spacing: inherit !important;
    border-radius: inherit !important;
    padding: 0 !important;
    display: flex;
    font-family: 'Montserrat';
    font-style: normal;
    line-height: 24px;
    position: relative;
    display: inline-block;
}
.our-ser-menu .serv-list li a:after {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0%;
    position: absolute;
    background: #ee305d;
    transition: width 0.5s ease 0s, left 0.5s ease 0s;
    width: 0;
}
.our-ser-menu .serv-list li a:hover {
    font-weight: normal !important;
    color: #ee305d !important;
}
.our-ser-menu .serv-list li a:hover:after {
    right: 0;
    width: 100%;
}
.our-ser-menu .mbl-apps:before, .our-ser-menu .ecmmrce-title:before, .our-ser-menu .web-title:before, 
.our-ser-menu .odoo-title:before, .our-ser-menu .magento-title:before, .service-row .ourProd-title:before, 
.our-ser-menu .emerg-tech-title:before, #dl-menu .mbl-apps:before, #dl-menu .ecmmrce-title:before, 
#dl-menu .web-title:before, #dl-menu .odoo-title:before, #dl-menu .magento-title:before, .portfolio-title:before, 
#dl-menu .ourProd-title:before, #dl-menu .emerg-tech-title:before, #dl-menu .workProf-title:before, .hireDev-title:before, 
.why-axistitle:before, .pro-tool-title:before, .partship-title:before, .menu-abt-title:before, .menu-career-title:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    background-repeat: no-repeat;
    height: 16px;
}
.our-ser-menu .mbl-apps:before, #dl-menu .mbl-apps:before {
    background-image: url(https://www.axistechnolabs.com/images/menu-images/mobile-app-icon.png);
    width: 10px;
}
.our-ser-menu .ecmmrce-title:before, #dl-menu .ecmmrce-title:before {
    background-image: url(https://www.axistechnolabs.com/images/menu-images/shopping-bag.png);
    width: 14px;
}
.our-ser-menu .web-title:before,  #dl-menu .web-title:before {
    background-image: url(https://www.axistechnolabs.com/images/menu-images/web-development-icon.png);
    width: 16px;
}
.our-ser-menu .odoo-title:before,  #dl-menu .odoo-title:before {
    background-image: url(https://www.axistechnolabs.com/images/menu-images/odoo-o-logo11.png);
    width: 16px;
}
.our-ser-menu .magento-title:before,  #dl-menu .magento-title:before {
    background-image: url(https://www.axistechnolabs.com/images/menu-images/magento-icon11.png);
    width: 16px;
}
.service-row .ourProd-title:before,  #dl-menu .ourProd-title:before {
    background-image: url(https://www.axistechnolabs.com/images/menu-images/web-product-icon.png);
    width: 16px;
}
.our-ser-menu .emerg-tech-title:before,  #dl-menu .emerg-tech-title:before {
    background-image: url(https://www.axistechnolabs.com/images/menu-images/emerging-tectnologies1.png);
    width: 16px;
}
#dl-menu .workProf-title:before {
    background-image: url(https://www.axistechnolabs.com/images/menu-images/followers.png);
    width: 16px;
}
.hireDev-title:before {
    background-image: url(https://www.axistechnolabs.com/images/menu-images/hire-dev-icn.png);
    width: 16px;    
}
.portfolio-title:before {
    background-image: url(https://www.axistechnolabs.com/images/menu-images/portfolio-icn.png);
    width: 16px;    
}
.why-axistitle:before {
    background-image: url(https://www.axistechnolabs.com/images/menu-images/why-axis-icon.png);
    width: 16px;    
}
.pro-tool-title:before {
    background-image: url(https://www.axistechnolabs.com/images/menu-images/project-tool-icn.png);
    width: 16px;    
}
.partship-title:before {
    background-image: url(https://www.axistechnolabs.com/images/menu-images/handshake.png);
    width: 16px;    
}
.menu-abt-title:before {
    background-image: url(https://www.axistechnolabs.com/images/menu-images/about-us-icon.png);
    width: 16px;  
}
.menu-career-title:before {
    background-image: url(https://www.axistechnolabs.com/images/menu-images/career-icn1.png);
    width: 16px;   
}
.emerge-tech-list, .our-work-prof {
    margin-left: -3px;
    margin-right: -3px;
    padding-top: 8px;
}
.emerge-tech-list li {
    padding-left: 3px !important;
    padding-right: 3px !important;
    margin: 0 !important;
    width: 16.66% !important;
    float: left;
}
.emerge-tech-list li a {
    border: 1px solid #a3a3a3;
    border-radius: 0 !important;
    padding: 0 !important;
    position: relative;
    text-align: center;
    width: 100%;
    height: 55px;
    -webkit-transition: 0s;
    transition: 0s;
}
.service-row .emerge-tech-list li a:hover {
    border: none;
}
.odoo-appSlider {
    padding-top: 12px;
}
.odoo-appSlider .odoo-product {
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
}
.odoo-appSlider .slick-list.draggable {
    margin-left: -10px;
    margin-right: -10px;
}
.odoo-appSlider .odoo-pro-img {
    background-color: #d9d9d9;
    display: block;
    min-height: 140px;
    overflow: hidden;
    position: relative;
}
.odoo-appSlider .odoo-pro-img .O_slide_img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    left: 0;
    padding-left: 5px;
    padding-right: 5px;
}
.odoo-appSlider .odoo-pro-img img {
    margin:0 auto;
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
}
.odoo-appSlider .odoo-pro-img.two_factor {
    background-color: #8cbddb;
}
.odoo-appSlider .odoo-product a {
    width: 100%;
}
.odoo-appSlider .odoo-product a:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}
.odoo-appSlider .odoo-product h5 {
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: 600;
    color: #585858;
    line-height: normal;
    padding-top: 10px;
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
}
.odoo-appSlider .odoo-product a {
    padding: 0 !important;
    text-transform: inherit !important;
}
.odoo-appSlider .odoo-product a:hover h5 {
    color: #ee305d;
}
.odoo-appSlider button.slick-prev {
    top: -18px !important;
    right: 16px !important;
    left: inherit;
    background-color: transparent !important;
}
.odoo-appSlider button.slick-prev:before {
    content: '\f104';
    font-family: FontAwesome;
    font-size: 30px;
    color: #444444 !important;
}
.odoo-appSlider button.slick-next {
    top: -18px !important;
    right: -6px !important;
    background-color: transparent !important;
}
.odoo-appSlider button.slick-next:before {
    content: '\f105';
    font-family: FontAwesome;
    font-size: 30px;
    color: #444444 !important;
}
.odoo-appSlider .slick-list {
    margin: 0;
}

.emerge-tech-list li a img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
}
.logo-border {
    height: 55px;
}
.tools-logo .logo-border {
    height: 70px;
}
.emTech-logo:before, .emTech-logo:after {
    content:"";
    width: 0;
    height: 1px;
    position: absolute;
    transition: all 0.2s linear;
    background: #ee305d;
    transition-delay: 0.2s;
    z-index: 222;
}
.emTech-logo:hover:before, .emTech-logo:hover:after {
    width: 100%;
}
.emTech-logo:before {
    right: 0;
    top: 0;
}
.emTech-logo:after {
    left: 0;
    bottom: 0;
}
.emTech-logo:hover::before, .emTech-logo:hover::after {
    transition-delay: 0s;
}

.logo-border:before, .logo-border:after {
    content:"";
    width:1px;
    height:0;
    position: absolute;
    transition: all 0.2s linear;
    background: #ee305d;
    z-index: 222;
}
.emTech-logo:hover .logo-border:before, .emTech-logo:hover .logo-border:after {
    height: 100%;
}
.emTech-logo .logo-border:before, .emTech-logo .logo-border:after {
    transition-delay: 0s;
}
.emTech-logo .logo-border:before {
    left: 0;
    top: 0;
}
.emTech-logo .logo-border:after {
    right: 0;
    bottom: 0;
}
.emTech-logo:hover .logo-border:before, .emTech-logo:hover .logo-border:after {
    transition-delay: 0.2s;
}
.our-work-prof {
    margin-top: 26px;
}
.our-work-prof li {
    padding-left: 3px !important;
    padding-right: 3px !important;
    margin: 0 !important;
    width: 50% !important;
    float: left;
}
.our-work-prof li a, .career-partner li a, .company-menu .about-us-img a, .dl-submenu .about-us-img a, .ourPortfoli-img a {
    border-radius: 0 !important;
    padding: 0 !important;
    position: relative;
    text-align: center;
    width: 100%;
    overflow: hidden;
}
.our-work-prof li a:hover, .career-partner li a:hover, .company-menu .about-us-img a:hover,
 .dl-submenu .about-us-img a:hover {
    font-weight: normal !important;
} 
.our-work-prof li img, .career-partner li img, .company-menu .about-us-img a img, .ourPortfoli-img a img {
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    width: 100%;
    height: 55px;
}
.career-partner li img, .company-menu .about-us-img a img, .dl-submenu .about-us-img a img, .ourPortfoli-img a img {
    height: auto;
}
.our-work-prof li:hover img, .career-partner li:hover img, .company-menu .about-us-img a:hover img, 
.dl-submenu .about-us-img a:hover img, .ourPortfoli-img a:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}
.our-work-prof .serv-work .img-gradient, .our-work-prof .serv-profile .img-gradient, .career-partner .img-gradient, 
.ourPortfoli-img .img-gradient, .company-menu .about-us-img .img-gradient {
    background-image: linear-gradient(-29deg, #e9335f 0%, #001349 100%);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.7;
}
.our-work-prof li span.menu-work-title, .career-partner li span.menu-work-title {
    font-family: 'Montserrat';
    font-size: 14px !important;
    text-transform: capitalize !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    /*background-color: rgba(0, 0, 0, .45);*/
    color: #fff;
    text-align: center;
    width: 40%;
    padding-top: 4px;
    padding-bottom: 4px;
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
}
.odoo-badges .badge {
    background: none;
    font-size: 9px;
    font-weight: normal;
    position: absolute;
    top: 0;
}
.odoo-badges .badge i {
    font-style: normal;
    font-size: 9px !important;
    font-weight: normal;
    color: #fff !important;
    background-color: #ee305d;
    margin-right: 2px;
    padding: 2px;
    margin-left: 0 !important;
    border-radius: 3px;
}



/* End: Services CSS */
/* Begin: Company CSS */
.company-menu .why-axistitle, .project-tools h4 {
    font-family: 'Montserrat' !important;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize !important;
    color: #252525;
    padding-bottom: 4px;
    margin-bottom: 0;
}
.company-menu .our-ser-menu .why-axisItems2 .serv-list {
    padding-left: 18px;
}
.company-menu .career-partner {
    margin-top: 3px;
}
.career-partner li {
    width: 100%;
    margin-top: 10px;
}
.career-partner li a, .company-menu .about-us-img a, .dl-submenu .about-us-img a, .ourPortfoli-img a, .our-work-prof li a {
    border-radius: 10px !important;
}
.company-menu .about-us-img, .dl-submenu .about-us-img, .ourPortfoli-img {
    padding-top: 12px;
}
.career-partner li span.menu-work-title {
    font-size: 16px !important;
    background-color: transparent;
    width: auto;
}



/* Start: odoo-tour and travel CSS */


 .odoo-hrm .req-quote-btn a {
    font-family: 'Montserrat';
    font-size: 16px;
    font-weight: 600;
    color: #ee305d;
    border: 2px solid rgb(238, 48, 93);
}
.odoo-hrm .req-quote-btn a, .travels-bnnr-caption .req-quote-btn a, .view-work-btn a, .two-grid-hrms .contact-btn a {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    padding: 12px 24px;
    cursor: pointer;
    background: transparent;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.two-grid-hrms .contact-btn a {
    padding: 8px 30px;
}
.odoo-hrm .req-quote-btn a:before, .travels-bnnr-caption .req-quote-btn a:before, .view-work-btn a:before, .two-grid-hrms .contact-btn a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgb(238, 48, 93);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.view-work-btn a {
    font-family: 'Montserrat';
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #875a7b;
    color: #875a7b;
}
.view-work-btn a:before {
    background-color: #875a7b;
}
.two-grid-hrms .contact-btn a {
    border: 2px solid #00a09d;
    color: #00a09d;
}
.two-grid-hrms .contact-btn a:before {
    background-color: #00a09d;
}

.odoo-hrm .req-quote-btn a:hover:before, .odoo-hrm .req-quote-btn a:focus:before, .odoo-hrm .req-quote-btn a:active:before,
 .travels-bnnr-caption .req-quote-btn a:hover:before, .travels-bnnr-caption .req-quote-btn a:focus:before, .travels-bnnr-caption .req-quote-btn a:active:before,
.view-work-btn a:hover:before, .view-work-btn a:focus:before, .view-work-btn a:active:before, 
.two-grid-hrms .contact-btn a:hover:before, .two-grid-hrms .contact-btn a:focus:before, .two-grid-hrms .contact-btn a:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.odoo-hrm .req-quote-btn a:hover, .odoo-hrm .req-quote-btn a:focus, .odoo-hrm .req-quote-btn a:active, 
.view-work-btn a:hover, .view-work-btn a:focus, .view-work-btn a:active, 
.two-grid-hrms .contact-btn a:hover, .two-grid-hrms .contact-btn a:focus, .two-grid-hrms .contact-btn a:active {
    color: white;
}

.odoo-hr-services {
    display: flex;
    flex-wrap: wrap;
    padding-top: 30px;
    padding-bottom: 20px;
}
.odoo-hrm-boxes {
    padding: 20px 6px;
    height: 100%;
    filter: drop-shadow(0 0 5px rgba(62,57,107,0.25));
    background-color: #ffffff;
    transition: margin 200ms;
}
.odoo-hrm-boxes img {
    display: block;
    margin: 0 auto;
    -webkit-transition: transform 0.7s;
    transition: transform 0.7s;
}
.odoo-hrm-boxes:hover {
    margin-top: -10px;
}
.odoo-hrm-boxes:hover img {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}
 .odoo-hrm-boxes h4 {
    position: relative;
    display: inline-block;
 }
.odoo-hrm-boxes h4:after {    
  background: none repeat scroll 0 0 transparent;
  bottom: -4px;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  background: #225ebf;
  transition: width 0.5s ease 0s, left 0.5s ease 0s;
  width: 0;
}
.odoo-icon-boxes:nth-child(1) .odoo-hrm-boxes h4:after {
    background: #f6eb17;
}
.odoo-icon-boxes:nth-child(2) .odoo-hrm-boxes h4:after {
    background: #d7dd8a;
}
.odoo-icon-boxes:nth-child(3) .odoo-hrm-boxes h4:after {
    background: #505c91;
}
.odoo-icon-boxes:nth-child(4) .odoo-hrm-boxes h4:after {
    background: #9e3d96;
}
.odoo-icon-boxes:nth-child(5) .odoo-hrm-boxes h4:after {
    background: #7c78b8;
}
.odoo-icon-boxes:nth-child(6) .odoo-hrm-boxes h4:after {
    background: #9d4187;
}
.odoo-icon-boxes:nth-child(7) .odoo-hrm-boxes h4:after {
    background: #c64f72;
}
.odoo-icon-boxes:nth-child(8) .odoo-hrm-boxes h4:after {
    background: #545554;
}
.odoo-icon-boxes:nth-child(9) .odoo-hrm-boxes h4:after {
    background: #ffca88;
}
.odoo-icon-boxes:nth-child(10) .odoo-hrm-boxes h4:after {
    background: #a4e5e5;
}
.odoo-icon-boxes:nth-child(11) .odoo-hrm-boxes h4:after {
    background: #006266;
}
.odoo-icon-boxes:nth-child(12) .odoo-hrm-boxes h4:after {
    background: #ee5a24;
}
.odoo-icon-boxes:nth-child(13) .odoo-hrm-boxes h4:after {
    background: #dae263;
}
.odoo-icon-boxes:nth-child(14) .odoo-hrm-boxes h4:after {
    background: #208689;
}
.odoo-icon-boxes:nth-child(15) .odoo-hrm-boxes h4:after {
    background: #ff5375;
}
.odoo-icon-boxes:nth-child(16) .odoo-hrm-boxes h4:after {
    background: #7dafaa;
}
.odoo-icon-boxes:nth-child(17) .odoo-hrm-boxes h4:after {
    background: #d28852;
}
.odoo-icon-boxes:nth-child(18) .odoo-hrm-boxes h4:after {
    background: #00438b;
}
.odoo-icon-boxes:nth-child(19) .odoo-hrm-boxes h4:after {
    background: #885c5a;
}
.odoo-icon-boxes:nth-child(20) .odoo-hrm-boxes h4:after {
    background: #f1972b;
}
.odoo-icon-boxes:nth-child(21) .odoo-hrm-boxes h4:after {
    background: #ff7194;
}
.odoo-icon-boxes:nth-child(22) .odoo-hrm-boxes h4:after {
    background: #666054;
}
.odoo-icon-boxes:nth-child(23) .odoo-hrm-boxes h4:after {
    background: #e47c25;
}
.odoo-icon-boxes:nth-child(24) .odoo-hrm-boxes h4:after {
    background: #abb224;
}
.odoo-hrm-boxes:hover h4:after { 
    width: 100%; 
    left: 0;
    right:0;
    margin: 0 auto; 
}
.odoo-hrm-boxes:hover h4 {
    color: #ee305d;
}
.odoo-icon-boxes {
    margin-bottom: 30px;
}
.odoo-icon-boxes {
    margin-bottom: 30px;
}
.hrm-ser-title {
    color: #225ebf;
    margin: 0;
    padding-top: 12px;
}















/* End: odoo-tour and travel CSS */




.career-partner li a:before, .about-us-img a:before, .dl-submenu .about-us-img a:before,
 .our-work-prof li a:before {
    content: "";
    background-image: url(https://www.axistechnolabs.com/images/menu-images/icons-right-arrow.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 20px;
    width: 15px;
    display: block;
    position: absolute;
    bottom: 0;
    right: 90px;
    z-index: 1234;
     opacity: 0; 
    -webkit-transition: 1s;
    transition: 1s;
}
.about-us-img a:before, .our-work-prof li a:before {
    font-size: 24px;
    bottom: 10px;
}
.career-partner li a:hover:before, .about-us-img a:hover:before, .our-work-prof li a:hover:before {
    right: 10px;
    opacity: 1;
}
.about-us-img a, .dl-submenu .about-us-img a {
    position: relative;
}
.about-us-img a:hover figure {
    background-color: #bdbdbd;
    overflow: hidden;
}
/* Shine */
.about-us-img a figure, .career-partner li a figure, .our-work-prof li a figure {
    position: relative;
}
.about-us-img a figure:before, .career-partner li a figure:before, .our-work-prof li a figure:before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 999;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.about-us-img a:hover figure:before, .career-partner li a:hover figure:before, .our-work-prof li a:hover figure:before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}
@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}
@keyframes shine {
    100% {
        left: 125%;
    }
}
.about-us-img a {
    text-transform: inherit !important;
}
.about-us-img a:hover {
    color: #fff !important;
}
.about-us-img .about-caption {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    text-align: center;
    padding: 0 15px;
    z-index: inherit;
    transition-delay: 5s;
    -moz-transition-delay: 5s;
    -o-transition-delay: 5s;
    -webkit-transition-delay: 5s;
    transition-property: z-index;
    -moz-transition-property: z-index;
    -o-transition-property: z-index;
    -webkit-transition-property: z-index;
}
.about-us-img .about-caption h4 {
    font-family: 'Montserrat';
    font-size: 16px !important;
    text-transform: capitalize !important;
    padding-bottom: 3px;
    margin-bottom: 0;
    text-align: center;
}
.about-us-img .about-caption p {
    font-family: 'Montserrat';
    font-size: 13px !important;
    text-transform: inherit !important;
    line-height: normal !important;
    text-align: center;
}
.company-menu .project-tools {
    margin-left: 15px;
    margin-right: 8px;
}
.project-tools .mngmnt-tools {
    margin-left: -5px;
    margin-right: -5px;
    margin-top: 8px;
}
.project-tools .mngmnt-tools li {
    width: 16.666% !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    margin: 0 !important;
}
.project-tools .mngmnt-tools a {
    border: 1px solid #a3a3a3;
    width: 100%;
    height: 70px;
    position: relative;
    border-radius: 0 !important;
    padding: 8px !important;
    transition: inherit !important;
       margin-top: 0;
}
.project-tools .mngmnt-tools a img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    left: 0;
    margin: 0 auto;
    transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -webkit-transition: opacity 0.5s ease-in-out;
    opacity: 0.55;
}
.project-tools .mngmnt-tools a:hover img {
    opacity: 1;
}
/* End: Company CSS */
/* Begin: Hire CSS */
.ourPortfoli-img:hover a {
    font-weight: normal !important;
}
.navigation-part figure {
    margin: 0;
}
header .req-quote-btn {
    float: right;
    margin: 10px 0;
}
.req-quote-btn .mblInq-btn{
    padding: 12px 16px;
    font-size: 16px;
    text-decoration: none !important;
}
#dl-menu .mblInq-btn, #dl-menu .mblInq-btn2, .req-quote-btn .mblInq-btn, .req-quote-btn .mblInq-btn2 {
      width: 150px;
      text-align: center;
      line-height: 45px;
      color: rgba(255,255,255,0.9);
      border-radius: 8px;
      background: linear-gradient(-45deg, #ffa63d, #ff3d77, #338aff, #3cf0c5);
      background-size: 600%;
      -webkit-animation: anime 16s linear infinite;
              animation: anime 16s linear infinite;
    }
    #dl-menu .mblInq-btn2, .req-quote-btn .mblInq-btn2 {
      position: absolute;
      margin-top: -70px;
      z-index: -1;
      -webkit-filter: blur(30px);
              filter: blur(30px);
      opacity: 0.8;
    }
    @-webkit-keyframes anime {
      0% {
        background-position: 0% 50%;
      }
      50% {
        background-position: 100% 50%;
      }
      100% {
        background-position: 0% 50%;
      }
    }
    @keyframes anime {
      0% {
        background-position: 0% 50%;
      }
      50% {
        background-position: 100% 50%;
      }
      100% {
        background-position: 0% 50%;
      }
    }

/* Begin: Responsive CSS for Menu */
@media only screen and (max-width: 1199px) {
    .mobile-nav.sticky nav .navigation-part {
        top: 60px;
        padding-top: 0 !important;
    }
    .mobile-nav.sticky nav .navigation-part.is-active2 {
        width: 70% !important;
        overflow: hidden;
        /*padding: 10px 0 0 0 !important;*/
        left: 30%;
    }
    .com-info {
        margin-top: 0 !important;
        padding-right: 0 !important;
    }
    nav .navigation-part.is-active2 {
        left: 30%;
    }
    .solution-row {
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 25px;
    }
    .solution-row li {
        padding-left: 10px !important;
        padding-right: 10px !important;
        width: 33.333% !important;
    }
    .solution-row .sol-boxes {
        padding-bottom: 20px !important;
        border: none;
    }
    /* Css for Services menu */
    .emerge-tech-list li .text-logo img {
        max-width: 80%;
    }
    .our-work-prof li span.menu-work-title {
        font-size: 13px !important
        width: 55%;
    }
    .odoo-appSlider button.slick-prev:before, .odoo-appSlider button.slick-next:before {
        font-size: 26px;
    }
    .odoo-appSlider button.slick-prev:after, .odoo-appSlider button.slick-next:after {
        display: none;
    }
    .our-ser-menu .serv-list li a {
        font-size: 15px !important;
        line-height: 36px;
    }
    .sub-menu-section .company-menu {
        padding-bottom: 20px !important; 
        padding-top: 20px;
    }
    .company-menu .project-tools {
        margin-right: 4px;
    }
    .project-tools .mngmnt-tools a {
        height: 55px;
        background-color: white;
    }
    .project-tools .mngmnt-tools a img {
        max-width: 85%;
        opacity: 1;
    }
    .project-tools .mngmnt-tools a.trello-tool img {
        max-width: 70%;
    }
    .project-tools .mngmnt-tools a.jira-tools img {
        max-width: 65%;
    }
    .career-partner li, .project-tools .mngmnt-tools li, .emerge-tech-list li, .our-work-prof li, .solution-row li {
        display: inline-block !important;
    }
    .career-partner li span.menu-work-title {
        font-size: 14px !important;
    }
    .about-us-img .about-caption p {
        font-size: 12px !important;
    }
    .company-menu .why-axistitle, .project-tools h4, .our-ser-menu .serv-list li a {
        color: #fff !important;
    }
    .project-tools .mngmnt-tools li {
        width: 16% !important;
        padding-left: 2px !important;
        padding-right: 2px !important;
    }
    .project-tools .mngmnt-tools {
        margin-left: 15px;
        margin-right: 15px;
    }
    .dl-submenu .about-us-img a {
        width: 47% !important;
        margin: 0 auto;
    }
    .career-partner li a {
        width: 50% !important;
        margin: 0 auto
    }
    .odoo-prodSlider {
        padding-right: 30px;
        padding-left: 10px;
        padding-top: 40px;
    }
    .odoo-appSlider button.slick-prev:before, .odoo-appSlider button.slick-next:before, .odoo-appSlider .odoo-product h5 {
        color: #fff !important;
    }
    .dl-menuwrapper li a {
        font-family: 'Montserrat';
    }
    .emerge-tech-list {
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 30px;
    }
    .emerge-tech-list li a {
        background-color: #fff !important;
        border: none;
    }
    .emerge-tech-list li a:before, .emerge-tech-list li a:after {
        display: none;
    }
    .dl-menuwrapper li a {
        padding: 12px 25px;
    }
    #dl-menu .dl-submenu .dl-back {
        margin-bottom: 16px;
    }
    .dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after {
        line-height: 45px;
    }
    .services-btm-sec {
        padding-top: 30px;
    }
    .services-btm-sec .our-work-prof {
        width: 75%;
        margin: 0 auto;
    }
    .our-work-prof li {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    #dl-menu.dl-menuwrapper, .dl-menuwrapper .dl-menu.dl-menuopen {
        overflow-y: auto;
        overflow-x: hidden;
        height: 100%;
    }
    .dl-menuwrapper .dl-menu {
        margin: 5px 0 70px 0;
    }
    #dl-menu .dl-toggle-btn {
        display: block;
        height: 45px; 
    }
    .mblCareer-link {
        text-align: center;
        border: 1px solid #ed305d;
        padding: 0 !important;
        line-height: 43px !important;
        width: 150px;
        margin-top: 14px;
        border-radius: 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
    }
    .d-inBlock {
        display: inline-block;
    }
    .d-inBlock.inqrNow-btn  {
        margin-top: 22px;
    }
    .dl-menuwrapper .dl-work-menu:after, .dl-menuwrapper .dl-blog-menu:after {
        content: "\f105";
        font-family: FontAwesome;
        color: #fff;
        position: absolute;
        top: 0;
        line-height: 42px;
        speak: none;
        -webkit-font-smoothing: antialiased;
    }
    .inqrNow-btn a {
        margin-left: 25px !important;
        margin-right: 20px !important;
        padding: 0 !important;
    }
    .odoo-badges .badge {
        top: 8px;
    }
}

@media only screen and (max-width: 991px) {
    .solution-row li {
        width: 33.333% !important;
        margin-bottom: 20px;
    }
    .company-menu .row.service-row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .dl-submenu .about-us-img {
        padding-top: 10px;
        margin: 0 auto;
    }
    .dl-submenu .about-us-img a {
        width: 50% !important;
    }
    .services-btm-sec .our-work-prof {
        width: 85%;
    }
    .solution-row li {
        padding-left: 5px !important;
        padding-right: 5px !important;
        margin-bottom: 10px;
    }
    .taxiApp-box img {
        max-width: 50%;
    }
    .restra-pos-box img {
        width: 90%;
    }
    .school-bus-box img {
        max-width: 45%;
    }
    .site-inspect-box img {
        max-width: 80%;
    }
    .restra-pos-box img {
        max-width: 70%;
    }
    .sales-enq-box img {
        max-width: 75%;
    }
    .solution-row .sol-boxes h4 {
        font-size: 13px;
    }
    .solution-row .sol-boxes p {
        font-size: 12px !important;
    }
}

@media only screen and (max-width: 767px) {
    .service-row .mobile-serv-menu, .service-row.mbl-emerg-row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .our-ser-menu h4.odoo-title, .our-ser-menu h4.magento-title {
        margin-top: 20px;
    }
    .mbl-emerg-row .services-btm-sec {
        width: 100%;
    }
    .our-work-prof {
        margin-top: 12px;
    }
    .company-menu .career-partner {
        margin: 0 -5px;
        padding-top: 15px;
    }
    .company-menu .career-partner li {
        padding-left: 5px !important;
        padding-right: 5px !important;
        width: 49% !important;
    }
    .project-tools .mngmnt-tools li {
        width: 32% !important;
        padding-bottom: 10px !important;
    }
    .dl-submenu .about-us-img a {
        width: 80% !important;
    }
    .career-partner li a {
        width: 70% !important;
    }
    .services-btm-sec .our-work-prof {
        width: 65%;
    }
    .our-work-prof li {
        width: 100% !important;
        padding-bottom: 15px;
    }
    .sol-boxes img {
        display: none;
    }
    .solution-row .sol-boxes {
        padding-bottom: 0px !important;
    }
    .solution-row li {
        width: 50% !important;
    }
}
@media only screen and (max-width: 575px) {
    .odoo-prodSlider {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media only screen and (max-width: 480px) {
    .solution-row li {
        width: 50% !important;
    }
    .solution-row .sol-boxes h4 {
        padding-bottom: 0;
        line-height: normal;
    }
    .solution-row {
        margin-left: 15px;
        margin-right: 15px;
    }
    .solution-row li {
        padding-left: 3px !important;
        padding-right: 3px !important;
        margin-bottom: 6px;
    }
    .solution-row .sol-boxes h4 {
        font-size: 13px;
    }
    #dl-menu .mblInq-btn, #dl-menu .mblInq-btn2, .mblCareer-link {
        width: 140px;
    }
    .inqrNow-btn a {
        margin-right: 10px !important;
    }
}

@media only screen and (max-width: 414px) {
    .emerge-tech-list li {
        width: 33.33% !important;
        padding-bottom: 6px !important;
    }
    .our-work-prof li span.menu-work-title {
        font-size: 12px !important;
        padding-top: 2px;
        padding-bottom: 2px;
        width: 60%;
    }
    .our-ser-menu h4, .service-row h4.ourProd-title {
        font-size: 13px;
    }
    .odoo-appSlider .odoo-product h5 {
        font-size: 12px;
    }
    .company-menu .career-partner li {
        width: 100% !important;
    }
    .project-tools .mngmnt-tools li {
        width: 49% !important;
    }
    .company-menu .why-axistitle, .project-tools h4 {
        font-size: 14px;
    }
    .mobile-nav.sticky nav .navigation-part.is-active2 {
        width: 100% !important;
        left: 0;
    }
    .career-partner li a, .dl-submenu .about-us-img a {
        width: 80% !important;
    }
}

@media only screen and (max-width: 410px) {
    .solution-row li {
        width: 100% !important;
    }
    .dl-menuwrapper li a {
        font-size: 16px;
    }
}
@media only screen and (max-width: 360px) {
    .dl-menuwrapper li a {
        padding-left: 18px;
    }
    .dl-menuwrapper li > a:after {
        right: 18px;
    }
    .inqrNow-btn a {
        margin-left: 18px !important;
    }
}

@media only screen and (max-width: 359px) {
    .solution-row .sol-boxes h4, .solution-row .sol-boxes p {
        font-size: 12px;
    }
    /* Css for Services menu */
    .our-work-prof li {
        width: 100% !important;
        padding-bottom: 6px !important;
    }
    .our-work-prof li span.menu-work-title {
        width: 38%;
    }
    .services-menu .service-row {
        margin-left: -15px;
        margin-right: -15px;
    }
    .company-menu .project-tools {
        margin-left: 0;
        margin-right: 0;
    }
    #dl-menu .mblInq-btn, #dl-menu .mblInq-btn2, .mblCareer-link {
        width: 130px;
    }
    .dl-menuwrapper li a {
        font-size: 14px;
    }
}
/* End: Responsive CSS for Menu */
/* Css For Menu */


/*nav ul.menu-links li .dropdown .sub-menu-section {
    background-color: none !important;
}
nav ul.menu-links li .dropdown {
    background-color: rgba(256, 256, 256, 0.95);
}*/
/* Begin: POS Slider */
#o_app_slider {
    /*margin-top: 60px;*/
    background-color: #e9ecef;
    padding-top: 32px;
    padding-bottom: 30px;
}
.o_app_sldr_title {
    font-family: 'Montserrat';
    font-size: 24px;
    font-weight: 600;
    color: #3868c4;
    margin-bottom: 24px;
    line-height: 32px;
}
.o_card_apps {
    background-color: #fff;
    margin-bottom: 8px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.17);
}
.o_app_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: 8px 8px;
    align-items: center;
}
.o_app_box img {
    margin-right: 8px;
    width: 50px;
}
.o_card_apps_title {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    line-height: 1.2;
    color: #212529;
}
#o_app_slider .slick-initialized .slick-slide {
    margin-right: 15px;
    margin-left: 15px;
}
@media only screen and (max-width: 991px) {
    .o_app_sldr_title {
        font-size: 26px;
    }
}
@media only screen and (max-width: 767px) {
    .o_app_sldr_title {
        font-size: 22px;
    }
}
@media only screen and (max-width: 575px) {
    #o_app_slider .o_cards_boxes {
        width: 100%;
    }
    #o_app_slider .slick-initialized .slick-slide {
        margin-right: 10px;
        margin-left: 10px;
    }
} 
@media only screen and (max-width: 414px) {
    .o_app_sldr_title {
        font-size: 20px;
    }
}





/* End: POS Slider */
/* Begin: Fixed Social Button */
.fixed-social-button {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: 999;
}
.fix-odoo-relate-service {
	z-index: 999 !important;
}
.contactus-icn {
    border: 2px solid #ee305d;
    background-color: #f3f4fa;
    padding: 10px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border-right: none;
}
.fixed-social-button h5 {
    font-family: 'Montserrat';
    font-size: 12px;
    font-weight: 600;
    color: #ee305d;
    text-transform: uppercase;
}
.position-relate {
    position: relative;
}
.contactus-icn {
    border: 2px solid #ee305d;
    background-color: #f3f4fa;
    padding: 10px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border-right: none;
    position: absolute;
    left: -104px;
    top: 50%;
    transform: translateY(-50%);
    width: 104px;
}
.contact-social-btn {
    text-align: center;
    margin-top: 10px;
}
.fixed-social-button li {
    margin-bottom: 5px;
}
.fixed-social-button li .contact-toggle-icn {
    color: #fff;
    display: inline-block;
    position: relative;
    cursor: pointer;
}
.fixed-social-button li .fm-icon {
    font-size: 20px;
    text-align: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    -webkit-transition: all .6s ease; 
    -moz-transition: all .6s ease; 
    -ms-transition: all .6s ease; 
    -o-transition: all .6s ease; 
    transition: all .6s ease;
}
.fm-icon.email-btn {
    background-color: #ee305d;
}
.fixed-social-button li .fm-icon:hover {
    border-radius: 0;
}
.fm-icon.whatsapp-btn {
    background-color: #00e676;
}
.fm-icon.skype-btn {
    background-color: #00a7e6;
}
.fm-icon.linkedin-btn {
    background-color: #0a66c1;
}
.fixed-social-button .contact-toggle-icn i {
    padding-top: 10px;
}

.side-enquiry-details {
    background-color: #f3f4fa;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    width: 0;
    min-height: 425px;
    overflow-y: auto; 
}
.side-enquiry-details.open-enquire, .side-enquiry-details.open-whatsapp, .side-enquiry-details.open-skype {
    border: 2px solid #ee305d;
    border-right: none;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    width: 300px;
}
.side-enquire-form {
    display: none;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.side-enquire-form.open-enquire {
    display: block;
}
.side-enquire-title {
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    background-color: #ee305d;
    display: block;
    padding: 8px 0;
    margin: 0;
    margin-top: -1px;
    text-transform: uppercase;
}
.side-enquire-form form {
    display: block;
    padding: 15px;
    overflow-y: auto;
    background-color: #fff;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.side-enquire-form .form-input-field {
    margin-bottom: 10px;
}
.side-enquire-form form input {
    background-color: #f0f0f0;
    width: 100%;
    line-height: 18px;
    height: auto;
    padding: 10px 10px;
    border: none;
    border-bottom: 1px solid #ee305d;
    color: #000;
    margin-bottom: 5px;
}
.side-enquire-form form textarea {
    font-size: 14px;
    width: 100%;
    padding: 10px;
    border: none;
    border-bottom: 1px solid #ee305d;
    color: #000;
    padding-left: 30px;
    background: #f0f0f0 url(../images/enterprise/edit-icon.png) 5px 15px no-repeat;
    background-size: 16px;
    margin-bottom: 5px;
    margin-top: 5px;
}
.side-enquire-form form input[type="text"] {
    font-size: 14px;
    background: #f0f0f0 url(../images/enterprise/user_icon.png) left 5px center no-repeat;
    background-size: 16px;
    padding-left: 30px;
}
.side-enquire-form form input[type="email"] {
    background: #f0f0f0 url(../images/enterprise/email-cion.png) left 5px center no-repeat;
    background-size: 16px;
    padding-left: 30px;
}
.side-enquire-form form input[type="phone"] {
    background: #f0f0f0 url(../images/enterprise/phone-icon.png) left 5px center no-repeat;
    background-size: 16px;
    padding-left: 30px;
}
.side-enquire-form form input[type="submit"] {
    display: inline-block;
    margin-top: 10px;
    color: #fff;
    padding: 12px 48px;
    background: transparent;
    border: 1px solid #ee305d;
    border-radius: 6px;
    color: #ee305d;
    margin: 8px;
    padding: 8px 25px;
    text-decoration: none;
    width: auto;
    letter-spacing: 1.8px;
    font-weight: normal;
    font-size: 14px;
    text-transform: uppercase;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.side-enquire-form form input[type="text"]:focus {
    box-shadow: none;
}
.side-enquire-form form input[type="submit"]:hover {
    background: #ed305d;
    color: #fff;
}
.side-chat-boxes {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    left: 0;
    padding-top: 10px;
    padding-bottom: 14px;
    -webkit-transition: width 0.5s;
    transition: width 0.5s;
}
.whatsapp-chat-box {
    display: none;
}
.whatsapp-chat-box.open-whatsapp {
    display: block;
}
.side-chat-boxes i {
    font-size: 55px;
    display: block;
    padding-top: 16px;
    padding-bottom: 6px;
}
.whatsapp-chat-box i {
    color: #00e676;
}
.skype-chat-box i {
    color: #00a7e6;
}
.enquire-sidebar .side-chat-boxes h4 {
    text-align:center;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #ee305d;
    margin-bottom: 0;
    text-transform: uppercase;
}

.homepage .close-enquiry-details {
    line-height: 16px;
}
.enquire-sidebar .side-chat-boxes span {
    display: block;
    padding-top: 8px;
    padding-bottom: 10px
}
.side-chat-boxes a {
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    border: 1px solid #ee305d;
    padding: 5px 20px;
    color: #ee305d;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.side-chat-boxes a:hover {
    color: #fff;
    background-color: #ee305d;
}
.contactus-icn.open-enquire, .contactus-icn.open-whatsapp, .contactus-icn.open-skype {
    left: -102px;
}
.skype-chat-box {
    display: none;
}
.skype-chat-box.open-skype {
    display: block;
}
.close-enquiry-details {
    cursor: pointer;
    color: #ee305d;
    font-size: 28px;
    position: absolute;
    top: 10px;
    right: 10px;
    display: none;
}
.side-enquiry-details.open-enquire .close-enquiry-details {
    color: #fff;
}
.side-enquiry-details.open-enquire .close-enquiry-details, .side-enquiry-details.open-whatsapp .close-enquiry-details, 
.side-enquiry-details.open-skype .close-enquiry-details {
    display: block;
}

.greyClr {
    font-family: 'Montserrat';
    color: #666e70;
}
.apps-2fa-implement .form-group .form-control {
  color: #666e70;
  padding-left: 10px !important;
}
@media screen and (max-width: 767px) {
    .fixed-social-button li a:hover span {
        opacity: 0;
    }
}

@media screen and (max-width: 480px) {
    .side-enquiry-details.open-enquire, .side-enquiry-details.open-whatsapp, .side-enquiry-details.open-skype {
        width: 250px;
    }
}

@media screen and (max-width: 414px) {
    .side-enquiry-details.open-enquire, .side-enquiry-details.open-whatsapp, .side-enquiry-details.open-skype {
        width: 230px;
    }
}

@media screen and (max-width: 375px) {
    .side-enquiry-details.open-enquire, .side-enquiry-details.open-whatsapp, .side-enquiry-details.open-skype {
        width: 190px;
    }
}

@media screen and (max-width: 359px) {
    .contactus-icn {
        padding-left: 2px;
        padding-right: 2px;
        left: -67px;
        width: 67px;
    }
    .contactus-icn.open-enquire, .contactus-icn.open-whatsapp, .contactus-icn.open-skype {
        left: -65px;
    }
    .fixed-social-button h5 {
        font-size: 11px;
    }
    .fixed-social-button li .fm-icon {
        font-size: 16px;
        width: 30px;
        height: 30px;
    }
    .fixed-social-button .contact-toggle-icn i {
        padding-top: 6px;
    }
}
/* End: Fixed Social Button */
.odoo-hr-services .odoo-hrm-boxes {
	cursor: pointer;
}
footer form .row {
	display: block;
}
.captcha-code-field {
    content: "";
    display: table;
    clear: both;
}